pudu-ai 0.2.10 → 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: "[S] setup",
+  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: "[S] setup",
+  setupCta: "[S] Setup: instalar modelo + OpenCode / Hermes / OpenClaw",
   machine: "EQUIPO",
   runtimes: "RUNTIMES DE IA LOCAL",
   installedModels: "MODELOS INSTALADOS",
@@ -2035,37 +2035,40 @@ 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__ */ jsxs(Text, { children: [
-      /* @__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: [
-        " ",
-        "\xB7 ",
-        formatBytes(h.memory.totalBytes, 0),
-        " ",
-        memoryLabel(h)
-      ] })
-    ] }),
+  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: line }),
     /* @__PURE__ */ jsx(Text, { children: session.runtimes.map((r, i) => /* @__PURE__ */ jsxs(Text, { color: r.detected ? "green" : "gray", children: [
-      i ? "  " : "",
+      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, { 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: [
@@ -2073,16 +2076,17 @@ function Dashboard({ session }) {
         row.lastBenchmark?.benchmark.generationTokensPerSecond ? formatTokensPerSec(row.lastBenchmark.benchmark.generationTokensPerSecond) : t("notTested")
       ] })
     ] }, 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: rec.useCase }),
+      /* @__PURE__ */ jsx(Text, { color: "magenta", children: fit(rec.useCase, 10) }),
       /* @__PURE__ */ jsxs(Text, { children: [
         " ",
-        rec.model.name,
+        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: t("setupCta") })
+    /* @__PURE__ */ jsx(Text, { color: "yellow", children: fit(t("setupCta"), cols) })
   ] });
 }
 
@@ -2146,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"));
@@ -2383,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({
@@ -2392,7 +2396,7 @@ function decideLaunch(session, id) {
         ollamaTag: tag,
         installed: false,
         origin: "estimated",
-        grade: fit.grade
+        grade: fit2.grade
       });
     }
   }
@@ -2509,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("");
@@ -2548,11 +2553,11 @@ function RecommendView({ session }) {
     }
   });
   const tag = rec ? resolveOllamaTag(rec.model.id, rec.model.name) : void 0;
-  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx4(Text4, { bold: true, color: "yellow", children: t("setupTitle") }),
+  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 " : "  ",
-      item.model.name,
+      fit(item.model.name, 20),
       " ",
       /* @__PURE__ */ jsx4(Text4, { color: gradeColor(item.grade), children: item.grade }),
       /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
@@ -2568,12 +2573,8 @@ function RecommendView({ session }) {
       agent.detected ? "\u2713" : "\u25CB",
       agent.label
     ] }, agent.id)) }),
-    /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
-      "Enter=pull ",
-      tag ?? "",
-      " \xB7 1/2/3=agent"
-    ] }),
-    log ? /* @__PURE__ */ jsx4(Text4, { color: "green", children: log }) : null
+    /* @__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
   ] });
 }
 
@@ -2896,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
     };
@@ -3066,24 +3067,49 @@ 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";
+import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 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"),
-      " "
+  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") }),
+      wide ? /* @__PURE__ */ jsxs8(Text9, { color: "gray", children: [
+        " \xB7 ",
+        fit(t("appSubtitle"), cols - 28)
+      ] }) : null
     ] }),
-    /* @__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]" })
+    /* @__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]" })
+    ] }) })
   ] });
 }
 

package/package.json

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