sillyspec 3.20.2 → 3.20.4

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

@@ -1,94 +1,94 @@
-<template>
-  <div
-    :class="['group relative rounded-md cursor-pointer transition-all duration-200']"
-    :style="cardStyle"
-    @mouseenter="hovered = true"
-    @mouseleave="hovered = false"
-    @click="handleClick"
-  >
-    <!-- Left accent bar -->
-    <div class="absolute left-0 top-0 bottom-0 w-[2px]" :style="{ background: barColor }" />
-
-    <div class="pl-4 pr-4 py-3">
-      <div class="flex items-center gap-2">
-        <h3 class="text-[12px] font-medium transition-colors duration-150" :style="{ color: isActive ? '#D97706' : '#1C1C1E', fontFamily: '\'JetBrains Mono\', monospace' }">
-          {{ step.title || step.name }}
-        </h3>
-        <StageBadge v-if="step.status" :status="step.status" :label="statusLabel" />
-      </div>
-
-      <!-- Hover summary -->
-      <div
-        v-if="step.summary || step.description"
-        class="transition-all duration-200"
-        :style="{ maxHeight: hovered ? '80px' : '0', opacity: hovered ? 1 : 0, overflow: 'hidden' }"
-      >
-        <p class="mt-1.5 text-[11px] line-clamp-2" style="color: #636366;">
-          {{ step.summary || step.description }}
-        </p>
-      </div>
-
-      <!-- Active details -->
-      <div v-if="isActive" class="mt-2 space-y-1">
-        <p v-if="step.conclusion" class="text-[11px]" style="color: #1C1C1E;">
-          <span style="color: #D97706; font-weight: 600;">结论:</span> {{ step.conclusion }}
-        </p>
-        <p v-if="step.decision" class="text-[11px]" style="color: #1C1C1E;">
-          <span style="color: #D97706; font-weight: 600;">决策:</span> {{ step.decision }}
-        </p>
-        <p v-if="step.userQuery" class="text-[11px] italic" style="color: #636366;">
-          "{{ step.userQuery }}"
-        </p>
-      </div>
-
-      <div v-if="step.duration" class="mt-1 text-[10px] font-mono-log" style="color: #6B7280;">
-        {{ step.duration }}
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref, computed } from 'vue'
-import StageBadge from './StageBadge.vue'
-
-const props = defineProps({
-  step: { type: Object, required: true },
-  isActive: { type: Boolean, default: false },
-  isClickable: { type: Boolean, default: true }
-})
-
-const emit = defineEmits(['select'])
-const hovered = ref(false)
-
-const barColor = computed(() => {
-  const colors = {
-    'completed': '#16A34A', 'in-progress': '#D97706', 'blocked': '#EA580C', 'failed': '#DC2626', 'pending': '#E5E5EA',
-    'revising': '#7C3AED', 'stale': '#CA8A04', 'waiting': '#2563EB',
-  }
-  return colors[props.step.status] || colors.pending
-})
-
-const cardStyle = computed(() => ({
-  background: props.isActive ? 'rgba(217,119,6,0.08)' : (hovered.value ? 'rgba(0,0,0,0.02)' : '#FFFFFF'),
-  border: `1px solid ${props.isActive ? 'rgba(251,191,36,0.2)' : '#F0F0F3'}`,
-}))
-
-const statusLabel = computed(() => {
-  const labels = { 'completed': '完成', 'in-progress': '进行中', 'blocked': '阻塞', 'failed': '失败', 'pending': '待办',
-    'revising': '修订中', 'stale': '已失效', 'waiting': '等待中',
-  }
-  return labels[props.step.status] || '待办'
-})
-
-function handleClick() { if (props.isClickable) emit('select', props.step) }
-</script>
-
-<style scoped>
-.line-clamp-2 {
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-</style>
+<template>
+  <div
+    :class="['group relative rounded-md cursor-pointer transition-all duration-200']"
+    :style="cardStyle"
+    @mouseenter="hovered = true"
+    @mouseleave="hovered = false"
+    @click="handleClick"
+  >
+    <!-- Left accent bar -->
+    <div class="absolute left-0 top-0 bottom-0 w-[2px]" :style="{ background: barColor }" />
+
+    <div class="pl-4 pr-4 py-3">
+      <div class="flex items-center gap-2">
+        <h3 class="text-[12px] font-medium transition-colors duration-150" :style="{ color: isActive ? '#D97706' : '#1C1C1E', fontFamily: '\'JetBrains Mono\', monospace' }">
+          {{ step.title || step.name }}
+        </h3>
+        <StageBadge v-if="step.status" :status="step.status" :label="statusLabel" />
+      </div>
+
+      <!-- Hover summary -->
+      <div
+        v-if="step.summary || step.description"
+        class="transition-all duration-200"
+        :style="{ maxHeight: hovered ? '80px' : '0', opacity: hovered ? 1 : 0, overflow: 'hidden' }"
+      >
+        <p class="mt-1.5 text-[11px] line-clamp-2" style="color: #636366;">
+          {{ step.summary || step.description }}
+        </p>
+      </div>
+
+      <!-- Active details -->
+      <div v-if="isActive" class="mt-2 space-y-1">
+        <p v-if="step.conclusion" class="text-[11px]" style="color: #1C1C1E;">
+          <span style="color: #D97706; font-weight: 600;">结论:</span> {{ step.conclusion }}
+        </p>
+        <p v-if="step.decision" class="text-[11px]" style="color: #1C1C1E;">
+          <span style="color: #D97706; font-weight: 600;">决策:</span> {{ step.decision }}
+        </p>
+        <p v-if="step.userQuery" class="text-[11px] italic" style="color: #636366;">
+          "{{ step.userQuery }}"
+        </p>
+      </div>
+
+      <div v-if="step.duration" class="mt-1 text-[10px] font-mono-log" style="color: #6B7280;">
+        {{ step.duration }}
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed } from 'vue'
+import StageBadge from './StageBadge.vue'
+
+const props = defineProps({
+  step: { type: Object, required: true },
+  isActive: { type: Boolean, default: false },
+  isClickable: { type: Boolean, default: true }
+})
+
+const emit = defineEmits(['select'])
+const hovered = ref(false)
+
+const barColor = computed(() => {
+  const colors = {
+    'completed': '#16A34A', 'in-progress': '#D97706', 'blocked': '#EA580C', 'failed': '#DC2626', 'pending': '#E5E5EA',
+    'revising': '#7C3AED', 'stale': '#CA8A04', 'waiting': '#2563EB',
+  }
+  return colors[props.step.status] || colors.pending
+})
+
+const cardStyle = computed(() => ({
+  background: props.isActive ? 'rgba(217,119,6,0.08)' : (hovered.value ? 'rgba(0,0,0,0.02)' : '#FFFFFF'),
+  border: `1px solid ${props.isActive ? 'rgba(251,191,36,0.2)' : '#F0F0F3'}`,
+}))
+
+const statusLabel = computed(() => {
+  const labels = { 'completed': '完成', 'in-progress': '进行中', 'blocked': '阻塞', 'failed': '失败', 'pending': '待办',
+    'revising': '修订中', 'stale': '已失效', 'waiting': '等待中',
+  }
+  return labels[props.step.status] || '待办'
+})
+
+function handleClick() { if (props.isClickable) emit('select', props.step) }
+</script>
+
+<style scoped>
+.line-clamp-2 {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+</style>

package/packages/dashboard/src/components/detail/DocsDetail.vue

@@ -1,48 +1,48 @@
-<template>
-  <div v-if="data?.length" class="px-4 py-3">
-    <div v-for="group in data" :key="group.key" class="mb-4">
-      <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-2 font-[JetBrains_Mono,monospace]" style="color: #6B7280;">
-        {{ group.icon }} {{ group.label }} ({{ group.files.length }})
-      </h4>
-      <div class="space-y-1">
-        <div
-          v-for="f in group.files"
-          :key="f.path"
-          class="flex items-center gap-2 px-2 py-1.5 rounded text-[11px] cursor-pointer hover:bg-[#FEF3C7] transition-colors"
-          @click="$emit('open-file', f)"
-        >
-          <svg class="w-3 h-3 flex-shrink-0" fill="none" stroke="#9CA3AF" viewBox="0 0 24 24">
-            <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>
-          <span class="truncate" style="color: #1C1C1E;">{{ f.name }}</span>
-          <span class="ml-auto flex-shrink-0 font-mono text-[10px]" style="color: #9CA3AF;">{{ formatSize(f.size) }}</span>
-          <span class="flex-shrink-0 text-[10px]" style="color: #9CA3AF;">{{ relativeTime(f.mtime) }}</span>
-        </div>
-      </div>
-    </div>
-  </div>
-  <n-empty v-else description="无文档" style="padding: 48px 0;" />
-</template>
-
-<script setup>
-defineProps({ data: { type: Array, default: () => [] } })
-defineEmits(['open-file'])
-
-function formatSize(bytes) {
-  if (!bytes) return '—'
-  if (bytes < 1024) return bytes + ' B'
-  if (bytes < 1048576) return (bytes / 1024).toFixed(1) + ' KB'
-  return (bytes / 1048576).toFixed(1) + ' MB'
-}
-
-function relativeTime(iso) {
-  if (!iso) return ''
-  const d = new Date(iso)
-  const diff = Date.now() - d.getTime()
-  if (diff < 60000) return '刚刚'
-  if (diff < 3600000) return `${Math.floor(diff / 60000)} 分钟前`
-  if (diff < 86400000) return `${Math.floor(diff / 3600000)} 小时前`
-  if (diff < 604800000) return `${Math.floor(diff / 86400000)} 天前`
-  return `${d.getMonth() + 1}/${d.getDate()}`
-}
-</script>
+<template>
+  <div v-if="data?.length" class="px-4 py-3">
+    <div v-for="group in data" :key="group.key" class="mb-4">
+      <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-2 font-[JetBrains_Mono,monospace]" style="color: #6B7280;">
+        {{ group.icon }} {{ group.label }} ({{ group.files.length }})
+      </h4>
+      <div class="space-y-1">
+        <div
+          v-for="f in group.files"
+          :key="f.path"
+          class="flex items-center gap-2 px-2 py-1.5 rounded text-[11px] cursor-pointer hover:bg-[#FEF3C7] transition-colors"
+          @click="$emit('open-file', f)"
+        >
+          <svg class="w-3 h-3 flex-shrink-0" fill="none" stroke="#9CA3AF" viewBox="0 0 24 24">
+            <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>
+          <span class="truncate" style="color: #1C1C1E;">{{ f.name }}</span>
+          <span class="ml-auto flex-shrink-0 font-mono text-[10px]" style="color: #9CA3AF;">{{ formatSize(f.size) }}</span>
+          <span class="flex-shrink-0 text-[10px]" style="color: #9CA3AF;">{{ relativeTime(f.mtime) }}</span>
+        </div>
+      </div>
+    </div>
+  </div>
+  <n-empty v-else description="无文档" style="padding: 48px 0;" />
+</template>
+
+<script setup>
+defineProps({ data: { type: Array, default: () => [] } })
+defineEmits(['open-file'])
+
+function formatSize(bytes) {
+  if (!bytes) return '—'
+  if (bytes < 1024) return bytes + ' B'
+  if (bytes < 1048576) return (bytes / 1024).toFixed(1) + ' KB'
+  return (bytes / 1048576).toFixed(1) + ' MB'
+}
+
+function relativeTime(iso) {
+  if (!iso) return ''
+  const d = new Date(iso)
+  const diff = Date.now() - d.getTime()
+  if (diff < 60000) return '刚刚'
+  if (diff < 3600000) return `${Math.floor(diff / 60000)} 分钟前`
+  if (diff < 86400000) return `${Math.floor(diff / 3600000)} 小时前`
+  if (diff < 604800000) return `${Math.floor(diff / 86400000)} 天前`
+  return `${d.getMonth() + 1}/${d.getDate()}`
+}
+</script>

package/packages/dashboard/src/components/detail/GitDetail.vue

@@ -1,61 +1,61 @@
-<template>
-  <div v-if="data" class="px-4 py-3">
-    <!-- Branch -->
-    <div class="mb-4">
-      <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-1.5 font-[JetBrains_Mono,monospace]" style="color: #6B7280;">当前分支</h4>
-      <div class="text-[18px] font-bold font-[JetBrains_Mono,monospace]" style="color: #D97706;">{{ data.branch || '—' }}</div>
-    </div>
-
-    <!-- Commits -->
-    <div v-if="data.commits?.length" class="mb-4">
-      <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-2 font-[JetBrains_Mono,monospace]" style="color: #6B7280;">最近提交</h4>
-      <div class="space-y-2">
-        <div v-for="c in data.commits" :key="c.hash" class="px-3 py-2 rounded-md" style="background: #F5F5F7;">
-          <div class="flex items-center gap-2">
-            <span class="text-[11px] font-mono font-semibold" style="color: #D97706;">{{ c.hash }}</span>
-            <span class="text-[11px] flex-1 truncate" style="color: #1C1C1E;">{{ c.message }}</span>
-          </div>
-          <div class="flex items-center gap-2 mt-1 text-[10px]" style="color: #6B7280;">
-            <span>{{ c.author }}</span>
-            <span>·</span>
-            <span>{{ relativeTime(c.date) }}</span>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- Untracked -->
-    <div v-if="data.untracked?.length">
-      <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-2 font-[JetBrains_Mono,monospace]" style="color: #6B7280;">未提交文件</h4>
-      <div class="space-y-1">
-        <div v-for="f in data.untracked" :key="f.file" class="flex items-center gap-2 px-2 py-1 rounded text-[11px] font-[JetBrains_Mono,monospace]">
-          <span class="font-semibold w-5 text-center" :style="{ color: statusColor(f.status) }">{{ f.status }}</span>
-          <span class="truncate" style="color: #1C1C1E;">{{ f.file }}</span>
-        </div>
-      </div>
-    </div>
-  </div>
-  <n-empty v-else description="无 Git 信息" style="padding: 48px 0;" />
-</template>
-
-<script setup>
-defineProps({ data: { type: Object, default: null } })
-
-function statusColor(s) {
-  if (s.includes('M')) return '#F59E0B'
-  if (s.includes('A') || s === '?') return '#10B981'
-  if (s.includes('D')) return '#EF4444'
-  return '#9CA3AF'
-}
-
-function relativeTime(iso) {
-  if (!iso) return ''
-  const d = new Date(iso)
-  const diff = Date.now() - d.getTime()
-  if (diff < 60000) return '刚刚'
-  if (diff < 3600000) return `${Math.floor(diff / 60000)} 分钟前`
-  if (diff < 86400000) return `${Math.floor(diff / 3600000)} 小时前`
-  if (diff < 604800000) return `${Math.floor(diff / 86400000)} 天前`
-  return `${d.getMonth() + 1}/${d.getDate()}`
-}
-</script>
+<template>
+  <div v-if="data" class="px-4 py-3">
+    <!-- Branch -->
+    <div class="mb-4">
+      <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-1.5 font-[JetBrains_Mono,monospace]" style="color: #6B7280;">当前分支</h4>
+      <div class="text-[18px] font-bold font-[JetBrains_Mono,monospace]" style="color: #D97706;">{{ data.branch || '—' }}</div>
+    </div>
+
+    <!-- Commits -->
+    <div v-if="data.commits?.length" class="mb-4">
+      <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-2 font-[JetBrains_Mono,monospace]" style="color: #6B7280;">最近提交</h4>
+      <div class="space-y-2">
+        <div v-for="c in data.commits" :key="c.hash" class="px-3 py-2 rounded-md" style="background: #F5F5F7;">
+          <div class="flex items-center gap-2">
+            <span class="text-[11px] font-mono font-semibold" style="color: #D97706;">{{ c.hash }}</span>
+            <span class="text-[11px] flex-1 truncate" style="color: #1C1C1E;">{{ c.message }}</span>
+          </div>
+          <div class="flex items-center gap-2 mt-1 text-[10px]" style="color: #6B7280;">
+            <span>{{ c.author }}</span>
+            <span>·</span>
+            <span>{{ relativeTime(c.date) }}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- Untracked -->
+    <div v-if="data.untracked?.length">
+      <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-2 font-[JetBrains_Mono,monospace]" style="color: #6B7280;">未提交文件</h4>
+      <div class="space-y-1">
+        <div v-for="f in data.untracked" :key="f.file" class="flex items-center gap-2 px-2 py-1 rounded text-[11px] font-[JetBrains_Mono,monospace]">
+          <span class="font-semibold w-5 text-center" :style="{ color: statusColor(f.status) }">{{ f.status }}</span>
+          <span class="truncate" style="color: #1C1C1E;">{{ f.file }}</span>
+        </div>
+      </div>
+    </div>
+  </div>
+  <n-empty v-else description="无 Git 信息" style="padding: 48px 0;" />
+</template>
+
+<script setup>
+defineProps({ data: { type: Object, default: null } })
+
+function statusColor(s) {
+  if (s.includes('M')) return '#F59E0B'
+  if (s.includes('A') || s === '?') return '#10B981'
+  if (s.includes('D')) return '#EF4444'
+  return '#9CA3AF'
+}
+
+function relativeTime(iso) {
+  if (!iso) return ''
+  const d = new Date(iso)
+  const diff = Date.now() - d.getTime()
+  if (diff < 60000) return '刚刚'
+  if (diff < 3600000) return `${Math.floor(diff / 60000)} 分钟前`
+  if (diff < 86400000) return `${Math.floor(diff / 3600000)} 小时前`
+  if (diff < 604800000) return `${Math.floor(diff / 86400000)} 天前`
+  return `${d.getMonth() + 1}/${d.getDate()}`
+}
+</script>

package/packages/dashboard/src/components/detail/TechDetail.vue

@@ -1,43 +1,43 @@
-<template>
-  <div v-if="data" class="px-4 py-3">
-    <!-- Frameworks -->
-    <div v-if="data.frameworks?.length" class="mb-4">
-      <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-2 font-[JetBrains_Mono,monospace]" style="color: #6B7280;">识别框架</h4>
-      <div class="flex flex-wrap gap-2">
-        <n-tag v-for="f in data.frameworks" :key="f" type="warning" size="small" round>{{ f }}</n-tag>
-      </div>
-    </div>
-
-    <!-- Dependencies -->
-    <div v-if="depEntries.length" class="mb-4">
-      <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-2 font-[JetBrains_Mono,monospace]" style="color: #6B7280;">dependencies ({{ depEntries.length }})</h4>
-      <div class="space-y-1">
-        <div v-for="[name, ver] in depEntries" :key="name" class="flex items-center gap-2 px-2 py-1 rounded text-[11px]" style="background: #F5F5F7;">
-          <span class="font-mono font-medium truncate" style="color: #1C1C1E;">{{ name }}</span>
-          <span class="font-mono ml-auto flex-shrink-0" style="color: #9CA3AF;">{{ ver }}</span>
-        </div>
-      </div>
-    </div>
-
-    <!-- Dev Dependencies -->
-    <div v-if="devDepEntries.length">
-      <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-2 font-[JetBrains_Mono,monospace]" style="color: #6B7280;">devDependencies ({{ devDepEntries.length }})</h4>
-      <div class="space-y-1">
-        <div v-for="[name, ver] in devDepEntries" :key="name" class="flex items-center gap-2 px-2 py-1 rounded text-[11px]" style="background: #F5F5F7;">
-          <span class="font-mono font-medium truncate" style="color: #1C1C1E;">{{ name }}</span>
-          <span class="font-mono ml-auto flex-shrink-0" style="color: #9CA3AF;">{{ ver }}</span>
-        </div>
-      </div>
-    </div>
-  </div>
-  <n-empty v-else description="无依赖信息" style="padding: 48px 0;" />
-</template>
-
-<script setup>
-import { computed } from 'vue'
-
-const props = defineProps({ data: { type: Object, default: null } })
-
-const depEntries = computed(() => props.data ? Object.entries(props.data.dependencies || {}) : [])
-const devDepEntries = computed(() => props.data ? Object.entries(props.data.devDependencies || {}) : [])
-</script>
+<template>
+  <div v-if="data" class="px-4 py-3">
+    <!-- Frameworks -->
+    <div v-if="data.frameworks?.length" class="mb-4">
+      <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-2 font-[JetBrains_Mono,monospace]" style="color: #6B7280;">识别框架</h4>
+      <div class="flex flex-wrap gap-2">
+        <n-tag v-for="f in data.frameworks" :key="f" type="warning" size="small" round>{{ f }}</n-tag>
+      </div>
+    </div>
+
+    <!-- Dependencies -->
+    <div v-if="depEntries.length" class="mb-4">
+      <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-2 font-[JetBrains_Mono,monospace]" style="color: #6B7280;">dependencies ({{ depEntries.length }})</h4>
+      <div class="space-y-1">
+        <div v-for="[name, ver] in depEntries" :key="name" class="flex items-center gap-2 px-2 py-1 rounded text-[11px]" style="background: #F5F5F7;">
+          <span class="font-mono font-medium truncate" style="color: #1C1C1E;">{{ name }}</span>
+          <span class="font-mono ml-auto flex-shrink-0" style="color: #9CA3AF;">{{ ver }}</span>
+        </div>
+      </div>
+    </div>
+
+    <!-- Dev Dependencies -->
+    <div v-if="devDepEntries.length">
+      <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-2 font-[JetBrains_Mono,monospace]" style="color: #6B7280;">devDependencies ({{ devDepEntries.length }})</h4>
+      <div class="space-y-1">
+        <div v-for="[name, ver] in devDepEntries" :key="name" class="flex items-center gap-2 px-2 py-1 rounded text-[11px]" style="background: #F5F5F7;">
+          <span class="font-mono font-medium truncate" style="color: #1C1C1E;">{{ name }}</span>
+          <span class="font-mono ml-auto flex-shrink-0" style="color: #9CA3AF;">{{ ver }}</span>
+        </div>
+      </div>
+    </div>
+  </div>
+  <n-empty v-else description="无依赖信息" style="padding: 48px 0;" />
+</template>
+
+<script setup>
+import { computed } from 'vue'
+
+const props = defineProps({ data: { type: Object, default: null } })
+
+const depEntries = computed(() => props.data ? Object.entries(props.data.dependencies || {}) : [])
+const devDepEntries = computed(() => props.data ? Object.entries(props.data.devDependencies || {}) : [])
+</script>