@shareai-lab/kode 1.1.12 → 1.1.13

package/dist/components/Message.js

@@ -0,0 +1,146 @@
+import { Box } from "ink";
+import * as React from "react";
+import { logError } from "../utils/log.js";
+import { UserToolResultMessage } from "./messages/UserToolResultMessage/UserToolResultMessage.js";
+import { AssistantToolUseMessage } from "./messages/AssistantToolUseMessage.js";
+import { AssistantTextMessage } from "./messages/AssistantTextMessage.js";
+import { UserTextMessage } from "./messages/UserTextMessage.js";
+import { AssistantThinkingMessage } from "./messages/AssistantThinkingMessage.js";
+import { AssistantRedactedThinkingMessage } from "./messages/AssistantRedactedThinkingMessage.js";
+import { useTerminalSize } from "../hooks/useTerminalSize.js";
+function Message({
+  message,
+  messages,
+  addMargin,
+  tools,
+  verbose,
+  debug,
+  erroredToolUseIDs,
+  inProgressToolUseIDs,
+  unresolvedToolUseIDs,
+  shouldAnimate,
+  shouldShowDot,
+  width
+}) {
+  if (message.type === "assistant") {
+    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", width: "100%" }, message.message.content.map((_, index) => /* @__PURE__ */ React.createElement(
+      AssistantMessage,
+      {
+        key: index,
+        param: _,
+        costUSD: message.costUSD,
+        durationMs: message.durationMs,
+        addMargin,
+        tools,
+        debug,
+        options: { verbose },
+        erroredToolUseIDs,
+        inProgressToolUseIDs,
+        unresolvedToolUseIDs,
+        shouldAnimate,
+        shouldShowDot,
+        width
+      }
+    )));
+  }
+  const content = typeof message.message.content === "string" ? [{ type: "text", text: message.message.content }] : message.message.content;
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", width: "100%" }, content.map((_, index) => /* @__PURE__ */ React.createElement(
+    UserMessage,
+    {
+      key: index,
+      message,
+      messages,
+      addMargin,
+      tools,
+      param: _,
+      options: { verbose }
+    }
+  )));
+}
+function UserMessage({
+  message,
+  messages,
+  addMargin,
+  tools,
+  param,
+  options: { verbose }
+}) {
+  const { columns } = useTerminalSize();
+  switch (param.type) {
+    case "text":
+      return /* @__PURE__ */ React.createElement(UserTextMessage, { addMargin, param });
+    case "tool_result":
+      return /* @__PURE__ */ React.createElement(
+        UserToolResultMessage,
+        {
+          param,
+          message,
+          messages,
+          tools,
+          verbose,
+          width: columns - 5
+        }
+      );
+  }
+}
+function AssistantMessage({
+  param,
+  costUSD,
+  durationMs,
+  addMargin,
+  tools,
+  debug,
+  options: { verbose },
+  erroredToolUseIDs,
+  inProgressToolUseIDs,
+  unresolvedToolUseIDs,
+  shouldAnimate,
+  shouldShowDot,
+  width
+}) {
+  switch (param.type) {
+    case "tool_use":
+      return /* @__PURE__ */ React.createElement(
+        AssistantToolUseMessage,
+        {
+          param,
+          costUSD,
+          durationMs,
+          addMargin,
+          tools,
+          debug,
+          verbose,
+          erroredToolUseIDs,
+          inProgressToolUseIDs,
+          unresolvedToolUseIDs,
+          shouldAnimate,
+          shouldShowDot
+        }
+      );
+    case "text":
+      return /* @__PURE__ */ React.createElement(
+        AssistantTextMessage,
+        {
+          param,
+          costUSD,
+          durationMs,
+          debug,
+          addMargin,
+          shouldShowDot,
+          verbose,
+          width
+        }
+      );
+    case "redacted_thinking":
+      return /* @__PURE__ */ React.createElement(AssistantRedactedThinkingMessage, { addMargin });
+    case "thinking":
+      return /* @__PURE__ */ React.createElement(AssistantThinkingMessage, { addMargin, param });
+    default:
+      logError(`Unable to render message type: ${param.type}`);
+      return null;
+  }
+}
+export {
+  Message
+};
+//# sourceMappingURL=Message.js.map

package/dist/components/Message.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/Message.tsx"],
+  "sourcesContent": ["import { Box } from 'ink'\nimport * as React from 'react'\nimport type { AssistantMessage, Message, UserMessage } from '../query'\nimport type {\n  ContentBlock,\n  DocumentBlockParam,\n  ImageBlockParam,\n  TextBlockParam,\n  ThinkingBlockParam,\n  ToolResultBlockParam,\n  ToolUseBlockParam,\n} from '@anthropic-ai/sdk/resources/index.mjs'\nimport { Tool } from '../Tool'\nimport { logError } from '../utils/log'\nimport { UserToolResultMessage } from './messages/UserToolResultMessage/UserToolResultMessage'\nimport { AssistantToolUseMessage } from './messages/AssistantToolUseMessage'\nimport { AssistantTextMessage } from './messages/AssistantTextMessage'\nimport { UserTextMessage } from './messages/UserTextMessage'\nimport { NormalizedMessage } from '../utils/messages'\nimport { AssistantThinkingMessage } from './messages/AssistantThinkingMessage'\nimport { AssistantRedactedThinkingMessage } from './messages/AssistantRedactedThinkingMessage'\nimport { useTerminalSize } from '../hooks/useTerminalSize'\n\ntype Props = {\n  message: UserMessage | AssistantMessage\n  messages: NormalizedMessage[]\n  // TODO: Find a way to remove this, and leave spacing to the consumer\n  addMargin: boolean\n  tools: Tool[]\n  verbose: boolean\n  debug: boolean\n  erroredToolUseIDs: Set<string>\n  inProgressToolUseIDs: Set<string>\n  unresolvedToolUseIDs: Set<string>\n  shouldAnimate: boolean\n  shouldShowDot: boolean\n  width?: number | string\n}\n\nexport function Message({\n  message,\n  messages,\n  addMargin,\n  tools,\n  verbose,\n  debug,\n  erroredToolUseIDs,\n  inProgressToolUseIDs,\n  unresolvedToolUseIDs,\n  shouldAnimate,\n  shouldShowDot,\n  width,\n}: Props): React.ReactNode {\n  // Assistant message\n  if (message.type === 'assistant') {\n    return (\n      <Box flexDirection=\"column\" width=\"100%\">\n        {message.message.content.map((_, index) => (\n          <AssistantMessage\n            key={index}\n            param={_}\n            costUSD={message.costUSD}\n            durationMs={message.durationMs}\n            addMargin={addMargin}\n            tools={tools}\n            debug={debug}\n            options={{ verbose }}\n            erroredToolUseIDs={erroredToolUseIDs}\n            inProgressToolUseIDs={inProgressToolUseIDs}\n            unresolvedToolUseIDs={unresolvedToolUseIDs}\n            shouldAnimate={shouldAnimate}\n            shouldShowDot={shouldShowDot}\n            width={width}\n          />\n        ))}\n      </Box>\n    )\n  }\n\n  // User message\n  // TODO: normalize upstream\n  const content =\n    typeof message.message.content === 'string'\n      ? [{ type: 'text', text: message.message.content } as TextBlockParam]\n      : message.message.content\n  return (\n    <Box flexDirection=\"column\" width=\"100%\">\n      {content.map((_, index) => (\n        <UserMessage\n          key={index}\n          message={message}\n          messages={messages}\n          addMargin={addMargin}\n          tools={tools}\n          param={_ as TextBlockParam}\n          options={{ verbose }}\n        />\n      ))}\n    </Box>\n  )\n}\n\nfunction UserMessage({\n  message,\n  messages,\n  addMargin,\n  tools,\n  param,\n  options: { verbose },\n}: {\n  message: UserMessage\n  messages: Message[]\n  addMargin: boolean\n  tools: Tool[]\n  param:\n    | TextBlockParam\n    | DocumentBlockParam\n    | ImageBlockParam\n    | ToolUseBlockParam\n    | ToolResultBlockParam\n  options: {\n    verbose: boolean\n  }\n  key?: React.Key\n}): React.ReactNode {\n  const { columns } = useTerminalSize()\n  switch (param.type) {\n    case 'text':\n      return <UserTextMessage addMargin={addMargin} param={param} />\n    case 'tool_result':\n      return (\n        <UserToolResultMessage\n          param={param}\n          message={message}\n          messages={messages}\n          tools={tools}\n          verbose={verbose}\n          width={columns - 5}\n        />\n      )\n  }\n}\n\nfunction AssistantMessage({\n  param,\n  costUSD,\n  durationMs,\n  addMargin,\n  tools,\n  debug,\n  options: { verbose },\n  erroredToolUseIDs,\n  inProgressToolUseIDs,\n  unresolvedToolUseIDs,\n  shouldAnimate,\n  shouldShowDot,\n  width,\n}: {\n  param:\n    | ContentBlock\n    | TextBlockParam\n    | ImageBlockParam\n    | ThinkingBlockParam\n    | ToolUseBlockParam\n    | ToolResultBlockParam\n  costUSD: number\n  durationMs: number\n  addMargin: boolean\n  tools: Tool[]\n  debug: boolean\n  options: {\n    verbose: boolean\n  }\n  erroredToolUseIDs: Set<string>\n  inProgressToolUseIDs: Set<string>\n  unresolvedToolUseIDs: Set<string>\n  shouldAnimate: boolean\n  shouldShowDot: boolean\n  width?: number | string\n  key?: React.Key\n}): React.ReactNode {\n  switch (param.type) {\n    case 'tool_use':\n      return (\n        <AssistantToolUseMessage\n          param={param}\n          costUSD={costUSD}\n          durationMs={durationMs}\n          addMargin={addMargin}\n          tools={tools}\n          debug={debug}\n          verbose={verbose}\n          erroredToolUseIDs={erroredToolUseIDs}\n          inProgressToolUseIDs={inProgressToolUseIDs}\n          unresolvedToolUseIDs={unresolvedToolUseIDs}\n          shouldAnimate={shouldAnimate}\n          shouldShowDot={shouldShowDot}\n        />\n      )\n    case 'text':\n      return (\n        <AssistantTextMessage\n          param={param}\n          costUSD={costUSD}\n          durationMs={durationMs}\n          debug={debug}\n          addMargin={addMargin}\n          shouldShowDot={shouldShowDot}\n          verbose={verbose}\n          width={width}\n        />\n      )\n    case 'redacted_thinking':\n      return <AssistantRedactedThinkingMessage addMargin={addMargin} />\n    case 'thinking':\n      return <AssistantThinkingMessage addMargin={addMargin} param={param} />\n    default:\n      logError(`Unable to render message type: ${param.type}`)\n      return null\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,WAAW;AACpB,YAAY,WAAW;AAYvB,SAAS,gBAAgB;AACzB,SAAS,6BAA6B;AACtC,SAAS,+BAA+B;AACxC,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAEhC,SAAS,gCAAgC;AACzC,SAAS,wCAAwC;AACjD,SAAS,uBAAuB;AAkBzB,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AAEzB,MAAI,QAAQ,SAAS,aAAa;AAChC,WACE,oCAAC,OAAI,eAAc,UAAS,OAAM,UAC/B,QAAQ,QAAQ,QAAQ,IAAI,CAAC,GAAG,UAC/B;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,OAAO;AAAA,QACP,SAAS,QAAQ;AAAA,QACjB,YAAY,QAAQ;AAAA,QACpB;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAS,EAAE,QAAQ;AAAA,QACnB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,CACD,CACH;AAAA,EAEJ;AAIA,QAAM,UACJ,OAAO,QAAQ,QAAQ,YAAY,WAC/B,CAAC,EAAE,MAAM,QAAQ,MAAM,QAAQ,QAAQ,QAAQ,CAAmB,IAClE,QAAQ,QAAQ;AACtB,SACE,oCAAC,OAAI,eAAc,UAAS,OAAM,UAC/B,QAAQ,IAAI,CAAC,GAAG,UACf;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,SAAS,EAAE,QAAQ;AAAA;AAAA,EACrB,CACD,CACH;AAEJ;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS,EAAE,QAAQ;AACrB,GAeoB;AAClB,QAAM,EAAE,QAAQ,IAAI,gBAAgB;AACpC,UAAQ,MAAM,MAAM;AAAA,IAClB,KAAK;AACH,aAAO,oCAAC,mBAAgB,WAAsB,OAAc;AAAA,IAC9D,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO,UAAU;AAAA;AAAA,MACnB;AAAA,EAEN;AACF;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS,EAAE,QAAQ;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAuBoB;AAClB,UAAQ,MAAM,MAAM;AAAA,IAClB,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,IAEJ,KAAK;AACH,aAAO,oCAAC,oCAAiC,WAAsB;AAAA,IACjE,KAAK;AACH,aAAO,oCAAC,4BAAyB,WAAsB,OAAc;AAAA,IACvE;AACE,eAAS,kCAAkC,MAAM,IAAI,EAAE;AACvD,aAAO;AAAA,EACX;AACF;",
+  "names": []
+}

package/dist/components/MessageResponse.js

@@ -0,0 +1,9 @@
+import { Box, Text } from "ink";
+import * as React from "react";
+function MessageResponse({ children }) {
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", height: 1, overflow: "hidden" }, /* @__PURE__ */ React.createElement(Text, null, "  ", "\u23BF \xA0"), children);
+}
+export {
+  MessageResponse
+};
+//# sourceMappingURL=MessageResponse.js.map

package/dist/components/MessageResponse.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/MessageResponse.tsx"],
+  "sourcesContent": ["import { Box, Text } from 'ink'\nimport * as React from 'react'\n\ntype Props = {\n  children: React.ReactNode\n}\n\nexport function MessageResponse({ children }: Props): React.ReactNode {\n  return (\n    <Box flexDirection=\"row\" height={1} overflow=\"hidden\">\n      <Text>{'  '}\u23BF &nbsp;</Text>\n      {children}\n    </Box>\n  )\n}\n"],
+  "mappings": "AAAA,SAAS,KAAK,YAAY;AAC1B,YAAY,WAAW;AAMhB,SAAS,gBAAgB,EAAE,SAAS,GAA2B;AACpE,SACE,oCAAC,OAAI,eAAc,OAAM,QAAQ,GAAG,UAAS,YAC3C,oCAAC,YAAM,MAAK,aAAQ,GACnB,QACH;AAEJ;",
+  "names": []
+}

package/dist/components/MessageSelector.js

@@ -0,0 +1,133 @@
+import { Box, Text, useInput } from "ink";
+import * as React from "react";
+import { useMemo, useState, useEffect } from "react";
+import figures from "figures";
+import { getTheme } from "../utils/theme.js";
+import { Message as MessageComponent } from "./Message.js";
+import { randomUUID } from "crypto";
+import {
+  createUserMessage,
+  isEmptyMessageText,
+  isNotEmptyMessage,
+  normalizeMessages
+} from "../utils/messages.js";
+import { logEvent } from "../services/statsig.js";
+import { useExitOnCtrlCD } from "../hooks/useExitOnCtrlCD.js";
+const MAX_VISIBLE_MESSAGES = 7;
+function MessageSelector({
+  erroredToolUseIDs,
+  messages,
+  onSelect,
+  onEscape,
+  tools,
+  unresolvedToolUseIDs
+}) {
+  const currentUUID = useMemo(randomUUID, []);
+  useEffect(() => {
+    logEvent("tengu_message_selector_opened", {});
+  }, []);
+  function handleSelect(message) {
+    const indexFromEnd = messages.length - 1 - messages.indexOf(message);
+    logEvent("tengu_message_selector_selected", {
+      index_from_end: indexFromEnd.toString(),
+      message_type: message.type,
+      is_current_prompt: (message.uuid === currentUUID).toString()
+    });
+    onSelect(message);
+  }
+  function handleEscape() {
+    logEvent("tengu_message_selector_cancelled", {});
+    onEscape();
+  }
+  const allItems = useMemo(
+    () => [
+      // Filter out tool results
+      ...messages.filter(
+        (_) => !(_.type === "user" && Array.isArray(_.message.content) && _.message.content[0]?.type === "tool_result")
+      ).filter((_) => _.type !== "assistant"),
+      { ...createUserMessage(""), uuid: currentUUID }
+    ],
+    [messages, currentUUID]
+  );
+  const [selectedIndex, setSelectedIndex] = useState(allItems.length - 1);
+  const exitState = useExitOnCtrlCD(() => process.exit(0));
+  useInput((input, key) => {
+    if (key.tab || key.escape) {
+      handleEscape();
+      return;
+    }
+    if (key.return) {
+      handleSelect(allItems[selectedIndex]);
+      return;
+    }
+    if (key.upArrow) {
+      if (key.ctrl || key.shift || key.meta) {
+        setSelectedIndex(0);
+      } else {
+        setSelectedIndex((prev) => Math.max(0, prev - 1));
+      }
+    }
+    if (key.downArrow) {
+      if (key.ctrl || key.shift || key.meta) {
+        setSelectedIndex(allItems.length - 1);
+      } else {
+        setSelectedIndex((prev) => Math.min(allItems.length - 1, prev + 1));
+      }
+    }
+    const num = Number(input);
+    if (!isNaN(num) && num >= 1 && num <= Math.min(9, allItems.length)) {
+      if (!allItems[num - 1]) {
+        return;
+      }
+      handleSelect(allItems[num - 1]);
+    }
+  });
+  const firstVisibleIndex = Math.max(
+    0,
+    Math.min(
+      selectedIndex - Math.floor(MAX_VISIBLE_MESSAGES / 2),
+      allItems.length - MAX_VISIBLE_MESSAGES
+    )
+  );
+  const normalizedMessages = useMemo(
+    () => normalizeMessages(messages).filter(isNotEmptyMessage),
+    [messages]
+  );
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: getTheme().secondaryBorder,
+      height: 4 + Math.min(MAX_VISIBLE_MESSAGES, allItems.length) * 2,
+      paddingX: 1,
+      marginTop: 1
+    },
+    /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", minHeight: 2, marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Jump to a previous message"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "This will fork the conversation")),
+    allItems.slice(firstVisibleIndex, firstVisibleIndex + MAX_VISIBLE_MESSAGES).map((msg, index) => {
+      const actualIndex = firstVisibleIndex + index;
+      const isSelected = actualIndex === selectedIndex;
+      const isCurrent = msg.uuid === currentUUID;
+      return /* @__PURE__ */ React.createElement(Box, { key: msg.uuid, flexDirection: "row", height: 2, minHeight: 2 }, /* @__PURE__ */ React.createElement(Box, { width: 7 }, isSelected ? /* @__PURE__ */ React.createElement(Text, { color: "blue", bold: true }, figures.pointer, " ", firstVisibleIndex + index + 1, " ") : /* @__PURE__ */ React.createElement(Text, null, "  ", firstVisibleIndex + index + 1, " ")), /* @__PURE__ */ React.createElement(Box, { height: 1, overflow: "hidden", width: 100 }, isCurrent ? /* @__PURE__ */ React.createElement(Box, { width: "100%" }, /* @__PURE__ */ React.createElement(Text, { dimColor: true, italic: true }, "(current)")) : Array.isArray(msg.message.content) && msg.message.content[0]?.type === "text" && isEmptyMessageText(msg.message.content[0].text) ? /* @__PURE__ */ React.createElement(Text, { dimColor: true, italic: true }, "(empty message)") : /* @__PURE__ */ React.createElement(
+        MessageComponent,
+        {
+          message: msg,
+          messages: normalizedMessages,
+          addMargin: false,
+          tools,
+          verbose: false,
+          debug: false,
+          erroredToolUseIDs,
+          inProgressToolUseIDs: /* @__PURE__ */ new Set(),
+          unresolvedToolUseIDs,
+          shouldAnimate: false,
+          shouldShowDot: false
+        }
+      )));
+    })
+  ), /* @__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, "\u2191/\u2193 to select \xB7 Enter to confirm \xB7 Tab/Esc to cancel"))));
+}
+export {
+  MessageSelector
+};
+//# sourceMappingURL=MessageSelector.js.map

package/dist/components/MessageSelector.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/MessageSelector.tsx"],
+  "sourcesContent": ["import { Box, Text, useInput } from 'ink'\nimport * as React from 'react'\nimport { useMemo, useState, useEffect } from 'react'\nimport figures from 'figures'\nimport { getTheme } from '../utils/theme'\nimport { Message as MessageComponent } from './Message'\nimport { randomUUID } from 'crypto'\nimport { type Tool } from '../Tool'\nimport {\n  createUserMessage,\n  isEmptyMessageText,\n  isNotEmptyMessage,\n  normalizeMessages,\n} from '../utils/messages.js'\nimport { logEvent } from '../services/statsig'\nimport type { AssistantMessage, UserMessage } from '../query'\nimport { useExitOnCtrlCD } from '../hooks/useExitOnCtrlCD'\n\ntype Props = {\n  erroredToolUseIDs: Set<string>\n  messages: (UserMessage | AssistantMessage)[]\n  onSelect: (message: UserMessage) => void\n  onEscape: () => void\n  tools: Tool[]\n  unresolvedToolUseIDs: Set<string>\n}\n\nconst MAX_VISIBLE_MESSAGES = 7\n\nexport function MessageSelector({\n  erroredToolUseIDs,\n  messages,\n  onSelect,\n  onEscape,\n  tools,\n  unresolvedToolUseIDs,\n}: Props): React.ReactNode {\n  const currentUUID = useMemo(randomUUID, [])\n\n  // Log when selector is opened\n  useEffect(() => {\n    logEvent('tengu_message_selector_opened', {})\n  }, [])\n\n  function handleSelect(message: UserMessage) {\n    const indexFromEnd = messages.length - 1 - messages.indexOf(message)\n    logEvent('tengu_message_selector_selected', {\n      index_from_end: indexFromEnd.toString(),\n      message_type: message.type,\n      is_current_prompt: (message.uuid === currentUUID).toString(),\n    })\n    onSelect(message)\n  }\n\n  function handleEscape() {\n    logEvent('tengu_message_selector_cancelled', {})\n    onEscape()\n  }\n\n  // Add current prompt as a virtual message\n  const allItems = useMemo(\n    () => [\n      // Filter out tool results\n      ...messages\n        .filter(\n          _ =>\n            !(\n              _.type === 'user' &&\n              Array.isArray(_.message.content) &&\n              _.message.content[0]?.type === 'tool_result'\n            ),\n        )\n        // Filter out assistant messages, until we have a way to kick off the tool use loop from REPL\n        .filter(_ => _.type !== 'assistant'),\n      { ...createUserMessage(''), uuid: currentUUID } as UserMessage,\n    ],\n    [messages, currentUUID],\n  )\n  const [selectedIndex, setSelectedIndex] = useState(allItems.length - 1)\n\n  const exitState = useExitOnCtrlCD(() => process.exit(0))\n\n  useInput((input, key) => {\n    if (key.tab || key.escape) {\n      handleEscape()\n      return\n    }\n    if (key.return) {\n      handleSelect(allItems[selectedIndex]!)\n      return\n    }\n    if (key.upArrow) {\n      if (key.ctrl || key.shift || key.meta) {\n        // Jump to top with any modifier key\n        setSelectedIndex(0)\n      } else {\n        setSelectedIndex(prev => Math.max(0, prev - 1))\n      }\n    }\n    if (key.downArrow) {\n      if (key.ctrl || key.shift || key.meta) {\n        // Jump to bottom with any modifier key\n        setSelectedIndex(allItems.length - 1)\n      } else {\n        setSelectedIndex(prev => Math.min(allItems.length - 1, prev + 1))\n      }\n    }\n\n    // Handle number keys (1-9)\n    const num = Number(input)\n    if (!isNaN(num) && num >= 1 && num <= Math.min(9, allItems.length)) {\n      if (!allItems[num - 1]) {\n        return\n      }\n      handleSelect(allItems[num - 1]!)\n    }\n  })\n\n  const firstVisibleIndex = Math.max(\n    0,\n    Math.min(\n      selectedIndex - Math.floor(MAX_VISIBLE_MESSAGES / 2),\n      allItems.length - MAX_VISIBLE_MESSAGES,\n    ),\n  )\n\n  const normalizedMessages = useMemo(\n    () => normalizeMessages(messages).filter(isNotEmptyMessage),\n    [messages],\n  )\n\n  return (\n    <>\n      <Box\n        flexDirection=\"column\"\n        borderStyle=\"round\"\n        borderColor={getTheme().secondaryBorder}\n        height={4 + Math.min(MAX_VISIBLE_MESSAGES, allItems.length) * 2}\n        paddingX={1}\n        marginTop={1}\n      >\n        <Box flexDirection=\"column\" minHeight={2} marginBottom={1}>\n          <Text bold>Jump to a previous message</Text>\n          <Text dimColor>This will fork the conversation</Text>\n        </Box>\n        {allItems\n          .slice(firstVisibleIndex, firstVisibleIndex + MAX_VISIBLE_MESSAGES)\n          .map((msg, index) => {\n            const actualIndex = firstVisibleIndex + index\n            const isSelected = actualIndex === selectedIndex\n            const isCurrent = msg.uuid === currentUUID\n\n            return (\n              <Box key={msg.uuid} flexDirection=\"row\" height={2} minHeight={2}>\n                <Box width={7}>\n                  {isSelected ? (\n                    <Text color=\"blue\" bold>\n                      {figures.pointer} {firstVisibleIndex + index + 1}{' '}\n                    </Text>\n                  ) : (\n                    <Text>\n                      {'  '}\n                      {firstVisibleIndex + index + 1}{' '}\n                    </Text>\n                  )}\n                </Box>\n                <Box height={1} overflow=\"hidden\" width={100}>\n                  {isCurrent ? (\n                    <Box width=\"100%\">\n                      <Text dimColor italic>\n                        {'(current)'}\n                      </Text>\n                    </Box>\n                  ) : Array.isArray(msg.message.content) &&\n                    msg.message.content[0]?.type === 'text' &&\n                    isEmptyMessageText(msg.message.content[0].text) ? (\n                    <Text dimColor italic>\n                      (empty message)\n                    </Text>\n                  ) : (\n                    <MessageComponent\n                      message={msg}\n                      messages={normalizedMessages}\n                      addMargin={false}\n                      tools={tools}\n                      verbose={false}\n                      debug={false}\n                      erroredToolUseIDs={erroredToolUseIDs}\n                      inProgressToolUseIDs={new Set()}\n                      unresolvedToolUseIDs={unresolvedToolUseIDs}\n                      shouldAnimate={false}\n                      shouldShowDot={false}\n                    />\n                  )}\n                </Box>\n              </Box>\n            )\n          })}\n      </Box>\n      <Box marginLeft={3}>\n        <Text dimColor>\n          {exitState.pending ? (\n            <>Press {exitState.keyName} again to exit</>\n          ) : (\n            <>\u2191/\u2193 to select \u00B7 Enter to confirm \u00B7 Tab/Esc to cancel</>\n          )}\n        </Text>\n      </Box>\n    </>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/components/ModeIndicator.js

@@ -0,0 +1,38 @@
+import React from "react";
+import { Box, Text } from "ink";
+import { usePermissionContext } from "../context/PermissionContext.js";
+import { getTheme } from "../utils/theme.js";
+function ModeIndicator({
+  showTransitionCount = false
+}) {
+  const { currentMode, permissionContext, getModeConfig } = usePermissionContext();
+  const theme = getTheme();
+  const modeConfig = getModeConfig();
+  if (currentMode === "default" && !showTransitionCount) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(Box, { borderStyle: "single", padding: 1, marginY: 1 }, /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", alignItems: "center" }, /* @__PURE__ */ React.createElement(Text, { color: getThemeColor(modeConfig.color, theme), bold: true }, modeConfig.icon, " ", modeConfig.label)), /* @__PURE__ */ React.createElement(Text, { color: "gray", dimColor: true }, modeConfig.description), /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", justifyContent: "space-between", marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "gray", dimColor: true }, "Press Shift+Tab to cycle modes"), showTransitionCount && /* @__PURE__ */ React.createElement(Text, { color: "gray", dimColor: true }, "Switches: ", permissionContext.metadata.transitionCount)), currentMode === "plan" && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "cyan", dimColor: true }, "Available tools: ", permissionContext.allowedTools.join(", ")), /* @__PURE__ */ React.createElement(Text, { color: "yellow", dimColor: true }, "Use exit_plan_mode tool when ready to execute"))));
+}
+function getThemeColor(colorName, theme) {
+  const colorMap = {
+    blue: theme.primary || "blue",
+    green: theme.success || "green",
+    yellow: theme.warning || "yellow",
+    red: theme.error || "red"
+  };
+  return colorMap[colorName] || colorName;
+}
+function CompactModeIndicator() {
+  const { currentMode, getModeConfig } = usePermissionContext();
+  const modeConfig = getModeConfig();
+  const theme = getTheme();
+  if (currentMode === "default") {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(Text, { color: getThemeColor(modeConfig.color, theme) }, modeConfig.icon, " ", modeConfig.name);
+}
+export {
+  CompactModeIndicator,
+  ModeIndicator
+};
+//# sourceMappingURL=ModeIndicator.js.map

package/dist/components/ModeIndicator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/ModeIndicator.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { Box, Text } from 'ink'\nimport { usePermissionContext } from '../context/PermissionContext'\nimport { getTheme } from '../utils/theme'\n\ninterface ModeIndicatorProps {\n  showTransitionCount?: boolean\n}\n\nexport function ModeIndicator({\n  showTransitionCount = false,\n}: ModeIndicatorProps) {\n  const { currentMode, permissionContext, getModeConfig } =\n    usePermissionContext()\n  const theme = getTheme()\n  const modeConfig = getModeConfig()\n\n  // Don't show indicator for default mode unless explicitly requested\n  if (currentMode === 'default' && !showTransitionCount) {\n    return null\n  }\n\n  return (\n    <Box borderStyle=\"single\" padding={1} marginY={1}>\n      <Box flexDirection=\"column\">\n        <Box flexDirection=\"row\" alignItems=\"center\">\n          <Text color={getThemeColor(modeConfig.color, theme)} bold>\n            {modeConfig.icon} {modeConfig.label}\n          </Text>\n        </Box>\n\n        <Text color=\"gray\" dimColor>\n          {modeConfig.description}\n        </Text>\n\n        <Box flexDirection=\"row\" justifyContent=\"space-between\" marginTop={1}>\n          <Text color=\"gray\" dimColor>\n            Press Shift+Tab to cycle modes\n          </Text>\n          {showTransitionCount && (\n            <Text color=\"gray\" dimColor>\n              Switches: {permissionContext.metadata.transitionCount}\n            </Text>\n          )}\n        </Box>\n\n        {currentMode === 'plan' && (\n          <Box marginTop={1}>\n            <Text color=\"cyan\" dimColor>\n              Available tools: {permissionContext.allowedTools.join(', ')}\n            </Text>\n            <Text color=\"yellow\" dimColor>\n              Use exit_plan_mode tool when ready to execute\n            </Text>\n          </Box>\n        )}\n      </Box>\n    </Box>\n  )\n}\n\nfunction getThemeColor(colorName: string, theme: any): string {\n  const colorMap: Record<string, string> = {\n    blue: theme.primary || 'blue',\n    green: theme.success || 'green',\n    yellow: theme.warning || 'yellow',\n    red: theme.error || 'red',\n  }\n\n  return colorMap[colorName] || colorName\n}\n\n// Compact mode indicator for status bar\nexport function CompactModeIndicator() {\n  const { currentMode, getModeConfig } = usePermissionContext()\n  const modeConfig = getModeConfig()\n  const theme = getTheme()\n\n  if (currentMode === 'default') {\n    return null\n  }\n\n  return (\n    <Text color={getThemeColor(modeConfig.color, theme)}>\n      {modeConfig.icon} {modeConfig.name}\n    </Text>\n  )\n}\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAC1B,SAAS,4BAA4B;AACrC,SAAS,gBAAgB;AAMlB,SAAS,cAAc;AAAA,EAC5B,sBAAsB;AACxB,GAAuB;AACrB,QAAM,EAAE,aAAa,mBAAmB,cAAc,IACpD,qBAAqB;AACvB,QAAM,QAAQ,SAAS;AACvB,QAAM,aAAa,cAAc;AAGjC,MAAI,gBAAgB,aAAa,CAAC,qBAAqB;AACrD,WAAO;AAAA,EACT;AAEA,SACE,oCAAC,OAAI,aAAY,UAAS,SAAS,GAAG,SAAS,KAC7C,oCAAC,OAAI,eAAc,YACjB,oCAAC,OAAI,eAAc,OAAM,YAAW,YAClC,oCAAC,QAAK,OAAO,cAAc,WAAW,OAAO,KAAK,GAAG,MAAI,QACtD,WAAW,MAAK,KAAE,WAAW,KAChC,CACF,GAEA,oCAAC,QAAK,OAAM,QAAO,UAAQ,QACxB,WAAW,WACd,GAEA,oCAAC,OAAI,eAAc,OAAM,gBAAe,iBAAgB,WAAW,KACjE,oCAAC,QAAK,OAAM,QAAO,UAAQ,QAAC,gCAE5B,GACC,uBACC,oCAAC,QAAK,OAAM,QAAO,UAAQ,QAAC,cACf,kBAAkB,SAAS,eACxC,CAEJ,GAEC,gBAAgB,UACf,oCAAC,OAAI,WAAW,KACd,oCAAC,QAAK,OAAM,QAAO,UAAQ,QAAC,qBACR,kBAAkB,aAAa,KAAK,IAAI,CAC5D,GACA,oCAAC,QAAK,OAAM,UAAS,UAAQ,QAAC,+CAE9B,CACF,CAEJ,CACF;AAEJ;AAEA,SAAS,cAAc,WAAmB,OAAoB;AAC5D,QAAM,WAAmC;AAAA,IACvC,MAAM,MAAM,WAAW;AAAA,IACvB,OAAO,MAAM,WAAW;AAAA,IACxB,QAAQ,MAAM,WAAW;AAAA,IACzB,KAAK,MAAM,SAAS;AAAA,EACtB;AAEA,SAAO,SAAS,SAAS,KAAK;AAChC;AAGO,SAAS,uBAAuB;AACrC,QAAM,EAAE,aAAa,cAAc,IAAI,qBAAqB;AAC5D,QAAM,aAAa,cAAc;AACjC,QAAM,QAAQ,SAAS;AAEvB,MAAI,gBAAgB,WAAW;AAC7B,WAAO;AAAA,EACT;AAEA,SACE,oCAAC,QAAK,OAAO,cAAc,WAAW,OAAO,KAAK,KAC/C,WAAW,MAAK,KAAE,WAAW,IAChC;AAEJ;",
+  "names": []
+}

package/dist/components/ModelConfig.js

@@ -0,0 +1,208 @@
+import { Box, Text, useInput } from "ink";
+import * as React from "react";
+import { useState, useCallback, useEffect, useRef } from "react";
+import figures from "figures";
+import { getTheme } from "../utils/theme.js";
+import {
+  getGlobalConfig,
+  setModelPointer
+} from "../utils/config.js";
+import { getModelManager } from "../utils/model.js";
+import { useExitOnCtrlCD } from "../hooks/useExitOnCtrlCD.js";
+import { ModelSelector } from "./ModelSelector.js";
+import { ModelListManager } from "./ModelListManager.js";
+function ModelConfig({ onClose }) {
+  const config = getGlobalConfig();
+  const theme = getTheme();
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  const [showModelSelector, setShowModelSelector] = useState(false);
+  const [showModelListManager, setShowModelListManager] = useState(false);
+  const [currentPointer, setCurrentPointer] = useState(
+    null
+  );
+  const [refreshKey, setRefreshKey] = useState(0);
+  const [isDeleteMode, setIsDeleteMode] = useState(false);
+  const selectedIndexRef = useRef(selectedIndex);
+  const exitState = useExitOnCtrlCD(() => process.exit(0));
+  const modelManager = getModelManager();
+  useEffect(() => {
+    selectedIndexRef.current = selectedIndex;
+  }, [selectedIndex]);
+  const availableModels = React.useMemo(() => {
+    const profiles = modelManager.getAvailableModels();
+    return profiles.map((p) => ({ id: p.modelName, name: p.name }));
+  }, [modelManager, refreshKey]);
+  const menuItems = React.useMemo(() => {
+    const modelSettings = [
+      {
+        id: "main",
+        label: "Main Model",
+        description: "Primary model for general tasks and conversations",
+        value: config.modelPointers?.main || "",
+        options: availableModels,
+        type: "modelPointer",
+        onChange: (value) => handleModelPointerChange("main", value)
+      },
+      {
+        id: "task",
+        label: "Task Model",
+        description: "Model for TaskTool sub-agents and automation",
+        value: config.modelPointers?.task || "",
+        options: availableModels,
+        type: "modelPointer",
+        onChange: (value) => handleModelPointerChange("task", value)
+      },
+      {
+        id: "reasoning",
+        label: "Reasoning Model",
+        description: "Model optimized for complex reasoning tasks",
+        value: config.modelPointers?.reasoning || "",
+        options: availableModels,
+        type: "modelPointer",
+        onChange: (value) => handleModelPointerChange("reasoning", value)
+      },
+      {
+        id: "quick",
+        label: "Quick Model",
+        description: "Fast model for simple operations and utilities",
+        value: config.modelPointers?.quick || "",
+        options: availableModels,
+        type: "modelPointer",
+        onChange: (value) => handleModelPointerChange("quick", value)
+      }
+    ];
+    return [
+      ...modelSettings,
+      {
+        id: "manage-models",
+        label: "Manage Model List",
+        description: "View, add, and delete model configurations",
+        value: "",
+        options: [],
+        type: "action",
+        onChange: () => handleManageModels()
+      }
+    ];
+  }, [config.modelPointers, availableModels, refreshKey]);
+  const handleModelPointerChange = (pointer, modelId) => {
+    setModelPointer(pointer, modelId);
+    setRefreshKey((prev) => prev + 1);
+  };
+  const handleManageModels = () => {
+    setShowModelListManager(true);
+  };
+  const handleModelConfigurationComplete = () => {
+    setShowModelSelector(false);
+    setShowModelListManager(false);
+    setCurrentPointer(null);
+    setRefreshKey((prev) => prev + 1);
+    const manageIndex = menuItems.findIndex((item) => item.id === "manage-models");
+    if (manageIndex !== -1) {
+      setSelectedIndex(manageIndex);
+    }
+  };
+  const handleInput = useCallback(
+    (input, key) => {
+      if (key.escape) {
+        if (isDeleteMode) {
+          setIsDeleteMode(false);
+        } else {
+          onClose();
+        }
+      } else if (input === "d" && !isDeleteMode) {
+        setIsDeleteMode(true);
+      } else if (key.upArrow) {
+        setSelectedIndex((prev) => Math.max(0, prev - 1));
+      } else if (key.downArrow) {
+        setSelectedIndex((prev) => Math.min(menuItems.length - 1, prev + 1));
+      } else if (key.return || input === " ") {
+        const setting = menuItems[selectedIndex];
+        if (isDeleteMode && setting.type === "modelPointer" && setting.value) {
+          setModelPointer(setting.id, "");
+          setRefreshKey((prev) => prev + 1);
+          setIsDeleteMode(false);
+        } else if (setting.type === "modelPointer") {
+          if (setting.options.length === 0) {
+            handleManageModels();
+            return;
+          }
+          const currentIndex = setting.options.findIndex(
+            (opt) => opt.id === setting.value
+          );
+          const nextIndex = (currentIndex + 1) % setting.options.length;
+          const nextOption = setting.options[nextIndex];
+          if (nextOption) {
+            setting.onChange(nextOption.id);
+          }
+        } else if (setting.type === "action") {
+          setting.onChange();
+        }
+      }
+    },
+    [selectedIndex, menuItems, onClose, isDeleteMode, modelManager]
+  );
+  useInput(handleInput);
+  if (showModelListManager) {
+    return /* @__PURE__ */ React.createElement(ModelListManager, { onClose: handleModelConfigurationComplete });
+  }
+  if (showModelSelector) {
+    return /* @__PURE__ */ React.createElement(
+      ModelSelector,
+      {
+        onDone: handleModelConfigurationComplete,
+        onCancel: handleModelConfigurationComplete,
+        skipModelType: true,
+        targetPointer: currentPointer || void 0,
+        isOnboarding: false,
+        abortController: new AbortController()
+      }
+    );
+  }
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: theme.secondaryBorder,
+      paddingX: 1,
+      marginTop: 1
+    },
+    /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", minHeight: 2, marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Model Configuration", isDeleteMode ? " - CLEAR MODE" : ""), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, isDeleteMode ? "Press Enter/Space to clear selected pointer assignment, Esc to cancel" : availableModels.length === 0 ? 'No models configured. Use "Configure New Model" to add your first model.' : "Configure which models to use for different tasks. Space to cycle, Enter to configure.")),
+    menuItems.map((setting, i) => {
+      const isSelected = i === selectedIndex;
+      let displayValue = "";
+      let actionText = "";
+      if (setting.type === "modelPointer") {
+        const currentModel = setting.options.find(
+          (opt) => opt.id === setting.value
+        );
+        displayValue = currentModel?.name || "(not configured)";
+        actionText = isSelected ? " [Space to cycle]" : "";
+      } else if (setting.type === "action") {
+        displayValue = "";
+        actionText = isSelected ? " [Enter to configure]" : "";
+      }
+      return /* @__PURE__ */ React.createElement(Box, { key: setting.id, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Box, { width: 44 }, /* @__PURE__ */ React.createElement(Text, { color: isSelected ? "blue" : void 0 }, isSelected ? figures.pointer : " ", " ", setting.label)), /* @__PURE__ */ React.createElement(Box, null, setting.type === "modelPointer" && /* @__PURE__ */ React.createElement(
+        Text,
+        {
+          color: displayValue !== "(not configured)" ? theme.success : theme.warning
+        },
+        displayValue
+      ), actionText && /* @__PURE__ */ React.createElement(Text, { color: "blue" }, actionText))), isSelected && /* @__PURE__ */ React.createElement(Box, { paddingLeft: 2, marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, setting.description)));
+    }),
+    /* @__PURE__ */ React.createElement(
+      Box,
+      {
+        marginTop: 1,
+        paddingTop: 1,
+        borderTopColor: theme.secondaryBorder,
+        borderTopStyle: "single"
+      },
+      /* @__PURE__ */ React.createElement(Text, { dimColor: true }, isDeleteMode ? "CLEAR MODE: Press Enter/Space to clear assignment, Esc to cancel" : availableModels.length === 0 ? "Use \u2191/\u2193 to navigate, Enter to configure new model, Esc to exit" : "Use \u2191/\u2193 to navigate, Space to cycle models, Enter to configure, d to clear, Esc to exit")
+    )
+  );
+}
+export {
+  ModelConfig
+};
+//# sourceMappingURL=ModelConfig.js.map