hotsheet 0.10.4 → 0.11.0

package/README.md

@@ -107,20 +107,21 @@ The loop stays tight because the AI always knows what to work on next.
 **Also includes:**
 - **Tags** — free-form tags on tickets, with autocomplete and a batch tag dialog for multi-select
 - **Custom views** — create filtered views with an interactive query builder (field + operator + value conditions, AND/OR logic)
-- **Five priority levels** — Highest to Lowest, sortable and filterable
+- **Five priority levels** — Highest to Lowest, with Lucide chevron icons, sortable and filterable
 - **Up Next flag** — star tickets to add them to the AI worklist
-- **Drag and drop** — drag tickets onto sidebar views to change category, priority, or status; reorder custom views
-- **Right-click context menus** — full context menu on tickets with category/priority/status submenus, tags, duplicate, delete
+- **Drag and drop** — drag tickets onto sidebar views to change category, priority, or status; drop files onto the detail panel to attach; reorder custom views
+- **Right-click context menus** — full context menu on tickets with category/priority/status submenus, tags, duplicate, backlog, archive, delete — all with Lucide icons
 - **Search** — full-text search across ticket titles, details, and ticket numbers
 - **Print** — print the dashboard, all tickets, selected tickets, or individual tickets in checklist, summary, or full-detail format
 - **Keyboard-driven** — `Enter` to create, `Cmd+I/B/F/R/K/G` for categories, `Alt+1-5` for priority, `Cmd+D` for Up Next, `Delete` to trash, `Cmd+P` to print, `Cmd+Z/Shift+Z` for undo/redo
 - **Undo/redo** — `Cmd+Z` and `Cmd+Shift+Z` for all operations including notes, batch changes, and deletions
 - **Animated transitions** — smooth FLIP animations when tickets reorder after property changes
 - **Copy for commits** — `Cmd+C` copies selected ticket info (number + title + details + notes) for use in commit messages
-- **File attachments** — attach files to any ticket, reveal in file manager
+- **File attachments** — attach files via file picker or drag-and-drop onto the detail panel, reveal in file manager
 - **Markdown sync** — `worklist.md` and `open-tickets.md` auto-generated on every change
 - **Automatic backups** — tiered snapshots (every 5 min, hourly, daily) with preview-before-restore recovery
 - **Auto-cleanup** — configurable auto-deletion of old trash and verified items
+- **App icon variants** — 9 icon variants to choose from in Settings, applied instantly to the dock icon
 - **Fully local** — embedded PostgreSQL (PGLite), no network calls, no accounts, no telemetry
 
 ---
@@ -156,9 +157,12 @@ Hot Sheet automatically generates skill files for Claude Code (as well as Cursor
 Hot Sheet can push events directly to a running Claude Code session via MCP channels. Enable it in Settings → Experimental (the tab only appears when Claude Code is detected on your system):
 
 - **Play button** — appears in the sidebar. Single-click sends the worklist to Claude on demand.
-- **Auto mode** — double-click the play button to enable automatic mode. When you star a ticket for Up Next, Claude is notified after a 5-second debounce and picks up the work automatically.
-- **Custom commands** — create named buttons that send custom prompts to Claude. For example, a "Commit Changes" button that tells Claude to generate a commit message from recently completed tickets and commit. Configure in Settings → Experimental → Custom Commands.
-- **Status indicator** — shows "Claude working" / "Claude idle" in the footer.
+- **Auto mode** — double-click the play button to enable automatic mode. When you star a ticket for Up Next, Claude is notified after a 5-second debounce and picks up the work automatically. Exponential backoff prevents runaway retries.
+- **Auto-prioritize** — when no tickets are flagged as Up Next, Claude automatically evaluates open tickets and picks the most important ones to work on.
+- **Custom commands** — create named buttons that send custom prompts to Claude **or run shell commands** directly. Toggle between "Claude Code" and "Shell" targets per command. Shell commands execute server-side with stdout/stderr captured to the commands log.
+- **Permission relay** — when Claude needs tool approval (Bash, Edit, etc.), a full-screen overlay shows the tool name and command preview with Allow/Deny/Dismiss buttons — no need to switch to the terminal.
+- **Commands log** — a resizable bottom panel that records all communication: triggers, completions, permission requests, and shell command output. Filter by type, search, and copy entries. Shell commands show a stop button for running processes.
+- **Status indicator** — shows "Claude working" / "Shell running" / idle in the footer.
 
 Requires Claude Code v2.1.80+ with channel support. See [docs/12-claude-channel.md](docs/12-claude-channel.md) for setup details.
 
@@ -293,7 +297,10 @@ hotsheet --browser
 |------|-------------|
 | `--port <number>` | Port to run on (default: 4174) |
 | `--data-dir <path>` | Data directory (default: `.hotsheet/`) |
+| `--no-open` | Don't open the browser on startup |
+| `--strict-port` | Fail if the requested port is in use |
 | `--browser` | Open in browser instead of desktop window |
+| `--check-for-updates` | Check for new versions |
 | `--help` | Show help |
 
 ### Settings file
@@ -311,8 +318,9 @@ Create `.hotsheet/settings.json` to configure per-project options:
 |-----|-------------|
 | `appName` | Custom window title (defaults to the project folder name) |
 | `backupDir` | Backup storage path (defaults to `.hotsheet/backups/`) |
+| `appIcon` | Icon variant (`default`, `variant-1` through `variant-9`) |
 
-Both settings can also be changed from the settings panel UI.
+All settings can also be changed from the settings panel UI.
 
 ### Keyboard shortcuts
 
@@ -360,10 +368,16 @@ npm install
 
 npm run dev              # Build client assets, then run via tsx
 npm run build            # Build to dist/cli.js
+npm test                 # Unit tests with coverage (446 tests)
+npm run test:e2e         # E2E browser tests (55 tests)
+npm run test:all         # Merged coverage report (unit + E2E)
+npm run lint             # ESLint
 npm run clean            # Remove dist and caches
 npm link                 # Symlink for global 'hotsheet' command
 ```
 
+The project has comprehensive test coverage with 446 unit tests (vitest) and 55 Playwright E2E browser tests, plus 12 smoke tests for production install verification.
+
 ---
 
 ## See Also

package/dist/cli.js

@@ -74,10 +74,10 @@ async function initSchema(db2) {
       priority TEXT NOT NULL DEFAULT 'default',
       status TEXT NOT NULL DEFAULT 'not_started',
       up_next BOOLEAN NOT NULL DEFAULT FALSE,
-      created_at TIMESTAMP NOT NULL DEFAULT NOW(),
-      updated_at TIMESTAMP NOT NULL DEFAULT NOW(),
-      completed_at TIMESTAMP,
-      deleted_at TIMESTAMP
+      created_at TIMESTAMPTZ NOT NULL DEFAULT NOW(),
+      updated_at TIMESTAMPTZ NOT NULL DEFAULT NOW(),
+      completed_at TIMESTAMPTZ,
+      deleted_at TIMESTAMPTZ
     );
 
     CREATE TABLE IF NOT EXISTS attachments (
@@ -85,7 +85,7 @@ async function initSchema(db2) {
       ticket_id INTEGER NOT NULL REFERENCES tickets(id) ON DELETE CASCADE,
       original_filename TEXT NOT NULL,
       stored_path TEXT NOT NULL,
-      created_at TIMESTAMP NOT NULL DEFAULT NOW()
+      created_at TIMESTAMPTZ NOT NULL DEFAULT NOW()
     );
 
     CREATE INDEX IF NOT EXISTS idx_attachments_ticket ON attachments(ticket_id);
@@ -110,9 +110,29 @@ async function initSchema(db2) {
       data TEXT NOT NULL DEFAULT '{}'
     );
   `);
+  await db2.exec(`
+    CREATE TABLE IF NOT EXISTS command_log (
+      id SERIAL PRIMARY KEY,
+      event_type TEXT NOT NULL,
+      direction TEXT NOT NULL DEFAULT 'system',
+      summary TEXT NOT NULL DEFAULT '',
+      detail TEXT NOT NULL DEFAULT '',
+      created_at TIMESTAMPTZ NOT NULL DEFAULT NOW()
+    );
+    CREATE INDEX IF NOT EXISTS idx_command_log_created ON command_log(created_at);
+  `);
+  await db2.exec(`
+    ALTER TABLE tickets ALTER COLUMN created_at TYPE TIMESTAMPTZ;
+    ALTER TABLE tickets ALTER COLUMN updated_at TYPE TIMESTAMPTZ;
+    ALTER TABLE tickets ALTER COLUMN completed_at TYPE TIMESTAMPTZ;
+    ALTER TABLE tickets ALTER COLUMN deleted_at TYPE TIMESTAMPTZ;
+    ALTER TABLE attachments ALTER COLUMN created_at TYPE TIMESTAMPTZ;
+    ALTER TABLE command_log ALTER COLUMN created_at TYPE TIMESTAMPTZ;
+  `).catch(() => {
+  });
   await db2.exec(`
     ALTER TABLE tickets ADD COLUMN IF NOT EXISTS notes TEXT NOT NULL DEFAULT '';
-    ALTER TABLE tickets ADD COLUMN IF NOT EXISTS verified_at TIMESTAMP;
+    ALTER TABLE tickets ADD COLUMN IF NOT EXISTS verified_at TIMESTAMPTZ;
     ALTER TABLE tickets ADD COLUMN IF NOT EXISTS tags TEXT NOT NULL DEFAULT '[]';
   `).catch(() => {
   });
@@ -184,6 +204,108 @@ var init_file_settings = __esm({
   }
 });
 
+// src/db/commandLog.ts
+var commandLog_exports = {};
+__export(commandLog_exports, {
+  addLogEntry: () => addLogEntry,
+  clearLog: () => clearLog,
+  getLogCount: () => getLogCount,
+  getLogEntries: () => getLogEntries,
+  pruneLog: () => pruneLog,
+  updateLogEntry: () => updateLogEntry
+});
+async function addLogEntry(eventType, direction, summary, detail) {
+  const db2 = await getDb();
+  const result = await db2.query(
+    `INSERT INTO command_log (event_type, direction, summary, detail) VALUES ($1, $2, $3, $4) RETURNING *`,
+    [eventType, direction, summary, detail]
+  );
+  return result.rows[0];
+}
+async function getLogEntries(options) {
+  const db2 = await getDb();
+  const conditions = [];
+  const params = [];
+  let paramIdx = 1;
+  if (options?.eventType !== void 0 && options.eventType !== "") {
+    conditions.push(`event_type = $${paramIdx++}`);
+    params.push(options.eventType);
+  }
+  if (options?.search !== void 0 && options.search !== "") {
+    conditions.push(`(summary ILIKE $${paramIdx} OR detail ILIKE $${paramIdx})`);
+    params.push(`%${options.search}%`);
+    paramIdx++;
+  }
+  const where = conditions.length > 0 ? `WHERE ${conditions.join(" AND ")}` : "";
+  const limit = options?.limit ?? 100;
+  const offset = options?.offset ?? 0;
+  const result = await db2.query(
+    `SELECT id, event_type, direction, summary, detail, created_at
+     FROM command_log ${where}
+     ORDER BY created_at DESC, id DESC
+     LIMIT $${paramIdx++} OFFSET $${paramIdx}`,
+    [...params, limit, offset]
+  );
+  return result.rows;
+}
+async function getLogCount(options) {
+  const db2 = await getDb();
+  const conditions = [];
+  const params = [];
+  let paramIdx = 1;
+  if (options?.eventType !== void 0 && options.eventType !== "") {
+    conditions.push(`event_type = $${paramIdx++}`);
+    params.push(options.eventType);
+  }
+  if (options?.search !== void 0 && options.search !== "") {
+    conditions.push(`(summary ILIKE $${paramIdx} OR detail ILIKE $${paramIdx})`);
+    params.push(`%${options.search}%`);
+    paramIdx++;
+  }
+  const where = conditions.length > 0 ? `WHERE ${conditions.join(" AND ")}` : "";
+  const result = await db2.query(
+    `SELECT COUNT(*) as count FROM command_log ${where}`,
+    params
+  );
+  return parseInt(result.rows[0].count, 10);
+}
+async function updateLogEntry(id, updates) {
+  const db2 = await getDb();
+  const sets = [];
+  const params = [];
+  let paramIdx = 1;
+  if (updates.summary !== void 0) {
+    sets.push(`summary = $${paramIdx++}`);
+    params.push(updates.summary);
+  }
+  if (updates.detail !== void 0) {
+    sets.push(`detail = $${paramIdx++}`);
+    params.push(updates.detail);
+  }
+  if (sets.length === 0) return;
+  params.push(id);
+  await db2.query(`UPDATE command_log SET ${sets.join(", ")} WHERE id = $${paramIdx}`, params);
+}
+async function clearLog() {
+  const db2 = await getDb();
+  await db2.query(`DELETE FROM command_log`);
+}
+async function pruneLog(maxEntries = 1e3) {
+  const db2 = await getDb();
+  await db2.query(
+    `DELETE FROM command_log WHERE id NOT IN (
+      SELECT id FROM command_log ORDER BY created_at DESC, id DESC LIMIT $1
+    )`,
+    [maxEntries]
+  );
+}
+var init_commandLog = __esm({
+  "src/db/commandLog.ts"() {
+    "use strict";
+    init_connection();
+  }
+});
+
 // src/db/stats.ts
 var stats_exports = {};
 __export(stats_exports, {
@@ -441,6 +563,36 @@ var init_gitignore = __esm({
   }
 });
 
+// src/routes/notify.ts
+var notify_exports = {};
+__export(notify_exports, {
+  addPollWaiter: () => addPollWaiter,
+  getChangeVersion: () => getChangeVersion,
+  notifyChange: () => notifyChange
+});
+function notifyChange() {
+  changeVersion++;
+  const waiters = pollWaiters;
+  pollWaiters = [];
+  for (const resolve5 of waiters) {
+    resolve5(changeVersion);
+  }
+}
+function getChangeVersion() {
+  return changeVersion;
+}
+function addPollWaiter(resolve5) {
+  pollWaiters.push(resolve5);
+}
+var changeVersion, pollWaiters;
+var init_notify = __esm({
+  "src/routes/notify.ts"() {
+    "use strict";
+    changeVersion = 0;
+    pollWaiters = [];
+  }
+});
+
 // src/channel-config.ts
 var channel_config_exports = {};
 __export(channel_config_exports, {
@@ -788,6 +940,9 @@ async function deleteAttachment(id) {
   return result.rows[0] ?? null;
 }
 
+// src/db/queries.ts
+init_commandLog();
+
 // src/db/notes.ts
 init_connection();
 var noteCounter = 0;
@@ -2404,12 +2559,12 @@ init_file_settings();
 import { serve } from "@hono/node-server";
 import { execFile } from "child_process";
 import { existsSync as existsSync8, readFileSync as readFileSync7 } from "fs";
-import { Hono as Hono9 } from "hono";
+import { Hono as Hono11 } from "hono";
 import { dirname as dirname3, join as join11 } from "path";
 import { fileURLToPath as fileURLToPath2 } from "url";
 
 // src/routes/api.ts
-import { Hono as Hono6 } from "hono";
+import { Hono as Hono8 } from "hono";
 
 // src/routes/attachments.ts
 import { existsSync as existsSync5, mkdirSync as mkdirSync3, rmSync as rmSync5 } from "fs";
@@ -2652,25 +2807,8 @@ async function syncOpenTickets() {
   }
 }
 
-// src/routes/notify.ts
-var changeVersion = 0;
-var pollWaiters = [];
-function notifyChange() {
-  changeVersion++;
-  const waiters = pollWaiters;
-  pollWaiters = [];
-  for (const resolve5 of waiters) {
-    resolve5(changeVersion);
-  }
-}
-function getChangeVersion() {
-  return changeVersion;
-}
-function addPollWaiter(resolve5) {
-  pollWaiters.push(resolve5);
-}
-
 // src/routes/attachments.ts
+init_notify();
 var attachmentRoutes = new Hono();
 attachmentRoutes.post("/tickets/:id/attachments", async (c) => {
   const id = parseInt(c.req.param("id"), 10);
@@ -2758,8 +2896,10 @@ attachmentRoutes.get("/attachments/file/*", async (c) => {
 
 // src/routes/channel.ts
 import { Hono as Hono2 } from "hono";
+init_notify();
 var channelRoutes = new Hono2();
 var channelDoneFlag = false;
+var loggedPermissionRequests = /* @__PURE__ */ new Map();
 channelRoutes.get("/channel/claude-check", async (c) => {
   const { execFileSync } = await import("child_process");
   try {
@@ -2790,7 +2930,11 @@ channelRoutes.post("/channel/trigger", async (c) => {
   const serverPort = parseInt(new URL(c.req.url).port || "4174", 10);
   const body = await c.req.json().catch(() => ({ message: void 0 }));
   channelDoneFlag = false;
+  loggedPermissionRequests.clear();
   const ok = await triggerChannel2(dataDir2, serverPort, body.message);
+  const summary = body.message !== void 0 && body.message !== "" ? body.message.slice(0, 200) : "Worklist trigger";
+  addLogEntry("trigger", "outgoing", summary, body.message ?? "").catch(() => {
+  });
   return c.json({ ok });
 });
 channelRoutes.get("/channel/permission", async (c) => {
@@ -2801,6 +2945,20 @@ channelRoutes.get("/channel/permission", async (c) => {
   try {
     const res = await fetch(`http://127.0.0.1:${port2}/permission`);
     const data = await res.json();
+    if (data.pending !== null) {
+      const reqId = data.pending.request_id ?? "";
+      if (reqId !== "" && !loggedPermissionRequests.has(reqId)) {
+        const toolName = data.pending.tool_name ?? "unknown tool";
+        const description = data.pending.description ?? "";
+        const inputPreview = data.pending.input_preview ?? (data.pending.tool_input !== void 0 ? JSON.stringify(data.pending.tool_input, null, 2).slice(0, 2e3) : "");
+        const detail = (description !== "" ? description + "\n\n" : "") + inputPreview;
+        addLogEntry("permission_request", "incoming", `Permission: ${toolName}`, detail).then((entry) => {
+          loggedPermissionRequests.set(reqId, entry.id);
+        }).catch(() => {
+          loggedPermissionRequests.set(reqId, 0);
+        });
+      }
+    }
     return c.json(data);
   } catch {
     return c.json({ pending: null });
@@ -2812,6 +2970,16 @@ channelRoutes.post("/channel/permission/respond", async (c) => {
   const port2 = getChannelPort2(dataDir2);
   if (port2 === null) return c.json({ error: "Channel not available" }, 503);
   const body = await c.req.json();
+  const action = body.behavior === "allow" ? "Allowed" : "Denied";
+  const toolName = body.tool_name ?? "tool";
+  const logId = loggedPermissionRequests.get(body.request_id);
+  if (logId !== void 0 && logId > 0) {
+    updateLogEntry(logId, { summary: `Permission: ${toolName} \u2014 ${action}` }).catch(() => {
+    });
+  } else {
+    addLogEntry("permission_request", "incoming", `Permission: ${toolName} \u2014 ${action}`, JSON.stringify(body)).catch(() => {
+    });
+  }
   try {
     const res = await fetch(`http://127.0.0.1:${port2}/permission/respond`, {
       method: "POST",
@@ -2836,6 +3004,8 @@ channelRoutes.post("/channel/permission/dismiss", async (c) => {
 });
 channelRoutes.post("/channel/done", (_c) => {
   channelDoneFlag = true;
+  addLogEntry("done", "incoming", "Claude finished", "").catch(() => {
+  });
   notifyChange();
   return _c.json({ ok: true });
 });
@@ -2855,9 +3025,33 @@ channelRoutes.post("/channel/disable", async (c) => {
   return c.json({ ok: true });
 });
 
+// src/routes/commandLog.ts
+import { Hono as Hono3 } from "hono";
+var commandLogRoutes = new Hono3();
+commandLogRoutes.get("/command-log", async (c) => {
+  const url = new URL(c.req.url);
+  const limit = parseInt(url.searchParams.get("limit") ?? "100", 10);
+  const offset = parseInt(url.searchParams.get("offset") ?? "0", 10);
+  const eventType = url.searchParams.get("event_type") ?? void 0;
+  const search = url.searchParams.get("search") ?? void 0;
+  const entries = await getLogEntries({ limit, offset, eventType, search });
+  return c.json(entries);
+});
+commandLogRoutes.delete("/command-log", async (c) => {
+  await clearLog();
+  return c.json({ ok: true });
+});
+commandLogRoutes.get("/command-log/count", async (c) => {
+  const url = new URL(c.req.url);
+  const eventType = url.searchParams.get("event_type") ?? void 0;
+  const search = url.searchParams.get("search") ?? void 0;
+  const count = await getLogCount({ eventType, search });
+  return c.json({ count });
+});
+
 // src/routes/dashboard.ts
 import { writeFileSync as writeFileSync7 } from "fs";
-import { Hono as Hono3 } from "hono";
+import { Hono as Hono4 } from "hono";
 import { tmpdir } from "os";
 import { join as join10, relative as relative2 } from "path";
 
@@ -3126,7 +3320,8 @@ function consumeSkillsCreatedFlag() {
 }
 
 // src/routes/dashboard.ts
-var dashboardRoutes = new Hono3();
+init_notify();
+var dashboardRoutes = new Hono4();
 dashboardRoutes.get("/poll", async (c) => {
   const clientVersion = parseInt(c.req.query("version") ?? "0", 10);
   const changeVersion2 = getChangeVersion();
@@ -3216,8 +3411,9 @@ dashboardRoutes.post("/print", async (c) => {
 });
 
 // src/routes/settings.ts
-import { Hono as Hono4 } from "hono";
-var settingsRoutes = new Hono4();
+import { Hono as Hono5 } from "hono";
+init_notify();
+var settingsRoutes = new Hono5();
 settingsRoutes.get("/tags", async (c) => {
   const tags = await getAllTags();
   return c.json(tags);
@@ -3265,10 +3461,93 @@ settingsRoutes.patch("/file-settings", async (c) => {
   return c.json(updated);
 });
 
+// src/routes/shell.ts
+init_commandLog();
+import { Hono as Hono6 } from "hono";
+var shellRoutes = new Hono6();
+var runningProcesses = /* @__PURE__ */ new Map();
+var killedProcesses = /* @__PURE__ */ new Set();
+shellRoutes.post("/shell/exec", async (c) => {
+  const { spawn } = await import("child_process");
+  const dataDir2 = c.get("dataDir");
+  const body = await c.req.json();
+  const command = body.command;
+  const name = body.name;
+  if (!command || command.trim() === "") {
+    return c.json({ error: "No command provided" }, 400);
+  }
+  const cwd = dataDir2 + "/..";
+  const summary = name !== void 0 && name !== "" ? name : command.slice(0, 200);
+  const logEntry = await addLogEntry("shell_command", "outgoing", summary, command);
+  const logId = logEntry.id;
+  const child = spawn(command, { shell: true, cwd, stdio: ["ignore", "pipe", "pipe"] });
+  runningProcesses.set(logId, child);
+  let stdout = "";
+  let stderr = "";
+  child.stdout.on("data", (data) => {
+    stdout += data.toString();
+  });
+  child.stderr.on("data", (data) => {
+    stderr += data.toString();
+  });
+  child.on("close", (code, signal) => {
+    runningProcesses.delete(logId);
+    const wasCanceled = killedProcesses.has(logId);
+    killedProcesses.delete(logId);
+    const output = (stdout + (stderr ? "\n--- stderr ---\n" + stderr : "")).trim();
+    const exitSummary = wasCanceled ? "Canceled" : code === 0 ? "Completed (exit 0)" : signal !== null ? `Killed by ${signal}` : `Exited with code ${code ?? "unknown"}`;
+    const combinedDetail = command + "\n---SHELL_OUTPUT---\n" + output;
+    if (logId > 0) {
+      const label = name !== void 0 && name !== "" ? name : command.slice(0, 100);
+      updateLogEntry(logId, { summary: `${label} \u2014 ${exitSummary}`, detail: combinedDetail }).catch(() => {
+      });
+    } else {
+      addLogEntry("shell_command", "outgoing", exitSummary, combinedDetail).catch(() => {
+      });
+    }
+    Promise.resolve().then(() => (init_notify(), notify_exports)).then(({ notifyChange: notifyChange2 }) => notifyChange2()).catch(() => {
+    });
+  });
+  child.on("error", (err) => {
+    runningProcesses.delete(logId);
+    const combinedDetail = command + "\n---SHELL_OUTPUT---\n" + (err.stack ?? err.message);
+    if (logId > 0) {
+      updateLogEntry(logId, { summary: `${command.slice(0, 100)} \u2014 Error: ${err.message}`, detail: combinedDetail }).catch(() => {
+      });
+    } else {
+      addLogEntry("shell_command", "outgoing", `Error: ${err.message}`, combinedDetail).catch(() => {
+      });
+    }
+    Promise.resolve().then(() => (init_notify(), notify_exports)).then(({ notifyChange: notifyChange2 }) => notifyChange2()).catch(() => {
+    });
+  });
+  return c.json({ id: logId });
+});
+shellRoutes.post("/shell/kill", async (c) => {
+  const body = await c.req.json();
+  const child = runningProcesses.get(body.id);
+  if (!child) {
+    return c.json({ error: "Process not found or already finished" }, 404);
+  }
+  killedProcesses.add(body.id);
+  child.kill("SIGTERM");
+  setTimeout(() => {
+    if (runningProcesses.has(body.id)) {
+      child.kill("SIGKILL");
+    }
+  }, 3e3);
+  return c.json({ ok: true });
+});
+shellRoutes.get("/shell/running", (c) => {
+  const ids = Array.from(runningProcesses.keys());
+  return c.json({ ids });
+});
+
 // src/routes/tickets.ts
 import { rmSync as rmSync6 } from "fs";
-import { Hono as Hono5 } from "hono";
-var ticketRoutes = new Hono5();
+import { Hono as Hono7 } from "hono";
+init_notify();
+var ticketRoutes = new Hono7();
 ticketRoutes.get("/tickets", async (c) => {
   const filters = {};
   const category = c.req.query("category");
@@ -3455,16 +3734,18 @@ ticketRoutes.post("/tickets/query", async (c) => {
 });
 
 // src/routes/api.ts
-var apiRoutes = new Hono6();
+var apiRoutes = new Hono8();
 apiRoutes.route("/", ticketRoutes);
 apiRoutes.route("/", attachmentRoutes);
 apiRoutes.route("/", channelRoutes);
+apiRoutes.route("/", commandLogRoutes);
 apiRoutes.route("/", settingsRoutes);
 apiRoutes.route("/", dashboardRoutes);
+apiRoutes.route("/", shellRoutes);
 
 // src/routes/backups.ts
-import { Hono as Hono7 } from "hono";
-var backupRoutes = new Hono7();
+import { Hono as Hono9 } from "hono";
+var backupRoutes = new Hono9();
 backupRoutes.get("/", (c) => {
   const dataDir2 = c.get("dataDir");
   const backups = listBackups(dataDir2);
@@ -3513,7 +3794,7 @@ backupRoutes.post("/restore", async (c) => {
 });
 
 // src/routes/pages.tsx
-import { Hono as Hono8 } from "hono";
+import { Hono as Hono10 } from "hono";
 
 // src/utils/escapeHtml.ts
 function escapeHtml(str) {
@@ -3708,7 +3989,7 @@ function Layout({ title, children }) {
 }
 
 // src/routes/pages.tsx
-var pageRoutes = new Hono8();
+var pageRoutes = new Hono10();
 pageRoutes.get("/", (c) => {
   const html = /* @__PURE__ */ jsx(Layout, { title: "Hot Sheet", children: [
     /* @__PURE__ */ jsx("div", { className: "app", children: [
@@ -4050,8 +4331,44 @@ pageRoutes.get("/", (c) => {
         ] }),
         /* @__PURE__ */ jsx("div", { className: "status-bar-right", children: [
           /* @__PURE__ */ jsx("div", { id: "status-bar", className: "status-bar" }),
+          /* @__PURE__ */ jsx("button", { id: "command-log-btn", className: "command-log-btn", title: "Commands Log", children: [
+            /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+              /* @__PURE__ */ jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+              /* @__PURE__ */ jsx("path", { d: "M3 15h18" }),
+              /* @__PURE__ */ jsx("path", { d: "m9 10 3-3 3 3" })
+            ] }),
+            /* @__PURE__ */ jsx("span", { id: "command-log-badge", className: "command-log-badge", style: "display:none" })
+          ] }),
           /* @__PURE__ */ jsx("span", { id: "channel-status-indicator", className: "channel-status-indicator", style: "display:none" })
         ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { id: "command-log-panel", className: "command-log-panel", style: "display:none", children: [
+        /* @__PURE__ */ jsx("div", { className: "command-log-resize-handle", id: "command-log-resize" }),
+        /* @__PURE__ */ jsx("div", { className: "command-log-header", children: [
+          /* @__PURE__ */ jsx("span", { className: "command-log-title", children: "Commands Log" }),
+          /* @__PURE__ */ jsx("div", { className: "command-log-search-box", children: [
+            /* @__PURE__ */ jsx("svg", { className: "command-log-search-icon", xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+              /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
+              /* @__PURE__ */ jsx("path", { d: "m21 21-4.3-4.3" })
+            ] }),
+            /* @__PURE__ */ jsx("input", { type: "text", id: "command-log-search", placeholder: "Search...", className: "command-log-search" })
+          ] }),
+          /* @__PURE__ */ jsx("button", { id: "command-log-filter-btn", className: "command-log-filter-btn", title: "Filter by type", children: [
+            /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }) }),
+            /* @__PURE__ */ jsx("span", { children: "All types" })
+          ] }),
+          /* @__PURE__ */ jsx("button", { id: "command-log-clear", className: "command-log-clear-btn", title: "Clear log", children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+            /* @__PURE__ */ jsx("path", { d: "M3 6h18" }),
+            /* @__PURE__ */ jsx("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }),
+            /* @__PURE__ */ jsx("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" })
+          ] }) }),
+          /* @__PURE__ */ jsx("button", { id: "command-log-close", className: "command-log-close-btn", title: "Close", children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+            /* @__PURE__ */ jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+            /* @__PURE__ */ jsx("path", { d: "M3 15h18" }),
+            /* @__PURE__ */ jsx("path", { d: "m15 8-3 3-3-3" })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { id: "command-log-entries", className: "command-log-entries" })
       ] })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "settings-overlay", id: "settings-overlay", style: "display:none", children: /* @__PURE__ */ jsx("div", { className: "settings-dialog", children: [
@@ -4100,7 +4417,7 @@ pageRoutes.get("/", (c) => {
           ] }),
           /* @__PURE__ */ jsx("span", { children: "Context" })
         ] }),
-        /* @__PURE__ */ jsx("button", { className: "settings-tab", "data-tab": "experimental", id: "settings-tab-experimental", style: "display:none", children: [
+        /* @__PURE__ */ jsx("button", { className: "settings-tab", "data-tab": "experimental", id: "settings-tab-experimental", children: [
           /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
             /* @__PURE__ */ jsx("path", { d: "M10 2v7.527a2 2 0 0 1-.211.896L4.72 20.55a1 1 0 0 0 .9 1.45h12.76a1 1 0 0 0 .9-1.45l-5.069-10.127A2 2 0 0 1 14 9.527V2" }),
             /* @__PURE__ */ jsx("path", { d: "M8.5 2h7" }),
@@ -4187,7 +4504,7 @@ pageRoutes.get("/", (c) => {
           /* @__PURE__ */ jsx("span", { className: "settings-hint", style: "margin-bottom:12px;display:block", children: "Automatically prepend instructions to ticket details in the worklist, based on category or tag. Category context appears first, then tag context in alphabetical order." }),
           /* @__PURE__ */ jsx("div", { id: "auto-context-list" })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "settings-tab-panel", "data-panel": "experimental", id: "settings-experimental-panel", style: "display:none", children: [
+        /* @__PURE__ */ jsx("div", { className: "settings-tab-panel", "data-panel": "experimental", id: "settings-experimental-panel", children: [
           /* @__PURE__ */ jsx("div", { className: "settings-field", children: [
             /* @__PURE__ */ jsx("label", { className: "settings-checkbox-label", children: [
               /* @__PURE__ */ jsx("input", { type: "checkbox", id: "settings-channel-enabled" }),
@@ -4246,7 +4563,7 @@ function tryServe(fetch2, port2) {
   });
 }
 async function startServer(port2, dataDir2, options) {
-  const app = new Hono9();
+  const app = new Hono11();
   app.use("*", async (c, next) => {
     c.set("dataDir", dataDir2);
     await next();
@@ -4573,6 +4890,8 @@ async function main() {
   AI tool skills created/updated for: ${updatedPlatforms.join(", ")}`);
     console.log("  Restart your AI tool to pick up the new ticket creation skills.\n");
   }
+  Promise.resolve().then(() => (init_commandLog(), commandLog_exports)).then(({ pruneLog: pruneLog2 }) => pruneLog2(1e3)).catch(() => {
+  });
   Promise.resolve().then(() => (init_stats(), stats_exports)).then(async ({ recordDailySnapshot: recordDailySnapshot2, backfillSnapshots: backfillSnapshots2 }) => {
     await backfillSnapshots2();
     await recordDailySnapshot2();