@tabbio-technologies/cli 1.2.8 → 1.3.1

package/dist/chunks/{entry-WENOOT6W.js → entry-ZAXWZSEE.js}

@@ -4,38 +4,33 @@ import {
   Page,
   Spinner,
   Working,
-  clipLines,
-  displayWidth,
-  estimateHeight,
-  formatElapsed,
   fromTerminal,
-  oneLine,
-  padEnd,
-  padStart,
   pageMargin,
-  safeJson,
-  sentenceCase,
-  shortId,
-  stripAnsi,
-  summarizeArgs,
-  truncate,
-  truncateStart,
   useClockTick,
-  useTerminalSize,
-  wrapWords
-} from "./chunk-NAWA6NCZ.js";
+  useTerminalSize
+} from "./chunk-TP3CRQJD.js";
 import {
   CAPABILITY_CHOICES,
   CAPABILITY_CHOICE_HELP,
+  CV_EXPORT_FORMATS,
   DEFAULT_CAPABILITIES,
+  artifactsDir,
   autoFilledProperties,
+  autoSaveDisabled,
   capabilityRequestFields,
+  cardFromToolResult,
+  cardLines,
   chatReducer,
   confirmApproval,
   describeSchema,
+  describeUser,
+  displayPath,
   draftSummary,
   exampleInvocation,
+  findCardJob,
+  findCardLink,
   findListWrapper,
+  formatBytes,
   getArtifact,
   getPath,
   getThreadMessages,
@@ -43,6 +38,8 @@ import {
   hyperlink,
   initialChatState,
   isDestructiveTool,
+  isTextFile,
+  latestCardLinks,
   listModels,
   listThreads,
   loadCapabilityPrefs,
@@ -52,32 +49,67 @@ import {
   pickColumns,
   previewUrl,
   previewVariantFor,
+  readSavedPreview,
   rejectApproval,
   renderScreen,
+  saveAppSession,
+  saveArtifactToDisk,
   saveCapabilityPrefs,
+  saveCvExportToDisk,
+  saveTargets,
+  saveTokenSession,
+  savedLines,
   schemaToFlags,
   streamChat,
   supportsHyperlinks,
   unavailableNotices,
   waitForArtifact
-} from "./chunk-QVR5KIEQ.js";
+} from "./chunk-KHLGZ5IV.js";
+import {
+  clipLines,
+  displayWidth,
+  estimateHeight,
+  formatElapsed,
+  oneLine,
+  padEnd,
+  padStart,
+  safeJson,
+  sentenceCase,
+  shortId,
+  stripAnsi,
+  summarizeArgs,
+  truncate,
+  truncateStart,
+  wrapWords
+} from "./chunk-NRFVKK3S.js";
 import {
+  ApiClient,
   CLI_VERSION,
+  ExitCode,
+  PRODUCTION_APP_URL,
+  createCommandContext,
+  debug,
+  deviceLabel,
   getMcpAccessState,
+  hasDisplay,
   interruptedError,
   isCliError,
+  loadStoredCredentials,
+  loginWithBrowser,
+  loginWithEmailOtp,
+  logoutProfile,
   readCachedCatalog,
   relativeTime,
   toCliError
-} from "./chunk-7LNC3FIV.js";
+} from "./chunk-GGJEDG3P.js";
 import "./chunk-NK5RPNSV.js";
 import {
   theme
 } from "./chunk-VHHZFMIF.js";
 
 // src/ui/entry.tsx
-import { Box as Box25, Static as Static2, Text as Text25 } from "ink";
-import { useEffect as useEffect9 } from "react";
+import { Box as Box27, Static as Static2, Text as Text27 } from "ink";
+import { useEffect as useEffect12, useState as useState11 } from "react";
 
 // src/ui/components/ApprovalCard.tsx
 import { Box as Box3, Text as Text3, useInput } from "ink";
@@ -430,8 +462,8 @@ function formKeyAction(state, input, key) {
   if (key.ctrl || key.meta) return null;
   return input ? { type: "type", text: input } : null;
 }
-function shellQuote(text) {
-  return /^[\w@%+=:,./-]+$/.test(text) ? text : `'${text.replace(/'/g, `'\\''`)}'`;
+function shellQuote(text2) {
+  return /^[\w@%+=:,./-]+$/.test(text2) ? text2 : `'${text2.replace(/'/g, `'\\''`)}'`;
 }
 function equivalentCommand(tool, input, skip = []) {
   const parts = ["tabbio", ...tool.commandPath];
@@ -442,8 +474,8 @@ function equivalentCommand(tool, input, skip = []) {
       parts.push(value ? `--${spec.flag}` : `--${spec.flag}=false`);
       continue;
     }
-    const text = spec.kind === "array" && Array.isArray(value) && value.every((v) => typeof v !== "object") ? value.join(",") : typeof value === "object" && value !== null ? JSON.stringify(value) : String(value);
-    parts.push(`--${spec.flag}`, shellQuote(text));
+    const text2 = spec.kind === "array" && Array.isArray(value) && value.every((v) => typeof v !== "object") ? value.join(",") : typeof value === "object" && value !== null ? JSON.stringify(value) : String(value);
+    parts.push(`--${spec.flag}`, shellQuote(text2));
   }
   return parts.join(" ");
 }
@@ -460,8 +492,8 @@ function valueText(field, raw, focused2) {
     return `${focused2 ? theme.accent(box) : box} ${label}`;
   }
   if (kind === "enum") {
-    const text = raw || theme.dim("none");
-    return focused2 ? `${theme.accent("\u2039")} ${text} ${theme.accent("\u203A")}` : text;
+    const text2 = raw || theme.dim("none");
+    return focused2 ? `${theme.accent("\u2039")} ${text2} ${theme.accent("\u203A")}` : text2;
   }
   return raw;
 }
@@ -545,11 +577,14 @@ function Form(props) {
 }
 
 // src/ui/screens/chat/Chat.tsx
-import { Box as Box15, Static, Text as Text15, useInput as useInput5 } from "ink";
-import { memo as memo14, useCallback as useCallback3, useEffect as useEffect5, useMemo as useMemo4, useReducer as useReducer3, useRef as useRef4, useState as useState4 } from "react";
+import { Box as Box17, Static, Text as Text17, useInput as useInput7 } from "ink";
+import { useCallback as useCallback5, useEffect as useEffect8, useMemo as useMemo5, useReducer as useReducer4, useRef as useRef7, useState as useState5 } from "react";
 
 // src/ui/components/editor-model.ts
 var emptyEditor = { value: "", cursor: 0, history: [], historyIndex: null, draft: "" };
+function editorWith(value) {
+  return { ...emptyEditor, value, cursor: [...value].length };
+}
 function chars(value) {
   return [...value];
 }
@@ -560,8 +595,8 @@ function editorReducer(state, action) {
   const list = chars(state.value);
   switch (action.type) {
     case "insert": {
-      const text = action.text.replace(/\r\n?/g, "\n");
-      const inserted = chars(text);
+      const text2 = action.text.replace(/\r\n?/g, "\n");
+      const inserted = chars(text2);
       return place(state, [...list.slice(0, state.cursor), ...inserted, ...list.slice(state.cursor)], state.cursor + inserted.length);
     }
     case "newline":
@@ -753,33 +788,10 @@ function SelectList(props) {
   ] });
 }
 
-// src/ui/components/StatusBar.tsx
-import { Box as Box6, Text as Text6 } from "ink";
+// src/ui/components/TextInput.tsx
+import { Box as Box6, Text as Text6, useInput as useInput4 } from "ink";
 import { memo as memo5 } from "react";
 import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-function fitStatusBar(segments, hints, width) {
-  const sep = ` ${theme.symbols.middot} `;
-  let segs = [...segments];
-  let fitted = [...hints];
-  const measure = () => displayWidth(segs.join(sep)) + (fitted.length ? displayWidth(formatHints(fitted)) + 2 : 0);
-  while (measure() > width && fitted.length > 1) fitted = fitHints(fitted, displayWidth(formatHints(fitted)) - 1);
-  while (measure() > width && segs.length > 1) segs = segs.slice(0, -1);
-  if (measure() > width) fitted = [];
-  return { left: theme.dim(segs.join(sep)), right: fitted.length ? formatHints(fitted) : "" };
-}
-var StatusBar = memo5(function StatusBar2({ segments, hints = [], width }) {
-  const clean = segments.filter((s) => typeof s === "string" && s.length > 0);
-  const { left, right } = fitStatusBar(clean, hints, width);
-  return /* @__PURE__ */ jsxs5(Box6, { width, children: [
-    /* @__PURE__ */ jsx7(Box6, { flexGrow: 1, children: /* @__PURE__ */ jsx7(Text6, { wrap: "truncate-end", children: left }) }),
-    right ? /* @__PURE__ */ jsx7(Text6, { wrap: "truncate-end", children: right }) : null
-  ] });
-});
-
-// src/ui/components/TextInput.tsx
-import { Box as Box7, Text as Text7, useInput as useInput4 } from "ink";
-import { memo as memo6 } from "react";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function cursorCell(char) {
   if (theme.chalk.level > 0) return theme.inverse(char);
   return `${theme.symbols.cursor}${char === " " ? "" : char}`;
@@ -814,7 +826,7 @@ function renderComposerLine(state, width, placeholder, showCursor) {
   if (end === cells.length && !showCursor) out.pop();
   return `${start > 0 ? theme.dim(theme.symbols.ellipsis) : ""}${out.join("")}`;
 }
-var TextInput = memo6(function TextInput2(props) {
+var TextInput = memo5(function TextInput2(props) {
   const { editor, dispatch, onSubmit, onKey, isActive, width, placeholder = "", boxed = false, prompt } = props;
   useInput4(
     (input, key) => {
@@ -829,23 +841,286 @@ var TextInput = memo6(function TextInput2(props) {
   const promptText = prompt ?? theme.symbols.pointer;
   const inner = boxed ? width - 4 : width;
   const line = renderComposerLine(editor, Math.max(4, inner - displayWidth(promptText) - 1), placeholder, isActive);
-  const content = /* @__PURE__ */ jsxs6(Text7, { wrap: "truncate-end", children: [
+  const content = /* @__PURE__ */ jsxs5(Text6, { wrap: "truncate-end", children: [
     isActive ? theme.accent(promptText) : theme.dim(promptText),
     " ",
     line
   ] });
   if (!boxed) return content;
-  return /* @__PURE__ */ jsx8(Box7, { borderStyle: theme.boxStyle, borderDimColor: true, paddingX: 1, width, children: content });
+  return /* @__PURE__ */ jsx7(Box6, { borderStyle: theme.boxStyle, borderDimColor: true, paddingX: 1, width, children: content });
 });
 
+// src/ui/screens/login/LoginPanel.tsx
+import { Box as Box7, Text as Text7, useInput as useInput5 } from "ink";
+import { useCallback, useEffect as useEffect3, useReducer as useReducer2, useRef } from "react";
+
+// src/ui/screens/login/login-model.ts
+var LOGIN_CHOICES = [
+  { method: "browser", label: "Open the browser (recommended)", hint: "Approve this computer in Tabbio" },
+  { method: "email", label: "Email code", hint: "A 6-digit code, for SSH and headless machines" },
+  { method: "token", label: "Personal token", hint: "tabbio_mcp_... from Settings; tools only" }
+];
+var LOGIN_USAGE = "Use /login, /login browser, /login email you@example.com or /login token";
+var EMAIL = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function parseLoginArgs(arg) {
+  const [first = "", second = "", ...rest] = arg.trim().split(/\s+/).filter(Boolean);
+  const word = first.toLowerCase();
+  if (!word) return { method: "choose" };
+  if (rest.length > 0) return { error: LOGIN_USAGE };
+  if ((word === "browser" || word === "web") && !second) return { method: "browser" };
+  if (word === "token" && !second) return { method: "token" };
+  if (word === "email" || word === "code") return second ? { method: "email", email: second } : { method: "email" };
+  if (EMAIL.test(first) && !second) return { method: "email", email: first };
+  return { error: LOGIN_USAGE };
+}
+function isEmail(value) {
+  return EMAIL.test(value.trim());
+}
+function initialLoginPhase(start, now) {
+  return loginReducer({ name: "choose", index: 0 }, { type: "start", start, now });
+}
+function printable(text2) {
+  return text2.replace(/[\u0000-\u001f\u007f]/g, "");
+}
+function loginReducer(phase, action) {
+  switch (action.type) {
+    case "move":
+      if (phase.name !== "choose") return phase;
+      return { ...phase, index: (phase.index + action.delta + LOGIN_CHOICES.length) % LOGIN_CHOICES.length };
+    case "start":
+      switch (action.start.method) {
+        case "choose":
+          return { name: "choose", index: 0 };
+        case "browser":
+          return { name: "browser", since: action.now };
+        case "token":
+          return { name: "token-input", value: "" };
+        default:
+          return action.start.email && isEmail(action.start.email) ? { name: "email-sending", email: action.start.email.trim().toLowerCase(), since: action.now } : { name: "email-address", value: action.start.email ?? "", ...action.start.email ? { error: `Not a valid email address: ${action.start.email}` } : {} };
+      }
+    case "type": {
+      const text2 = printable(action.text);
+      if (!text2) return phase;
+      if (phase.name === "email-address" || phase.name === "token-input") return { ...phase, value: phase.value + text2, error: void 0 };
+      if (phase.name === "email-code") return { ...phase, value: (phase.value + text2).replace(/\s+/g, "").slice(0, 12), error: phase.error };
+      return phase;
+    }
+    case "erase":
+      if (phase.name === "email-address" || phase.name === "token-input" || phase.name === "email-code") {
+        return { ...phase, value: [...phase.value].slice(0, -1).join("") };
+      }
+      return phase;
+    case "browser-waiting":
+      return phase.name === "browser" ? { ...phase, url: action.url, opened: action.opened } : phase;
+    case "email-sending":
+      return { name: "email-sending", email: action.email, since: action.now };
+    case "code-needed":
+      if (phase.name === "email-sending" || phase.name === "email-verifying" || phase.name === "email-code") {
+        const error = phase.name === "email-code" ? phase.error : void 0;
+        return { name: "email-code", email: phase.email, value: "", attempt: action.attempt, ...error ? { error } : {} };
+      }
+      return phase;
+    case "code-rejected":
+      if (phase.name !== "email-verifying" && phase.name !== "email-code") return phase;
+      return {
+        name: "email-code",
+        email: phase.email,
+        value: "",
+        attempt: phase.name === "email-code" ? phase.attempt : 1,
+        error: `That code did not match. ${action.attemptsLeft} attempt${action.attemptsLeft === 1 ? "" : "s"} left.`
+      };
+    case "verifying":
+      return phase.name === "email-code" ? { name: "email-verifying", email: phase.email, since: action.now } : phase;
+    case "token-checking":
+      return phase.name === "token-input" ? { name: "token-checking", since: action.now } : phase;
+    case "invalid":
+      if (phase.name === "email-address" || phase.name === "token-input" || phase.name === "email-code") return { ...phase, error: action.error };
+      return phase;
+    default:
+      return phase;
+  }
+}
+function inputDisplay(phase, mask) {
+  if (phase.name === "token-input") return mask.repeat(Math.min(48, [...phase.value].length));
+  if (phase.name === "email-address" || phase.name === "email-code") return phase.value;
+  return null;
+}
+function waitingLabel(phase) {
+  switch (phase.name) {
+    case "browser":
+      return phase.url ? "Waiting for you to approve in the browser" : "Opening the browser";
+    case "email-sending":
+      return `Sending a sign-in code to ${phase.email}`;
+    case "email-verifying":
+      return "Checking the code";
+    case "token-checking":
+      return "Checking the token";
+    default:
+      return null;
+  }
+}
+
+// src/ui/screens/login/LoginPanel.tsx
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var CHOICE_WIDTH = Math.max(...LOGIN_CHOICES.map((c) => c.label.length)) + 5;
+function LoginPanel(props) {
+  const { services, width, onDone, isActive = true } = props;
+  const [phase, dispatch] = useReducer2(loginReducer, props.start, (start) => initialLoginPhase(start, Date.now()));
+  const abort = useRef(null);
+  const pending = useRef(null);
+  const finished = useRef(false);
+  const flow = useRef(false);
+  const release = useCallback(() => {
+    abort.current?.abort();
+    pending.current?.reject(interruptedError("Login cancelled"));
+    pending.current = null;
+  }, []);
+  const finish = useCallback(
+    (outcome) => {
+      if (finished.current) return;
+      finished.current = true;
+      release();
+      onDone(outcome);
+    },
+    [onDone, release]
+  );
+  useEffect3(
+    () => () => {
+      finished.current = true;
+      release();
+    },
+    [release]
+  );
+  const run = useCallback(
+    (work) => {
+      work.then(
+        (change) => finish({ status: "done", change }),
+        (error2) => {
+          const cli = toCliError(error2);
+          finish(cli.exitCode === 130 ? { status: "cancelled" } : { status: "failed", message: cli.message, hint: cli.hint });
+        }
+      );
+    },
+    [finish]
+  );
+  const session = services.session;
+  useEffect3(() => {
+    if (flow.current || finished.current) return;
+    if (!session && phase.name !== "choose") {
+      finish({ status: "failed", message: "Signing in is not available here", hint: "Run `tabbio login` in a terminal." });
+      return;
+    }
+    if (!session) return;
+    if (phase.name === "browser") {
+      flow.current = true;
+      const controller = new AbortController();
+      abort.current = controller;
+      run(session.loginWithBrowser({ signal: controller.signal, onWaiting: (url, opened) => dispatch({ type: "browser-waiting", url, opened }) }));
+    } else if (phase.name === "email-sending") {
+      flow.current = true;
+      run(
+        session.loginWithEmail({
+          email: phase.email,
+          promptCode: (attempt) => new Promise((resolve, reject) => {
+            if (finished.current) return reject(interruptedError("Login cancelled"));
+            pending.current = { resolve, reject };
+            dispatch({ type: "code-needed", attempt });
+          }),
+          onInvalidCode: (attemptsLeft) => dispatch({ type: "code-rejected", attemptsLeft })
+        })
+      );
+    }
+  }, [phase, session, run, finish]);
+  useInput5(
+    (input, key) => {
+      if (key.escape || key.ctrl && input === "c") {
+        finish({ status: "cancelled" });
+        return;
+      }
+      if (phase.name === "choose") {
+        if (key.upArrow || input === "k") dispatch({ type: "move", delta: -1 });
+        else if (key.downArrow || input === "j") dispatch({ type: "move", delta: 1 });
+        const digit = /^[1-3]$/.test(input) ? Number(input) - 1 : null;
+        const choice = LOGIN_CHOICES[digit ?? (key.return ? phase.index : -1)];
+        if (choice) dispatch({ type: "start", start: choice.method === "email" ? { method: "email" } : { method: choice.method }, now: Date.now() });
+        return;
+      }
+      if (phase.name !== "email-address" && phase.name !== "email-code" && phase.name !== "token-input") return;
+      if (key.return) {
+        const value = phase.value.trim();
+        if (phase.name === "email-address") {
+          if (isEmail(value)) dispatch({ type: "email-sending", email: value.toLowerCase(), now: Date.now() });
+          else dispatch({ type: "invalid", error: value ? `Not a valid email address: ${value}` : "Type your email address" });
+        } else if (phase.name === "email-code") {
+          if (value.length < 4) dispatch({ type: "invalid", error: "Enter the code from the email" });
+          else {
+            pending.current?.resolve(value);
+            pending.current = null;
+            dispatch({ type: "verifying", now: Date.now() });
+          }
+        } else if (!value) dispatch({ type: "invalid", error: "Paste a token first" });
+        else if (session) {
+          dispatch({ type: "token-checking", now: Date.now() });
+          run(session.loginWithToken(value));
+        }
+        return;
+      }
+      if (key.backspace || key.delete) dispatch({ type: "erase" });
+      else if (!key.ctrl && !key.meta && !key.tab && !key.upArrow && !key.downArrow && !key.leftArrow && !key.rightArrow && input) {
+        dispatch({ type: "type", text: input });
+      }
+    },
+    { isActive }
+  );
+  const inner = Math.max(10, width - 4);
+  const hints = (list) => /* @__PURE__ */ jsx8(Text7, { wrap: "truncate-end", children: formatHints(list) });
+  const waiting = waitingLabel(phase);
+  const display = inputDisplay(phase, theme.symbols.bullet);
+  const error = "error" in phase && phase.error ? /* @__PURE__ */ jsx8(Text7, { wrap: "wrap", children: theme.attention(`${theme.symbols.attention} ${phase.error}`) }) : null;
+  return /* @__PURE__ */ jsxs6(Box7, { borderStyle: theme.boxStyle, borderDimColor: true, paddingX: 1, flexDirection: "column", width, children: [
+    /* @__PURE__ */ jsx8(Text7, { children: theme.bold("Sign in to Tabbio") }),
+    phase.name === "choose" ? /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", marginTop: 1, children: [
+      LOGIN_CHOICES.map((choice, i) => {
+        const label = padEnd(`${i + 1} ${choice.label}`, CHOICE_WIDTH);
+        return /* @__PURE__ */ jsxs6(Text7, { wrap: "truncate-end", children: [
+          i === phase.index ? theme.accent(`${theme.symbols.pointer} ${label}`) : `  ${label}`,
+          theme.dim(choice.hint)
+        ] }, choice.method);
+      }),
+      hints([
+        { key: theme.symbols.upDown, label: "choose" },
+        { key: "enter", label: "select" },
+        { key: "esc", label: "cancel" }
+      ])
+    ] }) : null,
+    waiting ? /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsx8(Working, { label: waiting, since: "since" in phase ? phase.since : Date.now() }),
+      phase.name === "browser" && phase.url ? /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx8(Text7, { children: theme.dim(phase.opened ? "If your browser did not open, visit:" : "Open this link to continue:") }),
+        /* @__PURE__ */ jsx8(Text7, { wrap: "wrap", children: theme.accent(services.hyperlinks ? hyperlink(phase.url, phase.url) : phase.url) })
+      ] }) : null,
+      hints([{ key: "esc", label: "cancel" }])
+    ] }) : null,
+    display !== null ? /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsx8(Text7, { wrap: "wrap", children: phase.name === "email-address" ? "Your email address" : phase.name === "email-code" ? `Code sent to ${phase.email}. Enter it here:` : "Paste a personal token (tabbio_mcp_...). It stays on this computer." }),
+      /* @__PURE__ */ jsxs6(Text7, { wrap: "truncate-end", children: [
+        theme.accent(theme.symbols.pointer),
+        " ",
+        renderComposerLine(editorWith(display), inner - 2, phase.name === "email-address" ? "you@example.com" : "", true)
+      ] }),
+      error,
+      hints([
+        { key: "enter", label: phase.name === "email-address" ? "send code" : phase.name === "email-code" ? "sign in" : "check" },
+        { key: "esc", label: "cancel" }
+      ])
+    ] }) : null
+  ] });
+}
+
 // src/ui/screens/Palette.tsx
 import { Box as Box8, Text as Text8 } from "ink";
-import { memo as memo7 } from "react";
+import { Fragment, memo as memo6 } from "react";
 import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
-function paletteMatches(commands, draft) {
-  if (!draft.startsWith("/") || /\s/.test(draft)) return [];
-  return fuzzyFilter(commands, draft.slice(1), (c) => [c.name, c.description]);
-}
 function paletteArgMatches(commands, draft) {
   const match = /^\/([a-z][\w-]*) (\S*)$/i.exec(draft);
   if (!match) return [];
@@ -859,27 +1134,197 @@ function paletteArgMatches(commands, draft) {
     completion: `/${command.name} ${arg.value}`
   }));
 }
-function parseSlash(text) {
-  const match = /^\/([a-z][\w-]*)\s*([\s\S]*)$/i.exec(text.trim());
+function parseSlash(text2) {
+  const match = /^\/([a-z][\w-]*)\s*([\s\S]*)$/i.exec(text2.trim());
   return match ? { name: match[1].toLowerCase(), arg: (match[2] ?? "").trim() } : null;
 }
-var Palette = memo7(function Palette2(props) {
-  const { commands, selected, width, maxRows = 6 } = props;
+var Palette = memo6(function Palette2(props) {
+  const { commands, selected, width, maxRows = 6, footer } = props;
+  const footerRow = footer ? /* @__PURE__ */ jsx9(Text8, { wrap: "truncate-end", children: theme.dim(`  ${footer}`) }) : null;
+  if (commands.length === 0) {
+    return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", width, children: [
+      /* @__PURE__ */ jsx9(Text8, { children: theme.dim("  No commands match") }),
+      footerRow
+    ] });
+  }
   const nameWidth = Math.min(22, Math.max(8, ...commands.map((c) => displayWidth(c.usage ?? `/${c.name}`)))) + 2;
   const { start, end } = windowAround(commands.length, selected, maxRows);
-  if (commands.length === 0) return /* @__PURE__ */ jsx9(Text8, { children: theme.dim("  No commands match") });
-  return /* @__PURE__ */ jsx9(Box8, { flexDirection: "column", width, children: commands.slice(start, end).map((command, i) => {
-    const active = start + i === selected;
-    const name = padEnd(truncate(command.usage ?? `/${command.name}`, nameWidth - 1), nameWidth);
-    return /* @__PURE__ */ jsxs7(Text8, { wrap: "truncate-end", children: [
-      active ? theme.accent(theme.symbols.pointer) : " ",
-      " ",
-      active ? theme.accent(name) : name,
-      theme.dim(command.description),
-      command.hint ? `  ${command.hint}` : ""
-    ] }, command.name);
-  }) });
+  return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", width, children: [
+    commands.slice(start, end).map((command, i) => {
+      const index = start + i;
+      const active = index === selected;
+      const name = padEnd(truncate(command.usage ?? `/${command.name}`, nameWidth - 1), nameWidth);
+      const title = command.group && (i === 0 || commands[index - 1]?.group !== command.group) ? command.group : null;
+      return /* @__PURE__ */ jsxs7(Fragment, { children: [
+        title ? /* @__PURE__ */ jsx9(Text8, { wrap: "truncate-end", children: theme.dim(`  ${title}`) }) : null,
+        /* @__PURE__ */ jsxs7(Text8, { wrap: "truncate-end", children: [
+          active ? theme.accent(theme.symbols.pointer) : " ",
+          " ",
+          active ? theme.accent(name) : name,
+          theme.dim(command.description),
+          command.hint ? `  ${command.hint}` : ""
+        ] })
+      ] }, `${command.group ?? ""}:${command.name}`);
+    }),
+    footerRow
+  ] });
+});
+
+// src/ui/screens/palette-model.ts
+var SKILLS_GROUP = "Skills";
+function isRecord2(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function text(value) {
+  return typeof value === "string" && value.trim() ? value.trim() : void 0;
+}
+var SKILL_ID = /^[a-z0-9][\w.-]*$/i;
+function parseSkillsResult(result) {
+  const list = Array.isArray(result) ? result : isRecord2(result) ? [result.skills, result.items, result.data, result.results].find(Array.isArray) ?? [] : [];
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const entry of list) {
+    if (!isRecord2(entry)) continue;
+    const id = text(entry.skillId) ?? text(entry.slug) ?? text(entry.id);
+    if (!id || !SKILL_ID.test(id)) continue;
+    const key = id.toLowerCase();
+    if (seen.has(key)) continue;
+    seen.add(key);
+    const name = text(entry.name) ?? text(entry.title) ?? id;
+    const description = text(entry.description);
+    out.push({ id, name, ...description ? { description } : {} });
+  }
+  return out;
+}
+function skillCommands(skills, local) {
+  const taken = new Set(local.map((c) => c.name.toLowerCase()));
+  return skills.filter((s) => !taken.has(s.id.toLowerCase())).map((s) => ({ name: s.id, description: s.name, group: SKILLS_GROUP, skillId: s.id }));
+}
+function isBareSlash(draft) {
+  return /^\/(?:\s[\s\S]*)?$/.test(draft.trimStart());
+}
+var BARE_SLASH_HINT = "Type a command, Esc to clear";
+function paletteView(commands, skills, draft, opts = {}) {
+  if (!draft.startsWith("/")) return { items: [], args: false, open: false };
+  const skillRows = skillCommands(skills.skills, commands);
+  const loading = skills.status === "loading" ? `Loading skills${opts.ellipsis ?? "..."}` : void 0;
+  if (isBareSlash(draft)) {
+    const more = skillRows.length ? ` ${opts.separator ?? "-"} ${skillRows.length} skill${skillRows.length === 1 ? "" : "s"} below, type to filter` : "";
+    return { items: [...commands, ...skillRows], args: false, open: true, footer: loading ?? `${BARE_SLASH_HINT}${more}` };
+  }
+  if (!/\s/.test(draft)) {
+    const query = draft.slice(1);
+    const local = fuzzyFilter(commands, query, (c) => [c.name, c.description]);
+    const remote = fuzzyFilter(skillRows, query, (c) => [c.name, c.description]);
+    return { items: [...local, ...remote], args: false, open: true, ...loading ? { footer: loading } : {} };
+  }
+  const args = paletteArgMatches(commands, draft);
+  return { items: args, args: args.length > 0, open: args.length > 0 };
+}
+function skillMessage(id, arg) {
+  return arg ? `/${id} ${arg}` : `/${id}`;
+}
+function resolveSubmit(value, ctx) {
+  const trimmed = value.trim();
+  if (!trimmed) return { kind: "empty" };
+  if (!trimmed.startsWith("/")) return { kind: "message", text: trimmed };
+  const pick = (row, arg) => row.skillId ? { kind: "skill", id: row.skillId, arg, message: skillMessage(row.skillId, arg) } : { kind: "command", name: row.name, arg, picked: true };
+  if (isBareSlash(trimmed)) return ctx.highlighted && ctx.navigated ? pick(ctx.highlighted, "") : { kind: "bare" };
+  const slash = parseSlash(trimmed);
+  if (!slash) return { kind: "unknown", name: trimmed.slice(1).split(/\s/, 1)[0] ?? "" };
+  if (ctx.commands.some((c) => c.name === slash.name) || ctx.aliases?.includes(slash.name)) return { kind: "command", name: slash.name, arg: slash.arg, picked: false };
+  const skill = ctx.skills.skills.find((s) => s.id.toLowerCase() === slash.name);
+  if (skill) return { kind: "skill", id: skill.id, arg: slash.arg, message: skillMessage(skill.id, slash.arg) };
+  if (!slash.arg && ctx.highlighted && !ctx.highlighted.completion) return pick(ctx.highlighted, "");
+  if (ctx.skills.status === "loading") return { kind: "loading", name: slash.name };
+  return { kind: "unknown", name: slash.name };
+}
+
+// src/ui/screens/useSkills.ts
+import { useEffect as useEffect4, useRef as useRef2, useState as useState3 } from "react";
+var IDLE = { status: "idle", skills: [] };
+function useSkills(services, wanted) {
+  const [entry, setEntry] = useState3({ owner: services, state: IDLE });
+  const mounted = useRef2(true);
+  useEffect4(
+    () => () => {
+      mounted.current = false;
+    },
+    []
+  );
+  const current = entry.owner === services ? entry.state : IDLE;
+  const load = services.account.signedIn ? services.loadSkills : void 0;
+  useEffect4(() => {
+    if (!wanted || !load || current.status !== "idle") return;
+    const settle = (state) => {
+      if (mounted.current) setEntry((e) => e.owner === services ? { owner: services, state } : e);
+    };
+    setEntry({ owner: services, state: { status: "loading", skills: [] } });
+    load().then(
+      (skills) => settle({ status: "ready", skills }),
+      (error) => settle({ status: "failed", skills: [], error: toCliError(error).message })
+    );
+  }, [wanted, load, current.status, services]);
+  return current;
+}
+
+// src/ui/screens/chat/ChatStatus.tsx
+import { useInput as useInput6 } from "ink";
+import { memo as memo8 } from "react";
+
+// src/ui/components/StatusBar.tsx
+import { Box as Box9, Text as Text9 } from "ink";
+import { memo as memo7 } from "react";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+function fitStatusBar(segments, hints, width) {
+  const sep = ` ${theme.symbols.middot} `;
+  let segs = [...segments];
+  let fitted = [...hints];
+  const measure = () => displayWidth(segs.join(sep)) + (fitted.length ? displayWidth(formatHints(fitted)) + 2 : 0);
+  while (measure() > width && fitted.length > 1) fitted = fitHints(fitted, displayWidth(formatHints(fitted)) - 1);
+  while (measure() > width && segs.length > 1) segs = segs.slice(0, -1);
+  if (measure() > width) fitted = [];
+  return { left: theme.dim(segs.join(sep)), right: fitted.length ? formatHints(fitted) : "" };
+}
+var StatusBar = memo7(function StatusBar2({ segments, hints = [], width }) {
+  const clean = segments.filter((s) => typeof s === "string" && s.length > 0);
+  const { left, right } = fitStatusBar(clean, hints, width);
+  return /* @__PURE__ */ jsxs8(Box9, { width, children: [
+    /* @__PURE__ */ jsx10(Box9, { flexGrow: 1, children: /* @__PURE__ */ jsx10(Text9, { wrap: "truncate-end", children: left }) }),
+    right ? /* @__PURE__ */ jsx10(Text9, { wrap: "truncate-end", children: right }) : null
+  ] });
+});
+
+// src/ui/screens/chat/ChatStatus.tsx
+import { jsx as jsx11 } from "react/jsx-runtime";
+var ChatStatus = memo8(function ChatStatus2(props) {
+  useClockTick(props.since !== null);
+  const elapsed = props.since !== null ? formatElapsed(Date.now() - props.since) : null;
+  const hints = props.approval ? [
+    { key: "y", label: "approve" },
+    { key: "n", label: "reject" },
+    { key: "l", label: "later" }
+  ] : props.overlay ? [{ key: "esc", label: "close" }] : props.streaming ? [
+    { key: "enter", label: "queue" },
+    { key: "esc", label: "interrupt" },
+    { key: "/", label: "commands" }
+  ] : [
+    { key: "enter", label: "send" },
+    { key: "/", label: "commands" },
+    { key: "ctrl+c", label: "quit" }
+  ];
+  return /* @__PURE__ */ jsx11(StatusBar, { width: props.width, segments: [...props.segments, elapsed], hints });
 });
+function capabilitySegments(mode, capabilities) {
+  if (mode === "employer") return [];
+  return ["research", "image", "result"].filter((key) => capabilities[key] !== DEFAULT_CAPABILITIES[key]).map((key) => `${key} ${capabilities[key]}`);
+}
+function SelectEscape({ onClose }) {
+  useInput6((input, key) => {
+    if (key.escape || input === "q") onClose();
+  });
+  return null;
+}
 
 // src/ui/screens/chat/commands.ts
 function choices2(key) {
@@ -902,7 +1347,14 @@ function chatCommands(opts) {
     { name: "research", usage: "/research auto|on|off", description: "Web research for the next messages", args: choices2("research") },
     { name: "image", usage: "/image auto|on|off", description: "Image generation", args: choices2("image") },
     { name: "result", usage: "/result auto|summary|document|\u2026", description: "What to make: answer, document, slides, page, image", args: choices2("result") },
+    { name: "open", usage: "/open <n|id>", description: "Open link n of the last result, or a file" },
+    { name: "apply", usage: "/apply <n>", description: "Prepare an application for job n" },
+    { name: "save", usage: "/save <n|id> [folder]", description: "Save a file Tabbio made (1 = newest)" },
+    { name: "show", usage: "/show <n|id>", description: "Print a saved file here (1 = newest)" },
+    { name: "download", usage: "/download [cvId] [pdf|docx]", description: "Save a CV (your main CV without an id)" },
     { name: "help", description: "Keys and commands" },
+    { name: "login", usage: "/login [email|token]", description: "Sign in or switch account" },
+    { name: "logout", description: "Sign out of this profile" },
     ...opts.hostedByHome ? [{ name: "home", description: "Back to the home screen" }] : [],
     { name: "exit", description: "Quit tabbio" }
   ];
@@ -912,21 +1364,33 @@ function parseMode(value) {
   return v === "seeker" || v === "employer" ? v : null;
 }
 var CHAT_HELP = [
-  "Commands: /new \xB7 /threads \xB7 /mode seeker|employer \xB7 /model <id|auto> \xB7 /help \xB7 /exit",
-  "          /research auto|on|off \xB7 /image auto|on|off \xB7 /result auto|summary|document|slides|page|image",
-  "          (saved for this profile; sent with every message in seeker mode)",
-  "Keys: enter send (queues while streaming) \xB7 ctrl+j or \\ then enter newline \xB7 esc interrupt",
-  "      \u2191\u2193 history \xB7 shift+tab switch mode \xB7 ctrl+o expand the last tool \xB7 ctrl+c twice quit"
+  "Chat      /new  /threads  /mode seeker|employer  /model <id|auto>",
+  "          /help  /home  /exit",
+  "Modes     /research auto|on|off  /image auto|on|off",
+  "          /result auto|summary|document|slides|page|image",
+  "          (saved for this profile; sent with every seeker message)",
+  "Results   /open <n>   opens link n of the last result",
+  "          /apply <n>  prepares the application for job n (no chat)",
+  "Files     /show 1 prints the newest file of this chat, /show 2 the one",
+  "          before; /save <n|id> [folder]  /open <n|id>  (ids work too)",
+  "          /download [cvId] [pdf|docx|txt|md]  (main CV without an id)",
+  "          generated files are saved to ./tabbio-artifacts",
+  "Account   /login  /login email you@example.com  /login token  /logout",
+  "Skills    type / to list your skills; enter runs /<skill> <details>",
+  "Keys      enter send (queues while streaming)  ctrl+j newline",
+  "          esc interrupt, or back to home  \u2191\u2193 history",
+  "          shift+tab switch mode  ctrl+o expand the last tool",
+  "          ctrl+c twice quit"
 ].join("\n");
 
 // src/ui/screens/chat/Transcript.tsx
-import { Box as Box14, Text as Text14 } from "ink";
-import { memo as memo13 } from "react";
+import { Box as Box16, Text as Text16 } from "ink";
+import { memo as memo15 } from "react";
 
 // src/ui/components/ArtifactRow.tsx
-import { Box as Box9, Text as Text9 } from "ink";
-import { memo as memo8 } from "react";
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Box as Box10, Text as Text10 } from "ink";
+import { memo as memo9 } from "react";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 function kindGlyph(kind) {
   switch (kind) {
     case "document":
@@ -951,7 +1415,7 @@ function artifactStatusText(artifact, draft) {
   }
   return artifact.status;
 }
-var ArtifactRow = memo8(function ArtifactRow2({ artifact, draft, width, hint = true }) {
+var ArtifactRow = memo9(function ArtifactRow2({ artifact, draft, width, hint = true }) {
   const status = artifactStatusText(artifact, draft);
   const tone = artifact.status === "failed" ? theme.error : artifact.status === "ready" ? theme.success : theme.dim;
   const meta = [kindLabel(artifact.kind).toLowerCase(), status, shortId(artifact.id, 6, 4)];
@@ -960,28 +1424,46 @@ var ArtifactRow = memo8(function ArtifactRow2({ artifact, draft, width, hint = t
   const titleBudget = Math.max(8, Math.min(48, width - 4 - displayWidth(meta.join(" \xB7 ")) - 6));
   const title = truncate(artifact.title || "Untitled", titleBudget);
   const linked = artifact.status === "ready" && artifact.previewUrl;
-  return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", width, children: [
-    /* @__PURE__ */ jsxs8(Box9, { width, children: [
-      artifact.status === "pending" ? /* @__PURE__ */ jsx10(Spinner, {}) : /* @__PURE__ */ jsx10(Text9, { children: artifact.status === "ready" ? theme.success(theme.symbols.success) : theme.error(theme.symbols.error) }),
-      /* @__PURE__ */ jsx10(Box9, { flexShrink: 0, marginLeft: 1, children: /* @__PURE__ */ jsxs8(Text9, { children: [
+  return /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", width, children: [
+    /* @__PURE__ */ jsxs9(Box10, { width, children: [
+      artifact.status === "pending" ? /* @__PURE__ */ jsx12(Spinner, {}) : /* @__PURE__ */ jsx12(Text10, { children: artifact.status === "ready" ? theme.success(theme.symbols.success) : theme.error(theme.symbols.error) }),
+      /* @__PURE__ */ jsx12(Box10, { flexShrink: 0, marginLeft: 1, children: /* @__PURE__ */ jsxs9(Text10, { children: [
         theme.accent(kindGlyph(artifact.kind)),
         " ",
         linked ? hyperlink(theme.bold(title), artifact.previewUrl) : theme.bold(title)
       ] }) }),
-      /* @__PURE__ */ jsx10(Box9, { flexGrow: 1, flexShrink: 1, children: /* @__PURE__ */ jsxs8(Text9, { wrap: "truncate-end", children: [
+      /* @__PURE__ */ jsx12(Box10, { flexGrow: 1, flexShrink: 1, children: /* @__PURE__ */ jsxs9(Text10, { wrap: "truncate-end", children: [
         theme.dim(` ${theme.symbols.middot} `),
         tone(meta.join(` ${theme.symbols.middot} `)),
         openHint ? theme.dim(`  ${openHint}`) : ""
       ] }) })
     ] }),
-    artifact.failure?.message ? /* @__PURE__ */ jsx10(Text9, { wrap: "truncate-end", children: theme.dim(`  ${theme.symbols.arrowRight} ${artifact.failure.message}`) }) : null
+    artifact.failure?.message ? /* @__PURE__ */ jsx12(Text10, { wrap: "truncate-end", children: theme.dim(`  ${theme.symbols.arrowRight} ${artifact.failure.message}`) }) : null
   ] });
 });
 
-// src/ui/components/Markdown.tsx
+// src/ui/components/cards/CardView.tsx
 import { Box as Box11, Text as Text11 } from "ink";
+import { memo as memo10 } from "react";
+import { jsx as jsx13 } from "react/jsx-runtime";
+function Line({ text: text2, width }) {
+  const cells = displayWidth(text2);
+  if (cells <= width) return /* @__PURE__ */ jsx13(Text11, { children: text2 });
+  return /* @__PURE__ */ jsx13(Box11, { width: cells, flexShrink: 0, children: /* @__PURE__ */ jsx13(Text11, { wrap: "truncate-end", children: text2 }) });
+}
+var CardView = memo10(function CardView2({ card, width, links }) {
+  const lines = cardLines(card, { width, links: links ?? supportsHyperlinks() });
+  return /* @__PURE__ */ jsx13(Box11, { flexDirection: "column", width, children: lines.map((line, i) => /* @__PURE__ */ jsx13(Line, { text: line, width }, i)) });
+});
+var SavedFilesView = memo10(function SavedFilesView2({ saved, width }) {
+  const lines = savedLines(saved, { width });
+  return /* @__PURE__ */ jsx13(Box11, { flexDirection: "column", width, children: lines.map((line, i) => /* @__PURE__ */ jsx13(Line, { text: line, width }, i)) });
+});
+
+// src/ui/components/Markdown.tsx
+import { Box as Box13, Text as Text13 } from "ink";
 import { marked } from "marked";
-import { memo as memo10, useMemo as useMemo3 } from "react";
+import { memo as memo12, useMemo as useMemo3 } from "react";
 
 // src/ui/components/markdown-inline.ts
 var ENTITIES = {
@@ -993,8 +1475,8 @@ var ENTITIES = {
   "&apos;": "'",
   "&nbsp;": " "
 };
-function decodeEntities(text) {
-  return text.replace(/&(?:amp|lt|gt|quot|apos|nbsp|#39);/g, (m) => ENTITIES[m] ?? m).replace(/&#(\d{1,6});/g, (m, code) => {
+function decodeEntities(text2) {
+  return text2.replace(/&(?:amp|lt|gt|quot|apos|nbsp|#39);/g, (m) => ENTITIES[m] ?? m).replace(/&#(\d{1,6});/g, (m, code) => {
     const n = Number(code);
     return n > 0 && n < 1114111 ? String.fromCodePoint(n) : m;
   });
@@ -1004,8 +1486,8 @@ function childTokens(token) {
   return Array.isArray(tokens) ? tokens : void 0;
 }
 function textOf(token) {
-  const text = token.text;
-  if (typeof text === "string") return text;
+  const text2 = token.text;
+  if (typeof text2 === "string") return text2;
   const raw = token.raw;
   return typeof raw === "string" ? raw : "";
 }
@@ -1041,8 +1523,8 @@ function renderToken(token) {
       return `${theme.dim("[image]")} ${image.text || ""}${image.href ? ` ${theme.dim(`(${image.href})`)}` : ""}`.trim();
     }
     case "html": {
-      const text = textOf(token);
-      return /^<br\s*\/?>$/i.test(text.trim()) ? "\n" : "";
+      const text2 = textOf(token);
+      return /^<br\s*\/?>$/i.test(text2.trim()) ? "\n" : "";
     }
     case "checkbox":
       return "";
@@ -1064,8 +1546,8 @@ function renderInline(tokens, fallback = "") {
 }
 
 // src/ui/components/Table.tsx
-import { Box as Box10, Text as Text10 } from "ink";
-import { memo as memo9, useMemo as useMemo2 } from "react";
+import { Box as Box12, Text as Text12 } from "ink";
+import { memo as memo11, useMemo as useMemo2 } from "react";
 
 // src/ui/components/table-layout.ts
 var TABLE_GAP = 2;
@@ -1103,8 +1585,8 @@ function layoutTable(columns, rows, width, gap = TABLE_GAP) {
 function formatTableRow(layout, cells, gap = TABLE_GAP) {
   return layout.columns.map((column, i) => {
     const w = layout.widths[i];
-    const text = truncate((cells[column.key] ?? "").replace(/\s+/g, " "), w);
-    return column.align === "right" ? padStart(text, w) : padEnd(text, w);
+    const text2 = truncate((cells[column.key] ?? "").replace(/\s+/g, " "), w);
+    return column.align === "right" ? padStart(text2, w) : padEnd(text2, w);
   }).join(" ".repeat(gap)).trimEnd();
 }
 function formatTableHeader(layout, gap = TABLE_GAP) {
@@ -1114,23 +1596,23 @@ function formatTableHeader(layout, gap = TABLE_GAP) {
 }
 
 // src/ui/components/Table.tsx
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
-var Table = memo9(function Table2({ columns, rows, width, offset = 0, limit }) {
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+var Table = memo11(function Table2({ columns, rows, width, offset = 0, limit }) {
   const layout = useMemo2(() => layoutTable(columns, rows, width), [columns, rows, width]);
   const shown = rows.slice(offset, limit === void 0 ? void 0 : offset + limit);
-  return /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", width, children: [
-    /* @__PURE__ */ jsx11(Text10, { wrap: "truncate-end", children: theme.dim(formatTableHeader(layout)) }),
-    shown.map((row, i) => /* @__PURE__ */ jsx11(Text10, { wrap: "truncate-end", children: formatTableRow(layout, row) }, offset + i))
+  return /* @__PURE__ */ jsxs10(Box12, { flexDirection: "column", width, children: [
+    /* @__PURE__ */ jsx14(Text12, { wrap: "truncate-end", children: theme.dim(formatTableHeader(layout)) }),
+    shown.map((row, i) => /* @__PURE__ */ jsx14(Text12, { wrap: "truncate-end", children: formatTableRow(layout, row) }, offset + i))
   ] });
 });
 
 // src/ui/components/Markdown.tsx
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
-function lexMarkdown(text) {
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+function lexMarkdown(text2) {
   try {
-    return marked.lexer(text.replace(/\r\n?/g, "\n"), { gfm: true });
+    return marked.lexer(text2.replace(/\r\n?/g, "\n"), { gfm: true });
   } catch {
-    return [{ type: "paragraph", raw: text, text, tokens: [{ type: "text", raw: text, text }] }];
+    return [{ type: "paragraph", raw: text2, text: text2, tokens: [{ type: "text", raw: text2, text: text2 }] }];
   }
 }
 function tokensOf(token) {
@@ -1138,8 +1620,8 @@ function tokensOf(token) {
   return Array.isArray(tokens) ? tokens : void 0;
 }
 function textOf2(token) {
-  const text = token.text;
-  return typeof text === "string" ? text : typeof token.raw === "string" ? token.raw : "";
+  const text2 = token.text;
+  return typeof text2 === "string" ? text2 : typeof token.raw === "string" ? token.raw : "";
 }
 function renderList(list, ctx, key, trailing = "") {
   const start = typeof list.start === "number" ? list.start : 1;
@@ -1147,9 +1629,9 @@ function renderList(list, ctx, key, trailing = "") {
     (item, i) => list.ordered ? `${start + i}.` : item.task ? item.checked ? "[x]" : "[ ]" : theme.symbols.bullet
   );
   const markerWidth = Math.max(...markers.map((m) => stripAnsi(m).length)) + 1;
-  return /* @__PURE__ */ jsx12(Box11, { flexDirection: "column", children: list.items.map((item, i) => /* @__PURE__ */ jsxs10(Box11, { children: [
-    /* @__PURE__ */ jsx12(Box11, { width: markerWidth, flexShrink: 0, children: /* @__PURE__ */ jsx12(Text11, { children: list.ordered ? markers[i] : theme.dim(markers[i]) }) }),
-    /* @__PURE__ */ jsx12(Box11, { flexDirection: "column", width: Math.max(8, ctx.width - markerWidth), children: renderBlocks(
+  return /* @__PURE__ */ jsx15(Box13, { flexDirection: "column", children: list.items.map((item, i) => /* @__PURE__ */ jsxs11(Box13, { children: [
+    /* @__PURE__ */ jsx15(Box13, { width: markerWidth, flexShrink: 0, children: /* @__PURE__ */ jsx15(Text13, { children: list.ordered ? markers[i] : theme.dim(markers[i]) }) }),
+    /* @__PURE__ */ jsx15(Box13, { flexDirection: "column", width: Math.max(8, ctx.width - markerWidth), children: renderBlocks(
       item.tokens,
       { width: Math.max(8, ctx.width - markerWidth), trailing: i === list.items.length - 1 && trailing ? trailing : void 0 },
       `${key}-${i}`,
@@ -1170,18 +1652,18 @@ function renderTable(table, ctx, key) {
     });
     return record;
   });
-  return /* @__PURE__ */ jsx12(Table, { columns, rows, width: ctx.width }, key);
+  return /* @__PURE__ */ jsx15(Table, { columns, rows, width: ctx.width }, key);
 }
 function renderBlock(token, ctx, key, trailing) {
   switch (token.type) {
     case "heading":
-      return /* @__PURE__ */ jsxs10(Text11, { bold: true, children: [
+      return /* @__PURE__ */ jsxs11(Text13, { bold: true, children: [
         renderInline(tokensOf(token), textOf2(token)),
         trailing
       ] }, key);
     case "paragraph":
     case "text":
-      return /* @__PURE__ */ jsxs10(Text11, { children: [
+      return /* @__PURE__ */ jsxs11(Text13, { children: [
         renderInline(tokensOf(token), textOf2(token)),
         trailing
       ] }, key);
@@ -1189,8 +1671,8 @@ function renderBlock(token, ctx, key, trailing) {
       return renderList(token, ctx, key, trailing);
     case "code": {
       const lines = textOf2(token).replace(/\n$/, "").split("\n");
-      return /* @__PURE__ */ jsx12(
-        Box11,
+      return /* @__PURE__ */ jsx15(
+        Box13,
         {
           flexDirection: "column",
           marginLeft: 2,
@@ -1200,24 +1682,24 @@ function renderBlock(token, ctx, key, trailing) {
           borderBottom: false,
           borderLeftDimColor: true,
           paddingLeft: 1,
-          children: lines.map((line, i) => /* @__PURE__ */ jsx12(Text11, { children: line || " " }, i))
+          children: lines.map((line, i) => /* @__PURE__ */ jsx15(Text13, { children: line || " " }, i))
         },
         key
       );
     }
     case "blockquote":
-      return /* @__PURE__ */ jsx12(Rail, { tone: "muted", children: renderBlocks(tokensOf(token) ?? [], { width: Math.max(8, ctx.width - 2) }, key, false) }, key);
+      return /* @__PURE__ */ jsx15(Rail, { tone: "muted", children: renderBlocks(tokensOf(token) ?? [], { width: Math.max(8, ctx.width - 2) }, key, false) }, key);
     case "hr":
-      return /* @__PURE__ */ jsx12(Text11, { children: theme.dim(theme.symbols.line.repeat(Math.max(3, Math.min(ctx.width, 60)))) }, key);
+      return /* @__PURE__ */ jsx15(Text13, { children: theme.dim(theme.symbols.line.repeat(Math.max(3, Math.min(ctx.width, 60)))) }, key);
     case "table":
       return renderTable(token, ctx, key);
     case "html":
-      return /* @__PURE__ */ jsx12(Text11, { children: theme.dim(textOf2(token).trim()) }, key);
+      return /* @__PURE__ */ jsx15(Text13, { children: theme.dim(textOf2(token).trim()) }, key);
     case "space":
     case "def":
       return null;
     default:
-      return /* @__PURE__ */ jsx12(Text11, { children: textOf2(token) }, key);
+      return /* @__PURE__ */ jsx15(Text13, { children: textOf2(token) }, key);
   }
 }
 var INLINE_TAIL = /* @__PURE__ */ new Set(["paragraph", "text", "heading", "list"]);
@@ -1231,24 +1713,24 @@ function renderBlocks(tokens, ctx, keyPrefix, spaced = true) {
     try {
       node = renderBlock(token, ctx, `${keyPrefix}-${i}`, trailing);
     } catch {
-      node = /* @__PURE__ */ jsx12(Text11, { children: token.raw }, `${keyPrefix}-${i}`);
+      node = /* @__PURE__ */ jsx15(Text13, { children: token.raw }, `${keyPrefix}-${i}`);
     }
-    if (spaced && i > 0) out.push(/* @__PURE__ */ jsx12(Text11, { children: " " }, `${keyPrefix}-${i}-gap`));
+    if (spaced && i > 0) out.push(/* @__PURE__ */ jsx15(Text13, { children: " " }, `${keyPrefix}-${i}-gap`));
     out.push(node);
-    if (isLast && ctx.trailing && !trailing) out.push(/* @__PURE__ */ jsx12(Text11, { children: ctx.trailing }, `${keyPrefix}-tail`));
+    if (isLast && ctx.trailing && !trailing) out.push(/* @__PURE__ */ jsx15(Text13, { children: ctx.trailing }, `${keyPrefix}-tail`));
   });
-  if (blocks.length === 0 && ctx.trailing) out.push(/* @__PURE__ */ jsx12(Text11, { children: ctx.trailing }, `${keyPrefix}-tail`));
+  if (blocks.length === 0 && ctx.trailing) out.push(/* @__PURE__ */ jsx15(Text13, { children: ctx.trailing }, `${keyPrefix}-tail`));
   return out;
 }
-var Markdown = memo10(function Markdown2({ text, width, trailing }) {
-  const tokens = useMemo3(() => lexMarkdown(text), [text]);
-  return /* @__PURE__ */ jsx12(Box11, { flexDirection: "column", width, children: renderBlocks(tokens, { width, trailing }, "md") });
+var Markdown = memo12(function Markdown2({ text: text2, width, trailing }) {
+  const tokens = useMemo3(() => lexMarkdown(text2), [text2]);
+  return /* @__PURE__ */ jsx15(Box13, { flexDirection: "column", width, children: renderBlocks(tokens, { width, trailing }, "md") });
 });
 
 // src/ui/components/SourcesList.tsx
-import { Box as Box12, Text as Text12 } from "ink";
-import { memo as memo11 } from "react";
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Box as Box14, Text as Text14 } from "ink";
+import { memo as memo13 } from "react";
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
 var MAX_SOURCES = 8;
 function hostOf(source) {
   if (source.domain) return source.domain;
@@ -1258,64 +1740,65 @@ function hostOf(source) {
     return "";
   }
 }
-var SourcesList = memo11(function SourcesList2(props) {
+var SourcesList = memo13(function SourcesList2(props) {
   const { sources, width } = props;
   const links = props.links ?? supportsHyperlinks();
   const shown = sources.slice(0, MAX_SOURCES);
   const numberWidth = String(shown.length).length;
-  return /* @__PURE__ */ jsxs11(Box12, { flexDirection: "column", width, children: [
-    /* @__PURE__ */ jsx13(Text12, { children: theme.dim("Sources") }),
+  return /* @__PURE__ */ jsxs12(Box14, { flexDirection: "column", width, children: [
+    /* @__PURE__ */ jsx16(Text14, { children: theme.dim("Sources") }),
     shown.map((source, i) => {
       const host = hostOf(source);
       const title = truncate(source.title, Math.max(10, Math.min(60, width - numberWidth - displayWidth(host) - 8)));
-      return /* @__PURE__ */ jsxs11(Box12, { width, children: [
-        /* @__PURE__ */ jsx13(Box12, { flexShrink: 0, children: /* @__PURE__ */ jsxs11(Text12, { children: [
+      return /* @__PURE__ */ jsxs12(Box14, { width, children: [
+        /* @__PURE__ */ jsx16(Box14, { flexShrink: 0, children: /* @__PURE__ */ jsxs12(Text14, { children: [
           theme.dim(String(i + 1).padStart(numberWidth)),
           " ",
           links ? hyperlink(title, source.url) : title
         ] }) }),
-        /* @__PURE__ */ jsx13(Box12, { flexGrow: 1, flexShrink: 1, children: /* @__PURE__ */ jsxs11(Text12, { wrap: "truncate-end", children: [
+        /* @__PURE__ */ jsx16(Box14, { flexGrow: 1, flexShrink: 1, children: /* @__PURE__ */ jsxs12(Text14, { wrap: "truncate-end", children: [
           host && host !== source.title ? theme.dim(` ${theme.symbols.middot} ${host}`) : "",
           links ? "" : theme.dim(`  ${source.url}`)
         ] }) })
       ] }, `${i}-${source.url}`);
     }),
-    sources.length > shown.length ? /* @__PURE__ */ jsx13(Text12, { children: theme.dim(`+${sources.length - shown.length} more`) }) : null
+    sources.length > shown.length ? /* @__PURE__ */ jsx16(Text14, { children: theme.dim(`+${sources.length - shown.length} more`) }) : null
   ] });
 });
 
 // src/ui/components/ToolCallRow.tsx
-import { Box as Box13, Text as Text13 } from "ink";
-import { memo as memo12 } from "react";
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
-function isRecord2(value) {
+import { Box as Box15, Text as Text15 } from "ink";
+import { memo as memo14 } from "react";
+import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+function isRecord3(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
+var LIST_RESULT_KEYS = ["jobs", "cvs", "items", "skills", "automations", "results", "applications"];
 function resultSummary(result) {
   if (Array.isArray(result)) return `${result.length} found`;
-  if (!isRecord2(result)) return "";
+  if (!isRecord3(result)) return "";
   if (result.ok === false || result.error === true) return "failed";
-  for (const key of ["total", "totalCount", "count"]) {
-    if (typeof result[key] === "number") return `${result[key]} found`;
-  }
-  const arrays = Object.values(result).filter(Array.isArray);
-  return arrays.length === 1 ? `${arrays[0].length} found` : "";
+  const key = LIST_RESULT_KEYS.find((k) => Array.isArray(result[k]));
+  if (!key) return "";
+  const shown = result[key].length;
+  const total = typeof result.total === "number" && Number.isFinite(result.total) ? result.total : void 0;
+  return `${total !== void 0 && total >= shown ? total : shown} found`;
 }
 function glyph(call) {
-  if (call.decision === "approve") return /* @__PURE__ */ jsx14(Text13, { children: theme.success(theme.symbols.success) });
-  if (call.decision === "reject") return /* @__PURE__ */ jsx14(Text13, { children: theme.error(theme.symbols.error) });
-  if (call.left) return /* @__PURE__ */ jsx14(Text13, { children: theme.attention(theme.symbols.attention) });
+  if (call.decision === "approve") return /* @__PURE__ */ jsx17(Text15, { children: theme.success(theme.symbols.success) });
+  if (call.decision === "reject") return /* @__PURE__ */ jsx17(Text15, { children: theme.error(theme.symbols.error) });
+  if (call.left) return /* @__PURE__ */ jsx17(Text15, { children: theme.attention(theme.symbols.attention) });
   switch (call.stage) {
     case "running":
-      return /* @__PURE__ */ jsx14(Spinner, {});
+      return /* @__PURE__ */ jsx17(Spinner, {});
     case "pending_approval":
-      return /* @__PURE__ */ jsx14(Text13, { children: theme.attention(theme.symbols.attention) });
+      return /* @__PURE__ */ jsx17(Text15, { children: theme.attention(theme.symbols.attention) });
     case "completed":
-      return /* @__PURE__ */ jsx14(Text13, { children: theme.success(theme.symbols.success) });
+      return /* @__PURE__ */ jsx17(Text15, { children: theme.success(theme.symbols.success) });
     case "failed":
-      return /* @__PURE__ */ jsx14(Text13, { children: theme.error(theme.symbols.error) });
+      return /* @__PURE__ */ jsx17(Text15, { children: theme.error(theme.symbols.error) });
     default:
-      return /* @__PURE__ */ jsx14(Text13, { children: theme.dim(theme.symbols.error) });
+      return /* @__PURE__ */ jsx17(Text15, { children: theme.dim(theme.symbols.error) });
   }
 }
 function titleText(call) {
@@ -1330,17 +1813,17 @@ function formatToolDuration(ms) {
   if (ms === void 0) return null;
   return ms < 100 ? "<0.1s" : formatElapsed(ms);
 }
-var RunningTime = memo12(function RunningTime2({ since }) {
+var RunningTime = memo14(function RunningTime2({ since }) {
   useClockTick(true);
   const elapsed = Date.now() - since;
-  return elapsed >= 1e3 ? /* @__PURE__ */ jsx14(Text13, { children: theme.dim(formatElapsed(elapsed)) }) : null;
+  return elapsed >= 1e3 ? /* @__PURE__ */ jsx17(Text15, { children: theme.dim(formatElapsed(elapsed)) }) : null;
 });
-var ToolCallRow = memo12(function ToolCallRow2({ call, width, expanded = false }) {
+var ToolCallRow = memo14(function ToolCallRow2({ call, width, expanded = false }) {
   const card = cardOf(call);
   if (card && !(call.stage === "pending_approval" && !call.decision)) {
-    return /* @__PURE__ */ jsxs12(Box13, { flexDirection: "column", width, children: [
-      /* @__PURE__ */ jsx14(ArtifactRow, { artifact: card, draft: call.draft, width }),
-      expanded ? /* @__PURE__ */ jsx14(ToolCallDetail, { call, width }) : null
+    return /* @__PURE__ */ jsxs13(Box15, { flexDirection: "column", width, children: [
+      /* @__PURE__ */ jsx17(ArtifactRow, { artifact: card, draft: call.draft, width }),
+      expanded ? /* @__PURE__ */ jsx17(ToolCallDetail, { call, width }) : null
     ] });
   }
   const waiting = call.stage === "pending_approval" && !call.decision && !call.left;
@@ -1350,23 +1833,23 @@ var ToolCallRow = memo12(function ToolCallRow2({ call, width, expanded = false }
   const running = call.stage === "running" && call.endedAt === void 0;
   const rightWidth = displayWidth(summary) + 2 + (duration ? displayWidth(duration) : 6);
   const args = summarizeArgs(call.args, Math.max(8, width - displayWidth(titleText(call)) - rightWidth - 7));
-  return /* @__PURE__ */ jsxs12(Box13, { flexDirection: "column", width, children: [
-    /* @__PURE__ */ jsxs12(Box13, { width, children: [
+  return /* @__PURE__ */ jsxs13(Box15, { flexDirection: "column", width, children: [
+    /* @__PURE__ */ jsxs13(Box15, { width, children: [
       glyph(call),
-      /* @__PURE__ */ jsx14(Box13, { flexGrow: 1, flexShrink: 1, marginLeft: 1, children: /* @__PURE__ */ jsxs12(Text13, { wrap: "truncate-end", children: [
+      /* @__PURE__ */ jsx17(Box15, { flexGrow: 1, flexShrink: 1, marginLeft: 1, children: /* @__PURE__ */ jsxs13(Text15, { wrap: "truncate-end", children: [
         titleText(call),
         args ? theme.dim(` ${theme.symbols.middot} ${args}`) : ""
       ] }) }),
-      /* @__PURE__ */ jsxs12(Box13, { flexShrink: 0, marginLeft: 1, children: [
-        summary ? /* @__PURE__ */ jsxs12(Text13, { children: [
+      /* @__PURE__ */ jsxs13(Box15, { flexShrink: 0, marginLeft: 1, children: [
+        summary ? /* @__PURE__ */ jsxs13(Text15, { children: [
           summary,
           "  "
         ] }) : null,
-        duration ? /* @__PURE__ */ jsx14(Text13, { children: duration }) : running ? /* @__PURE__ */ jsx14(RunningTime, { since: call.startedAt }) : null
+        duration ? /* @__PURE__ */ jsx17(Text15, { children: duration }) : running ? /* @__PURE__ */ jsx17(RunningTime, { since: call.startedAt }) : null
       ] })
     ] }),
-    call.denial ? /* @__PURE__ */ jsx14(Text13, { wrap: "truncate-end", children: theme.dim(`  ${theme.symbols.arrowRight} ${call.denial.message}${call.denial.reason ? ` (${call.denial.reason})` : ""}`) }) : null,
-    expanded ? /* @__PURE__ */ jsx14(ToolCallDetail, { call, width }) : null
+    call.denial ? /* @__PURE__ */ jsx17(Text15, { wrap: "truncate-end", children: theme.dim(`  ${theme.symbols.arrowRight} ${call.denial.message}${call.denial.reason ? ` (${call.denial.reason})` : ""}`) }) : null,
+    expanded ? /* @__PURE__ */ jsx17(ToolCallDetail, { call, width }) : null
   ] });
 });
 function cardOf(call) {
@@ -1381,43 +1864,44 @@ function sourcesSummary(call) {
   return n ? `${n} ${n === 1 ? "source" : "sources"}` : "no sources";
 }
 function researchLines(call) {
-  const result = isRecord2(call.result) ? call.result : {};
+  const result = isRecord3(call.result) ? call.result : {};
   const queries = Array.isArray(result.queries) ? result.queries.filter((q) => typeof q === "string") : [];
   const lines = queries.map((q) => `query  ${q}`);
   (call.sources ?? []).forEach((source, i) => lines.push(`${i + 1}  ${source.title}  ${theme.dim(source.url)}`));
   return lines;
 }
-var ToolCallDetail = memo12(function ToolCallDetail2({ call, width }) {
+var ToolCallDetail = memo14(function ToolCallDetail2({ call, width }) {
   if (call.research && call.result !== void 0 && !call.denial) {
     const { lines, hidden } = clipLines(researchLines(call).join("\n"), 16);
-    return /* @__PURE__ */ jsxs12(Box13, { flexDirection: "column", marginLeft: 2, width: Math.max(10, width - 2), children: [
-      lines.map((line, i) => /* @__PURE__ */ jsxs12(Text13, { wrap: "truncate-end", children: [
+    return /* @__PURE__ */ jsxs13(Box15, { flexDirection: "column", marginLeft: 2, width: Math.max(10, width - 2), children: [
+      lines.map((line, i) => /* @__PURE__ */ jsxs13(Text15, { wrap: "truncate-end", children: [
         theme.dim(theme.symbols.gutter),
         " ",
         line
       ] }, i)),
-      hidden > 0 ? /* @__PURE__ */ jsx14(Text13, { children: theme.dim(`  +${hidden} lines`) }) : null
+      hidden > 0 ? /* @__PURE__ */ jsx17(Text15, { children: theme.dim(`  +${hidden} lines`) }) : null
     ] });
   }
   const blocks = [["args", call.args]];
   if (call.result !== void 0) blocks.push(["result", call.result]);
-  return /* @__PURE__ */ jsx14(Box13, { flexDirection: "column", marginLeft: 2, width: Math.max(10, width - 2), children: blocks.map(([label, value]) => {
+  return /* @__PURE__ */ jsx17(Box15, { flexDirection: "column", marginLeft: 2, width: Math.max(10, width - 2), children: blocks.map(([label, value]) => {
     const { lines, hidden } = clipLines(safeJson(value), 16);
-    return /* @__PURE__ */ jsxs12(Box13, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx14(Text13, { children: theme.dim(label) }),
-      lines.map((line, i) => /* @__PURE__ */ jsxs12(Text13, { wrap: "truncate-end", children: [
+    return /* @__PURE__ */ jsxs13(Box15, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx17(Text15, { children: theme.dim(label) }),
+      lines.map((line, i) => /* @__PURE__ */ jsxs13(Text15, { wrap: "truncate-end", children: [
         theme.dim(theme.symbols.gutter),
         " ",
         line
       ] }, i)),
-      hidden > 0 ? /* @__PURE__ */ jsx14(Text13, { children: theme.dim(`  +${hidden} lines`) }) : null
+      hidden > 0 ? /* @__PURE__ */ jsx17(Text15, { children: theme.dim(`  +${hidden} lines`) }) : null
     ] }, label);
   }) });
 });
 
 // src/ui/screens/chat/Transcript.tsx
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 var ASSISTANT_INDENT = 2;
+var CARD_INDENT = ASSISTANT_INDENT + 2;
 var USER_MAX_LINES = 6;
 var WAITING_AFTER_MS = 1e4;
 function noticeGlyph(tone) {
@@ -1426,65 +1910,69 @@ function noticeGlyph(tone) {
   if (tone === "attention") return theme.attention(theme.symbols.attention);
   return theme.dim(theme.symbols.dot);
 }
-function UserTurn({ text, width }) {
-  const lines = text.split("\n");
+function UserTurn({ text: text2, width }) {
+  const lines = text2.split("\n");
   const shown = lines.slice(0, USER_MAX_LINES);
-  return /* @__PURE__ */ jsx15(Box14, { marginTop: 1, children: /* @__PURE__ */ jsxs13(Rail, { tone: "accent", width, children: [
-    shown.map((line, i) => /* @__PURE__ */ jsx15(Text14, { wrap: "wrap", children: line || " " }, i)),
-    lines.length > USER_MAX_LINES ? /* @__PURE__ */ jsx15(Text14, { children: theme.dim(`+${lines.length - USER_MAX_LINES} lines`) }) : null
+  return /* @__PURE__ */ jsx18(Box16, { marginTop: 1, children: /* @__PURE__ */ jsxs14(Rail, { tone: "accent", width, children: [
+    shown.map((line, i) => /* @__PURE__ */ jsx18(Text16, { wrap: "wrap", children: line || " " }, i)),
+    lines.length > USER_MAX_LINES ? /* @__PURE__ */ jsx18(Text16, { children: theme.dim(`+${lines.length - USER_MAX_LINES} lines`) }) : null
   ] }) });
 }
-var EntryView = memo13(function EntryView2({ entry, width }) {
+var EntryView = memo15(function EntryView2({ entry, width }) {
   const inner = Math.max(10, width - ASSISTANT_INDENT);
   switch (entry.kind) {
     case "header": {
       const fill = Math.max(1, width - displayWidth(entry.text) - displayWidth(entry.right));
-      return /* @__PURE__ */ jsxs13(Box14, { flexDirection: "column", width, children: [
-        /* @__PURE__ */ jsxs13(Text14, { wrap: "truncate-end", children: [
+      return /* @__PURE__ */ jsxs14(Box16, { flexDirection: "column", width, children: [
+        /* @__PURE__ */ jsxs14(Text16, { wrap: "truncate-end", children: [
           entry.text,
           " ".repeat(fill),
           theme.dim(entry.right)
         ] }),
-        /* @__PURE__ */ jsx15(Text14, { children: theme.dim(theme.symbols.line.repeat(width)) })
+        /* @__PURE__ */ jsx18(Text16, { children: theme.dim(theme.symbols.line.repeat(width)) })
       ] });
     }
     case "user":
-      return /* @__PURE__ */ jsx15(UserTurn, { text: entry.text, width });
+      return /* @__PURE__ */ jsx18(UserTurn, { text: entry.text, width });
     case "assistant":
-      return /* @__PURE__ */ jsx15(Box14, { marginTop: 1, children: /* @__PURE__ */ jsxs13(Text14, { children: [
+      return /* @__PURE__ */ jsx18(Box16, { marginTop: 1, children: /* @__PURE__ */ jsxs14(Text16, { children: [
         theme.accent(theme.symbols.dot),
         " ",
         theme.bold("Tabbio")
       ] }) });
     case "markdown":
-      return /* @__PURE__ */ jsx15(Box14, { paddingLeft: ASSISTANT_INDENT, marginTop: entry.gap ? 1 : 0, width, children: /* @__PURE__ */ jsx15(Markdown, { text: entry.text, width: inner }) });
+      return /* @__PURE__ */ jsx18(Box16, { paddingLeft: ASSISTANT_INDENT, marginTop: entry.gap ? 1 : 0, width, children: /* @__PURE__ */ jsx18(Markdown, { text: entry.text, width: inner }) });
     case "tool":
-      return /* @__PURE__ */ jsx15(Box14, { paddingLeft: ASSISTANT_INDENT, marginTop: entry.gap ? 1 : 0, width, children: /* @__PURE__ */ jsx15(ToolCallRow, { call: entry.call, width: inner }) });
+      return /* @__PURE__ */ jsx18(Box16, { paddingLeft: ASSISTANT_INDENT, marginTop: entry.gap ? 1 : 0, width, children: /* @__PURE__ */ jsx18(ToolCallRow, { call: entry.call, width: inner }) });
     case "tool-detail":
-      return /* @__PURE__ */ jsxs13(Box14, { paddingLeft: ASSISTANT_INDENT, flexDirection: "column", width, children: [
-        /* @__PURE__ */ jsx15(Text14, { children: theme.dim(`${theme.symbols.expanded} ${entry.call.title}`) }),
-        /* @__PURE__ */ jsx15(ToolCallDetail, { call: entry.call, width: inner })
+      return /* @__PURE__ */ jsxs14(Box16, { paddingLeft: ASSISTANT_INDENT, flexDirection: "column", width, children: [
+        /* @__PURE__ */ jsx18(Text16, { children: theme.dim(`${theme.symbols.expanded} ${entry.call.title}`) }),
+        /* @__PURE__ */ jsx18(ToolCallDetail, { call: entry.call, width: inner })
       ] });
     case "artifact":
-      return /* @__PURE__ */ jsx15(Box14, { paddingLeft: ASSISTANT_INDENT, width, children: /* @__PURE__ */ jsx15(ArtifactRow, { artifact: entry.artifact, width: inner }) });
+      return /* @__PURE__ */ jsx18(Box16, { paddingLeft: ASSISTANT_INDENT, width, children: /* @__PURE__ */ jsx18(ArtifactRow, { artifact: entry.artifact, width: inner }) });
+    case "card":
+      return /* @__PURE__ */ jsx18(Box16, { paddingLeft: CARD_INDENT, width, children: /* @__PURE__ */ jsx18(CardView, { card: entry.card, width: Math.max(10, width - CARD_INDENT) }) });
+    case "saved":
+      return /* @__PURE__ */ jsx18(Box16, { paddingLeft: CARD_INDENT, width, children: /* @__PURE__ */ jsx18(SavedFilesView, { saved: entry.saved, width: Math.max(10, width - CARD_INDENT) }) });
     case "sources":
-      return /* @__PURE__ */ jsx15(Box14, { paddingLeft: ASSISTANT_INDENT, marginTop: 1, width, children: /* @__PURE__ */ jsx15(SourcesList, { sources: entry.sources, width: inner }) });
+      return /* @__PURE__ */ jsx18(Box16, { paddingLeft: ASSISTANT_INDENT, marginTop: 1, width, children: /* @__PURE__ */ jsx18(SourcesList, { sources: entry.sources, width: inner }) });
     case "notice":
-      return /* @__PURE__ */ jsxs13(Box14, { paddingLeft: ASSISTANT_INDENT, marginTop: 1, flexDirection: "column", width, children: [
-        /* @__PURE__ */ jsxs13(Text14, { wrap: "wrap", children: [
+      return /* @__PURE__ */ jsxs14(Box16, { paddingLeft: ASSISTANT_INDENT, marginTop: 1, flexDirection: "column", width, children: [
+        /* @__PURE__ */ jsxs14(Text16, { wrap: "wrap", children: [
           noticeGlyph(entry.tone),
           " ",
           entry.tone === "error" ? theme.error(entry.text) : entry.tone === "info" ? theme.dim(entry.text) : entry.text
         ] }),
-        entry.hint ? /* @__PURE__ */ jsx15(Text14, { wrap: "wrap", children: theme.dim(`  ${theme.symbols.arrowRight} ${entry.hint}`) }) : null
+        entry.hint ? /* @__PURE__ */ jsx18(Text16, { wrap: "wrap", children: theme.dim(`  ${theme.symbols.arrowRight} ${entry.hint}`) }) : null
       ] });
     default:
       return null;
   }
 });
-function clipLiveText(text, width, maxLines) {
-  if (estimateHeight(text, width) <= maxLines) return { text, hidden: 0 };
-  const lines = text.split("\n");
+function clipLiveText(text2, width, maxLines) {
+  if (estimateHeight(text2, width) <= maxLines) return { text: text2, hidden: 0 };
+  const lines = text2.split("\n");
   const kept = [];
   let used = 1;
   for (let i = lines.length - 1; i >= 0; i -= 1) {
@@ -1501,23 +1989,24 @@ function WaitingLine({ turn }) {
   const empty = turn.items.length === 0;
   if (!empty && idleFor < WAITING_AFTER_MS) return null;
   const label = empty && idleFor < WAITING_AFTER_MS ? "Thinking\u2026" : "waiting for Tabbio\u2026";
-  return /* @__PURE__ */ jsx15(Box14, { paddingLeft: ASSISTANT_INDENT, children: /* @__PURE__ */ jsx15(Spinner, { label: theme.dim(`${label} ${formatElapsed(Date.now() - (empty ? turn.startedAt : turn.lastEventAt))}`) }) });
+  return /* @__PURE__ */ jsx18(Box16, { paddingLeft: ASSISTANT_INDENT, children: /* @__PURE__ */ jsx18(Spinner, { label: theme.dim(`${label} ${formatElapsed(Date.now() - (empty ? turn.startedAt : turn.lastEventAt))}`) }) });
 }
 function liveGap(prev, item) {
   if (item.kind === "tool") return prev === "markdown" || prev === "text";
   return prev === "tool" || prev === "markdown" || item.committed > 0;
 }
-var LiveItemView = memo13(function LiveItemView2(props) {
-  const { item, width, expanded, cursor, maxLines, gap } = props;
+var LiveItemView = memo15(function LiveItemView2(props) {
+  const { item, width, expanded, cursor, maxLines, gap, echoAt } = props;
   if (item.kind === "tool") {
-    return /* @__PURE__ */ jsx15(Box14, { marginTop: gap ? 1 : 0, children: /* @__PURE__ */ jsx15(ToolCallRow, { call: item.call, width, expanded }) });
+    return /* @__PURE__ */ jsx18(Box16, { marginTop: gap ? 1 : 0, children: /* @__PURE__ */ jsx18(ToolCallRow, { call: item.call, width, expanded }) });
   }
-  const pending = item.text.slice(item.committed);
+  const end = echoAt !== void 0 && item.start !== void 0 ? Math.max(item.committed, echoAt - item.start) : item.text.length;
+  const pending = item.text.slice(item.committed, end);
   if (!pending && !cursor) return null;
   const clipped = clipLiveText(pending, width, maxLines);
-  return /* @__PURE__ */ jsxs13(Box14, { flexDirection: "column", width, marginTop: gap ? 1 : 0, children: [
-    clipped.hidden > 0 ? /* @__PURE__ */ jsx15(Text14, { children: theme.dim(`${theme.symbols.ellipsis} ${clipped.hidden} more lines above (streaming)`) }) : null,
-    /* @__PURE__ */ jsx15(Markdown, { text: clipped.text, width, trailing: cursor ? theme.accent(theme.symbols.cursor) : void 0 })
+  return /* @__PURE__ */ jsxs14(Box16, { flexDirection: "column", width, marginTop: gap ? 1 : 0, children: [
+    clipped.hidden > 0 ? /* @__PURE__ */ jsx18(Text16, { children: theme.dim(`${theme.symbols.ellipsis} ${clipped.hidden} more lines above (streaming)`) }) : null,
+    /* @__PURE__ */ jsx18(Markdown, { text: clipped.text, width, trailing: cursor ? theme.accent(theme.symbols.cursor) : void 0 })
   ] });
 });
 function LiveTurn(props) {
@@ -1526,65 +2015,393 @@ function LiveTurn(props) {
   const last = turn.items[turn.items.length - 1];
   const tools = turn.items.filter((i) => i.kind === "tool").length;
   const textBudget = Math.max(3, maxLines - tools - 1);
-  return /* @__PURE__ */ jsxs13(Box14, { flexDirection: "column", width, children: [
-    /* @__PURE__ */ jsx15(Box14, { flexDirection: "column", paddingLeft: ASSISTANT_INDENT, width, children: turn.items.map((item, i) => {
-      const before = turn.items[i - 1];
-      const prev = before ? before.kind === "tool" ? "tool" : "text" : turn.lastKind;
-      return /* @__PURE__ */ jsx15(
-        LiveItemView,
-        {
-          item,
-          width: inner,
-          expanded: expandTools,
-          cursor: streaming && item === last && item.kind === "text",
-          maxLines: textBudget,
-          gap: liveGap(prev, item)
-        },
-        item.id
-      );
-    }) }),
-    streaming ? /* @__PURE__ */ jsx15(WaitingLine, { turn }) : null
+  return /* @__PURE__ */ jsxs14(Box16, { flexDirection: "column", width, children: [
+    /* @__PURE__ */ jsxs14(Box16, { flexDirection: "column", paddingLeft: ASSISTANT_INDENT, width, children: [
+      expandTools ? (turn.hidden ?? []).map((call) => /* @__PURE__ */ jsx18(ToolCallRow, { call, width: inner, expanded: true }, `hidden-${call.id}`)) : null,
+      turn.items.map((item, i) => {
+        const before = turn.items[i - 1];
+        const prev = before ? before.kind === "tool" ? "tool" : "text" : turn.lastKind;
+        return /* @__PURE__ */ jsx18(
+          LiveItemView,
+          {
+            item,
+            width: inner,
+            expanded: expandTools,
+            cursor: streaming && item === last && item.kind === "text",
+            maxLines: textBudget,
+            gap: liveGap(prev, item),
+            echoAt: turn.echoAt
+          },
+          item.id
+        );
+      })
+    ] }),
+    streaming ? /* @__PURE__ */ jsx18(WaitingLine, { turn }) : null
   ] });
 }
 
 // src/ui/screens/chat/useChatCommands.ts
-import { useCallback, useRef } from "react";
-function useChatCommands(deps) {
-  const { session, services, companyId, hostedByHome, onExit, openThreads } = deps;
-  const { state } = session;
-  const availability = useRef(null);
-  const warnIfUnavailable = useCallback(
-    (capabilities) => {
-      if (!services.loadCapabilities) return;
-      availability.current ??= services.loadCapabilities().catch(() => null);
-      void availability.current.then((answer) => {
-        for (const text of unavailableNotices(capabilities, answer)) session.dispatch({ type: "notice", tone: "info", text });
-      });
+import { useCallback as useCallback3, useRef as useRef4 } from "react";
+
+// src/ui/screens/chat/useFileCommands.ts
+import { homedir as homedir2 } from "node:os";
+import { extname, resolve as resolvePath } from "node:path";
+import { useCallback as useCallback2, useRef as useRef3 } from "react";
+
+// src/ui/screens/chat/apply-command.ts
+var CARD_TYPE = "application-preview";
+function notFound(result) {
+  return !result.ok && (result.error.exitCode === ExitCode.NotFound || /not found/i.test(result.error.message));
+}
+function applyNotes(result, tool, appUrl) {
+  const record = typeof result === "object" && result !== null ? result : {};
+  if (record.redirectRequired !== true) return [];
+  const card = cardFromToolResult({ id: "apply", name: tool, args: {}, result, cardType: CARD_TYPE }, { appUrl });
+  const link = card?.links[0];
+  return link ? [{ tone: "info", text: `/open ${link.n} opens the employer's application page` }] : [];
+}
+function prepareApplicationTool(opts) {
+  const { services, job, source } = opts;
+  const tool = source === "jobs" ? "applicationPrepare" : "catalogApplyPrepare";
+  const appUrl = services.appUrl ?? PRODUCTION_APP_URL;
+  return {
+    text: `/apply ${opts.n}`,
+    name: tool,
+    title: "Prepare application",
+    cardType: CARD_TYPE,
+    args: { job: job.title, ...source === "jobs" ? { jobId: job.id } : { catalogJobId: job.id } },
+    async run(signal) {
+      if (source === "jobs") return services.callTool("application.prepare", { jobId: job.id }, { signal });
+      const first = await services.callTool("catalog.applyPrepare", { catalogJobId: job.id }, { signal });
+      if (source === void 0 && notFound(first)) return services.callTool("application.prepare", { jobId: job.id }, { signal });
+      return first;
     },
-    [services, session]
-  );
-  const setCapability = useCallback(
-    (key, arg) => {
-      if (!arg) {
-        session.dispatch({ type: "notice", tone: "info", text: `${key} ${state.capabilities[key]} ${theme.symbols.middot} /${key} <mode> to change it` });
-        return;
-      }
-      let value;
-      try {
-        value = parseCapabilityMode(key, arg);
-      } catch (error) {
-        session.dispatch({ type: "notice", tone: "error", text: toCliError(error).message.replace(/^--/, "/") });
-        return;
-      }
-      const next = { ...state.capabilities, [key]: value };
-      session.dispatch({ type: "set-capability", key, value });
-      let saved = false;
-      try {
-        services.saveCapabilityPrefs?.(next);
-        saved = Boolean(services.saveCapabilityPrefs);
-      } catch {
-        saved = false;
-      }
+    after: (result) => applyNotes(result, tool, appUrl)
+  };
+}
+
+// src/ui/screens/chat/card-commands.ts
+import { homedir } from "node:os";
+function placedCards(state) {
+  const toolNames = /* @__PURE__ */ new Map();
+  const placed = [];
+  state.entries.forEach((entry, at) => {
+    if (entry.kind === "tool") toolNames.set(entry.call.id, entry.call.name);
+    if (entry.kind === "card") placed.push({ card: entry.card, tool: toolNames.get(entry.toolCallId), at });
+  });
+  (state.turn?.items ?? []).forEach((item, i) => {
+    if (item.kind === "tool" && item.call.card) placed.push({ card: item.call.card, tool: item.call.name, at: state.entries.length + i });
+  });
+  return placed;
+}
+function chatCards(state) {
+  return placedCards(state).map((p) => p.card);
+}
+function applySource(state) {
+  const withJobs = placedCards(state).filter((p) => p.card.rows.some((row) => row.job));
+  const tool = withJobs[withJobs.length - 1]?.tool;
+  if (!tool) return void 0;
+  if (tool.startsWith("catalog")) return "catalog";
+  if (/^(job|application)[A-Z]/.test(tool)) return "jobs";
+  return void 0;
+}
+function recentFiles(state, touched = []) {
+  const seen = [];
+  const add = (id, at) => {
+    if (id) seen.push({ id, at });
+  };
+  state.entries.forEach((entry, at) => {
+    if (entry.kind === "tool") {
+      if (entry.call.artifact?.status === "ready") add(entry.call.artifact.id, at);
+      if (entry.call.saved?.files.length) add(entry.call.saved.artifactId, at);
+    } else if (entry.kind === "artifact" && entry.artifact.status === "ready") add(entry.artifact.id, at);
+    else if (entry.kind === "saved" && entry.saved.files.length) add(entry.saved.artifactId, at);
+  });
+  (state.turn?.items ?? []).forEach((item, i) => {
+    if (item.kind === "tool" && item.call.artifact?.status === "ready") add(item.call.artifact.id, state.entries.length + i);
+  });
+  for (const t of touched) add(t.id, t.at);
+  const newest = /* @__PURE__ */ new Map();
+  for (const { id, at } of seen) newest.set(id, Math.max(at, newest.get(id) ?? -1));
+  return [...newest.entries()].map(([id, at]) => ({ id, at })).sort((a, b) => b.at - a.at);
+}
+function resolveFileRef(arg, files) {
+  const value = arg.trim();
+  if (!/^\d+$/.test(value)) return { kind: "id", id: value };
+  const n = Number(value);
+  const file = n >= 1 ? files[n - 1] : void 0;
+  if (file) return { kind: "id", id: file.id };
+  return {
+    kind: "error",
+    message: files.length ? `There is no file ${n}: this chat has ${files.length} file${files.length === 1 ? "" : "s"} (${range(files.length)}, 1 is the newest)` : `There is no file ${n}: no file in this chat yet (use the file id)`
+  };
+}
+function range(count) {
+  return count === 1 ? "1" : `1 to ${count}`;
+}
+var ARTIFACT_ID = /^[A-Za-z][\w-]{5,}$/;
+function resolveOpenTarget(arg, placed, files = []) {
+  const linkCards = placed.filter((p) => p.card.links.length > 0);
+  const newestLinks = linkCards[linkCards.length - 1];
+  const plain = placed.map((p) => p.card);
+  const count = latestCardLinks(plain).length;
+  const value = arg.trim();
+  const filesFirst = files.length > 0 && (!newestLinks || files[0].at > newestLinks.at);
+  if (!value) {
+    return {
+      kind: "error",
+      message: filesFirst ? `Use /open <n> (${range(files.length)}, 1 is the newest file) or /open <file id>` : count ? `Use /open <n> (${range(count)}) or /open <file id>` : "Use /open <n> after a result with links, or /open <file id>"
+    };
+  }
+  if (/^\d+$/.test(value)) {
+    if (filesFirst) {
+      const ref = resolveFileRef(value, files);
+      return ref.kind === "id" ? { kind: "artifact", id: ref.id } : ref;
+    }
+    const n = Number(value);
+    const link = findCardLink(plain, n);
+    if (link) return { kind: "link", link };
+    return {
+      kind: "error",
+      message: count ? `There is no link ${n}: the last result has ${count} link${count === 1 ? "" : "s"} (${range(count)})` : `There is no link ${n}: no result with links yet`
+    };
+  }
+  if (ARTIFACT_ID.test(value)) return { kind: "artifact", id: value };
+  return { kind: "error", message: `Not a link number or a file id: ${value}` };
+}
+function jobCount(cards) {
+  for (let i = cards.length - 1; i >= 0; i -= 1) {
+    const rows = cards[i].rows.filter((row) => row.job);
+    if (rows.length) return rows.length;
+  }
+  return 0;
+}
+function resolveApply(arg, cards) {
+  const count = jobCount(cards);
+  const value = arg.trim();
+  if (!/^\d+$/.test(value)) {
+    return { kind: "error", message: count ? `Use /apply <n> (${range(count)})` : "Use /apply <n> after a job search result" };
+  }
+  const n = Number(value);
+  const job = findCardJob(cards, n);
+  if (!job) {
+    return {
+      kind: "error",
+      message: count ? `There is no job ${n}: the last result lists ${count} job${count === 1 ? "" : "s"} (${range(count)})` : `There is no job ${n}: no job result yet`
+    };
+  }
+  return { kind: "apply", n, job };
+}
+function savedLine(files, cwd) {
+  return `Saved ${files.map((f) => `${displayPath(f.path, cwd)} (${formatBytes(f.bytes)})`).join(", ")}`;
+}
+function previewBlock(path, preview, gutter, cwd) {
+  const shown = displayPath(path, cwd);
+  const body = preview.lines.map((line) => `${gutter} ${line.replace(/\t/g, "  ")}`);
+  const more = preview.total > preview.lines.length ? [`+${preview.total - preview.lines.length} more lines in ${shown}`] : [];
+  return [`${shown} (${preview.total} line${preview.total === 1 ? "" : "s"})`, ...body, ...more].join("\n");
+}
+var FORMATS = CV_EXPORT_FORMATS;
+function parseDownloadArgs(arg) {
+  const words = arg.trim().split(/\s+/).filter(Boolean);
+  if (words.length > 2) return { error: `Use /download [cvId] [${FORMATS.join("|")}]` };
+  const [first, second] = words;
+  const firstIsFormat = first !== void 0 && second === void 0 && FORMATS.includes(first.toLowerCase());
+  const cvId = firstIsFormat ? null : first ?? null;
+  const format = (firstIsFormat ? first : second ?? "pdf").toLowerCase();
+  if (!FORMATS.includes(format)) return { error: `Unknown format ${second ?? first}: use ${FORMATS.join(", ")}` };
+  return { cvId, format };
+}
+function parseSaveArgs(arg) {
+  const match = /^(\S+)(?:\s+(.+))?$/.exec(arg.trim());
+  if (!match) return { error: "Use /save <file id> [folder]" };
+  const dir = match[2]?.trim().replace(/^["']|["']$/g, "").replace(/^~(?=$|[\\/])/, homedir());
+  return { id: match[1], ...dir ? { dir } : {} };
+}
+
+// src/ui/screens/chat/useFileCommands.ts
+var SHOW_MAX_LINES = 200;
+function looksLikePath(value) {
+  return /[\\/]/.test(value) || value.startsWith(".") || value.startsWith("~") || isTextFile(value) || Boolean(extname(value) && /\.\w{2,5}$/.test(value));
+}
+function useFileCommands(session, services) {
+  const { state, dispatch } = session;
+  const touched = useRef3([]);
+  const touch = useCallback2((id) => touched.current.push({ id, at: state.entries.length }), [state.entries.length]);
+  const note = useCallback2(
+    (tone, text2, hint) => dispatch({ type: "notice", tone, text: text2, ...hint ? { hint } : {} }),
+    [dispatch]
+  );
+  const fail = useCallback2(
+    (prefix) => (error) => {
+      const cli = toCliError(error);
+      note("error", `${prefix}: ${cli.message}`, cli.hint);
+    },
+    [note]
+  );
+  const openLink = useCallback2(
+    async (url, label) => {
+      const opened = services.openUrl ? await services.openUrl(url).catch(() => false) : false;
+      note(opened ? "success" : "info", opened ? `Opened ${label} in the browser` : `Open ${label}:`, services.hyperlinks ? hyperlink(url, url) : url);
+    },
+    [services, note]
+  );
+  const openArtifact = useCallback2(
+    async (id) => {
+      if (!services.getArtifact || !services.artifactPreviewUrl) {
+        note("error", "Opening files is not available here", `Run \`tabbio artifacts open ${id}\`.`);
+        return;
+      }
+      const artifact = await services.getArtifact(id);
+      if (artifact.status === "failed") {
+        note("error", `${artifact.title} failed: ${artifact.error?.message ?? "unknown error"}`);
+        return;
+      }
+      if (artifact.status !== "ready") {
+        note("info", `${artifact.title} is still being created`, `Try /open ${id} again in a moment.`);
+        return;
+      }
+      await openLink(await services.artifactPreviewUrl(id, artifact.kind), artifact.title);
+    },
+    [services, note, openLink]
+  );
+  const show = useCallback2(
+    async (target) => {
+      let files;
+      if (looksLikePath(target)) files = [{ path: resolvePath(target.replace(/^~(?=$|[\\/])/, homedir2())), bytes: 0, kind: "file" }];
+      else {
+        files = services.savedFiles?.(target);
+        if (!files?.length) {
+          if (!services.saveArtifact) {
+            note("error", "Saving files is not available here", `Run \`tabbio artifacts download ${target}\`.`);
+            return;
+          }
+          files = await services.saveArtifact(target);
+          if (files.length) note("success", savedLine(files));
+        }
+      }
+      const text2 = files.find((f) => isTextFile(f.path));
+      if (!text2) {
+        note(
+          "info",
+          files.length ? `No text to print for ${files.map((f) => displayPath(f.path)).join(", ")}` : `Nothing saved for ${target} yet`,
+          looksLikePath(target) ? void 0 : `/open ${target} opens it in the browser`
+        );
+        return;
+      }
+      if (!services.readSavedPreview) {
+        note("error", "Printing files is not available here");
+        return;
+      }
+      const preview = await services.readSavedPreview(text2.path, SHOW_MAX_LINES);
+      note("info", previewBlock(text2.path, preview, theme.symbols.gutter), looksLikePath(target) ? void 0 : `/open ${target} opens it in the browser`);
+    },
+    [services, note]
+  );
+  return useCallback2(
+    (name, arg) => {
+      const files = recentFiles(state, touched.current);
+      const fileId = (value) => {
+        const ref = resolveFileRef(value, files);
+        if (ref.kind === "error") note("error", ref.message);
+        return ref.kind === "id" ? ref.id : null;
+      };
+      switch (name) {
+        case "open": {
+          const target = resolveOpenTarget(arg, placedCards(state), files);
+          if (target.kind === "error") note("error", target.message);
+          else if (target.kind === "link") void openLink(target.link.url, `${target.link.n}. ${target.link.label}`).catch(fail("Could not open the link"));
+          else {
+            touch(target.id);
+            void openArtifact(target.id).catch(fail(`Could not open ${target.id}`));
+          }
+          return;
+        }
+        case "apply": {
+          const target = resolveApply(arg, chatCards(state));
+          if (target.kind === "error") return note("error", target.message);
+          const started = session.runTool(prepareApplicationTool({ services, n: target.n, job: target.job, source: applySource(state) }));
+          if (!started) note("attention", "Tabbio is still answering", `Wait for the reply (esc stops it), then /apply ${target.n} again.`);
+          return;
+        }
+        case "save": {
+          const parsed = parseSaveArgs(arg);
+          if ("error" in parsed) return note("error", parsed.error);
+          const id = fileId(parsed.id);
+          if (!id) return;
+          if (!services.saveArtifact) return note("error", "Saving files is not available here", `Run \`tabbio artifacts download ${id}\`.`);
+          note("info", `Saving ${id}${theme.symbols.ellipsis}`);
+          services.saveArtifact(id, parsed.dir ? { dir: parsed.dir } : {}).then((saved) => {
+            if (!saved.length) return note("attention", `Nothing was saved for ${id}`, "It may still be rendering: try again in a moment.");
+            touch(id);
+            note("success", savedLine(saved), `/show ${id} prints it ${theme.symbols.middot} /open ${id} opens it in the browser`);
+          }, fail(`Could not save ${id}`));
+          return;
+        }
+        case "show": {
+          const value = arg.trim();
+          if (!value) return note("error", "Use /show <n> (1 = the newest file of this chat), /show <file id>, or a saved file path");
+          const target = looksLikePath(value) ? value : fileId(value);
+          if (!target) return;
+          if (!looksLikePath(target)) touch(target);
+          void show(target).catch(fail(`Could not show ${target}`));
+          return;
+        }
+        case "download": {
+          const parsed = parseDownloadArgs(arg);
+          if ("error" in parsed) return note("error", parsed.error);
+          const label = !parsed.cvId || /^(master|main)$/i.test(parsed.cvId) ? "your main CV" : parsed.cvId;
+          if (!services.saveCvExport) return note("error", "Saving CVs is not available here");
+          note("info", `Exporting ${label} as ${parsed.format.toUpperCase()}${theme.symbols.ellipsis}`);
+          services.saveCvExport(parsed.cvId, { format: parsed.format }).then((file) => note("success", savedLine([file])), fail(`Could not export ${label}`));
+          return;
+        }
+        default:
+          note("error", `Unknown command /${name}`);
+      }
+    },
+    [state, session, services, note, fail, openLink, openArtifact, show, touch]
+  );
+}
+
+// src/ui/screens/chat/useChatCommands.ts
+function useChatCommands(deps) {
+  const { session, services, companyId, hostedByHome, onExit, openThreads, openLogin, onAccountChange } = deps;
+  const { state } = session;
+  const availability = useRef4(null);
+  const runFileCommand = useFileCommands(session, services);
+  const warnIfUnavailable = useCallback3(
+    (capabilities) => {
+      if (!services.loadCapabilities) return;
+      availability.current ??= services.loadCapabilities().catch(() => null);
+      void availability.current.then((answer) => {
+        for (const text2 of unavailableNotices(capabilities, answer)) session.dispatch({ type: "notice", tone: "info", text: text2 });
+      });
+    },
+    [services, session]
+  );
+  const setCapability = useCallback3(
+    (key, arg) => {
+      if (!arg) {
+        session.dispatch({ type: "notice", tone: "info", text: `${key} ${state.capabilities[key]} ${theme.symbols.middot} /${key} <mode> to change it` });
+        return;
+      }
+      let value;
+      try {
+        value = parseCapabilityMode(key, arg);
+      } catch (error) {
+        session.dispatch({ type: "notice", tone: "error", text: toCliError(error).message.replace(/^--/, "/") });
+        return;
+      }
+      const next = { ...state.capabilities, [key]: value };
+      session.dispatch({ type: "set-capability", key, value });
+      let saved = false;
+      try {
+        services.saveCapabilityPrefs?.(next);
+        saved = Boolean(services.saveCapabilityPrefs);
+      } catch {
+        saved = false;
+      }
       const scope = state.mode === "employer" ? " (employer chats ignore it)" : "";
       session.dispatch({
         type: "notice",
@@ -1595,7 +2412,7 @@ function useChatCommands(deps) {
     },
     [session, services, state.capabilities, state.mode, warnIfUnavailable]
   );
-  return useCallback(
+  return useCallback3(
     (name, arg) => {
       switch (name) {
         case "new":
@@ -1636,6 +2453,35 @@ function useChatCommands(deps) {
         case "help":
           session.dispatch({ type: "notice", tone: "info", text: CHAT_HELP });
           return;
+        case "open":
+        case "apply":
+        case "save":
+        case "show":
+        case "download":
+          runFileCommand(name, arg);
+          return;
+        case "login": {
+          const start = parseLoginArgs(arg);
+          if ("error" in start) session.dispatch({ type: "notice", tone: "error", text: start.error });
+          else if (!services.session || !onAccountChange) {
+            session.dispatch({ type: "notice", tone: "error", text: "Signing in is not available here", hint: "Run `tabbio login` in a terminal." });
+          } else openLogin(start);
+          return;
+        }
+        case "logout": {
+          const controls = services.session;
+          if (!controls || !onAccountChange) {
+            session.dispatch({ type: "notice", tone: "error", text: "Signing out is not available here", hint: "Run `tabbio logout` in a terminal." });
+            return;
+          }
+          session.interrupt();
+          session.dispatch({ type: "notice", tone: "info", text: `Signing out${theme.symbols.ellipsis}` });
+          controls.logout().then(onAccountChange, (error) => {
+            const cli = toCliError(error);
+            session.dispatch({ type: "notice", tone: "error", text: `Could not sign out: ${cli.message}`, hint: cli.hint });
+          });
+          return;
+        }
         case "home":
           onExit(hostedByHome ? "home" : "exit");
           return;
@@ -1647,24 +2493,83 @@ function useChatCommands(deps) {
           session.dispatch({ type: "notice", tone: "error", text: `Unknown command /${name}`, hint: "Type / to see the commands." });
       }
     },
-    [session, state.mode, state.modelId, openThreads, onExit, hostedByHome, services, companyId, setCapability]
+    [session, state.mode, state.modelId, openThreads, onExit, hostedByHome, services, companyId, setCapability, runFileCommand, openLogin, onAccountChange]
   );
 }
 
 // src/ui/screens/chat/useChatSession.ts
-import { useCallback as useCallback2, useEffect as useEffect4, useReducer as useReducer2, useRef as useRef3, useState as useState3 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect7, useReducer as useReducer3, useRef as useRef6, useState as useState4 } from "react";
+
+// src/ui/screens/chat/useArtifactFollowUp.ts
+import { useEffect as useEffect6, useRef as useRef5 } from "react";
+
+// src/ui/screens/chat/useAutoSave.ts
+import { useEffect as useEffect5, useMemo as useMemo4 } from "react";
+var PREVIEW_LINES = 12;
+async function previewOf(services, files) {
+  const text2 = files.find((file) => isTextFile(file.path));
+  if (!text2) return void 0;
+  try {
+    const read = services.readSavedPreview ?? readSavedPreview;
+    const { lines, total } = await read(text2.path, PREVIEW_LINES);
+    return { path: text2.path, lines, total };
+  } catch {
+    return void 0;
+  }
+}
+async function save(services, target, signal) {
+  if (target.type === "artifact") {
+    const base2 = { artifactId: target.artifactId, title: target.title, kind: target.kind };
+    try {
+      if (!services.saveArtifact) return { ...base2, files: [] };
+      const files = await services.saveArtifact(target.artifactId, { versionId: target.versionId, signal });
+      if (signal.aborted) return { ...base2, files: [] };
+      const preview = await previewOf(services, files);
+      return { ...base2, files, ...preview ? { preview } : {} };
+    } catch (error) {
+      return { ...base2, files: [], error: toCliError(error).message };
+    }
+  }
+  const base = { cvId: target.cvId, title: target.title, kind: "cv" };
+  try {
+    if (!services.saveCvExport) return { ...base, files: [] };
+    const file = await services.saveCvExport(target.cvId, { format: target.format, signal });
+    if (signal.aborted) return { ...base, files: [] };
+    return { ...base, files: [file] };
+  } catch (error) {
+    return { ...base, files: [], error: toCliError(error).message };
+  }
+}
+function useAutoSave(state, dispatch, services, enabled) {
+  const started = useMemo4(() => /* @__PURE__ */ new Set(), [services]);
+  const controller = useMemo4(() => new AbortController(), [services]);
+  useEffect5(() => () => controller.abort(), [controller]);
+  const targets = enabled && (services.saveArtifact || services.saveCvExport) ? saveTargets(state) : [];
+  const fresh = targets.filter((target) => !started.has(target.key));
+  const key = fresh.map((target) => target.key).join("|");
+  useEffect5(() => {
+    for (const target of fresh) {
+      if (started.has(target.key)) continue;
+      started.add(target.key);
+      void save(services, target, controller.signal).then((saved) => {
+        if (controller.signal.aborted || !saved.files.length && !saved.error) return;
+        dispatch({ type: "files-saved", ...target.toolCallId ? { toolCallId: target.toolCallId } : {}, saved });
+      });
+    }
+  }, [key, dispatch, services, started, controller]);
+}
 
 // src/ui/screens/chat/useArtifactFollowUp.ts
-import { useEffect as useEffect3, useRef as useRef2 } from "react";
 var FOLLOW_TIMEOUT_MS = 5 * 6e4;
 function liveArtifacts(state) {
   const items = state.turn?.items ?? [];
   return items.flatMap((item) => item.kind === "tool" && item.call.artifact ? [item.call.artifact] : []);
 }
-function useArtifactFollowUp(state, dispatch, services) {
-  const followed = useRef2(/* @__PURE__ */ new Map());
-  const alive = useRef2(true);
-  useEffect3(
+function useArtifactFollowUp(state, dispatch, services, opts = {}) {
+  useAutoSave(state, dispatch, services, opts.save !== false && !autoSaveDisabled());
+  const followed = useRef5(/* @__PURE__ */ new Map());
+  const alive = useRef5(true);
+  useEffect6(
     () => () => {
       alive.current = false;
     },
@@ -1672,7 +2577,7 @@ function useArtifactFollowUp(state, dispatch, services) {
   );
   const cards = liveArtifacts(state);
   const key = cards.map((c) => `${c.id}:${c.status}:${c.linkPending ? 1 : 0}:${c.released ? 1 : 0}`).join("|");
-  useEffect3(() => {
+  useEffect6(() => {
     const send = (action) => {
       if (alive.current) dispatch(action);
     };
@@ -1707,6 +2612,7 @@ function useArtifactFollowUp(state, dispatch, services) {
               artifactId: card.id,
               status: artifact.status,
               title: artifact.title,
+              ...!card.versionId && artifact.currentVersion?.id ? { versionId: artifact.currentVersion.id, versionNumber: artifact.currentVersion.number } : {},
               ...url ? { previewUrl: url } : {},
               ...artifact.error ? { failure: artifact.error } : {}
             });
@@ -1725,9 +2631,18 @@ function useArtifactFollowUp(state, dispatch, services) {
 // src/ui/screens/chat/useChatSession.ts
 var FLUSH_INTERVAL_MS = 50;
 var HISTORY_LIMIT = 20;
+function isRecord4(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function resultFailure(result) {
+  if (!isRecord4(result) || result.ok !== false) return null;
+  const error = isRecord4(result.error) ? result.error : {};
+  const text2 = typeof error.message === "string" ? error.message : typeof result.message === "string" ? result.message : "The tool refused this request";
+  return { tone: "error", text: text2 };
+}
 function useChatSession(opts) {
   const { services, companyId } = opts;
-  const [state, dispatch] = useReducer2(
+  const [state, dispatch] = useReducer3(
     chatReducer,
     opts,
     (o) => initialChatState({
@@ -1735,24 +2650,25 @@ function useChatSession(opts) {
       threadId: o.threadId,
       modelId: o.modelId,
       capabilities: o.capabilities ?? o.services.capabilityPrefs ?? DEFAULT_CAPABILITIES,
-      links: Boolean(o.services.hyperlinks)
+      links: Boolean(o.services.hyperlinks),
+      appUrl: o.services.appUrl
     })
   );
-  const stateRef = useRef3(state);
+  const stateRef = useRef6(state);
   stateRef.current = state;
-  const buffer = useRef3([]);
-  const abortRef = useRef3(null);
-  const mounted = useRef3(true);
-  const [queue, setQueue] = useState3([]);
-  const [deciding, setDeciding] = useState3(null);
-  const [loading, setLoading] = useState3(
+  const buffer = useRef6([]);
+  const abortRef = useRef6(null);
+  const mounted = useRef6(true);
+  const [queue, setQueue] = useState4([]);
+  const [deciding, setDeciding] = useState4(null);
+  const [loading, setLoading] = useState4(
     opts.threadId ? { label: "Loading the thread\u2026", since: Date.now() } : null
   );
-  const flush = useCallback2(() => {
+  const flush = useCallback4(() => {
     const events = buffer.current.splice(0);
     for (const event of events) dispatch(event);
   }, []);
-  useEffect4(() => {
+  useEffect7(() => {
     if (!state.streaming) return void 0;
     const id = setInterval(() => {
       flush();
@@ -1760,16 +2676,16 @@ function useChatSession(opts) {
     }, FLUSH_INTERVAL_MS);
     return () => clearInterval(id);
   }, [state.streaming, flush]);
-  useEffect4(
+  useEffect7(
     () => () => {
       mounted.current = false;
       abortRef.current?.abort();
     },
     []
   );
-  const send = useCallback2(
-    (text) => {
-      const message = text.trim();
+  const send = useCallback4(
+    (text2) => {
+      const message = text2.trim();
       if (!message) return;
       if (stateRef.current.streaming) {
         setQueue((q) => [...q, message]);
@@ -1806,18 +2722,72 @@ function useChatSession(opts) {
     },
     [services, companyId, flush]
   );
-  const interrupt = useCallback2(() => {
+  const runTool = useCallback4(
+    (spec) => {
+      if (stateRef.current.streaming) return false;
+      const started = Date.now();
+      dispatch({ type: "submit", text: spec.text, at: started });
+      const controller = new AbortController();
+      abortRef.current = controller;
+      const payload = {
+        id: `direct-${started}`,
+        name: spec.name,
+        args: spec.args,
+        display: { title: spec.title },
+        ...spec.cardType ? { cardType: spec.cardType } : {}
+      };
+      dispatch({ type: "tool-call", payload: { ...payload, status: "running", stage: "running" }, at: started });
+      const settle = (event, notes) => {
+        if (!mounted.current) return;
+        const at = Date.now();
+        dispatch({ type: "tool-result", payload: event, at });
+        dispatch({ type: "finish", payload: { finishReason: "stop" }, at });
+        for (const note of notes) dispatch({ type: "notice", ...note });
+      };
+      void (async () => {
+        try {
+          const outcome = await spec.run(controller.signal);
+          if (controller.signal.aborted) throw new Error("aborted");
+          if (!outcome.ok) {
+            const failed = { ...payload, status: "failed", stage: "failed", result: { ok: false, error: { code: outcome.error.code, message: outcome.error.message } } };
+            settle(failed, [{ tone: "error", text: outcome.error.message, ...outcome.error.hint ? { hint: outcome.error.hint } : {} }]);
+            return;
+          }
+          if (outcome.approval) {
+            const waiting = { ...payload, status: "failed", stage: "failed", result: { ok: false, error: { code: "APPROVAL_REQUIRED", message: outcome.approval.message } } };
+            const hint = `Approve it with \`tabbio approvals approve ${outcome.approval.approvalId}\`, in /approvals on the home screen, or in the app.`;
+            settle(waiting, [{ tone: "attention", text: outcome.approval.message, hint }]);
+            return;
+          }
+          const refused = resultFailure(outcome.result);
+          const completed = { ...payload, status: refused ? "failed" : "completed", stage: refused ? "failed" : "completed", result: outcome.result };
+          settle(completed, refused ? [refused] : spec.after?.(outcome.result) ?? []);
+        } catch (error) {
+          const cancelled = controller.signal.aborted || isCliError(error) && error.exitCode === 130;
+          const cli = toCliError(error);
+          const failed = { ...payload, status: "failed", stage: "failed", result: { ok: false, error: { code: cli.code, message: cancelled ? "Stopped" : cli.message } } };
+          const note = cancelled ? { tone: "attention", text: "Stopped" } : { tone: "error", text: cli.message, ...cli.hint ? { hint: cli.hint } : {} };
+          settle(failed, [note]);
+        } finally {
+          if (abortRef.current === controller) abortRef.current = null;
+        }
+      })();
+      return true;
+    },
+    []
+  );
+  const interrupt = useCallback4(() => {
     if (!abortRef.current) return false;
     abortRef.current.abort();
     return true;
   }, []);
-  useEffect4(() => {
+  useEffect7(() => {
     if (state.streaming || state.approvals.length > 0 || queue.length === 0) return;
     const [next, ...rest] = queue;
     setQueue(rest);
     if (next) send(next);
   }, [state.streaming, state.approvals.length, queue, send]);
-  const decide = useCallback2(
+  const decide = useCallback4(
     async (approval, decision) => {
       if (decision === "leave") {
         dispatch({ type: "approval-decided", approvalId: approval.approvalId, decision, at: Date.now() });
@@ -1844,7 +2814,7 @@ function useChatSession(opts) {
     },
     [services, companyId]
   );
-  const resume = useCallback2(
+  const resume = useCallback4(
     async (threadId, title) => {
       setLoading({ label: "Loading the thread\u2026", since: Date.now() });
       try {
@@ -1863,8 +2833,8 @@ function useChatSession(opts) {
     },
     [services, companyId]
   );
-  const booted = useRef3(false);
-  useEffect4(() => {
+  const booted = useRef6(false);
+  useEffect7(() => {
     if (booted.current) return;
     booted.current = true;
     void (async () => {
@@ -1872,97 +2842,112 @@ function useChatSession(opts) {
       if (opts.initialMessage && mounted.current) send(opts.initialMessage);
     })();
   }, [opts.threadId, opts.initialMessage, resume, send]);
-  useArtifactFollowUp(state, dispatch, services);
-  return { state, dispatch, send, interrupt, decide, deciding, queue, setQueue, resume, loading };
+  const saveArtifacts = opts.saveArtifacts !== false;
+  useArtifactFollowUp(state, dispatch, services, { save: saveArtifacts });
+  return { state, dispatch, send, runTool, interrupt, decide, deciding, queue, setQueue, resume, loading, saveArtifacts };
 }
 
 // src/ui/screens/chat/Chat.tsx
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
 var DOUBLE_PRESS_MS = 2e3;
-var ChatStatus = memo14(function ChatStatus2(props) {
-  useClockTick(props.since !== null);
-  const elapsed = props.since !== null ? formatElapsed(Date.now() - props.since) : null;
-  const hints = props.approval ? [
-    { key: "y", label: "approve" },
-    { key: "n", label: "reject" },
-    { key: "l", label: "later" }
-  ] : props.streaming ? [
-    { key: "enter", label: "queue" },
-    { key: "esc", label: "interrupt" },
-    { key: "/", label: "commands" }
-  ] : [
-    { key: "enter", label: "send" },
-    { key: "/", label: "commands" },
-    { key: "ctrl+c", label: "quit" }
-  ];
-  return /* @__PURE__ */ jsx16(StatusBar, { width: props.width, segments: [...props.segments, elapsed], hints });
-});
+function saveHintText(dir = artifactsDir()) {
+  return `Generated files are saved to ${displayPath(dir)} (/help for /save, /show, /open)`;
+}
 function Chat(props) {
-  const { services, width, height, hostedByHome = false, onExit } = props;
+  const { services, width, height, hostedByHome = false, onExit, onAccountChange } = props;
   const gutter = pageMargin(useTerminalSize().columns);
   const session = useChatSession(props);
   const { state } = session;
-  const [editor, dispatchEditor] = useReducer3(editorReducer, emptyEditor);
-  const [paletteIndex, setPaletteIndex] = useState4(0);
-  const [overlay, setOverlay] = useState4(null);
-  const [expandTools, setExpandTools] = useState4(false);
-  const [hint, setHint] = useState4(null);
-  const lastCtrlC = useRef4(0);
-  const lastEsc = useRef4(0);
-  const commands = useMemo4(() => chatCommands({ hostedByHome }), [hostedByHome]);
-  const commandMatches = overlay ? [] : paletteMatches(commands, editor.value);
-  const argMatches = overlay || commandMatches.length ? [] : paletteArgMatches(commands, editor.value);
-  const matches = commandMatches.length ? commandMatches : argMatches;
+  const [editor, dispatchEditor] = useReducer4(editorReducer, emptyEditor);
+  const [paletteIndex, setPaletteIndex] = useState5(0);
+  const [navigated, setNavigated] = useState5(false);
+  const [overlay, setOverlay] = useState5(null);
+  const [expandTools, setExpandTools] = useState5(false);
+  const [hint, setHint] = useState5(null);
+  const lastCtrlC = useRef7(0);
+  const lastEsc = useRef7(0);
+  const commands = useMemo5(() => chatCommands({ hostedByHome }), [hostedByHome]);
+  const skills = useSkills(services, services.account.hasSession && editor.value.startsWith("/"));
+  const view = overlay ? null : paletteView(commands, skills, editor.value, { ellipsis: theme.symbols.ellipsis, separator: theme.symbols.middot });
+  const matches = view?.items ?? [];
   const selected = Math.min(paletteIndex, Math.max(0, matches.length - 1));
   const approval = !state.streaming ? state.approvals[0] : void 0;
   const composerActive = !overlay && !approval;
-  const [header] = useState4(() => ({
+  const firstTurn = !state.entries.some((e) => e.kind === "user") && !state.turn;
+  const saveHint = session.saveArtifacts && firstTurn ? saveHintText() : null;
+  const [header] = useState5(() => ({
     kind: "header",
     id: "chat-header",
     text: `${theme.bold("Chat")} ${theme.dim(`${theme.symbols.middot} ${props.mode}${props.threadId ? ` ${theme.symbols.middot} resumed` : ""}`)}`,
     right: `profile ${services.profileName}`
   }));
-  const staticItems = useMemo4(() => [header, ...state.entries], [header, state.entries]);
-  useEffect5(() => {
+  const staticItems = useMemo5(() => [header, ...state.entries], [header, state.entries]);
+  useEffect8(() => {
     if (!hint) return void 0;
     const timer = setTimeout(() => setHint(null), DOUBLE_PRESS_MS);
     return () => clearTimeout(timer);
   }, [hint]);
-  const openThreads = useCallback3(() => {
+  useEffect8(() => setNavigated(false), [editor.value]);
+  const openThreads = useCallback5(() => {
     setOverlay({ kind: "threads", since: Date.now() });
-    services.listThreads({ mode: state.mode, companyId: props.companyId }).then((threads) => setOverlay((o) => o ? { ...o, threads } : o)).catch((error) => setOverlay((o) => o ? { ...o, error: toCliError(error).message } : o));
+    services.listThreads({ mode: state.mode, companyId: props.companyId }).then((threads) => setOverlay((o) => o?.kind === "threads" ? { ...o, threads } : o)).catch((error) => setOverlay((o) => o?.kind === "threads" ? { ...o, error: toCliError(error).message } : o));
   }, [services, state.mode, props.companyId]);
-  const runCommand = useChatCommands({ session, services, companyId: props.companyId, hostedByHome, onExit, openThreads });
-  const submit2 = useCallback3(
+  const openLogin = useCallback5((start) => setOverlay({ kind: "login", start }), []);
+  const onLoginDone = useCallback5(
+    (outcome) => {
+      setOverlay(null);
+      if (outcome.status === "done") {
+        onAccountChange?.(outcome.change);
+        session.dispatch({ type: "notice", tone: "success", text: outcome.change.message });
+        for (const warning of outcome.change.warnings ?? []) session.dispatch({ type: "notice", tone: "attention", text: warning });
+      } else if (outcome.status === "cancelled") session.dispatch({ type: "notice", tone: "info", text: "Sign-in cancelled" });
+      else session.dispatch({ type: "notice", tone: "error", text: outcome.message, hint: outcome.hint });
+    },
+    [onAccountChange, session]
+  );
+  const runCommand = useChatCommands({ session, services, companyId: props.companyId, hostedByHome, onExit, openThreads, openLogin, onAccountChange });
+  const submit2 = useCallback5(
     (value) => {
-      const text = value.trim();
-      if (!text) return;
-      const slash = parseSlash(text);
-      if (slash) {
-        const exact = commands.find((c) => c.name === slash.name);
-        const choice = exact ?? commandMatches[selected];
-        const picked = exact?.args ? argMatches[selected]?.completion : void 0;
-        if (choice?.args && !slash.arg && !picked) {
-          dispatchEditor({ type: "set", value: `/${choice.name} ` });
-          setPaletteIndex(0);
-          return;
-        }
-        let arg = exact ? slash.arg : "";
-        const known = exact?.args?.some((a) => a.value === arg.toLowerCase());
-        if (exact?.args && !known && picked) arg = parseSlash(picked)?.arg ?? arg;
-        dispatchEditor({ type: "remember", value: text });
+      const argRows2 = view?.args ? matches : [];
+      const res = resolveSubmit(value, { commands, skills, highlighted: view?.args ? void 0 : matches[selected], navigated });
+      if (res.kind === "empty" || res.kind === "bare") return;
+      if (res.kind === "loading") {
+        setHint("Skills are still loading. Press enter again in a moment.");
+        return;
+      }
+      const text2 = value.trim();
+      const done = () => {
+        dispatchEditor({ type: "remember", value: text2 });
         dispatchEditor({ type: "clear" });
         setPaletteIndex(0);
-        runCommand(choice?.name ?? slash.name, arg);
+      };
+      if (res.kind === "message" || res.kind === "skill") {
+        done();
+        session.send(res.kind === "skill" ? res.message : res.text);
         return;
       }
-      dispatchEditor({ type: "remember", value: text });
-      dispatchEditor({ type: "clear" });
-      session.send(text);
+      if (res.kind === "unknown") {
+        done();
+        session.dispatch({ type: "notice", tone: "error", text: `Unknown command /${res.name}`, hint: "Type / to see the commands and your skills." });
+        return;
+      }
+      const exact = res.picked ? void 0 : commands.find((c) => c.name === res.name);
+      const choice = exact ?? commands.find((c) => c.name === res.name);
+      const picked = exact?.args ? argRows2[selected]?.completion : void 0;
+      if (choice?.args && !res.arg && !picked) {
+        dispatchEditor({ type: "set", value: `/${choice.name} ` });
+        setPaletteIndex(0);
+        return;
+      }
+      let arg = exact ? res.arg : "";
+      const known = exact?.args?.some((a) => a.value === arg.toLowerCase());
+      if (exact?.args && !known && picked) arg = parseSlash(picked)?.arg ?? arg;
+      done();
+      runCommand(res.name, arg);
     },
-    [commandMatches, argMatches, selected, commands, runCommand, session]
+    [view, matches, selected, commands, skills, navigated, runCommand, session]
   );
-  const onCtrlC = useCallback3(() => {
+  const onCtrlC = useCallback5(() => {
     const now = Date.now();
     if (now - lastCtrlC.current < DOUBLE_PRESS_MS) {
       session.interrupt();
@@ -1976,21 +2961,22 @@ function Chat(props) {
       setHint("Press ctrl+c again to quit.");
     }
   }, [session, onExit, editor.value]);
-  useInput5((input, key) => {
+  useInput7((input, key) => {
     if (key.ctrl && input === "c") onCtrlC();
   });
-  const onComposerKey = useCallback3(
+  const onComposerKey = useCallback5(
     (input, key) => {
       if (key.ctrl && input === "c") return true;
       if (matches.length > 0) {
         if (key.upArrow || key.downArrow) {
           setPaletteIndex((i) => key.upArrow ? Math.max(0, i - 1) : Math.min(matches.length - 1, i + 1));
+          setNavigated(true);
           return true;
         }
         if (key.tab) {
           const choice = matches[selected];
           if (choice?.completion) dispatchEditor({ type: "set", value: choice.completion });
-          else if (choice) dispatchEditor({ type: "set", value: `/${choice.name}${choice.usage ? " " : ""}` });
+          else if (choice) dispatchEditor({ type: "set", value: `/${choice.name}${choice.usage || choice.skillId ? " " : ""}` });
           setPaletteIndex(0);
           return true;
         }
@@ -2001,7 +2987,7 @@ function Chat(props) {
         if (!editor.value) {
           if (hostedByHome) onExit("home");
           else setHint("Type /exit or press ctrl+c twice to quit.");
-        } else if (matches.length > 0 || now - lastEsc.current < 600) dispatchEditor({ type: "clear" });
+        } else if (view?.open || now - lastEsc.current < 600) dispatchEditor({ type: "clear" });
         lastEsc.current = now;
         return true;
       }
@@ -2017,10 +3003,12 @@ function Chat(props) {
       }
       return false;
     },
-    [matches, selected, session, editor.value, state.streaming, state.mode, state.turn, runCommand, hostedByHome, onExit]
+    [matches, selected, view, session, editor.value, state.streaming, state.mode, state.turn, runCommand, hostedByHome, onExit]
   );
   const cardRows = approval ? 14 + Math.min(9, Object.keys(approval.args).length) : 0;
-  const fixedRows = 4 + 1 + (hint ? 1 : 0) + session.queue.length + (matches.length ? Math.min(6, matches.length) : 0) + (overlay ? 12 : 0) + cardRows + 2;
+  const paletteRows = view?.open ? Math.min(6, matches.length) + 2 : 0;
+  const saveHintRows = saveHint ? Math.ceil(saveHint.length / Math.max(20, width)) : 0;
+  const fixedRows = 4 + 1 + (hint ? 1 : 0) + saveHintRows + session.queue.length + paletteRows + (overlay ? 12 : 0) + cardRows + 2;
   const liveBudget = Math.max(3, height - fixedRows - 1);
   const placeholder = approval ? "Decide the approval above first" : state.streaming ? `Queue a follow-up${theme.symbols.ellipsis} (esc to interrupt)` : "Ask Tabbio anything, or / for commands";
   const segments = [
@@ -2030,11 +3018,11 @@ function Chat(props) {
     ...capabilitySegments(state.mode, state.capabilities),
     state.threadId ? shortId(state.threadId, 6, 3) : "new chat"
   ];
-  return /* @__PURE__ */ jsxs14(Box15, { flexDirection: "column", width, children: [
-    /* @__PURE__ */ jsx16(Static, { items: staticItems, children: (item) => /* @__PURE__ */ jsx16(Box15, { paddingLeft: gutter, children: /* @__PURE__ */ jsx16(EntryView, { entry: item, width }) }, item.id) }),
-    state.turn ? /* @__PURE__ */ jsx16(LiveTurn, { turn: state.turn, width, expandTools, maxLines: liveBudget, streaming: state.streaming }) : null,
-    session.loading ? /* @__PURE__ */ jsx16(Box15, { marginTop: 1, children: /* @__PURE__ */ jsx16(Working, { label: session.loading.label, since: session.loading.since }) }) : null,
-    approval ? /* @__PURE__ */ jsx16(Box15, { marginTop: 1, children: /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs15(Box17, { flexDirection: "column", width, children: [
+    /* @__PURE__ */ jsx19(Static, { items: staticItems, children: (item) => /* @__PURE__ */ jsx19(Box17, { paddingLeft: gutter, children: /* @__PURE__ */ jsx19(EntryView, { entry: item, width }) }, item.id) }),
+    state.turn ? /* @__PURE__ */ jsx19(LiveTurn, { turn: state.turn, width, expandTools, maxLines: liveBudget, streaming: state.streaming }) : null,
+    session.loading ? /* @__PURE__ */ jsx19(Box17, { marginTop: 1, children: /* @__PURE__ */ jsx19(Working, { label: session.loading.label, since: session.loading.since }) }) : null,
+    approval ? /* @__PURE__ */ jsx19(Box17, { marginTop: 1, children: /* @__PURE__ */ jsx19(
       ApprovalCard,
       {
         approvalId: approval.approvalId,
@@ -2048,9 +3036,10 @@ function Chat(props) {
         onDecision: (decision) => void session.decide(approval, decision)
       }
     ) }) : null,
-    overlay ? /* @__PURE__ */ jsxs14(Box15, { flexDirection: "column", marginTop: 1, children: [
-      /* @__PURE__ */ jsx16(Text15, { children: theme.bold("Recent chats") }),
-      overlay.error ? /* @__PURE__ */ jsx16(Text15, { children: theme.error(`${theme.symbols.error} ${overlay.error}`) }) : !overlay.threads ? /* @__PURE__ */ jsx16(Working, { label: "Loading chats\u2026", since: overlay.since }) : /* @__PURE__ */ jsx16(
+    overlay?.kind === "login" ? /* @__PURE__ */ jsx19(Box17, { marginTop: 1, children: /* @__PURE__ */ jsx19(LoginPanel, { services, start: overlay.start, width, onDone: onLoginDone }) }) : null,
+    overlay?.kind === "threads" ? /* @__PURE__ */ jsxs15(Box17, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsx19(Text17, { children: theme.bold("Recent chats") }),
+      overlay.error ? /* @__PURE__ */ jsx19(Text17, { children: theme.error(`${theme.symbols.error} ${overlay.error}`) }) : !overlay.threads ? /* @__PURE__ */ jsx19(Working, { label: "Loading chats\u2026", since: overlay.since }) : /* @__PURE__ */ jsx19(
         SelectList,
         {
           items: overlay.threads.map((t) => ({
@@ -2069,11 +3058,11 @@ function Chat(props) {
           onCancel: () => setOverlay(null)
         }
       ),
-      overlay.error || !overlay.threads ? /* @__PURE__ */ jsx16(SelectEscape, { onClose: () => setOverlay(null) }) : null
+      overlay.error || !overlay.threads ? /* @__PURE__ */ jsx19(SelectEscape, { onClose: () => setOverlay(null) }) : null
     ] }) : null,
-    session.queue.map((queued, i) => /* @__PURE__ */ jsx16(Text15, { wrap: "truncate-end", children: theme.dim(`${theme.symbols.arrowRight} queued: ${queued}`) }, `q-${i}`)),
-    matches.length > 0 ? /* @__PURE__ */ jsx16(Box15, { marginTop: 1, children: /* @__PURE__ */ jsx16(Palette, { commands: matches, selected, width }) }) : null,
-    /* @__PURE__ */ jsx16(Box15, { marginTop: matches.length > 0 ? 0 : 1, children: /* @__PURE__ */ jsx16(
+    session.queue.map((queued, i) => /* @__PURE__ */ jsx19(Text17, { wrap: "truncate-end", children: theme.dim(`${theme.symbols.arrowRight} queued: ${queued}`) }, `q-${i}`)),
+    view?.open ? /* @__PURE__ */ jsx19(Box17, { marginTop: 1, children: /* @__PURE__ */ jsx19(Palette, { commands: matches, selected, width, footer: view.footer }) }) : null,
+    /* @__PURE__ */ jsx19(Box17, { marginTop: view?.open ? 0 : 1, children: /* @__PURE__ */ jsx19(
       TextInput,
       {
         editor,
@@ -2086,45 +3075,233 @@ function Chat(props) {
         boxed: true
       }
     ) }),
-    hint ? /* @__PURE__ */ jsx16(Text15, { children: theme.attention(hint) }) : null,
-    /* @__PURE__ */ jsx16(
+    hint ? /* @__PURE__ */ jsx19(Text17, { children: theme.attention(hint) }) : null,
+    saveHint && !hint ? /* @__PURE__ */ jsx19(Text17, { wrap: "wrap", children: theme.dim(saveHint) }) : null,
+    /* @__PURE__ */ jsx19(
       ChatStatus,
       {
         width,
         segments,
         since: state.streaming && state.turn ? state.turn.startedAt : null,
         streaming: state.streaming,
-        approval: Boolean(approval)
+        approval: Boolean(approval),
+        overlay: Boolean(overlay)
       }
     )
   ] });
 }
-function capabilitySegments(mode, capabilities) {
-  if (mode === "employer") return [];
-  return ["research", "image", "result"].filter((key) => capabilities[key] !== DEFAULT_CAPABILITIES[key]).map((key) => `${key} ${capabilities[key]}`);
+
+// src/ui/screens/home/Home.tsx
+import { Box as Box26, Text as Text26, useInput as useInput12 } from "ink";
+import { useCallback as useCallback8, useEffect as useEffect11, useMemo as useMemo8, useReducer as useReducer5, useRef as useRef10, useState as useState10 } from "react";
+
+// src/ui/session-controls.ts
+import open from "open";
+var CATALOG_RELOAD_MS = 8e3;
+var created = /* @__PURE__ */ new Set();
+async function closeUiContexts() {
+  const all = [...created];
+  created.clear();
+  await Promise.all(all.map((ctx) => ctx.close().catch(() => void 0)));
+}
+async function openInBrowser(url) {
+  if (!hasDisplay()) return false;
+  try {
+    await open(url);
+    return true;
+  } catch {
+    return false;
+  }
 }
-function SelectEscape({ onClose }) {
-  useInput5((input, key) => {
-    if (key.escape || input === "q") onClose();
+async function defaultReload(ctx) {
+  const load = (async () => (await (await ctx.mcp()).listTools({ refresh: true })).filter((t) => !t.hidden).length)();
+  const timeout = new Promise((resolve) => setTimeout(() => resolve(null), CATALOG_RELOAD_MS).unref());
+  return Promise.race([load, timeout]).catch((error) => {
+    debug(`catalog reload after sign-in failed: ${error.message}`);
+    return null;
   });
-  return null;
+}
+function envNote() {
+  return process.env.TABBIO_TOKEN || process.env.TABBIO_ACCESS_TOKEN ? "TABBIO_TOKEN / TABBIO_ACCESS_TOKEN is set and still wins for tool calls." : void 0;
+}
+function createSessionControls(deps) {
+  const { ctx } = deps;
+  const authClient = () => new ApiClient(ctx.profile, null, { persist: false, fetch: deps.fetch });
+  const nextContext = () => {
+    const next = deps.newContext ? deps.newContext() : createCommandContext();
+    created.add(next);
+    return next;
+  };
+  const adopt = async (toolCount) => {
+    await ctx.close().catch(() => void 0);
+    const next = nextContext();
+    const count = toolCount !== void 0 ? toolCount : await (deps.reloadCatalog ?? defaultReload)(next);
+    return deps.build(next, count === null ? {} : { toolCount: count });
+  };
+  const signedIn = async (payload) => {
+    const creds = await saveAppSession(ctx, payload, { fetch: deps.fetch });
+    const note = envNote();
+    return {
+      services: await adopt(),
+      message: `Signed in as ${describeUser(creds.user)}`,
+      ...note ? { warnings: [note] } : {},
+      signedOut: false
+    };
+  };
+  return {
+    async loginWithBrowser({ signal, onWaiting }) {
+      const payload = await loginWithBrowser(authClient(), {
+        device: deviceLabel(),
+        signal,
+        openUrl: deps.openUrl ?? openInBrowser,
+        onWaiting: (url, opened) => onWaiting(url, opened)
+      });
+      return signedIn(payload);
+    },
+    async loginWithEmail({ email, promptCode, onInvalidCode }) {
+      const payload = await loginWithEmailOtp(authClient(), { email, promptCode, onInvalidCode });
+      return signedIn(payload);
+    },
+    async loginWithToken(token) {
+      const { visibleTools } = await saveTokenSession(ctx, token, { fetch: deps.fetch });
+      const note = envNote();
+      return {
+        services: await adopt(visibleTools),
+        message: `Token accepted ${theme.symbols.middot} ${visibleTools} tools. Chat and approvals need /login with the browser or an email code.`,
+        ...note ? { warnings: [note] } : {},
+        signedOut: false
+      };
+    },
+    async logout() {
+      const stored = loadStoredCredentials(ctx.profile.name);
+      const result = stored ? await logoutProfile(ctx.profile, stored, { fetch: deps.fetch }) : { warnings: [], revokedSession: false };
+      const note = envNote();
+      const warnings = [...result.warnings, ...note ? [note] : []];
+      return {
+        services: await adopt(null),
+        message: stored ? `Signed out of profile ${ctx.profile.name}` : `Not signed in (profile ${ctx.profile.name})`,
+        ...warnings.length ? { warnings } : {},
+        signedOut: true
+      };
+    }
+  };
 }
 
-// src/ui/screens/home/Home.tsx
-import { Box as Box24, Text as Text24, useInput as useInput10 } from "ink";
-import { useCallback as useCallback6, useEffect as useEffect8, useMemo as useMemo7, useReducer as useReducer4, useRef as useRef7, useState as useState9 } from "react";
+// src/ui/services.ts
+function accountIdentity(services) {
+  const account = services.account;
+  return `${services.profileName}:${account.signedIn ? account.hasSession ? "app" : "token" : "signed-out"}:${account.userId ?? account.email ?? account.name ?? ""}`;
+}
+function hostOf2(url) {
+  try {
+    return new URL(url).host;
+  } catch {
+    return url;
+  }
+}
+function createUiServices(ctx, opts = {}) {
+  const creds = ctx.api.credentials ?? ctx.credentials;
+  const cached = readCachedCatalog(ctx.profile, creds);
+  const saved = /* @__PURE__ */ new Map();
+  let skills = null;
+  return {
+    version: CLI_VERSION,
+    profileName: ctx.profile.name,
+    apiHost: hostOf2(ctx.profile.apiUrl),
+    account: {
+      name: creds?.user?.name ?? null,
+      email: creds?.user?.email ?? null,
+      signedIn: Boolean(creds?.accessToken || creds?.mcpToken),
+      hasSession: Boolean(creds?.accessToken),
+      userId: creds?.user?.id
+    },
+    cachedToolCount: opts.toolCount ?? (cached ? cached.tools.filter((t) => !t.hidden).length : null),
+    async loadPlan() {
+      if (!creds?.accessToken) return null;
+      const state = await ctx.api.json("/api/subscription/state");
+      return state?.snapshot?.tier ?? null;
+    },
+    async loadPendingApprovals() {
+      const state = await getMcpAccessState(ctx.api);
+      return state?.pendingApprovals ?? [];
+    },
+    listThreads: (scope) => listThreads(ctx, scope),
+    listModels: (scope) => listModels(ctx, scope),
+    getThreadMessages: (threadId, scope) => getThreadMessages(ctx, threadId, scope),
+    streamChat: (request, signal) => streamChat(ctx, request, { signal }),
+    decideApproval: (approvalId, decision, scope) => decision === "approve" ? confirmApproval(ctx, approvalId, scope) : rejectApproval(ctx, approvalId, scope),
+    async listTools(opts2) {
+      const session = await ctx.mcp();
+      return session.listTools(opts2);
+    },
+    async callTool(toolId, input, opts2) {
+      const session = await ctx.mcp();
+      const started = Date.now();
+      const result = await session.callTool(toolId, input, opts2);
+      return { ...result, durationMs: Date.now() - started };
+    },
+    capabilityPrefs: loadCapabilityPrefs(ctx.profile.name),
+    saveCapabilityPrefs: (capabilities) => saveCapabilityPrefs(ctx.profile.name, capabilities),
+    loadCapabilities: () => ctx.api.json("/api/agent/capabilities"),
+    getArtifact: (artifactId) => getArtifact(ctx.api, artifactId),
+    async artifactPreviewUrl(artifactId, kind) {
+      return (await previewUrl(ctx.api, artifactId, { variant: previewVariantFor(kind) })).url;
+    },
+    hyperlinks: supportsHyperlinks(),
+    appUrl: ctx.profile.appUrl,
+    session: createSessionControls({ ctx, build: createUiServices }),
+    loadSkills() {
+      skills ??= (async () => {
+        const session = await ctx.mcp();
+        const result = await session.callTool("skills.list", { limit: 50 });
+        if (!result.ok) throw result.error;
+        return parseSkillsResult(result.result);
+      })().catch((error) => {
+        skills = null;
+        throw error;
+      });
+      return skills;
+    },
+    openUrl: (url) => openInBrowser(url),
+    async saveArtifact(artifactId, saveOpts) {
+      const files = await saveArtifactToDisk(ctx, artifactId, saveOpts ?? {});
+      if (files.length) saved.set(artifactId, files);
+      return files;
+    },
+    savedFiles: (artifactId) => saved.get(artifactId),
+    saveCvExport: (cvId, exportOpts) => saveCvExportToDisk(ctx, cvId, exportOpts ?? {}),
+    readSavedPreview: (path, maxLines) => readSavedPreview(path, maxLines),
+    async loadStatus() {
+      const { collectStatus } = await import("./status-2C7BECKK.js");
+      const report = await collectStatus(ctx);
+      const who = report.user ? report.user.name ? `${report.user.name} <${report.user.email}>` : report.user.email : "not signed in";
+      const rows = [
+        ["Profile", `${report.profile.name} (${report.profile.source})`],
+        ["API", report.profile.apiUrl],
+        ["Account", who],
+        ["Plan", report.plan],
+        ["Session", report.session ? `${report.session.token}${report.session.refreshable ? " \xB7 auto-refresh" : ""}` : null],
+        ["Tools via", report.mcp?.label],
+        ["Approvals", report.pendingApprovals === null ? null : `${report.pendingApprovals} pending`],
+        ["Catalog", report.catalog ? `${report.catalog.tools} tools${report.catalog.fresh ? "" : " (stale)"}` : null],
+        ...report.problems.map((p) => ["Problem", p])
+      ];
+      return rows.filter((r) => Boolean(r[1])).map(([label, value]) => ({ label, value }));
+    }
+  };
+}
 
 // src/ui/screens/Approvals.tsx
-import { Box as Box18, Text as Text18, useInput as useInput7 } from "ink";
-import { useCallback as useCallback4, useEffect as useEffect6, useRef as useRef5, useState as useState6 } from "react";
+import { Box as Box20, Text as Text20, useInput as useInput9 } from "ink";
+import { useCallback as useCallback6, useEffect as useEffect9, useRef as useRef8, useState as useState7 } from "react";
 
 // src/ui/screens/ResultPanel.tsx
-import { Box as Box17, Text as Text17, useInput as useInput6 } from "ink";
-import { useMemo as useMemo5, useState as useState5 } from "react";
+import { Box as Box19, Text as Text19, useInput as useInput8 } from "ink";
+import { useMemo as useMemo6, useState as useState6 } from "react";
 
 // src/ui/components/Panel.tsx
-import { Box as Box16, Text as Text16 } from "ink";
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Box as Box18, Text as Text18 } from "ink";
+import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 var BORDER = {
   round: { tl: "\u256D", tr: "\u256E", h: "\u2500" },
   classic: { tl: "+", tr: "+", h: "-" }
@@ -2136,12 +3313,12 @@ function toneColor(tone) {
   if (tone === "attention") return "yellow";
   return void 0;
 }
-function paintBorder(tone, text) {
-  if (tone === "accent") return theme.accent(text);
-  if (tone === "success") return theme.success(text);
-  if (tone === "danger") return theme.danger(text);
-  if (tone === "attention") return theme.attention(text);
-  return theme.dim(text);
+function paintBorder(tone, text2) {
+  if (tone === "accent") return theme.accent(text2);
+  if (tone === "success") return theme.success(text2);
+  if (tone === "danger") return theme.danger(text2);
+  if (tone === "attention") return theme.attention(text2);
+  return theme.dim(text2);
 }
 function panelTopLine(width, title = "", right = "", tone = "muted") {
   const chars2 = BORDER[theme.boxStyle];
@@ -2162,10 +3339,10 @@ function Panel({
   children
 }) {
   const color = toneColor(tone);
-  return /* @__PURE__ */ jsxs15(Box16, { flexDirection: "column", width, children: [
-    /* @__PURE__ */ jsx17(Text16, { children: panelTopLine(width, title, right, tone) }),
-    /* @__PURE__ */ jsx17(
-      Box16,
+  return /* @__PURE__ */ jsxs16(Box18, { flexDirection: "column", width, children: [
+    /* @__PURE__ */ jsx20(Text18, { children: panelTopLine(width, title, right, tone) }),
+    /* @__PURE__ */ jsx20(
+      Box18,
       {
         borderStyle: theme.boxStyle,
         borderTop: false,
@@ -2181,11 +3358,11 @@ function Panel({
 }
 
 // src/ui/result-model.ts
-function isRecord3(value) {
+function isRecord5(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function isRowList(value) {
-  return Array.isArray(value) && value.length > 0 && value.every(isRecord3);
+  return Array.isArray(value) && value.length > 0 && value.every(isRecord5);
 }
 function tableBody(rows, summary, now) {
   const picked = pickColumns(rows);
@@ -2201,7 +3378,7 @@ function kvValue(value, now) {
   if (Array.isArray(value) && value.some((v) => typeof v === "object" && v !== null)) {
     return `${value.length} item${value.length === 1 ? "" : "s"}`;
   }
-  if (isRecord3(value)) {
+  if (isRecord5(value)) {
     const json = safeJson(value, 0);
     return json.length > 100 ? `${json.slice(0, 99)}\u2026` : json;
   }
@@ -2238,7 +3415,7 @@ function bodyLength(body) {
 }
 
 // src/ui/screens/ResultPanel.tsx
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 function summaryLine(body) {
   switch (body.kind) {
     case "table":
@@ -2252,23 +3429,23 @@ function summaryLine(body) {
   }
 }
 function ErrorBody({ error }) {
-  return /* @__PURE__ */ jsxs16(Box17, { flexDirection: "column", children: [
-    error.hint ? /* @__PURE__ */ jsx18(Text17, { wrap: "wrap", children: theme.dim(`${theme.symbols.arrowRight} ${error.hint}`) }) : null,
-    /* @__PURE__ */ jsx18(Text17, { children: theme.dim([error.requestId ? `request id ${error.requestId}` : null, `exit ${error.exitCode}`].filter(Boolean).join(` ${theme.symbols.middot} `)) })
+  return /* @__PURE__ */ jsxs17(Box19, { flexDirection: "column", children: [
+    error.hint ? /* @__PURE__ */ jsx21(Text19, { wrap: "wrap", children: theme.dim(`${theme.symbols.arrowRight} ${error.hint}`) }) : null,
+    /* @__PURE__ */ jsx21(Text19, { children: theme.dim([error.requestId ? `request id ${error.requestId}` : null, `exit ${error.exitCode}`].filter(Boolean).join(` ${theme.symbols.middot} `)) })
   ] });
 }
 function ResultPanel(props) {
   const { title, result, error, durationMs, requestId, note, width, height, interactive } = props;
-  const body = useMemo5(() => describeResult(result), [result]);
-  const jsonLines = useMemo5(() => safeJson(result ?? null).split("\n"), [result]);
-  const [view, setView] = useState5("human");
-  const [offset, setOffset] = useState5(0);
+  const body = useMemo6(() => describeResult(result), [result]);
+  const jsonLines = useMemo6(() => safeJson(result ?? null).split("\n"), [result]);
+  const [view, setView] = useState6("human");
+  const [offset, setOffset] = useState6(0);
   const total = view === "json" ? jsonLines.length : bodyLength(body);
   const chrome = 3 + (note ? 1 : 0) + 3;
   const window = interactive ? Math.max(3, height - chrome - (body.kind === "table" ? 1 : 0)) : total;
   const maxOffset = Math.max(0, total - window);
   const clamped = Math.min(offset, maxOffset);
-  useInput6(
+  useInput8(
     (input, key) => {
       if (key.escape || input === "q") props.onBack?.();
       else if (input === "j") {
@@ -2296,32 +3473,32 @@ function ResultPanel(props) {
     ...total > window ? [{ key: theme.symbols.upDown, label: "scroll" }] : [],
     { key: "q", label: "back" }
   ];
-  return /* @__PURE__ */ jsxs16(Box17, { flexDirection: "column", width, children: [
-    /* @__PURE__ */ jsx18(Panel, { title: heading, right, width, tone: ok ? "muted" : "danger", children: /* @__PURE__ */ jsx18(Text17, { wrap: "truncate-end", children: error ? theme.error(error.message) : theme.dim(summaryLine(body)) }) }),
-    note ? /* @__PURE__ */ jsx18(Text17, { wrap: "truncate-end", children: note }) : null,
-    /* @__PURE__ */ jsxs16(Box17, { flexDirection: "column", paddingLeft: 2, width, children: [
-      error ? /* @__PURE__ */ jsx18(ErrorBody, { error }) : view === "json" ? jsonLines.slice(clamped, clamped + window).map((line, i) => /* @__PURE__ */ jsx18(Text17, { wrap: "truncate-end", children: line }, clamped + i)) : body.kind === "table" ? /* @__PURE__ */ jsx18(Table, { columns: body.columns, rows: body.rows, width: inner, offset: clamped, limit: window }) : body.kind === "kv" ? /* @__PURE__ */ jsx18(KeyValue, { rows: body.rows.slice(clamped, clamped + window), width: inner }) : body.kind === "text" ? interactive ? body.text.split("\n").slice(clamped, clamped + window).map((line, i) => /* @__PURE__ */ jsx18(Text17, { wrap: "truncate-end", children: line }, clamped + i)) : /* @__PURE__ */ jsx18(Markdown, { text: body.text, width: inner }) : /* @__PURE__ */ jsx18(Text17, { children: theme.dim("No output") }),
-      interactive && total > window ? /* @__PURE__ */ jsx18(Text17, { children: theme.dim(`${clamped + 1}\u2013${Math.min(total, clamped + window)} of ${total}`) }) : null
+  return /* @__PURE__ */ jsxs17(Box19, { flexDirection: "column", width, children: [
+    /* @__PURE__ */ jsx21(Panel, { title: heading, right, width, tone: ok ? "muted" : "danger", children: /* @__PURE__ */ jsx21(Text19, { wrap: "truncate-end", children: error ? theme.error(error.message) : theme.dim(summaryLine(body)) }) }),
+    note ? /* @__PURE__ */ jsx21(Text19, { wrap: "truncate-end", children: note }) : null,
+    /* @__PURE__ */ jsxs17(Box19, { flexDirection: "column", paddingLeft: 2, width, children: [
+      error ? /* @__PURE__ */ jsx21(ErrorBody, { error }) : view === "json" ? jsonLines.slice(clamped, clamped + window).map((line, i) => /* @__PURE__ */ jsx21(Text19, { wrap: "truncate-end", children: line }, clamped + i)) : body.kind === "table" ? /* @__PURE__ */ jsx21(Table, { columns: body.columns, rows: body.rows, width: inner, offset: clamped, limit: window }) : body.kind === "kv" ? /* @__PURE__ */ jsx21(KeyValue, { rows: body.rows.slice(clamped, clamped + window), width: inner }) : body.kind === "text" ? interactive ? body.text.split("\n").slice(clamped, clamped + window).map((line, i) => /* @__PURE__ */ jsx21(Text19, { wrap: "truncate-end", children: line }, clamped + i)) : /* @__PURE__ */ jsx21(Markdown, { text: body.text, width: inner }) : /* @__PURE__ */ jsx21(Text19, { children: theme.dim("No output") }),
+      interactive && total > window ? /* @__PURE__ */ jsx21(Text19, { children: theme.dim(`${clamped + 1}\u2013${Math.min(total, clamped + window)} of ${total}`) }) : null
     ] }),
-    interactive ? /* @__PURE__ */ jsx18(Box17, { marginTop: 1, children: /* @__PURE__ */ jsx18(KeyHints, { width, hints }) }) : null
+    interactive ? /* @__PURE__ */ jsx21(Box19, { marginTop: 1, children: /* @__PURE__ */ jsx21(KeyHints, { width, hints }) }) : null
   ] });
 }
 
 // src/ui/screens/Approvals.tsx
-import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 function argsOf(item) {
   return typeof item.args === "object" && item.args !== null && !Array.isArray(item.args) ? item.args : {};
 }
 function Approvals({ services, width, height, onExit }) {
-  const [phase, setPhase] = useState6({ name: "loading", since: Date.now() });
-  const mounted = useRef5(true);
-  useEffect6(
+  const [phase, setPhase] = useState7({ name: "loading", since: Date.now() });
+  const mounted = useRef8(true);
+  useEffect9(
     () => () => {
       mounted.current = false;
     },
     []
   );
-  const load = useCallback4(async () => {
+  const load = useCallback6(async () => {
     if (!services.account.hasSession) {
       setPhase({ name: "failed", message: "Approvals need a full sign-in", hint: "Run `tabbio login`; a personal MCP token cannot approve." });
       return;
@@ -2335,10 +3512,10 @@ function Approvals({ services, width, height, onExit }) {
       if (mounted.current) setPhase({ name: "failed", message: cli.message, hint: cli.hint });
     }
   }, [services]);
-  useEffect6(() => {
+  useEffect9(() => {
     void load();
   }, [load]);
-  const decide = useCallback4(
+  const decide = useCallback6(
     async (decision) => {
       if (phase.name !== "card") return;
       if (decision === "leave") {
@@ -2362,7 +3539,7 @@ function Approvals({ services, width, height, onExit }) {
     },
     [phase, services]
   );
-  useInput7(
+  useInput9(
     (input, key) => {
       if (phase.name === "done" && phase.decision !== "approve" && (key.return || key.escape || input === "q")) void load();
       else if (phase.name === "failed" && (key.escape || input === "q" || key.return)) onExit();
@@ -2371,27 +3548,27 @@ function Approvals({ services, width, height, onExit }) {
     { isActive: phase.name === "done" && phase.decision !== "approve" || phase.name === "failed" || phase.name === "loading" }
   );
   const count = phase.name === "list" || phase.name === "card" ? phase.items.length : null;
-  const header = /* @__PURE__ */ jsx19(Box18, { marginBottom: 1, children: /* @__PURE__ */ jsxs17(Text18, { children: [
+  const header = /* @__PURE__ */ jsx22(Box20, { marginBottom: 1, children: /* @__PURE__ */ jsxs18(Text20, { children: [
     theme.bold("Approvals"),
     count !== null ? theme.dim(` ${theme.symbols.middot} ${count} waiting`) : ""
   ] }) });
   switch (phase.name) {
     case "loading":
-      return /* @__PURE__ */ jsxs17(Box18, { flexDirection: "column", width, children: [
+      return /* @__PURE__ */ jsxs18(Box20, { flexDirection: "column", width, children: [
         header,
-        /* @__PURE__ */ jsx19(Working, { label: "Loading approvals\u2026", since: phase.since })
+        /* @__PURE__ */ jsx22(Working, { label: "Loading approvals\u2026", since: phase.since })
       ] });
     case "failed":
-      return /* @__PURE__ */ jsxs17(Box18, { flexDirection: "column", width, children: [
+      return /* @__PURE__ */ jsxs18(Box20, { flexDirection: "column", width, children: [
         header,
-        /* @__PURE__ */ jsx19(Text18, { children: theme.error(`${theme.symbols.error} ${phase.message}`) }),
-        phase.hint ? /* @__PURE__ */ jsx19(Text18, { wrap: "wrap", children: theme.dim(`  ${theme.symbols.arrowRight} ${phase.hint}`) }) : null,
-        /* @__PURE__ */ jsx19(Box18, { marginTop: 1, children: /* @__PURE__ */ jsx19(KeyHints, { width, hints: [{ key: "q", label: "back" }] }) })
+        /* @__PURE__ */ jsx22(Text20, { children: theme.error(`${theme.symbols.error} ${phase.message}`) }),
+        phase.hint ? /* @__PURE__ */ jsx22(Text20, { wrap: "wrap", children: theme.dim(`  ${theme.symbols.arrowRight} ${phase.hint}`) }) : null,
+        /* @__PURE__ */ jsx22(Box20, { marginTop: 1, children: /* @__PURE__ */ jsx22(KeyHints, { width, hints: [{ key: "q", label: "back" }] }) })
       ] });
     case "list":
-      return /* @__PURE__ */ jsxs17(Box18, { flexDirection: "column", width, children: [
+      return /* @__PURE__ */ jsxs18(Box20, { flexDirection: "column", width, children: [
         header,
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx22(
           SelectList,
           {
             items: phase.items.map((item) => ({
@@ -2413,9 +3590,9 @@ function Approvals({ services, width, height, onExit }) {
         )
       ] });
     case "card":
-      return /* @__PURE__ */ jsxs17(Box18, { flexDirection: "column", width, children: [
+      return /* @__PURE__ */ jsxs18(Box20, { flexDirection: "column", width, children: [
         header,
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx22(
           ApprovalCard,
           {
             approvalId: phase.item.id,
@@ -2432,9 +3609,9 @@ function Approvals({ services, width, height, onExit }) {
         )
       ] });
     case "done":
-      return /* @__PURE__ */ jsxs17(Box18, { flexDirection: "column", width, children: [
+      return /* @__PURE__ */ jsxs18(Box20, { flexDirection: "column", width, children: [
         header,
-        phase.decision === "approve" ? /* @__PURE__ */ jsx19(
+        phase.decision === "approve" ? /* @__PURE__ */ jsx22(
           ResultPanel,
           {
             title: sentenceCase(phase.item.toolName),
@@ -2446,41 +3623,41 @@ function Approvals({ services, width, height, onExit }) {
             interactive: true,
             onBack: () => void load()
           }
-        ) : /* @__PURE__ */ jsxs17(Box18, { flexDirection: "column", children: [
-          /* @__PURE__ */ jsx19(Text18, { children: approvalOutcomeText(phase.decision, sentenceCase(phase.item.toolName), phase.item.id, phase.durationMs) }),
-          /* @__PURE__ */ jsx19(Box18, { marginTop: 1, children: /* @__PURE__ */ jsx19(KeyHints, { width, hints: [{ key: "enter", label: "back to approvals" }] }) })
+        ) : /* @__PURE__ */ jsxs18(Box20, { flexDirection: "column", children: [
+          /* @__PURE__ */ jsx22(Text20, { children: approvalOutcomeText(phase.decision, sentenceCase(phase.item.toolName), phase.item.id, phase.durationMs) }),
+          /* @__PURE__ */ jsx22(Box20, { marginTop: 1, children: /* @__PURE__ */ jsx22(KeyHints, { width, hints: [{ key: "enter", label: "back to approvals" }] }) })
         ] })
       ] });
   }
 }
 
 // src/ui/screens/ToolBrowser.tsx
-import { Box as Box20, Text as Text20, useInput as useInput9 } from "ink";
-import { memo as memo15, useMemo as useMemo6, useState as useState8 } from "react";
+import { Box as Box22, Text as Text22, useInput as useInput11 } from "ink";
+import { memo as memo16, useMemo as useMemo7, useState as useState9 } from "react";
 
 // src/ui/screens/ToolRun.tsx
-import { Box as Box19, Text as Text19, useInput as useInput8 } from "ink";
-import { useCallback as useCallback5, useEffect as useEffect7, useRef as useRef6, useState as useState7 } from "react";
-import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Box as Box21, Text as Text21, useInput as useInput10 } from "ink";
+import { useCallback as useCallback7, useEffect as useEffect10, useRef as useRef9, useState as useState8 } from "react";
+import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 function toolLabel(tool) {
   return tool.commandPath.join(" ") || tool.id;
 }
 function ToolRun({ tool, services, width, height, initialInput = {}, start, onExit }) {
-  const [phase, setPhase] = useState7({ name: "form", input: initialInput });
-  const mounted = useRef6(true);
-  const controller = useRef6(null);
-  useEffect7(
+  const [phase, setPhase] = useState8({ name: "form", input: initialInput });
+  const mounted = useRef9(true);
+  const controller = useRef9(null);
+  useEffect10(
     () => () => {
       mounted.current = false;
       controller.current?.abort();
     },
     []
   );
-  const withDefaults = useCallback5(
+  const withDefaults = useCallback7(
     (input) => autoFilledProperties(tool, tool.inputSchema).includes("userId") && input.userId === void 0 && services.account.userId ? { ...input, userId: services.account.userId } : input,
     [tool, services.account.userId]
   );
-  const run = useCallback5(
+  const run = useCallback7(
     async (input) => {
       const startedAt = Date.now();
       controller.current?.abort();
@@ -2503,13 +3680,13 @@ function ToolRun({ tool, services, width, height, initialInput = {}, start, onEx
     },
     [services, tool.id, withDefaults]
   );
-  const started = useRef6(false);
-  useEffect7(() => {
+  const started = useRef9(false);
+  useEffect10(() => {
     if (started.current || start !== "run") return;
     started.current = true;
     void run(initialInput);
   }, [start, run, initialInput]);
-  const decide = useCallback5(
+  const decide = useCallback7(
     async (decision) => {
       if (phase.name !== "approval") return;
       const { approval, input, requestedAt } = phase;
@@ -2536,7 +3713,7 @@ function ToolRun({ tool, services, width, height, initialInput = {}, start, onEx
     },
     [phase, services, tool.title]
   );
-  useInput8(
+  useInput10(
     (input, key) => {
       if (phase.name === "running" && key.escape) {
         controller.current?.abort();
@@ -2550,19 +3727,19 @@ function ToolRun({ tool, services, width, height, initialInput = {}, start, onEx
     { isActive: phase.name === "running" || phase.name === "error" || phase.name === "left" }
   );
   const label = toolLabel(tool);
-  const header = /* @__PURE__ */ jsxs18(Box19, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ jsxs18(Text19, { wrap: "truncate-end", children: [
+  const header = /* @__PURE__ */ jsxs19(Box21, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs19(Text21, { wrap: "truncate-end", children: [
       theme.bold(label),
       " ",
       theme.dim(`${theme.symbols.middot} ${oneLine(tool.title)}`)
     ] }),
-    tool.description ? /* @__PURE__ */ jsx20(Text19, { wrap: "truncate-end", children: theme.dim(oneLine(tool.description)) }) : null
+    tool.description ? /* @__PURE__ */ jsx23(Text21, { wrap: "truncate-end", children: theme.dim(oneLine(tool.description)) }) : null
   ] });
   switch (phase.name) {
     case "form":
-      return /* @__PURE__ */ jsxs18(Box19, { flexDirection: "column", width, children: [
+      return /* @__PURE__ */ jsxs19(Box21, { flexDirection: "column", width, children: [
         header,
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx23(
           Form,
           {
             initial: createFormState(tool.inputSchema, phase.input, { skip: autoFilledProperties(tool, tool.inputSchema) }),
@@ -2575,15 +3752,15 @@ function ToolRun({ tool, services, width, height, initialInput = {}, start, onEx
         )
       ] });
     case "running":
-      return /* @__PURE__ */ jsxs18(Box19, { flexDirection: "column", width, children: [
+      return /* @__PURE__ */ jsxs19(Box21, { flexDirection: "column", width, children: [
         header,
-        /* @__PURE__ */ jsx20(Working, { label: `Running ${label}${theme.symbols.ellipsis}`, since: phase.startedAt }),
-        /* @__PURE__ */ jsx20(Box19, { marginTop: 1, children: /* @__PURE__ */ jsx20(KeyHints, { width, hints: [{ key: "esc", label: "cancel" }] }) })
+        /* @__PURE__ */ jsx23(Working, { label: `Running ${label}${theme.symbols.ellipsis}`, since: phase.startedAt }),
+        /* @__PURE__ */ jsx23(Box21, { marginTop: 1, children: /* @__PURE__ */ jsx23(KeyHints, { width, hints: [{ key: "esc", label: "cancel" }] }) })
       ] });
     case "approval":
-      return /* @__PURE__ */ jsxs18(Box19, { flexDirection: "column", width, children: [
+      return /* @__PURE__ */ jsxs19(Box21, { flexDirection: "column", width, children: [
         header,
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx23(
           ApprovalCard,
           {
             approvalId: phase.approval.approvalId,
@@ -2601,7 +3778,7 @@ function ToolRun({ tool, services, width, height, initialInput = {}, start, onEx
         )
       ] });
     case "result":
-      return /* @__PURE__ */ jsx20(
+      return /* @__PURE__ */ jsx23(
         ResultPanel,
         {
           title: label,
@@ -2618,18 +3795,18 @@ function ToolRun({ tool, services, width, height, initialInput = {}, start, onEx
         }
       );
     case "error":
-      return /* @__PURE__ */ jsxs18(Box19, { flexDirection: "column", width, children: [
-        /* @__PURE__ */ jsx20(ResultPanel, { title: label, error: phase.error, durationMs: phase.durationMs, width, height, interactive: false }),
-        /* @__PURE__ */ jsx20(Box19, { marginTop: 1, children: /* @__PURE__ */ jsx20(KeyHints, { width, hints: [{ key: "r", label: "retry" }, { key: "e", label: "edit input" }, { key: "q", label: "back" }] }) })
+      return /* @__PURE__ */ jsxs19(Box21, { flexDirection: "column", width, children: [
+        /* @__PURE__ */ jsx23(ResultPanel, { title: label, error: phase.error, durationMs: phase.durationMs, width, height, interactive: false }),
+        /* @__PURE__ */ jsx23(Box21, { marginTop: 1, children: /* @__PURE__ */ jsx23(KeyHints, { width, hints: [{ key: "r", label: "retry" }, { key: "e", label: "edit input" }, { key: "q", label: "back" }] }) })
       ] });
     case "left":
-      return /* @__PURE__ */ jsxs18(Box19, { flexDirection: "column", width, children: [
+      return /* @__PURE__ */ jsxs19(Box21, { flexDirection: "column", width, children: [
         header,
-        /* @__PURE__ */ jsx20(Text19, { children: approvalOutcomeText("leave", sentenceCase(phase.approval.toolName || tool.title), phase.approval.approvalId) }),
-        /* @__PURE__ */ jsx20(Text19, { wrap: "wrap", children: theme.dim(
+        /* @__PURE__ */ jsx23(Text21, { children: approvalOutcomeText("leave", sentenceCase(phase.approval.toolName || tool.title), phase.approval.approvalId) }),
+        /* @__PURE__ */ jsx23(Text21, { wrap: "wrap", children: theme.dim(
           services.account.hasSession ? "Decide later in the Tabbio app or with `tabbio approvals`." : `Approve it in the Tabbio app, or run \`tabbio approvals wait ${shortId(phase.approval.approvalId, 12, 4)}\`.`
         ) }),
-        /* @__PURE__ */ jsx20(Box19, { marginTop: 1, children: /* @__PURE__ */ jsx20(KeyHints, { width, hints: [{ key: "r", label: "run again" }, { key: "e", label: "edit input" }, { key: "q", label: "back" }] }) })
+        /* @__PURE__ */ jsx23(Box21, { marginTop: 1, children: /* @__PURE__ */ jsx23(KeyHints, { width, hints: [{ key: "r", label: "run again" }, { key: "e", label: "edit input" }, { key: "q", label: "back" }] }) })
       ] });
   }
 }
@@ -2727,7 +3904,7 @@ function browserKeyAction(state, input, key, rows) {
 }
 
 // src/ui/screens/ToolBrowser.tsx
-import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 var TWO_PANE_MIN = fromTerminal(90);
 function badge(tool) {
   if (tool.kind === "workflow") return theme.dim("workflow");
@@ -2735,14 +3912,14 @@ function badge(tool) {
   if (tool.annotations.destructiveHint === true) return theme.danger("write");
   return tool.readOnly ? theme.dim("read") : "write";
 }
-var ListRow = memo15(function ListRow2({ row, selected, width }) {
+var ListRow = memo16(function ListRow2({ row, selected, width }) {
   const pointer = selected ? theme.accent(theme.symbols.pointer) : " ";
   if (row.kind === "group") {
     const glyph2 = row.expanded ? theme.symbols.expanded : theme.symbols.collapsed;
     const count = theme.dim(row.matched === row.total ? String(row.total) : `${row.matched} of ${row.total}`);
     const name = truncate(row.group, Math.max(4, width - 12));
     const fill = Math.max(1, width - 4 - displayWidth(name) - displayWidth(count));
-    return /* @__PURE__ */ jsxs19(Text20, { wrap: "truncate-end", children: [
+    return /* @__PURE__ */ jsxs20(Text22, { wrap: "truncate-end", children: [
       pointer,
       " ",
       theme.dim(glyph2),
@@ -2755,34 +3932,34 @@ var ListRow = memo15(function ListRow2({ row, selected, width }) {
   const label = row.tool.kind === "workflow" ? row.tool.action : row.tool.commandPath.join(" ");
   const tag = badge(row.tool);
   const labelWidth = Math.max(4, width - 4 - displayWidth(tag) - 1);
-  const text = padEnd(truncate(label, labelWidth), labelWidth);
-  return /* @__PURE__ */ jsxs19(Text20, { wrap: "truncate-end", children: [
+  const text2 = padEnd(truncate(label, labelWidth), labelWidth);
+  return /* @__PURE__ */ jsxs20(Text22, { wrap: "truncate-end", children: [
     pointer,
     "   ",
-    selected ? theme.accent(text) : text,
+    selected ? theme.accent(text2) : text2,
     " ",
     tag
   ] });
 });
-var ToolDetail = memo15(function ToolDetail2({ tool, width, height }) {
-  const flags = useMemo6(() => describeSchema(tool.inputSchema), [tool]);
-  const example = useMemo6(() => exampleInvocation(tool, tool.inputSchema), [tool]);
+var ToolDetail = memo16(function ToolDetail2({ tool, width, height }) {
+  const flags = useMemo7(() => describeSchema(tool.inputSchema), [tool]);
+  const example = useMemo7(() => exampleInvocation(tool, tool.inputSchema), [tool]);
   const flagWidth = Math.min(28, Math.max(8, ...flags.map((f) => displayWidth(`${f.flag} <${f.type}>`))));
   const descLines = Math.max(1, Math.min(4, height - flags.length - 8));
   const lines = wrapWords(tool.description, width, descLines);
   const shownFlags = flags.slice(0, Math.max(1, height - 7 - lines.length));
-  return /* @__PURE__ */ jsxs19(Box20, { flexDirection: "column", width, children: [
-    /* @__PURE__ */ jsxs19(Box20, { width, children: [
-      /* @__PURE__ */ jsx21(Box20, { flexGrow: 1, children: /* @__PURE__ */ jsx21(Text20, { wrap: "truncate-end", children: theme.bold(tool.commandPath.join(" ")) }) }),
-      /* @__PURE__ */ jsx21(Text20, { children: badge(tool) })
+  return /* @__PURE__ */ jsxs20(Box22, { flexDirection: "column", width, children: [
+    /* @__PURE__ */ jsxs20(Box22, { width, children: [
+      /* @__PURE__ */ jsx24(Box22, { flexGrow: 1, children: /* @__PURE__ */ jsx24(Text22, { wrap: "truncate-end", children: theme.bold(tool.commandPath.join(" ")) }) }),
+      /* @__PURE__ */ jsx24(Text22, { children: badge(tool) })
     ] }),
-    /* @__PURE__ */ jsx21(Text20, { wrap: "truncate-end", children: oneLine(tool.title) }),
-    /* @__PURE__ */ jsx21(Text20, { children: " " }),
-    lines.map((line, i) => /* @__PURE__ */ jsx21(Text20, { wrap: "truncate-end", children: theme.dim(line) }, i)),
-    /* @__PURE__ */ jsx21(Text20, { children: " " }),
-    /* @__PURE__ */ jsx21(Text20, { children: theme.dim("FLAGS") }),
-    flags.length === 0 ? /* @__PURE__ */ jsx21(Text20, { children: theme.dim("  none") }) : null,
-    shownFlags.map((flag) => /* @__PURE__ */ jsxs19(Text20, { wrap: "truncate-end", children: [
+    /* @__PURE__ */ jsx24(Text22, { wrap: "truncate-end", children: oneLine(tool.title) }),
+    /* @__PURE__ */ jsx24(Text22, { children: " " }),
+    lines.map((line, i) => /* @__PURE__ */ jsx24(Text22, { wrap: "truncate-end", children: theme.dim(line) }, i)),
+    /* @__PURE__ */ jsx24(Text22, { children: " " }),
+    /* @__PURE__ */ jsx24(Text22, { children: theme.dim("FLAGS") }),
+    flags.length === 0 ? /* @__PURE__ */ jsx24(Text22, { children: theme.dim("  none") }) : null,
+    shownFlags.map((flag) => /* @__PURE__ */ jsxs20(Text22, { wrap: "truncate-end", children: [
       "  ",
       padEnd(truncate(`${flag.flag} <${flag.type}>`, flagWidth), flagWidth),
       " ",
@@ -2790,10 +3967,10 @@ var ToolDetail = memo15(function ToolDetail2({ tool, width, height }) {
       " ",
       theme.dim(flag.description)
     ] }, flag.flag)),
-    flags.length > shownFlags.length ? /* @__PURE__ */ jsx21(Text20, { children: theme.dim(`  +${flags.length - shownFlags.length} more`) }) : null,
-    /* @__PURE__ */ jsx21(Text20, { children: " " }),
-    /* @__PURE__ */ jsx21(Text20, { children: theme.dim("EXAMPLE") }),
-    /* @__PURE__ */ jsxs19(Text20, { wrap: "truncate-end", children: [
+    flags.length > shownFlags.length ? /* @__PURE__ */ jsx24(Text22, { children: theme.dim(`  +${flags.length - shownFlags.length} more`) }) : null,
+    /* @__PURE__ */ jsx24(Text22, { children: " " }),
+    /* @__PURE__ */ jsx24(Text22, { children: theme.dim("EXAMPLE") }),
+    /* @__PURE__ */ jsxs20(Text22, { wrap: "truncate-end", children: [
       "  ",
       example
     ] })
@@ -2801,15 +3978,15 @@ var ToolDetail = memo15(function ToolDetail2({ tool, width, height }) {
 });
 function ToolBrowser(props) {
   const { tools, services, width, height, onExit } = props;
-  const [state, setState] = useState8(() => {
+  const [state, setState] = useState9(() => {
     const initial = initialBrowserState({ query: props.initialQuery, group: props.initialGroup });
     return initial.query ? applyBrowserAction(tools, { ...initial, query: "" }, { type: "type", text: initial.query }) : initial;
   });
-  const [running, setRunning] = useState8(null);
-  const rows = useMemo6(() => browserRows(tools, state), [tools, state]);
+  const [running, setRunning] = useState9(null);
+  const rows = useMemo7(() => browserRows(tools, state), [tools, state]);
   const cursor = Math.min(state.cursor, Math.max(0, rows.length - 1));
   const current = rows[cursor];
-  useInput9(
+  useInput11(
     (input, key) => {
       const outcome = browserKeyAction({ ...state, cursor }, input, key, rows);
       if (!outcome) return;
@@ -2820,7 +3997,7 @@ function ToolBrowser(props) {
     { isActive: !running }
   );
   if (running) {
-    return /* @__PURE__ */ jsx21(ToolRun, { tool: running, services, width, height, start: "form", onExit: () => setRunning(null) });
+    return /* @__PURE__ */ jsx24(ToolRun, { tool: running, services, width, height, start: "form", onExit: () => setRunning(null) });
   }
   const visibleCount = tools.filter((t) => !t.hidden).length;
   const groupCount = new Set(tools.filter((t) => !t.hidden).map((t) => t.group)).size;
@@ -2835,16 +4012,16 @@ function ToolBrowser(props) {
     twoPane ? `${theme.symbols.line.repeat(leftWidth + 1)}\u252C${theme.symbols.line.repeat(Math.max(0, rightWidth + 1))}` : theme.symbols.line.repeat(width)
   );
   const detailTool = current?.kind === "tool" ? current.tool : null;
-  return /* @__PURE__ */ jsxs19(Box20, { flexDirection: "column", width, children: [
-    /* @__PURE__ */ jsxs19(Box20, { width, children: [
-      /* @__PURE__ */ jsx21(Box20, { flexGrow: 1, children: /* @__PURE__ */ jsx21(Text20, { wrap: "truncate-end", children: title }) }),
-      /* @__PURE__ */ jsx21(Text20, { wrap: "truncate-end", children: filter })
+  return /* @__PURE__ */ jsxs20(Box22, { flexDirection: "column", width, children: [
+    /* @__PURE__ */ jsxs20(Box22, { width, children: [
+      /* @__PURE__ */ jsx24(Box22, { flexGrow: 1, children: /* @__PURE__ */ jsx24(Text22, { wrap: "truncate-end", children: title }) }),
+      /* @__PURE__ */ jsx24(Text22, { wrap: "truncate-end", children: filter })
     ] }),
-    /* @__PURE__ */ jsx21(Text20, { wrap: "truncate-end", children: theme.unicode ? rule : theme.dim("-".repeat(width)) }),
-    /* @__PURE__ */ jsxs19(Box20, { width, children: [
-      /* @__PURE__ */ jsxs19(Box20, { flexDirection: "column", width: leftWidth, children: [
-        rows.length === 0 ? /* @__PURE__ */ jsx21(Text20, { children: theme.dim(`  No tools match "${state.query}"`) }) : null,
-        rows.slice(start, end).map((row, i) => /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx24(Text22, { wrap: "truncate-end", children: theme.unicode ? rule : theme.dim("-".repeat(width)) }),
+    /* @__PURE__ */ jsxs20(Box22, { width, children: [
+      /* @__PURE__ */ jsxs20(Box22, { flexDirection: "column", width: leftWidth, children: [
+        rows.length === 0 ? /* @__PURE__ */ jsx24(Text22, { children: theme.dim(`  No tools match "${state.query}"`) }) : null,
+        rows.slice(start, end).map((row, i) => /* @__PURE__ */ jsx24(
           ListRow,
           {
             row,
@@ -2854,11 +4031,11 @@ function ToolBrowser(props) {
           row.kind === "group" ? `g:${row.group}` : `t:${row.tool.id}`
         ))
       ] }),
-      twoPane ? /* @__PURE__ */ jsx21(Box20, { flexDirection: "column", marginLeft: 1, paddingLeft: 1, borderStyle: theme.unicode ? "single" : "classic", borderTop: false, borderRight: false, borderBottom: false, borderDimColor: true, width: rightWidth + 2, children: detailTool ? /* @__PURE__ */ jsx21(ToolDetail, { tool: detailTool, width: rightWidth, height: listHeight }) : /* @__PURE__ */ jsx21(Text20, { children: theme.dim(current?.kind === "group" ? `${current.group}: enter or \u2192 to open the group` : "Select a tool") }) }) : null
+      twoPane ? /* @__PURE__ */ jsx24(Box22, { flexDirection: "column", marginLeft: 1, paddingLeft: 1, borderStyle: theme.unicode ? "single" : "classic", borderTop: false, borderRight: false, borderBottom: false, borderDimColor: true, width: rightWidth + 2, children: detailTool ? /* @__PURE__ */ jsx24(ToolDetail, { tool: detailTool, width: rightWidth, height: listHeight }) : /* @__PURE__ */ jsx24(Text22, { children: theme.dim(current?.kind === "group" ? `${current.group}: enter or \u2192 to open the group` : "Select a tool") }) }) : null
     ] }),
-    !twoPane && detailTool ? /* @__PURE__ */ jsx21(Box20, { marginTop: 1, children: /* @__PURE__ */ jsx21(Text20, { wrap: "truncate-end", children: theme.dim(oneLine(detailTool.description || detailTool.title)) }) }) : null,
-    /* @__PURE__ */ jsx21(Text20, { wrap: "truncate-end", children: theme.dim(theme.symbols.line.repeat(width)) }),
-    /* @__PURE__ */ jsx21(
+    !twoPane && detailTool ? /* @__PURE__ */ jsx24(Box22, { marginTop: 1, children: /* @__PURE__ */ jsx24(Text22, { wrap: "truncate-end", children: theme.dim(oneLine(detailTool.description || detailTool.title)) }) }) : null,
+    /* @__PURE__ */ jsx24(Text22, { wrap: "truncate-end", children: theme.dim(theme.symbols.line.repeat(width)) }),
+    /* @__PURE__ */ jsx24(
       KeyHints,
       {
         width,
@@ -2876,7 +4053,14 @@ function ToolBrowser(props) {
 
 // src/ui/screens/home/home-model.ts
 var emptyHomeData = { plan: null, pendingApprovals: null, recent: null };
-function homeCommands(data, toolCount) {
+function homeCommands(data, toolCount, access = { signedIn: true, hasSession: true }) {
+  if (!access.signedIn) {
+    return [
+      { name: "login", usage: "/login [email|token]", description: "Sign in (browser, email code or token)" },
+      { name: "help", description: "Keys and commands" },
+      { name: "exit", description: "Quit tabbio" }
+    ];
+  }
   const waiting = data.pendingApprovals;
   return [
     { name: "chat", description: "Chat with Tabbio" },
@@ -2884,34 +4068,50 @@ function homeCommands(data, toolCount) {
     { name: "approvals", description: waiting === null ? "Approve or reject actions" : waiting > 0 ? `${waiting} waiting` : "None waiting" },
     { name: "status", description: "Account, tokens, catalog" },
     { name: "help", description: "Keys and commands" },
+    { name: "login", usage: "/login [email|token]", description: access.hasSession ? "Switch account" : "Full sign-in for chat and approvals" },
+    { name: "logout", description: "Sign out of this profile" },
     { name: "exit", description: "Quit tabbio" }
   ];
 }
-function isHomeCommand(name) {
-  return ["chat", "tools", "approvals", "status", "help", "exit", "quit"].includes(name);
+function startCommands(commands, signedIn) {
+  return commands.filter((c) => c.name !== "exit" && (!signedIn || c.name !== "login" && c.name !== "logout"));
+}
+var HOME_COMMAND_NAMES = ["chat", "tools", "approvals", "status", "login", "logout", "help", "exit", "quit"];
+var SIGN_IN_FIRST = "Sign in first: /login";
+function homeGate(name, access) {
+  if (name === "login" || name === "help" || name === "exit" || name === "quit") return null;
+  if (!access.signedIn) return SIGN_IN_FIRST;
+  if ((name === "chat" || name === "approvals" || name === "message" || name === "skill") && !access.hasSession) {
+    return `${name === "approvals" ? "Approvals need" : "Chat needs"} a full sign-in: /login (browser or email code)`;
+  }
+  return null;
 }
 var HOME_HELP_ROWS = [
   ["type + enter", "Start a chat with that message"],
-  ["/", "Command palette (chat, tools, approvals, status, help, exit)"],
+  ["/", "Command palette: /chat /tools /approvals /status /login /logout /help /exit"],
+  ["/login", "Sign in here: browser, /login email you@x.com, or /login token"],
+  ["/logout", "Sign out of this profile (ends the session on the server)"],
+  ["/<skill>", "Your Tabbio skills are listed in the palette; enter runs one in a chat"],
   ["tab", "Jump to recent chats"],
-  ["esc", "Close, go back, or interrupt"],
+  ["esc", "Close, go back, or clear the composer"],
+  ["q", "Back from lists and help"],
   ["ctrl+j", "New line in the composer (or \\ then enter)"],
   ["\u2191 \u2193", "Composer history, or move in lists"],
-  ["ctrl+c \xD72", "Quit"]
+  ["ctrl+c twice", "Quit"]
 ];
 
 // src/ui/screens/home/HomeView.tsx
-import { Box as Box23, Text as Text23 } from "ink";
-import { memo as memo17 } from "react";
+import { Box as Box25, Text as Text25 } from "ink";
+import { memo as memo18 } from "react";
 
 // src/ui/components/Header.tsx
-import { Box as Box22, Text as Text22 } from "ink";
-import { memo as memo16 } from "react";
+import { Box as Box24, Text as Text24 } from "ink";
+import { memo as memo17 } from "react";
 
 // src/ui/components/Wordmark.tsx
-import { Box as Box21, Text as Text21 } from "ink";
+import { Box as Box23, Text as Text23 } from "ink";
 import Gradient from "ink-gradient";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 var WORDMARK_ROWS = [
   " \u2588       \u2588    \u2588    \u2580",
   "\u2580\u2588\u2580 \u2584\u2580\u2580\u2588 \u2588\u2580\u2580\u2584 \u2588\u2580\u2580\u2584 \u2588 \u2584\u2580\u2580\u2584",
@@ -2919,17 +4119,17 @@ var WORDMARK_ROWS = [
 ];
 var WORDMARK_WIDTH = 25;
 function Wordmark() {
-  if (!theme.unicode) return /* @__PURE__ */ jsx22(Text21, { children: theme.accentBold("tabbio") });
+  if (!theme.unicode) return /* @__PURE__ */ jsx25(Text23, { children: theme.accentBold("tabbio") });
   const rows = WORDMARK_ROWS.map((row) => row.padEnd(WORDMARK_WIDTH));
   const gradient = theme.wordmarkGradient;
   if (gradient) {
-    return /* @__PURE__ */ jsx22(Gradient, { colors: [...gradient], children: /* @__PURE__ */ jsx22(Text21, { children: rows.join("\n") }) });
+    return /* @__PURE__ */ jsx25(Gradient, { colors: [...gradient], children: /* @__PURE__ */ jsx25(Text23, { children: rows.join("\n") }) });
   }
-  return /* @__PURE__ */ jsx22(Box21, { flexDirection: "column", children: rows.map((row, i) => /* @__PURE__ */ jsx22(Text21, { children: theme.accent(row) }, i)) });
+  return /* @__PURE__ */ jsx25(Box23, { flexDirection: "column", children: rows.map((row, i) => /* @__PURE__ */ jsx25(Text23, { children: theme.accent(row) }, i)) });
 }
 
 // src/ui/components/Header.tsx
-import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
 var WIDE_HEADER_MIN = fromTerminal(60);
 function oneLineHeader({ version, profile, account }) {
   const sep = theme.dim(` ${theme.symbols.middot} `);
@@ -2945,24 +4145,24 @@ function oneLineHeader({ version, profile, account }) {
 function capitalize(value) {
   return value ? value.charAt(0).toUpperCase() + value.slice(1) : value;
 }
-var Header = memo16(function Header2(props) {
+var Header = memo17(function Header2(props) {
   const { version, width, tagline = "Your career, from the terminal" } = props;
   if (width < WIDE_HEADER_MIN || !theme.unicode) {
-    return /* @__PURE__ */ jsx23(Text22, { wrap: "truncate-end", children: oneLineHeader(props) });
+    return /* @__PURE__ */ jsx26(Text24, { wrap: "truncate-end", children: oneLineHeader(props) });
   }
   const showTagline = width >= WORDMARK_WIDTH + 3 + tagline.length;
-  return /* @__PURE__ */ jsxs20(Box22, { children: [
-    /* @__PURE__ */ jsx23(Wordmark, {}),
-    /* @__PURE__ */ jsxs20(Box22, { flexDirection: "column", marginLeft: 3, children: [
-      /* @__PURE__ */ jsx23(Text22, { children: " " }),
-      /* @__PURE__ */ jsx23(Text22, { children: theme.bold(`tabbio ${version}`) }),
-      /* @__PURE__ */ jsx23(Text22, { wrap: "truncate-end", children: showTagline ? theme.dim(tagline) : "" })
+  return /* @__PURE__ */ jsxs21(Box24, { children: [
+    /* @__PURE__ */ jsx26(Wordmark, {}),
+    /* @__PURE__ */ jsxs21(Box24, { flexDirection: "column", marginLeft: 3, children: [
+      /* @__PURE__ */ jsx26(Text24, { children: " " }),
+      /* @__PURE__ */ jsx26(Text24, { children: theme.bold(`tabbio ${version}`) }),
+      /* @__PURE__ */ jsx26(Text24, { wrap: "truncate-end", children: showTagline ? theme.dim(tagline) : "" })
     ] })
   ] });
 });
 
 // src/ui/screens/home/HomeView.tsx
-import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
 var TWO_COLUMN_MIN = fromTerminal(100);
 function AccountLine({ services, plan, width }) {
   const { account } = services;
@@ -2971,13 +4171,14 @@ function AccountLine({ services, plan, width }) {
   const left = `${account.signedIn ? theme.success(theme.symbols.dot) : theme.attention(theme.symbols.dot)} ${who}`;
   const right = theme.dim(`profile ${services.profileName} ${theme.symbols.middot} ${services.apiHost}`);
   const fill = width - displayWidth(left) - displayWidth(right);
-  return /* @__PURE__ */ jsx24(Text23, { wrap: "truncate-end", children: fill >= 2 ? `${left}${" ".repeat(fill)}${right}` : left });
+  return /* @__PURE__ */ jsx27(Text25, { wrap: "truncate-end", children: fill >= 2 ? `${left}${" ".repeat(fill)}${right}` : left });
 }
-var QuickActions = memo17(function QuickActions2({ commands, width, pending }) {
+var QuickActions = memo18(function QuickActions2(props) {
+  const { commands, width, pending, signedIn } = props;
   const nameWidth = 13;
-  return /* @__PURE__ */ jsxs21(Box23, { flexDirection: "column", width, children: [
-    /* @__PURE__ */ jsx24(Text23, { children: theme.dim("START") }),
-    commands.filter((c) => c.name !== "exit").map((c) => /* @__PURE__ */ jsxs21(Text23, { wrap: "truncate-end", children: [
+  return /* @__PURE__ */ jsxs22(Box25, { flexDirection: "column", width, children: [
+    /* @__PURE__ */ jsx27(Text25, { children: theme.dim("START") }),
+    startCommands(commands, signedIn).map((c) => /* @__PURE__ */ jsxs22(Text25, { wrap: "truncate-end", children: [
       theme.accent(padEnd(`/${c.name}`, nameWidth)),
       truncate(c.description, Math.max(4, width - nameWidth - 3)),
       c.name === "approvals" && pending ? ` ${theme.attention(theme.symbols.dot)}` : ""
@@ -2986,23 +4187,23 @@ var QuickActions = memo17(function QuickActions2({ commands, width, pending }) {
 });
 function Recent(props) {
   const { data, focus, width, rows, services } = props;
-  const title = /* @__PURE__ */ jsx24(Text23, { children: theme.dim("RECENT CHATS") });
+  const title = /* @__PURE__ */ jsx27(Text25, { children: theme.dim("RECENT CHATS") });
   if (!services.account.hasSession) {
-    return /* @__PURE__ */ jsxs21(Box23, { flexDirection: "column", width, children: [
+    return /* @__PURE__ */ jsxs22(Box25, { flexDirection: "column", width, children: [
       title,
-      /* @__PURE__ */ jsx24(Text23, { wrap: "truncate-end", children: theme.dim("Sign in with `tabbio login` to see your chats") })
+      /* @__PURE__ */ jsx27(Text25, { wrap: "truncate-end", children: theme.dim(services.account.signedIn ? "Chats need a full sign-in: /login" : "Type /login to see your chats") })
     ] });
   }
   if (data.recent === null) {
-    return /* @__PURE__ */ jsxs21(Box23, { flexDirection: "column", width, children: [
+    return /* @__PURE__ */ jsxs22(Box25, { flexDirection: "column", width, children: [
       title,
-      /* @__PURE__ */ jsx24(Text23, { children: theme.dim(data.error ? `Could not load: ${data.error}` : `Loading${theme.symbols.ellipsis}`) })
+      /* @__PURE__ */ jsx27(Text25, { children: theme.dim(data.error ? `Could not load: ${data.error}` : `Loading${theme.symbols.ellipsis}`) })
     ] });
   }
-  return /* @__PURE__ */ jsxs21(Box23, { flexDirection: "column", width, children: [
+  return /* @__PURE__ */ jsxs22(Box25, { flexDirection: "column", width, children: [
     title,
-    data.recent.length === 0 ? /* @__PURE__ */ jsx24(Text23, { children: theme.dim("No chats yet. Type below to start one.") }) : null,
-    data.recent.length > 0 ? /* @__PURE__ */ jsx24(
+    data.recent.length === 0 ? /* @__PURE__ */ jsx27(Text25, { children: theme.dim("No chats yet. Type below to start one.") }) : null,
+    data.recent.length > 0 ? /* @__PURE__ */ jsx27(
       SelectList,
       {
         items: data.recent.map((r) => ({ id: r.id, label: r.title, meta: r.when })),
@@ -3017,24 +4218,37 @@ function Recent(props) {
     ) : null
   ] });
 }
+function composerPlaceholder(signedOut, width) {
+  if (signedOut) return "Type /login to sign in, or / for commands";
+  return width < WIDE_HEADER_MIN ? "Ask Tabbio anything, or / for commands" : "Ask Tabbio anything, or type / for commands";
+}
 function HomeView(props) {
   const { services, data, commands, matches, width, height } = props;
   const wide = width >= TWO_COLUMN_MIN;
   const tall = height >= 26;
   const showWordmark = width >= WIDE_HEADER_MIN && tall;
   const showAccount = width >= WIDE_HEADER_MIN;
-  const recentRows = wide ? 5 : height >= 30 ? 3 : 0;
-  const colWidth = wide ? Math.floor((width - 4) / 2) : width;
+  const signedOut = !services.account.signedIn;
+  const recentRows = signedOut ? 0 : wide ? 5 : height >= 30 ? 3 : 0;
+  const colWidth = wide && recentRows > 0 ? Math.floor((width - 4) / 2) : width;
   const account = { name: services.account.name, email: services.account.email, plan: data.plan };
-  return /* @__PURE__ */ jsxs21(Box23, { flexDirection: "column", width, children: [
-    showWordmark ? /* @__PURE__ */ jsx24(Header, { version: services.version, profile: services.profileName, width, account }) : /* @__PURE__ */ jsx24(Header, { version: services.version, profile: services.profileName, width: Math.min(width, WIDE_HEADER_MIN - 1), account }),
-    showAccount ? /* @__PURE__ */ jsx24(Box23, { marginTop: 1, children: /* @__PURE__ */ jsx24(AccountLine, { services, plan: data.plan, width }) }) : null,
-    /* @__PURE__ */ jsxs21(Box23, { marginTop: 1, flexDirection: wide ? "row" : "column", width, children: [
-      /* @__PURE__ */ jsx24(QuickActions, { commands, width: colWidth, pending: data.pendingApprovals }),
-      recentRows > 0 ? /* @__PURE__ */ jsx24(Box23, { marginLeft: wide ? 4 : 0, marginTop: wide ? 0 : 1, children: /* @__PURE__ */ jsx24(Recent, { ...props, width: colWidth, rows: recentRows }) }) : null
+  return /* @__PURE__ */ jsxs22(Box25, { flexDirection: "column", width, children: [
+    showWordmark ? /* @__PURE__ */ jsx27(Header, { version: services.version, profile: services.profileName, width, account }) : /* @__PURE__ */ jsx27(Header, { version: services.version, profile: services.profileName, width: Math.min(width, WIDE_HEADER_MIN - 1), account }),
+    showAccount ? /* @__PURE__ */ jsxs22(Box25, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx27(AccountLine, { services, plan: data.plan, width }),
+      signedOut ? /* @__PURE__ */ jsx27(Text25, { wrap: "truncate-end", children: theme.dim("  Type /login to sign in") }) : null
+    ] }) : signedOut ? /* @__PURE__ */ jsx27(Box25, { marginTop: 1, children: /* @__PURE__ */ jsxs22(Text25, { wrap: "truncate-end", children: [
+      theme.attention("Not signed in"),
+      " ",
+      theme.dim("Type /login to sign in")
+    ] }) }) : null,
+    /* @__PURE__ */ jsxs22(Box25, { marginTop: 1, flexDirection: wide ? "row" : "column", width, children: [
+      /* @__PURE__ */ jsx27(QuickActions, { commands, width: colWidth, pending: data.pendingApprovals, signedIn: !signedOut }),
+      recentRows > 0 ? /* @__PURE__ */ jsx27(Box25, { marginLeft: wide ? 4 : 0, marginTop: wide ? 0 : 1, children: /* @__PURE__ */ jsx27(Recent, { ...props, width: colWidth, rows: recentRows }) }) : null
     ] }),
-    matches.length > 0 ? /* @__PURE__ */ jsx24(Box23, { marginTop: 1, children: /* @__PURE__ */ jsx24(Palette, { commands: matches, selected: props.paletteIndex, width }) }) : null,
-    /* @__PURE__ */ jsx24(Box23, { marginTop: 1, children: /* @__PURE__ */ jsx24(
+    props.modal ? /* @__PURE__ */ jsx27(Box25, { marginTop: 1, children: props.modal }) : null,
+    !props.modal && (matches.length > 0 || props.paletteOpen) ? /* @__PURE__ */ jsx27(Box25, { marginTop: 1, children: /* @__PURE__ */ jsx27(Palette, { commands: matches, selected: props.paletteIndex, width, footer: props.paletteFooter }) }) : null,
+    props.modal ? null : /* @__PURE__ */ jsx27(Box25, { marginTop: 1, children: /* @__PURE__ */ jsx27(
       TextInput,
       {
         editor: props.editor,
@@ -3043,16 +4257,20 @@ function HomeView(props) {
         onKey: props.onComposerKey,
         isActive: props.focus === "composer",
         width,
-        placeholder: width < WIDE_HEADER_MIN ? "Ask Tabbio anything, or / for commands" : "Ask Tabbio anything, or type / for commands",
+        placeholder: composerPlaceholder(signedOut, width),
         boxed: true
       }
     ) }),
-    props.notice ? /* @__PURE__ */ jsx24(Text23, { wrap: "truncate-end", children: props.notice }) : null,
-    /* @__PURE__ */ jsx24(
+    props.notice ? props.notice.split("\n").map((line, i) => /* @__PURE__ */ jsx27(Text25, { wrap: "wrap", children: line }, i)) : null,
+    /* @__PURE__ */ jsx27(
       KeyHints,
       {
         width,
-        hints: [
+        hints: props.modal ? [{ key: "esc", label: "cancel sign-in" }] : signedOut ? [
+          { key: "/login", label: "sign in" },
+          { key: "/", label: "commands" },
+          { key: "ctrl+c", label: "quit" }
+        ] : [
           { key: "enter", label: "send" },
           { key: "/", label: "commands" },
           ...services.account.hasSession && recentRows > 0 ? [{ key: "tab", label: "recent chats" }] : [],
@@ -3064,32 +4282,41 @@ function HomeView(props) {
 }
 
 // src/ui/screens/home/Home.tsx
-import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
 var DOUBLE_PRESS_MS2 = 2e3;
+var NOTICE_MS = 6e3;
 function BackKeys({ onBack }) {
-  useInput10((input, key) => {
+  useInput12((input, key) => {
     if (key.escape || input === "q" || key.return) onBack();
   });
   return null;
 }
+function accountNotice(change) {
+  return [theme.success(`${theme.symbols.success} ${change.message}`), ...(change.warnings ?? []).map((w) => theme.attention(`${theme.symbols.attention} ${w}`))].join("\n");
+}
 function Home(props) {
-  const { services, width, height, onExit, mode = "seeker" } = props;
-  const [route, setRoute] = useState9({ name: "home" });
-  const [data, setData] = useState9(props.initialData ?? emptyHomeData);
-  const [editor, dispatchEditor] = useReducer4(editorReducer, emptyEditor);
-  const [paletteIndex, setPaletteIndex] = useState9(0);
-  const [focus, setFocus] = useState9("composer");
-  const [notice, setNotice] = useState9(null);
-  const lastCtrlC = useRef7(0);
-  const mounted = useRef7(true);
-  useEffect8(
+  const { width, height, onExit, mode = "seeker", saveArtifacts = true } = props;
+  const [services, setServices] = useState10(props.services);
+  const [route, setRoute] = useState10({ name: "home" });
+  const [data, setData] = useState10(props.initialData ?? emptyHomeData);
+  const [editor, dispatchEditor] = useReducer5(editorReducer, emptyEditor);
+  const [paletteIndex, setPaletteIndex] = useState10(0);
+  const [navigated, setNavigated] = useState10(false);
+  const [focus, setFocus] = useState10("composer");
+  const [notice, setNotice] = useState10(props.initialNotice ?? null);
+  const [login, setLogin] = useState10(null);
+  const lastCtrlC = useRef10(0);
+  const mounted = useRef10(true);
+  useEffect11(
     () => () => {
       mounted.current = false;
     },
     []
   );
-  const loadData = useCallback6(async () => {
-    if (props.initialData || !services.account.hasSession) return;
+  const { signedIn, hasSession } = services.account;
+  const access = useMemo8(() => ({ signedIn, hasSession }), [signedIn, hasSession]);
+  const loadData = useCallback8(async () => {
+    if (props.initialData && services === props.services || !services.account.hasSession) return;
     const [plan, approvals, threads] = await Promise.allSettled([
       services.loadPlan(),
       services.loadPendingApprovals(),
@@ -3106,51 +4333,89 @@ function Home(props) {
       })) : null,
       error: threads.status === "rejected" ? toCliError(threads.reason).message : void 0
     });
-  }, [props.initialData, props.companyId, services, mode]);
-  useEffect8(() => {
+  }, [props.initialData, props.services, props.companyId, services, mode]);
+  useEffect11(() => {
     if (route.name === "home") void loadData();
   }, [route.name, loadData]);
-  useEffect8(() => {
+  useEffect11(() => {
     if (!notice) return void 0;
-    const timer = setTimeout(() => setNotice(null), 4e3);
+    const timer = setTimeout(() => setNotice(null), NOTICE_MS);
     return () => clearTimeout(timer);
   }, [notice]);
-  const commands = useMemo7(() => homeCommands(data, services.cachedToolCount), [data, services.cachedToolCount]);
-  const matches = paletteMatches(commands, editor.value);
+  useEffect11(() => setNavigated(false), [editor.value]);
+  const commands = useMemo8(() => homeCommands(data, services.cachedToolCount, access), [data, services.cachedToolCount, access]);
+  const skills = useSkills(services, hasSession && editor.value.startsWith("/"));
+  const view = paletteView(commands, hasSession ? skills : { status: "idle", skills: [] }, editor.value, { ellipsis: theme.symbols.ellipsis, separator: theme.symbols.middot });
+  const matches = view.items;
   const selected = Math.min(paletteIndex, Math.max(0, matches.length - 1));
-  const goHome = useCallback6(() => setRoute({ name: "home" }), []);
-  const needSession = useCallback6(
-    (what) => {
-      if (services.account.hasSession) return true;
-      setNotice(theme.attention(`${theme.symbols.attention} ${what} needs a full sign-in. Run \`tabbio login\`.`));
-      return false;
+  const goHome = useCallback8(() => setRoute({ name: "home" }), []);
+  const warn = useCallback8((text2) => setNotice(theme.attention(`${theme.symbols.attention} ${text2}`)), []);
+  const applyAccount = useCallback8((change, opts = {}) => {
+    const switched = accountIdentity(services) !== accountIdentity(change.services);
+    setServices(change.services);
+    setData(emptyHomeData);
+    if (opts.stay && switched) setRoute({ name: "chat" });
+    if (!opts.stay) {
+      setRoute({ name: "home" });
+      setNotice(accountNotice(change));
+    }
+  }, [services]);
+  const onLoginDone = useCallback8(
+    (outcome) => {
+      setLogin(null);
+      if (outcome.status === "done") applyAccount(outcome.change);
+      else if (outcome.status === "cancelled") setNotice(theme.dim("Sign-in cancelled"));
+      else setNotice([theme.error(`${theme.symbols.error} ${outcome.message}`), ...outcome.hint ? [theme.dim(`  ${outcome.hint}`)] : []].join("\n"));
     },
-    [services.account.hasSession]
+    [applyAccount]
   );
-  const open = useCallback6(
-    (name) => {
+  const open2 = useCallback8(
+    (name, arg = "") => {
+      const gate = homeGate(name, access);
+      if (gate) {
+        warn(gate);
+        return;
+      }
       switch (name) {
         case "chat":
-          if (needSession("Chat")) setRoute({ name: "chat" });
+          setRoute({ name: "chat" });
           return;
         case "tools": {
-          if (!services.account.signedIn) {
-            setNotice(theme.attention(`${theme.symbols.attention} Sign in first: run \`tabbio login\`.`));
-            return;
-          }
           const since = Date.now();
           setRoute({ name: "tools", since });
           services.listTools().then((tools) => mounted.current && setRoute((r) => r.name === "tools" ? { ...r, tools } : r)).catch((error) => mounted.current && setRoute((r) => r.name === "tools" ? { ...r, error: toCliError(error).message } : r));
           return;
         }
         case "approvals":
-          if (needSession("Approvals")) setRoute({ name: "approvals" });
+          setRoute({ name: "approvals" });
           return;
         case "status": {
           setRoute({ name: "status", since: Date.now() });
           services.loadStatus().then((rows) => mounted.current && setRoute((r) => r.name === "status" ? { ...r, rows } : r)).catch((error) => mounted.current && setRoute((r) => r.name === "status" ? { ...r, error: toCliError(error).message } : r));
           return;
         }
+        case "login": {
+          const start = parseLoginArgs(arg);
+          if ("error" in start) setNotice(theme.error(`${theme.symbols.error} ${start.error}`));
+          else {
+            setNotice(null);
+            setLogin(start);
+          }
+          return;
+        }
+        case "logout": {
+          const session = services.session;
+          if (!session) {
+            warn("Signing out is not available here. Run `tabbio logout`.");
+            return;
+          }
+          setNotice(theme.dim(`Signing out${theme.symbols.ellipsis}`));
+          session.logout().then(
+            (change) => mounted.current && applyAccount(change),
+            (error) => mounted.current && setNotice(theme.error(`${theme.symbols.error} ${toCliError(error).message}`))
+          );
+          return;
+        }
         case "help":
           setRoute({ name: "help" });
           return;
@@ -3162,37 +4427,45 @@ function Home(props) {
           setNotice(theme.error(`${theme.symbols.error} Unknown command /${name}`));
       }
     },
-    [needSession, services, onExit]
+    [access, services, onExit, warn, applyAccount]
   );
-  const submit2 = useCallback6(
+  const submit2 = useCallback8(
     (value) => {
-      const text = value.trim();
-      if (!text) return;
-      const slash = parseSlash(text);
-      dispatchEditor({ type: "remember", value: text });
+      const res = resolveSubmit(value, { commands, skills, highlighted: matches[selected], navigated, aliases: HOME_COMMAND_NAMES });
+      if (res.kind === "empty" || res.kind === "bare") return;
+      if (res.kind === "loading") {
+        warn(`Skills are still loading. Press enter again in a moment.`);
+        return;
+      }
+      dispatchEditor({ type: "remember", value: value.trim() });
       dispatchEditor({ type: "clear" });
       setPaletteIndex(0);
-      if (slash) {
-        const exact = isHomeCommand(slash.name) ? slash.name : void 0;
-        open(exact ?? matches[selected]?.name ?? slash.name);
+      if (res.kind === "unknown") {
+        setNotice([theme.error(`${theme.symbols.error} Unknown command /${res.name}`), theme.dim("  Type / to see the commands.")].join("\n"));
         return;
       }
-      if (needSession("Chat")) setRoute({ name: "chat", initialMessage: text });
+      if (res.kind === "command") {
+        open2(res.name, res.arg);
+        return;
+      }
+      const gate = homeGate(res.kind, access);
+      if (gate) warn(gate);
+      else setRoute({ name: "chat", initialMessage: res.kind === "skill" ? res.message : res.text });
     },
-    [open, matches, selected, needSession]
+    [commands, skills, matches, selected, navigated, open2, access, warn]
   );
-  const onComposerKey = useCallback6(
+  const onComposerKey = useCallback8(
     (input, key) => {
       if (key.ctrl && input === "c") return true;
       if (matches.length > 0 && (key.upArrow || key.downArrow)) {
         setPaletteIndex((i) => key.upArrow ? Math.max(0, i - 1) : Math.min(matches.length - 1, i + 1));
+        setNavigated(true);
         return true;
       }
       if (key.tab) {
-        if (matches.length > 0) {
-          const choice = matches[selected];
-          if (choice) dispatchEditor({ type: "set", value: `/${choice.name}` });
-        } else if (data.recent?.length) setFocus("recent");
+        const choice = matches[selected];
+        if (choice) dispatchEditor({ type: "set", value: `/${choice.name}${choice.usage || choice.skillId ? " " : ""}` });
+        else if (data.recent?.length && hasSession) setFocus("recent");
         return true;
       }
       if (key.escape) {
@@ -3201,9 +4474,9 @@ function Home(props) {
       }
       return false;
     },
-    [matches, selected, data.recent]
+    [matches, selected, data.recent, hasSession]
   );
-  useInput10(
+  useInput12(
     (input, key) => {
       if (!(key.ctrl && input === "c")) return;
       const now = Date.now();
@@ -3219,7 +4492,7 @@ function Home(props) {
   );
   switch (route.name) {
     case "chat":
-      return /* @__PURE__ */ jsx25(
+      return /* @__PURE__ */ jsx28(
         Chat,
         {
           services,
@@ -3227,42 +4500,48 @@ function Home(props) {
           companyId: props.companyId,
           threadId: route.threadId,
           initialMessage: route.initialMessage,
+          saveArtifacts,
           width,
           height,
           hostedByHome: true,
+          onAccountChange: (change) => applyAccount(change, { stay: !change.signedOut }),
           onExit: (reason) => reason === "home" ? goHome() : onExit()
-        }
+        },
+        accountIdentity(services)
       );
     case "tools":
-      if (route.tools) return /* @__PURE__ */ jsx25(ToolBrowser, { tools: route.tools, services, width, height, onExit: goHome });
-      return /* @__PURE__ */ jsxs22(Box24, { flexDirection: "column", width, children: [
-        route.error ? /* @__PURE__ */ jsx25(Text24, { children: theme.error(`${theme.symbols.error} ${route.error}`) }) : /* @__PURE__ */ jsx25(Working, { label: "Loading tools\u2026", since: route.since }),
-        /* @__PURE__ */ jsx25(BackKeys, { onBack: goHome })
+      if (route.tools) return /* @__PURE__ */ jsx28(ToolBrowser, { tools: route.tools, services, width, height, onExit: goHome });
+      return /* @__PURE__ */ jsxs23(Box26, { flexDirection: "column", width, children: [
+        route.error ? /* @__PURE__ */ jsx28(Text26, { children: theme.error(`${theme.symbols.error} ${route.error}`) }) : /* @__PURE__ */ jsx28(Working, { label: "Loading tools\u2026", since: route.since }),
+        /* @__PURE__ */ jsx28(KeyHints, { width, hints: [{ key: "esc", label: "back" }] }),
+        /* @__PURE__ */ jsx28(BackKeys, { onBack: goHome })
       ] });
     case "approvals":
-      return /* @__PURE__ */ jsx25(Approvals, { services, width, height, onExit: goHome });
+      return /* @__PURE__ */ jsx28(Approvals, { services, width, height, onExit: goHome });
     case "status":
-      return /* @__PURE__ */ jsxs22(Box24, { flexDirection: "column", width, children: [
-        /* @__PURE__ */ jsx25(Text24, { children: theme.bold("Status") }),
-        /* @__PURE__ */ jsx25(Box24, { marginTop: 1, flexDirection: "column", children: route.rows ? /* @__PURE__ */ jsx25(KeyValue, { rows: route.rows, width }) : route.error ? /* @__PURE__ */ jsx25(Text24, { children: theme.error(`${theme.symbols.error} ${route.error}`) }) : /* @__PURE__ */ jsx25(Working, { label: "Checking\u2026", since: route.since }) }),
-        /* @__PURE__ */ jsx25(Box24, { marginTop: 1, children: /* @__PURE__ */ jsx25(KeyHints, { width, hints: [{ key: "q", label: "back" }] }) }),
-        /* @__PURE__ */ jsx25(BackKeys, { onBack: goHome })
+      return /* @__PURE__ */ jsxs23(Box26, { flexDirection: "column", width, children: [
+        /* @__PURE__ */ jsx28(Text26, { children: theme.bold("Status") }),
+        /* @__PURE__ */ jsx28(Box26, { marginTop: 1, flexDirection: "column", children: route.rows ? /* @__PURE__ */ jsx28(KeyValue, { rows: route.rows, width }) : route.error ? /* @__PURE__ */ jsx28(Text26, { children: theme.error(`${theme.symbols.error} ${route.error}`) }) : /* @__PURE__ */ jsx28(Working, { label: "Checking\u2026", since: route.since }) }),
+        /* @__PURE__ */ jsx28(Box26, { marginTop: 1, children: /* @__PURE__ */ jsx28(KeyHints, { width, hints: [{ key: "q", label: "back" }] }) }),
+        /* @__PURE__ */ jsx28(BackKeys, { onBack: goHome })
       ] });
     case "help":
-      return /* @__PURE__ */ jsxs22(Box24, { flexDirection: "column", width, children: [
-        /* @__PURE__ */ jsx25(Text24, { children: theme.bold("Keys and commands") }),
-        /* @__PURE__ */ jsx25(Box24, { marginTop: 1, children: /* @__PURE__ */ jsx25(KeyValue, { rows: HOME_HELP_ROWS.map(([label, value]) => ({ label, value })), width }) }),
-        /* @__PURE__ */ jsx25(Box24, { marginTop: 1, children: /* @__PURE__ */ jsx25(KeyHints, { width, hints: [{ key: "q", label: "back" }] }) }),
-        /* @__PURE__ */ jsx25(BackKeys, { onBack: goHome })
+      return /* @__PURE__ */ jsxs23(Box26, { flexDirection: "column", width, children: [
+        /* @__PURE__ */ jsx28(Text26, { children: theme.bold("Keys and commands") }),
+        /* @__PURE__ */ jsx28(Box26, { marginTop: 1, children: /* @__PURE__ */ jsx28(KeyValue, { rows: HOME_HELP_ROWS.map(([label, value]) => ({ label, value })), width }) }),
+        /* @__PURE__ */ jsx28(Box26, { marginTop: 1, children: /* @__PURE__ */ jsx28(KeyHints, { width, hints: [{ key: "q", label: "back" }] }) }),
+        /* @__PURE__ */ jsx28(BackKeys, { onBack: goHome })
       ] });
     default:
-      return /* @__PURE__ */ jsx25(
+      return /* @__PURE__ */ jsx28(
         HomeView,
         {
           services,
           data,
           commands,
           matches,
+          paletteOpen: view.open,
+          paletteFooter: view.footer,
           paletteIndex: selected,
           editor,
           dispatchEditor,
@@ -3274,6 +4553,7 @@ function Home(props) {
             setRoute({ name: "chat", threadId: id });
           },
           onRecentCancel: () => setFocus("composer"),
+          modal: login ? /* @__PURE__ */ jsx28(LoginPanel, { services, start: login, width, onDone: onLoginDone }) : null,
           notice,
           width,
           height
@@ -3282,83 +4562,8 @@ function Home(props) {
   }
 }
 
-// src/ui/services.ts
-function hostOf2(url) {
-  try {
-    return new URL(url).host;
-  } catch {
-    return url;
-  }
-}
-function createUiServices(ctx) {
-  const creds = ctx.api.credentials ?? ctx.credentials;
-  const cached = readCachedCatalog(ctx.profile, creds);
-  return {
-    version: CLI_VERSION,
-    profileName: ctx.profile.name,
-    apiHost: hostOf2(ctx.profile.apiUrl),
-    account: {
-      name: creds?.user?.name ?? null,
-      email: creds?.user?.email ?? null,
-      signedIn: Boolean(creds?.accessToken || creds?.mcpToken),
-      hasSession: Boolean(creds?.accessToken),
-      userId: creds?.user?.id
-    },
-    cachedToolCount: cached ? cached.tools.filter((t) => !t.hidden).length : null,
-    async loadPlan() {
-      if (!creds?.accessToken) return null;
-      const state = await ctx.api.json("/api/subscription/state");
-      return state?.snapshot?.tier ?? null;
-    },
-    async loadPendingApprovals() {
-      const state = await getMcpAccessState(ctx.api);
-      return state?.pendingApprovals ?? [];
-    },
-    listThreads: (scope) => listThreads(ctx, scope),
-    listModels: (scope) => listModels(ctx, scope),
-    getThreadMessages: (threadId, scope) => getThreadMessages(ctx, threadId, scope),
-    streamChat: (request, signal) => streamChat(ctx, request, { signal }),
-    decideApproval: (approvalId, decision, scope) => decision === "approve" ? confirmApproval(ctx, approvalId, scope) : rejectApproval(ctx, approvalId, scope),
-    async listTools(opts) {
-      const session = await ctx.mcp();
-      return session.listTools(opts);
-    },
-    async callTool(toolId, input, opts) {
-      const session = await ctx.mcp();
-      const started = Date.now();
-      const result = await session.callTool(toolId, input, opts);
-      return { ...result, durationMs: Date.now() - started };
-    },
-    capabilityPrefs: loadCapabilityPrefs(ctx.profile.name),
-    saveCapabilityPrefs: (capabilities) => saveCapabilityPrefs(ctx.profile.name, capabilities),
-    loadCapabilities: () => ctx.api.json("/api/agent/capabilities"),
-    getArtifact: (artifactId) => getArtifact(ctx.api, artifactId),
-    async artifactPreviewUrl(artifactId, kind) {
-      return (await previewUrl(ctx.api, artifactId, { variant: previewVariantFor(kind) })).url;
-    },
-    hyperlinks: supportsHyperlinks(),
-    async loadStatus() {
-      const { collectStatus } = await import("./status-I5UAQPBY.js");
-      const report = await collectStatus(ctx);
-      const who = report.user ? report.user.name ? `${report.user.name} <${report.user.email}>` : report.user.email : "not signed in";
-      const rows = [
-        ["Profile", `${report.profile.name} (${report.profile.source})`],
-        ["API", report.profile.apiUrl],
-        ["Account", who],
-        ["Plan", report.plan],
-        ["Session", report.session ? `${report.session.token}${report.session.refreshable ? " \xB7 auto-refresh" : ""}` : null],
-        ["Tools via", report.mcp?.label],
-        ["Approvals", report.pendingApprovals === null ? null : `${report.pendingApprovals} pending`],
-        ["Catalog", report.catalog ? `${report.catalog.tools} tools${report.catalog.fresh ? "" : " (stale)"}` : null],
-        ...report.problems.map((p) => ["Problem", p])
-      ];
-      return rows.filter((r) => Boolean(r[1])).map(([label, value]) => ({ label, value }));
-    }
-  };
-}
-
 // src/ui/entry.tsx
-import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
 function unwrap(outcome) {
   if (outcome.status === "interrupted") throw interruptedError();
   return outcome.value;
@@ -3366,7 +4571,7 @@ function unwrap(outcome) {
 async function runBrowseTools(ctx, tools, options) {
   const services = createUiServices(ctx);
   unwrap(
-    await renderScreen("The tool browser", ({ finish, width, height }) => /* @__PURE__ */ jsx26(
+    await renderScreen("The tool browser", ({ finish, width, height }) => /* @__PURE__ */ jsx29(
       ToolBrowser,
       {
         tools,
@@ -3384,23 +4589,23 @@ async function runToolForm(_ctx, tool, initial, options) {
   const skip = autoFilledProperties(tool, tool.inputSchema);
   const state = createFormState(tool.inputSchema, initial, { skip, missingRequired: options.missingRequired });
   return unwrap(
-    await renderScreen("The input form", ({ finish, width, height }) => /* @__PURE__ */ jsxs23(Box25, { flexDirection: "column", width, children: [
-      /* @__PURE__ */ jsxs23(Box25, { flexDirection: "column", marginBottom: 1, children: [
-        /* @__PURE__ */ jsxs23(Text25, { wrap: "truncate-end", children: [
+    await renderScreen("The input form", ({ finish, width, height }) => /* @__PURE__ */ jsxs24(Box27, { flexDirection: "column", width, children: [
+      /* @__PURE__ */ jsxs24(Box27, { flexDirection: "column", marginBottom: 1, children: [
+        /* @__PURE__ */ jsxs24(Text27, { wrap: "truncate-end", children: [
           theme.bold(toolLabel(tool)),
           " ",
           theme.dim(`${theme.symbols.middot} ${oneLine(tool.title)}`)
         ] }),
-        options.missingRequired.length ? /* @__PURE__ */ jsx26(Text25, { wrap: "truncate-end", children: theme.dim(`Missing: ${options.missingRequired.join(", ")}`) }) : null
+        options.missingRequired.length ? /* @__PURE__ */ jsx29(Text27, { wrap: "truncate-end", children: theme.dim(`Missing: ${options.missingRequired.join(", ")}`) }) : null
       ] }),
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx29(
         Form,
         {
           initial: state,
           width,
           height: Math.max(3, height - 5),
           isActive: true,
-          onSubmit: (input) => finish(input, /* @__PURE__ */ jsx26(Text25, { wrap: "truncate-end", children: theme.dim(`${theme.symbols.pointer} ${equivalentCommand(tool, input, skip)}`) })),
+          onSubmit: (input) => finish(input, /* @__PURE__ */ jsx29(Text27, { wrap: "truncate-end", children: theme.dim(`${theme.symbols.pointer} ${equivalentCommand(tool, input, skip)}`) })),
           onCancel: () => finish(null)
         }
       )
@@ -3411,7 +4616,7 @@ async function runApprovalPrompt(ctx, approval) {
   const shownAt = Date.now();
   const title = sentenceCase(approval.toolName || "this action");
   return unwrap(
-    await renderScreen("The approval prompt", ({ finish, width }) => /* @__PURE__ */ jsx26(
+    await renderScreen("The approval prompt", ({ finish, width }) => /* @__PURE__ */ jsx29(
       ApprovalCard,
       {
         approvalId: approval.approvalId,
@@ -3422,21 +4627,21 @@ async function runApprovalPrompt(ctx, approval) {
         context: `Writes to your account ${theme.symbols.middot} profile ${ctx.profile.name}`,
         isActive: true,
         width,
-        onDecision: (decision) => finish(decision, /* @__PURE__ */ jsx26(Text25, { children: approvalOutcomeText(decision, title, approval.approvalId, Date.now() - shownAt) }))
+        onDecision: (decision) => finish(decision, /* @__PURE__ */ jsx29(Text27, { children: approvalOutcomeText(decision, title, approval.approvalId, Date.now() - shownAt) }))
       }
     ))
   );
 }
 function PrintOnce({ children, onPrinted }) {
   const { columns } = useTerminalSize();
-  useEffect9(() => {
+  useEffect12(() => {
     onPrinted();
   }, [onPrinted]);
-  return /* @__PURE__ */ jsx26(Static2, { items: ["once"], children: (key) => /* @__PURE__ */ jsx26(Page, { columns, children }, key) });
+  return /* @__PURE__ */ jsx29(Static2, { items: ["once"], children: (key) => /* @__PURE__ */ jsx29(Page, { columns, children }, key) });
 }
 async function runShowResult(_ctx, tool, result, meta) {
   unwrap(
-    await renderScreen("The result panel", ({ finish, width, height }) => /* @__PURE__ */ jsx26(PrintOnce, { onPrinted: () => finish(void 0), children: /* @__PURE__ */ jsx26(
+    await renderScreen("The result panel", ({ finish, width, height }) => /* @__PURE__ */ jsx29(PrintOnce, { onPrinted: () => finish(void 0), children: /* @__PURE__ */ jsx29(
       ResultPanel,
       {
         title: toolLabel(tool),
@@ -3452,35 +4657,83 @@ async function runShowResult(_ctx, tool, result, meta) {
 }
 async function runHome(ctx, opts = {}) {
   const services = createUiServices(ctx);
-  await renderScreen(
-    "The home screen",
-    ({ finish, width, height }) => /* @__PURE__ */ jsx26(Home, { services, width, height, mode: opts.mode, companyId: opts.companyId, onExit: () => finish(void 0) }),
-    { ctrlC: "screen" }
-  );
+  try {
+    await renderScreen(
+      "The home screen",
+      ({ finish, width, height }) => /* @__PURE__ */ jsx29(
+        Home,
+        {
+          services,
+          width,
+          height,
+          mode: opts.mode,
+          companyId: opts.companyId,
+          saveArtifacts: opts.saveArtifacts,
+          onExit: () => finish(void 0)
+        }
+      ),
+      { ctrlC: "screen" }
+    );
+  } finally {
+    await closeUiContexts();
+  }
 }
-async function runChat(ctx, opts) {
-  const services = createUiServices(ctx);
-  await renderScreen(
-    "Chat",
-    ({ finish, width, height }) => /* @__PURE__ */ jsx26(
-      Chat,
+function ChatHost(props) {
+  const [services, setServices] = useState11(props.services);
+  const [signedOut, setSignedOut] = useState11(null);
+  const [sessionGeneration, setSessionGeneration] = useState11(0);
+  if (signedOut) {
+    return /* @__PURE__ */ jsx29(
+      Home,
       {
         services,
-        mode: opts.mode,
-        companyId: opts.companyId,
-        threadId: opts.threadId,
-        modelId: opts.modelId,
-        initialMessage: opts.message,
-        capabilities: opts.capabilities,
-        width,
-        height,
-        onExit: () => finish(void 0)
+        width: props.width,
+        height: props.height,
+        mode: props.mode,
+        companyId: props.companyId,
+        saveArtifacts: props.saveArtifacts,
+        initialNotice: accountNotice(signedOut),
+        onExit: props.onExit
       }
-    ),
-    { ctrlC: "screen" }
+    );
+  }
+  return /* @__PURE__ */ jsx29(
+    Chat,
+    {
+      services,
+      mode: props.mode,
+      companyId: props.companyId,
+      threadId: sessionGeneration === 0 ? props.threadId : void 0,
+      modelId: props.modelId,
+      initialMessage: sessionGeneration === 0 ? props.message : void 0,
+      capabilities: props.capabilities,
+      saveArtifacts: props.saveArtifacts,
+      width: props.width,
+      height: props.height,
+      onAccountChange: (change) => {
+        if (accountIdentity(services) !== accountIdentity(change.services)) setSessionGeneration((generation) => generation + 1);
+        setServices(change.services);
+        if (change.signedOut) setSignedOut(change);
+      },
+      onExit: () => props.onExit()
+    },
+    sessionGeneration
   );
 }
+async function runChat(ctx, opts) {
+  const services = createUiServices(ctx);
+  try {
+    await renderScreen(
+      "Chat",
+      ({ finish, width, height }) => /* @__PURE__ */ jsx29(ChatHost, { ...opts, services, width, height, onExit: () => finish(void 0) }),
+      { ctrlC: "screen" }
+    );
+  } finally {
+    await closeUiContexts();
+  }
+}
 export {
+  ChatHost,
   PrintOnce,
   runApprovalPrompt,
   runBrowseTools,
@@ -3489,4 +4742,4 @@ export {
   runShowResult,
   runToolForm
 };
-//# sourceMappingURL=entry-WENOOT6W.js.map
+//# sourceMappingURL=entry-ZAXWZSEE.js.map