@kosinal/claude-code-dashboard 0.0.2 → 0.0.4

package/dist/bin.js

@@ -13,6 +13,7 @@ var MARKER_QUICK = "__claude_code_dashboard_quick__";
 var MARKER_INSTALL = "__claude_code_dashboard_install__";
 var MARKER_LEGACY = "__claude_code_dashboard__";
 var HOOK_EVENTS = ["SessionStart", "UserPromptSubmit", "Stop", "SessionEnd"];
+var INTERACTIVE_TOOLS_MATCHER = "ExitPlanMode|AskUserQuestion";
 function getConfigDir(configDir) {
   return configDir ?? path.join(os.homedir(), ".claude");
 }
@@ -54,7 +55,7 @@ function backupSettings(configDir) {
 }
 function removeHooksByMarkers(settings, markers) {
   if (!settings.hooks) return;
-  for (const event of HOOK_EVENTS) {
+  for (const event of Object.keys(settings.hooks)) {
     const groups = settings.hooks[event];
     if (!groups) continue;
     const filtered = [];
@@ -83,11 +84,11 @@ function installHooks(port, configDir) {
   if (!settings.hooks) {
     settings.hooks = {};
   }
+  const command = process.platform === "win32" ? `powershell -NoProfile -Command "$input | Invoke-WebRequest -Uri http://localhost:${port}/api/hook -Method POST -ContentType 'application/json' -ErrorAction SilentlyContinue | Out-Null"` : `curl -s -X POST -H "Content-Type: application/json" -d @- http://localhost:${port}/api/hook > /dev/null 2>&1`;
   for (const event of HOOK_EVENTS) {
     if (!settings.hooks[event]) {
       settings.hooks[event] = [];
     }
-    const command = process.platform === "win32" ? `powershell -NoProfile -Command "$input | Invoke-WebRequest -Uri http://localhost:${port}/api/hook -Method POST -ContentType 'application/json' -ErrorAction SilentlyContinue | Out-Null"` : `curl -s -X POST -H "Content-Type: application/json" -d @- http://localhost:${port}/api/hook > /dev/null 2>&1`;
     settings.hooks[event].push({
       hooks: [
         {
@@ -99,6 +100,20 @@ function installHooks(port, configDir) {
       ]
     });
   }
+  if (!settings.hooks.PreToolUse) {
+    settings.hooks.PreToolUse = [];
+  }
+  settings.hooks.PreToolUse.push({
+    matcher: INTERACTIVE_TOOLS_MATCHER,
+    hooks: [
+      {
+        type: "command",
+        command,
+        async: true,
+        statusMessage: MARKER_QUICK
+      }
+    ]
+  });
   writeSettings(settings, configDir);
 }
 function installHooksWithCommand(command, configDir) {
@@ -123,6 +138,20 @@ function installHooksWithCommand(command, configDir) {
       ]
     });
   }
+  if (!settings.hooks.PreToolUse) {
+    settings.hooks.PreToolUse = [];
+  }
+  settings.hooks.PreToolUse.push({
+    matcher: INTERACTIVE_TOOLS_MATCHER,
+    hooks: [
+      {
+        type: "command",
+        command,
+        async: true,
+        statusMessage: MARKER_INSTALL
+      }
+    ]
+  });
   writeSettings(settings, configDir);
 }
 function removeHooks(configDir, mode) {
@@ -1333,9 +1362,10 @@ data: ${initData}
 
 // src/state.ts
 var EVENT_TO_STATUS = {
-  SessionStart: "waiting",
+  SessionStart: "done",
   UserPromptSubmit: "running",
-  Stop: "waiting"
+  Stop: "done",
+  PreToolUse: "waiting"
 };
 function createStore() {
   const sessions = /* @__PURE__ */ new Map();
@@ -1662,11 +1692,11 @@ function startDashboard(port, noHooks, noOpen) {
     }
     throw err;
   });
-  if (!noHooks) {
-    installHooks(port);
-  }
-  writeLockFile(port);
   dashboard.listen(port, () => {
+    if (!noHooks) {
+      installHooks(port);
+    }
+    writeLockFile(port);
     const url = `http://localhost:${port}`;
     console.log(`Dashboard running at ${url}`);
     if (!noHooks) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kosinal/claude-code-dashboard",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "type": "module",
   "description": "Real-time browser dashboard for Claude Code session states",
   "bin": {