@dexto/tui 1.15.0-beta.0 → 1.15.0-beta.1

package/dist/components/modes/AlternateBufferCLI.js

@@ -11,8 +11,8 @@ import { QUEUE_EDIT_SHORTCUTS, QueuedMessagesDisplay } from "../chat/QueuedMessa
 import { StatusBar } from "../StatusBar.js";
 import { HistorySearchBar } from "../HistorySearchBar.js";
 import { Footer } from "../Footer.js";
+import { DeckArea } from "../DeckArea.js";
 import { TodoPanel } from "../TodoPanel.js";
-import { BackgroundTasksPanel } from "../BackgroundTasksPanel.js";
 import {
   VirtualizedList,
   SCROLL_TO_ITEM_END
@@ -20,6 +20,7 @@ import {
 import { InputContainer } from "../../containers/InputContainer.js";
 import { OverlayContainer } from "../../containers/OverlayContainer.js";
 import { shouldHideStatusChrome } from "../../utils/overlayPresentation.js";
+import { tone, useCaps } from "../../signal/index.js";
 function AlternateBufferCLI({
   agent,
   initialSessionId,
@@ -74,6 +75,7 @@ function AlternateBufferCLI({
     initialBypassPermissions
   });
   const branchName = useGitBranch();
+  const signal = useCaps().palette === "signal";
   const getScrollState = useCallback(() => {
     const scrollState = listRef.current?.getScrollState();
     return scrollState ?? { scrollTop: 0, scrollHeight: 0, innerHeight: 0 };
@@ -209,6 +211,37 @@ function AlternateBufferCLI({
     return item.message.id;
   }, []);
   const hideChrome = shouldHideStatusChrome(ui.activeOverlay, approval);
+  const inputArea = /* @__PURE__ */ jsx(
+    InputContainer,
+    {
+      ref: inputContainerRef,
+      buffer,
+      input,
+      ui,
+      session,
+      initialPrompt,
+      isHydratingHistory,
+      approval,
+      steerMessages,
+      queuedMessages,
+      setInput,
+      setUi,
+      setSession,
+      setMessages,
+      setPendingMessages,
+      setDequeuedBuffer,
+      setSteerMessages,
+      setQueuedMessages,
+      setApproval,
+      setApprovalQueue,
+      setTodos,
+      agent,
+      inputService,
+      onKeyboardScroll: handleKeyboardScroll,
+      useStreaming,
+      configFilePath
+    }
+  );
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", height: terminalHeight, children: [
     /* @__PURE__ */ jsx(Box, { ref: listContainerRef, flexGrow: 1, flexShrink: 1, minHeight: 0, children: /* @__PURE__ */ jsx(
       VirtualizedList,
@@ -224,7 +257,7 @@ function AlternateBufferCLI({
     ) }),
     /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexShrink: 0, children: [
       !hideChrome && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
+        (!signal || ui.copyModeEnabled) && /* @__PURE__ */ jsx(
           StatusBar,
           {
             agent,
@@ -237,16 +270,7 @@ function AlternateBufferCLI({
             todoExpanded: ui.todoExpanded,
             hasTodos: todos.some((t) => t.status !== "completed"),
             planModeActive: ui.planModeActive,
-            autoApproveEdits: ui.autoApproveEdits,
-            backgroundTasksRunning: ui.backgroundTasksRunning
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          BackgroundTasksPanel,
-          {
-            tasks: ui.backgroundTasks,
-            isExpanded: ui.backgroundTasksExpanded,
-            isProcessing: ui.isProcessing
+            autoApproveEdits: ui.autoApproveEdits
           }
         ),
         /* @__PURE__ */ jsx(
@@ -257,7 +281,7 @@ function AlternateBufferCLI({
             isProcessing: ui.isProcessing
           }
         ),
-        selectionHintVisible && /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { color: "yellowBright", children: "\u{1F4A1} Tip: Hold Option (\u2325) and click to select text, or press Ctrl+S to toggle copy mode" }) }),
+        selectionHintVisible && /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("amber"), children: "\u{1F4A1} Tip: Hold Option (\u2325) and click to select text, or press Ctrl+S to toggle copy mode" }) }),
         /* @__PURE__ */ jsx(
           QueuedMessagesDisplay,
           {
@@ -275,37 +299,23 @@ function AlternateBufferCLI({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx(
-        InputContainer,
+      signal ? /* @__PURE__ */ jsx(
+        DeckArea,
         {
-          ref: inputContainerRef,
-          buffer,
-          input,
+          agent,
+          sessionId: session.id,
+          modelName: session.modelName,
           ui,
-          session,
-          initialPrompt,
-          isHydratingHistory,
           approval,
-          steerMessages,
-          queuedMessages,
-          setInput,
-          setUi,
-          setSession,
-          setMessages,
-          setPendingMessages,
-          setDequeuedBuffer,
-          setSteerMessages,
-          setQueuedMessages,
-          setApproval,
-          setApprovalQueue,
-          setTodos,
-          agent,
-          inputService,
-          onKeyboardScroll: handleKeyboardScroll,
-          useStreaming,
-          configFilePath
+          pendingMessages,
+          steerCount: steerMessages.length,
+          branch: branchName ?? null,
+          cwd: process.cwd(),
+          isShellMode: buffer.text.startsWith("!"),
+          chatgptRateLimitStatus: ui.chatgptRateLimitStatus,
+          children: inputArea
         }
-      ),
+      ) : inputArea,
       /* @__PURE__ */ jsx(
         OverlayContainer,
         {
@@ -328,10 +338,10 @@ function AlternateBufferCLI({
         }
       ),
       !hideChrome && ui.exitWarningShown && /* @__PURE__ */ jsxs(Box, { paddingX: 1, children: [
-        /* @__PURE__ */ jsx(Text, { color: "yellowBright", bold: true, children: "\u26A0 Press Ctrl+C again to exit" }),
-        /* @__PURE__ */ jsx(Text, { color: "gray", children: " (or press any key to cancel)" })
+        /* @__PURE__ */ jsx(Text, { color: tone("amber"), bold: true, children: "\u26A0 Press Ctrl+C again to exit" }),
+        /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: " (or press any key to cancel)" })
       ] }),
-      !hideChrome && /* @__PURE__ */ jsx(
+      !signal && !hideChrome && /* @__PURE__ */ jsx(
         Footer,
         {
           agent,

package/dist/components/modes/StaticCLI.cjs

@@ -33,11 +33,12 @@ var import_QueuedMessagesDisplay = require("../chat/QueuedMessagesDisplay.js");
 var import_StatusBar = require("../StatusBar.js");
 var import_HistorySearchBar = require("../HistorySearchBar.js");
 var import_Footer = require("../Footer.js");
+var import_DeckArea = require("../DeckArea.js");
 var import_TodoPanel = require("../TodoPanel.js");
-var import_BackgroundTasksPanel = require("../BackgroundTasksPanel.js");
 var import_InputContainer = require("../../containers/InputContainer.js");
 var import_OverlayContainer = require("../../containers/OverlayContainer.js");
 var import_overlayPresentation = require("../../utils/overlayPresentation.js");
+var import_signal = require("../../signal/index.js");
 const CLEAR_TERMINAL = "\x1B[2J\x1B[3J\x1B[H";
 function StaticCLI({
   agent,
@@ -84,6 +85,7 @@ function StaticCLI({
     // No keyboard scroll handler - let terminal handle scrollback
   });
   const branchName = (0, import_useGitBranch.useGitBranch)();
+  const signal = (0, import_signal.useCaps)().palette === "signal";
   const { write: stdoutWrite } = (0, import_ink.useStdout)();
   const { columns: terminalWidth } = (0, import_useTerminalSize.useTerminalSize)();
   const [staticRemountKey, setStaticRemountKey] = (0, import_react.useState)(0);
@@ -116,13 +118,14 @@ function StaticCLI({
       isInitialMount.current = false;
       return;
     }
+    if (signal) return;
     const handler = setTimeout(() => {
       refreshStatic();
     }, 300);
     return () => {
       clearTimeout(handler);
     };
-  }, [terminalWidth, refreshStatic]);
+  }, [terminalWidth, refreshStatic, signal]);
   (0, import_react.useEffect)(() => {
     if (isInitialShowReasoningMount.current) {
       isInitialShowReasoningMount.current = false;
@@ -162,6 +165,36 @@ function StaticCLI({
     terminalWidth,
     ui.showReasoning
   ]);
+  const inputArea = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_InputContainer.InputContainer,
+    {
+      ref: inputContainerRef,
+      buffer,
+      input,
+      ui,
+      session,
+      initialPrompt,
+      isHydratingHistory,
+      approval,
+      steerMessages,
+      queuedMessages,
+      setInput,
+      setUi,
+      setSession,
+      setMessages,
+      setPendingMessages,
+      setDequeuedBuffer,
+      setSteerMessages,
+      setQueuedMessages,
+      setApproval,
+      setApprovalQueue,
+      setTodos,
+      agent,
+      inputService,
+      useStreaming,
+      configFilePath
+    }
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", width: terminalWidth, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Static, { items: staticItems, children: (item) => item }, staticRemountKey),
     pendingMessages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -187,7 +220,7 @@ function StaticCLI({
         const hideChrome = (0, import_overlayPresentation.shouldHideStatusChrome)(ui.activeOverlay, approval);
         if (hideChrome) return null;
         return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          (!signal || ui.copyModeEnabled) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_StatusBar.StatusBar,
             {
               agent,
@@ -200,16 +233,7 @@ function StaticCLI({
               todoExpanded: ui.todoExpanded,
               hasTodos: todos.some((t) => t.status !== "completed"),
               planModeActive: ui.planModeActive,
-              autoApproveEdits: ui.autoApproveEdits,
-              backgroundTasksRunning: ui.backgroundTasksRunning
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_BackgroundTasksPanel.BackgroundTasksPanel,
-            {
-              tasks: ui.backgroundTasks,
-              isExpanded: ui.backgroundTasksExpanded,
-              isProcessing: ui.isProcessing
+              autoApproveEdits: ui.autoApproveEdits
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -238,36 +262,23 @@ function StaticCLI({
           )
         ] });
       })(),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_InputContainer.InputContainer,
+      signal ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_DeckArea.DeckArea,
         {
-          ref: inputContainerRef,
-          buffer,
-          input,
+          agent,
+          sessionId: session.id,
+          modelName: session.modelName,
           ui,
-          session,
-          initialPrompt,
-          isHydratingHistory,
           approval,
-          steerMessages,
-          queuedMessages,
-          setInput,
-          setUi,
-          setSession,
-          setMessages,
-          setPendingMessages,
-          setDequeuedBuffer,
-          setSteerMessages,
-          setQueuedMessages,
-          setApproval,
-          setApprovalQueue,
-          setTodos,
-          agent,
-          inputService,
-          useStreaming,
-          configFilePath
+          pendingMessages,
+          steerCount: steerMessages.length,
+          branch: branchName ?? null,
+          cwd: process.cwd(),
+          isShellMode: buffer.text.startsWith("!"),
+          chatgptRateLimitStatus: ui.chatgptRateLimitStatus,
+          children: inputArea
         }
-      ),
+      ) : inputArea,
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_OverlayContainer.OverlayContainer,
         {
@@ -291,10 +302,10 @@ function StaticCLI({
         }
       ),
       !(0, import_overlayPresentation.shouldHideStatusChrome)(ui.activeOverlay, approval) && ui.exitWarningShown && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { paddingX: 1, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "yellowBright", bold: true, children: "\u26A0 Press Ctrl+C again to exit" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: " (or press any key to cancel)" })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("amber"), bold: true, children: "\u26A0 Press Ctrl+C again to exit" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: " (or press any key to cancel)" })
       ] }),
-      !(0, import_overlayPresentation.shouldHideStatusChrome)(ui.activeOverlay, approval) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      !signal && !(0, import_overlayPresentation.shouldHideStatusChrome)(ui.activeOverlay, approval) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_Footer.Footer,
         {
           agent,

package/dist/components/modes/StaticCLI.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StaticCLI.d.ts","sourceRoot":"","sources":["../../../src/components/modes/StaticCLI.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAIH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAM9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAsBxD,UAAU,cAAc;IACpB,KAAK,EAAE,eAAe,CAAC;IACvB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,EAAE,WAAW,CAAC;IACzB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,6DAA6D;IAC7D,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,gBAAgB,EAChB,aAAa,EACb,WAAW,EACX,cAAc,EACd,wBAAgC,EAChC,YAAmB,GACtB,EAAE,cAAc,2CA2ShB"}
+{"version":3,"file":"StaticCLI.d.ts","sourceRoot":"","sources":["../../../src/components/modes/StaticCLI.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAIH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAM9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAuBxD,UAAU,cAAc;IACpB,KAAK,EAAE,eAAe,CAAC;IACvB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,EAAE,WAAW,CAAC;IACzB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,6DAA6D;IAC7D,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,gBAAgB,EAChB,aAAa,EACb,WAAW,EACX,cAAc,EACd,wBAAgC,EAChC,YAAmB,GACtB,EAAE,cAAc,2CAiUhB"}

package/dist/components/modes/StaticCLI.js

@@ -11,11 +11,12 @@ import { QUEUE_EDIT_SHORTCUTS, QueuedMessagesDisplay } from "../chat/QueuedMessa
 import { StatusBar } from "../StatusBar.js";
 import { HistorySearchBar } from "../HistorySearchBar.js";
 import { Footer } from "../Footer.js";
+import { DeckArea } from "../DeckArea.js";
 import { TodoPanel } from "../TodoPanel.js";
-import { BackgroundTasksPanel } from "../BackgroundTasksPanel.js";
 import { InputContainer } from "../../containers/InputContainer.js";
 import { OverlayContainer } from "../../containers/OverlayContainer.js";
 import { shouldHideStatusChrome } from "../../utils/overlayPresentation.js";
+import { tone, useCaps } from "../../signal/index.js";
 function StaticCLI({
   agent,
   initialSessionId,
@@ -61,6 +62,7 @@ function StaticCLI({
     // No keyboard scroll handler - let terminal handle scrollback
   });
   const branchName = useGitBranch();
+  const signal = useCaps().palette === "signal";
   const { write: stdoutWrite } = useStdout();
   const { columns: terminalWidth } = useTerminalSize();
   const [staticRemountKey, setStaticRemountKey] = useState(0);
@@ -93,13 +95,14 @@ function StaticCLI({
       isInitialMount.current = false;
       return;
     }
+    if (signal) return;
     const handler = setTimeout(() => {
       refreshStatic();
     }, 300);
     return () => {
       clearTimeout(handler);
     };
-  }, [terminalWidth, refreshStatic]);
+  }, [terminalWidth, refreshStatic, signal]);
   useEffect(() => {
     if (isInitialShowReasoningMount.current) {
       isInitialShowReasoningMount.current = false;
@@ -139,6 +142,36 @@ function StaticCLI({
     terminalWidth,
     ui.showReasoning
   ]);
+  const inputArea = /* @__PURE__ */ jsx(
+    InputContainer,
+    {
+      ref: inputContainerRef,
+      buffer,
+      input,
+      ui,
+      session,
+      initialPrompt,
+      isHydratingHistory,
+      approval,
+      steerMessages,
+      queuedMessages,
+      setInput,
+      setUi,
+      setSession,
+      setMessages,
+      setPendingMessages,
+      setDequeuedBuffer,
+      setSteerMessages,
+      setQueuedMessages,
+      setApproval,
+      setApprovalQueue,
+      setTodos,
+      agent,
+      inputService,
+      useStreaming,
+      configFilePath
+    }
+  );
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", width: terminalWidth, children: [
     /* @__PURE__ */ jsx(Static, { items: staticItems, children: (item) => item }, staticRemountKey),
     pendingMessages.map((message) => /* @__PURE__ */ jsx(
@@ -164,7 +197,7 @@ function StaticCLI({
         const hideChrome = shouldHideStatusChrome(ui.activeOverlay, approval);
         if (hideChrome) return null;
         return /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
+          (!signal || ui.copyModeEnabled) && /* @__PURE__ */ jsx(
             StatusBar,
             {
               agent,
@@ -177,16 +210,7 @@ function StaticCLI({
               todoExpanded: ui.todoExpanded,
               hasTodos: todos.some((t) => t.status !== "completed"),
               planModeActive: ui.planModeActive,
-              autoApproveEdits: ui.autoApproveEdits,
-              backgroundTasksRunning: ui.backgroundTasksRunning
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            BackgroundTasksPanel,
-            {
-              tasks: ui.backgroundTasks,
-              isExpanded: ui.backgroundTasksExpanded,
-              isProcessing: ui.isProcessing
+              autoApproveEdits: ui.autoApproveEdits
             }
           ),
           /* @__PURE__ */ jsx(
@@ -215,36 +239,23 @@ function StaticCLI({
           )
         ] });
       })(),
-      /* @__PURE__ */ jsx(
-        InputContainer,
+      signal ? /* @__PURE__ */ jsx(
+        DeckArea,
         {
-          ref: inputContainerRef,
-          buffer,
-          input,
+          agent,
+          sessionId: session.id,
+          modelName: session.modelName,
           ui,
-          session,
-          initialPrompt,
-          isHydratingHistory,
           approval,
-          steerMessages,
-          queuedMessages,
-          setInput,
-          setUi,
-          setSession,
-          setMessages,
-          setPendingMessages,
-          setDequeuedBuffer,
-          setSteerMessages,
-          setQueuedMessages,
-          setApproval,
-          setApprovalQueue,
-          setTodos,
-          agent,
-          inputService,
-          useStreaming,
-          configFilePath
+          pendingMessages,
+          steerCount: steerMessages.length,
+          branch: branchName ?? null,
+          cwd: process.cwd(),
+          isShellMode: buffer.text.startsWith("!"),
+          chatgptRateLimitStatus: ui.chatgptRateLimitStatus,
+          children: inputArea
         }
-      ),
+      ) : inputArea,
       /* @__PURE__ */ jsx(
         OverlayContainer,
         {
@@ -268,10 +279,10 @@ function StaticCLI({
         }
       ),
       !shouldHideStatusChrome(ui.activeOverlay, approval) && ui.exitWarningShown && /* @__PURE__ */ jsxs(Box, { paddingX: 1, children: [
-        /* @__PURE__ */ jsx(Text, { color: "yellowBright", bold: true, children: "\u26A0 Press Ctrl+C again to exit" }),
-        /* @__PURE__ */ jsx(Text, { color: "gray", children: " (or press any key to cancel)" })
+        /* @__PURE__ */ jsx(Text, { color: tone("amber"), bold: true, children: "\u26A0 Press Ctrl+C again to exit" }),
+        /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: " (or press any key to cancel)" })
       ] }),
-      !shouldHideStatusChrome(ui.activeOverlay, approval) && /* @__PURE__ */ jsx(
+      !signal && !shouldHideStatusChrome(ui.activeOverlay, approval) && /* @__PURE__ */ jsx(
         Footer,
         {
           agent,

package/dist/components/overlays/ApiKeyInput.cjs

@@ -27,6 +27,7 @@ var import_ink = require("ink");
 var import_agent_management = require("@dexto/agent-management");
 var import_host = require("../../host/index.js");
 var import_host2 = require("../../host/index.js");
+var import_signal = require("../../signal/index.js");
 const ApiKeyInput = (0, import_react.forwardRef)(function ApiKeyInput2({ isVisible, provider, onSaved, onClose }, ref) {
   const [apiKey, setApiKey] = (0, import_react.useState)("");
   const [error, setError] = (0, import_react.useState)(null);
@@ -97,19 +98,19 @@ const ApiKeyInput = (0, import_react.forwardRef)(function ApiKeyInput2({ isVisib
     {
       flexDirection: "column",
       borderStyle: "round",
-      borderColor: "cyan",
+      borderColor: (0, import_signal.tone)("teal"),
       paddingX: 1,
       marginTop: 1,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { bold: true, color: "cyan", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { bold: true, color: (0, import_signal.tone)("teal"), children: [
           "API Key Required for ",
           providerName
         ] }) }),
-        instructions && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: instructions.content }) }),
+        instructions && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: instructions.content }) }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { marginBottom: 1, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "This key will be saved to " }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "yellowBright", children: envVar }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: " in your .env file" })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: "This key will be saved to " }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("amber"), children: envVar }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: " in your .env file" })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { flexDirection: "column", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { bold: true, children: [
           "Enter your ",
@@ -117,13 +118,13 @@ const ApiKeyInput = (0, import_react.forwardRef)(function ApiKeyInput2({ isVisib
           " API key:"
         ] }) }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { marginTop: 1, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "cyan", children: "> " }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("teal"), children: "> " }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: maskedKey }),
-          !isSaving && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "cyan", children: "_" })
+          !isSaving && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("teal"), children: "_" })
         ] }),
-        isSaving && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "yellowBright", children: "Saving API key..." }) }),
-        error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "red", children: error }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "Enter to save \u2022 Esc to cancel" }) })
+        isSaving && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("amber"), children: "Saving API key..." }) }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("red"), children: error }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: "Enter to save \u2022 Esc to cancel" }) })
       ]
     }
   );

package/dist/components/overlays/ApiKeyInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiKeyInput.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/ApiKeyInput.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAA4E,MAAM,OAAO,CAAC;AAEjG,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAS9C,MAAM,WAAW,gBAAgB;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,WAAW,CAAC;IACtB,OAAO,EAAE,CAAC,IAAI,EAAE;QAAE,QAAQ,EAAE,WAAW,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAC9B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAED;;;GAGG;AACH,QAAA,MAAM,WAAW,4FA+Jf,CAAC;AAEH,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ApiKeyInput.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/ApiKeyInput.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAA4E,MAAM,OAAO,CAAC;AAEjG,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAU9C,MAAM,WAAW,gBAAgB;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,WAAW,CAAC;IACtB,OAAO,EAAE,CAAC,IAAI,EAAE;QAAE,QAAQ,EAAE,WAAW,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAC9B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAED;;;GAGG;AACH,QAAA,MAAM,WAAW,4FA+Jf,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/dist/components/overlays/ApiKeyInput.js

@@ -8,6 +8,7 @@ import {
   isValidApiKeyFormat,
   getProviderInstructions
 } from "../../host/index.js";
+import { tone } from "../../signal/index.js";
 const ApiKeyInput = forwardRef(function ApiKeyInput2({ isVisible, provider, onSaved, onClose }, ref) {
   const [apiKey, setApiKey] = useState("");
   const [error, setError] = useState(null);
@@ -78,19 +79,19 @@ const ApiKeyInput = forwardRef(function ApiKeyInput2({ isVisible, provider, onSa
     {
       flexDirection: "column",
       borderStyle: "round",
-      borderColor: "cyan",
+      borderColor: tone("teal"),
       paddingX: 1,
       marginTop: 1,
       children: [
-        /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsxs(Text, { bold: true, color: "cyan", children: [
+        /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsxs(Text, { bold: true, color: tone("teal"), children: [
           "API Key Required for ",
           providerName
         ] }) }),
-        instructions && /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: instructions.content }) }),
+        instructions && /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: instructions.content }) }),
         /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
-          /* @__PURE__ */ jsx(Text, { color: "gray", children: "This key will be saved to " }),
-          /* @__PURE__ */ jsx(Text, { color: "yellowBright", children: envVar }),
-          /* @__PURE__ */ jsx(Text, { color: "gray", children: " in your .env file" })
+          /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "This key will be saved to " }),
+          /* @__PURE__ */ jsx(Text, { color: tone("amber"), children: envVar }),
+          /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: " in your .env file" })
         ] }),
         /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: /* @__PURE__ */ jsxs(Text, { bold: true, children: [
           "Enter your ",
@@ -98,13 +99,13 @@ const ApiKeyInput = forwardRef(function ApiKeyInput2({ isVisible, provider, onSa
           " API key:"
         ] }) }),
         /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
-          /* @__PURE__ */ jsx(Text, { color: "cyan", children: "> " }),
+          /* @__PURE__ */ jsx(Text, { color: tone("teal"), children: "> " }),
           /* @__PURE__ */ jsx(Text, { children: maskedKey }),
-          !isSaving && /* @__PURE__ */ jsx(Text, { color: "cyan", children: "_" })
+          !isSaving && /* @__PURE__ */ jsx(Text, { color: tone("teal"), children: "_" })
         ] }),
-        isSaving && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "yellowBright", children: "Saving API key..." }) }),
-        error && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "red", children: error }) }),
-        /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "Enter to save \u2022 Esc to cancel" }) })
+        isSaving && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("amber"), children: "Saving API key..." }) }),
+        error && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("red"), children: error }) }),
+        /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "Enter to save \u2022 Esc to cancel" }) })
       ]
     }
   );

package/dist/components/overlays/ChatGPTUsageCapOverlay.cjs

@@ -25,6 +25,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ink = require("ink");
 var import_chatgpt_rate_limit = require("../../utils/chatgpt-rate-limit.js");
+var import_signal = require("../../signal/index.js");
 const ChatGPTUsageCapOverlay = (0, import_react.forwardRef)(function ChatGPTUsageCapOverlay2({
   isVisible,
   currentModelDisplayName,
@@ -64,25 +65,25 @@ const ChatGPTUsageCapOverlay = (0, import_react.forwardRef)(function ChatGPTUsag
     {
       flexDirection: "column",
       borderStyle: "round",
-      borderColor: "yellow",
+      borderColor: (0, import_signal.tone)("amberDim"),
       paddingX: 1,
       marginTop: 1,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { bold: true, color: "yellowBright", children: "ChatGPT usage cap reached" }) }),
-        status && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: (0, import_chatgpt_rate_limit.getChatGPTRateLimitHint)(status) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { bold: true, color: (0, import_signal.tone)("amber"), children: "ChatGPT usage cap reached" }) }),
+        status && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: (0, import_chatgpt_rate_limit.getChatGPTRateLimitHint)(status) }) }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", marginBottom: 1, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
             currentModelDisplayName,
             " is currently running through ChatGPT Login."
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: actionLabel })
         ] }),
-        usedDefaultFallback && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+        usedDefaultFallback && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
           "The current ChatGPT model is not available through the OpenAI API path, so Dexto will use ",
           fallbackModelDisplayName,
           " for this session."
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "Enter to continue \u2022 Esc to dismiss" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: "Enter to continue \u2022 Esc to dismiss" }) })
       ]
     }
   );