@dmrlzz/davecode 0.3.0 → 0.5.0

package/dist/{ChatApp-FO5SABXB.js → ChatApp-CJBICQGA.js}

@@ -1,35 +1,37 @@
+import {
+  formatTaskTree,
+  summaryLine
+} from "./chunk-AZKACMME.js";
+import {
+  brandBanner
+} from "./chunk-JLATEHS7.js";
 import {
   Spinner
-} from "./chunk-BOLFK3BH.js";
+} from "./chunk-5LKOJBUL.js";
 import {
   ThemeProvider,
   useTheme
-} from "./chunk-OXRMGR72.js";
-import {
-  formatTaskTree,
-  summaryLine
-} from "./chunk-23KTE7IK.js";
+} from "./chunk-PGPXE6LF.js";
 import {
   emptyUsage,
   renderAccounts
-} from "./chunk-MSLLH5XP.js";
+} from "./chunk-PGAJIGUF.js";
 import {
   bar,
-  formatDuration,
   formatTokens,
   levelStyle,
   padEnd,
   percent,
   visibleWidth
 } from "./chunk-SF5ZEAP4.js";
-import "./chunk-DYQ56FBT.js";
-import "./chunk-VVCXGQMY.js";
-import "./chunk-PIIJ3RSI.js";
+import "./chunk-QA3O6RA2.js";
+import "./chunk-FYPMA55O.js";
 import "./chunk-7XVXEO7U.js";
-import "./chunk-C7FDRA3U.js";
+import "./chunk-HSBJDV3O.js";
+import "./chunk-MC7RIPL7.js";
 
 // src/tui/ChatApp.tsx
-import { Box as Box4, Static, useApp, useInput, usePaste, useStdout, useWindowSize } from "ink";
+import { Box as Box5, Static, useApp, useInput, usePaste, useStdout, useWindowSize } from "ink";
 import { useCallback, useEffect, useReducer, useRef, useState } from "react";
 
 // src/tui/chat-state.ts
@@ -327,55 +329,95 @@ function InputBox({
     }
   );
 }
-function SlashHints({ commands, width }) {
+function SlashHints({
+  commands,
+  width,
+  selected = 0
+}) {
   const theme = useTheme();
   if (commands.length === 0) return null;
   const nameWidth = Math.max(...commands.map((c) => c.name.length + (c.args ? c.args.length + 1 : 0))) + 3;
-  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", paddingX: 2, width, children: commands.map((c, i) => /* @__PURE__ */ jsxs(Text, { wrap: "truncate-end", children: [
-    /* @__PURE__ */ jsx(Text, { color: i === 0 ? theme.ink.accent : void 0, children: `/${c.name}${c.args ? ` ${c.args}` : ""}`.padEnd(nameWidth) }),
-    /* @__PURE__ */ jsx(Text, { dimColor: theme.ink.dim, children: c.description })
-  ] }, c.name)) });
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", paddingX: 1, width, children: commands.map((c, i) => {
+    const active = i === selected;
+    return /* @__PURE__ */ jsxs(Text, { wrap: "truncate-end", children: [
+      /* @__PURE__ */ jsx(Text, { bold: active, dimColor: !active && theme.ink.dim, children: `${active ? theme.glyph.prompt : " "} ${`/${c.name}${c.args ? ` ${c.args}` : ""}`.padEnd(nameWidth)}` }),
+      /* @__PURE__ */ jsx(Text, { dimColor: theme.ink.dim, children: c.description })
+    ] }, c.name);
+  }) });
 }
 
-// src/tui/components/StatusLine.tsx
+// src/tui/components/Picker.tsx
 import { Box as Box2, Text as Text2 } from "ink";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function Picker({
+  title,
+  options,
+  index
+}) {
+  const theme = useTheme();
+  const numbered = options.length <= 9;
+  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", marginTop: 1, children: [
+    /* @__PURE__ */ jsx2(Text2, { bold: true, children: title }),
+    options.map((option, i) => {
+      const on = i === index;
+      return /* @__PURE__ */ jsxs2(Text2, { dimColor: !on && theme.ink.dim, children: [
+        on ? "\u203A " : "  ",
+        numbered ? `${i + 1}. ` : "",
+        /* @__PURE__ */ jsx2(Text2, { bold: on, children: option.label }),
+        option.hint ? /* @__PURE__ */ jsxs2(Text2, { dimColor: theme.ink.dim, children: [
+          " ",
+          option.hint
+        ] }) : null
+      ] }, option.value);
+    }),
+    /* @__PURE__ */ jsxs2(Text2, { dimColor: theme.ink.dim, children: [
+      "\u2191\u2193 select \xB7 enter choose",
+      numbered ? " \xB7 1-9" : "",
+      " \xB7 esc cancel"
+    ] })
+  ] });
+}
+
+// src/tui/components/StatusLine.tsx
+import { Box as Box3, Text as Text3 } from "ink";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function statusSegments(theme, state, info, width) {
   const sep = theme.dim(" \xB7 ");
-  const left2 = [theme.accent(state.model)];
+  const left2 = [[9, theme.accent(state.model)]];
   if (state.lastAccount) {
     const name = state.lastAccount.label ?? state.lastAccount.id;
-    left2.push(
+    left2.push([
+      8,
       `${name}${state.lastAccount.provider ? theme.dim(` (${state.lastAccount.provider})`) : ""}`
-    );
+    ]);
+  }
+  if (state.totalFailovers > 0) {
+    left2.push([7, theme.warn(`${state.lastFailovers}/${state.totalFailovers} failovers`)]);
+  }
+  if (state.tokens.prompt + state.tokens.completion > 0) {
+    const arrows = theme.unicode ? ["\u2191", "\u2193"] : ["in", "out"];
+    left2.push([
+      5,
+      theme.dim(
+        `${formatTokens(state.tokens.prompt)}${arrows[0]} ${formatTokens(state.tokens.completion)}${arrows[1]}`
+      )
+    ]);
   }
-  const failovers = state.totalFailovers > 0 ? theme.warn(`${state.lastFailovers}/${state.totalFailovers} failovers`) : theme.dim("0 failovers");
-  left2.push(failovers);
-  const arrows = theme.unicode ? ["\u2191", "\u2193"] : ["in", "out"];
-  left2.push(
-    theme.dim(
-      `${formatTokens(state.tokens.prompt)}${arrows[0]} ${formatTokens(state.tokens.completion)}${arrows[1]}`
-    )
-  );
   if (state.quota5h !== void 0) {
-    left2.push(
+    left2.push([
+      6,
       `${theme.dim("5h")} ${bar(theme, state.quota5h, 6)} ${levelStyle(theme, state.quota5h)(percent(state.quota5h))}`
-    );
+    ]);
   }
-  const dot = theme.glyph.dot;
-  let right2;
+  let right2 = "";
   if (info.notice) right2 = theme.warn(info.notice);
-  else if (state.connection === "online") {
-    right2 = `${theme.ok(dot)} ${theme.dim(info.inProcess ? `${info.where}` : "connected")}`;
-  } else if (state.connection === "connecting") right2 = theme.dim(`${dot} connecting`);
-  else right2 = theme.error(`${dot} offline`);
-  const priorities = [0, 1, 2, 4, 3];
-  let kept = left2.map((_, i) => i);
-  const render = () => kept.map((i) => left2[i]).join(sep);
+  else if (state.connection === "connecting") right2 = theme.dim("connecting");
+  else if (state.connection === "offline") right2 = theme.error("offline");
+  let kept = left2;
+  const render = () => kept.map(([, text]) => text).join(sep);
   while (kept.length > 1 && visibleWidth(render()) + visibleWidth(right2) + 2 > width) {
-    const drop = [...priorities].reverse().find((p) => kept.includes(p) && p !== 0);
-    if (drop === void 0) break;
-    kept = kept.filter((i) => i !== drop);
+    const lowest = Math.min(...kept.map(([p]) => p));
+    kept = kept.filter(([p]) => p !== lowest);
   }
   return { left: render(), right: right2 };
 }
@@ -386,15 +428,15 @@ function StatusLine({
 }) {
   const theme = useTheme();
   const { left: left2, right: right2 } = statusSegments(theme, state, info, width - 2);
-  return /* @__PURE__ */ jsxs2(Box2, { width, justifyContent: "space-between", paddingX: 1, children: [
-    /* @__PURE__ */ jsx2(Text2, { wrap: "truncate-end", children: left2 }),
-    /* @__PURE__ */ jsx2(Text2, { wrap: "truncate-start", children: right2 })
+  return /* @__PURE__ */ jsxs3(Box3, { width, justifyContent: "space-between", paddingX: 1, children: [
+    /* @__PURE__ */ jsx3(Text3, { wrap: "truncate-end", children: left2 }),
+    /* @__PURE__ */ jsx3(Text3, { wrap: "truncate-start", children: right2 })
   ] });
 }
 
 // src/tui/components/Transcript.tsx
-import { Box as Box3, Text as Text3 } from "ink";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Box as Box4, Text as Text4 } from "ink";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function metaLine(meta) {
   const parts = [];
   if (meta.accountLabel ?? meta.accountId) {
@@ -409,46 +451,46 @@ function metaLine(meta) {
   return parts.join(" \xB7 ");
 }
 function Marker({ color, glyph }) {
-  return /* @__PURE__ */ jsx3(Box3, { width: 2, flexShrink: 0, children: /* @__PURE__ */ jsx3(Text3, { color, children: glyph }) });
+  return /* @__PURE__ */ jsx4(Box4, { width: 2, flexShrink: 0, children: /* @__PURE__ */ jsx4(Text4, { color, children: glyph }) });
 }
 function EntryView({ entry }) {
   const theme = useTheme();
   switch (entry.kind) {
     case "banner":
-      return /* @__PURE__ */ jsx3(Box3, { marginBottom: 1, children: /* @__PURE__ */ jsx3(Text3, { children: entry.text }) });
+      return /* @__PURE__ */ jsx4(Box4, { marginBottom: 1, children: /* @__PURE__ */ jsx4(Text4, { children: entry.text }) });
     case "user":
-      return /* @__PURE__ */ jsxs3(Box3, { marginBottom: 1, children: [
-        /* @__PURE__ */ jsx3(Marker, { color: theme.ink.accent, glyph: theme.glyph.prompt }),
-        /* @__PURE__ */ jsx3(Text3, { dimColor: theme.ink.dim, children: entry.text })
+      return /* @__PURE__ */ jsxs4(Box4, { marginBottom: 1, children: [
+        /* @__PURE__ */ jsx4(Marker, { color: theme.ink.accent, glyph: theme.glyph.prompt }),
+        /* @__PURE__ */ jsx4(Text4, { dimColor: theme.ink.dim, children: entry.text })
       ] });
     case "assistant":
-      return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", marginBottom: 1, children: [
-        /* @__PURE__ */ jsxs3(Box3, { children: [
-          /* @__PURE__ */ jsx3(Marker, { color: theme.ink.accent, glyph: theme.glyph.dot }),
-          /* @__PURE__ */ jsx3(Text3, { children: entry.text || (entry.meta?.cancelled ? "(cancelled before any output)" : "") })
+      return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", marginBottom: 1, children: [
+        /* @__PURE__ */ jsxs4(Box4, { children: [
+          /* @__PURE__ */ jsx4(Marker, { color: theme.ink.accent, glyph: theme.glyph.dot }),
+          /* @__PURE__ */ jsx4(Text4, { children: entry.text || (entry.meta?.cancelled ? "(cancelled before any output)" : "") })
         ] }),
-        entry.meta ? /* @__PURE__ */ jsx3(Box3, { paddingLeft: 2, children: /* @__PURE__ */ jsx3(Text3, { dimColor: theme.ink.dim, children: metaLine(entry.meta) }) }) : null
+        entry.meta ? /* @__PURE__ */ jsx4(Box4, { paddingLeft: 2, children: /* @__PURE__ */ jsx4(Text4, { dimColor: theme.ink.dim, children: metaLine(entry.meta) }) }) : null
       ] });
     case "error":
-      return /* @__PURE__ */ jsxs3(Box3, { marginBottom: 1, children: [
-        /* @__PURE__ */ jsx3(Marker, { color: theme.ink.error, glyph: theme.glyph.fail }),
-        /* @__PURE__ */ jsx3(Text3, { color: theme.ink.error, children: entry.text })
+      return /* @__PURE__ */ jsxs4(Box4, { marginBottom: 1, children: [
+        /* @__PURE__ */ jsx4(Marker, { color: theme.ink.error, glyph: theme.glyph.fail }),
+        /* @__PURE__ */ jsx4(Text4, { color: theme.ink.error, children: entry.text })
       ] });
     default:
-      return /* @__PURE__ */ jsx3(Box3, { marginBottom: 1, paddingLeft: 2, children: /* @__PURE__ */ jsx3(Text3, { children: entry.text }) });
+      return /* @__PURE__ */ jsx4(Box4, { marginBottom: 1, paddingLeft: 2, children: /* @__PURE__ */ jsx4(Text4, { children: entry.text }) });
   }
 }
 function StreamingView({ streaming, now }) {
   const theme = useTheme();
   const seconds = Math.max(0, (now - streaming.startedAt) / 1e3).toFixed(0);
-  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", marginBottom: 1, children: [
-    streaming.text ? /* @__PURE__ */ jsxs3(Box3, { children: [
-      /* @__PURE__ */ jsx3(Marker, { color: theme.ink.accent, glyph: theme.glyph.dot }),
-      /* @__PURE__ */ jsx3(Text3, { children: streaming.text })
+  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", marginBottom: 1, children: [
+    streaming.text ? /* @__PURE__ */ jsxs4(Box4, { children: [
+      /* @__PURE__ */ jsx4(Marker, { color: theme.ink.accent, glyph: theme.glyph.dot }),
+      /* @__PURE__ */ jsx4(Text4, { children: streaming.text })
     ] }) : null,
-    /* @__PURE__ */ jsxs3(Box3, { paddingLeft: streaming.text ? 2 : 0, children: [
-      /* @__PURE__ */ jsx3(Spinner, {}),
-      /* @__PURE__ */ jsxs3(Text3, { dimColor: theme.ink.dim, children: [
+    /* @__PURE__ */ jsxs4(Box4, { paddingLeft: streaming.text ? 2 : 0, children: [
+      /* @__PURE__ */ jsx4(Spinner, {}),
+      /* @__PURE__ */ jsxs4(Text4, { dimColor: theme.ink.dim, children: [
         " ",
         streaming.text ? "streaming" : "thinking",
         " ",
@@ -462,10 +504,17 @@ function StreamingView({ streaming, now }) {
 // src/tui/slash.ts
 var SLASH_COMMANDS = [
   { name: "model", args: "[id]", description: "show models or switch, e.g. /model davecode/auto" },
+  {
+    name: "connect",
+    description: "connect Claude Code, Codex or Antigravity, or sign in to one again"
+  },
   { name: "route", description: "routes and their failover targets" },
   { name: "accounts", description: "accounts with 5h quota usage" },
   { name: "tasks", description: "the project task graph" },
-  { name: "status", description: "gateway health and runner state" },
+  { name: "status", description: "model, agents and whether they are signed in" },
+  { name: "login", description: "sign in to your DaveCode account in the browser" },
+  { name: "logout", description: "sign out of your DaveCode account" },
+  { name: "account", description: "the signed-in DaveCode account" },
   { name: "clear", description: "clear the transcript and start a new conversation" },
   { name: "help", description: "commands and keyboard shortcuts", aliases: ["?"] },
   { name: "exit", description: "quit DaveCode", aliases: ["quit", "q"] }
@@ -487,16 +536,11 @@ function slashSuggestions(input) {
     (c) => c.name.startsWith(prefix) || c.aliases?.some((a) => a.startsWith(prefix) && prefix)
   );
 }
-function completeSlash(input) {
-  const [first] = slashSuggestions(input);
-  if (!first) return void 0;
-  return `/${first.name}${first.args ? " " : ""}`;
-}
 var KEY_HINTS = [
   ["Enter", "send"],
   ["Shift+Enter, Ctrl+J or \\ Enter", "new line"],
   ["\u2191 / \u2193", "move between lines, then through history"],
-  ["Tab", "complete a slash command"],
+  ["/", "command menu: \u2191 / \u2193 to choose, Enter to run, Tab to fill, Esc to close"],
   ["Esc", "cancel the response in flight"],
   ["Ctrl+U / Ctrl+K / Ctrl+W", "delete to line start / line end / previous word"],
   ["Ctrl+C twice", "exit"]
@@ -575,49 +619,72 @@ async function tasksText(theme, backend, columns) {
     ...formatTaskTree(theme, graph, { width: columns })
   ].join("\n");
 }
-async function statusText(theme, backend) {
+async function statusText(theme, backend, model) {
   const health = await backend.health();
-  if (!health) return theme.error(`Gateway at ${backend.url} is not answering.`);
-  const runner = await backend.runner().catch(() => void 0);
-  const flags = Object.entries(health.experimental).filter(([, on]) => on).map(([k]) => k);
-  return [
-    `${theme.ok(theme.glyph.dot)} ${backend.url}${backend.inProcess ? theme.dim(" (in-process)") : ""}  ${theme.dim(`v${health.version} \xB7 up ${formatDuration(health.uptimeSec)}`)}`,
-    `${theme.dim("runner")}       ${runner ? runner.state : "unknown"}${runner?.taskId ? theme.dim(` \xB7 ${runner.taskId}`) : ""}`,
-    `${theme.dim("experimental")} ${flags.length > 0 ? theme.warn(flags.join(", ")) : "none"}`
-  ].join("\n");
+  if (!health) return theme.error("DaveCode is not answering. Restart it with davecode.");
+  const [accounts, runner] = await Promise.all([
+    backend.accounts(),
+    backend.runner().catch(() => void 0)
+  ]);
+  const state = (status) => status === "error" ? theme.error("needs sign-in \xB7 /connect") : status === "cooldown" ? theme.warn("cooling down") : status === "disabled" ? theme.dim("off") : theme.ok("ready");
+  const lines2 = [`${theme.dim("model ")}  ${model}`];
+  if (accounts.length === 0) lines2.push(`${theme.dim("agents")}  none yet \xB7 /connect`);
+  for (const [i, account] of accounts.entries()) {
+    lines2.push(
+      `${theme.dim(i === 0 ? "agents" : "      ")}  ${account.label}  ${state(account.status)}`
+    );
+  }
+  lines2.push(`${theme.dim("runner")}  ${runner ? runner.state : "unknown"}`);
+  return lines2.join("\n");
 }
 
 // src/tui/ChatApp.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var PLACEHOLDER = "Ask anything \xB7 / for commands \xB7 Shift+Enter or Ctrl+J for a new line";
+import { Fragment, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var PLACEHOLDER = "Ask anything, or type / for commands";
 var EXIT_WINDOW_MS = 2e3;
 function errorText(err) {
   return err instanceof Error ? err.message : String(err);
 }
-function Chat({ backend, model, version, pollMs = 1e4, now = Date.now }) {
+function Chat({
+  backend,
+  model,
+  version,
+  project,
+  account,
+  connect,
+  pollMs = 1e4,
+  now = Date.now
+}) {
   const theme = useTheme();
   const { exit } = useApp();
   const { write } = useStdout();
   const { columns } = useWindowSize();
   const width = Math.max(20, columns);
+  const widthRef = useRef(width);
+  widthRef.current = width;
   const [state, dispatch] = useReducer(chatReducer, model, initialChatState);
   const [editor, setEditor] = useState(emptyEditor);
   const [historyIndex, setHistoryIndex] = useState();
   const [notice, setNotice] = useState();
   const [clock, setClock] = useState(now());
+  const [slashIndex, setSlashIndex] = useState(0);
+  const [picker, setPicker] = useState();
   const abortRef = useRef(void 0);
   const exitArmedAt = useRef(void 0);
   const labels = useRef(/* @__PURE__ */ new Map());
   const stateRef = useRef(state);
   stateRef.current = state;
   useEffect(() => {
-    const where = backend.inProcess ? `${backend.url} (in-process)` : backend.url;
     dispatch({
       type: "banner",
-      text: `${theme.bold(theme.accent("DaveCode"))} ${theme.dim(`v${version}`)}
-${theme.dim(
-        `model ${model} \xB7 gateway ${where} \xB7 /help for commands`
-      )}`
+      text: brandBanner(
+        theme,
+        [
+          `${theme.bold("DaveCode")} ${theme.dim(`v${version}`)}`,
+          ...project ? [theme.dim(project)] : []
+        ],
+        widthRef.current
+      ).join("\n")
     });
     let alive = true;
     const check = async () => {
@@ -635,7 +702,7 @@ ${theme.dim(
       clearInterval(timer);
       abortRef.current?.abort();
     };
-  }, [backend, model, pollMs, theme, version]);
+  }, [backend, pollMs, project, theme, version]);
   useEffect(() => {
     if (!state.streaming) return;
     const timer = setInterval(() => setClock(now()), 250);
@@ -663,11 +730,11 @@ ${theme.dim(
     [backend]
   );
   const send = useCallback(
-    async (text) => {
-      dispatch({ type: "user", text });
+    async (text2) => {
+      dispatch({ type: "user", text: text2 });
       const conversation = [
         ...stateRef.current.conversation,
-        { role: "user", content: text }
+        { role: "user", content: text2 }
       ];
       const controller = new AbortController();
       abortRef.current = controller;
@@ -706,14 +773,17 @@ ${theme.dim(
         } else {
           const status = err.status;
           if (status === 0) dispatch({ type: "connection", connection: "offline" });
-          dispatch({ type: "stream-end", now: now(), error: errorText(err) });
+          let text3 = errorText(err);
+          if (connect)
+            text3 = text3.replace(/Run: davecode accounts login \S+/, "Type /connect to sign in.");
+          dispatch({ type: "stream-end", now: now(), error: text3 });
         }
       } finally {
         if (abortRef.current === controller) abortRef.current = void 0;
       }
       if (accountId) void refreshQuota(accountId);
     },
-    [backend, now, refreshQuota]
+    [backend, connect, now, refreshQuota]
   );
   const runSlash = useCallback(
     async (input) => {
@@ -741,17 +811,55 @@ ${theme.dim(
             write("\x1B[2J\x1B[3J\x1B[H");
             dispatch({ type: "clear" });
             break;
-          case "model":
+          case "model": {
+            const choose = (id) => {
+              dispatch({ type: "set-model", model: id });
+              dispatch({ type: "info", text: `Model set to ${theme.accent(id)}` });
+            };
             if (args) {
-              dispatch({ type: "set-model", model: args });
-              dispatch({ type: "info", text: `Model set to ${theme.accent(args)}` });
-            } else {
+              choose(args);
+              break;
+            }
+            const ids = (await backend.models()).map((m) => m.id).sort(
+              (a, b) => Number(!a.startsWith("davecode/")) - Number(!b.startsWith("davecode/")) || a.localeCompare(b)
+            );
+            if (ids.length === 0) {
               dispatch({
                 type: "info",
                 text: await modelsText(theme, backend, stateRef.current.model)
               });
+              break;
             }
+            const current = stateRef.current.model;
+            setPicker({
+              title: "Choose a model",
+              options: ids.map((id) => ({
+                value: id,
+                label: id,
+                ...id === current ? { hint: "(current)" } : {}
+              })),
+              index: Math.max(0, ids.indexOf(current)),
+              pick: choose
+            });
             break;
+          }
+          case "connect": {
+            if (!connect) {
+              dispatch({ type: "info", text: "Connect agents with davecode accounts add." });
+              break;
+            }
+            setPicker({
+              title: "Connect an agent",
+              options: await connect.agents(),
+              index: 0,
+              pick: (provider) => {
+                abortRef.current?.abort();
+                connect.choose(provider);
+                exit();
+              }
+            });
+            break;
+          }
           case "route":
             dispatch({ type: "info", text: await routesText(theme, backend) });
             break;
@@ -765,22 +873,39 @@ ${theme.dim(
             dispatch({ type: "info", text: await tasksText(theme, backend, width - 4) });
             break;
           case "status":
-            dispatch({ type: "info", text: await statusText(theme, backend) });
+            dispatch({
+              type: "info",
+              text: await statusText(theme, backend, stateRef.current.model)
+            });
             break;
+          case "login":
+          case "logout":
+          case "account": {
+            if (!account) {
+              dispatch({
+                type: "info",
+                text: "DaveCode accounts are not available in this build."
+              });
+              break;
+            }
+            const text2 = command.name === "login" ? await account.login((note) => dispatch({ type: "info", text: theme.dim(note) })) : command.name === "logout" ? await account.logout() : await account.status();
+            dispatch({ type: "info", text: text2 });
+            break;
+          }
         }
       } catch (err) {
         dispatch({ type: "error", text: `/${command.name} failed: ${errorText(err)}` });
       }
     },
-    [backend, exit, theme, width, write]
+    [account, backend, connect, exit, theme, width, write]
   );
   const submit = useCallback(() => {
-    const text = textOf(editor).trim();
-    if (!text) return;
-    if (parseSlash(text).kind !== "none") {
+    const text2 = textOf(editor).trim();
+    if (!text2) return;
+    if (parseSlash(text2).kind !== "none") {
       setEditor(emptyEditor);
       setHistoryIndex(void 0);
-      void runSlash(text);
+      void runSlash(text2);
       return;
     }
     if (stateRef.current.streaming) {
@@ -789,7 +914,7 @@ ${theme.dim(
     }
     setEditor(emptyEditor);
     setHistoryIndex(void 0);
-    void send(text);
+    void send(text2);
   }, [editor, runSlash, send]);
   const recall = (direction) => {
     const { history } = stateRef.current;
@@ -814,6 +939,37 @@ ${theme.dim(
       return;
     }
     exitArmedAt.current = void 0;
+    if (picker) {
+      const count = picker.options.length;
+      const move = (index) => setPicker({ ...picker, index });
+      if (key.escape) return setPicker(void 0);
+      if (key.upArrow) return move((picker.index - 1 + count) % count);
+      if (key.downArrow) return move((picker.index + 1) % count);
+      const digit = count <= 9 && /^[1-9]$/.test(input) ? Number(input) - 1 : void 0;
+      if (key.return || digit !== void 0 && digit < count) {
+        const option = picker.options[digit ?? picker.index];
+        setPicker(void 0);
+        if (option) picker.pick(option.value);
+      }
+      return;
+    }
+    const menu = slashSuggestions(textOf(editor));
+    if (menu.length > 0) {
+      const selected = menu[Math.min(slashIndex, menu.length - 1)];
+      if (key.upArrow) return setSlashIndex((i) => (i - 1 + menu.length) % menu.length);
+      if (key.downArrow) return setSlashIndex((i) => (i + 1) % menu.length);
+      if (key.escape) return setEditor(emptyEditor);
+      if (key.tab) {
+        setEditor(fromText(`/${selected.name}${selected.args ? " " : ""}`));
+        return;
+      }
+      if (key.return && !key.shift && !key.meta) {
+        setEditor(emptyEditor);
+        setHistoryIndex(void 0);
+        void runSlash(`/${selected.name}`);
+        return;
+      }
+    }
     if (key.escape) {
       if (stateRef.current.streaming) abortRef.current?.abort();
       return;
@@ -828,11 +984,7 @@ ${theme.dim(
       else submit();
       return;
     }
-    if (key.tab) {
-      const completed = completeSlash(textOf(editor));
-      if (completed) setEditor(fromText(completed));
-      return;
-    }
+    if (key.tab) return;
     if (key.upArrow) {
       const moved = up(editor);
       if (moved) setEditor(moved);
@@ -861,33 +1013,33 @@ ${theme.dim(
     if (key.ctrl || key.meta || !input) return;
     setEditor((e) => insert(e, input));
   });
-  usePaste((text) => {
-    setEditor((e) => insert(e, text));
+  usePaste((text2) => {
+    setEditor((e) => insert(e, text2));
   });
-  const suggestions = slashSuggestions(textOf(editor));
-  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", width, children: [
-    /* @__PURE__ */ jsx4(Static, { items: state.entries, children: (entry) => /* @__PURE__ */ jsx4(EntryView, { entry }, entry.id) }, state.epoch),
-    state.streaming ? /* @__PURE__ */ jsx4(StreamingView, { streaming: state.streaming, now: clock }) : null,
-    /* @__PURE__ */ jsx4(InputBox, { editor, width, placeholder: PLACEHOLDER }),
-    /* @__PURE__ */ jsx4(SlashHints, { commands: suggestions, width }),
-    /* @__PURE__ */ jsx4(
-      StatusLine,
-      {
-        state,
-        width,
-        info: {
-          where: backend.inProcess ? `in-process ${new URL(backend.url).port}` : backend.url,
-          inProcess: backend.inProcess,
-          ...notice ? { notice } : {}
+  const text = textOf(editor);
+  const suggestions = slashSuggestions(text);
+  useEffect(() => setSlashIndex(0), [text]);
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", width, children: [
+    /* @__PURE__ */ jsx5(Static, { items: state.entries, children: (entry) => /* @__PURE__ */ jsx5(EntryView, { entry }, entry.id) }, state.epoch),
+    state.streaming ? /* @__PURE__ */ jsx5(StreamingView, { streaming: state.streaming, now: clock }) : null,
+    picker ? /* @__PURE__ */ jsx5(Picker, { title: picker.title, options: picker.options, index: picker.index }) : /* @__PURE__ */ jsxs5(Fragment, { children: [
+      /* @__PURE__ */ jsx5(InputBox, { editor, width, placeholder: PLACEHOLDER }),
+      /* @__PURE__ */ jsx5(
+        SlashHints,
+        {
+          commands: suggestions,
+          width,
+          selected: Math.min(slashIndex, Math.max(0, suggestions.length - 1))
         }
-      }
-    )
+      )
+    ] }),
+    !picker && suggestions.length === 0 ? /* @__PURE__ */ jsx5(StatusLine, { state, width, info: notice ? { notice } : {} }) : null
   ] });
 }
 function ChatApp(props) {
-  return /* @__PURE__ */ jsx4(ThemeProvider, { theme: props.theme, children: /* @__PURE__ */ jsx4(Chat, { ...props }) });
+  return /* @__PURE__ */ jsx5(ThemeProvider, { theme: props.theme, children: /* @__PURE__ */ jsx5(Chat, { ...props }) });
 }
 export {
   ChatApp
 };
-//# sourceMappingURL=ChatApp-FO5SABXB.js.map
+//# sourceMappingURL=ChatApp-CJBICQGA.js.map