pudu-ai 0.2.10 → 0.2.12

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",
@@ -1985,7 +1985,7 @@ function setLogLevel(next) {
 import { render } from "ink";
 
 // src/tui/App.tsx
-import { Box as Box10, useApp as useApp2, useInput as useInput4 } from "ink";
+import { Box as Box11, useApp as useApp2, useInput as useInput4 } from "ink";
 import { useMemo as useMemo2, useRef as useRef2, useState as useState4 } from "react";
 
 // src/tui/views/Dashboard.tsx
@@ -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"));
@@ -2311,7 +2315,36 @@ function HardwareView({ session }) {
 }
 
 // src/tui/views/Recommend.tsx
-import { Box as Box4, Text as Text4, useApp, useInput } from "ink";
+import { Box as Box4, Text as Text4 } from "ink";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function RecommendView({ session }) {
+  const cols = useCols();
+  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", width: cols, children: [
+    /* @__PURE__ */ jsx4(Text4, { bold: true, color: "magenta", children: t("recommended") }),
+    /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: fit(t("aboutRecommend"), cols) }),
+    session.recommendations.map((rec) => /* @__PURE__ */ jsxs4(Text4, { children: [
+      /* @__PURE__ */ jsx4(Text4, { color: "magenta", children: fit(rec.useCase, 10) }),
+      /* @__PURE__ */ jsxs4(Text4, { children: [
+        " ",
+        fit(rec.model.name, 22),
+        " "
+      ] }),
+      /* @__PURE__ */ jsx4(Text4, { color: gradeColor(rec.grade), children: rec.grade }),
+      /* @__PURE__ */ jsxs4(Text4, { children: [
+        " ",
+        GRADE_MEANING[rec.grade]
+      ] }),
+      /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+        " ",
+        resolveOllamaTag(rec.model.id, rec.model.name) ?? "\u2014"
+      ] })
+    ] }, `${rec.useCase}-${rec.model.id}`)),
+    /* @__PURE__ */ jsx4(Text4, { color: "yellow", children: fit(t("setupCta"), cols) })
+  ] });
+}
+
+// src/tui/views/Setup.tsx
+import { Box as Box5, Text as Text5, useApp, useInput } from "ink";
 import { useState } from "react";
 
 // src/integrations/catalog.ts
@@ -2383,8 +2416,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 +2425,7 @@ function decideLaunch(session, id) {
         ollamaTag: tag,
         installed: false,
         origin: "estimated",
-        grade: fit.grade
+        grade: fit2.grade
       });
     }
   }
@@ -2501,14 +2534,15 @@ async function pullOllamaModel(modelId, extraName) {
   return { ok: true, log: t("modelPulled", { model: tag }), tag };
 }
 
-// src/tui/views/Recommend.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+// src/tui/views/Setup.tsx
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var TOOLS = [
   { key: "1", id: "opencode", label: "OpenCode" },
   { key: "2", id: "hermes", label: "Hermes" },
   { key: "3", id: "openclaw", label: "OpenClaw" }
 ];
-function RecommendView({ session }) {
+function SetupView({ session }) {
+  const cols = useCols();
   const { exit } = useApp();
   const [cursor, setCursor] = useState(0);
   const [log, setLog] = useState("");
@@ -2548,19 +2582,19 @@ 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") }),
-    recs.map((item, i) => /* @__PURE__ */ jsxs4(Text4, { color: i === cursor ? "cyan" : void 0, children: [
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", width: cols, children: [
+    /* @__PURE__ */ jsx5(Text5, { bold: true, color: "yellow", children: fit(t("setupTitle"), cols) }),
+    recs.map((item, i) => /* @__PURE__ */ jsxs5(Text5, { 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: [
+      /* @__PURE__ */ jsx5(Text5, { color: gradeColor(item.grade), children: item.grade }),
+      /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
         " ",
         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: [
+    /* @__PURE__ */ jsx5(Text5, { children: session.agents.map((agent, index) => /* @__PURE__ */ jsxs5(Text5, { color: agent.detected ? "green" : "gray", children: [
       index ? "  " : "",
       "[",
       index + 1,
@@ -2568,26 +2602,22 @@ 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__ */ jsx5(Text5, { dimColor: true, children: fit(`Enter=pull ${tag ?? ""}  1/2/3=agent  Esc=back`, cols) }),
+    log ? /* @__PURE__ */ jsx5(Text5, { color: "green", children: fit(log, cols) }) : null
   ] });
 }
 
 // src/tui/views/Compare.tsx
-import { Box as Box5, Text as Text5 } from "ink";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { Box as Box6, Text as Text6 } from "ink";
+import { jsx as jsx6 } from "react/jsx-runtime";
 function CompareView({ session }) {
-  return /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", children: /* @__PURE__ */ jsx5(Text5, { children: compareText(session.history) }) });
+  return /* @__PURE__ */ jsx6(Box6, { flexDirection: "column", children: /* @__PURE__ */ jsx6(Text6, { children: compareText(session.history) }) });
 }
 
 // src/tui/views/Benchmark.tsx
-import { Box as Box6, Text as Text6, useInput as useInput2 } from "ink";
+import { Box as Box7, Text as Text7, useInput as useInput2 } from "ink";
 import { useEffect, useRef, useState as useState2 } from "react";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function BenchmarkView(props) {
   const [phase, setPhase] = useState2(props.models.length ? "select" : "error");
   const [sample, setSample] = useState2();
@@ -2647,19 +2677,19 @@ function BenchmarkView(props) {
   const h = props.session.hardware;
   const model = props.models[props.selected];
   if (phase === "select") {
-    return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx6(Text6, { bold: true, children: t("selectBenchmark") }),
-      props.models.map((m, i) => /* @__PURE__ */ jsxs5(Text6, { color: i === props.selected ? "cyan" : void 0, children: [
+    return /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx7(Text7, { bold: true, children: t("selectBenchmark") }),
+      props.models.map((m, i) => /* @__PURE__ */ jsxs6(Text7, { color: i === props.selected ? "cyan" : void 0, children: [
         i === props.selected ? "\u276F " : "  ",
         m.name
       ] }, m.id)),
-      /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: t("enterToRun") })
+      /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: t("enterToRun") })
     ] });
   }
   if (phase === "done" && result) {
-    return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx6(Text6, { children: resultText(result.record, result.assessment) }),
-      /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
+    return /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx7(Text7, { children: resultText(result.record, result.assessment) }),
+      /* @__PURE__ */ jsxs6(Text7, { dimColor: true, children: [
         t("saved"),
         " ",
         result.path
@@ -2667,17 +2697,17 @@ function BenchmarkView(props) {
     ] });
   }
   if (phase === "error") {
-    return /* @__PURE__ */ jsx6(Box6, { flexDirection: "column", children: /* @__PURE__ */ jsx6(Text6, { color: "red", children: error }) });
+    return /* @__PURE__ */ jsx7(Box7, { flexDirection: "column", children: /* @__PURE__ */ jsx7(Text7, { color: "red", children: error }) });
   }
   const cpu = sample?.cpu?.utilizationPercent;
   const gpu = sample?.gpu?.utilizationPercent;
   const memUsed = sample?.memory.usedBytes;
   const memTotal = h.memory.totalBytes;
-  return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs5(Box6, { borderStyle: "round", borderColor: "cyan", flexDirection: "column", paddingX: 1, children: [
-      /* @__PURE__ */ jsx6(Text6, { bold: true, children: t("benchmarkTitle") }),
-      /* @__PURE__ */ jsx6(Text6, { children: model?.name }),
-      /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
+  return /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs6(Box7, { borderStyle: "round", borderColor: "cyan", flexDirection: "column", paddingX: 1, children: [
+      /* @__PURE__ */ jsx7(Text7, { bold: true, children: t("benchmarkTitle") }),
+      /* @__PURE__ */ jsx7(Text7, { children: model?.name }),
+      /* @__PURE__ */ jsxs6(Text7, { dimColor: true, children: [
         h.cpu.name,
         " \xB7 ",
         formatBytes(h.memory.totalBytes, 0),
@@ -2685,31 +2715,31 @@ function BenchmarkView(props) {
         memoryLabel(h)
       ] })
     ] }),
-    /* @__PURE__ */ jsxs5(Box6, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx6(Text6, { bold: true, color: "cyan", children: t("performance") }),
-      /* @__PURE__ */ jsxs5(Text6, { children: [
+    /* @__PURE__ */ jsxs6(Box7, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx7(Text7, { bold: true, color: "cyan", children: t("performance") }),
+      /* @__PURE__ */ jsxs6(Text7, { children: [
         t("elapsed"),
         "                    ",
         elapsed.toFixed(1),
         " s"
       ] }),
-      /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: t("measuredAfter") })
+      /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: t("measuredAfter") })
     ] }),
-    /* @__PURE__ */ jsxs5(Box6, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx6(Text6, { bold: true, color: "cyan", children: t("system") }),
-      /* @__PURE__ */ jsxs5(Text6, { children: [
+    /* @__PURE__ */ jsxs6(Box7, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx7(Text7, { bold: true, color: "cyan", children: t("system") }),
+      /* @__PURE__ */ jsxs6(Text7, { children: [
         "CPU       ",
         bar(cpu),
         "       ",
         formatPercent(cpu)
       ] }),
-      /* @__PURE__ */ jsxs5(Text6, { children: [
+      /* @__PURE__ */ jsxs6(Text7, { children: [
         "GPU       ",
         bar(gpu),
         "       ",
         formatPercent(gpu)
       ] }),
-      /* @__PURE__ */ jsxs5(Text6, { children: [
+      /* @__PURE__ */ jsxs6(Text7, { children: [
         "Memory    ",
         bar(memUsed && memTotal ? memUsed / memTotal * 100 : void 0),
         "      ",
@@ -2717,55 +2747,55 @@ function BenchmarkView(props) {
         " / ",
         formatBytes(memTotal, 0)
       ] }),
-      /* @__PURE__ */ jsxs5(Text6, { children: [
+      /* @__PURE__ */ jsxs6(Text7, { children: [
         "Swap      ",
         bar(0),
         "      ",
         sample ? formatBytes(sample.memory.swapUsedBytes) : "N/A"
       ] })
     ] }),
-    /* @__PURE__ */ jsxs5(Box6, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx6(Text6, { bold: true, color: "cyan", children: t("powerThermals") }),
-      /* @__PURE__ */ jsxs5(Text6, { children: [
+    /* @__PURE__ */ jsxs6(Box7, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx7(Text7, { bold: true, color: "cyan", children: t("powerThermals") }),
+      /* @__PURE__ */ jsxs6(Text7, { children: [
         "Package                    ",
         sample?.packagePowerWatts ?? "N/A",
         " W"
       ] }),
-      /* @__PURE__ */ jsxs5(Text6, { children: [
+      /* @__PURE__ */ jsxs6(Text7, { children: [
         "Temperature                ",
         sample?.thermal?.temperatureC ?? "N/A",
         " \xB0C"
       ] }),
-      /* @__PURE__ */ jsxs5(Text6, { children: [
+      /* @__PURE__ */ jsxs6(Text7, { children: [
         "Thermal Pressure           ",
         sample?.thermal?.pressure ?? "N/A"
       ] }),
-      /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: t("permissionsHint") })
+      /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: t("permissionsHint") })
     ] }),
-    /* @__PURE__ */ jsxs5(Text6, { children: [
+    /* @__PURE__ */ jsxs6(Text7, { children: [
       sparkline(cpuHist.current),
       " CPU"
     ] }),
-    /* @__PURE__ */ jsxs5(Text6, { children: [
+    /* @__PURE__ */ jsxs6(Text7, { children: [
       sparkline(memHist.current.map((v) => v / 1024 ** 3)),
       " Memory"
     ] }),
-    /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: t("cancelHint") })
+    /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: t("cancelHint") })
   ] });
 }
 
 // src/tui/views/History.tsx
-import { Box as Box7, Text as Text7 } from "ink";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Box as Box8, Text as Text8 } from "ink";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function HistoryView({ session }) {
-  return /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx7(Text7, { bold: true, color: "cyan", children: t("measured") }),
-    /* @__PURE__ */ jsx7(Text7, { children: historyText(session.history) })
+  return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx8(Text8, { bold: true, color: "cyan", children: t("measured") }),
+    /* @__PURE__ */ jsx8(Text8, { children: historyText(session.history) })
   ] });
 }
 
 // src/tui/views/Tasks.tsx
-import { Box as Box8, Text as Text8, useInput as useInput3 } from "ink";
+import { Box as Box9, Text as Text9, useInput as useInput3 } from "ink";
 import { useMemo, useState as useState3 } from "react";
 
 // src/tasks/catalog.ts
@@ -2896,13 +2926,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
     };
@@ -2961,7 +2991,7 @@ function tasksText(plans, answers) {
 }
 
 // src/tui/views/Tasks.tsx
-import { Fragment, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var KIND_LABEL = {
   code: "tasksOptCode",
   video: "tasksOptVideo",
@@ -3002,13 +3032,13 @@ function TasksView({ session }) {
     }
   });
   if (step === 3) {
-    return /* @__PURE__ */ jsx8(Box8, { flexDirection: "column", children: /* @__PURE__ */ jsx8(Text8, { children: tasksText(plans, { kinds, scope, priority }) }) });
+    return /* @__PURE__ */ jsx9(Box9, { flexDirection: "column", children: /* @__PURE__ */ jsx9(Text9, { children: tasksText(plans, { kinds, scope, priority }) }) });
   }
-  return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx8(Text8, { bold: true, color: "cyan", children: t("tasksTitle") }),
-    step === 0 && /* @__PURE__ */ jsxs7(Fragment, { children: [
-      /* @__PURE__ */ jsx8(Text8, { children: t("tasksQ1") }),
-      WORK_KINDS.map((kind, i) => /* @__PURE__ */ jsxs7(Text8, { color: i === cursor ? "cyan" : void 0, children: [
+  return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx9(Text9, { bold: true, color: "cyan", children: t("tasksTitle") }),
+    step === 0 && /* @__PURE__ */ jsxs8(Fragment, { children: [
+      /* @__PURE__ */ jsx9(Text9, { children: t("tasksQ1") }),
+      WORK_KINDS.map((kind, i) => /* @__PURE__ */ jsxs8(Text9, { color: i === cursor ? "cyan" : void 0, children: [
         i === cursor ? "\u276F " : "  ",
         "[",
         kinds.includes(kind) ? "x" : " ",
@@ -3016,20 +3046,20 @@ function TasksView({ session }) {
         t(KIND_LABEL[kind])
       ] }, kind))
     ] }),
-    step === 1 && /* @__PURE__ */ jsxs7(Fragment, { children: [
-      /* @__PURE__ */ jsx8(Text8, { children: t("tasksQ2") }),
-      /* @__PURE__ */ jsxs7(Text8, { color: scope === "installed" ? "cyan" : void 0, children: [
+    step === 1 && /* @__PURE__ */ jsxs8(Fragment, { children: [
+      /* @__PURE__ */ jsx9(Text9, { children: t("tasksQ2") }),
+      /* @__PURE__ */ jsxs8(Text9, { color: scope === "installed" ? "cyan" : void 0, children: [
         scope === "installed" ? "\u276F " : "  ",
         t("tasksOptInstalled")
       ] }),
-      /* @__PURE__ */ jsxs7(Text8, { color: scope === "all" ? "cyan" : void 0, children: [
+      /* @__PURE__ */ jsxs8(Text9, { color: scope === "all" ? "cyan" : void 0, children: [
         scope === "all" ? "\u276F " : "  ",
         t("tasksOptAll")
       ] })
     ] }),
-    step === 2 && /* @__PURE__ */ jsxs7(Fragment, { children: [
-      /* @__PURE__ */ jsx8(Text8, { children: t("tasksQ3") }),
-      ["speed", "balanced", "quality"].map((item) => /* @__PURE__ */ jsxs7(Text8, { color: priority === item ? "cyan" : void 0, children: [
+    step === 2 && /* @__PURE__ */ jsxs8(Fragment, { children: [
+      /* @__PURE__ */ jsx9(Text9, { children: t("tasksQ3") }),
+      ["speed", "balanced", "quality"].map((item) => /* @__PURE__ */ jsxs8(Text9, { color: priority === item ? "cyan" : void 0, children: [
         priority === item ? "\u276F " : "  ",
         item === "speed" ? t("tasksOptSpeed") : item === "quality" ? t("tasksOptQuality") : t("tasksOptBalanced")
       ] }, item))
@@ -3046,7 +3076,7 @@ function globalNav(letter) {
   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") return { type: "screen", screen: "recommend" };
+  if (letter === "s") return { type: "screen", screen: "setup" };
   return void 0;
 }
 function handleAppKey(screen, input, key) {
@@ -3054,41 +3084,66 @@ function handleAppKey(screen, input, key) {
   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 (screen === "setup") {
     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 (letter === "i" && screen === "home") return { type: "screen", screen: "setup" };
   if (key.return && screen === "home") return { type: "screen", screen: "benchmark" };
   return { type: "ignore" };
 }
 
 // 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 { Box as Box10, Text as Text10 } from "ink";
+import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs9 } 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__ */ jsxs9(Box10, { flexDirection: "column", width: cols, marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs9(Text10, { children: [
+      /* @__PURE__ */ jsx10(Text10, { bold: true, color: "cyan", children: t("appTitle") }),
+      /* @__PURE__ */ jsx10(Text10, { color: "gray", children: " \xB7 " }),
+      /* @__PURE__ */ jsx10(Text10, { color: "magenta", children: t("byline") }),
+      wide ? /* @__PURE__ */ jsxs9(Text10, { 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__ */ jsx10(Text10, { children: wide ? /* @__PURE__ */ jsxs9(Fragment2, { children: [
+      /* @__PURE__ */ jsx10(Text10, { color: "yellow", children: "[S] Setup" }),
+      /* @__PURE__ */ jsx10(Text10, { children: "  " }),
+      /* @__PURE__ */ jsx10(Text10, { color: "green", children: "[B] Bench" }),
+      /* @__PURE__ */ jsx10(Text10, { children: "  " }),
+      /* @__PURE__ */ jsx10(Text10, { color: "cyan", children: "[M] Models" }),
+      /* @__PURE__ */ jsx10(Text10, { children: "  " }),
+      /* @__PURE__ */ jsx10(Text10, { color: "magenta", children: "[R] Rec" }),
+      /* @__PURE__ */ jsx10(Text10, { children: "  " }),
+      /* @__PURE__ */ jsx10(Text10, { color: "blue", children: "[T] Tasks" }),
+      /* @__PURE__ */ jsx10(Text10, { children: "  " }),
+      /* @__PURE__ */ jsx10(Text10, { children: "[H] HW" }),
+      /* @__PURE__ */ jsx10(Text10, { children: "  " }),
+      /* @__PURE__ */ jsx10(Text10, { color: "green", children: "[C] Cmp" }),
+      /* @__PURE__ */ jsx10(Text10, { children: "  " }),
+      /* @__PURE__ */ jsx10(Text10, { color: "cyan", children: "[L] Log" }),
+      /* @__PURE__ */ jsx10(Text10, { children: "  " }),
+      /* @__PURE__ */ jsx10(Text10, { color: "red", children: "[Q] Quit" })
+    ] }) : /* @__PURE__ */ jsxs9(Fragment2, { children: [
+      /* @__PURE__ */ jsx10(Text10, { color: "yellow", children: "[S]" }),
+      /* @__PURE__ */ jsx10(Text10, { color: "green", children: "[B]" }),
+      /* @__PURE__ */ jsx10(Text10, { color: "cyan", children: "[M]" }),
+      /* @__PURE__ */ jsx10(Text10, { color: "magenta", children: "[R]" }),
+      /* @__PURE__ */ jsx10(Text10, { color: "blue", children: "[T]" }),
+      /* @__PURE__ */ jsx10(Text10, { children: "[H]" }),
+      /* @__PURE__ */ jsx10(Text10, { color: "green", children: "[C]" }),
+      /* @__PURE__ */ jsx10(Text10, { color: "cyan", children: "[L]" }),
+      /* @__PURE__ */ jsx10(Text10, { color: "red", children: "[Q]" })
+    ] }) })
   ] });
 }
 
 // src/tui/App.tsx
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 function App(props) {
   const { exit } = useApp2();
   const [screen, setScreen] = useState4(props.start ?? "home");
@@ -3105,16 +3160,17 @@ function App(props) {
     if (result.type === "home") setScreen("home");
     if (result.type === "screen") setScreen(result.screen);
   });
-  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 }),
-    screen === "recommend" && /* @__PURE__ */ jsx10(RecommendView, { session: props.session }),
-    screen === "compare" && /* @__PURE__ */ jsx10(CompareView, { session: props.session }),
-    screen === "history" && /* @__PURE__ */ jsx10(HistoryView, { session: props.session }),
-    screen === "tasks" && /* @__PURE__ */ jsx10(TasksView, { session: props.session }),
-    screen === "benchmark" && /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", paddingX: 1, children: [
+    screen !== "benchmark" && /* @__PURE__ */ jsx11(Chrome, {}),
+    screen === "home" && /* @__PURE__ */ jsx11(Dashboard, { session: props.session }),
+    screen === "models" && /* @__PURE__ */ jsx11(ModelsView, { session: props.session }),
+    screen === "hardware" && /* @__PURE__ */ jsx11(HardwareView, { session: props.session }),
+    screen === "recommend" && /* @__PURE__ */ jsx11(RecommendView, { session: props.session }),
+    screen === "setup" && /* @__PURE__ */ jsx11(SetupView, { session: props.session }),
+    screen === "compare" && /* @__PURE__ */ jsx11(CompareView, { session: props.session }),
+    screen === "history" && /* @__PURE__ */ jsx11(HistoryView, { session: props.session }),
+    screen === "tasks" && /* @__PURE__ */ jsx11(TasksView, { session: props.session }),
+    screen === "benchmark" && /* @__PURE__ */ jsx11(
       BenchmarkView,
       {
         session: props.session,
@@ -3129,9 +3185,9 @@ function App(props) {
 }
 
 // src/tui/render.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 async function renderDashboard(session, preset, start) {
-  const instance = render(/* @__PURE__ */ jsx11(App, { session, preset, start }));
+  const instance = render(/* @__PURE__ */ jsx12(App, { session, preset, start }));
   await instance.waitUntilExit();
 }
 
@@ -3198,7 +3254,7 @@ ${runtimesText(session)}`),
         print({ recommendations: session.recommendations, agents: session.agents }, true);
         return 0;
       }
-      await renderDashboard(session, args2.preset, "recommend");
+      await renderDashboard(session, args2.preset, "setup");
       return 0;
     case "recommend": {
       if (args2.install && args2.yes) {

package/package.json

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