@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/chunk-KJD65EJP.js

@@ -0,0 +1,278 @@
+"use client";
+import {
+  vaultErrorText
+} from "./chunk-7TDO3CUM.js";
+import {
+  ComposerMenuHeader,
+  ComposerMenuRowsSkeleton,
+  ComposerMenuSwitchIndicator
+} from "./chunk-CNFFCVGH.js";
+import {
+  ConnectorAction
+} from "./chunk-73L7XV4G.js";
+import {
+  cn
+} from "./chunk-A3MTTRCX.js";
+import {
+  MENU_BACK_BUTTON_CLASS,
+  MENU_CHECK_SLOT_CLASS,
+  MENU_CHEVRON_CLASS,
+  MENU_LABEL_CLASS,
+  MENU_META_CLASS,
+  MENU_NOTE_CLASS,
+  MENU_SEPARATOR_CLASS
+} from "./chunk-5OTQA7CM.js";
+
+// src/app/components/secrets/session-secrets-panel.tsx
+import {
+  CheckIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  KeyRoundIcon,
+  LockKeyholeIcon,
+  UsersIcon
+} from "lucide-react";
+import { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function sessionSecretsSummary(policy, vaults) {
+  if (!policy || policy.mode === "all") return "All";
+  const count = vaults ? vaults.filter((vault) => vault.selected).length : policy.vaultIds.length;
+  return count === 0 ? "None" : count === 1 ? "1 vault" : `${count} vaults`;
+}
+function draftSecretsRows(vaults, policy) {
+  return vaults.filter((vault) => vault.ownerKind !== "task").map((vault) => ({
+    ...vault,
+    selected: policy.mode === "all" || policy.vaultIds.includes(vault.id),
+    selectable: true
+  }));
+}
+function saveTargets(vaults) {
+  const mine = vaults.find(
+    (vault) => vault.ownerKind === "user" && vault.isDefault && vault.canWrite
+  );
+  const shared = vaults.find(
+    (vault) => vault.ownerKind === "workspace" && vault.isDefault && vault.canWrite
+  );
+  return [
+    ...mine ? [{ vault: mine, label: "Only me", icon: /* @__PURE__ */ jsx(LockKeyholeIcon, { className: "size-4" }) }] : [],
+    ...shared ? [{ vault: shared, label: "This workspace", icon: /* @__PURE__ */ jsx(UsersIcon, { className: "size-4" }) }] : []
+  ];
+}
+function SessionSecretsMenuBody({
+  leading,
+  presentation = "menu",
+  vaults,
+  policy,
+  narrowedByParent,
+  taskItems,
+  canEdit,
+  disabled,
+  loading,
+  error,
+  onRetry,
+  onPolicyChange,
+  onSaveTo,
+  onManage
+}) {
+  const [saving, setSaving] = useState(null);
+  const [busy, setBusy] = useState(false);
+  const [failure, setFailure] = useState(null);
+  const locked = !canEdit || disabled || busy;
+  const run = async (operation) => {
+    setBusy(true);
+    setFailure(null);
+    try {
+      await operation();
+    } catch (caught) {
+      setFailure(vaultErrorText(caught?.cause ?? caught));
+    } finally {
+      setBusy(false);
+    }
+  };
+  if (saving && onSaveTo && vaults) {
+    const targets = saveTargets(vaults);
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        ComposerMenuHeader,
+        {
+          title: `Save ${saving.name} to`,
+          leading: /* @__PURE__ */ jsx(
+            ConnectorAction,
+            {
+              presentation,
+              keepOpen: true,
+              label: "Back to Secrets",
+              className: `${MENU_BACK_BUTTON_CLASS} w-8 gap-0 p-0`,
+              onAction: () => setSaving(null),
+              children: /* @__PURE__ */ jsx(ChevronLeftIcon, { "aria-hidden": "true", className: "size-4" })
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          role: "group",
+          "aria-label": "Save to",
+          tabIndex: 0,
+          className: "min-h-0 overflow-y-auto overscroll-contain pb-1 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-brand/55",
+          children: [
+            /* @__PURE__ */ jsx("p", { className: cn(MENU_NOTE_CLASS, "pt-0"), children: "A copy is kept after this task ends. Agents in later chats can use it." }),
+            targets.length === 0 ? /* @__PURE__ */ jsx("p", { className: MENU_NOTE_CLASS, children: "There's no vault here you can save to." }) : targets.map((target) => /* @__PURE__ */ jsxs(
+              ConnectorAction,
+              {
+                presentation,
+                keepOpen: true,
+                disabled: busy,
+                label: `${target.label} (${target.vault.name})`,
+                className: "flex min-h-8 items-center gap-2 rounded-md px-2.5 py-1.5 pointer-coarse:min-h-11",
+                onAction: () => void run(async () => {
+                  await onSaveTo(saving, target.vault);
+                  setSaving(null);
+                }),
+                children: [
+                  target.icon,
+                  /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: target.label }),
+                  /* @__PURE__ */ jsx("span", { className: MENU_META_CLASS, children: target.vault.name })
+                ]
+              },
+              target.vault.id
+            )),
+            failure ? /* @__PURE__ */ jsx("p", { role: "alert", className: cn(MENU_NOTE_CLASS, "text-danger"), children: failure }) : null
+          ]
+        }
+      )
+    ] });
+  }
+  const selectable = (vaults ?? []).filter((vault) => vault.selectable);
+  const all = policy.mode === "all" && !narrowedByParent;
+  const toggle = (vault) => {
+    const current = new Set(
+      (vaults ?? []).filter((each) => each.selected && each.selectable).map((each) => each.id)
+    );
+    if (current.has(vault.id)) current.delete(vault.id);
+    else current.add(vault.id);
+    return { mode: "selected", vaultIds: [...current] };
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ComposerMenuHeader, { title: "Secrets", leading }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "group",
+        "aria-label": "Secrets",
+        tabIndex: 0,
+        className: "min-h-0 overflow-y-auto overscroll-contain pb-1 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-brand/55",
+        children: loading && !vaults ? /* @__PURE__ */ jsx(ComposerMenuRowsSkeleton, { rows: 4, label: "Loading secrets" }) : error && !vaults ? /* @__PURE__ */ jsxs("div", { className: MENU_NOTE_CLASS, children: [
+          /* @__PURE__ */ jsx("p", { className: "m-0", children: vaultErrorText(error, "Couldn't load secrets.") }),
+          onRetry ? /* @__PURE__ */ jsx(
+            ConnectorAction,
+            {
+              presentation,
+              keepOpen: true,
+              className: "mt-1 -ml-2.5 rounded-md px-2.5 py-1.5 font-medium text-fg",
+              onAction: onRetry,
+              children: "Try again"
+            }
+          ) : null
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          taskItems ? /* @__PURE__ */ jsxs("div", { role: "group", "aria-label": "This task", children: [
+            /* @__PURE__ */ jsx("p", { "aria-hidden": true, className: MENU_LABEL_CLASS, children: "This task" }),
+            taskItems.length === 0 ? /* @__PURE__ */ jsx("p", { className: cn(MENU_NOTE_CLASS, "pt-0"), children: "Logins an agent creates during this task show up here." }) : taskItems.map((item) => /* @__PURE__ */ jsxs(
+              ConnectorAction,
+              {
+                presentation,
+                keepOpen: true,
+                disabled: !onSaveTo || locked,
+                label: `Save ${item.name} to\u2026`,
+                className: "flex min-h-8 items-center gap-2 rounded-md px-2.5 py-1.5 pointer-coarse:min-h-11",
+                onAction: () => setSaving(item),
+                children: [
+                  /* @__PURE__ */ jsx(KeyRoundIcon, { className: "size-4 text-fg-muted" }),
+                  /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: item.name }),
+                  /* @__PURE__ */ jsx("span", { className: MENU_META_CLASS, children: "Save to\u2026" }),
+                  /* @__PURE__ */ jsx(ChevronRightIcon, { className: MENU_CHEVRON_CLASS })
+                ]
+              },
+              item.id
+            )),
+            /* @__PURE__ */ jsx("div", { role: "separator", className: MENU_SEPARATOR_CLASS })
+          ] }) : null,
+          /* @__PURE__ */ jsxs("div", { role: "group", "aria-label": "Vaults this chat can use", children: [
+            /* @__PURE__ */ jsx("p", { "aria-hidden": true, className: MENU_LABEL_CLASS, children: "Vaults this chat can use" }),
+            narrowedByParent ? /* @__PURE__ */ jsx("p", { className: cn(MENU_NOTE_CLASS, "pt-0"), children: "Narrowed by the parent session. Vaults it left out can't be added here." }) : /* @__PURE__ */ jsxs(
+              ConnectorAction,
+              {
+                presentation,
+                keepOpen: true,
+                checked: all,
+                disabled: locked,
+                label: "All vaults",
+                className: "flex min-h-11 items-center gap-3 rounded-md px-2.5 py-1.5",
+                onAction: () => void run(
+                  () => onPolicyChange(
+                    all ? { mode: "selected", vaultIds: selectable.map((vault) => vault.id) } : { mode: "all" }
+                  )
+                ),
+                children: [
+                  /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+                    /* @__PURE__ */ jsx("span", { className: "block text-sm text-fg", children: "All vaults" }),
+                    /* @__PURE__ */ jsx("span", { className: "block text-xs leading-4.5 text-fg-muted", children: all ? "Including vaults added later" : "Only the vaults checked below" })
+                  ] }),
+                  /* @__PURE__ */ jsx(ComposerMenuSwitchIndicator, { checked: all })
+                ]
+              }
+            ),
+            (vaults ?? []).map((vault) => /* @__PURE__ */ jsxs(
+              ConnectorAction,
+              {
+                presentation,
+                keepOpen: true,
+                checked: vault.selected,
+                disabled: locked || all || !vault.selectable,
+                label: vault.name,
+                className: "flex min-h-8 items-center gap-2 rounded-md px-2.5 py-1.5 pointer-coarse:min-h-11",
+                onAction: () => void run(() => onPolicyChange(toggle(vault))),
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: vault.name }),
+                  !vault.selectable ? /* @__PURE__ */ jsx("span", { className: MENU_META_CLASS, children: "Not in parent" }) : null,
+                  /* @__PURE__ */ jsx("span", { className: MENU_CHECK_SLOT_CLASS, children: vault.selected ? /* @__PURE__ */ jsx(CheckIcon, { className: "size-4", "aria-hidden": "true" }) : null })
+                ]
+              },
+              vault.id
+            )),
+            !canEdit ? /* @__PURE__ */ jsx("p", { className: MENU_NOTE_CLASS, children: "Only people who can control this chat change this." }) : null,
+            failure ? /* @__PURE__ */ jsx("p", { role: "alert", className: cn(MENU_NOTE_CLASS, "text-danger"), children: failure }) : null
+          ] }),
+          onManage ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { role: "separator", className: MENU_SEPARATOR_CLASS }),
+            /* @__PURE__ */ jsxs(
+              ConnectorAction,
+              {
+                presentation,
+                label: "Manage secrets",
+                className: "flex min-h-8 items-center gap-2 rounded-md px-2.5 py-1.5 pointer-coarse:min-h-11",
+                onAction: onManage,
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1", children: "Manage secrets" }),
+                  /* @__PURE__ */ jsx(ChevronRightIcon, { className: MENU_CHEVRON_CLASS })
+                ]
+              }
+            )
+          ] }) : null
+        ] })
+      }
+    )
+  ] });
+}
+function sessionSecretsRows(view) {
+  return view ? view.reachableVaults : null;
+}
+
+export {
+  sessionSecretsSummary,
+  draftSecretsRows,
+  SessionSecretsMenuBody,
+  sessionSecretsRows
+};
+//# sourceMappingURL=chunk-KJD65EJP.js.map

package/dist/chunk-KLEUWIMZ.js

@@ -0,0 +1,386 @@
+"use client";
+import {
+  codeEditorPeers
+} from "./chunk-5I4VRWBB.js";
+import {
+  cn
+} from "./chunk-TXS65BB2.js";
+import {
+  useOpenGeniText
+} from "./chunk-7T2ZE3VT.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 msg = useOpenGeniText();
+  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 ? msg("codeEditor.readOnly") : dirty ? msg("codeEditor.unsavedChanges") : msg("codeEditor.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: msg("codeEditor.saved2") }),
+            readOnly ? /* @__PURE__ */ jsx("span", { className: "text-og-xs uppercase tracking-wide text-og-fg-subtle", children: msg("codeEditor.readOnly2") }) : !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: msg("codeEditor.saveCtrlS"),
+                children: [
+                  saving ? /* @__PURE__ */ jsx(Loader2Icon, { className: "size-3 animate-spin" }) : /* @__PURE__ */ jsx(SaveIcon, { className: "size-3" }),
+                  msg("codeEditor.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: msg("codeEditor.fileChangedOnMachine") }),
+                " ",
+                msg("codeEditor.reloadingDiscardsYourEditsOverwriting")
+              ] }),
+              /* @__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: msg("codeEditor.reloadLive")
+                  }
+                ) : 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: msg("codeEditor.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
+}) {
+  const msg = useOpenGeniText();
+  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": msg("codeEditor.plainTextFileEditor"),
+      className: "h-full w-full resize-none bg-transparent p-2 font-og-mono text-og-sm text-og-fg outline-hidden"
+    }
+  );
+}
+function EditorSkeleton() {
+  const msg = useOpenGeniText();
+  return /* @__PURE__ */ jsx("div", { className: "p-3 text-og-sm text-og-fg-subtle", children: msg("codeEditor.loadingEditor") });
+}
+
+export {
+  languageForPath,
+  CodeEditor
+};
+//# sourceMappingURL=chunk-KLEUWIMZ.js.map