claude-code-workflow 6.3.54 → 7.0.0

package/ccw/src/templates/dashboard-js/main.js

@@ -1,158 +0,0 @@
-// Application Entry Point
-// Initializes all components and sets up global event handlers
-
-document.addEventListener('DOMContentLoaded', async () => {
-  // Initialize Lucide icons (must be first to render SVG icons)
-  try { lucide.createIcons(); } catch (e) { console.error('Lucide icons init failed:', e); }
-
-  // Initialize preload services (must be early to start data fetching)
-  try { initPreloadServices(); } catch (e) { console.error('Preload services init failed:', e); }
-
-  // Initialize i18n (must be early to translate static content)
-  try { initI18n(); } catch (e) { console.error('I18n init failed:', e); }
-
-  // Initialize components with error handling to prevent cascading failures
-  try { initTheme(); } catch (e) { console.error('Theme init failed:', e); }
-  try { initSidebar(); } catch (e) { console.error('Sidebar init failed:', e); }
-  try { initPathSelector(); } catch (e) { console.error('Path selector init failed:', e); }
-  try { initNavigation(); } catch (e) { console.error('Navigation init failed:', e); }
-  try { initSearch(); } catch (e) { console.error('Search init failed:', e); }
-  try { initRefreshButton(); } catch (e) { console.error('Refresh button init failed:', e); }
-  try { initCarousel(); } catch (e) { console.error('Carousel init failed:', e); }
-  try { initMcpManager(); } catch (e) { console.error('MCP Manager init failed:', e); }
-  try { initHookManager(); } catch (e) { console.error('Hook Manager init failed:', e); }
-  try { initCliStatus(); } catch (e) { console.error('CLI Status init failed:', e); }
-  try { initGlobalNotifications(); } catch (e) { console.error('Global notifications init failed:', e); }
-  try { initTaskQueueSidebar(); } catch (e) { console.error('Task queue sidebar init failed:', e); }
-  try { initVersionCheck(); } catch (e) { console.error('Version check init failed:', e); }
-
-  // Initialize real-time features (WebSocket + auto-refresh)
-  try { initWebSocket(); } catch (e) { console.log('WebSocket not available:', e.message); }
-  try { initAutoRefresh(); } catch (e) { console.error('Auto-refresh init failed:', e); }
-
-  // Server mode: load data from API
-  try {
-    if (window.SERVER_MODE) {
-      // Check URL for path parameter (from ccw view command)
-      const urlParams = new URLSearchParams(window.location.search);
-      const urlPath = urlParams.get('path');
-      const initialPath = urlPath || window.INITIAL_PATH || projectPath;
-
-      await switchToPath(initialPath);
-
-      // Update all navigation badges after initial load
-      if (typeof updateAllNavigationBadges === 'function') {
-        updateAllNavigationBadges();
-      }
-
-      // Clean up URL after loading (remove query param)
-      if (urlPath && window.history.replaceState) {
-        window.history.replaceState({}, '', window.location.pathname);
-      }
-    } else {
-      renderDashboard();
-    }
-  } catch (e) {
-    console.error('Dashboard render failed:', e);
-  }
-
-  // Global Escape key handler for modals
-  document.addEventListener('keydown', (e) => {
-    if (e.key === 'Escape') {
-      closeMarkdownModal();
-
-      // Close JSON modal if exists
-      const jsonModal = document.querySelector('.json-modal-overlay');
-      if (jsonModal) {
-        const closeBtn = jsonModal.querySelector('.json-modal-close');
-        if (closeBtn) closeJsonModal(closeBtn);
-      }
-
-      // Close path modal if exists
-      closePathModal();
-
-      // Close MCP create modal if exists
-      if (typeof closeMcpCreateModal === 'function') {
-        closeMcpCreateModal();
-      }
-
-      // Close Hook create modal if exists
-      if (typeof closeHookCreateModal === 'function') {
-        closeHookCreateModal();
-      }
-
-      // Close notification sidebar if open
-      if (isNotificationPanelVisible && typeof toggleNotifSidebar === 'function') {
-        toggleNotifSidebar();
-      }
-
-      // Close task queue sidebar if open
-      if (isTaskQueueSidebarVisible && typeof toggleTaskQueueSidebar === 'function') {
-        toggleTaskQueueSidebar();
-      }
-    }
-  });
-});
-
-/**
- * 初始化预加载服务
- * 创建缓存管理器、事件管理器和预加载服务，并注册数据源
- */
-function initPreloadServices() {
-  // 初始化服务实例
-  window.cacheManager = new CacheManager('ccw.cache.');
-  window.eventManager = new EventManager();
-  window.preloadService = new PreloadService(window.cacheManager, window.eventManager);
-
-  // 注册高优先级数据源（页面进入时立即预加载）
-
-  // 聚合状态接口 - 最高优先级（cli-status.js 的 loadAllStatuses 使用）
-  window.preloadService.register('all-status',
-    () => fetch('/api/status/all').then(r => r.ok ? r.json() : Promise.reject(r)),
-    { isHighPriority: true, ttl: 300000 } // 5分钟
-  );
-
-  window.preloadService.register('dashboard-init',
-    () => fetch('/api/codexlens/dashboard-init').then(r => r.ok ? r.json() : Promise.reject(r)),
-    { isHighPriority: true, ttl: 300000 } // 5分钟
-  );
-
-  // workspace-status: NOT high priority - must wait for projectPath to be set via switchToPath()
-  // Will be triggered by codexlens-manager.js when the view loads
-  window.preloadService.register('workspace-status',
-    () => {
-      const path = encodeURIComponent(projectPath || '');
-      return fetch('/api/codexlens/workspace-status?path=' + path).then(r => r.ok ? r.json() : Promise.reject(r));
-    },
-    { isHighPriority: false, ttl: 120000 } // 2分钟
-  );
-
-  // CLI 状态 - 高优先级（备用，用于独立加载）
-  window.preloadService.register('cli-status',
-    () => fetch('/api/cli/status').then(r => r.ok ? r.json() : Promise.reject(r)),
-    { isHighPriority: true, ttl: 300000 } // 5分钟
-  );
-
-  // CLI 工具配置 - /api/cli/config（cli-manager.js 使用）
-  window.preloadService.register('cli-config',
-    () => fetch('/api/cli/config').then(r => r.ok ? r.json() : Promise.reject(r)),
-    { isHighPriority: true, ttl: 300000 } // 5分钟
-  );
-
-  // CLI 工具列表配置 - /api/cli/tools-config（cli-status.js 使用）
-  window.preloadService.register('cli-tools-config',
-    () => fetch('/api/cli/tools-config').then(r => r.ok ? r.json() : Promise.reject(r)),
-    { isHighPriority: true, ttl: 300000 } // 5分钟
-  );
-
-  // 注册中优先级数据源
-  window.preloadService.register('codexlens-models',
-    () => fetch('/api/codexlens/models').then(r => r.ok ? r.json() : Promise.reject(r)),
-    { isHighPriority: false, ttl: 600000 } // 10分钟
-  );
-
-  // 立即触发高优先级预加载（静默后台执行）
-  window.preloadService.runInitialPreload();
-
-  console.log('[Preload] Services initialized, high-priority preload started');
-}

package/ccw/src/templates/dashboard-js/services.js

@@ -1,289 +0,0 @@
-// ========================================
-// Services Module
-// ========================================
-// 核心服务类：缓存管理、事件管理、预加载服务
-
-// ========== CacheManager ==========
-/**
- * 基于 sessionStorage 的缓存管理器
- * 支持 TTL 过期机制
- */
-class CacheManager {
-  /**
-   * 创建缓存管理器实例
-   * @param {string} prefix - 缓存键前缀
-   * @param {Storage} storage - 存储对象（默认 sessionStorage）
-   */
-  constructor(prefix = 'ccw.cache.', storage = sessionStorage) {
-    this.prefix = prefix;
-    this.storage = storage;
-  }
-
-  /**
-   * 获取缓存数据
-   * @param {string} key - 缓存键
-   * @returns {*} 缓存数据，过期或不存在返回 null
-   */
-  get(key) {
-    try {
-      const fullKey = this.prefix + key;
-      const raw = this.storage.getItem(fullKey);
-      if (!raw) return null;
-
-      const cached = JSON.parse(raw);
-      // 检查是否过期
-      if (cached.timestamp && Date.now() > cached.timestamp) {
-        this.storage.removeItem(fullKey);
-        return null;
-      }
-
-      return cached.data;
-    } catch (e) {
-      console.error('[CacheManager] 获取缓存失败:', e);
-      return null;
-    }
-  }
-
-  /**
-   * 设置缓存数据
-   * @param {string} key - 缓存键
-   * @param {*} data - 要缓存的数据
-   * @param {number} ttl - 过期时间（毫秒），默认 3 分钟
-   */
-  set(key, data, ttl = 180000) {
-    try {
-      const fullKey = this.prefix + key;
-      const cached = {
-        data: data,
-        timestamp: Date.now() + ttl
-      };
-      this.storage.setItem(fullKey, JSON.stringify(cached));
-    } catch (e) {
-      console.error('[CacheManager] 设置缓存失败:', e);
-    }
-  }
-
-  /**
-   * 检查缓存是否有效
-   * @param {string} key - 缓存键
-   * @returns {boolean} 缓存是否存在且未过期
-   */
-  isValid(key) {
-    try {
-      const fullKey = this.prefix + key;
-      const raw = this.storage.getItem(fullKey);
-      if (!raw) return false;
-
-      const cached = JSON.parse(raw);
-      if (cached.timestamp && Date.now() > cached.timestamp) {
-        return false;
-      }
-      return true;
-    } catch (e) {
-      return false;
-    }
-  }
-
-  /**
-   * 使单个缓存失效
-   * @param {string} key - 缓存键
-   */
-  invalidate(key) {
-    try {
-      const fullKey = this.prefix + key;
-      this.storage.removeItem(fullKey);
-    } catch (e) {
-      console.error('[CacheManager] 使缓存失效失败:', e);
-    }
-  }
-
-  /**
-   * 清除所有带前缀的缓存
-   */
-  invalidateAll() {
-    try {
-      const keysToRemove = [];
-      for (let i = 0; i < this.storage.length; i++) {
-        const key = this.storage.key(i);
-        if (key && key.startsWith(this.prefix)) {
-          keysToRemove.push(key);
-        }
-      }
-      keysToRemove.forEach(key => this.storage.removeItem(key));
-    } catch (e) {
-      console.error('[CacheManager] 清除所有缓存失败:', e);
-    }
-  }
-}
-
-
-// ========== EventManager ==========
-/**
- * 简单的发布/订阅事件管理器
- */
-class EventManager {
-  /**
-   * 创建事件管理器实例
-   */
-  constructor() {
-    this.events = {};
-  }
-
-  /**
-   * 订阅事件
-   * @param {string} eventName - 事件名称
-   * @param {Function} fn - 回调函数
-   */
-  on(eventName, fn) {
-    if (!this.events[eventName]) {
-      this.events[eventName] = [];
-    }
-    this.events[eventName].push(fn);
-  }
-
-  /**
-   * 取消订阅事件
-   * @param {string} eventName - 事件名称
-   * @param {Function} fn - 要移除的回调函数
-   */
-  off(eventName, fn) {
-    if (!this.events[eventName]) return;
-    this.events[eventName] = this.events[eventName].filter(f => f !== fn);
-  }
-
-  /**
-   * 触发事件
-   * @param {string} eventName - 事件名称
-   * @param {*} data - 传递给回调的数据
-   */
-  emit(eventName, data) {
-    if (!this.events[eventName]) return;
-    this.events[eventName].forEach(fn => {
-      try {
-        fn(data);
-      } catch (e) {
-        console.error('[EventManager] 事件回调执行失败:', eventName, e);
-      }
-    });
-  }
-}
-
-
-// ========== PreloadService ==========
-/**
- * 预加载服务
- * 管理数据源注册和预加载，防止重复请求
- */
-class PreloadService {
-  /**
-   * 创建预加载服务实例
-   * @param {CacheManager} cacheManager - 缓存管理器实例
-   * @param {EventManager} eventManager - 事件管理器实例
-   */
-  constructor(cacheManager, eventManager) {
-    this.cacheManager = cacheManager;
-    this.eventManager = eventManager;
-    // 已注册的数据源
-    this.sources = new Map();
-    // 进行中的请求 Promise，防止重复请求
-    this.inFlight = new Map();
-  }
-
-  /**
-   * 注册数据源
-   * @param {string} key - 数据源标识
-   * @param {Function} fetchFn - 获取数据的异步函数
-   * @param {Object} options - 配置选项
-   * @param {boolean} options.isHighPriority - 是否高优先级（初始预加载）
-   * @param {number} options.ttl - 缓存 TTL（毫秒）
-   */
-  register(key, fetchFn, options = {}) {
-    this.sources.set(key, {
-      fetchFn: fetchFn,
-      isHighPriority: options.isHighPriority || false,
-      ttl: options.ttl || 180000
-    });
-  }
-
-  /**
-   * 预加载指定数据源
-   * @param {string} key - 数据源标识
-   * @param {Object} options - 预加载选项
-   * @param {boolean} options.force - 是否强制刷新（忽略缓存）
-   * @returns {Promise<*>} 预加载的数据
-   */
-  async preload(key, options = {}) {
-    const source = this.sources.get(key);
-    if (!source) {
-      console.warn('[PreloadService] 未找到数据源:', key);
-      return null;
-    }
-
-    // 检查缓存（非强制刷新时）
-    if (!options.force && this.cacheManager.isValid(key)) {
-      return this.cacheManager.get(key);
-    }
-
-    // 检查是否有进行中的请求
-    if (this.inFlight.has(key)) {
-      return this.inFlight.get(key);
-    }
-
-    // 创建新请求
-    const requestPromise = this._doFetch(key, source);
-    this.inFlight.set(key, requestPromise);
-
-    try {
-      const result = await requestPromise;
-      return result;
-    } finally {
-      // 请求完成后移除
-      this.inFlight.delete(key);
-    }
-  }
-
-  /**
-   * 执行实际的数据获取
-   * @private
-   */
-  async _doFetch(key, source) {
-    try {
-      const data = await source.fetchFn();
-      // 存入缓存
-      this.cacheManager.set(key, data, source.ttl);
-      // 发出更新事件
-      this.eventManager.emit('data:updated:' + key, data);
-      this.eventManager.emit('data:updated', { key: key, data: data });
-      return data;
-    } catch (e) {
-      console.error('[PreloadService] 预加载失败:', key, e);
-      // 发出错误事件
-      this.eventManager.emit('data:error:' + key, e);
-      throw e;
-    }
-  }
-
-  /**
-   * 运行所有高优先级预加载
-   * @returns {Promise<void>}
-   */
-  async runInitialPreload() {
-    const highPriorityKeys = [];
-    this.sources.forEach((source, key) => {
-      if (source.isHighPriority) {
-        highPriorityKeys.push(key);
-      }
-    });
-
-    // 并行执行所有高优先级预加载
-    await Promise.allSettled(
-      highPriorityKeys.map(key => this.preload(key))
-    );
-  }
-}
-
-
-// ========== 导出到 window ==========
-window.CacheManager = CacheManager;
-window.EventManager = EventManager;
-window.PreloadService = PreloadService;

package/ccw/src/templates/dashboard-js/state.js

@@ -1,245 +0,0 @@
-// ========================================
-// State Management
-// ========================================
-// Global state variables and template placeholders
-// This module must be loaded first as other modules depend on these variables
-
-// ========== Data Placeholders ==========
-// These placeholders are replaced by the dashboard generator at build time
-let workflowData = {{WORKFLOW_DATA}};
-let projectPath = '{{PROJECT_PATH}}';
-let recentPaths = {{RECENT_PATHS}};
-
-// Platform detection for cross-platform MCP command generation
-// 'win32' for Windows, 'darwin' for macOS, 'linux' for Linux
-const serverPlatform = '{{SERVER_PLATFORM}}';
-const isWindowsPlatform = serverPlatform === 'win32';
-
-// ========== Application State ==========
-// Current filter for session list view ('all', 'active', 'archived')
-let currentFilter = 'all';
-
-// Current lite task type ('lite-plan', 'lite-fix', or null)
-let currentLiteType = null;
-
-// Current view mode ('sessions', 'liteTasks', 'project-overview', 'sessionDetail', 'liteTaskDetail')
-let currentView = 'sessions';
-
-// Current session detail key (null when not in detail view)
-let currentSessionDetailKey = null;
-
-// ========== Data Stores ==========
-// Store session data for modal/detail access
-// Key: session key, Value: session data object
-const sessionDataStore = {};
-
-// Store lite task session data for detail page access
-// Key: session key, Value: lite session data object
-const liteTaskDataStore = {};
-window.liteTaskDataStore = liteTaskDataStore;
-
-// Store task JSON data in a global map instead of inline script tags
-// Key: unique task ID, Value: raw task JSON data
-const taskJsonStore = {};
-window.taskJsonStore = taskJsonStore;
-
-// ========== Global Notification Queue ==========
-// Notification queue visible from any view (persisted to localStorage)
-const NOTIFICATION_STORAGE_KEY = 'ccw_notifications';
-const NOTIFICATION_MAX_STORED = 100;
-
-// Load notifications from localStorage on init
-let globalNotificationQueue = loadNotificationsFromStorage();
-let isNotificationPanelVisible = false;
-
-/**
- * Load notifications from localStorage
- * @returns {Array} Notification array
- */
-function loadNotificationsFromStorage() {
-  try {
-    const stored = localStorage.getItem(NOTIFICATION_STORAGE_KEY);
-    if (stored) {
-      const parsed = JSON.parse(stored);
-      // Filter out notifications older than 7 days
-      const sevenDaysAgo = Date.now() - (7 * 24 * 60 * 60 * 1000);
-      return parsed.filter(n => new Date(n.timestamp).getTime() > sevenDaysAgo);
-    }
-  } catch (e) {
-    console.error('[Notifications] Failed to load from storage:', e);
-  }
-  return [];
-}
-
-/**
- * Save notifications to localStorage
- */
-function saveNotificationsToStorage() {
-  try {
-    // Keep only the last N notifications
-    const toSave = globalNotificationQueue.slice(0, NOTIFICATION_MAX_STORED);
-    localStorage.setItem(NOTIFICATION_STORAGE_KEY, JSON.stringify(toSave));
-  } catch (e) {
-    console.error('[Notifications] Failed to save to storage:', e);
-  }
-}
-// ========== Event Handler ==========
-/**
- * Handle granular workflow events from CLI
- * @param {Object} event - Event object with type, sessionId, payload
- */
-function handleWorkflowEvent(event) {
-  const { type, payload, sessionId, entityId } = event;
-
-  switch(type) {
-    case 'SESSION_CREATED':
-      // Add to activeSessions array
-      if (payload) {
-        const sessionData = {
-          session_id: sessionId,
-          ...(payload.metadata || { status: 'planning', created_at: new Date().toISOString() }),
-          location: 'active'
-        };
-
-        // Add to store
-        const key = `session-${sessionId}`.replace(/[^a-zA-Z0-9-]/g, '-');
-        sessionDataStore[key] = sessionData;
-
-        // Add to workflowData
-        if (!workflowData.activeSessions) workflowData.activeSessions = [];
-        workflowData.activeSessions.push(sessionData);
-      }
-      break;
-
-    case 'SESSION_ARCHIVED':
-      // Move from active to archived
-      if (!workflowData.activeSessions) workflowData.activeSessions = [];
-      if (!workflowData.archivedSessions) workflowData.archivedSessions = [];
-
-      const activeIndex = workflowData.activeSessions.findIndex(s => s.session_id === sessionId);
-      if (activeIndex !== -1) {
-        const session = workflowData.activeSessions.splice(activeIndex, 1)[0];
-        session.location = 'archived';
-        if (payload && payload.metadata) {
-          Object.assign(session, payload.metadata);
-        }
-        workflowData.archivedSessions.push(session);
-
-        // Update store
-        const key = `session-${sessionId}`.replace(/[^a-zA-Z0-9-]/g, '-');
-        sessionDataStore[key] = session;
-      }
-      break;
-
-    case 'TASK_UPDATED':
-      // Find task in session and merge payload
-      const taskSessionKey = `session-${sessionId}`.replace(/[^a-zA-Z0-9-]/g, '-');
-      const taskSession = sessionDataStore[taskSessionKey];
-      if (taskSession && taskSession.tasks) {
-        const task = taskSession.tasks.find(t => t.task_id === entityId);
-        if (task && payload) {
-          Object.assign(task, payload);
-        }
-      }
-      break;
-
-    case 'SESSION_UPDATED':
-      // Update session metadata
-      const sessionKey = `session-${sessionId}`.replace(/[^a-zA-Z0-9-]/g, '-');
-      const session = sessionDataStore[sessionKey];
-      if (session && payload) {
-        Object.assign(session, payload);
-
-        // Update in workflowData arrays
-        const activeSession = workflowData.activeSessions?.find(s => s.session_id === sessionId);
-        const archivedSession = workflowData.archivedSessions?.find(s => s.session_id === sessionId);
-        if (activeSession) Object.assign(activeSession, payload);
-        if (archivedSession) Object.assign(archivedSession, payload);
-      }
-      break;
-
-    case 'TASK_CREATED':
-      // Add new task to session
-      const tcSessionKey = `session-${sessionId}`.replace(/[^a-zA-Z0-9-]/g, '-');
-      const tcSession = sessionDataStore[tcSessionKey];
-      if (tcSession) {
-        if (!tcSession.tasks) tcSession.tasks = [];
-        // Check if task already exists (by entityId or task_id in payload)
-        const taskId = entityId || (payload && payload.task_id);
-        const existingTask = tcSession.tasks.find(t => t.task_id === taskId);
-        if (!existingTask && payload) {
-          tcSession.tasks.push(payload);
-        }
-      }
-      break;
-
-    case 'SUMMARY_WRITTEN':
-      // Update session summary count or mark task as having summary
-      const swSessionKey = `session-${sessionId}`.replace(/[^a-zA-Z0-9-]/g, '-');
-      const swSession = sessionDataStore[swSessionKey];
-      if (swSession) {
-        if (!swSession.summaries) swSession.summaries = [];
-        swSession.summaries.push({ task_id: entityId, content: payload });
-        // Update task status if found
-        if (swSession.tasks && entityId) {
-          const task = swSession.tasks.find(t => t.task_id === entityId);
-          if (task) task.has_summary = true;
-        }
-      }
-      break;
-
-    case 'PLAN_UPDATED':
-      // Update session plan reference
-      const puSessionKey = `session-${sessionId}`.replace(/[^a-zA-Z0-9-]/g, '-');
-      const puSession = sessionDataStore[puSessionKey];
-      if (puSession) {
-        puSession.has_plan = true;
-        puSession.plan_updated_at = new Date().toISOString();
-      }
-      break;
-
-    case 'REVIEW_UPDATED':
-      // Update session review data
-      const ruSessionKey = `session-${sessionId}`.replace(/[^a-zA-Z0-9-]/g, '-');
-      const ruSession = sessionDataStore[ruSessionKey];
-      if (ruSession) {
-        if (!ruSession.review) ruSession.review = { dimensions: [], iterations: [], fixes: [] };
-        // Track review updates by type based on entityId pattern (prevent duplicates)
-        if (event.contentType === 'review-dim') {
-          if (!ruSession.review.dimensions.includes(entityId)) ruSession.review.dimensions.push(entityId);
-        } else if (event.contentType === 'review-iter') {
-          if (!ruSession.review.iterations.includes(entityId)) ruSession.review.iterations.push(entityId);
-        } else if (event.contentType === 'review-fix') {
-          if (!ruSession.review.fixes.includes(entityId)) ruSession.review.fixes.push(entityId);
-        }
-        ruSession.has_review = true;
-      }
-      break;
-
-    case 'CONTENT_WRITTEN':
-      // Generic content write - just log for debugging
-      console.log(`[State] Content written: ${event.contentType} for ${sessionId}`);
-      break;
-
-    case 'FILE_DELETED':
-      // File deleted from session - log and trigger refresh
-      console.log(`[State] File deleted: ${payload?.file_path || payload?.deleted} from ${sessionId}`);
-      break;
-
-    case 'DIRECTORY_CREATED':
-      // Directory created in session - log and trigger refresh
-      console.log(`[State] Directory created: ${payload?.directories?.join(', ') || 'unknown'} in ${sessionId}`);
-      break;
-  }
-
-  // Trigger UI updates
-  if (typeof updateStats === 'function') updateStats();
-  if (typeof updateBadges === 'function') updateBadges();
-  if (typeof updateCarousel === 'function') updateCarousel();
-  if (typeof refreshTaskQueue === 'function') refreshTaskQueue();
-
-  // Re-render current view if needed
-  if (currentView === 'sessions' && typeof renderSessions === 'function') {
-    renderSessions();
-  }
-}