sillyspec 3.7.10 → 3.7.11

package/packages/dashboard/server/watcher.js

@@ -1,100 +1,202 @@
 import chokidar from 'chokidar'
-import { join } from 'path'
+import { join, basename, dirname, sep } from 'path'
 import { homedir } from 'os'
-import { existsSync } from 'fs'
+import { existsSync, readdirSync, realpathSync } from 'fs'
 import { parseProjectState } from './parser.js'
 
 let watcher = null
 let updateCallback = null
 let projectStates = new Map()
+export const customScanPaths = new Set()
+
+// Directories to exclude (system junk, cache, etc.)
+const excludeDirs = new Set([
+  '.Trash', '.cache', '.npm', '.local', '.vscode', 'Library',
+  '.git', 'node_modules', '.Trash-*', '.DS_Store', '.config',
+  '.cocoapods', '.gem', '.rvm', '.nvm', '.asdf', '.brew',
+  'AppData', 'Application Data', '.cargo', '.rustup',
+  '.nuget', '.android', '.gradle', '.m2', '.vscode-server'
+])
 
 /**
- * Start watching all .sillyspec directories
- * @param {function} callback - Callback function when projects are updated
- * @returns {object} The watcher instance
+ * Check if directory should be excluded from scanning
+ * @param {string} name - Directory name
+ * @returns {boolean}
  */
-export function startWatcher(callback) {
-  if (watcher) {
-    stopWatcher()
+function shouldExclude(name, cwd) {
+  if (excludeDirs.has(name)) return true
+  // Check wildcard patterns (like .Trash-*)
+  for (const pattern of excludeDirs) {
+    if (pattern.includes('*')) {
+      const regex = new RegExp('^' + pattern.replace(/\*/g, '.*') + '$')
+      if (regex.test(name)) return true
+    }
   }
+  // Exclude hidden directories unless it's the cwd basename
+  const cwdName = cwd.split(sep).pop() || cwd.split('/').pop() || ''
+  if (name.startsWith('.') && name !== cwdName) {
+    return true
+  }
+  return false
+}
 
-  updateCallback = callback
-
-  // Discover all .sillyspec directories
+/**
+ * Build list of directories to scan
+ * @returns {string[]}
+ */
+function buildScanDirs() {
   const home = homedir()
   const cwd = process.cwd()
 
-  // Directories to exclude (system junk, cache, etc.)
-  const excludeDirs = new Set([
-    '.Trash', '.cache', '.npm', '.local', '.vscode', 'Library',
-    '.git', 'node_modules', '.Trash-*', '.DS_Store', '.config',
-    '.cocoapods', '.gem', '.rvm', '.nvm', '.asdf', '.brew'
-  ])
-
-  // Helper to check if directory should be excluded
-  const shouldExclude = (name) => {
-    // Check exact matches
-    if (excludeDirs.has(name)) return true
-    // Check wildcard patterns (like .Trash-*)
-    for (const pattern of excludeDirs) {
-      if (pattern.includes('*')) {
-        const regex = new RegExp('^' + pattern.replace(/\*/g, '.*') + '$')
-        if (regex.test(name)) return true
-      }
-    }
-    // Exclude hidden directories (starting with .) unless it's the cwd basename
-    if (name.startsWith('.') && name !== cwd.split('/').pop()) {
-      return true
-    }
-    return false
-  }
+  const scanDirs = new Set()
+
+  // Always scan cwd and its parent
+  scanDirs.add(cwd)
+  scanDirs.add(dirname(cwd))
 
-  // Build scan directories: cwd + home subdirs + common project locations
-  const scanDirs = [cwd, home]
-  const extraDirs = ['Desktop', 'Documents', 'Projects', 'Work', 'Repos', 'Code', 'src', 'dev']
+  // Scan parent of parent (2 levels up from cwd) to discover sibling projects
+  const parentParent = dirname(dirname(cwd))
+  scanDirs.add(parentParent)
+
+  // Home directory
+  scanDirs.add(home)
+
+  // Common project directories - check both English and Chinese names
+  const extraDirs = [
+    'Desktop', '桌面',
+    'Documents', '文档',
+    'Downloads', '下载',
+    'Projects', '项目',
+    'Work', '工作',
+    'Repos', 'Code', 'src', 'dev',
+    'workspace', '工作区'
+  ]
 
   for (const extra of extraDirs) {
     const extraPath = join(home, extra)
     if (existsSync(extraPath)) {
-      scanDirs.push(extraPath)
+      scanDirs.add(extraPath)
+    }
+  }
+
+  // Add custom scan paths
+  for (const customPath of customScanPaths) {
+    if (existsSync(customPath)) {
+      scanDirs.add(customPath)
     }
   }
 
-  const watchPaths = []
+  return Array.from(scanDirs)
+}
+
+/**
+ * Recursively scan a directory for .sillyspec projects
+ * @param {string} baseDir - Directory to scan
+ * @param {Set} seen - Already seen paths
+ * @param {number} maxDepth - Maximum recursion depth
+ * @param {number} currentDepth - Current depth
+ * @returns {Array} Found projects
+ */
+function scanDirectory(baseDir, seen, maxDepth = 2, currentDepth = 0) {
+  const cwd = process.cwd()
   const projects = []
-  const seen = new Set() // Dedupe by path
 
-  for (const baseDir of scanDirs) {
-    try {
-      const { readdirSync } = require('fs')
-      const entries = readdirSync(baseDir, { withFileTypes: true })
+  try {
+    const entries = readdirSync(baseDir, { withFileTypes: true })
 
-      for (const entry of entries) {
-        if (!entry.isDirectory()) continue
-        if (shouldExclude(entry.name)) continue
+    for (const entry of entries) {
+      if (!entry.isDirectory()) continue
+      if (shouldExclude(entry.name, cwd)) continue
 
-        const dirPath = join(baseDir, entry.name)
+      const dirPath = join(baseDir, entry.name)
 
-        // Skip if we've already seen this path
-        if (seen.has(dirPath)) continue
-        seen.add(dirPath)
+      let realPath
+      try { realPath = realpathSync(dirPath) } catch { realPath = dirPath }
+      const normalizedPath = realPath.toLowerCase()
+      if (seen.has(normalizedPath)) continue
+      seen.add(normalizedPath)
 
-        const sillyspecPath = join(dirPath, '.sillyspec')
+      // Check if this dir has .sillyspec
+      const sillyspecPath = join(dirPath, '.sillyspec')
+      if (existsSync(sillyspecPath)) {
+        projects.push({
+          name: entry.name,
+          path: dirPath
+        })
+      }
 
-        if (existsSync(sillyspecPath)) {
-          watchPaths.push(sillyspecPath)
-          projects.push({
-            name: entry.name,
-            path: dirPath
-          })
-        }
+      // Recurse into subdirectories if not at max depth
+      if (currentDepth < maxDepth) {
+        projects.push(...scanDirectory(dirPath, seen, maxDepth, currentDepth + 1))
       }
-    } catch (err) {
-      // Skip directories we can't read
-      continue
+    }
+  } catch (err) {
+    // Skip directories we can't read
+  }
+
+  return projects
+}
+
+/**
+ * Scan cwd itself (it might be a project root)
+ * @param {Set} seen - Already seen paths
+ * @returns {Array} Found projects
+ */
+function scanSelf(seen) {
+  const cwd = process.cwd()
+  const projects = []
+
+  if (!seen.has(cwd)) {
+    seen.add(cwd)
+    const sillyspecPath = join(cwd, '.sillyspec')
+    if (existsSync(sillyspecPath)) {
+      projects.push({
+        name: basename(cwd),
+        path: cwd
+      })
     }
   }
 
+  return projects
+}
+
+/**
+ * Discover all .sillyspec projects
+ * @returns {{ projects: Array, watchPaths: string[] }}
+ */
+function discoverAll() {
+  const scanDirs = buildScanDirs()
+  const seen = new Set()
+  const allProjects = []
+
+  // Check cwd itself first
+  allProjects.push(...scanSelf(seen))
+
+  // Scan each base directory
+  for (const baseDir of scanDirs) {
+    allProjects.push(...scanDirectory(baseDir, seen, 2, 0))
+  }
+
+  // Build watch paths
+  const watchPaths = allProjects.map(p => join(p.path, '.sillyspec'))
+
+  return { projects: allProjects, watchPaths }
+}
+
+/**
+ * Start watching all .sillyspec directories
+ * @param {function} callback - Callback function when projects are updated
+ * @returns {object} The watcher instance
+ */
+export function startWatcher(callback) {
+  if (watcher) {
+    stopWatcher()
+  }
+
+  updateCallback = callback
+
+  const { projects, watchPaths } = discoverAll()
+
   // Parse initial states
   for (const project of projects) {
     const state = parseProjectState(project.path)
@@ -144,18 +246,18 @@ export function startWatcher(callback) {
  * @param {string} filePath - Path to the changed file
  */
 async function handleFileChange(filePath) {
-  // Find which project this file belongs to
+  // Normalize path for comparison
+  const normalizedPath = filePath.replace(/\\/g, '/')
+
   const projectName = Array.from(projectStates.values()).find(p =>
-    filePath.startsWith(p.path)
+    normalizedPath.startsWith(p.path.replace(/\\/g, '/'))
   )?.name
 
   if (!projectName) {
-    // Re-scan for new projects
     await rescanProjects()
     return
   }
 
-  // Re-parse the project state
   const project = projectStates.get(projectName)
   if (project) {
     const newState = parseProjectState(project.path)
@@ -164,7 +266,6 @@ async function handleFileChange(filePath) {
     }
   }
 
-  // Emit updated state
   if (updateCallback) {
     updateCallback(Array.from(projectStates.values()))
   }
@@ -174,77 +275,49 @@ async function handleFileChange(filePath) {
  * Re-scan for projects (e.g., new .sillyspec directories)
  */
 async function rescanProjects() {
-  const home = homedir()
-  const cwd = process.cwd()
+  const { projects } = discoverAll()
 
-  // Directories to exclude (system junk, cache, etc.)
-  const excludeDirs = new Set([
-    '.Trash', '.cache', '.npm', '.local', '.vscode', 'Library',
-    '.git', 'node_modules', '.Trash-*', '.DS_Store', '.config',
-    '.cocoapods', '.gem', '.rvm', '.nvm', '.asdf', '.brew'
-  ])
-
-  const shouldExclude = (name) => {
-    if (excludeDirs.has(name)) return true
-    for (const pattern of excludeDirs) {
-      if (pattern.includes('*')) {
-        const regex = new RegExp('^' + pattern.replace(/\*/g, '.*') + '$')
-        if (regex.test(name)) return true
+  for (const project of projects) {
+    if (!projectStates.has(project.name)) {
+      const state = parseProjectState(project.path)
+      if (state) {
+        projectStates.set(project.name, {
+          name: project.name,
+          path: project.path,
+          state
+        })
       }
     }
-    if (name.startsWith('.') && name !== cwd.split('/').pop()) {
-      return true
-    }
-    return false
   }
 
-  // Build scan directories
-  const scanDirs = [cwd, home]
-  const extraDirs = ['Desktop', 'Documents', 'Projects', 'Work', 'Repos', 'Code', 'src', 'dev']
-
-  for (const extra of extraDirs) {
-    const extraPath = join(home, extra)
-    if (existsSync(extraPath)) {
-      scanDirs.push(extraPath)
-    }
+  if (updateCallback) {
+    updateCallback(Array.from(projectStates.values()))
   }
+}
 
-  const seen = new Set()
+/**
+ * Add a custom scan path and rescan
+ * @param {string} path - Path to add
+ */
+export function addCustomScanPath(path) {
+  customScanPaths.add(path)
+  rescanProjects()
+}
 
-  for (const baseDir of scanDirs) {
-    try {
-      const { readdirSync } = require('fs')
-      const entries = readdirSync(baseDir, { withFileTypes: true })
-
-      for (const entry of entries) {
-        if (!entry.isDirectory()) continue
-        if (shouldExclude(entry.name)) continue
-
-        const dirPath = join(baseDir, entry.name)
-        if (seen.has(dirPath)) continue
-        seen.add(dirPath)
-
-        const sillyspecPath = join(dirPath, '.sillyspec')
-
-        if (existsSync(sillyspecPath) && !projectStates.has(entry.name)) {
-          const state = parseProjectState(dirPath)
-          if (state) {
-            projectStates.set(entry.name, {
-              name: entry.name,
-              path: dirPath,
-              state
-            })
-          }
-        }
-      }
-    } catch (err) {
-      continue
-    }
-  }
+/**
+ * Remove a custom scan path
+ * @param {string} path - Path to remove
+ */
+export function removeCustomScanPath(path) {
+  customScanPaths.delete(path)
+}
 
-  if (updateCallback) {
-    updateCallback(Array.from(projectStates.values()))
-  }
+/**
+ * Get list of custom scan paths
+ * @returns {string[]}
+ */
+export function getCustomScanPaths() {
+  return Array.from(customScanPaths)
 }
 
 /**
@@ -274,4 +347,3 @@ export function getProjectStates() {
 export function getProjectState(projectName) {
   return projectStates.get(projectName) || null
 }
-

package/packages/dashboard/src/App.vue

@@ -1,17 +1,20 @@
 <template>
-  <div class="h-screen w-screen flex flex-col overflow-hidden font-[DM_Sans,sans-serif] relative" style="background-color: #0A0A0B;">
+  <div class="h-screen w-screen flex flex-col overflow-hidden font-[DM_Sans,sans-serif] relative" style="background-color: #151820;">
     <!-- Ambient background -->
     <div class="absolute inset-0 pointer-events-none" style="background: radial-gradient(ellipse 60% 40% at 10% 20%, rgba(251,191,36,0.04) 0%, transparent 70%), radial-gradient(ellipse 50% 50% at 90% 80%, rgba(251,191,36,0.02) 0%, transparent 70%);" />
 
     <!-- Main Content -->
     <div class="flex-1 flex overflow-hidden relative z-10">
       <!-- Left: Project List -->
-      <aside class="w-[240px] flex-shrink-0 relative" style="background: #111113; border-right: 1px solid #1F1F22;">
+      <aside class="w-[240px] flex-shrink-0 relative" style="background: #1A1E28; border-right: 1px solid #2A3040;">
         <ProjectList
           :projects="dashboard.state.projects"
           :active-project="dashboard.state.activeProject"
           :is-loading="dashboard.state.isLoading"
+          :scan-paths="scanPaths"
           @select="handleSelectProject"
+          @scan:add-path="handleAddScanPath"
+          @scan:remove-path="handleRemoveScanPath"
         />
       </aside>
 
@@ -30,7 +33,7 @@
           'flex-shrink-0 transition-all duration-300 relative overflow-hidden',
           dashboard.state.isPanelOpen ? 'w-[340px]' : 'w-0'
         ]"
-        style="background: #111113; border-left: 1px solid #1F1F22;"
+        style="background: #1A1E28; border-left: 1px solid #2A3040;"
       >
         <DetailPanel
           :is-open="dashboard.state.isPanelOpen"
@@ -81,6 +84,7 @@ const ws = useWebSocket()
 const dashboard = useDashboard()
 const isCommandPaletteOpen = ref(false)
 const executionResult = ref(null)
+const scanPaths = ref([])
 
 // Keyboard shortcuts
 useDashboardKeyboard({
@@ -123,6 +127,7 @@ onMounted(() => {
       executionResult.value = { exitCode: -1, signal: 'SIGTERM' }
     }
   })
+  ws.on('scan:paths', (paths) => { scanPaths.value = paths })
 })
 
 function handleSelectProject(project) { dashboard.selectProject(project) }
@@ -139,6 +144,12 @@ function handleKill() {
   if (!projectName) return
   ws.send({ type: 'cli:kill', data: { projectName } })
 }
+function handleAddScanPath(path) {
+  ws.send({ type: 'scan:add-path', data: { path } })
+}
+function handleRemoveScanPath(path) {
+  ws.send({ type: 'scan:remove-path', data: { path } })
+}
 </script>
 
 <style>

package/packages/dashboard/src/components/ActionBar.vue

@@ -11,7 +11,7 @@
         <StageBadge v-if="project.state?.currentStage" :status="getProjectStatus()" :label="stageLabel()" />
       </div>
       <div v-else class="text-[10px] font-[JetBrains_Mono,monospace]" style="color: #3A3A3D;">
-        no project
+        未选择项目
       </div>
     </div>
 
@@ -19,11 +19,11 @@
     <div class="flex items-center gap-2">
       <div v-if="isExecuting" class="flex items-center gap-2">
         <div class="w-1 h-1 rounded-full animate-pulse-dot" style="background: #FBBF24;" />
-        <span class="text-[10px] font-[JetBrains_Mono,monospace]" style="color: #FBBF24;">running</span>
+        <span class="text-[10px] font-[JetBrains_Mono,monospace]" style="color: #FBBF24;">执行中...</span>
       </div>
       <div v-else-if="executionResult" class="flex items-center gap-1.5">
         <span class="text-[10px] font-[JetBrains_Mono,monospace]" :style="{ color: executionResult.exitCode === 0 ? '#34D399' : '#EF4444' }">
-          {{ executionResult.exitCode === 0 ? '● done' : `● exit ${executionResult.exitCode}` }}
+          {{ executionResult.exitCode === 0 ? '● 完成' : `● 失败 (${executionResult.exitCode})` }}
         </span>
       </div>
     </div>
@@ -36,7 +36,7 @@
         style="color: #525252;"
         @mouseenter="$event.target.style.color='#FBBF24';$event.target.style.background='rgba(251,191,36,0.06)'"
         @mouseleave="$event.target.style.color='#525252';$event.target.style.background='transparent'"
-        title="Toggle detail panel"
+        title="切换详情面板"
       >
         <svg :class="['w-3.5 h-3.5 transition-transform duration-200', { 'rotate-180': !isPanelOpen }]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
@@ -49,7 +49,7 @@
         class="px-2.5 py-1 rounded-sm text-[10px] font-[JetBrains_Mono,monospace] transition-colors duration-100"
         style="background: rgba(239,68,68,0.08); border: 1px solid rgba(239,68,68,0.2); color: #EF4444;"
       >
-        kill
+        停止
       </button>
 
       <button
@@ -58,7 +58,7 @@
         style="color: #525252;"
         @mouseenter="$event.target.style.color='#FBBF24';$event.target.style.background='rgba(251,191,36,0.06)'"
         @mouseleave="$event.target.style.color='#525252';$event.target.style.background='transparent'"
-        title="Command palette (⌘K)"
+        title="命令面板 (⌘K)"
       >
         <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />

package/packages/dashboard/src/components/CommandPalette.vue

@@ -17,7 +17,7 @@
                 ref="searchInput"
                 v-model="searchQuery"
                 type="text"
-                placeholder="Search projects or stages..."
+                placeholder="搜索项目或命令..."
                 class="flex-1 bg-transparent border-none outline-none text-[12px] font-[JetBrains_Mono,monospace]"
                 style="color: #E4E4E7;"
                 @keydown="handleKeydown"
@@ -29,7 +29,7 @@
           <!-- Results -->
           <div class="max-h-72 overflow-y-auto">
             <div v-if="filteredItems.length === 0" class="py-10 text-center">
-              <p class="text-[11px] font-[JetBrains_Mono,monospace]" style="color: #3A3A3D;">No results</p>
+              <p class="text-[11px] font-[JetBrains_Mono,monospace]" style="color: #3A3A3D;">无结果</p>
             </div>
             <div v-else class="py-0.5">
               <div
@@ -54,9 +54,9 @@
 
           <!-- Footer -->
           <div class="px-4 py-2 flex items-center gap-4 text-[9px] font-mono-log" style="border-top: 1px solid #1F1F22; color: #3A3A3D;">
-            <span><kbd class="px-1 rounded-sm" style="background: #0A0A0B; border: 1px solid #1F1F22;">↑↓</kbd> nav</span>
-            <span><kbd class="px-1 rounded-sm" style="background: #0A0A0B; border: 1px solid #1F1F22;">↵</kbd> open</span>
-            <span><kbd class="px-1 rounded-sm" style="background: #0A0A0B; border: 1px solid #1F1F22;">esc</kbd> close</span>
+            <span><kbd class="px-1 rounded-sm" style="background: #0A0A0B; border: 1px solid #1F1F22;">↑↓</kbd> 导航</span>
+            <span><kbd class="px-1 rounded-sm" style="background: #0A0A0B; border: 1px solid #1F1F22;">↵</kbd> 打开</span>
+            <span><kbd class="px-1 rounded-sm" style="background: #0A0A0B; border: 1px solid #1F1F22;">esc</kbd> 关闭</span>
           </div>
         </div>
       </div>

package/packages/dashboard/src/components/DetailPanel.vue

@@ -5,7 +5,7 @@
   >
     <!-- Header -->
     <div class="px-4 py-3 flex items-center justify-between flex-shrink-0" style="border-bottom: 1px solid #1F1F22;">
-      <h2 class="text-[11px] font-semibold uppercase tracking-[0.2em] font-[JetBrains_Mono,monospace]" style="color: #525252;">Detail</h2>
+      <h2 class="text-[11px] font-semibold uppercase tracking-[0.2em] font-[JetBrains_Mono,monospace]" style="color: #525252;">详情</h2>
       <button
         @click="$emit('close')"
         class="p-1 rounded-sm transition-colors duration-100 hover:bg-white/5"
@@ -27,7 +27,7 @@
               <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
             </svg>
           </div>
-          <p class="text-[11px] font-[JetBrains_Mono,monospace]" style="color: #3A3A3D;">Select a step</p>
+          <p class="text-[11px] font-[JetBrains_Mono,monospace]" style="color: #3A3A3D;">选择一个步骤</p>
         </div>
       </div>
 
@@ -45,25 +45,25 @@
 
         <!-- Description -->
         <div v-if="activeStep.description || activeStep.summary" class="px-4 py-3" style="border-bottom: 1px solid #1F1F22;">
-          <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-1.5 font-[JetBrains_Mono,monospace]" style="color: #525252;">Description</h4>
+          <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-1.5 font-[JetBrains_Mono,monospace]" style="color: #525252;">描述</h4>
           <p class="text-[11px] leading-relaxed" style="color: #8B8B8E;">{{ activeStep.description || activeStep.summary }}</p>
         </div>
 
         <!-- Conclusion -->
         <div v-if="activeStep.conclusion" class="px-4 py-3" style="border-bottom: 1px solid #1F1F22;">
-          <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-1.5 font-[JetBrains_Mono,monospace]" style="color: #525252;">Conclusion</h4>
+          <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-1.5 font-[JetBrains_Mono,monospace]" style="color: #525252;">结论</h4>
           <p class="text-[11px] leading-relaxed" style="color: #E4E4E7;">{{ activeStep.conclusion }}</p>
         </div>
 
         <!-- Decision -->
         <div v-if="activeStep.decision" class="px-4 py-3" style="border-bottom: 1px solid #1F1F22;">
-          <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-1.5 font-[JetBrains_Mono,monospace]" style="color: #525252;">Decision</h4>
+          <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-1.5 font-[JetBrains_Mono,monospace]" style="color: #525252;">决策</h4>
           <p class="text-[11px] leading-relaxed" style="color: #E4E4E7;">{{ activeStep.decision }}</p>
         </div>
 
         <!-- User Query -->
         <div v-if="activeStep.userQuery" class="px-4 py-3" style="border-bottom: 1px solid #1F1F22;">
-          <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-1.5 font-[JetBrains_Mono,monospace]" style="color: #525252;">User Query</h4>
+          <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-1.5 font-[JetBrains_Mono,monospace]" style="color: #525252;">用户提问</h4>
           <div class="px-3 py-2 rounded-md" style="background: #0E0E10; border: 1px solid #1F1F22;">
             <p class="text-[11px] italic" style="color: #8B8B8E;">"{{ activeStep.userQuery }}"</p>
           </div>
@@ -71,16 +71,16 @@
 
         <!-- Metadata -->
         <div v-if="activeStep.duration || activeStep.timestamp" class="px-4 py-3" style="border-bottom: 1px solid #1F1F22;">
-          <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-1.5 font-[JetBrains_Mono,monospace]" style="color: #525252;">Meta</h4>
+          <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-1.5 font-[JetBrains_Mono,monospace]" style="color: #525252;">元信息</h4>
           <div class="space-y-1 text-[11px]" style="color: #525252;">
-            <div v-if="activeStep.duration"><span style="color: #8B8B8E;">Time:</span> {{ activeStep.duration }}</div>
-            <div v-if="activeStep.timestamp"><span style="color: #8B8B8E;">At:</span> {{ formatTimestamp(activeStep.timestamp) }}</div>
+            <div v-if="activeStep.duration"><span style="color: #8B8B8E;">耗时：</span> {{ activeStep.duration }}</div>
+            <div v-if="activeStep.timestamp"><span style="color: #8B8B8E;">时间：</span> {{ formatTimestamp(activeStep.timestamp) }}</div>
           </div>
         </div>
 
         <!-- Output -->
         <div v-if="activeStep.output || activeStep.files" class="px-4 py-3" style="border-bottom: 1px solid #1F1F22;">
-          <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-1.5 font-[JetBrains_Mono,monospace]" style="color: #525252;">Output</h4>
+          <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-1.5 font-[JetBrains_Mono,monospace]" style="color: #525252;">输出</h4>
           <div v-if="activeStep.output" class="px-3 py-2 rounded-md max-h-40 overflow-y-auto" style="background: #0E0E10; border: 1px solid #1F1F22;">
             <pre class="text-[10px] whitespace-pre-wrap font-mono-log" style="color: #8B8B8E;">{{ activeStep.output }}</pre>
           </div>

package/packages/dashboard/src/components/LogStream.vue

@@ -5,7 +5,7 @@
       <input
         v-model="searchQuery"
         type="text"
-        placeholder="filter logs..."
+        placeholder="过滤日志..."
         class="flex-1 px-2 py-1 rounded-sm text-[10px] font-mono-log outline-none transition-colors duration-100"
         style="background: #141416; border: 1px solid #1F1F22; color: #8B8B8E;"
       />
@@ -14,7 +14,7 @@
         class="px-2 py-1 text-[10px] rounded-sm transition-colors duration-100"
         style="color: #525252; border: 1px solid #1F1F22;"
       >
-        clear
+        清空
       </button>
       <button
         @click="toggleAutoScroll"
@@ -25,14 +25,14 @@
           border: autoScroll ? '1px solid rgba(251,191,36,0.2)' : '1px solid #1F1F22'
         }"
       >
-        {{ autoScroll ? 'auto' : 'pause' }}
+        {{ autoScroll ? '自动' : '暂停' }}
       </button>
     </div>
 
     <!-- Log output -->
     <div ref="logContainer" class="flex-1 overflow-y-auto px-2 py-1.5 font-mono-log text-[10px]" style="background: #0A0A0B;" @scroll="handleScroll">
       <div v-if="filteredLogs.length === 0" class="flex items-center justify-center h-full">
-        <span class="font-mono-log" style="color: #2A2A2D;">{{ logs.length === 0 ? 'no logs' : 'no match' }}</span>
+        <span class="font-mono-log" style="color: #2A2A2D;">{{ logs.length === 0 ? '暂无日志' : '无匹配' }}</span>
       </div>
       <div v-else class="space-y-px">
         <div v-for="log in filteredLogs" :key="log.id" class="px-1.5 py-px rounded-sm" :style="{ background: logBg(log.type) }">
@@ -45,7 +45,7 @@
     <!-- Footer -->
     <div class="px-3 py-1 flex items-center justify-between text-[9px] font-mono-log" style="border-top: 1px solid #1F1F22; background: #0E0E10; color: #3A3A3D;">
       <span>{{ filteredLogs.length }}/{{ logs.length }}</span>
-      <span v-if="!autoScroll" style="color: #FB923C;">paused</span>
+      <span v-if="!autoScroll" style="color: #FB923C;">已暂停</span>
     </div>
   </div>
 </template>