@flanksource/clicky-ui 0.3.29 → 0.3.31

package/dist/data/ai/runtime-profiles/ResolutionTrace.js

@@ -0,0 +1,42 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils.js";
+const SOURCE_BADGE = {
+  preset: "bg-sky-500/10 text-sky-600 dark:text-sky-300",
+  profile: "bg-violet-500/10 text-violet-600 dark:text-violet-300",
+  prompt: "bg-muted text-muted-foreground",
+  request: "bg-muted text-muted-foreground"
+};
+function ResolutionTrace({
+  trace,
+  className
+}) {
+  if (trace.length === 0) {
+    return /* @__PURE__ */ jsx("p", { className: cn("text-xs text-muted-foreground", className), children: "No layers resolved yet." });
+  }
+  return /* @__PURE__ */ jsx("ol", { "aria-label": "Resolution order", className: cn("space-y-1 text-sm", className), children: trace.map((layer, index) => /* @__PURE__ */ jsxs(
+    "li",
+    {
+      className: "flex items-center gap-2 rounded bg-muted/40 px-2 py-1.5",
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "w-5 text-right font-mono text-xs text-muted-foreground", children: index + 1 }),
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: layer.name }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "rounded px-1.5 py-0.5 text-[10px] font-semibold uppercase",
+              SOURCE_BADGE[layer.source]
+            ),
+            children: layer.source
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-xs capitalize text-muted-foreground", children: layer.scope })
+      ]
+    },
+    layer.id ?? `${layer.source}:${layer.name}`
+  )) });
+}
+export {
+  ResolutionTrace
+};
+//# sourceMappingURL=ResolutionTrace.js.map

package/dist/data/ai/runtime-profiles/ResolutionTrace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResolutionTrace.js","sources":["../../../../src/data/ai/runtime-profiles/ResolutionTrace.tsx"],"sourcesContent":["import { cn } from \"../../../lib/utils\";\nimport type {\n  RuntimeResolutionLayer,\n  RuntimeResolutionLayerSource,\n} from \"../runtime-profile\";\n\nconst SOURCE_BADGE: Record<RuntimeResolutionLayerSource, string> = {\n  preset: \"bg-sky-500/10 text-sky-600 dark:text-sky-300\",\n  profile: \"bg-violet-500/10 text-violet-600 dark:text-violet-300\",\n  prompt: \"bg-muted text-muted-foreground\",\n  request: \"bg-muted text-muted-foreground\",\n};\n\nexport function ResolutionTrace({\n  trace,\n  className,\n}: {\n  trace: RuntimeResolutionLayer[];\n  className?: string | undefined;\n}) {\n  if (trace.length === 0) {\n    return (\n      <p className={cn(\"text-xs text-muted-foreground\", className)}>\n        No layers resolved yet.\n      </p>\n    );\n  }\n  return (\n    <ol aria-label=\"Resolution order\" className={cn(\"space-y-1 text-sm\", className)}>\n      {trace.map((layer, index) => (\n        <li\n          key={layer.id ?? `${layer.source}:${layer.name}`}\n          className=\"flex items-center gap-2 rounded bg-muted/40 px-2 py-1.5\"\n        >\n          <span className=\"w-5 text-right font-mono text-xs text-muted-foreground\">\n            {index + 1}\n          </span>\n          <span className=\"min-w-0 flex-1 truncate\">{layer.name}</span>\n          <span\n            className={cn(\n              \"rounded px-1.5 py-0.5 text-[10px] font-semibold uppercase\",\n              SOURCE_BADGE[layer.source],\n            )}\n          >\n            {layer.source}\n          </span>\n          <span className=\"text-xs capitalize text-muted-foreground\">\n            {layer.scope}\n          </span>\n        </li>\n      ))}\n    </ol>\n  );\n}\n"],"names":[],"mappings":";;AAMA,MAAM,eAA6D;AAAA,EACjE,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AACX;AAEO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AACF,GAGG;AACD,MAAI,MAAM,WAAW,GAAG;AACtB,+BACG,KAAA,EAAE,WAAW,GAAG,iCAAiC,SAAS,GAAG,UAAA,2BAE9D;AAAA,EAEJ;AACA,SACE,oBAAC,MAAA,EAAG,cAAW,oBAAmB,WAAW,GAAG,qBAAqB,SAAS,GAC3E,UAAA,MAAM,IAAI,CAAC,OAAO,UACjB;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAK,WAAU,0DACb,UAAA,QAAQ,GACX;AAAA,QACA,oBAAC,QAAA,EAAK,WAAU,2BAA2B,gBAAM,MAAK;AAAA,QACtD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,aAAa,MAAM,MAAM;AAAA,YAAA;AAAA,YAG1B,UAAA,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAET,oBAAC,QAAA,EAAK,WAAU,4CACb,gBAAM,MAAA,CACT;AAAA,MAAA;AAAA,IAAA;AAAA,IAjBK,MAAM,MAAM,GAAG,MAAM,MAAM,IAAI,MAAM,IAAI;AAAA,EAAA,CAmBjD,GACH;AAEJ;"}

package/dist/data/ai/runtime-profiles/RuntimeLibraryList.cjs

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const button = require("../../../components/button.cjs");
+const UiAdd = require("../../../icons/components/UiAdd.cjs");
+const UiCopy = require("../../../icons/components/UiCopy.cjs");
+const UiTrash = require("../../../icons/components/UiTrash.cjs");
+function RuntimeLibraryList({
+  title,
+  items,
+  selectedId,
+  onSelect,
+  onCreate,
+  onDuplicate,
+  onDelete,
+  deleteReason
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "min-h-0 rounded-lg border border-border bg-card", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 border-b border-border px-3 py-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "flex-1 text-sm font-semibold", children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        button.Button,
+        {
+          type: "button",
+          size: "icon",
+          variant: "ghost",
+          "aria-label": `Create ${title}`,
+          onClick: onCreate,
+          children: /* @__PURE__ */ jsxRuntime.jsx(UiAdd.UiAdd, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "divide-y divide-border", children: [
+      items.map((item) => {
+        var _a;
+        const reason = item.meta && !item.meta.writable ? `${item.meta.sourceLabel ?? "This source"} is read-only` : deleteReason == null ? void 0 : deleteReason(item.id);
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: selectedId === item.id ? "bg-primary/5 px-3 py-2" : "px-3 py-2 hover:bg-muted/40",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "button",
+                {
+                  type: "button",
+                  className: "w-full min-w-0 text-left",
+                  onClick: () => onSelect(item.id),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate text-sm font-medium", children: item.name }),
+                      ((_a = item.meta) == null ? void 0 : _a.sourceLabel) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 rounded bg-muted px-1.5 py-0.5 text-[9px] font-medium uppercase text-muted-foreground", children: item.meta.sourceLabel })
+                    ] }),
+                    item.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-0.5 line-clamp-2 block text-xs text-muted-foreground", children: item.description })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex justify-end gap-1", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  button.Button,
+                  {
+                    type: "button",
+                    size: "icon",
+                    variant: "ghost",
+                    "aria-label": `Duplicate ${item.name}`,
+                    onClick: () => onDuplicate(item.id),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(UiCopy.UiCopy, {})
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  button.Button,
+                  {
+                    type: "button",
+                    size: "icon",
+                    variant: "ghost",
+                    "aria-label": `Delete ${item.name}`,
+                    title: reason,
+                    disabled: Boolean(reason),
+                    onClick: () => onDelete(item.id),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(UiTrash.UiTrash, {})
+                  }
+                )
+              ] })
+            ]
+          },
+          item.id
+        );
+      }),
+      items.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "p-4 text-sm text-muted-foreground", children: "No items yet." })
+    ] })
+  ] });
+}
+exports.RuntimeLibraryList = RuntimeLibraryList;
+//# sourceMappingURL=RuntimeLibraryList.cjs.map

package/dist/data/ai/runtime-profiles/RuntimeLibraryList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeLibraryList.cjs","sources":["../../../../src/data/ai/runtime-profiles/RuntimeLibraryList.tsx"],"sourcesContent":["import { Button } from \"../../../components/button\";\nimport { UiAdd, UiCopy, UiTrash } from \"../../../icons\";\nimport type { RuntimeRecordMeta } from \"./types\";\n\nexport type RuntimeLibraryItem = {\n  id: string;\n  name: string;\n  description?: string | undefined;\n  meta?: RuntimeRecordMeta | undefined;\n};\n\nexport function RuntimeLibraryList({\n  title,\n  items,\n  selectedId,\n  onSelect,\n  onCreate,\n  onDuplicate,\n  onDelete,\n  deleteReason,\n}: {\n  title: string;\n  items: RuntimeLibraryItem[];\n  selectedId: string | undefined;\n  onSelect: (id: string) => void;\n  onCreate: () => void;\n  onDuplicate: (id: string) => void;\n  onDelete: (id: string) => void;\n  deleteReason?: ((id: string) => string | undefined) | undefined;\n}) {\n  return (\n    <aside className=\"min-h-0 rounded-lg border border-border bg-card\">\n      <div className=\"flex items-center gap-2 border-b border-border px-3 py-2\">\n        <h2 className=\"flex-1 text-sm font-semibold\">{title}</h2>\n        <Button\n          type=\"button\"\n          size=\"icon\"\n          variant=\"ghost\"\n          aria-label={`Create ${title}`}\n          onClick={onCreate}\n        >\n          <UiAdd />\n        </Button>\n      </div>\n      <div className=\"divide-y divide-border\">\n        {items.map((item) => {\n          const reason =\n            item.meta && !item.meta.writable\n              ? `${item.meta.sourceLabel ?? \"This source\"} is read-only`\n              : deleteReason?.(item.id);\n          return (\n            <div\n              key={item.id}\n              className={\n                selectedId === item.id\n                  ? \"bg-primary/5 px-3 py-2\"\n                  : \"px-3 py-2 hover:bg-muted/40\"\n              }\n            >\n              <button\n                type=\"button\"\n                className=\"w-full min-w-0 text-left\"\n                onClick={() => onSelect(item.id)}\n              >\n                <span className=\"flex min-w-0 items-center gap-2\">\n                  <span className=\"min-w-0 flex-1 truncate text-sm font-medium\">\n                    {item.name}\n                  </span>\n                  {item.meta?.sourceLabel && (\n                    <span className=\"shrink-0 rounded bg-muted px-1.5 py-0.5 text-[9px] font-medium uppercase text-muted-foreground\">\n                      {item.meta.sourceLabel}\n                    </span>\n                  )}\n                </span>\n                {item.description && (\n                  <span className=\"mt-0.5 line-clamp-2 block text-xs text-muted-foreground\">\n                    {item.description}\n                  </span>\n                )}\n              </button>\n              <div className=\"mt-2 flex justify-end gap-1\">\n                <Button\n                  type=\"button\"\n                  size=\"icon\"\n                  variant=\"ghost\"\n                  aria-label={`Duplicate ${item.name}`}\n                  onClick={() => onDuplicate(item.id)}\n                >\n                  <UiCopy />\n                </Button>\n                <Button\n                  type=\"button\"\n                  size=\"icon\"\n                  variant=\"ghost\"\n                  aria-label={`Delete ${item.name}`}\n                  title={reason}\n                  disabled={Boolean(reason)}\n                  onClick={() => onDelete(item.id)}\n                >\n                  <UiTrash />\n                </Button>\n              </div>\n            </div>\n          );\n        })}\n        {items.length === 0 && (\n          <p className=\"p-4 text-sm text-muted-foreground\">No items yet.</p>\n        )}\n      </div>\n    </aside>\n  );\n}\n"],"names":["jsxs","jsx","Button","UiAdd","UiCopy","UiTrash"],"mappings":";;;;;;;AAWO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASG;AACD,SACEA,2BAAAA,KAAC,SAAA,EAAM,WAAU,mDACf,UAAA;AAAA,IAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,4DACb,UAAA;AAAA,MAAAC,2BAAAA,IAAC,MAAA,EAAG,WAAU,gCAAgC,UAAA,OAAM;AAAA,MACpDA,2BAAAA;AAAAA,QAACC,OAAAA;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,cAAY,UAAU,KAAK;AAAA,UAC3B,SAAS;AAAA,UAET,yCAACC,MAAAA,OAAA,CAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACT,GACF;AAAA,IACAH,2BAAAA,KAAC,OAAA,EAAI,WAAU,0BACZ,UAAA;AAAA,MAAA,MAAM,IAAI,CAAC,SAAS;;AACnB,cAAM,SACJ,KAAK,QAAQ,CAAC,KAAK,KAAK,WACpB,GAAG,KAAK,KAAK,eAAe,aAAa,kBACzC,6CAAe,KAAK;AAC1B,eACEA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WACE,eAAe,KAAK,KAChB,2BACA;AAAA,YAGN,UAAA;AAAA,cAAAA,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,WAAU;AAAA,kBACV,SAAS,MAAM,SAAS,KAAK,EAAE;AAAA,kBAE/B,UAAA;AAAA,oBAAAA,2BAAAA,KAAC,QAAA,EAAK,WAAU,mCACd,UAAA;AAAA,sBAAAC,2BAAAA,IAAC,QAAA,EAAK,WAAU,+CACb,UAAA,KAAK,MACR;AAAA,wBACC,UAAK,SAAL,mBAAW,gBACVA,2BAAAA,IAAC,UAAK,WAAU,kGACb,UAAA,KAAK,KAAK,YAAA,CACb;AAAA,oBAAA,GAEJ;AAAA,oBACC,KAAK,eACJA,2BAAAA,IAAC,UAAK,WAAU,2DACb,eAAK,YAAA,CACR;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGJD,2BAAAA,KAAC,OAAA,EAAI,WAAU,+BACb,UAAA;AAAA,gBAAAC,2BAAAA;AAAAA,kBAACC,OAAAA;AAAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,MAAK;AAAA,oBACL,SAAQ;AAAA,oBACR,cAAY,aAAa,KAAK,IAAI;AAAA,oBAClC,SAAS,MAAM,YAAY,KAAK,EAAE;AAAA,oBAElC,yCAACE,OAAAA,QAAA,CAAA,CAAO;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEVH,2BAAAA;AAAAA,kBAACC,OAAAA;AAAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,MAAK;AAAA,oBACL,SAAQ;AAAA,oBACR,cAAY,UAAU,KAAK,IAAI;AAAA,oBAC/B,OAAO;AAAA,oBACP,UAAU,QAAQ,MAAM;AAAA,oBACxB,SAAS,MAAM,SAAS,KAAK,EAAE;AAAA,oBAE/B,yCAACG,QAAAA,SAAA,CAAA,CAAQ;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACX,EAAA,CACF;AAAA,YAAA;AAAA,UAAA;AAAA,UAjDK,KAAK;AAAA,QAAA;AAAA,MAoDhB,CAAC;AAAA,MACA,MAAM,WAAW,oCACf,KAAA,EAAE,WAAU,qCAAoC,UAAA,gBAAA,CAAa;AAAA,IAAA,EAAA,CAElE;AAAA,EAAA,GACF;AAEJ;;"}

package/dist/data/ai/runtime-profiles/RuntimeLibraryList.d.ts

@@ -0,0 +1,18 @@
+import { RuntimeRecordMeta } from './types';
+export type RuntimeLibraryItem = {
+    id: string;
+    name: string;
+    description?: string | undefined;
+    meta?: RuntimeRecordMeta | undefined;
+};
+export declare function RuntimeLibraryList({ title, items, selectedId, onSelect, onCreate, onDuplicate, onDelete, deleteReason, }: {
+    title: string;
+    items: RuntimeLibraryItem[];
+    selectedId: string | undefined;
+    onSelect: (id: string) => void;
+    onCreate: () => void;
+    onDuplicate: (id: string) => void;
+    onDelete: (id: string) => void;
+    deleteReason?: ((id: string) => string | undefined) | undefined;
+}): import("react").JSX.Element;
+//# sourceMappingURL=RuntimeLibraryList.d.ts.map

package/dist/data/ai/runtime-profiles/RuntimeLibraryList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeLibraryList.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/runtime-profiles/RuntimeLibraryList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,IAAI,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;CACtC,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,KAAK,EACL,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,YAAY,GACb,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC;CACjE,+BAkFA"}

package/dist/data/ai/runtime-profiles/RuntimeLibraryList.js

@@ -0,0 +1,93 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Button } from "../../../components/button.js";
+import { UiAdd } from "../../../icons/components/UiAdd.js";
+import { UiCopy } from "../../../icons/components/UiCopy.js";
+import { UiTrash } from "../../../icons/components/UiTrash.js";
+function RuntimeLibraryList({
+  title,
+  items,
+  selectedId,
+  onSelect,
+  onCreate,
+  onDuplicate,
+  onDelete,
+  deleteReason
+}) {
+  return /* @__PURE__ */ jsxs("aside", { className: "min-h-0 rounded-lg border border-border bg-card", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b border-border px-3 py-2", children: [
+      /* @__PURE__ */ jsx("h2", { className: "flex-1 text-sm font-semibold", children: title }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          size: "icon",
+          variant: "ghost",
+          "aria-label": `Create ${title}`,
+          onClick: onCreate,
+          children: /* @__PURE__ */ jsx(UiAdd, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "divide-y divide-border", children: [
+      items.map((item) => {
+        var _a;
+        const reason = item.meta && !item.meta.writable ? `${item.meta.sourceLabel ?? "This source"} is read-only` : deleteReason == null ? void 0 : deleteReason(item.id);
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: selectedId === item.id ? "bg-primary/5 px-3 py-2" : "px-3 py-2 hover:bg-muted/40",
+            children: [
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  className: "w-full min-w-0 text-left",
+                  onClick: () => onSelect(item.id),
+                  children: [
+                    /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [
+                      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm font-medium", children: item.name }),
+                      ((_a = item.meta) == null ? void 0 : _a.sourceLabel) && /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded bg-muted px-1.5 py-0.5 text-[9px] font-medium uppercase text-muted-foreground", children: item.meta.sourceLabel })
+                    ] }),
+                    item.description && /* @__PURE__ */ jsx("span", { className: "mt-0.5 line-clamp-2 block text-xs text-muted-foreground", children: item.description })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "mt-2 flex justify-end gap-1", children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    size: "icon",
+                    variant: "ghost",
+                    "aria-label": `Duplicate ${item.name}`,
+                    onClick: () => onDuplicate(item.id),
+                    children: /* @__PURE__ */ jsx(UiCopy, {})
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    size: "icon",
+                    variant: "ghost",
+                    "aria-label": `Delete ${item.name}`,
+                    title: reason,
+                    disabled: Boolean(reason),
+                    onClick: () => onDelete(item.id),
+                    children: /* @__PURE__ */ jsx(UiTrash, {})
+                  }
+                )
+              ] })
+            ]
+          },
+          item.id
+        );
+      }),
+      items.length === 0 && /* @__PURE__ */ jsx("p", { className: "p-4 text-sm text-muted-foreground", children: "No items yet." })
+    ] })
+  ] });
+}
+export {
+  RuntimeLibraryList
+};
+//# sourceMappingURL=RuntimeLibraryList.js.map

package/dist/data/ai/runtime-profiles/RuntimeLibraryList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeLibraryList.js","sources":["../../../../src/data/ai/runtime-profiles/RuntimeLibraryList.tsx"],"sourcesContent":["import { Button } from \"../../../components/button\";\nimport { UiAdd, UiCopy, UiTrash } from \"../../../icons\";\nimport type { RuntimeRecordMeta } from \"./types\";\n\nexport type RuntimeLibraryItem = {\n  id: string;\n  name: string;\n  description?: string | undefined;\n  meta?: RuntimeRecordMeta | undefined;\n};\n\nexport function RuntimeLibraryList({\n  title,\n  items,\n  selectedId,\n  onSelect,\n  onCreate,\n  onDuplicate,\n  onDelete,\n  deleteReason,\n}: {\n  title: string;\n  items: RuntimeLibraryItem[];\n  selectedId: string | undefined;\n  onSelect: (id: string) => void;\n  onCreate: () => void;\n  onDuplicate: (id: string) => void;\n  onDelete: (id: string) => void;\n  deleteReason?: ((id: string) => string | undefined) | undefined;\n}) {\n  return (\n    <aside className=\"min-h-0 rounded-lg border border-border bg-card\">\n      <div className=\"flex items-center gap-2 border-b border-border px-3 py-2\">\n        <h2 className=\"flex-1 text-sm font-semibold\">{title}</h2>\n        <Button\n          type=\"button\"\n          size=\"icon\"\n          variant=\"ghost\"\n          aria-label={`Create ${title}`}\n          onClick={onCreate}\n        >\n          <UiAdd />\n        </Button>\n      </div>\n      <div className=\"divide-y divide-border\">\n        {items.map((item) => {\n          const reason =\n            item.meta && !item.meta.writable\n              ? `${item.meta.sourceLabel ?? \"This source\"} is read-only`\n              : deleteReason?.(item.id);\n          return (\n            <div\n              key={item.id}\n              className={\n                selectedId === item.id\n                  ? \"bg-primary/5 px-3 py-2\"\n                  : \"px-3 py-2 hover:bg-muted/40\"\n              }\n            >\n              <button\n                type=\"button\"\n                className=\"w-full min-w-0 text-left\"\n                onClick={() => onSelect(item.id)}\n              >\n                <span className=\"flex min-w-0 items-center gap-2\">\n                  <span className=\"min-w-0 flex-1 truncate text-sm font-medium\">\n                    {item.name}\n                  </span>\n                  {item.meta?.sourceLabel && (\n                    <span className=\"shrink-0 rounded bg-muted px-1.5 py-0.5 text-[9px] font-medium uppercase text-muted-foreground\">\n                      {item.meta.sourceLabel}\n                    </span>\n                  )}\n                </span>\n                {item.description && (\n                  <span className=\"mt-0.5 line-clamp-2 block text-xs text-muted-foreground\">\n                    {item.description}\n                  </span>\n                )}\n              </button>\n              <div className=\"mt-2 flex justify-end gap-1\">\n                <Button\n                  type=\"button\"\n                  size=\"icon\"\n                  variant=\"ghost\"\n                  aria-label={`Duplicate ${item.name}`}\n                  onClick={() => onDuplicate(item.id)}\n                >\n                  <UiCopy />\n                </Button>\n                <Button\n                  type=\"button\"\n                  size=\"icon\"\n                  variant=\"ghost\"\n                  aria-label={`Delete ${item.name}`}\n                  title={reason}\n                  disabled={Boolean(reason)}\n                  onClick={() => onDelete(item.id)}\n                >\n                  <UiTrash />\n                </Button>\n              </div>\n            </div>\n          );\n        })}\n        {items.length === 0 && (\n          <p className=\"p-4 text-sm text-muted-foreground\">No items yet.</p>\n        )}\n      </div>\n    </aside>\n  );\n}\n"],"names":[],"mappings":";;;;;AAWO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASG;AACD,SACE,qBAAC,SAAA,EAAM,WAAU,mDACf,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,4DACb,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAU,gCAAgC,UAAA,OAAM;AAAA,MACpD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,cAAY,UAAU,KAAK;AAAA,UAC3B,SAAS;AAAA,UAET,8BAAC,OAAA,CAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACT,GACF;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,0BACZ,UAAA;AAAA,MAAA,MAAM,IAAI,CAAC,SAAS;;AACnB,cAAM,SACJ,KAAK,QAAQ,CAAC,KAAK,KAAK,WACpB,GAAG,KAAK,KAAK,eAAe,aAAa,kBACzC,6CAAe,KAAK;AAC1B,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WACE,eAAe,KAAK,KAChB,2BACA;AAAA,YAGN,UAAA;AAAA,cAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,WAAU;AAAA,kBACV,SAAS,MAAM,SAAS,KAAK,EAAE;AAAA,kBAE/B,UAAA;AAAA,oBAAA,qBAAC,QAAA,EAAK,WAAU,mCACd,UAAA;AAAA,sBAAA,oBAAC,QAAA,EAAK,WAAU,+CACb,UAAA,KAAK,MACR;AAAA,wBACC,UAAK,SAAL,mBAAW,gBACV,oBAAC,UAAK,WAAU,kGACb,UAAA,KAAK,KAAK,YAAA,CACb;AAAA,oBAAA,GAEJ;AAAA,oBACC,KAAK,eACJ,oBAAC,UAAK,WAAU,2DACb,eAAK,YAAA,CACR;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGJ,qBAAC,OAAA,EAAI,WAAU,+BACb,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,MAAK;AAAA,oBACL,SAAQ;AAAA,oBACR,cAAY,aAAa,KAAK,IAAI;AAAA,oBAClC,SAAS,MAAM,YAAY,KAAK,EAAE;AAAA,oBAElC,8BAAC,QAAA,CAAA,CAAO;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEV;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,MAAK;AAAA,oBACL,SAAQ;AAAA,oBACR,cAAY,UAAU,KAAK,IAAI;AAAA,oBAC/B,OAAO;AAAA,oBACP,UAAU,QAAQ,MAAM;AAAA,oBACxB,SAAS,MAAM,SAAS,KAAK,EAAE;AAAA,oBAE/B,8BAAC,SAAA,CAAA,CAAQ;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACX,EAAA,CACF;AAAA,YAAA;AAAA,UAAA;AAAA,UAjDK,KAAK;AAAA,QAAA;AAAA,MAoDhB,CAAC;AAAA,MACA,MAAM,WAAW,yBACf,KAAA,EAAE,WAAU,qCAAoC,UAAA,gBAAA,CAAa;AAAA,IAAA,EAAA,CAElE;AAAA,EAAA,GACF;AAEJ;"}

package/dist/data/ai/runtime-profiles/RuntimePersistenceBar.cjs

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const button = require("../../../components/button.cjs");
+const Icon = require("../../Icon.cjs");
+const utils = require("../../../lib/utils.cjs");
+const UiSave = require("../../../icons/components/UiSave.cjs");
+function RuntimePersistenceBar({
+  persistence,
+  className
+}) {
+  const locked = !persistence.dirty || persistence.saving;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      role: "group",
+      "aria-label": "Persistence",
+      className: utils.cn(
+        "flex flex-wrap items-center gap-density-2 rounded-md border border-border bg-muted/30 px-density-3 py-density-1 text-xs",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: persistence.saving ? "Saving…" : persistence.dirty ? "Unsaved changes" : "All changes saved" }),
+        persistence.error && /* @__PURE__ */ jsxRuntime.jsx("span", { role: "alert", className: "font-medium text-destructive", children: persistence.error }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          button.Button,
+          {
+            size: "sm",
+            variant: "outline",
+            disabled: locked,
+            onClick: persistence.onDiscard,
+            children: "Discard"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(button.Button, { size: "sm", disabled: locked, onClick: persistence.onSave, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiSave.UiSave, className: "size-3.5" }),
+          "Save"
+        ] })
+      ]
+    }
+  );
+}
+exports.RuntimePersistenceBar = RuntimePersistenceBar;
+//# sourceMappingURL=RuntimePersistenceBar.cjs.map

package/dist/data/ai/runtime-profiles/RuntimePersistenceBar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimePersistenceBar.cjs","sources":["../../../../src/data/ai/runtime-profiles/RuntimePersistenceBar.tsx"],"sourcesContent":["import { Button } from \"../../../components/button\";\nimport { Icon } from \"../../Icon\";\nimport { UiSave } from \"../../../icons\";\nimport { cn } from \"../../../lib/utils\";\nimport type { RuntimeProfilesPersistence } from \"./types\";\n\nexport function RuntimePersistenceBar({\n  persistence,\n  className,\n}: {\n  persistence: RuntimeProfilesPersistence;\n  className?: string | undefined;\n}) {\n  const locked = !persistence.dirty || persistence.saving;\n  return (\n    <div\n      role=\"group\"\n      aria-label=\"Persistence\"\n      className={cn(\n        \"flex flex-wrap items-center gap-density-2 rounded-md border border-border bg-muted/30 px-density-3 py-density-1 text-xs\",\n        className,\n      )}\n    >\n      <span className=\"text-muted-foreground\">\n        {persistence.saving\n          ? \"Saving…\"\n          : persistence.dirty\n            ? \"Unsaved changes\"\n            : \"All changes saved\"}\n      </span>\n      {persistence.error && (\n        <span role=\"alert\" className=\"font-medium text-destructive\">\n          {persistence.error}\n        </span>\n      )}\n      <Button\n        size=\"sm\"\n        variant=\"outline\"\n        disabled={locked}\n        onClick={persistence.onDiscard}\n      >\n        Discard\n      </Button>\n      <Button size=\"sm\" disabled={locked} onClick={persistence.onSave}>\n        <Icon icon={UiSave} className=\"size-3.5\" />\n        Save\n      </Button>\n    </div>\n  );\n}\n"],"names":["jsxs","cn","jsx","Button","Icon","UiSave"],"mappings":";;;;;;;AAMO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AACF,GAGG;AACD,QAAM,SAAS,CAAC,YAAY,SAAS,YAAY;AACjD,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAC,2BAAAA,IAAC,QAAA,EAAK,WAAU,yBACb,UAAA,YAAY,SACT,YACA,YAAY,QACV,oBACA,oBAAA,CACR;AAAA,QACC,YAAY,SACXA,+BAAC,QAAA,EAAK,MAAK,SAAQ,WAAU,gCAC1B,UAAA,YAAY,MAAA,CACf;AAAA,QAEFA,2BAAAA;AAAAA,UAACC,OAAAA;AAAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,UAAU;AAAA,YACV,SAAS,YAAY;AAAA,YACtB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGDH,2BAAAA,KAACG,OAAAA,UAAO,MAAK,MAAK,UAAU,QAAQ,SAAS,YAAY,QACvD,UAAA;AAAA,UAAAD,2BAAAA,IAACE,KAAAA,MAAA,EAAK,MAAMC,OAAAA,QAAQ,WAAU,YAAW;AAAA,UAAE;AAAA,QAAA,EAAA,CAE7C;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;;"}

package/dist/data/ai/runtime-profiles/RuntimePersistenceBar.d.ts

@@ -0,0 +1,6 @@
+import { RuntimeProfilesPersistence } from './types';
+export declare function RuntimePersistenceBar({ persistence, className, }: {
+    persistence: RuntimeProfilesPersistence;
+    className?: string | undefined;
+}): import("react").JSX.Element;
+//# sourceMappingURL=RuntimePersistenceBar.d.ts.map

package/dist/data/ai/runtime-profiles/RuntimePersistenceBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimePersistenceBar.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/runtime-profiles/RuntimePersistenceBar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAE1D,wBAAgB,qBAAqB,CAAC,EACpC,WAAW,EACX,SAAS,GACV,EAAE;IACD,WAAW,EAAE,0BAA0B,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,+BAqCA"}

package/dist/data/ai/runtime-profiles/RuntimePersistenceBar.js

@@ -0,0 +1,44 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Button } from "../../../components/button.js";
+import { Icon } from "../../Icon.js";
+import { cn } from "../../../lib/utils.js";
+import { UiSave } from "../../../icons/components/UiSave.js";
+function RuntimePersistenceBar({
+  persistence,
+  className
+}) {
+  const locked = !persistence.dirty || persistence.saving;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "group",
+      "aria-label": "Persistence",
+      className: cn(
+        "flex flex-wrap items-center gap-density-2 rounded-md border border-border bg-muted/30 px-density-3 py-density-1 text-xs",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: persistence.saving ? "Saving…" : persistence.dirty ? "Unsaved changes" : "All changes saved" }),
+        persistence.error && /* @__PURE__ */ jsx("span", { role: "alert", className: "font-medium text-destructive", children: persistence.error }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "sm",
+            variant: "outline",
+            disabled: locked,
+            onClick: persistence.onDiscard,
+            children: "Discard"
+          }
+        ),
+        /* @__PURE__ */ jsxs(Button, { size: "sm", disabled: locked, onClick: persistence.onSave, children: [
+          /* @__PURE__ */ jsx(Icon, { icon: UiSave, className: "size-3.5" }),
+          "Save"
+        ] })
+      ]
+    }
+  );
+}
+export {
+  RuntimePersistenceBar
+};
+//# sourceMappingURL=RuntimePersistenceBar.js.map

package/dist/data/ai/runtime-profiles/RuntimePersistenceBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimePersistenceBar.js","sources":["../../../../src/data/ai/runtime-profiles/RuntimePersistenceBar.tsx"],"sourcesContent":["import { Button } from \"../../../components/button\";\nimport { Icon } from \"../../Icon\";\nimport { UiSave } from \"../../../icons\";\nimport { cn } from \"../../../lib/utils\";\nimport type { RuntimeProfilesPersistence } from \"./types\";\n\nexport function RuntimePersistenceBar({\n  persistence,\n  className,\n}: {\n  persistence: RuntimeProfilesPersistence;\n  className?: string | undefined;\n}) {\n  const locked = !persistence.dirty || persistence.saving;\n  return (\n    <div\n      role=\"group\"\n      aria-label=\"Persistence\"\n      className={cn(\n        \"flex flex-wrap items-center gap-density-2 rounded-md border border-border bg-muted/30 px-density-3 py-density-1 text-xs\",\n        className,\n      )}\n    >\n      <span className=\"text-muted-foreground\">\n        {persistence.saving\n          ? \"Saving…\"\n          : persistence.dirty\n            ? \"Unsaved changes\"\n            : \"All changes saved\"}\n      </span>\n      {persistence.error && (\n        <span role=\"alert\" className=\"font-medium text-destructive\">\n          {persistence.error}\n        </span>\n      )}\n      <Button\n        size=\"sm\"\n        variant=\"outline\"\n        disabled={locked}\n        onClick={persistence.onDiscard}\n      >\n        Discard\n      </Button>\n      <Button size=\"sm\" disabled={locked} onClick={persistence.onSave}>\n        <Icon icon={UiSave} className=\"size-3.5\" />\n        Save\n      </Button>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;AAMO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AACF,GAGG;AACD,QAAM,SAAS,CAAC,YAAY,SAAS,YAAY;AACjD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAK,WAAU,yBACb,UAAA,YAAY,SACT,YACA,YAAY,QACV,oBACA,oBAAA,CACR;AAAA,QACC,YAAY,SACX,oBAAC,QAAA,EAAK,MAAK,SAAQ,WAAU,gCAC1B,UAAA,YAAY,MAAA,CACf;AAAA,QAEF;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,UAAU;AAAA,YACV,SAAS,YAAY;AAAA,YACtB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD,qBAAC,UAAO,MAAK,MAAK,UAAU,QAAQ,SAAS,YAAY,QACvD,UAAA;AAAA,UAAA,oBAAC,MAAA,EAAK,MAAM,QAAQ,WAAU,YAAW;AAAA,UAAE;AAAA,QAAA,EAAA,CAE7C;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/data/ai/runtime-profiles/RuntimeProfilePicker.cjs

@@ -0,0 +1,198 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const button = require("../../../components/button.cjs");
+const Combobox = require("../../../components/Combobox.cjs");
+const Field = require("../../../components/Field.cjs");
+const InputField = require("../../../components/InputField.cjs");
+const SegmentedControl = require("../../../components/SegmentedControl.cjs");
+const Icon = require("../../Icon.cjs");
+const fields = require("../SpecRuntimeEditor/fields.cjs");
+const runtimeProfileModel = require("../../../lib/runtime-profile-model.cjs");
+const OrderedPresetSelect = require("./OrderedPresetSelect.cjs");
+const ResolutionTrace = require("./ResolutionTrace.cjs");
+const UiLayers = require("../../../icons/components/UiLayers.cjs");
+const UiSave = require("../../../icons/components/UiSave.cjs");
+const UiFilePlus = require("../../../icons/components/UiFilePlus.cjs");
+const UiGitMerge = require("../../../icons/components/UiGitMerge.cjs");
+const NONE = "__clicky_runtime_profile_none__";
+function RuntimeProfilePicker({
+  controller,
+  profiles,
+  presets,
+  resolution,
+  effectiveRuntime
+}) {
+  var _a;
+  const { state } = controller;
+  const { draft } = state;
+  const nameId = react.useId();
+  const pendingProfile = profiles.find(
+    (profile) => {
+      var _a2;
+      return profile.id === ((_a2 = state.draft) == null ? void 0 : _a2.id);
+    }
+  );
+  const layers = [
+    { id: "run", label: "This run" },
+    { id: "profile", label: `Profile «${(draft == null ? void 0 : draft.name) ?? ""}»` }
+  ];
+  const nameTaken = draft ? !runtimeProfileModel.uniqueName(draft.name, draft.id, profiles) : false;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      "aria-label": "Runtime profile",
+      className: "mb-density-3 space-y-density-2 rounded-lg border border-border bg-card p-density-3",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-density-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiLayers.UiLayers, className: "size-3.5" }),
+            "Runtime profile"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Combobox.Combobox,
+            {
+              ariaLabel: "Runtime profile",
+              value: ((_a = state.draft) == null ? void 0 : _a.id) ?? NONE,
+              options: [
+                { value: NONE, label: "None" },
+                ...profiles.map((profile) => ({
+                  value: profile.id,
+                  label: profile.name,
+                  ...profile.description ? { description: profile.description } : {}
+                }))
+              ],
+              onChange: (next) => controller.select(next === NONE ? void 0 : next),
+              allowCustomValue: false,
+              required: true,
+              className: "min-w-56 flex-1"
+            }
+          )
+        ] }),
+        controller.pending && /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            role: "alert",
+            className: "flex flex-wrap items-center gap-density-2 rounded-md border border-amber-500/40 bg-amber-500/10 px-density-3 py-density-2 text-xs",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex-1", children: [
+                "Discard changes to «",
+                (pendingProfile == null ? void 0 : pendingProfile.name) ?? (draft == null ? void 0 : draft.name),
+                "»?"
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                button.Button,
+                {
+                  size: "sm",
+                  variant: "outline",
+                  onClick: controller.cancelPending,
+                  children: "Keep editing"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                button.Button,
+                {
+                  size: "sm",
+                  variant: "destructive",
+                  onClick: controller.confirmPending,
+                  children: "Discard"
+                }
+              )
+            ]
+          }
+        ),
+        draft && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            SegmentedControl.SegmentedControl,
+            {
+              "aria-label": "Editing layer",
+              size: "sm",
+              value: state.layer,
+              options: layers,
+              onChange: controller.setLayer
+            }
+          ),
+          state.layer === "profile" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-density-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Field.Field,
+              {
+                label: "Profile name",
+                htmlFor: nameId,
+                labelClassName: "text-xs",
+                error: nameTaken ? "A unique profile name is required." : void 0,
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  InputField.InputField,
+                  {
+                    id: nameId,
+                    value: draft.name,
+                    invalid: nameTaken,
+                    onChange: (name) => controller.editDraft({ ...draft, name })
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              OrderedPresetSelect.OrderedPresetSelect,
+              {
+                presets,
+                value: draft.presets,
+                onChange: (next) => controller.editDraft({ ...draft, presets: next })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-density-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              button.Button,
+              {
+                size: "sm",
+                disabled: !controller.canSave || !controller.dirty || nameTaken || Boolean(controller.busy),
+                onClick: () => void controller.save(),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiSave.UiSave, className: "size-3.5" }),
+                  "Save profile"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              button.Button,
+              {
+                size: "sm",
+                variant: "outline",
+                disabled: !controller.canCreate || Boolean(controller.busy),
+                onClick: () => void controller.saveAsNew(),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiFilePlus.UiFilePlus, className: "size-3.5" }),
+                  "Save as new"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              button.Button,
+              {
+                size: "sm",
+                variant: "outline",
+                disabled: Boolean(controller.busy),
+                onClick: () => void controller.detach(),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiGitMerge.UiGitMerge, className: "size-3.5" }),
+                  "Detach"
+                ]
+              }
+            ),
+            controller.busy && /* @__PURE__ */ jsxRuntime.jsx("span", { role: "status", className: "text-xs text-muted-foreground", children: controller.busy === "detach" ? "Resolving…" : "Saving…" })
+          ] })
+        ] }),
+        controller.error && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "text-xs text-destructive", children: controller.error }),
+        controller.notice && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "status", className: "text-xs text-muted-foreground", children: controller.notice }),
+        /* @__PURE__ */ jsxRuntime.jsx(fields.Disclosure, { label: "Resolution", hint: effectiveLabel(effectiveRuntime), children: /* @__PURE__ */ jsxRuntime.jsx(ResolutionTrace.ResolutionTrace, { trace: (resolution == null ? void 0 : resolution.trace) ?? [] }) })
+      ]
+    }
+  );
+}
+function effectiveLabel(runtime) {
+  const parts = [runtime.model, runtime.mode].filter(Boolean);
+  return parts.length > 0 ? parts.join(" · ") : "inherits prompt defaults";
+}
+exports.RuntimeProfilePicker = RuntimeProfilePicker;
+//# sourceMappingURL=RuntimeProfilePicker.cjs.map

package/dist/data/ai/runtime-profiles/RuntimeProfilePicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeProfilePicker.cjs","sources":["../../../../src/data/ai/runtime-profiles/RuntimeProfilePicker.tsx"],"sourcesContent":["import { useId } from \"react\";\nimport { Button } from \"../../../components/button\";\nimport { Combobox } from \"../../../components/Combobox\";\nimport { Field } from \"../../../components/Field\";\nimport { InputField } from \"../../../components/InputField\";\nimport {\n  SegmentedControl,\n  type SegmentedOption,\n} from \"../../../components/SegmentedControl\";\nimport { UiFilePlus, UiGitMerge, UiLayers, UiSave } from \"../../../icons\";\nimport { Icon } from \"../../Icon\";\nimport type {\n  ResolvedRuntimeSpec,\n  RuntimePreset,\n  RuntimeProfile,\n} from \"../runtime-profile\";\nimport { Disclosure } from \"../SpecRuntimeEditor/fields\";\nimport type { AISpecRuntimeSpec } from \"../SpecRuntimeEditor.model\";\nimport { uniqueName } from \"../../../lib/runtime-profile-model\";\nimport { OrderedPresetSelect } from \"./OrderedPresetSelect\";\nimport { ResolutionTrace } from \"./ResolutionTrace\";\nimport type { RuntimeProfileLayer } from \"./RuntimeProfilePicker.model\";\nimport type { RuntimeProfilePickerController } from \"./use-runtime-profile-picker\";\n\nconst NONE = \"__clicky_runtime_profile_none__\";\n\nexport type RuntimeProfilePickerProps = {\n  controller: RuntimeProfilePickerController;\n  profiles: RuntimeProfile[];\n  presets: RuntimePreset[];\n  resolution?: ResolvedRuntimeSpec | undefined;\n  effectiveRuntime: Pick<AISpecRuntimeSpec, \"model\" | \"mode\">;\n};\n\nexport function RuntimeProfilePicker({\n  controller,\n  profiles,\n  presets,\n  resolution,\n  effectiveRuntime,\n}: RuntimeProfilePickerProps) {\n  const { state } = controller;\n  const { draft } = state;\n  const nameId = useId();\n  const pendingProfile = profiles.find(\n    (profile) => profile.id === state.draft?.id,\n  );\n  const layers: SegmentedOption<RuntimeProfileLayer>[] = [\n    { id: \"run\", label: \"This run\" },\n    { id: \"profile\", label: `Profile «${draft?.name ?? \"\"}»` },\n  ];\n  const nameTaken = draft ? !uniqueName(draft.name, draft.id, profiles) : false;\n\n  return (\n    <section\n      aria-label=\"Runtime profile\"\n      className=\"mb-density-3 space-y-density-2 rounded-lg border border-border bg-card p-density-3\"\n    >\n      <div className=\"flex flex-wrap items-center gap-density-2\">\n        <span className=\"inline-flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n          <Icon icon={UiLayers} className=\"size-3.5\" />\n          Runtime profile\n        </span>\n        <Combobox\n          ariaLabel=\"Runtime profile\"\n          value={state.draft?.id ?? NONE}\n          options={[\n            { value: NONE, label: \"None\" },\n            ...profiles.map((profile) => ({\n              value: profile.id,\n              label: profile.name,\n              ...(profile.description\n                ? { description: profile.description }\n                : {}),\n            })),\n          ]}\n          onChange={(next) =>\n            controller.select(next === NONE ? undefined : next)\n          }\n          allowCustomValue={false}\n          required\n          className=\"min-w-56 flex-1\"\n        />\n      </div>\n      {controller.pending && (\n        <div\n          role=\"alert\"\n          className=\"flex flex-wrap items-center gap-density-2 rounded-md border border-amber-500/40 bg-amber-500/10 px-density-3 py-density-2 text-xs\"\n        >\n          <span className=\"flex-1\">\n            Discard changes to «{pendingProfile?.name ?? draft?.name}»?\n          </span>\n          <Button\n            size=\"sm\"\n            variant=\"outline\"\n            onClick={controller.cancelPending}\n          >\n            Keep editing\n          </Button>\n          <Button\n            size=\"sm\"\n            variant=\"destructive\"\n            onClick={controller.confirmPending}\n          >\n            Discard\n          </Button>\n        </div>\n      )}\n      {draft && (\n        <>\n          <SegmentedControl\n            aria-label=\"Editing layer\"\n            size=\"sm\"\n            value={state.layer}\n            options={layers}\n            onChange={controller.setLayer}\n          />\n          {state.layer === \"profile\" && (\n            <div className=\"space-y-density-2\">\n              <Field\n                label=\"Profile name\"\n                htmlFor={nameId}\n                labelClassName=\"text-xs\"\n                error={\n                  nameTaken ? \"A unique profile name is required.\" : undefined\n                }\n              >\n                <InputField\n                  id={nameId}\n                  value={draft.name}\n                  invalid={nameTaken}\n                  onChange={(name) => controller.editDraft({ ...draft, name })}\n                />\n              </Field>\n              <OrderedPresetSelect\n                presets={presets}\n                value={draft.presets}\n                onChange={(next) =>\n                  controller.editDraft({ ...draft, presets: next })\n                }\n              />\n            </div>\n          )}\n          <div className=\"flex flex-wrap items-center gap-density-2\">\n            <Button\n              size=\"sm\"\n              disabled={\n                !controller.canSave ||\n                !controller.dirty ||\n                nameTaken ||\n                Boolean(controller.busy)\n              }\n              onClick={() => void controller.save()}\n            >\n              <Icon icon={UiSave} className=\"size-3.5\" />\n              Save profile\n            </Button>\n            <Button\n              size=\"sm\"\n              variant=\"outline\"\n              disabled={!controller.canCreate || Boolean(controller.busy)}\n              onClick={() => void controller.saveAsNew()}\n            >\n              <Icon icon={UiFilePlus} className=\"size-3.5\" />\n              Save as new\n            </Button>\n            <Button\n              size=\"sm\"\n              variant=\"outline\"\n              disabled={Boolean(controller.busy)}\n              onClick={() => void controller.detach()}\n            >\n              <Icon icon={UiGitMerge} className=\"size-3.5\" />\n              Detach\n            </Button>\n            {controller.busy && (\n              <span role=\"status\" className=\"text-xs text-muted-foreground\">\n                {controller.busy === \"detach\" ? \"Resolving…\" : \"Saving…\"}\n              </span>\n            )}\n          </div>\n        </>\n      )}\n      {controller.error && (\n        <p role=\"alert\" className=\"text-xs text-destructive\">\n          {controller.error}\n        </p>\n      )}\n      {controller.notice && (\n        <p role=\"status\" className=\"text-xs text-muted-foreground\">\n          {controller.notice}\n        </p>\n      )}\n      <Disclosure label=\"Resolution\" hint={effectiveLabel(effectiveRuntime)}>\n        <ResolutionTrace trace={resolution?.trace ?? []} />\n      </Disclosure>\n    </section>\n  );\n}\n\nfunction effectiveLabel(runtime: Pick<AISpecRuntimeSpec, \"model\" | \"mode\">) {\n  const parts = [runtime.model, runtime.mode].filter(Boolean);\n  return parts.length > 0 ? parts.join(\" · \") : \"inherits prompt defaults\";\n}\n"],"names":["useId","_a","uniqueName","jsxs","jsx","Icon","UiLayers","Combobox","Button","Fragment","SegmentedControl","Field","InputField","OrderedPresetSelect","UiSave","UiFilePlus","UiGitMerge","Disclosure","ResolutionTrace"],"mappings":"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"}