diff --git a/frontend/src/views/Home.vue b/frontend/src/views/Home.vue
index e8fe3da7..c945c3d5 100644
--- a/frontend/src/views/Home.vue
+++ b/frontend/src/views/Home.vue
@@ -1,1065 +1,310 @@
 <template>
   <div class="home-container">
-    <!-- 顶部导航栏 -->
     <nav class="navbar">
       <div class="nav-brand">MIROFISH</div>
-      <div class="nav-links">
+      <div class="nav-right">
+        <router-link v-if="isAdmin" to="/admin/users" class="admin-link">
+          {{ $t('home.admin') }}
+        </router-link>
         <LanguageSwitcher />
-        <a href="https://github.com/666ghj/MiroFish" target="_blank" class="github-link">
-          {{ $t('nav.visitGithub') }} <span class="arrow">↗</span>
-        </a>
+        <span class="user-email">{{ authState.user?.email }}</span>
+        <button class="logout-btn" @click="handleLogout" :title="$t('home.logout')">→</button>
       </div>
     </nav>
 
-    <div class="main-content">
-      <!-- 上半部分：Hero 区域 -->
-      <section class="hero-section">
-        <div class="hero-left">
-          <div class="tag-row">
-            <span class="orange-tag">{{ $t('home.tagline') }}</span>
-            <span class="version-text">{{ $t('home.version') }}</span>
+    <div class="content">
+      <div class="header-row">
+        <h2 class="section-title">{{ $t('home.myProjects') }}</h2>
+        <button class="new-btn" @click="showNewModal = true">+ {{ $t('home.newProject') }}</button>
+      </div>
+
+      <div class="project-list" v-if="projects.length > 0">
+        <div
+          v-for="project in projects"
+          :key="project.id"
+          class="project-row"
+          @click="openProject(project)"
+        >
+          <span class="status-dot" :class="statusClass(project.status)">■</span>
+          <div class="project-info">
+            <span class="project-name">{{ project.name }}</span>
+            <span class="project-meta">{{ formatStatus(project.status) }} · {{ formatDate(project.created_at) }}</span>
           </div>
-          
-          <h1 class="main-title">
-            {{ $t('home.heroTitle1') }}<br>
-            <span class="gradient-text">{{ $t('home.heroTitle2') }}</span>
-          </h1>
-          
-          <div class="hero-desc">
-            <p>
-              <i18n-t keypath="home.heroDesc" tag="span">
-                <template #brand><span class="highlight-bold">{{ $t('home.heroDescBrand') }}</span></template>
-                <template #agentScale><span class="highlight-orange">{{ $t('home.heroDescAgentScale') }}</span></template>
-                <template #optimalSolution><span class="highlight-code">{{ $t('home.heroDescOptimalSolution') }}</span></template>
-              </i18n-t>
-            </p>
-            <p class="slogan-text">
-              {{ $t('home.slogan') }}<span class="blinking-cursor">_</span>
-            </p>
+          <div class="project-actions" @click.stop>
+            <button class="action-btn" @click="startRename(project)" :title="$t('home.rename')">✎</button>
+            <button class="action-btn danger" @click="confirmDelete(project)" :title="$t('home.delete')">✕</button>
+            <button class="arrow-btn" @click="openProject(project)">→</button>
           </div>
-           
-          <div class="decoration-square"></div>
         </div>
-        
-        <div class="hero-right">
-          <!-- Logo 区域 -->
-          <div class="logo-container">
-            <img src="../assets/logo/MiroFish_logo_left.jpeg" alt="MiroFish Logo" class="hero-logo" />
+      </div>
+      <div v-else class="empty-state">
+        <span>{{ $t('home.noProjects') }}</span>
+      </div>
+    </div>
+
+    <!-- Modal: Nou Projecte -->
+    <div v-if="showNewModal" class="modal-overlay" @click.self="showNewModal = false">
+      <div class="modal">
+        <div class="modal-header">
+          <span class="tag">NEW</span>
+          <h3 class="modal-title">{{ $t('home.newProject') }}</h3>
+        </div>
+
+        <div class="console-section">
+          <div class="console-header">
+            <span class="console-label">{{ $t('home.realitySeed') }}</span>
+            <span class="console-meta">{{ $t('home.supportedFormats') }}</span>
           </div>
-          
-          <button class="scroll-down-btn" @click="scrollToBottom">
-            ↓
+          <div class="upload-zone"
+               :class="{ 'drag-over': isDragOver, 'has-files': files.length > 0 }"
+               @dragover.prevent="isDragOver = true"
+               @dragleave.prevent="isDragOver = false"
+               @drop.prevent="handleDrop"
+               @click="fileInput?.click()">
+            <input ref="fileInput" type="file" multiple accept=".pdf,.md,.txt"
+                   @change="handleFileSelect" style="display:none" />
+            <div v-if="files.length === 0" class="upload-placeholder">
+              <div class="upload-icon">↑</div>
+              <div class="upload-title">{{ $t('home.dragToUpload') }}</div>
+              <div class="upload-hint">{{ $t('home.orBrowse') }}</div>
+            </div>
+            <div v-else class="file-list">
+              <div v-for="(f, i) in files" :key="i" class="file-item">
+                <span class="file-icon">📄</span>
+                <span class="file-name">{{ f.name }}</span>
+                <button @click.stop="files.splice(i, 1)" class="remove-btn">×</button>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="console-section">
+          <div class="console-header">
+            <span class="console-label">{{ $t('home.simulationPrompt') }}</span>
+          </div>
+          <div class="input-wrapper">
+            <textarea v-model="requirement" class="code-input"
+                      :placeholder="$t('home.promptPlaceholder')" rows="5"></textarea>
+          </div>
+        </div>
+
+        <div class="modal-footer">
+          <button class="cancel-btn" @click="showNewModal = false">{{ $t('common.cancel') }}</button>
+          <button class="start-btn" @click="startProject" :disabled="!canStart">
+            {{ $t('home.startEngine') }} →
           </button>
         </div>
-      </section>
+      </div>
+    </div>
 
-      <!-- 下半部分：双栏布局 -->
-      <section class="dashboard-section">
-        <!-- 左栏：状态与步骤 -->
-        <div class="left-panel">
-          <div class="panel-header">
-            <span class="status-dot">■</span> {{ $t('home.systemStatus') }}
-          </div>
-          
-          <h2 class="section-title">{{ $t('home.systemReady') }}</h2>
-          <p class="section-desc">
-            {{ $t('home.systemReadyDesc') }}
-          </p>
-          
-          <!-- 数据指标卡片 -->
-          <div class="metrics-row">
-            <div class="metric-card">
-              <div class="metric-value">{{ $t('home.metricLowCost') }}</div>
-              <div class="metric-label">{{ $t('home.metricLowCostDesc') }}</div>
-            </div>
-            <div class="metric-card">
-              <div class="metric-value">{{ $t('home.metricHighAvail') }}</div>
-              <div class="metric-label">{{ $t('home.metricHighAvailDesc') }}</div>
-            </div>
-          </div>
-
-          <!-- 项目模拟步骤介绍 (新增区域) -->
-          <div class="steps-container">
-            <div class="steps-header">
-               <span class="diamond-icon">◇</span> {{ $t('home.workflowSequence') }}
-            </div>
-            <div class="workflow-list">
-              <div class="workflow-item">
-                <span class="step-num">01</span>
-                <div class="step-info">
-                  <div class="step-title">{{ $t('home.step01Title') }}</div>
-                  <div class="step-desc">{{ $t('home.step01Desc') }}</div>
-                </div>
-              </div>
-              <div class="workflow-item">
-                <span class="step-num">02</span>
-                <div class="step-info">
-                  <div class="step-title">{{ $t('home.step02Title') }}</div>
-                  <div class="step-desc">{{ $t('home.step02Desc') }}</div>
-                </div>
-              </div>
-              <div class="workflow-item">
-                <span class="step-num">03</span>
-                <div class="step-info">
-                  <div class="step-title">{{ $t('home.step03Title') }}</div>
-                  <div class="step-desc">{{ $t('home.step03Desc') }}</div>
-                </div>
-              </div>
-              <div class="workflow-item">
-                <span class="step-num">04</span>
-                <div class="step-info">
-                  <div class="step-title">{{ $t('home.step04Title') }}</div>
-                  <div class="step-desc">{{ $t('home.step04Desc') }}</div>
-                </div>
-              </div>
-              <div class="workflow-item">
-                <span class="step-num">05</span>
-                <div class="step-info">
-                  <div class="step-title">{{ $t('home.step05Title') }}</div>
-                  <div class="step-desc">{{ $t('home.step05Desc') }}</div>
-                </div>
-              </div>
-            </div>
-          </div>
+    <!-- Modal: Rename -->
+    <div v-if="renameProject" class="modal-overlay" @click.self="renameProject = null">
+      <div class="modal modal-sm">
+        <h3 class="modal-title">{{ $t('home.rename') }}</h3>
+        <input v-model="renameValue" class="field-input" @keyup.enter="submitRename" />
+        <div class="modal-footer">
+          <button class="cancel-btn" @click="renameProject = null">{{ $t('common.cancel') }}</button>
+          <button class="start-btn" @click="submitRename" :disabled="!renameValue.trim()">{{ $t('common.save') }}</button>
         </div>
+      </div>
+    </div>
 
-        <!-- 右栏：交互控制台 -->
-        <div class="right-panel">
-          <div class="console-box">
-            <!-- 上传区域 -->
-            <div class="console-section">
-              <div class="console-header">
-                <span class="console-label">{{ $t('home.realitySeed') }}</span>
-                <span class="console-meta">{{ $t('home.supportedFormats') }}</span>
-              </div>
-              
-              <div
-                class="upload-zone"
-                :class="{ 'drag-over': isDragOver, 'has-files': files.length > 0 }"
-                @dragover.prevent="handleDragOver"
-                @dragleave.prevent="handleDragLeave"
-                @drop.prevent="handleDrop"
-                @click="triggerFileInput"
-              >
-                <input
-                  ref="fileInput"
-                  type="file"
-                  multiple
-                  accept=".pdf,.md,.txt"
-                  @change="handleFileSelect"
-                  style="display: none"
-                  :disabled="loading"
-                />
-
-                <div v-if="files.length === 0" class="upload-placeholder">
-                  <div class="upload-icon">↑</div>
-                  <div class="upload-title">{{ $t('home.dragToUpload') }}</div>
-                  <div class="upload-hint">{{ $t('home.orBrowse') }}</div>
-                </div>
-
-                <div v-else class="file-list">
-                  <div v-for="(file, index) in files" :key="index" class="file-item">
-                    <span class="file-icon">📄</span>
-                    <span class="file-name">{{ file.name }}</span>
-                    <button @click.stop="removeFile(index)" class="remove-btn">×</button>
-                  </div>
-                </div>
-              </div>
-
-              <!-- Import ontology toggle -->
-              <div class="import-toggle-row">
-                <label class="import-toggle-label">
-                  <input
-                    type="checkbox"
-                    v-model="importOntologyMode"
-                    :disabled="loading"
-                    class="import-checkbox"
-                  />
-                  <span class="import-toggle-text">{{ $t('home.importOntology') }}</span>
-                </label>
-              </div>
-
-              <!-- Ontology JSON file selector (visible when importOntologyMode) -->
-              <div v-if="importOntologyMode" class="ontology-file-row" @click="triggerOntologyInput">
-                <input
-                  ref="ontologyFileInput"
-                  type="file"
-                  accept=".json"
-                  @change="handleOntologyFileSelect"
-                  style="display: none"
-                  :disabled="loading"
-                />
-                <span class="ontology-file-icon">{ }</span>
-                <span class="ontology-file-name">{{ ontologyFile ? ontologyFile.name : $t('home.importOntologyHint') }}</span>
-                <span v-if="ontologyFile" class="remove-btn" @click.stop="ontologyFile = null">×</span>
-              </div>
-            </div>
-
-            <!-- 分割线 -->
-            <div class="console-divider">
-              <span>{{ $t('home.inputParams') }}</span>
-            </div>
-
-            <!-- 输入区域 -->
-            <div class="console-section">
-              <div class="console-header">
-                <span class="console-label">{{ $t('home.simulationPrompt') }}</span>
-              </div>
-              <div class="input-wrapper">
-                <textarea
-                  v-model="formData.simulationRequirement"
-                  class="code-input"
-                  :placeholder="$t('home.promptPlaceholder')"
-                  rows="6"
-                  :disabled="loading"
-                ></textarea>
-                <div class="model-badge">{{ $t('home.engineBadge') }}</div>
-              </div>
-            </div>
-
-            <!-- 启动按钮 -->
-            <div class="console-section btn-section">
-              <button 
-                class="start-engine-btn"
-                @click="startSimulation"
-                :disabled="!canSubmit || loading"
-              >
-                <span v-if="!loading">{{ $t('home.startEngine') }}</span>
-                <span v-else>{{ $t('home.initializing') }}</span>
-                <span class="btn-arrow">→</span>
-              </button>
-            </div>
-          </div>
+    <!-- Modal: Confirmar Delete -->
+    <div v-if="deleteTarget" class="modal-overlay" @click.self="deleteTarget = null">
+      <div class="modal modal-sm">
+        <h3 class="modal-title">{{ $t('home.confirmDelete') }}</h3>
+        <p class="modal-desc">{{ deleteTarget.name }}</p>
+        <div class="modal-footer">
+          <button class="cancel-btn" @click="deleteTarget = null">{{ $t('common.cancel') }}</button>
+          <button class="danger-btn" @click="submitDelete">{{ $t('home.delete') }}</button>
         </div>
-      </section>
-
-      <!-- 历史项目数据库 -->
-      <HistoryDatabase />
+      </div>
     </div>
   </div>
 </template>
 
 <script setup>
-import { ref, computed } from 'vue'
+import { ref, computed, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
-import HistoryDatabase from '../components/HistoryDatabase.vue'
+import { useI18n } from 'vue-i18n'
 import LanguageSwitcher from '../components/LanguageSwitcher.vue'
+import authState, { isAdmin, clearAuth } from '../store/auth'
+import service from '../api/index'
+import { setPendingUpload } from '../store/pendingUpload'
 
 const router = useRouter()
+const { t } = useI18n()
 
-// 表单数据
-const formData = ref({
-  simulationRequirement: ''
-})
-
-// 文件列表
+const projects = ref([])
+const showNewModal = ref(false)
 const files = ref([])
-
-// 状态
-const loading = ref(false)
-const error = ref('')
+const requirement = ref('')
 const isDragOver = ref(false)
-
-// 文件输入引用
 const fileInput = ref(null)
-const ontologyFileInput = ref(null)
+const renameProject = ref(null)
+const renameValue = ref('')
+const deleteTarget = ref(null)
 
-// Import ontology mode
-const importOntologyMode = ref(false)
-const ontologyFile = ref(null)
+const canStart = computed(() => files.value.length > 0 && requirement.value.trim())
 
-// 计算属性:是否可以提交
-const canSubmit = computed(() => {
-  if (!formData.value.simulationRequirement.trim() || files.value.length === 0) return false
-  if (importOntologyMode.value && !ontologyFile.value) return false
-  return true
-})
+onMounted(loadProjects)
 
-// 触发文件选择
-const triggerFileInput = () => {
-  if (!loading.value) {
-    fileInput.value?.click()
-  }
+async function loadProjects() {
+  try {
+    const res = await service.get('/api/graph/project/list')
+    projects.value = res.data || []
+  } catch { /* silent */ }
 }
 
-// 处理文件选择
-const handleFileSelect = (event) => {
-  const selectedFiles = Array.from(event.target.files)
-  addFiles(selectedFiles)
+function openProject(project) {
+  router.push({ name: 'Process', params: { projectId: project.id } })
 }
 
-// 处理拖拽相关
-const handleDragOver = (e) => {
-  if (!loading.value) {
-    isDragOver.value = true
-  }
+function handleFileSelect(e) {
+  const valid = Array.from(e.target.files).filter(f =>
+    ['pdf', 'md', 'txt'].includes(f.name.split('.').pop().toLowerCase())
+  )
+  files.value.push(...valid)
 }
 
-const handleDragLeave = (e) => {
+function handleDrop(e) {
   isDragOver.value = false
+  const valid = Array.from(e.dataTransfer.files).filter(f =>
+    ['pdf', 'md', 'txt'].includes(f.name.split('.').pop().toLowerCase())
+  )
+  files.value.push(...valid)
 }
 
-const handleDrop = (e) => {
-  isDragOver.value = false
-  if (loading.value) return
-  
-  const droppedFiles = Array.from(e.dataTransfer.files)
-  addFiles(droppedFiles)
+async function startProject() {
+  if (!canStart.value) return
+  setPendingUpload(files.value, requirement.value, false, null)
+  showNewModal.value = false
+  files.value = []
+  requirement.value = ''
+  router.push({ name: 'Process', params: { projectId: 'new' } })
 }
 
-// 添加文件
-const addFiles = (newFiles) => {
-  const validFiles = newFiles.filter(file => {
-    const ext = file.name.split('.').pop().toLowerCase()
-    return ['pdf', 'md', 'txt'].includes(ext)
-  })
-  files.value.push(...validFiles)
+function startRename(project) {
+  renameProject.value = project
+  renameValue.value = project.name
 }
 
-// 移除文件
-const removeFile = (index) => {
-  files.value.splice(index, 1)
-}
-
-// Ontology file input
-const triggerOntologyInput = () => {
-  if (!loading.value) {
-    ontologyFileInput.value?.click()
+async function submitRename() {
+  if (!renameValue.value.trim() || !renameProject.value) return
+  try {
+    await service.patch(`/api/graph/project/${renameProject.value.id}`, { name: renameValue.value.trim() })
+    await loadProjects()
+  } finally {
+    renameProject.value = null
   }
 }
 
-const handleOntologyFileSelect = (event) => {
-  const file = event.target.files[0]
-  if (file) {
-    ontologyFile.value = file
+function confirmDelete(project) {
+  deleteTarget.value = project
+}
+
+async function submitDelete() {
+  if (!deleteTarget.value) return
+  try {
+    await service.delete(`/api/graph/project/${deleteTarget.value.id}`)
+    await loadProjects()
+  } finally {
+    deleteTarget.value = null
   }
-  event.target.value = ''
 }
 
-// 滚动到底部
-const scrollToBottom = () => {
-  window.scrollTo({
-    top: document.body.scrollHeight,
-    behavior: 'smooth'
-  })
+function handleLogout() {
+  service.post('/api/auth/logout').catch(() => {})
+  clearAuth()
+  router.push('/login')
 }
 
-// 开始模拟 - 立即跳转，API调用在Process页面进行
-const startSimulation = () => {
-  if (!canSubmit.value || loading.value) return
-  
-  // 存储待上传的数据
-  import('../store/pendingUpload.js').then(({ setPendingUpload }) => {
-    setPendingUpload(
-      files.value,
-      formData.value.simulationRequirement,
-      importOntologyMode.value,
-      ontologyFile.value
-    )
+function formatDate(iso) {
+  if (!iso) return ''
+  return new Date(iso).toLocaleDateString()
+}
 
-    router.push({
-      name: 'Process',
-      params: { projectId: 'new' }
-    })
-  })
+function formatStatus(status) {
+  const map = {
+    created: t('common.pending'),
+    ontology_generated: 'Ontologia',
+    graph_building: t('common.processing'),
+    graph_completed: t('common.ready'),
+    failed: t('common.failed'),
+  }
+  return map[status] || status
+}
+
+function statusClass(status) {
+  if (status === 'graph_completed') return 'green'
+  if (status === 'failed') return 'red'
+  if (status === 'graph_building') return 'orange'
+  return 'gray'
 }
 </script>
 
 <style scoped>
-/* 全局变量与重置 */
-:root {
-  --black: #000000;
-  --white: #FFFFFF;
-  --orange: #FF4500;
-  --gray-light: #F5F5F5;
-  --gray-text: #666666;
-  --border: #E5E5E5;
-  /* 
-    使用 Space Grotesk 作为主要标题字体，JetBrains Mono 作为代码/标签字体
-    确保已在 index.html 引入这些 Google Fonts 
-  */
-  --font-mono: 'JetBrains Mono', monospace;
-  --font-sans: 'Space Grotesk', 'Noto Sans SC', system-ui, sans-serif;
-  --font-cn: 'Noto Sans SC', system-ui, sans-serif;
-}
-
-.home-container {
-  min-height: 100vh;
-  background: var(--white);
-  font-family: var(--font-sans);
-  color: var(--black);
-}
-
-/* 顶部导航 */
-.navbar {
-  height: 60px;
-  background: var(--black);
-  color: var(--white);
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 0 40px;
-}
-
-.nav-brand {
-  font-family: var(--font-mono);
-  font-weight: 800;
-  letter-spacing: 1px;
-  font-size: 1.2rem;
-}
-
-.nav-links {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-}
-
-.github-link {
-  color: var(--white);
-  text-decoration: none;
-  font-family: var(--font-mono);
-  font-size: 0.9rem;
-  font-weight: 500;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  transition: opacity 0.2s;
-}
-
-.github-link:hover {
-  opacity: 0.8;
-}
-
-.arrow {
-  font-family: sans-serif;
-}
-
-/* 主要内容区 */
-.main-content {
-  max-width: 1400px;
-  margin: 0 auto;
-  padding: 60px 40px;
-}
-
-/* Hero 区域 */
-.hero-section {
-  display: flex;
-  justify-content: space-between;
-  margin-bottom: 80px;
-  position: relative;
-}
-
-.hero-left {
-  flex: 1;
-  padding-right: 60px;
-}
-
-.tag-row {
-  display: flex;
-  align-items: center;
-  gap: 15px;
-  margin-bottom: 25px;
-  font-family: var(--font-mono);
-  font-size: 0.8rem;
-}
-
-.orange-tag {
-  background: var(--orange);
-  color: var(--white);
-  padding: 4px 10px;
-  font-weight: 700;
-  letter-spacing: 1px;
-  font-size: 0.75rem;
-}
-
-.version-text {
-  color: #999;
-  font-weight: 500;
-  letter-spacing: 0.5px;
-}
-
-.main-title {
-  font-size: 4.5rem;
-  line-height: 1.2;
-  font-weight: 500;
-  margin: 0 0 40px 0;
-  letter-spacing: -2px;
-  color: var(--black);
-}
-
-.gradient-text {
-  background: linear-gradient(90deg, #000000 0%, #444444 100%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  display: inline-block;
-}
-
-.hero-desc {
-  font-size: 1.05rem;
-  line-height: 1.8;
-  color: var(--gray-text);
-  max-width: 640px;
-  margin-bottom: 50px;
-  font-weight: 400;
-  text-align: justify;
-}
-
-.hero-desc p {
-  margin-bottom: 1.5rem;
-}
-
-.highlight-bold {
-  color: var(--black);
-  font-weight: 700;
-}
-
-.highlight-orange {
-  color: var(--orange);
-  font-weight: 700;
-  font-family: var(--font-mono);
-}
-
-.highlight-code {
-  background: rgba(0, 0, 0, 0.05);
-  padding: 2px 6px;
-  border-radius: 2px;
-  font-family: var(--font-mono);
-  font-size: 0.9em;
-  color: var(--black);
-  font-weight: 600;
-}
-
-.slogan-text {
-  font-size: 1.2rem;
-  font-weight: 520;
-  color: var(--black);
-  letter-spacing: 1px;
-  border-left: 3px solid var(--orange);
-  padding-left: 15px;
-  margin-top: 20px;
-}
-
-.blinking-cursor {
-  color: var(--orange);
-  animation: blink 1s step-end infinite;
-  font-weight: 700;
-}
-
-@keyframes blink {
-  0%, 100% { opacity: 1; }
-  50% { opacity: 0; }
-}
-
-.decoration-square {
-  width: 16px;
-  height: 16px;
-  background: var(--orange);
-}
-
-.hero-right {
-  flex: 0.8;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  align-items: flex-end;
-}
-
-.logo-container {
-  width: 100%;
-  display: flex;
-  justify-content: flex-end;
-  padding-right: 40px;
-}
-
-.hero-logo {
-  max-width: 500px; /* 调整logo大小 */
-  width: 100%;
-}
-
-.scroll-down-btn {
-  width: 40px;
-  height: 40px;
-  border: 1px solid var(--border);
-  background: transparent;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  color: var(--orange);
-  font-size: 1.2rem;
-  transition: all 0.2s;
-}
-
-.scroll-down-btn:hover {
-  border-color: var(--orange);
-}
-
-/* Dashboard 双栏布局 */
-.dashboard-section {
-  display: flex;
-  gap: 60px;
-  border-top: 1px solid var(--border);
-  padding-top: 60px;
-  align-items: flex-start;
-}
-
-.dashboard-section .left-panel,
-.dashboard-section .right-panel {
-  display: flex;
-  flex-direction: column;
-}
-
-/* 左侧面板 */
-.left-panel {
-  flex: 0.8;
-}
-
-.panel-header {
-  font-family: var(--font-mono);
-  font-size: 0.8rem;
-  color: #999;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  margin-bottom: 20px;
-}
-
-.status-dot {
-  color: var(--orange);
-  font-size: 0.8rem;
-}
-
-.section-title {
-  font-size: 2rem;
-  font-weight: 520;
-  margin: 0 0 15px 0;
-}
-
-.section-desc {
-  color: var(--gray-text);
-  margin-bottom: 25px;
-  line-height: 1.6;
-}
-
-.metrics-row {
-  display: flex;
-  gap: 20px;
-  margin-bottom: 15px;
-}
-
-.metric-card {
-  border: 1px solid var(--border);
-  padding: 20px 30px;
-  min-width: 150px;
-}
-
-.metric-value {
-  font-family: var(--font-mono);
-  font-size: 1.8rem;
-  font-weight: 520;
-  margin-bottom: 5px;
-}
-
-.metric-label {
-  font-size: 0.85rem;
-  color: #999;
-}
-
-/* 项目模拟步骤介绍 */
-.steps-container {
-  border: 1px solid var(--border);
-  padding: 30px;
-  position: relative;
-}
-
-.steps-header {
-  font-family: var(--font-mono);
-  font-size: 0.8rem;
-  color: #999;
-  margin-bottom: 25px;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.diamond-icon {
-  font-size: 1.2rem;
-  line-height: 1;
-}
-
-.workflow-list {
-  display: flex;
-  flex-direction: column;
-  gap: 20px;
-}
-
-.workflow-item {
-  display: flex;
-  align-items: flex-start;
-  gap: 20px;
-}
-
-.step-num {
-  font-family: var(--font-mono);
-  font-weight: 700;
-  color: var(--black);
-  opacity: 0.3;
-}
-
-.step-info {
-  flex: 1;
-}
-
-.step-title {
-  font-weight: 520;
-  font-size: 1rem;
-  margin-bottom: 4px;
-}
-
-.step-desc {
-  font-size: 0.85rem;
-  color: var(--gray-text);
-}
-
-/* 右侧交互控制台 */
-.right-panel {
-  flex: 1.2;
-}
-
-.console-box {
-  border: 1px solid #CCC; /* 外部实线 */
-  padding: 8px; /* 内边距形成双重边框感 */
-}
-
-.console-section {
-  padding: 20px;
-}
-
-.console-section.btn-section {
-  padding-top: 0;
-}
-
-.console-header {
-  display: flex;
-  justify-content: space-between;
-  margin-bottom: 15px;
-  font-family: var(--font-mono);
-  font-size: 0.75rem;
-  color: #666;
-}
-
-.upload-zone {
-  border: 1px dashed #CCC;
-  height: 200px;
-  overflow-y: auto;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  transition: all 0.3s;
-  background: #FAFAFA;
-}
-
-.upload-zone.has-files {
-  align-items: flex-start;
-}
-
-.upload-zone:hover {
-  background: #F0F0F0;
-  border-color: #999;
-}
-
-.upload-placeholder {
-  text-align: center;
-}
-
-.upload-icon {
-  width: 40px;
-  height: 40px;
-  border: 1px solid #DDD;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin: 0 auto 15px;
-  color: #999;
-}
-
-.upload-title {
-  font-weight: 500;
-  font-size: 0.9rem;
-  margin-bottom: 5px;
-}
-
-.upload-hint {
-  font-family: var(--font-mono);
-  font-size: 0.75rem;
-  color: #999;
-}
-
-.file-list {
-  width: 100%;
-  padding: 15px;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-}
-
-.file-item {
-  display: flex;
-  align-items: center;
-  background: var(--white);
-  padding: 8px 12px;
-  border: 1px solid #EEE;
-  font-family: var(--font-mono);
-  font-size: 0.85rem;
-}
-
-.file-name {
-  flex: 1;
-  margin: 0 10px;
-}
-
-.remove-btn {
-  background: none;
-  border: none;
-  cursor: pointer;
-  font-size: 1.2rem;
-  color: #999;
-}
-
-.import-toggle-row {
-  display: flex;
-  align-items: center;
-  padding: 10px 0 4px;
-}
-
-.import-toggle-label {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  cursor: pointer;
-  font-family: var(--font-mono);
-  font-size: 0.75rem;
-  color: #666;
-  user-select: none;
-}
-
-.import-checkbox {
-  width: 14px;
-  height: 14px;
-  cursor: pointer;
-  accent-color: var(--orange);
-}
-
-.import-toggle-text {
-  font-weight: 600;
-  letter-spacing: 0.5px;
-}
-
-.ontology-file-row {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  border: 1px dashed #CCC;
-  padding: 10px 14px;
-  cursor: pointer;
-  background: #FAFAFA;
-  font-family: var(--font-mono);
-  font-size: 0.8rem;
-  color: #666;
-  transition: all 0.2s;
-  margin-top: 6px;
-}
-
-.ontology-file-row:hover {
-  border-color: var(--orange);
-  color: #333;
-}
-
-.ontology-file-icon {
-  color: var(--orange);
-  font-weight: 700;
-}
-
-.ontology-file-name {
-  flex: 1;
-}
-
-.console-divider {
-  display: flex;
-  align-items: center;
-  margin: 10px 0;
-}
-
-.console-divider::before,
-.console-divider::after {
-  content: '';
-  flex: 1;
-  height: 1px;
-  background: #EEE;
-}
-
-.console-divider span {
-  padding: 0 15px;
-  font-family: var(--font-mono);
-  font-size: 0.7rem;
-  color: #BBB;
-  letter-spacing: 1px;
-}
-
-.input-wrapper {
-  position: relative;
-  border: 1px solid #DDD;
-  background: #FAFAFA;
-}
-
-.code-input {
-  width: 100%;
-  border: none;
-  background: transparent;
-  padding: 20px;
-  font-family: var(--font-mono);
-  font-size: 0.9rem;
-  line-height: 1.6;
-  resize: vertical;
-  outline: none;
-  min-height: 150px;
-}
-
-.model-badge {
-  position: absolute;
-  bottom: 10px;
-  right: 15px;
-  font-family: var(--font-mono);
-  font-size: 0.7rem;
-  color: #AAA;
-}
-
-.start-engine-btn {
-  width: 100%;
-  background: var(--black);
-  color: var(--white);
-  border: none;
-  padding: 20px;
-  font-family: var(--font-mono);
-  font-weight: 700;
-  font-size: 1.1rem;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  letter-spacing: 1px;
-  position: relative;
-  overflow: hidden;
-}
-
-/* 可点击状态（非禁用） */
-.start-engine-btn:not(:disabled) {
-  background: var(--black);
-  border: 1px solid var(--black);
-  animation: pulse-border 2s infinite;
-}
-
-.start-engine-btn:hover:not(:disabled) {
-  background: var(--orange);
-  border-color: var(--orange);
-  transform: translateY(-2px);
-}
-
-.start-engine-btn:active:not(:disabled) {
-  transform: translateY(0);
-}
-
-.start-engine-btn:disabled {
-  background: #E5E5E5;
-  color: #999;
-  cursor: not-allowed;
-  transform: none;
-  border: 1px solid #E5E5E5;
-}
-
-/* 引导动画：微妙的边框脉冲 */
-@keyframes pulse-border {
-  0% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2); }
-  70% { box-shadow: 0 0 0 6px rgba(0, 0, 0, 0); }
-  100% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); }
-}
-
-/* 响应式适配 */
-@media (max-width: 1024px) {
-  .dashboard-section {
-    flex-direction: column;
-  }
-  
-  .hero-section {
-    flex-direction: column;
-  }
-  
-  .hero-left {
-    padding-right: 0;
-    margin-bottom: 40px;
-  }
-  
-  .hero-logo {
-    max-width: 200px;
-    margin-bottom: 20px;
-  }
-}
-</style>
-
-<style>
-/* English locale adjustments (unscoped to target html[lang]) */
-html[lang="en"] .main-title {
-  font-size: 3.5rem;
-  font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-  letter-spacing: -1px;
-}
-
-html[lang="en"] .hero-desc {
-  text-align: left;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-  letter-spacing: 0;
-}
-
-html[lang="en"] .slogan-text {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-  letter-spacing: 0;
-}
-
-html[lang="en"] .tag-row {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-}
-
-html[lang="en"] .navbar .nav-links {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-}
-
-/* Left pane: system status + workflow */
-html[lang="en"] .status-section {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-}
-
-html[lang="en"] .status-section .status-ready {
-  font-size: 1.6rem;
-}
-
-html[lang="en"] .status-section .metric-value {
-  font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-  font-size: 1.4rem;
-}
-
-html[lang="en"] .workflow-list .step-title {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-}
-
-html[lang="en"] .workflow-list .step-desc {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
-  font-size: 0.72rem !important;
-  line-height: 1.4 !important;
-}
-
-html[lang="en"] .workflow-list {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-}
+.home-container { min-height: 100vh; background: #fff; font-family: 'Space Grotesk', system-ui, sans-serif; color: #000; }
+.navbar { height: 60px; background: #000; color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 0 40px; }
+.nav-brand { font-family: 'JetBrains Mono', monospace; font-weight: 800; letter-spacing: 1px; font-size: 1.2rem; }
+.nav-right { display: flex; align-items: center; gap: 16px; }
+.admin-link { color: #ff4500; font-family: 'JetBrains Mono', monospace; font-size: 0.8rem; text-decoration: none; font-weight: 700; }
+.admin-link:hover { opacity: 0.8; }
+.user-email { font-family: 'JetBrains Mono', monospace; font-size: 0.8rem; color: #aaa; }
+.logout-btn { background: none; border: none; color: #fff; font-size: 1.1rem; cursor: pointer; padding: 4px 8px; transition: color 0.15s; }
+.logout-btn:hover { color: #ff4500; }
+.content { max-width: 900px; margin: 0 auto; padding: 48px 40px; }
+.header-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; }
+.section-title { font-size: 1.4rem; font-weight: 500; margin: 0; }
+.new-btn { background: #000; color: #fff; border: none; padding: 10px 20px; font-family: 'JetBrains Mono', monospace; font-size: 0.85rem; font-weight: 700; cursor: pointer; transition: background 0.15s; }
+.new-btn:hover { background: #ff4500; }
+.project-list { border-top: 1px solid #e5e5e5; }
+.project-row { display: flex; align-items: center; gap: 16px; padding: 16px 0; border-bottom: 1px solid #f0f0f0; cursor: pointer; transition: background 0.1s; }
+.project-row:hover { background: #fafafa; }
+.status-dot { font-size: 0.7rem; }
+.status-dot.green { color: #22c55e; }
+.status-dot.red { color: #ef4444; }
+.status-dot.orange { color: #ff4500; }
+.status-dot.gray { color: #aaa; }
+.project-info { flex: 1; display: flex; flex-direction: column; gap: 4px; }
+.project-name { font-weight: 500; font-size: 1rem; }
+.project-meta { font-family: 'JetBrains Mono', monospace; font-size: 0.75rem; color: #999; }
+.project-actions { display: flex; align-items: center; gap: 8px; opacity: 0; transition: opacity 0.15s; }
+.project-row:hover .project-actions { opacity: 1; }
+.action-btn { background: none; border: 1px solid #e5e5e5; padding: 4px 8px; font-size: 0.85rem; cursor: pointer; transition: all 0.15s; }
+.action-btn:hover { border-color: #000; }
+.action-btn.danger:hover { border-color: #ef4444; color: #ef4444; }
+.arrow-btn { background: #000; color: #fff; border: none; padding: 6px 12px; font-size: 0.9rem; cursor: pointer; }
+.empty-state { padding: 48px 0; text-align: center; font-family: 'JetBrains Mono', monospace; font-size: 0.9rem; color: #999; border-top: 1px solid #e5e5e5; }
+.modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 100; }
+.modal { background: #fff; width: 100%; max-width: 560px; max-height: 90vh; overflow-y: auto; padding: 32px; }
+.modal-sm { max-width: 400px; }
+.modal-header { margin-bottom: 24px; }
+.modal-title { font-size: 1.3rem; font-weight: 500; margin: 8px 0 0; }
+.modal-desc { font-family: 'JetBrains Mono', monospace; font-size: 0.9rem; color: #666; margin: 8px 0 0; }
+.modal-footer { display: flex; gap: 12px; justify-content: flex-end; margin-top: 24px; }
+.cancel-btn { background: none; border: 1px solid #e5e5e5; padding: 10px 20px; font-family: 'JetBrains Mono', monospace; font-size: 0.85rem; cursor: pointer; }
+.cancel-btn:hover { border-color: #000; }
+.start-btn { background: #000; color: #fff; border: none; padding: 10px 20px; font-family: 'JetBrains Mono', monospace; font-size: 0.85rem; font-weight: 700; cursor: pointer; transition: background 0.15s; }
+.start-btn:hover:not(:disabled) { background: #ff4500; }
+.start-btn:disabled { background: #e5e5e5; color: #999; cursor: not-allowed; }
+.danger-btn { background: #ef4444; color: #fff; border: none; padding: 10px 20px; font-family: 'JetBrains Mono', monospace; font-size: 0.85rem; font-weight: 700; cursor: pointer; }
+.danger-btn:hover { background: #dc2626; }
+.tag { display: inline-block; background: #ff4500; color: #fff; font-family: 'JetBrains Mono', monospace; font-size: 0.7rem; font-weight: 700; padding: 2px 8px; letter-spacing: 1px; margin-bottom: 12px; }
+.field-input { border: 1px solid #e5e5e5; background: #fafafa; padding: 12px 16px; font-family: 'JetBrains Mono', monospace; font-size: 0.9rem; outline: none; width: 100%; box-sizing: border-box; margin-top: 8px; }
+.console-section { padding: 0 0 16px 0; }
+.console-header { display: flex; justify-content: space-between; margin-bottom: 10px; font-family: 'JetBrains Mono', monospace; font-size: 0.75rem; color: #666; }
+.upload-zone { border: 1px dashed #ccc; height: 150px; overflow-y: auto; display: flex; align-items: center; justify-content: center; cursor: pointer; background: #fafafa; transition: all 0.2s; }
+.upload-zone.has-files { align-items: flex-start; }
+.upload-zone:hover, .upload-zone.drag-over { background: #f0f0f0; border-color: #999; }
+.upload-placeholder { text-align: center; }
+.upload-icon { width: 36px; height: 36px; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; margin: 0 auto 10px; color: #999; }
+.upload-title { font-weight: 500; font-size: 0.85rem; }
+.upload-hint { font-family: 'JetBrains Mono', monospace; font-size: 0.72rem; color: #999; }
+.file-list { width: 100%; padding: 12px; display: flex; flex-direction: column; gap: 8px; }
+.file-item { display: flex; align-items: center; background: #fff; padding: 6px 10px; border: 1px solid #eee; font-family: 'JetBrains Mono', monospace; font-size: 0.8rem; }
+.file-name { flex: 1; margin: 0 8px; }
+.remove-btn { background: none; border: none; cursor: pointer; font-size: 1rem; color: #999; }
+.input-wrapper { border: 1px solid #ddd; background: #fafafa; }
+.code-input { width: 100%; border: none; background: transparent; padding: 16px; font-family: 'JetBrains Mono', monospace; font-size: 0.85rem; line-height: 1.6; resize: vertical; outline: none; box-sizing: border-box; }
 </style>
diff --git a/locales/en.json b/locales/en.json
index 548365fc..4441f452 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -35,45 +35,22 @@
     "visitGithub": "Visit our Github page"
   },
   "home": {
-    "tagline": "Concise & Universal Swarm Intelligence Engine",
-    "version": "/ v0.1-Preview",
-    "heroTitle1": "Upload Reports,",
-    "heroTitle2": "Predict the Future",
-    "heroDesc": "From a single document, {brand} extracts reality seeds to auto-generate a parallel world with up to {agentScale}. Inject variables from a god's-eye view to find the {optimalSolution} in complex group dynamics.",
-    "heroDescBrand": "MiroFish",
-    "heroDescAgentScale": "million-scale Agents",
-    "heroDescOptimalSolution": "\"local optimum\"",
-    "slogan": "Let Agents rehearse the future, let decisions prevail",
-    "systemStatus": "System Status",
-    "systemReady": "Ready",
-    "systemReadyDesc": "Prediction engine on standby. Upload unstructured data to initialize a simulation sequence.",
-    "metricLowCost": "Low Cost",
-    "metricLowCostDesc": "Avg. $5/sim",
-    "metricHighAvail": "Scalable",
-    "metricHighAvailDesc": "Millions of Agents",
-    "workflowSequence": "Workflow",
-    "step01Title": "Graph Build",
-    "step01Desc": "Seed extraction & memory injection & GraphRAG construction",
-    "step02Title": "Env Setup",
-    "step02Desc": "Entity extraction & persona generation & Agent config injection",
-    "step03Title": "Simulation",
-    "step03Desc": "Dual-platform parallel sim & auto-parse requirements & temporal memory",
-    "step04Title": "Report",
-    "step04Desc": "ReportAgent interacts with the post-simulation environment via rich tools",
-    "step05Title": "Interaction",
-    "step05Desc": "Chat with any simulated individual & converse with ReportAgent",
-    "realitySeed": "01 / Reality Seed",
-    "supportedFormats": "Formats: PDF, MD, TXT",
-    "dragToUpload": "Drag files to upload",
-    "orBrowse": "or click to browse files",
-    "inputParams": "Input Parameters",
-    "simulationPrompt": ">_ 02 / Simulation Prompt",
-    "promptPlaceholder": "// Describe your simulation or prediction requirement in natural language",
-    "engineBadge": "Engine: MiroFish-V1.0",
-    "startEngine": "Start Engine",
-    "initializing": "Initializing...",
-    "importOntology": "Import Ontology",
-    "importOntologyHint": "Select ontology JSON file"
+    "myProjects": "My Projects",
+    "newProject": "New Project",
+    "noProjects": "No projects yet. Create your first one.",
+    "admin": "Administration",
+    "logout": "Logout",
+    "rename": "Rename",
+    "delete": "Delete",
+    "confirmDelete": "Delete project?",
+    "realitySeed": "REALITY SEED",
+    "supportedFormats": "PDF / MD / TXT",
+    "simulationPrompt": "SIMULATION PROMPT",
+    "promptPlaceholder": "Describe the simulation scenario...",
+    "startEngine": "START",
+    "dragToUpload": "Drag files here",
+    "orBrowse": "or click to browse",
+    "inputParams": "PARAMS"
   },
   "main": {
     "layoutGraph": "Graph",
diff --git a/locales/zh.json b/locales/zh.json
index c6d5fa68..deda77bc 100644
--- a/locales/zh.json
+++ b/locales/zh.json
@@ -35,45 +35,22 @@
     "visitGithub": "访问我们的Github主页"
   },
   "home": {
-    "tagline": "简洁通用的群体智能引擎",
-    "version": "/ v0.1-预览版",
-    "heroTitle1": "上传任意报告",
-    "heroTitle2": "即刻推演未来",
-    "heroDesc": "即使只有一段文字，{brand} 也能基于其中的现实种子，全自动生成与之对应的至多{agentScale}构成的平行世界。通过上帝视角注入变量，在复杂的群体交互中寻找动态环境下的{optimalSolution}",
-    "heroDescBrand": "MiroFish",
-    "heroDescAgentScale": "百万级Agent",
-    "heroDescOptimalSolution": "\"局部最优解\"",
-    "slogan": "让未来在 Agent 群中预演，让决策在百战后胜出",
-    "systemStatus": "系统状态",
-    "systemReady": "准备就绪",
-    "systemReadyDesc": "预测引擎待命中，可上传多份非结构化数据以初始化模拟序列",
-    "metricLowCost": "低成本",
-    "metricLowCostDesc": "常规模拟平均5$/次",
-    "metricHighAvail": "高可用",
-    "metricHighAvailDesc": "最多百万级Agent模拟",
-    "workflowSequence": "工作流序列",
-    "step01Title": "图谱构建",
-    "step01Desc": "现实种子提取 & 个体与群体记忆注入 & GraphRAG构建",
-    "step02Title": "环境搭建",
-    "step02Desc": "实体关系抽取 & 人设生成 & 环境配置Agent注入仿真参数",
-    "step03Title": "开始模拟",
-    "step03Desc": "双平台并行模拟 & 自动解析预测需求 & 动态更新时序记忆",
-    "step04Title": "报告生成",
-    "step04Desc": "ReportAgent拥有丰富的工具集与模拟后环境进行深度交互",
-    "step05Title": "深度互动",
-    "step05Desc": "与模拟世界中的任意一位进行对话 & 与ReportAgent进行对话",
-    "realitySeed": "01 / 现实种子",
-    "supportedFormats": "支持格式: PDF, MD, TXT",
-    "dragToUpload": "拖拽文件上传",
-    "orBrowse": "或点击浏览文件系统",
-    "inputParams": "输入参数",
-    "simulationPrompt": ">_ 02 / 模拟提示词",
-    "promptPlaceholder": "// 用自然语言输入模拟或预测需求（例.武大若发布撤销肖某处分的公告，会引发什么舆情走向）",
-    "engineBadge": "引擎: MiroFish-V1.0",
-    "startEngine": "启动引擎",
-    "initializing": "初始化中...",
-    "importOntology": "导入本体",
-    "importOntologyHint": "选择本体JSON文件"
+    "myProjects": "我的项目",
+    "newProject": "新建项目",
+    "noProjects": "暂无项目，创建第一个吧。",
+    "admin": "管理",
+    "logout": "退出",
+    "rename": "重命名",
+    "delete": "删除",
+    "confirmDelete": "删除项目？",
+    "realitySeed": "现实种子",
+    "supportedFormats": "PDF / MD / TXT",
+    "simulationPrompt": "模拟提示",
+    "promptPlaceholder": "描述模拟场景...",
+    "startEngine": "开始",
+    "dragToUpload": "拖拽文件到这里",
+    "orBrowse": "或点击浏览",
+    "inputParams": "参数"
   },
   "main": {
     "layoutGraph": "图谱",