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

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

@@ -43,6 +43,7 @@ var import_agent_management = require("@dexto/agent-management");
 var import_fs = require("fs");
 var import_core = require("@dexto/core");
 var import_shared = require("./shared/index.js");
+var import_signal = require("../../../signal/index.js");
 const MAX_VISIBLE_ITEMS = 8;
 const LocalModelWizard = (0, import_react.forwardRef)(
   function LocalModelWizard2({ isVisible, onComplete, onClose }, ref) {
@@ -508,34 +509,40 @@ const LocalModelWizard = (0, import_react.forwardRef)(
         {
           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: "yellow", children: "Dependency Required" }) }),
+            /* @__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)("amberDim"), children: "Dependency Required" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: "Local model execution requires node-llama-cpp." }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "This will compile native bindings for your system." }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: "This will compile native bindings for your system." }),
             isInstallingNodeLlama ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { marginTop: 1, flexDirection: "column", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "cyan", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("teal"), children: [
                 import_spinnerFrames.BRAILLE_SPINNER_FRAMES[installSpinnerFrame],
                 " Installing node-llama-cpp (compiling native bindings)..."
               ] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "This may take 1-2 minutes." })
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: "This may take 1-2 minutes." })
             ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: "Install node-llama-cpp now?" }) }),
               options.map((option, idx) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: idx === installConfirmIndex ? "cyan" : "white", children: [
-                  idx === installConfirmIndex ? "\u276F " : "  ",
-                  option.label
-                ] }),
-                idx === installConfirmIndex && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  import_ink.Text,
+                  {
+                    color: idx === installConfirmIndex ? (0, import_signal.tone)("teal") : (0, import_signal.tone)("hi"),
+                    children: [
+                      idx === installConfirmIndex ? "\u276F " : "  ",
+                      option.label
+                    ]
+                  }
+                ),
+                idx === installConfirmIndex && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
                   " - ",
                   option.description
                 ] })
               ] }, option.label))
             ] }),
-            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: isInstallingNodeLlama ? "Please wait..." : "\u2191\u2193 navigate \u2022 Enter select \u2022 Esc cancel" }) })
+            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: isInstallingNodeLlama ? "Please wait..." : "\u2191\u2193 navigate \u2022 Enter select \u2022 Esc cancel" }) })
           ]
         }
       );
@@ -546,10 +553,10 @@ const LocalModelWizard = (0, import_react.forwardRef)(
         {
           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.Text, { color: "gray", children: "Loading models..." })
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: "Loading models..." })
         }
       );
     }
@@ -559,17 +566,17 @@ const LocalModelWizard = (0, import_react.forwardRef)(
         {
           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: "Downloading 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: "Downloading Model" }) }),
             downloadError ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "red", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("red"), children: [
                 "Download failed: ",
                 downloadError
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "Press Esc to go back" }) })
+              /* @__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: "Press Esc to go back" }) })
             ] }) : downloadProgress ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { children: [
                 selectedModelId,
@@ -577,7 +584,7 @@ const LocalModelWizard = (0, import_react.forwardRef)(
                 downloadProgress.percentage.toFixed(1),
                 "%"
               ] }),
-              /* @__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: [
                 (0, import_agent_management.formatSize)(downloadProgress.bytesDownloaded),
                 " /",
                 " ",
@@ -586,17 +593,17 @@ const LocalModelWizard = (0, import_react.forwardRef)(
                 downloadProgress.eta ? ` \u2022 ETA: ${Math.round(downloadProgress.eta)}s` : ""
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { marginTop: 1, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "green", children: "\u2588".repeat(
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("add"), children: "\u2588".repeat(
                   Math.min(20, Math.floor(downloadProgress.percentage / 5))
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "\u2591".repeat(
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: "\u2591".repeat(
                   Math.max(
                     0,
                     20 - Math.floor(downloadProgress.percentage / 5)
                   )
                 ) })
               ] })
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "Starting download..." })
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: "Starting download..." })
           ]
         }
       );
@@ -611,26 +618,32 @@ const LocalModelWizard = (0, import_react.forwardRef)(
         {
           flexDirection: "column",
           borderStyle: "round",
-          borderColor: "green",
+          borderColor: (0, import_signal.tone)("add"),
           paddingX: 1,
           marginTop: 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: "green", children: selectedInstalledModel.displayName }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: " (installed)" })
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { bold: true, color: (0, import_signal.tone)("add"), children: selectedInstalledModel.displayName }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: " (installed)" })
             ] }),
-            isDeleting ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "yellow", children: "Deleting model..." }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: options.map((option, idx) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: idx === installedOptionIndex ? "cyan" : "white", children: [
-                idx === installedOptionIndex ? "\u276F " : "  ",
-                option.label
-              ] }),
-              idx === installedOptionIndex && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+            isDeleting ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("amberDim"), children: "Deleting model..." }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: options.map((option, idx) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                import_ink.Text,
+                {
+                  color: idx === installedOptionIndex ? (0, import_signal.tone)("teal") : (0, import_signal.tone)("hi"),
+                  children: [
+                    idx === installedOptionIndex ? "\u276F " : "  ",
+                    option.label
+                  ]
+                }
+              ),
+              idx === installedOptionIndex && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
                 " - ",
                 option.description
               ] })
             ] }, option.label)) }),
-            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: isDeleting ? "Please wait..." : "Enter to select \u2022 Esc to go back" }) })
+            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: isDeleting ? "Please wait..." : "Enter to select \u2022 Esc to go back" }) })
           ]
         }
       );
@@ -641,20 +654,20 @@ const LocalModelWizard = (0, import_react.forwardRef)(
         {
           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: "Custom GGUF File" }) }),
+            /* @__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: "Custom GGUF File" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: "Enter path to GGUF file:" }),
             /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { marginTop: 1, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "> " }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: "> " }),
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: customPath }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "cyan", children: "\u258C" })
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("teal"), children: "\u258C" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "e.g., /path/to/model.gguf or ~/models/llama.gguf" }),
-            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 continue \u2022 Esc to go back" }) })
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: "e.g., /path/to/model.gguf or ~/models/llama.gguf" }),
+            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 continue \u2022 Esc to go back" }) })
           ]
         }
       );
@@ -665,19 +678,19 @@ const LocalModelWizard = (0, import_react.forwardRef)(
         {
           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: "Display Name" }) }),
+            /* @__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: "Display Name" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: "Display name (optional):" }),
             /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { marginTop: 1, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "> " }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: "> " }),
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: displayName }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "cyan", children: "\u258C" })
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("teal"), children: "\u258C" })
             ] }),
-            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 go back" }) })
+            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 go back" }) })
           ]
         }
       );
@@ -696,13 +709,13 @@ const LocalModelWizard = (0, import_react.forwardRef)(
       {
         flexDirection: "column",
         borderStyle: "round",
-        borderColor: "green",
+        borderColor: (0, import_signal.tone)("add"),
         paddingX: 1,
         marginTop: 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: "green", children: "Local Model" }),
-            /* @__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)("add"), children: "Local Model" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
               " ",
               "(",
               selectedIndex + 1,
@@ -725,11 +738,18 @@ const LocalModelWizard = (0, import_react.forwardRef)(
             if ("type" in item) {
               if (item.type === "show-all") {
                 return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { paddingY: 0, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: isSelected ? "cyan" : "blue", bold: isSelected, children: [
-                    isSelected ? "\u203A " : "  ",
-                    showAllModels ? "\u21A9 Show recommended" : "... Show all models"
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                    import_ink.Text,
+                    {
+                      color: isSelected ? (0, import_signal.tone)("teal") : (0, import_signal.tone)("fg"),
+                      bold: isSelected,
+                      children: [
+                        isSelected ? "\u203A " : "  ",
+                        showAllModels ? "\u21A9 Show recommended" : "... Show all models"
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
                     " ",
                     "(",
                     (0, import_core.getAllLocalModels)().length,
@@ -738,30 +758,44 @@ const LocalModelWizard = (0, import_react.forwardRef)(
                 ] }, "show-all");
               }
               if (item.type === "custom-path") {
-                return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { paddingY: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: isSelected ? "cyan" : "blue", bold: isSelected, children: [
-                  isSelected ? "\u203A " : "  ",
-                  "... Use custom GGUF file"
-                ] }) }, "custom-path");
+                return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { paddingY: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  import_ink.Text,
+                  {
+                    color: isSelected ? (0, import_signal.tone)("teal") : (0, import_signal.tone)("fg"),
+                    bold: isSelected,
+                    children: [
+                      isSelected ? "\u203A " : "  ",
+                      "... Use custom GGUF file"
+                    ]
+                  }
+                ) }, "custom-path");
               }
               if (item.type === "back") {
-                return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { paddingY: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: isSelected ? "cyan" : "gray", bold: isSelected, children: [
-                  isSelected ? "\u203A " : "  ",
-                  "\u2190 Back"
-                ] }) }, "back");
+                return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { paddingY: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  import_ink.Text,
+                  {
+                    color: isSelected ? (0, import_signal.tone)("teal") : (0, import_signal.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 ? (0, import_signal.tone)("add") : (0, import_signal.tone)("dim");
             const vramHint = model.minVRAM ? `${model.minVRAM}GB+ VRAM` : "CPU OK";
             return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { paddingY: 0, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "cyan" : "white", bold: isSelected, children: isSelected ? "\u203A " : "  " }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? (0, import_signal.tone)("teal") : (0, import_signal.tone)("hi"), bold: isSelected, children: isSelected ? "\u203A " : "  " }),
               /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: statusColor, children: [
                 statusIcon,
                 " "
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "cyan" : "white", bold: isSelected, children: model.name }),
-              /* @__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: model.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
                 " ",
                 (0, import_agent_management.formatSize)(model.sizeBytes),
                 " | ",
@@ -770,12 +804,12 @@ const LocalModelWizard = (0, import_react.forwardRef)(
               ] })
             ] }, model.id);
           }),
-          allItems.length > MAX_VISIBLE_ITEMS && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+          allItems.length > MAX_VISIBLE_ITEMS && /* @__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: [
             scrollOffset > 0 ? "\u2191 more above " : "",
             visibleEnd < allItems.length ? "\u2193 more below" : ""
           ] }) }),
-          /* @__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 back" }) }),
-          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: (0, import_signal.tone)("dim"), children: "\u2191\u2193 navigate \u2022 Enter select \u2022 Esc back" }) }),
+          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/custom-model-wizard/LocalModelWizard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LocalModelWizard.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/custom-model-wizard/LocalModelWizard.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAA4E,MAAM,OAAO,CAAC;AAKjG,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,wCAAwC,CAAC;AAGlE,OAAO,EASH,KAAK,WAAW,EACnB,MAAM,yBAAyB,CAAC;AAqBjC,UAAU,qBAAqB;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,sBAAsB;IACnC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAaD;;;GAGG;AACH,QAAA,MAAM,gBAAgB,sGAg/BrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"LocalModelWizard.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/custom-model-wizard/LocalModelWizard.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAA4E,MAAM,OAAO,CAAC;AAKjG,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,wCAAwC,CAAC;AAGlE,OAAO,EASH,KAAK,WAAW,EACnB,MAAM,yBAAyB,CAAC;AAsBjC,UAAU,qBAAqB;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,sBAAsB;IACnC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAaD;;;GAGG;AACH,QAAA,MAAM,gBAAgB,sGAqgCrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}