@opengeni/react 3.3.2 → 3.4.1-canary.38960406141001

package/dist/chunk-LJUMYUBO.js

@@ -0,0 +1,218 @@
+"use client";
+
+// src/components/timeline-annotation-layout.ts
+var ANNOTATION_BADGE_GAP_PX = 32;
+var ANNOTATION_BADGE_MIN_GAP_PX = 12;
+var ANNOTATION_REVIEW_DIALOG_WIDTH_PX = 400;
+var ANNOTATION_REVIEW_DIALOG_MAX_HEIGHT_PX = 32 * 16;
+var ANNOTATION_REVIEW_DIALOG_MIN_HEIGHT_PX = 160;
+var ANNOTATION_REVIEW_DIALOG_FLOOR_HEIGHT_PX = 80;
+var ANNOTATION_REVIEW_MARGIN_PX = 12;
+var ANNOTATION_NOTE_PREVIEW_CHARS = 280;
+var ANNOTATION_CARD_STACK_SCROLL_AT = 4;
+function clampAnnotationAxis(value, min, max) {
+  return Math.min(Math.max(value, min), Math.max(min, max));
+}
+function annotationBoxIntersects(a, b) {
+  return a.left <= b.right && a.right >= b.left && a.top <= b.bottom && a.bottom >= b.top;
+}
+function annotationViewportBox(viewportWidth, viewportHeight, scroller) {
+  const viewport = {
+    left: 0,
+    top: 0,
+    right: Math.max(1, viewportWidth),
+    bottom: Math.max(1, viewportHeight)
+  };
+  if (!scroller || scroller.right - scroller.left <= 0 || scroller.bottom - scroller.top <= 0) {
+    return viewport;
+  }
+  return {
+    left: Math.max(viewport.left, scroller.left),
+    top: Math.max(viewport.top, scroller.top),
+    right: Math.min(viewport.right, scroller.right),
+    bottom: Math.min(viewport.bottom, scroller.bottom)
+  };
+}
+function annotationNoteNeedsDisclosure(note) {
+  const trimmed = note.trim();
+  if (trimmed.length === 0) return false;
+  return trimmed.length > ANNOTATION_NOTE_PREVIEW_CHARS || trimmed.split("\n").length > 4;
+}
+function annotationAxisStops(min, max, gap) {
+  if (max <= min) return [min];
+  const stops = [];
+  for (let value = min; value <= max + 1e-6; value += gap) {
+    stops.push(value);
+  }
+  return stops;
+}
+function annotationPointKey(left, top) {
+  return `${Math.round(left * 100) / 100},${Math.round(top * 100) / 100}`;
+}
+function annotationPointFree(left, top, placed, gap) {
+  return placed.every((other) => Math.hypot(left - other.left, top - other.top) >= gap);
+}
+function annotationBadgePackGap(viewport, count, preferred = ANNOTATION_BADGE_GAP_PX) {
+  if (count <= 1) return preferred;
+  const width = Math.max(
+    1,
+    viewport.right - ANNOTATION_REVIEW_MARGIN_PX - (viewport.left + ANNOTATION_REVIEW_MARGIN_PX)
+  );
+  const height = Math.max(1, viewport.bottom - ANNOTATION_REVIEW_MARGIN_PX - (viewport.top + 8));
+  let gap = preferred;
+  const capacity = (step) => (Math.floor(width / step) + 1) * (Math.floor(height / step) + 1);
+  while (gap > ANNOTATION_BADGE_MIN_GAP_PX && capacity(gap) < count) {
+    gap -= 1;
+  }
+  return gap;
+}
+var ANNOTATION_BADGE_SHIFT_DIRS = [
+  [1, 0],
+  [1, 1],
+  [0, 1],
+  [-1, 1],
+  [-1, 0],
+  [-1, -1],
+  [0, -1],
+  [1, -1]
+];
+function layoutAnnotationBadges(anchors, viewport, preferredGap = ANNOTATION_BADGE_GAP_PX) {
+  const minLeft = viewport.left + ANNOTATION_REVIEW_MARGIN_PX;
+  const maxLeft = viewport.right - ANNOTATION_REVIEW_MARGIN_PX;
+  const minTop = viewport.top + 8;
+  const maxTop = viewport.bottom - ANNOTATION_REVIEW_MARGIN_PX;
+  const gap = annotationBadgePackGap(viewport, anchors.length, preferredGap);
+  const cells = annotationAxisStops(minLeft, maxLeft, gap).flatMap(
+    (left) => annotationAxisStops(minTop, maxTop, gap).map((top) => ({ left, top }))
+  );
+  const placed = [];
+  for (const anchor of [...anchors].sort((left, right) => left.ordinal - right.ordinal)) {
+    const originLeft = clampAnnotationAxis(anchor.left, minLeft, maxLeft);
+    const originTop = clampAnnotationAxis(anchor.top, minTop, maxTop);
+    const seen = /* @__PURE__ */ new Set();
+    const candidates = [];
+    const pushCandidate = (left, top) => {
+      if (left < minLeft || left > maxLeft || top < minTop || top > maxTop) return;
+      const key = annotationPointKey(left, top);
+      if (seen.has(key)) return;
+      seen.add(key);
+      candidates.push({ left, top });
+    };
+    pushCandidate(originLeft, originTop);
+    for (const [dx, dy] of ANNOTATION_BADGE_SHIFT_DIRS) {
+      const colliders = [...placed].sort(
+        (left, right) => right.left * dx + right.top * dy - (left.left * dx + left.top * dy)
+      );
+      for (const collider of colliders) {
+        pushCandidate(collider.left + dx * gap, collider.top + dy * gap);
+      }
+    }
+    const maxRadius = Math.ceil(Math.max(maxLeft - minLeft, maxTop - minTop) / Math.max(gap, 1)) + 1;
+    for (let radius = 1; radius <= maxRadius; radius++) {
+      const ring = [];
+      for (let dx = -radius; dx <= radius; dx++) {
+        for (let dy = -radius; dy <= radius; dy++) {
+          if (Math.max(Math.abs(dx), Math.abs(dy)) !== radius) continue;
+          ring.push([dx, dy]);
+        }
+      }
+      ring.sort((left, right) => {
+        const leftDir = (left[0] < 0 ? 2 : 0) + (left[1] < 0 ? 1 : 0);
+        const rightDir = (right[0] < 0 ? 2 : 0) + (right[1] < 0 ? 1 : 0);
+        if (leftDir !== rightDir) return leftDir - rightDir;
+        const hypot = Math.hypot(left[0], left[1]) - Math.hypot(right[0], right[1]);
+        if (hypot !== 0) return hypot;
+        if (left[0] !== right[0]) return right[0] - left[0];
+        return left[1] - right[1];
+      });
+      for (const [dx, dy] of ring) {
+        pushCandidate(originLeft + dx * gap, originTop + dy * gap);
+      }
+    }
+    for (const cell of cells) {
+      pushCandidate(cell.left, cell.top);
+    }
+    const free = candidates.find(
+      (point) => annotationPointFree(point.left, point.top, placed, gap)
+    );
+    let chosen = free ?? candidates[0];
+    if (!free && placed.length > 0) {
+      let bestMin = Number.NEGATIVE_INFINITY;
+      for (const point of candidates) {
+        const minDist = placed.reduce(
+          (current, other) => Math.min(current, Math.hypot(point.left - other.left, point.top - other.top)),
+          Number.POSITIVE_INFINITY
+        );
+        if (minDist > bestMin) {
+          bestMin = minDist;
+          chosen = point;
+        }
+      }
+    }
+    placed.push({ ...anchor, left: chosen.left, top: chosen.top });
+  }
+  return placed;
+}
+function scrollAnnotationRowIntoList(list, row) {
+  if (!list || !row || !list.contains(row)) return;
+  const listRect = list.getBoundingClientRect();
+  const rowRect = row.getBoundingClientRect();
+  if (rowRect.top < listRect.top) {
+    list.scrollTop -= listRect.top - rowRect.top;
+    return;
+  }
+  if (rowRect.bottom > listRect.bottom) {
+    list.scrollTop += rowRect.bottom - listRect.bottom;
+  }
+}
+function clampAnnotationDialogPlacement(input) {
+  const margin = ANNOTATION_REVIEW_MARGIN_PX;
+  const panelWidth = Math.min(
+    input.panelWidth ?? ANNOTATION_REVIEW_DIALOG_WIDTH_PX,
+    Math.max(1, input.viewportWidth - margin * 2)
+  );
+  const left = Math.min(
+    Math.max(margin, input.triggerLeft),
+    Math.max(margin, input.viewportWidth - panelWidth - margin)
+  );
+  const spaceBelow = input.viewportHeight - input.triggerBottom - margin;
+  const spaceAbove = input.triggerTop - margin;
+  const above = spaceBelow < Math.min(input.contentHeight, 200) && spaceAbove > spaceBelow;
+  const viewportBudget = Math.max(
+    ANNOTATION_REVIEW_DIALOG_FLOOR_HEIGHT_PX,
+    input.viewportHeight - margin * 2
+  );
+  const available = Math.max(
+    Math.min(ANNOTATION_REVIEW_DIALOG_MIN_HEIGHT_PX, viewportBudget),
+    above ? spaceAbove : spaceBelow
+  );
+  let maxHeight = Math.min(
+    Math.max(input.contentHeight, Math.min(ANNOTATION_REVIEW_DIALOG_MIN_HEIGHT_PX, viewportBudget)),
+    available,
+    Math.floor(input.viewportHeight * 0.7) || viewportBudget,
+    ANNOTATION_REVIEW_DIALOG_MAX_HEIGHT_PX,
+    viewportBudget
+  );
+  let top = above ? Math.max(margin, input.triggerTop - 8 - maxHeight) : Math.min(
+    input.triggerBottom + 8,
+    Math.max(margin, input.viewportHeight - margin - maxHeight)
+  );
+  top = Math.max(margin, top);
+  maxHeight = Math.min(
+    maxHeight,
+    Math.max(ANNOTATION_REVIEW_DIALOG_FLOOR_HEIGHT_PX, input.viewportHeight - margin - top)
+  );
+  return { left, top, maxHeight, above };
+}
+
+export {
+  ANNOTATION_REVIEW_DIALOG_WIDTH_PX,
+  ANNOTATION_CARD_STACK_SCROLL_AT,
+  annotationBoxIntersects,
+  annotationViewportBox,
+  annotationNoteNeedsDisclosure,
+  layoutAnnotationBadges,
+  scrollAnnotationRowIntoList,
+  clampAnnotationDialogPlacement
+};
+//# sourceMappingURL=chunk-LJUMYUBO.js.map

package/dist/chunk-LJUMYUBO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/timeline-annotation-layout.ts"],"sourcesContent":["export type AnnotationBox = {\n  left: number;\n  right: number;\n  top: number;\n  bottom: number;\n};\n\nexport type AnnotationBadgeAnchor = {\n  id: string;\n  ordinal: number;\n  left: number;\n  top: number;\n  incomplete: boolean;\n};\n\nexport const ANNOTATION_BADGE_GAP_PX = 32;\nexport const ANNOTATION_BADGE_MIN_GAP_PX = 12;\nexport const ANNOTATION_REVIEW_DIALOG_WIDTH_PX = 400;\nexport const ANNOTATION_REVIEW_DIALOG_MAX_HEIGHT_PX = 32 * 16;\nexport const ANNOTATION_REVIEW_DIALOG_MIN_HEIGHT_PX = 160;\nexport const ANNOTATION_REVIEW_DIALOG_FLOOR_HEIGHT_PX = 80;\nexport const ANNOTATION_REVIEW_MARGIN_PX = 12;\nexport const ANNOTATION_NOTE_PREVIEW_CHARS = 280;\nexport const ANNOTATION_CARD_STACK_SCROLL_AT = 4;\n\nfunction clampAnnotationAxis(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), Math.max(min, max));\n}\n\nexport function annotationBoxIntersects(a: AnnotationBox, b: AnnotationBox): boolean {\n  return a.left <= b.right && a.right >= b.left && a.top <= b.bottom && a.bottom >= b.top;\n}\n\nexport function annotationViewportBox(\n  viewportWidth: number,\n  viewportHeight: number,\n  scroller?: AnnotationBox | null,\n): AnnotationBox {\n  const viewport: AnnotationBox = {\n    left: 0,\n    top: 0,\n    right: Math.max(1, viewportWidth),\n    bottom: Math.max(1, viewportHeight),\n  };\n  if (!scroller || scroller.right - scroller.left <= 0 || scroller.bottom - scroller.top <= 0) {\n    return viewport;\n  }\n  return {\n    left: Math.max(viewport.left, scroller.left),\n    top: Math.max(viewport.top, scroller.top),\n    right: Math.min(viewport.right, scroller.right),\n    bottom: Math.min(viewport.bottom, scroller.bottom),\n  };\n}\n\nexport function annotationNoteNeedsDisclosure(note: string): boolean {\n  const trimmed = note.trim();\n  if (trimmed.length === 0) return false;\n  return trimmed.length > ANNOTATION_NOTE_PREVIEW_CHARS || trimmed.split(\"\\n\").length > 4;\n}\n\nfunction annotationAxisStops(min: number, max: number, gap: number): number[] {\n  if (max <= min) return [min];\n  const stops: number[] = [];\n  for (let value = min; value <= max + 1e-6; value += gap) {\n    stops.push(value);\n  }\n  return stops;\n}\n\nfunction annotationPointKey(left: number, top: number): string {\n  return `${Math.round(left * 100) / 100},${Math.round(top * 100) / 100}`;\n}\n\nfunction annotationPointFree(\n  left: number,\n  top: number,\n  placed: readonly AnnotationBadgeAnchor[],\n  gap: number,\n): boolean {\n  return placed.every((other) => Math.hypot(left - other.left, top - other.top) >= gap);\n}\n\nexport function annotationBadgePackGap(\n  viewport: AnnotationBox,\n  count: number,\n  preferred = ANNOTATION_BADGE_GAP_PX,\n): number {\n  if (count <= 1) return preferred;\n  const width = Math.max(\n    1,\n    viewport.right - ANNOTATION_REVIEW_MARGIN_PX - (viewport.left + ANNOTATION_REVIEW_MARGIN_PX),\n  );\n  const height = Math.max(1, viewport.bottom - ANNOTATION_REVIEW_MARGIN_PX - (viewport.top + 8));\n  let gap = preferred;\n  const capacity = (step: number) =>\n    (Math.floor(width / step) + 1) * (Math.floor(height / step) + 1);\n  while (gap > ANNOTATION_BADGE_MIN_GAP_PX && capacity(gap) < count) {\n    gap -= 1;\n  }\n  return gap;\n}\n\nconst ANNOTATION_BADGE_SHIFT_DIRS: Array<[number, number]> = [\n  [1, 0],\n  [1, 1],\n  [0, 1],\n  [-1, 1],\n  [-1, 0],\n  [-1, -1],\n  [0, -1],\n  [1, -1],\n];\n\nexport function layoutAnnotationBadges(\n  anchors: readonly AnnotationBadgeAnchor[],\n  viewport: AnnotationBox,\n  preferredGap = ANNOTATION_BADGE_GAP_PX,\n): AnnotationBadgeAnchor[] {\n  const minLeft = viewport.left + ANNOTATION_REVIEW_MARGIN_PX;\n  const maxLeft = viewport.right - ANNOTATION_REVIEW_MARGIN_PX;\n  const minTop = viewport.top + 8;\n  const maxTop = viewport.bottom - ANNOTATION_REVIEW_MARGIN_PX;\n  const gap = annotationBadgePackGap(viewport, anchors.length, preferredGap);\n  const cells = annotationAxisStops(minLeft, maxLeft, gap).flatMap((left) =>\n    annotationAxisStops(minTop, maxTop, gap).map((top) => ({ left, top })),\n  );\n  const placed: AnnotationBadgeAnchor[] = [];\n  for (const anchor of [...anchors].sort((left, right) => left.ordinal - right.ordinal)) {\n    const originLeft = clampAnnotationAxis(anchor.left, minLeft, maxLeft);\n    const originTop = clampAnnotationAxis(anchor.top, minTop, maxTop);\n    const seen = new Set<string>();\n    const candidates: Array<{ left: number; top: number }> = [];\n    const pushCandidate = (left: number, top: number) => {\n      if (left < minLeft || left > maxLeft || top < minTop || top > maxTop) return;\n      const key = annotationPointKey(left, top);\n      if (seen.has(key)) return;\n      seen.add(key);\n      candidates.push({ left, top });\n    };\n    pushCandidate(originLeft, originTop);\n    for (const [dx, dy] of ANNOTATION_BADGE_SHIFT_DIRS) {\n      const colliders = [...placed].sort(\n        (left, right) => right.left * dx + right.top * dy - (left.left * dx + left.top * dy),\n      );\n      for (const collider of colliders) {\n        pushCandidate(collider.left + dx * gap, collider.top + dy * gap);\n      }\n    }\n    const maxRadius =\n      Math.ceil(Math.max(maxLeft - minLeft, maxTop - minTop) / Math.max(gap, 1)) + 1;\n    for (let radius = 1; radius <= maxRadius; radius++) {\n      const ring: Array<[number, number]> = [];\n      for (let dx = -radius; dx <= radius; dx++) {\n        for (let dy = -radius; dy <= radius; dy++) {\n          if (Math.max(Math.abs(dx), Math.abs(dy)) !== radius) continue;\n          ring.push([dx, dy]);\n        }\n      }\n      ring.sort((left, right) => {\n        const leftDir = (left[0] < 0 ? 2 : 0) + (left[1] < 0 ? 1 : 0);\n        const rightDir = (right[0] < 0 ? 2 : 0) + (right[1] < 0 ? 1 : 0);\n        if (leftDir !== rightDir) return leftDir - rightDir;\n        const hypot = Math.hypot(left[0], left[1]) - Math.hypot(right[0], right[1]);\n        if (hypot !== 0) return hypot;\n        if (left[0] !== right[0]) return right[0] - left[0];\n        return left[1] - right[1];\n      });\n      for (const [dx, dy] of ring) {\n        pushCandidate(originLeft + dx * gap, originTop + dy * gap);\n      }\n    }\n    for (const cell of cells) {\n      pushCandidate(cell.left, cell.top);\n    }\n    const free = candidates.find((point) =>\n      annotationPointFree(point.left, point.top, placed, gap),\n    );\n    let chosen = free ?? candidates[0]!;\n    if (!free && placed.length > 0) {\n      let bestMin = Number.NEGATIVE_INFINITY;\n      for (const point of candidates) {\n        const minDist = placed.reduce(\n          (current, other) =>\n            Math.min(current, Math.hypot(point.left - other.left, point.top - other.top)),\n          Number.POSITIVE_INFINITY,\n        );\n        if (minDist > bestMin) {\n          bestMin = minDist;\n          chosen = point;\n        }\n      }\n    }\n    placed.push({ ...anchor, left: chosen.left, top: chosen.top });\n  }\n  return placed;\n}\n\nexport function scrollAnnotationRowIntoList(\n  list: HTMLElement | null | undefined,\n  row: HTMLElement | null | undefined,\n): void {\n  if (!list || !row || !list.contains(row)) return;\n  const listRect = list.getBoundingClientRect();\n  const rowRect = row.getBoundingClientRect();\n  if (rowRect.top < listRect.top) {\n    list.scrollTop -= listRect.top - rowRect.top;\n    return;\n  }\n  if (rowRect.bottom > listRect.bottom) {\n    list.scrollTop += rowRect.bottom - listRect.bottom;\n  }\n}\n\nexport function clampAnnotationDialogPlacement(input: {\n  triggerLeft: number;\n  triggerTop: number;\n  triggerBottom: number;\n  contentHeight: number;\n  viewportWidth: number;\n  viewportHeight: number;\n  panelWidth?: number;\n}): {\n  left: number;\n  top: number;\n  maxHeight: number;\n  above: boolean;\n} {\n  const margin = ANNOTATION_REVIEW_MARGIN_PX;\n  const panelWidth = Math.min(\n    input.panelWidth ?? ANNOTATION_REVIEW_DIALOG_WIDTH_PX,\n    Math.max(1, input.viewportWidth - margin * 2),\n  );\n  const left = Math.min(\n    Math.max(margin, input.triggerLeft),\n    Math.max(margin, input.viewportWidth - panelWidth - margin),\n  );\n  const spaceBelow = input.viewportHeight - input.triggerBottom - margin;\n  const spaceAbove = input.triggerTop - margin;\n  const above = spaceBelow < Math.min(input.contentHeight, 200) && spaceAbove > spaceBelow;\n  const viewportBudget = Math.max(\n    ANNOTATION_REVIEW_DIALOG_FLOOR_HEIGHT_PX,\n    input.viewportHeight - margin * 2,\n  );\n  const available = Math.max(\n    Math.min(ANNOTATION_REVIEW_DIALOG_MIN_HEIGHT_PX, viewportBudget),\n    above ? spaceAbove : spaceBelow,\n  );\n  let maxHeight = Math.min(\n    Math.max(input.contentHeight, Math.min(ANNOTATION_REVIEW_DIALOG_MIN_HEIGHT_PX, viewportBudget)),\n    available,\n    Math.floor(input.viewportHeight * 0.7) || viewportBudget,\n    ANNOTATION_REVIEW_DIALOG_MAX_HEIGHT_PX,\n    viewportBudget,\n  );\n  let top = above\n    ? Math.max(margin, input.triggerTop - 8 - maxHeight)\n    : Math.min(\n        input.triggerBottom + 8,\n        Math.max(margin, input.viewportHeight - margin - maxHeight),\n      );\n  top = Math.max(margin, top);\n  maxHeight = Math.min(\n    maxHeight,\n    Math.max(ANNOTATION_REVIEW_DIALOG_FLOOR_HEIGHT_PX, input.viewportHeight - margin - top),\n  );\n  return { left, top, maxHeight, above };\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-LSW2OJVV.js

@@ -0,0 +1,380 @@
+"use client";
+import {
+  codeEditorPeers
+} from "./chunk-5I4VRWBB.js";
+import {
+  cn
+} from "./chunk-TXS65BB2.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-LSW2OJVV.js.map