@within-7/minto 0.0.5-dev.1

package/dist/components/TodoPanel.js

@@ -0,0 +1,55 @@
+import React, { useState, useEffect } from "react";
+import { Box, Text } from "ink";
+import { getTheme } from "../utils/theme.js";
+import { SYMBOLS, getTodoStatusSymbol } from "../constants/symbols.js";
+import { formatNumber } from "../utils/format.js";
+function TodoPanel({
+  todos,
+  isVisible,
+  currentTaskActiveForm,
+  elapsedTime = 0,
+  tokenCount = 0,
+  isLoading = true
+}) {
+  const theme = getTheme();
+  const [frameIndex, setFrameIndex] = useState(0);
+  useEffect(() => {
+    if (!isLoading) {
+      return;
+    }
+    const timer = setInterval(() => {
+      setFrameIndex((i) => (i + 1) % SYMBOLS.THINKING_FRAMES.length);
+    }, 150);
+    return () => clearInterval(timer);
+  }, [isLoading]);
+  const hasIncompleteTasks = todos.some((t) => t.status !== "completed");
+  if (!isVisible || todos.length === 0 || !hasIncompleteTasks) {
+    return null;
+  }
+  const visibleTodos = todos;
+  const currentTask = currentTaskActiveForm || todos.find((t) => t.status === "in_progress")?.activeForm || "Executing tasks";
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginY: 1 }, /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Box, { width: 2, flexShrink: 0 }, /* @__PURE__ */ React.createElement(Text, null, SYMBOLS.THINKING_FRAMES[frameIndex])), /* @__PURE__ */ React.createElement(Text, null, currentTask), /* @__PURE__ */ React.createElement(Text, null, "\u2026 "), /* @__PURE__ */ React.createElement(Text, { color: theme.dim }, "(esc to interrupt \xB7 ctrl+t to hide todos \xB7 ", elapsedTime, "s \xB7 \u2193", " ", formatNumber(tokenCount), " tokens)")), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, visibleTodos.map((todo, idx) => /* @__PURE__ */ React.createElement(
+    TodoItemClaudeStyle,
+    {
+      key: idx,
+      todo,
+      theme,
+      isFirst: idx === 0
+    }
+  ))));
+}
+function TodoItemClaudeStyle({
+  todo,
+  theme,
+  isFirst
+}) {
+  const isCompleted = todo.status === "completed";
+  const symbol = getTodoStatusSymbol(todo.status);
+  const color = isCompleted ? theme.dim : void 0;
+  const indent = isFirst ? "  \u23BF  " : "     ";
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: theme.dim }, indent), /* @__PURE__ */ React.createElement(Text, { color }, symbol, " "), /* @__PURE__ */ React.createElement(Text, { color, strikethrough: isCompleted }, todo.content));
+}
+export {
+  TodoPanel
+};
+//# sourceMappingURL=TodoPanel.js.map

package/dist/components/TodoPanel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/TodoPanel.tsx"],
+  "sourcesContent": ["import React, { useState, useEffect } from 'react'\nimport { Box, Text } from 'ink'\nimport { TodoItem } from './TodoItem'\nimport { getTheme } from '@utils/theme'\nimport { SYMBOLS, getTodoStatusSymbol } from '@constants/symbols'\nimport { formatNumber } from '@utils/format'\nimport type { TodoItem as TodoItemType } from '@utils/todoStorage'\n\ninterface TodoPanelProps {\n  /** TODO \u5217\u8868 */\n  todos: TodoItemType[]\n  /** \u662F\u5426\u663E\u793A\u9762\u677F\uFF08\u7531 Ctrl+T \u63A7\u5236\uFF09 */\n  isVisible: boolean\n  /** \u5F53\u524D\u4E3B\u4EFB\u52A1\u7684 activeForm\uFF08\u8FDB\u884C\u4E2D\u7684\u4EFB\u52A1\u63CF\u8FF0\uFF09 */\n  currentTaskActiveForm?: string\n  /** \u8FD0\u884C\u65F6\u95F4\uFF08\u79D2\uFF09 */\n  elapsedTime?: number\n  /** Token \u8BA1\u6570 */\n  tokenCount?: number\n  /** \u662F\u5426\u6B63\u5728\u52A0\u8F7D\uFF08\u63A7\u5236\u52A8\u753B\uFF09 */\n  isLoading?: boolean\n}\n\n/**\n * TODO \u9762\u677F\u7EC4\u4EF6 - Claude Code CLI \u98CE\u683C\n *\n * \u89C6\u89C9\u683C\u5F0F\uFF1A\n * ```\n * \u273D \u4F18\u5316\u5E76\u884C\u4EFB\u52A1\u8FDB\u5EA6\u5C55\u793A\u2026 (esc to interrupt \u00B7 ctrl+t to hide todos \u00B7 252s \u00B7 \u2193 5.8k tokens)\n *   \u23BF  \u2612 \u5DF2\u5B8C\u6210\u4EFB\u52A1 (\u7070\u8272 + \u5220\u9664\u7EBF)\n *      \u2610 \u5F85\u5B8C\u6210\u4EFB\u52A1\n * ```\n */\nexport function TodoPanel({\n  todos,\n  isVisible,\n  currentTaskActiveForm,\n  elapsedTime = 0,\n  tokenCount = 0,\n  isLoading = true,\n}: TodoPanelProps) {\n  const theme = getTheme()\n\n  // Claude Code \u98CE\u683C\uFF1A\u52A8\u6001\u52A8\u753B\u7B26\u53F7 (6\u5E27\u5FAA\u73AF)\n  const [frameIndex, setFrameIndex] = useState(0)\n  useEffect(() => {\n    // \u53EA\u5728 isLoading \u4E3A true \u65F6\u8FD0\u884C\u52A8\u753B\n    if (!isLoading) {\n      return\n    }\n\n    const timer = setInterval(() => {\n      setFrameIndex(i => (i + 1) % SYMBOLS.THINKING_FRAMES.length)\n    }, 150)\n    return () => clearInterval(timer)\n  }, [isLoading])\n\n  // Claude Code \u98CE\u683C\uFF1A\u6240\u6709\u4EFB\u52A1\u5B8C\u6210\u540E\u9690\u85CF\u9762\u677F\n  const hasIncompleteTasks = todos.some(t => t.status !== 'completed')\n\n  // \u5982\u679C\u4E0D\u53EF\u89C1\u3001\u6CA1\u6709 TODO\u3001\u6216\u6240\u6709\u4EFB\u52A1\u90FD\u5DF2\u5B8C\u6210\uFF0C\u4E0D\u6E32\u67D3\n  if (!isVisible || todos.length === 0 || !hasIncompleteTasks) {\n    return null\n  }\n\n  // Claude Code \u98CE\u683C\uFF1A\u663E\u793A\u6240\u6709 TODO\uFF08\u5305\u62EC\u5DF2\u5B8C\u6210\u7684\uFF09\n  const visibleTodos = todos\n\n  // \u83B7\u53D6\u5F53\u524D\u8FDB\u884C\u4E2D\u7684\u4EFB\u52A1\u63CF\u8FF0\n  const currentTask =\n    currentTaskActiveForm ||\n    todos.find(t => t.status === 'in_progress')?.activeForm ||\n    'Executing tasks'\n\n  return (\n    <Box flexDirection=\"column\" marginY={1}>\n      {/* \u7B2C\u4E00\u884C\uFF1A\u52A8\u753B + \u5F53\u524D\u4EFB\u52A1 + \u7EDF\u8BA1\u4FE1\u606F */}\n      <Box flexDirection=\"row\">\n        {/* \u52A8\u753B\u7B26\u53F7 - \u4F7F\u7528\u56FA\u5B9A\u5BBD\u5EA6\u907F\u514D\u6296\u52A8 */}\n        <Box width={2} flexShrink={0}>\n          <Text>{SYMBOLS.THINKING_FRAMES[frameIndex]}</Text>\n        </Box>\n\n        {/* \u5F53\u524D\u4EFB\u52A1\u63CF\u8FF0 */}\n        <Text>{currentTask}</Text>\n\n        {/* \u7701\u7565\u7B26\u53F7 */}\n        <Text>\u2026 </Text>\n\n        {/* \u7EDF\u8BA1\u4FE1\u606F\u548C\u63D0\u793A */}\n        <Text color={theme.dim}>\n          (esc to interrupt \u00B7 ctrl+t to hide todos \u00B7 {elapsedTime}s \u00B7 \u2193{' '}\n          {formatNumber(tokenCount)} tokens)\n        </Text>\n      </Box>\n\n      {/* TODO \u5217\u8868 */}\n      <Box flexDirection=\"column\">\n        {visibleTodos.map((todo, idx) => (\n          <TodoItemClaudeStyle\n            key={idx}\n            todo={todo}\n            theme={theme}\n            isFirst={idx === 0}\n          />\n        ))}\n      </Box>\n    </Box>\n  )\n}\n\n/**\n * Claude Code \u98CE\u683C\u7684 TODO \u9879\n *\n * \u683C\u5F0F\uFF1A\n * ```\n *   \u23BF  \u2612 \u5DF2\u5B8C\u6210\u4EFB\u52A1 (\u7070\u8272 + \u5220\u9664\u7EBF)\n *      \u2610 \u5F85\u5B8C\u6210\u4EFB\u52A1\n * ```\n */\ninterface TodoItemClaudeStyleProps {\n  todo: TodoItemType\n  theme: ReturnType<typeof getTheme>\n  isFirst: boolean\n}\n\nfunction TodoItemClaudeStyle({\n  todo,\n  theme,\n  isFirst,\n}: TodoItemClaudeStyleProps) {\n  const isCompleted = todo.status === 'completed'\n\n  // \u7B26\u53F7\uFF1A\u2610 \u672A\u5B8C\u6210 / \u2612 \u5DF2\u5B8C\u6210\n  const symbol = getTodoStatusSymbol(todo.status)\n\n  // \u989C\u8272\uFF1A\u5DF2\u5B8C\u6210\u7528\u7070\u8272\uFF0C\u5176\u4ED6\u6B63\u5E38\n  const color = isCompleted ? theme.dim : undefined\n\n  // \u7F29\u8FDB\uFF1A\u7B2C\u4E00\u4E2A\u7528 \"  \u23BF  \"\uFF0C\u5176\u4ED6\u7528 \"     \" (5\u4E2A\u7A7A\u683C\u5BF9\u9F50)\n  const indent = isFirst ? '  \u23BF  ' : '     '\n\n  return (\n    <Box flexDirection=\"row\">\n      {/* \u7F29\u8FDB */}\n      <Text color={theme.dim}>{indent}</Text>\n\n      {/* \u72B6\u6001\u7B26\u53F7 */}\n      <Text color={color}>{symbol} </Text>\n\n      {/* \u4EFB\u52A1\u63CF\u8FF0 */}\n      <Text color={color} strikethrough={isCompleted}>\n        {todo.content}\n      </Text>\n    </Box>\n  )\n}\n"],
+  "mappings": "AAAA,OAAO,SAAS,UAAU,iBAAiB;AAC3C,SAAS,KAAK,YAAY;AAE1B,SAAS,gBAAgB;AACzB,SAAS,SAAS,2BAA2B;AAC7C,SAAS,oBAAoB;AA4BtB,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,aAAa;AAAA,EACb,YAAY;AACd,GAAmB;AACjB,QAAM,QAAQ,SAAS;AAGvB,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,CAAC;AAC9C,YAAU,MAAM;AAEd,QAAI,CAAC,WAAW;AACd;AAAA,IACF;AAEA,UAAM,QAAQ,YAAY,MAAM;AAC9B,oBAAc,QAAM,IAAI,KAAK,QAAQ,gBAAgB,MAAM;AAAA,IAC7D,GAAG,GAAG;AACN,WAAO,MAAM,cAAc,KAAK;AAAA,EAClC,GAAG,CAAC,SAAS,CAAC;AAGd,QAAM,qBAAqB,MAAM,KAAK,OAAK,EAAE,WAAW,WAAW;AAGnE,MAAI,CAAC,aAAa,MAAM,WAAW,KAAK,CAAC,oBAAoB;AAC3D,WAAO;AAAA,EACT;AAGA,QAAM,eAAe;AAGrB,QAAM,cACJ,yBACA,MAAM,KAAK,OAAK,EAAE,WAAW,aAAa,GAAG,cAC7C;AAEF,SACE,oCAAC,OAAI,eAAc,UAAS,SAAS,KAEnC,oCAAC,OAAI,eAAc,SAEjB,oCAAC,OAAI,OAAO,GAAG,YAAY,KACzB,oCAAC,YAAM,QAAQ,gBAAgB,UAAU,CAAE,CAC7C,GAGA,oCAAC,YAAM,WAAY,GAGnB,oCAAC,YAAK,SAAE,GAGR,oCAAC,QAAK,OAAO,MAAM,OAAK,qDACsB,aAAY,iBAAM,KAC7D,aAAa,UAAU,GAAE,UAC5B,CACF,GAGA,oCAAC,OAAI,eAAc,YAChB,aAAa,IAAI,CAAC,MAAM,QACvB;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,SAAS,QAAQ;AAAA;AAAA,EACnB,CACD,CACH,CACF;AAEJ;AAiBA,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,QAAM,cAAc,KAAK,WAAW;AAGpC,QAAM,SAAS,oBAAoB,KAAK,MAAM;AAG9C,QAAM,QAAQ,cAAc,MAAM,MAAM;AAGxC,QAAM,SAAS,UAAU,eAAU;AAEnC,SACE,oCAAC,OAAI,eAAc,SAEjB,oCAAC,QAAK,OAAO,MAAM,OAAM,MAAO,GAGhC,oCAAC,QAAK,SAAe,QAAO,GAAC,GAG7B,oCAAC,QAAK,OAAc,eAAe,eAChC,KAAK,OACR,CACF;AAEJ;",
+  "names": []
+}

package/dist/components/TokenWarning.js

@@ -0,0 +1,19 @@
+import { Box, Text } from "ink";
+import * as React from "react";
+import { getTheme } from "../utils/theme.js";
+const MAX_TOKENS = 19e4;
+const WARNING_THRESHOLD = MAX_TOKENS * 0.6;
+const ERROR_THRESHOLD = MAX_TOKENS * 0.8;
+function TokenWarning({ tokenUsage }) {
+  const theme = getTheme();
+  if (tokenUsage < WARNING_THRESHOLD) {
+    return null;
+  }
+  const isError = tokenUsage >= ERROR_THRESHOLD;
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: isError ? theme.error : theme.warning }, "Context low (", Math.max(0, 100 - Math.round(tokenUsage / MAX_TOKENS * 100)), "% remaining) \xB7 Run /compact to compact & continue"));
+}
+export {
+  TokenWarning,
+  WARNING_THRESHOLD
+};
+//# sourceMappingURL=TokenWarning.js.map

package/dist/components/TokenWarning.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/TokenWarning.tsx"],
+  "sourcesContent": ["import { Box, Text } from 'ink'\nimport * as React from 'react'\nimport { getTheme } from '@utils/theme'\n\ntype Props = {\n  tokenUsage: number\n}\n\nconst MAX_TOKENS = 190_000\nexport const WARNING_THRESHOLD = MAX_TOKENS * 0.6\nconst ERROR_THRESHOLD = MAX_TOKENS * 0.8\n\nexport function TokenWarning({ tokenUsage }: Props): React.ReactNode {\n  const theme = getTheme()\n\n  if (tokenUsage < WARNING_THRESHOLD) {\n    return null\n  }\n\n  const isError = tokenUsage >= ERROR_THRESHOLD\n\n  return (\n    <Box flexDirection=\"row\">\n      <Text color={isError ? theme.error : theme.warning}>\n        Context low (\n        {Math.max(0, 100 - Math.round((tokenUsage / MAX_TOKENS) * 100))}%\n        remaining) &middot; Run /compact to compact & continue\n      </Text>\n    </Box>\n  )\n}\n"],
+  "mappings": "AAAA,SAAS,KAAK,YAAY;AAC1B,YAAY,WAAW;AACvB,SAAS,gBAAgB;AAMzB,MAAM,aAAa;AACZ,MAAM,oBAAoB,aAAa;AAC9C,MAAM,kBAAkB,aAAa;AAE9B,SAAS,aAAa,EAAE,WAAW,GAA2B;AACnE,QAAM,QAAQ,SAAS;AAEvB,MAAI,aAAa,mBAAmB;AAClC,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,cAAc;AAE9B,SACE,oCAAC,OAAI,eAAc,SACjB,oCAAC,QAAK,OAAO,UAAU,MAAM,QAAQ,MAAM,WAAS,iBAEjD,KAAK,IAAI,GAAG,MAAM,KAAK,MAAO,aAAa,aAAc,GAAG,CAAC,GAAE,sDAElE,CACF;AAEJ;",
+  "names": []
+}

package/dist/components/ToolExecutionBlock.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { Box, Text } from "ink";
+import { getTheme } from "../utils/theme.js";
+function ToolExecutionBlock({
+  tool,
+  indent = 0
+}) {
+  const theme = getTheme();
+  const marginLeft = indent * 2;
+  const duration = tool.durationMs ? `${tool.durationMs}ms` : tool.endTime ? `${tool.endTime - tool.startTime}ms` : "...";
+  const statusIndicator = tool.status === "completed" ? "\u2713" : tool.status === "error" ? "\u2716" : tool.status === "running" ? "\u22EF" : "\u25CB";
+  const statusColor = tool.status === "completed" ? theme.success : tool.status === "error" ? theme.error : theme.dimmedText;
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginLeft, marginTop: 1 }, /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: theme.brand }, "\u{1F527} "), /* @__PURE__ */ React.createElement(Text, null, "Tool: ", tool.name)), (tool.status === "completed" || tool.status === "error") && /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, "\u2514\u2500 "), /* @__PURE__ */ React.createElement(Text, { color: statusColor }, statusIndicator, " ", tool.status === "error" ? "Error" : "Success"), /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, " (", duration, ")")), tool.status === "running" && /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, "\u2514\u2500 "), /* @__PURE__ */ React.createElement(Text, { color: statusColor }, statusIndicator, " Running...")));
+}
+export {
+  ToolExecutionBlock
+};
+//# sourceMappingURL=ToolExecutionBlock.js.map

package/dist/components/ToolExecutionBlock.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/ToolExecutionBlock.tsx"],
+  "sourcesContent": ["/**\n * ToolExecutionBlock - Renders a tool execution in the timeline\n *\n * Displays tool name, input, and result with proper indentation\n */\n\nimport React from 'react'\nimport { Box, Text } from 'ink'\nimport { getTheme } from '@utils/theme'\nimport type { ToolExecution } from './TimelineRenderer'\n\ninterface Props {\n  tool: ToolExecution\n  indent?: number\n}\n\n/**\n * ToolExecutionBlock - Displays a tool execution\n *\n * Visual format (indent=1):\n * ```\n *   \uD83D\uDD27 Tool: Read src/auth.ts\n *      \u2514\u2500 \u2713 Read 250 lines (120ms)\n * ```\n */\nexport function ToolExecutionBlock({\n  tool,\n  indent = 0,\n}: Props): React.ReactNode {\n  const theme = getTheme()\n  const marginLeft = indent * 2\n\n  // Format duration\n  const duration = tool.durationMs\n    ? `${tool.durationMs}ms`\n    : tool.endTime\n      ? `${tool.endTime - tool.startTime}ms`\n      : '...'\n\n  // Status indicator\n  const statusIndicator =\n    tool.status === 'completed'\n      ? '\u2713'\n      : tool.status === 'error'\n        ? '\u2716'\n        : tool.status === 'running'\n          ? '\u22EF'\n          : '\u25CB'\n\n  // Status color\n  const statusColor =\n    tool.status === 'completed'\n      ? theme.success\n      : tool.status === 'error'\n        ? theme.error\n        : theme.dimmedText\n\n  return (\n    <Box flexDirection=\"column\" marginLeft={marginLeft} marginTop={1}>\n      {/* Tool header */}\n      <Box flexDirection=\"row\">\n        <Text color={theme.brand}>\uD83D\uDD27 </Text>\n        <Text>Tool: {tool.name}</Text>\n      </Box>\n\n      {/* Tool result */}\n      {(tool.status === 'completed' || tool.status === 'error') && (\n        <Box flexDirection=\"row\" marginLeft={2}>\n          <Text color={theme.dimmedText}>\u2514\u2500 </Text>\n          <Text color={statusColor}>\n            {statusIndicator} {tool.status === 'error' ? 'Error' : 'Success'}\n          </Text>\n          <Text color={theme.mutedText}> ({duration})</Text>\n        </Box>\n      )}\n\n      {/* Running indicator */}\n      {tool.status === 'running' && (\n        <Box flexDirection=\"row\" marginLeft={2}>\n          <Text color={theme.dimmedText}>\u2514\u2500 </Text>\n          <Text color={statusColor}>{statusIndicator} Running...</Text>\n        </Box>\n      )}\n    </Box>\n  )\n}\n"],
+  "mappings": "AAMA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAC1B,SAAS,gBAAgB;AAiBlB,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA,SAAS;AACX,GAA2B;AACzB,QAAM,QAAQ,SAAS;AACvB,QAAM,aAAa,SAAS;AAG5B,QAAM,WAAW,KAAK,aAClB,GAAG,KAAK,UAAU,OAClB,KAAK,UACH,GAAG,KAAK,UAAU,KAAK,SAAS,OAChC;AAGN,QAAM,kBACJ,KAAK,WAAW,cACZ,WACA,KAAK,WAAW,UACd,WACA,KAAK,WAAW,YACd,WACA;AAGV,QAAM,cACJ,KAAK,WAAW,cACZ,MAAM,UACN,KAAK,WAAW,UACd,MAAM,QACN,MAAM;AAEd,SACE,oCAAC,OAAI,eAAc,UAAS,YAAwB,WAAW,KAE7D,oCAAC,OAAI,eAAc,SACjB,oCAAC,QAAK,OAAO,MAAM,SAAO,YAAG,GAC7B,oCAAC,YAAK,UAAO,KAAK,IAAK,CACzB,IAGE,KAAK,WAAW,eAAe,KAAK,WAAW,YAC/C,oCAAC,OAAI,eAAc,OAAM,YAAY,KACnC,oCAAC,QAAK,OAAO,MAAM,cAAY,eAAG,GAClC,oCAAC,QAAK,OAAO,eACV,iBAAgB,KAAE,KAAK,WAAW,UAAU,UAAU,SACzD,GACA,oCAAC,QAAK,OAAO,MAAM,aAAW,MAAG,UAAS,GAAC,CAC7C,GAID,KAAK,WAAW,aACf,oCAAC,OAAI,eAAc,OAAM,YAAY,KACnC,oCAAC,QAAK,OAAO,MAAM,cAAY,eAAG,GAClC,oCAAC,QAAK,OAAO,eAAc,iBAAgB,aAAW,CACxD,CAEJ;AAEJ;",
+  "names": []
+}

package/dist/components/ToolUseLoader.js

@@ -0,0 +1,24 @@
+import { Box, Text } from "ink";
+import React from "react";
+import { useInterval } from "../hooks/useInterval.js";
+import { getTheme } from "../utils/theme.js";
+import { BLACK_CIRCLE } from "../constants/figures.js";
+function ToolUseLoader({
+  isError,
+  isUnresolved,
+  shouldAnimate
+}) {
+  const [isVisible, setIsVisible] = React.useState(true);
+  useInterval(() => {
+    if (!shouldAnimate) {
+      return;
+    }
+    setIsVisible((_) => !_);
+  }, 600);
+  const color = isUnresolved ? getTheme().secondaryText : isError ? getTheme().error : getTheme().success;
+  return /* @__PURE__ */ React.createElement(Box, { minWidth: 2 }, /* @__PURE__ */ React.createElement(Text, { color }, isVisible ? BLACK_CIRCLE : "  "));
+}
+export {
+  ToolUseLoader
+};
+//# sourceMappingURL=ToolUseLoader.js.map

package/dist/components/ToolUseLoader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/ToolUseLoader.tsx"],
+  "sourcesContent": ["import { Box, Text } from 'ink'\nimport React from 'react'\nimport { useInterval } from '@hooks/useInterval'\nimport { getTheme } from '@utils/theme'\nimport { BLACK_CIRCLE } from '@constants/figures'\n\ntype Props = {\n  isError: boolean\n  isUnresolved: boolean\n  shouldAnimate: boolean\n}\n\nexport function ToolUseLoader({\n  isError,\n  isUnresolved,\n  shouldAnimate,\n}: Props): React.ReactNode {\n  const [isVisible, setIsVisible] = React.useState(true)\n\n  useInterval(() => {\n    if (!shouldAnimate) {\n      return\n    }\n    // To avoid flickering when the tool use confirm is visible, we set the loader to be visible\n    // when the tool use confirm is visible.\n    setIsVisible(_ => !_)\n  }, 600)\n\n  const color = isUnresolved\n    ? getTheme().secondaryText\n    : isError\n      ? getTheme().error\n      : getTheme().success\n\n  return (\n    <Box minWidth={2}>\n      <Text color={color}>{isVisible ? BLACK_CIRCLE : '  '}</Text>\n    </Box>\n  )\n}\n"],
+  "mappings": "AAAA,SAAS,KAAK,YAAY;AAC1B,OAAO,WAAW;AAClB,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAQtB,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,IAAI;AAErD,cAAY,MAAM;AAChB,QAAI,CAAC,eAAe;AAClB;AAAA,IACF;AAGA,iBAAa,OAAK,CAAC,CAAC;AAAA,EACtB,GAAG,GAAG;AAEN,QAAM,QAAQ,eACV,SAAS,EAAE,gBACX,UACE,SAAS,EAAE,QACX,SAAS,EAAE;AAEjB,SACE,oCAAC,OAAI,UAAU,KACb,oCAAC,QAAK,SAAe,YAAY,eAAe,IAAK,CACvD;AAEJ;",
+  "names": []
+}

package/dist/components/TrustDialog.js

@@ -0,0 +1,71 @@
+import React from "react";
+import { Box, Text, useInput } from "ink";
+import { getTheme } from "../utils/theme.js";
+import { Select } from "./CustomSelect/select.js";
+import {
+  saveCurrentProjectConfig,
+  getCurrentProjectConfig
+} from "../utils/config.js";
+import { PRODUCT_NAME } from "../constants/product.js";
+import { useExitOnCtrlCD } from "../hooks/useExitOnCtrlCD.js";
+import { homedir } from "os";
+import { getCwd } from "../utils/state.js";
+function TrustDialog({ onDone }) {
+  const theme = getTheme();
+  React.useEffect(() => {
+  }, []);
+  function onChange(value) {
+    const config = getCurrentProjectConfig();
+    switch (value) {
+      case "yes": {
+        const isHomeDir = homedir() === getCwd();
+        if (!isHomeDir) {
+          saveCurrentProjectConfig({
+            ...config,
+            hasTrustDialogAccepted: true
+          });
+        }
+        onDone();
+        break;
+      }
+      case "no": {
+        process.exit(1);
+        break;
+      }
+    }
+  }
+  const exitState = useExitOnCtrlCD(() => process.exit(0));
+  useInput((_input, key) => {
+    if (key.escape) {
+      process.exit(0);
+      return;
+    }
+  });
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      flexDirection: "column",
+      gap: 1,
+      padding: 1,
+      borderStyle: "round",
+      borderColor: theme.warning
+    },
+    /* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.warning }, "Do you trust the files in this folder?"),
+    /* @__PURE__ */ React.createElement(Text, { bold: true }, process.cwd()),
+    /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(Text, null, PRODUCT_NAME, " may read files in this folder. Reading untrusted files may lead to ", PRODUCT_NAME, " to behave in an unexpected ways."), /* @__PURE__ */ React.createElement(Text, null, "With your permission ", PRODUCT_NAME, " may execute files in this folder. Executing untrusted code is unsafe.")),
+    /* @__PURE__ */ React.createElement(
+      Select,
+      {
+        options: [
+          { label: "Yes, proceed", value: "yes" },
+          { label: "No, exit", value: "no" }
+        ],
+        onChange: (value) => onChange(value)
+      }
+    )
+  ), /* @__PURE__ */ React.createElement(Box, { marginLeft: 3 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, exitState.pending ? /* @__PURE__ */ React.createElement(React.Fragment, null, "Press ", exitState.keyName, " again to exit") : /* @__PURE__ */ React.createElement(React.Fragment, null, "Enter to confirm \xB7 Esc to exit"))));
+}
+export {
+  TrustDialog
+};
+//# sourceMappingURL=TrustDialog.js.map

package/dist/components/TrustDialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/TrustDialog.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { Box, Text, useInput } from 'ink'\nimport { getTheme } from '@utils/theme'\nimport { Select } from './CustomSelect/select'\nimport {\n  saveCurrentProjectConfig,\n  getCurrentProjectConfig,\n} from '@utils/config'\nimport { PRODUCT_NAME } from '@constants/product'\nimport { useExitOnCtrlCD } from '@hooks/useExitOnCtrlCD'\nimport { homedir } from 'os'\nimport { getCwd } from '@utils/state'\nimport Link from './Link'\n\ntype Props = {\n  onDone(): void\n}\n\nexport function TrustDialog({ onDone }: Props): React.ReactNode {\n  const theme = getTheme()\n  React.useEffect(() => {}, [])\n\n  function onChange(value: 'yes' | 'no') {\n    const config = getCurrentProjectConfig()\n    switch (value) {\n      case 'yes': {\n        const isHomeDir = homedir() === getCwd()\n\n        if (!isHomeDir) {\n          saveCurrentProjectConfig({\n            ...config,\n            hasTrustDialogAccepted: true,\n          })\n        }\n        onDone()\n        break\n      }\n      case 'no': {\n        process.exit(1)\n        break\n      }\n    }\n  }\n\n  const exitState = useExitOnCtrlCD(() => process.exit(0))\n\n  useInput((_input, key) => {\n    if (key.escape) {\n      process.exit(0)\n      return\n    }\n  })\n\n  return (\n    <>\n      <Box\n        flexDirection=\"column\"\n        gap={1}\n        padding={1}\n        borderStyle=\"round\"\n        borderColor={theme.warning}\n      >\n        <Text bold color={theme.warning}>\n          Do you trust the files in this folder?\n        </Text>\n        <Text bold>{process.cwd()}</Text>\n\n        <Box flexDirection=\"column\" gap={1}>\n          <Text>\n            {PRODUCT_NAME} may read files in this folder. Reading untrusted\n            files may lead to {PRODUCT_NAME} to behave in an unexpected ways.\n          </Text>\n          <Text>\n            With your permission {PRODUCT_NAME} may execute files in this\n            folder. Executing untrusted code is unsafe.\n          </Text>\n        </Box>\n\n        <Select\n          options={[\n            { label: 'Yes, proceed', value: 'yes' },\n            { label: 'No, exit', value: 'no' },\n          ]}\n          onChange={value => onChange(value as 'yes' | 'no')}\n        />\n      </Box>\n      <Box marginLeft={3}>\n        <Text dimColor>\n          {exitState.pending ? (\n            <>Press {exitState.keyName} again to exit</>\n          ) : (\n            <>Enter to confirm \u00B7 Esc to exit</>\n          )}\n        </Text>\n      </Box>\n    </>\n  )\n}\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,KAAK,MAAM,gBAAgB;AACpC,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,eAAe;AACxB,SAAS,cAAc;AAOhB,SAAS,YAAY,EAAE,OAAO,GAA2B;AAC9D,QAAM,QAAQ,SAAS;AACvB,QAAM,UAAU,MAAM;AAAA,EAAC,GAAG,CAAC,CAAC;AAE5B,WAAS,SAAS,OAAqB;AACrC,UAAM,SAAS,wBAAwB;AACvC,YAAQ,OAAO;AAAA,MACb,KAAK,OAAO;AACV,cAAM,YAAY,QAAQ,MAAM,OAAO;AAEvC,YAAI,CAAC,WAAW;AACd,mCAAyB;AAAA,YACvB,GAAG;AAAA,YACH,wBAAwB;AAAA,UAC1B,CAAC;AAAA,QACH;AACA,eAAO;AACP;AAAA,MACF;AAAA,MACA,KAAK,MAAM;AACT,gBAAQ,KAAK,CAAC;AACd;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,YAAY,gBAAgB,MAAM,QAAQ,KAAK,CAAC,CAAC;AAEvD,WAAS,CAAC,QAAQ,QAAQ;AACxB,QAAI,IAAI,QAAQ;AACd,cAAQ,KAAK,CAAC;AACd;AAAA,IACF;AAAA,EACF,CAAC;AAED,SACE,0DACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,KAAK;AAAA,MACL,SAAS;AAAA,MACT,aAAY;AAAA,MACZ,aAAa,MAAM;AAAA;AAAA,IAEnB,oCAAC,QAAK,MAAI,MAAC,OAAO,MAAM,WAAS,wCAEjC;AAAA,IACA,oCAAC,QAAK,MAAI,QAAE,QAAQ,IAAI,CAAE;AAAA,IAE1B,oCAAC,OAAI,eAAc,UAAS,KAAK,KAC/B,oCAAC,YACE,cAAa,wEACK,cAAa,mCAClC,GACA,oCAAC,YAAK,yBACkB,cAAa,wEAErC,CACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,UACP,EAAE,OAAO,gBAAgB,OAAO,MAAM;AAAA,UACtC,EAAE,OAAO,YAAY,OAAO,KAAK;AAAA,QACnC;AAAA,QACA,UAAU,WAAS,SAAS,KAAqB;AAAA;AAAA,IACnD;AAAA,EACF,GACA,oCAAC,OAAI,YAAY,KACf,oCAAC,QAAK,UAAQ,QACX,UAAU,UACT,0DAAE,UAAO,UAAU,SAAQ,gBAAc,IAEzC,0DAAE,mCAA8B,CAEpC,CACF,CACF;AAEJ;",
+  "names": []
+}

package/dist/components/UserQueryBlock.js

@@ -0,0 +1,12 @@
+import React from "react";
+import { Box, Text } from "ink";
+import { getTheme } from "../utils/theme.js";
+function UserQueryBlock({ message }) {
+  const theme = getTheme();
+  const content = typeof message.message.content === "string" ? message.message.content : message.message.content.filter((block) => block.type === "text").map((block) => block.text).join("\n");
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.brand, bold: true }, "> "), /* @__PURE__ */ React.createElement(Text, { color: theme.primaryText }, content));
+}
+export {
+  UserQueryBlock
+};
+//# sourceMappingURL=UserQueryBlock.js.map

package/dist/components/UserQueryBlock.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/UserQueryBlock.tsx"],
+  "sourcesContent": ["/**\n * UserQueryBlock - Renders user query at the start of an interaction round\n *\n * Displays the user's input message in Claude Code CLI style\n */\n\nimport React from 'react'\nimport { Box, Text } from 'ink'\nimport { getTheme } from '@utils/theme'\nimport type { UserMessage } from '@minto-types/conversation'\n\ninterface Props {\n  message: UserMessage\n}\n\n/**\n * UserQueryBlock - Displays user query\n *\n * Visual format:\n * ```\n * > User: Help me implement authentication\n * ```\n */\nexport function UserQueryBlock({ message }: Props): React.ReactNode {\n  const theme = getTheme()\n\n  // Extract text content from message\n  const content =\n    typeof message.message.content === 'string'\n      ? message.message.content\n      : message.message.content\n          .filter((block: any) => block.type === 'text')\n          .map((block: any) => block.text)\n          .join('\\n')\n\n  return (\n    <Box flexDirection=\"row\" marginBottom={1}>\n      <Text color={theme.brand} bold>\n        {'> '}\n      </Text>\n      <Text color={theme.primaryText}>{content}</Text>\n    </Box>\n  )\n}\n"],
+  "mappings": "AAMA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAC1B,SAAS,gBAAgB;AAelB,SAAS,eAAe,EAAE,QAAQ,GAA2B;AAClE,QAAM,QAAQ,SAAS;AAGvB,QAAM,UACJ,OAAO,QAAQ,QAAQ,YAAY,WAC/B,QAAQ,QAAQ,UAChB,QAAQ,QAAQ,QACb,OAAO,CAAC,UAAe,MAAM,SAAS,MAAM,EAC5C,IAAI,CAAC,UAAe,MAAM,IAAI,EAC9B,KAAK,IAAI;AAElB,SACE,oCAAC,OAAI,eAAc,OAAM,cAAc,KACrC,oCAAC,QAAK,OAAO,MAAM,OAAO,MAAI,QAC3B,IACH,GACA,oCAAC,QAAK,OAAO,MAAM,eAAc,OAAQ,CAC3C;AAEJ;",
+  "names": []
+}

package/dist/components/binary-feedback/BinaryFeedback.js

@@ -0,0 +1,50 @@
+import { default as React, useCallback } from "react";
+import { useNotifyAfterTimeout } from "../../hooks/useNotifyAfterTimeout.js";
+import { BinaryFeedbackView } from "./BinaryFeedbackView.js";
+import {
+  getBinaryFeedbackResultForChoice,
+  logBinaryFeedbackEvent
+} from "./utils.js";
+import { PRODUCT_NAME } from "../../constants/product.js";
+function BinaryFeedback({
+  m1,
+  m2,
+  resolve,
+  debug,
+  erroredToolUseIDs,
+  inProgressToolUseIDs,
+  normalizedMessages,
+  tools,
+  unresolvedToolUseIDs,
+  verbose
+}) {
+  const onChoose = useCallback(
+    (choice) => {
+      logBinaryFeedbackEvent(m1, m2, choice);
+      resolve(getBinaryFeedbackResultForChoice(m1, m2, choice));
+    },
+    [m1, m2, resolve]
+  );
+  useNotifyAfterTimeout(
+    `${PRODUCT_NAME} needs your input on a response comparison`
+  );
+  return /* @__PURE__ */ React.createElement(
+    BinaryFeedbackView,
+    {
+      debug,
+      erroredToolUseIDs,
+      inProgressToolUseIDs,
+      m1,
+      m2,
+      normalizedMessages,
+      tools,
+      unresolvedToolUseIDs,
+      verbose,
+      onChoose
+    }
+  );
+}
+export {
+  BinaryFeedback
+};
+//# sourceMappingURL=BinaryFeedback.js.map

package/dist/components/binary-feedback/BinaryFeedback.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/binary-feedback/BinaryFeedback.tsx"],
+  "sourcesContent": ["import { default as React, useCallback } from 'react'\nimport { useNotifyAfterTimeout } from '@hooks/useNotifyAfterTimeout'\nimport { AssistantMessage, BinaryFeedbackResult } from '@query'\nimport type { Tool } from '@tool'\nimport type { NormalizedMessage } from '@utils/messages'\nimport { BinaryFeedbackView } from './BinaryFeedbackView'\nimport {\n  type BinaryFeedbackChoose,\n  getBinaryFeedbackResultForChoice,\n  logBinaryFeedbackEvent,\n} from './utils'\nimport { PRODUCT_NAME } from '@constants/product'\n\ntype Props = {\n  m1: AssistantMessage\n  m2: AssistantMessage\n  resolve: (result: BinaryFeedbackResult) => void\n  debug: boolean\n  erroredToolUseIDs: Set<string>\n  inProgressToolUseIDs: Set<string>\n  normalizedMessages: NormalizedMessage[]\n  tools: Tool[]\n  unresolvedToolUseIDs: Set<string>\n  verbose: boolean\n}\n\nexport function BinaryFeedback({\n  m1,\n  m2,\n  resolve,\n  debug,\n  erroredToolUseIDs,\n  inProgressToolUseIDs,\n  normalizedMessages,\n  tools,\n  unresolvedToolUseIDs,\n  verbose,\n}: Props): React.ReactNode {\n  const onChoose = useCallback<BinaryFeedbackChoose>(\n    choice => {\n      logBinaryFeedbackEvent(m1, m2, choice)\n      resolve(getBinaryFeedbackResultForChoice(m1, m2, choice))\n    },\n    [m1, m2, resolve],\n  )\n  useNotifyAfterTimeout(\n    `${PRODUCT_NAME} needs your input on a response comparison`,\n  )\n  return (\n    <BinaryFeedbackView\n      debug={debug}\n      erroredToolUseIDs={erroredToolUseIDs}\n      inProgressToolUseIDs={inProgressToolUseIDs}\n      m1={m1}\n      m2={m2}\n      normalizedMessages={normalizedMessages}\n      tools={tools}\n      unresolvedToolUseIDs={unresolvedToolUseIDs}\n      verbose={verbose}\n      onChoose={onChoose}\n    />\n  )\n}\n"],
+  "mappings": "AAAA,SAAS,WAAW,OAAO,mBAAmB;AAC9C,SAAS,6BAA6B;AAItC,SAAS,0BAA0B;AACnC;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAetB,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,WAAW;AAAA,IACf,YAAU;AACR,6BAAuB,IAAI,IAAI,MAAM;AACrC,cAAQ,iCAAiC,IAAI,IAAI,MAAM,CAAC;AAAA,IAC1D;AAAA,IACA,CAAC,IAAI,IAAI,OAAO;AAAA,EAClB;AACA;AAAA,IACE,GAAG,YAAY;AAAA,EACjB;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/components/binary-feedback/BinaryFeedbackOption.js

@@ -0,0 +1,94 @@
+import { FileEditTool } from "../../tools/FileEditTool/FileEditTool.js";
+import { FileEditToolDiff } from "../permissions/FileEditPermissionRequest/FileEditToolDiff.js";
+import { Message } from "../Message.js";
+import {
+  normalizeMessages
+} from "../../utils/messages.js";
+import { useTerminalSize } from "../../hooks/useTerminalSize.js";
+import { FileWriteTool } from "../../tools/FileWriteTool/FileWriteTool.js";
+import { FileWriteToolDiff } from "../permissions/FileWritePermissionRequest/FileWriteToolDiff.js";
+import * as React from "react";
+import { Box } from "ink";
+function BinaryFeedbackOption({
+  debug,
+  erroredToolUseIDs,
+  inProgressToolUseIDs,
+  message,
+  normalizedMessages,
+  tools,
+  unresolvedToolUseIDs,
+  verbose
+}) {
+  const { columns } = useTerminalSize();
+  return normalizeMessages([message]).filter((_) => _.type !== "progress").map((_, index) => /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", key: index }, /* @__PURE__ */ React.createElement(
+    Message,
+    {
+      addMargin: false,
+      erroredToolUseIDs,
+      debug,
+      inProgressToolUseIDs,
+      message: _,
+      messages: normalizedMessages,
+      shouldAnimate: false,
+      shouldShowDot: true,
+      tools,
+      unresolvedToolUseIDs,
+      verbose,
+      width: columns / 2 - 6
+    }
+  ), /* @__PURE__ */ React.createElement(AdditionalContext, { message: _, verbose })));
+}
+function AdditionalContext({
+  message,
+  verbose
+}) {
+  const { columns } = useTerminalSize();
+  if (message.type !== "assistant") {
+    return null;
+  }
+  const content = message.message.content[0];
+  switch (content.type) {
+    case "tool_use":
+      switch (content.name) {
+        case FileEditTool.name: {
+          const input = FileEditTool.inputSchema.safeParse(content.input);
+          if (!input.success) {
+            return null;
+          }
+          return /* @__PURE__ */ React.createElement(
+            FileEditToolDiff,
+            {
+              file_path: input.data.file_path,
+              new_string: input.data.new_string,
+              old_string: input.data.old_string,
+              verbose,
+              width: columns / 2 - 12
+            }
+          );
+        }
+        case FileWriteTool.name: {
+          const input = FileWriteTool.inputSchema.safeParse(content.input);
+          if (!input.success) {
+            return null;
+          }
+          return /* @__PURE__ */ React.createElement(
+            FileWriteToolDiff,
+            {
+              file_path: input.data.file_path,
+              content: input.data.content,
+              verbose,
+              width: columns / 2 - 12
+            }
+          );
+        }
+        default:
+          return null;
+      }
+    default:
+      return null;
+  }
+}
+export {
+  BinaryFeedbackOption
+};
+//# sourceMappingURL=BinaryFeedbackOption.js.map

package/dist/components/binary-feedback/BinaryFeedbackOption.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/binary-feedback/BinaryFeedbackOption.tsx"],
+  "sourcesContent": ["import { FileEditTool } from '@tools/FileEditTool/FileEditTool'\nimport { FileEditToolDiff } from '@components/permissions/FileEditPermissionRequest/FileEditToolDiff'\nimport { Message } from '@components/Message'\nimport {\n  normalizeMessages,\n  type NormalizedMessage,\n} from '@utils/messages'\nimport type { Tool } from '@tool'\nimport { useTerminalSize } from '@hooks/useTerminalSize'\nimport { FileWriteTool } from '@tools/FileWriteTool/FileWriteTool'\nimport { FileWriteToolDiff } from '@components/permissions/FileWritePermissionRequest/FileWriteToolDiff'\nimport type { AssistantMessage } from '@query'\nimport * as React from 'react'\nimport { Box } from 'ink'\n\ntype Props = {\n  debug: boolean\n  erroredToolUseIDs: Set<string>\n  inProgressToolUseIDs: Set<string>\n  message: AssistantMessage\n  normalizedMessages: NormalizedMessage[]\n  tools: Tool[]\n  unresolvedToolUseIDs: Set<string>\n  verbose: boolean\n}\n\nexport function BinaryFeedbackOption({\n  debug,\n  erroredToolUseIDs,\n  inProgressToolUseIDs,\n  message,\n  normalizedMessages,\n  tools,\n  unresolvedToolUseIDs,\n  verbose,\n}: Props): React.ReactNode {\n  const { columns } = useTerminalSize()\n  return normalizeMessages([message])\n    .filter(_ => _.type !== 'progress')\n    .map((_, index) => (\n      <Box flexDirection=\"column\" key={index}>\n        <Message\n          addMargin={false}\n          erroredToolUseIDs={erroredToolUseIDs}\n          debug={debug}\n          inProgressToolUseIDs={inProgressToolUseIDs}\n          message={_}\n          messages={normalizedMessages}\n          shouldAnimate={false}\n          shouldShowDot={true}\n          tools={tools}\n          unresolvedToolUseIDs={unresolvedToolUseIDs}\n          verbose={verbose}\n          width={columns / 2 - 6}\n        />\n        <AdditionalContext message={_} verbose={verbose} />\n      </Box>\n    ))\n}\n\nfunction AdditionalContext({\n  message,\n  verbose,\n}: {\n  message: NormalizedMessage\n  verbose: boolean\n}) {\n  const { columns } = useTerminalSize()\n  if (message.type !== 'assistant') {\n    return null\n  }\n  const content = message.message.content[0]!\n  switch (content.type) {\n    case 'tool_use':\n      switch (content.name) {\n        case FileEditTool.name: {\n          const input = FileEditTool.inputSchema.safeParse(content.input)\n          if (!input.success) {\n            return null\n          }\n          return (\n            <FileEditToolDiff\n              file_path={input.data.file_path}\n              new_string={input.data.new_string}\n              old_string={input.data.old_string}\n              verbose={verbose}\n              width={columns / 2 - 12}\n            />\n          )\n        }\n        case FileWriteTool.name: {\n          const input = FileWriteTool.inputSchema.safeParse(content.input)\n          if (!input.success) {\n            return null\n          }\n          return (\n            <FileWriteToolDiff\n              file_path={input.data.file_path}\n              content={input.data.content}\n              verbose={verbose}\n              width={columns / 2 - 12}\n            />\n          )\n        }\n        default:\n          return null\n      }\n    default:\n      return null\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AACjC,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,OAEK;AAEP,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAElC,YAAY,WAAW;AACvB,SAAS,WAAW;AAab,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,EAAE,QAAQ,IAAI,gBAAgB;AACpC,SAAO,kBAAkB,CAAC,OAAO,CAAC,EAC/B,OAAO,OAAK,EAAE,SAAS,UAAU,EACjC,IAAI,CAAC,GAAG,UACP,oCAAC,OAAI,eAAc,UAAS,KAAK,SAC/B;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT,UAAU;AAAA,MACV,eAAe;AAAA,MACf,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO,UAAU,IAAI;AAAA;AAAA,EACvB,GACA,oCAAC,qBAAkB,SAAS,GAAG,SAAkB,CACnD,CACD;AACL;AAEA,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AACF,GAGG;AACD,QAAM,EAAE,QAAQ,IAAI,gBAAgB;AACpC,MAAI,QAAQ,SAAS,aAAa;AAChC,WAAO;AAAA,EACT;AACA,QAAM,UAAU,QAAQ,QAAQ,QAAQ,CAAC;AACzC,UAAQ,QAAQ,MAAM;AAAA,IACpB,KAAK;AACH,cAAQ,QAAQ,MAAM;AAAA,QACpB,KAAK,aAAa,MAAM;AACtB,gBAAM,QAAQ,aAAa,YAAY,UAAU,QAAQ,KAAK;AAC9D,cAAI,CAAC,MAAM,SAAS;AAClB,mBAAO;AAAA,UACT;AACA,iBACE;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,MAAM,KAAK;AAAA,cACtB,YAAY,MAAM,KAAK;AAAA,cACvB,YAAY,MAAM,KAAK;AAAA,cACvB;AAAA,cACA,OAAO,UAAU,IAAI;AAAA;AAAA,UACvB;AAAA,QAEJ;AAAA,QACA,KAAK,cAAc,MAAM;AACvB,gBAAM,QAAQ,cAAc,YAAY,UAAU,QAAQ,KAAK;AAC/D,cAAI,CAAC,MAAM,SAAS;AAClB,mBAAO;AAAA,UACT;AACA,iBACE;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,MAAM,KAAK;AAAA,cACtB,SAAS,MAAM,KAAK;AAAA,cACpB;AAAA,cACA,OAAO,UAAU,IAAI;AAAA;AAAA,UACvB;AAAA,QAEJ;AAAA,QACA;AACE,iBAAO;AAAA,MACX;AAAA,IACF;AACE,aAAO;AAAA,EACX;AACF;",
+  "names": []
+}

package/dist/components/binary-feedback/BinaryFeedbackView.js

@@ -0,0 +1,139 @@
+import chalk from "chalk";
+import { Box, Text, useInput } from "ink";
+import Link from "ink-link";
+import React, { useState } from "react";
+import { getTheme } from "../../utils/theme.js";
+import { Select } from "../CustomSelect/select.js";
+import { BinaryFeedbackOption } from "./BinaryFeedbackOption.js";
+import { useExitOnCtrlCD } from "../../hooks/useExitOnCtrlCD.js";
+import { PRODUCT_NAME } from "../../constants/product.js";
+const HELP_URL = "https://go/cli-feedback";
+function getOptions() {
+  return [
+    {
+      // This option combines the follow user intents:
+      // - The two options look about equally good to me
+      // - I don't feel confident enough to choose
+      // - I don't want to choose right now
+      label: "Choose for me",
+      value: "no-preference"
+    },
+    {
+      label: "Left option looks better",
+      value: "prefer-left"
+    },
+    {
+      label: "Right option looks better",
+      value: "prefer-right"
+    },
+    {
+      label: `Neither, and tell ${PRODUCT_NAME} what to do differently (${chalk.bold.hex(getTheme().warning)("esc")})`,
+      value: "neither"
+    }
+  ];
+}
+function BinaryFeedbackView({
+  m1,
+  m2,
+  onChoose,
+  debug,
+  erroredToolUseIDs,
+  inProgressToolUseIDs,
+  normalizedMessages,
+  tools,
+  unresolvedToolUseIDs,
+  verbose
+}) {
+  const theme = getTheme();
+  const [focused, setFocus] = useState("no-preference");
+  const [focusValue, setFocusValue] = useState(void 0);
+  const exitState = useExitOnCtrlCD(() => process.exit(1));
+  useInput((_input, key) => {
+    if (key.leftArrow) {
+      setFocusValue("prefer-left");
+    } else if (key.rightArrow) {
+      setFocusValue("prefer-right");
+    } else if (key.escape) {
+      onChoose?.("neither");
+    }
+  });
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      flexDirection: "column",
+      height: "100%",
+      width: "100%",
+      borderStyle: "round",
+      borderColor: theme.permission
+    },
+    /* @__PURE__ */ React.createElement(Box, { width: "100%", justifyContent: "space-between", paddingX: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.permission }, "[ANT-ONLY] Help train ", PRODUCT_NAME), /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Link, { url: HELP_URL }, "[?]"))),
+    /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", width: "100%", flexGrow: 1, paddingTop: 1 }, /* @__PURE__ */ React.createElement(
+      Box,
+      {
+        flexDirection: "column",
+        flexGrow: 1,
+        flexBasis: 1,
+        gap: 1,
+        borderStyle: focused === "prefer-left" ? "bold" : "single",
+        borderColor: focused === "prefer-left" ? theme.success : theme.secondaryBorder,
+        marginRight: 1,
+        padding: 1
+      },
+      /* @__PURE__ */ React.createElement(
+        BinaryFeedbackOption,
+        {
+          erroredToolUseIDs,
+          debug,
+          inProgressToolUseIDs,
+          message: m1,
+          normalizedMessages,
+          tools,
+          unresolvedToolUseIDs,
+          verbose
+        }
+      )
+    ), /* @__PURE__ */ React.createElement(
+      Box,
+      {
+        flexDirection: "column",
+        flexGrow: 1,
+        flexBasis: 1,
+        gap: 1,
+        borderStyle: focused === "prefer-right" ? "bold" : "single",
+        borderColor: focused === "prefer-right" ? theme.success : theme.secondaryBorder,
+        marginLeft: 1,
+        padding: 1
+      },
+      /* @__PURE__ */ React.createElement(
+        BinaryFeedbackOption,
+        {
+          erroredToolUseIDs,
+          debug,
+          inProgressToolUseIDs,
+          message: m2,
+          normalizedMessages,
+          tools,
+          unresolvedToolUseIDs,
+          verbose
+        }
+      )
+    )),
+    /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", paddingTop: 1, paddingX: 1 }, /* @__PURE__ */ React.createElement(Text, null, "How do you want to proceed?"), /* @__PURE__ */ React.createElement(
+      Select,
+      {
+        options: getOptions(),
+        onFocus: setFocus,
+        focusValue,
+        onChange: onChoose
+      }
+    ))
+  ), exitState.pending ? /* @__PURE__ */ React.createElement(Box, { marginLeft: 3 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press ", exitState.keyName, " again to exit")) : (
+    // Render a blank line so that the UI doesn't reflow when the exit message is shown
+    /* @__PURE__ */ React.createElement(Text, null, " ")
+  ));
+}
+export {
+  BinaryFeedbackView,
+  getOptions
+};
+//# sourceMappingURL=BinaryFeedbackView.js.map

package/dist/components/binary-feedback/BinaryFeedbackView.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/binary-feedback/BinaryFeedbackView.tsx"],
+  "sourcesContent": ["import { Option, SelectProps } from '@inkjs/ui'\nimport chalk from 'chalk'\nimport { Box, Text, useInput } from 'ink'\nimport Link from 'ink-link'\nimport React, { useState } from 'react'\nimport { getTheme } from '@utils/theme'\nimport { Select } from '@components/CustomSelect/select'\nimport type { Tool } from '@tool'\nimport type { NormalizedMessage } from '@utils/messages'\nimport { BinaryFeedbackOption } from './BinaryFeedbackOption'\nimport type { AssistantMessage } from '@query'\nimport type { BinaryFeedbackChoose } from './utils'\nimport { useExitOnCtrlCD } from '@hooks/useExitOnCtrlCD'\nimport { BinaryFeedbackChoice } from './utils'\nimport { PRODUCT_NAME } from '@constants/product'\n\nconst HELP_URL = 'https://go/cli-feedback'\n\ntype BinaryFeedbackOption = Option & { value: BinaryFeedbackChoice }\n\n// Make options a function to avoid early theme access during module initialization\nexport function getOptions(): BinaryFeedbackOption[] {\n  return [\n    {\n      // This option combines the follow user intents:\n      // - The two options look about equally good to me\n      // - I don't feel confident enough to choose\n      // - I don't want to choose right now\n      label: 'Choose for me',\n      value: 'no-preference',\n    },\n    {\n      label: 'Left option looks better',\n      value: 'prefer-left',\n    },\n    {\n      label: 'Right option looks better',\n      value: 'prefer-right',\n    },\n    {\n      label: `Neither, and tell ${PRODUCT_NAME} what to do differently (${chalk.bold.hex(getTheme().warning)('esc')})`,\n      value: 'neither',\n    },\n  ]\n}\n\ntype Props = {\n  m1: AssistantMessage\n  m2: AssistantMessage\n  onChoose?: BinaryFeedbackChoose\n  debug: boolean\n  erroredToolUseIDs: Set<string>\n  inProgressToolUseIDs: Set<string>\n  normalizedMessages: NormalizedMessage[]\n  tools: Tool[]\n  unresolvedToolUseIDs: Set<string>\n  verbose: boolean\n}\n\nexport function BinaryFeedbackView({\n  m1,\n  m2,\n  onChoose,\n  debug,\n  erroredToolUseIDs,\n  inProgressToolUseIDs,\n  normalizedMessages,\n  tools,\n  unresolvedToolUseIDs,\n  verbose,\n}: Props) {\n  const theme = getTheme()\n  const [focused, setFocus] = useState('no-preference')\n  const [focusValue, setFocusValue] = useState<string | undefined>(undefined)\n  const exitState = useExitOnCtrlCD(() => process.exit(1))\n\n  useInput((_input, key) => {\n    if (key.leftArrow) {\n      setFocusValue('prefer-left')\n    } else if (key.rightArrow) {\n      setFocusValue('prefer-right')\n    } else if (key.escape) {\n      onChoose?.('neither')\n    }\n  })\n\n  return (\n    <>\n      <Box\n        flexDirection=\"column\"\n        height=\"100%\"\n        width=\"100%\"\n        borderStyle=\"round\"\n        borderColor={theme.permission}\n      >\n        <Box width=\"100%\" justifyContent=\"space-between\" paddingX={1}>\n          <Text bold color={theme.permission}>\n            [ANT-ONLY] Help train {PRODUCT_NAME}\n          </Text>\n          <Text>\n            <Link url={HELP_URL}>[?]</Link>\n          </Text>\n        </Box>\n        <Box flexDirection=\"row\" width=\"100%\" flexGrow={1} paddingTop={1}>\n          <Box\n            flexDirection=\"column\"\n            flexGrow={1}\n            flexBasis={1}\n            gap={1}\n            borderStyle={focused === 'prefer-left' ? 'bold' : 'single'}\n            borderColor={\n              focused === 'prefer-left' ? theme.success : theme.secondaryBorder\n            }\n            marginRight={1}\n            padding={1}\n          >\n            <BinaryFeedbackOption\n              erroredToolUseIDs={erroredToolUseIDs}\n              debug={debug}\n              inProgressToolUseIDs={inProgressToolUseIDs}\n              message={m1}\n              normalizedMessages={normalizedMessages}\n              tools={tools}\n              unresolvedToolUseIDs={unresolvedToolUseIDs}\n              verbose={verbose}\n            />\n          </Box>\n          <Box\n            flexDirection=\"column\"\n            flexGrow={1}\n            flexBasis={1}\n            gap={1}\n            borderStyle={focused === 'prefer-right' ? 'bold' : 'single'}\n            borderColor={\n              focused === 'prefer-right' ? theme.success : theme.secondaryBorder\n            }\n            marginLeft={1}\n            padding={1}\n          >\n            <BinaryFeedbackOption\n              erroredToolUseIDs={erroredToolUseIDs}\n              debug={debug}\n              inProgressToolUseIDs={inProgressToolUseIDs}\n              message={m2}\n              normalizedMessages={normalizedMessages}\n              tools={tools}\n              unresolvedToolUseIDs={unresolvedToolUseIDs}\n              verbose={verbose}\n            />\n          </Box>\n        </Box>\n        <Box flexDirection=\"column\" paddingTop={1} paddingX={1}>\n          <Text>How do you want to proceed?</Text>\n          <Select\n            options={getOptions()}\n            onFocus={setFocus}\n            focusValue={focusValue}\n            onChange={onChoose as SelectProps['onChange']}\n          />\n        </Box>\n      </Box>\n      {exitState.pending ? (\n        <Box marginLeft={3}>\n          <Text dimColor>Press {exitState.keyName} again to exit</Text>\n        </Box>\n      ) : (\n        // Render a blank line so that the UI doesn't reflow when the exit message is shown\n        <Text> </Text>\n      )}\n    </>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}