@dexto/tui 1.14.6 → 1.15.0-beta.1

package/dist/components/overlays/PromptDeleteSelector.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_BaseSelector = require("../base/BaseSelector.js");
+var import_signal = require("../../signal/index.js");
 function isSharedPrompt(prompt) {
   const metadata = prompt.metadata;
   if (metadata?.filePath) {
@@ -101,10 +102,10 @@ const PromptDeleteSelector = (0, import_react.forwardRef)(
     const formatItem = (item, isSelected) => {
       const displayName = item.prompt.displayName || item.prompt.name;
       const sourceLabel = item.sourceType === "shared" ? "shared" : "config";
-      const sourceColor = item.sourceType === "shared" ? "magenta" : "blue";
+      const sourceColor = item.sourceType === "shared" ? (0, import_signal.tone)("faint") : (0, import_signal.tone)("fg");
       return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "red" : "white", bold: isSelected, children: displayName }),
-        item.prompt.title && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? (0, import_signal.tone)("red") : (0, import_signal.tone)("hi"), bold: isSelected, children: displayName }),
+        item.prompt.title && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
           " - ",
           item.prompt.title
         ] }),
@@ -136,12 +137,12 @@ const PromptDeleteSelector = (0, import_react.forwardRef)(
           onClose,
           formatItem,
           title: "Delete Prompt",
-          borderColor: "red",
+          borderColor: (0, import_signal.tone)("red"),
           emptyMessage,
           maxVisibleItems: 10
         }
       ),
-      isVisible && !isLoading && items.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", italic: true, children: "Note: MCP prompts cannot be deleted (they come from servers)" }) })
+      isVisible && !isLoading && items.length > 0 && /* @__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"), italic: true, children: "Note: MCP prompts cannot be deleted (they come from servers)" }) })
     ] });
   }
 );

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

@@ -1 +1 @@
-{"version":3,"file":"PromptDeleteSelector.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/PromptDeleteSelector.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAON,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE9D,MAAM,WAAW,eAAe;IAC5B,MAAM,EAAE,UAAU,CAAC;IACnB,UAAU,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC;AAED,UAAU,yBAAyB;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,eAAe,CAAC;CAC1B;AAED,MAAM,WAAW,0BAA0B;IACvC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAwBD;;GAEG;AACH,QAAA,MAAM,oBAAoB,8GA4IzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"PromptDeleteSelector.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/PromptDeleteSelector.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAON,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAG9D,MAAM,WAAW,eAAe;IAC5B,MAAM,EAAE,UAAU,CAAC;IACnB,UAAU,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC;AAED,UAAU,yBAAyB;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,eAAe,CAAC;CAC1B;AAED,MAAM,WAAW,0BAA0B;IACvC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAwBD;;GAEG;AACH,QAAA,MAAM,oBAAoB,8GA4IzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/overlays/PromptDeleteSelector.js

@@ -9,6 +9,7 @@ import {
 } from "react";
 import { Box, Text } from "ink";
 import { BaseSelector } from "../base/BaseSelector.js";
+import { tone } from "../../signal/index.js";
 function isSharedPrompt(prompt) {
   const metadata = prompt.metadata;
   if (metadata?.filePath) {
@@ -85,10 +86,10 @@ const PromptDeleteSelector = forwardRef(
     const formatItem = (item, isSelected) => {
       const displayName = item.prompt.displayName || item.prompt.name;
       const sourceLabel = item.sourceType === "shared" ? "shared" : "config";
-      const sourceColor = item.sourceType === "shared" ? "magenta" : "blue";
+      const sourceColor = item.sourceType === "shared" ? tone("faint") : tone("fg");
       return /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx(Text, { color: isSelected ? "red" : "white", bold: isSelected, children: displayName }),
-        item.prompt.title && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+        /* @__PURE__ */ jsx(Text, { color: isSelected ? tone("red") : tone("hi"), bold: isSelected, children: displayName }),
+        item.prompt.title && /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
           " - ",
           item.prompt.title
         ] }),
@@ -120,12 +121,12 @@ const PromptDeleteSelector = forwardRef(
           onClose,
           formatItem,
           title: "Delete Prompt",
-          borderColor: "red",
+          borderColor: tone("red"),
           emptyMessage,
           maxVisibleItems: 10
         }
       ),
-      isVisible && !isLoading && items.length > 0 && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", italic: true, children: "Note: MCP prompts cannot be deleted (they come from servers)" }) })
+      isVisible && !isLoading && items.length > 0 && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), italic: true, children: "Note: MCP prompts cannot be deleted (they come from servers)" }) })
     ] });
   }
 );

package/dist/components/overlays/PromptList.cjs

@@ -25,16 +25,17 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ink = require("ink");
 var import_BaseSelector = require("../base/BaseSelector.js");
+var import_signal = require("../../signal/index.js");
 function getSourceIndicator(source) {
   switch (source) {
     case "config":
-      return { icon: "\u{1F4C4}", label: "config", color: "blue" };
+      return { icon: "\u{1F4C4}", label: "config", color: (0, import_signal.tone)("fg") };
     case "custom":
-      return { icon: "\u2728", label: "custom", color: "magenta" };
+      return { icon: "\u2728", label: "custom", color: (0, import_signal.tone)("faint") };
     case "mcp":
-      return { icon: "\u{1F50C}", label: "mcp", color: "green" };
+      return { icon: "\u{1F50C}", label: "mcp", color: (0, import_signal.tone)("add") };
     default:
-      return { icon: "\u{1F4DD}", label: source, color: "gray" };
+      return { icon: "\u{1F4DD}", label: source, color: (0, import_signal.tone)("dim") };
   }
 }
 function isSharedPrompt(prompt) {
@@ -105,10 +106,10 @@ const PromptList = (0, import_react.forwardRef)(function PromptList2({ isVisible
   }, [prompts]);
   const formatItem = (item, isSelected) => {
     if (item.type === "add") {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "green" : "gray", bold: isSelected, children: "+ Add new prompt" }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? (0, import_signal.tone)("add") : (0, import_signal.tone)("dim"), bold: isSelected, children: "+ Add new prompt" }) });
     }
     if (item.type === "delete") {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "red" : "gray", bold: isSelected, children: "- Delete a prompt" }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? (0, import_signal.tone)("red") : (0, import_signal.tone)("dim"), bold: isSelected, children: "- Delete a prompt" }) });
     }
     const prompt = item.prompt;
     const displayName = prompt.displayName || prompt.name;
@@ -118,8 +119,8 @@ const PromptList = (0, import_react.forwardRef)(function PromptList2({ isVisible
     const isShared = isSharedPrompt(prompt);
     const sourceLabel = isShared ? "shared" : sourceInfo.label;
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "cyan" : "white", bold: isSelected, children: displayName }),
-      prompt.title && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? (0, import_signal.tone)("teal") : (0, import_signal.tone)("hi"), bold: isSelected, children: displayName }),
+      prompt.title && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
         " - ",
         prompt.title
       ] }),
@@ -160,7 +161,7 @@ const PromptList = (0, import_react.forwardRef)(function PromptList2({ isVisible
       onTab: handleTab,
       supportsTab: true,
       title: "Prompts",
-      borderColor: "yellowBright",
+      borderColor: (0, import_signal.tone)("amber"),
       emptyMessage: "No prompts configured",
       maxVisibleItems: 12
     }

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

@@ -1 +1 @@
-{"version":3,"file":"PromptList.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/PromptList.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAQN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE9D,MAAM,MAAM,gBAAgB,GACtB;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,MAAM,EAAE,UAAU,CAAA;CAAE,GAC7C;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,GACtB;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,CAAC;AAEhC,UAAU,eAAe;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,eAAe,CAAC;CAC1B;AAED,MAAM,WAAW,gBAAgB;IAC7B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAuCD;;GAEG;AACH,QAAA,MAAM,UAAU,0FAgKd,CAAC;AAEH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"PromptList.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/PromptList.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAQN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAG9D,MAAM,MAAM,gBAAgB,GACtB;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,MAAM,EAAE,UAAU,CAAA;CAAE,GAC7C;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,GACtB;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,CAAC;AAEhC,UAAU,eAAe;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,eAAe,CAAC;CAC1B;AAED,MAAM,WAAW,gBAAgB;IAC7B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAuCD;;GAEG;AACH,QAAA,MAAM,UAAU,0FAgKd,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/dist/components/overlays/PromptList.js

@@ -10,16 +10,17 @@ import {
 } from "react";
 import { Box, Text } from "ink";
 import { BaseSelector } from "../base/BaseSelector.js";
+import { tone } from "../../signal/index.js";
 function getSourceIndicator(source) {
   switch (source) {
     case "config":
-      return { icon: "\u{1F4C4}", label: "config", color: "blue" };
+      return { icon: "\u{1F4C4}", label: "config", color: tone("fg") };
     case "custom":
-      return { icon: "\u2728", label: "custom", color: "magenta" };
+      return { icon: "\u2728", label: "custom", color: tone("faint") };
     case "mcp":
-      return { icon: "\u{1F50C}", label: "mcp", color: "green" };
+      return { icon: "\u{1F50C}", label: "mcp", color: tone("add") };
     default:
-      return { icon: "\u{1F4DD}", label: source, color: "gray" };
+      return { icon: "\u{1F4DD}", label: source, color: tone("dim") };
   }
 }
 function isSharedPrompt(prompt) {
@@ -90,10 +91,10 @@ const PromptList = forwardRef(function PromptList2({ isVisible, onAction, onLoad
   }, [prompts]);
   const formatItem = (item, isSelected) => {
     if (item.type === "add") {
-      return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { color: isSelected ? "green" : "gray", bold: isSelected, children: "+ Add new prompt" }) });
+      return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { color: isSelected ? tone("add") : tone("dim"), bold: isSelected, children: "+ Add new prompt" }) });
     }
     if (item.type === "delete") {
-      return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { color: isSelected ? "red" : "gray", bold: isSelected, children: "- Delete a prompt" }) });
+      return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { color: isSelected ? tone("red") : tone("dim"), bold: isSelected, children: "- Delete a prompt" }) });
     }
     const prompt = item.prompt;
     const displayName = prompt.displayName || prompt.name;
@@ -103,8 +104,8 @@ const PromptList = forwardRef(function PromptList2({ isVisible, onAction, onLoad
     const isShared = isSharedPrompt(prompt);
     const sourceLabel = isShared ? "shared" : sourceInfo.label;
     return /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Text, { color: isSelected ? "cyan" : "white", bold: isSelected, children: displayName }),
-      prompt.title && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+      /* @__PURE__ */ jsx(Text, { color: isSelected ? tone("teal") : tone("hi"), bold: isSelected, children: displayName }),
+      prompt.title && /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
         " - ",
         prompt.title
       ] }),
@@ -145,7 +146,7 @@ const PromptList = forwardRef(function PromptList2({ isVisible, onAction, onLoad
       onTab: handleTab,
       supportsTab: true,
       title: "Prompts",
-      borderColor: "yellowBright",
+      borderColor: tone("amber"),
       emptyMessage: "No prompts configured",
       maxVisibleItems: 12
     }

package/dist/components/overlays/ReasoningOverlay.cjs

@@ -36,6 +36,7 @@ var import_react = __toESM(require("react"), 1);
 var import_ink = require("ink");
 var import_llm = require("@dexto/llm");
 var import_llm_provider_display = require("../../utils/llm-provider-display.js");
+var import_signal = require("../../signal/index.js");
 const ReasoningOverlay = import_react.default.forwardRef(
   function ReasoningOverlay2({
     isVisible,
@@ -222,53 +223,53 @@ const ReasoningOverlay = import_react.default.forwardRef(
       {
         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.jsx)(import_ink.Text, { bold: true, color: "cyan", children: "Reasoning" }) }),
+          /* @__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)("teal"), children: "Reasoning" }) }),
           /* @__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: [
               "Model: ",
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "white", children: modelLabel }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("hi"), children: modelLabel }),
               " ",
-              /* @__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: [
                 "(",
                 providerLabel,
                 ")"
               ] })
             ] }),
-            /* @__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: [
               "Variant: ",
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "white", children: currentVariant }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("hi"), children: currentVariant }),
               " ",
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "(Tab cycles)" })
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: "(Tab cycles)" })
             ] }),
-            /* @__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: [
               "Visible: ",
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "white", children: showReasoning ? "on" : "off" })
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("hi"), children: showReasoning ? "on" : "off" })
             ] }),
-            /* @__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: [
               "Budget tokens:",
               " ",
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "white", children: support.supportsBudgetTokens ? typeof currentBudgetTokens === "number" ? String(currentBudgetTokens) : "none" : "not supported" })
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("hi"), children: support.supportsBudgetTokens ? typeof currentBudgetTokens === "number" ? String(currentBudgetTokens) : "none" : "not supported" })
             ] }),
-            /* @__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: [
               "Supported variants:",
               " ",
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "white", children: support.supportedVariants.join(", ") })
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("hi"), children: support.supportedVariants.join(", ") })
             ] })
           ] }),
           mode === "budget-input" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { bold: true, children: "Enter budget tokens:" }),
             /* @__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: budgetInput }),
-              !isSavingRef.current && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "cyan", children: "_" })
+              !isSavingRef.current && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("teal"), children: "_" })
             ] }),
-            /* @__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" }) })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { flexDirection: "column", children: menuItems.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "No reasoning options available for this model." }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "cyan", bold: true, children: [
+            /* @__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" }) })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { flexDirection: "column", children: menuItems.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: "No reasoning options available for this model." }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("teal"), bold: true, children: [
               "Options (",
               selectedIndex + 1,
               "/",
@@ -278,22 +279,28 @@ const ReasoningOverlay = import_react.default.forwardRef(
             menuItems.map((item, idx) => {
               const isSelected = idx === selectedIndex;
               return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "row", marginTop: 0, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { width: 2, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "cyan" : "gray", children: isSelected ? ">" : " " }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { width: 2, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_ink.Text,
+                  {
+                    color: isSelected ? (0, import_signal.tone)("teal") : (0, import_signal.tone)("dim"),
+                    children: isSelected ? ">" : " "
+                  }
+                ) }),
                 /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                     import_ink.Text,
                     {
-                      color: isSelected ? "cyan" : "gray",
+                      color: isSelected ? (0, import_signal.tone)("teal") : (0, import_signal.tone)("dim"),
                       bold: isSelected,
                       children: item.label
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: item.description })
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: item.description })
                 ] })
               ] }, item.id);
             })
           ] }) }),
-          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 }) })
+          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 }) })
         ]
       }
     );

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

@@ -1 +1 @@
-{"version":3,"file":"ReasoningOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/ReasoningOverlay.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAON,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAG/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE9D,MAAM,WAAW,sBAAsB;IACnC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAED,UAAU,qBAAqB;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,eAAe,CAAC;IACvB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,iBAAiB,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACvE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAOD,eAAO,MAAM,gBAAgB,sGAwT5B,CAAC"}
+{"version":3,"file":"ReasoningOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/ReasoningOverlay.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAON,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAG/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAG9D,MAAM,WAAW,sBAAsB;IACnC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAED,UAAU,qBAAqB;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,eAAe,CAAC;IACvB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,iBAAiB,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACvE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAOD,eAAO,MAAM,gBAAgB,sGA4T5B,CAAC"}

package/dist/components/overlays/ReasoningOverlay.js

@@ -10,6 +10,7 @@ import React, {
 import { Box, Text } from "ink";
 import { getModelDisplayName, getReasoningProfile } from "@dexto/llm";
 import { getLLMProviderDisplayName } from "../../utils/llm-provider-display.js";
+import { tone } from "../../signal/index.js";
 const ReasoningOverlay = React.forwardRef(
   function ReasoningOverlay2({
     isVisible,
@@ -196,53 +197,53 @@ const ReasoningOverlay = React.forwardRef(
       {
         flexDirection: "column",
         borderStyle: "round",
-        borderColor: "cyan",
+        borderColor: tone("teal"),
         paddingX: 1,
         marginTop: 1,
         children: [
-          /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "Reasoning" }) }),
+          /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { bold: true, color: tone("teal"), children: "Reasoning" }) }),
           /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
-            /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+            /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
               "Model: ",
-              /* @__PURE__ */ jsx(Text, { color: "white", children: modelLabel }),
+              /* @__PURE__ */ jsx(Text, { color: tone("hi"), children: modelLabel }),
               " ",
-              /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+              /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
                 "(",
                 providerLabel,
                 ")"
               ] })
             ] }),
-            /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+            /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
               "Variant: ",
-              /* @__PURE__ */ jsx(Text, { color: "white", children: currentVariant }),
+              /* @__PURE__ */ jsx(Text, { color: tone("hi"), children: currentVariant }),
               " ",
-              /* @__PURE__ */ jsx(Text, { color: "gray", children: "(Tab cycles)" })
+              /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "(Tab cycles)" })
             ] }),
-            /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+            /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
               "Visible: ",
-              /* @__PURE__ */ jsx(Text, { color: "white", children: showReasoning ? "on" : "off" })
+              /* @__PURE__ */ jsx(Text, { color: tone("hi"), children: showReasoning ? "on" : "off" })
             ] }),
-            /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+            /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
               "Budget tokens:",
               " ",
-              /* @__PURE__ */ jsx(Text, { color: "white", children: support.supportsBudgetTokens ? typeof currentBudgetTokens === "number" ? String(currentBudgetTokens) : "none" : "not supported" })
+              /* @__PURE__ */ jsx(Text, { color: tone("hi"), children: support.supportsBudgetTokens ? typeof currentBudgetTokens === "number" ? String(currentBudgetTokens) : "none" : "not supported" })
             ] }),
-            /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+            /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
               "Supported variants:",
               " ",
-              /* @__PURE__ */ jsx(Text, { color: "white", children: support.supportedVariants.join(", ") })
+              /* @__PURE__ */ jsx(Text, { color: tone("hi"), children: support.supportedVariants.join(", ") })
             ] })
           ] }),
           mode === "budget-input" ? /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
             /* @__PURE__ */ jsx(Text, { bold: true, children: "Enter budget tokens:" }),
             /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
-              /* @__PURE__ */ jsx(Text, { color: "cyan", children: "> " }),
+              /* @__PURE__ */ jsx(Text, { color: tone("teal"), children: "> " }),
               /* @__PURE__ */ jsx(Text, { children: budgetInput }),
-              !isSavingRef.current && /* @__PURE__ */ jsx(Text, { color: "cyan", children: "_" })
+              !isSavingRef.current && /* @__PURE__ */ jsx(Text, { color: tone("teal"), children: "_" })
             ] }),
-            /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "Enter to save \u2022 Esc to cancel" }) })
-          ] }) : /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: menuItems.length === 0 ? /* @__PURE__ */ jsx(Text, { color: "gray", children: "No reasoning options available for this model." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs(Text, { color: "cyan", bold: true, children: [
+            /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "Enter to save \u2022 Esc to cancel" }) })
+          ] }) : /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: menuItems.length === 0 ? /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "No reasoning options available for this model." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs(Text, { color: tone("teal"), bold: true, children: [
               "Options (",
               selectedIndex + 1,
               "/",
@@ -252,22 +253,28 @@ const ReasoningOverlay = React.forwardRef(
             menuItems.map((item, idx) => {
               const isSelected = idx === selectedIndex;
               return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", marginTop: 0, children: [
-                /* @__PURE__ */ jsx(Box, { width: 2, children: /* @__PURE__ */ jsx(Text, { color: isSelected ? "cyan" : "gray", children: isSelected ? ">" : " " }) }),
+                /* @__PURE__ */ jsx(Box, { width: 2, children: /* @__PURE__ */ jsx(
+                  Text,
+                  {
+                    color: isSelected ? tone("teal") : tone("dim"),
+                    children: isSelected ? ">" : " "
+                  }
+                ) }),
                 /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
                   /* @__PURE__ */ jsx(
                     Text,
                     {
-                      color: isSelected ? "cyan" : "gray",
+                      color: isSelected ? tone("teal") : tone("dim"),
                       bold: isSelected,
                       children: item.label
                     }
                   ),
-                  /* @__PURE__ */ jsx(Text, { color: "gray", children: item.description })
+                  /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: item.description })
                 ] })
               ] }, item.id);
             })
           ] }) }),
-          error && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "red", children: error }) })
+          error && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("red"), children: error }) })
         ]
       }
     );

package/dist/components/overlays/SearchOverlay.cjs

@@ -24,6 +24,7 @@ module.exports = __toCommonJS(SearchOverlay_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ink = require("ink");
+var import_signal = require("../../signal/index.js");
 const MAX_VISIBLE_RESULTS = 6;
 const SEARCH_DEBOUNCE_MS = 300;
 const SearchOverlay = (0, import_react.forwardRef)(function SearchOverlay2({ isVisible, onClose, onSelectResult, agent }, ref) {
@@ -168,10 +169,10 @@ const SearchOverlay = (0, import_react.forwardRef)(function SearchOverlay2({ isV
     scrollOffset.current,
     scrollOffset.current + MAX_VISIBLE_RESULTS
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", borderStyle: "round", borderColor: (0, import_signal.tone)("teal"), paddingX: 1, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { marginBottom: 1, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { bold: true, color: "cyan", children: "Search Messages" }),
-      state.total > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { bold: true, color: (0, import_signal.tone)("teal"), children: "Search Messages" }),
+      state.total > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
         " ",
         "(",
         state.total,
@@ -181,17 +182,17 @@ const SearchOverlay = (0, import_react.forwardRef)(function SearchOverlay2({ isV
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { 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: state.query }),
-      /* @__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: "_" })
     ] }),
-    state.isLoading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "yellowBright", children: "Searching..." }) }),
-    state.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: state.error }) }),
+    state.isLoading && /* @__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: "Searching..." }) }),
+    state.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: state.error }) }),
     !state.isLoading && state.results.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", marginTop: 1, children: [
       visibleResults.map((result, idx) => {
         const actualIndex = scrollOffset.current + idx;
         const isSelected = actualIndex === state.selectedIndex;
-        const roleColor = result.message.role === "user" ? "blue" : result.message.role === "assistant" ? "green" : "yellowBright";
+        const roleColor = result.message.role === "user" ? (0, import_signal.tone)("fg") : result.message.role === "assistant" ? (0, import_signal.tone)("add") : (0, import_signal.tone)("amber");
         return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
           import_ink.Box,
           {
@@ -199,8 +200,8 @@ const SearchOverlay = (0, import_react.forwardRef)(function SearchOverlay2({ isV
             paddingLeft: isSelected ? 0 : 2,
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
-                isSelected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "cyan", bold: true, children: "> " }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: result.sessionId.slice(0, 8) }),
+                isSelected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("teal"), bold: true, children: "> " }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: result.sessionId.slice(0, 8) }),
                 /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: " " }),
                 /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: roleColor, bold: isSelected, children: [
                   "[",
@@ -208,7 +209,7 @@ const SearchOverlay = (0, import_react.forwardRef)(function SearchOverlay2({ isV
                   "]"
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { paddingLeft: isSelected ? 2 : 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: isSelected ? "white" : "gray", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { paddingLeft: isSelected ? 2 : 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: isSelected ? (0, import_signal.tone)("hi") : (0, import_signal.tone)("dim"), children: [
                 "  ",
                 truncateContext(result.context, 60)
               ] }) })
@@ -217,7 +218,7 @@ const SearchOverlay = (0, import_react.forwardRef)(function SearchOverlay2({ isV
           `${result.sessionId}-${result.messageIndex}`
         );
       }),
-      state.results.length > MAX_VISIBLE_RESULTS && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+      state.results.length > MAX_VISIBLE_RESULTS && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
         "Showing ",
         scrollOffset.current + 1,
         "-",
@@ -231,12 +232,12 @@ const SearchOverlay = (0, import_react.forwardRef)(function SearchOverlay2({ isV
         state.hasMore ? "+" : ""
       ] }) })
     ] }),
-    !state.isLoading && state.query && state.results.length === 0 && !state.error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+    !state.isLoading && state.query && state.results.length === 0 && !state.error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
       'No results found for "',
       state.query,
       '"'
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "\u2191\u2193 navigate \u2022 Enter select \u2022 Esc close" }) })
+    /* @__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: "\u2191\u2193 navigate \u2022 Enter select \u2022 Esc close" }) })
   ] });
 });
 function truncateContext(context, maxLength) {

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

@@ -1 +1 @@
-{"version":3,"file":"SearchOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/SearchOverlay.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAON,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE9D,MAAM,WAAW,kBAAkB;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD,KAAK,EAAE,eAAe,CAAC;CAC1B;AAED,MAAM,WAAW,mBAAmB;IAChC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAeD;;GAEG;AACH,QAAA,MAAM,aAAa,gGAqSjB,CAAC;AAcH,eAAe,aAAa,CAAC"}
+{"version":3,"file":"SearchOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/SearchOverlay.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAON,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAG9D,MAAM,WAAW,kBAAkB;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD,KAAK,EAAE,eAAe,CAAC;CAC1B;AAED,MAAM,WAAW,mBAAmB;IAChC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAeD;;GAEG;AACH,QAAA,MAAM,aAAa,gGAqSjB,CAAC;AAcH,eAAe,aAAa,CAAC"}