feat(dashboard): complete icon unification across all views

- Update home.js: inbox, calendar, list-checks icons
- Update project-overview.js: code-2, blocks, component, git-branch, sparkles, bug, wrench, book-open icons
- Update session-detail.js: list-checks, package, file-text, ruler, scale, search icons for tabs
- Update lite-tasks.js: zap, file-edit, wrench, calendar, list-checks, ruler, package, file-text icons
- Update mcp-manager.js: plug, building-2, user, map-pin, check-circle, x-circle, circle-dashed, lock icons
- Update hook-manager.js: webhook, pencil, trash-2, clock, check-circle, bell, octagon-x icons
- Add getHookEventIconLucide() helper function
- Initialize Lucide icons after dynamic content rendering

All emoji icons replaced with consistent Lucide SVG icons

Author: catlog22

ccw/src/core/server.js

@@ -1810,54 +1810,109 @@ async function getFileContent(filePath) {
 }
 
 /**
- * Trigger update-module-claude tool
+ * Trigger update-module-claude tool (async execution)
  * @param {string} targetPath - Directory path to update
  * @param {string} tool - CLI tool to use (gemini, qwen, codex)
  * @param {string} strategy - Update strategy (single-layer, multi-layer)
  * @returns {Promise<Object>}
  */
 async function triggerUpdateClaudeMd(targetPath, tool, strategy) {
-  const { execSync } = await import('child_process');
+  const { spawn } = await import('child_process');
 
-  try {
-    // Normalize path
-    let normalizedPath = targetPath.replace(/\\/g, '/');
-    if (normalizedPath.match(/^\/[a-zA-Z]\//)) {
-      normalizedPath = normalizedPath.charAt(1).toUpperCase() + ':' + normalizedPath.slice(2);
-    }
+  // Normalize path
+  let normalizedPath = targetPath.replace(/\\/g, '/');
+  if (normalizedPath.match(/^\/[a-zA-Z]\//)) {
+    normalizedPath = normalizedPath.charAt(1).toUpperCase() + ':' + normalizedPath.slice(2);
+  }
+  
+  if (!existsSync(normalizedPath)) {
+    return { error: 'Directory not found' };
+  }
+  
+  if (!statSync(normalizedPath).isDirectory()) {
+    return { error: 'Not a directory' };
+  }
+  
+  // Build ccw tool command with JSON parameters
+  const params = JSON.stringify({
+    strategy,
+    path: normalizedPath,
+    tool
+  });
+  
+  console.log(`[Explorer] Running async: ccw tool exec update_module_claude with ${tool} (${strategy})`);
+  
+  return new Promise((resolve) => {
+    const isWindows = process.platform === 'win32';
 
-    if (!existsSync(normalizedPath)) {
-      return { error: 'Directory not found' };
-    }
+    // Spawn the process
+    const child = spawn('ccw', ['tool', 'exec', 'update_module_claude', params], {
+      cwd: normalizedPath,
+      shell: isWindows,
+      stdio: ['ignore', 'pipe', 'pipe']
+    });
 
-    if (!statSync(normalizedPath).isDirectory()) {
-      return { error: 'Not a directory' };
-    }
+    let stdout = '';
+    let stderr = '';
 
-    // Build ccw tool command
-    const ccwBin = join(import.meta.dirname, '../../bin/ccw.js');
-    const command = `node "${ccwBin}" tool update_module_claude --strategy="${strategy}" --path="${normalizedPath}" --tool="${tool}"`;
+    child.stdout.on('data', (data) => {
+      stdout += data.toString();
+    });
 
-    console.log(`[Explorer] Running: ${command}`);
+    child.stderr.on('data', (data) => {
+      stderr += data.toString();
+    });
 
-    const output = execSync(command, {
-      encoding: 'utf8',
-      timeout: 300000, // 5 minutes
-      cwd: normalizedPath
+    child.on('close', (code) => {
+      if (code === 0) {
+        // Parse the JSON output from the tool
+        let result;
+        try {
+          result = JSON.parse(stdout);
+        } catch {
+          result = { output: stdout };
+        }
+        
+        if (result.success === false || result.error) {
+          resolve({
+            success: false,
+            error: result.error || result.message || 'Update failed',
+            output: stdout
+          });
+        } else {
+          resolve({
+            success: true,
+            message: result.message || `CLAUDE.md updated successfully using ${tool} (${strategy})`,
+            output: stdout,
+            path: normalizedPath
+          });
+        }
+      } else {
+        resolve({
+          success: false,
+          error: stderr || `Process exited with code ${code}`,
+          output: stdout + stderr
+        });
+      }
     });
 
-    return {
-      success: true,
-      message: `CLAUDE.md updated successfully using ${tool} (${strategy})`,
-      output,
-      path: normalizedPath
-    };
-  } catch (error) {
-    console.error('Error updating CLAUDE.md:', error);
-    return {
-      success: false,
-      error: error.message,
-      output: error.stdout || error.stderr || ''
-    };
-  }
+    child.on('error', (error) => {
+      console.error('Error spawning process:', error);
+      resolve({
+        success: false,
+        error: error.message,
+        output: ''
+      });
+    });
+    
+    // Timeout after 5 minutes
+    setTimeout(() => {
+      child.kill();
+      resolve({
+        success: false,
+        error: 'Timeout: Process took longer than 5 minutes',
+        output: stdout
+      });
+    }, 300000);
+  });
 }

ccw/src/templates/dashboard-css/09-explorer.css

@@ -847,11 +847,55 @@
   color: hsl(var(--foreground));
 }
 
-.task-queue-actions {
+/* Task Queue Toolbar */
+.task-queue-toolbar {
   display: flex;
-  gap: 8px;
-  padding: 10px 16px;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 12px;
   border-bottom: 1px solid hsl(var(--border));
+  gap: 8px;
+}
+
+/* CLI Selector */
+.queue-cli-selector {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.queue-cli-selector label {
+  font-size: 12px;
+  font-weight: 500;
+  color: hsl(var(--muted-foreground));
+}
+
+.queue-cli-selector select {
+  padding: 5px 8px;
+  border: 1px solid hsl(var(--border));
+  background: hsl(var(--background));
+  color: hsl(var(--foreground));
+  border-radius: 6px;
+  font-size: 12px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.15s ease;
+  min-width: 100px;
+}
+
+.queue-cli-selector select:hover {
+  border-color: hsl(var(--primary));
+}
+
+.queue-cli-selector select:focus {
+  outline: none;
+  border-color: hsl(var(--primary));
+  box-shadow: 0 0 0 2px hsl(var(--primary) / 0.2);
+}
+
+.task-queue-actions {
+  display: flex;
+  gap: 4px;
 }
 
 .queue-action-btn {

ccw/src/templates/dashboard-js/components/hook-manager.js

@@ -271,3 +271,13 @@ function getHookEventIcon(event) {
   };
   return icons[event] || '🪝';
 }
+
+function getHookEventIconLucide(event) {
+  const icons = {
+    'PreToolUse': '<i data-lucide="clock" class="w-5 h-5"></i>',
+    'PostToolUse': '<i data-lucide="check-circle" class="w-5 h-5"></i>',
+    'Notification': '<i data-lucide="bell" class="w-5 h-5"></i>',
+    'Stop': '<i data-lucide="octagon-x" class="w-5 h-5"></i>'
+  };
+  return icons[event] || '<i data-lucide="webhook" class="w-5 h-5"></i>';
+}