sillyspec 3.26.3 → 3.26.5

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

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

package/packages/dashboard/src/composables/useDashboard.js

@@ -1,213 +0,0 @@
-import { reactive, computed } from 'vue'
-
-/**
- * Dashboard state management composable
- * @returns {object} Dashboard state and methods
- */
-export function useDashboard() {
-  // Reactive state
-  const state = reactive({
-    projects: [],
-    activeProject: null,
-    activeStep: null,
-    logs: [],
-    isPanelOpen: true,
-    executingProject: null,
-    isLoading: true,
-    activeTab: 'pipeline',
-    docs: { groups: [] },
-    selectedDocFile: null,
-    docContent: '',
-    docLoading: false
-  })
-
-  /**
-   * Get project by name
-   * @param {string} name - Project name
-   * @returns {object|null} Project or null
-   */
-  function getProject(path) {
-    return state.projects.find(p => p.path === path) || null
-  }
-
-  /**
-   * Select a project as active
-   * @param {object|string} project - Project object or path
-   */
-  function selectProject(project) {
-    const proj = typeof project === 'string'
-      ? getProject(project)
-      : project
-
-    if (proj) {
-      state.activeProject = proj
-      state.activeStep = null
-      state.logs = []
-      state.selectedDocFile = null
-      state.docContent = ''
-
-      // Load initial logs from project state if available
-      if (proj.state?.progress?.currentLogs) {
-        appendLog(proj.state.progress.currentLogs)
-      }
-    }
-  }
-
-  /**
-   * Select a step within active project
-   * @param {object} step - Step object
-   */
-  function selectStep(step) {
-    state.activeStep = step
-  }
-
-  /**
-   * Append log lines to logs buffer
-   * @param {string|string[]} lines - Log line(s) to append
-   */
-  function appendLog(lines) {
-    const newLines = Array.isArray(lines) ? lines : [lines]
-
-    for (const line of newLines) {
-      const timestamp = new Date().toISOString()
-      state.logs.push({
-        id: `${timestamp}-${Math.random().toString(36).substr(2, 9)}`,
-        timestamp,
-        content: line,
-        type: 'info'
-      })
-    }
-
-    // Keep only last 500 lines
-    if (state.logs.length > 500) {
-      state.logs = state.logs.slice(-500)
-    }
-  }
-
-  /**
-   * Clear logs buffer
-   */
-  function clearLogs() {
-    state.logs = []
-  }
-
-  /**
-   * Toggle detail panel open/closed
-   */
-  function togglePanel() {
-    state.isPanelOpen = !state.isPanelOpen
-  }
-
-  /**
-   * Open detail panel
-   */
-  function openPanel() {
-    state.isPanelOpen = true
-  }
-
-  /**
-   * Close detail panel
-   */
-  function closePanel() {
-    state.isPanelOpen = false
-  }
-
-  /**
-   * Update projects list
-   * @param {array} projects - New projects array
-   */
-  function updateProjects(projects) {
-    state.isLoading = false
-    state.projects = projects
-
-    // Restore active project if it still exists
-    if (state.activeProject) {
-      const updated = getProject(state.activeProject.path)
-      if (updated) {
-        state.activeProject = updated
-        return
-      }
-    }
-
-    state.activeProject = state.projects[0] || null
-  }
-
-  /**
-   * Merge a single project update into the current project list.
-   * @param {object} project - Partial project payload containing at least path
-   */
-  function updateProject(project) {
-    if (!project?.path) return
-
-    const index = state.projects.findIndex(p => p.path === project.path)
-    if (index === -1) return
-
-    const updated = {
-      ...state.projects[index],
-      ...project,
-      state: project.state ?? state.projects[index].state,
-      overview: project.overview ?? state.projects[index].overview
-    }
-
-    state.projects.splice(index, 1, updated)
-
-    if (state.activeProject?.path === project.path) {
-      state.activeProject = updated
-    }
-  }
-
-  /**
-   * Set executing project state
-   * @param {string|null} projectName - Project name or null
-   */
-  function setExecuting(projectName) {
-    state.executingProject = projectName
-  }
-
-  /**
-   * Check if a project is currently executing
-   * @param {string} projectName - Project name
-   * @returns {boolean}
-   */
-  function isExecuting(projectName) {
-    return state.executingProject === projectName
-  }
-
-  // Computed properties
-  const activeProjectName = computed(() => state.activeProject?.name || null)
-  const activeProjectPath = computed(() => state.activeProject?.path || null)
-  const activeProjectStage = computed(() => state.activeProject?.state?.currentStage || null)
-  const hasProjects = computed(() => state.projects.length > 0)
-  const activeProjectSteps = computed(() => {
-    if (!state.activeProject?.state?.progress?.stages) return []
-    const currentStage = state.activeProject.state.currentStage
-    const stageData = state.activeProject.state.progress.stages[currentStage]
-    return stageData?.steps || []
-  })
-
-  return {
-    state,
-    getProject,
-    selectProject,
-    selectStep,
-    appendLog,
-    clearLogs,
-    togglePanel,
-    openPanel,
-    closePanel,
-    updateProjects,
-    updateProject,
-    setExecuting,
-    isExecuting,
-    activeProjectName,
-    activeProjectPath,
-    activeProjectStage,
-    hasProjects,
-    activeProjectSteps,
-  setActiveTab(tab) { state.activeTab = tab },
-  updateDocs(docs) { state.docs = docs },
-  selectDocFile(file) { state.selectedDocFile = file },
-  setDocContent(content) { state.docContent = content },
-  setDocLoading(loading) { state.docLoading = loading }
-  }
-}

package/packages/dashboard/src/composables/useKeyboard.js

@@ -1,119 +0,0 @@
-import { onMounted, onUnmounted } from 'vue'
-
-/**
- * Keyboard shortcuts composable
- * @param {object} options - Configuration options
- * @returns {object} Keyboard API
- */
-export function useKeyboard(options = {}) {
-  const {
-    onCmdK = null,
-    onJ = null,
-    onK = null,
-    onEscape = null,
-    onEnter = null,
-    onArrowUp = null,
-    onArrowDown = null,
-    disabled: initialDisabled = false
-  } = options
-
-  let isDisabled = initialDisabled
-
-  /**
-   * Handle keyboard events
-   * @param {KeyboardEvent} event
-   */
-  function handleKeyDown(event) {
-    if (isDisabled) return
-
-    // Ignore if in input field
-    const target = event.target
-    if (target.tagName === 'INPUT' ||
-        target.tagName === 'TEXTAREA' ||
-        target.contentEditable === 'true') {
-      return
-    }
-
-    const isMac = navigator.platform.toUpperCase().indexOf('MAC') >= 0
-    const cmdOrCtrl = isMac ? event.metaKey : event.ctrlKey
-
-    // Cmd/Ctrl + K
-    if (cmdOrCtrl && event.key === 'k') {
-      event.preventDefault()
-      if (onCmdK) onCmdK()
-    }
-
-    // J - navigate down
-    if (event.key === 'j' && !cmdOrCtrl) {
-      event.preventDefault()
-      if (onJ) onJ()
-    }
-
-    // K - navigate up
-    if (event.key === 'k' && !cmdOrCtrl) {
-      event.preventDefault()
-      if (onK) onK()
-    }
-
-    // Escape
-    if (event.key === 'Escape') {
-      event.preventDefault()
-      if (onEscape) onEscape()
-    }
-
-    // Enter
-    if (event.key === 'Enter' && !cmdOrCtrl) {
-      event.preventDefault()
-      if (onEnter) onEnter()
-    }
-
-    // Arrow Up
-    if (event.key === 'ArrowUp' && !cmdOrCtrl) {
-      event.preventDefault()
-      if (onArrowUp) onArrowUp()
-    }
-
-    // Arrow Down
-    if (event.key === 'ArrowDown' && !cmdOrCtrl) {
-      event.preventDefault()
-      if (onArrowDown) onArrowDown()
-    }
-  }
-
-  onMounted(() => {
-    window.addEventListener('keydown', handleKeyDown)
-  })
-
-  onUnmounted(() => {
-    window.removeEventListener('keydown', handleKeyDown)
-  })
-
-  return {
-    disable: () => { isDisabled = true },
-    enable: () => { isDisabled = false }
-  }
-}
-
-/**
- * Global keyboard shortcuts for dashboard
- * @param {object} callbacks - Callback functions for each shortcut
- * @returns {object} Keyboard API
- */
-export function useDashboardKeyboard(callbacks = {}) {
-  const {
-    onOpenCommandPalette,
-    onNavigateDown,
-    onNavigateUp,
-    onClose,
-    onSelect,
-    onPanelToggle
-  } = callbacks
-
-  return useKeyboard({
-    onCmdK: onOpenCommandPalette,
-    onJ: onNavigateDown,
-    onK: onNavigateUp,
-    onEscape: onClose,
-    onEnter: onSelect
-  })
-}

package/packages/dashboard/src/composables/useLayout.js

@@ -1,131 +0,0 @@
-/**
- * 布局管理 Composable
- * 管理双层布局的概览/详情比例和三栏宽度
- */
-import { reactive, ref, onMounted } from 'vue'
-
-const STORAGE_KEY = 'dashboard-layout-v2'
-
-// 默认值
-const DEFAULT_OVERVIEW_HEIGHT = 30 // 概览区域百分比
-const DEFAULT_COLUMN_WIDTHS = [33.33, 33.33, 33.33] // 三栏宽度百分比
-
-// 最小值限制
-const MIN_OVERVIEW_HEIGHT = 15
-const MAX_OVERVIEW_HEIGHT = 75
-const MIN_COLUMN_WIDTH = 10
-
-/**
- * 布局管理 Hook
- */
-export function useLayout() {
-  // 布局状态
-  const layout = reactive({
-    overviewHeight: DEFAULT_OVERVIEW_HEIGHT,
-    columnWidths: [...DEFAULT_COLUMN_WIDTHS]
-  })
-
-  // 拖动状态
-  const isDragging = ref(false)
-  const dragType = ref(null) // 'vertical' | 'horizontal'
-
-  /**
-   * 加载保存的布局
-   */
-  function loadLayout() {
-    try {
-      const saved = localStorage.getItem(STORAGE_KEY)
-      if (saved) {
-        const parsed = JSON.parse(saved)
-        if (parsed.overviewHeight !== undefined) {
-          layout.overviewHeight = Math.max(MIN_OVERVIEW_HEIGHT, Math.min(MAX_OVERVIEW_HEIGHT, parsed.overviewHeight))
-        }
-        if (Array.isArray(parsed.columnWidths) && parsed.columnWidths.length === 3) {
-          layout.columnWidths = parsed.columnWidths
-        }
-      }
-    } catch (e) {
-      console.error('Failed to load layout:', e)
-      // 使用默认值
-      resetLayout()
-    }
-  }
-
-  /**
-   * 保存布局到 localStorage
-   */
-  function saveLayout() {
-    try {
-      localStorage.setItem(STORAGE_KEY, JSON.stringify({
-        overviewHeight: layout.overviewHeight,
-        columnWidths: layout.columnWidths
-      }))
-    } catch (e) {
-      console.error('Failed to save layout:', e)
-    }
-  }
-
-  /**
-   * 重置布局为默认值
-   */
-  function resetLayout() {
-    layout.overviewHeight = DEFAULT_OVERVIEW_HEIGHT
-    layout.columnWidths = [...DEFAULT_COLUMN_WIDTHS]
-    saveLayout()
-  }
-
-  /**
-   * 设置概览区域高度（百分比）
-   */
-  function setOverviewHeight(percent) {
-    layout.overviewHeight = Math.max(MIN_OVERVIEW_HEIGHT, Math.min(MAX_OVERVIEW_HEIGHT, percent))
-    saveLayout()
-  }
-
-  /**
-   * 设置列宽度（索引，百分比）
-   */
-  function setColumnWidth(index, percent) {
-    if (index >= 0 && index < 3) {
-      layout.columnWidths[index] = Math.max(MIN_COLUMN_WIDTH, percent)
-      saveLayout()
-    }
-  }
-
-  /**
-   * 开始拖动
-   */
-  function startDrag(type) {
-    isDragging.value = true
-    dragType.value = type
-    document.body.classList.add('resizing')
-  }
-
-  /**
-   * 结束拖动
-   */
-  function endDrag() {
-    isDragging.value = false
-    dragType.value = null
-    document.body.classList.remove('resizing')
-    saveLayout()
-  }
-
-  // 组件挂载时加载布局
-  onMounted(() => {
-    loadLayout()
-  })
-
-  return {
-    layout,
-    isDragging,
-    dragType,
-    loadLayout,
-    saveLayout,
-    resetLayout,
-    setOverviewHeight,
-    setColumnWidth,
-    startDrag,
-    endDrag
-  }
-}

package/packages/dashboard/src/composables/useWebSocket.js

@@ -1,129 +0,0 @@
-import { ref, onMounted, onUnmounted } from 'vue'
-
-/**
- * WebSocket connection composable with auto-reconnect
- * @returns {object} WebSocket API
- */
-export function useWebSocket() {
-  const ws = ref(null)
-  const connected = ref(false)
-  const reconnectTimeout = ref(null)
-  const handlers = new Map()
-
-  /**
-   * Connect to WebSocket server
-   */
-  function connect() {
-    const protocol = location.protocol === 'https:' ? 'wss:' : 'ws:'
-    const wsUrl = `${protocol}//${location.host}`
-
-    ws.value = new WebSocket(wsUrl)
-
-    ws.value.onopen = () => {
-      connected.value = true
-      console.log('WebSocket connected')
-    }
-
-    ws.value.onclose = () => {
-      connected.value = false
-      console.log('WebSocket disconnected, reconnecting in 3s...')
-
-      // Auto-reconnect after 3 seconds
-      reconnectTimeout.value = setTimeout(() => {
-        connect()
-      }, 3000)
-    }
-
-    ws.value.onerror = (err) => {
-      console.error('WebSocket error:', err)
-    }
-
-    ws.value.onmessage = (event) => {
-      try {
-        const message = JSON.parse(event.data)
-        const { type, data } = message
-
-        // Call registered handlers for this message type
-        const typeHandlers = handlers.get(type) || []
-        typeHandlers.forEach(handler => handler(data))
-
-        // Call wildcard handlers
-        const wildcardHandlers = handlers.get('*') || []
-        wildcardHandlers.forEach(handler => handler(message))
-      } catch (err) {
-        console.error('Error parsing WebSocket message:', err)
-      }
-    }
-  }
-
-  /**
-   * Register event handler for a message type
-   * @param {string} type - Message type
-   * @param {function} handler - Handler function
-   * @returns {function} Unsubscribe function
-   */
-  function on(type, handler) {
-    if (!handlers.has(type)) {
-      handlers.set(type, [])
-    }
-    handlers.get(type).push(handler)
-
-    // Return unsubscribe function
-    return () => {
-      const typeHandlers = handlers.get(type)
-      if (typeHandlers) {
-        const index = typeHandlers.indexOf(handler)
-        if (index > -1) {
-          typeHandlers.splice(index, 1)
-        }
-      }
-    }
-  }
-
-  /**
-   * Send message to server
-   * @param {object} data - Message data
-   */
-  function send(data) {
-    if (ws.value && connected.value) {
-      ws.value.send(JSON.stringify(data))
-    } else {
-      console.warn('Cannot send message: WebSocket not connected')
-    }
-  }
-
-  /**
-   * Disconnect WebSocket
-   */
-  function disconnect() {
-    if (reconnectTimeout.value) {
-      clearTimeout(reconnectTimeout.value)
-      reconnectTimeout.value = null
-    }
-
-    if (ws.value) {
-      ws.value.close()
-      ws.value = null
-    }
-
-    connected.value = false
-  }
-
-  // Auto-connect on mount
-  onMounted(() => {
-    connect()
-  })
-
-  // Cleanup on unmount
-  onUnmounted(() => {
-    disconnect()
-  })
-
-  return {
-    connected,
-    on,
-    send,
-    disconnect,
-    reconnect: connect
-  }
-}

package/packages/dashboard/src/main.js

@@ -1,8 +0,0 @@
-import { createApp } from 'vue'
-import naive from 'naive-ui'
-import App from './App.vue'
-import './style.css'
-
-const app = createApp(App)
-app.use(naive)
-app.mount('#app')