sillyspec 3.26.3 → 3.26.5

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

@@ -1,210 +0,0 @@
-<template>
-  <div class="h-full flex flex-col noise-bg">
-    <!-- Header -->
-    <div class="relative z-10 px-5 pt-5 pb-4">
-      <div class="flex items-center gap-3">
-        <div class="w-8 h-8 rounded-md flex items-center justify-center" style="background: linear-gradient(135deg, #D97706 0%, #F59E0B 100%); clip-path: polygon(0 0, 100% 0, 85% 100%, 15% 100%);">
-          <span class="text-[10px] font-bold text-black font-[JetBrains_Mono,monospace]">S</span>
-        </div>
-        <img src="/logo.jpg" style="width:28px;height:28px;border-radius:6px;margin-right:8px;">
-        <div class="flex-1">
-          <h1 class="text-[13px] font-semibold tracking-tight font-[JetBrains_Mono,monospace]" style="color: #1C1C1E;">
-            SillySpec
-          </h1>
-          <p class="text-[10px] tracking-widest uppercase" style="color: #6B7280;">控制台</p>
-        </div>
-        <!-- Scan paths gear button -->
-        <n-button quaternary size="tiny" @click="showScanPanel = !showScanPanel" :type="showScanPanel ? 'primary' : 'default'">
-          <template #icon>
-            <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="1.5" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.066 2.573c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.573 1.066c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.066-2.573c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/>
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
-            </svg>
-          </template>
-        </n-button>
-      </div>
-
-      <!-- Scan paths panel (inline) -->
-      <Transition name="slide">
-        <div v-if="showScanPanel" class="mt-3 rounded-md p-3" style="background: #FFFFFF; border: 1px solid #F0F0F3;">
-          <div class="text-[10px] font-semibold uppercase tracking-[0.15em] mb-2 font-[JetBrains_Mono,monospace]" style="color: #6B7280;">扫描路径</div>
-
-          <div v-if="scanPaths.length === 0" class="text-[10px] py-1" style="color: #D1D1D6;">暂无自定义路径</div>
-          <div v-else class="space-y-1 mb-2">
-            <div v-for="(p, i) in scanPaths" :key="i" class="flex items-center gap-2 text-[10px] group">
-              <span class="flex-1 truncate font-mono-log" style="color: #636366;">{{ p }}</span>
-              <n-button quaternary size="tiny" type="error" @click="removePath(p)">✕</n-button>
-            </div>
-          </div>
-
-          <!-- Add path -->
-          <div v-if="showAddInput" class="flex items-center gap-2">
-            <n-input v-model:value="newPath" size="tiny" placeholder="输入目录路径..." @keydown.enter="addPath" @keydown.escape="showAddInput = false" ref="pathInput" />
-            <n-button size="tiny" type="primary" @click="addPath">添加</n-button>
-          </div>
-          <n-button v-else size="tiny" dashed @click="showAddInput = true">+ 添加目录</n-button>
-        </div>
-      </Transition>
-    </div>
-
-    <!-- Divider -->
-    <div class="mx-4 h-px" style="background: linear-gradient(90deg, transparent, #E5E5EA, transparent);"></div>
-
-    <!-- Projects List -->
-    <div class="flex-1 overflow-y-auto py-3 relative z-10">
-      <!-- Loading skeleton -->
-      <div v-if="isLoading" class="px-4 space-y-2">
-        <n-card v-for="i in 4" :key="i" size="small" :bordered="false">
-          <n-skeleton text :width="80" size="small" />
-          <n-skeleton text :width="140" size="small" style="margin-top: 6px;" />
-        </n-card>
-        <p class="text-center text-[10px] mt-4 font-[JetBrains_Mono,monospace]" style="color: #6B7280;">
-          正在扫描项目...
-        </p>
-      </div>
-
-      <!-- Empty state -->
-      <n-empty v-else-if="projects.length === 0" description="未发现 SillySpec 项目" style="padding: 48px 0;" />
-
-      <!-- Projects -->
-      <div v-else class="px-3 space-y-0.5">
-        <div
-          v-for="project in projects"
-          :key="project.path"
-          :class="['relative rounded-md cursor-pointer transition-all duration-150 overflow-hidden group']"
-          :style="{
-            background: isActive(project) ? 'rgba(217,119,6,0.06)' : 'transparent',
-            borderLeft: isActive(project) ? '2px solid #D97706' : '2px solid transparent',
-          }"
-          @mouseenter="$event.currentTarget.style.background = isActive(project) ? 'rgba(217,119,6,0.08)' : 'rgba(255,255,255,0.02)'"
-          @mouseleave="$event.currentTarget.style.background = isActive(project) ? 'rgba(217,119,6,0.06)' : 'transparent'"
-          @click="$emit('select', project)"
-        >
-          <div class="px-3 py-2.5">
-            <div class="flex items-center justify-between gap-2">
-              <div class="flex-1 min-w-0">
-                <h3
-                  class="text-[12px] font-medium truncate transition-colors duration-150 font-[JetBrains_Mono,monospace]"
-                  :style="{ color: isActive(project) ? '#D97706' : '#1C1C1E' }"
-                >
-                  {{ project.name }}
-                </h3>
-                <p class="text-[10px] mt-0.5 truncate font-mono-log" style="color: #6B7280;">
-                  {{ project.path }}
-                </p>
-              </div>
-              <n-tag
-                v-if="project.state?.currentStage"
-                :type="statusTagType(getProjectStatus(project))"
-                size="small"
-                :bordered="false"
-                round
-              >
-                {{ stageLabel(project) }}
-              </n-tag>
-            </div>
-
-            <!-- Progress -->
-            <div v-if="project.state?.progress" class="mt-2 h-[2px] rounded-full overflow-hidden" style="background: #FFFFFF;">
-              <div
-                class="h-full rounded-full transition-all duration-500 progress-gradient"
-                :style="{ width: getProjectProgress(project) + '%' }"
-              />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- Footer -->
-    <div class="relative z-10 px-4 py-2.5" style="border-top: 1px solid #F0F0F3;">
-      <div class="flex items-center justify-between">
-        <span class="text-[10px] font-[JetBrains_Mono,monospace]" style="color: #6B7280;">{{ projects.length }} 个项目</span>
-        <kbd class="text-[9px] px-1.5 py-0.5 rounded font-mono-log" style="color: #6B7280; background: #FFFFFF; border: 1px solid #E5E5EA;">⌘K</kbd>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref, nextTick, watch } from 'vue'
-
-const props = defineProps({
-  projects: { type: Array, default: () => [] },
-  activeProject: { type: Object, default: null },
-  isLoading: { type: Boolean, default: false },
-  scanPaths: { type: Array, default: () => [] }
-})
-
-const emit = defineEmits(['select', 'scan:add-path', 'scan:remove-path'])
-
-const showScanPanel = ref(false)
-const showAddInput = ref(false)
-const newPath = ref('')
-const pathInput = ref(null)
-
-watch(showAddInput, (v) => {
-  if (v) nextTick(() => { pathInput.value?.focus() })
-})
-
-function isActive(project) {
-  return props.activeProject?.path === project.path
-}
-
-function statusTagType(status) {
-  const map = { 'in-progress': 'warning', 'completed': 'success', 'failed': 'error', 'blocked': 'warning' }
-  return map[status] || 'default'
-}
-
-function getProjectStatus(project) {
-  const stage = project.state?.currentStage
-  if (!stage) return 'pending'
-  const stageData = project.state?.progress?.stages?.[stage]
-  if (!stageData) return 'pending'
-  const steps = stageData.steps || []
-  if (steps.length === 0) return 'pending'
-  if (steps.some(s => s.status === 'failed')) return 'failed'
-  if (steps.some(s => s.status === 'blocked')) return 'blocked'
-  if (steps.some(s => s.status === 'in-progress')) return 'in-progress'
-  if (steps.every(s => s.status === 'completed')) return 'completed'
-  return 'pending'
-}
-
-function stageLabel(project) {
-  const stage = project.state?.currentStage
-  const labels = { 'brainstorm': '头脑风暴', 'plan': '规划', 'execute': '执行', 'verify': '验证' }
-  return labels[stage] || stage || '未知'
-}
-
-function getProjectProgress(project) {
-  const progress = project.state?.progress
-  if (!progress) return 0
-  const stages = progress.stages || {}
-  const stageNames = ['brainstorm', 'plan', 'execute', 'verify']
-  let total = 0, done = 0
-  for (const s of stageNames) {
-    const st = stages[s]
-    if (st?.steps) { total += st.steps.length; done += st.steps.filter(x => x.status === 'completed').length }
-  }
-  return total === 0 ? 0 : Math.round((done / total) * 100)
-}
-
-function addPath() {
-  const p = newPath.value.trim()
-  if (p) {
-    emit('scan:add-path', p)
-    newPath.value = ''
-    showAddInput.value = false
-  }
-}
-
-function removePath(p) {
-  emit('scan:remove-path', p)
-}
-</script>
-
-<style scoped>
-.slide-enter-active, .slide-leave-active { transition: all 200ms ease; }
-.slide-enter-from, .slide-leave-to { opacity: 0; max-height: 0; overflow: hidden; }
-.slide-enter-to, .slide-leave-from { max-height: 300px; }
-</style>

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

@@ -1,152 +0,0 @@
-<template>
-  <div class="overview-section">
-    <!-- 头部 -->
-    <div class="section-header">
-      <h1 class="section-title">
-        项目概览
-        <span class="badge">{{ projects.length }} 个项目</span>
-      </h1>
-      <div class="section-actions">
-        <button class="btn btn-icon" title="刷新" @click="refresh">↻</button>
-        <button class="btn btn-secondary" @click="resetLayout">重置布局</button>
-      </div>
-    </div>
-
-    <!-- 卡片容器 -->
-    <div class="cards-container">
-      <ProjectCard
-        v-for="project in projects"
-        :key="project.name"
-        :project="project"
-        :is-selected="activeProject?.name === project.name"
-        @select="handleSelect"
-      />
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { defineProps, defineEmits } from 'vue'
-import ProjectCard from './ProjectCard.vue'
-import { useLayout } from '../composables/useLayout.js'
-
-const props = defineProps({
-  projects: { type: Array, default: () => [] },
-  activeProject: { type: Object, default: null }
-})
-
-const emit = defineEmits(['select'])
-
-function handleSelect(project) {
-  emit('select', project)
-}
-
-function refresh() {
-  // TODO: 实现刷新逻辑
-  window.location.reload()
-}
-
-function resetLayout() {
-  if (confirm('确定要重置布局吗？')) {
-    useLayout().resetLayout()
-  }
-}
-</script>
-
-<style scoped>
-.overview-section {
-  height: 100%;
-  background: #FFFFFF;
-  padding: 16px 24px;
-  display: flex;
-  flex-direction: column;
-}
-
-.section-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 16px;
-}
-
-.section-title {
-  font-size: 18px;
-  font-weight: 600;
-  color: #1A1A1A;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.badge {
-  font-size: 12px;
-  padding: 2px 8px;
-  background: #E5E7EB;
-  border-radius: 10px;
-  color: #6B7280;
-  font-weight: 500;
-}
-
-.section-actions {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-}
-
-.btn {
-  padding: 6px 12px;
-  border-radius: 6px;
-  border: none;
-  cursor: pointer;
-  font-size: 13px;
-  font-weight: 500;
-  transition: all 0.2s;
-}
-
-.btn:hover {
-  opacity: 0.9;
-}
-
-.btn-secondary {
-  background: #E5E7EB;
-  color: #374151;
-}
-
-.btn-icon {
-  padding: 6px;
-  width: 32px;
-  height: 32px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: #F3F4F6;
-  border-radius: 6px;
-}
-
-.btn-icon:hover {
-  background: #E5E7EB;
-}
-
-.cards-container {
-  flex: 1;
-  display: flex;
-  gap: 16px;
-  overflow-x: auto;
-  overflow-y: hidden;
-  padding-bottom: 8px;
-}
-
-.cards-container::-webkit-scrollbar {
-  height: 8px;
-}
-
-.cards-container::-webkit-scrollbar-track {
-  background: #F3F4F6;
-  border-radius: 4px;
-}
-
-.cards-container::-webkit-scrollbar-thumb {
-  background: #D1D5DB;
-  border-radius: 4px;
-}
-</style>

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

@@ -1,67 +0,0 @@
-<template>
-  <span
-    :class="['inline-flex items-center gap-1.5 rounded-sm text-[10px] font-medium font-[JetBrains_Mono,monospace] uppercase tracking-wider transition-colors duration-150', sizeClass]"
-    :style="badgeStyle"
-  >
-    <span :class="['w-1 h-1 rounded-full', dotClass]" :style="dotStyle" />
-    <span>{{ displayLabel }}</span>
-  </span>
-</template>
-
-<script setup>
-import { computed } from 'vue'
-
-const props = defineProps({
-  status: { type: String, default: 'pending' },
-  label: { type: String, default: '' },
-  size: { type: String, default: 'md' }
-})
-
-const displayLabel = computed(() => {
-  if (props.label) return props.label
-  const labels = {
-    'completed': 'done',
-    'in-progress': 'running',
-    'blocked': 'blocked',
-    'failed': 'error',
-    'revising': 'revising',
-    'stale': 'stale',
-    'waiting': 'waiting',
-  }
-  return labels[props.status] || ''
-})
-
-const sizeClass = computed(() => props.size === 'sm' ? 'px-1.5 py-0.5' : 'px-2 py-1')
-
-const badgeStyle = computed(() => {
-  const styles = {
-    'completed': { background: 'rgba(22,163,74,0.1)', color: '#16A34A' },
-    'in-progress': { background: 'rgba(251,191,36,0.1)', color: '#D97706' },
-    'blocked': { background: 'rgba(251,146,60,0.1)', color: '#EA580C' },
-    'failed': { background: 'rgba(239,68,68,0.1)', color: '#DC2626' },
-    'pending': { background: 'rgba(82,82,82,0.15)', color: '#6B7280' },
-    'revising': { background: 'rgba(139,92,246,0.1)', color: '#7C3AED' },
-    'stale': { background: 'rgba(234,179,8,0.1)', color: '#CA8A04' },
-    'waiting': { background: 'rgba(59,130,246,0.1)', color: '#2563EB' },
-  }
-  return styles[props.status] || styles.pending
-})
-
-const dotClass = computed(() => {
-  return props.status === 'in-progress' ? 'animate-pulse-dot' : ''
-})
-
-const dotStyle = computed(() => {
-  const colors = {
-    'completed': '#16A34A',
-    'in-progress': '#D97706',
-    'blocked': '#EA580C',
-    'failed': '#DC2626',
-    'pending': '#6B7280',
-    'revising': '#7C3AED',
-    'stale': '#CA8A04',
-    'waiting': '#2563EB',
-  }
-  return { background: colors[props.status] || '#6B7280' }
-})
-</script>

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

@@ -1,94 +0,0 @@
-<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/VResizeHandle.vue

@@ -1,61 +0,0 @@
-<template>
-  <div
-    class="v-resize-handle"
-    :class="{ 'dragging': isDragging }"
-    @mousedown="handleMouseDown"
-  >
-    <div class="drag-indicator"></div>
-  </div>
-</template>
-
-<script setup>
-const props = defineProps({
-  isDragging: { type: Boolean, default: false }
-})
-
-const emit = defineEmits(['drag-start', 'drag-end', 'resize'])
-
-function handleMouseDown(e) {
-  emit('drag-start', { type: 'vertical', startY: e.clientY })
-
-  const onMove = (ev) => {
-    emit('resize', { deltaY: ev.clientY - e.clientY })
-  }
-
-  const onUp = () => {
-    emit('drag-end')
-    window.removeEventListener('mousemove', onMove)
-    window.removeEventListener('mouseup', onUp)
-  }
-
-  window.addEventListener('mousemove', onMove)
-  window.addEventListener('mouseup', onUp)
-}
-</script>
-
-<style scoped>
-.v-resize-handle {
-  height: 6px;
-  background: #2A3040;
-  cursor: row-resize;
-  position: relative;
-  transition: background 0.2s;
-}
-
-.v-resize-handle:hover,
-.v-resize-handle.dragging {
-  background: #D97706;
-}
-
-.drag-indicator {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  width: 40px;
-  height: 4px;
-  background: rgba(255, 255, 255, 0.3);
-  border-radius: 2px;
-  pointer-events: none;
-}
-</style>

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

@@ -1,48 +0,0 @@
-<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>