sillyspec 3.20.3 → 3.20.4

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

@@ -1,121 +1,121 @@
-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
-   */
+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
@@ -125,61 +125,89 @@ export function useDashboard() {
       const updated = getProject(state.activeProject.path)
       if (updated) {
         state.activeProject = updated
+        return
       }
     }
-  }
 
-  /**
-   * Set executing project state
-   * @param {string|null} projectName - Project name or null
-   */
-  function setExecuting(projectName) {
-    state.executingProject = projectName
+    state.activeProject = state.projects[0] || null
   }
 
   /**
-   * Check if a project is currently executing
-   * @param {string} projectName - Project name
-   * @returns {boolean}
+   * Merge a single project update into the current project list.
+   * @param {object} project - Partial project payload containing at least path
    */
-  function isExecuting(projectName) {
-    return state.executingProject === projectName
-  }
+  function updateProject(project) {
+    if (!project?.path) return
 
-  // 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 || []
-  })
+    const index = state.projects.findIndex(p => p.path === project.path)
+    if (index === -1) return
 
-  return {
-    state,
-    getProject,
-    selectProject,
-    selectStep,
-    appendLog,
-    clearLogs,
-    togglePanel,
-    openPanel,
+    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 }
-  }
-}
+    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 +1,119 @@
-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
-  })
-}
+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
+  })
+}