@within-7/minto 0.2.0 → 0.3.0

package/dist/commands/status.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/commands/status.tsx"],
-  "sourcesContent": ["/**\n * Status Command\n *\n * Shows version information, connection status, and system health.\n */\n\nimport React from 'react'\nimport { Box, Text } from 'ink'\nimport type { Command } from '@commands'\nimport { getModelManager } from '@utils/model'\nimport { getCwd } from '@utils/state'\nimport { MACRO } from '@constants/macros'\n\ninterface StatusInfo {\n  version: string\n  nodeVersion: string\n  bunVersion: string | null\n  platform: string\n  cwd: string\n  modelInfo: {\n    name: string\n    provider: string\n    contextLength: number\n  } | null\n  apiConnected: boolean\n}\n\nconst StatusDisplay = ({ status }: { status: StatusInfo }) => {\n  return (\n    <Box flexDirection=\"column\" marginY={1}>\n      {/* Header */}\n      <Box marginBottom={1}>\n        <Text bold color=\"cyan\">\n          Minto Status\n        </Text>\n      </Box>\n\n      {/* Version info */}\n      <Box flexDirection=\"column\" marginBottom={1}>\n        <Text bold>Version Info</Text>\n        <Box paddingLeft={2} flexDirection=\"column\">\n          <Text>\n            <Text dimColor>Minto: </Text>\n            <Text color=\"green\">v{status.version}</Text>\n          </Text>\n          <Text>\n            <Text dimColor>Node.js: </Text>\n            <Text>{status.nodeVersion}</Text>\n          </Text>\n          {status.bunVersion && (\n            <Text>\n              <Text dimColor>Bun: </Text>\n              <Text>{status.bunVersion}</Text>\n            </Text>\n          )}\n          <Text>\n            <Text dimColor>Platform: </Text>\n            <Text>{status.platform}</Text>\n          </Text>\n        </Box>\n      </Box>\n\n      {/* Environment */}\n      <Box flexDirection=\"column\" marginBottom={1}>\n        <Text bold>Environment</Text>\n        <Box paddingLeft={2} flexDirection=\"column\">\n          <Text>\n            <Text dimColor>CWD: </Text>\n            <Text>{status.cwd}</Text>\n          </Text>\n        </Box>\n      </Box>\n\n      {/* Model info */}\n      <Box flexDirection=\"column\" marginBottom={1}>\n        <Text bold>Model Configuration</Text>\n        <Box paddingLeft={2} flexDirection=\"column\">\n          {status.modelInfo ? (\n            <>\n              <Text>\n                <Text dimColor>Model: </Text>\n                <Text color=\"cyan\">{status.modelInfo.name}</Text>\n              </Text>\n              <Text>\n                <Text dimColor>Provider: </Text>\n                <Text>{status.modelInfo.provider}</Text>\n              </Text>\n              <Text>\n                <Text dimColor>Context: </Text>\n                <Text>\n                  {(status.modelInfo.contextLength / 1000).toFixed(0)}k tokens\n                </Text>\n              </Text>\n            </>\n          ) : (\n            <Text color=\"yellow\">No model configured</Text>\n          )}\n        </Box>\n      </Box>\n\n      {/* API Status */}\n      <Box flexDirection=\"column\">\n        <Text bold>API Connection</Text>\n        <Box paddingLeft={2}>\n          <Text>\n            <Text dimColor>Status: </Text>\n            {status.apiConnected ? (\n              <Text color=\"green\">\u25CF Connected</Text>\n            ) : (\n              <Text color=\"red\">\u25CB Not connected</Text>\n            )}\n          </Text>\n        </Box>\n      </Box>\n    </Box>\n  )\n}\n\nasync function getStatusInfo(): Promise<StatusInfo> {\n  let modelInfo: StatusInfo['modelInfo'] = null\n  let apiConnected = false\n\n  try {\n    const modelManager = getModelManager()\n    const profile = modelManager.resolveModel('main')\n    if (profile) {\n      modelInfo = {\n        name: profile.name || profile.modelName,\n        provider: profile.provider || 'anthropic',\n        contextLength: profile.contextLength || 200_000,\n      }\n      apiConnected = true // If we can resolve model, API is configured\n    }\n  } catch {\n    // Model not configured\n  }\n\n  // Check for Bun\n  let bunVersion: string | null = null\n  if (typeof Bun !== 'undefined') {\n    bunVersion = Bun.version\n  }\n\n  return {\n    version: MACRO.VERSION,\n    nodeVersion: process.version,\n    bunVersion,\n    platform: `${process.platform} (${process.arch})`,\n    cwd: getCwd(),\n    modelInfo,\n    apiConnected,\n  }\n}\n\nconst command: Command = {\n  name: 'status',\n  description: 'Display version and connection information',\n  isEnabled: true,\n  isHidden: false,\n  type: 'local-jsx',\n\n  userFacingName() {\n    return this.name\n  },\n\n  async call(onDone) {\n    const status = await getStatusInfo()\n\n    setTimeout(() => onDone(), 100)\n\n    return <StatusDisplay status={status} />\n  },\n}\n\nexport default command\n"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * Status Command\n *\n * Shows version information, connection status, and system health.\n */\n\nimport React from 'react'\nimport { Box, Text } from 'ink'\nimport type { Command } from '@commands'\nimport { getModelManager } from '@utils/model'\nimport { getCwd } from '@utils/state'\nimport { MACRO } from '@constants/macros'\nimport { SEMANTIC_COLORS } from '@constants/colors'\n\ninterface StatusInfo {\n  version: string\n  nodeVersion: string\n  bunVersion: string | null\n  platform: string\n  cwd: string\n  modelInfo: {\n    name: string\n    provider: string\n    contextLength: number\n  } | null\n  apiConnected: boolean\n}\n\nconst StatusDisplay = ({ status }: { status: StatusInfo }) => {\n  return (\n    <Box flexDirection=\"column\" marginY={1}>\n      {/* Header */}\n      <Box marginBottom={1}>\n        <Text bold color=\"cyan\">\n          Minto Status\n        </Text>\n      </Box>\n\n      {/* Version info */}\n      <Box flexDirection=\"column\" marginBottom={1}>\n        <Text bold>Version Info</Text>\n        <Box paddingLeft={2} flexDirection=\"column\">\n          <Text>\n            <Text color={SEMANTIC_COLORS.dim}>Minto: </Text>\n            <Text color=\"green\">v{status.version}</Text>\n          </Text>\n          <Text>\n            <Text color={SEMANTIC_COLORS.dim}>Node.js: </Text>\n            <Text>{status.nodeVersion}</Text>\n          </Text>\n          {status.bunVersion && (\n            <Text>\n              <Text color={SEMANTIC_COLORS.dim}>Bun: </Text>\n              <Text>{status.bunVersion}</Text>\n            </Text>\n          )}\n          <Text>\n            <Text color={SEMANTIC_COLORS.dim}>Platform: </Text>\n            <Text>{status.platform}</Text>\n          </Text>\n        </Box>\n      </Box>\n\n      {/* Environment */}\n      <Box flexDirection=\"column\" marginBottom={1}>\n        <Text bold>Environment</Text>\n        <Box paddingLeft={2} flexDirection=\"column\">\n          <Text>\n            <Text color={SEMANTIC_COLORS.dim}>CWD: </Text>\n            <Text>{status.cwd}</Text>\n          </Text>\n        </Box>\n      </Box>\n\n      {/* Model info */}\n      <Box flexDirection=\"column\" marginBottom={1}>\n        <Text bold>Model Configuration</Text>\n        <Box paddingLeft={2} flexDirection=\"column\">\n          {status.modelInfo ? (\n            <>\n              <Text>\n                <Text color={SEMANTIC_COLORS.dim}>Model: </Text>\n                <Text color=\"cyan\">{status.modelInfo.name}</Text>\n              </Text>\n              <Text>\n                <Text color={SEMANTIC_COLORS.dim}>Provider: </Text>\n                <Text>{status.modelInfo.provider}</Text>\n              </Text>\n              <Text>\n                <Text color={SEMANTIC_COLORS.dim}>Context: </Text>\n                <Text>\n                  {(status.modelInfo.contextLength / 1000).toFixed(0)}k tokens\n                </Text>\n              </Text>\n            </>\n          ) : (\n            <Text color=\"yellow\">No model configured</Text>\n          )}\n        </Box>\n      </Box>\n\n      {/* API Status */}\n      <Box flexDirection=\"column\">\n        <Text bold>API Connection</Text>\n        <Box paddingLeft={2}>\n          <Text>\n            <Text color={SEMANTIC_COLORS.dim}>Status: </Text>\n            {status.apiConnected ? (\n              <Text color=\"green\">\u25CF Connected</Text>\n            ) : (\n              <Text color=\"red\">\u25CB Not connected</Text>\n            )}\n          </Text>\n        </Box>\n      </Box>\n    </Box>\n  )\n}\n\nasync function getStatusInfo(): Promise<StatusInfo> {\n  let modelInfo: StatusInfo['modelInfo'] = null\n  let apiConnected = false\n\n  try {\n    const modelManager = getModelManager()\n    const profile = modelManager.resolveModel('main')\n    if (profile) {\n      modelInfo = {\n        name: profile.name || profile.modelName,\n        provider: profile.provider || 'anthropic',\n        contextLength: profile.contextLength || 200_000,\n      }\n      apiConnected = true // If we can resolve model, API is configured\n    }\n  } catch {\n    // Model not configured\n  }\n\n  // Check for Bun\n  let bunVersion: string | null = null\n  if (typeof Bun !== 'undefined') {\n    bunVersion = Bun.version\n  }\n\n  return {\n    version: MACRO.VERSION,\n    nodeVersion: process.version,\n    bunVersion,\n    platform: `${process.platform} (${process.arch})`,\n    cwd: getCwd(),\n    modelInfo,\n    apiConnected,\n  }\n}\n\nconst command: Command = {\n  name: 'status',\n  description: 'Display version and connection information',\n  isEnabled: true,\n  isHidden: false,\n  type: 'local-jsx',\n\n  userFacingName() {\n    return this.name\n  },\n\n  async call(onDone) {\n    const status = await getStatusInfo()\n\n    setTimeout(() => onDone(), 100)\n\n    return <StatusDisplay status={status} />\n  },\n}\n\nexport default command\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/commands/undo.js

@@ -0,0 +1,245 @@
+import React, { useState, useEffect } from "react";
+import { Box, Text, useInput } from "ink";
+import { SEMANTIC_COLORS } from "../constants/colors.js";
+import { getCwd } from "../utils/state.js";
+import {
+  listBackedUpFiles,
+  getBackupVersions,
+  restoreBackup
+} from "../core/backupManager.js";
+function formatTimestamp(timestamp) {
+  const date = new Date(timestamp);
+  const now = /* @__PURE__ */ new Date();
+  const diff = now.getTime() - timestamp;
+  if (diff < 60 * 60 * 1e3) {
+    const minutes = Math.floor(diff / (60 * 1e3));
+    return minutes <= 1 ? "\u521A\u521A" : `${minutes} \u5206\u949F\u524D`;
+  }
+  if (date.getDate() === now.getDate() && date.getMonth() === now.getMonth() && date.getFullYear() === now.getFullYear()) {
+    return `\u4ECA\u5929 ${date.getHours().toString().padStart(2, "0")}:${date.getMinutes().toString().padStart(2, "0")}`;
+  }
+  if (diff < 7 * 24 * 60 * 60 * 1e3) {
+    const days = ["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"];
+    return `\u5468${days[date.getDay()]} ${date.getHours().toString().padStart(2, "0")}:${date.getMinutes().toString().padStart(2, "0")}`;
+  }
+  return `${date.getMonth() + 1}/${date.getDate()} ${date.getHours().toString().padStart(2, "0")}:${date.getMinutes().toString().padStart(2, "0")}`;
+}
+function getRelativePath(filePath) {
+  const cwd = getCwd();
+  if (filePath.startsWith(cwd)) {
+    const relative = filePath.slice(cwd.length);
+    return relative.startsWith("/") ? relative.slice(1) : relative;
+  }
+  return filePath;
+}
+const FileListView = ({ files, selectedIndex, onSelect, onClose }) => {
+  useInput((input, key) => {
+    if (key.escape || input === "q") {
+      onClose();
+    } else if (key.return) {
+      if (files.length > 0 && files[selectedIndex]) {
+        onSelect(files[selectedIndex]);
+      }
+    }
+  });
+  if (files.length === 0) {
+    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginY: 1 }, /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: SEMANTIC_COLORS.brand }, "\u64A4\u9500\u6587\u4EF6\u4FEE\u6539")), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", paddingLeft: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "\u6682\u65E0\u53EF\u64A4\u9500\u7684\u6587\u4EF6\u4FEE\u6539\u3002"), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.muted }, " "), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "\u63D0\u793A\uFF1A\u4F7F\u7528 ", /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.info }, "--smart"), " ", "\u6A21\u5F0F\u542F\u52A8 Minto \u4EE5\u542F\u7528\u81EA\u52A8\u5907\u4EFD\u529F\u80FD\uFF1A"), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.muted }, " minto --smart")), /* @__PURE__ */ React.createElement(Box, { marginTop: 2 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.muted }, "\u6309 q \u6216 Esc \u9000\u51FA")));
+  }
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginY: 1 }, /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: SEMANTIC_COLORS.brand }, "\u64A4\u9500\u6587\u4EF6\u4FEE\u6539"), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " - \u9009\u62E9\u8981\u6062\u590D\u7684\u6587\u4EF6")), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, files.map((file, index) => {
+    const isSelected = index === selectedIndex;
+    const relativePath = getRelativePath(file.filePath);
+    return /* @__PURE__ */ React.createElement(Box, { key: file.filePath, paddingLeft: 1 }, /* @__PURE__ */ React.createElement(Text, { color: isSelected ? SEMANTIC_COLORS.info : void 0 }, isSelected ? "\u25B6 " : "  ", /* @__PURE__ */ React.createElement(
+      Text,
+      {
+        color: isSelected ? SEMANTIC_COLORS.primary : SEMANTIC_COLORS.secondary
+      },
+      relativePath
+    ), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " ", "(", file.versionCount, " \u4E2A\u7248\u672C)")));
+  })), /* @__PURE__ */ React.createElement(Box, { marginTop: 2 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.muted }, "\u2191/\u2193: \u9009\u62E9 | Enter: \u67E5\u770B\u7248\u672C | q/Esc: \u9000\u51FA")));
+};
+const VersionListView = ({ file, versions, selectedIndex, onSelect, onBack }) => {
+  useInput((input, key) => {
+    if (key.escape || input === "q") {
+      onBack();
+    } else if (key.return) {
+      if (versions.length > 0 && versions[selectedIndex]) {
+        onSelect(versions[selectedIndex]);
+      }
+    }
+  });
+  const relativePath = getRelativePath(file.filePath);
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginY: 1 }, /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: SEMANTIC_COLORS.brand }, "\u9009\u62E9\u8981\u6062\u590D\u7684\u7248\u672C")), /* @__PURE__ */ React.createElement(Box, { marginBottom: 1, paddingLeft: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "\u6587\u4EF6: "), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, relativePath)), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, versions.map((version, index) => {
+    const isSelected = index === selectedIndex;
+    return /* @__PURE__ */ React.createElement(Box, { key: version.version, paddingLeft: 1 }, /* @__PURE__ */ React.createElement(Text, { color: isSelected ? SEMANTIC_COLORS.info : void 0 }, isSelected ? "\u25B6 " : "  ", /* @__PURE__ */ React.createElement(
+      Text,
+      {
+        color: isSelected ? SEMANTIC_COLORS.primary : SEMANTIC_COLORS.secondary
+      },
+      "v",
+      version.version
+    ), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, ": ", version.operation, " - ", formatTimestamp(version.timestamp))));
+  })), /* @__PURE__ */ React.createElement(Box, { marginTop: 2 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.muted }, "\u2191/\u2193: \u9009\u62E9 | Enter: \u6062\u590D\u6B64\u7248\u672C | Esc: \u8FD4\u56DE")));
+};
+const SuccessView = ({ file, version, onClose }) => {
+  useInput((input, key) => {
+    if (key.escape || input === "q" || key.return) {
+      onClose();
+    }
+  });
+  const relativePath = getRelativePath(file.filePath);
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginY: 1 }, /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: SEMANTIC_COLORS.success }, "\u2713 \u6587\u4EF6\u5DF2\u6062\u590D")), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", paddingLeft: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "\u6587\u4EF6: "), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, relativePath)), /* @__PURE__ */ React.createElement(Box, { paddingLeft: 1, marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "\u5DF2\u6062\u590D\u5230: ", version.operation, " (", formatTimestamp(version.timestamp), ")")), /* @__PURE__ */ React.createElement(Box, { marginTop: 2 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.muted }, "\u6309\u4EFB\u610F\u952E\u9000\u51FA")));
+};
+const UndoCommand = ({ onClose }) => {
+  const [view, setView] = useState("file-list");
+  const [files, setFiles] = useState([]);
+  const [selectedFileIndex, setSelectedFileIndex] = useState(0);
+  const [selectedFile, setSelectedFile] = useState(
+    null
+  );
+  const [versions, setVersions] = useState([]);
+  const [selectedVersionIndex, setSelectedVersionIndex] = useState(0);
+  const [restoredVersion, setRestoredVersion] = useState(
+    null
+  );
+  const [error, setError] = useState(null);
+  const [isLoading, setIsLoading] = useState(true);
+  useEffect(() => {
+    const loadFiles = async () => {
+      try {
+        const backupFiles = await listBackedUpFiles();
+        setFiles(backupFiles);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : String(err));
+      } finally {
+        setIsLoading(false);
+      }
+    };
+    loadFiles();
+  }, []);
+  useInput(
+    (input, key) => {
+      if (view === "file-list" && files.length > 0) {
+        if (key.upArrow) {
+          setSelectedFileIndex((prev) => Math.max(0, prev - 1));
+        } else if (key.downArrow) {
+          setSelectedFileIndex((prev) => Math.min(files.length - 1, prev + 1));
+        }
+      }
+    },
+    { isActive: view === "file-list" }
+  );
+  useInput(
+    (input, key) => {
+      if (view === "version-list" && versions.length > 0) {
+        if (key.upArrow) {
+          setSelectedVersionIndex((prev) => Math.max(0, prev - 1));
+        } else if (key.downArrow) {
+          setSelectedVersionIndex(
+            (prev) => Math.min(versions.length - 1, prev + 1)
+          );
+        }
+      }
+    },
+    { isActive: view === "version-list" }
+  );
+  const handleFileSelect = async (file) => {
+    setSelectedFile(file);
+    try {
+      const fileVersions = await getBackupVersions(file.filePath);
+      setVersions(fileVersions);
+      setSelectedVersionIndex(0);
+      setView("version-list");
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+    }
+  };
+  const handleVersionSelect = async (version) => {
+    if (!selectedFile) return;
+    try {
+      const success = await restoreBackup(
+        selectedFile.filePath,
+        version.version
+      );
+      if (success) {
+        setRestoredVersion(version);
+        setView("success");
+      } else {
+        setError("\u6062\u590D\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5\u3002");
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+    }
+  };
+  const handleBack = () => {
+    setView("file-list");
+    setSelectedFile(null);
+    setVersions([]);
+    setSelectedVersionIndex(0);
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginY: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "\u52A0\u8F7D\u5907\u4EFD\u4FE1\u606F..."));
+  }
+  if (error) {
+    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginY: 1 }, /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: SEMANTIC_COLORS.error }, "\u9519\u8BEF")), /* @__PURE__ */ React.createElement(Box, { paddingLeft: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, error)), /* @__PURE__ */ React.createElement(Box, { marginTop: 2 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.muted }, "\u6309\u4EFB\u610F\u952E\u9000\u51FA")));
+  }
+  switch (view) {
+    case "file-list":
+      return /* @__PURE__ */ React.createElement(
+        FileListView,
+        {
+          files,
+          selectedIndex: selectedFileIndex,
+          onSelect: handleFileSelect,
+          onClose
+        }
+      );
+    case "version-list":
+      if (!selectedFile) {
+        handleBack();
+        return null;
+      }
+      return /* @__PURE__ */ React.createElement(
+        VersionListView,
+        {
+          file: selectedFile,
+          versions,
+          selectedIndex: selectedVersionIndex,
+          onSelect: handleVersionSelect,
+          onBack: handleBack
+        }
+      );
+    case "success":
+      if (!selectedFile || !restoredVersion) {
+        onClose();
+        return null;
+      }
+      return /* @__PURE__ */ React.createElement(
+        SuccessView,
+        {
+          file: selectedFile,
+          version: restoredVersion,
+          onClose
+        }
+      );
+    default:
+      return null;
+  }
+};
+const command = {
+  name: "undo",
+  description: "\u64A4\u9500\u6587\u4EF6\u4FEE\u6539\uFF08\u9700\u8981 --smart \u6A21\u5F0F\uFF09",
+  type: "local-jsx",
+  isEnabled: true,
+  isHidden: false,
+  userFacingName() {
+    return "undo";
+  },
+  async call(onDone) {
+    return /* @__PURE__ */ React.createElement(UndoCommand, { onClose: onDone });
+  }
+};
+var undo_default = command;
+export {
+  undo_default as default
+};
+//# sourceMappingURL=undo.js.map

package/dist/commands/undo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/commands/undo.tsx"],
+  "sourcesContent": ["/**\n * Undo Command\n *\n * Interactive command to restore file versions from backups.\n * Requires --smart mode to have backups available.\n */\n\nimport React, { useState, useEffect } from 'react'\nimport { Box, Text, useInput } from 'ink'\nimport type { Command } from '@commands'\nimport { SEMANTIC_COLORS } from '@constants/colors'\nimport { getCwd } from '@utils/state'\nimport {\n  listBackedUpFiles,\n  getBackupVersions,\n  restoreBackup,\n  type BackupFileSummary,\n  type BackupMetadata,\n} from '../core/backupManager'\n\ntype ViewState = 'file-list' | 'version-list' | 'success'\n\ninterface UndoCommandProps {\n  onClose: () => void\n}\n\n/**\n * Format a timestamp as a human-readable string\n */\nfunction formatTimestamp(timestamp: number): string {\n  const date = new Date(timestamp)\n  const now = new Date()\n  const diff = now.getTime() - timestamp\n\n  // Within last hour - show minutes\n  if (diff < 60 * 60 * 1000) {\n    const minutes = Math.floor(diff / (60 * 1000))\n    return minutes <= 1 ? '\u521A\u521A' : `${minutes} \u5206\u949F\u524D`\n  }\n\n  // Within today - show time\n  if (\n    date.getDate() === now.getDate() &&\n    date.getMonth() === now.getMonth() &&\n    date.getFullYear() === now.getFullYear()\n  ) {\n    return `\u4ECA\u5929 ${date.getHours().toString().padStart(2, '0')}:${date.getMinutes().toString().padStart(2, '0')}`\n  }\n\n  // Within this week - show day and time\n  if (diff < 7 * 24 * 60 * 60 * 1000) {\n    const days = ['\u65E5', '\u4E00', '\u4E8C', '\u4E09', '\u56DB', '\u4E94', '\u516D']\n    return `\u5468${days[date.getDay()]} ${date.getHours().toString().padStart(2, '0')}:${date.getMinutes().toString().padStart(2, '0')}`\n  }\n\n  // Otherwise - show date\n  return `${date.getMonth() + 1}/${date.getDate()} ${date.getHours().toString().padStart(2, '0')}:${date.getMinutes().toString().padStart(2, '0')}`\n}\n\n/**\n * Get relative path from cwd\n */\nfunction getRelativePath(filePath: string): string {\n  const cwd = getCwd()\n  if (filePath.startsWith(cwd)) {\n    const relative = filePath.slice(cwd.length)\n    return relative.startsWith('/') ? relative.slice(1) : relative\n  }\n  return filePath\n}\n\n/**\n * File List View - shows all files with backups\n */\nconst FileListView: React.FC<{\n  files: BackupFileSummary[]\n  selectedIndex: number\n  onSelect: (file: BackupFileSummary) => void\n  onClose: () => void\n}> = ({ files, selectedIndex, onSelect, onClose }) => {\n  useInput((input, key) => {\n    if (key.escape || input === 'q') {\n      onClose()\n    } else if (key.return) {\n      if (files.length > 0 && files[selectedIndex]) {\n        onSelect(files[selectedIndex])\n      }\n    }\n  })\n\n  if (files.length === 0) {\n    return (\n      <Box flexDirection=\"column\" marginY={1}>\n        <Box marginBottom={1}>\n          <Text bold color={SEMANTIC_COLORS.brand}>\n            \u64A4\u9500\u6587\u4EF6\u4FEE\u6539\n          </Text>\n        </Box>\n\n        <Box flexDirection=\"column\" paddingLeft={1}>\n          <Text color={SEMANTIC_COLORS.dim}>\u6682\u65E0\u53EF\u64A4\u9500\u7684\u6587\u4EF6\u4FEE\u6539\u3002</Text>\n          <Text color={SEMANTIC_COLORS.muted}> </Text>\n          <Text color={SEMANTIC_COLORS.dim}>\n            \u63D0\u793A\uFF1A\u4F7F\u7528 <Text color={SEMANTIC_COLORS.info}>--smart</Text>{' '}\n            \u6A21\u5F0F\u542F\u52A8 Minto \u4EE5\u542F\u7528\u81EA\u52A8\u5907\u4EFD\u529F\u80FD\uFF1A\n          </Text>\n          <Text color={SEMANTIC_COLORS.muted}> minto --smart</Text>\n        </Box>\n\n        <Box marginTop={2}>\n          <Text color={SEMANTIC_COLORS.muted}>\u6309 q \u6216 Esc \u9000\u51FA</Text>\n        </Box>\n      </Box>\n    )\n  }\n\n  return (\n    <Box flexDirection=\"column\" marginY={1}>\n      <Box marginBottom={1}>\n        <Text bold color={SEMANTIC_COLORS.brand}>\n          \u64A4\u9500\u6587\u4EF6\u4FEE\u6539\n        </Text>\n        <Text color={SEMANTIC_COLORS.dim}> - \u9009\u62E9\u8981\u6062\u590D\u7684\u6587\u4EF6</Text>\n      </Box>\n\n      <Box flexDirection=\"column\">\n        {files.map((file, index) => {\n          const isSelected = index === selectedIndex\n          const relativePath = getRelativePath(file.filePath)\n\n          return (\n            <Box key={file.filePath} paddingLeft={1}>\n              <Text color={isSelected ? SEMANTIC_COLORS.info : undefined}>\n                {isSelected ? '\u25B6 ' : '  '}\n                <Text\n                  color={\n                    isSelected\n                      ? SEMANTIC_COLORS.primary\n                      : SEMANTIC_COLORS.secondary\n                  }\n                >\n                  {relativePath}\n                </Text>\n                <Text color={SEMANTIC_COLORS.dim}>\n                  {' '}\n                  ({file.versionCount} \u4E2A\u7248\u672C)\n                </Text>\n              </Text>\n            </Box>\n          )\n        })}\n      </Box>\n\n      <Box marginTop={2}>\n        <Text color={SEMANTIC_COLORS.muted}>\n          \u2191/\u2193: \u9009\u62E9 | Enter: \u67E5\u770B\u7248\u672C | q/Esc: \u9000\u51FA\n        </Text>\n      </Box>\n    </Box>\n  )\n}\n\n/**\n * Version List View - shows all versions for a selected file\n */\nconst VersionListView: React.FC<{\n  file: BackupFileSummary\n  versions: BackupMetadata[]\n  selectedIndex: number\n  onSelect: (version: BackupMetadata) => void\n  onBack: () => void\n}> = ({ file, versions, selectedIndex, onSelect, onBack }) => {\n  useInput((input, key) => {\n    if (key.escape || input === 'q') {\n      onBack()\n    } else if (key.return) {\n      if (versions.length > 0 && versions[selectedIndex]) {\n        onSelect(versions[selectedIndex])\n      }\n    }\n  })\n\n  const relativePath = getRelativePath(file.filePath)\n\n  return (\n    <Box flexDirection=\"column\" marginY={1}>\n      <Box marginBottom={1}>\n        <Text bold color={SEMANTIC_COLORS.brand}>\n          \u9009\u62E9\u8981\u6062\u590D\u7684\u7248\u672C\n        </Text>\n      </Box>\n\n      <Box marginBottom={1} paddingLeft={1}>\n        <Text color={SEMANTIC_COLORS.dim}>\u6587\u4EF6: </Text>\n        <Text color={SEMANTIC_COLORS.secondary}>{relativePath}</Text>\n      </Box>\n\n      <Box flexDirection=\"column\">\n        {versions.map((version, index) => {\n          const isSelected = index === selectedIndex\n\n          return (\n            <Box key={version.version} paddingLeft={1}>\n              <Text color={isSelected ? SEMANTIC_COLORS.info : undefined}>\n                {isSelected ? '\u25B6 ' : '  '}\n                <Text\n                  color={\n                    isSelected\n                      ? SEMANTIC_COLORS.primary\n                      : SEMANTIC_COLORS.secondary\n                  }\n                >\n                  v{version.version}\n                </Text>\n                <Text color={SEMANTIC_COLORS.dim}>\n                  : {version.operation} - {formatTimestamp(version.timestamp)}\n                </Text>\n              </Text>\n            </Box>\n          )\n        })}\n      </Box>\n\n      <Box marginTop={2}>\n        <Text color={SEMANTIC_COLORS.muted}>\n          \u2191/\u2193: \u9009\u62E9 | Enter: \u6062\u590D\u6B64\u7248\u672C | Esc: \u8FD4\u56DE\n        </Text>\n      </Box>\n    </Box>\n  )\n}\n\n/**\n * Success View - shows restoration confirmation\n */\nconst SuccessView: React.FC<{\n  file: BackupFileSummary\n  version: BackupMetadata\n  onClose: () => void\n}> = ({ file, version, onClose }) => {\n  useInput((input, key) => {\n    if (key.escape || input === 'q' || key.return) {\n      onClose()\n    }\n  })\n\n  const relativePath = getRelativePath(file.filePath)\n\n  return (\n    <Box flexDirection=\"column\" marginY={1}>\n      <Box marginBottom={1}>\n        <Text bold color={SEMANTIC_COLORS.success}>\n          \u2713 \u6587\u4EF6\u5DF2\u6062\u590D\n        </Text>\n      </Box>\n\n      <Box flexDirection=\"column\" paddingLeft={1}>\n        <Text color={SEMANTIC_COLORS.dim}>\u6587\u4EF6: </Text>\n        <Text color={SEMANTIC_COLORS.secondary}>{relativePath}</Text>\n      </Box>\n\n      <Box paddingLeft={1} marginTop={1}>\n        <Text color={SEMANTIC_COLORS.dim}>\n          \u5DF2\u6062\u590D\u5230: {version.operation} ({formatTimestamp(version.timestamp)})\n        </Text>\n      </Box>\n\n      <Box marginTop={2}>\n        <Text color={SEMANTIC_COLORS.muted}>\u6309\u4EFB\u610F\u952E\u9000\u51FA</Text>\n      </Box>\n    </Box>\n  )\n}\n\n/**\n * Main Undo Command Component\n */\nconst UndoCommand: React.FC<UndoCommandProps> = ({ onClose }) => {\n  const [view, setView] = useState<ViewState>('file-list')\n  const [files, setFiles] = useState<BackupFileSummary[]>([])\n  const [selectedFileIndex, setSelectedFileIndex] = useState(0)\n  const [selectedFile, setSelectedFile] = useState<BackupFileSummary | null>(\n    null,\n  )\n  const [versions, setVersions] = useState<BackupMetadata[]>([])\n  const [selectedVersionIndex, setSelectedVersionIndex] = useState(0)\n  const [restoredVersion, setRestoredVersion] = useState<BackupMetadata | null>(\n    null,\n  )\n  const [error, setError] = useState<string | null>(null)\n  const [isLoading, setIsLoading] = useState(true)\n\n  // Load files with backups on mount\n  useEffect(() => {\n    const loadFiles = async () => {\n      try {\n        const backupFiles = await listBackedUpFiles()\n        // Already sorted by most recent in listBackedUpFiles\n        setFiles(backupFiles)\n      } catch (err) {\n        setError(err instanceof Error ? err.message : String(err))\n      } finally {\n        setIsLoading(false)\n      }\n    }\n    loadFiles()\n  }, [])\n\n  // Handle keyboard navigation for file list\n  useInput(\n    (input, key) => {\n      if (view === 'file-list' && files.length > 0) {\n        if (key.upArrow) {\n          setSelectedFileIndex(prev => Math.max(0, prev - 1))\n        } else if (key.downArrow) {\n          setSelectedFileIndex(prev => Math.min(files.length - 1, prev + 1))\n        }\n      }\n    },\n    { isActive: view === 'file-list' },\n  )\n\n  // Handle keyboard navigation for version list\n  useInput(\n    (input, key) => {\n      if (view === 'version-list' && versions.length > 0) {\n        if (key.upArrow) {\n          setSelectedVersionIndex(prev => Math.max(0, prev - 1))\n        } else if (key.downArrow) {\n          setSelectedVersionIndex(prev =>\n            Math.min(versions.length - 1, prev + 1),\n          )\n        }\n      }\n    },\n    { isActive: view === 'version-list' },\n  )\n\n  // Handle file selection\n  const handleFileSelect = async (file: BackupFileSummary) => {\n    setSelectedFile(file)\n    try {\n      const fileVersions = await getBackupVersions(file.filePath)\n      // Already sorted by newest first in getBackupVersions\n      setVersions(fileVersions)\n      setSelectedVersionIndex(0)\n      setView('version-list')\n    } catch (err) {\n      setError(err instanceof Error ? err.message : String(err))\n    }\n  }\n\n  // Handle version selection and restore\n  const handleVersionSelect = async (version: BackupMetadata) => {\n    if (!selectedFile) return\n\n    try {\n      const success = await restoreBackup(\n        selectedFile.filePath,\n        version.version,\n      )\n      if (success) {\n        setRestoredVersion(version)\n        setView('success')\n      } else {\n        setError('\u6062\u590D\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5\u3002')\n      }\n    } catch (err) {\n      setError(err instanceof Error ? err.message : String(err))\n    }\n  }\n\n  // Handle back navigation\n  const handleBack = () => {\n    setView('file-list')\n    setSelectedFile(null)\n    setVersions([])\n    setSelectedVersionIndex(0)\n  }\n\n  // Loading state\n  if (isLoading) {\n    return (\n      <Box flexDirection=\"column\" marginY={1}>\n        <Text color={SEMANTIC_COLORS.dim}>\u52A0\u8F7D\u5907\u4EFD\u4FE1\u606F...</Text>\n      </Box>\n    )\n  }\n\n  // Error display\n  if (error) {\n    return (\n      <Box flexDirection=\"column\" marginY={1}>\n        <Box marginBottom={1}>\n          <Text bold color={SEMANTIC_COLORS.error}>\n            \u9519\u8BEF\n          </Text>\n        </Box>\n        <Box paddingLeft={1}>\n          <Text color={SEMANTIC_COLORS.dim}>{error}</Text>\n        </Box>\n        <Box marginTop={2}>\n          <Text color={SEMANTIC_COLORS.muted}>\u6309\u4EFB\u610F\u952E\u9000\u51FA</Text>\n        </Box>\n      </Box>\n    )\n  }\n\n  // Render current view\n  switch (view) {\n    case 'file-list':\n      return (\n        <FileListView\n          files={files}\n          selectedIndex={selectedFileIndex}\n          onSelect={handleFileSelect}\n          onClose={onClose}\n        />\n      )\n\n    case 'version-list':\n      if (!selectedFile) {\n        handleBack()\n        return null\n      }\n      return (\n        <VersionListView\n          file={selectedFile}\n          versions={versions}\n          selectedIndex={selectedVersionIndex}\n          onSelect={handleVersionSelect}\n          onBack={handleBack}\n        />\n      )\n\n    case 'success':\n      if (!selectedFile || !restoredVersion) {\n        onClose()\n        return null\n      }\n      return (\n        <SuccessView\n          file={selectedFile}\n          version={restoredVersion}\n          onClose={onClose}\n        />\n      )\n\n    default:\n      return null\n  }\n}\n\n/**\n * Undo Command Export\n */\nconst command: Command = {\n  name: 'undo',\n  description: '\u64A4\u9500\u6587\u4EF6\u4FEE\u6539\uFF08\u9700\u8981 --smart \u6A21\u5F0F\uFF09',\n  type: 'local-jsx' as const,\n  isEnabled: true,\n  isHidden: false,\n\n  userFacingName() {\n    return 'undo'\n  },\n\n  async call(onDone: (result?: string) => void) {\n    return <UndoCommand onClose={onDone} />\n  },\n}\n\nexport default command\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/commands.js

@@ -18,6 +18,7 @@ import terminalSetup from "./commands/terminalSetup.js";
 import resume from "./commands/resume.js";
 import agents from "./commands/agents/index.js";
 import plugin from "./commands/plugin.js";
+import undo from "./commands/undo.js";
 import { quit } from "./commands/quit.js";
 import doctor from "./commands/doctor.js";
 import bug from "./commands/bug.js";
@@ -53,6 +54,7 @@ const COMMANDS = memoize(() => [
   status,
   tasks,
   todos,
+  undo,
   ...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 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;",
+  "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 undo from './commands/undo'\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  undo,\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,OAAO,UAAU;AACjB,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;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

@@ -18,7 +18,7 @@ function AgentThinkingBlock({
     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)"));
+  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 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 * \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;",
+  "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 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,SAAO,GAAO,gBAC7C,CAEJ;AAEJ;AAKO,SAAS,kBAAkB;AAAA,EAChC;AACF,GAEoB;AAClB,SAAO,oCAAC,sBAAmB,SAAkB,iBAAiB,OAAO;AACvE;",
   "names": []
 }

package/dist/components/AsciiLogo.js

@@ -3,15 +3,14 @@ import React from "react";
 import { getTheme } from "../utils/theme.js";
 function AsciiLogo() {
   const theme = getTheme();
-  const logoLines = [
-    "\u2588\u2588\u2588\u2557\u2591\u2591\u2591\u2588\u2588\u2588\u2557\u2588\u2588\u2557\u2588\u2588\u2588\u2557\u2591\u2591\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2591\u2588\u2588\u2588\u2588\u2588\u2557\u2591",
-    "\u2588\u2588\u2588\u2588\u2557\u2591\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2557\u2591\u2588\u2588\u2551\u255A\u2550\u2550\u2588\u2588\u2554\u2550\u2550\u255D\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557",
-    "\u2588\u2588\u2554\u2588\u2588\u2588\u2588\u2554\u2588\u2588\u2551\u2588\u2588\u2551\u2588\u2588\u2554\u2588\u2588\u2557\u2588\u2588\u2551\u2591\u2591\u2591\u2588\u2588\u2551\u2591\u2591\u2591\u2588\u2588\u2551\u2591\u2591\u2588\u2588\u2551",
-    "\u2588\u2588\u2551\u255A\u2588\u2588\u2554\u255D\u2588\u2588\u2551\u2588\u2588\u2551\u2588\u2588\u2551\u255A\u2588\u2588\u2588\u2588\u2551\u2591\u2591\u2591\u2588\u2588\u2551\u2591\u2591\u2591\u2588\u2588\u2551\u2591\u2591\u2588\u2588\u2551",
-    "\u2588\u2588\u2551\u2591\u255A\u2550\u255D\u2591\u2588\u2588\u2551\u2588\u2588\u2551\u2588\u2588\u2551\u2591\u255A\u2588\u2588\u2588\u2551\u2591\u2591\u2591\u2588\u2588\u2551\u2591\u2591\u2591\u255A\u2588\u2588\u2588\u2588\u2588\u2554\u255D",
-    "\u255A\u2550\u255D\u2591\u2591\u2591\u2591\u2591\u255A\u2550\u255D\u255A\u2550\u255D\u255A\u2550\u255D\u2591\u2591\u255A\u2550\u2550\u255D\u2591\u2591\u2591\u255A\u2550\u255D\u2591\u2591\u2591\u2591\u255A\u2550\u2550\u2550\u2550\u255D\u2591"
+  const logoLines = ["\u2588\u2580\u2584\u2580\u2588 \u2588 \u2588\u2584 \u2588 \u2580\u2588\u2580 \u2588\u2580\u2588", "\u2588 \u2580 \u2588 \u2588 \u2588 \u2580\u2588  \u2588  \u2588\u2584\u2588"];
+  const gradientColors = [
+    "#667EEA",
+    // Purple-Blue
+    "#F5576C"
+    // Coral Red
   ];
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", alignItems: "flex-start" }, /* @__PURE__ */ React.createElement(Text, { color: "cyan" }, logoLines[0]), /* @__PURE__ */ React.createElement(Text, { color: "blue" }, logoLines[1]), /* @__PURE__ */ React.createElement(Text, { color: "magenta" }, logoLines[2]), /* @__PURE__ */ React.createElement(Text, { color: "magenta" }, logoLines[3]), /* @__PURE__ */ React.createElement(Text, { color: "cyan" }, logoLines[4]), /* @__PURE__ */ React.createElement(Text, { color: "blue" }, logoLines[5]));
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", alignItems: "center" }, /* @__PURE__ */ React.createElement(Text, { color: gradientColors[0] }, "\u25C6"), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", alignItems: "center", marginY: 1 }, /* @__PURE__ */ React.createElement(Text, { color: gradientColors[0], bold: true }, logoLines[0]), /* @__PURE__ */ React.createElement(Text, { color: gradientColors[1], bold: true }, logoLines[1])), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, /* @__PURE__ */ React.createElement(Text, { color: gradientColors[0] }, "Strategic AI"), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, " \xB7 "), /* @__PURE__ */ React.createElement(Text, { color: gradientColors[1] }, "Global Excellence")));
 }
 export {
   AsciiLogo

package/dist/components/AsciiLogo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/AsciiLogo.tsx"],
-  "sourcesContent": ["import { Box, Text } from 'ink'\nimport React from 'react'\nimport { getTheme } from '@utils/theme'\n\nexport function AsciiLogo(): React.ReactNode {\n  const theme = getTheme()\n\n  // ASCII Logo lines with gradient colors\n  const logoLines = [\n    '\u2588\u2588\u2588\u2557\u2591\u2591\u2591\u2588\u2588\u2588\u2557\u2588\u2588\u2557\u2588\u2588\u2588\u2557\u2591\u2591\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2591\u2588\u2588\u2588\u2588\u2588\u2557\u2591',\n    '\u2588\u2588\u2588\u2588\u2557\u2591\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2557\u2591\u2588\u2588\u2551\u255A\u2550\u2550\u2588\u2588\u2554\u2550\u2550\u255D\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557',\n    '\u2588\u2588\u2554\u2588\u2588\u2588\u2588\u2554\u2588\u2588\u2551\u2588\u2588\u2551\u2588\u2588\u2554\u2588\u2588\u2557\u2588\u2588\u2551\u2591\u2591\u2591\u2588\u2588\u2551\u2591\u2591\u2591\u2588\u2588\u2551\u2591\u2591\u2588\u2588\u2551',\n    '\u2588\u2588\u2551\u255A\u2588\u2588\u2554\u255D\u2588\u2588\u2551\u2588\u2588\u2551\u2588\u2588\u2551\u255A\u2588\u2588\u2588\u2588\u2551\u2591\u2591\u2591\u2588\u2588\u2551\u2591\u2591\u2591\u2588\u2588\u2551\u2591\u2591\u2588\u2588\u2551',\n    '\u2588\u2588\u2551\u2591\u255A\u2550\u255D\u2591\u2588\u2588\u2551\u2588\u2588\u2551\u2588\u2588\u2551\u2591\u255A\u2588\u2588\u2588\u2551\u2591\u2591\u2591\u2588\u2588\u2551\u2591\u2591\u2591\u255A\u2588\u2588\u2588\u2588\u2588\u2554\u255D',\n    '\u255A\u2550\u255D\u2591\u2591\u2591\u2591\u2591\u255A\u2550\u255D\u255A\u2550\u255D\u255A\u2550\u255D\u2591\u2591\u255A\u2550\u2550\u255D\u2591\u2591\u2591\u255A\u2550\u255D\u2591\u2591\u2591\u2591\u255A\u2550\u2550\u2550\u2550\u255D\u2591',\n  ]\n\n  return (\n    <Box flexDirection=\"column\" alignItems=\"flex-start\">\n      <Text color=\"cyan\">{logoLines[0]}</Text>\n      <Text color=\"blue\">{logoLines[1]}</Text>\n      <Text color=\"magenta\">{logoLines[2]}</Text>\n      <Text color=\"magenta\">{logoLines[3]}</Text>\n      <Text color=\"cyan\">{logoLines[4]}</Text>\n      <Text color=\"blue\">{logoLines[5]}</Text>\n    </Box>\n  )\n}\n"],
-  "mappings": "AAAA,SAAS,KAAK,YAAY;AAC1B,OAAO,WAAW;AAClB,SAAS,gBAAgB;AAElB,SAAS,YAA6B;AAC3C,QAAM,QAAQ,SAAS;AAGvB,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE,oCAAC,OAAI,eAAc,UAAS,YAAW,gBACrC,oCAAC,QAAK,OAAM,UAAQ,UAAU,CAAC,CAAE,GACjC,oCAAC,QAAK,OAAM,UAAQ,UAAU,CAAC,CAAE,GACjC,oCAAC,QAAK,OAAM,aAAW,UAAU,CAAC,CAAE,GACpC,oCAAC,QAAK,OAAM,aAAW,UAAU,CAAC,CAAE,GACpC,oCAAC,QAAK,OAAM,UAAQ,UAAU,CAAC,CAAE,GACjC,oCAAC,QAAK,OAAM,UAAQ,UAAU,CAAC,CAAE,CACnC;AAEJ;",
+  "sourcesContent": ["import { Box, Text } from 'ink'\nimport React from 'react'\nimport { getTheme } from '@utils/theme'\n\nexport function AsciiLogo(): React.ReactNode {\n  const theme = getTheme()\n\n  // Bold modern ASCII font - powerful yet refined\n  // Uses half-block characters for a contemporary, impactful look\n  const logoLines = ['\u2588\u2580\u2584\u2580\u2588 \u2588 \u2588\u2584 \u2588 \u2580\u2588\u2580 \u2588\u2580\u2588', '\u2588 \u2580 \u2588 \u2588 \u2588 \u2580\u2588  \u2588  \u2588\u2584\u2588']\n\n  // Sunset gradient: Purple-Blue \u2192 Coral\n  const gradientColors = [\n    '#667EEA', // Purple-Blue\n    '#F5576C', // Coral Red\n  ]\n\n  return (\n    <Box flexDirection=\"column\" alignItems=\"center\">\n      {/* Decorative diamond */}\n      <Text color={gradientColors[0]}>{'\u25C6'}</Text>\n\n      {/* Main MINTO text with gradient */}\n      <Box flexDirection=\"column\" alignItems=\"center\" marginY={1}>\n        <Text color={gradientColors[0]} bold>\n          {logoLines[0]}\n        </Text>\n        <Text color={gradientColors[1]} bold>\n          {logoLines[1]}\n        </Text>\n      </Box>\n\n      {/* Tagline */}\n      <Text color={theme.secondaryText}>\n        <Text color={gradientColors[0]}>Strategic AI</Text>\n        <Text color={theme.secondaryText}>{' \u00B7 '}</Text>\n        <Text color={gradientColors[1]}>Global Excellence</Text>\n      </Text>\n    </Box>\n  )\n}\n"],
+  "mappings": "AAAA,SAAS,KAAK,YAAY;AAC1B,OAAO,WAAW;AAClB,SAAS,gBAAgB;AAElB,SAAS,YAA6B;AAC3C,QAAM,QAAQ,SAAS;AAIvB,QAAM,YAAY,CAAC,mGAAwB,6EAAsB;AAGjE,QAAM,iBAAiB;AAAA,IACrB;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AAEA,SACE,oCAAC,OAAI,eAAc,UAAS,YAAW,YAErC,oCAAC,QAAK,OAAO,eAAe,CAAC,KAAI,QAAI,GAGrC,oCAAC,OAAI,eAAc,UAAS,YAAW,UAAS,SAAS,KACvD,oCAAC,QAAK,OAAO,eAAe,CAAC,GAAG,MAAI,QACjC,UAAU,CAAC,CACd,GACA,oCAAC,QAAK,OAAO,eAAe,CAAC,GAAG,MAAI,QACjC,UAAU,CAAC,CACd,CACF,GAGA,oCAAC,QAAK,OAAO,MAAM,iBACjB,oCAAC,QAAK,OAAO,eAAe,CAAC,KAAG,cAAY,GAC5C,oCAAC,QAAK,OAAO,MAAM,iBAAgB,QAAM,GACzC,oCAAC,QAAK,OAAO,eAAe,CAAC,KAAG,mBAAiB,CACnD,CACF;AAEJ;",
   "names": []
 }

package/dist/components/AskUserQuestionDialog/AskUserQuestionDialog.js

@@ -5,6 +5,7 @@ import { QuestionView } from "./QuestionView.js";
 import { useNotifyAfterTimeout } from "../../hooks/useNotifyAfterTimeout.js";
 import { PRODUCT_NAME } from "../../constants/product.js";
 import TextInput from "ink-text-input";
+import { BRAND_GRADIENT, SEMANTIC_COLORS } from "../../constants/colors.js";
 function AskUserQuestionDialog({
   context,
   onDone
@@ -113,14 +114,14 @@ function AskUserQuestionDialog({
       resolve
     ]
   );
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", paddingY: 1 }, isCustomInputMode ? /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", paddingX: 2 }, /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Enter your custom response:")), /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "cyan" }, "> "), /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", paddingY: 1 }, isCustomInputMode ? /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", paddingX: 2 }, /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Enter your custom response:")), /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START }, "> "), /* @__PURE__ */ React.createElement(
     TextInput,
     {
       value: customInput,
       onChange: setCustomInput,
       onSubmit: handleConfirm
     }
-  )), /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "[Enter to confirm] [Esc to cancel]"))) : (
+  )), /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "[Enter to confirm] [Esc to cancel]"))) : (
     /* Normal question view */
     /* @__PURE__ */ React.createElement(
       QuestionView,

package/dist/components/AskUserQuestionDialog/AskUserQuestionDialog.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/AskUserQuestionDialog/AskUserQuestionDialog.tsx"],
-  "sourcesContent": ["import { Box, Text, useInput } from 'ink'\nimport * as React from 'react'\nimport { useState, useCallback } from 'react'\nimport {\n  type AskUserQuestionContext,\n  type UserAnswer,\n} from '@minto-types/askUserQuestion'\nimport { QuestionView } from './QuestionView'\nimport { useNotifyAfterTimeout } from '@hooks/useNotifyAfterTimeout'\nimport { PRODUCT_NAME } from '@constants/product'\nimport TextInput from 'ink-text-input'\n\ninterface AskUserQuestionDialogProps {\n  context: AskUserQuestionContext\n  onDone: () => void\n}\n\nexport function AskUserQuestionDialog({\n  context,\n  onDone,\n}: AskUserQuestionDialogProps): React.ReactElement {\n  const { questions, resolve, reject } = context\n\n  // Current question index (for multi-question scenarios)\n  const [currentQuestionIndex, setCurrentQuestionIndex] = useState(0)\n\n  // Selected option indices for each question\n  const [selectedOptions, setSelectedOptions] = useState<number[]>(\n    questions.map(() => 0),\n  )\n\n  // Custom input mode for \"Other\" option\n  const [isCustomInputMode, setIsCustomInputMode] = useState(false)\n  const [customInput, setCustomInput] = useState('')\n\n  // Notification after timeout\n  useNotifyAfterTimeout(`${PRODUCT_NAME} needs your input to continue`)\n\n  const currentQuestion = questions[currentQuestionIndex]!\n\n  // Handle keyboard input\n  useInput(\n    (input, key) => {\n      // Cancel with Escape or Ctrl+C\n      if (key.escape || (key.ctrl && input === 'c')) {\n        onDone()\n        reject()\n        return\n      }\n\n      // Don't handle other keys in custom input mode\n      if (isCustomInputMode) {\n        return\n      }\n\n      // Navigate between questions with left/right arrows\n      if (key.leftArrow && currentQuestionIndex > 0) {\n        setCurrentQuestionIndex(prev => prev - 1)\n        return\n      }\n\n      if (key.rightArrow && currentQuestionIndex < questions.length - 1) {\n        setCurrentQuestionIndex(prev => prev + 1)\n        return\n      }\n\n      // Confirm with Enter\n      if (key.return) {\n        handleConfirm()\n        return\n      }\n\n      // Press 'o' to enter custom input mode\n      if (input === 'o' && currentQuestion.options) {\n        setIsCustomInputMode(true)\n        setCustomInput('')\n        return\n      }\n    },\n    { isActive: true },\n  )\n\n  // Handle option change\n  const handleOptionChange = useCallback(\n    (optionIndex: number) => {\n      const newSelectedOptions = [...selectedOptions]\n      newSelectedOptions[currentQuestionIndex] = optionIndex\n      setSelectedOptions(newSelectedOptions)\n\n      // If \"Other\" is selected (-1), enter custom input mode\n      if (optionIndex === -1) {\n        setIsCustomInputMode(true)\n        setCustomInput('')\n      }\n    },\n    [selectedOptions, currentQuestionIndex],\n  )\n\n  // Handle confirmation\n  const handleConfirm = useCallback(() => {\n    // If in custom input mode, save the custom input\n    if (isCustomInputMode) {\n      if (!customInput.trim()) {\n        // Don't allow empty custom input\n        return\n      }\n\n      // Save custom input and exit custom input mode\n      setIsCustomInputMode(false)\n\n      // If this is the last question, submit all answers\n      if (currentQuestionIndex === questions.length - 1) {\n        submitAnswers(customInput)\n      } else {\n        // Move to next question\n        setCurrentQuestionIndex(prev => prev + 1)\n      }\n      return\n    }\n\n    // If this is the last question, submit all answers\n    if (currentQuestionIndex === questions.length - 1) {\n      submitAnswers()\n    } else {\n      // Move to next question\n      setCurrentQuestionIndex(prev => prev + 1)\n    }\n  }, [isCustomInputMode, customInput, currentQuestionIndex, questions.length])\n\n  // Submit all answers\n  const submitAnswers = useCallback(\n    (customInputOverride?: string) => {\n      const answers: UserAnswer[] = questions.map((question, index) => {\n        const selectedOptionIndex = selectedOptions[index]!\n\n        // If it's the current question and we have custom input\n        if (\n          index === currentQuestionIndex &&\n          (customInputOverride || isCustomInputMode)\n        ) {\n          return {\n            questionIndex: index,\n            customInput: customInputOverride || customInput,\n          }\n        }\n\n        // If \"Other\" was selected (-1), use custom input\n        if (selectedOptionIndex === -1) {\n          return {\n            questionIndex: index,\n            customInput: customInput,\n          }\n        }\n\n        // Regular option selection\n        return {\n          questionIndex: index,\n          selectedOptions: [selectedOptionIndex],\n        }\n      })\n\n      onDone()\n      resolve(answers)\n    },\n    [\n      questions,\n      selectedOptions,\n      currentQuestionIndex,\n      isCustomInputMode,\n      customInput,\n      onDone,\n      resolve,\n    ],\n  )\n\n  return (\n    <Box flexDirection=\"column\" paddingY={1}>\n      {/* Custom input mode */}\n      {isCustomInputMode ? (\n        <Box flexDirection=\"column\" paddingX={2}>\n          <Box marginBottom={1}>\n            <Text bold>Enter your custom response:</Text>\n          </Box>\n          <Box marginBottom={1}>\n            <Text color=\"cyan\">&gt; </Text>\n            <TextInput\n              value={customInput}\n              onChange={setCustomInput}\n              onSubmit={handleConfirm}\n            />\n          </Box>\n          <Box>\n            <Text dimColor>[Enter to confirm] [Esc to cancel]</Text>\n          </Box>\n        </Box>\n      ) : (\n        /* Normal question view */\n        <QuestionView\n          question={currentQuestion}\n          questionIndex={currentQuestionIndex}\n          totalQuestions={questions.length}\n          selectedOptionIndex={selectedOptions[currentQuestionIndex]!}\n          onOptionChange={handleOptionChange}\n        />\n      )}\n    </Box>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Box, Text, useInput } from 'ink'\nimport * as React from 'react'\nimport { useState, useCallback } from 'react'\nimport {\n  type AskUserQuestionContext,\n  type UserAnswer,\n} from '@minto-types/askUserQuestion'\nimport { QuestionView } from './QuestionView'\nimport { useNotifyAfterTimeout } from '@hooks/useNotifyAfterTimeout'\nimport { PRODUCT_NAME } from '@constants/product'\nimport TextInput from 'ink-text-input'\nimport { BRAND_GRADIENT, SEMANTIC_COLORS } from '@constants/colors'\n\ninterface AskUserQuestionDialogProps {\n  context: AskUserQuestionContext\n  onDone: () => void\n}\n\nexport function AskUserQuestionDialog({\n  context,\n  onDone,\n}: AskUserQuestionDialogProps): React.ReactElement {\n  const { questions, resolve, reject } = context\n\n  // Current question index (for multi-question scenarios)\n  const [currentQuestionIndex, setCurrentQuestionIndex] = useState(0)\n\n  // Selected option indices for each question\n  const [selectedOptions, setSelectedOptions] = useState<number[]>(\n    questions.map(() => 0),\n  )\n\n  // Custom input mode for \"Other\" option\n  const [isCustomInputMode, setIsCustomInputMode] = useState(false)\n  const [customInput, setCustomInput] = useState('')\n\n  // Notification after timeout\n  useNotifyAfterTimeout(`${PRODUCT_NAME} needs your input to continue`)\n\n  const currentQuestion = questions[currentQuestionIndex]!\n\n  // Handle keyboard input\n  useInput(\n    (input, key) => {\n      // Cancel with Escape or Ctrl+C\n      if (key.escape || (key.ctrl && input === 'c')) {\n        onDone()\n        reject()\n        return\n      }\n\n      // Don't handle other keys in custom input mode\n      if (isCustomInputMode) {\n        return\n      }\n\n      // Navigate between questions with left/right arrows\n      if (key.leftArrow && currentQuestionIndex > 0) {\n        setCurrentQuestionIndex(prev => prev - 1)\n        return\n      }\n\n      if (key.rightArrow && currentQuestionIndex < questions.length - 1) {\n        setCurrentQuestionIndex(prev => prev + 1)\n        return\n      }\n\n      // Confirm with Enter\n      if (key.return) {\n        handleConfirm()\n        return\n      }\n\n      // Press 'o' to enter custom input mode\n      if (input === 'o' && currentQuestion.options) {\n        setIsCustomInputMode(true)\n        setCustomInput('')\n        return\n      }\n    },\n    { isActive: true },\n  )\n\n  // Handle option change\n  const handleOptionChange = useCallback(\n    (optionIndex: number) => {\n      const newSelectedOptions = [...selectedOptions]\n      newSelectedOptions[currentQuestionIndex] = optionIndex\n      setSelectedOptions(newSelectedOptions)\n\n      // If \"Other\" is selected (-1), enter custom input mode\n      if (optionIndex === -1) {\n        setIsCustomInputMode(true)\n        setCustomInput('')\n      }\n    },\n    [selectedOptions, currentQuestionIndex],\n  )\n\n  // Handle confirmation\n  const handleConfirm = useCallback(() => {\n    // If in custom input mode, save the custom input\n    if (isCustomInputMode) {\n      if (!customInput.trim()) {\n        // Don't allow empty custom input\n        return\n      }\n\n      // Save custom input and exit custom input mode\n      setIsCustomInputMode(false)\n\n      // If this is the last question, submit all answers\n      if (currentQuestionIndex === questions.length - 1) {\n        submitAnswers(customInput)\n      } else {\n        // Move to next question\n        setCurrentQuestionIndex(prev => prev + 1)\n      }\n      return\n    }\n\n    // If this is the last question, submit all answers\n    if (currentQuestionIndex === questions.length - 1) {\n      submitAnswers()\n    } else {\n      // Move to next question\n      setCurrentQuestionIndex(prev => prev + 1)\n    }\n  }, [isCustomInputMode, customInput, currentQuestionIndex, questions.length])\n\n  // Submit all answers\n  const submitAnswers = useCallback(\n    (customInputOverride?: string) => {\n      const answers: UserAnswer[] = questions.map((question, index) => {\n        const selectedOptionIndex = selectedOptions[index]!\n\n        // If it's the current question and we have custom input\n        if (\n          index === currentQuestionIndex &&\n          (customInputOverride || isCustomInputMode)\n        ) {\n          return {\n            questionIndex: index,\n            customInput: customInputOverride || customInput,\n          }\n        }\n\n        // If \"Other\" was selected (-1), use custom input\n        if (selectedOptionIndex === -1) {\n          return {\n            questionIndex: index,\n            customInput: customInput,\n          }\n        }\n\n        // Regular option selection\n        return {\n          questionIndex: index,\n          selectedOptions: [selectedOptionIndex],\n        }\n      })\n\n      onDone()\n      resolve(answers)\n    },\n    [\n      questions,\n      selectedOptions,\n      currentQuestionIndex,\n      isCustomInputMode,\n      customInput,\n      onDone,\n      resolve,\n    ],\n  )\n\n  return (\n    <Box flexDirection=\"column\" paddingY={1}>\n      {/* Custom input mode */}\n      {isCustomInputMode ? (\n        <Box flexDirection=\"column\" paddingX={2}>\n          <Box marginBottom={1}>\n            <Text bold>Enter your custom response:</Text>\n          </Box>\n          <Box marginBottom={1}>\n            <Text color={BRAND_GRADIENT.START}>&gt; </Text>\n            <TextInput\n              value={customInput}\n              onChange={setCustomInput}\n              onSubmit={handleConfirm}\n            />\n          </Box>\n          <Box>\n            <Text color={SEMANTIC_COLORS.dim}>\n              [Enter to confirm] [Esc to cancel]\n            </Text>\n          </Box>\n        </Box>\n      ) : (\n        /* Normal question view */\n        <QuestionView\n          question={currentQuestion}\n          questionIndex={currentQuestionIndex}\n          totalQuestions={questions.length}\n          selectedOptionIndex={selectedOptions[currentQuestionIndex]!}\n          onOptionChange={handleOptionChange}\n        />\n      )}\n    </Box>\n  )\n}\n"],
+  "mappings": "AAAA,SAAS,KAAK,MAAM,gBAAgB;AACpC,YAAY,WAAW;AACvB,SAAS,UAAU,mBAAmB;AAKtC,SAAS,oBAAoB;AAC7B,SAAS,6BAA6B;AACtC,SAAS,oBAAoB;AAC7B,OAAO,eAAe;AACtB,SAAS,gBAAgB,uBAAuB;AAOzC,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AACF,GAAmD;AACjD,QAAM,EAAE,WAAW,SAAS,OAAO,IAAI;AAGvC,QAAM,CAAC,sBAAsB,uBAAuB,IAAI,SAAS,CAAC;AAGlE,QAAM,CAAC,iBAAiB,kBAAkB,IAAI;AAAA,IAC5C,UAAU,IAAI,MAAM,CAAC;AAAA,EACvB;AAGA,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAAS,KAAK;AAChE,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,EAAE;AAGjD,wBAAsB,GAAG,YAAY,+BAA+B;AAEpE,QAAM,kBAAkB,UAAU,oBAAoB;AAGtD;AAAA,IACE,CAAC,OAAO,QAAQ;AAEd,UAAI,IAAI,UAAW,IAAI,QAAQ,UAAU,KAAM;AAC7C,eAAO;AACP,eAAO;AACP;AAAA,MACF;AAGA,UAAI,mBAAmB;AACrB;AAAA,MACF;AAGA,UAAI,IAAI,aAAa,uBAAuB,GAAG;AAC7C,gCAAwB,UAAQ,OAAO,CAAC;AACxC;AAAA,MACF;AAEA,UAAI,IAAI,cAAc,uBAAuB,UAAU,SAAS,GAAG;AACjE,gCAAwB,UAAQ,OAAO,CAAC;AACxC;AAAA,MACF;AAGA,UAAI,IAAI,QAAQ;AACd,sBAAc;AACd;AAAA,MACF;AAGA,UAAI,UAAU,OAAO,gBAAgB,SAAS;AAC5C,6BAAqB,IAAI;AACzB,uBAAe,EAAE;AACjB;AAAA,MACF;AAAA,IACF;AAAA,IACA,EAAE,UAAU,KAAK;AAAA,EACnB;AAGA,QAAM,qBAAqB;AAAA,IACzB,CAAC,gBAAwB;AACvB,YAAM,qBAAqB,CAAC,GAAG,eAAe;AAC9C,yBAAmB,oBAAoB,IAAI;AAC3C,yBAAmB,kBAAkB;AAGrC,UAAI,gBAAgB,IAAI;AACtB,6BAAqB,IAAI;AACzB,uBAAe,EAAE;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,iBAAiB,oBAAoB;AAAA,EACxC;AAGA,QAAM,gBAAgB,YAAY,MAAM;AAEtC,QAAI,mBAAmB;AACrB,UAAI,CAAC,YAAY,KAAK,GAAG;AAEvB;AAAA,MACF;AAGA,2BAAqB,KAAK;AAG1B,UAAI,yBAAyB,UAAU,SAAS,GAAG;AACjD,sBAAc,WAAW;AAAA,MAC3B,OAAO;AAEL,gCAAwB,UAAQ,OAAO,CAAC;AAAA,MAC1C;AACA;AAAA,IACF;AAGA,QAAI,yBAAyB,UAAU,SAAS,GAAG;AACjD,oBAAc;AAAA,IAChB,OAAO;AAEL,8BAAwB,UAAQ,OAAO,CAAC;AAAA,IAC1C;AAAA,EACF,GAAG,CAAC,mBAAmB,aAAa,sBAAsB,UAAU,MAAM,CAAC;AAG3E,QAAM,gBAAgB;AAAA,IACpB,CAAC,wBAAiC;AAChC,YAAM,UAAwB,UAAU,IAAI,CAAC,UAAU,UAAU;AAC/D,cAAM,sBAAsB,gBAAgB,KAAK;AAGjD,YACE,UAAU,yBACT,uBAAuB,oBACxB;AACA,iBAAO;AAAA,YACL,eAAe;AAAA,YACf,aAAa,uBAAuB;AAAA,UACtC;AAAA,QACF;AAGA,YAAI,wBAAwB,IAAI;AAC9B,iBAAO;AAAA,YACL,eAAe;AAAA,YACf;AAAA,UACF;AAAA,QACF;AAGA,eAAO;AAAA,UACL,eAAe;AAAA,UACf,iBAAiB,CAAC,mBAAmB;AAAA,QACvC;AAAA,MACF,CAAC;AAED,aAAO;AACP,cAAQ,OAAO;AAAA,IACjB;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SACE,oCAAC,OAAI,eAAc,UAAS,UAAU,KAEnC,oBACC,oCAAC,OAAI,eAAc,UAAS,UAAU,KACpC,oCAAC,OAAI,cAAc,KACjB,oCAAC,QAAK,MAAI,QAAC,6BAA2B,CACxC,GACA,oCAAC,OAAI,cAAc,KACjB,oCAAC,QAAK,OAAO,eAAe,SAAO,IAAK,GACxC;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA;AAAA,EACZ,CACF,GACA,oCAAC,WACC,oCAAC,QAAK,OAAO,gBAAgB,OAAK,oCAElC,CACF,CACF;AAAA;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV,eAAe;AAAA,QACf,gBAAgB,UAAU;AAAA,QAC1B,qBAAqB,gBAAgB,oBAAoB;AAAA,QACzD,gBAAgB;AAAA;AAAA,IAClB;AAAA,GAEJ;AAEJ;",
   "names": []
 }

package/dist/components/AskUserQuestionDialog/QuestionView.js

@@ -2,6 +2,7 @@ import { Box, Text } from "ink";
 import * as React from "react";
 import { Select } from "../CustomSelect/select.js";
 import { getTheme } from "../../utils/theme.js";
+import { SEMANTIC_COLORS } from "../../constants/colors.js";
 function QuestionView({
   question,
   questionIndex,
@@ -37,7 +38,7 @@ function QuestionView({
         }
       }
     }
-  )), question.options && question.options.length > 0 && selectedOptionIndex >= 0 && selectedOptionIndex < question.options.length && /* @__PURE__ */ React.createElement(Box, { marginLeft: 2, marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText, dimColor: true }, question.options[selectedOptionIndex]?.description || "")), /* @__PURE__ */ React.createElement(
+  )), question.options && question.options.length > 0 && selectedOptionIndex >= 0 && selectedOptionIndex < question.options.length && /* @__PURE__ */ React.createElement(Box, { marginLeft: 2, marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, question.options[selectedOptionIndex]?.description || "")), /* @__PURE__ */ React.createElement(
     Box,
     {
       marginTop: 1,