pudu-ai 0.2.11 → 0.2.13

package/dist/cli/index.js

@@ -1985,11 +1985,11 @@ function setLogLevel(next) {
 import { render } from "ink";
 
 // src/tui/App.tsx
-import { Box as Box10, useApp as useApp2, useInput as useInput4 } from "ink";
-import { useMemo as useMemo2, useRef as useRef2, useState as useState4 } from "react";
+import { Box as Box11, useApp as useApp2, useInput as useInput4 } from "ink";
+import { useMemo as useMemo2, useRef as useRef2, useState as useState5 } from "react";
 
 // src/tui/views/Dashboard.tsx
-import { Box, Text } from "ink";
+import { Box, Text as Text2 } from "ink";
 
 // src/shared/format.ts
 function formatNumber(value, digits = 1) {
@@ -2035,6 +2035,39 @@ 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/Typewriter.tsx
+import { Text } from "ink";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var finished = /* @__PURE__ */ new Set();
+function Typewriter(props) {
+  const start = props.once && finished.has(props.text) ? props.text.length : 0;
+  const [n, setN] = useState(start);
+  useEffect(() => {
+    if (props.once && finished.has(props.text)) {
+      setN(props.text.length);
+      return;
+    }
+    setN(0);
+  }, [props.text, props.once]);
+  useEffect(() => {
+    if (n >= props.text.length) return;
+    const timer = setTimeout(() => {
+      setN((v) => {
+        const next = v + 1;
+        if (props.once && next >= props.text.length) finished.add(props.text);
+        return next;
+      });
+    }, props.ms ?? 16);
+    return () => clearTimeout(timer);
+  }, [n, props.text, props.ms, props.once]);
+  const done = n >= props.text.length;
+  return /* @__PURE__ */ jsxs(Text, { color: props.color, dimColor: props.dimColor, bold: props.bold, children: [
+    props.text.slice(0, n),
+    done ? null : /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: "\u258D" })
+  ] });
+}
+
 // src/tui/width.ts
 import { useStdout } from "ink";
 function useCols() {
@@ -2049,7 +2082,7 @@ function fit(text, width) {
 }
 
 // src/tui/views/Dashboard.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function Dashboard({ session }) {
   const cols = useCols();
   const h = session.hardware;
@@ -2057,41 +2090,41 @@ function Dashboard({ session }) {
     `${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: [
+  return /* @__PURE__ */ jsxs2(Box, { flexDirection: "column", width: cols, children: [
+    /* @__PURE__ */ jsx2(Text2, { bold: true, color: "cyan", children: t("machine") }),
+    /* @__PURE__ */ jsx2(Text2, { children: line }),
+    /* @__PURE__ */ jsx2(Text2, { children: session.runtimes.map((r, i) => /* @__PURE__ */ jsxs2(Text2, { 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: [
+    /* @__PURE__ */ jsx2(Text2, { bold: true, color: "cyan", children: t("installedModels") }),
+    session.rows.length === 0 && /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: t("noModels") }),
+    session.rows.slice(0, 6).map((row) => /* @__PURE__ */ jsxs2(Text2, { children: [
+      /* @__PURE__ */ jsx2(Text2, { color: "green", children: fit(row.local.name, 18) }),
+      /* @__PURE__ */ jsx2(Text2, { children: " " }),
+      /* @__PURE__ */ jsx2(Text2, { color: gradeColor(row.compatibility?.grade), children: row.compatibility?.grade ?? "\u2014" }),
+      /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
         " ",
         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: fit(rec.useCase, 10) }),
-      /* @__PURE__ */ jsxs(Text, { children: [
+    /* @__PURE__ */ jsx2(Text2, { bold: true, color: "cyan", children: t("recommended") }),
+    session.recommendations.slice(0, 4).map((rec) => /* @__PURE__ */ jsxs2(Text2, { children: [
+      /* @__PURE__ */ jsx2(Text2, { color: "magenta", children: fit(rec.useCase, 10) }),
+      /* @__PURE__ */ jsxs2(Text2, { children: [
         " ",
         fit(rec.model.name, 22),
         " "
       ] }),
-      /* @__PURE__ */ jsx(Text, { color: gradeColor(rec.grade), children: rec.grade })
+      /* @__PURE__ */ jsx2(Text2, { color: gradeColor(rec.grade), children: rec.grade })
     ] }, `${rec.useCase}-${rec.model.id}`)),
-    /* @__PURE__ */ jsx(Text, { color: "yellow", children: fit(t("setupCta"), cols) })
+    /* @__PURE__ */ jsx2(Typewriter, { text: fit(t("setupCta"), cols), ms: 18, color: "yellow" })
   ] });
 }
 
 // src/tui/views/Models.tsx
-import { Box as Box2, Text as Text2 } from "ink";
+import { Box as Box2, Text as Text3 } from "ink";
 
 // src/compatibility/types.ts
 var GRADE_MEANING = {
@@ -2295,28 +2328,57 @@ function resultText(record, assessment) {
 }
 
 // src/tui/views/Models.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function ModelsView({ session }) {
-  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx2(Text2, { children: modelsText(session) }),
-    /* @__PURE__ */ jsx2(Text2, { color: "yellow", children: t("modelsHint") })
+  return /* @__PURE__ */ jsxs3(Box2, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx3(Text3, { children: modelsText(session) }),
+    /* @__PURE__ */ jsx3(Text3, { color: "yellow", children: t("modelsHint") })
   ] });
 }
 
 // src/tui/views/Hardware.tsx
-import { Box as Box3, Text as Text3 } from "ink";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Box as Box3, Text as Text4 } from "ink";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function HardwareView({ session }) {
-  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx3(Text3, { children: hardwareText(session) }),
-    /* @__PURE__ */ jsx3(Text3, { children: runtimesText(session) }),
-    /* @__PURE__ */ jsx3(Text3, { color: "yellow", children: t("hardwareHint") })
+  return /* @__PURE__ */ jsxs4(Box3, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx4(Text4, { children: hardwareText(session) }),
+    /* @__PURE__ */ jsx4(Text4, { children: runtimesText(session) }),
+    /* @__PURE__ */ jsx4(Text4, { color: "yellow", children: t("hardwareHint") })
   ] });
 }
 
 // src/tui/views/Recommend.tsx
-import { Box as Box4, Text as Text4, useApp, useInput } from "ink";
-import { useState } from "react";
+import { Box as Box4, Text as Text5 } from "ink";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function RecommendView({ session }) {
+  const cols = useCols();
+  return /* @__PURE__ */ jsxs5(Box4, { flexDirection: "column", width: cols, children: [
+    /* @__PURE__ */ jsx5(Text5, { bold: true, color: "magenta", children: t("recommended") }),
+    /* @__PURE__ */ jsx5(Typewriter, { text: fit(t("aboutRecommend"), cols), ms: 12, dimColor: true }),
+    session.recommendations.map((rec) => /* @__PURE__ */ jsxs5(Text5, { children: [
+      /* @__PURE__ */ jsx5(Text5, { color: "magenta", children: fit(rec.useCase, 10) }),
+      /* @__PURE__ */ jsxs5(Text5, { children: [
+        " ",
+        fit(rec.model.name, 22),
+        " "
+      ] }),
+      /* @__PURE__ */ jsx5(Text5, { color: gradeColor(rec.grade), children: rec.grade }),
+      /* @__PURE__ */ jsxs5(Text5, { children: [
+        " ",
+        GRADE_MEANING[rec.grade]
+      ] }),
+      /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+        " ",
+        resolveOllamaTag(rec.model.id, rec.model.name) ?? "\u2014"
+      ] })
+    ] }, `${rec.useCase}-${rec.model.id}`)),
+    /* @__PURE__ */ jsx5(Text5, { color: "yellow", children: fit(t("setupCta"), cols) })
+  ] });
+}
+
+// src/tui/views/Setup.tsx
+import { Box as Box5, Text as Text6, useApp, useInput } from "ink";
+import { useState as useState2 } from "react";
 
 // src/integrations/catalog.ts
 var INTEGRATIONS = {
@@ -2505,19 +2567,19 @@ 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 jsx6, jsxs as jsxs6 } 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("");
-  const [busy, setBusy] = useState(false);
+  const [cursor, setCursor] = useState2(0);
+  const [log, setLog] = useState2("");
+  const [busy, setBusy] = useState2(false);
   const recs = session.recommendations;
   const rec = recs[cursor];
   useInput((input, key) => {
@@ -2553,19 +2615,19 @@ function RecommendView({ session }) {
     }
   });
   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: [
+  return /* @__PURE__ */ jsxs6(Box5, { flexDirection: "column", width: cols, children: [
+    /* @__PURE__ */ jsx6(Text6, { bold: true, color: "yellow", children: fit(t("setupTitle"), cols) }),
+    recs.map((item, i) => /* @__PURE__ */ jsxs6(Text6, { color: i === cursor ? "cyan" : void 0, children: [
       i === cursor ? "\u276F " : "  ",
       fit(item.model.name, 20),
       " ",
-      /* @__PURE__ */ jsx4(Text4, { color: gradeColor(item.grade), children: item.grade }),
-      /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+      /* @__PURE__ */ jsx6(Text6, { color: gradeColor(item.grade), children: item.grade }),
+      /* @__PURE__ */ jsxs6(Text6, { 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__ */ jsx6(Text6, { children: session.agents.map((agent, index) => /* @__PURE__ */ jsxs6(Text6, { color: agent.detected ? "green" : "gray", children: [
       index ? "  " : "",
       "[",
       index + 1,
@@ -2573,28 +2635,28 @@ function RecommendView({ session }) {
       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
+    /* @__PURE__ */ jsx6(Typewriter, { text: fit(`Enter=pull ${tag ?? ""}  1/2/3=agent  Esc=back`, cols), ms: 14, dimColor: true }),
+    log ? /* @__PURE__ */ jsx6(Text6, { 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 Text7 } from "ink";
+import { jsx as jsx7 } from "react/jsx-runtime";
 function CompareView({ session }) {
-  return /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", children: /* @__PURE__ */ jsx5(Text5, { children: compareText(session.history) }) });
+  return /* @__PURE__ */ jsx7(Box6, { flexDirection: "column", children: /* @__PURE__ */ jsx7(Text7, { children: compareText(session.history) }) });
 }
 
 // src/tui/views/Benchmark.tsx
-import { Box as Box6, Text as Text6, 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 { Box as Box7, Text as Text8, useInput as useInput2 } from "ink";
+import { useEffect as useEffect2, useRef, useState as useState3 } from "react";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function BenchmarkView(props) {
-  const [phase, setPhase] = useState2(props.models.length ? "select" : "error");
-  const [sample, setSample] = useState2();
-  const [elapsed, setElapsed] = useState2(0);
-  const [result, setResult] = useState2();
-  const [error, setError] = useState2(props.models.length ? "" : t("noGguf"));
+  const [phase, setPhase] = useState3(props.models.length ? "select" : "error");
+  const [sample, setSample] = useState3();
+  const [elapsed, setElapsed] = useState3(0);
+  const [result, setResult] = useState3();
+  const [error, setError] = useState3(props.models.length ? "" : t("noGguf"));
   const cpuHist = useRef([]);
   const memHist = useRef([]);
   const abortRef = useRef(void 0);
@@ -2610,7 +2672,7 @@ function BenchmarkView(props) {
       props.onBack();
     }
   });
-  useEffect(() => {
+  useEffect2(() => {
     if (phase !== "running") return;
     const model2 = props.models[props.selected];
     if (!model2) return;
@@ -2648,19 +2710,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__ */ jsxs7(Box7, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx8(Text8, { bold: true, children: t("selectBenchmark") }),
+      props.models.map((m, i) => /* @__PURE__ */ jsxs7(Text8, { 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__ */ jsx8(Text8, { 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__ */ jsxs7(Box7, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx8(Text8, { children: resultText(result.record, result.assessment) }),
+      /* @__PURE__ */ jsxs7(Text8, { dimColor: true, children: [
         t("saved"),
         " ",
         result.path
@@ -2668,17 +2730,17 @@ function BenchmarkView(props) {
     ] });
   }
   if (phase === "error") {
-    return /* @__PURE__ */ jsx6(Box6, { flexDirection: "column", children: /* @__PURE__ */ jsx6(Text6, { color: "red", children: error }) });
+    return /* @__PURE__ */ jsx8(Box7, { flexDirection: "column", children: /* @__PURE__ */ jsx8(Text8, { 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__ */ jsxs7(Box7, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs7(Box7, { borderStyle: "round", borderColor: "cyan", flexDirection: "column", paddingX: 1, children: [
+      /* @__PURE__ */ jsx8(Text8, { bold: true, children: t("benchmarkTitle") }),
+      /* @__PURE__ */ jsx8(Text8, { children: model?.name }),
+      /* @__PURE__ */ jsxs7(Text8, { dimColor: true, children: [
         h.cpu.name,
         " \xB7 ",
         formatBytes(h.memory.totalBytes, 0),
@@ -2686,31 +2748,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__ */ jsxs7(Box7, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx8(Text8, { bold: true, color: "cyan", children: t("performance") }),
+      /* @__PURE__ */ jsxs7(Text8, { children: [
         t("elapsed"),
         "                    ",
         elapsed.toFixed(1),
         " s"
       ] }),
-      /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: t("measuredAfter") })
+      /* @__PURE__ */ jsx8(Text8, { 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__ */ jsxs7(Box7, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx8(Text8, { bold: true, color: "cyan", children: t("system") }),
+      /* @__PURE__ */ jsxs7(Text8, { children: [
         "CPU       ",
         bar(cpu),
         "       ",
         formatPercent(cpu)
       ] }),
-      /* @__PURE__ */ jsxs5(Text6, { children: [
+      /* @__PURE__ */ jsxs7(Text8, { children: [
         "GPU       ",
         bar(gpu),
         "       ",
         formatPercent(gpu)
       ] }),
-      /* @__PURE__ */ jsxs5(Text6, { children: [
+      /* @__PURE__ */ jsxs7(Text8, { children: [
         "Memory    ",
         bar(memUsed && memTotal ? memUsed / memTotal * 100 : void 0),
         "      ",
@@ -2718,56 +2780,56 @@ function BenchmarkView(props) {
         " / ",
         formatBytes(memTotal, 0)
       ] }),
-      /* @__PURE__ */ jsxs5(Text6, { children: [
+      /* @__PURE__ */ jsxs7(Text8, { 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__ */ jsxs7(Box7, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx8(Text8, { bold: true, color: "cyan", children: t("powerThermals") }),
+      /* @__PURE__ */ jsxs7(Text8, { children: [
         "Package                    ",
         sample?.packagePowerWatts ?? "N/A",
         " W"
       ] }),
-      /* @__PURE__ */ jsxs5(Text6, { children: [
+      /* @__PURE__ */ jsxs7(Text8, { children: [
         "Temperature                ",
         sample?.thermal?.temperatureC ?? "N/A",
         " \xB0C"
       ] }),
-      /* @__PURE__ */ jsxs5(Text6, { children: [
+      /* @__PURE__ */ jsxs7(Text8, { children: [
         "Thermal Pressure           ",
         sample?.thermal?.pressure ?? "N/A"
       ] }),
-      /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: t("permissionsHint") })
+      /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: t("permissionsHint") })
     ] }),
-    /* @__PURE__ */ jsxs5(Text6, { children: [
+    /* @__PURE__ */ jsxs7(Text8, { children: [
       sparkline(cpuHist.current),
       " CPU"
     ] }),
-    /* @__PURE__ */ jsxs5(Text6, { children: [
+    /* @__PURE__ */ jsxs7(Text8, { children: [
       sparkline(memHist.current.map((v) => v / 1024 ** 3)),
       " Memory"
     ] }),
-    /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: t("cancelHint") })
+    /* @__PURE__ */ jsx8(Text8, { 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 Text9 } from "ink";
+import { jsx as jsx9, jsxs as jsxs8 } 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__ */ jsxs8(Box8, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx9(Text9, { bold: true, color: "cyan", children: t("measured") }),
+    /* @__PURE__ */ jsx9(Text9, { children: historyText(session.history) })
   ] });
 }
 
 // src/tui/views/Tasks.tsx
-import { Box as Box8, Text as Text8, useInput as useInput3 } from "ink";
-import { useMemo, useState as useState3 } from "react";
+import { Box as Box9, Text as Text10, useInput as useInput3 } from "ink";
+import { useMemo, useState as useState4 } from "react";
 
 // src/tasks/catalog.ts
 var TASK_CATALOG = [
@@ -2962,7 +3024,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 jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var KIND_LABEL = {
   code: "tasksOptCode",
   video: "tasksOptVideo",
@@ -2971,11 +3033,11 @@ var KIND_LABEL = {
   chat: "tasksOptChat"
 };
 function TasksView({ session }) {
-  const [step, setStep] = useState3(0);
-  const [cursor, setCursor] = useState3(0);
-  const [kinds, setKinds] = useState3(["code", "chat"]);
-  const [scope, setScope] = useState3("installed");
-  const [priority, setPriority] = useState3("balanced");
+  const [step, setStep] = useState4(0);
+  const [cursor, setCursor] = useState4(0);
+  const [kinds, setKinds] = useState4(["code", "chat"]);
+  const [scope, setScope] = useState4("installed");
+  const [priority, setPriority] = useState4("balanced");
   const plans = useMemo(
     () => planTasks(session, { kinds, scope, priority }),
     [session, kinds, scope, priority]
@@ -3003,13 +3065,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__ */ jsx10(Box9, { flexDirection: "column", children: /* @__PURE__ */ jsx10(Text10, { 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__ */ jsxs9(Box9, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx10(Text10, { bold: true, color: "cyan", children: t("tasksTitle") }),
+    step === 0 && /* @__PURE__ */ jsxs9(Fragment, { children: [
+      /* @__PURE__ */ jsx10(Text10, { children: t("tasksQ1") }),
+      WORK_KINDS.map((kind, i) => /* @__PURE__ */ jsxs9(Text10, { color: i === cursor ? "cyan" : void 0, children: [
         i === cursor ? "\u276F " : "  ",
         "[",
         kinds.includes(kind) ? "x" : " ",
@@ -3017,20 +3079,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__ */ jsxs9(Fragment, { children: [
+      /* @__PURE__ */ jsx10(Text10, { children: t("tasksQ2") }),
+      /* @__PURE__ */ jsxs9(Text10, { color: scope === "installed" ? "cyan" : void 0, children: [
         scope === "installed" ? "\u276F " : "  ",
         t("tasksOptInstalled")
       ] }),
-      /* @__PURE__ */ jsxs7(Text8, { color: scope === "all" ? "cyan" : void 0, children: [
+      /* @__PURE__ */ jsxs9(Text10, { 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__ */ jsxs9(Fragment, { children: [
+      /* @__PURE__ */ jsx10(Text10, { children: t("tasksQ3") }),
+      ["speed", "balanced", "quality"].map((item) => /* @__PURE__ */ jsxs9(Text10, { color: priority === item ? "cyan" : void 0, children: [
         priority === item ? "\u276F " : "  ",
         item === "speed" ? t("tasksOptSpeed") : item === "quality" ? t("tasksOptQuality") : t("tasksOptBalanced")
       ] }, item))
@@ -3047,7 +3109,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) {
@@ -3055,72 +3117,65 @@ 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 { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Box as Box10, Text as Text11 } from "ink";
+import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs10 } 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") }),
-      wide ? /* @__PURE__ */ jsxs8(Text9, { color: "gray", children: [
-        " \xB7 ",
-        fit(t("appSubtitle"), cols - 28)
-      ] }) : null
-    ] }),
-    /* @__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]" })
+  const brand = `${t("appTitle")}  ${t("byline")}`;
+  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", width: cols, marginBottom: 1, children: [
+    /* @__PURE__ */ jsx11(Typewriter, { text: brand, ms: 28, color: "cyan", bold: true, once: true }),
+    /* @__PURE__ */ jsx11(Text11, { children: wide ? /* @__PURE__ */ jsxs10(Fragment2, { children: [
+      /* @__PURE__ */ jsx11(Text11, { color: "yellow", children: "[S] Setup" }),
+      /* @__PURE__ */ jsx11(Text11, { children: "  " }),
+      /* @__PURE__ */ jsx11(Text11, { color: "green", children: "[B] Bench" }),
+      /* @__PURE__ */ jsx11(Text11, { children: "  " }),
+      /* @__PURE__ */ jsx11(Text11, { color: "cyan", children: "[M] Models" }),
+      /* @__PURE__ */ jsx11(Text11, { children: "  " }),
+      /* @__PURE__ */ jsx11(Text11, { color: "magenta", children: "[R] Rec" }),
+      /* @__PURE__ */ jsx11(Text11, { children: "  " }),
+      /* @__PURE__ */ jsx11(Text11, { color: "blue", children: "[T] Tasks" }),
+      /* @__PURE__ */ jsx11(Text11, { children: "  " }),
+      /* @__PURE__ */ jsx11(Text11, { children: "[H] HW" }),
+      /* @__PURE__ */ jsx11(Text11, { children: "  " }),
+      /* @__PURE__ */ jsx11(Text11, { color: "green", children: "[C] Cmp" }),
+      /* @__PURE__ */ jsx11(Text11, { children: "  " }),
+      /* @__PURE__ */ jsx11(Text11, { color: "cyan", children: "[L] Log" }),
+      /* @__PURE__ */ jsx11(Text11, { children: "  " }),
+      /* @__PURE__ */ jsx11(Text11, { color: "red", children: "[Q] Quit" })
+    ] }) : /* @__PURE__ */ jsxs10(Fragment2, { children: [
+      /* @__PURE__ */ jsx11(Text11, { color: "yellow", children: "[S]" }),
+      /* @__PURE__ */ jsx11(Text11, { color: "green", children: "[B]" }),
+      /* @__PURE__ */ jsx11(Text11, { color: "cyan", children: "[M]" }),
+      /* @__PURE__ */ jsx11(Text11, { color: "magenta", children: "[R]" }),
+      /* @__PURE__ */ jsx11(Text11, { color: "blue", children: "[T]" }),
+      /* @__PURE__ */ jsx11(Text11, { children: "[H]" }),
+      /* @__PURE__ */ jsx11(Text11, { color: "green", children: "[C]" }),
+      /* @__PURE__ */ jsx11(Text11, { color: "cyan", children: "[L]" }),
+      /* @__PURE__ */ jsx11(Text11, { color: "red", children: "[Q]" })
     ] }) })
   ] });
 }
 
 // src/tui/App.tsx
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 function App(props) {
   const { exit } = useApp2();
-  const [screen, setScreen] = useState4(props.start ?? "home");
+  const [screen, setScreen] = useState5(props.start ?? "home");
   const screenRef = useRef2(screen);
   screenRef.current = screen;
-  const [selected, setSelected] = useState4(0);
+  const [selected, setSelected] = useState5(0);
   const benchable = useMemo2(
     () => props.session.models.filter((m) => Boolean(m.artifactPath)),
     [props.session.models]
@@ -3131,16 +3186,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__ */ jsxs11(Box11, { flexDirection: "column", paddingX: 1, children: [
+    screen !== "benchmark" && /* @__PURE__ */ jsx12(Chrome, {}),
+    screen === "home" && /* @__PURE__ */ jsx12(Dashboard, { session: props.session }),
+    screen === "models" && /* @__PURE__ */ jsx12(ModelsView, { session: props.session }),
+    screen === "hardware" && /* @__PURE__ */ jsx12(HardwareView, { session: props.session }),
+    screen === "recommend" && /* @__PURE__ */ jsx12(RecommendView, { session: props.session }),
+    screen === "setup" && /* @__PURE__ */ jsx12(SetupView, { session: props.session }),
+    screen === "compare" && /* @__PURE__ */ jsx12(CompareView, { session: props.session }),
+    screen === "history" && /* @__PURE__ */ jsx12(HistoryView, { session: props.session }),
+    screen === "tasks" && /* @__PURE__ */ jsx12(TasksView, { session: props.session }),
+    screen === "benchmark" && /* @__PURE__ */ jsx12(
       BenchmarkView,
       {
         session: props.session,
@@ -3155,9 +3211,9 @@ function App(props) {
 }
 
 // src/tui/render.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 async function renderDashboard(session, preset, start) {
-  const instance = render(/* @__PURE__ */ jsx11(App, { session, preset, start }));
+  const instance = render(/* @__PURE__ */ jsx13(App, { session, preset, start }));
   await instance.waitUntilExit();
 }
 
@@ -3224,7 +3280,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.11",
+  "version": "0.2.13",
   "description": "Pudu-AI — local AI hardware & benchmark lab for the terminal",
   "keywords": [
     "ai",