@within-7/minto 0.1.6 → 0.2.0

package/dist/commands/todos.js

@@ -0,0 +1,123 @@
+import {
+  getTodos,
+  getTodoStatistics,
+  getTodosByStatus,
+  clearTodos
+} from "../utils/todoStorage.js";
+function formatTodoItem(todo, index) {
+  const statusIcon = todo.status === "completed" ? "\u2713" : todo.status === "in_progress" ? "\u25B6" : "\u25CB";
+  const priorityIcon = todo.priority === "high" ? "!!!" : todo.priority === "medium" ? "!!" : "!";
+  return `  ${statusIcon} [${index + 1}] ${todo.content} (${priorityIcon})`;
+}
+function formatTodos(todos2, title) {
+  if (todos2.length === 0) {
+    return `${title}: (none)`;
+  }
+  const lines = [title];
+  todos2.forEach((todo, i) => {
+    lines.push(formatTodoItem(todo, i));
+  });
+  return lines.join("\n");
+}
+function parseArgs(args) {
+  const trimmed = args.trim().toLowerCase();
+  if (trimmed === "clear" || trimmed === "clean") {
+    return { action: "clear" };
+  }
+  if (trimmed === "stats" || trimmed === "statistics") {
+    return { action: "stats" };
+  }
+  if (trimmed === "pending" || trimmed === "todo") {
+    return { filter: "pending" };
+  }
+  if (trimmed === "in_progress" || trimmed === "active" || trimmed === "doing") {
+    return { filter: "in_progress" };
+  }
+  if (trimmed === "completed" || trimmed === "done") {
+    return { filter: "completed" };
+  }
+  return { filter: "all" };
+}
+async function executeTodosCommand(args) {
+  const { filter, action } = parseArgs(args);
+  if (action === "clear") {
+    const completed = getTodosByStatus("completed");
+    if (completed.length === 0) {
+      return "No completed todos to clear";
+    }
+    const remaining = getTodos().filter((t) => t.status !== "completed");
+    clearTodos();
+    const { setTodos } = await import("../utils/todoStorage.js");
+    setTodos(remaining);
+    return `Cleared ${completed.length} completed todo(s)`;
+  }
+  if (action === "stats") {
+    const stats = getTodoStatistics();
+    const completionRate = stats.total > 0 ? stats.byStatus.completed / stats.total : 0;
+    const lines2 = [
+      "=== Todo Statistics ===",
+      "",
+      `Total: ${stats.total}`,
+      `  Pending: ${stats.byStatus.pending}`,
+      `  In Progress: ${stats.byStatus.in_progress}`,
+      `  Completed: ${stats.byStatus.completed}`,
+      "",
+      `By Priority:`,
+      `  High: ${stats.byPriority.high}`,
+      `  Medium: ${stats.byPriority.medium}`,
+      `  Low: ${stats.byPriority.low}`
+    ];
+    if (stats.total > 0) {
+      lines2.push("");
+      lines2.push(`Completion Rate: ${(completionRate * 100).toFixed(1)}%`);
+    }
+    return lines2.join("\n");
+  }
+  const lines = [];
+  lines.push("=== Todo List ===\n");
+  if (filter === "all" || !filter) {
+    const inProgress = getTodosByStatus("in_progress");
+    const pending = getTodosByStatus("pending");
+    const completed = getTodosByStatus("completed");
+    if (inProgress.length > 0) {
+      lines.push(formatTodos(inProgress, "## In Progress"));
+      lines.push("");
+    }
+    if (pending.length > 0) {
+      lines.push(formatTodos(pending, "## Pending"));
+      lines.push("");
+    }
+    if (completed.length > 0) {
+      lines.push(formatTodos(completed, "## Completed"));
+      lines.push("");
+    }
+    if (inProgress.length === 0 && pending.length === 0 && completed.length === 0) {
+      lines.push("No todos");
+    }
+  } else {
+    const todos2 = getTodosByStatus(filter);
+    const title = filter === "pending" ? "## Pending" : filter === "in_progress" ? "## In Progress" : "## Completed";
+    lines.push(formatTodos(todos2, title));
+  }
+  lines.push("");
+  lines.push("Usage: /todos [pending|active|done|stats|clear]");
+  return lines.join("\n");
+}
+const todos = {
+  type: "local",
+  name: "todos",
+  description: "List and manage todos",
+  isEnabled: true,
+  isHidden: false,
+  async call(args) {
+    return executeTodosCommand(args);
+  },
+  userFacingName() {
+    return "todos";
+  }
+};
+var todos_default = todos;
+export {
+  todos_default as default
+};
+//# sourceMappingURL=todos.js.map

package/dist/commands/todos.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/commands/todos.ts"],
+  "sourcesContent": ["import type { Command } from '@commands'\nimport {\n  getTodos,\n  getTodoStatistics,\n  getTodosByStatus,\n  clearTodos,\n  type TodoItem,\n} from '@utils/todoStorage'\n\n/**\n * Todo list command\n * Lists, filters, and manages todos\n */\n\nfunction formatTodoItem(todo: TodoItem, index: number): string {\n  const statusIcon =\n    todo.status === 'completed'\n      ? '\u2713'\n      : todo.status === 'in_progress'\n        ? '\u25B6'\n        : '\u25CB'\n\n  const priorityIcon =\n    todo.priority === 'high' ? '!!!' : todo.priority === 'medium' ? '!!' : '!'\n\n  return `  ${statusIcon} [${index + 1}] ${todo.content} (${priorityIcon})`\n}\n\nfunction formatTodos(todos: TodoItem[], title: string): string {\n  if (todos.length === 0) {\n    return `${title}: (none)`\n  }\n\n  const lines = [title]\n  todos.forEach((todo, i) => {\n    lines.push(formatTodoItem(todo, i))\n  })\n  return lines.join('\\n')\n}\n\nfunction parseArgs(args: string): {\n  filter?: 'pending' | 'in_progress' | 'completed' | 'all'\n  action?: 'clear' | 'stats'\n} {\n  const trimmed = args.trim().toLowerCase()\n\n  if (trimmed === 'clear' || trimmed === 'clean') {\n    return { action: 'clear' }\n  }\n\n  if (trimmed === 'stats' || trimmed === 'statistics') {\n    return { action: 'stats' }\n  }\n\n  if (trimmed === 'pending' || trimmed === 'todo') {\n    return { filter: 'pending' }\n  }\n\n  if (\n    trimmed === 'in_progress' ||\n    trimmed === 'active' ||\n    trimmed === 'doing'\n  ) {\n    return { filter: 'in_progress' }\n  }\n\n  if (trimmed === 'completed' || trimmed === 'done') {\n    return { filter: 'completed' }\n  }\n\n  return { filter: 'all' }\n}\n\nasync function executeTodosCommand(args: string): Promise<string> {\n  const { filter, action } = parseArgs(args)\n\n  // Handle actions\n  if (action === 'clear') {\n    const completed = getTodosByStatus('completed')\n    if (completed.length === 0) {\n      return 'No completed todos to clear'\n    }\n\n    // Remove completed todos by setting new todo list without them\n    const remaining = getTodos().filter(t => t.status !== 'completed')\n    clearTodos()\n\n    // Re-add non-completed todos\n    const { setTodos } = await import('@utils/todoStorage')\n    setTodos(remaining)\n\n    return `Cleared ${completed.length} completed todo(s)`\n  }\n\n  if (action === 'stats') {\n    const stats = getTodoStatistics()\n    const completionRate =\n      stats.total > 0 ? stats.byStatus.completed / stats.total : 0\n\n    const lines = [\n      '=== Todo Statistics ===',\n      '',\n      `Total: ${stats.total}`,\n      `  Pending: ${stats.byStatus.pending}`,\n      `  In Progress: ${stats.byStatus.in_progress}`,\n      `  Completed: ${stats.byStatus.completed}`,\n      '',\n      `By Priority:`,\n      `  High: ${stats.byPriority.high}`,\n      `  Medium: ${stats.byPriority.medium}`,\n      `  Low: ${stats.byPriority.low}`,\n    ]\n\n    if (stats.total > 0) {\n      lines.push('')\n      lines.push(`Completion Rate: ${(completionRate * 100).toFixed(1)}%`)\n    }\n\n    return lines.join('\\n')\n  }\n\n  // Handle filtering\n  const lines: string[] = []\n  lines.push('=== Todo List ===\\n')\n\n  if (filter === 'all' || !filter) {\n    const inProgress = getTodosByStatus('in_progress')\n    const pending = getTodosByStatus('pending')\n    const completed = getTodosByStatus('completed')\n\n    if (inProgress.length > 0) {\n      lines.push(formatTodos(inProgress, '## In Progress'))\n      lines.push('')\n    }\n\n    if (pending.length > 0) {\n      lines.push(formatTodos(pending, '## Pending'))\n      lines.push('')\n    }\n\n    if (completed.length > 0) {\n      lines.push(formatTodos(completed, '## Completed'))\n      lines.push('')\n    }\n\n    if (\n      inProgress.length === 0 &&\n      pending.length === 0 &&\n      completed.length === 0\n    ) {\n      lines.push('No todos')\n    }\n  } else {\n    const todos = getTodosByStatus(filter)\n    const title =\n      filter === 'pending'\n        ? '## Pending'\n        : filter === 'in_progress'\n          ? '## In Progress'\n          : '## Completed'\n\n    lines.push(formatTodos(todos, title))\n  }\n\n  lines.push('')\n  lines.push('Usage: /todos [pending|active|done|stats|clear]')\n\n  return lines.join('\\n')\n}\n\nconst todos = {\n  type: 'local',\n  name: 'todos',\n  description: 'List and manage todos',\n  isEnabled: true,\n  isHidden: false,\n  async call(args: string) {\n    return executeTodosCommand(args)\n  },\n  userFacingName() {\n    return 'todos'\n  },\n} satisfies Command\n\nexport default todos\n"],
+  "mappings": "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",
+  "names": ["todos", "lines"]
+}

package/dist/commands.js

@@ -1,19 +1,28 @@
 import clear from "./commands/clear.js";
 import compact from "./commands/compact.js";
 import config from "./commands/config.js";
+import context from "./commands/context.js";
 import cost from "./commands/cost.js";
 import ctx_viz from "./commands/ctx_viz.js";
+import exportCmd from "./commands/export.js";
 import help from "./commands/help.js";
 import init from "./commands/init.js";
 import mcp from "./commands/mcp-interactive.js";
 import model from "./commands/model.js";
+import permissions from "./commands/permissions.js";
 import refreshCommands from "./commands/refreshCommands.js";
+import sandbox from "./commands/sandbox.js";
 import setup from "./commands/setup.js";
+import status from "./commands/status.js";
 import terminalSetup from "./commands/terminalSetup.js";
 import resume from "./commands/resume.js";
-import agents from "./commands/agents.js";
+import agents from "./commands/agents/index.js";
 import plugin from "./commands/plugin.js";
 import { quit } from "./commands/quit.js";
+import doctor from "./commands/doctor.js";
+import bug from "./commands/bug.js";
+import tasks from "./commands/tasks.js";
+import todos from "./commands/todos.js";
 import { getMCPCommands } from "./services/mcpClient.js";
 import {
   loadCustomCommands,
@@ -23,18 +32,27 @@ import { memoize } from "lodash-es";
 const HIDDEN_COMMANDS = [ctx_viz, refreshCommands, terminalSetup];
 const COMMANDS = memoize(() => [
   agents,
-  plugin,
+  bug,
   clear,
   compact,
   config,
+  context,
   cost,
+  doctor,
+  exportCmd,
   help,
   init,
   mcp,
   model,
+  permissions,
+  plugin,
   quit,
   resume,
+  sandbox,
   setup,
+  status,
+  tasks,
+  todos,
   ...HIDDEN_COMMANDS
 ]);
 const getCommands = memoize(async () => {

package/dist/commands.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/commands.ts"],
-  "sourcesContent": ["import React from 'react'\nimport clear from './commands/clear'\nimport compact from './commands/compact'\nimport config from './commands/config'\nimport cost from './commands/cost'\nimport ctx_viz from './commands/ctx_viz'\nimport help from './commands/help'\nimport init from './commands/init'\nimport mcp from './commands/mcp-interactive'\nimport model from './commands/model'\nimport refreshCommands from './commands/refreshCommands'\nimport setup from './commands/setup'\nimport terminalSetup from './commands/terminalSetup'\nimport { Tool, ToolUseContext } from './Tool'\nimport resume from './commands/resume'\nimport agents from './commands/agents'\nimport plugin from './commands/plugin'\nimport { quit } from './commands/quit'\nimport { getMCPCommands } from './services/mcpClient'\nimport {\n  loadCustomCommands,\n  loadPluginCommands,\n} from './services/customCommands'\nimport type { MessageParam } from '@anthropic-ai/sdk/resources/index.mjs'\nimport { memoize } from 'lodash-es'\nimport type { Message } from './query'\n\ntype PromptCommand = {\n  type: 'prompt'\n  progressMessage: string\n  argNames?: string[]\n  getPromptForCommand(args: string): Promise<MessageParam[]>\n}\n\ntype LocalCommand = {\n  type: 'local'\n  call(\n    args: string,\n    context: {\n      options: {\n        commands: Command[]\n        tools: Tool[]\n        slowAndCapableModel: string\n      }\n      abortController: AbortController\n      setForkConvoWithMessagesOnTheNextRender: (\n        forkConvoWithMessages: Message[],\n      ) => void\n    },\n  ): Promise<string>\n}\n\ntype LocalJSXCommand = {\n  type: 'local-jsx'\n  call(\n    onDone: (result?: string) => void,\n    context: ToolUseContext & {\n      setForkConvoWithMessagesOnTheNextRender: (\n        forkConvoWithMessages: Message[],\n      ) => void\n    },\n  ): Promise<React.ReactNode>\n}\n\nexport type Command = {\n  description: string\n  isEnabled: boolean\n  isHidden: boolean\n  name: string\n  aliases?: string[]\n  userFacingName(): string\n} & (PromptCommand | LocalCommand | LocalJSXCommand)\n\n// Hidden developer commands (not shown in /help but still accessible)\nconst HIDDEN_COMMANDS = [ctx_viz, refreshCommands, terminalSetup]\n\n// Declared as a function so that we don't run this until getCommands is called,\n// since underlying functions read from config, which can't be read at module initialization time\nconst COMMANDS = memoize((): Command[] => [\n  agents,\n  plugin,\n  clear,\n  compact,\n  config,\n  cost,\n  help,\n  init,\n  mcp,\n  model,\n  quit,\n  resume,\n  setup,\n  ...HIDDEN_COMMANDS,\n])\n\nexport const getCommands = memoize(async (): Promise<Command[]> => {\n  const [mcpCommands, customCommands, pluginCommands] = await Promise.all([\n    getMCPCommands(),\n    loadCustomCommands(),\n    loadPluginCommands(),\n  ])\n\n  // Get built-in commands\n  const builtInCommands = COMMANDS()\n\n  // Sort built-in commands alphabetically by name\n  const sortedBuiltIn = [...builtInCommands].sort((a, b) =>\n    a.userFacingName().localeCompare(b.userFacingName()),\n  )\n\n  // Sort MCP commands alphabetically by name\n  const sortedMCP = [...mcpCommands].sort((a, b) =>\n    a.userFacingName().localeCompare(b.userFacingName()),\n  )\n\n  // Sort plugin commands alphabetically by name\n  const sortedPlugin = [...pluginCommands].sort((a, b) =>\n    a.userFacingName().localeCompare(b.userFacingName()),\n  )\n\n  // Sort custom commands alphabetically by name\n  const sortedCustom = [...customCommands].sort((a, b) =>\n    a.userFacingName().localeCompare(b.userFacingName()),\n  )\n\n  // Command priority (later overrides earlier):\n  // 1. MCP commands (lowest priority) - sorted alphabetically\n  // 2. Plugin commands - sorted alphabetically\n  // 3. Custom commands (user/project) - sorted alphabetically\n  // 4. Built-in commands (highest priority) - sorted alphabetically\n  // Display order: Built-in first, then custom/plugin/MCP\n  return [\n    ...sortedBuiltIn,\n    ...sortedCustom,\n    ...sortedPlugin,\n    ...sortedMCP,\n  ].filter(_ => _.isEnabled)\n})\n\nexport function hasCommand(commandName: string, commands: Command[]): boolean {\n  return commands.some(\n    _ => _.userFacingName() === commandName || _.aliases?.includes(commandName),\n  )\n}\n\nexport function getCommand(commandName: string, commands: Command[]): Command {\n  const command = commands.find(\n    _ => _.userFacingName() === commandName || _.aliases?.includes(commandName),\n  ) as Command | undefined\n  if (!command) {\n    throw ReferenceError(\n      `Command ${commandName} not found. Available commands: ${commands\n        .map(_ => {\n          const name = _.userFacingName()\n          return _.aliases ? `${name} (aliases: ${_.aliases.join(', ')})` : name\n        })\n        .join(', ')}`,\n    )\n  }\n\n  return command\n}\n"],
-  "mappings": "AACA,OAAO,WAAW;AAClB,OAAO,aAAa;AACpB,OAAO,YAAY;AACnB,OAAO,UAAU;AACjB,OAAO,aAAa;AACpB,OAAO,UAAU;AACjB,OAAO,UAAU;AACjB,OAAO,SAAS;AAChB,OAAO,WAAW;AAClB,OAAO,qBAAqB;AAC5B,OAAO,WAAW;AAClB,OAAO,mBAAmB;AAE1B,OAAO,YAAY;AACnB,OAAO,YAAY;AACnB,OAAO,YAAY;AACnB,SAAS,YAAY;AACrB,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,eAAe;AAkDxB,MAAM,kBAAkB,CAAC,SAAS,iBAAiB,aAAa;AAIhE,MAAM,WAAW,QAAQ,MAAiB;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,CAAC;AAEM,MAAM,cAAc,QAAQ,YAAgC;AACjE,QAAM,CAAC,aAAa,gBAAgB,cAAc,IAAI,MAAM,QAAQ,IAAI;AAAA,IACtE,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,mBAAmB;AAAA,EACrB,CAAC;AAGD,QAAM,kBAAkB,SAAS;AAGjC,QAAM,gBAAgB,CAAC,GAAG,eAAe,EAAE;AAAA,IAAK,CAAC,GAAG,MAClD,EAAE,eAAe,EAAE,cAAc,EAAE,eAAe,CAAC;AAAA,EACrD;AAGA,QAAM,YAAY,CAAC,GAAG,WAAW,EAAE;AAAA,IAAK,CAAC,GAAG,MAC1C,EAAE,eAAe,EAAE,cAAc,EAAE,eAAe,CAAC;AAAA,EACrD;AAGA,QAAM,eAAe,CAAC,GAAG,cAAc,EAAE;AAAA,IAAK,CAAC,GAAG,MAChD,EAAE,eAAe,EAAE,cAAc,EAAE,eAAe,CAAC;AAAA,EACrD;AAGA,QAAM,eAAe,CAAC,GAAG,cAAc,EAAE;AAAA,IAAK,CAAC,GAAG,MAChD,EAAE,eAAe,EAAE,cAAc,EAAE,eAAe,CAAC;AAAA,EACrD;AAQA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,EACL,EAAE,OAAO,OAAK,EAAE,SAAS;AAC3B,CAAC;AAEM,SAAS,WAAW,aAAqB,UAA8B;AAC5E,SAAO,SAAS;AAAA,IACd,OAAK,EAAE,eAAe,MAAM,eAAe,EAAE,SAAS,SAAS,WAAW;AAAA,EAC5E;AACF;AAEO,SAAS,WAAW,aAAqB,UAA8B;AAC5E,QAAM,UAAU,SAAS;AAAA,IACvB,OAAK,EAAE,eAAe,MAAM,eAAe,EAAE,SAAS,SAAS,WAAW;AAAA,EAC5E;AACA,MAAI,CAAC,SAAS;AACZ,UAAM;AAAA,MACJ,WAAW,WAAW,mCAAmC,SACtD,IAAI,OAAK;AACR,cAAM,OAAO,EAAE,eAAe;AAC9B,eAAO,EAAE,UAAU,GAAG,IAAI,cAAc,EAAE,QAAQ,KAAK,IAAI,CAAC,MAAM;AAAA,MACpE,CAAC,EACA,KAAK,IAAI,CAAC;AAAA,IACf;AAAA,EACF;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import React from 'react'\nimport clear from './commands/clear'\nimport compact from './commands/compact'\nimport config from './commands/config'\nimport context from './commands/context'\nimport cost from './commands/cost'\nimport ctx_viz from './commands/ctx_viz'\nimport exportCmd from './commands/export'\nimport help from './commands/help'\nimport init from './commands/init'\nimport mcp from './commands/mcp-interactive'\nimport model from './commands/model'\nimport permissions from './commands/permissions'\nimport refreshCommands from './commands/refreshCommands'\nimport sandbox from './commands/sandbox'\nimport setup from './commands/setup'\nimport status from './commands/status'\nimport terminalSetup from './commands/terminalSetup'\nimport { Tool, ToolUseContext } from './Tool'\nimport resume from './commands/resume'\nimport agents from './commands/agents'\nimport plugin from './commands/plugin'\nimport { quit } from './commands/quit'\n// Phase 4: Diagnostic and task management commands\nimport doctor from './commands/doctor'\nimport bug from './commands/bug'\nimport tasks from './commands/tasks'\nimport todos from './commands/todos'\nimport { getMCPCommands } from './services/mcpClient'\nimport {\n  loadCustomCommands,\n  loadPluginCommands,\n} from './services/customCommands'\nimport type { MessageParam } from '@anthropic-ai/sdk/resources/index.mjs'\nimport { memoize } from 'lodash-es'\nimport type { Message } from './query'\n\ntype PromptCommand = {\n  type: 'prompt'\n  progressMessage: string\n  argNames?: string[]\n  getPromptForCommand(args: string): Promise<MessageParam[]>\n}\n\ntype LocalCommand = {\n  type: 'local'\n  call(\n    args: string,\n    context: {\n      options: {\n        commands: Command[]\n        tools: Tool[]\n        slowAndCapableModel: string\n      }\n      abortController: AbortController\n      setForkConvoWithMessagesOnTheNextRender: (\n        forkConvoWithMessages: Message[],\n      ) => void\n    },\n  ): Promise<string>\n}\n\ntype LocalJSXCommand = {\n  type: 'local-jsx'\n  call(\n    onDone: (result?: string) => void,\n    context: ToolUseContext & {\n      setForkConvoWithMessagesOnTheNextRender: (\n        forkConvoWithMessages: Message[],\n      ) => void\n    },\n  ): Promise<React.ReactNode>\n}\n\nexport type Command = {\n  description: string\n  isEnabled: boolean\n  isHidden: boolean\n  name: string\n  aliases?: string[]\n  userFacingName(): string\n} & (PromptCommand | LocalCommand | LocalJSXCommand)\n\n// Hidden developer commands (not shown in /help but still accessible)\nconst HIDDEN_COMMANDS = [ctx_viz, refreshCommands, terminalSetup]\n\n// Declared as a function so that we don't run this until getCommands is called,\n// since underlying functions read from config, which can't be read at module initialization time\nconst COMMANDS = memoize((): Command[] => [\n  agents,\n  bug,\n  clear,\n  compact,\n  config,\n  context,\n  cost,\n  doctor,\n  exportCmd,\n  help,\n  init,\n  mcp,\n  model,\n  permissions,\n  plugin,\n  quit,\n  resume,\n  sandbox,\n  setup,\n  status,\n  tasks,\n  todos,\n  ...HIDDEN_COMMANDS,\n])\n\nexport const getCommands = memoize(async (): Promise<Command[]> => {\n  const [mcpCommands, customCommands, pluginCommands] = await Promise.all([\n    getMCPCommands(),\n    loadCustomCommands(),\n    loadPluginCommands(),\n  ])\n\n  // Get built-in commands\n  const builtInCommands = COMMANDS()\n\n  // Sort built-in commands alphabetically by name\n  const sortedBuiltIn = [...builtInCommands].sort((a, b) =>\n    a.userFacingName().localeCompare(b.userFacingName()),\n  )\n\n  // Sort MCP commands alphabetically by name\n  const sortedMCP = [...mcpCommands].sort((a, b) =>\n    a.userFacingName().localeCompare(b.userFacingName()),\n  )\n\n  // Sort plugin commands alphabetically by name\n  const sortedPlugin = [...pluginCommands].sort((a, b) =>\n    a.userFacingName().localeCompare(b.userFacingName()),\n  )\n\n  // Sort custom commands alphabetically by name\n  const sortedCustom = [...customCommands].sort((a, b) =>\n    a.userFacingName().localeCompare(b.userFacingName()),\n  )\n\n  // Command priority (later overrides earlier):\n  // 1. MCP commands (lowest priority) - sorted alphabetically\n  // 2. Plugin commands - sorted alphabetically\n  // 3. Custom commands (user/project) - sorted alphabetically\n  // 4. Built-in commands (highest priority) - sorted alphabetically\n  // Display order: Built-in first, then custom/plugin/MCP\n  return [\n    ...sortedBuiltIn,\n    ...sortedCustom,\n    ...sortedPlugin,\n    ...sortedMCP,\n  ].filter(_ => _.isEnabled)\n})\n\nexport function hasCommand(commandName: string, commands: Command[]): boolean {\n  return commands.some(\n    _ => _.userFacingName() === commandName || _.aliases?.includes(commandName),\n  )\n}\n\nexport function getCommand(commandName: string, commands: Command[]): Command {\n  const command = commands.find(\n    _ => _.userFacingName() === commandName || _.aliases?.includes(commandName),\n  ) as Command | undefined\n  if (!command) {\n    throw ReferenceError(\n      `Command ${commandName} not found. Available commands: ${commands\n        .map(_ => {\n          const name = _.userFacingName()\n          return _.aliases ? `${name} (aliases: ${_.aliases.join(', ')})` : name\n        })\n        .join(', ')}`,\n    )\n  }\n\n  return command\n}\n"],
+  "mappings": "AACA,OAAO,WAAW;AAClB,OAAO,aAAa;AACpB,OAAO,YAAY;AACnB,OAAO,aAAa;AACpB,OAAO,UAAU;AACjB,OAAO,aAAa;AACpB,OAAO,eAAe;AACtB,OAAO,UAAU;AACjB,OAAO,UAAU;AACjB,OAAO,SAAS;AAChB,OAAO,WAAW;AAClB,OAAO,iBAAiB;AACxB,OAAO,qBAAqB;AAC5B,OAAO,aAAa;AACpB,OAAO,WAAW;AAClB,OAAO,YAAY;AACnB,OAAO,mBAAmB;AAE1B,OAAO,YAAY;AACnB,OAAO,YAAY;AACnB,OAAO,YAAY;AACnB,SAAS,YAAY;AAErB,OAAO,YAAY;AACnB,OAAO,SAAS;AAChB,OAAO,WAAW;AAClB,OAAO,WAAW;AAClB,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,eAAe;AAkDxB,MAAM,kBAAkB,CAAC,SAAS,iBAAiB,aAAa;AAIhE,MAAM,WAAW,QAAQ,MAAiB;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,CAAC;AAEM,MAAM,cAAc,QAAQ,YAAgC;AACjE,QAAM,CAAC,aAAa,gBAAgB,cAAc,IAAI,MAAM,QAAQ,IAAI;AAAA,IACtE,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,mBAAmB;AAAA,EACrB,CAAC;AAGD,QAAM,kBAAkB,SAAS;AAGjC,QAAM,gBAAgB,CAAC,GAAG,eAAe,EAAE;AAAA,IAAK,CAAC,GAAG,MAClD,EAAE,eAAe,EAAE,cAAc,EAAE,eAAe,CAAC;AAAA,EACrD;AAGA,QAAM,YAAY,CAAC,GAAG,WAAW,EAAE;AAAA,IAAK,CAAC,GAAG,MAC1C,EAAE,eAAe,EAAE,cAAc,EAAE,eAAe,CAAC;AAAA,EACrD;AAGA,QAAM,eAAe,CAAC,GAAG,cAAc,EAAE;AAAA,IAAK,CAAC,GAAG,MAChD,EAAE,eAAe,EAAE,cAAc,EAAE,eAAe,CAAC;AAAA,EACrD;AAGA,QAAM,eAAe,CAAC,GAAG,cAAc,EAAE;AAAA,IAAK,CAAC,GAAG,MAChD,EAAE,eAAe,EAAE,cAAc,EAAE,eAAe,CAAC;AAAA,EACrD;AAQA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,EACL,EAAE,OAAO,OAAK,EAAE,SAAS;AAC3B,CAAC;AAEM,SAAS,WAAW,aAAqB,UAA8B;AAC5E,SAAO,SAAS;AAAA,IACd,OAAK,EAAE,eAAe,MAAM,eAAe,EAAE,SAAS,SAAS,WAAW;AAAA,EAC5E;AACF;AAEO,SAAS,WAAW,aAAqB,UAA8B;AAC5E,QAAM,UAAU,SAAS;AAAA,IACvB,OAAK,EAAE,eAAe,MAAM,eAAe,EAAE,SAAS,SAAS,WAAW;AAAA,EAC5E;AACA,MAAI,CAAC,SAAS;AACZ,UAAM;AAAA,MACJ,WAAW,WAAW,mCAAmC,SACtD,IAAI,OAAK;AACR,cAAM,OAAO,EAAE,eAAe;AAC9B,eAAO,EAAE,UAAU,GAAG,IAAI,cAAc,EAAE,QAAQ,KAAK,IAAI,CAAC,MAAM;AAAA,MACpE,CAAC,EACA,KAAK,IAAI,CAAC;AAAA,IACf;AAAA,EACF;AAEA,SAAO;AACT;",
   "names": []
 }

package/dist/components/AgentThinkingBlock.js

@@ -1,7 +1,8 @@
-import React, { useEffect, useState } from "react";
+import React, { useRef } from "react";
 import { Box, Text } from "ink";
 import { getTheme } from "../utils/theme.js";
 import { SYMBOLS } from "../constants/symbols.js";
+import { useUnifiedAnimation } from "../utils/animationManager.js";
 function AgentThinkingBlock({
   message,
   showSpinner = true,
@@ -9,24 +10,15 @@ function AgentThinkingBlock({
   startTime = Date.now()
 }) {
   const theme = getTheme();
+  const startTimeRef = useRef(startTime);
   const frames = SYMBOLS.THINKING_FRAMES;
-  const [frame, setFrame] = useState(0);
-  const [elapsedTime, setElapsedTime] = useState(0);
-  useEffect(() => {
-    if (!showSpinner) return;
-    const timer = setInterval(() => {
-      setFrame((f) => (f + 1) % frames.length);
-    }, 150);
-    return () => clearInterval(timer);
-  }, [showSpinner, frames.length]);
-  useEffect(() => {
-    if (!showElapsedTime) return;
-    const timer = setInterval(() => {
-      setElapsedTime(Math.floor((Date.now() - startTime) / 1e3));
-    }, 1e3);
-    return () => clearInterval(timer);
-  }, [showElapsedTime, startTime]);
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", marginTop: 1 }, showSpinner && /* @__PURE__ */ React.createElement(Box, { flexWrap: "nowrap", height: 1, width: 2 }, /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, frames[frame])), /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, message, showSpinner && "\u2026"), showElapsedTime && /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, " ", "(", elapsedTime, "s \xB7 ", /* @__PURE__ */ React.createElement(Text, { bold: true }, "esc"), " to interrupt)"));
+  const { spinnerFrame, elapsedTime } = useUnifiedAnimation({
+    enabled: showSpinner || showElapsedTime,
+    startTime: startTimeRef.current,
+    spinnerFrameCount: frames.length,
+    componentId: "agent-thinking-block"
+  });
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", marginTop: 1 }, showSpinner && /* @__PURE__ */ React.createElement(Box, { flexWrap: "nowrap", height: 1, width: 2 }, /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, frames[spinnerFrame])), /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, message, showSpinner && "\u2026"), showElapsedTime && /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, " ", "(", elapsedTime, "s \xB7 ", /* @__PURE__ */ React.createElement(Text, { bold: true }, "esc"), " to interrupt)"));
 }
 function ThinkingIndicator({
   message

package/dist/components/AgentThinkingBlock.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/AgentThinkingBlock.tsx"],
-  "sourcesContent": ["/**\n * AgentThinkingBlock - Claude Code CLI \u98CE\u683C\u7684\u601D\u8003\u8FC7\u7A0B\u7EC4\u4EF6\n *\n * \u6838\u5FC3\u7279\u6027\uFF1A\n * 1. **\u539F\u5730\u66F4\u65B0** - \u540C\u4E00\u4E2A\u7EC4\u4EF6\u5B9E\u4F8B\uFF0C\u901A\u8FC7 props \u66F4\u65B0\u5185\u5BB9\n * 2. **\u6697\u6DE1\u914D\u8272** - \u4F7F\u7528 dimmedText \u8868\u793A\u8FC7\u6E21\u72B6\u6001\n * 3. **\u52A8\u753B Spinner** - \u6301\u7EED\u65CB\u8F6C\uFF0C\u8868\u793A\u6D3B\u8DC3\u72B6\u6001\n * 4. **\u6D41\u7545\u8FC7\u6E21** - \u6D88\u606F\u53D8\u5316\u65F6\u5E73\u6ED1\u66FF\u6362\uFF0C\u4E0D\u4EA7\u751F\u6EDA\u52A8\n *\n * \u8FD9\u662F\u5B9E\u73B0\"\u6D41\u52A8\u6027\"\u7684\u5173\u952E\u7EC4\u4EF6\n */\n\nimport React, { useEffect, useState } from 'react'\nimport { Box, Text } from 'ink'\nimport { getTheme } from '@utils/theme'\nimport { SYMBOLS } from '@constants/symbols'\n\ninterface Props {\n  /** \u5F53\u524D\u601D\u8003\u9636\u6BB5\u7684\u6D88\u606F */\n  message: string\n\n  /** \u662F\u5426\u663E\u793A Spinner \u52A8\u753B */\n  showSpinner?: boolean\n\n  /** \u662F\u5426\u663E\u793A\u7ECF\u8FC7\u65F6\u95F4 */\n  showElapsedTime?: boolean\n\n  /** \u8D77\u59CB\u65F6\u95F4 (\u7528\u4E8E\u8BA1\u7B97\u7ECF\u8FC7\u65F6\u95F4) */\n  startTime?: number\n}\n\n/**\n * AgentThinkingBlock - \u539F\u5730\u66F4\u65B0\u7684\u601D\u8003\u8FC7\u7A0B\u7EC4\u4EF6\n *\n * \u7528\u6CD5\u793A\u4F8B\uFF1A\n * ```tsx\n * // \u521D\u59CB\u6E32\u67D3\n * <AgentThinkingBlock message=\"Reading file...\" />\n *\n * // \u66F4\u65B0\u6D88\u606F (\u540C\u4E00\u4E2A\u7EC4\u4EF6\u5B9E\u4F8B\uFF0Cprops \u53D8\u5316)\n * <AgentThinkingBlock message=\"Analyzing code...\" />\n *\n * // \u518D\u6B21\u66F4\u65B0\n * <AgentThinkingBlock message=\"Generating response...\" />\n * ```\n *\n * \u7528\u6237\u770B\u5230\u7684\u6548\u679C\uFF1A\n * ```\n * \u00B7 Reading file...       \u2190 \u663E\u793A\n * \u2722 Analyzing code...     \u2190 \u66FF\u6362 (\u4E0D\u662F\u65B0\u884C)\n * \u2733 Generating response...  \u2190 \u518D\u6B21\u66FF\u6362\n * ```\n */\nexport function AgentThinkingBlock({\n  message,\n  showSpinner = true,\n  showElapsedTime = true,\n  startTime = Date.now(),\n}: Props): React.ReactNode {\n  const theme = getTheme()\n\n  // Claude Code \u98CE\u683C\u7684\u601D\u8003\u52A8\u753B - 6\u5E27\u5FAA\u73AF\n  const frames = SYMBOLS.THINKING_FRAMES\n  const [frame, setFrame] = useState(0)\n\n  // \u7ECF\u8FC7\u65F6\u95F4\n  const [elapsedTime, setElapsedTime] = useState(0)\n\n  // Claude Code \u98CE\u683C\u52A8\u753B - 150ms \u95F4\u9694\n  useEffect(() => {\n    if (!showSpinner) return\n\n    const timer = setInterval(() => {\n      setFrame(f => (f + 1) % frames.length)\n    }, 150)\n\n    return () => clearInterval(timer)\n  }, [showSpinner, frames.length])\n\n  // \u7ECF\u8FC7\u65F6\u95F4\u8BA1\u65F6\u5668\n  useEffect(() => {\n    if (!showElapsedTime) return\n\n    const timer = setInterval(() => {\n      setElapsedTime(Math.floor((Date.now() - startTime) / 1000))\n    }, 1000)\n\n    return () => clearInterval(timer)\n  }, [showElapsedTime, startTime])\n\n  return (\n    <Box flexDirection=\"row\" marginTop={1}>\n      {/* Spinner \u52A8\u753B */}\n      {showSpinner && (\n        <Box flexWrap=\"nowrap\" height={1} width={2}>\n          {/* \u4F7F\u7528\u6697\u6DE1\u8272 - \u5173\u952E\uFF1A\u8FC7\u6E21\u72B6\u6001\u5E94\u8BE5\u4E0D\u663E\u773C */}\n          <Text color={theme.dimmedText}>{frames[frame]}</Text>\n        </Box>\n      )}\n\n      {/* \u601D\u8003\u6D88\u606F - \u4F7F\u7528\u6697\u6DE1\u8272\uFF0C\u7B26\u5408 Claude Code CLI \u89C4\u8303 */}\n      <Text color={theme.dimmedText}>\n        {message}\n        {showSpinner && '\u2026'}\n      </Text>\n\n      {/* \u7ECF\u8FC7\u65F6\u95F4\u548C\u63D0\u793A */}\n      {showElapsedTime && (\n        <Text color={theme.mutedText}>\n          {' '}\n          ({elapsedTime}s \u00B7 <Text bold>esc</Text> to interrupt)\n        </Text>\n      )}\n    </Box>\n  )\n}\n\n/**\n * \u8F7B\u91CF\u7EA7\u7684 Thinking Indicator (\u7528\u4E8E\u7D27\u51D1\u5E03\u5C40)\n */\nexport function ThinkingIndicator({\n  message,\n}: {\n  message: string\n}): React.ReactNode {\n  return <AgentThinkingBlock message={message} showElapsedTime={false} />\n}\n"],
-  "mappings": "AAYA,OAAO,SAAS,WAAW,gBAAgB;AAC3C,SAAS,KAAK,YAAY;AAC1B,SAAS,gBAAgB;AACzB,SAAS,eAAe;AAsCjB,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,YAAY,KAAK,IAAI;AACvB,GAA2B;AACzB,QAAM,QAAQ,SAAS;AAGvB,QAAM,SAAS,QAAQ;AACvB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AAGpC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,CAAC;AAGhD,YAAU,MAAM;AACd,QAAI,CAAC,YAAa;AAElB,UAAM,QAAQ,YAAY,MAAM;AAC9B,eAAS,QAAM,IAAI,KAAK,OAAO,MAAM;AAAA,IACvC,GAAG,GAAG;AAEN,WAAO,MAAM,cAAc,KAAK;AAAA,EAClC,GAAG,CAAC,aAAa,OAAO,MAAM,CAAC;AAG/B,YAAU,MAAM;AACd,QAAI,CAAC,gBAAiB;AAEtB,UAAM,QAAQ,YAAY,MAAM;AAC9B,qBAAe,KAAK,OAAO,KAAK,IAAI,IAAI,aAAa,GAAI,CAAC;AAAA,IAC5D,GAAG,GAAI;AAEP,WAAO,MAAM,cAAc,KAAK;AAAA,EAClC,GAAG,CAAC,iBAAiB,SAAS,CAAC;AAE/B,SACE,oCAAC,OAAI,eAAc,OAAM,WAAW,KAEjC,eACC,oCAAC,OAAI,UAAS,UAAS,QAAQ,GAAG,OAAO,KAEvC,oCAAC,QAAK,OAAO,MAAM,cAAa,OAAO,KAAK,CAAE,CAChD,GAIF,oCAAC,QAAK,OAAO,MAAM,cAChB,SACA,eAAe,QAClB,GAGC,mBACC,oCAAC,QAAK,OAAO,MAAM,aAChB,KAAI,KACH,aAAY,WAAI,oCAAC,QAAK,MAAI,QAAC,KAAG,GAAO,gBACzC,CAEJ;AAEJ;AAKO,SAAS,kBAAkB;AAAA,EAChC;AACF,GAEoB;AAClB,SAAO,oCAAC,sBAAmB,SAAkB,iBAAiB,OAAO;AACvE;",
+  "sourcesContent": ["/**\n * AgentThinkingBlock - Claude Code CLI \u98CE\u683C\u7684\u601D\u8003\u8FC7\u7A0B\u7EC4\u4EF6\n *\n * \u6838\u5FC3\u7279\u6027\uFF1A\n * 1. **\u539F\u5730\u66F4\u65B0** - \u540C\u4E00\u4E2A\u7EC4\u4EF6\u5B9E\u4F8B\uFF0C\u901A\u8FC7 props \u66F4\u65B0\u5185\u5BB9\n * 2. **\u6697\u6DE1\u914D\u8272** - \u4F7F\u7528 dimmedText \u8868\u793A\u8FC7\u6E21\u72B6\u6001\n * 3. **\u52A8\u753B Spinner** - \u6301\u7EED\u65CB\u8F6C\uFF0C\u8868\u793A\u6D3B\u8DC3\u72B6\u6001\n * 4. **\u6D41\u7545\u8FC7\u6E21** - \u6D88\u606F\u53D8\u5316\u65F6\u5E73\u6ED1\u66FF\u6362\uFF0C\u4E0D\u4EA7\u751F\u6EDA\u52A8\n *\n * \u8FD9\u662F\u5B9E\u73B0\"\u6D41\u52A8\u6027\"\u7684\u5173\u952E\u7EC4\u4EF6\n * \u4F7F\u7528\u7EDF\u4E00\u52A8\u753B\u7BA1\u7406\u5668\u4EE3\u66FF\u591A\u4E2A setInterval\uFF0C\u51CF\u5C11\u5C4F\u5E55\u95EA\u70C1\n */\n\nimport React, { useRef } from 'react'\nimport { Box, Text } from 'ink'\nimport { getTheme } from '@utils/theme'\nimport { SYMBOLS } from '@constants/symbols'\nimport { useUnifiedAnimation } from '@utils/animationManager'\n\ninterface Props {\n  /** \u5F53\u524D\u601D\u8003\u9636\u6BB5\u7684\u6D88\u606F */\n  message: string\n\n  /** \u662F\u5426\u663E\u793A Spinner \u52A8\u753B */\n  showSpinner?: boolean\n\n  /** \u662F\u5426\u663E\u793A\u7ECF\u8FC7\u65F6\u95F4 */\n  showElapsedTime?: boolean\n\n  /** \u8D77\u59CB\u65F6\u95F4 (\u7528\u4E8E\u8BA1\u7B97\u7ECF\u8FC7\u65F6\u95F4) */\n  startTime?: number\n}\n\n/**\n * AgentThinkingBlock - \u539F\u5730\u66F4\u65B0\u7684\u601D\u8003\u8FC7\u7A0B\u7EC4\u4EF6\n *\n * \u7528\u6CD5\u793A\u4F8B\uFF1A\n * ```tsx\n * // \u521D\u59CB\u6E32\u67D3\n * <AgentThinkingBlock message=\"Reading file...\" />\n *\n * // \u66F4\u65B0\u6D88\u606F (\u540C\u4E00\u4E2A\u7EC4\u4EF6\u5B9E\u4F8B\uFF0Cprops \u53D8\u5316)\n * <AgentThinkingBlock message=\"Analyzing code...\" />\n *\n * // \u518D\u6B21\u66F4\u65B0\n * <AgentThinkingBlock message=\"Generating response...\" />\n * ```\n *\n * \u7528\u6237\u770B\u5230\u7684\u6548\u679C\uFF1A\n * ```\n * \u00B7 Reading file...       \u2190 \u663E\u793A\n * \u2722 Analyzing code...     \u2190 \u66FF\u6362 (\u4E0D\u662F\u65B0\u884C)\n * \u2733 Generating response...  \u2190 \u518D\u6B21\u66FF\u6362\n * ```\n */\nexport function AgentThinkingBlock({\n  message,\n  showSpinner = true,\n  showElapsedTime = true,\n  startTime = Date.now(),\n}: Props): React.ReactNode {\n  const theme = getTheme()\n  const startTimeRef = useRef(startTime)\n\n  // Claude Code \u98CE\u683C\u7684\u601D\u8003\u52A8\u753B - 6\u5E27\u5FAA\u73AF\n  const frames = SYMBOLS.THINKING_FRAMES\n\n  // Use unified animation manager instead of separate setInterval timers\n  const { spinnerFrame, elapsedTime } = useUnifiedAnimation({\n    enabled: showSpinner || showElapsedTime,\n    startTime: startTimeRef.current,\n    spinnerFrameCount: frames.length,\n    componentId: 'agent-thinking-block',\n  })\n\n  return (\n    <Box flexDirection=\"row\" marginTop={1}>\n      {/* Spinner \u52A8\u753B */}\n      {showSpinner && (\n        <Box flexWrap=\"nowrap\" height={1} width={2}>\n          {/* \u4F7F\u7528\u6697\u6DE1\u8272 - \u5173\u952E\uFF1A\u8FC7\u6E21\u72B6\u6001\u5E94\u8BE5\u4E0D\u663E\u773C */}\n          <Text color={theme.dimmedText}>{frames[spinnerFrame]}</Text>\n        </Box>\n      )}\n\n      {/* \u601D\u8003\u6D88\u606F - \u4F7F\u7528\u6697\u6DE1\u8272\uFF0C\u7B26\u5408 Claude Code CLI \u89C4\u8303 */}\n      <Text color={theme.dimmedText}>\n        {message}\n        {showSpinner && '\u2026'}\n      </Text>\n\n      {/* \u7ECF\u8FC7\u65F6\u95F4\u548C\u63D0\u793A */}\n      {showElapsedTime && (\n        <Text color={theme.mutedText}>\n          {' '}\n          ({elapsedTime}s \u00B7 <Text bold>esc</Text> to interrupt)\n        </Text>\n      )}\n    </Box>\n  )\n}\n\n/**\n * \u8F7B\u91CF\u7EA7\u7684 Thinking Indicator (\u7528\u4E8E\u7D27\u51D1\u5E03\u5C40)\n */\nexport function ThinkingIndicator({\n  message,\n}: {\n  message: string\n}): React.ReactNode {\n  return <AgentThinkingBlock message={message} showElapsedTime={false} />\n}\n"],
+  "mappings": "AAaA,OAAO,SAAS,cAAc;AAC9B,SAAS,KAAK,YAAY;AAC1B,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,2BAA2B;AAsC7B,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,YAAY,KAAK,IAAI;AACvB,GAA2B;AACzB,QAAM,QAAQ,SAAS;AACvB,QAAM,eAAe,OAAO,SAAS;AAGrC,QAAM,SAAS,QAAQ;AAGvB,QAAM,EAAE,cAAc,YAAY,IAAI,oBAAoB;AAAA,IACxD,SAAS,eAAe;AAAA,IACxB,WAAW,aAAa;AAAA,IACxB,mBAAmB,OAAO;AAAA,IAC1B,aAAa;AAAA,EACf,CAAC;AAED,SACE,oCAAC,OAAI,eAAc,OAAM,WAAW,KAEjC,eACC,oCAAC,OAAI,UAAS,UAAS,QAAQ,GAAG,OAAO,KAEvC,oCAAC,QAAK,OAAO,MAAM,cAAa,OAAO,YAAY,CAAE,CACvD,GAIF,oCAAC,QAAK,OAAO,MAAM,cAChB,SACA,eAAe,QAClB,GAGC,mBACC,oCAAC,QAAK,OAAO,MAAM,aAChB,KAAI,KACH,aAAY,WAAI,oCAAC,QAAK,MAAI,QAAC,KAAG,GAAO,gBACzC,CAEJ;AAEJ;AAKO,SAAS,kBAAkB;AAAA,EAChC;AACF,GAEoB;AAClB,SAAO,oCAAC,sBAAmB,SAAkB,iBAAiB,OAAO;AACvE;",
   "names": []
 }

package/dist/components/BackgroundTasksPanel.js

@@ -1,7 +1,12 @@
 import { Box, Text, useInput } from "ink";
 import * as React from "react";
-import { useState, useEffect } from "react";
+import { useState, useEffect, useCallback } from "react";
 import { getTheme } from "../utils/theme.js";
+import {
+  getAllBackgroundAgents,
+  cancelBackgroundAgent,
+  backgroundAgentEvents
+} from "../utils/backgroundAgentManager.js";
 function BackgroundTasksPanel({
   shells,
   isVisible,
@@ -10,38 +15,51 @@ function BackgroundTasksPanel({
   onClose
 }) {
   const [selectedIndex, setSelectedIndex] = useState(0);
+  const [agents, setAgents] = useState([]);
   const theme = getTheme();
   useEffect(() => {
-    if (selectedIndex >= shells.length && shells.length > 0) {
-      setSelectedIndex(shells.length - 1);
+    setAgents(getAllBackgroundAgents());
+    const unsubscribe = backgroundAgentEvents.onStatusChange(() => {
+      setAgents(getAllBackgroundAgents());
+    });
+    return unsubscribe;
+  }, []);
+  const tasks = [
+    ...shells.map((shell) => ({ type: "shell", data: shell })),
+    ...agents.map((agent) => ({ type: "agent", data: agent }))
+  ];
+  useEffect(() => {
+    if (selectedIndex >= tasks.length && tasks.length > 0) {
+      setSelectedIndex(tasks.length - 1);
+    }
+  }, [tasks.length, selectedIndex]);
+  const handleKillSelected = useCallback(() => {
+    const selected = tasks[selectedIndex];
+    if (!selected) return;
+    if (selected.type === "shell") {
+      onKill(selected.data);
+    } else if (selected.type === "agent") {
+      cancelBackgroundAgent(selected.data.agentId);
+    }
+    if (selectedIndex >= tasks.length - 1 && tasks.length > 1) {
+      setSelectedIndex(tasks.length - 2);
     }
-  }, [shells.length, selectedIndex]);
+  }, [tasks, selectedIndex, onKill]);
   useInput(
     (input, key) => {
       if (key.upArrow) {
         setSelectedIndex((prev) => Math.max(0, prev - 1));
       } else if (key.downArrow) {
-        setSelectedIndex((prev) => Math.min(shells.length - 1, prev + 1));
+        setSelectedIndex((prev) => Math.min(tasks.length - 1, prev + 1));
       } else if (key.return) {
-        const selected = shells[selectedIndex];
-        if (selected) onSelect(selected);
-      } else if (input === "k" || input === "K") {
-        const selected = shells[selectedIndex];
-        if (selected) {
-          console.log(
-            "[BackgroundTasksPanel] Killing shell:",
-            selected.id,
-            selected.command
-          );
-          onKill(selected);
-          if (selectedIndex >= shells.length - 1 && shells.length > 1) {
-            setSelectedIndex(shells.length - 2);
-          }
+        const selected = tasks[selectedIndex];
+        if (selected?.type === "shell") {
+          onSelect(selected.data);
         }
+      } else if (input === "k" || input === "K") {
+        handleKillSelected();
       } else if (key.escape) {
         onClose();
-      } else {
-        console.log("[BackgroundTasksPanel] Unhandled input:", { input, key });
       }
     },
     { isActive: isVisible }
@@ -73,15 +91,36 @@ function BackgroundTasksPanel({
       case "running":
         return "\u25B6";
       case "done":
+      case "completed":
         return "\u2713";
       case "killed":
+      case "cancelled":
         return "\u2717";
+      case "failed":
+        return "!";
       default:
         return "\u2022";
     }
   };
-  const activeCount = shells.filter((s) => s.status === "running").length;
-  const countText = activeCount === 1 ? "1 active shell" : `${activeCount} active shells`;
+  const getTypeIcon = (task) => {
+    return task.type === "shell" ? ">" : "\u2699";
+  };
+  const activeShellCount = shells.filter((s) => s.status === "running").length;
+  const activeAgentCount = agents.filter((a) => a.status === "running").length;
+  const totalActive = activeShellCount + activeAgentCount;
+  let countText = "";
+  if (totalActive === 0) {
+    countText = "No active tasks";
+  } else {
+    const parts = [];
+    if (activeShellCount > 0) {
+      parts.push(`${activeShellCount} shell${activeShellCount > 1 ? "s" : ""}`);
+    }
+    if (activeAgentCount > 0) {
+      parts.push(`${activeAgentCount} agent${activeAgentCount > 1 ? "s" : ""}`);
+    }
+    countText = parts.join(", ") + " running";
+  }
   return /* @__PURE__ */ React.createElement(
     Box,
     {
@@ -94,19 +133,24 @@ function BackgroundTasksPanel({
     /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.primary }, "Background tasks")),
     /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, countText)),
     /* @__PURE__ */ React.createElement(Box, { height: 1 }),
-    shells.length === 0 ? /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "(No background tasks)")) : shells.map((shell, index) => {
+    tasks.length === 0 ? /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "(No background tasks)")) : tasks.map((task, index) => {
       const isSelected = index === selectedIndex;
       const bgColor = isSelected ? "cyan" : void 0;
-      const duration = formatDuration(shell.startTime, shell.endTime);
-      const summary = getSummary(shell);
-      return /* @__PURE__ */ React.createElement(Box, { key: shell.id }, /* @__PURE__ */ React.createElement(
+      const status = task.type === "shell" ? task.data.status : task.data.status;
+      const startTime = task.data.startTime;
+      const endTime = task.type === "shell" ? task.data.endTime : task.data.endTime;
+      const id = task.type === "shell" ? task.data.id : task.data.agentId;
+      const duration = formatDuration(startTime, endTime);
+      const summary = task.type === "shell" ? getShellSummary(task.data) : getAgentSummary(task.data);
+      return /* @__PURE__ */ React.createElement(Box, { key: `${task.type}-${id}` }, /* @__PURE__ */ React.createElement(
         Text,
         {
           backgroundColor: bgColor,
           color: isSelected ? "black" : theme.primary
         },
         isSelected ? "\u276F " : "  ",
-        /* @__PURE__ */ React.createElement(Text, { color: getStatusColor(shell.status) }, getStatusIcon(shell.status), " "),
+        /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, getTypeIcon(task), " "),
+        /* @__PURE__ */ React.createElement(Text, { color: getStatusColor(status) }, getStatusIcon(status), " "),
         summary,
         /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, " [", duration, "]")
       ));
@@ -115,13 +159,18 @@ function BackgroundTasksPanel({
     /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "\u2191/\u2193 to select \xB7 Enter to view \xB7 k to kill \xB7 Esc to close"))
   );
 }
-function getSummary(shell) {
+function getShellSummary(shell) {
   const maxCmdLen = 40;
   const cmd = shell.command.length > maxCmdLen ? shell.command.slice(0, maxCmdLen) + "\u2026" : shell.command;
   const lastLine = shell.stdout[shell.stdout.length - 1] || "";
   const preview = lastLine.slice(0, 30);
   return preview ? `${cmd} ${preview}\u2026` : cmd;
 }
+function getAgentSummary(agent) {
+  const maxLen = 50;
+  const desc = agent.description.length > maxLen ? agent.description.slice(0, maxLen) + "\u2026" : agent.description;
+  return `[${agent.agentType}] ${desc}`;
+}
 export {
   BackgroundTasksPanel
 };

package/dist/components/BackgroundTasksPanel.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/BackgroundTasksPanel.tsx"],
-  "sourcesContent": ["import { Box, Text, useInput } from 'ink'\nimport * as React from 'react'\nimport { useState, useEffect } from 'react'\nimport { getTheme } from '@utils/theme'\nimport type { BackgroundShell } from '@utils/BackgroundShellManager'\n\ntype Props = {\n  shells: BackgroundShell[]\n  isVisible: boolean\n  onSelect: (shell: BackgroundShell) => void\n  onKill: (shell: BackgroundShell) => void\n  onClose: () => void\n}\n\nexport function BackgroundTasksPanel({\n  shells,\n  isVisible,\n  onSelect,\n  onKill,\n  onClose,\n}: Props) {\n  const [selectedIndex, setSelectedIndex] = useState(0)\n  const theme = getTheme()\n\n  // Reset selection when shells list changes\n  useEffect(() => {\n    if (selectedIndex >= shells.length && shells.length > 0) {\n      setSelectedIndex(shells.length - 1)\n    }\n  }, [shells.length, selectedIndex])\n\n  useInput(\n    (input, key) => {\n      if (key.upArrow) {\n        setSelectedIndex(prev => Math.max(0, prev - 1))\n      } else if (key.downArrow) {\n        setSelectedIndex(prev => Math.min(shells.length - 1, prev + 1))\n      } else if (key.return) {\n        const selected = shells[selectedIndex]\n        if (selected) onSelect(selected)\n      } else if (input === 'k' || input === 'K') {\n        const selected = shells[selectedIndex]\n        if (selected) {\n          console.log(\n            '[BackgroundTasksPanel] Killing shell:',\n            selected.id,\n            selected.command,\n          )\n          onKill(selected)\n          // Update selection if we killed the last item\n          if (selectedIndex >= shells.length - 1 && shells.length > 1) {\n            setSelectedIndex(shells.length - 2)\n          }\n        }\n      } else if (key.escape) {\n        onClose()\n      } else {\n        // Debug: log unhandled input\n        console.log('[BackgroundTasksPanel] Unhandled input:', { input, key })\n      }\n    },\n    { isActive: isVisible },\n  )\n\n  if (!isVisible) return null\n\n  const formatDuration = (startTime: number, endTime?: number): string => {\n    const duration = endTime ? endTime - startTime : Date.now() - startTime\n    const seconds = Math.floor(duration / 1000)\n    if (seconds < 60) return `${seconds}s`\n    const minutes = Math.floor(seconds / 60)\n    if (minutes < 60) return `${minutes}m ${seconds % 60}s`\n    const hours = Math.floor(minutes / 60)\n    return `${hours}h ${minutes % 60}m`\n  }\n\n  const getStatusColor = (status: string) => {\n    switch (status) {\n      case 'running':\n        return theme.success\n      case 'done':\n        return theme.secondaryText\n      case 'killed':\n        return theme.error\n      default:\n        return theme.primary\n    }\n  }\n\n  const getStatusIcon = (status: string) => {\n    switch (status) {\n      case 'running':\n        return '\u25B6'\n      case 'done':\n        return '\u2713'\n      case 'killed':\n        return '\u2717'\n      default:\n        return '\u2022'\n    }\n  }\n\n  const activeCount = shells.filter(s => s.status === 'running').length\n  const countText =\n    activeCount === 1 ? '1 active shell' : `${activeCount} active shells`\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      borderStyle=\"single\"\n      borderColor={theme.secondaryBorder}\n      paddingX={1}\n      marginBottom={1}\n    >\n      <Box>\n        <Text bold color={theme.primary}>\n          Background tasks\n        </Text>\n      </Box>\n      <Box>\n        <Text color={theme.secondaryText}>{countText}</Text>\n      </Box>\n      <Box height={1} />\n\n      {shells.length === 0 ? (\n        <Box>\n          <Text color={theme.secondaryText}>(No background tasks)</Text>\n        </Box>\n      ) : (\n        shells.map((shell, index) => {\n          const isSelected = index === selectedIndex\n          const bgColor = isSelected ? 'cyan' : undefined\n          const duration = formatDuration(shell.startTime, shell.endTime)\n          const summary = getSummary(shell)\n\n          return (\n            <Box key={shell.id}>\n              <Text\n                backgroundColor={bgColor}\n                color={isSelected ? 'black' : theme.primary}\n              >\n                {isSelected ? '\u276F ' : '  '}\n                <Text color={getStatusColor(shell.status)}>\n                  {getStatusIcon(shell.status)}{' '}\n                </Text>\n                {summary}\n                <Text color={theme.secondaryText}> [{duration}]</Text>\n              </Text>\n            </Box>\n          )\n        })\n      )}\n\n      <Box height={1} />\n      <Box>\n        <Text color={theme.secondaryText}>\n          \u2191/\u2193 to select \u00B7 Enter to view \u00B7 k to kill \u00B7 Esc to close\n        </Text>\n      </Box>\n    </Box>\n  )\n}\n\nfunction getSummary(shell: BackgroundShell): string {\n  // Get command (truncate if too long)\n  const maxCmdLen = 40\n  const cmd =\n    shell.command.length > maxCmdLen\n      ? shell.command.slice(0, maxCmdLen) + '\u2026'\n      : shell.command\n\n  // Get last few lines of output for preview\n  const lastLine = shell.stdout[shell.stdout.length - 1] || ''\n  const preview = lastLine.slice(0, 30)\n\n  return preview ? `${cmd} ${preview}\u2026` : cmd\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Box, Text, useInput } from 'ink'\nimport * as React from 'react'\nimport { useState, useEffect, useCallback } from 'react'\nimport { getTheme } from '@utils/theme'\nimport type { BackgroundShell } from '@utils/BackgroundShellManager'\nimport {\n  type BackgroundAgentInfo,\n  getAllBackgroundAgents,\n  cancelBackgroundAgent,\n  backgroundAgentEvents,\n} from '@utils/backgroundAgentManager'\n\n/**\n * Unified background task type for both shells and agents\n */\nexport type BackgroundTask =\n  | { type: 'shell'; data: BackgroundShell }\n  | { type: 'agent'; data: BackgroundAgentInfo }\n\ntype Props = {\n  shells: BackgroundShell[]\n  isVisible: boolean\n  onSelect: (shell: BackgroundShell) => void\n  onKill: (shell: BackgroundShell) => void\n  onClose: () => void\n}\n\nexport function BackgroundTasksPanel({\n  shells,\n  isVisible,\n  onSelect,\n  onKill,\n  onClose,\n}: Props) {\n  const [selectedIndex, setSelectedIndex] = useState(0)\n  const [agents, setAgents] = useState<BackgroundAgentInfo[]>([])\n  const theme = getTheme()\n\n  // Subscribe to background agent events for real-time updates\n  useEffect(() => {\n    // Initialize with current agents\n    setAgents(getAllBackgroundAgents())\n\n    // Subscribe to status changes\n    const unsubscribe = backgroundAgentEvents.onStatusChange(() => {\n      setAgents(getAllBackgroundAgents())\n    })\n\n    return unsubscribe\n  }, [])\n\n  // Combine shells and agents into unified task list\n  const tasks: BackgroundTask[] = [\n    ...shells.map(shell => ({ type: 'shell' as const, data: shell })),\n    ...agents.map(agent => ({ type: 'agent' as const, data: agent })),\n  ]\n\n  // Reset selection when task list changes\n  useEffect(() => {\n    if (selectedIndex >= tasks.length && tasks.length > 0) {\n      setSelectedIndex(tasks.length - 1)\n    }\n  }, [tasks.length, selectedIndex])\n\n  // Handle killing the selected task\n  const handleKillSelected = useCallback(() => {\n    const selected = tasks[selectedIndex]\n    if (!selected) return\n\n    if (selected.type === 'shell') {\n      onKill(selected.data)\n    } else if (selected.type === 'agent') {\n      cancelBackgroundAgent(selected.data.agentId)\n    }\n\n    // Update selection if we killed the last item\n    if (selectedIndex >= tasks.length - 1 && tasks.length > 1) {\n      setSelectedIndex(tasks.length - 2)\n    }\n  }, [tasks, selectedIndex, onKill])\n\n  useInput(\n    (input, key) => {\n      if (key.upArrow) {\n        setSelectedIndex(prev => Math.max(0, prev - 1))\n      } else if (key.downArrow) {\n        setSelectedIndex(prev => Math.min(tasks.length - 1, prev + 1))\n      } else if (key.return) {\n        const selected = tasks[selectedIndex]\n        if (selected?.type === 'shell') {\n          onSelect(selected.data)\n        }\n        // Agent selection could be added later for viewing results\n      } else if (input === 'k' || input === 'K') {\n        handleKillSelected()\n      } else if (key.escape) {\n        onClose()\n      }\n    },\n    { isActive: isVisible },\n  )\n\n  if (!isVisible) return null\n\n  const formatDuration = (startTime: number, endTime?: number): string => {\n    const duration = endTime ? endTime - startTime : Date.now() - startTime\n    const seconds = Math.floor(duration / 1000)\n    if (seconds < 60) return `${seconds}s`\n    const minutes = Math.floor(seconds / 60)\n    if (minutes < 60) return `${minutes}m ${seconds % 60}s`\n    const hours = Math.floor(minutes / 60)\n    return `${hours}h ${minutes % 60}m`\n  }\n\n  const getStatusColor = (status: string) => {\n    switch (status) {\n      case 'running':\n        return theme.success\n      case 'done':\n        return theme.secondaryText\n      case 'killed':\n        return theme.error\n      default:\n        return theme.primary\n    }\n  }\n\n  const getStatusIcon = (status: string) => {\n    switch (status) {\n      case 'running':\n        return '\u25B6'\n      case 'done':\n      case 'completed':\n        return '\u2713'\n      case 'killed':\n      case 'cancelled':\n        return '\u2717'\n      case 'failed':\n        return '!'\n      default:\n        return '\u2022'\n    }\n  }\n\n  // Get task type icon\n  const getTypeIcon = (task: BackgroundTask) => {\n    return task.type === 'shell' ? '>' : '\u2699'\n  }\n\n  // Count active tasks\n  const activeShellCount = shells.filter(s => s.status === 'running').length\n  const activeAgentCount = agents.filter(a => a.status === 'running').length\n  const totalActive = activeShellCount + activeAgentCount\n\n  // Build count text\n  let countText = ''\n  if (totalActive === 0) {\n    countText = 'No active tasks'\n  } else {\n    const parts: string[] = []\n    if (activeShellCount > 0) {\n      parts.push(`${activeShellCount} shell${activeShellCount > 1 ? 's' : ''}`)\n    }\n    if (activeAgentCount > 0) {\n      parts.push(`${activeAgentCount} agent${activeAgentCount > 1 ? 's' : ''}`)\n    }\n    countText = parts.join(', ') + ' running'\n  }\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      borderStyle=\"single\"\n      borderColor={theme.secondaryBorder}\n      paddingX={1}\n      marginBottom={1}\n    >\n      <Box>\n        <Text bold color={theme.primary}>\n          Background tasks\n        </Text>\n      </Box>\n      <Box>\n        <Text color={theme.secondaryText}>{countText}</Text>\n      </Box>\n      <Box height={1} />\n\n      {tasks.length === 0 ? (\n        <Box>\n          <Text color={theme.secondaryText}>(No background tasks)</Text>\n        </Box>\n      ) : (\n        tasks.map((task, index) => {\n          const isSelected = index === selectedIndex\n          const bgColor = isSelected ? 'cyan' : undefined\n\n          // Extract common properties based on task type\n          const status =\n            task.type === 'shell' ? task.data.status : task.data.status\n          const startTime = task.data.startTime\n          const endTime =\n            task.type === 'shell' ? task.data.endTime : task.data.endTime\n          const id = task.type === 'shell' ? task.data.id : task.data.agentId\n          const duration = formatDuration(startTime, endTime)\n\n          // Get summary based on task type\n          const summary =\n            task.type === 'shell'\n              ? getShellSummary(task.data)\n              : getAgentSummary(task.data)\n\n          return (\n            <Box key={`${task.type}-${id}`}>\n              <Text\n                backgroundColor={bgColor}\n                color={isSelected ? 'black' : theme.primary}\n              >\n                {isSelected ? '\u276F ' : '  '}\n                <Text color={theme.secondaryText}>{getTypeIcon(task)} </Text>\n                <Text color={getStatusColor(status)}>\n                  {getStatusIcon(status)}{' '}\n                </Text>\n                {summary}\n                <Text color={theme.secondaryText}> [{duration}]</Text>\n              </Text>\n            </Box>\n          )\n        })\n      )}\n\n      <Box height={1} />\n      <Box>\n        <Text color={theme.secondaryText}>\n          \u2191/\u2193 to select \u00B7 Enter to view \u00B7 k to kill \u00B7 Esc to close\n        </Text>\n      </Box>\n    </Box>\n  )\n}\n\nfunction getShellSummary(shell: BackgroundShell): string {\n  // Get command (truncate if too long)\n  const maxCmdLen = 40\n  const cmd =\n    shell.command.length > maxCmdLen\n      ? shell.command.slice(0, maxCmdLen) + '\u2026'\n      : shell.command\n\n  // Get last few lines of output for preview\n  const lastLine = shell.stdout[shell.stdout.length - 1] || ''\n  const preview = lastLine.slice(0, 30)\n\n  return preview ? `${cmd} ${preview}\u2026` : cmd\n}\n\nfunction getAgentSummary(agent: BackgroundAgentInfo): string {\n  // Get description (truncate if too long)\n  const maxLen = 50\n  const desc =\n    agent.description.length > maxLen\n      ? agent.description.slice(0, maxLen) + '\u2026'\n      : agent.description\n\n  return `[${agent.agentType}] ${desc}`\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/components/BashStreamingProgress.js

@@ -0,0 +1,24 @@
+import { Box, Text } from "ink";
+import * as React from "react";
+import { getTheme } from "../utils/theme.js";
+const DEFAULT_MAX_LINES = 10;
+function BashStreamingProgress({
+  stdout,
+  stderr,
+  isStreaming,
+  maxLines = DEFAULT_MAX_LINES
+}) {
+  const theme = getTheme();
+  const stdoutLines = stdout ? stdout.split("\n").filter((line) => line.length > 0) : [];
+  const stderrLines = stderr ? stderr.split("\n").filter((line) => line.length > 0) : [];
+  const visibleStdoutLines = stdoutLines.slice(-maxLines);
+  const hiddenStdoutCount = Math.max(0, stdoutLines.length - maxLines);
+  const visibleStderrLines = stderrLines.slice(-maxLines);
+  const hiddenStderrCount = Math.max(0, stderrLines.length - maxLines);
+  const hasOutput = stdoutLines.length > 0 || stderrLines.length > 0;
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, visibleStdoutLines.length > 0 && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "\xA0\xA0\u23BF "), hiddenStdoutCount > 0 && /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "(", hiddenStdoutCount, " lines hidden)")), visibleStdoutLines.map((line, index) => /* @__PURE__ */ React.createElement(Box, { key: `stdout-${index}`, paddingLeft: 4 }, /* @__PURE__ */ React.createElement(Text, null, line)))), visibleStderrLines.length > 0 && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: theme.error }, "\xA0\xA0\u23BF "), hiddenStderrCount > 0 && /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "(", hiddenStderrCount, " error lines hidden)")), visibleStderrLines.map((line, index) => /* @__PURE__ */ React.createElement(Box, { key: `stderr-${index}`, paddingLeft: 4 }, /* @__PURE__ */ React.createElement(Text, { color: theme.error }, line)))), !hasOutput && isStreaming && /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "\xA0\xA0\u23BF "), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "(waiting for output...)")), isStreaming && hasOutput && /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", paddingLeft: 4 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "...")));
+}
+export {
+  BashStreamingProgress
+};
+//# sourceMappingURL=BashStreamingProgress.js.map

package/dist/components/BashStreamingProgress.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/BashStreamingProgress.tsx"],
+  "sourcesContent": ["import { Box, Text } from 'ink'\nimport * as React from 'react'\nimport { getTheme } from '@utils/theme'\n\n/**\n * Props for BashStreamingProgress component\n * Displays real-time streaming output from Bash commands\n */\ntype Props = {\n  stdout: string\n  stderr: string\n  isStreaming: boolean\n  maxLines?: number\n}\n\nconst DEFAULT_MAX_LINES = 10\n\n/**\n * Component for displaying real-time streaming Bash output\n * Used during command execution to show progressive output\n */\nexport function BashStreamingProgress({\n  stdout,\n  stderr,\n  isStreaming,\n  maxLines = DEFAULT_MAX_LINES,\n}: Props) {\n  const theme = getTheme()\n\n  // Split output into lines and calculate visibility\n  const stdoutLines = stdout\n    ? stdout.split('\\n').filter(line => line.length > 0)\n    : []\n  const stderrLines = stderr\n    ? stderr.split('\\n').filter(line => line.length > 0)\n    : []\n\n  // Calculate visible lines (show last N lines for tailing behavior)\n  const visibleStdoutLines = stdoutLines.slice(-maxLines)\n  const hiddenStdoutCount = Math.max(0, stdoutLines.length - maxLines)\n\n  const visibleStderrLines = stderrLines.slice(-maxLines)\n  const hiddenStderrCount = Math.max(0, stderrLines.length - maxLines)\n\n  const hasOutput = stdoutLines.length > 0 || stderrLines.length > 0\n\n  return (\n    <Box flexDirection=\"column\">\n      {/* Stdout output */}\n      {visibleStdoutLines.length > 0 && (\n        <Box flexDirection=\"column\">\n          <Box flexDirection=\"row\">\n            <Text color={theme.secondaryText}>&nbsp;&nbsp;\u23BF </Text>\n            {hiddenStdoutCount > 0 && (\n              <Text color={theme.secondaryText}>\n                ({hiddenStdoutCount} lines hidden)\n              </Text>\n            )}\n          </Box>\n          {visibleStdoutLines.map((line, index) => (\n            <Box key={`stdout-${index}`} paddingLeft={4}>\n              <Text>{line}</Text>\n            </Box>\n          ))}\n        </Box>\n      )}\n\n      {/* Stderr output */}\n      {visibleStderrLines.length > 0 && (\n        <Box flexDirection=\"column\">\n          <Box flexDirection=\"row\">\n            <Text color={theme.error}>&nbsp;&nbsp;\u23BF </Text>\n            {hiddenStderrCount > 0 && (\n              <Text color={theme.secondaryText}>\n                ({hiddenStderrCount} error lines hidden)\n              </Text>\n            )}\n          </Box>\n          {visibleStderrLines.map((line, index) => (\n            <Box key={`stderr-${index}`} paddingLeft={4}>\n              <Text color={theme.error}>{line}</Text>\n            </Box>\n          ))}\n        </Box>\n      )}\n\n      {/* Empty output indicator */}\n      {!hasOutput && isStreaming && (\n        <Box flexDirection=\"row\">\n          <Text color={theme.secondaryText}>&nbsp;&nbsp;\u23BF </Text>\n          <Text color={theme.secondaryText}>(waiting for output...)</Text>\n        </Box>\n      )}\n\n      {/* Streaming indicator */}\n      {isStreaming && hasOutput && (\n        <Box flexDirection=\"row\" paddingLeft={4}>\n          <Text color={theme.secondaryText}>...</Text>\n        </Box>\n      )}\n    </Box>\n  )\n}\n"],
+  "mappings": "AAAA,SAAS,KAAK,YAAY;AAC1B,YAAY,WAAW;AACvB,SAAS,gBAAgB;AAazB,MAAM,oBAAoB;AAMnB,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AACb,GAAU;AACR,QAAM,QAAQ,SAAS;AAGvB,QAAM,cAAc,SAChB,OAAO,MAAM,IAAI,EAAE,OAAO,UAAQ,KAAK,SAAS,CAAC,IACjD,CAAC;AACL,QAAM,cAAc,SAChB,OAAO,MAAM,IAAI,EAAE,OAAO,UAAQ,KAAK,SAAS,CAAC,IACjD,CAAC;AAGL,QAAM,qBAAqB,YAAY,MAAM,CAAC,QAAQ;AACtD,QAAM,oBAAoB,KAAK,IAAI,GAAG,YAAY,SAAS,QAAQ;AAEnE,QAAM,qBAAqB,YAAY,MAAM,CAAC,QAAQ;AACtD,QAAM,oBAAoB,KAAK,IAAI,GAAG,YAAY,SAAS,QAAQ;AAEnE,QAAM,YAAY,YAAY,SAAS,KAAK,YAAY,SAAS;AAEjE,SACE,oCAAC,OAAI,eAAc,YAEhB,mBAAmB,SAAS,KAC3B,oCAAC,OAAI,eAAc,YACjB,oCAAC,OAAI,eAAc,SACjB,oCAAC,QAAK,OAAO,MAAM,iBAAe,iBAAc,GAC/C,oBAAoB,KACnB,oCAAC,QAAK,OAAO,MAAM,iBAAe,KAC9B,mBAAkB,gBACtB,CAEJ,GACC,mBAAmB,IAAI,CAAC,MAAM,UAC7B,oCAAC,OAAI,KAAK,UAAU,KAAK,IAAI,aAAa,KACxC,oCAAC,YAAM,IAAK,CACd,CACD,CACH,GAID,mBAAmB,SAAS,KAC3B,oCAAC,OAAI,eAAc,YACjB,oCAAC,OAAI,eAAc,SACjB,oCAAC,QAAK,OAAO,MAAM,SAAO,iBAAc,GACvC,oBAAoB,KACnB,oCAAC,QAAK,OAAO,MAAM,iBAAe,KAC9B,mBAAkB,sBACtB,CAEJ,GACC,mBAAmB,IAAI,CAAC,MAAM,UAC7B,oCAAC,OAAI,KAAK,UAAU,KAAK,IAAI,aAAa,KACxC,oCAAC,QAAK,OAAO,MAAM,SAAQ,IAAK,CAClC,CACD,CACH,GAID,CAAC,aAAa,eACb,oCAAC,OAAI,eAAc,SACjB,oCAAC,QAAK,OAAO,MAAM,iBAAe,iBAAc,GAChD,oCAAC,QAAK,OAAO,MAAM,iBAAe,yBAAuB,CAC3D,GAID,eAAe,aACd,oCAAC,OAAI,eAAc,OAAM,aAAa,KACpC,oCAAC,QAAK,OAAO,MAAM,iBAAe,KAAG,CACvC,CAEJ;AAEJ;",
+  "names": []
+}

package/dist/components/CollapsibleHint.js

@@ -0,0 +1,14 @@
+import React from "react";
+import { Text } from "ink";
+function CollapsibleHint({
+  canExpand,
+  shortcut = "ctrl+o",
+  action = "expand"
+}) {
+  if (!canExpand) return null;
+  return /* @__PURE__ */ React.createElement(Text, { dimColor: true }, " ", "(", shortcut, " to ", action, ")");
+}
+export {
+  CollapsibleHint
+};
+//# sourceMappingURL=CollapsibleHint.js.map