opencode-git-plugin 0.2.0 → 0.2.1

package/dist/tui.js

@@ -0,0 +1,1828 @@
+// @bun
+// src/tui.tsx
+import { createComponent as _$createComponent8 } from "@opentui/solid";
+import { Plugin } from "@opencode/plugin/tui";
+
+// src/config/constants.ts
+var DEFAULT_INTERVAL_MS = 4000;
+var MIN_INTERVAL_MS = 1000;
+var MAX_DIFF_LINES = 4000;
+var GIT_TIMEOUT_MS = 120000;
+var GIT_POLL_MS = 50;
+var DIFF_STORE_KEY = "git-panel.diff-view";
+var DIFF_PANEL_NAME = "git-panel.diff";
+var REFRESH_STORE_KEY = "git-panel.refresh";
+var SETTINGS_STORE_KEY = "git-panel.settings";
+var STAGED_STORE_KEY = "git-panel.staged";
+var LIST_NAV_MODE = "git-panel-list";
+var FILE_ROW_BADGE_WIDTH = 3;
+var EVENT_REFRESH_DEBOUNCE_MS = 2000;
+// src/config/options.ts
+function intervalMs(ctx) {
+  const raw = ctx.options.intervalMs;
+  if (typeof raw !== "number" || !Number.isFinite(raw))
+    return DEFAULT_INTERVAL_MS;
+  return Math.max(MIN_INTERVAL_MS, Math.floor(raw));
+}
+// src/git/diff-parse.ts
+var DIFF_PREAMBLE_RE = /^(diff --git |index |new file mode|deleted file mode|similarity index|rename from|rename to|old mode|new mode)/;
+var HUNK_HEADER_RE = /^@@ -\d+(?:,\d+)? \+(\d+)(?:,\d+)? @@ ?(.*)$/;
+function formatHunkHeader(raw) {
+  const m = raw.match(HUNK_HEADER_RE);
+  if (!m)
+    return raw;
+  const [, newStart, trailingContext] = m;
+  return trailingContext ? `\u22EF ${trailingContext}` : `\u22EF line ${newStart}`;
+}
+function parseDiff(patch) {
+  const out = [];
+  let newLine = 0;
+  for (const line of patch.split(`
+`)) {
+    if (line === "")
+      continue;
+    if (line.startsWith("@@")) {
+      const m = line.match(HUNK_HEADER_RE);
+      if (m)
+        newLine = parseInt(m[1], 10);
+      out.push({ kind: "hunk", text: formatHunkHeader(line) });
+    } else if (line.startsWith("+++") || line.startsWith("---")) {} else if (DIFF_PREAMBLE_RE.test(line)) {} else if (line.startsWith("Binary files")) {
+      out.push({ kind: "meta", text: line });
+    } else if (line.startsWith("+")) {
+      out.push({ kind: "add", text: line.slice(1), line: newLine++ });
+    } else if (line.startsWith("-")) {
+      out.push({ kind: "del", text: line.slice(1) });
+    } else {
+      out.push({ kind: "context", text: line.startsWith(" ") ? line.slice(1) : line, line: newLine++ });
+    }
+  }
+  return out;
+}
+// src/git/porcelain.ts
+function parseStagedPorcelain(porcelain) {
+  const staged = new Set;
+  for (const record of porcelain.split("\x00")) {
+    if (record.length < 4)
+      continue;
+    const indexStatus = record[0];
+    if (indexStatus === " " || indexStatus === "?")
+      continue;
+    staged.add(record.slice(3));
+  }
+  return staged;
+}
+// src/git/runner.ts
+function shellQuote(s) {
+  return `'${s.replace(/'/g, `'\\''`)}'`;
+}
+function createGitRunner(ctx, directory) {
+  let queue = Promise.resolve();
+  const enqueue = (op) => {
+    const run2 = queue.then(op);
+    queue = run2.then(() => {
+      return;
+    }, () => {
+      return;
+    });
+    return run2;
+  };
+  const run = async (args) => {
+    const location = { directory: directory() };
+    const created = await ctx.client.shell.create({
+      location,
+      command: `git ${args}`,
+      cwd: location.directory
+    });
+    const id = created.data.id;
+    try {
+      let final = await ctx.client.shell.get({ id, location });
+      for (let elapsed = 0;final.data.status === "running" && elapsed < GIT_TIMEOUT_MS; elapsed += GIT_POLL_MS) {
+        await new Promise((resolve) => setTimeout(resolve, GIT_POLL_MS));
+        final = await ctx.client.shell.get({ id, location });
+      }
+      if (final.data.status === "running")
+        throw new Error(`Git command timed out after ${GIT_TIMEOUT_MS / 1000}s`);
+      const out = await ctx.client.shell.output({ id, location });
+      return { exit: final.data.exit, output: out.data.output };
+    } finally {
+      await ctx.client.shell.remove({ id, location }).catch(() => {});
+    }
+  };
+  return { enqueue, run };
+}
+// src/state/diff-store.ts
+var initialDiffState = {
+  file: "",
+  additions: 0,
+  deletions: 0,
+  lines: [],
+  patch: "",
+  message: "",
+  truncated: false,
+  loading: false,
+  query: "",
+  matchCursor: 0,
+  panelOpen: false
+};
+function useDiffStore(ctx) {
+  return ctx.storage.memory(DIFF_STORE_KEY, { initial: initialDiffState });
+}
+var diffClosedHandler;
+function setDiffClosedHandler(handler) {
+  diffClosedHandler = handler;
+}
+function notifyDiffClosed() {
+  try {
+    diffClosedHandler?.();
+  } catch {}
+}
+// src/ui/format.ts
+var ELLIPSIS = "...";
+var runtime = globalThis;
+var graphemes = new Intl.Segmenter(undefined, { granularity: "grapheme" });
+function displayWidth(text) {
+  return runtime.Bun?.stringWidth?.(text) ?? [...text].length;
+}
+function truncatePath(path, max) {
+  if (displayWidth(path) <= max)
+    return path;
+  const budget = max - ELLIPSIS.length;
+  if (budget <= 0)
+    return ELLIPSIS.slice(0, Math.max(0, max));
+  const parts = Array.from(graphemes.segment(path), (s) => s.segment);
+  let width = 0;
+  let start = parts.length;
+  for (let i = parts.length - 1;i >= 0; i--) {
+    const w = displayWidth(parts[i]);
+    if (width + w > budget)
+      break;
+    width += w;
+    start = i;
+  }
+  return ELLIPSIS + parts.slice(start).join("");
+}
+function maxTextWidth(available, reserved) {
+  return Math.max(8, available - reserved);
+}
+function filePathMaxWidth(rowWidth, row) {
+  const gaps = 4;
+  const fixed = FILE_ROW_BADGE_WIDTH + displayWidth(`+${row.additions}`) + displayWidth(`-${row.deletions}`);
+  return maxTextWidth(rowWidth, fixed + gaps);
+}
+function friendlyError(e) {
+  const msg = e instanceof Error ? e.message : String(e);
+  if (/not a git repository|not a repository|no git|vcs|worktree/i.test(msg))
+    return "Not a git repository";
+  return msg.length > 120 ? `${msg.slice(0, 117)}\u2026` : msg;
+}
+function statusBadge(status, theme) {
+  if (status === "added")
+    return { label: "A", color: theme.text.feedback.success.base };
+  if (status === "deleted")
+    return { label: "D", color: theme.text.feedback.error.base };
+  return { label: "M", color: theme.text.feedback.warning.base };
+}
+function diffLineStyle(theme, kind) {
+  if (kind === "hunk")
+    return { fg: theme.diff.text.hunkHeader, bg: undefined };
+  if (kind === "add")
+    return { fg: theme.diff.text.added, bg: theme.diff.background.added };
+  if (kind === "del")
+    return { fg: theme.diff.text.removed, bg: theme.diff.background.removed };
+  if (kind === "meta")
+    return { fg: theme.text.muted, bg: undefined };
+  return { fg: theme.diff.text.context, bg: theme.diff.background.context };
+}
+function diffLinePrefix(kind) {
+  if (kind === "add")
+    return "+";
+  if (kind === "del")
+    return "-";
+  if (kind === "context")
+    return " ";
+  return "";
+}
+// src/ui/syntax.ts
+var SYNTAX_BY_LANGUAGE = [
+  ["typescript", ["ts", "mts", "cts", "tsx", "mtsx", "js", "mjs", "cjs", "jsx"]],
+  ["python", ["py"]],
+  ["rust", ["rs"]],
+  ["go", ["go"]],
+  ["java", ["java"]],
+  ["kotlin", ["kt", "kts"]],
+  ["ruby", ["rb"]],
+  ["php", ["php"]],
+  ["swift", ["swift"]],
+  ["c", ["c", "h"]],
+  ["cpp", ["cpp", "cc", "hpp"]],
+  ["csharp", ["cs"]],
+  ["css", ["css"]],
+  ["scss", ["scss"]],
+  ["less", ["less"]],
+  ["html", ["html", "htm"]],
+  ["xml", ["xml"]],
+  ["vue", ["vue"]],
+  ["svelte", ["svelte"]],
+  ["astro", ["astro"]],
+  ["json", ["json"]],
+  ["yaml", ["yaml", "yml"]],
+  ["toml", ["toml"]],
+  ["ini", ["ini"]],
+  ["markdown", ["md", "markdown"]],
+  ["bash", ["sh", "bash", "zsh"]],
+  ["sql", ["sql"]],
+  ["lua", ["lua"]],
+  ["r", ["r"]],
+  ["julia", ["jl"]],
+  ["haskell", ["hs"]],
+  ["ocaml", ["ml", "mli"]],
+  ["elixir", ["ex", "exs"]],
+  ["erlang", ["erl"]],
+  ["clojure", ["clj", "cljs"]],
+  ["scala", ["scala"]],
+  ["groovy", ["groovy"]],
+  ["dart", ["dart"]],
+  ["zig", ["zig"]],
+  ["nix", ["nix"]],
+  ["terraform", ["tf"]],
+  ["hcl", ["hcl"]],
+  ["dockerfile", ["dockerfile"]],
+  ["latex", ["tex"]],
+  ["diff", ["diff", "patch"]]
+];
+var LANGUAGE_BY_EXTENSION = Object.fromEntries(SYNTAX_BY_LANGUAGE.flatMap(([lang, exts]) => exts.map((e) => [`.${e}`, lang])));
+function syntaxFiletype(file) {
+  const dot = file.lastIndexOf(".");
+  if (dot < 0) {
+    const base = file.split("/").pop()?.toLowerCase() ?? "";
+    if (base === "dockerfile" || base === "makefile")
+      return base;
+    return;
+  }
+  return LANGUAGE_BY_EXTENSION[file.slice(dot).toLowerCase()];
+}
+// src/diff/open-diff.ts
+function createDiffOpener(ctx, location) {
+  const [diffView, setDiffState] = useDiffStore(ctx);
+  let activeRequestId = 0;
+  return async (f) => {
+    const requestId = ++activeRequestId;
+    const isStale = () => requestId !== activeRequestId || diffView.file !== f.file || !diffView.panelOpen;
+    setDiffState((draft) => {
+      draft.file = f.file;
+      draft.additions = f.additions;
+      draft.deletions = f.deletions;
+      draft.lines = [];
+      draft.patch = "";
+      draft.message = "";
+      draft.truncated = false;
+      draft.loading = true;
+      draft.query = "";
+      draft.matchCursor = 0;
+      draft.panelOpen = true;
+    });
+    ctx.ui.panel.open(DIFF_PANEL_NAME, { presentation: "panel" });
+    try {
+      const res = await ctx.client.vcs.diff({ location: location(), mode: "working", context: 3 });
+      if (isStale())
+        return;
+      const entry = res.data.find((d) => d.file === f.file);
+      const parsed = entry ? parseDiff(entry.patch) : [];
+      setDiffState((draft) => {
+        draft.loading = false;
+        draft.patch = entry?.patch ?? "";
+        if (!entry) {
+          draft.message = "No diff available";
+        } else if (parsed.length === 0) {
+          draft.message = "No visible changes (empty or binary file)";
+        } else if (parsed.length > MAX_DIFF_LINES) {
+          draft.lines = parsed.slice(0, MAX_DIFF_LINES);
+          draft.truncated = true;
+        } else {
+          draft.lines = parsed;
+        }
+      });
+    } catch (e) {
+      if (isStale())
+        return;
+      setDiffState((draft) => {
+        draft.loading = false;
+        draft.message = friendlyError(e);
+      });
+    }
+  };
+}
+// src/diff/panel.tsx
+import { insert as _$insert3 } from "@opentui/solid";
+import { createComponent as _$createComponent3 } from "@opentui/solid";
+import { setProp as _$setProp3 } from "@opentui/solid";
+import { createElement as _$createElement3 } from "@opentui/solid";
+import { createEffect, createMemo as createMemo2, Show as Show3 } from "solid-js";
+import { generateSyntax } from "@opencode/theme/tui";
+
+// src/diff/body.tsx
+import { use as _$use } from "@opentui/solid";
+import { createComponent as _$createComponent } from "@opentui/solid";
+import { createTextNode as _$createTextNode } from "@opentui/solid";
+import { effect as _$effect } from "@opentui/solid";
+import { insertNode as _$insertNode } from "@opentui/solid";
+import { insert as _$insert } from "@opentui/solid";
+import { memo as _$memo } from "@opentui/solid";
+import { setProp as _$setProp } from "@opentui/solid";
+import { createElement as _$createElement } from "@opentui/solid";
+import { For, Show } from "solid-js";
+function DiffLineRow(props) {
+  const theme = props.theme;
+  const row = props.row;
+  const style = diffLineStyle(theme, row.kind);
+  const isCurrent = row.state === "current";
+  const gutter = row.line !== undefined ? String(row.line).padStart(4, " ") : "    ";
+  const fg = isCurrent ? theme.diff.background.context : row.state === "hit" ? theme.text.feedback.warning.base : style.fg;
+  const bg = isCurrent ? theme.text.feedback.warning.base : style.bg;
+  return (() => {
+    var _el$ = _$createElement("box"), _el$2 = _$createElement("text"), _el$3 = _$createElement("text");
+    _$insertNode(_el$, _el$2);
+    _$insertNode(_el$, _el$3);
+    _$setProp(_el$, "flexDirection", "row");
+    _$setProp(_el$, "width", "100%");
+    _$setProp(_el$2, "width", 5);
+    _$insert(_el$2, () => isCurrent ? `\u276F${gutter.slice(1)}` : `${gutter} `);
+    _$setProp(_el$3, "fg", fg);
+    _$setProp(_el$3, "bg", bg);
+    _$setProp(_el$3, "wrapMode", "word");
+    _$setProp(_el$3, "flexGrow", 1);
+    _$insert(_el$3, () => diffLinePrefix(row.kind), null);
+    _$insert(_el$3, () => row.text, null);
+    _$effect((_p$) => {
+      var _v$ = `git-panel-diff-line-${props.index}`, _v$2 = isCurrent ? theme.text.feedback.warning.base : theme.text.muted;
+      _v$ !== _p$.e && (_p$.e = _$setProp(_el$, "id", _v$, _p$.e));
+      _v$2 !== _p$.t && (_p$.t = _$setProp(_el$2, "fg", _v$2, _p$.t));
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined
+    });
+    return _el$;
+  })();
+}
+function DiffBody(props) {
+  const theme = props.theme;
+  return [_$createComponent(Show, {
+    get when() {
+      return props.state.loading;
+    },
+    get children() {
+      var _el$4 = _$createElement("text");
+      _$insertNode(_el$4, _$createTextNode(`Loading diff\u2026`));
+      _$effect((_$p) => _$setProp(_el$4, "fg", theme.text.muted, _$p));
+      return _el$4;
+    }
+  }), _$createComponent(Show, {
+    get when() {
+      return _$memo(() => !!!props.state.loading)() && props.state.message;
+    },
+    get children() {
+      var _el$6 = _$createElement("text");
+      _$insert(_el$6, () => props.state.message);
+      _$effect((_$p) => _$setProp(_el$6, "fg", theme.text.muted, _$p));
+      return _el$6;
+    }
+  }), _$createComponent(Show, {
+    get when() {
+      return _$memo(() => !!!props.state.loading)() && !props.state.message;
+    },
+    get children() {
+      var _el$7 = _$createElement("scrollbox");
+      _$use((el) => props.onScrollRef(el), _el$7);
+      _$setProp(_el$7, "width", "100%");
+      _$setProp(_el$7, "flexGrow", 1);
+      _$setProp(_el$7, "flexShrink", 1);
+      _$setProp(_el$7, "minHeight", 0);
+      _$setProp(_el$7, "scrollY", true);
+      _$setProp(_el$7, "scrollX", false);
+      _$setProp(_el$7, "contentOptions", {
+        flexDirection: "column",
+        gap: 0
+      });
+      _$setProp(_el$7, "wrapperOptions", {
+        paddingRight: 1
+      });
+      _$insert(_el$7, _$createComponent(Show, {
+        get when() {
+          return props.syntaxActive;
+        },
+        get children() {
+          var _el$8 = _$createElement("diff");
+          _$setProp(_el$8, "view", "unified");
+          _$setProp(_el$8, "showLineNumbers", true);
+          _$setProp(_el$8, "wrapMode", "word");
+          _$effect((_p$) => {
+            var _v$3 = props.state.patch, _v$4 = syntaxFiletype(props.state.file), _v$5 = props.syntaxStyle, _v$6 = theme.text.base, _v$7 = theme.diff.background.added, _v$8 = theme.diff.background.removed, _v$9 = theme.diff.background.context, _v$0 = theme.diff.text.added, _v$1 = theme.diff.text.removed, _v$10 = theme.text.muted;
+            _v$3 !== _p$.e && (_p$.e = _$setProp(_el$8, "diff", _v$3, _p$.e));
+            _v$4 !== _p$.t && (_p$.t = _$setProp(_el$8, "filetype", _v$4, _p$.t));
+            _v$5 !== _p$.a && (_p$.a = _$setProp(_el$8, "syntaxStyle", _v$5, _p$.a));
+            _v$6 !== _p$.o && (_p$.o = _$setProp(_el$8, "fg", _v$6, _p$.o));
+            _v$7 !== _p$.i && (_p$.i = _$setProp(_el$8, "addedBg", _v$7, _p$.i));
+            _v$8 !== _p$.n && (_p$.n = _$setProp(_el$8, "removedBg", _v$8, _p$.n));
+            _v$9 !== _p$.s && (_p$.s = _$setProp(_el$8, "contextBg", _v$9, _p$.s));
+            _v$0 !== _p$.h && (_p$.h = _$setProp(_el$8, "addedSignColor", _v$0, _p$.h));
+            _v$1 !== _p$.r && (_p$.r = _$setProp(_el$8, "removedSignColor", _v$1, _p$.r));
+            _v$10 !== _p$.d && (_p$.d = _$setProp(_el$8, "lineNumberFg", _v$10, _p$.d));
+            return _p$;
+          }, {
+            e: undefined,
+            t: undefined,
+            a: undefined,
+            o: undefined,
+            i: undefined,
+            n: undefined,
+            s: undefined,
+            h: undefined,
+            r: undefined,
+            d: undefined
+          });
+          return _el$8;
+        }
+      }), null);
+      _$insert(_el$7, _$createComponent(Show, {
+        get when() {
+          return !props.syntaxActive;
+        },
+        get children() {
+          return _$createComponent(For, {
+            get each() {
+              return props.rows;
+            },
+            children: (row, i) => _$createComponent(DiffLineRow, {
+              theme,
+              row,
+              get index() {
+                return i();
+              }
+            })
+          });
+        }
+      }), null);
+      _$insert(_el$7, _$createComponent(Show, {
+        get when() {
+          return props.state.truncated;
+        },
+        get children() {
+          var _el$9 = _$createElement("text");
+          _$insertNode(_el$9, _$createTextNode(`\u2026 truncated`));
+          _$effect((_$p) => _$setProp(_el$9, "fg", theme.text.muted, _$p));
+          return _el$9;
+        }
+      }), null);
+      _$effect((_$p) => _$setProp(_el$7, "focused", props.focused, _$p));
+      return _el$7;
+    }
+  })];
+}
+
+// src/diff/header.tsx
+import { createComponent as _$createComponent2 } from "@opentui/solid";
+import { effect as _$effect2 } from "@opentui/solid";
+import { memo as _$memo2 } from "@opentui/solid";
+import { createTextNode as _$createTextNode2 } from "@opentui/solid";
+import { insertNode as _$insertNode2 } from "@opentui/solid";
+import { insert as _$insert2 } from "@opentui/solid";
+import { setProp as _$setProp2 } from "@opentui/solid";
+import { createElement as _$createElement2 } from "@opentui/solid";
+import { Show as Show2 } from "solid-js";
+function DiffHeader(props) {
+  const theme = props.theme;
+  return (() => {
+    var _el$ = _$createElement2("box"), _el$2 = _$createElement2("box"), _el$3 = _$createElement2("text"), _el$4 = _$createElement2("b"), _el$5 = _$createElement2("box"), _el$6 = _$createElement2("box"), _el$7 = _$createElement2("text"), _el$8 = _$createTextNode2(`+`), _el$9 = _$createElement2("text"), _el$0 = _$createTextNode2(`-`), _el$11 = _$createElement2("box"), _el$12 = _$createElement2("box"), _el$13 = _$createElement2("text"), _el$17 = _$createElement2("text"), _el$18 = _$createElement2("text"), _el$20 = _$createElement2("text");
+    _$insertNode2(_el$, _el$2);
+    _$insertNode2(_el$, _el$11);
+    _$insertNode2(_el$, _el$12);
+    _$insertNode2(_el$, _el$20);
+    _$setProp2(_el$, "flexDirection", "column");
+    _$setProp2(_el$, "gap", 0);
+    _$setProp2(_el$, "flexShrink", 0);
+    _$insertNode2(_el$2, _el$3);
+    _$insertNode2(_el$2, _el$5);
+    _$insertNode2(_el$2, _el$6);
+    _$setProp2(_el$2, "flexDirection", "row");
+    _$setProp2(_el$2, "flexShrink", 0);
+    _$insertNode2(_el$3, _el$4);
+    _$setProp2(_el$3, "wrapMode", "none");
+    _$setProp2(_el$3, "flexShrink", 0);
+    _$insert2(_el$4, () => truncatePath(props.file, maxTextWidth(props.width, displayWidth(`+${props.additions}`) + 1 + displayWidth(`-${props.deletions}`) + 1)));
+    _$setProp2(_el$5, "flexGrow", 1);
+    _$insertNode2(_el$6, _el$7);
+    _$insertNode2(_el$6, _el$9);
+    _$setProp2(_el$6, "flexDirection", "row");
+    _$setProp2(_el$6, "gap", 1);
+    _$setProp2(_el$6, "flexShrink", 0);
+    _$insertNode2(_el$7, _el$8);
+    _$setProp2(_el$7, "wrapMode", "none");
+    _$setProp2(_el$7, "flexShrink", 0);
+    _$insert2(_el$7, () => props.additions, null);
+    _$insertNode2(_el$9, _el$0);
+    _$setProp2(_el$9, "wrapMode", "none");
+    _$setProp2(_el$9, "flexShrink", 0);
+    _$insert2(_el$9, () => props.deletions, null);
+    _$insert2(_el$, _$createComponent2(Show2, {
+      get when() {
+        return props.query;
+      },
+      get children() {
+        var _el$1 = _$createElement2("text"), _el$10 = _$createTextNode2(` \xB7 `);
+        _$insertNode2(_el$1, _el$10);
+        _$setProp2(_el$1, "wrapMode", "none");
+        _$insert2(_el$1, (() => {
+          var _c$ = _$memo2(() => props.matchCount > 0);
+          return () => _c$() ? `${props.matchCursor + 1}/${props.matchCount}` : "0/0";
+        })(), _el$10);
+        _$insert2(_el$1, () => props.query, null);
+        _$effect2((_$p) => _$setProp2(_el$1, "fg", theme.text.feedback.warning.base, _$p));
+        return _el$1;
+      }
+    }), _el$11);
+    _$setProp2(_el$11, "height", 1);
+    _$setProp2(_el$11, "flexShrink", 0);
+    _$insertNode2(_el$12, _el$13);
+    _$insertNode2(_el$12, _el$17);
+    _$insertNode2(_el$12, _el$18);
+    _$setProp2(_el$12, "flexDirection", "row");
+    _$setProp2(_el$12, "flexWrap", "wrap");
+    _$setProp2(_el$12, "gap", 1);
+    _$setProp2(_el$12, "flexShrink", 0);
+    _$insertNode2(_el$13, _$createTextNode2(`[? : Search]`));
+    _$setProp2(_el$13, "wrapMode", "none");
+    _$setProp2(_el$13, "flexShrink", 0);
+    _$setProp2(_el$13, "onMouseUp", () => props.onSearch());
+    _$insert2(_el$12, _$createComponent2(Show2, {
+      get when() {
+        return props.query;
+      },
+      get children() {
+        var _el$15 = _$createElement2("text");
+        _$insertNode2(_el$15, _$createTextNode2(`[\u2191\u2193 : Jump]`));
+        _$setProp2(_el$15, "wrapMode", "none");
+        _$setProp2(_el$15, "flexShrink", 0);
+        _$effect2((_$p) => _$setProp2(_el$15, "fg", theme.text.muted, _$p));
+        return _el$15;
+      }
+    }), _el$17);
+    _$setProp2(_el$17, "wrapMode", "none");
+    _$setProp2(_el$17, "flexShrink", 0);
+    _$setProp2(_el$17, "onMouseUp", () => props.onToggleSyntax());
+    _$insert2(_el$17, () => props.syntax ? "[syntax:on]" : "[syntax:off]");
+    _$insertNode2(_el$18, _$createTextNode2(`[ Close \xB7 ESC/\u232B ]`));
+    _$setProp2(_el$18, "wrapMode", "none");
+    _$setProp2(_el$18, "flexShrink", 0);
+    _$setProp2(_el$18, "onMouseUp", () => props.onClose());
+    _$setProp2(_el$20, "wrapMode", "none");
+    _$insert2(_el$20, () => "\u2500".repeat(Math.max(1, props.width)));
+    _$effect2((_p$) => {
+      var _v$ = Math.max(1, props.width), _v$2 = theme.text.base, _v$3 = theme.diff.text.added, _v$4 = theme.diff.text.removed, _v$5 = Math.max(1, props.width), _v$6 = theme.text.muted, _v$7 = props.syntax ? theme.text.feedback.warning.base : theme.text.muted, _v$8 = theme.text.base, _v$9 = theme.text.muted;
+      _v$ !== _p$.e && (_p$.e = _$setProp2(_el$2, "width", _v$, _p$.e));
+      _v$2 !== _p$.t && (_p$.t = _$setProp2(_el$3, "fg", _v$2, _p$.t));
+      _v$3 !== _p$.a && (_p$.a = _$setProp2(_el$7, "fg", _v$3, _p$.a));
+      _v$4 !== _p$.o && (_p$.o = _$setProp2(_el$9, "fg", _v$4, _p$.o));
+      _v$5 !== _p$.i && (_p$.i = _$setProp2(_el$12, "width", _v$5, _p$.i));
+      _v$6 !== _p$.n && (_p$.n = _$setProp2(_el$13, "fg", _v$6, _p$.n));
+      _v$7 !== _p$.s && (_p$.s = _$setProp2(_el$17, "fg", _v$7, _p$.s));
+      _v$8 !== _p$.h && (_p$.h = _$setProp2(_el$18, "fg", _v$8, _p$.h));
+      _v$9 !== _p$.r && (_p$.r = _$setProp2(_el$20, "fg", _v$9, _p$.r));
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
+      a: undefined,
+      o: undefined,
+      i: undefined,
+      n: undefined,
+      s: undefined,
+      h: undefined,
+      r: undefined
+    });
+    return _el$;
+  })();
+}
+
+// src/diff/keymap.ts
+function registerDiffKeymap(ctx, deps) {
+  ctx.keymap.layer(() => {
+    const searching = deps.searching();
+    const hasMatches = deps.hasMatches();
+    const inSyntax = deps.syntaxActive();
+    return {
+      mode: "global",
+      priority: 20,
+      enabled: () => deps.input().name === DIFF_PANEL_NAME,
+      bindings: [
+        "git-panel.diff-search",
+        "git-panel.diff-next-match",
+        "git-panel.diff-prev-match",
+        "git-panel.diff-clear-search",
+        "git-panel.close-diff",
+        "git-panel.close-diff-backspace",
+        "git-panel.toggle-syntax",
+        "git-panel.syntax-down",
+        "git-panel.syntax-up"
+      ],
+      commands: [
+        {
+          id: "git-panel.diff-search",
+          title: "Git Panel: Search in Diff",
+          group: "Git Panel",
+          bind: "?",
+          run: () => deps.search()
+        },
+        {
+          id: "git-panel.diff-next-match",
+          title: "Git Panel: Next Diff Match",
+          group: "Git Panel",
+          bind: "down",
+          enabled: searching && hasMatches,
+          run: () => deps.stepMatch(1)
+        },
+        {
+          id: "git-panel.diff-prev-match",
+          title: "Git Panel: Previous Diff Match",
+          group: "Git Panel",
+          bind: "up",
+          enabled: searching && hasMatches,
+          run: () => deps.stepMatch(-1)
+        },
+        {
+          id: "git-panel.diff-clear-search",
+          title: "Git Panel: Clear Diff Search",
+          group: "Git Panel",
+          bind: "escape",
+          enabled: searching,
+          run: () => deps.clearSearch()
+        },
+        {
+          id: "git-panel.close-diff",
+          title: "Git Panel: Close Diff",
+          group: "Git Panel",
+          bind: "escape",
+          enabled: !searching,
+          run: () => deps.close()
+        },
+        {
+          id: "git-panel.close-diff-backspace",
+          title: "Git Panel: Close Diff (Backspace)",
+          group: "Git Panel",
+          bind: "backspace",
+          enabled: !searching,
+          run: () => deps.close()
+        },
+        {
+          id: "git-panel.toggle-syntax",
+          title: "Git Panel: Toggle Diff Syntax Highlighting",
+          group: "Git Panel",
+          bind: "s",
+          palette: true,
+          run: () => deps.toggleSyntax()
+        },
+        {
+          id: "git-panel.syntax-down",
+          title: "Git Panel: Scroll Syntax Diff Down",
+          group: "Git Panel",
+          bind: "j",
+          enabled: inSyntax,
+          run: () => deps.scrollBy(3)
+        },
+        {
+          id: "git-panel.syntax-up",
+          title: "Git Panel: Scroll Syntax Diff Up",
+          group: "Git Panel",
+          bind: "k",
+          enabled: inSyntax,
+          run: () => deps.scrollBy(-3)
+        }
+      ]
+    };
+  });
+}
+
+// src/diff/search.tsx
+import { createMemo } from "solid-js";
+function createDiffSearch(state) {
+  const matchIndices = createMemo(() => {
+    const q = state.query.toLowerCase();
+    if (!q)
+      return [];
+    const out = [];
+    state.lines.forEach((line, i) => {
+      if (line.text.toLowerCase().includes(q))
+        out.push(i);
+    });
+    return out;
+  });
+  const currentMatchIndex = createMemo(() => {
+    const m = matchIndices();
+    if (m.length === 0)
+      return -1;
+    return m[(state.matchCursor % m.length + m.length) % m.length];
+  });
+  let previousRows = [];
+  const visibleRows = createMemo(() => {
+    const q = state.query.toLowerCase();
+    const cur = currentMatchIndex();
+    const prev = previousRows;
+    const next = state.lines.map((line, idx) => {
+      const hit = q !== "" && line.text.toLowerCase().includes(q);
+      const rowState = idx === cur ? "current" : hit ? "hit" : "plain";
+      const p = prev[idx];
+      if (p && p.kind === line.kind && p.text === line.text && p.line === line.line && p.state === rowState)
+        return p;
+      return {
+        kind: line.kind,
+        text: line.text,
+        line: line.line,
+        state: rowState
+      };
+    });
+    previousRows = next;
+    return next;
+  });
+  return {
+    matchIndices,
+    currentMatchIndex,
+    visibleRows
+  };
+}
+
+// src/diff/panel.tsx
+function DiffPanel(props) {
+  const ctx = props.ctx;
+  const input = () => props.input;
+  const theme = ctx.theme;
+  const [diffState, setDiffState] = useDiffStore(ctx);
+  const [settings, setSettings] = ctx.storage.store(SETTINGS_STORE_KEY, {
+    initial: {
+      syntax: false
+    }
+  });
+  const toggleSyntax = () => {
+    setSettings((draft) => {
+      draft.syntax = !draft.syntax;
+    }).catch(() => {});
+  };
+  const isSyntaxViewActive = () => settings.syntax && !diffState.truncated && diffState.query === "" && diffState.patch !== "";
+  const syntaxHighlightStyle = createMemo2(() => settings.syntax ? generateSyntax(theme) : undefined);
+  const search = createDiffSearch(diffState);
+  createEffect(() => {
+    if (input().name !== DIFF_PANEL_NAME && diffState.panelOpen) {
+      setDiffState((draft) => {
+        draft.panelOpen = false;
+      });
+    }
+  });
+  createEffect(() => {
+    if (input().name === DIFF_PANEL_NAME && !input().focused) {
+      try {
+        input().focus();
+      } catch {}
+    }
+  });
+  let scrollEl;
+  const safeScrollTo = (y) => {
+    const el = scrollEl;
+    if (!el)
+      return;
+    try {
+      el.scrollTo({
+        x: 0,
+        y: Math.max(0, y)
+      });
+    } catch {}
+  };
+  createEffect(() => {
+    const line = search.currentMatchIndex();
+    if (line < 0 || input().name !== DIFF_PANEL_NAME || !scrollEl)
+      return;
+    const target = Math.max(0, line - 10);
+    setTimeout(() => safeScrollTo(target), 50);
+  });
+  const scrollSyntaxBy = (delta) => {
+    if (!scrollEl)
+      return;
+    safeScrollTo(scrollEl.scrollTop + delta);
+  };
+  const stepSearchMatch = (dir) => {
+    const m = search.matchIndices();
+    if (m.length === 0)
+      return;
+    setDiffState((draft) => {
+      draft.matchCursor = (draft.matchCursor + dir + m.length) % m.length;
+    });
+  };
+  const clearSearch = () => {
+    setDiffState((draft) => {
+      draft.query = "";
+      draft.matchCursor = 0;
+    });
+  };
+  const closeDiff = () => {
+    setDiffState((draft) => {
+      draft.panelOpen = false;
+    });
+    ctx.ui.panel.close();
+    notifyDiffClosed();
+  };
+  const promptSearchQuery = async () => {
+    try {
+      const q = await ctx.ui.dialog.prompt({
+        title: "Search in diff",
+        placeholder: "Type to highlight matches",
+        value: diffState.query
+      });
+      if (q === undefined)
+        return;
+      setDiffState((draft) => {
+        draft.query = q;
+        draft.matchCursor = 0;
+      });
+    } catch (e) {
+      ctx.ui.toast.show({
+        message: `Search failed: ${friendlyError(e)}`,
+        variant: "error"
+      });
+    }
+  };
+  registerDiffKeymap(ctx, {
+    input,
+    searching: () => diffState.query.length > 0,
+    hasMatches: () => search.matchIndices().length > 0,
+    syntaxActive: isSyntaxViewActive,
+    search: () => void promptSearchQuery(),
+    stepMatch: stepSearchMatch,
+    clearSearch,
+    close: closeDiff,
+    toggleSyntax,
+    scrollBy: scrollSyntaxBy
+  });
+  return _$createComponent3(Show3, {
+    get when() {
+      return input().name === DIFF_PANEL_NAME;
+    },
+    get children() {
+      var _el$ = _$createElement3("box");
+      _$setProp3(_el$, "flexDirection", "column");
+      _$setProp3(_el$, "gap", 1);
+      _$setProp3(_el$, "width", "100%");
+      _$setProp3(_el$, "height", "100%");
+      _$insert3(_el$, _$createComponent3(DiffHeader, {
+        theme,
+        get width() {
+          return input().width;
+        },
+        get file() {
+          return diffState.file;
+        },
+        get additions() {
+          return diffState.additions;
+        },
+        get deletions() {
+          return diffState.deletions;
+        },
+        get query() {
+          return diffState.query;
+        },
+        get matchCursor() {
+          return diffState.matchCursor;
+        },
+        get matchCount() {
+          return search.matchIndices().length;
+        },
+        get syntax() {
+          return settings.syntax;
+        },
+        onSearch: () => void promptSearchQuery(),
+        onToggleSyntax: toggleSyntax,
+        onClose: closeDiff
+      }), null);
+      _$insert3(_el$, _$createComponent3(DiffBody, {
+        theme,
+        state: diffState,
+        get rows() {
+          return search.visibleRows();
+        },
+        get focused() {
+          return input().focused;
+        },
+        get syntaxActive() {
+          return isSyntaxViewActive();
+        },
+        get syntaxStyle() {
+          return syntaxHighlightStyle();
+        },
+        onScrollRef: (el) => {
+          scrollEl = el;
+        }
+      }), null);
+      return _el$;
+    }
+  });
+}
+// src/sidebar/view.tsx
+import { effect as _$effect6 } from "@opentui/solid";
+import { insert as _$insert7 } from "@opentui/solid";
+import { use as _$use2 } from "@opentui/solid";
+import { setProp as _$setProp7 } from "@opentui/solid";
+import { createElement as _$createElement7 } from "@opentui/solid";
+import { memo as _$memo5 } from "@opentui/solid";
+import { createComponent as _$createComponent7 } from "@opentui/solid";
+import { createEffect as createEffect3, createSignal as createSignal3, onCleanup as onCleanup4, Show as Show6 } from "solid-js";
+
+// src/sidebar/file-list.tsx
+import { effect as _$effect3 } from "@opentui/solid";
+import { createTextNode as _$createTextNode3 } from "@opentui/solid";
+import { insertNode as _$insertNode3 } from "@opentui/solid";
+import { insert as _$insert4 } from "@opentui/solid";
+import { createComponent as _$createComponent4 } from "@opentui/solid";
+import { setProp as _$setProp4 } from "@opentui/solid";
+import { createElement as _$createElement4 } from "@opentui/solid";
+import { For as For2 } from "solid-js";
+function FileList(props) {
+  const ctx = props.ctx;
+  return (() => {
+    var _el$ = _$createElement4("box");
+    _$setProp4(_el$, "flexDirection", "column");
+    _$setProp4(_el$, "gap", 0);
+    _$insert4(_el$, _$createComponent4(For2, {
+      get each() {
+        return props.files;
+      },
+      children: (f, i) => {
+        const b = statusBadge(f.status, ctx.theme);
+        const label = () => props.staged.has(f.file) ? `[${b.label}]` : ` ${b.label} `;
+        return (() => {
+          var _el$2 = _$createElement4("box"), _el$3 = _$createElement4("text"), _el$4 = _$createElement4("b"), _el$5 = _$createElement4("text"), _el$6 = _$createElement4("box"), _el$7 = _$createElement4("text"), _el$8 = _$createTextNode3(`+`), _el$9 = _$createElement4("text"), _el$0 = _$createTextNode3(`-`);
+          _$insertNode3(_el$2, _el$3);
+          _$insertNode3(_el$2, _el$5);
+          _$insertNode3(_el$2, _el$6);
+          _$insertNode3(_el$2, _el$7);
+          _$insertNode3(_el$2, _el$9);
+          _$setProp4(_el$2, "flexDirection", "row");
+          _$setProp4(_el$2, "gap", 1);
+          _$setProp4(_el$2, "onMouseUp", () => props.onSelect(f, i()));
+          _$insertNode3(_el$3, _el$4);
+          _$setProp4(_el$3, "width", FILE_ROW_BADGE_WIDTH);
+          _$insert4(_el$4, label);
+          _$setProp4(_el$5, "wrapMode", "none");
+          _$insert4(_el$5, () => truncatePath(f.file, filePathMaxWidth(props.width, {
+            additions: f.additions,
+            deletions: f.deletions
+          })));
+          _$setProp4(_el$6, "flexGrow", 1);
+          _$insertNode3(_el$7, _el$8);
+          _$insert4(_el$7, () => f.additions, null);
+          _$insertNode3(_el$9, _el$0);
+          _$insert4(_el$9, () => f.deletions, null);
+          _$effect3((_p$) => {
+            var _v$ = b.color, _v$2 = props.navMode && i() === props.selected ? ctx.theme.text.base : ctx.theme.text.muted, _v$3 = ctx.theme.diff.text.added, _v$4 = ctx.theme.diff.text.removed;
+            _v$ !== _p$.e && (_p$.e = _$setProp4(_el$3, "fg", _v$, _p$.e));
+            _v$2 !== _p$.t && (_p$.t = _$setProp4(_el$5, "fg", _v$2, _p$.t));
+            _v$3 !== _p$.a && (_p$.a = _$setProp4(_el$7, "fg", _v$3, _p$.a));
+            _v$4 !== _p$.o && (_p$.o = _$setProp4(_el$9, "fg", _v$4, _p$.o));
+            return _p$;
+          }, {
+            e: undefined,
+            t: undefined,
+            a: undefined,
+            o: undefined
+          });
+          return _el$2;
+        })();
+      }
+    }));
+    return _el$;
+  })();
+}
+
+// src/sidebar/focus.tsx
+import { onCleanup } from "solid-js";
+function bindSidebarFocus(ctx, opts) {
+  const isInsideSidebar = (node) => {
+    const container = opts.container();
+    let current = node;
+    while (current) {
+      if (current === container)
+        return true;
+      current = current.parent;
+    }
+    return false;
+  };
+  const rendererEvents = ctx.renderer;
+  const handleFocusedRenderable = (current) => {
+    if (!opts.active())
+      return;
+    if (ctx.ui.panel.current()?.name === DIFF_PANEL_NAME)
+      return;
+    if (!isInsideSidebar(current))
+      opts.exit();
+  };
+  const handleFocusedEditor = (editor) => {
+    if (editor == null)
+      return;
+    if (opts.active())
+      opts.exit();
+  };
+  rendererEvents.on("focused_renderable", handleFocusedRenderable);
+  rendererEvents.on("focused_editor", handleFocusedEditor);
+  onCleanup(() => {
+    rendererEvents.off("focused_renderable", handleFocusedRenderable);
+    rendererEvents.off("focused_editor", handleFocusedEditor);
+  });
+}
+
+// src/sidebar/header.tsx
+import { createComponent as _$createComponent5 } from "@opentui/solid";
+import { effect as _$effect4 } from "@opentui/solid";
+import { insert as _$insert5 } from "@opentui/solid";
+import { memo as _$memo3 } from "@opentui/solid";
+import { createTextNode as _$createTextNode4 } from "@opentui/solid";
+import { insertNode as _$insertNode4 } from "@opentui/solid";
+import { setProp as _$setProp5 } from "@opentui/solid";
+import { createElement as _$createElement5 } from "@opentui/solid";
+import { Show as Show4 } from "solid-js";
+function SidebarHeader(props) {
+  const ctx = props.ctx;
+  return (() => {
+    var _el$ = _$createElement5("box"), _el$2 = _$createElement5("box"), _el$3 = _$createElement5("text"), _el$4 = _$createElement5("b"), _el$6 = _$createElement5("box");
+    _$insertNode4(_el$, _el$2);
+    _$setProp5(_el$, "flexDirection", "column");
+    _$setProp5(_el$, "gap", 0);
+    _$insertNode4(_el$2, _el$3);
+    _$insertNode4(_el$2, _el$6);
+    _$setProp5(_el$2, "flexDirection", "row");
+    _$setProp5(_el$2, "gap", 1);
+    _$insertNode4(_el$3, _el$4);
+    _$insertNode4(_el$4, _$createTextNode4(`Git Panel`));
+    _$setProp5(_el$6, "flexGrow", 1);
+    _$insert5(_el$2, _$createComponent5(Show4, {
+      get when() {
+        return _$memo3(() => !!props.branch)() && props.fileCount > 0;
+      },
+      get children() {
+        return [(() => {
+          var _el$7 = _$createElement5("text"), _el$8 = _$createTextNode4(`\u25B6 `), _el$9 = _$createTextNode4(` `);
+          _$insertNode4(_el$7, _el$8);
+          _$insertNode4(_el$7, _el$9);
+          _$setProp5(_el$7, "onMouseUp", () => props.onBranchClick());
+          _$insert5(_el$7, () => props.branch, _el$9);
+          _$effect4((_$p) => _$setProp5(_el$7, "fg", ctx.theme.text.muted, _$p));
+          return _el$7;
+        })(), (() => {
+          var _el$0 = _$createElement5("text"), _el$1 = _$createTextNode4(`(`), _el$10 = _$createTextNode4(`)`);
+          _$insertNode4(_el$0, _el$1);
+          _$insertNode4(_el$0, _el$10);
+          _$insert5(_el$0, () => props.fileCount, _el$10);
+          _$effect4((_$p) => _$setProp5(_el$0, "fg", ctx.theme.text.base, _$p));
+          return _el$0;
+        })()];
+      }
+    }), null);
+    _$insert5(_el$2, _$createComponent5(Show4, {
+      get when() {
+        return _$memo3(() => !!props.ready)() && props.fileCount > 0;
+      },
+      get children() {
+        return [(() => {
+          var _el$11 = _$createElement5("text"), _el$12 = _$createTextNode4(`+`);
+          _$insertNode4(_el$11, _el$12);
+          _$insert5(_el$11, () => props.additions, null);
+          _$effect4((_$p) => _$setProp5(_el$11, "fg", ctx.theme.diff.text.added, _$p));
+          return _el$11;
+        })(), (() => {
+          var _el$13 = _$createElement5("text"), _el$14 = _$createTextNode4(`-`);
+          _$insertNode4(_el$13, _el$14);
+          _$insert5(_el$13, () => props.deletions, null);
+          _$effect4((_$p) => _$setProp5(_el$13, "fg", ctx.theme.diff.text.removed, _$p));
+          return _el$13;
+        })()];
+      }
+    }), null);
+    _$insert5(_el$, _$createComponent5(Show4, {
+      get when() {
+        return _$memo3(() => !!(props.ready && props.fileCount > 0))() && props.navMode;
+      },
+      get children() {
+        var _el$15 = _$createElement5("box"), _el$16 = _$createElement5("box");
+        _$insertNode4(_el$15, _el$16);
+        _$setProp5(_el$15, "flexDirection", "row");
+        _$setProp5(_el$15, "gap", 1);
+        _$setProp5(_el$16, "flexGrow", 1);
+        _$insert5(_el$15, _$createComponent5(Show4, {
+          get when() {
+            return props.stageMode;
+          },
+          get fallback() {
+            return (() => {
+              var _el$21 = _$createElement5("text");
+              _$insertNode4(_el$21, _$createTextNode4(`[\u2190 \u2192 : stage/unstage]`));
+              _$effect4((_$p) => _$setProp5(_el$21, "fg", ctx.theme.text.muted, _$p));
+              return _el$21;
+            })();
+          },
+          get children() {
+            var _el$17 = _$createElement5("text");
+            _$insertNode4(_el$17, _$createTextNode4(`[click : stage/unstage]`));
+            _$effect4((_$p) => _$setProp5(_el$17, "fg", ctx.theme.text.feedback.warning.base, _$p));
+            return _el$17;
+          }
+        }), null);
+        _$insert5(_el$15, _$createComponent5(Show4, {
+          get when() {
+            return props.hasStaged;
+          },
+          get children() {
+            var _el$19 = _$createElement5("text");
+            _$insertNode4(_el$19, _$createTextNode4(`[c : Commit]`));
+            _$setProp5(_el$19, "onMouseUp", () => props.onCommit());
+            _$effect4((_$p) => _$setProp5(_el$19, "fg", ctx.theme.text.feedback.success.base, _$p));
+            return _el$19;
+          }
+        }), null);
+        return _el$15;
+      }
+    }), null);
+    _$effect4((_$p) => _$setProp5(_el$3, "fg", ctx.theme.text.base, _$p));
+    return _el$;
+  })();
+}
+
+// src/sidebar/keymap.ts
+function buildFileCommands(actions, binds, palette, hasFiles) {
+  return [
+    {
+      id: "git-panel.next",
+      title: "Git Panel: Next File",
+      group: "Git Panel",
+      bind: binds.next,
+      enabled: hasFiles,
+      run: () => actions.next()
+    },
+    {
+      id: "git-panel.prev",
+      title: "Git Panel: Previous File",
+      group: "Git Panel",
+      bind: binds.prev,
+      enabled: hasFiles,
+      run: () => actions.prev()
+    },
+    {
+      id: "git-panel.open",
+      title: "Git Panel: Open Diff",
+      group: "Git Panel",
+      bind: binds.open,
+      palette: palette ? true : undefined,
+      enabled: hasFiles,
+      run: () => actions.open()
+    },
+    {
+      id: "git-panel.stage",
+      title: "Git Panel: Stage File",
+      group: "Git Panel",
+      bind: binds.stage,
+      palette: palette ? true : undefined,
+      enabled: hasFiles,
+      run: () => actions.setStaged(true)
+    },
+    {
+      id: "git-panel.unstage",
+      title: "Git Panel: Unstage File",
+      group: "Git Panel",
+      bind: binds.unstage,
+      palette: palette ? true : undefined,
+      enabled: hasFiles,
+      run: () => actions.setStaged(false)
+    },
+    {
+      id: "git-panel.commit",
+      title: "Git Panel: Commit Staged",
+      group: "Git Panel",
+      bind: binds.commit,
+      palette: palette ? true : undefined,
+      run: () => actions.commit()
+    }
+  ];
+}
+function registerSidebarKeymaps(ctx, deps) {
+  const { files, nav, actions } = deps;
+  ctx.keymap.layer(() => {
+    const hasFiles = files().length > 0;
+    return {
+      mode: "global",
+      bindings: ["git-panel.focus-list", "git-panel.next", "git-panel.prev", "git-panel.open", "git-panel.stage", "git-panel.unstage", "git-panel.commit"],
+      commands: [
+        {
+          id: "git-panel.refresh",
+          title: "Git Panel: Refresh",
+          group: "Git Panel",
+          palette: true,
+          run: () => deps.requestRefresh()
+        },
+        {
+          id: "git-panel.focus-list",
+          title: "Git Panel: Focus List",
+          group: "Git Panel",
+          bind: "<leader>G",
+          palette: true,
+          enabled: hasFiles,
+          run: () => nav.enter()
+        },
+        ...buildFileCommands(actions, {}, true, hasFiles)
+      ]
+    };
+  });
+  ctx.keymap.layer(() => {
+    const hasFiles = files().length > 0;
+    const canExitNav = nav.navMode() && !deps.diffOpen() && !nav.stageMode();
+    return {
+      mode: LIST_NAV_MODE,
+      priority: 10,
+      bindings: ["git-panel.next", "git-panel.prev", "git-panel.open", "git-panel.stage", "git-panel.unstage", "git-panel.commit", "git-panel.exit-stage-mode", "git-panel.unfocus-list"],
+      commands: [
+        ...buildFileCommands(actions, { next: "down", prev: "up", open: "return", stage: "right", unstage: "left", commit: "c" }, false, hasFiles),
+        {
+          id: "git-panel.exit-stage-mode",
+          title: "Git Panel: Exit Stage Mode",
+          group: "Git Panel",
+          bind: "escape",
+          enabled: nav.stageMode(),
+          run: () => nav.setStageMode(false)
+        },
+        {
+          id: "git-panel.unfocus-list",
+          title: "Git Panel: Exit List Navigation",
+          group: "Git Panel",
+          bind: "escape",
+          enabled: canExitNav,
+          run: () => nav.exit()
+        }
+      ]
+    };
+  });
+}
+
+// src/sidebar/list-navigation.tsx
+import { createSignal, onCleanup as onCleanup2 } from "solid-js";
+function createListNavigation(ctx, files) {
+  const [navMode, setNavMode] = createSignal(false);
+  const [stageMode, setStageMode] = createSignal(false);
+  const [selected, setSelected] = createSignal(0);
+  let popListNavMode = null;
+  const pushListNavMode = () => {
+    popListNavMode = ctx.keymap.mode.push(LIST_NAV_MODE);
+  };
+  const enter = () => {
+    if (popListNavMode) {
+      try {
+        if (ctx.keymap.mode.current() === LIST_NAV_MODE)
+          return;
+      } catch {
+        return;
+      }
+      popListNavMode = null;
+    }
+    pushListNavMode();
+    setNavMode(true);
+  };
+  const exit = () => {
+    try {
+      if (ctx.keymap.mode.current() === LIST_NAV_MODE)
+        popListNavMode?.();
+    } catch {}
+    popListNavMode = null;
+    setNavMode(false);
+    setStageMode(false);
+  };
+  const ensure = () => {
+    if (!navMode())
+      return;
+    try {
+      if (ctx.keymap.mode.current() !== LIST_NAV_MODE) {
+        popListNavMode = null;
+        pushListNavMode();
+      }
+    } catch {}
+  };
+  const selectNext = () => {
+    const count = files().length;
+    if (count > 0)
+      setSelected((prev) => (prev + 1) % count);
+  };
+  const selectPrevious = () => {
+    const count = files().length;
+    if (count > 0)
+      setSelected((prev) => (prev - 1 + count) % count);
+  };
+  const clampSelection = (count) => {
+    setSelected((prev) => Math.min(prev, Math.max(0, count - 1)));
+  };
+  const selectedFile = () => {
+    const list = files();
+    return list[Math.min(selected(), list.length - 1)];
+  };
+  const toggleStageMode = () => {
+    if (files().length === 0)
+      return;
+    const next = !stageMode();
+    setStageMode(next);
+    if (next)
+      enter();
+  };
+  onCleanup2(exit);
+  return {
+    navMode,
+    stageMode,
+    setStageMode,
+    selected,
+    setSelected,
+    enter,
+    exit,
+    ensure,
+    selectNext,
+    selectPrevious,
+    clampSelection,
+    selectedFile,
+    toggleStageMode
+  };
+}
+
+// src/sidebar/staging.tsx
+import { createMemo as createMemo3 } from "solid-js";
+function createStaging(ctx, git, location, refreshWorkingCopy) {
+  const [stagedMem, setStagedMem] = ctx.storage.memory(STAGED_STORE_KEY, {
+    initial: {
+      directory: "",
+      files: []
+    }
+  });
+  const staged = createMemo3(() => new Set(stagedMem.files));
+  if (stagedMem.directory !== location().directory) {
+    setStagedMem((draft) => {
+      draft.directory = location().directory;
+      draft.files = [];
+    });
+  }
+  let refreshTask;
+  const fetchStatuses = async () => {
+    try {
+      const res = await git.run("status --porcelain=v1 -z -uall --no-renames");
+      if (res.exit === 0) {
+        const files = [...parseStagedPorcelain(res.output)];
+        setStagedMem((draft) => {
+          draft.files = files;
+        });
+      }
+    } catch {}
+  };
+  const scheduleRefresh = async () => {
+    if (refreshTask)
+      return refreshTask;
+    refreshTask = git.enqueue(fetchStatuses).finally(() => {
+      refreshTask = undefined;
+    });
+    return refreshTask;
+  };
+  const applyChange = (file, stage) => {
+    setStagedMem((draft) => {
+      const next = new Set(draft.files);
+      if (stage)
+        next.add(file);
+      else
+        next.delete(file);
+      draft.files = [...next];
+    });
+    git.enqueue(async () => {
+      try {
+        let res = await git.run(stage ? `add -- ${shellQuote(file)}` : `restore --staged -- ${shellQuote(file)}`);
+        if (!stage && res.exit !== 0 && /could not resolve HEAD|ambiguous argument ['"]?HEAD|invalid object name ['"]?HEAD/i.test(res.output)) {
+          res = await git.run(`rm --cached -- ${shellQuote(file)}`);
+        }
+        if (res.exit !== 0) {
+          ctx.ui.toast.show({
+            message: `git ${stage ? "add" : "restore"} failed: ${res.output.trim().slice(0, 200)}`,
+            variant: "error"
+          });
+          await fetchStatuses();
+          return;
+        }
+        await fetchStatuses();
+      } catch (e) {
+        ctx.ui.toast.show({
+          message: `git failed: ${friendlyError(e)}`,
+          variant: "error"
+        });
+        await fetchStatuses();
+        return;
+      }
+    });
+  };
+  const toggle = (file) => {
+    applyChange(file, !staged().has(file));
+  };
+  const commit = async () => {
+    await scheduleRefresh();
+    if (staged().size === 0) {
+      ctx.ui.toast.show({
+        message: "Nothing staged \u2014 stage files with \u2192 first",
+        variant: "warning"
+      });
+      return;
+    }
+    const message = await ctx.ui.dialog.prompt({
+      title: "Commit message",
+      placeholder: "Describe the change"
+    });
+    if (!message)
+      return;
+    await git.enqueue(async () => {
+      try {
+        const res = await git.run(`commit -m ${shellQuote(message)}`);
+        if (res.exit !== 0) {
+          ctx.ui.toast.show({
+            message: `git commit failed: ${res.output.trim().slice(0, 200)}`,
+            variant: "error"
+          });
+        } else {
+          ctx.ui.toast.show({
+            message: "Committed",
+            variant: "success"
+          });
+        }
+      } catch (e) {
+        ctx.ui.toast.show({
+          message: `git commit failed: ${friendlyError(e)}`,
+          variant: "error"
+        });
+      }
+      await refreshWorkingCopy();
+    });
+  };
+  return {
+    staged,
+    scheduleRefresh,
+    applyChange,
+    toggle,
+    commit
+  };
+}
+
+// src/sidebar/status.tsx
+import { insert as _$insert6 } from "@opentui/solid";
+import { memo as _$memo4 } from "@opentui/solid";
+import { createComponent as _$createComponent6 } from "@opentui/solid";
+import { setProp as _$setProp6 } from "@opentui/solid";
+import { effect as _$effect5 } from "@opentui/solid";
+import { createTextNode as _$createTextNode5 } from "@opentui/solid";
+import { insertNode as _$insertNode5 } from "@opentui/solid";
+import { createElement as _$createElement6 } from "@opentui/solid";
+import { Show as Show5 } from "solid-js";
+function SidebarStatus(props) {
+  const ctx = props.ctx;
+  return [_$createComponent6(Show5, {
+    get when() {
+      return props.loading;
+    },
+    get children() {
+      var _el$ = _$createElement6("text");
+      _$insertNode5(_el$, _$createTextNode5(`Loading\u2026`));
+      _$effect5((_$p) => _$setProp6(_el$, "fg", ctx.theme.text.muted, _$p));
+      return _el$;
+    }
+  }), _$createComponent6(Show5, {
+    get when() {
+      return _$memo4(() => !!!props.loading)() && props.error;
+    },
+    get children() {
+      var _el$3 = _$createElement6("text");
+      _$insert6(_el$3, () => props.error);
+      _$effect5((_$p) => _$setProp6(_el$3, "fg", ctx.theme.text.feedback.error.base, _$p));
+      return _el$3;
+    }
+  }), _$createComponent6(Show5, {
+    get when() {
+      return _$memo4(() => !!(!props.loading && !props.error && !props.hasFiles))() && !props.branch;
+    },
+    get children() {
+      var _el$4 = _$createElement6("text");
+      _$insertNode5(_el$4, _$createTextNode5(`Empty repo \u2014 no commits yet`));
+      _$effect5((_$p) => _$setProp6(_el$4, "fg", ctx.theme.text.muted, _$p));
+      return _el$4;
+    }
+  }), _$createComponent6(Show5, {
+    get when() {
+      return _$memo4(() => !!(!props.loading && !props.error && !props.hasFiles))() && !!props.branch;
+    },
+    get children() {
+      var _el$6 = _$createElement6("text");
+      _$insertNode5(_el$6, _$createTextNode5(`Working tree clean`));
+      _$effect5((_$p) => _$setProp6(_el$6, "fg", ctx.theme.text.muted, _$p));
+      return _el$6;
+    }
+  })];
+}
+
+// src/sidebar/working-copy.tsx
+import { createEffect as createEffect2, createMemo as createMemo4, createSignal as createSignal2, onCleanup as onCleanup3 } from "solid-js";
+function createWorkingCopy(ctx, location, onRefreshed) {
+  const [files, setFiles] = createSignal2([]);
+  const [branch, setBranch] = createSignal2("");
+  const [loading, setLoading] = createSignal2(true);
+  const [error, setError] = createSignal2(undefined);
+  let isRefreshing = false;
+  let lastEventRefreshAt = 0;
+  const refresh = async () => {
+    if (isRefreshing)
+      return;
+    isRefreshing = true;
+    try {
+      const loc = location();
+      const [statusRes, infoRes] = await Promise.all([ctx.client.vcs.status({
+        location: loc
+      }), ctx.client.vcs.get({
+        location: loc
+      })]);
+      const prevByFile = new Map(files().map((f) => [f.file, f]));
+      setFiles(statusRes.data.map((d) => {
+        const p = prevByFile.get(d.file);
+        return p && p.additions === d.additions && p.deletions === d.deletions && p.status === d.status ? p : {
+          ...d
+        };
+      }));
+      setBranch(infoRes.data.branch.current ?? "");
+      setError(undefined);
+      onRefreshed(statusRes.data.length);
+    } catch (e) {
+      setError(friendlyError(e));
+    } finally {
+      setLoading(false);
+      isRefreshing = false;
+    }
+  };
+  const additions = createMemo4(() => files().reduce((n, f) => n + f.additions, 0));
+  const deletions = createMemo4(() => files().reduce((n, f) => n + f.deletions, 0));
+  const [refreshSignal, bumpRefresh] = ctx.storage.memory(REFRESH_STORE_KEY, {
+    initial: {
+      nonce: 0
+    }
+  });
+  const requestRefresh = () => bumpRefresh((draft) => {
+    draft.nonce += 1;
+  });
+  createEffect2((prev) => {
+    const nonce = refreshSignal.nonce;
+    if (prev !== undefined)
+      refresh().catch(() => {});
+    return nonce;
+  });
+  const timer = setInterval(() => void refresh().catch(() => {}), intervalMs(ctx));
+  const stopListening = ctx.data.listen(({
+    details
+  }) => {
+    const t = details.type;
+    if (!(t.includes("session") || t.includes("vcs") || t.includes("server.connected") || t.includes("location")))
+      return;
+    const now = Date.now();
+    if (now - lastEventRefreshAt < EVENT_REFRESH_DEBOUNCE_MS)
+      return;
+    lastEventRefreshAt = now;
+    refresh().catch(() => {});
+  });
+  onCleanup3(() => {
+    clearInterval(timer);
+    stopListening();
+  });
+  return {
+    files,
+    branch,
+    loading,
+    error,
+    additions,
+    deletions,
+    refresh,
+    requestRefresh
+  };
+}
+
+// src/sidebar/view.tsx
+function GitChangesView(props) {
+  const {
+    ctx
+  } = props;
+  const [sidebarWidth, setSidebarWidth] = createSignal3(46);
+  const [diffView] = useDiffStore(ctx);
+  let sidebarNode;
+  const currentLocation = () => {
+    const loc = ctx.location ?? ctx.data.location.default();
+    return {
+      directory: loc.directory
+    };
+  };
+  const git = createGitRunner(ctx, () => currentLocation().directory);
+  const openDiff = createDiffOpener(ctx, currentLocation);
+  const workingCopy = createWorkingCopy(ctx, currentLocation, (count) => {
+    nav.clampSelection(count);
+    staging.scheduleRefresh();
+  });
+  const staging = createStaging(ctx, git, currentLocation, workingCopy.refresh);
+  const nav = createListNavigation(ctx, workingCopy.files);
+  const openSelectedDiff = () => {
+    const f = nav.selectedFile();
+    if (f)
+      openDiff(f).catch(() => {});
+  };
+  const setSelectedFileStaged = (stage) => {
+    const f = nav.selectedFile();
+    if (f)
+      staging.applyChange(f.file, stage);
+  };
+  const selectFile = (f, index) => {
+    nav.setSelected(index);
+    if (nav.stageMode())
+      staging.toggle(f.file);
+    else
+      openDiff(f).catch(() => {});
+  };
+  workingCopy.refresh().catch(() => {});
+  staging.scheduleRefresh().catch(() => {});
+  registerSidebarKeymaps(ctx, {
+    files: workingCopy.files,
+    nav,
+    diffOpen: () => diffView.panelOpen,
+    requestRefresh: workingCopy.requestRefresh,
+    actions: {
+      next: nav.selectNext,
+      prev: nav.selectPrevious,
+      open: openSelectedDiff,
+      setStaged: setSelectedFileStaged,
+      commit: () => void staging.commit()
+    }
+  });
+  const restoreListFocus = () => {
+    if (!nav.navMode() || diffView.panelOpen)
+      return;
+    nav.ensure();
+  };
+  setDiffClosedHandler(() => {
+    if (!nav.navMode() && workingCopy.files().length > 0)
+      nav.enter();
+    restoreListFocus();
+  });
+  createEffect3((wasOpen) => {
+    const open = diffView.panelOpen;
+    if (wasOpen === true && open === false && nav.navMode()) {
+      setTimeout(() => restoreListFocus(), 0);
+    }
+    return open;
+  });
+  bindSidebarFocus(ctx, {
+    container: () => sidebarNode,
+    active: () => nav.navMode() && !diffView.panelOpen,
+    exit: nav.exit
+  });
+  onCleanup4(() => setDiffClosedHandler(undefined));
+  const setSidebarRef = (el) => {
+    sidebarNode = el;
+    setSidebarWidth(el.width);
+    const onNodeResize = () => setSidebarWidth(el.width);
+    el.on("resize", onNodeResize);
+    onCleanup4(() => el.off("resize", onNodeResize));
+  };
+  const ready = () => !workingCopy.loading() && !workingCopy.error();
+  const hasFiles = () => workingCopy.files().length > 0;
+  const sidebarBody = [_$createComponent7(SidebarHeader, {
+    ctx,
+    get branch() {
+      return workingCopy.branch();
+    },
+    get fileCount() {
+      return workingCopy.files().length;
+    },
+    get ready() {
+      return ready();
+    },
+    get additions() {
+      return workingCopy.additions();
+    },
+    get deletions() {
+      return workingCopy.deletions();
+    },
+    get navMode() {
+      return nav.navMode();
+    },
+    get stageMode() {
+      return nav.stageMode();
+    },
+    get hasStaged() {
+      return staging.staged().size > 0;
+    },
+    get onBranchClick() {
+      return nav.toggleStageMode;
+    },
+    onCommit: () => void staging.commit()
+  }), _$createComponent7(SidebarStatus, {
+    ctx,
+    get loading() {
+      return workingCopy.loading();
+    },
+    get error() {
+      return workingCopy.error();
+    },
+    get hasFiles() {
+      return hasFiles();
+    },
+    get branch() {
+      return workingCopy.branch();
+    }
+  }), _$createComponent7(Show6, {
+    get when() {
+      return _$memo5(() => !!ready())() && hasFiles();
+    },
+    get children() {
+      return _$createComponent7(FileList, {
+        ctx,
+        get files() {
+          return workingCopy.files();
+        },
+        get staged() {
+          return staging.staged();
+        },
+        get selected() {
+          return nav.selected();
+        },
+        get navMode() {
+          return nav.navMode();
+        },
+        get width() {
+          return sidebarWidth();
+        },
+        onSelect: selectFile
+      });
+    }
+  })];
+  return _$createComponent7(Show6, {
+    get when() {
+      return nav.navMode();
+    },
+    get fallback() {
+      return (() => {
+        var _el$2 = _$createElement7("box");
+        _$use2(setSidebarRef, _el$2);
+        _$setProp7(_el$2, "flexDirection", "column");
+        _$setProp7(_el$2, "gap", 1);
+        _$insert7(_el$2, sidebarBody);
+        return _el$2;
+      })();
+    },
+    get children() {
+      var _el$ = _$createElement7("box");
+      _$use2(setSidebarRef, _el$);
+      _$setProp7(_el$, "flexDirection", "column");
+      _$setProp7(_el$, "gap", 1);
+      _$setProp7(_el$, "border", ["top", "bottom"]);
+      _$setProp7(_el$, "borderStyle", "rounded");
+      _$insert7(_el$, sidebarBody);
+      _$effect6((_p$) => {
+        var _v$ = ctx.theme.text.feedback.warning.base, _v$2 = ctx.theme.text.feedback.warning.base;
+        _v$ !== _p$.e && (_p$.e = _$setProp7(_el$, "borderColor", _v$, _p$.e));
+        _v$2 !== _p$.t && (_p$.t = _$setProp7(_el$, "focusedBorderColor", _v$2, _p$.t));
+        return _p$;
+      }, {
+        e: undefined,
+        t: undefined
+      });
+      return _el$;
+    }
+  });
+}
+// src/tui.tsx
+var tui_default = Plugin.define({
+  id: "git-panel.cli",
+  setup(ctx) {
+    const unregisterSidebar = ctx.ui.slot({
+      append: "sidebar.content",
+      render: () => _$createComponent8(GitChangesView, {
+        ctx
+      })
+    });
+    const unregisterPanel = ctx.ui.slot({
+      append: "session.panel",
+      render: (input) => _$createComponent8(DiffPanel, {
+        ctx,
+        input
+      })
+    });
+    return () => {
+      unregisterSidebar();
+      unregisterPanel();
+    };
+  }
+});
+export {
+  parseStagedPorcelain,
+  parseDiff,
+  tui_default as default
+};