sillyspec 3.20.1 → 3.20.3

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

@@ -78,16 +78,7 @@ function getProjectStatus() {
 
 function stageLabel() {
   const stage = props.project?.state?.currentStage
-  const labels = {
-    scan: '代码扫描',
-    brainstorm: '头脑风暴',
-    plan: '规划',
-    execute: '执行',
-    verify: '验证',
-    archive: '归档',
-    quick: '快速任务',
-    explore: '自由探索'
-  }
+  const labels = { 'brainstorm': '头脑风暴', 'plan': '规划', 'execute': '执行', 'verify': '验证' }
   return labels[stage] || stage || '未知'
 }
 </script>

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

@@ -58,14 +58,10 @@ const searchInput = ref(null)
 const selectedIndex = ref(0)
 
 const stageNames = [
-  { id: 'scan', name: '代码扫描' },
   { id: 'brainstorm', name: '头脑风暴' },
   { id: 'plan', name: '规划' },
   { id: 'execute', name: '执行' },
-  { id: 'verify', name: '验证' },
-  { id: 'archive', name: '归档' },
-  { id: 'quick', name: '快速任务' },
-  { id: 'explore', name: '自由探索' }
+  { id: 'verify', name: '验证' }
 ]
 
 const filteredItems = computed(() => {

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

@@ -1,59 +1,29 @@
 <template>
-  <div class="doc-preview-shell">
-    <div v-if="!content && !loading" class="doc-empty">
-      <p>选择一个文档查看内容</p>
+  <div class="h-full overflow-y-auto px-6 py-4">
+    <div v-if="!content && !loading" class="flex items-center justify-center h-full">
+      <p class="text-[12px] font-[JetBrains_Mono,monospace]" style="color: #636366;">选择一个文档查看内容</p>
     </div>
-    <div v-else-if="loading" class="doc-empty">
-      <p>加载中...</p>
+    <div v-else-if="loading" class="flex items-center justify-center h-full">
+      <p class="text-[12px] font-[JetBrains_Mono,monospace]" style="color: #636366;">加载中...</p>
     </div>
-    <template v-else>
-      <div class="doc-toolbar">
-        <div class="doc-title" :title="fileTitle">{{ fileTitle }}</div>
-        <n-button size="tiny" type="primary" @click="isModalOpen = true">弹窗阅读</n-button>
-      </div>
-      <div class="doc-preview-scroll">
-        <div class="doc-preview" v-html="renderedContent"></div>
-      </div>
-    </template>
-
-    <n-modal
-      v-model:show="isModalOpen"
-      preset="card"
-      :title="fileTitle"
-      style="width: min(920px, calc(100vw - 48px));"
-    >
-      <div class="doc-modal-body">
-        <div class="doc-preview doc-preview-large" v-html="renderedContent"></div>
-      </div>
-    </n-modal>
+    <div v-else class="doc-preview" v-html="renderedContent"></div>
   </div>
 </template>
 
 <script setup>
-import { computed, ref, watch } from 'vue'
+import { computed } from 'vue'
 import { marked } from 'marked'
 
 const props = defineProps({
   content: { type: String, default: '' },
-  loading: { type: Boolean, default: false },
-  selectedFile: { type: Object, default: null }
+  loading: { type: Boolean, default: false }
 })
 
-const isModalOpen = ref(false)
-
 marked.setOptions({
   breaks: true,
   gfm: true
 })
 
-watch(() => props.selectedFile?.path, () => {
-  isModalOpen.value = false
-})
-
-const fileTitle = computed(() => {
-  return props.selectedFile?.title || props.selectedFile?.name || '文档'
-})
-
 const renderedContent = computed(() => {
   if (!props.content) return ''
   return marked.parse(props.content)
@@ -61,69 +31,10 @@ const renderedContent = computed(() => {
 </script>
 
 <style scoped>
-.doc-preview-shell {
-  height: 100%;
-  min-height: 0;
-  display: flex;
-  flex-direction: column;
-  background: #FFFFFF;
-}
-
-.doc-empty {
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 24px;
-  text-align: center;
-  font-size: 12px;
-  color: #636366;
-  font-family: 'JetBrains Mono', monospace;
-}
-
-.doc-toolbar {
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  padding: 10px 14px;
-  border-bottom: 1px solid #F0F0F3;
-}
-
-.doc-title {
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-size: 12px;
-  font-weight: 600;
-  color: #1C1C1E;
-}
-
-.doc-preview-scroll {
-  flex: 1;
-  min-height: 0;
-  overflow: auto;
-  padding: 14px 16px 22px;
-}
-
-.doc-modal-body {
-  max-height: min(72vh, 760px);
-  overflow: auto;
-  padding-right: 4px;
-}
-
 .doc-preview {
   font-size: 13px;
   line-height: 1.7;
   color: #374151;
-  overflow-wrap: anywhere;
-}
-
-.doc-preview-large {
-  font-size: 14px;
-  line-height: 1.75;
 }
 
 .doc-preview :deep(h1) {
@@ -135,10 +46,6 @@ const renderedContent = computed(() => {
   padding-bottom: 8px;
 }
 
-.doc-preview-large :deep(h1) {
-  font-size: 22px;
-}
-
 .doc-preview :deep(h2) {
   color: #1C1C1E;
   font-size: 15px;
@@ -146,10 +53,6 @@ const renderedContent = computed(() => {
   margin: 20px 0 10px;
 }
 
-.doc-preview-large :deep(h2) {
-  font-size: 17px;
-}
-
 .doc-preview :deep(h3) {
   color: #D97706;
   font-size: 14px;

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

@@ -1,31 +1,22 @@
 <template>
-  <div class="doc-tree">
-    <div class="doc-tree-search">
-      <n-input
-        v-model:value="query"
-        size="small"
-        clearable
-        placeholder="搜索文档"
-      />
-    </div>
-
+  <div class="flex flex-col h-full">
     <n-empty v-if="groups.length === 0" description="暂无文档" style="margin: auto;" />
-    <n-empty v-else-if="treeData.length === 0" description="无匹配文档" style="margin: auto;" />
     <n-tree
       v-else
-      class="doc-tree-list"
       :data="treeData"
       :selected-keys="selectedKeys"
       :default-expand-all="true"
       selectable
       block-line
       @update:selected-keys="handleSelect"
+      style="padding: 8px 12px;"
     />
   </div>
 </template>
 
 <script setup>
-import { computed, ref } from 'vue'
+import { computed, h } from 'vue'
+import { NIcon } from 'naive-ui'
 
 const props = defineProps({
   groups: { type: Array, default: () => [] },
@@ -33,48 +24,30 @@ const props = defineProps({
 })
 
 const emit = defineEmits(['select-file'])
-const query = ref('')
 
 const selectedKeys = computed(() => {
   return props.selectedFile?.path ? [props.selectedFile.path] : []
 })
 
 const groupIcons = {
-  design: '📋',
-  plan: '🧾',
-  archive: '📦',
-  changes: '⚙️',
-  scan: '🔍',
-  quicklog: '⚡'
+  '设计文档': '📋',
+  '实现计划': '📐',
+  '归档': '📦',
+  ' proposals': '📝'
 }
 
 const treeData = computed(() => {
-  const keyword = query.value.trim().toLowerCase()
-
-  return props.groups
-    .map(group => {
-      const groupLabel = group.project ? `${group.label} (${group.project})` : group.label
-      const groupMatched = !keyword || groupLabel.toLowerCase().includes(keyword)
-      const files = group.files.filter(file => {
-        if (groupMatched) return true
-        return `${file.title || ''} ${file.name || ''}`.toLowerCase().includes(keyword)
-      })
-
-      if (files.length === 0) return null
-
-      return {
-        key: `group-${group.key}`,
-        label: groupLabel,
-        prefix: () => groupIcons[group.key] || '📄',
-        children: files.map(file => ({
-          key: file.path,
-          label: file.title || file.name,
-          prefix: () => '📄',
-          data: file
-        }))
-      }
-    })
-    .filter(Boolean)
+  return props.groups.map(group => ({
+    key: `group-${group.key}`,
+    label: group.project ? `${group.label} (${group.project})` : group.label,
+    prefix: () => groupIcons[group.label] || '📄',
+    children: group.files.map(file => ({
+      key: file.path,
+      label: file.title,
+      prefix: () => '📄',
+      data: file
+    }))
+  }))
 })
 
 function handleSelect(keys, option) {
@@ -83,32 +56,3 @@ function handleSelect(keys, option) {
   }
 }
 </script>
-
-<style scoped>
-.doc-tree {
-  height: 100%;
-  min-height: 0;
-  display: flex;
-  flex-direction: column;
-  background: #FFFFFF;
-}
-
-.doc-tree-search {
-  flex-shrink: 0;
-  padding: 10px 12px 8px;
-  border-bottom: 1px solid #F0F0F3;
-}
-
-.doc-tree-list {
-  flex: 1;
-  min-height: 0;
-  overflow: auto;
-  padding: 8px 12px 14px;
-}
-
-.doc-tree-list :deep(.n-tree-node-content__text) {
-  white-space: normal;
-  line-height: 1.35;
-  overflow-wrap: anywhere;
-}
-</style>

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

@@ -24,13 +24,6 @@
         </div>
 
         <!-- Steps -->
-        <div v-if="status === 'stale' && staleReason" class="mb-2 text-[10px] italic" style="color: #CA8A04;">
-          ⚠️ {{ staleReason }}
-          <span v-if="name === 'archive'">（已有归档文件保留但不再可信）</span>
-        </div>
-        <div v-if="status === 'revising' && revisionInfo" class="mb-2 text-[10px]" style="color: #7C3AED;">
-          🔧 {{ revisionInfo }}
-        </div>
         <div class="space-y-1">
           <div v-if="steps.length === 0" class="text-[11px] italic py-1" style="color: #6B7280;">
             No steps yet
@@ -59,21 +52,11 @@ const props = defineProps({
   steps: { type: Array, default: () => [] },
   status: { type: String, default: 'pending' },
   isActive: { type: Boolean, default: false },
-  activeStep: { type: Object, default: null },
-  staleReason: { type: String, default: '' },
-  revision: { type: Number, default: 0 },
-  reopenedFromStep: { type: String, default: '' },
+  activeStep: { type: Object, default: null }
 })
 
 const emit = defineEmits(['select-step'])
 
-const revisionInfo = computed(() => {
-  if (!props.revision) return ''
-  const parts = [`revision ${props.revision}`]
-  if (props.reopenedFromStep) parts.push(`from: ${props.reopenedFromStep}`)
-  return parts.join(', ')
-})
-
 const nodeStyle = computed(() => {
   if (props.isActive) return { background: '#D97706', boxShadow: '0 0 8px rgba(251,191,36,0.4)' }
   const colors = {
@@ -81,10 +64,7 @@ const nodeStyle = computed(() => {
     'in-progress': '#D97706',
     'blocked': '#EA580C',
     'failed': '#DC2626',
-    'pending': '#E5E5EA',
-    'revising': '#7C3AED',
-    'stale': '#CA8A04',
-    'waiting': '#2563EB',
+    'pending': '#E5E5EA'
   }
   return { background: colors[props.status] || colors.pending }
 })

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

@@ -26,8 +26,6 @@
 
       <!-- Stages -->
       <div v-else class="flex-1 overflow-y-auto px-6 pb-5 space-y-5">
-        <PipelineStage name="scan" title="代码扫描" :steps="getStageSteps('scan')" :status="getStageStatus('scan')" :is-active="currentStage === 'scan'" :active-step="activeStep" @select-step="handleSelectStep" />
-        <div v-if="hasStage('brainstorm')" class="flex items-center pl-[3px]"><div class="w-px h-4" style="background: #F0F0F3;" /></div>
         <PipelineStage name="brainstorm" title="头脑风暴" :steps="getStageSteps('brainstorm')" :status="getStageStatus('brainstorm')" :is-active="currentStage === 'brainstorm'" :active-step="activeStep" @select-step="handleSelectStep" />
         <div v-if="hasStage('plan')" class="flex items-center pl-[3px]"><div class="w-px h-4" style="background: #F0F0F3;" /></div>
         <PipelineStage name="plan" title="规划" :steps="getStageSteps('plan')" :status="getStageStatus('plan')" :is-active="currentStage === 'plan'" :active-step="activeStep" @select-step="handleSelectStep" />
@@ -35,8 +33,6 @@
         <PipelineStage name="execute" title="执行" :steps="getStageSteps('execute')" :status="getStageStatus('execute')" :is-active="currentStage === 'execute'" :active-step="activeStep" @select-step="handleSelectStep" />
         <div v-if="hasStage('verify')" class="flex items-center pl-[3px]"><div class="w-px h-4" style="background: #F0F0F3;" /></div>
         <PipelineStage name="verify" title="验证" :steps="getStageSteps('verify')" :status="getStageStatus('verify')" :is-active="currentStage === 'verify'" :active-step="activeStep" @select-step="handleSelectStep" />
-        <div v-if="hasStage('archive')" class="flex items-center pl-[3px]"><div class="w-px h-4" style="background: #F0F0F3;" /></div>
-        <PipelineStage name="archive" title="归档" :steps="getStageSteps('archive')" :status="getStageStatus('archive')" :is-active="currentStage === 'archive'" :active-step="activeStep" :stale-reason="getStageStaleReason('archive')" :revision="getStageRevision('archive')" :reopened-from-step="getStageReopenedFromStep('archive')" @select-step="handleSelectStep" />
       </div>
 
       <!-- Activity Log -->
@@ -50,7 +46,7 @@
             <n-timeline-item
               v-for="(log, i) in activityLogs"
               :key="i"
-              :type="log.status === 'completed' ? 'success' : (log.status === 'stale' ? 'warning' : (log.status === 'revising' ? 'info' : 'default'))"
+              :type="log.status === 'completed' ? 'success' : 'warning'"
             >
               <template #default>
                 <span class="text-[11px]" style="color: #636366;">{{ log.description }}</span>
@@ -66,12 +62,12 @@
     </div>
 
     <!-- Docs Tab -->
-    <div v-if="activeTab === 'docs'" class="docs-panel flex-1 flex overflow-hidden">
-      <div class="docs-tree-pane flex-shrink-0 overflow-hidden" style="border-right: 1px solid #F0F0F3;">
+    <div v-if="activeTab === 'docs'" class="flex-1 flex overflow-hidden">
+      <div class="w-[200px] flex-shrink-0 overflow-hidden" style="border-right: 1px solid #F0F0F3;">
         <DocTree :groups="docs.groups" :selected-file="selectedDocFile" @select-file="$emit('select-doc-file', $event)" />
       </div>
       <div class="flex-1 overflow-hidden">
-        <DocPreview :content="docContent" :loading="docLoading" :selected-file="selectedDocFile" />
+        <DocPreview :content="docContent" :loading="docLoading" />
       </div>
     </div>
   </div>
@@ -100,14 +96,10 @@ const progress = computed(() => props.project?.state?.progress || {})
 const stages = computed(() => progress.value.stages || {})
 
 const stageNameMap = {
-  scan: '代码扫描',
   brainstorm: '头脑风暴',
   plan: '规划',
   execute: '执行',
-  verify: '验证',
-  archive: '归档',
-  quick: '快速任务',
-  explore: '自由探索'
+  verify: '验证'
 }
 
 const activityLogs = computed(() => {
@@ -117,8 +109,6 @@ const activityLogs = computed(() => {
     const label = stageNameMap[name] || name
     if (data.status === 'completed') logs.push({ time: data.completedAt ? formatTime(data.completedAt) : '--:--', status: 'completed', description: `${label} 已完成` })
     else if (data.status === 'in-progress') logs.push({ time: '--:--', status: 'in-progress', description: `${label} 运行中` })
-    else if (data.status === 'revising') logs.push({ time: '--:--', status: 'revising', description: `${label} 修订中 (revision ${data.revision || 1})` })
-    else if (data.status === 'stale') logs.push({ time: '--:--', status: 'stale', description: `${label} 已失效：${data.staleReason || '上游修订'}` })
   }
   return logs.reverse()
 })
@@ -128,9 +118,6 @@ function hasStage(n) { return !!stages.value[n] }
 function getStageSteps(n) { return stages.value[n]?.steps || [] }
 function getStageStatus(n) {
   const s = stages.value[n]; if (!s) return 'pending'
-  // 优先用 stage 自身的 status（支持 revising/stale）
-  if (s.status === 'revising' || s.status === 'stale') return s.status
-  // 没有明确 status 时从 step 推导
   const steps = s.steps || []
   if (steps.some(x => x.status === 'failed')) return 'failed'
   if (steps.some(x => x.status === 'blocked')) return 'blocked'
@@ -138,19 +125,5 @@ function getStageStatus(n) {
   if (steps.every(x => x.status === 'completed')) return 'completed'
   return 'pending'
 }
-function getStageStaleReason(n) { return stages.value[n]?.staleReason || '' }
-function getStageRevision(n) { return stages.value[n]?.revision || 0 }
-function getStageReopenedFromStep(n) { return stages.value[n]?.reopenedFromStep || '' }
 function handleSelectStep(step) { emit('select-step', step) }
 </script>
-
-<style scoped>
-.docs-panel {
-  min-height: 0;
-}
-
-.docs-tree-pane {
-  width: clamp(220px, 42%, 320px);
-  min-width: 180px;
-}
-</style>