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

package/dist/components/overlays/custom-model-wizard/LocalModelWizard.js

@@ -24,6 +24,7 @@ import {
   isNodeLlamaCppInstalled
 } from "@dexto/core";
 import { SetupInfoBanner } from "./shared/index.js";
+import { tone } from "../../../signal/index.js";
 const MAX_VISIBLE_ITEMS = 8;
 const LocalModelWizard = forwardRef(
   function LocalModelWizard2({ isVisible, onComplete, onClose }, ref) {
@@ -489,34 +490,40 @@ const LocalModelWizard = forwardRef(
         {
           flexDirection: "column",
           borderStyle: "round",
-          borderColor: "yellow",
+          borderColor: tone("amberDim"),
           paddingX: 1,
           marginTop: 1,
           children: [
-            /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { bold: true, color: "yellow", children: "Dependency Required" }) }),
+            /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { bold: true, color: tone("amberDim"), children: "Dependency Required" }) }),
             /* @__PURE__ */ jsx(Text, { children: "Local model execution requires node-llama-cpp." }),
-            /* @__PURE__ */ jsx(Text, { color: "gray", children: "This will compile native bindings for your system." }),
+            /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "This will compile native bindings for your system." }),
             isInstallingNodeLlama ? /* @__PURE__ */ jsxs(Box, { marginTop: 1, flexDirection: "column", children: [
-              /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { color: "cyan", children: [
+              /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { color: tone("teal"), children: [
                 BRAILLE_SPINNER_FRAMES[installSpinnerFrame],
                 " Installing node-llama-cpp (compiling native bindings)..."
               ] }) }),
-              /* @__PURE__ */ jsx(Text, { color: "gray", children: "This may take 1-2 minutes." })
+              /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "This may take 1-2 minutes." })
             ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(Box, { marginTop: 1, marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { children: "Install node-llama-cpp now?" }) }),
               options.map((option, idx) => /* @__PURE__ */ jsxs(Box, { children: [
-                /* @__PURE__ */ jsxs(Text, { color: idx === installConfirmIndex ? "cyan" : "white", children: [
-                  idx === installConfirmIndex ? "\u276F " : "  ",
-                  option.label
-                ] }),
-                idx === installConfirmIndex && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+                /* @__PURE__ */ jsxs(
+                  Text,
+                  {
+                    color: idx === installConfirmIndex ? tone("teal") : tone("hi"),
+                    children: [
+                      idx === installConfirmIndex ? "\u276F " : "  ",
+                      option.label
+                    ]
+                  }
+                ),
+                idx === installConfirmIndex && /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
                   " - ",
                   option.description
                 ] })
               ] }, option.label))
             ] }),
-            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: isInstallingNodeLlama ? "Please wait..." : "\u2191\u2193 navigate \u2022 Enter select \u2022 Esc cancel" }) })
+            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: isInstallingNodeLlama ? "Please wait..." : "\u2191\u2193 navigate \u2022 Enter select \u2022 Esc cancel" }) })
           ]
         }
       );
@@ -527,10 +534,10 @@ const LocalModelWizard = forwardRef(
         {
           flexDirection: "column",
           borderStyle: "round",
-          borderColor: "green",
+          borderColor: tone("add"),
           paddingX: 1,
           marginTop: 1,
-          children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "Loading models..." })
+          children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "Loading models..." })
         }
       );
     }
@@ -540,17 +547,17 @@ const LocalModelWizard = forwardRef(
         {
           flexDirection: "column",
           borderStyle: "round",
-          borderColor: "green",
+          borderColor: tone("add"),
           paddingX: 1,
           marginTop: 1,
           children: [
-            /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { bold: true, color: "green", children: "Downloading Model" }) }),
+            /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { bold: true, color: tone("add"), children: "Downloading Model" }) }),
             downloadError ? /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsxs(Text, { color: "red", children: [
+              /* @__PURE__ */ jsxs(Text, { color: tone("red"), children: [
                 "Download failed: ",
                 downloadError
               ] }),
-              /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "Press Esc to go back" }) })
+              /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "Press Esc to go back" }) })
             ] }) : downloadProgress ? /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsxs(Text, { children: [
                 selectedModelId,
@@ -558,7 +565,7 @@ const LocalModelWizard = forwardRef(
                 downloadProgress.percentage.toFixed(1),
                 "%"
               ] }),
-              /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+              /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
                 formatSize(downloadProgress.bytesDownloaded),
                 " /",
                 " ",
@@ -567,17 +574,17 @@ const LocalModelWizard = forwardRef(
                 downloadProgress.eta ? ` \u2022 ETA: ${Math.round(downloadProgress.eta)}s` : ""
               ] }),
               /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
-                /* @__PURE__ */ jsx(Text, { color: "green", children: "\u2588".repeat(
+                /* @__PURE__ */ jsx(Text, { color: tone("add"), children: "\u2588".repeat(
                   Math.min(20, Math.floor(downloadProgress.percentage / 5))
                 ) }),
-                /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u2591".repeat(
+                /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "\u2591".repeat(
                   Math.max(
                     0,
                     20 - Math.floor(downloadProgress.percentage / 5)
                   )
                 ) })
               ] })
-            ] }) : /* @__PURE__ */ jsx(Text, { color: "gray", children: "Starting download..." })
+            ] }) : /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "Starting download..." })
           ]
         }
       );
@@ -592,26 +599,32 @@ const LocalModelWizard = forwardRef(
         {
           flexDirection: "column",
           borderStyle: "round",
-          borderColor: "green",
+          borderColor: tone("add"),
           paddingX: 1,
           marginTop: 1,
           children: [
             /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
-              /* @__PURE__ */ jsx(Text, { bold: true, color: "green", children: selectedInstalledModel.displayName }),
-              /* @__PURE__ */ jsx(Text, { color: "gray", children: " (installed)" })
+              /* @__PURE__ */ jsx(Text, { bold: true, color: tone("add"), children: selectedInstalledModel.displayName }),
+              /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: " (installed)" })
             ] }),
-            isDeleting ? /* @__PURE__ */ jsx(Text, { color: "yellow", children: "Deleting model..." }) : /* @__PURE__ */ jsx(Fragment, { children: options.map((option, idx) => /* @__PURE__ */ jsxs(Box, { children: [
-              /* @__PURE__ */ jsxs(Text, { color: idx === installedOptionIndex ? "cyan" : "white", children: [
-                idx === installedOptionIndex ? "\u276F " : "  ",
-                option.label
-              ] }),
-              idx === installedOptionIndex && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+            isDeleting ? /* @__PURE__ */ jsx(Text, { color: tone("amberDim"), children: "Deleting model..." }) : /* @__PURE__ */ jsx(Fragment, { children: options.map((option, idx) => /* @__PURE__ */ jsxs(Box, { children: [
+              /* @__PURE__ */ jsxs(
+                Text,
+                {
+                  color: idx === installedOptionIndex ? tone("teal") : tone("hi"),
+                  children: [
+                    idx === installedOptionIndex ? "\u276F " : "  ",
+                    option.label
+                  ]
+                }
+              ),
+              idx === installedOptionIndex && /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
                 " - ",
                 option.description
               ] })
             ] }, option.label)) }),
-            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: isDeleting ? "Please wait..." : "Enter to select \u2022 Esc to go back" }) })
+            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: isDeleting ? "Please wait..." : "Enter to select \u2022 Esc to go back" }) })
           ]
         }
       );
@@ -622,20 +635,20 @@ const LocalModelWizard = forwardRef(
         {
           flexDirection: "column",
           borderStyle: "round",
-          borderColor: "green",
+          borderColor: tone("add"),
           paddingX: 1,
           marginTop: 1,
           children: [
-            /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { bold: true, color: "green", children: "Custom GGUF File" }) }),
+            /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { bold: true, color: tone("add"), children: "Custom GGUF File" }) }),
             /* @__PURE__ */ jsx(Text, { children: "Enter path to GGUF file:" }),
             /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
-              /* @__PURE__ */ jsx(Text, { color: "gray", children: "> " }),
+              /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "> " }),
               /* @__PURE__ */ jsx(Text, { children: customPath }),
-              /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u258C" })
+              /* @__PURE__ */ jsx(Text, { color: tone("teal"), children: "\u258C" })
             ] }),
-            /* @__PURE__ */ jsx(Text, { color: "gray", children: "e.g., /path/to/model.gguf or ~/models/llama.gguf" }),
-            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 continue \u2022 Esc to go back" }) })
+            /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "e.g., /path/to/model.gguf or ~/models/llama.gguf" }),
+            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 continue \u2022 Esc to go back" }) })
           ]
         }
       );
@@ -646,19 +659,19 @@ const LocalModelWizard = forwardRef(
         {
           flexDirection: "column",
           borderStyle: "round",
-          borderColor: "green",
+          borderColor: tone("add"),
           paddingX: 1,
           marginTop: 1,
           children: [
-            /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { bold: true, color: "green", children: "Display Name" }) }),
+            /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { bold: true, color: tone("add"), children: "Display Name" }) }),
             /* @__PURE__ */ jsx(Text, { children: "Display name (optional):" }),
             /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
-              /* @__PURE__ */ jsx(Text, { color: "gray", children: "> " }),
+              /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "> " }),
               /* @__PURE__ */ jsx(Text, { children: displayName }),
-              /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u258C" })
+              /* @__PURE__ */ jsx(Text, { color: tone("teal"), children: "\u258C" })
             ] }),
-            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 go back" }) })
+            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 go back" }) })
           ]
         }
       );
@@ -677,13 +690,13 @@ const LocalModelWizard = forwardRef(
       {
         flexDirection: "column",
         borderStyle: "round",
-        borderColor: "green",
+        borderColor: tone("add"),
         paddingX: 1,
         marginTop: 1,
         children: [
           /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
-            /* @__PURE__ */ jsx(Text, { bold: true, color: "green", children: "Local Model" }),
-            /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+            /* @__PURE__ */ jsx(Text, { bold: true, color: tone("add"), children: "Local Model" }),
+            /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
               " ",
               "(",
               selectedIndex + 1,
@@ -706,11 +719,18 @@ const LocalModelWizard = forwardRef(
             if ("type" in item) {
               if (item.type === "show-all") {
                 return /* @__PURE__ */ jsxs(Box, { paddingY: 0, children: [
-                  /* @__PURE__ */ jsxs(Text, { color: isSelected ? "cyan" : "blue", bold: isSelected, children: [
-                    isSelected ? "\u203A " : "  ",
-                    showAllModels ? "\u21A9 Show recommended" : "... Show all models"
-                  ] }),
-                  /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+                  /* @__PURE__ */ jsxs(
+                    Text,
+                    {
+                      color: isSelected ? tone("teal") : tone("fg"),
+                      bold: isSelected,
+                      children: [
+                        isSelected ? "\u203A " : "  ",
+                        showAllModels ? "\u21A9 Show recommended" : "... Show all models"
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
                     " ",
                     "(",
                     getAllLocalModels().length,
@@ -719,30 +739,44 @@ const LocalModelWizard = forwardRef(
                 ] }, "show-all");
               }
               if (item.type === "custom-path") {
-                return /* @__PURE__ */ jsx(Box, { paddingY: 0, children: /* @__PURE__ */ jsxs(Text, { color: isSelected ? "cyan" : "blue", bold: isSelected, children: [
-                  isSelected ? "\u203A " : "  ",
-                  "... Use custom GGUF file"
-                ] }) }, "custom-path");
+                return /* @__PURE__ */ jsx(Box, { paddingY: 0, children: /* @__PURE__ */ jsxs(
+                  Text,
+                  {
+                    color: isSelected ? tone("teal") : tone("fg"),
+                    bold: isSelected,
+                    children: [
+                      isSelected ? "\u203A " : "  ",
+                      "... Use custom GGUF file"
+                    ]
+                  }
+                ) }, "custom-path");
               }
               if (item.type === "back") {
-                return /* @__PURE__ */ jsx(Box, { paddingY: 0, children: /* @__PURE__ */ jsxs(Text, { color: isSelected ? "cyan" : "gray", bold: isSelected, children: [
-                  isSelected ? "\u203A " : "  ",
-                  "\u2190 Back"
-                ] }) }, "back");
+                return /* @__PURE__ */ jsx(Box, { paddingY: 0, children: /* @__PURE__ */ jsxs(
+                  Text,
+                  {
+                    color: isSelected ? tone("teal") : tone("dim"),
+                    bold: isSelected,
+                    children: [
+                      isSelected ? "\u203A " : "  ",
+                      "\u2190 Back"
+                    ]
+                  }
+                ) }, "back");
               }
             }
             const model = item;
             const statusIcon = model.isInstalled ? "\u2713" : "\u25CB";
-            const statusColor = model.isInstalled ? "green" : "gray";
+            const statusColor = model.isInstalled ? tone("add") : tone("dim");
             const vramHint = model.minVRAM ? `${model.minVRAM}GB+ VRAM` : "CPU OK";
             return /* @__PURE__ */ jsxs(Box, { paddingY: 0, children: [
-              /* @__PURE__ */ jsx(Text, { color: isSelected ? "cyan" : "white", bold: isSelected, children: isSelected ? "\u203A " : "  " }),
+              /* @__PURE__ */ jsx(Text, { color: isSelected ? tone("teal") : tone("hi"), bold: isSelected, children: isSelected ? "\u203A " : "  " }),
               /* @__PURE__ */ jsxs(Text, { color: statusColor, children: [
                 statusIcon,
                 " "
               ] }),
-              /* @__PURE__ */ jsx(Text, { color: isSelected ? "cyan" : "white", bold: isSelected, children: model.name }),
-              /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+              /* @__PURE__ */ jsx(Text, { color: isSelected ? tone("teal") : tone("hi"), bold: isSelected, children: model.name }),
+              /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
                 " ",
                 formatSize(model.sizeBytes),
                 " | ",
@@ -751,12 +785,12 @@ const LocalModelWizard = forwardRef(
               ] })
             ] }, model.id);
           }),
-          allItems.length > MAX_VISIBLE_ITEMS && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+          allItems.length > MAX_VISIBLE_ITEMS && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
             scrollOffset > 0 ? "\u2191 more above " : "",
             visibleEnd < allItems.length ? "\u2193 more below" : ""
           ] }) }),
-          /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u2191\u2193 navigate \u2022 Enter select \u2022 Esc back" }) }),
-          error && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "red", children: error }) })
+          /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "\u2191\u2193 navigate \u2022 Enter select \u2022 Esc back" }) }),
+          error && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("red"), children: error }) })
         ]
       }
     );

package/dist/components/overlays/custom-model-wizard/shared/ApiKeyStep.cjs

@@ -27,16 +27,17 @@ module.exports = __toCommonJS(ApiKeyStep_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ink = require("ink");
 var import_agent_management = require("@dexto/agent-management");
+var import_signal = require("../../../../signal/index.js");
 function ApiKeyStep({ provider }) {
   const keyStatus = (0, import_agent_management.getProviderKeyStatus)(provider);
   if (keyStatus.hasApiKey) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "green", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("add"), children: [
       "\u2713 ",
       keyStatus.envVar,
       " already set, press Enter to skip"
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "yellowBright", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("amber"), children: [
     "No ",
     keyStatus.envVar,
     " configured"

package/dist/components/overlays/custom-model-wizard/shared/ApiKeyStep.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiKeyStep.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/custom-model-wizard/shared/ApiKeyStep.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAEnE,UAAU,eAAe;IACrB,wBAAwB;IACxB,QAAQ,EAAE,mBAAmB,CAAC;CACjC;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAQ5E;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,mBAAmB,GAAG,MAAM,CAGvE;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,mBAAmB,GAAG,OAAO,CAG1E;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ApiKeyStep.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/custom-model-wizard/shared/ApiKeyStep.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAGnE,UAAU,eAAe;IACrB,wBAAwB;IACxB,QAAQ,EAAE,mBAAmB,CAAC;CACjC;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAU5E;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,mBAAmB,GAAG,MAAM,CAGvE;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,mBAAmB,GAAG,OAAO,CAG1E;AAED,eAAe,UAAU,CAAC"}

package/dist/components/overlays/custom-model-wizard/shared/ApiKeyStep.js

@@ -1,16 +1,17 @@
 import { jsxs } from "react/jsx-runtime";
 import { Text } from "ink";
 import { getProviderKeyStatus } from "@dexto/agent-management";
+import { tone } from "../../../../signal/index.js";
 function ApiKeyStep({ provider }) {
   const keyStatus = getProviderKeyStatus(provider);
   if (keyStatus.hasApiKey) {
-    return /* @__PURE__ */ jsxs(Text, { color: "green", children: [
+    return /* @__PURE__ */ jsxs(Text, { color: tone("add"), children: [
       "\u2713 ",
       keyStatus.envVar,
       " already set, press Enter to skip"
     ] });
   }
-  return /* @__PURE__ */ jsxs(Text, { color: "yellowBright", children: [
+  return /* @__PURE__ */ jsxs(Text, { color: tone("amber"), children: [
     "No ",
     keyStatus.envVar,
     " configured"

package/dist/components/overlays/custom-model-wizard/shared/ProviderSelector.cjs

@@ -25,6 +25,7 @@ module.exports = __toCommonJS(ProviderSelector_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ink = require("ink");
 var import_provider_config = require("../provider-config.js");
+var import_signal = require("../../../../signal/index.js");
 function ProviderSelector({
   selectedIndex,
   isEditing
@@ -35,16 +36,16 @@ function ProviderSelector({
     {
       flexDirection: "column",
       borderStyle: "round",
-      borderColor: "green",
+      borderColor: (0, import_signal.tone)("add"),
       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: "green", children: isEditing ? "Edit Custom Model" : "Add Custom Model" }) }),
+        /* @__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)("add"), children: isEditing ? "Edit Custom Model" : "Add Custom Model" }) }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { bold: true, children: "Select Provider:" }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { flexDirection: "column", marginTop: 1, children: providers.map((provider, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
           import_ink.Text,
           {
-            color: index === selectedIndex ? "cyan" : "gray",
+            color: index === selectedIndex ? (0, import_signal.tone)("teal") : (0, import_signal.tone)("dim"),
             bold: index === selectedIndex,
             children: [
               index === selectedIndex ? "\u276F " : "  ",
@@ -52,7 +53,7 @@ function ProviderSelector({
             ]
           }
         ) }, provider)) }),
-        /* @__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 cancel" }) })
+        /* @__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 cancel" }) })
       ]
     }
   );

package/dist/components/overlays/custom-model-wizard/shared/ProviderSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProviderSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/custom-model-wizard/shared/ProviderSelector.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,qBAAqB;IAC3B,2CAA2C;IAC3C,aAAa,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,SAAS,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC7B,aAAa,EACb,SAAS,GACZ,EAAE,qBAAqB,GAAG,KAAK,CAAC,YAAY,CAsC5C;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"ProviderSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/custom-model-wizard/shared/ProviderSelector.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,qBAAqB;IAC3B,2CAA2C;IAC3C,aAAa,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,SAAS,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC7B,aAAa,EACb,SAAS,GACZ,EAAE,qBAAqB,GAAG,KAAK,CAAC,YAAY,CAsC5C;AAED,eAAe,gBAAgB,CAAC"}

package/dist/components/overlays/custom-model-wizard/shared/ProviderSelector.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Box, Text } from "ink";
 import { getProviderLabel, getAvailableProviders } from "../provider-config.js";
+import { tone } from "../../../../signal/index.js";
 function ProviderSelector({
   selectedIndex,
   isEditing
@@ -11,16 +12,16 @@ function ProviderSelector({
     {
       flexDirection: "column",
       borderStyle: "round",
-      borderColor: "green",
+      borderColor: tone("add"),
       paddingX: 1,
       marginTop: 1,
       children: [
-        /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { bold: true, color: "green", children: isEditing ? "Edit Custom Model" : "Add Custom Model" }) }),
+        /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { bold: true, color: tone("add"), children: isEditing ? "Edit Custom Model" : "Add Custom Model" }) }),
         /* @__PURE__ */ jsx(Text, { bold: true, children: "Select Provider:" }),
         /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginTop: 1, children: providers.map((provider, index) => /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(
           Text,
           {
-            color: index === selectedIndex ? "cyan" : "gray",
+            color: index === selectedIndex ? tone("teal") : tone("dim"),
             bold: index === selectedIndex,
             children: [
               index === selectedIndex ? "\u276F " : "  ",
@@ -28,7 +29,7 @@ function ProviderSelector({
             ]
           }
         ) }, provider)) }),
-        /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u2191\u2193 navigate \u2022 Enter select \u2022 Esc cancel" }) })
+        /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "\u2191\u2193 navigate \u2022 Enter select \u2022 Esc cancel" }) })
       ]
     }
   );

package/dist/components/overlays/custom-model-wizard/shared/SetupInfoBanner.cjs

@@ -24,18 +24,19 @@ __export(SetupInfoBanner_exports, {
 module.exports = __toCommonJS(SetupInfoBanner_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ink = require("ink");
+var import_signal = require("../../../../signal/index.js");
 function SetupInfoBanner({
   title,
   description,
   docsUrl
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "blue", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("fg"), children: [
       "\u2139 ",
       title
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: description }),
-    docsUrl && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: description }),
+    docsUrl && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
       "Setup guide: ",
       docsUrl
     ] })

package/dist/components/overlays/custom-model-wizard/shared/SetupInfoBanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SetupInfoBanner.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/custom-model-wizard/shared/SetupInfoBanner.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,oBAAoB;IAC1B,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,OAAO,GACV,EAAE,oBAAoB,GAAG,KAAK,CAAC,YAAY,CAQ3C;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"SetupInfoBanner.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/custom-model-wizard/shared/SetupInfoBanner.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,oBAAoB;IAC1B,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,OAAO,GACV,EAAE,oBAAoB,GAAG,KAAK,CAAC,YAAY,CAQ3C;AAED,eAAe,eAAe,CAAC"}

package/dist/components/overlays/custom-model-wizard/shared/SetupInfoBanner.js

@@ -1,17 +1,18 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Box, Text } from "ink";
+import { tone } from "../../../../signal/index.js";
 function SetupInfoBanner({
   title,
   description,
   docsUrl
 }) {
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ jsxs(Text, { color: "blue", children: [
+    /* @__PURE__ */ jsxs(Text, { color: tone("fg"), children: [
       "\u2139 ",
       title
     ] }),
-    /* @__PURE__ */ jsx(Text, { color: "gray", children: description }),
-    docsUrl && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+    /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: description }),
+    docsUrl && /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
       "Setup guide: ",
       docsUrl
     ] })

package/dist/components/overlays/custom-model-wizard/shared/WizardStepInput.cjs

@@ -24,6 +24,7 @@ __export(WizardStepInput_exports, {
 module.exports = __toCommonJS(WizardStepInput_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ink = require("ink");
+var import_signal = require("../../../../signal/index.js");
 function WizardStepInput({
   step,
   currentInput,
@@ -38,17 +39,17 @@ function WizardStepInput({
         step.label,
         ":"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: step.placeholder }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: step.placeholder }),
       additionalContent
     ] }),
     /* @__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: currentInput }),
-      /* @__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: "_" })
     ] }),
-    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 }) }),
-    isValidating && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "yellowBright", children: "Validating model..." }) }),
-    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..." }) })
+    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 }) }),
+    isValidating && /* @__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: "Validating model..." }) }),
+    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..." }) })
   ] });
 }
 var WizardStepInput_default = WizardStepInput;

package/dist/components/overlays/custom-model-wizard/shared/WizardStepInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WizardStepInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/custom-model-wizard/shared/WizardStepInput.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,UAAU,oBAAoB;IAC1B,iCAAiC;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,0BAA0B;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,wCAAwC;IACxC,YAAY,EAAE,OAAO,CAAC;IACtB,oCAAoC;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,qFAAqF;IACrF,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACvC;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,iBAAiB,GACpB,EAAE,oBAAoB,GAAG,KAAK,CAAC,YAAY,CAuC3C;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"WizardStepInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/custom-model-wizard/shared/WizardStepInput.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C,UAAU,oBAAoB;IAC1B,iCAAiC;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,0BAA0B;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,wCAAwC;IACxC,YAAY,EAAE,OAAO,CAAC;IACtB,oCAAoC;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,qFAAqF;IACrF,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACvC;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,iBAAiB,GACpB,EAAE,oBAAoB,GAAG,KAAK,CAAC,YAAY,CAuC3C;AAED,eAAe,eAAe,CAAC"}

package/dist/components/overlays/custom-model-wizard/shared/WizardStepInput.js

@@ -1,5 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Box, Text } from "ink";
+import { tone } from "../../../../signal/index.js";
 function WizardStepInput({
   step,
   currentInput,
@@ -14,17 +15,17 @@ function WizardStepInput({
         step.label,
         ":"
       ] }),
-      /* @__PURE__ */ jsx(Text, { color: "gray", children: step.placeholder }),
+      /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: step.placeholder }),
       additionalContent
     ] }),
     /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
-      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "> " }),
+      /* @__PURE__ */ jsx(Text, { color: tone("teal"), children: "> " }),
       /* @__PURE__ */ jsx(Text, { children: currentInput }),
-      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "_" })
+      /* @__PURE__ */ jsx(Text, { color: tone("teal"), children: "_" })
     ] }),
-    error && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "red", children: error }) }),
-    isValidating && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "yellowBright", children: "Validating model..." }) }),
-    isSaving && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "yellowBright", children: "Saving..." }) })
+    error && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("red"), children: error }) }),
+    isValidating && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("amber"), children: "Validating model..." }) }),
+    isSaving && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("amber"), children: "Saving..." }) })
   ] });
 }
 var WizardStepInput_default = WizardStepInput;