pudu-ai 0.2.9 → 0.2.11

package/dist/cli/index.js

@@ -851,7 +851,7 @@ var en = {
   setupLinkNow: "installed \u2192 press 1/2/3 to link this model",
   setupInstallAgent: "not installed \u2192 press 1/2/3 to install via ollama launch (if eligible)",
   setupKeys: "Enter/I = pull model    1 OpenCode    2 Hermes    3 OpenClaw    Esc = back",
-  setupCta: "\u2192 Press [S] or [I] to INSTALL a recommended model and link OpenCode / Hermes / OpenClaw",
+  setupCta: "[S] Setup: install model + OpenCode / Hermes / OpenClaw",
   machine: "MACHINE",
   runtimes: "LOCAL AI RUNTIMES",
   installedModels: "INSTALLED MODELS",
@@ -1036,7 +1036,7 @@ var es = {
   setupLinkNow: "instalado \u2192 pulsa 1/2/3 para vincular este modelo",
   setupInstallAgent: "no instalado \u2192 pulsa 1/2/3 para instalar con ollama launch (si es elegible)",
   setupKeys: "Enter/I = descargar modelo    1 OpenCode    2 Hermes    3 OpenClaw    Esc = atr\xE1s",
-  setupCta: "\u2192 Pulsa [S] o [I] para INSTALAR un modelo recomendado y vincular OpenCode / Hermes / OpenClaw",
+  setupCta: "[S] Setup: instalar modelo + OpenCode / Hermes / OpenClaw",
   machine: "EQUIPO",
   runtimes: "RUNTIMES DE IA LOCAL",
   installedModels: "MODELOS INSTALADOS",
@@ -2014,16 +2014,6 @@ function memoryLabel(profile) {
   return profile.memory.unified ? "Unified Memory" : "RAM";
 }
 
-// src/compatibility/types.ts
-var GRADE_MEANING = {
-  S: "Excellent",
-  A: "Recommended",
-  B: "Good",
-  C: "Tight",
-  D: "CPU/offload",
-  F: "Not recommended"
-};
-
 // src/tui/theme.ts
 function gradeColor(grade) {
   if (grade === "S" || grade === "A") return "green";
@@ -2045,83 +2035,74 @@ function sparkline(values, width = 24) {
   return slice.map((v) => glyphs[Math.min(glyphs.length - 1, Math.floor(v / max * (glyphs.length - 1)))]).join("").padStart(width, glyphs[0]);
 }
 
+// src/tui/width.ts
+import { useStdout } from "ink";
+function useCols() {
+  const { stdout } = useStdout();
+  const cols = stdout?.columns ?? 80;
+  return Math.max(40, Math.min(cols - 2, 100));
+}
+function fit(text, width) {
+  if (text.length <= width) return text;
+  if (width <= 1) return "\u2026";
+  return `${text.slice(0, width - 1)}\u2026`;
+}
+
 // src/tui/views/Dashboard.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 function Dashboard({ session }) {
+  const cols = useCols();
   const h = session.hardware;
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: t("aboutDashboard") }),
+  const line = fit(
+    `${h.machineModel ?? t("unknownMachine")} \xB7 ${h.cpu.name ?? t("cpuNa")} \xB7 ${formatBytes(h.memory.totalBytes, 0)} ${memoryLabel(h)}`,
+    cols
+  );
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", width: cols, children: [
     /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: t("machine") }),
-    /* @__PURE__ */ jsx(Text, { children: h.machineModel ?? t("unknownMachine") }),
-    /* @__PURE__ */ jsx(Text, { children: h.cpu.name ?? t("cpuNa") }),
-    /* @__PURE__ */ jsxs(Text, { children: [
-      "CPU           ",
-      h.cpu.physicalCores ?? "N/A",
-      " cores",
-      h.cpu.performanceCores ? `  (${h.cpu.performanceCores}P/${h.cpu.efficiencyCores ?? "?"}E)` : ""
-    ] }),
-    /* @__PURE__ */ jsxs(Text, { children: [
-      "GPU           ",
-      h.gpu.name ?? "N/A"
-    ] }),
-    /* @__PURE__ */ jsxs(Text, { children: [
-      memoryLabel(h).padEnd(13),
-      " ",
-      formatBytes(h.memory.totalBytes, 0)
-    ] }),
-    /* @__PURE__ */ jsxs(Text, { children: [
-      "Available     ",
-      h.memory.availableBytes ? formatBytes(h.memory.availableBytes) : "N/A"
-    ] }),
-    /* @__PURE__ */ jsxs(Text, { children: [
-      h.os,
-      "         ",
-      h.osVersion ?? h.arch
-    ] }),
-    /* @__PURE__ */ jsxs(Box, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: t("runtimes") }),
-      session.runtimes.map((r) => /* @__PURE__ */ jsxs(Text, { color: r.detected ? "green" : "gray", children: [
-        r.detected ? "\u2713" : "\u25CB",
-        " ",
-        r.label.padEnd(14),
-        " ",
-        r.detected ? r.version ?? t("detected") : t("notDetected")
-      ] }, r.id))
-    ] }),
-    /* @__PURE__ */ jsxs(Box, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: t("installedModels") }),
-      session.rows.length === 0 && /* @__PURE__ */ jsx(Text, { dimColor: true, children: t("noModels") }),
-      session.rows.map((row) => /* @__PURE__ */ jsxs(Text, { children: [
-        /* @__PURE__ */ jsx(Text, { color: "green", children: row.local.name.padEnd(20) }),
-        " ",
-        row.local.sizeBytes ? formatBytes(row.local.sizeBytes) : "N/A",
-        " ",
-        /* @__PURE__ */ jsx(Text, { color: gradeColor(row.compatibility?.grade), bold: true, children: row.compatibility?.grade ?? "\u2014" }),
+    /* @__PURE__ */ jsx(Text, { children: line }),
+    /* @__PURE__ */ jsx(Text, { children: session.runtimes.map((r, i) => /* @__PURE__ */ jsxs(Text, { color: r.detected ? "green" : "gray", children: [
+      i ? " " : "",
+      r.detected ? "\u2713" : "\u25CB",
+      r.label
+    ] }, r.id)) }),
+    /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: t("installedModels") }),
+    session.rows.length === 0 && /* @__PURE__ */ jsx(Text, { dimColor: true, children: t("noModels") }),
+    session.rows.slice(0, 6).map((row) => /* @__PURE__ */ jsxs(Text, { children: [
+      /* @__PURE__ */ jsx(Text, { color: "green", children: fit(row.local.name, 18) }),
+      /* @__PURE__ */ jsx(Text, { children: " " }),
+      /* @__PURE__ */ jsx(Text, { color: gradeColor(row.compatibility?.grade), children: row.compatibility?.grade ?? "\u2014" }),
+      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
         " ",
         row.lastBenchmark?.benchmark.generationTokensPerSecond ? formatTokensPerSec(row.lastBenchmark.benchmark.generationTokensPerSecond) : t("notTested")
-      ] }, row.local.id))
-    ] }),
-    /* @__PURE__ */ jsxs(Box, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: t("recommended") }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: t("recommendedHint") }),
-      session.recommendations.map((rec) => /* @__PURE__ */ jsxs(Text, { children: [
-        /* @__PURE__ */ jsx(Text, { color: "magenta", children: rec.useCase.padEnd(12) }),
-        " ",
-        rec.model.name.padEnd(22),
-        " ",
-        /* @__PURE__ */ jsx(Text, { color: gradeColor(rec.grade), bold: true, children: rec.grade }),
+      ] })
+    ] }, row.local.id)),
+    /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: t("recommended") }),
+    session.recommendations.slice(0, 4).map((rec) => /* @__PURE__ */ jsxs(Text, { children: [
+      /* @__PURE__ */ jsx(Text, { color: "magenta", children: fit(rec.useCase, 10) }),
+      /* @__PURE__ */ jsxs(Text, { children: [
         " ",
-        GRADE_MEANING[rec.grade]
-      ] }, `${rec.useCase}-${rec.model.id}`)),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: t("credits") }),
-      /* @__PURE__ */ jsx(Text, { bold: true, color: "yellow", children: t("setupCta") })
-    ] })
+        fit(rec.model.name, 22),
+        " "
+      ] }),
+      /* @__PURE__ */ jsx(Text, { color: gradeColor(rec.grade), children: rec.grade })
+    ] }, `${rec.useCase}-${rec.model.id}`)),
+    /* @__PURE__ */ jsx(Text, { color: "yellow", children: fit(t("setupCta"), cols) })
   ] });
 }
 
 // src/tui/views/Models.tsx
 import { Box as Box2, Text as Text2 } from "ink";
 
+// src/compatibility/types.ts
+var GRADE_MEANING = {
+  S: "Excellent",
+  A: "Recommended",
+  B: "Good",
+  C: "Tight",
+  D: "CPU/offload",
+  F: "Not recommended"
+};
+
 // src/cli/color.ts
 var enabled = () => !process.env.NO_COLOR && process.stdout.isTTY;
 var wrap = (open, close = 39) => (text) => enabled() ? `\x1B[${open}m${text}\x1B[${close}m` : text;
@@ -2169,11 +2150,11 @@ function runtimesText(session) {
 function modelsText(session) {
   const lines = [bold(cyan(t("installedModels"))), dim("MODEL                 INSTALLED   FIT       EST. SPEED     MEASURED")];
   for (const row of session.rows) {
-    const fit = row.compatibility?.grade ?? "\u2014";
+    const fit2 = row.compatibility?.grade ?? "\u2014";
     const est = row.compatibility?.estimatedTokensPerSecond ? `~${formatNumber(row.compatibility.estimatedTokensPerSecond)} t/s` : "\u2014";
     const measured = row.lastBenchmark?.benchmark.generationTokensPerSecond ? formatTokensPerSec(row.lastBenchmark.benchmark.generationTokensPerSecond) : t("notTested");
     lines.push(
-      `${green(row.local.name.padEnd(22))} \u2713           ${gradeAnsi(fit).padEnd(9)} ${est.padEnd(14)} ${measured}`
+      `${green(row.local.name.padEnd(22))} \u2713           ${gradeAnsi(fit2).padEnd(9)} ${est.padEnd(14)} ${measured}`
     );
   }
   lines.push("", t("compatible"));
@@ -2406,8 +2387,8 @@ function decideLaunch(session, id) {
   if (!candidates.length) {
     for (const model of session.catalog) {
       if (!useCaseOk(model.useCase, def.useCases)) continue;
-      const fit = localCompatibility(session.hardware, model);
-      if (!def.allowedGrades.includes(fit.grade)) continue;
+      const fit2 = localCompatibility(session.hardware, model);
+      if (!def.allowedGrades.includes(fit2.grade)) continue;
       const tag = resolveOllamaTag(model.id, model.name);
       if (!tag) continue;
       candidates.push({
@@ -2415,7 +2396,7 @@ function decideLaunch(session, id) {
         ollamaTag: tag,
         installed: false,
         origin: "estimated",
-        grade: fit.grade
+        grade: fit2.grade
       });
     }
   }
@@ -2532,6 +2513,7 @@ var TOOLS = [
   { key: "3", id: "openclaw", label: "OpenClaw" }
 ];
 function RecommendView({ session }) {
+  const cols = useCols();
   const { exit } = useApp();
   const [cursor, setCursor] = useState(0);
   const [log, setLog] = useState("");
@@ -2570,43 +2552,29 @@ function RecommendView({ session }) {
       });
     }
   });
-  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs4(Box4, { borderStyle: "round", borderColor: "yellow", flexDirection: "column", paddingX: 1, marginBottom: 1, children: [
-      /* @__PURE__ */ jsx4(Text4, { bold: true, color: "yellow", children: t("setupTitle") }),
-      /* @__PURE__ */ jsx4(Text4, { children: t("setupIntro") })
-    ] }),
-    /* @__PURE__ */ jsx4(Text4, { bold: true, color: "cyan", children: t("setupStep1") }),
-    recs.length === 0 && /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: t("installNone") }),
+  const tag = rec ? resolveOllamaTag(rec.model.id, rec.model.name) : void 0;
+  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", width: cols, children: [
+    /* @__PURE__ */ jsx4(Text4, { bold: true, color: "yellow", children: fit(t("setupTitle"), cols) }),
     recs.map((item, i) => /* @__PURE__ */ jsxs4(Text4, { color: i === cursor ? "cyan" : void 0, children: [
       i === cursor ? "\u276F " : "  ",
-      /* @__PURE__ */ jsx4(Text4, { color: "magenta", children: item.useCase.padEnd(12) }),
-      item.model.name.padEnd(22),
-      " ",
-      /* @__PURE__ */ jsx4(Text4, { color: gradeColor(item.grade), bold: true, children: item.grade }),
+      fit(item.model.name, 20),
       " ",
-      GRADE_MEANING[item.grade],
-      " ",
-      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: resolveOllamaTag(item.model.id, item.model.name) ?? t("noOllamaTag", { model: item.model.name }) })
-    ] }, `${item.useCase}-${item.model.id}`)),
-    /* @__PURE__ */ jsxs4(Box4, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx4(Text4, { bold: true, color: "green", children: t("setupStep2") }),
-      /* @__PURE__ */ jsx4(Text4, { color: "green", children: t("setupInstallModel") })
-    ] }),
-    /* @__PURE__ */ jsxs4(Box4, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx4(Text4, { bold: true, color: "yellow", children: t("setupStep3") }),
-      session.agents.map((agent, index) => /* @__PURE__ */ jsxs4(Text4, { color: agent.detected ? "green" : "yellow", children: [
-        "[",
-        index + 1,
-        "] ",
-        agent.detected ? "\u2713" : "\u25CB",
+      /* @__PURE__ */ jsx4(Text4, { color: gradeColor(item.grade), children: item.grade }),
+      /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
         " ",
-        agent.label.padEnd(12),
-        " ",
-        agent.detected ? t("setupLinkNow") : t("setupInstallAgent")
-      ] }, agent.id))
-    ] }),
-    /* @__PURE__ */ jsx4(Box4, { marginTop: 1, children: /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: t("setupKeys") }) }),
-    log ? /* @__PURE__ */ jsx4(Text4, { color: "green", children: log }) : null
+        resolveOllamaTag(item.model.id, item.model.name) ?? "\u2014"
+      ] })
+    ] }, `${item.useCase}-${item.model.id}`)),
+    /* @__PURE__ */ jsx4(Text4, { children: session.agents.map((agent, index) => /* @__PURE__ */ jsxs4(Text4, { color: agent.detected ? "green" : "gray", children: [
+      index ? "  " : "",
+      "[",
+      index + 1,
+      "]",
+      agent.detected ? "\u2713" : "\u25CB",
+      agent.label
+    ] }, agent.id)) }),
+    /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: fit(`Enter=pull ${tag ?? ""}  1/2/3=agent  Esc=back`, cols) }),
+    log ? /* @__PURE__ */ jsx4(Text4, { color: "green", children: fit(log, cols) }) : null
   ] });
 }
 
@@ -2929,13 +2897,13 @@ function planTasks(session, answers) {
   const catalogExtras = answers.scope === "all" ? session.catalog.filter((model) => !session.rows.some((row) => idsLikelyMatch(row.local.id, model.id))).map((model) => {
     const useCases = model.useCase ?? [];
     const kinds = answers.kinds.filter((kind) => kindMatches(kind, useCases));
-    const fit = localCompatibility(session.hardware, model);
+    const fit2 = localCompatibility(session.hardware, model);
     return {
       modelId: model.id,
       modelName: model.name,
       installed: false,
       origin: "estimated",
-      grade: fit.grade,
+      grade: fit2.grade,
       useCases,
       kinds
     };
@@ -3099,63 +3067,54 @@ function handleAppKey(screen, input, key) {
 
 // src/tui/Welcome.tsx
 import { Box as Box9, Text as Text9 } from "ink";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
-function Welcome({ compact = false }) {
-  if (compact) {
-    return /* @__PURE__ */ jsxs8(Box9, { marginBottom: 1, borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
+import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+function Chrome() {
+  const cols = useCols();
+  const wide = cols >= 72;
+  return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", width: cols, marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs8(Text9, { children: [
       /* @__PURE__ */ jsx9(Text9, { bold: true, color: "cyan", children: t("appTitle") }),
       /* @__PURE__ */ jsx9(Text9, { color: "gray", children: " \xB7 " }),
-      /* @__PURE__ */ jsx9(Text9, { color: "magenta", children: t("byline") })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "row", marginBottom: 1, children: [
-    /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", marginRight: 2, children: [
-      /* @__PURE__ */ jsx9(Text9, { color: "yellow", children: "    \u2572" }),
-      /* @__PURE__ */ jsxs8(Text9, { children: [
-        /* @__PURE__ */ jsx9(Text9, { color: "cyan", children: "   \u256D\u2500" }),
-        /* @__PURE__ */ jsx9(Text9, { color: "white", children: "\u25CF \u25CF" }),
-        /* @__PURE__ */ jsx9(Text9, { color: "cyan", children: "\u2500\u256E" })
-      ] }),
-      /* @__PURE__ */ jsxs8(Text9, { children: [
-        /* @__PURE__ */ jsx9(Text9, { color: "cyan", children: "   \u2502  " }),
-        /* @__PURE__ */ jsx9(Text9, { color: "yellow", children: "\u25BD" }),
-        /* @__PURE__ */ jsx9(Text9, { color: "cyan", children: "  \u2502" })
-      ] }),
-      /* @__PURE__ */ jsx9(Text9, { color: "cyan", children: "   \u2570\u252C\u2500\u2500\u2500\u252C\u256F" }),
-      /* @__PURE__ */ jsx9(Text9, { color: "green", children: "    uu uu" })
+      /* @__PURE__ */ jsx9(Text9, { color: "magenta", children: t("byline") }),
+      wide ? /* @__PURE__ */ jsxs8(Text9, { color: "gray", children: [
+        " \xB7 ",
+        fit(t("appSubtitle"), cols - 28)
+      ] }) : null
     ] }),
-    /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", justifyContent: "center", children: [
-      /* @__PURE__ */ jsx9(Text9, { bold: true, color: "cyan", children: t("appTitle") }),
-      /* @__PURE__ */ jsx9(Text9, { color: "white", children: t("appSubtitle") }),
-      /* @__PURE__ */ jsx9(Text9, { color: "magenta", children: t("byline") })
-    ] })
+    /* @__PURE__ */ jsx9(Text9, { children: wide ? /* @__PURE__ */ jsxs8(Fragment2, { children: [
+      /* @__PURE__ */ jsx9(Text9, { color: "yellow", children: "[S] Setup" }),
+      /* @__PURE__ */ jsx9(Text9, { children: "  " }),
+      /* @__PURE__ */ jsx9(Text9, { color: "green", children: "[B] Bench" }),
+      /* @__PURE__ */ jsx9(Text9, { children: "  " }),
+      /* @__PURE__ */ jsx9(Text9, { color: "cyan", children: "[M] Models" }),
+      /* @__PURE__ */ jsx9(Text9, { children: "  " }),
+      /* @__PURE__ */ jsx9(Text9, { color: "magenta", children: "[R] Rec" }),
+      /* @__PURE__ */ jsx9(Text9, { children: "  " }),
+      /* @__PURE__ */ jsx9(Text9, { color: "blue", children: "[T] Tasks" }),
+      /* @__PURE__ */ jsx9(Text9, { children: "  " }),
+      /* @__PURE__ */ jsx9(Text9, { children: "[H] HW" }),
+      /* @__PURE__ */ jsx9(Text9, { children: "  " }),
+      /* @__PURE__ */ jsx9(Text9, { color: "green", children: "[C] Cmp" }),
+      /* @__PURE__ */ jsx9(Text9, { children: "  " }),
+      /* @__PURE__ */ jsx9(Text9, { color: "cyan", children: "[L] Log" }),
+      /* @__PURE__ */ jsx9(Text9, { children: "  " }),
+      /* @__PURE__ */ jsx9(Text9, { color: "red", children: "[Q] Quit" })
+    ] }) : /* @__PURE__ */ jsxs8(Fragment2, { children: [
+      /* @__PURE__ */ jsx9(Text9, { color: "yellow", children: "[S]" }),
+      /* @__PURE__ */ jsx9(Text9, { color: "green", children: "[B]" }),
+      /* @__PURE__ */ jsx9(Text9, { color: "cyan", children: "[M]" }),
+      /* @__PURE__ */ jsx9(Text9, { color: "magenta", children: "[R]" }),
+      /* @__PURE__ */ jsx9(Text9, { color: "blue", children: "[T]" }),
+      /* @__PURE__ */ jsx9(Text9, { children: "[H]" }),
+      /* @__PURE__ */ jsx9(Text9, { color: "green", children: "[C]" }),
+      /* @__PURE__ */ jsx9(Text9, { color: "cyan", children: "[L]" }),
+      /* @__PURE__ */ jsx9(Text9, { color: "red", children: "[Q]" })
+    ] }) })
   ] });
 }
-function ColorNav() {
-  return /* @__PURE__ */ jsx9(Box9, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 1, children: /* @__PURE__ */ jsxs8(Text9, { children: [
-    /* @__PURE__ */ jsx9(Text9, { color: "yellow", bold: true, children: "[S]" }),
-    /* @__PURE__ */ jsx9(Text9, { color: "yellow", children: " Setup " }),
-    /* @__PURE__ */ jsx9(Text9, { color: "green", bold: true, children: "[B]" }),
-    /* @__PURE__ */ jsx9(Text9, { color: "green", children: " Bench " }),
-    /* @__PURE__ */ jsx9(Text9, { color: "cyan", bold: true, children: "[M]" }),
-    /* @__PURE__ */ jsx9(Text9, { color: "cyan", children: " Models " }),
-    /* @__PURE__ */ jsx9(Text9, { color: "magenta", bold: true, children: "[R]" }),
-    /* @__PURE__ */ jsx9(Text9, { color: "magenta", children: " Rec " }),
-    /* @__PURE__ */ jsx9(Text9, { color: "blue", bold: true, children: "[T]" }),
-    /* @__PURE__ */ jsx9(Text9, { color: "blue", children: " Tasks " }),
-    /* @__PURE__ */ jsx9(Text9, { color: "white", bold: true, children: "[H]" }),
-    /* @__PURE__ */ jsx9(Text9, { children: " HW " }),
-    /* @__PURE__ */ jsx9(Text9, { color: "green", bold: true, children: "[C]" }),
-    /* @__PURE__ */ jsx9(Text9, { color: "green", children: " Cmp " }),
-    /* @__PURE__ */ jsx9(Text9, { color: "cyan", bold: true, children: "[L]" }),
-    /* @__PURE__ */ jsx9(Text9, { color: "cyan", children: " Log " }),
-    /* @__PURE__ */ jsx9(Text9, { color: "red", bold: true, children: "[Q]" }),
-    /* @__PURE__ */ jsx9(Text9, { color: "red", children: " Quit" })
-  ] }) });
-}
 
 // src/tui/App.tsx
-import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function App(props) {
   const { exit } = useApp2();
   const [screen, setScreen] = useState4(props.start ?? "home");
@@ -3172,11 +3131,8 @@ function App(props) {
     if (result.type === "home") setScreen("home");
     if (result.type === "screen") setScreen(result.screen);
   });
-  return /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", paddingX: 1, paddingTop: 0, paddingBottom: 1, children: [
-    screen !== "benchmark" && /* @__PURE__ */ jsxs9(Fragment2, { children: [
-      /* @__PURE__ */ jsx10(ColorNav, {}),
-      /* @__PURE__ */ jsx10(Welcome, { compact: true })
-    ] }),
+  return /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", paddingX: 1, children: [
+    screen !== "benchmark" && /* @__PURE__ */ jsx10(Chrome, {}),
     screen === "home" && /* @__PURE__ */ jsx10(Dashboard, { session: props.session }),
     screen === "models" && /* @__PURE__ */ jsx10(ModelsView, { session: props.session }),
     screen === "hardware" && /* @__PURE__ */ jsx10(HardwareView, { session: props.session }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pudu-ai",
-  "version": "0.2.9",
+  "version": "0.2.11",
   "description": "Pudu-AI — local AI hardware & benchmark lab for the terminal",
   "keywords": [
     "ai",