@within-7/minto 0.3.6 → 0.3.10

package/dist/commands/resume.js

@@ -1,33 +1,268 @@
-import * as React from "react";
-import { ResumeConversation } from "../screens/ResumeConversation.js";
+import React, { useState, useMemo } from "react";
 import { render } from "ink";
+import path from "path";
+import { t } from "../i18n/index.js";
+import { getCwd } from "../utils/state.js";
 import { CACHE_PATHS, loadLogList } from "../utils/log.js";
+import { deserializeMessages } from "../utils/conversationRecovery.js";
+import { getNextAvailableLogForkNumber, logError } from "../utils/log.js";
+import { isDefaultSlowAndCapableModel } from "../utils/model.js";
+import { prepareTerminalForREPL } from "../utils/terminal.js";
+import { REPL } from "../screens/REPL.js";
+import {
+  TabbedListView
+} from "../components/TabbedListView/index.js";
+function formatDate(date) {
+  const now = /* @__PURE__ */ new Date();
+  const hours = date.getHours().toString().padStart(2, "0");
+  const minutes = date.getMinutes().toString().padStart(2, "0");
+  const timeStr = `${hours}:${minutes}`;
+  const isToday = date.getDate() === now.getDate() && date.getMonth() === now.getMonth() && date.getFullYear() === now.getFullYear();
+  if (isToday) {
+    return `${t("commands.sessions.today")} ${timeStr}`;
+  }
+  const yesterday = new Date(now);
+  yesterday.setDate(yesterday.getDate() - 1);
+  const isYesterday = date.getDate() === yesterday.getDate() && date.getMonth() === yesterday.getMonth() && date.getFullYear() === yesterday.getFullYear();
+  if (isYesterday) {
+    return `${t("commands.sessions.yesterday")} ${timeStr}`;
+  }
+  const month = (date.getMonth() + 1).toString().padStart(2, "0");
+  const day = date.getDate().toString().padStart(2, "0");
+  return `${month}-${day} ${timeStr}`;
+}
+function truncate(str, maxLength) {
+  if (str.length <= maxLength) return str;
+  return str.slice(0, maxLength - 3) + "...";
+}
+function wasCleared(log) {
+  for (let i = log.messages.length - 1; i >= 0; i--) {
+    const msg = log.messages[i];
+    if (msg.type === "user") {
+      const content = typeof msg.message?.content === "string" ? msg.message.content : Array.isArray(msg.message?.content) ? msg.message.content.filter((c) => c.type === "text").map((c) => c.text).join("") : "";
+      return content.includes("<command-name>clear</command-name>");
+    }
+  }
+  return false;
+}
+function deduplicateLogForks(logs) {
+  const groupedByDate = /* @__PURE__ */ new Map();
+  for (const log of logs) {
+    const existing = groupedByDate.get(log.date) || [];
+    existing.push(log);
+    groupedByDate.set(log.date, existing);
+  }
+  const deduped = [];
+  for (const [, group] of groupedByDate) {
+    const sorted = group.sort((a, b) => {
+      const forkDiff = (b.forkNumber ?? 0) - (a.forkNumber ?? 0);
+      if (forkDiff !== 0) return forkDiff;
+      return b.modified.getTime() - a.modified.getTime();
+    });
+    if (sorted[0]) {
+      deduped.push(sorted[0]);
+    }
+  }
+  return deduped.sort((a, b) => b.modified.getTime() - a.modified.getTime());
+}
+function getLogProjectPath(log) {
+  const firstMessage = log.messages[0];
+  return firstMessage?.cwd || null;
+}
+function getProjectName(projectPath) {
+  return path.basename(projectPath) || projectPath;
+}
+function extractFirstPrompt(log) {
+  for (const msg of log.messages) {
+    if (msg.type === "user") {
+      let content = "";
+      if (typeof msg.message?.content === "string") {
+        content = msg.message.content;
+      } else if (Array.isArray(msg.message?.content)) {
+        content = msg.message.content.filter((c) => c.type === "text").map((c) => c.text).join("");
+      }
+      const trimmed = content.trim();
+      if (trimmed.startsWith("<system-reminder>") || trimmed.startsWith("<command-name>") || trimmed.startsWith("<") && trimmed.includes("</")) {
+        continue;
+      }
+      const firstLine = content.split("\n")[0]?.trim() || "";
+      if (firstLine) {
+        return firstLine;
+      }
+    }
+  }
+  return log.firstPrompt || "No prompt";
+}
+function countToolCalls(log) {
+  let count = 0;
+  for (const msg of log.messages) {
+    if (msg.type === "assistant" && Array.isArray(msg.message?.content)) {
+      for (const block of msg.message.content) {
+        if (block.type === "tool_use") {
+          count++;
+        }
+      }
+    }
+  }
+  return count;
+}
+function logToListItem(log) {
+  const dateStr = formatDate(log.modified);
+  const projectPath = getLogProjectPath(log) || "";
+  const projectName = projectPath ? truncate(getProjectName(projectPath), 15) : "";
+  const msgCount = log.messageCount;
+  const toolCount = countToolCalls(log);
+  const firstPrompt = extractFirstPrompt(log);
+  return {
+    id: log.fullPath,
+    // Use fullPath as unique id (date can be duplicated for forks)
+    label: truncate(firstPrompt, 45),
+    description: projectName || void 0,
+    metadata: `${dateStr} \xB7 ${msgCount} msgs \xB7 ${toolCount} tools`,
+    category: projectName || "Unknown",
+    data: log
+  };
+}
+function ResumeDisplay({
+  recentLogs,
+  projectLogs,
+  allLogs,
+  tools,
+  commands,
+  verbose,
+  onClose,
+  unmount
+}) {
+  const [activeTab, setActiveTab] = useState("recent");
+  const [searchQuery, setSearchQuery] = useState("");
+  const tabs = useMemo(
+    () => [
+      {
+        id: "recent",
+        label: t("commands.sessions.title"),
+        badge: recentLogs.length
+      },
+      {
+        id: "project",
+        label: t("commands.sessions.headerProject"),
+        badge: projectLogs.length
+      },
+      {
+        id: "all",
+        label: t("common.all"),
+        badge: allLogs.length
+      }
+    ],
+    [recentLogs.length, projectLogs.length, allLogs.length]
+  );
+  const items = useMemo(() => {
+    let logs;
+    switch (activeTab) {
+      case "project":
+        logs = projectLogs;
+        break;
+      case "all":
+        logs = allLogs;
+        break;
+      case "recent":
+      default:
+        logs = recentLogs;
+    }
+    return logs.map(logToListItem);
+  }, [activeTab, recentLogs, projectLogs, allLogs]);
+  const handleSelect = async (item) => {
+    const log = item.data;
+    try {
+      onClose();
+      const isDefaultModel = await isDefaultSlowAndCapableModel();
+      unmount();
+      await prepareTerminalForREPL();
+      render(
+        /* @__PURE__ */ React.createElement(
+          REPL,
+          {
+            messageLogName: log.date,
+            initialPrompt: "",
+            shouldShowPromptInput: true,
+            verbose,
+            commands,
+            tools,
+            initialMessages: deserializeMessages(log.messages, tools),
+            initialForkNumber: getNextAvailableLogForkNumber(
+              log.date,
+              log.forkNumber ?? 1,
+              0
+            ),
+            isDefaultModel,
+            isResumedConversation: true
+          }
+        ),
+        {
+          exitOnCtrlC: false
+        }
+      );
+    } catch (e) {
+      logError(`Failed to load conversation: ${e}`);
+      throw e;
+    }
+  };
+  return /* @__PURE__ */ React.createElement(
+    TabbedListView,
+    {
+      title: t("commands.resume.title"),
+      tabs,
+      activeTab,
+      onTabChange: setActiveTab,
+      items,
+      searchEnabled: true,
+      searchPlaceholder: t("ui.tabbedList.search"),
+      searchQuery,
+      onSearchChange: setSearchQuery,
+      onSelect: handleSelect,
+      onClose,
+      emptyText: t("commands.resume.noSessions"),
+      footerHint: t("commands.resume.navigationHint"),
+      groupByCategory: activeTab === "all"
+    }
+  );
+}
 var resume_default = {
   type: "local-jsx",
   name: "resume",
-  description: "Resume a previous conversation from this project",
+  description: t("commands.resume.description"),
   isEnabled: true,
   isHidden: false,
+  hidePromptInput: true,
   aliases: ["r"],
   userFacingName() {
     return "resume";
   },
   async call(onDone, context) {
     const { commands = [], tools = [], verbose = false } = context.options || {};
-    const logs = await loadLogList(CACHE_PATHS.messages());
-    render(
-      /* @__PURE__ */ React.createElement(
-        ResumeConversation,
-        {
-          commands,
-          context: { unmount: onDone },
-          logs,
-          tools,
-          verbose
-        }
-      )
+    const cwd = getCwd();
+    const allRawLogs = await loadLogList(CACHE_PATHS.messages());
+    const validLogs = deduplicateLogForks(
+      allRawLogs.filter((log) => !wasCleared(log))
+    );
+    const recentLogs = validLogs.slice(0, 20);
+    const projectLogs = validLogs.filter((log) => {
+      const logPath = getLogProjectPath(log);
+      return logPath === cwd;
+    });
+    const allLogs = validLogs.slice(0, 100);
+    return /* @__PURE__ */ React.createElement(
+      ResumeDisplay,
+      {
+        recentLogs,
+        projectLogs,
+        allLogs,
+        tools,
+        commands,
+        verbose,
+        onClose: onDone,
+        unmount: context.unmount
+      }
     );
-    return null;
   }
 };
 export {

package/dist/commands/resume.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/commands/resume.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport type { Command } from '@commands'\nimport { ResumeConversation } from '@screens/ResumeConversation'\nimport { render } from 'ink'\nimport { CACHE_PATHS, loadLogList } from '@utils/log'\n\nexport default {\n  type: 'local-jsx',\n  name: 'resume',\n  description: 'Resume a previous conversation from this project',\n  isEnabled: true,\n  isHidden: false,\n  aliases: ['r'],\n  userFacingName() {\n    return 'resume'\n  },\n  async call(onDone, context) {\n    const { commands = [], tools = [], verbose = false } = context.options || {}\n    const logs = await loadLogList(CACHE_PATHS.messages())\n    render(\n      <ResumeConversation\n        commands={commands}\n        context={{ unmount: onDone }}\n        logs={logs}\n        tools={tools}\n        verbose={verbose}\n      />,\n    )\n    // This return is here for type only\n    return null\n  },\n} satisfies Command\n"],
-  "mappings": "AAAA,YAAY,WAAW;AAEvB,SAAS,0BAA0B;AACnC,SAAS,cAAc;AACvB,SAAS,aAAa,mBAAmB;AAEzC,IAAO,iBAAQ;AAAA,EACb,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa;AAAA,EACb,WAAW;AAAA,EACX,UAAU;AAAA,EACV,SAAS,CAAC,GAAG;AAAA,EACb,iBAAiB;AACf,WAAO;AAAA,EACT;AAAA,EACA,MAAM,KAAK,QAAQ,SAAS;AAC1B,UAAM,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,GAAG,UAAU,MAAM,IAAI,QAAQ,WAAW,CAAC;AAC3E,UAAM,OAAO,MAAM,YAAY,YAAY,SAAS,CAAC;AACrD;AAAA,MACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,SAAS,EAAE,SAAS,OAAO;AAAA,UAC3B;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,IACF;AAEA,WAAO;AAAA,EACT;AACF;",
+  "sourcesContent": ["/**\n * Resume Command\n *\n * Resume a previous conversation.\n * Uses TabbedListView with 3 tabs: Recent, Project, All.\n *\n * Usage:\n *   /resume           # Show sessions with tabs\n *   /r                # Alias\n */\n\nimport React, { useState, useMemo } from 'react'\nimport { render } from 'ink'\nimport path from 'path'\nimport type { Command } from '@commands'\nimport { t } from '@i18n'\nimport { getCwd } from '@utils/state'\nimport { CACHE_PATHS, loadLogList } from '@utils/log'\nimport type { LogOption } from '@minto-types/logs'\nimport { deserializeMessages } from '@utils/conversationRecovery'\nimport { getNextAvailableLogForkNumber, logError } from '@utils/log'\nimport { isDefaultSlowAndCapableModel } from '@utils/model'\nimport { prepareTerminalForREPL } from '@utils/terminal'\nimport { REPL } from '@screens/REPL'\nimport type { Tool } from '@tool'\nimport {\n  TabbedListView,\n  type ListItem,\n  type TabDefinition,\n} from '@components/TabbedListView'\n\n/**\n * Format date for display\n * - Today: \"Today HH:mm\"\n * - Yesterday: \"Yesterday HH:mm\"\n * - Other: \"MM-DD HH:mm\"\n */\nfunction formatDate(date: Date): string {\n  const now = new Date()\n\n  const hours = date.getHours().toString().padStart(2, '0')\n  const minutes = date.getMinutes().toString().padStart(2, '0')\n  const timeStr = `${hours}:${minutes}`\n\n  // Check if it's today\n  const isToday =\n    date.getDate() === now.getDate() &&\n    date.getMonth() === now.getMonth() &&\n    date.getFullYear() === now.getFullYear()\n\n  if (isToday) {\n    return `${t('commands.sessions.today')} ${timeStr}`\n  }\n\n  // Check if it's yesterday\n  const yesterday = new Date(now)\n  yesterday.setDate(yesterday.getDate() - 1)\n  const isYesterday =\n    date.getDate() === yesterday.getDate() &&\n    date.getMonth() === yesterday.getMonth() &&\n    date.getFullYear() === yesterday.getFullYear()\n\n  if (isYesterday) {\n    return `${t('commands.sessions.yesterday')} ${timeStr}`\n  }\n\n  // Default format: MM-DD HH:mm\n  const month = (date.getMonth() + 1).toString().padStart(2, '0')\n  const day = date.getDate().toString().padStart(2, '0')\n  return `${month}-${day} ${timeStr}`\n}\n\n/**\n * Truncate string with ellipsis\n */\nfunction truncate(str: string, maxLength: number): string {\n  if (str.length <= maxLength) return str\n  return str.slice(0, maxLength - 3) + '...'\n}\n\n/**\n * Check if the conversation was discarded (last user message is /clear)\n */\nfunction wasCleared(log: LogOption): boolean {\n  // Find the last user message by iterating backwards\n  for (let i = log.messages.length - 1; i >= 0; i--) {\n    const msg = log.messages[i]\n    if (msg.type === 'user') {\n      const content =\n        typeof msg.message?.content === 'string'\n          ? msg.message.content\n          : Array.isArray(msg.message?.content)\n            ? msg.message.content\n                .filter((c: any) => c.type === 'text')\n                .map((c: any) => c.text)\n                .join('')\n            : ''\n      // Check if the last user message is a /clear command\n      return content.includes('<command-name>clear</command-name>')\n    }\n  }\n  return false\n}\n\n/**\n * Deduplicate logs by keeping only the latest fork for each base conversation.\n * Groups logs by their base date (timestamp without fork number) and keeps\n * the one with the highest fork number or most recent modification.\n */\nfunction deduplicateLogForks(logs: LogOption[]): LogOption[] {\n  // Group by base date (the original conversation timestamp)\n  const groupedByDate = new Map<string, LogOption[]>()\n\n  for (const log of logs) {\n    const existing = groupedByDate.get(log.date) || []\n    existing.push(log)\n    groupedByDate.set(log.date, existing)\n  }\n\n  // For each group, keep the one with highest fork number (most recent state)\n  const deduped: LogOption[] = []\n  for (const [, group] of groupedByDate) {\n    // Sort by forkNumber desc (higher = more recent), then by modified desc\n    const sorted = group.sort((a, b) => {\n      const forkDiff = (b.forkNumber ?? 0) - (a.forkNumber ?? 0)\n      if (forkDiff !== 0) return forkDiff\n      return b.modified.getTime() - a.modified.getTime()\n    })\n    // Keep only the first one (highest fork / most recently modified)\n    if (sorted[0]) {\n      deduped.push(sorted[0])\n    }\n  }\n\n  // Re-sort by modified time descending\n  return deduped.sort((a, b) => b.modified.getTime() - a.modified.getTime())\n}\n\n/**\n * Get project path from log's first message\n */\nfunction getLogProjectPath(log: LogOption): string | null {\n  const firstMessage = log.messages[0]\n  return firstMessage?.cwd || null\n}\n\n/**\n * Get project name from path\n */\nfunction getProjectName(projectPath: string): string {\n  return path.basename(projectPath) || projectPath\n}\n\n/**\n * Extract clean first prompt from log (skip system messages and XML tags)\n */\nfunction extractFirstPrompt(log: LogOption): string {\n  for (const msg of log.messages) {\n    if (msg.type === 'user') {\n      let content = ''\n      if (typeof msg.message?.content === 'string') {\n        content = msg.message.content\n      } else if (Array.isArray(msg.message?.content)) {\n        content = msg.message.content\n          .filter((c: any) => c.type === 'text')\n          .map((c: any) => c.text)\n          .join('')\n      }\n\n      // Skip system messages (XML tags like <system-reminder>, <command-name>, etc.)\n      const trimmed = content.trim()\n      if (\n        trimmed.startsWith('<system-reminder>') ||\n        trimmed.startsWith('<command-name>') ||\n        (trimmed.startsWith('<') && trimmed.includes('</'))\n      ) {\n        continue\n      }\n\n      // Return first line, cleaned up\n      const firstLine = content.split('\\n')[0]?.trim() || ''\n      if (firstLine) {\n        return firstLine\n      }\n    }\n  }\n  return log.firstPrompt || 'No prompt'\n}\n\n/**\n * Count tool calls in a log\n */\nfunction countToolCalls(log: LogOption): number {\n  let count = 0\n  for (const msg of log.messages) {\n    if (msg.type === 'assistant' && Array.isArray(msg.message?.content)) {\n      for (const block of msg.message.content) {\n        if (block.type === 'tool_use') {\n          count++\n        }\n      }\n    }\n  }\n  return count\n}\n\n/**\n * Convert LogOption to ListItem for TabbedListView\n */\nfunction logToListItem(log: LogOption): ListItem {\n  const dateStr = formatDate(log.modified)\n  const projectPath = getLogProjectPath(log) || ''\n  const projectName = projectPath\n    ? truncate(getProjectName(projectPath), 15)\n    : ''\n  const msgCount = log.messageCount\n  const toolCount = countToolCalls(log)\n  const firstPrompt = extractFirstPrompt(log)\n\n  return {\n    id: log.fullPath, // Use fullPath as unique id (date can be duplicated for forks)\n    label: truncate(firstPrompt, 45),\n    description: projectName || undefined,\n    metadata: `${dateStr} \u00B7 ${msgCount} msgs \u00B7 ${toolCount} tools`,\n    category: projectName || 'Unknown',\n    data: log,\n  }\n}\n\ninterface ResumeDisplayProps {\n  recentLogs: LogOption[]\n  projectLogs: LogOption[]\n  allLogs: LogOption[]\n  tools: Tool[]\n  commands: Command[]\n  verbose: boolean | undefined\n  onClose: () => void\n  unmount: () => void\n}\n\n/**\n * Resume display component with TabbedListView\n */\nfunction ResumeDisplay({\n  recentLogs,\n  projectLogs,\n  allLogs,\n  tools,\n  commands,\n  verbose,\n  onClose,\n  unmount,\n}: ResumeDisplayProps) {\n  const [activeTab, setActiveTab] = useState('recent')\n  const [searchQuery, setSearchQuery] = useState('')\n\n  // Tab definitions\n  const tabs: TabDefinition[] = useMemo(\n    () => [\n      {\n        id: 'recent',\n        label: t('commands.sessions.title'),\n        badge: recentLogs.length,\n      },\n      {\n        id: 'project',\n        label: t('commands.sessions.headerProject'),\n        badge: projectLogs.length,\n      },\n      {\n        id: 'all',\n        label: t('common.all'),\n        badge: allLogs.length,\n      },\n    ],\n    [recentLogs.length, projectLogs.length, allLogs.length],\n  )\n\n  // Get items based on active tab\n  const items: ListItem[] = useMemo(() => {\n    let logs: LogOption[]\n\n    switch (activeTab) {\n      case 'project':\n        logs = projectLogs\n        break\n      case 'all':\n        logs = allLogs\n        break\n      case 'recent':\n      default:\n        logs = recentLogs\n    }\n\n    return logs.map(logToListItem)\n  }, [activeTab, recentLogs, projectLogs, allLogs])\n\n  // Handle item selection - load and resume conversation\n  const handleSelect = async (item: ListItem) => {\n    const log = item.data as LogOption\n\n    try {\n      // First close the selection UI\n      onClose()\n\n      // Check if using default model before unmounting\n      const isDefaultModel = await isDefaultSlowAndCapableModel()\n\n      // Unmount current REPL before creating new one\n      // This prevents two Ink instances from conflicting\n      unmount()\n\n      // Clear screen and prepare terminal for REPL\n      await prepareTerminalForREPL()\n\n      render(\n        <REPL\n          messageLogName={log.date}\n          initialPrompt=\"\"\n          shouldShowPromptInput={true}\n          verbose={verbose}\n          commands={commands}\n          tools={tools}\n          initialMessages={deserializeMessages(log.messages, tools)}\n          initialForkNumber={getNextAvailableLogForkNumber(\n            log.date,\n            log.forkNumber ?? 1,\n            0,\n          )}\n          isDefaultModel={isDefaultModel}\n          isResumedConversation={true}\n        />,\n        {\n          exitOnCtrlC: false,\n        },\n      )\n    } catch (e) {\n      logError(`Failed to load conversation: ${e}`)\n      throw e\n    }\n  }\n\n  return (\n    <TabbedListView\n      title={t('commands.resume.title')}\n      tabs={tabs}\n      activeTab={activeTab}\n      onTabChange={setActiveTab}\n      items={items}\n      searchEnabled={true}\n      searchPlaceholder={t('ui.tabbedList.search')}\n      searchQuery={searchQuery}\n      onSearchChange={setSearchQuery}\n      onSelect={handleSelect}\n      onClose={onClose}\n      emptyText={t('commands.resume.noSessions')}\n      footerHint={t('commands.resume.navigationHint')}\n      groupByCategory={activeTab === 'all'}\n    />\n  )\n}\n\nexport default {\n  type: 'local-jsx',\n  name: 'resume',\n  description: t('commands.resume.description'),\n  isEnabled: true,\n  isHidden: false,\n  hidePromptInput: true,\n  aliases: ['r'],\n  userFacingName() {\n    return 'resume'\n  },\n  async call(onDone, context) {\n    const { commands = [], tools = [], verbose = false } = context.options || {}\n    const cwd = getCwd()\n\n    // Load all logs\n    const allRawLogs = await loadLogList(CACHE_PATHS.messages())\n\n    // Filter out cleared conversations, then deduplicate forks\n    // (keep only the latest fork for each base conversation)\n    const validLogs = deduplicateLogForks(\n      allRawLogs.filter(log => !wasCleared(log)),\n    )\n\n    // Recent: first 20 logs (already sorted by modified time)\n    const recentLogs = validLogs.slice(0, 20)\n\n    // Project: logs from current project\n    const projectLogs = validLogs.filter(log => {\n      const logPath = getLogProjectPath(log)\n      return logPath === cwd\n    })\n\n    // All: all valid logs (up to 100)\n    const allLogs = validLogs.slice(0, 100)\n\n    return (\n      <ResumeDisplay\n        recentLogs={recentLogs}\n        projectLogs={projectLogs}\n        allLogs={allLogs}\n        tools={tools}\n        commands={commands}\n        verbose={verbose}\n        onClose={onDone}\n        unmount={context.unmount}\n      />\n    )\n  },\n} satisfies Command\n"],
+  "mappings": "AAWA,OAAO,SAAS,UAAU,eAAe;AACzC,SAAS,cAAc;AACvB,OAAO,UAAU;AAEjB,SAAS,SAAS;AAClB,SAAS,cAAc;AACvB,SAAS,aAAa,mBAAmB;AAEzC,SAAS,2BAA2B;AACpC,SAAS,+BAA+B,gBAAgB;AACxD,SAAS,oCAAoC;AAC7C,SAAS,8BAA8B;AACvC,SAAS,YAAY;AAErB;AAAA,EACE;AAAA,OAGK;AAQP,SAAS,WAAW,MAAoB;AACtC,QAAM,MAAM,oBAAI,KAAK;AAErB,QAAM,QAAQ,KAAK,SAAS,EAAE,SAAS,EAAE,SAAS,GAAG,GAAG;AACxD,QAAM,UAAU,KAAK,WAAW,EAAE,SAAS,EAAE,SAAS,GAAG,GAAG;AAC5D,QAAM,UAAU,GAAG,KAAK,IAAI,OAAO;AAGnC,QAAM,UACJ,KAAK,QAAQ,MAAM,IAAI,QAAQ,KAC/B,KAAK,SAAS,MAAM,IAAI,SAAS,KACjC,KAAK,YAAY,MAAM,IAAI,YAAY;AAEzC,MAAI,SAAS;AACX,WAAO,GAAG,EAAE,yBAAyB,CAAC,IAAI,OAAO;AAAA,EACnD;AAGA,QAAM,YAAY,IAAI,KAAK,GAAG;AAC9B,YAAU,QAAQ,UAAU,QAAQ,IAAI,CAAC;AACzC,QAAM,cACJ,KAAK,QAAQ,MAAM,UAAU,QAAQ,KACrC,KAAK,SAAS,MAAM,UAAU,SAAS,KACvC,KAAK,YAAY,MAAM,UAAU,YAAY;AAE/C,MAAI,aAAa;AACf,WAAO,GAAG,EAAE,6BAA6B,CAAC,IAAI,OAAO;AAAA,EACvD;AAGA,QAAM,SAAS,KAAK,SAAS,IAAI,GAAG,SAAS,EAAE,SAAS,GAAG,GAAG;AAC9D,QAAM,MAAM,KAAK,QAAQ,EAAE,SAAS,EAAE,SAAS,GAAG,GAAG;AACrD,SAAO,GAAG,KAAK,IAAI,GAAG,IAAI,OAAO;AACnC;AAKA,SAAS,SAAS,KAAa,WAA2B;AACxD,MAAI,IAAI,UAAU,UAAW,QAAO;AACpC,SAAO,IAAI,MAAM,GAAG,YAAY,CAAC,IAAI;AACvC;AAKA,SAAS,WAAW,KAAyB;AAE3C,WAAS,IAAI,IAAI,SAAS,SAAS,GAAG,KAAK,GAAG,KAAK;AACjD,UAAM,MAAM,IAAI,SAAS,CAAC;AAC1B,QAAI,IAAI,SAAS,QAAQ;AACvB,YAAM,UACJ,OAAO,IAAI,SAAS,YAAY,WAC5B,IAAI,QAAQ,UACZ,MAAM,QAAQ,IAAI,SAAS,OAAO,IAChC,IAAI,QAAQ,QACT,OAAO,CAAC,MAAW,EAAE,SAAS,MAAM,EACpC,IAAI,CAAC,MAAW,EAAE,IAAI,EACtB,KAAK,EAAE,IACV;AAER,aAAO,QAAQ,SAAS,oCAAoC;AAAA,IAC9D;AAAA,EACF;AACA,SAAO;AACT;AAOA,SAAS,oBAAoB,MAAgC;AAE3D,QAAM,gBAAgB,oBAAI,IAAyB;AAEnD,aAAW,OAAO,MAAM;AACtB,UAAM,WAAW,cAAc,IAAI,IAAI,IAAI,KAAK,CAAC;AACjD,aAAS,KAAK,GAAG;AACjB,kBAAc,IAAI,IAAI,MAAM,QAAQ;AAAA,EACtC;AAGA,QAAM,UAAuB,CAAC;AAC9B,aAAW,CAAC,EAAE,KAAK,KAAK,eAAe;AAErC,UAAM,SAAS,MAAM,KAAK,CAAC,GAAG,MAAM;AAClC,YAAM,YAAY,EAAE,cAAc,MAAM,EAAE,cAAc;AACxD,UAAI,aAAa,EAAG,QAAO;AAC3B,aAAO,EAAE,SAAS,QAAQ,IAAI,EAAE,SAAS,QAAQ;AAAA,IACnD,CAAC;AAED,QAAI,OAAO,CAAC,GAAG;AACb,cAAQ,KAAK,OAAO,CAAC,CAAC;AAAA,IACxB;AAAA,EACF;AAGA,SAAO,QAAQ,KAAK,CAAC,GAAG,MAAM,EAAE,SAAS,QAAQ,IAAI,EAAE,SAAS,QAAQ,CAAC;AAC3E;AAKA,SAAS,kBAAkB,KAA+B;AACxD,QAAM,eAAe,IAAI,SAAS,CAAC;AACnC,SAAO,cAAc,OAAO;AAC9B;AAKA,SAAS,eAAe,aAA6B;AACnD,SAAO,KAAK,SAAS,WAAW,KAAK;AACvC;AAKA,SAAS,mBAAmB,KAAwB;AAClD,aAAW,OAAO,IAAI,UAAU;AAC9B,QAAI,IAAI,SAAS,QAAQ;AACvB,UAAI,UAAU;AACd,UAAI,OAAO,IAAI,SAAS,YAAY,UAAU;AAC5C,kBAAU,IAAI,QAAQ;AAAA,MACxB,WAAW,MAAM,QAAQ,IAAI,SAAS,OAAO,GAAG;AAC9C,kBAAU,IAAI,QAAQ,QACnB,OAAO,CAAC,MAAW,EAAE,SAAS,MAAM,EACpC,IAAI,CAAC,MAAW,EAAE,IAAI,EACtB,KAAK,EAAE;AAAA,MACZ;AAGA,YAAM,UAAU,QAAQ,KAAK;AAC7B,UACE,QAAQ,WAAW,mBAAmB,KACtC,QAAQ,WAAW,gBAAgB,KAClC,QAAQ,WAAW,GAAG,KAAK,QAAQ,SAAS,IAAI,GACjD;AACA;AAAA,MACF;AAGA,YAAM,YAAY,QAAQ,MAAM,IAAI,EAAE,CAAC,GAAG,KAAK,KAAK;AACpD,UAAI,WAAW;AACb,eAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACA,SAAO,IAAI,eAAe;AAC5B;AAKA,SAAS,eAAe,KAAwB;AAC9C,MAAI,QAAQ;AACZ,aAAW,OAAO,IAAI,UAAU;AAC9B,QAAI,IAAI,SAAS,eAAe,MAAM,QAAQ,IAAI,SAAS,OAAO,GAAG;AACnE,iBAAW,SAAS,IAAI,QAAQ,SAAS;AACvC,YAAI,MAAM,SAAS,YAAY;AAC7B;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAKA,SAAS,cAAc,KAA0B;AAC/C,QAAM,UAAU,WAAW,IAAI,QAAQ;AACvC,QAAM,cAAc,kBAAkB,GAAG,KAAK;AAC9C,QAAM,cAAc,cAChB,SAAS,eAAe,WAAW,GAAG,EAAE,IACxC;AACJ,QAAM,WAAW,IAAI;AACrB,QAAM,YAAY,eAAe,GAAG;AACpC,QAAM,cAAc,mBAAmB,GAAG;AAE1C,SAAO;AAAA,IACL,IAAI,IAAI;AAAA;AAAA,IACR,OAAO,SAAS,aAAa,EAAE;AAAA,IAC/B,aAAa,eAAe;AAAA,IAC5B,UAAU,GAAG,OAAO,SAAM,QAAQ,cAAW,SAAS;AAAA,IACtD,UAAU,eAAe;AAAA,IACzB,MAAM;AAAA,EACR;AACF;AAgBA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,QAAQ;AACnD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,EAAE;AAGjD,QAAM,OAAwB;AAAA,IAC5B,MAAM;AAAA,MACJ;AAAA,QACE,IAAI;AAAA,QACJ,OAAO,EAAE,yBAAyB;AAAA,QAClC,OAAO,WAAW;AAAA,MACpB;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,OAAO,EAAE,iCAAiC;AAAA,QAC1C,OAAO,YAAY;AAAA,MACrB;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,OAAO,EAAE,YAAY;AAAA,QACrB,OAAO,QAAQ;AAAA,MACjB;AAAA,IACF;AAAA,IACA,CAAC,WAAW,QAAQ,YAAY,QAAQ,QAAQ,MAAM;AAAA,EACxD;AAGA,QAAM,QAAoB,QAAQ,MAAM;AACtC,QAAI;AAEJ,YAAQ,WAAW;AAAA,MACjB,KAAK;AACH,eAAO;AACP;AAAA,MACF,KAAK;AACH,eAAO;AACP;AAAA,MACF,KAAK;AAAA,MACL;AACE,eAAO;AAAA,IACX;AAEA,WAAO,KAAK,IAAI,aAAa;AAAA,EAC/B,GAAG,CAAC,WAAW,YAAY,aAAa,OAAO,CAAC;AAGhD,QAAM,eAAe,OAAO,SAAmB;AAC7C,UAAM,MAAM,KAAK;AAEjB,QAAI;AAEF,cAAQ;AAGR,YAAM,iBAAiB,MAAM,6BAA6B;AAI1D,cAAQ;AAGR,YAAM,uBAAuB;AAE7B;AAAA,QACE;AAAA,UAAC;AAAA;AAAA,YACC,gBAAgB,IAAI;AAAA,YACpB,eAAc;AAAA,YACd,uBAAuB;AAAA,YACvB;AAAA,YACA;AAAA,YACA;AAAA,YACA,iBAAiB,oBAAoB,IAAI,UAAU,KAAK;AAAA,YACxD,mBAAmB;AAAA,cACjB,IAAI;AAAA,cACJ,IAAI,cAAc;AAAA,cAClB;AAAA,YACF;AAAA,YACA;AAAA,YACA,uBAAuB;AAAA;AAAA,QACzB;AAAA,QACA;AAAA,UACE,aAAa;AAAA,QACf;AAAA,MACF;AAAA,IACF,SAAS,GAAG;AACV,eAAS,gCAAgC,CAAC,EAAE;AAC5C,YAAM;AAAA,IACR;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,uBAAuB;AAAA,MAChC;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA,eAAe;AAAA,MACf,mBAAmB,EAAE,sBAAsB;AAAA,MAC3C;AAAA,MACA,gBAAgB;AAAA,MAChB,UAAU;AAAA,MACV;AAAA,MACA,WAAW,EAAE,4BAA4B;AAAA,MACzC,YAAY,EAAE,gCAAgC;AAAA,MAC9C,iBAAiB,cAAc;AAAA;AAAA,EACjC;AAEJ;AAEA,IAAO,iBAAQ;AAAA,EACb,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa,EAAE,6BAA6B;AAAA,EAC5C,WAAW;AAAA,EACX,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,SAAS,CAAC,GAAG;AAAA,EACb,iBAAiB;AACf,WAAO;AAAA,EACT;AAAA,EACA,MAAM,KAAK,QAAQ,SAAS;AAC1B,UAAM,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,GAAG,UAAU,MAAM,IAAI,QAAQ,WAAW,CAAC;AAC3E,UAAM,MAAM,OAAO;AAGnB,UAAM,aAAa,MAAM,YAAY,YAAY,SAAS,CAAC;AAI3D,UAAM,YAAY;AAAA,MAChB,WAAW,OAAO,SAAO,CAAC,WAAW,GAAG,CAAC;AAAA,IAC3C;AAGA,UAAM,aAAa,UAAU,MAAM,GAAG,EAAE;AAGxC,UAAM,cAAc,UAAU,OAAO,SAAO;AAC1C,YAAM,UAAU,kBAAkB,GAAG;AACrC,aAAO,YAAY;AAAA,IACrB,CAAC;AAGD,UAAM,UAAU,UAAU,MAAM,GAAG,GAAG;AAEtC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT,SAAS,QAAQ;AAAA;AAAA,IACnB;AAAA,EAEJ;AACF;",
   "names": []
 }

package/dist/commands/sandbox.js

@@ -1,68 +1,180 @@
 import React, { useState } from "react";
-import { Box, Text, useInput } from "ink";
 import {
   getSandboxController
 } from "../services/sandbox/index.js";
 import { getCwd } from "../utils/state.js";
 import { SEMANTIC_COLORS } from "../constants/colors.js";
-const SandboxStatus = ({
-  config,
-  implementation,
-  isAvailable,
-  onToggle,
-  onDone
-}) => {
-  const [showHelp, setShowHelp] = useState(false);
-  useInput((input, key) => {
-    if (input === "t" || input === "T") {
-      onToggle();
-    } else if (input === "h" || input === "H") {
-      setShowHelp(!showHelp);
-    } else if (input === "q" || key.escape) {
-      onDone();
+import { InfoPanel } from "../components/InfoPanel/index.js";
+import { t } from "../i18n/index.js";
+function getImplColor(impl) {
+  switch (impl) {
+    case "seatbelt":
+      return SEMANTIC_COLORS.success;
+    case "bubblewrap":
+      return SEMANTIC_COLORS.info;
+    case "docker":
+      return "#FFB86C";
+    case "none":
+      return SEMANTIC_COLORS.dim;
+  }
+}
+function getImplDescription(impl) {
+  switch (impl) {
+    case "seatbelt":
+      return "macOS sandbox-exec (built-in)";
+    case "bubblewrap":
+      return "Linux bubblewrap container";
+    case "docker":
+      return "Docker container isolation";
+    case "none":
+      return "No sandbox available";
+  }
+}
+function buildSections(config, implementation, isAvailable, showHelp) {
+  const sections = [];
+  const statusValue = config.enabled && isAvailable ? `\u25CF ${t("commands.sandbox.enabled")}` : `\u25CB ${t("commands.sandbox.disabled")}`;
+  const statusColor = config.enabled && isAvailable ? SEMANTIC_COLORS.success : SEMANTIC_COLORS.error;
+  const statusItems = [
+    { label: "Status", value: statusValue, valueColor: statusColor },
+    {
+      label: t("commands.sandbox.implementation"),
+      value: `${implementation.toUpperCase()} - ${getImplDescription(implementation)}`,
+      valueColor: getImplColor(implementation)
     }
+  ];
+  if (!isAvailable) {
+    statusItems.push({
+      label: "\u26A0",
+      value: t("commands.sandbox.notAvailable"),
+      valueColor: "#FFB86C"
+    });
+  }
+  sections.push({
+    title: t("commands.sandbox.statusSection"),
+    items: statusItems
   });
-  const getImplColor = (impl) => {
-    switch (impl) {
-      case "seatbelt":
-        return "green";
-      case "bubblewrap":
-        return "cyan";
-      case "docker":
-        return "yellow";
-      case "none":
-        return "gray";
+  const fsItems = [
+    {
+      label: "Write Allowed",
+      value: config.filesystem.writeAllowed.length > 0 ? config.filesystem.writeAllowed.slice(0, 3).join(", ") + (config.filesystem.writeAllowed.length > 3 ? " ..." : "") : "None",
+      valueColor: config.filesystem.writeAllowed.length > 0 ? SEMANTIC_COLORS.success : SEMANTIC_COLORS.error
+    },
+    {
+      label: "Denied Paths",
+      value: config.filesystem.denied.length > 0 ? `${config.filesystem.denied.length} paths blocked` : "None blocked",
+      valueColor: config.filesystem.denied.length > 0 ? SEMANTIC_COLORS.error : SEMANTIC_COLORS.success
     }
-  };
-  const getImplDescription = (impl) => {
-    switch (impl) {
-      case "seatbelt":
-        return "macOS sandbox-exec (built-in)";
-      case "bubblewrap":
-        return "Linux bubblewrap container";
-      case "docker":
-        return "Docker container isolation";
-      case "none":
-        return "No sandbox available";
+  ];
+  sections.push({
+    title: t("commands.sandbox.filesystemPolicy"),
+    items: fsItems
+  });
+  const netItems = [
+    {
+      label: "Network Access",
+      value: config.network.blockAll ? "Blocked" : "Allowed",
+      valueColor: config.network.blockAll ? SEMANTIC_COLORS.error : SEMANTIC_COLORS.success
     }
+  ];
+  if (!config.network.blockAll && config.network.allowedDomains.length > 0) {
+    netItems.push({
+      label: "Allowed Domains",
+      value: config.network.allowedDomains.slice(0, 3).join(", ") + (config.network.allowedDomains.length > 3 ? " ..." : "")
+    });
+  }
+  sections.push({ title: t("commands.sandbox.networkPolicy"), items: netItems });
+  sections.push({
+    title: t("commands.sandbox.processPolicy"),
+    items: [
+      {
+        label: "Max Exec Time",
+        value: `${config.process.maxExecutionTime / 1e3}s`
+      },
+      {
+        label: "Excluded Cmds",
+        value: config.process.excludedCommands.length > 0 ? config.process.excludedCommands.slice(0, 3).join(", ") + (config.process.excludedCommands.length > 3 ? " ..." : "") : "None"
+      }
+    ]
+  });
+  if (showHelp) {
+    sections.push({
+      title: t("commands.sandbox.helpSection"),
+      items: [
+        {
+          label: "\u2022 seatbelt",
+          value: "macOS built-in sandbox-exec",
+          valueColor: SEMANTIC_COLORS.success
+        },
+        {
+          label: "\u2022 bubblewrap",
+          value: "Linux container isolation (bwrap)",
+          valueColor: SEMANTIC_COLORS.info
+        },
+        {
+          label: "\u2022 docker",
+          value: "Docker container isolation",
+          valueColor: "#FFB86C"
+        },
+        {
+          label: "\u2022 none",
+          value: "No sandboxing (not recommended)",
+          valueColor: SEMANTIC_COLORS.dim
+        }
+      ]
+    });
+  }
+  return sections;
+}
+const SandboxView = ({
+  initialConfig,
+  implementation,
+  initialAvailable,
+  onDone
+}) => {
+  const [config, setConfig] = useState(initialConfig);
+  const [isAvailable, setIsAvailable] = useState(initialAvailable);
+  const [showHelp, setShowHelp] = useState(false);
+  const cwd = getCwd();
+  const controller = getSandboxController(cwd);
+  const handleToggle = async () => {
+    const newEnabled = !config.enabled;
+    controller.updateConfig({ enabled: newEnabled });
+    const newConfig = controller.getConfig();
+    setConfig(newConfig);
+    const available = await controller.isAvailable();
+    setIsAvailable(available);
   };
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginY: 1 }, /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: "cyan" }, "Sandbox Configuration")), /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Status: "), config.enabled && isAvailable ? /* @__PURE__ */ React.createElement(Text, { color: "green" }, "\u25CF ENABLED") : /* @__PURE__ */ React.createElement(Text, { color: "red" }, "\u25CB DISABLED"))), /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Implementation: "), /* @__PURE__ */ React.createElement(Text, { color: getImplColor(implementation) }, implementation.toUpperCase())), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " ", "- ", getImplDescription(implementation))), !isAvailable && /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "yellow" }, "\u26A0 Sandbox not available on this system")), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Filesystem Policy:"), /* @__PURE__ */ React.createElement(Box, { paddingLeft: 2, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "Write Allowed: "), config.filesystem.writeAllowed.length > 0 ? /* @__PURE__ */ React.createElement(Text, { color: "green" }, config.filesystem.writeAllowed.slice(0, 3).join(", "), config.filesystem.writeAllowed.length > 3 && " ...") : /* @__PURE__ */ React.createElement(Text, { color: "red" }, "None")), /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "Denied Paths: "), config.filesystem.denied.length > 0 ? /* @__PURE__ */ React.createElement(Text, { color: "red" }, config.filesystem.denied.length, " paths blocked") : /* @__PURE__ */ React.createElement(Text, { color: "green" }, "None blocked")))), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Network Policy:"), /* @__PURE__ */ React.createElement(Box, { paddingLeft: 2, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "Network Access: "), config.network.blockAll ? /* @__PURE__ */ React.createElement(Text, { color: "red" }, "Blocked") : /* @__PURE__ */ React.createElement(Text, { color: "green" }, "Allowed")), !config.network.blockAll && config.network.allowedDomains.length > 0 && /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "Allowed Domains: "), /* @__PURE__ */ React.createElement(Text, null, config.network.allowedDomains.slice(0, 3).join(", "), config.network.allowedDomains.length > 3 && " ...")))), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Process Policy:"), /* @__PURE__ */ React.createElement(Box, { paddingLeft: 2, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "Max Execution Time: "), /* @__PURE__ */ React.createElement(Text, null, config.process.maxExecutionTime / 1e3, "s")), /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "Excluded Commands: "), /* @__PURE__ */ React.createElement(Text, null, config.process.excludedCommands.length > 0 ? config.process.excludedCommands.slice(0, 3).join(", ") : "None", config.process.excludedCommands.length > 3 && " ...")))), showHelp && /* @__PURE__ */ React.createElement(
-    Box,
+  const sections = buildSections(config, implementation, isAvailable, showHelp);
+  const actions = [
     {
-      flexDirection: "column",
-      marginY: 1,
-      borderStyle: "round",
-      paddingX: 1
+      key: "t",
+      keyLabel: "T",
+      description: t("commands.sandbox.toggle"),
+      onPress: handleToggle
     },
-    /* @__PURE__ */ React.createElement(Text, { bold: true }, "Sandbox Implementations:"),
-    /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", paddingLeft: 1 }, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: "green" }, "\u2022 seatbelt:"), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " ", "macOS built-in sandbox-exec")), /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: "cyan" }, "\u2022 bubblewrap:"), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " ", "Linux container isolation (bwrap)")), /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: "yellow" }, "\u2022 docker:"), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " ", "Docker container isolation")), /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: "gray" }, "\u2022 none:"), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " ", "No sandboxing (not recommended)")))
-  ), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "t: Toggle sandbox | h: Show/hide help | q/Esc: Exit")));
+    {
+      key: "h",
+      keyLabel: "H",
+      description: t("commands.sandbox.toggleHelp"),
+      onPress: () => setShowHelp(!showHelp)
+    }
+  ];
+  return /* @__PURE__ */ React.createElement(
+    InfoPanel,
+    {
+      title: t("commands.sandbox.title"),
+      sections,
+      actions,
+      onClose: onDone
+    }
+  );
 };
 const command = {
   name: "sandbox",
-  description: "View and toggle sandbox mode for command execution",
+  description: t("commands.sandbox.description"),
   isEnabled: true,
   isHidden: false,
+  hidePromptInput: true,
   type: "local-jsx",
   userFacingName() {
     return this.name;
@@ -73,29 +185,15 @@ const command = {
     const initialConfig = controller.getConfig();
     const implementation = controller.getImplementationType();
     const initialAvailable = await controller.isAvailable();
-    const SandboxWrapper = () => {
-      const [config, setConfig] = useState(initialConfig);
-      const [isAvailable, setIsAvailable] = useState(initialAvailable);
-      const handleToggle = async () => {
-        const newEnabled = !config.enabled;
-        controller.updateConfig({ enabled: newEnabled });
-        const newConfig = controller.getConfig();
-        setConfig(newConfig);
-        const available = await controller.isAvailable();
-        setIsAvailable(available);
-      };
-      return /* @__PURE__ */ React.createElement(
-        SandboxStatus,
-        {
-          config,
-          implementation,
-          isAvailable,
-          onToggle: handleToggle,
-          onDone
-        }
-      );
-    };
-    return /* @__PURE__ */ React.createElement(SandboxWrapper, null);
+    return /* @__PURE__ */ React.createElement(
+      SandboxView,
+      {
+        initialConfig,
+        implementation,
+        initialAvailable,
+        onDone
+      }
+    );
   }
 };
 var sandbox_default = command;