@l1nsn0w/dox 0.1.0 → 1.0.0

package/dox.js

@@ -2142,6 +2142,9 @@ var require_commander = __commonJS((exports) => {
   exports.InvalidOptionArgumentError = InvalidArgumentError;
 });
 
+// apps/cli/src/version.ts
+var VERSION = "v1.0.0", COMMIT = "8d424624ba1aa0d35c76bca365516cf3b7ec2a4e";
+
 // node_modules/.bun/sisteransi@1.0.5/node_modules/sisteransi/src/index.js
 var require_src = __commonJS((exports, module) => {
   var ESC = "\x1B";
@@ -10750,32 +10753,32 @@ It can also happen if the client has a browser extension installed which messes
       var fiber = workInProgress2.child;
       fiber !== null && (fiber.return = workInProgress2);
       for (;fiber !== null; ) {
-        var list3 = fiber.dependencies;
-        if (list3 !== null) {
+        var list4 = fiber.dependencies;
+        if (list4 !== null) {
           var nextFiber = fiber.child;
-          list3 = list3.firstContext;
+          list4 = list4.firstContext;
           a:
-            for (;list3 !== null; ) {
-              var dependency = list3;
-              list3 = fiber;
+            for (;list4 !== null; ) {
+              var dependency = list4;
+              list4 = fiber;
               for (var i = 0;i < contexts.length; i++)
                 if (dependency.context === contexts[i]) {
-                  list3.lanes |= renderLanes2;
-                  dependency = list3.alternate;
+                  list4.lanes |= renderLanes2;
+                  dependency = list4.alternate;
                   dependency !== null && (dependency.lanes |= renderLanes2);
-                  scheduleContextWorkOnParentPath(list3.return, renderLanes2, workInProgress2);
+                  scheduleContextWorkOnParentPath(list4.return, renderLanes2, workInProgress2);
                   forcePropagateEntireTree || (nextFiber = null);
                   break a;
                 }
-              list3 = dependency.next;
+              list4 = dependency.next;
             }
         } else if (fiber.tag === 18) {
           nextFiber = fiber.return;
           if (nextFiber === null)
             throw Error("We just came from a parent so we must have had a parent. This is a bug in React.");
           nextFiber.lanes |= renderLanes2;
-          list3 = nextFiber.alternate;
-          list3 !== null && (list3.lanes |= renderLanes2);
+          list4 = nextFiber.alternate;
+          list4 !== null && (list4.lanes |= renderLanes2);
           scheduleContextWorkOnParentPath(nextFiber, renderLanes2, workInProgress2);
           nextFiber = null;
         } else
@@ -21247,15 +21250,15 @@ var require_constants2 = __commonJS((exports, module) => {
 var require_buffer_util = __commonJS((exports, module) => {
   var { EMPTY_BUFFER } = require_constants2();
   var FastBuffer = Buffer[Symbol.species];
-  function concat2(list3, totalLength) {
-    if (list3.length === 0)
+  function concat2(list4, totalLength) {
+    if (list4.length === 0)
       return EMPTY_BUFFER;
-    if (list3.length === 1)
-      return list3[0];
+    if (list4.length === 1)
+      return list4[0];
     const target = Buffer.allocUnsafe(totalLength);
     let offset = 0;
-    for (let i = 0;i < list3.length; i++) {
-      const buf = list3[i];
+    for (let i = 0;i < list4.length; i++) {
+      const buf = list4[i];
       target.set(buf, offset);
       offset += buf.length;
     }
@@ -22516,14 +22519,14 @@ var require_sender = __commonJS((exports, module) => {
       this._bufferedBytes += params[3][kByteLength];
       this._queue.push(params);
     }
-    sendFrame(list3, cb) {
-      if (list3.length === 2) {
+    sendFrame(list4, cb) {
+      if (list4.length === 2) {
         this._socket.cork();
-        this._socket.write(list3[0]);
-        this._socket.write(list3[1], cb);
+        this._socket.write(list4[0]);
+        this._socket.write(list4[1], cb);
         this._socket.uncork();
       } else {
-        this._socket.write(list3[0], cb);
+        this._socket.write(list4[0], cb);
       }
     }
   }
@@ -32049,10 +32052,33 @@ function useTerminalSize() {
   }, [stdout]);
   return size2;
 }
-var import_react65;
+function useSpinnerFrame(active, intervalMs = 80) {
+  const [i, setI] = import_react65.useState(0);
+  import_react65.useEffect(() => {
+    if (!active)
+      return;
+    const t = setInterval(() => setI((v2) => (v2 + 1) % SPINNER_FRAMES.length), intervalMs);
+    return () => clearInterval(t);
+  }, [active, intervalMs]);
+  return SPINNER_FRAMES[i] ?? SPINNER_FRAMES[0];
+}
+function useMinHold(value, holdMs = 400) {
+  const [held, setHeld] = import_react65.useState(value);
+  import_react65.useEffect(() => {
+    if (value) {
+      setHeld(true);
+      return;
+    }
+    const t = setTimeout(() => setHeld(false), holdMs);
+    return () => clearTimeout(t);
+  }, [value, holdMs]);
+  return held;
+}
+var import_react65, SPINNER_FRAMES;
 var init_hooks = __esm(async () => {
   await init_build2();
   import_react65 = __toESM(require_react(), 1);
+  SPINNER_FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
 });
 
 // apps/cli/src/tui/theme.ts
@@ -32812,111 +32838,160 @@ var init_ErrorAlert = __esm(async () => {
   jsx_dev_runtime6 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
-// apps/cli/src/tui/components/primitives/HelpOverlay.tsx
-function HelpOverlay() {
+// apps/cli/src/tui/components/views/help/HelpView.tsx
+function HelpView({ onClose }) {
+  const { cols, rows: totalRows } = useTerminalSize();
+  use_input_default((input, key) => {
+    if (input === "?" || key.escape || key.return)
+      onClose();
+  });
+  const cardWidth = Math.min(86, Math.max(60, cols - 4));
+  const cardRows = 17;
+  const topPad = Math.max(1, Math.floor((totalRows - cardRows - 3) / 2));
   return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
-    justifyContent: "center",
-    marginTop: 1,
-    children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
-      flexDirection: "column",
-      borderStyle: "round",
-      borderColor: color.accent,
-      paddingX: 2,
-      paddingY: 1,
-      width: 64,
-      children: [
-        /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
-          bold: true,
-          color: color.accent,
-          children: [
-            icon.brand,
-            " keybindings"
-          ]
-        }, undefined, true, undefined, this),
-        sections.map((s) => /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+    flexDirection: "column",
+    paddingX: 1,
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+        height: topPad
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+        justifyContent: "center",
+        children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
           flexDirection: "column",
-          marginTop: 1,
+          borderStyle: "round",
+          borderColor: color.accent,
+          paddingX: 2,
+          paddingY: 1,
+          width: cardWidth,
           children: [
             /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
-              color: color.muted,
-              children: s.title.toUpperCase()
-            }, undefined, false, undefined, this),
-            s.rows.map(([k3, l2]) => /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+              bold: true,
+              color: color.accent,
+              children: [
+                icon.brand,
+                " keybindings"
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+              marginTop: 1,
               children: [
                 /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
-                  width: 16,
-                  children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
-                    color: color.accent,
-                    children: [
-                      " ",
-                      k3
-                    ]
-                  }, undefined, true, undefined, this)
+                  flexDirection: "column",
+                  flexGrow: 1,
+                  flexBasis: 0,
+                  children: [
+                    /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Section, {
+                      title: "Navigate",
+                      rows: navigate
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Section, {
+                      title: "App",
+                      rows: app,
+                      marginTop: true
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this),
+                /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+                  width: 2
                 }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
-                  children: l2
+                /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+                  flexDirection: "column",
+                  flexGrow: 1,
+                  flexBasis: 0,
+                  children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Section, {
+                    title: "Act",
+                    rows: act
+                  }, undefined, false, undefined, this)
                 }, undefined, false, undefined, this)
               ]
-            }, k3, true, undefined, this))
+            }, undefined, true, undefined, this)
           ]
-        }, s.title, true, undefined, this)),
-        /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
-          marginTop: 1,
-          children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
-            color: color.muted,
-            children: "press ? or esc to close"
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Footer, {
+        mode: "help",
+        version: VERSION,
+        outerPadX: 1,
+        hints: [
+          ["?", "back"],
+          ["esc", "back"],
+          ["⏎", "back"]
+        ]
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function Section({
+  title,
+  rows,
+  marginTop = false
+}) {
+  return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+    flexDirection: "column",
+    marginTop: marginTop ? 1 : 0,
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+        color: color.muted,
+        children: title.toUpperCase()
+      }, undefined, false, undefined, this),
+      rows.map(([k3, l2]) => /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+            width: 14,
+            children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+              color: color.accent,
+              children: [
+                " ",
+                k3
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+            wrap: "truncate",
+            children: l2
           }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
-      ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
+        ]
+      }, k3, true, undefined, this))
+    ]
+  }, undefined, true, undefined, this);
 }
-var jsx_dev_runtime7, sections;
-var init_HelpOverlay = __esm(async () => {
+var jsx_dev_runtime7, navigate, act, app;
+var init_HelpView = __esm(async () => {
   init_theme15();
-  await init_build2();
+  await __promiseAll([
+    init_build2(),
+    init_hooks(),
+    init_Footer()
+  ]);
   jsx_dev_runtime7 = __toESM(require_jsx_dev_runtime(), 1);
-  sections = [
-    {
-      title: "Navigate",
-      rows: [
-        ["j / ↓", "move down"],
-        ["k / ↑", "move up"],
-        ["h / l", "switch sidebar ↔ list"],
-        ["tab", "next filter"],
-        ["g / G", "first / last"]
-      ]
-    },
-    {
-      title: "Act",
-      rows: [
-        ["space", "toggle done"],
-        ["i / a", "add todo"],
-        ["e", "edit todo"],
-        ["d", "delete todo"],
-        ["p", "new project"],
-        ["m", "manage project / invite"],
-        ["D", "delete project"],
-        ["/", "search todos"],
-        ["r", "refresh"]
-      ]
-    },
-    {
-      title: "App",
-      rows: [
-        ["s", "open settings"],
-        ["A", "about dox"],
-        ["?", "toggle this help"],
-        ["q / Ctrl+C", "quit"],
-        ["esc", "close overlay / cancel"]
-      ]
-    }
+  navigate = [
+    ["j / ↓", "move down"],
+    ["k / ↑", "move up"],
+    ["h / l", "switch sidebar ↔ list"],
+    ["tab", "next filter"],
+    ["g / G", "first / last"]
+  ];
+  act = [
+    ["space", "toggle done"],
+    ["i / a", "add todo"],
+    ["e", "edit todo"],
+    ["d", "delete todo"],
+    ["p", "new project"],
+    ["m", "manage project"],
+    ["D", "delete project"],
+    ["/", "search todos"],
+    ["r", "refresh"]
+  ];
+  app = [
+    ["s", "open settings"],
+    ["A", "about dox"],
+    ["?", "toggle this help"],
+    ["q / Ctrl+C", "quit"],
+    ["esc", "close / cancel"]
   ];
 });
 
-// apps/cli/src/version.ts
-var VERSION2 = "v0.1.0";
-
 // apps/cli/src/tui/components/primitives/TitledPanel.tsx
 function TitledPanel({
   title,
@@ -33002,17 +33077,34 @@ function SearchView({
   onOpen,
   onClose
 }) {
-  const { stdout } = use_stdout_default();
-  const cols = Math.max(80, stdout?.columns ?? 100);
-  const rows = Math.max(20, stdout?.rows ?? 30);
-  const panelWidth = cols - 2;
-  const panelHeight = Math.max(15, rows - 4);
+  const { cols, rows } = useTerminalSize();
+  const panelWidth = Math.min(96, Math.max(60, cols - 4));
+  const panelHeight = Math.min(30, Math.max(18, rows - 6));
+  const topPad = Math.max(1, Math.floor((rows - panelHeight - 3) / 2));
   const projectById = import_react67.useMemo(() => new Map(projects.map((p2) => [p2.id, p2])), [projects]);
   const results = import_react67.useMemo(() => searchTodos(todos, query), [todos, query]);
   const safeCursor = Math.min(cursor4, Math.max(0, results.length - 1));
+  const onResultCountRef = import_react67.useRef(onResultCount);
+  const onQueryChangeRef = import_react67.useRef(onQueryChange);
+  const onOpenRef = import_react67.useRef(onOpen);
+  const resultsRef = import_react67.useRef(results);
+  const cursorRef = import_react67.useRef(safeCursor);
+  onResultCountRef.current = onResultCount;
+  onQueryChangeRef.current = onQueryChange;
+  onOpenRef.current = onOpen;
+  resultsRef.current = results;
+  cursorRef.current = safeCursor;
   import_react67.useEffect(() => {
-    onResultCount(results.length);
-  }, [results.length, onResultCount]);
+    onResultCountRef.current(results.length);
+  }, [results.length]);
+  const handleQueryChange = import_react67.useCallback((q2) => {
+    onQueryChangeRef.current(q2);
+  }, []);
+  const handleSubmit = import_react67.useCallback(() => {
+    const target = resultsRef.current[cursorRef.current];
+    if (target)
+      onOpenRef.current(target.id);
+  }, []);
   use_input_default((_input, key) => {
     if (key.escape)
       return onClose();
@@ -33028,106 +33120,108 @@ function SearchView({
     flexDirection: "column",
     paddingX: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(TitledPanel, {
-        title: "Search",
-        width: panelWidth,
-        height: panelHeight,
-        paddingX: 2,
-        paddingY: 1,
-        focused: true,
-        children: [
-          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
-            children: [
-              /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
-                width: 2,
-                children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-                  color: color.accent,
-                  bold: true,
-                  children: icon.chevron
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
-                flexGrow: 1,
-                children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(TextInput, {
-                  defaultValue: query,
-                  placeholder: "search by title or description…",
-                  onChange: onQueryChange,
-                  onSubmit: () => {
-                    const target = results[safeCursor];
-                    if (target)
-                      onOpen(target.id);
-                  }
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
-            marginTop: 1,
-            children: [
-              /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-                color: color.muted,
-                children: matchLabel
-              }, undefined, false, undefined, this),
-              hydrating && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-                color: color.muted,
-                dimColor: true,
-                children: [
-                  "   ",
-                  icon.dot,
-                  " loading descriptions…"
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
-            marginTop: 1,
-            flexDirection: "column",
-            children: results.length === 0 ? /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-              color: color.muted,
-              dimColor: true,
+      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+        height: topPad
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+        justifyContent: "center",
+        children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(TitledPanel, {
+          title: "Search",
+          width: panelWidth,
+          height: panelHeight,
+          paddingX: 2,
+          paddingY: 1,
+          focused: true,
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
               children: [
-                "  ",
-                query.trim() === "" ? "type to search…" : "no matches — try a shorter query"
+                /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                  width: 2,
+                  children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                    color: color.accent,
+                    bold: true,
+                    children: icon.chevron
+                  }, undefined, false, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                  flexGrow: 1,
+                  children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(TextInput, {
+                    defaultValue: query,
+                    placeholder: "search by title or description…",
+                    onChange: handleQueryChange,
+                    onSubmit: handleSubmit
+                  }, undefined, false, undefined, this)
+                }, undefined, false, undefined, this)
               ]
-            }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(jsx_dev_runtime9.Fragment, {
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+              marginTop: 1,
               children: [
-                win.items.map((t, idx) => {
-                  const projectId = t.projectId;
-                  const project2 = projectId ? projectById.get(projectId) ?? null : null;
-                  return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(ResultRow, {
-                    todo: t,
-                    project: project2,
-                    nowMs,
-                    highlighted: win.start + idx === safeCursor,
-                    width: panelWidth - 6
-                  }, t.id, false, undefined, this);
-                }),
-                (win.moreAbove > 0 || win.moreBelow > 0) && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
-                  width: panelWidth - 6,
+                /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                  color: color.muted,
+                  children: matchLabel
+                }, undefined, false, undefined, this),
+                hydrating && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                  color: color.muted,
+                  dimColor: true,
                   children: [
-                    /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-                      color: color.muted,
-                      dimColor: true,
-                      children: win.moreAbove > 0 ? `↑ ${win.moreAbove} more` : ""
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
-                      flexGrow: 1
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-                      color: color.muted,
-                      dimColor: true,
-                      children: win.moreBelow > 0 ? `${win.moreBelow} more ↓` : ""
-                    }, undefined, false, undefined, this)
+                    "   ",
+                    icon.dot,
+                    " loading descriptions…"
                   ]
                 }, undefined, true, undefined, this)
               ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+              marginTop: 1,
+              flexDirection: "column",
+              children: results.length === 0 ? /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                color: color.muted,
+                dimColor: true,
+                children: [
+                  "  ",
+                  query.trim() === "" ? "type to search…" : "no matches — try a shorter query"
+                ]
+              }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(jsx_dev_runtime9.Fragment, {
+                children: [
+                  win.items.map((t, idx) => {
+                    const projectId = t.projectId;
+                    const project2 = projectId ? projectById.get(projectId) ?? null : null;
+                    return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(ResultRow, {
+                      todo: t,
+                      project: project2,
+                      nowMs,
+                      highlighted: win.start + idx === safeCursor,
+                      width: panelWidth - 6
+                    }, t.id, false, undefined, this);
+                  }),
+                  (win.moreAbove > 0 || win.moreBelow > 0) && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                    width: panelWidth - 6,
+                    children: [
+                      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                        color: color.muted,
+                        dimColor: true,
+                        children: win.moreAbove > 0 ? `↑ ${win.moreAbove} more` : ""
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                        flexGrow: 1
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                        color: color.muted,
+                        dimColor: true,
+                        children: win.moreBelow > 0 ? `${win.moreBelow} more ↓` : ""
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Footer, {
         mode: "search",
-        version: VERSION2,
+        version: VERSION,
         outerPadX: 1,
         hints: [
           ["↑↓", "navigate"],
@@ -33235,6 +33329,7 @@ var init_SearchView = __esm(async () => {
   await __promiseAll([
     init_build2(),
     init_build3(),
+    init_hooks(),
     init_Footer(),
     init_TitledPanel()
   ]);
@@ -33247,16 +33342,19 @@ function SettingsView({
   tabs,
   activeTab,
   cursor: cursor4,
+  notice,
   onTabChange,
   onCursorChange,
   onClose,
   inputPaused = false
 }) {
-  const { stdout } = use_stdout_default();
-  const cols = Math.max(80, stdout?.columns ?? 100);
-  const rows = Math.max(20, stdout?.rows ?? 30);
-  const panelWidth = cols - 2;
-  const innerHeight = Math.max(15, rows - 4);
+  const { cols, rows } = useTerminalSize();
+  const panelWidth = Math.min(110, Math.max(72, cols - 4));
+  const innerHeight = Math.min(28, Math.max(18, rows - 6));
+  const topPad = Math.max(1, Math.floor((rows - innerHeight - 3) / 2));
+  const innerW = Math.max(8, panelWidth - 4);
+  const sidebarW = Math.max(16, Math.floor(panelWidth * 0.36));
+  const detailW = Math.max(20, innerW - sidebarW - 2);
   const tabIndex = Math.max(0, tabs.findIndex((t) => t.key === activeTab));
   const tab2 = tabs[tabIndex] ?? tabs[0];
   const tabRows = tab2?.rows ?? [];
@@ -33308,47 +33406,62 @@ function SettingsView({
     flexDirection: "column",
     paddingX: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(TitledPanel, {
-        title: "Settings",
-        width: panelWidth,
-        paddingY: 1,
-        focused: true,
-        height: innerHeight,
-        children: [
-          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(TabStrip, {
-            tabs,
-            activeKey: activeTab
-          }, undefined, false, undefined, this),
-          tab2?.hint && /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
-            marginTop: 1,
-            justifyContent: "center",
-            children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
-              color: color.muted,
-              children: tab2.hint
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
-            marginTop: 1,
-            flexGrow: 1,
-            children: [
-              /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(RowList, {
-                rows: tabRows,
-                cursor: clampedCursor,
-                width: Math.floor(panelWidth * 0.36)
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
-                width: 2
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Detail, {
-                row: current
+      /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+        height: topPad
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+        justifyContent: "center",
+        children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(TitledPanel, {
+          title: "Settings",
+          width: panelWidth,
+          paddingY: 1,
+          focused: true,
+          height: innerHeight,
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(TabStrip, {
+              tabs,
+              activeKey: activeTab
+            }, undefined, false, undefined, this),
+            notice && /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+              marginTop: 1,
+              justifyContent: "center",
+              children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+                color: color.success,
+                children: `✓ ${notice}`
               }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
+            }, undefined, false, undefined, this),
+            tab2?.hint && !notice && /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+              marginTop: 1,
+              justifyContent: "center",
+              children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+                color: color.muted,
+                children: tab2.hint
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+              marginTop: 1,
+              flexGrow: 1,
+              children: [
+                /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(RowList, {
+                  rows: tabRows,
+                  cursor: clampedCursor,
+                  width: sidebarW
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+                  width: 2
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Detail, {
+                  row: current,
+                  width: detailW
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Footer, {
         mode: "settings",
-        version: VERSION2,
+        version: VERSION,
         outerPadX: 1,
         hints: tab2?.hints ?? [["esc", "close"]]
       }, undefined, false, undefined, this)
@@ -33417,19 +33530,22 @@ function RowList({
               wrap: "truncate",
               children: row.label
             }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          row.value && /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
-            color: row.muted ? color.muted : labelColor ?? color.muted,
-            dimColor: row.muted,
-            wrap: "truncate",
-            children: row.value
           }, undefined, false, undefined, this)
         ]
       }, row.key, true, undefined, this);
     })
   }, undefined, false, undefined, this);
 }
-function Detail({ row }) {
+function Detail({
+  row,
+  width
+}) {
+  const sepW = Math.max(0, width - 4);
+  const sep = /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+    color: color.muted,
+    dimColor: true,
+    children: "─".repeat(sepW)
+  }, undefined, false, undefined, this);
   if (!row) {
     return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
       flexGrow: 1,
@@ -33442,6 +33558,7 @@ function Detail({ row }) {
       }, undefined, false, undefined, this)
     }, undefined, false, undefined, this);
   }
+  const hasAction = Boolean(row.onEnter || row.secondary);
   return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
     flexDirection: "column",
     flexGrow: 1,
@@ -33468,10 +33585,7 @@ function Detail({ row }) {
       }, undefined, true, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
         marginTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
-          color: color.muted,
-          children: "─".repeat(60)
-        }, undefined, false, undefined, this)
+        children: sep
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
         marginTop: 1,
@@ -33480,40 +33594,55 @@ function Detail({ row }) {
           children: typeof row.detail === "string" || !row.detail ? row.detail ?? "" : row.detail
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+        flexGrow: 1
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+          color: color.muted,
+          dimColor: true,
+          children: "─ tips ".padEnd(sepW, "─")
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
         marginTop: 1,
-        children: [
-          row.onEnter && /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
-            color: color.muted,
-            children: [
-              /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
-                color: color.accent,
-                bold: true,
-                children: "⏎"
-              }, undefined, false, undefined, this),
-              " ",
-              "to activate"
-            ]
-          }, undefined, true, undefined, this),
-          row.onEnter && row.secondary && /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
-            color: color.muted,
-            children: " · "
-          }, undefined, false, undefined, this),
-          row.secondary && /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
-            color: color.muted,
-            children: [
-              /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
-                color: color.accent2,
-                bold: true,
-                children: row.secondary.key
-              }, undefined, false, undefined, this),
-              " ",
-              "to ",
-              row.secondary.label
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
+        children: hasAction ? /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(jsx_dev_runtime10.Fragment, {
+          children: [
+            row.onEnter && /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+              color: color.muted,
+              children: [
+                /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+                  color: color.accent,
+                  bold: true,
+                  children: "⏎"
+                }, undefined, false, undefined, this),
+                " ",
+                row.enterLabel ?? "open"
+              ]
+            }, undefined, true, undefined, this),
+            row.onEnter && row.secondary && /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+              color: color.muted,
+              children: " · "
+            }, undefined, false, undefined, this),
+            row.secondary && /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+              color: color.muted,
+              children: [
+                /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+                  color: color.accent2,
+                  bold: true,
+                  children: row.secondary.key
+                }, undefined, false, undefined, this),
+                " ",
+                row.secondary.label
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+          color: color.muted,
+          dimColor: true,
+          children: "view only"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
@@ -33522,6 +33651,7 @@ var init_SettingsView = __esm(async () => {
   init_theme15();
   await __promiseAll([
     init_build2(),
+    init_hooks(),
     init_Footer(),
     init_TitledPanel()
   ]);
@@ -33664,7 +33794,7 @@ function ConfirmDialog({
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Footer, {
         mode: footerMode,
-        version: VERSION2,
+        version: VERSION,
         outerPadX: 1,
         hints: [
           [confirmKey, confirmLabel.toLowerCase()],
@@ -33793,7 +33923,7 @@ function ProjectEditorView({
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Footer, {
         mode: "new project",
-        version: VERSION2,
+        version: VERSION,
         outerPadX: 1,
         hints: [
           ["⇥", "field"],
@@ -33946,7 +34076,7 @@ function ProjectManageView({
         }, undefined, false, undefined, this),
         /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Footer, {
           mode: "manage",
-          version: VERSION2,
+          version: VERSION,
           outerPadX: 1,
           hints: [["esc", "back"]]
         }, undefined, false, undefined, this)
@@ -34039,7 +34169,7 @@ function ProjectManageView({
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Footer, {
         mode: "manage",
-        version: VERSION2,
+        version: VERSION,
         outerPadX: 1,
         hints: isOwner ? [
           ["i", "invite"],
@@ -34201,7 +34331,7 @@ function InvitePickerModal({
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Footer, {
         mode: "invite",
-        version: VERSION2,
+        version: VERSION,
         outerPadX: 1,
         hints: [
           ["e", "editor"],
@@ -34292,7 +34422,7 @@ function CodeRevealModal({
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Footer, {
         mode: "invite",
-        version: VERSION2,
+        version: VERSION,
         outerPadX: 1,
         hints: [["any", "close"]]
       }, undefined, false, undefined, this)
@@ -38352,13 +38482,13 @@ https://github.com/highlightjs/highlight.js/issues/2277`);
         return origin.returnEnd ? 0 : lexeme.length;
       }
       function processContinuations() {
-        const list3 = [];
+        const list4 = [];
         for (let current = top;current !== language; current = current.parent) {
           if (current.className) {
-            list3.unshift(current.className);
+            list4.unshift(current.className);
           }
         }
-        list3.forEach((item) => emitter.openNode(item));
+        list4.forEach((item) => emitter.openNode(item));
       }
       let lastMatch = {};
       function processLexeme(textBeforeMatch, match) {
@@ -42716,7 +42846,7 @@ var require_coffeescript = __commonJS((exports, module) => {
       "function",
       "static"
     ];
-    const excluding = (list3) => (kw) => !list3.includes(kw);
+    const excluding = (list4) => (kw) => !list4.includes(kw);
     const KEYWORDS$1 = {
       keyword: KEYWORDS.concat(COFFEE_KEYWORDS).filter(excluding(NOT_VALID_KEYWORDS)),
       literal: LITERALS.concat(COFFEE_LITERALS),
@@ -65970,10 +66100,10 @@ var require_sql = __commonJS((exports, module) => {
         built_in: FUNCTIONS
       }
     };
-    function reduceRelevancy(list3, { exceptions, when } = {}) {
+    function reduceRelevancy(list4, { exceptions, when } = {}) {
       const qualifyFn = when;
       exceptions = exceptions || [];
-      return list3.map((item) => {
+      return list4.map((item) => {
         if (item.match(/\|\d+$/) || exceptions.includes(item)) {
           return item;
         } else if (qualifyFn(item)) {
@@ -90303,8 +90433,8 @@ function markedTerminal(options, highlightOptions) {
   }, { renderer: {}, useNewRenderer: true });
 }
 function reflowText(text, width, gfm) {
-  var splitRe = gfm ? HARD_RETURN_GFM_RE : HARD_RETURN_RE, sections2 = text.split(splitRe), reflowed = [];
-  sections2.forEach(function(section) {
+  var splitRe = gfm ? HARD_RETURN_GFM_RE : HARD_RETURN_RE, sections = text.split(splitRe), reflowed = [];
+  sections.forEach(function(section) {
     var fragments = section.split(/(\u001b\[(?:\d{1,3})(?:;\d{1,3})*m)/g);
     var column = 0;
     var currentLine = "";
@@ -90421,7 +90551,7 @@ function numberedLines(lines, indent) {
   }).join(`
 `);
 }
-function list3(body, ordered, indent) {
+function list4(body, ordered, indent) {
   body = body.trim();
   body = ordered ? numberedLines(body, indent) : bulletPointLines(body, indent);
   return body;
@@ -90531,7 +90661,7 @@ var init_marked_terminal = __esm(() => {
     firstHeading: source_default.magenta.underline.bold,
     hr: source_default.reset,
     listitem: source_default.reset,
-    list: list3,
+    list: list4,
     table: source_default.reset,
     paragraph: source_default.reset,
     strong: source_default.bold,
@@ -90830,11 +90960,10 @@ function TodoDetailView({
   onEdit,
   onDelete
 }) {
-  const { stdout } = use_stdout_default();
-  const cols = Math.max(80, stdout?.columns ?? 100);
-  const rows = Math.max(20, stdout?.rows ?? 30);
-  const panelWidth = cols - 2;
-  const panelHeight = Math.max(15, rows - 4);
+  const { cols, rows } = useTerminalSize();
+  const panelWidth = Math.min(96, Math.max(60, cols - 4));
+  const panelHeight = Math.min(28, Math.max(16, rows - 6));
+  const topPad = Math.max(1, Math.floor((rows - panelHeight - 3) / 2));
   use_input_default((input, key) => {
     if (key.escape)
       return onClose();
@@ -90852,141 +90981,147 @@ function TodoDetailView({
     flexDirection: "column",
     paddingX: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(TitledPanel, {
-        title: "Todo",
-        width: panelWidth,
-        height: panelHeight,
-        paddingX: 2,
-        paddingY: 1,
-        focused: true,
-        children: [
-          /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
-            children: [
-              /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
-                borderStyle: "round",
-                borderColor: statusColor,
-                paddingX: 2,
-                children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
-                  color: statusColor,
-                  bold: true,
-                  children: [
-                    statusIcon,
-                    " ",
-                    statusLabel
-                  ]
-                }, undefined, true, undefined, this)
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
-                flexGrow: 1
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
-                alignItems: "center",
-                children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
-                  color: color.muted,
-                  children: todo2.id.toLowerCase()
+      /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
+        height: topPad
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
+        justifyContent: "center",
+        children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(TitledPanel, {
+          title: "Todo",
+          width: panelWidth,
+          height: panelHeight,
+          paddingX: 2,
+          paddingY: 1,
+          focused: true,
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
+              children: [
+                /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
+                  borderStyle: "round",
+                  borderColor: statusColor,
+                  paddingX: 2,
+                  children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+                    color: statusColor,
+                    bold: true,
+                    children: [
+                      statusIcon,
+                      " ",
+                      statusLabel
+                    ]
+                  }, undefined, true, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
+                  flexGrow: 1
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
+                  alignItems: "center",
+                  children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+                    color: color.muted,
+                    children: todo2.id.toLowerCase()
+                  }, undefined, false, undefined, this)
                 }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
+              marginTop: 1,
+              children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+                color: color.accent,
+                bold: true,
+                wrap: "truncate",
+                children: todo2.title
               }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
-            marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
-              color: color.accent,
-              bold: true,
-              wrap: "truncate",
-              children: todo2.title
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
-            marginTop: 1,
-            children: [
-              /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
-                flexDirection: "column",
-                width: Math.floor((panelWidth - 8) / 2),
-                children: [
-                  /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(MetaRow, {
-                    label: "Project",
-                    children: project2 ? /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
-                      children: [
-                        /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
-                          color: swatchColor(project2.color),
-                          children: "● "
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
-                          children: project2.name
-                        }, undefined, false, undefined, this)
-                      ]
-                    }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
-                      color: color.muted,
-                      dimColor: true,
-                      children: "● inbox"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
+              marginTop: 1,
+              children: [
+                /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
+                  flexDirection: "column",
+                  width: Math.floor((panelWidth - 8) / 2),
+                  children: [
+                    /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(MetaRow, {
+                      label: "Project",
+                      children: project2 ? /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+                        children: [
+                          /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+                            color: swatchColor(project2.color),
+                            children: "● "
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+                            children: project2.name
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+                        color: color.muted,
+                        dimColor: true,
+                        children: "● inbox"
+                      }, undefined, false, undefined, this)
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(MetaRow, {
+                      label: "Created by",
+                      children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+                        color: color.accent2,
+                        children: ownerName ?? todo2.createdBy.toLowerCase()
+                      }, undefined, false, undefined, this)
                     }, undefined, false, undefined, this)
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(MetaRow, {
-                    label: "Created by",
-                    children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
-                      color: color.accent2,
-                      children: ownerName ?? todo2.createdBy.toLowerCase()
+                  ]
+                }, undefined, true, undefined, this),
+                /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
+                  flexDirection: "column",
+                  flexGrow: 1,
+                  children: [
+                    /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(MetaRow, {
+                      label: "Created",
+                      children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+                        children: [
+                          relativeTime(nowMs, todo2.createdAt),
+                          " ago"
+                        ]
+                      }, undefined, true, undefined, this)
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(MetaRow, {
+                      label: "Updated",
+                      children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+                        children: [
+                          relativeTime(nowMs, todo2.updatedAt),
+                          " ago"
+                        ]
+                      }, undefined, true, undefined, this)
                     }, undefined, false, undefined, this)
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
-                flexDirection: "column",
-                flexGrow: 1,
-                children: [
-                  /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(MetaRow, {
-                    label: "Created",
-                    children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
-                      children: [
-                        relativeTime(nowMs, todo2.createdAt),
-                        " ago"
-                      ]
-                    }, undefined, true, undefined, this)
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(MetaRow, {
-                    label: "Updated",
-                    children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
-                      children: [
-                        relativeTime(nowMs, todo2.updatedAt),
-                        " ago"
-                      ]
-                    }, undefined, true, undefined, this)
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
-            marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
-              color: color.muted,
-              children: "─".repeat(Math.max(10, panelWidth - 6))
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
-            marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
-              bold: true,
-              color: color.muted,
-              children: "DESCRIPTION"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
-            marginTop: 1,
-            flexDirection: "column",
-            children: todo2.description ? /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Markdown, {
-              source: todo2.description,
-              width: panelWidth - 6
-            }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(MarkdownEmpty, {
-              hint: "no description — press 'e' to add one"
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
+              marginTop: 1,
+              children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+                color: color.muted,
+                children: "─".repeat(Math.max(10, panelWidth - 6))
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
+              marginTop: 1,
+              children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Text, {
+                bold: true,
+                color: color.muted,
+                children: "DESCRIPTION"
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
+              marginTop: 1,
+              flexDirection: "column",
+              children: todo2.description ? /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Markdown, {
+                source: todo2.description,
+                width: panelWidth - 6
+              }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(MarkdownEmpty, {
+                hint: "no description — press 'e' to add one"
+              }, undefined, false, undefined, this)
             }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Footer, {
         mode: "detail",
-        version: VERSION2,
+        version: VERSION,
         outerPadX: 1,
         hints: [
           ["␣", "toggle"],
@@ -91020,6 +91155,7 @@ var init_TodoDetailView = __esm(async () => {
   init_theme15();
   await __promiseAll([
     init_build2(),
+    init_hooks(),
     init_Footer(),
     init_Markdown(),
     init_TitledPanel()
@@ -91027,6 +91163,240 @@ var init_TodoDetailView = __esm(async () => {
   jsx_dev_runtime16 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
+// apps/cli/src/tui/components/primitives/MultilineInput.tsx
+function MultilineInput({
+  value,
+  onChange,
+  placeholder,
+  isDisabled = false,
+  width,
+  maxRows = 8
+}) {
+  const lines = import_react70.useMemo(() => value.split(`
+`), [value]);
+  const [cursor4, setCursor] = import_react70.useState(() => ({
+    row: Math.max(0, lines.length - 1),
+    col: lines[lines.length - 1]?.length ?? 0
+  }));
+  const desiredCol = import_react70.useRef(cursor4.col);
+  const activeLineLen = lines[cursor4.row]?.length ?? 0;
+  import_react70.useEffect(() => {
+    setCursor((prev) => clampCursor(prev, lines));
+  }, [lines.length, activeLineLen]);
+  use_input_default((input, key) => {
+    if (isDisabled)
+      return;
+    if (key.return) {
+      const { next: next2, cursor: nextCursor2 } = insertText(lines, cursor4, `
+`);
+      commit(next2, nextCursor2);
+      return;
+    }
+    if (key.tab || key.escape)
+      return;
+    if (key.ctrl && input === "s")
+      return;
+    if (key.leftArrow) {
+      const moved = moveLeft(cursor4, lines);
+      desiredCol.current = moved.col;
+      setCursor(moved);
+      return;
+    }
+    if (key.rightArrow) {
+      const moved = moveRight(cursor4, lines);
+      desiredCol.current = moved.col;
+      setCursor(moved);
+      return;
+    }
+    if (key.upArrow) {
+      setCursor(moveVertical(cursor4, lines, -1, desiredCol.current));
+      return;
+    }
+    if (key.downArrow) {
+      setCursor(moveVertical(cursor4, lines, 1, desiredCol.current));
+      return;
+    }
+    if (key.home || key.ctrl && input === "a") {
+      const next2 = { row: cursor4.row, col: 0 };
+      desiredCol.current = 0;
+      setCursor(next2);
+      return;
+    }
+    if (key.end || key.ctrl && input === "e") {
+      const col = lines[cursor4.row]?.length ?? 0;
+      const next2 = { row: cursor4.row, col };
+      desiredCol.current = col;
+      setCursor(next2);
+      return;
+    }
+    if (key.backspace || key.delete) {
+      if (cursor4.row === 0 && cursor4.col === 0)
+        return;
+      const { next: next2, cursor: nextCursor2 } = deleteBackward(lines, cursor4);
+      commit(next2, nextCursor2);
+      return;
+    }
+    if (!input || key.ctrl || key.meta)
+      return;
+    const sanitized = input.replace(/\r/g, "");
+    const { next, cursor: nextCursor } = insertText(lines, cursor4, sanitized);
+    commit(next, nextCursor);
+  }, { isActive: !isDisabled });
+  function commit(nextLines, nextCursor) {
+    onChange(nextLines.join(`
+`));
+    setCursor(nextCursor);
+    desiredCol.current = nextCursor.col;
+  }
+  const safeWidth = Math.max(1, width);
+  const start = clampStart(cursor4.row, lines.length, maxRows);
+  const visible = lines.slice(start, start + maxRows);
+  if (isDisabled) {
+    return /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+      flexDirection: "column",
+      width: safeWidth,
+      children: (value === "" ? [" "] : lines).map((line, idx) => /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+        wrap: "wrap",
+        children: line || " "
+      }, idx, false, undefined, this))
+    }, undefined, false, undefined, this);
+  }
+  const showPlaceholder = value === "" && placeholder !== undefined && placeholder.length > 0;
+  return /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+    flexDirection: "column",
+    width: safeWidth,
+    children: showPlaceholder ? /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+      children: [
+        /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+          inverse: true,
+          children: " "
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+          color: color.muted,
+          dimColor: true,
+          children: placeholder
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this) : visible.map((line, idx) => {
+      const absoluteRow = start + idx;
+      if (absoluteRow !== cursor4.row) {
+        return /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+          wrap: "wrap",
+          children: line || " "
+        }, absoluteRow, false, undefined, this);
+      }
+      const col = cursor4.col;
+      const before2 = line.slice(0, col);
+      const at2 = line[col] ?? " ";
+      const after2 = line.slice(col + 1);
+      return /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+        wrap: "wrap",
+        children: [
+          before2,
+          /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+            inverse: true,
+            children: at2
+          }, undefined, false, undefined, this),
+          after2
+        ]
+      }, absoluteRow, true, undefined, this);
+    })
+  }, undefined, false, undefined, this);
+}
+function clampCursor(cursor4, lines) {
+  const row = Math.max(0, Math.min(cursor4.row, lines.length - 1));
+  const col = Math.max(0, Math.min(cursor4.col, lines[row]?.length ?? 0));
+  if (row === cursor4.row && col === cursor4.col)
+    return cursor4;
+  return { row, col };
+}
+function clampStart(row, total, maxRows) {
+  if (total <= maxRows)
+    return 0;
+  const maxStart = total - maxRows;
+  return Math.max(0, Math.min(row - (maxRows - 1), maxStart));
+}
+function moveLeft(cursor4, lines) {
+  if (cursor4.col > 0)
+    return { row: cursor4.row, col: cursor4.col - 1 };
+  if (cursor4.row > 0) {
+    const prevLen = lines[cursor4.row - 1]?.length ?? 0;
+    return { row: cursor4.row - 1, col: prevLen };
+  }
+  return cursor4;
+}
+function moveRight(cursor4, lines) {
+  const len = lines[cursor4.row]?.length ?? 0;
+  if (cursor4.col < len)
+    return { row: cursor4.row, col: cursor4.col + 1 };
+  if (cursor4.row < lines.length - 1)
+    return { row: cursor4.row + 1, col: 0 };
+  return cursor4;
+}
+function moveVertical(cursor4, lines, direction, desiredCol) {
+  const nextRow = cursor4.row + direction;
+  if (nextRow < 0 || nextRow >= lines.length)
+    return cursor4;
+  const target = lines[nextRow]?.length ?? 0;
+  return { row: nextRow, col: Math.min(desiredCol, target) };
+}
+function insertText(lines, cursor4, text) {
+  const segments = text.split(`
+`);
+  const current = lines[cursor4.row] ?? "";
+  const before2 = current.slice(0, cursor4.col);
+  const after2 = current.slice(cursor4.col);
+  if (segments.length === 1) {
+    const nextLine = before2 + segments[0] + after2;
+    const next2 = lines.slice();
+    next2[cursor4.row] = nextLine;
+    return {
+      next: next2,
+      cursor: { row: cursor4.row, col: before2.length + segments[0].length }
+    };
+  }
+  const first = before2 + segments[0];
+  const last2 = segments[segments.length - 1] + after2;
+  const middle = segments.slice(1, -1);
+  const next = [
+    ...lines.slice(0, cursor4.row),
+    first,
+    ...middle,
+    last2,
+    ...lines.slice(cursor4.row + 1)
+  ];
+  const newRow = cursor4.row + segments.length - 1;
+  return {
+    next,
+    cursor: { row: newRow, col: segments[segments.length - 1].length }
+  };
+}
+function deleteBackward(lines, cursor4) {
+  if (cursor4.col > 0) {
+    const current2 = lines[cursor4.row] ?? "";
+    const nextLine = current2.slice(0, cursor4.col - 1) + current2.slice(cursor4.col);
+    const next2 = lines.slice();
+    next2[cursor4.row] = nextLine;
+    return { next: next2, cursor: { row: cursor4.row, col: cursor4.col - 1 } };
+  }
+  const prev = lines[cursor4.row - 1] ?? "";
+  const current = lines[cursor4.row] ?? "";
+  const merged = prev + current;
+  const next = [
+    ...lines.slice(0, cursor4.row - 1),
+    merged,
+    ...lines.slice(cursor4.row + 1)
+  ];
+  return { next, cursor: { row: cursor4.row - 1, col: prev.length } };
+}
+var import_react70, jsx_dev_runtime17;
+var init_MultilineInput = __esm(async () => {
+  init_theme15();
+  await init_build2();
+  import_react70 = __toESM(require_react(), 1);
+  jsx_dev_runtime17 = __toESM(require_jsx_dev_runtime(), 1);
+});
+
 // apps/cli/src/tui/components/views/todo/TodoEditorView.tsx
 function TodoEditorView({
   mode,
@@ -91038,88 +91408,93 @@ function TodoEditorView({
   const { stdout } = use_stdout_default();
   const cols = Math.max(60, stdout?.columns ?? 100);
   const rows = Math.max(15, stdout?.rows ?? 30);
-  const [title, setTitle] = import_react70.useState(defaultTitle ?? "");
-  const [description, setDescription] = import_react70.useState(defaultDescription ?? "");
+  const [title, setTitle] = import_react71.useState(defaultTitle ?? "");
+  const [description, setDescription] = import_react71.useState(defaultDescription ?? "");
   const { focus } = use_focus_manager_default();
-  use_input_default((_input, key) => {
-    if (key.escape)
+  use_input_default((input, key) => {
+    if (key.escape) {
       onCancel();
+      return;
+    }
+    if (key.ctrl && input === "s") {
+      const trimmed = title.trim();
+      if (trimmed === "") {
+        onCancel();
+        return;
+      }
+      onSubmit({ title: trimmed, description });
+    }
   });
   const headerTitle = mode === "add" ? "New todo" : "Edit todo";
-  const subtitle = mode === "add" ? "Capture a new task. Blank title + Enter cancels." : "Update the title and optional markdown description.";
+  const subtitle = mode === "add" ? "Capture a new task. Ctrl+S to save · Esc cancels." : "Update the title and optional markdown description.";
   const cardWidth = Math.min(80, cols - 8);
-  return /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingX: 1,
     height: rows - 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
         flexGrow: 1,
         flexDirection: "column",
         alignItems: "center",
         justifyContent: "center",
-        children: /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(TitledPanel, {
+        children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(TitledPanel, {
           title: headerTitle,
           width: cardWidth,
           paddingX: 2,
           paddingY: 1,
           focused: true,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
               color: color.muted,
               children: subtitle
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Field, {
+            /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Field, {
               id: TITLE_FIELD,
               label: "title",
               autoFocus: true,
               value: title,
-              children: (focused) => /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(TextInput, {
+              children: (focused) => /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(TextInput, {
                 isDisabled: !focused,
                 defaultValue: defaultTitle,
                 placeholder: mode === "add" ? "new todo title…" : undefined,
                 onChange: setTitle,
                 onSubmit: (value) => {
                   setTitle(value);
-                  if (value.trim() === "" && description === "") {
-                    onSubmit({ title: "", description: "" });
-                  } else {
-                    focus(DESC_FIELD);
-                  }
+                  focus(DESC_FIELD);
                 }
               }, undefined, false, undefined, this)
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Field, {
+            /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Field, {
               id: DESC_FIELD,
               label: "description",
               value: description,
-              children: (focused) => /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(TextInput, {
+              children: (focused) => /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(MultilineInput, {
                 isDisabled: !focused,
-                defaultValue: defaultDescription,
-                placeholder: "optional · markdown (**bold**, `code`, [link](url), #, -, ```)",
+                value: description,
                 onChange: setDescription,
-                onSubmit: (value) => {
-                  onSubmit({ title: title.trim(), description: value });
-                }
+                placeholder: "optional · markdown (**bold**, `code`, [link](url), #, -, ```)",
+                width: cardWidth - 6,
+                maxRows: 8
               }, undefined, false, undefined, this)
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+            /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
               marginTop: 1,
-              children: /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+              children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
                 color: color.muted,
-                children: "Tab to switch · Enter on description to save · Esc to cancel"
+                children: "Tab to switch fields · Enter inserts newline · Ctrl+S to save · Esc cancels"
               }, undefined, false, undefined, this)
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Footer, {
+      /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Footer, {
         mode: mode === "add" ? "insert" : "edit",
-        version: VERSION2,
+        version: VERSION,
         outerPadX: 1,
         hints: [
           ["tab", "next field"],
-          ["⏎", "save"],
+          ["^S", "save"],
           ["esc", "cancel"]
         ]
       }, undefined, false, undefined, this)
@@ -91128,45 +91503,46 @@ function TodoEditorView({
 }
 function Field({ id, label, value, autoFocus, children }) {
   const { isFocused } = use_focus_default({ id, autoFocus });
-  return /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
     marginTop: 1,
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
             width: 14,
-            children: /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
               color: isFocused ? color.accent : color.muted,
               bold: isFocused,
               children: `${isFocused ? icon.chevron : " "}  ${label}`
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          value.length === 0 && /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Text, {
+          value.length === 0 && /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
             color: color.muted,
             dimColor: true,
             children: "(empty)"
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
         marginLeft: 4,
         children: children(isFocused)
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
-var import_react70, jsx_dev_runtime17, TITLE_FIELD = "todo-editor:title", DESC_FIELD = "todo-editor:description";
+var import_react71, jsx_dev_runtime18, TITLE_FIELD = "todo-editor:title", DESC_FIELD = "todo-editor:description";
 var init_TodoEditorView = __esm(async () => {
   init_theme15();
   await __promiseAll([
     init_build2(),
     init_build3(),
     init_Footer(),
+    init_MultilineInput(),
     init_TitledPanel()
   ]);
-  import_react70 = __toESM(require_react(), 1);
-  jsx_dev_runtime17 = __toESM(require_jsx_dev_runtime(), 1);
+  import_react71 = __toESM(require_react(), 1);
+  jsx_dev_runtime18 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // apps/cli/src/tui/components/views/todo/TodoInfo.tsx
@@ -91179,11 +91555,11 @@ function TodoInfo({
   panelHeight
 }) {
   if (!todo2) {
-    return /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
+    return /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
       flexGrow: 1,
       alignItems: "center",
       justifyContent: "center",
-      children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+      children: /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text, {
         color: color.muted,
         dimColor: true,
         children: "no todo selected"
@@ -91199,12 +91575,12 @@ function TodoInfo({
   const rawDesc = todo2.description?.trim() ?? "";
   const preview = rawDesc && descBudget > 0 ? previewDescription(rawDesc, contentW, descBudget) : null;
   const overflowed = Boolean(preview?.truncated) || rawDesc.length > 0 && descBudget === 0;
-  return /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text, {
             color: statusColor,
             bold: true,
             children: [
@@ -91213,10 +91589,10 @@ function TodoInfo({
               statusLabel
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
             flexGrow: 1
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text, {
             color: color.muted,
             dimColor: true,
             children: [
@@ -91226,56 +91602,56 @@ function TodoInfo({
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
         marginTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text, {
           color: color.accent,
           bold: true,
           wrap: "truncate",
           children: todo2.title
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
         flexDirection: "column",
         marginTop: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(InfoRow, {
+          /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(InfoRow, {
             label: "Project",
-            children: project2 ? /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+            children: project2 ? /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text, {
               children: [
-                /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+                /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text, {
                   color: swatchColor(project2.color),
                   children: "● "
                 }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+                /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text, {
                   children: project2.name
                 }, undefined, false, undefined, this)
               ]
-            }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+            }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text, {
               color: color.muted,
               dimColor: true,
               children: "● inbox"
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(InfoRow, {
+          /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(InfoRow, {
             label: "By",
-            children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text, {
               color: color.accent2,
               children: ownerName ?? todo2.createdBy.slice(0, 8).toLowerCase() + "…"
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(InfoRow, {
+          /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(InfoRow, {
             label: "Created",
-            children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text, {
               children: [
                 relativeTime(nowMs, todo2.createdAt),
                 " ago"
               ]
             }, undefined, true, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(InfoRow, {
+          /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(InfoRow, {
             label: "Updated",
-            children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text, {
               children: [
                 relativeTime(nowMs, todo2.updatedAt),
                 " ago"
@@ -91284,30 +91660,30 @@ function TodoInfo({
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      preview && /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
+      preview && /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
         flexDirection: "column",
         marginTop: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text, {
             color: color.muted,
             dimColor: true,
             children: "─ Description ".padEnd(Math.max(0, contentW), "─")
           }, undefined, false, undefined, this),
-          preview.lines.map((line, idx) => /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+          preview.lines.map((line, idx) => /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text, {
             color: color.muted,
             children: line || " "
           }, idx, false, undefined, this))
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
         marginTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text, {
           color: color.muted,
           dimColor: true,
           children: [
             "press",
             " ",
-            /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text, {
               color: color.accent,
               bold: true,
               children: "⏎"
@@ -91324,11 +91700,11 @@ function InfoRow({
   label,
   children
 }) {
-  return /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
     children: [
-      /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
         width: 9,
-        children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text, {
           color: color.muted,
           children: label
         }, undefined, false, undefined, this)
@@ -91388,11 +91764,11 @@ function previewDescription(text, width, maxLines) {
   }
   return { lines, truncated: overflowed };
 }
-var jsx_dev_runtime18, FIXED_ROWS = 10, DESC_HEADER = 2, PANEL_CHROME = 4;
+var jsx_dev_runtime19, FIXED_ROWS = 10, DESC_HEADER = 2, PANEL_CHROME = 4;
 var init_TodoInfo = __esm(async () => {
   init_theme15();
   await init_build2();
-  jsx_dev_runtime18 = __toESM(require_jsx_dev_runtime(), 1);
+  jsx_dev_runtime19 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // apps/cli/src/tui/components/views/settings/SettingsFormModal.tsx
@@ -91410,13 +91786,13 @@ function SettingsFormModal({
   const cols = Math.max(60, stdout?.columns ?? 100);
   const rows = Math.max(15, stdout?.rows ?? 30);
   const cardWidth = Math.min(72, cols - 8);
-  const valuesRef = import_react71.useRef((() => {
+  const valuesRef = import_react72.useRef((() => {
     const init = {};
     for (const f of fields)
       init[f.key] = f.initial ?? "";
     return init;
   })());
-  const [field, setField] = import_react71.useState(0);
+  const [field, setField] = import_react72.useState(0);
   const handleFieldSubmit = (idx, value) => {
     if (busy)
       return;
@@ -91435,49 +91811,49 @@ function SettingsFormModal({
       onCancel();
     }
   });
-  return /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingX: 1,
     height: rows - 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
         flexGrow: 1,
         flexDirection: "column",
         alignItems: "center",
         justifyContent: "center",
-        children: /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(TitledPanel, {
+        children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(TitledPanel, {
           title,
           width: cardWidth,
           paddingX: 2,
           paddingY: 1,
           focused: true,
           children: [
-            help && /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text, {
+            help && /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
               color: color.muted,
               wrap: "wrap",
               children: help
             }, undefined, false, undefined, this),
-            fields.map((f, idx) => /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(FieldRow2, {
+            fields.map((f, idx) => /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(FieldRow2, {
               label: f.label,
               active: field === idx,
-              children: /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(TextInput, {
+              children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(TextInput, {
                 isDisabled: field !== idx,
                 placeholder: f.placeholder ?? "",
                 defaultValue: f.initial ?? "",
                 onSubmit: (value) => handleFieldSubmit(idx, value)
               }, undefined, false, undefined, this)
             }, f.key, false, undefined, this)),
-            error && /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
+            error && /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
               marginTop: 1,
-              children: /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text, {
+              children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
                 color: color.danger,
                 wrap: "wrap",
                 children: error
               }, undefined, false, undefined, this)
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
+            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
               marginTop: 1,
-              children: /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text, {
+              children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
                 color: color.muted,
                 children: [
                   fields.length > 1 ? "⏎ on each field to advance · " : "⏎ to ",
@@ -91491,9 +91867,9 @@ function SettingsFormModal({
           ]
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Footer, {
+      /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Footer, {
         mode: title.toLowerCase(),
-        version: VERSION2,
+        version: VERSION,
         outerPadX: 1,
         hints: [
           ["⏎", fields.length > 1 ? "next / submit" : submitLabel],
@@ -91509,31 +91885,31 @@ function FieldRow2({
   children
 }) {
   const tint = active ? color.accent : color.muted;
-  return /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
     marginTop: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
         width: 16,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
             color: tint,
             children: active ? `${icon.chevron} ` : "  "
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
             color: tint,
             bold: active,
             children: label
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
         flexGrow: 1,
         children
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
-var import_react71, jsx_dev_runtime19;
+var import_react72, jsx_dev_runtime20;
 var init_SettingsFormModal = __esm(async () => {
   init_theme15();
   await __promiseAll([
@@ -91542,8 +91918,8 @@ var init_SettingsFormModal = __esm(async () => {
     init_Footer(),
     init_TitledPanel()
   ]);
-  import_react71 = __toESM(require_react(), 1);
-  jsx_dev_runtime19 = __toESM(require_jsx_dev_runtime(), 1);
+  import_react72 = __toESM(require_react(), 1);
+  jsx_dev_runtime20 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // apps/cli/src/tui/components/views/settings/SettingsModal.tsx
@@ -91553,11 +91929,13 @@ function SettingsModal({
   dispatch,
   users,
   invites,
+  projects,
+  onRefresh,
   onSignedOut
 }) {
   const cancel = () => dispatch({ type: "SETTINGS_EDIT", editing: null });
   if (editing.kind === "serverName") {
-    return /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(SettingsFormModal, {
+    return /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(SettingsFormModal, {
       title: "Edit Server Name",
       help: "Up to 64 chars. Shown on the login screen and dashboard header.",
       fields: [
@@ -91588,7 +91966,7 @@ function SettingsModal({
     }, undefined, false, undefined, this);
   }
   if (editing.kind === "serverDescription") {
-    return /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(SettingsFormModal, {
+    return /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(SettingsFormModal, {
       title: "Edit Description",
       help: "Up to 256 chars. Shown to anyone hitting /v1/auth/server-info.",
       fields: [
@@ -91621,7 +91999,7 @@ function SettingsModal({
     }, undefined, false, undefined, this);
   }
   if (editing.kind === "changePassword") {
-    return /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(SettingsFormModal, {
+    return /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(SettingsFormModal, {
       title: "Change Password",
       help: "Enter your current password, then a new one (min 8 chars). Shown in cleartext — make sure nobody's looking.",
       fields: [
@@ -91653,7 +92031,7 @@ function SettingsModal({
     }, undefined, false, undefined, this);
   }
   if (editing.kind === "redeemCode") {
-    return /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(SettingsFormModal, {
+    return /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(SettingsFormModal, {
       title: "Redeem Invite Code",
       help: "Paste a project invite code someone shared with you.",
       submitLabel: "redeem",
@@ -91665,9 +92043,20 @@ function SettingsModal({
           return cancel();
         dispatch({ type: "SETTINGS_BUSY", busy: true });
         try {
-          await invites.accept(vals.code ?? "");
+          const res = await invites.accept(vals.code ?? "");
+          let name = "";
+          if (res.projectId && projects) {
+            try {
+              const list5 = await projects.list();
+              name = list5.find((p2) => p2.id === res.projectId)?.name ?? "";
+            } catch {}
+          }
+          await onRefresh?.();
           dispatch({ type: "SETTINGS_BUSY", busy: false });
           dispatch({ type: "SETTINGS_EDIT", editing: null });
+          const role = res.role || "member";
+          const notice = name ? `Joined "${name}" as ${role}.` : res.projectId ? `Joined project as ${role}.` : "Invite accepted.";
+          dispatch({ type: "SETTINGS_NOTICE", notice });
         } catch (err) {
           dispatch({ type: "SETTINGS_ERROR", error: err.message });
         }
@@ -91677,7 +92066,7 @@ function SettingsModal({
   }
   if (editing.kind === "registrationToggle") {
     const next = editing.next;
-    return /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(ConfirmAction, {
+    return /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(ConfirmAction, {
       title: next ? "Open Registration" : "Close Registration",
       message: next ? "Anyone with the server URL will be able to register a new account. Continue?" : "Registration will require a server invite issued by you. Existing users keep access. Continue?",
       tone: next ? color.accent2 : color.accent,
@@ -91701,7 +92090,7 @@ function SettingsModal({
     }, undefined, false, undefined, this);
   }
   if (editing.kind === "signOut") {
-    return /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(ConfirmAction, {
+    return /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(ConfirmAction, {
       title: "Sign Out",
       message: "Clears the local token. Server URL stays. Re-login required to use this client.",
       tone: color.danger,
@@ -91733,7 +92122,7 @@ function SettingsModal({
   if (editing.kind === "revokeInvite") {
     const inv = state.settingsOutgoing.find((i) => i.codeHash === editing.codeHash);
     const label = inv ? inv.projectId ? `${inv.projectName || "(deleted project)"} · ${inv.role || "editor"}` : "Server invite" : "this invite";
-    return /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(ConfirmAction, {
+    return /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(ConfirmAction, {
       title: "Revoke Invite",
       message: `Revoke "${label}"? The code becomes invalid immediately.`,
       tone: color.danger,
@@ -91745,9 +92134,9 @@ function SettingsModal({
         dispatch({ type: "SETTINGS_BUSY", busy: true });
         try {
           await invites.revoke(editing.codeHash);
-          const list4 = await invites.listOutgoing();
+          const list5 = await invites.listOutgoing();
           dispatch({ type: "SETTINGS_BUSY", busy: false });
-          dispatch({ type: "SETTINGS_OUTGOING_SET", invites: list4 });
+          dispatch({ type: "SETTINGS_OUTGOING_SET", invites: list5 });
           dispatch({ type: "SETTINGS_EDIT", editing: null });
         } catch (err) {
           dispatch({ type: "SETTINGS_ERROR", error: err.message });
@@ -91778,37 +92167,37 @@ function ConfirmAction({
         onConfirm();
     }
   });
-  const body = /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(jsx_dev_runtime20.Fragment, {
+  const body = /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(jsx_dev_runtime21.Fragment, {
     children: [
-      /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
         wrap: "wrap",
         children: message
       }, undefined, false, undefined, this),
-      error && /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
+      error && /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
         marginTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
           color: color.danger,
           wrap: "wrap",
           children: error
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      busy && /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
+      busy && /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
         marginTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text, {
           color: color.muted,
           children: "working…"
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
-  return /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(ConfirmDialog, {
+  return /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(ConfirmDialog, {
     title,
     tone,
     message: body,
     footerMode: title.toLowerCase()
   }, undefined, false, undefined, this);
 }
-var jsx_dev_runtime20;
+var jsx_dev_runtime21;
 var init_SettingsModal = __esm(async () => {
   init_src();
   init_theme15();
@@ -91817,7 +92206,7 @@ var init_SettingsModal = __esm(async () => {
     init_ConfirmDialog(),
     init_SettingsFormModal()
   ]);
-  jsx_dev_runtime20 = __toESM(require_jsx_dev_runtime(), 1);
+  jsx_dev_runtime21 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // apps/cli/src/tui/settings.ts
@@ -91850,16 +92239,18 @@ function buildServerTab(args) {
       key: "name",
       label: "Server Name",
       value: s?.serverName || (args.serverLoaded ? "(unset)" : "loading…"),
-      detail: "Display name shown on the login screen and in the dashboard header.",
+      detail: "A friendly name for this server. Shows up on the welcome screen.",
       onEnter: owner ? args.on.editServerName : undefined,
+      enterLabel: "edit",
       muted: !s?.serverName
     },
     {
       key: "description",
       label: "Description",
       value: s?.serverDescription || (args.serverLoaded ? "(unset)" : "loading…"),
-      detail: "Short blurb shown to anyone hitting /v1/auth/server-info — describes what this instance is for.",
+      detail: "A short blurb about this server, so new members know what they're joining.",
       onEnter: owner ? args.on.editServerDescription : undefined,
+      enterLabel: "edit",
       muted: !s?.serverDescription
     }
   ];
@@ -91868,14 +92259,15 @@ function buildServerTab(args) {
       key: "registration",
       label: "Open Registration",
       value: s ? s.registrationOpen ? "true" : "false" : "loading…",
-      detail: "When on, anyone with the server URL can register an account. When off, registration requires a server invite issued by you.",
-      onEnter: s ? () => args.on.toggleRegistration(!s.registrationOpen) : undefined
+      detail: "When on, anyone with the server address can sign up. When off, new people need an invite from you.",
+      onEnter: s ? () => args.on.toggleRegistration(!s.registrationOpen) : undefined,
+      enterLabel: "toggle"
     });
   }
   return {
     key: "server",
     label: "Server",
-    hint: owner ? "Instance metadata. You're the owner." : "Read-only — only the server owner can change these.",
+    hint: owner ? "Server info and settings. You're the owner." : "View only — only the owner can change these.",
     rows,
     hints: owner ? [
       ["⏎", "edit"],
@@ -91893,31 +92285,33 @@ function buildAccountTab(args) {
       key: "user",
       label: "Logged-in User",
       value: args.identity.userName || "—",
-      detail: "The identity bound to the JWT in your local config. Cannot be changed in place — sign out and log in as someone else."
+      detail: "The account you're signed in as. To use a different one, sign out and log in again."
     },
     {
       key: "server-url",
       label: "Server URL",
       value: args.identity.server || "—",
-      detail: "Base URL of the dox server this client talks to. Set via `dox login --server …`."
+      detail: "The dox server this app is connected to."
     },
     {
       key: "role",
       label: "Role",
       value: args.identity.role || "—",
-      detail: "Server-level role. `owner` can edit server settings and issue server invites; `member` cannot."
+      detail: "Owners can change server settings and invite new people. Members can't."
     },
     {
       key: "change-password",
       label: "Change Password…",
-      detail: "Replace your password. You'll be prompted for the current one and a new one (min 8 chars).",
-      onEnter: args.on.changePassword
+      detail: "Set a new password. You'll need your current one and a new one (at least 8 characters).",
+      onEnter: args.on.changePassword,
+      enterLabel: "change"
     },
     {
       key: "sign-out",
       label: "Sign Out",
-      detail: "Clears the token in ~/.config/dox/config.toml and exits. Re-run `dox` to log in again.",
-      onEnter: args.on.signOut
+      detail: "Sign out on this device. Your account stays — log back in any time to keep using dox.",
+      onEnter: args.on.signOut,
+      enterLabel: "sign out"
     }
   ];
   return {
@@ -91925,7 +92319,7 @@ function buildAccountTab(args) {
     label: "Account",
     rows,
     hints: [
-      ["⏎", "activate"],
+      ["⏎", "open"],
       ["1/2/3", "tab"],
       ["esc", "close"]
     ]
@@ -91936,7 +92330,7 @@ function buildInvitesTab(args) {
     key: `inv-${inv.codeHash}`,
     label: inviteSummary(inv),
     value: fmtExpiry(inv.expiresAt),
-    detail: inv.projectId ? `Project invite for ${inv.projectName || "(deleted project)"} — role ${inv.role || "editor"}. ${fmtExpiry(inv.expiresAt)}. Press r to revoke.` : `Server invite — anyone with the code can register a new account. ${fmtExpiry(inv.expiresAt)}. Press r to revoke.`,
+    detail: inv.projectId ? `Invite to join ${inv.projectName || "(deleted project)"} as ${inv.role || "editor"}. ${fmtExpiry(inv.expiresAt)}.` : `Sign-up invite — anyone with this code can create an account on this server. ${fmtExpiry(inv.expiresAt)}.`,
     secondary: {
       key: "r",
       label: "revoke",
@@ -91948,14 +92342,15 @@ function buildInvitesTab(args) {
     {
       key: "redeem",
       label: "Redeem code…",
-      detail: "Paste a project invite code someone shared with you to join their project.",
-      onEnter: args.on.redeemCode
+      detail: "Paste an invite code someone shared to join their project.",
+      onEnter: args.on.redeemCode,
+      enterLabel: "redeem"
     }
   ];
   return {
     key: "invites",
     label: "Invites",
-    hint: args.outgoingLoaded ? args.outgoing.length === 0 ? "No outgoing invites. Issue one from a project's manage view (Phase 2)." : `${args.outgoing.length} outgoing invite${args.outgoing.length === 1 ? "" : "s"}.` : "Loading invites…",
+    hint: args.outgoingLoaded ? args.outgoing.length === 0 ? "You haven't shared any invites yet. Create one from a project's page." : `${args.outgoing.length} active invite${args.outgoing.length === 1 ? "" : "s"}.` : "Loading invites…",
     rows,
     hints: [
       ["⏎", "redeem"],
@@ -91972,31 +92367,36 @@ var isOwner = (role) => role === "owner";
 
 // apps/cli/src/tui/components/layout/Sidebar.tsx
 function filterKey(f) {
-  if (f === "inbox")
+  if (typeof f === "string")
     return f;
   return `p:${f.id}`;
 }
-var jsx_dev_runtime21;
+var jsx_dev_runtime22;
 var init_Sidebar = __esm(async () => {
   init_theme15();
   await init_build2();
-  jsx_dev_runtime21 = __toESM(require_jsx_dev_runtime(), 1);
+  jsx_dev_runtime22 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // apps/cli/src/tui/state.ts
 function visibleTodos(state) {
   const f = state.filter;
+  if (f === "done") {
+    return state.todos.filter((t) => t.done).slice().sort((a, b4) => Number(b4.updatedAt ?? 0) - Number(a.updatedAt ?? 0));
+  }
+  const base2 = state.todos.filter((t) => !t.done);
   if (f === "inbox")
-    return state.todos.filter((t) => !t.projectId);
-  return state.todos.filter((t) => t.projectId === f.id);
+    return base2.filter((t) => !t.projectId);
+  return base2.filter((t) => t.projectId === f.id);
 }
 function filterList(projects) {
   return [
     "inbox",
+    "done",
     ...projects.map((p2) => ({ type: "project", id: p2.id }))
   ];
 }
-function clampCursor(cursor4, length) {
+function clampCursor2(cursor4, length) {
   if (length === 0)
     return 0;
   return Math.max(0, Math.min(cursor4, length - 1));
@@ -92012,7 +92412,7 @@ function reducer2(state, action) {
       };
       return {
         ...next,
-        cursor: clampCursor(state.cursor, visibleTodos(next).length)
+        cursor: clampCursor2(state.cursor, visibleTodos(next).length)
       };
     }
     case "PROJECTS_LOADED":
@@ -92060,23 +92460,23 @@ function reducer2(state, action) {
       const nextFocus = state.focus === "list" ? "sidebar" : "list";
       if (nextFocus !== "sidebar")
         return { ...state, focus: nextFocus };
-      const list4 = filterList(state.projects);
+      const list5 = filterList(state.projects);
       const currentKey = filterKey(state.filter);
-      const idx = list4.findIndex((f) => filterKey(f) === currentKey);
+      const idx = list5.findIndex((f) => filterKey(f) === currentKey);
       return { ...state, focus: nextFocus, sidebarCursor: idx >= 0 ? idx : 0 };
     }
     case "FILTER_SET": {
       const next = { ...state, filter: action.filter, focus: "list" };
-      return { ...next, cursor: clampCursor(0, visibleTodos(next).length) };
+      return { ...next, cursor: clampCursor2(0, visibleTodos(next).length) };
     }
     case "FILTER_CYCLE": {
-      const list4 = filterList(state.projects);
+      const list5 = filterList(state.projects);
       const currentKey = filterKey(state.filter);
-      const idx = list4.findIndex((f) => filterKey(f) === currentKey);
-      const nextIdx = (idx + action.direction + list4.length) % list4.length;
-      const nextFilter = list4[nextIdx] ?? state.filter;
+      const idx = list5.findIndex((f) => filterKey(f) === currentKey);
+      const nextIdx = (idx + action.direction + list5.length) % list5.length;
+      const nextFilter = list5[nextIdx] ?? state.filter;
       const next = { ...state, filter: nextFilter, sidebarCursor: nextIdx };
-      return { ...next, cursor: clampCursor(0, visibleTodos(next).length) };
+      return { ...next, cursor: clampCursor2(0, visibleTodos(next).length) };
     }
     case "ENTER_ADD":
       return {
@@ -92103,7 +92503,7 @@ function reducer2(state, action) {
       const projects = [...state.projects, action.project];
       const filter2 = { type: "project", id: action.project.id };
       const next = { ...state, projects, filter: filter2, mode: "list" };
-      return { ...next, cursor: clampCursor(0, visibleTodos(next).length) };
+      return { ...next, cursor: clampCursor2(0, visibleTodos(next).length) };
     }
     case "ENTER_PROJECT_DELETE_CONFIRM":
       return {
@@ -92126,7 +92526,7 @@ function reducer2(state, action) {
         mode: "list",
         deletingProjectId: null
       };
-      return { ...next, cursor: clampCursor(0, visibleTodos(next).length) };
+      return { ...next, cursor: clampCursor2(0, visibleTodos(next).length) };
     }
     case "EXIT_MODE":
       return {
@@ -92150,6 +92550,7 @@ function reducer2(state, action) {
         settingsOutgoingLoaded: false,
         settingsEditing: null,
         settingsError: null,
+        settingsNotice: null,
         settingsBusy: false
       };
     case "CLOSE_SETTINGS":
@@ -92157,14 +92558,16 @@ function reducer2(state, action) {
         ...state,
         mode: "list",
         settingsEditing: null,
-        settingsError: null
+        settingsError: null,
+        settingsNotice: null
       };
     case "SETTINGS_TAB":
       return {
         ...state,
         settingsTab: action.tab,
         settingsCursor: 0,
-        settingsError: null
+        settingsError: null,
+        settingsNotice: null
       };
     case "SETTINGS_CURSOR":
       return { ...state, settingsCursor: action.index };
@@ -92186,6 +92589,8 @@ function reducer2(state, action) {
       return { ...state, settingsBusy: action.busy };
     case "SETTINGS_ERROR":
       return { ...state, settingsError: action.error, settingsBusy: false };
+    case "SETTINGS_NOTICE":
+      return { ...state, settingsNotice: action.notice };
     case "ENTER_PROJECT_MANAGE":
       return {
         ...state,
@@ -92266,23 +92671,32 @@ function reducer2(state, action) {
       };
       return { ...next, cursor: 0 };
     }
-    case "TODO_UPDATED":
-      return {
+    case "TODO_UPDATED": {
+      const next = {
         ...state,
         todos: state.todos.map((t) => t.id === action.todo.id ? { ...t, ...action.todo } : t)
       };
+      return {
+        ...next,
+        cursor: clampCursor2(state.cursor, visibleTodos(next).length)
+      };
+    }
     case "TODO_DELETED": {
       const todos = state.todos.filter((t) => t.id !== action.id);
       const next = { ...state, todos };
       return {
         ...next,
-        cursor: clampCursor(state.cursor, visibleTodos(next).length)
+        cursor: clampCursor2(state.cursor, visibleTodos(next).length)
       };
     }
     case "OPEN_ABOUT":
       return { ...state, mode: "about", helpOpen: false, error: null };
     case "CLOSE_ABOUT":
       return { ...state, mode: "list" };
+    case "TOAST_SET":
+      return { ...state, toast: action.toast };
+    case "TOAST_CLEAR":
+      return { ...state, toast: null };
     default:
       return state;
   }
@@ -92315,6 +92729,7 @@ var init_state = __esm(async () => {
     settingsEditing: null,
     settingsBusy: false,
     settingsError: null,
+    settingsNotice: null,
     manageProjectId: null,
     manageMembers: [],
     manageMembersLoaded: false,
@@ -92324,7 +92739,8 @@ var init_state = __esm(async () => {
     deletingProjectId: null,
     searchQuery: "",
     searchCursor: 0,
-    searchDetailTodoId: null
+    searchDetailTodoId: null,
+    toast: null
   };
 });
 
@@ -92339,11 +92755,11 @@ function App2({
   identity: identity3,
   onSignedOut
 }) {
-  const [state, dispatch] = import_react72.useReducer(reducer2, initialState);
-  const [serverInfo, setServerInfo] = import_react72.useState(null);
+  const [state, dispatch] = import_react73.useReducer(reducer2, initialState);
+  const [serverInfo, setServerInfo] = import_react73.useState(null);
   const { exit } = use_app_default();
   const { cols: totalCols, rows: totalRows } = useTerminalSize();
-  const refresh = import_react72.useCallback(async () => {
+  const refresh = import_react73.useCallback(async () => {
     dispatch({ type: "SYNC_START" });
     try {
       const [todos, projectList] = await Promise.all([
@@ -92359,27 +92775,27 @@ function App2({
       dispatch({ type: "SYNC_END" });
     }
   }, [api, projects]);
-  import_react72.useEffect(() => {
+  import_react73.useEffect(() => {
     refresh();
     const timer = setInterval(() => void refresh(), POLL_INTERVAL_MS);
     return () => clearInterval(timer);
   }, [refresh]);
-  const refreshEvents = import_react72.useCallback(async () => {
+  const refreshEvents = import_react73.useCallback(async () => {
     if (!events)
       return;
     try {
-      const list4 = await events.list();
-      dispatch({ type: "EVENTS_LOADED", events: list4 });
+      const list5 = await events.list();
+      dispatch({ type: "EVENTS_LOADED", events: list5 });
     } catch {}
   }, [events]);
-  import_react72.useEffect(() => {
+  import_react73.useEffect(() => {
     if (!events)
       return;
     refreshEvents();
     const timer = setInterval(() => void refreshEvents(), EVENTS_POLL_INTERVAL_MS);
     return () => clearInterval(timer);
   }, [events, refreshEvents]);
-  import_react72.useEffect(() => {
+  import_react73.useEffect(() => {
     if (state.mode !== "projectManage")
       return;
     if (state.manageMembersLoaded)
@@ -92399,7 +92815,7 @@ function App2({
       }
     })();
   }, [state.mode, state.manageProjectId, state.manageMembersLoaded, projects]);
-  import_react72.useEffect(() => {
+  import_react73.useEffect(() => {
     if (state.mode !== "settings")
       return;
     if (!state.settingsServerLoaded && users && identity3?.role === "owner") {
@@ -92425,8 +92841,8 @@ function App2({
     if (!state.settingsOutgoingLoaded && invites) {
       (async () => {
         try {
-          const list4 = await invites.listOutgoing();
-          dispatch({ type: "SETTINGS_OUTGOING_SET", invites: list4 });
+          const list5 = await invites.listOutgoing();
+          dispatch({ type: "SETTINGS_OUTGOING_SET", invites: list5 });
         } catch (err) {
           dispatch({ type: "SETTINGS_ERROR", error: err.message });
           dispatch({ type: "SETTINGS_OUTGOING_SET", invites: [] });
@@ -92442,7 +92858,7 @@ function App2({
     identity3?.role,
     serverInfo
   ]);
-  import_react72.useEffect(() => {
+  import_react73.useEffect(() => {
     const url = identity3?.server;
     if (!url)
       return;
@@ -92458,7 +92874,13 @@ function App2({
       cancelled = true;
     };
   }, [identity3?.server]);
-  const hydrateTodoDescription = import_react72.useCallback(async (id) => {
+  import_react73.useEffect(() => {
+    if (!state.settingsNotice)
+      return;
+    const timer = setTimeout(() => dispatch({ type: "SETTINGS_NOTICE", notice: null }), 4000);
+    return () => clearTimeout(timer);
+  }, [state.settingsNotice]);
+  const hydrateTodoDescription = import_react73.useCallback(async (id) => {
     try {
       const full = await api.getTodo(id);
       dispatch({ type: "TODO_UPDATED", todo: full });
@@ -92466,7 +92888,7 @@ function App2({
       dispatch({ type: "LOAD_ERROR", error: err.message });
     }
   }, [api]);
-  const enterEditWithFullTodo = import_react72.useCallback(async (id, fallbackTitle, cachedDescription) => {
+  const enterEditWithFullTodo = import_react73.useCallback(async (id, fallbackTitle, cachedDescription) => {
     dispatch({
       type: "ENTER_EDIT",
       id,
@@ -92487,8 +92909,8 @@ function App2({
       dispatch({ type: "LOAD_ERROR", error: err.message });
     }
   }, [api]);
-  const [hydratingSearch, setHydratingSearch] = import_react72.useState(false);
-  import_react72.useEffect(() => {
+  const [hydratingSearch, setHydratingSearch] = import_react73.useState(false);
+  import_react73.useEffect(() => {
     if (state.mode !== "search")
       return;
     const missing = state.todos.filter((t) => t.description === undefined);
@@ -92511,11 +92933,11 @@ function App2({
       cancelled = true;
     };
   }, [state.mode, api]);
-  const visible = import_react72.useMemo(() => visibleTodos(state), [state]);
+  const visible = import_react73.useMemo(() => visibleTodos(state), [state]);
   const cursoredTodo = visible[state.cursor];
   const cursoredId = cursoredTodo?.id;
   const cursoredDescriptionLoaded = cursoredTodo?.description !== undefined;
-  import_react72.useEffect(() => {
+  import_react73.useEffect(() => {
     if (state.mode !== "list")
       return;
     if (!cursoredId || cursoredDescriptionLoaded)
@@ -92532,12 +92954,35 @@ function App2({
       cancelled = true;
     };
   }, [state.mode, cursoredId, cursoredDescriptionLoaded, api]);
-  const createdSeries = import_react72.useMemo(() => activityByDay(state.todos, ACTIVITY_DAYS, "created"), [state.todos]);
-  const doneSeries = import_react72.useMemo(() => activityByDay(state.todos, ACTIVITY_DAYS, "done"), [state.todos]);
-  use_input_default((input, key) => {
-    if (input === "?" || key.escape)
-      dispatch({ type: "CLOSE_HELP" });
-  }, { isActive: state.helpOpen });
+  const createdSeries = import_react73.useMemo(() => activityByDay(state.todos, ACTIVITY_DAYS, "created"), [state.todos]);
+  const doneSeries = import_react73.useMemo(() => activityByDay(state.todos, ACTIVITY_DAYS, "done"), [state.todos]);
+  const toggleDone = import_react73.useCallback(async (todo2) => {
+    const prevDone = todo2.done;
+    try {
+      const updated = await api.updateTodo(todo2.id, { done: !prevDone });
+      dispatch({ type: "TODO_UPDATED", todo: updated });
+      dispatch({
+        type: "TOAST_SET",
+        toast: {
+          kind: "doneToggled",
+          todoId: todo2.id,
+          title: todo2.title,
+          prevDone,
+          expiresAt: Date.now() + 5000
+        }
+      });
+    } catch (err) {
+      dispatch({ type: "LOAD_ERROR", error: err.message });
+    }
+  }, [api]);
+  import_react73.useEffect(() => {
+    const t = state.toast;
+    if (!t)
+      return;
+    const ms = Math.max(0, t.expiresAt - Date.now());
+    const id = setTimeout(() => dispatch({ type: "TOAST_CLEAR" }), ms);
+    return () => clearTimeout(id);
+  }, [state.toast]);
   use_input_default((input, key) => {
     if (state.helpOpen)
       return;
@@ -92561,6 +93006,21 @@ function App2({
       dispatch({ type: "OPEN_SEARCH" });
       return;
     }
+    if (input === "z" && state.toast?.kind === "doneToggled") {
+      const t = state.toast;
+      (async () => {
+        try {
+          const updated = await api.updateTodo(t.todoId, {
+            done: t.prevDone
+          });
+          dispatch({ type: "TODO_UPDATED", todo: updated });
+          dispatch({ type: "TOAST_CLEAR" });
+        } catch (err) {
+          dispatch({ type: "LOAD_ERROR", error: err.message });
+        }
+      })();
+      return;
+    }
     if (state.error)
       dispatch({ type: "CLEAR_ERROR" });
     if (input === "j" || key.downArrow)
@@ -92602,16 +93062,7 @@ function App2({
       return;
     }
     if (input === " ") {
-      (async () => {
-        try {
-          const updated = await api.updateTodo(current.id, {
-            done: !current.done
-          });
-          dispatch({ type: "TODO_UPDATED", todo: updated });
-        } catch (err) {
-          dispatch({ type: "LOAD_ERROR", error: err.message });
-        }
-      })();
+      toggleDone(current);
     } else if (input === "d") {
       (async () => {
         try {
@@ -92698,13 +93149,19 @@ function App2({
   const activityH = Math.max(17, Math.min(22, Math.floor(innerH * 0.46)));
   const todoInfoH = Math.max(11, innerH - activityH - rowGap);
   const activeTab = filterToTabKey(state.filter);
-  const projectById = import_react72.useMemo(() => new Map(state.projects.map((p2) => [p2.id, p2])), [state.projects]);
-  const totalCount = state.todos.length;
-  const doneCount = state.todos.filter((t) => t.done).length;
-  const openCount = totalCount - doneCount;
+  const projectById = import_react73.useMemo(() => new Map(state.projects.map((p2) => [p2.id, p2])), [state.projects]);
+  const openCount = state.todos.filter((t) => !t.done).length;
   const nowMs = Date.now();
+  const todayMs = startOfDay(nowMs);
+  const doneTodayCount = state.todos.filter((t) => t.done && Number(t.updatedAt ?? 0) >= todayMs).length;
   const showSpinner = state.loading && state.todos.length === 0;
-  const LIST_VIEWPORT_H = Math.max(5, todosH - 8);
+  if (state.helpOpen) {
+    return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(HelpView, {
+      onClose: () => dispatch({ type: "CLOSE_HELP" })
+    }, undefined, false, undefined, this);
+  }
+  const toastChromeH = state.toast?.kind === "doneToggled" ? 2 : 0;
+  const LIST_VIEWPORT_H = Math.max(5, todosH - 8 - toastChromeH);
   const listWindow = sliceWindow2(visible, state.cursor, LIST_VIEWPORT_H);
   if (state.mode === "settings") {
     const settingsTabs = buildSettingsTabs({
@@ -92741,19 +93198,22 @@ function App2({
     });
     const editing = state.settingsEditing;
     if (editing) {
-      return /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(SettingsModal, {
+      return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(SettingsModal, {
         editing,
         state,
         dispatch,
         users,
         invites,
+        projects,
+        onRefresh: refresh,
         onSignedOut
       }, undefined, false, undefined, this);
     }
-    return /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(SettingsView, {
+    return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(SettingsView, {
       tabs: settingsTabs,
       activeTab: state.settingsTab,
       cursor: state.settingsCursor,
+      notice: state.settingsNotice,
       onTabChange: (tab2) => dispatch({ type: "SETTINGS_TAB", tab: tab2 }),
       onCursorChange: (i) => dispatch({ type: "SETTINGS_CURSOR", index: i }),
       onClose: () => dispatch({ type: "CLOSE_SETTINGS" })
@@ -92761,7 +93221,7 @@ function App2({
   }
   if (state.mode === "add" || state.mode === "edit") {
     const editingTodo = state.mode === "edit" && state.editingId ? state.todos.find((t) => t.id === state.editingId) ?? null : null;
-    return /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(TodoEditorView, {
+    return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(TodoEditorView, {
       mode: state.mode,
       defaultTitle: state.mode === "edit" ? state.editingTitle : undefined,
       defaultDescription: state.mode === "edit" ? state.editingDescription || editingTodo?.description || "" : "",
@@ -92770,7 +93230,7 @@ function App2({
     }, undefined, false, undefined, this);
   }
   if (state.mode === "projectAdd") {
-    return /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(ProjectEditorView, {
+    return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(ProjectEditorView, {
       onSubmit: (input) => {
         if (!projects) {
           dispatch({ type: "EXIT_MODE" });
@@ -92791,7 +93251,7 @@ function App2({
   if (state.mode === "projectManage") {
     const proj = state.manageProjectId ? projectById.get(state.manageProjectId) ?? null : null;
     const isOwner2 = !!(proj && identity3?.userId && proj.ownerId === identity3.userId);
-    return /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(ProjectManageView, {
+    return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(ProjectManageView, {
       project: proj,
       members: state.manageMembers,
       membersLoaded: state.manageMembersLoaded,
@@ -92828,7 +93288,7 @@ function App2({
     }, undefined, false, undefined, this);
   }
   if (state.mode === "search") {
-    return /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(SearchView, {
+    return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(SearchView, {
       todos: state.todos,
       projects: state.projects,
       query: state.searchQuery,
@@ -92853,24 +93313,13 @@ function App2({
       return null;
     }
     const proj = current.projectId ? projectById.get(current.projectId) ?? null : null;
-    return /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(TodoDetailView, {
+    return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(TodoDetailView, {
       todo: current,
       project: proj,
       ownerName: identity3?.userName,
       nowMs,
       onClose: () => dispatch({ type: "SEARCH_CLOSE_DETAIL" }),
-      onToggleDone: () => {
-        (async () => {
-          try {
-            const updated = await api.updateTodo(current.id, {
-              done: !current.done
-            });
-            dispatch({ type: "TODO_UPDATED", todo: updated });
-          } catch (err) {
-            dispatch({ type: "LOAD_ERROR", error: err.message });
-          }
-        })();
-      },
+      onToggleDone: () => void toggleDone(current),
       onEdit: () => void enterEditWithFullTodo(current.id, current.title, current.description),
       onDelete: () => {
         (async () => {
@@ -92892,24 +93341,13 @@ function App2({
       return null;
     }
     const proj = current.projectId ? projectById.get(current.projectId) ?? null : null;
-    return /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(TodoDetailView, {
+    return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(TodoDetailView, {
       todo: current,
       project: proj,
       ownerName: identity3?.userName,
       nowMs,
       onClose: () => dispatch({ type: "CLOSE_TODO_DETAIL" }),
-      onToggleDone: () => {
-        (async () => {
-          try {
-            const updated = await api.updateTodo(current.id, {
-              done: !current.done
-            });
-            dispatch({ type: "TODO_UPDATED", todo: updated });
-          } catch (err) {
-            dispatch({ type: "LOAD_ERROR", error: err.message });
-          }
-        })();
-      },
+      onToggleDone: () => void toggleDone(current),
       onEdit: () => void enterEditWithFullTodo(current.id, current.title, current.description),
       onDelete: () => {
         (async () => {
@@ -92925,8 +93363,8 @@ function App2({
     }, undefined, false, undefined, this);
   }
   if (state.mode === "about") {
-    return /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(AboutView, {
-      version: VERSION2,
+    return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(AboutView, {
+      version: VERSION,
       onClose: () => dispatch({ type: "CLOSE_ABOUT" })
     }, undefined, false, undefined, this);
   }
@@ -92934,18 +93372,18 @@ function App2({
     const target = state.deletingProjectId ? state.projects.find((p2) => p2.id === state.deletingProjectId) : null;
     const name = target?.name ?? "this project";
     const todoCount = state.deletingProjectId ? state.todos.filter((t) => t.projectId === state.deletingProjectId).length : 0;
-    return /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(ConfirmDialog, {
+    return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(ConfirmDialog, {
       title: "Delete project",
       tone: color.danger,
       footerMode: "confirm delete",
-      message: /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(jsx_dev_runtime22.Fragment, {
+      message: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(jsx_dev_runtime23.Fragment, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
             wrap: "wrap",
             children: [
               "Delete project",
               " ",
-              /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
                 color: color.accent,
                 bold: true,
                 children: name
@@ -92953,9 +93391,9 @@ function App2({
               "?"
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
               color: color.muted,
               wrap: "wrap",
               children: todoCount > 0 ? `This also removes ${todoCount} todo${todoCount === 1 ? "" : "s"} in this project. Cannot be undone.` : "Cannot be undone."
@@ -92965,135 +93403,123 @@ function App2({
       }, undefined, true, undefined, this)
     }, undefined, false, undefined, this);
   }
-  return /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingX: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
             flexDirection: "column",
             width: leftColW,
             children: [
-              /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(TitledPanel, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(TitledPanel, {
                     title: "Server",
                     width: serverW,
                     paddingY: 1,
                     height: topRowH,
-                    children: [
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Logo, {}, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
-                        marginTop: 1,
-                        children: [
-                          /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
-                            color: color.muted,
-                            children: "serving at "
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
-                            color: color.accent2,
-                            wrap: "truncate",
-                            children: identity3?.server ?? "local"
-                          }, undefined, false, undefined, this)
-                        ]
-                      }, undefined, true, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+                    children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+                      flexDirection: "column",
+                      flexGrow: 1,
+                      justifyContent: "center",
+                      alignItems: "center",
+                      children: [
+                        /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Logo, {}, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+                          marginTop: 1,
+                          children: [
+                            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                              color: color.muted,
+                              children: "serving at "
+                            }, undefined, false, undefined, this),
+                            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                              color: color.accent2,
+                              wrap: "truncate",
+                              children: identity3?.server ?? "local"
+                            }, undefined, false, undefined, this)
+                          ]
+                        }, undefined, true, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this)
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
                     width: topGap
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(TitledPanel, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(TitledPanel, {
                     title: "Status",
                     width: statusW,
                     paddingY: 1,
                     height: topRowH,
-                    children: /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(StatusPanel, {
+                    children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(StatusPanel, {
                       userName: identity3?.userName,
                       server: identity3?.server,
                       configPath: identity3?.configPath,
                       serverInfo,
-                      clientVersion: VERSION2,
+                      clientVersion: VERSION,
                       syncing: state.syncing
                     }, undefined, false, undefined, this)
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
                 height: rowGap
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(TitledPanel, {
+              /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(TitledPanel, {
                 title: "Todos",
                 width: leftColW,
                 paddingY: 1,
                 height: todosH,
                 focused: true,
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
                     children: [
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
-                        color: color.accent,
+                      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                        color: color.accent2,
                         bold: true,
-                        children: totalCount
+                        children: openCount
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+                      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
                         color: color.muted,
-                        children: " todos  "
+                        children: " open  "
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+                      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
                         color: color.muted,
                         dimColor: true,
                         children: icon.dot
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+                      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
                         color: color.muted,
                         children: "  "
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+                      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
                         color: color.success,
                         bold: true,
-                        children: doneCount
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
-                        color: color.muted,
-                        children: " done  "
+                        children: doneTodayCount
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+                      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
                         color: color.muted,
-                        dimColor: true,
-                        children: icon.dot
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
-                        color: color.muted,
-                        children: "  "
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
-                        color: color.accent2,
-                        bold: true,
-                        children: openCount
+                        children: " done today"
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
-                        color: color.muted,
-                        children: " open"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+                      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
                         flexGrow: 1
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+                      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
                         color: color.muted,
                         dimColor: true,
                         children: "sorted by updated"
                       }, undefined, false, undefined, this)
                     ]
                   }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
                     marginTop: 1,
-                    children: /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Tabs, {
+                    children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Tabs, {
                       tabs: [
                         {
                           key: "inbox",
                           label: "Private",
-                          count: state.todos.filter((t) => !t.projectId).length,
+                          count: state.todos.filter((t) => !t.projectId && !t.done).length,
                           kind: "system",
                           prefixIcon: icon.brand
                         },
@@ -93107,7 +93533,7 @@ function App2({
                         ...state.projects.map((p2) => ({
                           key: `p:${p2.id}`,
                           label: p2.name,
-                          count: state.todos.filter((t) => t.projectId === p2.id).length,
+                          count: state.todos.filter((t) => t.projectId === p2.id && !t.done).length,
                           kind: "project",
                           prefixIcon: icon.on,
                           prefixColor: swatchColor(p2.color)
@@ -93116,44 +93542,94 @@ function App2({
                       activeKey: activeTab
                     }, undefined, false, undefined, this)
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+                  state.toast?.kind === "doneToggled" && (() => {
+                    const reopened = state.toast.prevDone;
+                    const glyph = reopened ? icon.open : icon.done;
+                    const tint = reopened ? color.accent2 : color.success;
+                    const verb = reopened ? "reopened" : "completed";
+                    return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+                      marginTop: 1,
+                      children: [
+                        /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                          color: tint,
+                          children: glyph
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                          color: color.muted,
+                          children: ` ${verb} "`
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                          color: color.accent,
+                          children: state.toast.title
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                          color: color.muted,
+                          children: '"'
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+                          flexGrow: 1
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                          color: color.muted,
+                          children: "press "
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                          color: color.accent,
+                          bold: true,
+                          children: "z"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                          color: color.muted,
+                          children: " to undo"
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this);
+                  })(),
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
                     marginTop: 1,
                     flexDirection: "column",
-                    children: showSpinner ? /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Spinner, {
+                    children: showSpinner ? /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Spinner, {
                       label: "Loading todos…"
-                    }, undefined, false, undefined, this) : visible.length === 0 ? /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+                    }, undefined, false, undefined, this) : visible.length === 0 ? state.filter === "done" ? /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
                       color: color.muted,
                       dimColor: true,
                       children: [
                         "  ",
-                        "nothing here — press ",
-                        /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+                        "no completions yet — finished todos land here"
+                      ]
+                    }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
+                      color: color.muted,
+                      dimColor: true,
+                      children: [
+                        "  ",
+                        "nothing here — press",
+                        " ",
+                        /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
                           color: color.accent,
                           children: "i"
                         }, undefined, false, undefined, this),
-                        " ",
-                        "to add a todo"
+                        " to add a todo"
                       ]
-                    }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(jsx_dev_runtime22.Fragment, {
+                    }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(jsx_dev_runtime23.Fragment, {
                       children: [
-                        listWindow.items.map((t, idx) => /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(TodoRow, {
+                        listWindow.items.map((t, idx) => /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(TodoRow, {
                           todo: t,
                           nowMs,
                           highlighted: listWindow.start + idx === state.cursor,
                           width: leftColW - 4
                         }, t.id, false, undefined, this)),
-                        (listWindow.moreAbove > 0 || listWindow.moreBelow > 0) && /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+                        (listWindow.moreAbove > 0 || listWindow.moreBelow > 0) && /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
                           width: leftColW - 4,
                           children: [
-                            /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+                            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
                               color: color.muted,
                               dimColor: true,
                               children: listWindow.moreAbove > 0 ? `↑ ${listWindow.moreAbove} more` : ""
                             }, undefined, false, undefined, this),
-                            /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+                            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
                               flexGrow: 1
                             }, undefined, false, undefined, this),
-                            /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+                            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
                               color: color.muted,
                               dimColor: true,
                               children: listWindow.moreBelow > 0 ? `${listWindow.moreBelow} more ↓` : ""
@@ -93167,97 +93643,97 @@ function App2({
               }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
             width: colGap
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
             flexDirection: "column",
             width: rightColW,
             children: [
-              /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(TitledPanel, {
+              /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(TitledPanel, {
                 title: "Activity",
                 width: rightColW,
                 paddingY: 1,
                 height: activityH,
                 borderTint: color.accent2,
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
                     children: [
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+                      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
                         color: color.muted,
                         dimColor: true,
                         children: "▒"
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+                      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
                         color: color.muted,
                         children: " Created "
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+                      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
                         color: color.accent,
                         children: sum2(createdSeries)
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+                      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
                         color: color.muted,
                         children: "   "
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+                      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
                         color: color.accent,
                         children: "█"
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+                      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
                         color: color.muted,
                         children: " Done "
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+                      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
                         color: color.success,
                         children: sum2(doneSeries)
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+                      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
                         color: color.muted,
                         children: `   · ${ACTIVITY_DAYS} days`
                       }, undefined, false, undefined, this)
                     ]
                   }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
                     marginTop: 1,
-                    children: /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(DualBarChart, {
+                    children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(DualBarChart, {
                       primary: doneSeries,
                       secondary: createdSeries,
                       rows: 5,
                       ySteps: 2
                     }, undefined, false, undefined, this)
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(XAxis, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(XAxis, {
                     days: ACTIVITY_DAYS
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
                     marginTop: 1,
-                    children: /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+                    children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
                       color: color.muted,
                       dimColor: true,
                       children: "─ Recent ".padEnd(Math.max(0, rightColW - 4), "─")
                     }, undefined, false, undefined, this)
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
                     marginTop: 1,
                     flexGrow: 1,
-                    children: /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(ActivityFeed, {
+                    children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(ActivityFeed, {
                       events: state.events,
                       nowMs
                     }, undefined, false, undefined, this)
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
                 height: rowGap
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(TitledPanel, {
+              /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(TitledPanel, {
                 title: "Todo Info",
                 width: rightColW,
                 height: todoInfoH,
                 paddingY: 1,
                 borderTint: color.accent3,
-                children: /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(TodoInfo, {
+                children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(TodoInfo, {
                   todo: visible[state.cursor] ?? null,
                   project: visible[state.cursor]?.projectId ? projectById.get(visible[state.cursor].projectId) ?? null : null,
                   ownerName: identity3?.userName,
@@ -93270,13 +93746,12 @@ function App2({
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      state.error && /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(ErrorAlert, {
+      state.error && /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(ErrorAlert, {
         message: state.error
       }, undefined, false, undefined, this),
-      state.helpOpen && /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(HelpOverlay, {}, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Footer, {
+      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Footer, {
         mode: "normal",
-        version: VERSION2,
+        version: VERSION,
         hints: listHints,
         outerPadX: 1
       }, undefined, false, undefined, this)
@@ -93299,48 +93774,54 @@ function StatusPanel({
       serverInfo?.version || (serverInfo ? "unknown" : "—"),
       color.accent
     ],
-    ["sha", serverInfo?.commit || (serverInfo ? "unknown" : "—"), color.accent],
+    [
+      "sha",
+      serverInfo?.commit ? shortSha(serverInfo.commit) : serverInfo ? "unknown" : "—",
+      color.accent
+    ],
     ["cli", clientVersion, color.accent],
     ["cfg", configPath2 ? tildifyPath(configPath2) : "—", color.muted]
   ];
   const connTint = serverInfo ? color.success : server ? color.warn : color.muted;
   const connLabel = serverInfo ? "connected" : server ? "probing…" : "local";
-  return /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+  const showSyncing = useMinHold(syncing, 600);
+  const spinnerFrame = useSpinnerFrame(showSyncing);
+  return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      rows.map(([label, value, tint]) => /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+      rows.map(([label, value, tint]) => /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
             width: 5,
-            children: /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
               color: color.muted,
               children: label
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
             color: tint,
             wrap: "truncate",
             children: value
           }, undefined, false, undefined, this)
         ]
       }, label, true, undefined, this)),
-      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
         marginTop: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
             color: connTint,
             children: [
               icon.on,
               " "
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
             color: connTint,
             children: connLabel
           }, undefined, false, undefined, this),
-          syncing && /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+          showSyncing && /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
             color: color.muted,
-            children: `  ${icon.dot} syncing`
+            children: `  ${spinnerFrame} syncing`
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this)
@@ -93350,6 +93831,9 @@ function StatusPanel({
 function stripScheme(url) {
   return url.replace(/^https?:\/\//, "");
 }
+function shortSha(sha) {
+  return /^[0-9a-f]{7,}$/i.test(sha) ? sha.slice(0, 7) : sha;
+}
 function tildifyPath(path) {
   const home = homedir2();
   if (home && path.startsWith(home)) {
@@ -93368,28 +93852,28 @@ function TodoRow({
   const bar = highlighted ? icon.selectBar : " ";
   const age = relativeTime(nowMs, todo2.updatedAt);
   const ageWidth = 4;
-  return /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
     width,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
         color: color.accent,
         children: bar
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
         children: " "
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
         color: markColor,
         children: mark
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
         children: " "
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
         flexGrow: 1,
         flexShrink: 1,
         overflow: "hidden",
-        children: /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
           color: highlighted ? color.accent : undefined,
           bold: highlighted,
           dimColor: todo2.done,
@@ -93398,10 +93882,10 @@ function TodoRow({
           children: todo2.title
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
         width: ageWidth,
         justifyContent: "flex-end",
-        children: /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
           color: color.muted,
           children: age
         }, undefined, false, undefined, this)
@@ -93410,7 +93894,7 @@ function TodoRow({
   }, undefined, true, undefined, this);
 }
 function activeProjectId(filter2) {
-  if (filter2 === "inbox")
+  if (typeof filter2 === "string")
     return;
   return filter2.id;
 }
@@ -93442,38 +93926,38 @@ function XAxis({ days }) {
   const gutter = 4;
   const chartWidth = days * 2;
   const totalW = gutter + chartWidth;
-  return /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
     flexDirection: "column",
     width: totalW,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
         width: totalW,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
             color: color.muted,
             children: " ".repeat(gutter)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
             color: color.muted,
             children: "─".repeat(chartWidth)
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
         width: totalW,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
             color: color.muted,
             children: " ".repeat(gutter)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
             color: color.muted,
             children: `${days}d ago`
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
             flexGrow: 1
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text, {
             color: color.muted,
             children: "today"
           }, undefined, false, undefined, this)
@@ -93504,7 +93988,7 @@ function startOfDay(ms) {
   d4.setUTCHours(0, 0, 0, 0);
   return d4.getTime();
 }
-var import_react72, jsx_dev_runtime22, POLL_INTERVAL_MS = 30000, EVENTS_POLL_INTERVAL_MS = 60000, ACTIVITY_DAYS = 14, listHints;
+var import_react73, jsx_dev_runtime23, POLL_INTERVAL_MS = 30000, EVENTS_POLL_INTERVAL_MS = 60000, ACTIVITY_DAYS = 14, listHints;
 var init_App2 = __esm(async () => {
   init_src();
   init_theme15();
@@ -93516,7 +94000,7 @@ var init_App2 = __esm(async () => {
     init_DualBarChart(),
     init_ErrorAlert(),
     init_Footer(),
-    init_HelpOverlay(),
+    init_HelpView(),
     init_Logo(),
     init_SearchView(),
     init_SettingsView(),
@@ -93533,8 +94017,8 @@ var init_App2 = __esm(async () => {
     init_state(),
     init_Sidebar()
   ]);
-  import_react72 = __toESM(require_react(), 1);
-  jsx_dev_runtime22 = __toESM(require_jsx_dev_runtime(), 1);
+  import_react73 = __toESM(require_react(), 1);
+  jsx_dev_runtime23 = __toESM(require_jsx_dev_runtime(), 1);
   listHints = [
     ["␣", "toggle"],
     ["i", "todo"],
@@ -93559,7 +94043,7 @@ function Panel({
   children
 }) {
   const borderColor = focused ? color.accent : borderTint ?? color.muted;
-  return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Box_default, {
     flexDirection: "column",
     borderStyle: "round",
     borderColor,
@@ -93571,11 +94055,11 @@ function Panel({
     children
   }, undefined, false, undefined, this);
 }
-var jsx_dev_runtime23;
+var jsx_dev_runtime24;
 var init_Panel = __esm(async () => {
   init_theme15();
   await init_build2();
-  jsx_dev_runtime23 = __toESM(require_jsx_dev_runtime(), 1);
+  jsx_dev_runtime24 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // apps/cli/src/tui/components/primitives/SectionHeader.tsx
@@ -93585,27 +94069,27 @@ function SectionHeader({
   leadWidth = 3
 }) {
   const lead = "─".repeat(leadWidth);
-  return /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Box_default, {
-    children: /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text, {
+  return /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Box_default, {
+    children: /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text, {
       wrap: "truncate",
       children: [
-        /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text, {
+        /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text, {
           color: color.muted,
           children: [
             lead,
             " "
           ]
         }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text, {
+        /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text, {
           bold: true,
           color: color.accent,
           children: title
         }, undefined, false, undefined, this),
-        hint && /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text, {
+        hint && /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text, {
           color: color.muted,
           children: `  ·  ${hint}`
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text, {
+        /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text, {
           color: color.muted,
           children: ` ${"─".repeat(200)}`
         }, undefined, false, undefined, this)
@@ -93613,32 +94097,32 @@ function SectionHeader({
     }, undefined, true, undefined, this)
   }, undefined, false, undefined, this);
 }
-var jsx_dev_runtime24;
+var jsx_dev_runtime25;
 var init_SectionHeader = __esm(async () => {
   init_theme15();
   await init_build2();
-  jsx_dev_runtime24 = __toESM(require_jsx_dev_runtime(), 1);
+  jsx_dev_runtime25 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // apps/cli/src/tui/components/primitives/Stepper.tsx
 function Stepper({ steps, activeIndex }) {
-  return /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
         children: steps.map((_4, idx) => {
           const state = idx < activeIndex ? "done" : idx === activeIndex ? "active" : "pending";
           const glyph = state === "done" ? icon.stepDone : state === "active" ? icon.stepActive : icon.stepPending;
           const dotColor = state === "done" ? color.success : state === "active" ? color.accent : color.muted;
           const linkColor = idx < activeIndex ? color.success : color.muted;
-          return /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Box_default, {
+          return /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
             width: CELL_WIDTH,
             children: [
-              /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                 color: dotColor,
                 children: glyph
               }, undefined, false, undefined, this),
-              idx < steps.length - 1 && /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text, {
+              idx < steps.length - 1 && /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
                 color: linkColor,
                 children: [
                   " ",
@@ -93652,13 +94136,13 @@ function Stepper({ steps, activeIndex }) {
           }, `d-${idx}`, true, undefined, this);
         })
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
         children: steps.map((label, idx) => {
           const state = idx < activeIndex ? "done" : idx === activeIndex ? "active" : "pending";
           const labelColor = state === "active" ? color.accent : color.muted;
-          return /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Box_default, {
+          return /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
             width: CELL_WIDTH,
-            children: /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text, {
+            children: /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
               color: labelColor,
               bold: state === "active",
               dimColor: state === "pending",
@@ -93670,27 +94154,27 @@ function Stepper({ steps, activeIndex }) {
     ]
   }, undefined, true, undefined, this);
 }
-var jsx_dev_runtime25, CELL_WIDTH = 11;
+var jsx_dev_runtime26, CELL_WIDTH = 11;
 var init_Stepper = __esm(async () => {
   init_theme15();
   await init_build2();
-  jsx_dev_runtime25 = __toESM(require_jsx_dev_runtime(), 1);
+  jsx_dev_runtime26 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // apps/cli/src/tui/components/views/onboarding/Onboarding.tsx
 import os3 from "node:os";
 function Onboarding({ reason = "fresh", onDone }) {
-  const [stage, setStage] = import_react73.useState("server");
-  const [server, setServer] = import_react73.useState(DEFAULT_SERVER);
-  const [info, setInfo] = import_react73.useState(null);
-  const [userName, setUserName] = import_react73.useState(os3.userInfo().username || "");
-  const [password, setPassword] = import_react73.useState("");
-  const [inviteCode, setInviteCode] = import_react73.useState("");
-  const [serverName, setServerName2] = import_react73.useState("");
-  const [serverDesc, setServerDesc] = import_react73.useState("");
-  const [intent, setIntent] = import_react73.useState("login");
-  const [error, setError] = import_react73.useState(null);
-  import_react73.useEffect(() => {
+  const [stage, setStage] = import_react74.useState("server");
+  const [server, setServer] = import_react74.useState(DEFAULT_SERVER);
+  const [info, setInfo] = import_react74.useState(null);
+  const [userName, setUserName] = import_react74.useState(os3.userInfo().username || "");
+  const [password, setPassword] = import_react74.useState("");
+  const [inviteCode, setInviteCode] = import_react74.useState("");
+  const [serverName, setServerName2] = import_react74.useState("");
+  const [serverDesc, setServerDesc] = import_react74.useState("");
+  const [intent, setIntent] = import_react74.useState("login");
+  const [error, setError] = import_react74.useState(null);
+  import_react74.useEffect(() => {
     if (stage !== "probing")
       return;
     let cancelled = false;
@@ -93717,7 +94201,7 @@ function Onboarding({ reason = "fresh", onDone }) {
       cancelled = true;
     };
   }, [stage, server]);
-  import_react73.useEffect(() => {
+  import_react74.useEffect(() => {
     if (stage !== "submitting")
       return;
     let cancelled = false;
@@ -93839,13 +94323,13 @@ function Onboarding({ reason = "fresh", onDone }) {
     setStage("submitting");
   };
   const stepIndex = stepIndexFor(stage);
-  return /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
     flexDirection: "column",
     padding: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
             bold: true,
             color: color.brand,
             children: [
@@ -93853,7 +94337,7 @@ function Onboarding({ reason = "fresh", onDone }) {
               " dox"
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
             color: color.muted,
             children: [
               "   ",
@@ -93862,48 +94346,48 @@ function Onboarding({ reason = "fresh", onDone }) {
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
         marginTop: 1,
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Stepper, {
+        children: /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Stepper, {
           steps: STEPS,
           activeIndex: stepIndex
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(ContextStrip, {
+      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(ContextStrip, {
         server: stage !== "server" ? server : undefined,
         info: stage !== "server" && stage !== "probing" ? info : null,
         inviteCode: intent === "register" && inviteCode ? inviteCode : undefined,
         userName: stage === "enter-password" || stage === "confirm-password" || stage === "enter-server-name" || stage === "enter-server-description" || stage === "submitting" ? userName : undefined
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
         flexDirection: "column",
         marginTop: 1,
         width: 64,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(SectionHeader, {
+          /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(SectionHeader, {
             title: panelTitle(stage, intent)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Panel, {
+          /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Panel, {
             focused: true,
             paddingY: 1,
             width: 64,
             children: [
-              stage === "server" && /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+              stage === "server" && /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
                 flexDirection: "column",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
                     color: color.muted,
                     children: "where does your dox server live?"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
                     marginTop: 1,
                     children: [
-                      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+                      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
                         color: color.muted,
                         children: ">  "
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(TextInput, {
+                      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(TextInput, {
                         defaultValue: server,
                         placeholder: DEFAULT_SERVER,
                         onSubmit: submitServer
@@ -93912,43 +94396,43 @@ function Onboarding({ reason = "fresh", onDone }) {
                   }, undefined, true, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              stage === "probing" && /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Spinner, {
+              stage === "probing" && /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Spinner, {
                 label: `connecting to ${server}…`
               }, undefined, false, undefined, this),
-              stage === "choose-branch" && /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+              stage === "choose-branch" && /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
                 flexDirection: "column",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
                     color: color.muted,
                     children: "how would you like to connect?"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
                     flexDirection: "column",
                     marginTop: 1,
                     children: [
-                      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+                      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
                         children: [
-                          /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+                          /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
                             color: color.accent,
                             bold: true,
                             children: "  1  "
                           }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+                          /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
                             children: "Log in to an existing account on this server"
                           }, undefined, false, undefined, this)
                         ]
                       }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+                      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
                         children: [
-                          /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+                          /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
                             color: color.accent,
                             bold: true,
                             children: "  2  "
                           }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+                          /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
                             children: "Create a new account "
                           }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+                          /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
                             color: color.muted,
                             children: info && info.registrationOpen ? "(open — no invite needed)" : "(invite code required)"
                           }, undefined, false, undefined, this)
@@ -93956,30 +94440,30 @@ function Onboarding({ reason = "fresh", onDone }) {
                       }, undefined, true, undefined, this)
                     ]
                   }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
                     marginTop: 1,
-                    children: /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+                    children: /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
                       color: color.muted,
                       children: "press 1 or 2"
                     }, undefined, false, undefined, this)
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              stage === "enter-invite" && /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+              stage === "enter-invite" && /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
                 flexDirection: "column",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
                     color: color.muted,
                     children: "paste your invite code"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
                     marginTop: 1,
                     children: [
-                      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+                      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
                         color: color.muted,
                         children: ">  "
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(TextInput, {
+                      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(TextInput, {
                         placeholder: "ABCD-EFGH",
                         onSubmit: submitInvite
                       }, undefined, false, undefined, this)
@@ -93987,21 +94471,21 @@ function Onboarding({ reason = "fresh", onDone }) {
                   }, undefined, true, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              stage === "enter-username" && /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+              stage === "enter-username" && /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
                 flexDirection: "column",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
                     color: color.muted,
                     children: intent === "login" ? "your username" : "pick a username"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
                     marginTop: 1,
                     children: [
-                      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+                      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
                         color: color.muted,
                         children: ">  "
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(TextInput, {
+                      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(TextInput, {
                         defaultValue: userName,
                         onSubmit: submitUserName
                       }, undefined, false, undefined, this)
@@ -94009,21 +94493,21 @@ function Onboarding({ reason = "fresh", onDone }) {
                   }, undefined, true, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              stage === "enter-password" && /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+              stage === "enter-password" && /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
                 flexDirection: "column",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
                     color: color.muted,
                     children: intent === "login" ? "your password" : `pick a password (min ${MIN_PASSWORD_LEN} chars)`
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
                     marginTop: 1,
                     children: [
-                      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+                      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
                         color: color.muted,
                         children: ">  "
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(TextInput, {
+                      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(TextInput, {
                         placeholder: "••••••••",
                         onSubmit: submitPassword
                       }, undefined, false, undefined, this)
@@ -94031,21 +94515,21 @@ function Onboarding({ reason = "fresh", onDone }) {
                   }, undefined, true, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              stage === "confirm-password" && /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+              stage === "confirm-password" && /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
                 flexDirection: "column",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
                     color: color.muted,
                     children: "confirm password"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
                     marginTop: 1,
                     children: [
-                      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+                      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
                         color: color.muted,
                         children: ">  "
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(TextInput, {
+                      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(TextInput, {
                         placeholder: "••••••••",
                         onSubmit: submitConfirmPassword
                       }, undefined, false, undefined, this)
@@ -94053,28 +94537,28 @@ function Onboarding({ reason = "fresh", onDone }) {
                   }, undefined, true, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              stage === "enter-server-name" && /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+              stage === "enter-server-name" && /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
                 flexDirection: "column",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
                     color: color.muted,
                     children: [
                       "give this server a display name",
                       " ",
-                      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+                      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
                         dimColor: true,
                         children: "(leave blank to skip)"
                       }, undefined, false, undefined, this)
                     ]
                   }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
                     marginTop: 1,
                     children: [
-                      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+                      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
                         color: color.muted,
                         children: ">  "
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(TextInput, {
+                      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(TextInput, {
                         placeholder: "Alice's Dox",
                         onSubmit: submitServerName
                       }, undefined, false, undefined, this)
@@ -94082,27 +94566,27 @@ function Onboarding({ reason = "fresh", onDone }) {
                   }, undefined, true, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              stage === "enter-server-description" && /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+              stage === "enter-server-description" && /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
                 flexDirection: "column",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
                     color: color.muted,
                     children: [
                       "one-line description ",
-                      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+                      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
                         dimColor: true,
                         children: "(leave blank to skip)"
                       }, undefined, false, undefined, this)
                     ]
                   }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
                     marginTop: 1,
                     children: [
-                      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+                      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
                         color: color.muted,
                         children: ">  "
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(TextInput, {
+                      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(TextInput, {
                         placeholder: "family todos",
                         onSubmit: submitServerDesc
                       }, undefined, false, undefined, this)
@@ -94110,23 +94594,23 @@ function Onboarding({ reason = "fresh", onDone }) {
                   }, undefined, true, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              stage === "submitting" && /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Spinner, {
+              stage === "submitting" && /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Spinner, {
                 label: intent === "login" ? "logging in…" : "creating account…"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      error && /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(ErrorAlert, {
+      error && /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(ErrorAlert, {
         message: error
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
         marginTop: 1,
         paddingX: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
           color: color.muted,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
               color: color.accent,
               children: "Ctrl+C"
             }, undefined, false, undefined, this),
@@ -94209,11 +94693,11 @@ function ContextStrip({
     chips.push({ label: "user", value: userName });
   if (chips.length === 0)
     return null;
-  return /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
     flexDirection: "column",
-    children: chips.map((c) => /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+    children: chips.map((c) => /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
       children: [
-        /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+        /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
           color: color.success,
           children: [
             " ",
@@ -94221,14 +94705,14 @@ function ContextStrip({
             " "
           ]
         }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+        /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
           color: color.muted,
           children: [
             c.label,
             ": "
           ]
         }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text, {
+        /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text, {
           color: c.tone ?? undefined,
           children: c.value
         }, undefined, false, undefined, this)
@@ -94236,7 +94720,7 @@ function ContextStrip({
     }, c.label, true, undefined, this))
   }, undefined, false, undefined, this);
 }
-var import_react73, jsx_dev_runtime26, DEFAULT_SERVER = "http://localhost:8080", STEPS, MIN_PASSWORD_LEN = 8;
+var import_react74, jsx_dev_runtime27, DEFAULT_SERVER = "http://localhost:6278", STEPS, MIN_PASSWORD_LEN = 8;
 var init_Onboarding = __esm(async () => {
   init_src();
   init_theme15();
@@ -94248,8 +94732,8 @@ var init_Onboarding = __esm(async () => {
     init_SectionHeader(),
     init_Stepper()
   ]);
-  import_react73 = __toESM(require_react(), 1);
-  jsx_dev_runtime26 = __toESM(require_jsx_dev_runtime(), 1);
+  import_react74 = __toESM(require_react(), 1);
+  jsx_dev_runtime27 = __toESM(require_jsx_dev_runtime(), 1);
   STEPS = ["Server", "Method", "Account", "Password"];
 });
 
@@ -94259,9 +94743,9 @@ __export(exports_tui, {
   runTui: () => runTui
 });
 function Root({ initialConfig, initialReason }) {
-  const [config2, setConfig] = import_react74.useState(initialConfig);
+  const [config2, setConfig] = import_react75.useState(initialConfig);
   if (!config2) {
-    return /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Onboarding, {
+    return /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Onboarding, {
       reason: initialReason,
       onDone: setConfig
     }, undefined, false, undefined, this);
@@ -94272,7 +94756,7 @@ function Root({ initialConfig, initialReason }) {
   const events = new EventClient(fetcher2, config2.server);
   const users = new UserClient(fetcher2, config2.server);
   const invites = new InviteClient(fetcher2, config2.server);
-  return /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(App2, {
+  return /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(App2, {
     api,
     projects,
     events,
@@ -94299,13 +94783,13 @@ async function runTui() {
       initialReason = "reauth";
     }
   }
-  const app = render_default(/* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Root, {
+  const app2 = render_default(/* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Root, {
     initialConfig,
     initialReason
   }, undefined, false, undefined, this));
-  await app.waitUntilExit();
+  await app2.waitUntilExit();
 }
-var import_react74, jsx_dev_runtime27;
+var import_react75, jsx_dev_runtime28;
 var init_tui = __esm(async () => {
   init_src();
   await __promiseAll([
@@ -94313,8 +94797,8 @@ var init_tui = __esm(async () => {
     init_App2(),
     init_Onboarding()
   ]);
-  import_react74 = __toESM(require_react(), 1);
-  jsx_dev_runtime27 = __toESM(require_jsx_dev_runtime(), 1);
+  import_react75 = __toESM(require_react(), 1);
+  jsx_dev_runtime28 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // node_modules/.bun/commander@14.0.3/node_modules/commander/esm.mjs
@@ -94333,6 +94817,29 @@ var {
   Help
 } = import__.default;
 
+// apps/cli/src/banner.ts
+var LOGO_ROWS = [
+  "       __          ",
+  "  ____/ /___  _  __",
+  " / __  / __ \\| |/_/",
+  "/ /_/ / /_/ />  <  ",
+  "\\__,_/\\____/_/|_|  "
+];
+var BRAND_ON = "\x1B[1;95m";
+var ANSI_OFF = "\x1B[0m";
+function renderVersionBanner() {
+  const color = process.stdout.isTTY;
+  const lines = [""];
+  for (const row of LOGO_ROWS) {
+    lines.push(color ? `${BRAND_ON}${row}${ANSI_OFF}` : row);
+  }
+  lines.push("");
+  lines.push(`  dox ${VERSION} (${COMMIT})`);
+  lines.push("");
+  return lines.join(`
+`);
+}
+
 // node_modules/.bun/@clack+core@0.4.2/node_modules/@clack/core/dist/index.mjs
 var import_sisteransi = __toESM(require_src(), 1);
 import { stdin as j, stdout as M } from "node:process";
@@ -94911,7 +95418,7 @@ async function acceptInviteCmd(codeArg, opts) {
     }
     return;
   }
-  const server = opts.server ?? await promptText("Server URL:", "http://localhost:8080");
+  const server = opts.server ?? await promptText("Server URL:", "http://localhost:6278");
   try {
     await fetchServerInfo(server);
   } catch (err) {
@@ -94947,6 +95454,29 @@ async function passwdCmd(opts) {
   console.log("password changed.");
 }
 
+// apps/cli/src/cli/config.ts
+init_src();
+function loadOrExit() {
+  return loadConfig().then((cfg) => {
+    if (!cfg) {
+      console.error("dox: not logged in. Run 'dox register --server <url>' first.");
+      process.exit(1);
+    }
+    return cfg;
+  });
+}
+async function setDefaultProject(value, _opts) {
+  const cfg = await loadOrExit();
+  const clear = value === "" || value === "none" || value === "clear";
+  cfg.defaultProject = clear ? undefined : value;
+  await saveConfig(cfg);
+  if (clear) {
+    console.log(`default project cleared (${getConfigPath()}).`);
+  } else {
+    console.log(`default project = ${value} (${getConfigPath()}).`);
+  }
+}
+
 // apps/cli/src/cli/context.ts
 init_src();
 async function buildContext(opts) {
@@ -94980,8 +95510,29 @@ async function withContext(opts, fn) {
   }
 }
 
+// apps/cli/src/cli/invite.ts
+var list = (opts) => withContext(opts, async ({ invites, output: output2 }) => {
+  const rows = await invites.listOutgoing();
+  if (rows.length === 0) {
+    output2.ok("(no outgoing invites)", { invites: rows });
+    return;
+  }
+  const lines = rows.map((r) => {
+    const hash = r.codeHash.slice(0, 12);
+    const expires = new Date(Number(r.expiresAt)).toISOString();
+    const target = r.projectId ? `project=${r.projectName}` : "server-level";
+    return `${hash}…  ${r.role.padEnd(7)}  ${target.padEnd(28)}  expires ${expires}`;
+  });
+  output2.ok(lines.join(`
+`), { invites: rows });
+});
+var revoke = (codeHash, opts) => withContext(opts, async ({ invites, output: output2 }) => {
+  await invites.revoke(codeHash);
+  output2.ok(`revoked ${codeHash}`, { revoked: codeHash });
+});
+
 // apps/cli/src/cli/project.ts
-var list = (opts) => withContext(opts, async ({ projects, output: output2 }) => {
+var list2 = (opts) => withContext(opts, async ({ projects, output: output2 }) => {
   const rows = await projects.list();
   output2.ok(rows.map((p2) => `${p2.id.slice(0, 8)}  ${p2.archived ? "[archived] " : ""}${p2.name}`).join(`
 `) || "(no projects)", { projects: rows });
@@ -95074,6 +95625,28 @@ Temp password: ${tempPassword}
 Relay this out-of-band; the user should run \`dox passwd\` after first login.`, { userName, tempPassword });
 });
 
+// apps/cli/src/cli/helpers.ts
+import { readFile as readFile2 } from "node:fs/promises";
+async function readDescription(opts) {
+  if (opts.description !== undefined && opts.descriptionFile !== undefined) {
+    throw new Error("use either --description or --description-file, not both");
+  }
+  if (opts.description !== undefined)
+    return opts.description;
+  if (opts.descriptionFile === undefined)
+    return;
+  if (opts.descriptionFile === "-")
+    return readStdin();
+  return readFile2(opts.descriptionFile, "utf-8");
+}
+async function readStdin() {
+  let data = "";
+  process.stdin.setEncoding("utf-8");
+  for await (const chunk of process.stdin)
+    data += chunk;
+  return data;
+}
+
 // apps/cli/src/cli/todo.ts
 function resolveFilter(opts, defaultProject) {
   const raw = opts.project ?? defaultProject;
@@ -95081,7 +95654,7 @@ function resolveFilter(opts, defaultProject) {
     return;
   return raw;
 }
-var list2 = (opts) => withContext(opts, async ({ api, output: output2, defaultProject }) => {
+var list3 = (opts) => withContext(opts, async ({ api, output: output2, defaultProject }) => {
   const todos = await api.listTodos(resolveFilter(opts, defaultProject));
   output2.todos(todos);
 });
@@ -95091,8 +95664,10 @@ var get = (id, opts) => withContext(opts, async ({ api, output: output2 }) => {
 });
 var add = (title, opts) => withContext(opts, async ({ api, output: output2, defaultProject }) => {
   const project2 = resolveFilter(opts, defaultProject);
+  const description = await readDescription(opts);
   const todo2 = await api.createTodo(title, {
-    projectId: project2 === "inbox" ? undefined : project2
+    projectId: project2 === "inbox" ? undefined : project2,
+    description
   });
   output2.todo(todo2);
 });
@@ -95104,8 +95679,20 @@ var undone = (id, opts) => withContext(opts, async ({ api, output: output2 }) =>
   const todo2 = await api.updateTodo(id, { done: false });
   output2.todo(todo2);
 });
-var edit = (id, title, opts) => withContext(opts, async ({ api, output: output2 }) => {
-  const todo2 = await api.updateTodo(id, { title });
+var edit = (id, opts) => withContext(opts, async ({ api, output: output2 }) => {
+  if (opts.clearDescription) {
+    if (opts.description !== undefined || opts.descriptionFile !== undefined) {
+      throw new Error("--clear-description cannot be combined with --description / --description-file");
+    }
+  }
+  const description = opts.clearDescription ? "" : await readDescription(opts);
+  if (opts.title === undefined && description === undefined) {
+    throw new Error("nothing to update — pass --title, --description, --description-file, or --clear-description");
+  }
+  const todo2 = await api.updateTodo(id, {
+    title: opts.title,
+    description
+  });
   output2.todo(todo2);
 });
 var rm2 = (id, opts) => withContext(opts, async ({ api, output: output2 }) => {
@@ -95114,7 +95701,7 @@ var rm2 = (id, opts) => withContext(opts, async ({ api, output: output2 }) => {
 });
 
 // apps/cli/src/version.ts
-var VERSION = "v0.1.0";
+var VERSION2 = "v1.0.0";
 
 // apps/cli/src/index.ts
 var args = process.argv.slice(2);
@@ -95123,19 +95710,24 @@ if (args.length === 0 && process.stdout.isTTY) {
   await runTui2();
   process.exit(0);
 }
+if (args[0] === "--version" || args[0] === "-V" || args[0] === "version") {
+  process.stdout.write(renderVersionBanner() + `
+`);
+  process.exit(0);
+}
 var program2 = new Command;
-program2.name("dox").description("Self-hosted personal todo \u2014 thin client").version(VERSION).option("--json", "output JSON for machine consumption");
-program2.command("register").description("Create an account on a dox server (first user becomes the owner)").requiredOption("--server <url>", "server URL, e.g. http://localhost:8080").option("--name <username>", "username").option("--password <password>", "password (min 8 chars)").option("--invite <code>", "invite code (required if registration is closed)").action(registerCmd);
-program2.command("login").description("Log in to an existing account on a dox server").requiredOption("--server <url>", "server URL, e.g. http://localhost:8080").option("--name <username>", "username").option("--password <password>", "password").action(loginCmd);
+program2.name("dox").description("Self-hosted personal todo \u2014 thin client").version(VERSION2).option("--json", "output JSON for machine consumption");
+program2.command("register").description("Create an account on a dox server (first user becomes the owner)").requiredOption("--server <url>", "server URL, e.g. http://localhost:6278").option("--name <username>", "username").option("--password <password>", "password (min 8 chars)").option("--invite <code>", "invite code (required if registration is closed)").action(registerCmd);
+program2.command("login").description("Log in to an existing account on a dox server").requiredOption("--server <url>", "server URL, e.g. http://localhost:6278").option("--name <username>", "username").option("--password <password>", "password").action(loginCmd);
 program2.command("logout").description("Remove local credentials. Server-side token expires on its own.").action(logoutCmd);
 program2.command("passwd").description("Change your password").option("--old <password>", "current password").option("--new <password>", "new password (min 8 chars)").action(function() {
   return passwdCmd(this.optsWithGlobals());
 });
 program2.command("accept <code>").description("Accept an invite (joins a project, or registers + joins if not logged in)").option("--server <url>", "server URL (only needed if not logged in)").action(acceptInviteCmd);
 program2.command("list").alias("ls").description("List visible todos (Inbox + all projects you can see)").option("--project <id>", "filter to a project, 'inbox', or 'all'").action(function() {
-  return list2(this.optsWithGlobals());
+  return list3(this.optsWithGlobals());
 });
-program2.command("add <title>").description("Create a new todo").option("--project <id>", "place in a specific project (default: Inbox)").action(function(title) {
+program2.command("add <title>").description("Create a new todo").option("--project <id>", "place in a specific project (default: Inbox)").option("--description <text>", "markdown body").option("--description-file <path>", "read markdown body from file ('-' for stdin)").action(function(title) {
   return add(title, this.optsWithGlobals());
 });
 program2.command("get <id>").description("Show a single todo by id (or unique prefix)").action(function(id) {
@@ -95147,17 +95739,17 @@ program2.command("done <id>").description("Mark a todo as done").action(function
 program2.command("undone <id>").description("Mark a todo as not done").action(function(id) {
   return undone(id, this.optsWithGlobals());
 });
-program2.command("edit <id>").description("Edit a todo's title").requiredOption("--title <text>", "new title").action(function(id, opts) {
-  return edit(id, opts.title, this.optsWithGlobals());
+program2.command("edit <id>").description("Edit a todo. For rich multi-line markdown editing, run `dox` for the TUI.").option("--title <text>", "new title").option("--description <text>", "new markdown body").option("--description-file <path>", "read new markdown body from file ('-' for stdin)").option("--clear-description", "remove the markdown body").action(function(id) {
+  return edit(id, this.optsWithGlobals());
 });
 program2.command("rm <id>").alias("del").description("Delete a todo permanently").action(function(id) {
   return rm2(id, this.optsWithGlobals());
 });
 var proj = program2.command("project").alias("p").description("Manage projects");
 proj.command("list").alias("ls").description("List projects you can see").action(function() {
-  return list(this.optsWithGlobals());
+  return list2(this.optsWithGlobals());
 });
-proj.command("create <name>").description("Create a project (you become its owner)").option("--description <text>").option("--color <code>").action(function(name) {
+proj.command("create <name>").description("Create a project (you become its owner). description/color can only be edited later from the TUI \u2014 run `dox`.").option("--description <text>").option("--color <code>").action(function(name) {
   return create(name, this.optsWithGlobals());
 });
 proj.command("rename <id> <name>").description("Rename a project (owner only)").action(function(id, name) {
@@ -95203,4 +95795,15 @@ srv.command("set-description <desc>").description("Set the server's one-line des
 srv.command("reset-password <user-name>").description("Reset a user's password and print a one-time temp password").action(function(name) {
   return resetUserPassword(name, this.optsWithGlobals());
 });
+var inv = program2.command("invite").description("Manage outgoing invite codes");
+inv.command("list").alias("ls").description("List invite codes you've issued (not yet redeemed/expired)").action(function() {
+  return list(this.optsWithGlobals());
+});
+inv.command("revoke <codeHash>").description("Revoke an outgoing invite by its codeHash (from `invite list`)").action(function(hash) {
+  return revoke(hash, this.optsWithGlobals());
+});
+var cfg = program2.command("config").description("Read / write ~/.config/dox/config.toml");
+cfg.command("default-project <value>").description("Set default project filter. value = project id, 'inbox', or 'none' to clear.").action(function(value) {
+  return setDefaultProject(value, this.optsWithGlobals());
+});
 await program2.parseAsync(process.argv);