pudu-ai 0.2.8 → 0.2.10

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",
   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",
   machine: "EQUIPO",
   runtimes: "RUNTIMES DE IA LOCAL",
   installedModels: "MODELOS INSTALADOS",
@@ -1986,7 +1986,7 @@ import { render } from "ink";
 
 // src/tui/App.tsx
 import { Box as Box10, useApp as useApp2, useInput as useInput4 } from "ink";
-import { useMemo as useMemo2, useState as useState4 } from "react";
+import { useMemo as useMemo2, useRef as useRef2, useState as useState4 } from "react";
 
 // src/tui/views/Dashboard.tsx
 import { Box, Text } from "ink";
@@ -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";
@@ -2050,78 +2040,65 @@ import { jsx, jsxs } from "react/jsx-runtime";
 function Dashboard({ session }) {
   const h = session.hardware;
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: t("aboutDashboard") }),
-    /* @__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",
+      /* @__PURE__ */ jsx(Text, { color: "cyan", children: h.machineModel ?? t("unknownMachine") }),
+      /* @__PURE__ */ jsxs(Text, { children: [
+        " \xB7 ",
+        h.cpu.name ?? t("cpuNa")
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { children: [
+        " \xB7 ",
+        h.cpu.physicalCores ?? "?",
+        "c"
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { children: [
         " ",
-        r.label.padEnd(14),
+        "\xB7 ",
+        formatBytes(h.memory.totalBytes, 0),
         " ",
-        r.detected ? r.version ?? t("detected") : t("notDetected")
-      ] }, r.id))
+        memoryLabel(h)
+      ] })
     ] }),
-    /* @__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: session.runtimes.map((r, i) => /* @__PURE__ */ jsxs(Text, { color: r.detected ? "green" : "gray", children: [
+      i ? "  " : "",
+      r.detected ? "\u2713" : "\u25CB",
+      r.label
+    ] }, r.id)) }),
+    session.rows.slice(0, 5).map((row) => /* @__PURE__ */ jsxs(Text, { children: [
+      /* @__PURE__ */ jsx(Text, { color: "green", children: row.local.name }),
+      /* @__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)),
+    session.recommendations.slice(0, 4).map((rec) => /* @__PURE__ */ jsxs(Text, { children: [
+      /* @__PURE__ */ jsx(Text, { color: "magenta", children: rec.useCase }),
+      /* @__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") })
-    ] })
+        rec.model.name,
+        " "
+      ] }),
+      /* @__PURE__ */ jsx(Text, { color: gradeColor(rec.grade), children: rec.grade })
+    ] }, `${rec.useCase}-${rec.model.id}`)),
+    /* @__PURE__ */ jsx(Text, { color: "yellow", children: t("setupCta") })
   ] });
 }
 
 // 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;
@@ -2570,42 +2547,32 @@ function RecommendView({ session }) {
       });
     }
   });
+  const tag = rec ? resolveOllamaTag(rec.model.id, rec.model.name) : void 0;
   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") }),
+    /* @__PURE__ */ jsx4(Text4, { bold: true, color: "yellow", children: t("setupTitle") }),
     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 }),
-      " ",
-      GRADE_MEANING[item.grade],
+      item.model.name,
       " ",
-      /* @__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))
+        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__ */ jsxs4(Text4, { dimColor: true, children: [
+      "Enter=pull ",
+      tag ?? "",
+      " \xB7 1/2/3=agent"
     ] }),
-    /* @__PURE__ */ jsx4(Box4, { marginTop: 1, children: /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: t("setupKeys") }) }),
     log ? /* @__PURE__ */ jsx4(Text4, { color: "green", children: log }) : null
   ] });
 }
@@ -3071,15 +3038,7 @@ function TasksView({ session }) {
 }
 
 // src/tui/keys.ts
-function handleAppKey(screen, input, key) {
-  const letter = input.toLowerCase();
-  if (screen === "benchmark") return { type: "ignore" };
-  if (screen === "recommend" || screen === "tasks") {
-    if (letter === "q") return { type: "quit" };
-    if (key.escape) return { type: "home" };
-    return { type: "ignore" };
-  }
-  if (letter === "q" || key.escape) return { type: "quit" };
+function globalNav(letter) {
   if (letter === "b") return { type: "screen", screen: "benchmark" };
   if (letter === "m") return { type: "screen", screen: "models" };
   if (letter === "r") return { type: "screen", screen: "recommend" };
@@ -3087,7 +3046,20 @@ function handleAppKey(screen, input, key) {
   if (letter === "c") return { type: "screen", screen: "compare" };
   if (letter === "l") return { type: "screen", screen: "history" };
   if (letter === "t") return { type: "screen", screen: "tasks" };
-  if (letter === "s" || letter === "i") return { type: "screen", screen: "recommend" };
+  if (letter === "s") return { type: "screen", screen: "recommend" };
+  return void 0;
+}
+function handleAppKey(screen, input, key) {
+  const letter = input.toLowerCase();
+  if (screen === "benchmark") return { type: "ignore" };
+  if (letter === "q") return { type: "quit" };
+  if (key.escape) return screen === "home" ? { type: "quit" } : { type: "home" };
+  if (screen === "recommend") {
+    if (letter === "i" || letter === "1" || letter === "2" || letter === "3") return { type: "ignore" };
+  }
+  const nav = globalNav(letter);
+  if (nav) return nav;
+  if (letter === "i" && screen === "home") return { type: "screen", screen: "recommend" };
   if (key.return && screen === "home") return { type: "screen", screen: "benchmark" };
   return { type: "ignore" };
 }
@@ -3095,78 +3067,46 @@ 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: [
-      /* @__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" })
+function Chrome() {
+  return /* @__PURE__ */ jsxs8(Box9, { children: [
+    /* @__PURE__ */ jsx9(Text9, { bold: true, color: "cyan", children: t("appTitle") }),
+    /* @__PURE__ */ jsxs8(Text9, { color: "magenta", children: [
+      " ",
+      t("byline"),
+      " "
     ] }),
-    /* @__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, { 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 { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function App(props) {
   const { exit } = useApp2();
   const [screen, setScreen] = useState4(props.start ?? "home");
+  const screenRef = useRef2(screen);
+  screenRef.current = screen;
   const [selected, setSelected] = useState4(0);
   const benchable = useMemo2(
     () => props.session.models.filter((m) => Boolean(m.artifactPath)),
     [props.session.models]
   );
   useInput4((input, key) => {
-    const result = handleAppKey(screen, input, key);
+    const result = handleAppKey(screenRef.current, input, key);
     if (result.type === "quit") exit();
     if (result.type === "home") setScreen("home");
     if (result.type === "screen") setScreen(result.screen);
   });
-  return /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", padding: 1, children: [
-    screen !== "benchmark" && /* @__PURE__ */ jsx10(Welcome, { compact: screen !== "home" }),
+  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 }),
@@ -3184,8 +3124,7 @@ function App(props) {
         preset: props.preset,
         onBack: () => setScreen("home")
       }
-    ),
-    screen !== "benchmark" && /* @__PURE__ */ jsx10(ColorNav, {})
+    )
   ] });
 }
 

package/package.json

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