@opengeni/react 1.0.1 → 1.0.2-canary.37202341988001

package/dist/chunk-4RVYOY4O.js

@@ -0,0 +1,379 @@
+import {
+  codeEditorPeers
+} from "./chunk-JT4JW7BC.js";
+import {
+  cn
+} from "./chunk-22KP6LR5.js";
+
+// src/components/code-editor.tsx
+import { Loader2Icon, SaveIcon } from "lucide-react";
+import {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+  useSyncExternalStore
+} from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function languageForPath(path) {
+  const name = path.split("/").pop() ?? path;
+  const ext = name.includes(".") ? (name.split(".").pop() ?? "").toLowerCase() : "";
+  switch (ext) {
+    case "js":
+    case "jsx":
+    case "ts":
+    case "tsx":
+    case "mjs":
+    case "cjs":
+      return "javascript";
+    case "json":
+    case "jsonc":
+      return "json";
+    case "py":
+    case "pyi":
+      return "python";
+    case "md":
+    case "markdown":
+    case "mdx":
+      return "markdown";
+    case "css":
+    case "scss":
+    case "less":
+      return "css";
+    case "html":
+    case "htm":
+    case "xml":
+    case "svg":
+    case "vue":
+      return "html";
+    default:
+      return null;
+  }
+}
+function reconcileEditorBuffer(current, incoming) {
+  if (current.path === incoming.path && current.value !== current.baseline) {
+    return current;
+  }
+  if (current.path === incoming.path && current.value === incoming.contents && current.baseline === incoming.contents) {
+    return current;
+  }
+  return {
+    path: incoming.path,
+    value: incoming.contents,
+    baseline: incoming.contents
+  };
+}
+function CodeEditor({
+  path,
+  initialContents,
+  onSave,
+  onOverwrite,
+  onReload,
+  onEditIntent,
+  readOnly = false,
+  themeType = "dark",
+  loading,
+  fallback,
+  className
+}) {
+  const [failed, setFailed] = useState(false);
+  const [bundle, setBundle] = useState(null);
+  const peerRevision = useSyncExternalStore(
+    codeEditorPeers.subscribe,
+    codeEditorPeers.revision,
+    codeEditorPeers.revision
+  );
+  const [buffer, setBuffer] = useState(() => ({
+    path,
+    value: initialContents,
+    baseline: initialContents
+  }));
+  const { value, baseline } = buffer;
+  const [saving, setSaving] = useState(false);
+  const [saveError, setSaveError] = useState(null);
+  const [savedTick, setSavedTick] = useState(false);
+  const saveInFlightRef = useRef(false);
+  const dirty = value !== baseline;
+  const saveConflict = saveError !== null && saveError.code === "file_write_conflict";
+  const editIntentFiredRef = useRef(false);
+  useEffect(() => {
+    setBuffer((current) => reconcileEditorBuffer(current, { path, contents: initialContents }));
+  }, [path, initialContents]);
+  useEffect(() => {
+    editIntentFiredRef.current = false;
+    setSaveError(null);
+    setSavedTick(false);
+  }, [path]);
+  const noteEdit = useCallback(
+    (next) => {
+      setBuffer((current) => ({ ...current, value: next }));
+      setSavedTick(false);
+      if (!editIntentFiredRef.current && next !== baseline) {
+        editIntentFiredRef.current = true;
+        onEditIntent?.();
+      }
+    },
+    [baseline, onEditIntent]
+  );
+  const langKey = useMemo(() => languageForPath(path), [path]);
+  useEffect(() => {
+    let cancelled = false;
+    void (async () => {
+      try {
+        const peers = await codeEditorPeers.load();
+        const cmMod = peers.module;
+        let languageExtension = null;
+        if (langKey) {
+          try {
+            languageExtension = await peers.languages?.[langKey]?.() ?? null;
+          } catch {
+            languageExtension = null;
+          }
+        }
+        if (cancelled) return;
+        const saveKeymapExtension = (run) => cmMod.Prec.highest(
+          cmMod.keymap.of([
+            {
+              key: "Mod-s",
+              preventDefault: true,
+              run: () => {
+                run();
+                return true;
+              }
+            }
+          ])
+        );
+        setBundle({
+          Editor: cmMod.default,
+          saveKeymapExtension,
+          languageExtension
+        });
+        setFailed(false);
+      } catch {
+        if (!cancelled) setFailed(true);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [langKey, peerRevision]);
+  const saveRef = useRef(() => {
+  });
+  const save = useCallback(async () => {
+    if (readOnly || saveInFlightRef.current) return;
+    const snapshot = value;
+    if (snapshot === baseline) return;
+    saveInFlightRef.current = true;
+    setSaving(true);
+    setSaveError(null);
+    setSavedTick(false);
+    try {
+      await onSave(snapshot, baseline);
+      setBuffer(
+        (current) => current.path === path ? { ...current, baseline: snapshot } : current
+      );
+      setSavedTick(true);
+    } catch (cause) {
+      setSaveError(cause instanceof Error ? cause : new Error(String(cause)));
+    } finally {
+      saveInFlightRef.current = false;
+      setSaving(false);
+    }
+  }, [readOnly, value, baseline, onSave, path]);
+  const overwrite = useCallback(async () => {
+    if (readOnly || !onOverwrite || saveInFlightRef.current) return;
+    const snapshot = value;
+    if (snapshot === baseline) return;
+    saveInFlightRef.current = true;
+    setSaving(true);
+    setSaveError(null);
+    setSavedTick(false);
+    try {
+      await onOverwrite(snapshot);
+      setBuffer(
+        (current) => current.path === path ? { ...current, baseline: snapshot } : current
+      );
+      setSavedTick(true);
+    } catch (cause) {
+      setSaveError(cause instanceof Error ? cause : new Error(String(cause)));
+    } finally {
+      saveInFlightRef.current = false;
+      setSaving(false);
+    }
+  }, [readOnly, onOverwrite, value, baseline, path]);
+  saveRef.current = () => {
+    void save();
+  };
+  useEffect(() => {
+    if (!savedTick) return;
+    const t = setTimeout(() => setSavedTick(false), 1800);
+    return () => clearTimeout(t);
+  }, [savedTick]);
+  const fileName = path.split("/").filter(Boolean).pop() ?? path;
+  const cmExtensions = useMemo(() => {
+    if (!bundle) return [];
+    const exts = [bundle.saveKeymapExtension(() => saveRef.current())];
+    if (bundle.languageExtension) exts.push(bundle.languageExtension);
+    return exts;
+  }, [bundle]);
+  const Editor = bundle?.Editor;
+  const reload = useCallback(() => {
+    setBuffer({ path, value: initialContents, baseline: initialContents });
+    editIntentFiredRef.current = false;
+    setSaveError(null);
+    setSavedTick(false);
+    onReload?.();
+  }, [initialContents, onReload, path]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("flex h-full min-h-0 flex-col", className),
+      "data-opengeni-code-editor": true,
+      "data-opengeni-editor-dirty": dirty ? "true" : "false",
+      style: editorVars,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex min-h-9 shrink-0 items-center gap-2 border-b border-og-border bg-og-surface-1 px-2 py-1", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "size-1.5 shrink-0 rounded-full transition-colors",
+                readOnly ? "bg-transparent" : dirty ? "bg-og-status-running" : "bg-og-status-idle"
+              ),
+              title: readOnly ? "read-only" : dirty ? "unsaved changes" : "saved"
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: "truncate font-og-mono text-og-xs text-og-fg-muted", children: [
+            fileName,
+            dirty && !readOnly ? " \u2022" : ""
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
+            saveError && !saveConflict && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "max-w-[220px] truncate text-og-xs text-og-status-failed",
+                title: saveError.message,
+                children: saveError.message
+              }
+            ),
+            !saveError && savedTick && !dirty && /* @__PURE__ */ jsx("span", { className: "text-og-xs text-og-status-idle", children: "Saved" }),
+            readOnly ? /* @__PURE__ */ jsx("span", { className: "text-og-xs uppercase tracking-wide text-og-fg-subtle", children: "Read-only" }) : !saveConflict ? /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => void save(),
+                disabled: saving || !dirty,
+                className: cn(
+                  "flex items-center gap-1 rounded-og-sm border border-og-border px-1.5 py-0.5 text-og-xs pointer-coarse:min-h-11",
+                  saving || !dirty ? "cursor-default text-og-fg-subtle opacity-60" : "text-og-fg hover:bg-og-accent-soft"
+                ),
+                title: "Save (\u2318/Ctrl+S)",
+                children: [
+                  saving ? /* @__PURE__ */ jsx(Loader2Icon, { className: "size-3 animate-spin" }) : /* @__PURE__ */ jsx(SaveIcon, { className: "size-3" }),
+                  "Save"
+                ]
+              }
+            ) : null
+          ] })
+        ] }),
+        saveConflict ? /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex shrink-0 flex-wrap items-center gap-x-3 gap-y-2 border-b border-og-status-failed/25 bg-og-status-failed/8 px-2 py-2",
+            role: "alert",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "min-w-[12rem] flex-1 text-og-xs text-og-fg-muted", children: [
+                /* @__PURE__ */ jsx("span", { className: "font-medium text-og-status-failed", children: "File changed on machine." }),
+                " ",
+                "Reloading discards your edits; overwriting replaces the live version."
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: [
+                onReload ? /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => {
+                      reload();
+                    },
+                    className: "min-h-8 rounded-og-sm border border-og-border bg-og-surface-1 px-2 text-og-xs font-medium text-og-fg hover:bg-og-surface-2 pointer-coarse:min-h-11",
+                    children: "Reload live"
+                  }
+                ) : null,
+                onOverwrite ? /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => void overwrite(),
+                    disabled: saving,
+                    className: "min-h-8 rounded-og-sm border border-og-status-failed/40 px-2 text-og-xs font-medium text-og-status-failed hover:bg-og-status-failed/10 disabled:opacity-50 pointer-coarse:min-h-11",
+                    children: "Overwrite"
+                  }
+                ) : null
+              ] })
+            ]
+          }
+        ) : null,
+        /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-auto", children: failed ? fallback ?? /* @__PURE__ */ jsx(
+          PlainTextarea,
+          {
+            value,
+            readOnly,
+            onChange: noteEdit,
+            onSave: () => void save()
+          }
+        ) : Editor ? /* @__PURE__ */ jsx(
+          Editor,
+          {
+            value,
+            theme: themeType === "light" ? "light" : "dark",
+            editable: !readOnly,
+            readOnly,
+            basicSetup: true,
+            extensions: cmExtensions,
+            height: "100%",
+            className: "og-cm-editor min-h-full text-og-sm",
+            onChange: readOnly ? void 0 : noteEdit
+          }
+        ) : loading ?? /* @__PURE__ */ jsx(EditorSkeleton, {}) })
+      ]
+    }
+  );
+}
+var editorVars = {
+  "--og-cm-bg": "var(--og-color-bg)",
+  fontFamily: "var(--og-font-mono)"
+};
+function PlainTextarea({
+  value,
+  readOnly,
+  onChange,
+  onSave
+}) {
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      value,
+      readOnly,
+      spellCheck: false,
+      onChange: (e) => onChange(e.target.value),
+      onKeyDown: (event) => {
+        if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "s") {
+          event.preventDefault();
+          onSave();
+        }
+      },
+      "aria-label": "Plain text file editor",
+      className: "h-full w-full resize-none bg-transparent p-2 font-og-mono text-og-sm text-og-fg outline-hidden"
+    }
+  );
+}
+function EditorSkeleton() {
+  return /* @__PURE__ */ jsx("div", { className: "p-3 text-og-sm text-og-fg-subtle", children: "Loading editor\u2026" });
+}
+
+export {
+  languageForPath,
+  CodeEditor
+};
+//# sourceMappingURL=chunk-4RVYOY4O.js.map

package/dist/chunk-4RVYOY4O.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/code-editor.tsx"],"sourcesContent":["import { Loader2Icon, SaveIcon } from \"lucide-react\";\nimport {\n  type ComponentType,\n  type CSSProperties,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n} from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { codeEditorPeers, type CodeEditorLanguage } from \"../lib/workbench-peers\";\n\n// --- Lazy CodeMirror surface ----------------------------------------------\n//\n// CodeMirror 6 (via @uiw/react-codemirror) plus the per-language grammars are a\n// heavy bundle (lezer parsers, the view layer). We keep them OFF the critical\n// path and out of any SSR bundle by lazy-importing only when a file is actually\n// EDITED. The read-only viewer stays Pierre's Shiki `File`; this is the\n// editable complement, mounted on demand.\n\n/** The subset of `@uiw/react-codemirror`'s props we drive. */\ntype ReactCodeMirrorComponent = ComponentType<{\n  value?: string;\n  height?: string;\n  theme?: \"light\" | \"dark\" | \"none\" | unknown;\n  editable?: boolean;\n  readOnly?: boolean;\n  basicSetup?: boolean | Record<string, boolean>;\n  extensions?: unknown[];\n  onChange?: ((value: string) => void) | undefined;\n  className?: string;\n  style?: CSSProperties;\n}>;\n\n// Resolved lazily on first edit: the editor component + the keymap/Prec helpers\n// (both re-exported from @uiw/react-codemirror, which re-exports @codemirror/view\n// and @codemirror/state) + the chosen language extension.\ntype EditorBundle = {\n  Editor: ReactCodeMirrorComponent;\n  saveKeymapExtension: (onSave: () => void) => unknown;\n  languageExtension: unknown | null;\n};\n\n/** Map a filename to a grammar key (or null for plain text — still fully editable). */\nexport function languageForPath(path: string): string | null {\n  const name = path.split(\"/\").pop() ?? path;\n  const ext = name.includes(\".\") ? (name.split(\".\").pop() ?? \"\").toLowerCase() : \"\";\n  switch (ext) {\n    case \"js\":\n    case \"jsx\":\n    case \"ts\":\n    case \"tsx\":\n    case \"mjs\":\n    case \"cjs\":\n      return \"javascript\";\n    case \"json\":\n    case \"jsonc\":\n      return \"json\";\n    case \"py\":\n    case \"pyi\":\n      return \"python\";\n    case \"md\":\n    case \"markdown\":\n    case \"mdx\":\n      return \"markdown\";\n    case \"css\":\n    case \"scss\":\n    case \"less\":\n      return \"css\";\n    case \"html\":\n    case \"htm\":\n    case \"xml\":\n    case \"svg\":\n    case \"vue\":\n      return \"html\";\n    default:\n      return null;\n  }\n}\n\nexport type CodeEditorProps = {\n  /** Workspace-relative path — drives language inference (and the save target upstream). */\n  path: string;\n  /** The decoded text contents to seed the editor with. */\n  initialContents: string;\n  /**\n   * Persist the current buffer against the exact contents it was edited from.\n   * The second argument is the immutable compare-and-swap baseline; hosts must\n   * not replace it with a newer remote snapshot or concurrent writes can be\n   * silently overwritten.\n   */\n  onSave: (contents: string, expectedContents: string) => Promise<unknown>;\n  /** Explicitly overwrite after a visible expected-content conflict. */\n  onOverwrite?: ((contents: string) => Promise<unknown>) | undefined;\n  /** Re-read the selected file after a visible save conflict. */\n  onReload?: (() => void) | undefined;\n  /** Fired once when the buffer FIRST diverges from its baseline (the first real\n   *  keystroke) — the wake-on-edit intent. The host warms the box on this so the\n   *  eventual save lands fast; merely opening the file for reading never fires it. */\n  onEditIntent?: (() => void) | undefined;\n  /** Read-only mode (e.g. a truncated/too-large file shown for reference only). */\n  readOnly?: boolean | undefined;\n  themeType?: \"dark\" | \"light\" | undefined;\n  /** Rendered while the (lazy) CodeMirror bundle loads. */\n  loading?: ReactNode | undefined;\n  /** Rendered if `@uiw/react-codemirror` is not installed / fails to import. */\n  fallback?: ReactNode | undefined;\n  className?: string | undefined;\n};\n\nexport type EditorBufferState = {\n  path: string;\n  value: string;\n  baseline: string;\n};\n\n/**\n * Reconcile a remote file snapshot without destroying unsaved local work.\n *\n * A different path is a new document and always resets. For the same path, a\n * clean editor follows the remote snapshot while a dirty editor retains both\n * its local value and the original CAS baseline. The eventual save will then\n * either succeed against that baseline or surface a typed conflict.\n */\nexport function reconcileEditorBuffer(\n  current: EditorBufferState,\n  incoming: { path: string; contents: string },\n): EditorBufferState {\n  if (current.path === incoming.path && current.value !== current.baseline) {\n    return current;\n  }\n  if (\n    current.path === incoming.path &&\n    current.value === incoming.contents &&\n    current.baseline === incoming.contents\n  ) {\n    return current;\n  }\n  return {\n    path: incoming.path,\n    value: incoming.contents,\n    baseline: incoming.contents,\n  };\n}\n\n/**\n * The EDITABLE single-file pane: CodeMirror 6 with a per-language grammar chosen\n * from the filename, og-* themed, with dirty tracking and a save path wired to\n * `Cmd/Ctrl+S` *and* an explicit Save button. The viewer (Pierre `File`) stays\n * the read-only complement — this is only mounted when the user opts to edit.\n *\n * Save semantics: the buffer is \"dirty\" the moment it diverges from the last\n * saved baseline; a successful `onSave` clears dirty and re-baselines. A failed\n * save keeps the buffer dirty (nothing is lost) and surfaces the error inline.\n * `readOnly` suppresses every mutation path so a truncated/binary file can never\n * be saved back (which would corrupt it by writing the truncated prefix).\n */\nexport function CodeEditor({\n  path,\n  initialContents,\n  onSave,\n  onOverwrite,\n  onReload,\n  onEditIntent,\n  readOnly = false,\n  themeType = \"dark\",\n  loading,\n  fallback,\n  className,\n}: CodeEditorProps) {\n  const [failed, setFailed] = useState(false);\n  const [bundle, setBundle] = useState<EditorBundle | null>(null);\n  const peerRevision = useSyncExternalStore(\n    codeEditorPeers.subscribe,\n    codeEditorPeers.revision,\n    codeEditorPeers.revision,\n  );\n\n  // The live buffer and its compare-and-swap baseline are one state value so a\n  // remote refresh cannot update one without the other.\n  const [buffer, setBuffer] = useState<EditorBufferState>(() => ({\n    path,\n    value: initialContents,\n    baseline: initialContents,\n  }));\n  const { value, baseline } = buffer;\n  const [saving, setSaving] = useState(false);\n  const [saveError, setSaveError] = useState<Error | null>(null);\n  const [savedTick, setSavedTick] = useState(false);\n  const saveInFlightRef = useRef(false);\n\n  const dirty = value !== baseline;\n  const saveConflict =\n    saveError !== null && (saveError as Error & { code?: unknown }).code === \"file_write_conflict\";\n\n  // Follow path changes and clean same-file refreshes. Dirty same-file buffers\n  // intentionally ignore remote snapshots: the original baseline must survive\n  // until guarded save, explicit reload, or navigation.\n  const editIntentFiredRef = useRef(false);\n  useEffect(() => {\n    setBuffer((current) => reconcileEditorBuffer(current, { path, contents: initialContents }));\n  }, [path, initialContents]);\n\n  // A new document is a new edit-intent/error lifecycle. The normal\n  // SandboxFiles host also keys the component by path; this keeps standalone\n  // consumers correct without relying on that implementation detail.\n  useEffect(() => {\n    editIntentFiredRef.current = false;\n    setSaveError(null);\n    setSavedTick(false);\n  }, [path]);\n\n  // Record a buffer change: the FIRST divergence from the baseline is the edit\n  // intent that warms the box (idempotent — latched per opened file).\n  const noteEdit = useCallback(\n    (next: string) => {\n      setBuffer((current) => ({ ...current, value: next }));\n      setSavedTick(false);\n      if (!editIntentFiredRef.current && next !== baseline) {\n        editIntentFiredRef.current = true;\n        onEditIntent?.();\n      }\n    },\n    [baseline, onEditIntent],\n  );\n\n  // Resolve the lazy bundle (editor + keymap/Prec helpers + language grammar)\n  // once, re-resolving the grammar when the file's language class changes.\n  const langKey = useMemo(() => languageForPath(path) as CodeEditorLanguage | null, [path]);\n  useEffect(() => {\n    let cancelled = false;\n    void (async () => {\n      try {\n        const peers = await codeEditorPeers.load();\n        const cmMod = peers.module as {\n          default: ReactCodeMirrorComponent;\n          keymap: { of: (binds: unknown[]) => unknown };\n          Prec: { highest: (ext: unknown) => unknown };\n        };\n        // Language peers are optional. A missing grammar must degrade to a plain\n        // CodeMirror document, not throw the entire editor down to textarea.\n        let languageExtension: unknown | null = null;\n        if (langKey) {\n          try {\n            languageExtension = (await peers.languages?.[langKey]?.()) ?? null;\n          } catch {\n            languageExtension = null;\n          }\n        }\n        if (cancelled) return;\n        // A high-precedence Cmd/Ctrl-S keymap that calls back into the latest\n        // save handler (kept fresh via a ref) and swallows the browser's\n        // \"save page\" default.\n        const saveKeymapExtension = (run: () => void) =>\n          cmMod.Prec.highest(\n            cmMod.keymap.of([\n              {\n                key: \"Mod-s\",\n                preventDefault: true,\n                run: () => {\n                  run();\n                  return true;\n                },\n              },\n            ]),\n          );\n        setBundle({\n          Editor: cmMod.default,\n          saveKeymapExtension,\n          languageExtension,\n        });\n        setFailed(false);\n      } catch {\n        if (!cancelled) setFailed(true);\n      }\n    })();\n    return () => {\n      cancelled = true;\n    };\n  }, [langKey, peerRevision]);\n\n  // Keep the freshest save closure reachable from the (stable) keymap binding.\n  const saveRef = useRef<() => void>(() => {});\n\n  const save = useCallback(async () => {\n    if (readOnly || saveInFlightRef.current) return;\n    // Snapshot the buffer at call time so an in-flight edit can't race the write.\n    const snapshot = value;\n    if (snapshot === baseline) return; // nothing to persist\n    saveInFlightRef.current = true;\n    setSaving(true);\n    setSaveError(null);\n    setSavedTick(false);\n    try {\n      await onSave(snapshot, baseline);\n      setBuffer((current) =>\n        current.path === path ? { ...current, baseline: snapshot } : current,\n      );\n      setSavedTick(true);\n    } catch (cause) {\n      setSaveError(cause instanceof Error ? cause : new Error(String(cause)));\n    } finally {\n      saveInFlightRef.current = false;\n      setSaving(false);\n    }\n  }, [readOnly, value, baseline, onSave, path]);\n\n  const overwrite = useCallback(async () => {\n    if (readOnly || !onOverwrite || saveInFlightRef.current) return;\n    const snapshot = value;\n    if (snapshot === baseline) return;\n    saveInFlightRef.current = true;\n    setSaving(true);\n    setSaveError(null);\n    setSavedTick(false);\n    try {\n      await onOverwrite(snapshot);\n      setBuffer((current) =>\n        current.path === path ? { ...current, baseline: snapshot } : current,\n      );\n      setSavedTick(true);\n    } catch (cause) {\n      setSaveError(cause instanceof Error ? cause : new Error(String(cause)));\n    } finally {\n      saveInFlightRef.current = false;\n      setSaving(false);\n    }\n  }, [readOnly, onOverwrite, value, baseline, path]);\n\n  saveRef.current = () => {\n    void save();\n  };\n\n  // A brief \"Saved\" affordance after a successful write, cleared on the next edit.\n  useEffect(() => {\n    if (!savedTick) return;\n    const t = setTimeout(() => setSavedTick(false), 1800);\n    return () => clearTimeout(t);\n  }, [savedTick]);\n\n  const fileName = path.split(\"/\").filter(Boolean).pop() ?? path;\n\n  const cmExtensions = useMemo(() => {\n    if (!bundle) return [] as unknown[];\n    const exts: unknown[] = [bundle.saveKeymapExtension(() => saveRef.current())];\n    if (bundle.languageExtension) exts.push(bundle.languageExtension);\n    return exts;\n  }, [bundle]);\n\n  const Editor = bundle?.Editor;\n\n  const reload = useCallback(() => {\n    setBuffer({ path, value: initialContents, baseline: initialContents });\n    editIntentFiredRef.current = false;\n    setSaveError(null);\n    setSavedTick(false);\n    onReload?.();\n  }, [initialContents, onReload, path]);\n\n  return (\n    <div\n      className={cn(\"flex h-full min-h-0 flex-col\", className)}\n      data-opengeni-code-editor\n      data-opengeni-editor-dirty={dirty ? \"true\" : \"false\"}\n      style={editorVars}\n    >\n      {/* Save bar: dirty indicator + status + the explicit Save button. */}\n      <div className=\"flex min-h-9 shrink-0 items-center gap-2 border-b border-og-border bg-og-surface-1 px-2 py-1\">\n        <span\n          className={cn(\n            \"size-1.5 shrink-0 rounded-full transition-colors\",\n            readOnly ? \"bg-transparent\" : dirty ? \"bg-og-status-running\" : \"bg-og-status-idle\",\n          )}\n          title={readOnly ? \"read-only\" : dirty ? \"unsaved changes\" : \"saved\"}\n        />\n        <span className=\"truncate font-og-mono text-og-xs text-og-fg-muted\">\n          {fileName}\n          {dirty && !readOnly ? \" •\" : \"\"}\n        </span>\n        <div className=\"ml-auto flex shrink-0 items-center gap-2\">\n          {saveError && !saveConflict && (\n            <span\n              className=\"max-w-[220px] truncate text-og-xs text-og-status-failed\"\n              title={saveError.message}\n            >\n              {saveError.message}\n            </span>\n          )}\n          {!saveError && savedTick && !dirty && (\n            <span className=\"text-og-xs text-og-status-idle\">Saved</span>\n          )}\n          {readOnly ? (\n            <span className=\"text-og-xs uppercase tracking-wide text-og-fg-subtle\">Read-only</span>\n          ) : !saveConflict ? (\n            <button\n              type=\"button\"\n              onClick={() => void save()}\n              disabled={saving || !dirty}\n              className={cn(\n                \"flex items-center gap-1 rounded-og-sm border border-og-border px-1.5 py-0.5 text-og-xs pointer-coarse:min-h-11\",\n                saving || !dirty\n                  ? \"cursor-default text-og-fg-subtle opacity-60\"\n                  : \"text-og-fg hover:bg-og-accent-soft\",\n              )}\n              title=\"Save (⌘/Ctrl+S)\"\n            >\n              {saving ? (\n                <Loader2Icon className=\"size-3 animate-spin\" />\n              ) : (\n                <SaveIcon className=\"size-3\" />\n              )}\n              Save\n            </button>\n          ) : null}\n        </div>\n      </div>\n\n      {saveConflict ? (\n        <div\n          className=\"flex shrink-0 flex-wrap items-center gap-x-3 gap-y-2 border-b border-og-status-failed/25 bg-og-status-failed/8 px-2 py-2\"\n          role=\"alert\"\n        >\n          <div className=\"min-w-[12rem] flex-1 text-og-xs text-og-fg-muted\">\n            <span className=\"font-medium text-og-status-failed\">File changed on machine.</span>{\" \"}\n            Reloading discards your edits; overwriting replaces the live version.\n          </div>\n          <div className=\"ml-auto flex shrink-0 items-center gap-1.5\">\n            {onReload ? (\n              <button\n                type=\"button\"\n                onClick={() => {\n                  reload();\n                }}\n                className=\"min-h-8 rounded-og-sm border border-og-border bg-og-surface-1 px-2 text-og-xs font-medium text-og-fg hover:bg-og-surface-2 pointer-coarse:min-h-11\"\n              >\n                Reload live\n              </button>\n            ) : null}\n            {onOverwrite ? (\n              <button\n                type=\"button\"\n                onClick={() => void overwrite()}\n                disabled={saving}\n                className=\"min-h-8 rounded-og-sm border border-og-status-failed/40 px-2 text-og-xs font-medium text-og-status-failed hover:bg-og-status-failed/10 disabled:opacity-50 pointer-coarse:min-h-11\"\n              >\n                Overwrite\n              </button>\n            ) : null}\n          </div>\n        </div>\n      ) : null}\n\n      {/* The editor surface. */}\n      <div className=\"min-h-0 flex-1 overflow-auto\">\n        {failed ? (\n          (fallback ?? (\n            <PlainTextarea\n              value={value}\n              readOnly={readOnly}\n              onChange={noteEdit}\n              onSave={() => void save()}\n            />\n          ))\n        ) : Editor ? (\n          <Editor\n            value={value}\n            theme={themeType === \"light\" ? \"light\" : \"dark\"}\n            editable={!readOnly}\n            readOnly={readOnly}\n            basicSetup={true}\n            extensions={cmExtensions}\n            height=\"100%\"\n            className=\"og-cm-editor min-h-full text-og-sm\"\n            onChange={readOnly ? undefined : noteEdit}\n          />\n        ) : (\n          (loading ?? <EditorSkeleton />)\n        )}\n      </div>\n    </div>\n  );\n}\n\n/** og-* themed CSS-var overrides handed to CodeMirror's container. */\nconst editorVars = {\n  \"--og-cm-bg\": \"var(--og-color-bg)\",\n  fontFamily: \"var(--og-font-mono)\",\n} as CSSProperties;\n\nfunction PlainTextarea({\n  value,\n  readOnly,\n  onChange,\n  onSave,\n}: {\n  value: string;\n  readOnly: boolean;\n  onChange: (value: string) => void;\n  onSave: () => void;\n}) {\n  return (\n    <textarea\n      value={value}\n      readOnly={readOnly}\n      spellCheck={false}\n      onChange={(e) => onChange(e.target.value)}\n      onKeyDown={(event) => {\n        if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === \"s\") {\n          event.preventDefault();\n          onSave();\n        }\n      }}\n      aria-label=\"Plain text file editor\"\n      className=\"h-full w-full resize-none bg-transparent p-2 font-og-mono text-og-sm text-og-fg outline-hidden\"\n    />\n  );\n}\n\nfunction EditorSkeleton() {\n  return <div className=\"p-3 text-og-sm text-og-fg-subtle\">Loading editor…</div>;\n}\n"],"mappings":"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","names":[]}