@flanksource/clicky-ui 0.3.27 → 0.3.28

package/dist/data/ai/PromptCatalog/PromptPage.cjs

@@ -0,0 +1,332 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const button = require("../../../components/button.cjs");
+const utils = require("../../../lib/utils.cjs");
+const Tabs = require("../../../layout/Tabs.cjs");
+const Modal = require("../../../overlay/Modal.cjs");
+const CodeDiff = require("../../CodeDiff.cjs");
+const promptCatalogModel = require("./prompt-catalog-model.cjs");
+const promptPageModel = require("./prompt-page-model.cjs");
+const PromptLayerStrip = require("./PromptLayerStrip.cjs");
+const PromptPageEditor = require("./PromptPageEditor.cjs");
+const PromptPageHeader = require("./PromptPageHeader.cjs");
+const PromptPagePreview = require("./PromptPagePreview.cjs");
+const PromptPageSaveBar = require("./PromptPageSaveBar.cjs");
+const UiDiff = require("../../../icons/components/UiDiff.cjs");
+const UiEye = require("../../../icons/components/UiEye.cjs");
+const UiFileCode = require("../../../icons/components/UiFileCode.cjs");
+const UiLock = require("../../../icons/components/UiLock.cjs");
+const TAB_ICONS = {
+  [promptPageModel.PROMPT_PAGE_TAB.prompt]: UiFileCode.UiFileCode,
+  [promptPageModel.PROMPT_PAGE_TAB.preview]: UiEye.UiEye,
+  [promptPageModel.PROMPT_PAGE_TAB.diff]: UiDiff.UiDiff
+};
+const EMPTY_DRAFT = { mode: "raw", raw: "", value: void 0 };
+function PromptPage({
+  entry,
+  adapter,
+  models,
+  families,
+  onBack,
+  onSaved,
+  extraTabs,
+  initialLayerOrigin,
+  className
+}) {
+  const [selectedOrigin, setSelectedOrigin] = react.useState(
+    () => {
+      var _a, _b;
+      return initialLayerOrigin ?? ((_a = promptCatalogModel.defaultEditLayer(entry)) == null ? void 0 : _a.origin) ?? ((_b = entry.layers[0]) == null ? void 0 : _b.origin);
+    }
+  );
+  const selectedLayer = react.useMemo(
+    () => entry.layers.find((layer) => layer.origin === selectedOrigin),
+    [entry, selectedOrigin]
+  );
+  const [state, setState] = react.useState({ status: "idle" });
+  const [draft, setDraft] = react.useState(EMPTY_DRAFT);
+  const [saveSource, setSaveSource] = react.useState("inline");
+  const [path, setPath] = react.useState("");
+  const [saving, setSaving] = react.useState(false);
+  const [saveError, setSaveError] = react.useState("");
+  const [conflict, setConflict] = react.useState(false);
+  const [pendingTransition, setPendingTransition] = react.useState(null);
+  const [tab, setTab] = react.useState(promptPageModel.PROMPT_PAGE_TAB.prompt);
+  const [reloadToken, setReloadToken] = react.useState(0);
+  const readOnly = !(selectedLayer == null ? void 0 : selectedLayer.editable);
+  const draftDirty = state.status === "ready" && promptPageModel.isDraftDirty(draft, state.detail);
+  const dirty = state.status === "ready" && selectedLayer ? promptPageModel.isPromptPageDirty({
+    draft,
+    detail: state.detail,
+    source: saveSource,
+    path,
+    entry,
+    layer: selectedLayer
+  }) : false;
+  const applyDetail = react.useCallback(
+    (detail, layer) => {
+      setState({ status: "ready", detail });
+      setDraft(promptPageModel.draftFor(detail));
+      setSaveSource(promptPageModel.initialSaveSource(detail));
+      setPath(promptPageModel.defaultFilePath(entry, layer, detail));
+      setSaveError("");
+      setConflict(false);
+    },
+    [entry]
+  );
+  const latest = react.useRef({ adapter, entry, applyDetail });
+  latest.current = { adapter, entry, applyDetail };
+  const layerKey = selectedLayer ? `${selectedLayer.origin}\0${selectedLayer.scope ?? ""}` : "";
+  react.useEffect(() => {
+    const layer = latest.current.entry.layers.find(
+      (candidate) => `${candidate.origin}\0${candidate.scope ?? ""}` === layerKey
+    );
+    if (!layer) {
+      setState({ status: "idle" });
+      return;
+    }
+    let cancelled = false;
+    setState({ status: "loading" });
+    latest.current.adapter.loadDetail(latest.current.entry, layer).then(
+      (detail) => {
+        if (!cancelled) latest.current.applyDetail(detail, layer);
+      },
+      (cause) => {
+        if (!cancelled)
+          setState({
+            status: "error",
+            message: promptPageModel.errorMessage(cause, "failed to load prompt")
+          });
+      }
+    );
+    return () => {
+      cancelled = true;
+    };
+  }, [layerKey, reloadToken]);
+  react.useEffect(() => {
+    if (!dirty) return;
+    const guard = (event) => {
+      event.preventDefault();
+    };
+    window.addEventListener("beforeunload", guard);
+    return () => window.removeEventListener("beforeunload", guard);
+  }, [dirty]);
+  const reload = () => setReloadToken((token) => token + 1);
+  function runTransition(transition) {
+    setPendingTransition(null);
+    if (transition.type === "back") {
+      onBack == null ? void 0 : onBack();
+      return;
+    }
+    if (transition.type === "reload") {
+      reload();
+      return;
+    }
+    setSelectedOrigin(transition.origin);
+  }
+  function requestTransition(transition) {
+    if (dirty) {
+      setPendingTransition(transition);
+      return;
+    }
+    runTransition(transition);
+  }
+  async function persist(build, failure) {
+    if (state.status !== "ready" || !selectedLayer) return;
+    setSaving(true);
+    setSaveError("");
+    setConflict(false);
+    try {
+      const next = await adapter.saveDetail(
+        entry,
+        selectedLayer,
+        build(state.detail)
+      );
+      applyDetail(next, selectedLayer);
+      onSaved == null ? void 0 : onSaved(next, selectedLayer);
+    } catch (cause) {
+      const message = promptPageModel.errorMessage(cause, failure);
+      setSaveError(message);
+      setConflict(promptPageModel.isConflictError(message));
+    } finally {
+      setSaving(false);
+    }
+  }
+  const save = () => persist(
+    (detail) => promptPageModel.buildSavePayload(draft, detail, saveSource, path),
+    "save failed"
+  );
+  const remove = () => persist(
+    (detail) => ({ source: "default", baseRaw: detail.raw }),
+    "remove failed"
+  );
+  const render = adapter.render;
+  const tabs = promptPageModel.pageTabs({
+    canPreview: render !== void 0,
+    canDiff: entry.defaultRaw !== void 0,
+    extraTabs
+  }).map((item) => {
+    const icon = TAB_ICONS[item.id];
+    return icon ? { ...item, icon } : item;
+  });
+  const activeTab = tabs.some((item) => item.id === tab) ? tab : promptPageModel.PROMPT_PAGE_TAB.prompt;
+  const currentRaw = state.status === "ready" ? draftDirty ? promptPageModel.draftRaw(draft) : state.detail.raw : "";
+  function selectLayer(layer) {
+    if (layer.origin === selectedOrigin) return;
+    requestTransition({ type: "layer", origin: layer.origin });
+  }
+  function renderPanel() {
+    var _a;
+    if (state.status === "loading" || state.status === "idle") {
+      return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Loading prompt…" });
+    }
+    if (state.status === "error") {
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          role: "alert",
+          className: "flex items-center gap-2 text-sm text-destructive",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: state.message }),
+            /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "button", size: "sm", variant: "outline", onClick: reload, children: "Retry" })
+          ]
+        }
+      );
+    }
+    if (activeTab === promptPageModel.PROMPT_PAGE_TAB.prompt) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        PromptPageEditor.PromptPageEditor,
+        {
+          detail: state.detail,
+          draft,
+          onChange: setDraft,
+          readOnly,
+          models,
+          families,
+          ...entry.effective.backend ? { effectiveBackend: entry.effective.backend } : {},
+          ...entry.effective.model ? { effectiveModel: entry.effective.model } : {}
+        }
+      );
+    }
+    if (activeTab === promptPageModel.PROMPT_PAGE_TAB.preview && render) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        PromptPagePreview.PromptPagePreview,
+        {
+          entry,
+          render: (input) => render(entry, input),
+          draftRaw: draftDirty ? currentRaw : void 0
+        }
+      );
+    }
+    if (activeTab === promptPageModel.PROMPT_PAGE_TAB.diff && entry.defaultRaw !== void 0) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        CodeDiff.CodeDiff,
+        {
+          original: entry.defaultRaw,
+          modified: currentRaw,
+          language: "markdown"
+        }
+      );
+    }
+    return ((_a = extraTabs == null ? void 0 : extraTabs.find((item) => item.id === activeTab)) == null ? void 0 : _a.content) ?? null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("flex h-full min-h-0 flex-col", className), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        PromptPageHeader.PromptPageHeader,
+        {
+          entry,
+          selectedLayer,
+          ...onBack ? { onBack: () => requestTransition({ type: "back" }) } : {}
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        PromptLayerStrip.PromptLayerStrip,
+        {
+          entry,
+          selectedOrigin,
+          onSelect: selectLayer
+        }
+      ),
+      readOnly && selectedLayer ? /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          role: "note",
+          className: "mx-density-4 mb-2 flex items-center gap-2 rounded-md border border-border bg-muted px-3 py-2 text-xs",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(UiLock.UiLock, { className: "shrink-0 text-muted-foreground" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+              promptCatalogModel.layerLabel(selectedLayer.origin),
+              " is read-only from here —",
+              " ",
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono", children: selectedLayer.path }),
+              ". Edit it directly or pick an editable layer."
+            ] })
+          ]
+        }
+      ) : null,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Tabs.Tabs,
+        {
+          tabs,
+          value: activeTab,
+          onChange: setTab,
+          className: "px-density-4"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-y-auto px-density-4 py-density-3", children: renderPanel() }),
+      state.status === "ready" && !readOnly ? /* @__PURE__ */ jsxRuntime.jsx(
+        PromptPageSaveBar.PromptPageSaveBar,
+        {
+          source: saveSource,
+          onSourceChange: setSaveSource,
+          path,
+          onPathChange: setPath,
+          dirty,
+          saving,
+          canRemove: state.detail.source !== "default",
+          error: saveError,
+          conflict,
+          onSave: save,
+          onRemove: remove,
+          onReload: () => requestTransition({ type: "reload" })
+        }
+      ) : null
+    ] }),
+    pendingTransition ? /* @__PURE__ */ jsxRuntime.jsx(
+      Modal.Modal,
+      {
+        open: true,
+        onClose: () => setPendingTransition(null),
+        title: "Discard unsaved prompt changes?",
+        size: "sm",
+        expandable: false,
+        footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full justify-end gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            button.Button,
+            {
+              type: "button",
+              variant: "ghost",
+              onClick: () => setPendingTransition(null),
+              children: "Keep editing"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            button.Button,
+            {
+              type: "button",
+              variant: "destructive",
+              onClick: () => runTransition(pendingTransition),
+              children: "Discard changes"
+            }
+          )
+        ] }),
+        children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Your prompt content, save location, or file path changes will be lost." })
+      }
+    ) : null
+  ] });
+}
+exports.PromptPage = PromptPage;
+//# sourceMappingURL=PromptPage.cjs.map

package/dist/data/ai/PromptCatalog/PromptPage.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptPage.cjs","sources":["../../../../src/data/ai/PromptCatalog/PromptPage.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { Button } from \"../../../components/button\";\nimport { UiDiff, UiEye, UiFileCode, UiLock } from \"../../../icons\";\nimport { cn } from \"../../../lib/utils\";\nimport { Tabs, type TabItem } from \"../../../layout/Tabs\";\nimport { Modal } from \"../../../overlay/Modal\";\nimport type { ChatModel } from \"../../chat/types\";\nimport { CodeDiff } from \"../../CodeDiff\";\nimport type { SpecRuntimeFamily } from \"../../runtime/runtime-mode\";\nimport type { PromptSpecDetail } from \"../PromptPicker/types\";\nimport { defaultEditLayer, layerLabel } from \"./prompt-catalog-model\";\nimport {\n  PROMPT_PAGE_TAB,\n  buildSavePayload,\n  defaultFilePath,\n  draftFor,\n  draftRaw,\n  errorMessage,\n  initialSaveSource,\n  isConflictError,\n  isDraftDirty,\n  isPromptPageDirty,\n  pageTabs,\n  type PromptDraft,\n  type PromptSaveSource,\n} from \"./prompt-page-model\";\nimport { PromptLayerStrip } from \"./PromptLayerStrip\";\nimport { PromptPageEditor } from \"./PromptPageEditor\";\nimport { PromptPageHeader } from \"./PromptPageHeader\";\nimport { PromptPagePreview } from \"./PromptPagePreview\";\nimport { PromptPageSaveBar } from \"./PromptPageSaveBar\";\nimport type {\n  PromptCatalogEntry,\n  PromptCatalogLayer,\n  PromptPageAdapter,\n  PromptPageTab,\n} from \"./types\";\n\nexport type PromptPageProps = {\n  entry: PromptCatalogEntry;\n  adapter: PromptPageAdapter;\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n  onBack?: (() => void) | undefined;\n  onSaved?:\n    | ((detail: PromptSpecDetail, layer: PromptCatalogLayer) => void)\n    | undefined;\n  extraTabs?: PromptPageTab[] | undefined;\n  initialLayerOrigin?: string | undefined;\n  className?: string | undefined;\n};\n\ntype LayerState =\n  | { status: \"idle\" }\n  | { status: \"loading\" }\n  | { status: \"error\"; message: string }\n  | { status: \"ready\"; detail: PromptSpecDetail };\n\ntype PendingTransition =\n  | { type: \"back\" }\n  | { type: \"reload\" }\n  | { type: \"layer\"; origin: string };\n\nconst TAB_ICONS: Record<string, TabItem[\"icon\"]> = {\n  [PROMPT_PAGE_TAB.prompt]: UiFileCode,\n  [PROMPT_PAGE_TAB.preview]: UiEye,\n  [PROMPT_PAGE_TAB.diff]: UiDiff,\n};\n\nconst EMPTY_DRAFT: PromptDraft = { mode: \"raw\", raw: \"\", value: undefined };\n\n// PromptPage is the dedicated view of one prompt: what runs and from which\n// layer, the layer chain, and an editor for the layer the user picks — raw or\n// structured — with preview, diff against the built-in, and a save that\n// refuses to clobber a layer that moved on since it was loaded.\nexport function PromptPage({\n  entry,\n  adapter,\n  models,\n  families,\n  onBack,\n  onSaved,\n  extraTabs,\n  initialLayerOrigin,\n  className,\n}: PromptPageProps) {\n  const [selectedOrigin, setSelectedOrigin] = useState<string | undefined>(\n    () =>\n      initialLayerOrigin ??\n      defaultEditLayer(entry)?.origin ??\n      entry.layers[0]?.origin,\n  );\n  const selectedLayer = useMemo(\n    () => entry.layers.find((layer) => layer.origin === selectedOrigin),\n    [entry, selectedOrigin],\n  );\n  const [state, setState] = useState<LayerState>({ status: \"idle\" });\n  const [draft, setDraft] = useState<PromptDraft>(EMPTY_DRAFT);\n  const [saveSource, setSaveSource] = useState<PromptSaveSource>(\"inline\");\n  const [path, setPath] = useState(\"\");\n  const [saving, setSaving] = useState(false);\n  const [saveError, setSaveError] = useState(\"\");\n  const [conflict, setConflict] = useState(false);\n  const [pendingTransition, setPendingTransition] =\n    useState<PendingTransition | null>(null);\n  const [tab, setTab] = useState<string>(PROMPT_PAGE_TAB.prompt);\n  const [reloadToken, setReloadToken] = useState(0);\n\n  const readOnly = !selectedLayer?.editable;\n  const draftDirty =\n    state.status === \"ready\" && isDraftDirty(draft, state.detail);\n  const dirty =\n    state.status === \"ready\" && selectedLayer\n      ? isPromptPageDirty({\n          draft,\n          detail: state.detail,\n          source: saveSource,\n          path,\n          entry,\n          layer: selectedLayer,\n        })\n      : false;\n\n  const applyDetail = useCallback(\n    (detail: PromptSpecDetail, layer: PromptCatalogLayer) => {\n      setState({ status: \"ready\", detail });\n      setDraft(draftFor(detail));\n      setSaveSource(initialSaveSource(detail));\n      setPath(defaultFilePath(entry, layer, detail));\n      setSaveError(\"\");\n      setConflict(false);\n    },\n    [entry],\n  );\n\n  // The load is keyed on the layer's identity, not the entry object: a host\n  // that refetches its catalog while the user is editing must not reset the\n  // draft. The latest adapter/entry are read through a ref for the same reason.\n  const latest = useRef({ adapter, entry, applyDetail });\n  latest.current = { adapter, entry, applyDetail };\n  const layerKey = selectedLayer\n    ? `${selectedLayer.origin}\\u0000${selectedLayer.scope ?? \"\"}`\n    : \"\";\n  useEffect(() => {\n    const layer = latest.current.entry.layers.find(\n      (candidate) =>\n        `${candidate.origin}\\u0000${candidate.scope ?? \"\"}` === layerKey,\n    );\n    if (!layer) {\n      setState({ status: \"idle\" });\n      return;\n    }\n    let cancelled = false;\n    setState({ status: \"loading\" });\n    latest.current.adapter.loadDetail(latest.current.entry, layer).then(\n      (detail) => {\n        if (!cancelled) latest.current.applyDetail(detail, layer);\n      },\n      (cause: unknown) => {\n        if (!cancelled)\n          setState({\n            status: \"error\",\n            message: errorMessage(cause, \"failed to load prompt\"),\n          });\n      },\n    );\n    return () => {\n      cancelled = true;\n    };\n  }, [layerKey, reloadToken]);\n\n  useEffect(() => {\n    if (!dirty) return;\n    const guard = (event: BeforeUnloadEvent) => {\n      event.preventDefault();\n    };\n    window.addEventListener(\"beforeunload\", guard);\n    return () => window.removeEventListener(\"beforeunload\", guard);\n  }, [dirty]);\n\n  const reload = () => setReloadToken((token) => token + 1);\n\n  function runTransition(transition: PendingTransition) {\n    setPendingTransition(null);\n    if (transition.type === \"back\") {\n      onBack?.();\n      return;\n    }\n    if (transition.type === \"reload\") {\n      reload();\n      return;\n    }\n    setSelectedOrigin(transition.origin);\n  }\n\n  function requestTransition(transition: PendingTransition) {\n    if (dirty) {\n      setPendingTransition(transition);\n      return;\n    }\n    runTransition(transition);\n  }\n\n  async function persist(\n    build: (\n      detail: PromptSpecDetail,\n    ) => Parameters<PromptPageAdapter[\"saveDetail\"]>[2],\n    failure: string,\n  ) {\n    if (state.status !== \"ready\" || !selectedLayer) return;\n    setSaving(true);\n    setSaveError(\"\");\n    setConflict(false);\n    try {\n      const next = await adapter.saveDetail(\n        entry,\n        selectedLayer,\n        build(state.detail),\n      );\n      applyDetail(next, selectedLayer);\n      onSaved?.(next, selectedLayer);\n    } catch (cause) {\n      const message = errorMessage(cause, failure);\n      setSaveError(message);\n      setConflict(isConflictError(message));\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  const save = () =>\n    persist(\n      (detail) => buildSavePayload(draft, detail, saveSource, path),\n      \"save failed\",\n    );\n  const remove = () =>\n    persist(\n      (detail) => ({ source: \"default\", baseRaw: detail.raw }),\n      \"remove failed\",\n    );\n\n  const render = adapter.render;\n  const tabs = pageTabs({\n    canPreview: render !== undefined,\n    canDiff: entry.defaultRaw !== undefined,\n    extraTabs,\n  }).map((item) => {\n    const icon = TAB_ICONS[item.id];\n    return icon ? { ...item, icon } : item;\n  });\n  const activeTab = tabs.some((item) => item.id === tab)\n    ? tab\n    : PROMPT_PAGE_TAB.prompt;\n  const currentRaw =\n    state.status === \"ready\"\n      ? draftDirty\n        ? draftRaw(draft)\n        : state.detail.raw\n      : \"\";\n\n  function selectLayer(layer: PromptCatalogLayer) {\n    if (layer.origin === selectedOrigin) return;\n    requestTransition({ type: \"layer\", origin: layer.origin });\n  }\n\n  function renderPanel() {\n    if (state.status === \"loading\" || state.status === \"idle\") {\n      return <p className=\"text-sm text-muted-foreground\">Loading prompt…</p>;\n    }\n    if (state.status === \"error\") {\n      return (\n        <div\n          role=\"alert\"\n          className=\"flex items-center gap-2 text-sm text-destructive\"\n        >\n          <span>{state.message}</span>\n          <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={reload}>\n            Retry\n          </Button>\n        </div>\n      );\n    }\n    if (activeTab === PROMPT_PAGE_TAB.prompt) {\n      return (\n        <PromptPageEditor\n          detail={state.detail}\n          draft={draft}\n          onChange={setDraft}\n          readOnly={readOnly}\n          models={models}\n          families={families}\n          {...(entry.effective.backend\n            ? { effectiveBackend: entry.effective.backend }\n            : {})}\n          {...(entry.effective.model\n            ? { effectiveModel: entry.effective.model }\n            : {})}\n        />\n      );\n    }\n    if (activeTab === PROMPT_PAGE_TAB.preview && render) {\n      return (\n        <PromptPagePreview\n          entry={entry}\n          render={(input) => render(entry, input)}\n          draftRaw={draftDirty ? currentRaw : undefined}\n        />\n      );\n    }\n    if (activeTab === PROMPT_PAGE_TAB.diff && entry.defaultRaw !== undefined) {\n      return (\n        <CodeDiff\n          original={entry.defaultRaw}\n          modified={currentRaw}\n          language=\"markdown\"\n        />\n      );\n    }\n    return extraTabs?.find((item) => item.id === activeTab)?.content ?? null;\n  }\n\n  return (\n    <>\n      <div className={cn(\"flex h-full min-h-0 flex-col\", className)}>\n        <PromptPageHeader\n          entry={entry}\n          selectedLayer={selectedLayer}\n          {...(onBack\n            ? { onBack: () => requestTransition({ type: \"back\" }) }\n            : {})}\n        />\n        <PromptLayerStrip\n          entry={entry}\n          selectedOrigin={selectedOrigin}\n          onSelect={selectLayer}\n        />\n        {readOnly && selectedLayer ? (\n          <div\n            role=\"note\"\n            className=\"mx-density-4 mb-2 flex items-center gap-2 rounded-md border border-border bg-muted px-3 py-2 text-xs\"\n          >\n            <UiLock className=\"shrink-0 text-muted-foreground\" />\n            <span>\n              {layerLabel(selectedLayer.origin)} is read-only from here —{\" \"}\n              <span className=\"font-mono\">{selectedLayer.path}</span>. Edit it\n              directly or pick an editable layer.\n            </span>\n          </div>\n        ) : null}\n        <Tabs\n          tabs={tabs}\n          value={activeTab}\n          onChange={setTab}\n          className=\"px-density-4\"\n        />\n        <div className=\"min-h-0 flex-1 overflow-y-auto px-density-4 py-density-3\">\n          {renderPanel()}\n        </div>\n        {state.status === \"ready\" && !readOnly ? (\n          <PromptPageSaveBar\n            source={saveSource}\n            onSourceChange={setSaveSource}\n            path={path}\n            onPathChange={setPath}\n            dirty={dirty}\n            saving={saving}\n            canRemove={state.detail.source !== \"default\"}\n            error={saveError}\n            conflict={conflict}\n            onSave={save}\n            onRemove={remove}\n            onReload={() => requestTransition({ type: \"reload\" })}\n          />\n        ) : null}\n      </div>\n      {pendingTransition ? (\n        <Modal\n          open\n          onClose={() => setPendingTransition(null)}\n          title=\"Discard unsaved prompt changes?\"\n          size=\"sm\"\n          expandable={false}\n          footer={\n            <div className=\"flex w-full justify-end gap-2\">\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                onClick={() => setPendingTransition(null)}\n              >\n                Keep editing\n              </Button>\n              <Button\n                type=\"button\"\n                variant=\"destructive\"\n                onClick={() => runTransition(pendingTransition)}\n              >\n                Discard changes\n              </Button>\n            </div>\n          }\n        >\n          <p className=\"text-sm text-muted-foreground\">\n            Your prompt content, save location, or file path changes will be\n            lost.\n          </p>\n        </Modal>\n      ) : null}\n    </>\n  );\n}\n"],"names":["PROMPT_PAGE_TAB","UiFileCode","UiEye","UiDiff","useState","defaultEditLayer","useMemo","isDraftDirty","isPromptPageDirty","useCallback","draftFor","initialSaveSource","defaultFilePath","useRef","useEffect","errorMessage","isConflictError","buildSavePayload","pageTabs","draftRaw","jsx","jsxs","Button","PromptPageEditor","PromptPagePreview","CodeDiff","Fragment","cn","PromptPageHeader","PromptLayerStrip","UiLock","layerLabel","Tabs","PromptPageSaveBar","Modal"],"mappings":";;;;;;;;;;;;;;;;;;;;AA+DA,MAAM,YAA6C;AAAA,EACjD,CAACA,gBAAAA,gBAAgB,MAAM,GAAGC,WAAAA;AAAAA,EAC1B,CAACD,gBAAAA,gBAAgB,OAAO,GAAGE,MAAAA;AAAAA,EAC3B,CAACF,gBAAAA,gBAAgB,IAAI,GAAGG,OAAAA;AAC1B;AAEA,MAAM,cAA2B,EAAE,MAAM,OAAO,KAAK,IAAI,OAAO,OAAA;AAMzD,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAoB;AAClB,QAAM,CAAC,gBAAgB,iBAAiB,IAAIC,MAAAA;AAAAA,IAC1C;;AACE,qCACAC,wBAAAA,iBAAiB,KAAK,MAAtBA,mBAAyB,aACzB,WAAM,OAAO,CAAC,MAAd,mBAAiB;AAAA;AAAA,EAAA;AAErB,QAAM,gBAAgBC,MAAAA;AAAAA,IACpB,MAAM,MAAM,OAAO,KAAK,CAAC,UAAU,MAAM,WAAW,cAAc;AAAA,IAClE,CAAC,OAAO,cAAc;AAAA,EAAA;AAExB,QAAM,CAAC,OAAO,QAAQ,IAAIF,MAAAA,SAAqB,EAAE,QAAQ,QAAQ;AACjE,QAAM,CAAC,OAAO,QAAQ,IAAIA,MAAAA,SAAsB,WAAW;AAC3D,QAAM,CAAC,YAAY,aAAa,IAAIA,MAAAA,SAA2B,QAAQ;AACvE,QAAM,CAAC,MAAM,OAAO,IAAIA,MAAAA,SAAS,EAAE;AACnC,QAAM,CAAC,QAAQ,SAAS,IAAIA,MAAAA,SAAS,KAAK;AAC1C,QAAM,CAAC,WAAW,YAAY,IAAIA,MAAAA,SAAS,EAAE;AAC7C,QAAM,CAAC,UAAU,WAAW,IAAIA,MAAAA,SAAS,KAAK;AAC9C,QAAM,CAAC,mBAAmB,oBAAoB,IAC5CA,MAAAA,SAAmC,IAAI;AACzC,QAAM,CAAC,KAAK,MAAM,IAAIA,MAAAA,SAAiBJ,gBAAAA,gBAAgB,MAAM;AAC7D,QAAM,CAAC,aAAa,cAAc,IAAII,MAAAA,SAAS,CAAC;AAEhD,QAAM,WAAW,EAAC,+CAAe;AACjC,QAAM,aACJ,MAAM,WAAW,WAAWG,gBAAAA,aAAa,OAAO,MAAM,MAAM;AAC9D,QAAM,QACJ,MAAM,WAAW,WAAW,gBACxBC,gBAAAA,kBAAkB;AAAA,IAChB;AAAA,IACA,QAAQ,MAAM;AAAA,IACd,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA,OAAO;AAAA,EAAA,CACR,IACD;AAEN,QAAM,cAAcC,MAAAA;AAAAA,IAClB,CAAC,QAA0B,UAA8B;AACvD,eAAS,EAAE,QAAQ,SAAS,OAAA,CAAQ;AACpC,eAASC,gBAAAA,SAAS,MAAM,CAAC;AACzB,oBAAcC,gBAAAA,kBAAkB,MAAM,CAAC;AACvC,cAAQC,gBAAAA,gBAAgB,OAAO,OAAO,MAAM,CAAC;AAC7C,mBAAa,EAAE;AACf,kBAAY,KAAK;AAAA,IACnB;AAAA,IACA,CAAC,KAAK;AAAA,EAAA;AAMR,QAAM,SAASC,MAAAA,OAAO,EAAE,SAAS,OAAO,aAAa;AACrD,SAAO,UAAU,EAAE,SAAS,OAAO,YAAA;AACnC,QAAM,WAAW,gBACb,GAAG,cAAc,MAAM,KAAS,cAAc,SAAS,EAAE,KACzD;AACJC,QAAAA,UAAU,MAAM;AACd,UAAM,QAAQ,OAAO,QAAQ,MAAM,OAAO;AAAA,MACxC,CAAC,cACC,GAAG,UAAU,MAAM,KAAS,UAAU,SAAS,EAAE,OAAO;AAAA,IAAA;AAE5D,QAAI,CAAC,OAAO;AACV,eAAS,EAAE,QAAQ,QAAQ;AAC3B;AAAA,IACF;AACA,QAAI,YAAY;AAChB,aAAS,EAAE,QAAQ,WAAW;AAC9B,WAAO,QAAQ,QAAQ,WAAW,OAAO,QAAQ,OAAO,KAAK,EAAE;AAAA,MAC7D,CAAC,WAAW;AACV,YAAI,CAAC,UAAW,QAAO,QAAQ,YAAY,QAAQ,KAAK;AAAA,MAC1D;AAAA,MACA,CAAC,UAAmB;AAClB,YAAI,CAAC;AACH,mBAAS;AAAA,YACP,QAAQ;AAAA,YACR,SAASC,gBAAAA,aAAa,OAAO,uBAAuB;AAAA,UAAA,CACrD;AAAA,MACL;AAAA,IAAA;AAEF,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,UAAU,WAAW,CAAC;AAE1BD,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,MAAO;AACZ,UAAM,QAAQ,CAAC,UAA6B;AAC1C,YAAM,eAAA;AAAA,IACR;AACA,WAAO,iBAAiB,gBAAgB,KAAK;AAC7C,WAAO,MAAM,OAAO,oBAAoB,gBAAgB,KAAK;AAAA,EAC/D,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,SAAS,MAAM,eAAe,CAAC,UAAU,QAAQ,CAAC;AAExD,WAAS,cAAc,YAA+B;AACpD,yBAAqB,IAAI;AACzB,QAAI,WAAW,SAAS,QAAQ;AAC9B;AACA;AAAA,IACF;AACA,QAAI,WAAW,SAAS,UAAU;AAChC,aAAA;AACA;AAAA,IACF;AACA,sBAAkB,WAAW,MAAM;AAAA,EACrC;AAEA,WAAS,kBAAkB,YAA+B;AACxD,QAAI,OAAO;AACT,2BAAqB,UAAU;AAC/B;AAAA,IACF;AACA,kBAAc,UAAU;AAAA,EAC1B;AAEA,iBAAe,QACb,OAGA,SACA;AACA,QAAI,MAAM,WAAW,WAAW,CAAC,cAAe;AAChD,cAAU,IAAI;AACd,iBAAa,EAAE;AACf,gBAAY,KAAK;AACjB,QAAI;AACF,YAAM,OAAO,MAAM,QAAQ;AAAA,QACzB;AAAA,QACA;AAAA,QACA,MAAM,MAAM,MAAM;AAAA,MAAA;AAEpB,kBAAY,MAAM,aAAa;AAC/B,yCAAU,MAAM;AAAA,IAClB,SAAS,OAAO;AACd,YAAM,UAAUC,gBAAAA,aAAa,OAAO,OAAO;AAC3C,mBAAa,OAAO;AACpB,kBAAYC,gBAAAA,gBAAgB,OAAO,CAAC;AAAA,IACtC,UAAA;AACE,gBAAU,KAAK;AAAA,IACjB;AAAA,EACF;AAEA,QAAM,OAAO,MACX;AAAA,IACE,CAAC,WAAWC,gBAAAA,iBAAiB,OAAO,QAAQ,YAAY,IAAI;AAAA,IAC5D;AAAA,EAAA;AAEJ,QAAM,SAAS,MACb;AAAA,IACE,CAAC,YAAY,EAAE,QAAQ,WAAW,SAAS,OAAO;IAClD;AAAA,EAAA;AAGJ,QAAM,SAAS,QAAQ;AACvB,QAAM,OAAOC,gBAAAA,SAAS;AAAA,IACpB,YAAY,WAAW;AAAA,IACvB,SAAS,MAAM,eAAe;AAAA,IAC9B;AAAA,EAAA,CACD,EAAE,IAAI,CAAC,SAAS;AACf,UAAM,OAAO,UAAU,KAAK,EAAE;AAC9B,WAAO,OAAO,EAAE,GAAG,MAAM,SAAS;AAAA,EACpC,CAAC;AACD,QAAM,YAAY,KAAK,KAAK,CAAC,SAAS,KAAK,OAAO,GAAG,IACjD,MACAlB,gBAAAA,gBAAgB;AACpB,QAAM,aACJ,MAAM,WAAW,UACb,aACEmB,yBAAS,KAAK,IACd,MAAM,OAAO,MACf;AAEN,WAAS,YAAY,OAA2B;AAC9C,QAAI,MAAM,WAAW,eAAgB;AACrC,sBAAkB,EAAE,MAAM,SAAS,QAAQ,MAAM,QAAQ;AAAA,EAC3D;AAEA,WAAS,cAAc;;AACrB,QAAI,MAAM,WAAW,aAAa,MAAM,WAAW,QAAQ;AACzD,aAAOC,2BAAAA,IAAC,KAAA,EAAE,WAAU,iCAAgC,UAAA,mBAAe;AAAA,IACrE;AACA,QAAI,MAAM,WAAW,SAAS;AAC5B,aACEC,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UAEV,UAAA;AAAA,YAAAD,2BAAAA,IAAC,QAAA,EAAM,gBAAM,QAAA,CAAQ;AAAA,YACrBA,2BAAAA,IAACE,OAAAA,QAAA,EAAO,MAAK,UAAS,MAAK,MAAK,SAAQ,WAAU,SAAS,QAAQ,UAAA,QAAA,CAEnE;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAGN;AACA,QAAI,cAActB,gBAAAA,gBAAgB,QAAQ;AACxC,aACEoB,2BAAAA;AAAAA,QAACG,iBAAAA;AAAAA,QAAA;AAAA,UACC,QAAQ,MAAM;AAAA,UACd;AAAA,UACA,UAAU;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UACC,GAAI,MAAM,UAAU,UACjB,EAAE,kBAAkB,MAAM,UAAU,QAAA,IACpC,CAAA;AAAA,UACH,GAAI,MAAM,UAAU,QACjB,EAAE,gBAAgB,MAAM,UAAU,UAClC,CAAA;AAAA,QAAC;AAAA,MAAA;AAAA,IAGX;AACA,QAAI,cAAcvB,gBAAAA,gBAAgB,WAAW,QAAQ;AACnD,aACEoB,2BAAAA;AAAAA,QAACI,kBAAAA;AAAAA,QAAA;AAAA,UACC;AAAA,UACA,QAAQ,CAAC,UAAU,OAAO,OAAO,KAAK;AAAA,UACtC,UAAU,aAAa,aAAa;AAAA,QAAA;AAAA,MAAA;AAAA,IAG1C;AACA,QAAI,cAAcxB,gBAAAA,gBAAgB,QAAQ,MAAM,eAAe,QAAW;AACxE,aACEoB,2BAAAA;AAAAA,QAACK,SAAAA;AAAAA,QAAA;AAAA,UACC,UAAU,MAAM;AAAA,UAChB,UAAU;AAAA,UACV,UAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAGf;AACA,aAAO,4CAAW,KAAK,CAAC,SAAS,KAAK,OAAO,eAAtC,mBAAkD,YAAW;AAAA,EACtE;AAEA,SACEJ,2BAAAA,KAAAK,qBAAA,EACE,UAAA;AAAA,IAAAL,2BAAAA,KAAC,OAAA,EAAI,WAAWM,MAAAA,GAAG,gCAAgC,SAAS,GAC1D,UAAA;AAAA,MAAAP,2BAAAA;AAAAA,QAACQ,iBAAAA;AAAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACC,GAAI,SACD,EAAE,QAAQ,MAAM,kBAAkB,EAAE,MAAM,OAAA,CAAQ,MAClD,CAAA;AAAA,QAAC;AAAA,MAAA;AAAA,MAEPR,2BAAAA;AAAAA,QAACS,iBAAAA;AAAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,UAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEX,YAAY,gBACXR,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UAEV,UAAA;AAAA,YAAAD,2BAAAA,IAACU,OAAAA,QAAA,EAAO,WAAU,iCAAA,CAAiC;AAAA,4CAClD,QAAA,EACE,UAAA;AAAA,cAAAC,mBAAAA,WAAW,cAAc,MAAM;AAAA,cAAE;AAAA,cAA0B;AAAA,cAC5DX,2BAAAA,IAAC,QAAA,EAAK,WAAU,aAAa,wBAAc,MAAK;AAAA,cAAO;AAAA,YAAA,EAAA,CAEzD;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,IAEA;AAAA,MACJA,2BAAAA;AAAAA,QAACY,KAAAA;AAAAA,QAAA;AAAA,UACC;AAAA,UACA,OAAO;AAAA,UACP,UAAU;AAAA,UACV,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZZ,2BAAAA,IAAC,OAAA,EAAI,WAAU,4DACZ,yBACH;AAAA,MACC,MAAM,WAAW,WAAW,CAAC,WAC5BA,2BAAAA;AAAAA,QAACa,kBAAAA;AAAAA,QAAA;AAAA,UACC,QAAQ;AAAA,UACR,gBAAgB;AAAA,UAChB;AAAA,UACA,cAAc;AAAA,UACd;AAAA,UACA;AAAA,UACA,WAAW,MAAM,OAAO,WAAW;AAAA,UACnC,OAAO;AAAA,UACP;AAAA,UACA,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,UAAU,MAAM,kBAAkB,EAAE,MAAM,UAAU;AAAA,QAAA;AAAA,MAAA,IAEpD;AAAA,IAAA,GACN;AAAA,IACC,oBACCb,2BAAAA;AAAAA,MAACc,MAAAA;AAAAA,MAAA;AAAA,QACC,MAAI;AAAA,QACJ,SAAS,MAAM,qBAAqB,IAAI;AAAA,QACxC,OAAM;AAAA,QACN,MAAK;AAAA,QACL,YAAY;AAAA,QACZ,QACEb,2BAAAA,KAAC,OAAA,EAAI,WAAU,iCACb,UAAA;AAAA,UAAAD,2BAAAA;AAAAA,YAACE,OAAAA;AAAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,SAAS,MAAM,qBAAqB,IAAI;AAAA,cACzC,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGDF,2BAAAA;AAAAA,YAACE,OAAAA;AAAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,SAAS,MAAM,cAAc,iBAAiB;AAAA,cAC/C,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAED,GACF;AAAA,QAGF,UAAAF,2BAAAA,IAAC,KAAA,EAAE,WAAU,iCAAgC,UAAA,yEAAA,CAG7C;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,EAAA,GACN;AAEJ;;"}

package/dist/data/ai/PromptCatalog/PromptPage.d.ts

@@ -0,0 +1,17 @@
+import { ChatModel } from '../../chat/types';
+import { SpecRuntimeFamily } from '../../runtime/runtime-mode';
+import { PromptSpecDetail } from '../PromptPicker/types';
+import { PromptCatalogEntry, PromptCatalogLayer, PromptPageAdapter, PromptPageTab } from './types';
+export type PromptPageProps = {
+    entry: PromptCatalogEntry;
+    adapter: PromptPageAdapter;
+    models?: ChatModel[] | undefined;
+    families?: SpecRuntimeFamily[] | undefined;
+    onBack?: (() => void) | undefined;
+    onSaved?: ((detail: PromptSpecDetail, layer: PromptCatalogLayer) => void) | undefined;
+    extraTabs?: PromptPageTab[] | undefined;
+    initialLayerOrigin?: string | undefined;
+    className?: string | undefined;
+};
+export declare function PromptPage({ entry, adapter, models, families, onBack, onSaved, extraTabs, initialLayerOrigin, className, }: PromptPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PromptPage.d.ts.map

package/dist/data/ai/PromptCatalog/PromptPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptPage.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/PromptCatalog/PromptPage.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAsB9D,OAAO,KAAK,EACV,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,aAAa,EACd,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,kBAAkB,CAAC;IAC1B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;IAC3C,MAAM,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAClC,OAAO,CAAC,EACJ,CAAC,CAAC,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC,GAC/D,SAAS,CAAC;IACd,SAAS,CAAC,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC;IACxC,kBAAkB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAyBF,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAO,EACP,MAAM,EACN,QAAQ,EACR,MAAM,EACN,OAAO,EACP,SAAS,EACT,kBAAkB,EAClB,SAAS,GACV,EAAE,eAAe,2CAoUjB"}