pudu-ai 0.2.12 → 0.2.13

package/dist/cli/index.js

@@ -1986,10 +1986,10 @@ import { render } from "ink";
 
 // src/tui/App.tsx
 import { Box as Box11, useApp as useApp2, useInput as useInput4 } from "ink";
-import { useMemo as useMemo2, useRef as useRef2, useState as useState4 } from "react";
+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,57 +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 } from "ink";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+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__ */ 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: [
+  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__ */ jsx4(Text4, { color: gradeColor(rec.grade), children: rec.grade }),
-      /* @__PURE__ */ jsxs4(Text4, { children: [
+      /* @__PURE__ */ jsx5(Text5, { color: gradeColor(rec.grade), children: rec.grade }),
+      /* @__PURE__ */ jsxs5(Text5, { children: [
         " ",
         GRADE_MEANING[rec.grade]
       ] }),
-      /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+      /* @__PURE__ */ jsxs5(Text5, { 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) })
+    /* @__PURE__ */ jsx5(Text5, { 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";
+import { Box as Box5, Text as Text6, useApp, useInput } from "ink";
+import { useState as useState2 } from "react";
 
 // src/integrations/catalog.ts
 var INTEGRATIONS = {
@@ -2535,7 +2568,7 @@ async function pullOllamaModel(modelId, extraName) {
 }
 
 // src/tui/views/Setup.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+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" },
@@ -2544,9 +2577,9 @@ var TOOLS = [
 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) => {
@@ -2582,19 +2615,19 @@ function SetupView({ session }) {
     }
   });
   const tag = rec ? resolveOllamaTag(rec.model.id, rec.model.name) : void 0;
-  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: [
+  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__ */ jsx5(Text5, { color: gradeColor(item.grade), children: item.grade }),
-      /* @__PURE__ */ jsxs5(Text5, { 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__ */ jsx5(Text5, { children: session.agents.map((agent, index) => /* @__PURE__ */ jsxs5(Text5, { 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,
@@ -2602,28 +2635,28 @@ function SetupView({ session }) {
       agent.detected ? "\u2713" : "\u25CB",
       agent.label
     ] }, agent.id)) }),
-    /* @__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
+    /* @__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 Box6, Text as Text6 } from "ink";
-import { jsx as jsx6 } 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__ */ jsx6(Box6, { flexDirection: "column", children: /* @__PURE__ */ jsx6(Text6, { 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 Box7, Text as Text7, useInput as useInput2 } from "ink";
-import { useEffect, useRef, useState as useState2 } from "react";
-import { jsx as jsx7, jsxs as jsxs6 } 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);
@@ -2639,7 +2672,7 @@ function BenchmarkView(props) {
       props.onBack();
     }
   });
-  useEffect(() => {
+  useEffect2(() => {
     if (phase !== "running") return;
     const model2 = props.models[props.selected];
     if (!model2) return;
@@ -2677,19 +2710,19 @@ function BenchmarkView(props) {
   const h = props.session.hardware;
   const model = props.models[props.selected];
   if (phase === "select") {
-    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: [
+    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__ */ jsx7(Text7, { dimColor: true, children: t("enterToRun") })
+      /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: t("enterToRun") })
     ] });
   }
   if (phase === "done" && result) {
-    return /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx7(Text7, { children: resultText(result.record, result.assessment) }),
-      /* @__PURE__ */ jsxs6(Text7, { 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
@@ -2697,17 +2730,17 @@ function BenchmarkView(props) {
     ] });
   }
   if (phase === "error") {
-    return /* @__PURE__ */ jsx7(Box7, { flexDirection: "column", children: /* @__PURE__ */ jsx7(Text7, { 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__ */ 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: [
+  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),
@@ -2715,31 +2748,31 @@ function BenchmarkView(props) {
         memoryLabel(h)
       ] })
     ] }),
-    /* @__PURE__ */ jsxs6(Box7, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx7(Text7, { bold: true, color: "cyan", children: t("performance") }),
-      /* @__PURE__ */ jsxs6(Text7, { 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__ */ jsx7(Text7, { dimColor: true, children: t("measuredAfter") })
+      /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: t("measuredAfter") })
     ] }),
-    /* @__PURE__ */ jsxs6(Box7, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx7(Text7, { bold: true, color: "cyan", children: t("system") }),
-      /* @__PURE__ */ jsxs6(Text7, { 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__ */ jsxs6(Text7, { children: [
+      /* @__PURE__ */ jsxs7(Text8, { children: [
         "GPU       ",
         bar(gpu),
         "       ",
         formatPercent(gpu)
       ] }),
-      /* @__PURE__ */ jsxs6(Text7, { children: [
+      /* @__PURE__ */ jsxs7(Text8, { children: [
         "Memory    ",
         bar(memUsed && memTotal ? memUsed / memTotal * 100 : void 0),
         "      ",
@@ -2747,56 +2780,56 @@ function BenchmarkView(props) {
         " / ",
         formatBytes(memTotal, 0)
       ] }),
-      /* @__PURE__ */ jsxs6(Text7, { children: [
+      /* @__PURE__ */ jsxs7(Text8, { children: [
         "Swap      ",
         bar(0),
         "      ",
         sample ? formatBytes(sample.memory.swapUsedBytes) : "N/A"
       ] })
     ] }),
-    /* @__PURE__ */ jsxs6(Box7, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx7(Text7, { bold: true, color: "cyan", children: t("powerThermals") }),
-      /* @__PURE__ */ jsxs6(Text7, { 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__ */ jsxs6(Text7, { children: [
+      /* @__PURE__ */ jsxs7(Text8, { children: [
         "Temperature                ",
         sample?.thermal?.temperatureC ?? "N/A",
         " \xB0C"
       ] }),
-      /* @__PURE__ */ jsxs6(Text7, { children: [
+      /* @__PURE__ */ jsxs7(Text8, { children: [
         "Thermal Pressure           ",
         sample?.thermal?.pressure ?? "N/A"
       ] }),
-      /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: t("permissionsHint") })
+      /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: t("permissionsHint") })
     ] }),
-    /* @__PURE__ */ jsxs6(Text7, { children: [
+    /* @__PURE__ */ jsxs7(Text8, { children: [
       sparkline(cpuHist.current),
       " CPU"
     ] }),
-    /* @__PURE__ */ jsxs6(Text7, { children: [
+    /* @__PURE__ */ jsxs7(Text8, { children: [
       sparkline(memHist.current.map((v) => v / 1024 ** 3)),
       " Memory"
     ] }),
-    /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: t("cancelHint") })
+    /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: t("cancelHint") })
   ] });
 }
 
 // src/tui/views/History.tsx
-import { Box as Box8, Text as Text8 } from "ink";
-import { jsx as jsx8, jsxs as jsxs7 } 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__ */ jsxs7(Box8, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx8(Text8, { bold: true, color: "cyan", children: t("measured") }),
-    /* @__PURE__ */ jsx8(Text8, { 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 Box9, Text as Text9, 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 = [
@@ -2991,7 +3024,7 @@ function tasksText(plans, answers) {
 }
 
 // src/tui/views/Tasks.tsx
-import { Fragment, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var KIND_LABEL = {
   code: "tasksOptCode",
   video: "tasksOptVideo",
@@ -3000,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]
@@ -3032,13 +3065,13 @@ function TasksView({ session }) {
     }
   });
   if (step === 3) {
-    return /* @__PURE__ */ jsx9(Box9, { flexDirection: "column", children: /* @__PURE__ */ jsx9(Text9, { children: tasksText(plans, { kinds, scope, priority }) }) });
+    return /* @__PURE__ */ jsx10(Box9, { flexDirection: "column", children: /* @__PURE__ */ jsx10(Text10, { children: tasksText(plans, { kinds, scope, priority }) }) });
   }
-  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: [
+  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" : " ",
@@ -3046,20 +3079,20 @@ function TasksView({ session }) {
         t(KIND_LABEL[kind])
       ] }, kind))
     ] }),
-    step === 1 && /* @__PURE__ */ jsxs8(Fragment, { children: [
-      /* @__PURE__ */ jsx9(Text9, { children: t("tasksQ2") }),
-      /* @__PURE__ */ jsxs8(Text9, { 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__ */ jsxs8(Text9, { 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__ */ jsxs8(Fragment, { children: [
-      /* @__PURE__ */ jsx9(Text9, { children: t("tasksQ3") }),
-      ["speed", "balanced", "quality"].map((item) => /* @__PURE__ */ jsxs8(Text9, { 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))
@@ -3095,61 +3128,54 @@ function handleAppKey(screen, input, key) {
 }
 
 // src/tui/Welcome.tsx
-import { Box as Box10, Text as Text10 } from "ink";
-import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs9 } 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__ */ 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__ */ 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]" })
+  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 jsx11, jsxs as jsxs10 } 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]
@@ -3160,17 +3186,17 @@ function App(props) {
     if (result.type === "home") setScreen("home");
     if (result.type === "screen") setScreen(result.screen);
   });
-  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(
+  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,
@@ -3185,9 +3211,9 @@ function App(props) {
 }
 
 // src/tui/render.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 async function renderDashboard(session, preset, start) {
-  const instance = render(/* @__PURE__ */ jsx12(App, { session, preset, start }));
+  const instance = render(/* @__PURE__ */ jsx13(App, { session, preset, start }));
   await instance.waitUntilExit();
 }
 

package/package.json

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