@flanksource/clicky-ui 0.3.15 → 0.3.17

package/dist/data/ai/PromptPicker/PromptSourceRepair.js

@@ -0,0 +1,133 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Button } from "../../../components/button.js";
+import { SegmentedControl } from "../../../components/SegmentedControl.js";
+import { Modal } from "../../../overlay/Modal.js";
+const SOURCE_OPTIONS = [
+  { id: "inline", label: "Inline" },
+  { id: "file", label: "File" }
+];
+function PromptSourceRepair({
+  open,
+  title,
+  detail,
+  saveDetail,
+  onClose,
+  onSaved
+}) {
+  const [draft, setDraft] = useState(detail.raw);
+  const [source, setSource] = useState(
+    detail.source === "file" ? "file" : "inline"
+  );
+  const [path, setPath] = useState(detail.path ?? "");
+  const [error, setError] = useState("");
+  const [saving, setSaving] = useState(false);
+  useEffect(() => {
+    if (!open) return;
+    setDraft(detail.raw);
+    setSource(detail.source === "file" ? "file" : "inline");
+    setPath(detail.path ?? "");
+    setError("");
+  }, [detail, open]);
+  if (!open) return null;
+  const dirty = draft !== detail.raw || source !== (detail.source === "file" ? "file" : "inline") || path !== (detail.path ?? "");
+  const shownError = error || detail.parseError;
+  const canReset = detail.source !== "default";
+  async function save() {
+    setSaving(true);
+    setError("");
+    try {
+      const next = await saveDetail({
+        source,
+        path: source === "file" ? path : void 0,
+        raw: draft,
+        baseRaw: detail.raw
+      });
+      onSaved(next);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "save failed");
+    } finally {
+      setSaving(false);
+    }
+  }
+  async function resetDefault() {
+    setSaving(true);
+    setError("");
+    try {
+      const next = await saveDetail({ source: "default", baseRaw: detail.raw });
+      onSaved(next);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "reset failed");
+    } finally {
+      setSaving(false);
+    }
+  }
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      open,
+      onClose,
+      confirmClose: dirty,
+      title: `Repair prompt · ${title}`,
+      size: "2xl",
+      className: "h-[92vh]",
+      footer: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "min-w-0", children: canReset ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: resetDefault, disabled: saving, children: "Reset to default" }) : null }),
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 gap-2", children: [
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", onClick: onClose, disabled: saving, children: "Cancel" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              onClick: save,
+              disabled: saving || source === "file" && path.trim() === "",
+              children: saving ? "Saving..." : "Save"
+            }
+          )
+        ] })
+      ] }),
+      children: /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 flex-col gap-3", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "This prompt's frontmatter could not be parsed. Fix the raw source below and save to restore it; the structured editor returns once it parses cleanly." }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Save to" }),
+          /* @__PURE__ */ jsx(
+            SegmentedControl,
+            {
+              size: "sm",
+              value: source,
+              options: SOURCE_OPTIONS,
+              onChange: setSource,
+              "aria-label": "Save location"
+            }
+          ),
+          source === "file" && /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              className: "flex-1 rounded-md border border-border bg-background p-1.5 font-mono text-xs",
+              value: path,
+              placeholder: "./prompts/my-prompt.prompt",
+              spellCheck: false,
+              onChange: (event) => setPath(event.currentTarget.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            className: "min-h-0 w-full flex-1 resize-none rounded-md border border-border bg-background p-2 font-mono text-xs leading-relaxed focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            value: draft,
+            spellCheck: false,
+            "aria-label": "Prompt source",
+            onChange: (event) => setDraft(event.currentTarget.value)
+          }
+        ),
+        shownError ? /* @__PURE__ */ jsx("span", { className: "whitespace-pre-wrap text-sm text-destructive", children: shownError }) : null
+      ] })
+    }
+  );
+}
+export {
+  PromptSourceRepair
+};
+//# sourceMappingURL=PromptSourceRepair.js.map

package/dist/data/ai/PromptPicker/PromptSourceRepair.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptSourceRepair.js","sources":["../../../../src/data/ai/PromptPicker/PromptSourceRepair.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { Button } from \"../../../components/button\";\nimport { SegmentedControl } from \"../../../components/SegmentedControl\";\nimport { Modal } from \"../../../overlay/Modal\";\nimport type {\n  InvalidPromptSpecDetail,\n  PromptSpecDetail,\n  PromptSpecSavePayload,\n} from \"./types\";\n\nexport type PromptSourceRepairProps = {\n  open: boolean;\n  title: string;\n  detail: InvalidPromptSpecDetail;\n  saveDetail: (payload: PromptSpecSavePayload) => Promise<PromptSpecDetail>;\n  onClose: () => void;\n  onSaved: (detail: PromptSpecDetail) => void;\n};\n\nconst SOURCE_OPTIONS: Array<{ id: \"inline\" | \"file\"; label: string }> = [\n  { id: \"inline\", label: \"Inline\" },\n  { id: \"file\", label: \"File\" },\n];\n\n// PromptSourceRepair edits the raw .prompt source of an override whose\n// frontmatter failed to parse. It never parses the text locally — the draft is\n// submitted verbatim and the authoritative backend parser returns the precise\n// error, so a rejected save keeps the draft and dialog open for another attempt.\nexport function PromptSourceRepair({\n  open,\n  title,\n  detail,\n  saveDetail,\n  onClose,\n  onSaved,\n}: PromptSourceRepairProps) {\n  const [draft, setDraft] = useState(detail.raw);\n  const [source, setSource] = useState<\"inline\" | \"file\">(\n    detail.source === \"file\" ? \"file\" : \"inline\",\n  );\n  const [path, setPath] = useState(detail.path ?? \"\");\n  const [error, setError] = useState(\"\");\n  const [saving, setSaving] = useState(false);\n\n  useEffect(() => {\n    if (!open) return;\n    setDraft(detail.raw);\n    setSource(detail.source === \"file\" ? \"file\" : \"inline\");\n    setPath(detail.path ?? \"\");\n    setError(\"\");\n  }, [detail, open]);\n\n  if (!open) return null;\n\n  const dirty =\n    draft !== detail.raw ||\n    source !== (detail.source === \"file\" ? \"file\" : \"inline\") ||\n    path !== (detail.path ?? \"\");\n  const shownError = error || detail.parseError;\n  const canReset = detail.source !== \"default\";\n\n  async function save() {\n    setSaving(true);\n    setError(\"\");\n    try {\n      const next = await saveDetail({\n        source,\n        path: source === \"file\" ? path : undefined,\n        raw: draft,\n        baseRaw: detail.raw,\n      });\n      onSaved(next);\n    } catch (err: unknown) {\n      setError(err instanceof Error ? err.message : \"save failed\");\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  async function resetDefault() {\n    setSaving(true);\n    setError(\"\");\n    try {\n      const next = await saveDetail({ source: \"default\", baseRaw: detail.raw });\n      onSaved(next);\n    } catch (err: unknown) {\n      setError(err instanceof Error ? err.message : \"reset failed\");\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      confirmClose={dirty}\n      title={`Repair prompt · ${title}`}\n      size=\"2xl\"\n      className=\"h-[92vh]\"\n      footer={\n        <div className=\"flex items-center justify-between gap-3\">\n          <div className=\"min-w-0\">\n            {canReset ? (\n              <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={resetDefault} disabled={saving}>\n                Reset to default\n              </Button>\n            ) : null}\n          </div>\n          <div className=\"flex shrink-0 gap-2\">\n            <Button type=\"button\" variant=\"ghost\" onClick={onClose} disabled={saving}>\n              Cancel\n            </Button>\n            <Button\n              type=\"button\"\n              onClick={save}\n              disabled={saving || (source === \"file\" && path.trim() === \"\")}\n            >\n              {saving ? \"Saving...\" : \"Save\"}\n            </Button>\n          </div>\n        </div>\n      }\n    >\n      <div className=\"flex h-full min-h-0 flex-col gap-3\">\n        <p className=\"text-xs text-muted-foreground\">\n          This prompt&apos;s frontmatter could not be parsed. Fix the raw source below and save to\n          restore it; the structured editor returns once it parses cleanly.\n        </p>\n\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-xs font-medium text-muted-foreground\">Save to</span>\n          <SegmentedControl\n            size=\"sm\"\n            value={source}\n            options={SOURCE_OPTIONS}\n            onChange={setSource}\n            aria-label=\"Save location\"\n          />\n          {source === \"file\" && (\n            <input\n              type=\"text\"\n              className=\"flex-1 rounded-md border border-border bg-background p-1.5 font-mono text-xs\"\n              value={path}\n              placeholder=\"./prompts/my-prompt.prompt\"\n              spellCheck={false}\n              onChange={(event) => setPath(event.currentTarget.value)}\n            />\n          )}\n        </div>\n\n        <textarea\n          className=\"min-h-0 w-full flex-1 resize-none rounded-md border border-border bg-background p-2 font-mono text-xs leading-relaxed focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          value={draft}\n          spellCheck={false}\n          aria-label=\"Prompt source\"\n          onChange={(event) => setDraft(event.currentTarget.value)}\n        />\n\n        {shownError ? (\n          <span className=\"whitespace-pre-wrap text-sm text-destructive\">{shownError}</span>\n        ) : null}\n      </div>\n    </Modal>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/ai/PromptPicker/index.d.ts

@@ -1,4 +1,5 @@
 export { PromptPickerField, SpecEditorDialog, type PromptPickerFieldProps, type SpecEditorDialogProps, } from './PromptPicker';
+export { PromptSourceRepair, type PromptSourceRepairProps, } from './PromptSourceRepair';
 export { promptPreviewText, promptRuntimeValueToPayload, specToPromptRuntimeValue, } from './prompt-runtime';
-export type { PromptPickerValue, PromptSpecDetail, PromptSpecSavePayload, } from './types';
+export { isValidPromptSpecDetail, type InvalidPromptSpecDetail, type PromptPickerValue, type PromptSpecDetail, type PromptSpecSavePayload, type ValidPromptSpecDetail, } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/data/ai/PromptPicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/PromptPicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,GAC3B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,iBAAiB,EACjB,2BAA2B,EAC3B,wBAAwB,GACzB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EACV,iBAAiB,EACjB,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/PromptPicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,GAC3B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,GAC7B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,iBAAiB,EACjB,2BAA2B,EAC3B,wBAAwB,GACzB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,uBAAuB,EACvB,KAAK,uBAAuB,EAC5B,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,GAC3B,MAAM,SAAS,CAAC"}

package/dist/data/ai/PromptPicker/types.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function isValidPromptSpecDetail(detail) {
+  return !detail.parseError;
+}
+exports.isValidPromptSpecDetail = isValidPromptSpecDetail;
+//# sourceMappingURL=types.cjs.map

package/dist/data/ai/PromptPicker/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","sources":["../../../../src/data/ai/PromptPicker/types.ts"],"sourcesContent":["import type { AISpecRuntimeSpec } from \"../SpecRuntimeEditor.model\";\n\nexport type PromptPickerValue = string | { inline?: string; file?: string };\n\n// PromptSpecDetailBase carries the identity + source of a resolved prompt for a\n// config layer, independent of whether its .prompt frontmatter parsed cleanly.\n// `raw` is always present so a malformed override can still be repaired.\ntype PromptSpecDetailBase = {\n  id?: string | undefined;\n  scope?: string | undefined;\n  source: \"default\" | \"inline\" | \"file\";\n  path?: string | undefined;\n  raw: string;\n};\n\n// ValidPromptSpecDetail is a prompt whose frontmatter parsed: it carries the\n// parsed spec + body the structured editor binds to.\nexport type ValidPromptSpecDetail = PromptSpecDetailBase & {\n  parseError?: undefined;\n  spec: Record<string, unknown>;\n  body: string;\n};\n\n// InvalidPromptSpecDetail is a prompt whose frontmatter failed to parse. It has\n// no spec/body — only the raw source and the parser message — so the row stays\n// actionable for a raw-source repair instead of being disabled.\nexport type InvalidPromptSpecDetail = PromptSpecDetailBase & {\n  parseError: string;\n  spec?: undefined;\n  body?: undefined;\n};\n\nexport type PromptSpecDetail = ValidPromptSpecDetail | InvalidPromptSpecDetail;\n\n// isValidPromptSpecDetail narrows a detail to its parsed form so runtime/form\n// conversion is only ever run against a real spec + body.\nexport function isValidPromptSpecDetail(\n  detail: PromptSpecDetail,\n): detail is ValidPromptSpecDetail {\n  return !detail.parseError;\n}\n\nexport type PromptSpecSavePayload =\n  | {\n      source: \"default\";\n      baseRaw?: string | undefined;\n    }\n  | {\n      source: \"inline\" | \"file\";\n      path?: string | undefined;\n      spec: AISpecRuntimeSpec;\n      body: string;\n      baseRaw?: string | undefined;\n    }\n  | {\n      source: \"inline\" | \"file\";\n      path?: string | undefined;\n      raw: string;\n      baseRaw?: string | undefined;\n    };\n"],"names":[],"mappings":";;AAoCO,SAAS,wBACd,QACiC;AACjC,SAAO,CAAC,OAAO;AACjB;;"}

package/dist/data/ai/PromptPicker/types.d.ts

@@ -3,15 +3,25 @@ export type PromptPickerValue = string | {
     inline?: string;
     file?: string;
 };
-export type PromptSpecDetail = {
+type PromptSpecDetailBase = {
     id?: string | undefined;
     scope?: string | undefined;
     source: "default" | "inline" | "file";
     path?: string | undefined;
+    raw: string;
+};
+export type ValidPromptSpecDetail = PromptSpecDetailBase & {
+    parseError?: undefined;
     spec: Record<string, unknown>;
     body: string;
-    raw: string;
 };
+export type InvalidPromptSpecDetail = PromptSpecDetailBase & {
+    parseError: string;
+    spec?: undefined;
+    body?: undefined;
+};
+export type PromptSpecDetail = ValidPromptSpecDetail | InvalidPromptSpecDetail;
+export declare function isValidPromptSpecDetail(detail: PromptSpecDetail): detail is ValidPromptSpecDetail;
 export type PromptSpecSavePayload = {
     source: "default";
     baseRaw?: string | undefined;
@@ -21,5 +31,11 @@ export type PromptSpecSavePayload = {
     spec: AISpecRuntimeSpec;
     body: string;
     baseRaw?: string | undefined;
+} | {
+    source: "inline" | "file";
+    path?: string | undefined;
+    raw: string;
+    baseRaw?: string | undefined;
 };
+export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/data/ai/PromptPicker/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/PromptPicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE5E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,MAAM,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IACtC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAC7B;IACE,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B,GACD;IACE,MAAM,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,IAAI,EAAE,iBAAiB,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/PromptPicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAK5E,KAAK,oBAAoB,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,MAAM,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IACtC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAIF,MAAM,MAAM,qBAAqB,GAAG,oBAAoB,GAAG;IACzD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9B,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAKF,MAAM,MAAM,uBAAuB,GAAG,oBAAoB,GAAG;IAC3D,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,GAAG,uBAAuB,CAAC;AAI/E,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,gBAAgB,GACvB,MAAM,IAAI,qBAAqB,CAEjC;AAED,MAAM,MAAM,qBAAqB,GAC7B;IACE,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B,GACD;IACE,MAAM,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,IAAI,EAAE,iBAAiB,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B,GACD;IACE,MAAM,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B,CAAC"}

package/dist/data/ai/PromptPicker/types.js

@@ -0,0 +1,7 @@
+function isValidPromptSpecDetail(detail) {
+  return !detail.parseError;
+}
+export {
+  isValidPromptSpecDetail
+};
+//# sourceMappingURL=types.js.map

package/dist/data/ai/PromptPicker/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../src/data/ai/PromptPicker/types.ts"],"sourcesContent":["import type { AISpecRuntimeSpec } from \"../SpecRuntimeEditor.model\";\n\nexport type PromptPickerValue = string | { inline?: string; file?: string };\n\n// PromptSpecDetailBase carries the identity + source of a resolved prompt for a\n// config layer, independent of whether its .prompt frontmatter parsed cleanly.\n// `raw` is always present so a malformed override can still be repaired.\ntype PromptSpecDetailBase = {\n  id?: string | undefined;\n  scope?: string | undefined;\n  source: \"default\" | \"inline\" | \"file\";\n  path?: string | undefined;\n  raw: string;\n};\n\n// ValidPromptSpecDetail is a prompt whose frontmatter parsed: it carries the\n// parsed spec + body the structured editor binds to.\nexport type ValidPromptSpecDetail = PromptSpecDetailBase & {\n  parseError?: undefined;\n  spec: Record<string, unknown>;\n  body: string;\n};\n\n// InvalidPromptSpecDetail is a prompt whose frontmatter failed to parse. It has\n// no spec/body — only the raw source and the parser message — so the row stays\n// actionable for a raw-source repair instead of being disabled.\nexport type InvalidPromptSpecDetail = PromptSpecDetailBase & {\n  parseError: string;\n  spec?: undefined;\n  body?: undefined;\n};\n\nexport type PromptSpecDetail = ValidPromptSpecDetail | InvalidPromptSpecDetail;\n\n// isValidPromptSpecDetail narrows a detail to its parsed form so runtime/form\n// conversion is only ever run against a real spec + body.\nexport function isValidPromptSpecDetail(\n  detail: PromptSpecDetail,\n): detail is ValidPromptSpecDetail {\n  return !detail.parseError;\n}\n\nexport type PromptSpecSavePayload =\n  | {\n      source: \"default\";\n      baseRaw?: string | undefined;\n    }\n  | {\n      source: \"inline\" | \"file\";\n      path?: string | undefined;\n      spec: AISpecRuntimeSpec;\n      body: string;\n      baseRaw?: string | undefined;\n    }\n  | {\n      source: \"inline\" | \"file\";\n      path?: string | undefined;\n      raw: string;\n      baseRaw?: string | undefined;\n    };\n"],"names":[],"mappings":"AAoCO,SAAS,wBACd,QACiC;AACjC,SAAO,CAAC,OAAO;AACjB;"}

package/dist/data/ai/PromptRunEditor/index.cjs

@@ -7,15 +7,17 @@ const JsonSchemaForm = require("../../../components/JsonSchemaForm.cjs");
 const utils = require("../../../lib/utils.cjs");
 const Modal = require("../../../overlay/Modal.cjs");
 const Icon = require("../../Icon.cjs");
-const ModelSelector = require("../../chat/ModelSelector.cjs");
-const modelCapabilities = require("../model-capabilities.cjs");
-const RuntimeModePicker = require("../RuntimeModePicker.cjs");
+const effortIcons = require("../../chat/effort-icons.cjs");
+const Attachment = require("../../chat/Attachment.cjs");
+const attachmentUpload = require("../../chat/attachment-upload.cjs");
+const RuntimeBar = require("../RuntimeBar.cjs");
 const runtimeMode = require("../runtime-mode.cjs");
 const index = require("../SpecRuntimeEditor/index.cjs");
-const fields = require("../SpecRuntimeEditor/fields.cjs");
 const update = require("../SpecRuntimeEditor/update.cjs");
+const model = require("./model.cjs");
+const UiTrash = require("../../../icons/components/UiTrash.cjs");
+const UiAdd = require("../../../icons/components/UiAdd.cjs");
 const UiGearSix = require("../../../icons/components/UiGearSix.cjs");
-const REASONING_EFFORTS = ["low", "medium", "high", "xhigh"];
 function PromptRunEditor({
   value,
   onChange,
@@ -25,15 +27,15 @@ function PromptRunEditor({
   permissionCatalog,
   secretSelector,
   cliOptions,
-  reasoningEfforts = REASONING_EFFORTS,
-  runtimeControls,
+  reasoningEfforts = effortIcons.DEFAULT_REASONING_EFFORTS,
   variablesSchema,
-  variables,
-  onVariablesChange,
   onVariablesValidityChange,
   promptEditor,
   promptLabel = "User prompt",
   promptPlaceholder = "Override the rendered user prompt",
+  enableAttachments = false,
+  attachmentUpload: attachmentUpload$1,
+  attachmentLimits,
   children,
   header,
   footer,
@@ -42,101 +44,179 @@ function PromptRunEditor({
   specModalTitle = "Runtime spec",
   specSections
 }) {
-  var _a;
+  var _a, _b;
   const [specOpen, setSpecOpen] = react.useState(false);
-  const selection = runtimeMode.selectionForBackend(families, value.backend);
-  const family = runtimeMode.familyById(families, selection.family);
-  const familyModels = runtimeMode.modelsForFamily(models, family, value.backend);
-  const selectedModel = models.find((m) => m.id === value.model);
-  const modelEfforts = modelCapabilities.effortOptionsForModel(selectedModel, reasoningEfforts);
-  const showEffort = modelEfforts.length > 0;
+  const spec = value.spec ?? {};
+  const rows = model.runtimeRows(value);
+  const selectedModel = models.find(
+    (model2) => model2.id === spec.id || model2.id === spec.model
+  );
+  const resolvedAttachmentUpload = react.useMemo(
+    () => attachmentUpload$1 ?? attachmentUpload.createAttachmentUploadAdapter(),
+    [attachmentUpload$1]
+  );
+  const attachmentFiles = (((_a = spec.prompt) == null ? void 0 : _a.attachments) ?? []).map(
+    (attachment) => ({
+      type: "file",
+      url: attachment.id ? `/api/attachments/${attachment.id}` : attachment.url ?? "",
+      mediaType: attachment.mediaType ?? "application/octet-stream",
+      ...attachment.id ? { attachmentId: attachment.id } : {},
+      ...attachment.size != null ? { size: attachment.size } : {},
+      ...attachment.filename ? { filename: attachment.filename } : {},
+      ...!attachment.filename && attachment.path ? { filename: attachment.path } : {}
+    })
+  );
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("grid gap-density-4", className), children: [
     header,
     /* @__PURE__ */ jsxRuntime.jsxs(Block, { title: "Runtime", children: [
-      runtimeControls ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          RuntimeModePicker.RuntimeModePicker,
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-density-2", children: [
+        rows.map((runtime, index2) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
           {
-            value,
-            onChange,
-            families,
-            models
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-density-2 sm:grid-cols-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(fields.SpecField, { label: "Model", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-density-2", children: [
-            familyModels.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
-              ModelSelector.ModelSelector,
-              {
-                models: familyModels,
-                value: value.model,
-                onChange: (model) => onChange(
-                  modelCapabilities.reconcileModelCapabilities(
-                    value,
-                    models.find((item) => item.id === model),
-                    reasoningEfforts
-                  )
-                ),
-                size: "md",
-                className: "w-full"
-              }
-            ) : /* @__PURE__ */ jsxRuntime.jsx(
-              fields.SpecInput,
-              {
-                value: value.model,
-                onChange: (model) => onChange(update.withRoot(value, { model })),
-                placeholder: "frontmatter/default",
-                mono: true
-              }
-            ),
-            value.model && /* @__PURE__ */ jsxRuntime.jsx(
-              button.Button,
-              {
-                size: "sm",
-                variant: "ghost",
-                onClick: () => onChange(update.withOptionalRoot(value, "model", void 0)),
-                children: "Default"
-              }
-            )
-          ] }) }),
-          showEffort && /* @__PURE__ */ jsxRuntime.jsx(fields.SpecField, { label: "Effort", children: /* @__PURE__ */ jsxRuntime.jsx(
-            ModelSelector.EffortSelector,
+            role: "group",
+            "aria-label": `Runtime ${index2 + 1}`,
+            className: "flex min-w-0 items-center gap-density-2",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                RuntimeBar.RuntimeBar,
+                {
+                  value: runtime,
+                  onChange: (next) => onChange(
+                    model.withRuntimeRows(
+                      value,
+                      rows.map(
+                        (item, itemIndex) => itemIndex === index2 ? next : item
+                      )
+                    )
+                  ),
+                  models,
+                  families,
+                  reasoningEfforts,
+                  ariaLabel: `Runtime ${index2 + 1} controls`
+                }
+              ),
+              rows.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(
+                button.Button,
+                {
+                  size: "sm",
+                  variant: "ghost",
+                  "aria-label": `Remove runtime ${index2 + 1}`,
+                  onClick: () => onChange(
+                    model.withRuntimeRows(
+                      value,
+                      rows.filter((_, itemIndex) => itemIndex !== index2)
+                    )
+                  ),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiTrash.UiTrash, className: "size-4" })
+                }
+              )
+            ]
+          },
+          index2
+        )),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-density-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            button.Button,
             {
-              efforts: modelEfforts,
-              value: value.effort ?? "",
-              onChange: (effort) => onChange(update.withRoot(value, { effort })),
-              size: "md",
-              className: "w-full"
+              size: "sm",
+              variant: "outline",
+              "aria-label": "Add runtime",
+              onClick: () => {
+                var _a2;
+                return onChange(
+                  model.withRuntimeRows(value, [
+                    ...rows,
+                    ((_a2 = rows[0]) == null ? void 0 : _a2.backend) ? { backend: rows[0].backend } : {}
+                  ])
+                );
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiAdd.UiAdd, className: "size-4" }),
+                "Add runtime"
+              ]
             }
-          ) })
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(button.Button, { size: "sm", variant: "outline", onClick: () => setSpecOpen(true), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiGearSix.UiGearSix, className: "size-4" }),
+            editSpecLabel
+          ] })
         ] })
       ] }),
-      children,
-      /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs(button.Button, { size: "sm", variant: "outline", onClick: () => setSpecOpen(true), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiGearSix.UiGearSix, className: "size-4" }),
-        editSpecLabel
-      ] }) })
+      children
     ] }),
-    onVariablesChange && /* @__PURE__ */ jsxRuntime.jsx(Block, { title: "Variables", children: /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(Block, { title: "Variables", children: /* @__PURE__ */ jsxRuntime.jsx(
       VariablesField,
       {
         ...variablesSchema ? { schema: variablesSchema } : {},
-        value: variables ?? {},
-        onChange: onVariablesChange,
+        value: value.variables ?? {},
+        onChange: (variables) => onChange({ ...value, variables }),
         ...onVariablesValidityChange ? { onValidityChange: onVariablesValidityChange } : {}
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(Block, { title: promptLabel, children: promptEditor ?? /* @__PURE__ */ jsxRuntime.jsx(
-      "textarea",
-      {
-        value: ((_a = value.prompt) == null ? void 0 : _a.user) ?? "",
-        onChange: (event) => onChange(update.withPrompt(value, { user: event.target.value })),
-        spellCheck: false,
-        placeholder: promptPlaceholder,
-        "aria-label": promptLabel,
-        className: "min-h-[7rem] w-full resize-y rounded-md border border-border bg-background px-density-2 py-density-1 text-sm outline-none focus:ring-2 focus:ring-ring"
-      }
-    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Block, { title: promptLabel, children: [
+      promptEditor ?? /* @__PURE__ */ jsxRuntime.jsx(
+        "textarea",
+        {
+          value: ((_b = spec.prompt) == null ? void 0 : _b.user) ?? "",
+          onChange: (event) => onChange({
+            ...value,
+            spec: update.withPrompt(spec, { user: event.target.value })
+          }),
+          spellCheck: false,
+          placeholder: promptPlaceholder,
+          "aria-label": promptLabel,
+          className: "min-h-[7rem] w-full resize-y rounded-md border border-border bg-background px-density-2 py-density-1 text-sm outline-none focus:ring-2 focus:ring-ring"
+        }
+      ),
+      enableAttachments && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-density-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Attachment.AttachmentList,
+          {
+            files: attachmentFiles,
+            onRemove: (index2) => {
+              var _a2;
+              return onChange({
+                ...value,
+                spec: update.withPrompt(spec, {
+                  attachments: (((_a2 = spec.prompt) == null ? void 0 : _a2.attachments) ?? []).filter(
+                    (_, itemIndex) => itemIndex !== index2
+                  )
+                })
+              });
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Attachment.AttachmentButton,
+          {
+            files: attachmentFiles,
+            upload: resolvedAttachmentUpload,
+            onAdd: (parts) => {
+              var _a2;
+              return onChange({
+                ...value,
+                spec: update.withPrompt(spec, {
+                  attachments: [
+                    ...((_a2 = spec.prompt) == null ? void 0 : _a2.attachments) ?? [],
+                    ...parts.map((part) => {
+                      const uploaded = part;
+                      return {
+                        id: uploaded.attachmentId,
+                        mediaType: uploaded.mediaType,
+                        size: uploaded.size,
+                        ...uploaded.filename ? { filename: uploaded.filename } : {}
+                      };
+                    })
+                  ]
+                })
+              });
+            },
+            ...(selectedModel == null ? void 0 : selectedModel.inputMediaTypes) ? { acceptedMediaTypes: selectedModel.inputMediaTypes } : {},
+            ...attachmentLimits ? { limits: attachmentLimits } : {}
+          }
+        )
+      ] })
+    ] }),
     footer,
     /* @__PURE__ */ jsxRuntime.jsx(
       Modal.Modal,
@@ -150,8 +230,8 @@ function PromptRunEditor({
         children: /* @__PURE__ */ jsxRuntime.jsx(
           index.SpecRuntimeEditor,
           {
-            value,
-            onChange,
+            value: spec,
+            onChange: (next) => onChange({ ...value, spec: next }),
             models,
             families,
             tools,
@@ -162,7 +242,7 @@ function PromptRunEditor({
             onSave: () => setSpecOpen(false),
             onCancel: () => setSpecOpen(false),
             saveLabel: "Done",
-            footerStatus: runtimeMode.labelForBackend(value.backend, families)
+            footerStatus: runtimeMode.labelForBackend(spec.backend, families)
           }
         )
       }