@flanksource/clicky-ui 0.3.55 → 0.3.57

package/dist/data/ai/PromptCatalog/PromptLayerStrip.js.map

@@ -1 +1 @@
-{"version":3,"file":"PromptLayerStrip.js","names":[],"sources":["../../../../src/data/ai/PromptCatalog/PromptLayerStrip.tsx"],"sourcesContent":["import { UiCheck, UiLock } from \"../../../icons\";\nimport { cn } from \"../../../lib/utils\";\nimport { Badge } from \"../../Badge\";\nimport { effectiveLayer, layerLabel } from \"./prompt-catalog-model\";\nimport { PromptSourceBadge } from \"./PromptSourceBadge\";\nimport type { PromptCatalogEntry, PromptCatalogLayer } from \"./types\";\n\nexport type PromptLayerStripProps = {\n  entry: PromptCatalogEntry;\n  selectedOrigin?: string | undefined;\n  onSelect: (layer: PromptCatalogLayer) => void;\n};\n\n// PromptLayerStrip shows the config chain lowest → highest precedence, marks\n// the layer whose override runs, and lets the user pick which layer to view or\n// edit. Read-only layers stay selectable so their content can be inspected.\nexport function PromptLayerStrip({\n  entry,\n  selectedOrigin,\n  onSelect,\n}: PromptLayerStripProps) {\n  const effective = effectiveLayer(entry);\n  if (entry.layers.length === 0) {\n    return (\n      <p className=\"px-density-4 py-density-2 text-xs text-muted-foreground\">\n        No configuration layers for this prompt.\n      </p>\n    );\n  }\n  return (\n    <div\n      role=\"group\"\n      aria-label=\"Configuration layers\"\n      className=\"flex flex-wrap items-stretch gap-2 px-density-4 py-density-2\"\n    >\n      {entry.layers.map((layer, index) => {\n        const active = layer.origin === selectedOrigin;\n        return (\n          <button\n            key={layer.origin}\n            type=\"button\"\n            aria-pressed={active}\n            title={layer.path}\n            onClick={() => onSelect(layer)}\n            className={cn(\n              \"flex min-w-44 flex-col gap-1 rounded-md border px-3 py-2 text-left text-xs transition\",\n              active\n                ? \"border-primary bg-primary/5\"\n                : \"border-border hover:bg-muted\",\n            )}\n          >\n            <span className=\"flex items-center gap-1.5 font-medium\">\n              <span className=\"text-muted-foreground\">{index + 1}.</span>\n              <span>{layerLabel(layer.origin)}</span>\n              {!layer.editable ? (\n                <UiLock\n                  className=\"text-muted-foreground\"\n                  aria-label=\"read-only\"\n                />\n              ) : null}\n            </span>\n            <span className=\"flex flex-wrap items-center gap-1.5\">\n              {layer.source === \"none\" ? (\n                <span className=\"text-muted-foreground\">unset</span>\n              ) : (\n                <PromptSourceBadge source={layer.source} />\n              )}\n              {layer.fields && layer.fields.length > 0 ? (\n                <span className=\"font-mono text-[11px] text-muted-foreground\">\n                  {layer.fields.join(\", \")}\n                </span>\n              ) : null}\n              {effective?.origin === layer.origin ? (\n                <Badge\n                  variant=\"soft\"\n                  tone=\"success\"\n                  size=\"xs\"\n                  icon={UiCheck}\n                  clickToCopy={false}\n                >\n                  effective\n                </Badge>\n              ) : null}\n            </span>\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAgBA,SAAgB,iBAAiB,EAC/B,OACA,gBACA,YACwB;CACxB,MAAM,YAAY,eAAe,KAAK;CACtC,IAAI,MAAM,OAAO,WAAW,GAC1B,OACE,oBAAC,KAAD;EAAG,WAAU;EAA0D,UAAA;CAEpE,CAAA;CAGP,OACE,oBAAC,OAAD;EACE,MAAK;EACL,cAAW;EACX,WAAU;EAET,UAAA,MAAM,OAAO,KAAK,OAAO,UAAU;GAClC,MAAM,SAAS,MAAM,WAAW;GAChC,OACE,qBAAC,UAAD;IAEE,MAAK;IACL,gBAAc;IACd,OAAO,MAAM;IACb,eAAe,SAAS,KAAK;IAC7B,WAAW,GACT,yFACA,SACI,gCACA,8BACN;IAXF,UAAA,CAaE,qBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA;MACE,qBAAC,QAAD;OAAM,WAAU;OAAhB,UAAA,CAAyC,QAAQ,GAAE,GAAO;;MAC1D,oBAAC,QAAD,EAAA,UAAO,WAAW,MAAM,MAAM,EAAQ,CAAA;MACrC,CAAC,MAAM,WACN,oBAAC,QAAD;OACE,WAAU;OACV,cAAW;MACZ,CAAA,IACC;KACA;IACN,CAAA,GAAA,qBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA;MACG,MAAM,WAAW,SAChB,oBAAC,QAAD;OAAM,WAAU;OAAwB,UAAA;MAAW,CAAA,IAEnD,oBAAC,mBAAD,EAAmB,QAAQ,MAAM,OAAS,CAAA;MAE3C,MAAM,UAAU,MAAM,OAAO,SAAS,IACrC,oBAAC,QAAD;OAAM,WAAU;OACb,UAAA,MAAM,OAAO,KAAK,IAAI;MACnB,CAAA,IACJ;MACH,WAAW,WAAW,MAAM,SAC3B,oBAAC,OAAD;OACE,SAAQ;OACR,MAAK;OACL,MAAK;OACL,MAAM;OACN,aAAa;OACd,UAAA;MAEM,CAAA,IACL;KACA;IACA,CAAA,CAAA;GA7CD,GAAA,MAAM,MA6CL;EAEZ,CAAC;CACE,CAAA;AAET"}
+{"version":3,"file":"PromptLayerStrip.js","names":[],"sources":["../../../../src/data/ai/PromptCatalog/PromptLayerStrip.tsx"],"sourcesContent":["import { UiCheck, UiLock } from \"../../../icons\";\nimport { cn } from \"../../../lib/utils\";\nimport { Badge } from \"../../Badge\";\nimport { effectiveLayer, layerLabel } from \"./prompt-catalog-model\";\nimport { PromptSourceBadge } from \"./PromptSourceBadge\";\nimport type { PromptCatalogEntry, PromptCatalogLayer } from \"./types\";\n\nexport type PromptLayerStripProps = {\n  entry: PromptCatalogEntry;\n  selectedOrigin?: string | undefined;\n  onSelect: (layer: PromptCatalogLayer) => void;\n};\n\n// PromptLayerStrip shows the config chain lowest → highest precedence, marks\n// the layer whose override runs, and lets the user pick which layer to view or\n// edit. Read-only layers stay selectable so their content can be inspected.\nexport function PromptLayerStrip({\n  entry,\n  selectedOrigin,\n  onSelect,\n}: PromptLayerStripProps) {\n  const effective = effectiveLayer(entry);\n  if (entry.layers.length === 0) {\n    return (\n      <p className=\"px-density-4 py-density-2 text-xs text-muted-foreground\">\n        No configuration layers for this prompt.\n      </p>\n    );\n  }\n  return (\n    <div\n      role=\"group\"\n      aria-label=\"Configuration layers\"\n      className=\"flex flex-wrap items-stretch gap-2 px-density-4 py-density-2\"\n    >\n      {entry.layers.map((layer, index) => {\n        const active = layer.origin === selectedOrigin;\n        return (\n          <button\n            key={layer.origin}\n            type=\"button\"\n            aria-pressed={active}\n            title={layer.path}\n            onClick={() => onSelect(layer)}\n            className={cn(\n              \"flex min-w-44 max-w-full flex-col gap-1 rounded-md border px-3 py-2 text-left text-xs transition\",\n              active\n                ? \"border-primary bg-primary/5\"\n                : \"border-border hover:bg-muted\",\n            )}\n          >\n            <span className=\"flex min-w-0 items-center gap-1.5 font-medium\">\n              <span className=\"text-muted-foreground\">{index + 1}.</span>\n              <span className=\"truncate\">{layerLabel(layer.origin)}</span>\n              {!layer.editable ? (\n                <UiLock\n                  className=\"text-muted-foreground\"\n                  aria-label=\"read-only\"\n                />\n              ) : null}\n            </span>\n            <span className=\"flex flex-wrap items-center gap-1.5\">\n              {layer.source === \"none\" ? (\n                <span className=\"text-muted-foreground\">unset</span>\n              ) : (\n                <PromptSourceBadge source={layer.source} />\n              )}\n              {layer.fields && layer.fields.length > 0 ? (\n                <span className=\"font-mono text-[11px] text-muted-foreground\">\n                  {layer.fields.join(\", \")}\n                </span>\n              ) : null}\n              {effective?.origin === layer.origin ? (\n                <Badge\n                  variant=\"soft\"\n                  tone=\"success\"\n                  size=\"xs\"\n                  icon={UiCheck}\n                  clickToCopy={false}\n                >\n                  effective\n                </Badge>\n              ) : null}\n            </span>\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAgBA,SAAgB,iBAAiB,EAC/B,OACA,gBACA,YACwB;CACxB,MAAM,YAAY,eAAe,KAAK;CACtC,IAAI,MAAM,OAAO,WAAW,GAC1B,OACE,oBAAC,KAAD;EAAG,WAAU;EAA0D,UAAA;CAEpE,CAAA;CAGP,OACE,oBAAC,OAAD;EACE,MAAK;EACL,cAAW;EACX,WAAU;EAET,UAAA,MAAM,OAAO,KAAK,OAAO,UAAU;GAClC,MAAM,SAAS,MAAM,WAAW;GAChC,OACE,qBAAC,UAAD;IAEE,MAAK;IACL,gBAAc;IACd,OAAO,MAAM;IACb,eAAe,SAAS,KAAK;IAC7B,WAAW,GACT,oGACA,SACI,gCACA,8BACN;IAXF,UAAA,CAaE,qBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA;MACE,qBAAC,QAAD;OAAM,WAAU;OAAhB,UAAA,CAAyC,QAAQ,GAAE,GAAO;;MAC1D,oBAAC,QAAD;OAAM,WAAU;OAAY,UAAA,WAAW,MAAM,MAAM;MAAQ,CAAA;MAC1D,CAAC,MAAM,WACN,oBAAC,QAAD;OACE,WAAU;OACV,cAAW;MACZ,CAAA,IACC;KACA;IACN,CAAA,GAAA,qBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA;MACG,MAAM,WAAW,SAChB,oBAAC,QAAD;OAAM,WAAU;OAAwB,UAAA;MAAW,CAAA,IAEnD,oBAAC,mBAAD,EAAmB,QAAQ,MAAM,OAAS,CAAA;MAE3C,MAAM,UAAU,MAAM,OAAO,SAAS,IACrC,oBAAC,QAAD;OAAM,WAAU;OACb,UAAA,MAAM,OAAO,KAAK,IAAI;MACnB,CAAA,IACJ;MACH,WAAW,WAAW,MAAM,SAC3B,oBAAC,OAAD;OACE,SAAQ;OACR,MAAK;OACL,MAAK;OACL,MAAM;OACN,aAAa;OACd,UAAA;MAEM,CAAA,IACL;KACA;IACA,CAAA,CAAA;GA7CD,GAAA,MAAM,MA6CL;EAEZ,CAAC;CACE,CAAA;AAET"}

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

@@ -56,7 +56,7 @@ function PromptPage({ entry, adapter, models, families, onBack, onSaved, extraTa
 			detail
 		});
 		setDraft(require_prompt_page_model.draftFor(detail));
-		setSaveSource(require_prompt_page_model.initialSaveSource(detail));
+		setSaveSource(require_prompt_page_model.initialSaveSource(detail, layer));
 		setPath(require_prompt_page_model.defaultFilePath(entry, layer, detail));
 		setSaveError("");
 		setConflict(false);
@@ -239,6 +239,7 @@ function PromptPage({ entry, adapter, models, families, onBack, onSaved, extraTa
 				children: renderPanel()
 			}),
 			state.status === "ready" && !readOnly ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PromptPageSaveBar.PromptPageSaveBar, {
+				sources: selectedLayer.saveSources,
 				source: saveSource,
 				onSourceChange: setSaveSource,
 				path,

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

@@ -1 +1 @@
-{"version":3,"file":"PromptPage.cjs","names":["PROMPT_PAGE_TAB","UiFileCode","UiEye","UiDiff","useState","defaultEditLayer","useMemo","isDraftDirty","isPromptPageDirty","useCallback","draftFor","initialSaveSource","defaultFilePath","useRef","errorMessage","isConflictError","buildSavePayload","pageTabs","draftRaw","Button","PromptPageEditor","PromptPagePreview","CodeDiff","_Fragment","cn","PromptPageHeader","PromptLayerStrip","UiLock","layerLabel","Tabs","PromptPageSaveBar","Modal"],"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.mode\n            ? { effectiveMode: entry.effective.mode }\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"],"mappings":"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"}
+{"version":3,"file":"PromptPage.cjs","names":["PROMPT_PAGE_TAB","UiFileCode","UiEye","UiDiff","useState","defaultEditLayer","useMemo","isDraftDirty","isPromptPageDirty","useCallback","draftFor","initialSaveSource","defaultFilePath","useRef","errorMessage","isConflictError","buildSavePayload","pageTabs","draftRaw","Button","PromptPageEditor","PromptPagePreview","CodeDiff","_Fragment","cn","PromptPageHeader","PromptLayerStrip","UiLock","layerLabel","Tabs","PromptPageSaveBar","Modal"],"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, layer));\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.mode\n            ? { effectiveMode: entry.effective.mode }\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            sources={selectedLayer.saveSources}\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"],"mappings":"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"}

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

@@ -1 +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,+BAoUjB"}
+{"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,+BAqUjB"}

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

@@ -56,7 +56,7 @@ function PromptPage({ entry, adapter, models, families, onBack, onSaved, extraTa
 			detail
 		});
 		setDraft(draftFor(detail));
-		setSaveSource(initialSaveSource(detail));
+		setSaveSource(initialSaveSource(detail, layer));
 		setPath(defaultFilePath(entry, layer, detail));
 		setSaveError("");
 		setConflict(false);
@@ -239,6 +239,7 @@ function PromptPage({ entry, adapter, models, families, onBack, onSaved, extraTa
 				children: renderPanel()
 			}),
 			state.status === "ready" && !readOnly ? /* @__PURE__ */ jsx(PromptPageSaveBar, {
+				sources: selectedLayer.saveSources,
 				source: saveSource,
 				onSourceChange: setSaveSource,
 				path,

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

@@ -1 +1 @@
-{"version":3,"file":"PromptPage.js","names":["_Fragment"],"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.mode\n            ? { effectiveMode: entry.effective.mode }\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"],"mappings":";;;;;;;;;;;;;;;;;;;AA+DA,IAAM,YAA6C;EAChD,gBAAgB,SAAS;EACzB,gBAAgB,UAAU;EAC1B,gBAAgB,OAAO;AAC1B;AAEA,IAAM,cAA2B;CAAE,MAAM;CAAO,KAAK;CAAI,OAAO,KAAA;AAAU;AAM1E,SAAgB,WAAW,EACzB,OACA,SACA,QACA,UACA,QACA,SACA,WACA,oBACA,aACkB;CAClB,MAAM,CAAC,gBAAgB,qBAAqB,eAExC,sBACA,iBAAiB,KAAK,CAAC,EAAE,UACzB,MAAM,OAAO,EAAE,EAAE,MACrB;CACA,MAAM,gBAAgB,cACd,MAAM,OAAO,MAAM,UAAU,MAAM,WAAW,cAAc,GAClE,CAAC,OAAO,cAAc,CACxB;CACA,MAAM,CAAC,OAAO,YAAY,SAAqB,EAAE,QAAQ,OAAO,CAAC;CACjE,MAAM,CAAC,OAAO,YAAY,SAAsB,WAAW;CAC3D,MAAM,CAAC,YAAY,iBAAiB,SAA2B,QAAQ;CACvE,MAAM,CAAC,MAAM,WAAW,SAAS,EAAE;CACnC,MAAM,CAAC,QAAQ,aAAa,SAAS,KAAK;CAC1C,MAAM,CAAC,WAAW,gBAAgB,SAAS,EAAE;CAC7C,MAAM,CAAC,UAAU,eAAe,SAAS,KAAK;CAC9C,MAAM,CAAC,mBAAmB,wBACxB,SAAmC,IAAI;CACzC,MAAM,CAAC,KAAK,UAAU,SAAiB,gBAAgB,MAAM;CAC7D,MAAM,CAAC,aAAa,kBAAkB,SAAS,CAAC;CAEhD,MAAM,WAAW,CAAC,eAAe;CACjC,MAAM,aACJ,MAAM,WAAW,WAAW,aAAa,OAAO,MAAM,MAAM;CAC9D,MAAM,QACJ,MAAM,WAAW,WAAW,gBACxB,kBAAkB;EAChB;EACA,QAAQ,MAAM;EACd,QAAQ;EACR;EACA;EACA,OAAO;CACT,CAAC,IACD;CAEN,MAAM,cAAc,aACjB,QAA0B,UAA8B;EACvD,SAAS;GAAE,QAAQ;GAAS;EAAO,CAAC;EACpC,SAAS,SAAS,MAAM,CAAC;EACzB,cAAc,kBAAkB,MAAM,CAAC;EACvC,QAAQ,gBAAgB,OAAO,OAAO,MAAM,CAAC;EAC7C,aAAa,EAAE;EACf,YAAY,KAAK;CACnB,GACA,CAAC,KAAK,CACR;CAKA,MAAM,SAAS,OAAO;EAAE;EAAS;EAAO;CAAY,CAAC;CACrD,OAAO,UAAU;EAAE;EAAS;EAAO;CAAY;CAC/C,MAAM,WAAW,gBACb,GAAG,cAAc,OAAO,QAAQ,cAAc,SAAS,OACvD;CACJ,gBAAgB;EACd,MAAM,QAAQ,OAAO,QAAQ,MAAM,OAAO,MACvC,cACC,GAAG,UAAU,OAAO,QAAQ,UAAU,SAAS,SAAS,QAC5D;EACA,IAAI,CAAC,OAAO;GACV,SAAS,EAAE,QAAQ,OAAO,CAAC;GAC3B;EACF;EACA,IAAI,YAAY;EAChB,SAAS,EAAE,QAAQ,UAAU,CAAC;EAC9B,OAAO,QAAQ,QAAQ,WAAW,OAAO,QAAQ,OAAO,KAAK,CAAC,CAAC,MAC5D,WAAW;GACV,IAAI,CAAC,WAAW,OAAO,QAAQ,YAAY,QAAQ,KAAK;EAC1D,IACC,UAAmB;GAClB,IAAI,CAAC,WACH,SAAS;IACP,QAAQ;IACR,SAAS,aAAa,OAAO,uBAAuB;GACtD,CAAC;EACL,CACF;EACA,aAAa;GACX,YAAY;EACd;CACF,GAAG,CAAC,UAAU,WAAW,CAAC;CAE1B,gBAAgB;EACd,IAAI,CAAC,OAAO;EACZ,MAAM,SAAS,UAA6B;GAC1C,MAAM,eAAe;EACvB;EACA,OAAO,iBAAiB,gBAAgB,KAAK;EAC7C,aAAa,OAAO,oBAAoB,gBAAgB,KAAK;CAC/D,GAAG,CAAC,KAAK,CAAC;CAEV,MAAM,eAAe,gBAAgB,UAAU,QAAQ,CAAC;CAExD,SAAS,cAAc,YAA+B;EACpD,qBAAqB,IAAI;EACzB,IAAI,WAAW,SAAS,QAAQ;GAC9B,SAAS;GACT;EACF;EACA,IAAI,WAAW,SAAS,UAAU;GAChC,OAAO;GACP;EACF;EACA,kBAAkB,WAAW,MAAM;CACrC;CAEA,SAAS,kBAAkB,YAA+B;EACxD,IAAI,OAAO;GACT,qBAAqB,UAAU;GAC/B;EACF;EACA,cAAc,UAAU;CAC1B;CAEA,eAAe,QACb,OAGA,SACA;EACA,IAAI,MAAM,WAAW,WAAW,CAAC,eAAe;EAChD,UAAU,IAAI;EACd,aAAa,EAAE;EACf,YAAY,KAAK;EACjB,IAAI;GACF,MAAM,OAAO,MAAM,QAAQ,WACzB,OACA,eACA,MAAM,MAAM,MAAM,CACpB;GACA,YAAY,MAAM,aAAa;GAC/B,UAAU,MAAM,aAAa;EAC/B,SAAS,OAAO;GACd,MAAM,UAAU,aAAa,OAAO,OAAO;GAC3C,aAAa,OAAO;GACpB,YAAY,gBAAgB,OAAO,CAAC;EACtC,UAAU;GACR,UAAU,KAAK;EACjB;CACF;CAEA,MAAM,aACJ,SACG,WAAW,iBAAiB,OAAO,QAAQ,YAAY,IAAI,GAC5D,aACF;CACF,MAAM,eACJ,SACG,YAAY;EAAE,QAAQ;EAAW,SAAS,OAAO;CAAI,IACtD,eACF;CAEF,MAAM,SAAS,QAAQ;CACvB,MAAM,OAAO,SAAS;EACpB,YAAY,WAAW,KAAA;EACvB,SAAS,MAAM,eAAe,KAAA;EAC9B;CACF,CAAC,CAAC,CAAC,KAAK,SAAS;EACf,MAAM,OAAO,UAAU,KAAK;EAC5B,OAAO,OAAO;GAAE,GAAG;GAAM;EAAK,IAAI;CACpC,CAAC;CACD,MAAM,YAAY,KAAK,MAAM,SAAS,KAAK,OAAO,GAAG,IACjD,MACA,gBAAgB;CACpB,MAAM,aACJ,MAAM,WAAW,UACb,aACE,SAAS,KAAK,IACd,MAAM,OAAO,MACf;CAEN,SAAS,YAAY,OAA2B;EAC9C,IAAI,MAAM,WAAW,gBAAgB;EACrC,kBAAkB;GAAE,MAAM;GAAS,QAAQ,MAAM;EAAO,CAAC;CAC3D;CAEA,SAAS,cAAc;EACrB,IAAI,MAAM,WAAW,aAAa,MAAM,WAAW,QACjD,OAAO,oBAAC,KAAD;GAAG,WAAU;GAAgC,UAAA;EAAkB,CAAA;EAExE,IAAI,MAAM,WAAW,SACnB,OACE,qBAAC,OAAD;GACE,MAAK;GACL,WAAU;GAFZ,UAAA,CAIE,oBAAC,QAAD,EAAA,UAAO,MAAM,QAAc,CAAA,GAC3B,oBAAC,QAAD;IAAQ,MAAK;IAAS,MAAK;IAAK,SAAQ;IAAU,SAAS;IAAQ,UAAA;GAE3D,CAAA,CACL;;EAGT,IAAI,cAAc,gBAAgB,QAChC,OACE,oBAAC,kBAAD;GACE,QAAQ,MAAM;GACP;GACP,UAAU;GACA;GACF;GACE;GACV,GAAK,MAAM,UAAU,OACjB,EAAE,eAAe,MAAM,UAAU,KAAK,IACtC,CAAC;GACL,GAAK,MAAM,UAAU,QACjB,EAAE,gBAAgB,MAAM,UAAU,MAAM,IACxC,CAAC;EACN,CAAA;EAGL,IAAI,cAAc,gBAAgB,WAAW,QAC3C,OACE,oBAAC,mBAAD;GACS;GACP,SAAS,UAAU,OAAO,OAAO,KAAK;GACtC,UAAU,aAAa,aAAa,KAAA;EACrC,CAAA;EAGL,IAAI,cAAc,gBAAgB,QAAQ,MAAM,eAAe,KAAA,GAC7D,OACE,oBAAC,UAAD;GACE,UAAU,MAAM;GAChB,UAAU;GACV,UAAS;EACV,CAAA;EAGL,OAAO,WAAW,MAAM,SAAS,KAAK,OAAO,SAAS,CAAC,EAAE,WAAW;CACtE;CAEA,OACE,qBAAAA,YAAA,EAAA,UAAA,CACE,qBAAC,OAAD;EAAK,WAAW,GAAG,gCAAgC,SAAS;EAA5D,UAAA;GACE,oBAAC,kBAAD;IACS;IACQ;IACf,GAAK,SACD,EAAE,cAAc,kBAAkB,EAAE,MAAM,OAAO,CAAC,EAAE,IACpD,CAAC;GACN,CAAA;GACD,oBAAC,kBAAD;IACS;IACS;IAChB,UAAU;GACX,CAAA;GACA,YAAY,gBACX,qBAAC,OAAD;IACE,MAAK;IACL,WAAU;IAFZ,UAAA,CAIE,oBAAC,QAAD,EAAQ,WAAU,iCAAkC,CAAA,GACpD,qBAAC,QAAD,EAAA,UAAA;KACG,WAAW,cAAc,MAAM;KAAE;KAA0B;KAC5D,oBAAC,QAAD;MAAM,WAAU;MAAa,UAAA,cAAc;KAAW,CAAA;KAAC;IAEnD,EAAA,CAAA,CACH;GACH,CAAA,IAAA;GACJ,oBAAC,MAAD;IACQ;IACN,OAAO;IACP,UAAU;IACV,WAAU;GACX,CAAA;GACD,oBAAC,OAAD;IAAK,WAAU;IACZ,UAAA,YAAY;GACV,CAAA;GACJ,MAAM,WAAW,WAAW,CAAC,WAC5B,oBAAC,mBAAD;IACE,QAAQ;IACR,gBAAgB;IACV;IACN,cAAc;IACP;IACC;IACR,WAAW,MAAM,OAAO,WAAW;IACnC,OAAO;IACG;IACV,QAAQ;IACR,UAAU;IACV,gBAAgB,kBAAkB,EAAE,MAAM,SAAS,CAAC;GACrD,CAAA,IACC;EACD;CACJ,CAAA,GAAA,oBACC,oBAAC,OAAD;EACE,MAAA;EACA,eAAe,qBAAqB,IAAI;EACxC,OAAM;EACN,MAAK;EACL,YAAY;EACZ,QACE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,oBAAC,QAAD;IACE,MAAK;IACL,SAAQ;IACR,eAAe,qBAAqB,IAAI;IACzC,UAAA;GAEO,CAAA,GACR,oBAAC,QAAD;IACE,MAAK;IACL,SAAQ;IACR,eAAe,cAAc,iBAAiB;IAC/C,UAAA;GAEO,CAAA,CACL;;EAGP,UAAA,oBAAC,KAAD;GAAG,WAAU;GAAgC,UAAA;EAG1C,CAAA;CACE,CAAA,IACL,IACJ,EAAA,CAAA;AAEN"}
+{"version":3,"file":"PromptPage.js","names":["_Fragment"],"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, layer));\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.mode\n            ? { effectiveMode: entry.effective.mode }\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            sources={selectedLayer.saveSources}\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"],"mappings":"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"}

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

@@ -30,7 +30,7 @@ function PromptPageHeader({ entry, selectedLayer, onBack, actions }) {
 							className: "flex flex-wrap items-center gap-2",
 							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
-									className: "text-lg font-semibold leading-tight",
+									className: "break-words text-lg font-semibold leading-tight",
 									children: entry.title
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PromptSourceBadge.PromptSourceBadge, {
@@ -77,7 +77,7 @@ function PromptPageHeader({ entry, selectedLayer, onBack, actions }) {
 									children: "Runs as"
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dd", {
-									className: entry.effective.error ? "text-destructive" : "font-mono",
+									className: entry.effective.error ? "min-w-0 break-all text-destructive" : "min-w-0 break-all font-mono",
 									children: [require_prompt_catalog_model.runtimeSummary(entry.effective), entry.effective.model ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 										className: "ml-1 font-sans text-muted-foreground",
 										children: [
@@ -91,10 +91,13 @@ function PromptPageHeader({ entry, selectedLayer, onBack, actions }) {
 									className: "text-muted-foreground",
 									children: "Runs from"
 								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: effective ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [require_prompt_catalog_model.layerLabel(effective.origin), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "ml-1 font-mono text-muted-foreground",
-									children: effective.filePath ?? effective.path
-								})] }) : "built-in default" })
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", {
+									className: "min-w-0 break-all",
+									children: effective ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [require_prompt_catalog_model.layerLabel(effective.origin), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "ml-1 font-mono text-muted-foreground",
+										children: effective.filePath ?? effective.path
+									})] }) : "built-in default"
+								})
 							]
 						})
 					]

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

@@ -1 +1 @@
-{"version":3,"file":"PromptPageHeader.cjs","names":["effectiveLayer","layersAbove","Button","UiArrowLeft","PromptSourceBadge","CopyBadge","Badge","runtimeSummary","_Fragment","layerLabel","UiWarningTriangle"],"sources":["../../../../src/data/ai/PromptCatalog/PromptPageHeader.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Button } from \"../../../components/button\";\nimport { UiArrowLeft, UiWarningTriangle } from \"../../../icons\";\nimport { Badge } from \"../../Badge\";\nimport { CopyBadge } from \"../../diagnostics/ErrorDetails\";\nimport {\n  effectiveLayer,\n  layerLabel,\n  layersAbove,\n  runtimeSummary,\n} from \"./prompt-catalog-model\";\nimport { PromptSourceBadge } from \"./PromptSourceBadge\";\nimport type { PromptCatalogEntry, PromptCatalogLayer } from \"./types\";\n\nexport type PromptPageHeaderProps = {\n  entry: PromptCatalogEntry;\n  selectedLayer?: PromptCatalogLayer | undefined;\n  onBack?: (() => void) | undefined;\n  actions?: ReactNode | undefined;\n};\n\nexport function PromptPageHeader({\n  entry,\n  selectedLayer,\n  onBack,\n  actions,\n}: PromptPageHeaderProps) {\n  const effective = effectiveLayer(entry);\n  const shadowing = selectedLayer ? layersAbove(entry, selectedLayer) : [];\n  return (\n    <header className=\"flex flex-col gap-2 border-b border-border px-density-4 py-density-3\">\n      <div className=\"flex items-start gap-3\">\n        {onBack ? (\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon\"\n            onClick={onBack}\n            aria-label=\"Back to prompts\"\n          >\n            <UiArrowLeft />\n          </Button>\n        ) : null}\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <h1 className=\"text-lg font-semibold leading-tight\">\n              {entry.title}\n            </h1>\n            <PromptSourceBadge\n              source={entry.source}\n              parseError={entry.parseError}\n            />\n            <CopyBadge label=\"id\" value={entry.id} />\n            {entry.configPath && entry.configPath !== entry.id ? (\n              <CopyBadge label=\"config\" value={entry.configPath} />\n            ) : null}\n          </div>\n          {entry.description ? (\n            <p className=\"mt-1 text-sm text-muted-foreground\">\n              {entry.description}\n            </p>\n          ) : null}\n          <dl className=\"mt-2 grid gap-x-6 gap-y-1 text-xs sm:grid-cols-[auto_1fr]\">\n            <dt className=\"text-muted-foreground\">Used by</dt>\n            <dd className=\"flex flex-wrap gap-1\">\n              {(entry.usedBy ?? []).length === 0 ? (\n                <span className=\"text-muted-foreground\">—</span>\n              ) : (\n                (entry.usedBy ?? []).map((command) => (\n                  <Badge\n                    key={command}\n                    variant=\"soft\"\n                    tone=\"neutral\"\n                    size=\"xs\"\n                    className=\"font-mono\"\n                    clickToCopy={false}\n                  >\n                    {command}\n                  </Badge>\n                ))\n              )}\n            </dd>\n            <dt className=\"text-muted-foreground\">Runs as</dt>\n            <dd\n              className={\n                entry.effective.error ? \"text-destructive\" : \"font-mono\"\n              }\n            >\n              {runtimeSummary(entry.effective)}\n              {entry.effective.model ? (\n                <span className=\"ml-1 font-sans text-muted-foreground\">\n                  (from {entry.effective.modelSource})\n                </span>\n              ) : null}\n            </dd>\n            <dt className=\"text-muted-foreground\">Runs from</dt>\n            <dd>\n              {effective ? (\n                <>\n                  {layerLabel(effective.origin)}\n                  <span className=\"ml-1 font-mono text-muted-foreground\">\n                    {effective.filePath ?? effective.path}\n                  </span>\n                </>\n              ) : (\n                \"built-in default\"\n              )}\n            </dd>\n          </dl>\n        </div>\n        {actions ? <div className=\"shrink-0\">{actions}</div> : null}\n      </div>\n      {shadowing.length > 0 ? (\n        <div\n          role=\"alert\"\n          className=\"flex items-center gap-2 rounded-md border border-amber-300 bg-amber-500/10 px-3 py-2 text-xs text-amber-800 dark:border-amber-500/40 dark:text-amber-300\"\n        >\n          <UiWarningTriangle className=\"shrink-0\" />\n          <span>\n            A higher layer (\n            {shadowing.map((layer) => layerLabel(layer.origin)).join(\", \")})\n            overrides this prompt; saving here changes nothing until that\n            override is removed.\n          </span>\n        </div>\n      ) : null}\n    </header>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"PromptPageHeader.cjs","names":["effectiveLayer","layersAbove","Button","UiArrowLeft","PromptSourceBadge","CopyBadge","Badge","runtimeSummary","_Fragment","layerLabel","UiWarningTriangle"],"sources":["../../../../src/data/ai/PromptCatalog/PromptPageHeader.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Button } from \"../../../components/button\";\nimport { UiArrowLeft, UiWarningTriangle } from \"../../../icons\";\nimport { Badge } from \"../../Badge\";\nimport { CopyBadge } from \"../../diagnostics/ErrorDetails\";\nimport {\n  effectiveLayer,\n  layerLabel,\n  layersAbove,\n  runtimeSummary,\n} from \"./prompt-catalog-model\";\nimport { PromptSourceBadge } from \"./PromptSourceBadge\";\nimport type { PromptCatalogEntry, PromptCatalogLayer } from \"./types\";\n\nexport type PromptPageHeaderProps = {\n  entry: PromptCatalogEntry;\n  selectedLayer?: PromptCatalogLayer | undefined;\n  onBack?: (() => void) | undefined;\n  actions?: ReactNode | undefined;\n};\n\nexport function PromptPageHeader({\n  entry,\n  selectedLayer,\n  onBack,\n  actions,\n}: PromptPageHeaderProps) {\n  const effective = effectiveLayer(entry);\n  const shadowing = selectedLayer ? layersAbove(entry, selectedLayer) : [];\n  return (\n    <header className=\"flex flex-col gap-2 border-b border-border px-density-4 py-density-3\">\n      <div className=\"flex items-start gap-3\">\n        {onBack ? (\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon\"\n            onClick={onBack}\n            aria-label=\"Back to prompts\"\n          >\n            <UiArrowLeft />\n          </Button>\n        ) : null}\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <h1 className=\"break-words text-lg font-semibold leading-tight\">\n              {entry.title}\n            </h1>\n            <PromptSourceBadge\n              source={entry.source}\n              parseError={entry.parseError}\n            />\n            <CopyBadge label=\"id\" value={entry.id} />\n            {entry.configPath && entry.configPath !== entry.id ? (\n              <CopyBadge label=\"config\" value={entry.configPath} />\n            ) : null}\n          </div>\n          {entry.description ? (\n            <p className=\"mt-1 text-sm text-muted-foreground\">\n              {entry.description}\n            </p>\n          ) : null}\n          <dl className=\"mt-2 grid gap-x-6 gap-y-1 text-xs sm:grid-cols-[auto_1fr]\">\n            <dt className=\"text-muted-foreground\">Used by</dt>\n            <dd className=\"flex flex-wrap gap-1\">\n              {(entry.usedBy ?? []).length === 0 ? (\n                <span className=\"text-muted-foreground\">—</span>\n              ) : (\n                (entry.usedBy ?? []).map((command) => (\n                  <Badge\n                    key={command}\n                    variant=\"soft\"\n                    tone=\"neutral\"\n                    size=\"xs\"\n                    className=\"font-mono\"\n                    clickToCopy={false}\n                  >\n                    {command}\n                  </Badge>\n                ))\n              )}\n            </dd>\n            <dt className=\"text-muted-foreground\">Runs as</dt>\n            <dd\n              className={\n                entry.effective.error\n                  ? \"min-w-0 break-all text-destructive\"\n                  : \"min-w-0 break-all font-mono\"\n              }\n            >\n              {runtimeSummary(entry.effective)}\n              {entry.effective.model ? (\n                <span className=\"ml-1 font-sans text-muted-foreground\">\n                  (from {entry.effective.modelSource})\n                </span>\n              ) : null}\n            </dd>\n            <dt className=\"text-muted-foreground\">Runs from</dt>\n            <dd className=\"min-w-0 break-all\">\n              {effective ? (\n                <>\n                  {layerLabel(effective.origin)}\n                  <span className=\"ml-1 font-mono text-muted-foreground\">\n                    {effective.filePath ?? effective.path}\n                  </span>\n                </>\n              ) : (\n                \"built-in default\"\n              )}\n            </dd>\n          </dl>\n        </div>\n        {actions ? <div className=\"shrink-0\">{actions}</div> : null}\n      </div>\n      {shadowing.length > 0 ? (\n        <div\n          role=\"alert\"\n          className=\"flex items-center gap-2 rounded-md border border-amber-300 bg-amber-500/10 px-3 py-2 text-xs text-amber-800 dark:border-amber-500/40 dark:text-amber-300\"\n        >\n          <UiWarningTriangle className=\"shrink-0\" />\n          <span>\n            A higher layer (\n            {shadowing.map((layer) => layerLabel(layer.origin)).join(\", \")})\n            overrides this prompt; saving here changes nothing until that\n            override is removed.\n          </span>\n        </div>\n      ) : null}\n    </header>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"PromptPageHeader.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/PromptCatalog/PromptPageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEtE,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,aAAa,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAC/C,MAAM,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAClC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,aAAa,EACb,MAAM,EACN,OAAO,GACR,EAAE,qBAAqB,+BAsGvB"}
+{"version":3,"file":"PromptPageHeader.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/PromptCatalog/PromptPageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEtE,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,aAAa,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAC/C,MAAM,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAClC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,aAAa,EACb,MAAM,EACN,OAAO,GACR,EAAE,qBAAqB,+BAwGvB"}

package/dist/data/ai/PromptCatalog/PromptPageHeader.js

@@ -30,7 +30,7 @@ function PromptPageHeader({ entry, selectedLayer, onBack, actions }) {
 							className: "flex flex-wrap items-center gap-2",
 							children: [
 								/* @__PURE__ */ jsx("h1", {
-									className: "text-lg font-semibold leading-tight",
+									className: "break-words text-lg font-semibold leading-tight",
 									children: entry.title
 								}),
 								/* @__PURE__ */ jsx(PromptSourceBadge, {
@@ -77,7 +77,7 @@ function PromptPageHeader({ entry, selectedLayer, onBack, actions }) {
 									children: "Runs as"
 								}),
 								/* @__PURE__ */ jsxs("dd", {
-									className: entry.effective.error ? "text-destructive" : "font-mono",
+									className: entry.effective.error ? "min-w-0 break-all text-destructive" : "min-w-0 break-all font-mono",
 									children: [runtimeSummary(entry.effective), entry.effective.model ? /* @__PURE__ */ jsxs("span", {
 										className: "ml-1 font-sans text-muted-foreground",
 										children: [
@@ -91,10 +91,13 @@ function PromptPageHeader({ entry, selectedLayer, onBack, actions }) {
 									className: "text-muted-foreground",
 									children: "Runs from"
 								}),
-								/* @__PURE__ */ jsx("dd", { children: effective ? /* @__PURE__ */ jsxs(Fragment, { children: [layerLabel(effective.origin), /* @__PURE__ */ jsx("span", {
-									className: "ml-1 font-mono text-muted-foreground",
-									children: effective.filePath ?? effective.path
-								})] }) : "built-in default" })
+								/* @__PURE__ */ jsx("dd", {
+									className: "min-w-0 break-all",
+									children: effective ? /* @__PURE__ */ jsxs(Fragment, { children: [layerLabel(effective.origin), /* @__PURE__ */ jsx("span", {
+										className: "ml-1 font-mono text-muted-foreground",
+										children: effective.filePath ?? effective.path
+									})] }) : "built-in default"
+								})
 							]
 						})
 					]

package/dist/data/ai/PromptCatalog/PromptPageHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"PromptPageHeader.js","names":["_Fragment"],"sources":["../../../../src/data/ai/PromptCatalog/PromptPageHeader.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Button } from \"../../../components/button\";\nimport { UiArrowLeft, UiWarningTriangle } from \"../../../icons\";\nimport { Badge } from \"../../Badge\";\nimport { CopyBadge } from \"../../diagnostics/ErrorDetails\";\nimport {\n  effectiveLayer,\n  layerLabel,\n  layersAbove,\n  runtimeSummary,\n} from \"./prompt-catalog-model\";\nimport { PromptSourceBadge } from \"./PromptSourceBadge\";\nimport type { PromptCatalogEntry, PromptCatalogLayer } from \"./types\";\n\nexport type PromptPageHeaderProps = {\n  entry: PromptCatalogEntry;\n  selectedLayer?: PromptCatalogLayer | undefined;\n  onBack?: (() => void) | undefined;\n  actions?: ReactNode | undefined;\n};\n\nexport function PromptPageHeader({\n  entry,\n  selectedLayer,\n  onBack,\n  actions,\n}: PromptPageHeaderProps) {\n  const effective = effectiveLayer(entry);\n  const shadowing = selectedLayer ? layersAbove(entry, selectedLayer) : [];\n  return (\n    <header className=\"flex flex-col gap-2 border-b border-border px-density-4 py-density-3\">\n      <div className=\"flex items-start gap-3\">\n        {onBack ? (\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon\"\n            onClick={onBack}\n            aria-label=\"Back to prompts\"\n          >\n            <UiArrowLeft />\n          </Button>\n        ) : null}\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <h1 className=\"text-lg font-semibold leading-tight\">\n              {entry.title}\n            </h1>\n            <PromptSourceBadge\n              source={entry.source}\n              parseError={entry.parseError}\n            />\n            <CopyBadge label=\"id\" value={entry.id} />\n            {entry.configPath && entry.configPath !== entry.id ? (\n              <CopyBadge label=\"config\" value={entry.configPath} />\n            ) : null}\n          </div>\n          {entry.description ? (\n            <p className=\"mt-1 text-sm text-muted-foreground\">\n              {entry.description}\n            </p>\n          ) : null}\n          <dl className=\"mt-2 grid gap-x-6 gap-y-1 text-xs sm:grid-cols-[auto_1fr]\">\n            <dt className=\"text-muted-foreground\">Used by</dt>\n            <dd className=\"flex flex-wrap gap-1\">\n              {(entry.usedBy ?? []).length === 0 ? (\n                <span className=\"text-muted-foreground\">—</span>\n              ) : (\n                (entry.usedBy ?? []).map((command) => (\n                  <Badge\n                    key={command}\n                    variant=\"soft\"\n                    tone=\"neutral\"\n                    size=\"xs\"\n                    className=\"font-mono\"\n                    clickToCopy={false}\n                  >\n                    {command}\n                  </Badge>\n                ))\n              )}\n            </dd>\n            <dt className=\"text-muted-foreground\">Runs as</dt>\n            <dd\n              className={\n                entry.effective.error ? \"text-destructive\" : \"font-mono\"\n              }\n            >\n              {runtimeSummary(entry.effective)}\n              {entry.effective.model ? (\n                <span className=\"ml-1 font-sans text-muted-foreground\">\n                  (from {entry.effective.modelSource})\n                </span>\n              ) : null}\n            </dd>\n            <dt className=\"text-muted-foreground\">Runs from</dt>\n            <dd>\n              {effective ? (\n                <>\n                  {layerLabel(effective.origin)}\n                  <span className=\"ml-1 font-mono text-muted-foreground\">\n                    {effective.filePath ?? effective.path}\n                  </span>\n                </>\n              ) : (\n                \"built-in default\"\n              )}\n            </dd>\n          </dl>\n        </div>\n        {actions ? <div className=\"shrink-0\">{actions}</div> : null}\n      </div>\n      {shadowing.length > 0 ? (\n        <div\n          role=\"alert\"\n          className=\"flex items-center gap-2 rounded-md border border-amber-300 bg-amber-500/10 px-3 py-2 text-xs text-amber-800 dark:border-amber-500/40 dark:text-amber-300\"\n        >\n          <UiWarningTriangle className=\"shrink-0\" />\n          <span>\n            A higher layer (\n            {shadowing.map((layer) => layerLabel(layer.origin)).join(\", \")})\n            overrides this prompt; saving here changes nothing until that\n            override is removed.\n          </span>\n        </div>\n      ) : null}\n    </header>\n  );\n}\n"],"mappings":";;;;;;;;;AAqBA,SAAgB,iBAAiB,EAC/B,OACA,eACA,QACA,WACwB;CACxB,MAAM,YAAY,eAAe,KAAK;CACtC,MAAM,YAAY,gBAAgB,YAAY,OAAO,aAAa,IAAI,CAAC;CACvE,OACE,qBAAC,UAAD;EAAQ,WAAU;EAAlB,UAAA,CACE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACG,SACC,oBAAC,QAAD;KACE,MAAK;KACL,SAAQ;KACR,MAAK;KACL,SAAS;KACT,cAAW;KAEX,UAAA,oBAAC,aAAD,CAAc,CAAA;IACR,CAAA,IACN;IACJ,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA;MACE,qBAAC,OAAD;OAAK,WAAU;OAAf,UAAA;QACE,oBAAC,MAAD;SAAI,WAAU;SACX,UAAA,MAAM;QACL,CAAA;QACJ,oBAAC,mBAAD;SACE,QAAQ,MAAM;SACd,YAAY,MAAM;QACnB,CAAA;QACD,oBAAC,WAAD;SAAW,OAAM;SAAK,OAAO,MAAM;QAAK,CAAA;QACvC,MAAM,cAAc,MAAM,eAAe,MAAM,KAC9C,oBAAC,WAAD;SAAW,OAAM;SAAS,OAAO,MAAM;QAAa,CAAA,IAClD;OACD;;MACJ,MAAM,cACL,oBAAC,KAAD;OAAG,WAAU;OACV,UAAA,MAAM;MACN,CAAA,IACD;MACJ,qBAAC,MAAD;OAAI,WAAU;OAAd,UAAA;QACE,oBAAC,MAAD;SAAI,WAAU;SAAwB,UAAA;QAAW,CAAA;QACjD,oBAAC,MAAD;SAAI,WAAU;SACV,WAAA,MAAM,UAAU,CAAC,EAAA,CAAG,WAAW,IAC/B,oBAAC,QAAD;UAAM,WAAU;UAAwB,UAAA;SAAO,CAAA,KAE9C,MAAM,UAAU,CAAC,EAAA,CAAG,KAAK,YACxB,oBAAC,OAAD;UAEE,SAAQ;UACR,MAAK;UACL,MAAK;UACL,WAAU;UACV,aAAa;UAEZ,UAAA;SACI,GARA,OAQA,CACR;QAED,CAAA;QACJ,oBAAC,MAAD;SAAI,WAAU;SAAwB,UAAA;QAAW,CAAA;QACjD,qBAAC,MAAD;SACE,WACE,MAAM,UAAU,QAAQ,qBAAqB;SAFjD,UAAA,CAKG,eAAe,MAAM,SAAS,GAC9B,MAAM,UAAU,QACf,qBAAC,QAAD;UAAM,WAAU;UAAhB,UAAA;WAAuD;WAC9C,MAAM,UAAU;WAAY;UAC/B;SACJ,CAAA,IAAA,IACF;;QACJ,oBAAC,MAAD;SAAI,WAAU;SAAwB,UAAA;QAAa,CAAA;QACnD,oBAAC,MAAD,EAAA,UACG,YACC,qBAAAA,UAAA,EAAA,UAAA,CACG,WAAW,UAAU,MAAM,GAC5B,oBAAC,QAAD;SAAM,WAAU;SACb,UAAA,UAAU,YAAY,UAAU;QAC7B,CAAA,CACN,EAAA,CAAA,IAEF,mBAEA,CAAA;OACF;;KACD;;IACJ,UAAU,oBAAC,OAAD;KAAK,WAAU;KAAY,UAAA;IAAa,CAAA,IAAI;GACpD;EACJ,CAAA,GAAA,UAAU,SAAS,IAClB,qBAAC,OAAD;GACE,MAAK;GACL,WAAU;GAFZ,UAAA,CAIE,oBAAC,mBAAD,EAAmB,WAAU,WAAY,CAAA,GACzC,qBAAC,QAAD,EAAA,UAAA;IAAM;IAEH,UAAU,KAAK,UAAU,WAAW,MAAM,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI;IAAE;GAG3D,EAAA,CAAA,CACH;EACH,CAAA,IAAA,IACE;;AAEZ"}
+{"version":3,"file":"PromptPageHeader.js","names":["_Fragment"],"sources":["../../../../src/data/ai/PromptCatalog/PromptPageHeader.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Button } from \"../../../components/button\";\nimport { UiArrowLeft, UiWarningTriangle } from \"../../../icons\";\nimport { Badge } from \"../../Badge\";\nimport { CopyBadge } from \"../../diagnostics/ErrorDetails\";\nimport {\n  effectiveLayer,\n  layerLabel,\n  layersAbove,\n  runtimeSummary,\n} from \"./prompt-catalog-model\";\nimport { PromptSourceBadge } from \"./PromptSourceBadge\";\nimport type { PromptCatalogEntry, PromptCatalogLayer } from \"./types\";\n\nexport type PromptPageHeaderProps = {\n  entry: PromptCatalogEntry;\n  selectedLayer?: PromptCatalogLayer | undefined;\n  onBack?: (() => void) | undefined;\n  actions?: ReactNode | undefined;\n};\n\nexport function PromptPageHeader({\n  entry,\n  selectedLayer,\n  onBack,\n  actions,\n}: PromptPageHeaderProps) {\n  const effective = effectiveLayer(entry);\n  const shadowing = selectedLayer ? layersAbove(entry, selectedLayer) : [];\n  return (\n    <header className=\"flex flex-col gap-2 border-b border-border px-density-4 py-density-3\">\n      <div className=\"flex items-start gap-3\">\n        {onBack ? (\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon\"\n            onClick={onBack}\n            aria-label=\"Back to prompts\"\n          >\n            <UiArrowLeft />\n          </Button>\n        ) : null}\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <h1 className=\"break-words text-lg font-semibold leading-tight\">\n              {entry.title}\n            </h1>\n            <PromptSourceBadge\n              source={entry.source}\n              parseError={entry.parseError}\n            />\n            <CopyBadge label=\"id\" value={entry.id} />\n            {entry.configPath && entry.configPath !== entry.id ? (\n              <CopyBadge label=\"config\" value={entry.configPath} />\n            ) : null}\n          </div>\n          {entry.description ? (\n            <p className=\"mt-1 text-sm text-muted-foreground\">\n              {entry.description}\n            </p>\n          ) : null}\n          <dl className=\"mt-2 grid gap-x-6 gap-y-1 text-xs sm:grid-cols-[auto_1fr]\">\n            <dt className=\"text-muted-foreground\">Used by</dt>\n            <dd className=\"flex flex-wrap gap-1\">\n              {(entry.usedBy ?? []).length === 0 ? (\n                <span className=\"text-muted-foreground\">—</span>\n              ) : (\n                (entry.usedBy ?? []).map((command) => (\n                  <Badge\n                    key={command}\n                    variant=\"soft\"\n                    tone=\"neutral\"\n                    size=\"xs\"\n                    className=\"font-mono\"\n                    clickToCopy={false}\n                  >\n                    {command}\n                  </Badge>\n                ))\n              )}\n            </dd>\n            <dt className=\"text-muted-foreground\">Runs as</dt>\n            <dd\n              className={\n                entry.effective.error\n                  ? \"min-w-0 break-all text-destructive\"\n                  : \"min-w-0 break-all font-mono\"\n              }\n            >\n              {runtimeSummary(entry.effective)}\n              {entry.effective.model ? (\n                <span className=\"ml-1 font-sans text-muted-foreground\">\n                  (from {entry.effective.modelSource})\n                </span>\n              ) : null}\n            </dd>\n            <dt className=\"text-muted-foreground\">Runs from</dt>\n            <dd className=\"min-w-0 break-all\">\n              {effective ? (\n                <>\n                  {layerLabel(effective.origin)}\n                  <span className=\"ml-1 font-mono text-muted-foreground\">\n                    {effective.filePath ?? effective.path}\n                  </span>\n                </>\n              ) : (\n                \"built-in default\"\n              )}\n            </dd>\n          </dl>\n        </div>\n        {actions ? <div className=\"shrink-0\">{actions}</div> : null}\n      </div>\n      {shadowing.length > 0 ? (\n        <div\n          role=\"alert\"\n          className=\"flex items-center gap-2 rounded-md border border-amber-300 bg-amber-500/10 px-3 py-2 text-xs text-amber-800 dark:border-amber-500/40 dark:text-amber-300\"\n        >\n          <UiWarningTriangle className=\"shrink-0\" />\n          <span>\n            A higher layer (\n            {shadowing.map((layer) => layerLabel(layer.origin)).join(\", \")})\n            overrides this prompt; saving here changes nothing until that\n            override is removed.\n          </span>\n        </div>\n      ) : null}\n    </header>\n  );\n}\n"],"mappings":";;;;;;;;;AAqBA,SAAgB,iBAAiB,EAC/B,OACA,eACA,QACA,WACwB;CACxB,MAAM,YAAY,eAAe,KAAK;CACtC,MAAM,YAAY,gBAAgB,YAAY,OAAO,aAAa,IAAI,CAAC;CACvE,OACE,qBAAC,UAAD;EAAQ,WAAU;EAAlB,UAAA,CACE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACG,SACC,oBAAC,QAAD;KACE,MAAK;KACL,SAAQ;KACR,MAAK;KACL,SAAS;KACT,cAAW;KAEX,UAAA,oBAAC,aAAD,CAAc,CAAA;IACR,CAAA,IACN;IACJ,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA;MACE,qBAAC,OAAD;OAAK,WAAU;OAAf,UAAA;QACE,oBAAC,MAAD;SAAI,WAAU;SACX,UAAA,MAAM;QACL,CAAA;QACJ,oBAAC,mBAAD;SACE,QAAQ,MAAM;SACd,YAAY,MAAM;QACnB,CAAA;QACD,oBAAC,WAAD;SAAW,OAAM;SAAK,OAAO,MAAM;QAAK,CAAA;QACvC,MAAM,cAAc,MAAM,eAAe,MAAM,KAC9C,oBAAC,WAAD;SAAW,OAAM;SAAS,OAAO,MAAM;QAAa,CAAA,IAClD;OACD;;MACJ,MAAM,cACL,oBAAC,KAAD;OAAG,WAAU;OACV,UAAA,MAAM;MACN,CAAA,IACD;MACJ,qBAAC,MAAD;OAAI,WAAU;OAAd,UAAA;QACE,oBAAC,MAAD;SAAI,WAAU;SAAwB,UAAA;QAAW,CAAA;QACjD,oBAAC,MAAD;SAAI,WAAU;SACV,WAAA,MAAM,UAAU,CAAC,EAAA,CAAG,WAAW,IAC/B,oBAAC,QAAD;UAAM,WAAU;UAAwB,UAAA;SAAO,CAAA,KAE9C,MAAM,UAAU,CAAC,EAAA,CAAG,KAAK,YACxB,oBAAC,OAAD;UAEE,SAAQ;UACR,MAAK;UACL,MAAK;UACL,WAAU;UACV,aAAa;UAEZ,UAAA;SACI,GARA,OAQA,CACR;QAED,CAAA;QACJ,oBAAC,MAAD;SAAI,WAAU;SAAwB,UAAA;QAAW,CAAA;QACjD,qBAAC,MAAD;SACE,WACE,MAAM,UAAU,QACZ,uCACA;SAJR,UAAA,CAOG,eAAe,MAAM,SAAS,GAC9B,MAAM,UAAU,QACf,qBAAC,QAAD;UAAM,WAAU;UAAhB,UAAA;WAAuD;WAC9C,MAAM,UAAU;WAAY;UAC/B;SACJ,CAAA,IAAA,IACF;;QACJ,oBAAC,MAAD;SAAI,WAAU;SAAwB,UAAA;QAAa,CAAA;QACnD,oBAAC,MAAD;SAAI,WAAU;SACX,UAAA,YACC,qBAAAA,UAAA,EAAA,UAAA,CACG,WAAW,UAAU,MAAM,GAC5B,oBAAC,QAAD;UAAM,WAAU;UACb,UAAA,UAAU,YAAY,UAAU;SAC7B,CAAA,CACN,EAAA,CAAA,IAEF;QAEA,CAAA;OACF;;KACD;;IACJ,UAAU,oBAAC,OAAD;KAAK,WAAU;KAAY,UAAA;IAAa,CAAA,IAAI;GACpD;EACJ,CAAA,GAAA,UAAU,SAAS,IAClB,qBAAC,OAAD;GACE,MAAK;GACL,WAAU;GAFZ,UAAA,CAIE,oBAAC,mBAAD,EAAmB,WAAU,WAAY,CAAA,GACzC,qBAAC,QAAD,EAAA,UAAA;IAAM;IAEH,UAAU,KAAK,UAAU,WAAW,MAAM,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI;IAAE;GAG3D,EAAA,CAAA,CACH;EACH,CAAA,IAAA,IACE;;AAEZ"}

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

@@ -15,7 +15,7 @@ var SOURCE_OPTIONS = [{
 	label: "File",
 	title: "Store the whole document in a .prompt file"
 }];
-function PromptPageSaveBar({ source, onSourceChange, path, onPathChange, dirty, saving, canRemove, error, conflict, onSave, onRemove, onReload }) {
+function PromptPageSaveBar({ sources, source, onSourceChange, path, onPathChange, dirty, saving, canRemove, error, conflict, onSave, onRemove, onReload }) {
 	const [confirmingRemove, setConfirmingRemove] = (0, react.useState)(false);
 	const pathMissing = source === "file" && path.trim() === "";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -54,7 +54,7 @@ function PromptPageSaveBar({ source, onSourceChange, path, onPathChange, dirty,
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SegmentedControl.SegmentedControl, {
 						size: "sm",
 						value: source,
-						options: SOURCE_OPTIONS,
+						options: sources ? SOURCE_OPTIONS.filter((option) => sources.includes(option.id)) : SOURCE_OPTIONS,
 						onChange: onSourceChange,
 						"aria-label": "Save location"
 					}),
@@ -68,7 +68,7 @@ function PromptPageSaveBar({ source, onSourceChange, path, onPathChange, dirty,
 						onChange: (event) => onPathChange(event.currentTarget.value)
 					}) : null,
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "ml-auto flex items-center gap-2",
+						className: "ml-auto flex max-w-full flex-wrap items-center justify-end gap-2",
 						children: [
 							canRemove && !confirmingRemove ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
 								type: "button",

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

@@ -1 +1 @@
-{"version":3,"file":"PromptPageSaveBar.cjs","names":["useState","UiWarningTriangle","Button","UiRefresh","SegmentedControl","UiSave"],"sources":["../../../../src/data/ai/PromptCatalog/PromptPageSaveBar.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Button } from \"../../../components/button\";\nimport {\n  SegmentedControl,\n  type SegmentedOption,\n} from \"../../../components/SegmentedControl\";\nimport { UiRefresh, UiSave, UiWarningTriangle } from \"../../../icons\";\nimport type { PromptSaveSource } from \"./prompt-page-model\";\n\nconst SOURCE_OPTIONS: SegmentedOption<PromptSaveSource>[] = [\n  {\n    id: \"inline\",\n    label: \"Inline\",\n    title: \"Store the spec in this layer's config\",\n  },\n  {\n    id: \"file\",\n    label: \"File\",\n    title: \"Store the whole document in a .prompt file\",\n  },\n];\n\nexport type PromptPageSaveBarProps = {\n  source: PromptSaveSource;\n  onSourceChange: (source: PromptSaveSource) => void;\n  path: string;\n  onPathChange: (path: string) => void;\n  dirty: boolean;\n  saving: boolean;\n  canRemove: boolean;\n  error?: string | undefined;\n  conflict: boolean;\n  onSave: () => void;\n  onRemove: () => void;\n  onReload: () => void;\n};\n\n// PromptPageSaveBar holds the destination choice, the save/remove/reload\n// actions and their errors. A stale-base rejection is a conflict, not a\n// failure: it names the fix (reload) instead of inviting a retry that would\n// hit the same wall.\nexport function PromptPageSaveBar({\n  source,\n  onSourceChange,\n  path,\n  onPathChange,\n  dirty,\n  saving,\n  canRemove,\n  error,\n  conflict,\n  onSave,\n  onRemove,\n  onReload,\n}: PromptPageSaveBarProps) {\n  const [confirmingRemove, setConfirmingRemove] = useState(false);\n  const pathMissing = source === \"file\" && path.trim() === \"\";\n\n  return (\n    <div className=\"flex flex-col gap-2 border-t border-border px-density-4 py-density-3\">\n      <div className=\"mx-auto flex w-full max-w-[820px] flex-col gap-2\">\n        {conflict ? (\n          <div\n            role=\"alert\"\n            className=\"flex items-center gap-2 rounded-md border border-amber-300 bg-amber-500/10 px-3 py-2 text-xs text-amber-800 dark:border-amber-500/40 dark:text-amber-300\"\n          >\n            <UiWarningTriangle className=\"shrink-0\" />\n            <span className=\"min-w-0 flex-1\">\n              This layer changed since it was loaded. Reload to see the current\n              document; your draft will be discarded.\n            </span>\n            <Button\n              type=\"button\"\n              size=\"sm\"\n              variant=\"outline\"\n              onClick={onReload}\n              disabled={saving}\n            >\n              <UiRefresh className=\"mr-1\" />\n              Reload\n            </Button>\n          </div>\n        ) : error ? (\n          <p\n            role=\"alert\"\n            className=\"whitespace-pre-wrap text-xs text-destructive\"\n          >\n            {error}\n          </p>\n        ) : null}\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <span className=\"text-xs font-medium text-muted-foreground\">\n            Save to\n          </span>\n          <SegmentedControl\n            size=\"sm\"\n            value={source}\n            options={SOURCE_OPTIONS}\n            onChange={onSourceChange}\n            aria-label=\"Save location\"\n          />\n          {source === \"file\" ? (\n            <input\n              type=\"text\"\n              aria-label=\"Prompt file path\"\n              className=\"min-w-64 flex-1 rounded-md border border-border bg-background p-1.5 font-mono text-xs\"\n              value={path}\n              placeholder=\".gavel/prompts/my-prompt.prompt\"\n              spellCheck={false}\n              onChange={(event) => onPathChange(event.currentTarget.value)}\n            />\n          ) : null}\n          <div className=\"ml-auto flex items-center gap-2\">\n            {canRemove && !confirmingRemove ? (\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={() => setConfirmingRemove(true)}\n                disabled={saving}\n              >\n                Remove override from this layer\n              </Button>\n            ) : null}\n            {confirmingRemove ? (\n              <span className=\"flex items-center gap-1 text-xs\">\n                <span className=\"text-muted-foreground\">\n                  Remove this layer&apos;s override?\n                </span>\n                <Button\n                  type=\"button\"\n                  variant=\"destructive\"\n                  size=\"sm\"\n                  onClick={() => {\n                    setConfirmingRemove(false);\n                    onRemove();\n                  }}\n                  disabled={saving}\n                >\n                  Remove\n                </Button>\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  onClick={() => setConfirmingRemove(false)}\n                  disabled={saving}\n                >\n                  Keep\n                </Button>\n              </span>\n            ) : null}\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={onReload}\n              disabled={saving}\n            >\n              <UiRefresh className=\"mr-1\" />\n              Reload\n            </Button>\n            <Button\n              type=\"button\"\n              size=\"sm\"\n              onClick={onSave}\n              disabled={saving || !dirty || pathMissing}\n              loading={saving}\n            >\n              <UiSave className=\"mr-1\" />\n              {saving ? \"Saving…\" : \"Save\"}\n            </Button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"PromptPageSaveBar.cjs","names":["useState","UiWarningTriangle","Button","UiRefresh","SegmentedControl","UiSave"],"sources":["../../../../src/data/ai/PromptCatalog/PromptPageSaveBar.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Button } from \"../../../components/button\";\nimport {\n  SegmentedControl,\n  type SegmentedOption,\n} from \"../../../components/SegmentedControl\";\nimport { UiRefresh, UiSave, UiWarningTriangle } from \"../../../icons\";\nimport type { PromptSaveSource } from \"./prompt-page-model\";\n\nconst SOURCE_OPTIONS: SegmentedOption<PromptSaveSource>[] = [\n  {\n    id: \"inline\",\n    label: \"Inline\",\n    title: \"Store the spec in this layer's config\",\n  },\n  {\n    id: \"file\",\n    label: \"File\",\n    title: \"Store the whole document in a .prompt file\",\n  },\n];\n\nexport type PromptPageSaveBarProps = {\n  sources?: PromptSaveSource[] | undefined;\n  source: PromptSaveSource;\n  onSourceChange: (source: PromptSaveSource) => void;\n  path: string;\n  onPathChange: (path: string) => void;\n  dirty: boolean;\n  saving: boolean;\n  canRemove: boolean;\n  error?: string | undefined;\n  conflict: boolean;\n  onSave: () => void;\n  onRemove: () => void;\n  onReload: () => void;\n};\n\n// PromptPageSaveBar holds the destination choice, the save/remove/reload\n// actions and their errors. A stale-base rejection is a conflict, not a\n// failure: it names the fix (reload) instead of inviting a retry that would\n// hit the same wall.\nexport function PromptPageSaveBar({\n  sources,\n  source,\n  onSourceChange,\n  path,\n  onPathChange,\n  dirty,\n  saving,\n  canRemove,\n  error,\n  conflict,\n  onSave,\n  onRemove,\n  onReload,\n}: PromptPageSaveBarProps) {\n  const [confirmingRemove, setConfirmingRemove] = useState(false);\n  const pathMissing = source === \"file\" && path.trim() === \"\";\n\n  return (\n    <div className=\"flex flex-col gap-2 border-t border-border px-density-4 py-density-3\">\n      <div className=\"mx-auto flex w-full max-w-[820px] flex-col gap-2\">\n        {conflict ? (\n          <div\n            role=\"alert\"\n            className=\"flex items-center gap-2 rounded-md border border-amber-300 bg-amber-500/10 px-3 py-2 text-xs text-amber-800 dark:border-amber-500/40 dark:text-amber-300\"\n          >\n            <UiWarningTriangle className=\"shrink-0\" />\n            <span className=\"min-w-0 flex-1\">\n              This layer changed since it was loaded. Reload to see the current\n              document; your draft will be discarded.\n            </span>\n            <Button\n              type=\"button\"\n              size=\"sm\"\n              variant=\"outline\"\n              onClick={onReload}\n              disabled={saving}\n            >\n              <UiRefresh className=\"mr-1\" />\n              Reload\n            </Button>\n          </div>\n        ) : error ? (\n          <p\n            role=\"alert\"\n            className=\"whitespace-pre-wrap text-xs text-destructive\"\n          >\n            {error}\n          </p>\n        ) : null}\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <span className=\"text-xs font-medium text-muted-foreground\">\n            Save to\n          </span>\n          <SegmentedControl\n            size=\"sm\"\n            value={source}\n            options={\n              sources\n                ? SOURCE_OPTIONS.filter((option) => sources.includes(option.id))\n                : SOURCE_OPTIONS\n            }\n            onChange={onSourceChange}\n            aria-label=\"Save location\"\n          />\n          {source === \"file\" ? (\n            <input\n              type=\"text\"\n              aria-label=\"Prompt file path\"\n              className=\"min-w-64 flex-1 rounded-md border border-border bg-background p-1.5 font-mono text-xs\"\n              value={path}\n              placeholder=\".gavel/prompts/my-prompt.prompt\"\n              spellCheck={false}\n              onChange={(event) => onPathChange(event.currentTarget.value)}\n            />\n          ) : null}\n          <div className=\"ml-auto flex max-w-full flex-wrap items-center justify-end gap-2\">\n            {canRemove && !confirmingRemove ? (\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={() => setConfirmingRemove(true)}\n                disabled={saving}\n              >\n                Remove override from this layer\n              </Button>\n            ) : null}\n            {confirmingRemove ? (\n              <span className=\"flex items-center gap-1 text-xs\">\n                <span className=\"text-muted-foreground\">\n                  Remove this layer&apos;s override?\n                </span>\n                <Button\n                  type=\"button\"\n                  variant=\"destructive\"\n                  size=\"sm\"\n                  onClick={() => {\n                    setConfirmingRemove(false);\n                    onRemove();\n                  }}\n                  disabled={saving}\n                >\n                  Remove\n                </Button>\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  onClick={() => setConfirmingRemove(false)}\n                  disabled={saving}\n                >\n                  Keep\n                </Button>\n              </span>\n            ) : null}\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={onReload}\n              disabled={saving}\n            >\n              <UiRefresh className=\"mr-1\" />\n              Reload\n            </Button>\n            <Button\n              type=\"button\"\n              size=\"sm\"\n              onClick={onSave}\n              disabled={saving || !dirty || pathMissing}\n              loading={saving}\n            >\n              <UiSave className=\"mr-1\" />\n              {saving ? \"Saving…\" : \"Save\"}\n            </Button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,5 +1,6 @@
 import { PromptSaveSource } from './prompt-page-model.js';
 export type PromptPageSaveBarProps = {
+    sources?: PromptSaveSource[] | undefined;
     source: PromptSaveSource;
     onSourceChange: (source: PromptSaveSource) => void;
     path: string;
@@ -13,5 +14,5 @@ export type PromptPageSaveBarProps = {
     onRemove: () => void;
     onReload: () => void;
 };
-export declare function PromptPageSaveBar({ source, onSourceChange, path, onPathChange, dirty, saving, canRemove, error, conflict, onSave, onRemove, onReload, }: PromptPageSaveBarProps): import("react").JSX.Element;
+export declare function PromptPageSaveBar({ sources, source, onSourceChange, path, onPathChange, dirty, saving, canRemove, error, conflict, onSave, onRemove, onReload, }: PromptPageSaveBarProps): import("react").JSX.Element;
 //# sourceMappingURL=PromptPageSaveBar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PromptPageSaveBar.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/PromptCatalog/PromptPageSaveBar.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAe5D,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,EAAE,gBAAgB,CAAC;IACzB,cAAc,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACnD,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAMF,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,cAAc,EACd,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,GACT,EAAE,sBAAsB,+BA2HxB"}
+{"version":3,"file":"PromptPageSaveBar.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/PromptCatalog/PromptPageSaveBar.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAe5D,MAAM,MAAM,sBAAsB,GAAG;IACnC,OAAO,CAAC,EAAE,gBAAgB,EAAE,GAAG,SAAS,CAAC;IACzC,MAAM,EAAE,gBAAgB,CAAC;IACzB,cAAc,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACnD,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAMF,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,MAAM,EACN,cAAc,EACd,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,GACT,EAAE,sBAAsB,+BA+HxB"}

package/dist/data/ai/PromptCatalog/PromptPageSaveBar.js

@@ -15,7 +15,7 @@ var SOURCE_OPTIONS = [{
 	label: "File",
 	title: "Store the whole document in a .prompt file"
 }];
-function PromptPageSaveBar({ source, onSourceChange, path, onPathChange, dirty, saving, canRemove, error, conflict, onSave, onRemove, onReload }) {
+function PromptPageSaveBar({ sources, source, onSourceChange, path, onPathChange, dirty, saving, canRemove, error, conflict, onSave, onRemove, onReload }) {
 	const [confirmingRemove, setConfirmingRemove] = useState(false);
 	const pathMissing = source === "file" && path.trim() === "";
 	return /* @__PURE__ */ jsx("div", {
@@ -54,7 +54,7 @@ function PromptPageSaveBar({ source, onSourceChange, path, onPathChange, dirty,
 					/* @__PURE__ */ jsx(SegmentedControl, {
 						size: "sm",
 						value: source,
-						options: SOURCE_OPTIONS,
+						options: sources ? SOURCE_OPTIONS.filter((option) => sources.includes(option.id)) : SOURCE_OPTIONS,
 						onChange: onSourceChange,
 						"aria-label": "Save location"
 					}),
@@ -68,7 +68,7 @@ function PromptPageSaveBar({ source, onSourceChange, path, onPathChange, dirty,
 						onChange: (event) => onPathChange(event.currentTarget.value)
 					}) : null,
 					/* @__PURE__ */ jsxs("div", {
-						className: "ml-auto flex items-center gap-2",
+						className: "ml-auto flex max-w-full flex-wrap items-center justify-end gap-2",
 						children: [
 							canRemove && !confirmingRemove ? /* @__PURE__ */ jsx(Button, {
 								type: "button",