@tenyokjs/devdevian-cli 0.2.0-alpha.1 → 0.3.1-alpha.1

package/README.md

@@ -15,17 +15,43 @@ Login opens a browser. Compare the code shown in the terminal, sign in to Devdev
 The default `devdevian` command and `devdevian tui` open an alternate terminal screen. Navigation, conversations, inline forms, previews and search update in that screen; exiting restores your normal terminal. The blue and purple layout adapts to the terminal size, with compact navigation below 90 columns. Minimum size: 60 columns × 18 rows.
 
 - **Tab** switches between navigation, content and the command bar. **↑/↓** select; **Enter** opens; **Esc** goes back.
-- **/** focuses search and commands: `/feed`, `/inbox`, `/search query`, `/open 142`, `/ask`, `/review`, `/communities`, `/devices`, `/help`, `/logout`, `/quit`.
+- **/** focuses search and commands: `/feed`, `/inbox`, `/search query`, `/open 142`, `/ask`, `/review`, `/drafts`, `/communities`, `/devices`, `/help`, `/logout`, `/quit`.
 - **←/→** switch conversation tabs; **Space** reads the selected reply/remark in full. **[ / ]** paginate; **Page Up/Down** scroll.
 - **N** creates a conversation (a community on the Communities screen); **A** asks a question; **R** replies inside a conversation; **Shift+R** refreshes.
-- **C** comments on snippet lines; **E/D** edit/delete your own feedback; **S** resolves/reopens a code remark as the publication author; **!** reports selected code feedback.
-- In forms, **Tab/Shift+Tab** change fields, arrows choose options or move the text cursor, **Enter** adds a line, **Ctrl+S** opens the preview. Publication requires a separate confirmation; Escape asks before discarding a draft. Drafts are kept in memory only.
-- **Ctrl+C** exits. With an unsent draft, confirm leaving or press Ctrl+C again.
+- **C** comments on snippet lines; **E/D** edit/delete your own ordinary replies or code feedback; **S** resolves/reopens a code remark as the publication author; **!** reports selected code feedback.
+- In forms, **Tab/Shift+Tab** change fields, arrows choose options or move the text cursor, **Enter** adds a line, **Ctrl+S** opens the preview. Publication requires a separate confirmation; Escape asks before discarding a draft. Drafts auto-save locally after a short pause and can be restored from **Local drafts** or `/drafts`.
+- **Ctrl+C** exits. With an unsent draft, confirm saving and leaving or press Ctrl+C again to force exit.
 
 `devdevian open` launches Terminal on macOS, Windows Terminal on Windows, or GNOME Terminal/Konsole/xterm on a Linux desktop. A graphical desktop and an installed supported terminal are required; over SSH and inside an editor, use `devdevian tui`. Window launchers still need platform-specific user testing; terminal rendering and input are covered by macOS/Linux pseudo-terminal checks.
 
 Pages have a bounded 30-second in-memory cache. Refresh explicitly with Shift+R. Network errors stay inside the workspace; failed writes are never automatically retried. Existing web permissions and server validation apply to every operation.
 
+Ordinary reply deletion replaces your text with a placeholder and preserves nested replies. Its attachments become unavailable. Deleting an accepted answer reopens the question. D/d works on a selected reply or while reading it in full; confirmation is required.
+
+## Project files and Git changes
+
+Start inside your project (`cd PROJECT1 && devdevian tui`) or use `devdevian tui --project /path/to/PROJECT1`. `devdevian open --project /path/to/PROJECT1` carries the same project into a new terminal window. The project root stays fixed for the session.
+
+In a **Code review** form:
+
+1. Press **Ctrl+O** to browse project files, or **Ctrl+G** to browse Git changes. These shortcuts work from any review field. Enter on an empty Code file field also opens the explorer.
+2. **↑/↓** select entries; **Enter** opens a directory or previews a file; **←/Backspace** goes to the parent directory. **/** filters names in the current directory, **H** shows hidden files and **G** switches Files/Git changes. Wide terminals show the file list next to the preview; compact terminals use the available width for code.
+3. In a file preview, use **↑/↓** or **Page Up/Down** to move. **Space** starts a line selection; move to extend it, or press Space again to reset. **←/→** scroll long lines horizontally. **Enter** uses the file/range; **Esc** returns to the list.
+4. In Git changes, **T** switches **unstaged/staged**. The preview initially includes all hunks for one file; **[ / ]** choose the whole patch or an individual hunk. **Enter** uses that selection. Untracked files are selected through Files; binary diffs/submodules are excluded.
+5. Fill in title, focus and context. **Ctrl+S** shows the exact code and audience to publish. Publication requires a separate confirmation.
+
+The explorer excludes `.git`, dependency/build directories, symlinks, common environment/credential/key filenames and (inside Git repositories) ignored paths. No content scanner can identify every secret: inspect the publication preview before confirming. Git is required for changes and `.gitignore` detection; ordinary file selection also works without Git. Git reads disable external diff/textconv/fsmonitor helpers and never stage, commit, reset or execute project code.
+
+File previews accept UTF-8 text up to **512 KiB**; a published snippet/patch is **10–20,000 characters**. Large files can be narrowed to a range and large patches to one hunk. Git patches appear as ordinary review snippets on the website; review line numbers count the **published patch including headers**, not the original source file. Source paths are relative to the project. If the selected patch changes before the publication preview, selection must be repeated. Publication uses the confirmed preview snapshot.
+
+## Local drafts
+
+Publication, reply, feedback, edit and community forms save locally after a **450 ms** pause. Explicit draft discard removes that draft; successful publication removes it too. `/drafts` lists saved drafts for the current **server, account and project directory**. Nothing is uploaded by autosave. Switching accounts or projects does not expose another scope's drafts.
+
+Draft files live under the CLI credentials directory in `drafts/<scope>/`, with Unix file permissions `0600` and new directories `0700`. They contain your text and file/diff selection descriptors, **not copies of selected source files or patches**. They are local JSON files, not encrypted; protect your OS account and do not commit/share this directory. The history retains up to **20 drafts per scope for 30 days**. An abrupt termination may lose the most recent input before autosave; these drafts are not a backup service.
+
+Restoring a review rereads the local source at the publication preview. Changed Git selections require reselection. A private audience that is no longer accessible is preserved as unavailable until you explicitly choose an available audience; it never silently becomes public.
+
 ## Everyday commands
 
 ```sh

package/bin/devdevian.mjs

@@ -34,6 +34,7 @@ const options = {
   revision: { type: "string" },
   "reply-id": { type: "string" },
   name: { type: "string" },
+  project: { type: "string" },
   yes: { type: "boolean" },
   json: { type: "boolean" },
   editor: { type: "boolean" },
@@ -94,6 +95,7 @@ const help = `Devdevian CLI ${version} · alpha
   devdevian review reopen POST_ID REVIEW_ID
   devdevian communities [--page 2]
 
+  --project PATH     Root directory for the live file/diff picker (default: current directory)
   --community ID     Publish to an approved private community
   --editor           Write text in $VISUAL / $EDITOR
   --json             Machine-readable output
@@ -472,7 +474,7 @@ try {
     await (await import("../lib/tui.mjs")).startTui(values);
   else if (positionals[0] === "open") {
     const args = [];
-    for (const key of ["host", "name"])
+    for (const key of ["host", "name", "project"])
       if (values[key]) args.push("--" + key, values[key]);
     if (values["no-open"]) args.push("--no-open");
     await (

package/lib/drafts.mjs

@@ -0,0 +1,119 @@
+import {
+  mkdir,
+  lstat,
+  readdir,
+  readFile,
+  writeFile,
+  rename,
+  unlink,
+} from "node:fs/promises";
+import { dirname, join } from "node:path";
+import { createHash, randomBytes } from "node:crypto";
+import { configFile } from "./client.mjs";
+const digest = (value) =>
+  createHash("sha256").update(JSON.stringify(value)).digest("hex");
+const MAX = 128 * 1024,
+  TTL = 30 * 86400000;
+export function draftIdentity(form) {
+  return /^[a-f0-9]{64}$/.test(form.draftId || "")
+    ? form.draftId
+    : digest([
+        form.kind,
+        form.postId || "",
+        form.url || "",
+        form.parentId || "",
+      ]);
+}
+export class DraftStore {
+  constructor({ origin, userId, root, env = process.env }) {
+    this.scope = digest([origin, userId, root]);
+    this.directory = join(dirname(configFile(env)), "drafts", this.scope);
+    this.root = root;
+  }
+  async ensure() {
+    const base = dirname(dirname(this.directory));
+    await mkdir(base, { recursive: true, mode: 0o700 });
+    for (const directory of [base, dirname(this.directory), this.directory]) {
+      await mkdir(directory, { recursive: true, mode: 0o700 });
+      const info = await lstat(directory);
+      if (!info.isDirectory() || info.isSymbolicLink())
+        throw Error("The draft directory must be a real directory.");
+    }
+  }
+  async read(id) {
+    if (!/^[a-f0-9]{64}$/.test(id)) throw Error("Invalid draft ID.");
+    const file = join(this.directory, id + ".json");
+    const info = await lstat(file);
+    if (!info.isFile() || info.isSymbolicLink() || info.size > MAX)
+      throw Error("Invalid draft file.");
+    if (process.platform !== "win32" && info.mode & 0o077)
+      throw Error("Draft file permissions must be 600.");
+    const record = JSON.parse(await readFile(file, "utf8"));
+    if (
+      !Number.isFinite(record.savedAt) ||
+      record.version !== 1 ||
+      record.scope !== this.scope ||
+      record.id !== id ||
+      Date.now() - record.savedAt > TTL ||
+      record.savedAt > Date.now() + 60000 ||
+      !["publication", "reply", "line", "edit", "community"].includes(
+        record.form?.kind,
+      ) ||
+      !record.form?.values ||
+      typeof record.form.values !== "object" ||
+      Array.isArray(record.form.values)
+    )
+      throw Error("Draft expired or is invalid.");
+    return record;
+  }
+  async list() {
+    await this.ensure();
+    const names = await readdir(this.directory),
+      rows = [];
+    for (const name of names) {
+      if (!/^[a-f0-9]{64}\.json$/.test(name)) continue;
+      try {
+        rows.push(await this.read(name.slice(0, -5)));
+      } catch {
+        /* A corrupt or expired local draft never prevents opening the workspace. */
+      }
+    }
+    return rows.sort((a, b) => b.savedAt - a.savedAt).slice(0, 20);
+  }
+  async save(form) {
+    if (
+      ["open", "report"].includes(form.kind) ||
+      !["title", "body", "name", "description", "file", "review_focus"].some(
+        (key) => String(form.values[key] || "").trim(),
+      )
+    )
+      return;
+    await this.ensure();
+    const id = draftIdentity(form),
+      record = { version: 1, id, scope: this.scope, savedAt: Date.now(), form };
+    const body = JSON.stringify(record);
+    if (Buffer.byteLength(body) > MAX)
+      throw Error("This draft is too large to save locally.");
+    const temp = join(this.directory, "." + randomBytes(12).toString("hex"));
+    try {
+      await writeFile(temp, body, { mode: 0o600, flag: "wx" });
+      await rename(temp, join(this.directory, id + ".json"));
+    } finally {
+      await unlink(temp).catch((e) => {
+        if (e.code !== "ENOENT") throw e;
+      });
+    }
+    const rows = await this.list();
+    const keep = new Set(rows.map((row) => row.id));
+    for (const file of await readdir(this.directory))
+      if (/^[a-f0-9]{64}\.json$/.test(file) && !keep.has(file.slice(0, -5)))
+        await this.remove(file.slice(0, -5));
+    return id;
+  }
+  async remove(id) {
+    if (!/^[a-f0-9]{64}$/.test(id)) throw Error("Invalid draft ID.");
+    await unlink(join(this.directory, id + ".json")).catch((e) => {
+      if (e.code !== "ENOENT") throw e;
+    });
+  }
+}

package/lib/picker.mjs

@@ -0,0 +1,421 @@
+import React, { useState, useEffect, useRef } from "react";
+import { Box, Text, useInput } from "ink";
+import { basename, dirname } from "node:path";
+import { clip, editText, graphemes } from "./tui-model.mjs";
+import {
+  listFiles,
+  listChanges,
+  readCodeFile,
+  readDiff,
+  selectLines,
+} from "./workspace.mjs";
+const h = React.createElement,
+  c = {
+    text: "#e0e7ff",
+    muted: "#8190af",
+    blue: "#79b8ff",
+    purple: "#b29aff",
+    green: "#70d6b0",
+    red: "#ff9baf",
+    bg: "#12192b",
+    selected: "#29345b",
+  };
+export function WorkspacePicker({
+  root,
+  width,
+  height,
+  initial = "files",
+  onSelect,
+  onCancel,
+}) {
+  const [mode, setMode] = useState(initial),
+    [folder, setFolder] = useState("."),
+    [hidden, setHidden] = useState(false),
+    [staged, setStaged] = useState(false),
+    [query, setQuery] = useState(""),
+    [queryCursor, setQueryCursor] = useState(0),
+    [searching, setSearching] = useState(false),
+    [items, setItems] = useState([]),
+    [index, setIndex] = useState(0),
+    [loading, setLoading] = useState(false),
+    [error, setError] = useState(""),
+    [selected, setSelected] = useState(null),
+    [line, setLine] = useState(0),
+    [anchor, setAnchor] = useState(null),
+    [hunk, setHunk] = useState(-1),
+    [horizontal, setHorizontal] = useState(0);
+  const alive = useRef(true),
+    selectionController = useRef(null);
+  useEffect(
+    () => () => {
+      alive.current = false;
+      selectionController.current?.abort();
+    },
+    [],
+  );
+  useEffect(() => {
+    const controller = new AbortController();
+    setLoading(true);
+    setError("");
+    setItems([]);
+    setIndex(0);
+    const timer = setTimeout(
+      () => {
+        const load =
+          mode === "files"
+            ? listFiles(root, folder, {
+                hidden,
+                query,
+                signal: controller.signal,
+              })
+            : listChanges(root, { staged, query, signal: controller.signal });
+        load
+          .then((rows) => {
+            if (!controller.signal.aborted) setItems(rows);
+          })
+          .catch((e) => {
+            if (!controller.signal.aborted) setError(e.message);
+          })
+          .finally(() => {
+            if (!controller.signal.aborted) setLoading(false);
+          });
+      },
+      query ? 120 : 0,
+    );
+    return () => {
+      clearTimeout(timer);
+      controller.abort();
+    };
+  }, [root, folder, hidden, mode, staged, query]);
+  const content = selected
+      ? selected.kind === "diff"
+        ? hunk < 0
+          ? selected.patch
+          : selected.hunks[hunk].patch
+        : selected.code
+      : "",
+    lines = content.split("\n"),
+    panelHeight = Math.max(6, height - 2),
+    viewHeight = Math.max(1, panelHeight - 6),
+    split = !!selected && width >= 110,
+    listWidth = split ? 36 : width,
+    previewWidth = split ? width - listWidth - 1 : width;
+  function clearSearch() {
+    setQuery("");
+    setQueryCursor(0);
+    setSearching(false);
+  }
+  async function choose() {
+    const item = items[index];
+    if (!item || loading) return;
+    if (item.directory) {
+      setFolder(item.path);
+      clearSearch();
+      return;
+    }
+    setLoading(true);
+    setError("");
+    const controller = new AbortController();
+    selectionController.current = controller;
+    try {
+      const data =
+        mode === "files"
+          ? await readCodeFile(root, item.path)
+          : await readDiff(root, item.path, {
+              staged,
+              signal: controller.signal,
+            });
+      if (!alive.current) return;
+      setSelected({ ...data, kind: mode === "files" ? "file" : "diff" });
+      setLine(0);
+      setAnchor(null);
+      setHunk(-1);
+      setHorizontal(0);
+      setSearching(false);
+    } catch (e) {
+      if (alive.current) setError(e.message);
+    } finally {
+      if (alive.current) setLoading(false);
+    }
+  }
+  function accept() {
+    try {
+      if (selected.kind === "file") {
+        const start = anchor === null ? null : Math.min(anchor, line) + 1,
+          end = anchor === null ? null : Math.max(anchor, line) + 1;
+        selectLines(selected.code, start || 1, end || lines.length);
+        onSelect({ kind: "file", path: selected.path, start, end });
+      } else {
+        const part = hunk < 0 ? selected : selected.hunks[hunk];
+        selectLines(part.patch);
+        onSelect({
+          kind: "diff",
+          path: selected.path,
+          staged: selected.staged,
+          hunk: hunk < 0 ? null : hunk,
+          hash: part.hash,
+        });
+      }
+    } catch (e) {
+      setError(e.message);
+    }
+  }
+  useInput((input, key) => {
+    if (key.ctrl && input === "c") {
+      onCancel();
+      return;
+    }
+    if (searching) {
+      if (key.escape) {
+        setSearching(false);
+        return;
+      }
+      if (key.return) {
+        setSearching(false);
+        return;
+      }
+      const next = editText(query, queryCursor, input, key, { max: 160 });
+      setQuery(next.value);
+      setQueryCursor(next.cursor);
+      return;
+    }
+    if (selected) {
+      if (key.escape || key.backspace) {
+        setSelected(null);
+        setError("");
+        return;
+      }
+      if (key.upArrow || key.downArrow || key.pageUp || key.pageDown) {
+        const step = key.pageUp || key.pageDown ? viewHeight : 1,
+          delta = key.upArrow || key.pageUp ? -step : step;
+        setLine((v) => Math.max(0, Math.min(lines.length - 1, v + delta)));
+        return;
+      }
+      if (key.leftArrow || key.rightArrow) {
+        setHorizontal((v) => Math.max(0, v + (key.leftArrow ? -8 : 8)));
+        return;
+      }
+      if (input === " " && selected.kind === "file") {
+        setAnchor((v) => (v === null ? line : null));
+        return;
+      }
+      if ((input === "[" || input === "]") && selected.kind === "diff") {
+        setHunk((v) =>
+          Math.max(
+            -1,
+            Math.min(selected.hunks.length - 1, v + (input === "]" ? 1 : -1)),
+          ),
+        );
+        setLine(0);
+        return;
+      }
+      if (key.return) accept();
+      return;
+    }
+    if (key.escape) {
+      onCancel();
+      return;
+    }
+    if (loading) return;
+    if (key.upArrow || key.downArrow || key.pageUp || key.pageDown) {
+      const step = key.pageUp || key.pageDown ? viewHeight : 1,
+        delta = key.upArrow || key.pageUp ? -step : step;
+      setIndex((v) => Math.max(0, Math.min(items.length - 1, v + delta)));
+      return;
+    }
+    if (key.return) {
+      choose();
+      return;
+    }
+    if (key.leftArrow || key.backspace) {
+      setFolder(folder === "." ? "." : dirname(folder));
+      clearSearch();
+      return;
+    }
+    if (input === "/") {
+      setSearching(true);
+      return;
+    }
+    if (input === "g") {
+      setMode((v) => (v === "files" ? "changes" : "files"));
+      clearSearch();
+      return;
+    }
+    if (input === "t" && mode === "changes") {
+      setStaged((v) => !v);
+      clearSearch();
+      return;
+    }
+    if (input === "h" && mode === "files") setHidden((v) => !v);
+  });
+  function row(text, color = c.text, key, bg) {
+    return h(
+      Box,
+      { key, width: "100%", backgroundColor: bg },
+      h(
+        Text,
+        { color, wrap: "truncate" },
+        clip(
+          text,
+          (selected && (!split || key?.startsWith?.("code"))
+            ? previewWidth
+            : listWidth) - 4,
+        ),
+      ),
+    );
+  }
+  const visible = viewHeight,
+    first = Math.max(0, index - visible + 1);
+  const browser = h(
+    Box,
+    {
+      width: listWidth,
+      height: panelHeight,
+      key: "browser",
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: c.purple,
+      paddingX: 1,
+      overflow: "hidden",
+    },
+    row("PROJECT · " + basename(root), c.purple, "title"),
+    row(
+      mode === "files"
+        ? "Files · " + folder
+        : "Git changes · " + (staged ? "staged" : "unstaged"),
+      c.blue,
+      "mode",
+    ),
+    row(
+      searching ? "Find: " + query + "▏" : query ? "Filter: " + query : " ",
+      c.muted,
+      "query",
+    ),
+    h(
+      Box,
+      { height: visible, flexDirection: "column", overflow: "hidden" },
+      ...(items.length
+        ? items
+            .slice(first, first + visible)
+            .map((item, i) =>
+              row(
+                (first + i === index ? "› " : "  ") +
+                  (item.directory ? "▸ " : "") +
+                  item.name +
+                  (mode === "changes"
+                    ? `  +${item.added} −${item.removed}`
+                    : ""),
+                first + i === index ? c.blue : c.text,
+                "entry" + i,
+                first + i === index ? c.selected : undefined,
+              ),
+            )
+        : [
+            row(
+              loading ? "Reading project…" : "No matching files or changes.",
+              c.muted,
+              "empty",
+            ),
+          ]),
+    ),
+    row(
+      `${Math.min(index + 1, items.length)} / ${items.length}`,
+      c.muted,
+      "count",
+    ),
+  );
+  const start = Math.max(
+      0,
+      Math.min(line - Math.floor(viewHeight / 2), lines.length - viewHeight),
+    ),
+    from = Math.min(anchor ?? line, line),
+    to = Math.max(anchor ?? line, line);
+  const preview = selected
+    ? h(
+        Box,
+        {
+          width: previewWidth,
+          height: panelHeight,
+          key: "preview",
+          flexDirection: "column",
+          borderStyle: "round",
+          borderColor: c.blue,
+          paddingX: 1,
+          overflow: "hidden",
+        },
+        row(selected.path, c.purple, "code-title"),
+        row(
+          selected.kind === "diff"
+            ? (staged ? "Staged" : "Unstaged") +
+                " · " +
+                (hunk < 0
+                  ? "All hunks"
+                  : `Hunk ${hunk + 1}/${selected.hunks.length}`)
+            : anchor === null
+              ? "Whole file · Space selects a range"
+              : `Selected lines ${from + 1}–${to + 1}`,
+          c.blue,
+          "code-mode",
+        ),
+        row(" ", c.muted, "code-blank"),
+        h(
+          Box,
+          { height: viewHeight, flexDirection: "column", overflow: "hidden" },
+          ...lines.slice(start, start + viewHeight).map((text, i) => {
+            const n = start + i,
+              highlight =
+                n === line || (anchor !== null && n >= from && n <= to),
+              color =
+                selected.kind === "diff"
+                  ? text.startsWith("+")
+                    ? c.green
+                    : text.startsWith("-")
+                      ? c.red
+                      : c.text
+                  : c.text;
+            return row(
+              (n === line ? "›" : " ") +
+                String(n + 1).padStart(4) +
+                " " +
+                graphemes(text).slice(horizontal).join(""),
+              color,
+              "code" + i,
+              highlight ? c.selected : undefined,
+            );
+          }),
+        ),
+        row(
+          `${line + 1}/${lines.length} · Enter uses selection`,
+          c.muted,
+          "code-footer",
+        ),
+      )
+    : null;
+  return h(
+    Box,
+    {
+      flexDirection: "column",
+      height,
+      overflow: "hidden",
+      backgroundColor: c.bg,
+    },
+    h(
+      Box,
+      { height: height - 2, flexDirection: "row", gap: split ? 1 : 0 },
+      selected ? (split ? [browser, preview] : preview) : browser,
+    ),
+    h(
+      Text,
+      { color: error ? c.red : c.muted, wrap: "truncate" },
+      clip(
+        error ||
+          (selected
+            ? selected.kind === "file"
+              ? "↑↓ move · Space start/reset range · Enter use · Esc files"
+              : "[ ] all / individual hunks · Enter use · Esc changes"
+            : "G files / git diff · T staged / unstaged · H hidden · / filter · Esc cancel"),
+        width,
+      ),
+    ),
+  );
+}

package/lib/tui-data.mjs

@@ -4,6 +4,7 @@ export const navigation = [
   ["open", "Open conversation", "Jump to a post"],
   ["ask", "Ask a question", "Find a way forward"],
   ["review", "Request code review", "Another pair of eyes"],
+  ["drafts", "Local drafts", "Resume your writing"],
   ["communities", "Communities", "Your private spaces"],
   ["search", "Search", "Find a conversation"],
   ["devices", "Connected terminals", "Manage CLI access"],
@@ -97,15 +98,29 @@ export async function loadPage(api, route, signal) {
     };
   }
   if (route.view === "thread") {
-    const post = await get("/posts/" + route.postId),
-      replies = await get(
-        `/posts/${route.postId}/replies?parent_id=${route.parent.id}&page=${page}`,
+    const post = await get(
+      "/posts/" + route.postId + "?reply_id=" + route.parent.id,
+    );
+    const target = post.reply_path?.at(-1);
+    let parent = post.replies?.find((r) => r.id === route.parent.id);
+    if (!parent && target) {
+      const siblings = await get(
+        `/posts/${route.postId}/replies?parent_id=${target.parent_id || ""}&page=${target.page}`,
       );
+      parent = siblings.items.find((r) => r.id === route.parent.id);
+    }
+    const replies = await get(
+      `/posts/${route.postId}/replies?parent_id=${route.parent.id}&page=${page}`,
+    );
     return {
       post,
       ...replies,
+      items: [
+        ...(parent ? [{ ...parent, entryType: "parent" }] : []),
+        ...replies.items,
+      ],
       title: "Reply thread",
-      subtitle: "Replying to " + route.parent.name,
+      subtitle: "Replying to " + (parent?.name || route.parent.name),
     };
   }
   if (route.view === "feedback") {
@@ -154,6 +169,8 @@ export function contentLines(route, data) {
       "O                Open this conversation in your browser",
       "/                Focus the command / search bar",
       "Ctrl+S           Preview the current form",
+      "Ctrl+O / Ctrl+G  Select a code file / Git diff in a review form",
+      "/drafts          Restore locally saved drafts for this account/project",
       "Ctrl+C           Exit and restore the original terminal",
       "",
       "Commands: /feed  /inbox  /search words  /open 142",

package/lib/tui-model.mjs

@@ -128,6 +128,7 @@ export function parseCommand(text) {
       "review",
       "help",
       "devices",
+      "drafts",
     ].includes(cmd)
   )
     return { command: cmd, arg };
@@ -139,7 +140,7 @@ export function parseCommand(text) {
     return { command: cmd, arg: Number(arg) };
   if (["quit", "logout"].includes(cmd)) return { command: cmd };
   throw Error(
-    "Use /feed, /inbox, /search words, /open ID, /ask, /review, /communities, /devices, /help or /quit.",
+    "Use /feed, /inbox, /search words, /open ID, /ask, /review, /communities, /devices, /drafts, /help or /quit.",
   );
 }
 export class PageCache {