@omg-dev/app 0.1.308

package/dist-lib/FileViewer-DgjR_OJp.js

@@ -0,0 +1,18 @@
+import { jsx as r } from "react/jsx-runtime";
+import { memo as t } from "react";
+import { F as i } from "./File-BszRWhXA.js";
+import { P as m } from "./types-BSXdE6DF.js";
+function n({ file: e, themeType: o }) {
+  return /* @__PURE__ */ r(
+    i,
+    {
+      file: { name: e.name, contents: e.contents },
+      options: { theme: m, themeType: o, overflow: "wrap", disableFileHeader: !0 },
+      disableWorkerPool: !0
+    }
+  );
+}
+const p = t(n);
+export {
+  p as default
+};

package/dist-lib/SessionFilesPanel-Brfp2niD.js

@@ -0,0 +1,336 @@
+import { jsx as e, jsxs as i, Fragment as te } from "react/jsx-runtime";
+import { memo as ne, useState as m, useRef as T, useCallback as v, useEffect as C, useMemo as q, Suspense as I } from "react";
+import { createPortal as re } from "react-dom";
+import { c as oe, H, I as se, X as U, J as ie, K as ae, g as y, L as J, N as le, C as de, y as ce, O as L } from "./embedded-DS7udW2I.js";
+import { c as me } from "./create-BrnHvSDE.js";
+/**
+ * @license lucide-react v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ue = [
+  ["path", { d: "m18 9-6-6-6 6", key: "kcunyi" }],
+  ["path", { d: "M12 3v14", key: "7cf3v8" }],
+  ["path", { d: "M5 21h14", key: "11awu3" }]
+], pe = oe("arrow-up-from-line", ue), fe = 6e4;
+function he({ displayPath: n, original: s, edited: o, note: c }) {
+  if (s === o) return { ok: !1, reason: "unchanged" };
+  const t = me(n, s, o, void 0, void 0, { context: 3 });
+  return t.length > fe ? { ok: !1, reason: "too-large" } : { ok: !0, patch: t, message: xe(n, t, c) };
+}
+function xe(n, s, o) {
+  const c = o == null ? void 0 : o.trim(), t = [
+    `I edited \`${n}\` in the file viewer. Apply this patch to the file exactly as written — do not reformat it, improve it, or make any other change:`,
+    "",
+    "```diff",
+    s.trimEnd(),
+    "```"
+  ];
+  return c && t.push("", c), t.join(`
+`);
+}
+const ge = L("session-file-tree", () => import("./FileTreePane-BG2k7gTc.js")), be = L("session-file-viewer", () => import("./FileViewer-DgjR_OJp.js")), ve = L("session-file-editor", () => import("./FileEditor-ByMnm-sa.js"));
+async function _(n) {
+  const s = await H(n), o = await s.json().catch(() => ({}));
+  if (!s.ok) throw new Error((o == null ? void 0 : o.error) || `${s.status}`);
+  return o;
+}
+function ye() {
+  const n = () => typeof document < "u" && document.documentElement.classList.contains("dark") ? "dark" : "light", [s, o] = m(n);
+  return C(() => {
+    const c = new MutationObserver(() => o(n()));
+    return c.observe(document.documentElement, { attributes: !0, attributeFilter: ["class"] }), () => c.disconnect();
+  }, []), s;
+}
+const N = ({ label: n }) => /* @__PURE__ */ i("div", { className: "flex items-center justify-center gap-2 py-8 text-[12px] text-muted-foreground", children: [
+  /* @__PURE__ */ e(J, { className: "size-3.5 animate-spin" }),
+  " ",
+  n
+] });
+function ke({ tree: n, onNavigate: s }) {
+  const o = T(null), c = q(() => {
+    const t = n.root.split("/").filter(Boolean);
+    return t.map((h, k) => {
+      const x = "/" + t.slice(0, k + 1).join("/");
+      return { name: h, abs: x, browsable: x === n.ceiling || x.startsWith(n.ceiling + "/") };
+    });
+  }, [n.root, n.ceiling]);
+  return C(() => {
+    const t = o.current;
+    t && (t.scrollLeft = t.scrollWidth);
+  }, [c]), /* @__PURE__ */ e(
+    "nav",
+    {
+      ref: o,
+      className: "flex min-w-0 items-center gap-0.5 overflow-x-auto whitespace-nowrap font-mono text-[11px] text-muted-foreground [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+      children: c.map((t, h) => /* @__PURE__ */ i("span", { className: "flex shrink-0 items-center gap-0.5", children: [
+        h > 0 ? /* @__PURE__ */ e(ce, { className: "size-3 opacity-50" }) : null,
+        t.browsable && t.abs !== n.root ? /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            onClick: () => s(t.abs),
+            className: "rounded px-1 py-1 transition-colors hover:bg-muted hover:text-foreground md:py-0.5",
+            children: t.name
+          }
+        ) : /* @__PURE__ */ e("span", { className: y("px-1 py-0.5", t.abs === n.root && "font-semibold text-foreground"), children: t.name })
+      ] }, t.abs))
+    }
+  );
+}
+function we({ sid: n, onClose: s }) {
+  const [o, c] = m(null), [t, h] = m(null), [k, x] = m(null), [g, j] = m(null), [a, S] = m(null), [R, $] = m(null), [W, P] = m(!1), [u, w] = m(!1), [z, O] = m(""), [p, f] = m({ kind: "idle" }), [K, E] = m("tree"), A = ye(), b = T(null), V = v((r) => {
+    b.current = r;
+  }, []), F = T(null);
+  C(() => {
+    let r = !0;
+    h(null), x(null);
+    const d = o ? `?root=${encodeURIComponent(o)}` : "";
+    return _(`/api/sessions/${n}/tree${d}`).then((l) => r && h(l.tree)).catch((l) => r && x(l instanceof Error ? l.message : String(l))), () => {
+      r = !1;
+    };
+  }, [n, o]), C(() => {
+    const r = (l) => l.key === "Escape" && s();
+    window.addEventListener("keydown", r);
+    const d = document.body.style.overflow;
+    return document.body.style.overflow = "hidden", () => {
+      window.removeEventListener("keydown", r), document.body.style.overflow = d;
+    };
+  }, [s]);
+  const X = v(
+    (r) => {
+      t && (E("file"), r !== F.current && (F.current = r, j(r), w(!1), f({ kind: "idle" }), O(""), b.current = null, S(null), $(null), P(!0), _(
+        `/api/sessions/${n}/file?path=${encodeURIComponent(`${t.root}/${r}`)}`
+      ).then((d) => {
+        S(d.file), b.current = d.file.contents;
+      }).catch((d) => $(d instanceof Error ? d.message : String(d))).finally(() => P(!1))));
+    },
+    [n, t]
+  ), M = v((r) => {
+    c(r), F.current = null, j(null), S(null), w(!1), E("tree");
+  }, []), D = v(() => E("tree"), []), Y = q(
+    () => a ? { ...a, contents: b.current ?? a.contents } : null,
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- `editing` is the
+    // intended trigger; draftRef is a ref and deliberately not reactive.
+    [a, u]
+  ), G = v(async () => {
+    if (!a || b.current === null) return;
+    const r = g ?? a.name, d = he({
+      displayPath: r,
+      original: a.contents,
+      edited: b.current,
+      note: z
+    });
+    if (!d.ok) {
+      f({
+        kind: "error",
+        message: d.reason === "unchanged" ? "No changes to send." : "That edit is too large to send as a patch — split it into smaller changes."
+      });
+      return;
+    }
+    f({ kind: "sending" });
+    try {
+      const l = await H(`/api/sessions/${n}/send`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        // Queued rather than steered: the agent finishes its current turn and
+        // then picks the edit up, instead of having its thought interrupted.
+        body: JSON.stringify({ text: d.message, mode: "queue" })
+      }), ee = await l.json().catch(() => ({}));
+      if (!l.ok) {
+        f({
+          kind: "error",
+          message: l.status === 409 ? "This session isn't running, so there's no agent to apply the edit. Resume it and try again." : ee.error || `Couldn't send (${l.status})`
+        });
+        return;
+      }
+      f({ kind: "sent" }), w(!1);
+    } catch (l) {
+      f({ kind: "error", message: l instanceof Error ? l.message : String(l) });
+    }
+  }, [n, a, g, z]), Q = !!g && K === "file", B = p.kind === "sent" || p.kind === "error" ? "banner" : u ? "editor" : "content", Z = /* @__PURE__ */ e(
+    "div",
+    {
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": "Session files",
+      className: "fixed inset-x-0 z-[110] flex flex-col bg-background/80 backdrop-blur-sm",
+      style: {
+        top: "var(--lfg-visual-offset-top, 0px)",
+        height: "var(--lfg-visual-height, var(--lfg-app-height, 100dvh))"
+      },
+      onClick: s,
+      children: /* @__PURE__ */ i(
+        "div",
+        {
+          className: "relative mx-auto flex h-full w-full max-w-6xl flex-col overflow-hidden bg-background md:my-6 md:h-[calc(100%-3rem)] md:rounded-2xl md:border md:border-border md:shadow-2xl",
+          onClick: (r) => r.stopPropagation(),
+          children: [
+            /* @__PURE__ */ i("header", { className: "flex items-center gap-2 border-b border-border px-3 py-2 pt-[calc(0.5rem+env(safe-area-inset-top,0px))] md:gap-3 md:px-4 md:py-3 md:pt-3", children: [
+              /* @__PURE__ */ e(se, { className: "size-4 shrink-0 text-[var(--primary)]" }),
+              /* @__PURE__ */ i("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ e("div", { className: "text-sm font-semibold text-foreground", children: "Files" }),
+                t ? /* @__PURE__ */ e(ke, { tree: t, onNavigate: M }) : null
+              ] }),
+              t != null && t.parent ? /* @__PURE__ */ i(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => M(t.parent),
+                  className: "flex min-h-9 shrink-0 items-center gap-1.5 rounded-lg border border-border px-2.5 text-[12px] text-muted-foreground transition-colors hover:bg-muted hover:text-foreground md:min-h-0 md:px-2 md:py-1 md:text-[11px]",
+                  children: [
+                    /* @__PURE__ */ e(pe, { className: "size-3.5 md:size-3" }),
+                    " Up"
+                  ]
+                }
+              ) : null,
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  onClick: s,
+                  "aria-label": "Close files",
+                  className: "flex size-9 shrink-0 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-muted hover:text-foreground md:size-auto md:p-1.5",
+                  children: /* @__PURE__ */ e(U, { className: "size-5 md:size-4" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ i("div", { className: "flex min-h-0 flex-1 flex-col md:flex-row", children: [
+              /* @__PURE__ */ i("aside", { className: "flex min-h-0 flex-1 flex-col overflow-hidden border-border md:h-auto md:w-72 md:flex-none md:border-r", children: [
+                t != null && t.truncated ? /* @__PURE__ */ e("div", { className: "shrink-0 border-b border-border bg-[var(--warning)]/10 px-3 py-1.5 text-[11px] text-[var(--warning)]", children: "This directory is very large — the listing was truncated." }) : null,
+                /* @__PURE__ */ e("div", { className: "min-h-0 flex-1 overflow-hidden pb-[var(--lfg-safe-bottom,0px)] md:pb-0", children: k ? /* @__PURE__ */ i("div", { className: "px-3 py-2 text-[12px] text-[var(--destructive)]", children: [
+                  "Could not list files: ",
+                  k
+                ] }) : t ? /* @__PURE__ */ e(I, { fallback: /* @__PURE__ */ e(N, { label: "Loading tree…" }), children: /* @__PURE__ */ e(
+                  ge,
+                  {
+                    paths: t.paths,
+                    gitStatus: t.gitStatus,
+                    selectedPath: g,
+                    onSelectFile: X
+                  }
+                ) }) : /* @__PURE__ */ e(N, { label: "Listing files…" }) })
+              ] }),
+              /* @__PURE__ */ e(
+                "section",
+                {
+                  className: y(
+                    "min-h-0 min-w-0 flex-col bg-background md:static md:flex md:flex-1",
+                    Q ? "absolute inset-0 z-20 flex" : "hidden"
+                  ),
+                  children: g ? /* @__PURE__ */ i(te, { children: [
+                    /* @__PURE__ */ i("div", { className: "flex items-center gap-2 border-b border-border px-2 py-2 pt-[calc(0.5rem+env(safe-area-inset-top,0px))] md:px-3 md:pt-2", children: [
+                      /* @__PURE__ */ e(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: D,
+                          "aria-label": "Back to file tree",
+                          className: "flex size-9 shrink-0 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-muted hover:text-foreground md:hidden",
+                          children: /* @__PURE__ */ e(ie, { className: "size-5" })
+                        }
+                      ),
+                      /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate font-mono text-[12px] text-foreground", children: g }),
+                      a && !a.binary ? /* @__PURE__ */ i(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => {
+                            w((r) => !r), f({ kind: "idle" });
+                          },
+                          className: y(
+                            "flex min-h-9 shrink-0 items-center gap-1.5 rounded-lg border px-2.5 text-[12px] transition-colors md:min-h-0 md:px-2 md:py-1 md:text-[11px]",
+                            u ? "border-[var(--primary)]/40 bg-[var(--primary)]/10 text-foreground" : "border-border text-muted-foreground hover:bg-muted hover:text-foreground"
+                          ),
+                          children: [
+                            /* @__PURE__ */ e(ae, { className: "size-3.5 md:size-3" }),
+                            " ",
+                            u ? "Editing" : "Edit"
+                          ]
+                        }
+                      ) : null,
+                      /* @__PURE__ */ e(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: s,
+                          "aria-label": "Close files",
+                          className: "flex size-9 shrink-0 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-muted hover:text-foreground md:hidden",
+                          children: /* @__PURE__ */ e(U, { className: "size-5" })
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ i(
+                      "div",
+                      {
+                        className: y(
+                          "min-h-0 flex-1 overflow-auto overscroll-contain text-[12px]",
+                          B === "content" && "pb-[var(--lfg-safe-bottom,0px)] md:pb-0"
+                        ),
+                        children: [
+                          R ? /* @__PURE__ */ i("div", { className: "px-3 py-2 text-[12px] text-[var(--destructive)]", children: [
+                            "Could not open: ",
+                            R
+                          ] }) : W || !a ? /* @__PURE__ */ e(N, { label: "Opening…" }) : a.binary ? /* @__PURE__ */ e("div", { className: "px-3 py-3 text-[12px] text-muted-foreground", children: "Binary file — not shown." }) : /* @__PURE__ */ e(I, { fallback: /* @__PURE__ */ e(N, { label: u ? "Loading editor…" : "Rendering…" }), children: u ? /* @__PURE__ */ e(ve, { file: Y ?? a, themeType: A, onChange: V }) : /* @__PURE__ */ e(be, { file: a, themeType: A }) }),
+                          a != null && a.truncated ? /* @__PURE__ */ e("div", { className: "px-3 py-1.5 text-[11px] text-[var(--warning)]", children: "File truncated — only the first megabyte is shown." }) : null
+                        ]
+                      }
+                    ),
+                    u ? /* @__PURE__ */ i(
+                      "div",
+                      {
+                        className: y(
+                          "shrink-0 space-y-2 border-t border-border p-3",
+                          B === "editor" && "pb-[max(var(--lfg-safe-bottom,0px),0.75rem)] md:pb-3"
+                        ),
+                        children: [
+                          /* @__PURE__ */ e(
+                            "textarea",
+                            {
+                              value: z,
+                              onChange: (r) => O(r.target.value),
+                              rows: 2,
+                              placeholder: "Optional: anything else the agent should do alongside this edit",
+                              className: "w-full resize-none rounded-lg border border-border bg-card px-2.5 py-2 text-[12px] text-foreground outline-none placeholder:text-muted-foreground focus:border-[var(--primary)]/50"
+                            }
+                          ),
+                          /* @__PURE__ */ i("div", { className: "flex flex-col gap-2 md:flex-row md:items-center", children: [
+                            /* @__PURE__ */ e("p", { className: "min-w-0 flex-1 text-[11px] text-muted-foreground", children: "Your edit is sent to the agent as a patch — it applies the change, so nothing here writes to disk behind its back." }),
+                            /* @__PURE__ */ i(
+                              "button",
+                              {
+                                type: "button",
+                                onClick: G,
+                                disabled: p.kind === "sending",
+                                className: "flex min-h-11 w-full shrink-0 items-center justify-center gap-1.5 rounded-lg bg-[var(--primary)] px-3 text-[13px] font-medium text-[var(--primary-foreground)] transition-opacity hover:opacity-90 disabled:opacity-60 md:min-h-0 md:w-auto md:py-1.5 md:text-[12px]",
+                                children: [
+                                  p.kind === "sending" ? /* @__PURE__ */ e(J, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ e(le, { className: "size-3.5" }),
+                                  "Send to agent"
+                                ]
+                              }
+                            )
+                          ] })
+                        ]
+                      }
+                    ) : null,
+                    p.kind === "sent" ? /* @__PURE__ */ i("div", { className: "flex shrink-0 items-center gap-2 border-t border-[var(--success)]/40 bg-[var(--success)]/10 px-3 py-2 pb-[max(var(--lfg-safe-bottom,0px),0.5rem)] text-[12px] text-foreground md:pb-2", children: [
+                      /* @__PURE__ */ e(de, { className: "size-3.5 text-[var(--success)]" }),
+                      " Patch queued — the agent will apply it on its next turn."
+                    ] }) : null,
+                    p.kind === "error" ? /* @__PURE__ */ e("div", { className: "shrink-0 border-t border-[var(--destructive)]/40 bg-[var(--destructive)]/10 px-3 py-2 pb-[max(var(--lfg-safe-bottom,0px),0.5rem)] text-[12px] text-[var(--destructive)] md:pb-2", children: p.message }) : null
+                  ] }) : /* @__PURE__ */ e("div", { className: "flex flex-1 items-center justify-center px-6 text-center text-[13px] text-muted-foreground", children: "Select a file to read it. Changed files carry a git badge." })
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+  return re(Z, document.body);
+}
+const Te = ne(we);
+export {
+  Te as default
+};