@flanksource/clicky-ui 0.3.9 → 0.3.11

package/dist/data/ai/SpecRuntimeEditor/PromptSection.js

@@ -0,0 +1,98 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { SegmentedControl } from "../../../components/SegmentedControl.js";
+import { SPEC_SCHEMA_STRICTNESS } from "../SpecRuntimeEditor.model.js";
+import { ExpandField, SpecField, TextareaField } from "./fields.js";
+import { withPrompt } from "./update.js";
+import { UiUser } from "../../../icons/components/UiUser.js";
+import { UiGearSix } from "../../../icons/components/UiGearSix.js";
+import { UiAdd } from "../../../icons/components/UiAdd.js";
+import { UiFileJson } from "../../../icons/components/UiFileJson.js";
+const SCHEMA_STRICTNESS_OPTIONS = [
+  { id: "", label: "None" },
+  ...SPEC_SCHEMA_STRICTNESS.map((mode) => ({
+    id: mode,
+    label: mode.charAt(0).toUpperCase() + mode.slice(1)
+  }))
+];
+function PromptSection({
+  value,
+  onChange
+}) {
+  var _a, _b, _c;
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-density-2", children: [
+    /* @__PURE__ */ jsx(
+      ExpandField,
+      {
+        label: "User override",
+        value: (_a = value.prompt) == null ? void 0 : _a.user,
+        onChange: (user) => onChange(withPrompt(value, { user })),
+        placeholder: "Override the rendered user prompt",
+        icon: UiUser
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ExpandField,
+      {
+        label: "System",
+        value: (_b = value.prompt) == null ? void 0 : _b.system,
+        onChange: (system) => onChange(withPrompt(value, { system })),
+        placeholder: "Replace the system prompt",
+        icon: UiGearSix
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ExpandField,
+      {
+        label: "Append system",
+        value: (_c = value.prompt) == null ? void 0 : _c.appendSystem,
+        onChange: (appendSystem) => onChange(withPrompt(value, { appendSystem })),
+        placeholder: "Appended to the default system prompt",
+        icon: UiAdd
+      }
+    )
+  ] });
+}
+function PromptAdvanced({
+  value,
+  onChange
+}) {
+  var _a, _b;
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-density-2", children: [
+    /* @__PURE__ */ jsx(SpecField, { label: "Schema strictness", children: /* @__PURE__ */ jsx(
+      SegmentedControl,
+      {
+        "aria-label": "Schema strictness",
+        size: "sm",
+        wrap: true,
+        value: ((_a = value.prompt) == null ? void 0 : _a.schemaStrictness) ?? "",
+        options: SCHEMA_STRICTNESS_OPTIONS,
+        onChange: (schemaStrictness) => onChange(withPrompt(value, { schemaStrictness }))
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      TextareaField,
+      {
+        label: "Prompt schema JSON",
+        value: schemaText((_b = value.prompt) == null ? void 0 : _b.schemaJSON),
+        onChange: (schemaJSON) => onChange(withPrompt(value, { schemaJSON })),
+        minHeight: 176,
+        placeholder: '{"type":"object","properties":{}}',
+        icon: UiFileJson
+      }
+    )
+  ] });
+}
+function schemaText(value) {
+  if (value == null) return "";
+  if (typeof value === "string") return value;
+  try {
+    return JSON.stringify(value, null, 2);
+  } catch {
+    return "";
+  }
+}
+export {
+  PromptAdvanced,
+  PromptSection
+};
+//# sourceMappingURL=PromptSection.js.map

package/dist/data/ai/SpecRuntimeEditor/PromptSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptSection.js","sources":["../../../../src/data/ai/SpecRuntimeEditor/PromptSection.tsx"],"sourcesContent":["import { SegmentedControl } from \"../../../components/SegmentedControl\";\nimport { UiAdd, UiFileJson, UiGearSix, UiUser } from \"../../../icons\";\nimport {\n  SPEC_SCHEMA_STRICTNESS,\n  type AISpecRuntimeValue,\n  type SpecSchemaStrictness,\n} from \"../SpecRuntimeEditor.model\";\nimport { ExpandField, SpecField, TextareaField } from \"./fields\";\nimport { withPrompt } from \"./update\";\n\nconst SCHEMA_STRICTNESS_OPTIONS: Array<{\n  id: SpecSchemaStrictness | \"\";\n  label: string;\n}> = [\n  { id: \"\", label: \"None\" },\n  ...SPEC_SCHEMA_STRICTNESS.map((mode) => ({\n    id: mode,\n    label: mode.charAt(0).toUpperCase() + mode.slice(1),\n  })),\n];\n\nexport function PromptSection({\n  value,\n  onChange,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n}) {\n  return (\n    <div className=\"grid gap-density-2\">\n      <ExpandField\n        label=\"User override\"\n        value={value.prompt?.user}\n        onChange={(user) => onChange(withPrompt(value, { user }))}\n        placeholder=\"Override the rendered user prompt\"\n        icon={UiUser}\n      />\n      <ExpandField\n        label=\"System\"\n        value={value.prompt?.system}\n        onChange={(system) => onChange(withPrompt(value, { system }))}\n        placeholder=\"Replace the system prompt\"\n        icon={UiGearSix}\n      />\n      <ExpandField\n        label=\"Append system\"\n        value={value.prompt?.appendSystem}\n        onChange={(appendSystem) =>\n          onChange(withPrompt(value, { appendSystem }))\n        }\n        placeholder=\"Appended to the default system prompt\"\n        icon={UiAdd}\n      />\n    </div>\n  );\n}\n\nexport function PromptAdvanced({\n  value,\n  onChange,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n}) {\n  return (\n    <div className=\"grid gap-density-2\">\n      <SpecField label=\"Schema strictness\">\n        <SegmentedControl<SpecSchemaStrictness | \"\">\n          aria-label=\"Schema strictness\"\n          size=\"sm\"\n          wrap\n          value={value.prompt?.schemaStrictness ?? \"\"}\n          options={SCHEMA_STRICTNESS_OPTIONS}\n          onChange={(schemaStrictness) =>\n            onChange(withPrompt(value, { schemaStrictness }))\n          }\n        />\n      </SpecField>\n      <TextareaField\n        label=\"Prompt schema JSON\"\n        value={schemaText(value.prompt?.schemaJSON)}\n        onChange={(schemaJSON) => onChange(withPrompt(value, { schemaJSON }))}\n        minHeight={176}\n        placeholder='{\"type\":\"object\",\"properties\":{}}'\n        icon={UiFileJson}\n      />\n    </div>\n  );\n}\n\nfunction schemaText(value: unknown): string {\n  if (value == null) return \"\";\n  if (typeof value === \"string\") return value;\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return \"\";\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;AAUA,MAAM,4BAGD;AAAA,EACH,EAAE,IAAI,IAAI,OAAO,OAAA;AAAA,EACjB,GAAG,uBAAuB,IAAI,CAAC,UAAU;AAAA,IACvC,IAAI;AAAA,IACJ,OAAO,KAAK,OAAO,CAAC,EAAE,gBAAgB,KAAK,MAAM,CAAC;AAAA,EAAA,EAClD;AACJ;AAEO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AACF,GAGG;;AACD,SACE,qBAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO,WAAM,WAAN,mBAAc;AAAA,QACrB,UAAU,CAAC,SAAS,SAAS,WAAW,OAAO,EAAE,KAAA,CAAM,CAAC;AAAA,QACxD,aAAY;AAAA,QACZ,MAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAER;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO,WAAM,WAAN,mBAAc;AAAA,QACrB,UAAU,CAAC,WAAW,SAAS,WAAW,OAAO,EAAE,OAAA,CAAQ,CAAC;AAAA,QAC5D,aAAY;AAAA,QACZ,MAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAER;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO,WAAM,WAAN,mBAAc;AAAA,QACrB,UAAU,CAAC,iBACT,SAAS,WAAW,OAAO,EAAE,aAAA,CAAc,CAAC;AAAA,QAE9C,aAAY;AAAA,QACZ,MAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,GACF;AAEJ;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AACF,GAGG;;AACD,SACE,qBAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,IAAA,oBAAC,WAAA,EAAU,OAAM,qBACf,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,MAAK;AAAA,QACL,MAAI;AAAA,QACJ,SAAO,WAAM,WAAN,mBAAc,qBAAoB;AAAA,QACzC,SAAS;AAAA,QACT,UAAU,CAAC,qBACT,SAAS,WAAW,OAAO,EAAE,kBAAkB,CAAC;AAAA,MAAA;AAAA,IAAA,GAGtD;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,YAAW,WAAM,WAAN,mBAAc,UAAU;AAAA,QAC1C,UAAU,CAAC,eAAe,SAAS,WAAW,OAAO,EAAE,WAAA,CAAY,CAAC;AAAA,QACpE,WAAW;AAAA,QACX,aAAY;AAAA,QACZ,MAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,GACF;AAEJ;AAEA,SAAS,WAAW,OAAwB;AAC1C,MAAI,SAAS,KAAM,QAAO;AAC1B,MAAI,OAAO,UAAU,SAAU,QAAO;AACtC,MAAI;AACF,WAAO,KAAK,UAAU,OAAO,MAAM,CAAC;AAAA,EACtC,QAAQ;AACN,WAAO;AAAA,EACT;AACF;"}

package/dist/data/ai/SpecRuntimeEditor/Rail.cjs

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const Icon = require("../../Icon.cjs");
+const UiGitBranch = require("../../../icons/components/UiGitBranch.cjs");
+function Rail({
+  eyebrow,
+  title,
+  target
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "mb-density-4 border-b border-border pb-density-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-bold uppercase tracking-[0.12em] text-muted-foreground", children: eyebrow }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-density-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-bold tracking-tight", children: title }),
+      target && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 rounded-full border border-border bg-muted/40 px-density-2 py-0.5 font-mono text-[11px] text-muted-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiGitBranch.UiGitBranch, className: "size-3.5" }),
+        target
+      ] })
+    ] })
+  ] });
+}
+exports.Rail = Rail;
+//# sourceMappingURL=Rail.cjs.map

package/dist/data/ai/SpecRuntimeEditor/Rail.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rail.cjs","sources":["../../../../src/data/ai/SpecRuntimeEditor/Rail.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Icon } from \"../../Icon\";\nimport { UiGitBranch } from \"../../../icons\";\n\n// Spec header (design .rail header): eyebrow, title, and an optional target\n// chip. Sits above the stacked sections; the per-section nav has been dropped\n// now that each section carries its own collapsible header.\nexport function Rail({\n  eyebrow,\n  title,\n  target,\n}: {\n  eyebrow: ReactNode;\n  title: ReactNode;\n  target?: string | undefined;\n}) {\n  return (\n    <header className=\"mb-density-4 border-b border-border pb-density-3\">\n      <p className=\"text-[10px] font-bold uppercase tracking-[0.12em] text-muted-foreground\">\n        {eyebrow}\n      </p>\n      <div className=\"mt-1 flex flex-wrap items-center gap-density-3\">\n        <h2 className=\"text-lg font-bold tracking-tight\">{title}</h2>\n        {target && (\n          <span className=\"inline-flex items-center gap-1.5 rounded-full border border-border bg-muted/40 px-density-2 py-0.5 font-mono text-[11px] text-muted-foreground\">\n            <Icon icon={UiGitBranch} className=\"size-3.5\" />\n            {target}\n          </span>\n        )}\n      </div>\n    </header>\n  );\n}\n"],"names":["jsxs","jsx","Icon","UiGitBranch"],"mappings":";;;;;AAOO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACEA,2BAAAA,KAAC,UAAA,EAAO,WAAU,oDAChB,UAAA;AAAA,IAAAC,2BAAAA,IAAC,KAAA,EAAE,WAAU,2EACV,UAAA,SACH;AAAA,IACAD,2BAAAA,KAAC,OAAA,EAAI,WAAU,kDACb,UAAA;AAAA,MAAAC,2BAAAA,IAAC,MAAA,EAAG,WAAU,oCAAoC,UAAA,OAAM;AAAA,MACvD,UACCD,2BAAAA,KAAC,QAAA,EAAK,WAAU,kJACd,UAAA;AAAA,QAAAC,2BAAAA,IAACC,KAAAA,MAAA,EAAK,MAAMC,YAAAA,aAAa,WAAU,YAAW;AAAA,QAC7C;AAAA,MAAA,EAAA,CACH;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;;"}

package/dist/data/ai/SpecRuntimeEditor/Rail.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export declare function Rail({ eyebrow, title, target, }: {
+    eyebrow: ReactNode;
+    title: ReactNode;
+    target?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Rail.d.ts.map

package/dist/data/ai/SpecRuntimeEditor/Rail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rail.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/SpecRuntimeEditor/Rail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,wBAAgB,IAAI,CAAC,EACnB,OAAO,EACP,KAAK,EACL,MAAM,GACP,EAAE;IACD,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B,2CAiBA"}

package/dist/data/ai/SpecRuntimeEditor/Rail.js

@@ -0,0 +1,23 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Icon } from "../../Icon.js";
+import { UiGitBranch } from "../../../icons/components/UiGitBranch.js";
+function Rail({
+  eyebrow,
+  title,
+  target
+}) {
+  return /* @__PURE__ */ jsxs("header", { className: "mb-density-4 border-b border-border pb-density-3", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-[10px] font-bold uppercase tracking-[0.12em] text-muted-foreground", children: eyebrow }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-density-3", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-lg font-bold tracking-tight", children: title }),
+      target && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 rounded-full border border-border bg-muted/40 px-density-2 py-0.5 font-mono text-[11px] text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Icon, { icon: UiGitBranch, className: "size-3.5" }),
+        target
+      ] })
+    ] })
+  ] });
+}
+export {
+  Rail
+};
+//# sourceMappingURL=Rail.js.map

package/dist/data/ai/SpecRuntimeEditor/Rail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rail.js","sources":["../../../../src/data/ai/SpecRuntimeEditor/Rail.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Icon } from \"../../Icon\";\nimport { UiGitBranch } from \"../../../icons\";\n\n// Spec header (design .rail header): eyebrow, title, and an optional target\n// chip. Sits above the stacked sections; the per-section nav has been dropped\n// now that each section carries its own collapsible header.\nexport function Rail({\n  eyebrow,\n  title,\n  target,\n}: {\n  eyebrow: ReactNode;\n  title: ReactNode;\n  target?: string | undefined;\n}) {\n  return (\n    <header className=\"mb-density-4 border-b border-border pb-density-3\">\n      <p className=\"text-[10px] font-bold uppercase tracking-[0.12em] text-muted-foreground\">\n        {eyebrow}\n      </p>\n      <div className=\"mt-1 flex flex-wrap items-center gap-density-3\">\n        <h2 className=\"text-lg font-bold tracking-tight\">{title}</h2>\n        {target && (\n          <span className=\"inline-flex items-center gap-1.5 rounded-full border border-border bg-muted/40 px-density-2 py-0.5 font-mono text-[11px] text-muted-foreground\">\n            <Icon icon={UiGitBranch} className=\"size-3.5\" />\n            {target}\n          </span>\n        )}\n      </div>\n    </header>\n  );\n}\n"],"names":[],"mappings":";;;AAOO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE,qBAAC,UAAA,EAAO,WAAU,oDAChB,UAAA;AAAA,IAAA,oBAAC,KAAA,EAAE,WAAU,2EACV,UAAA,SACH;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,kDACb,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAU,oCAAoC,UAAA,OAAM;AAAA,MACvD,UACC,qBAAC,QAAA,EAAK,WAAU,kJACd,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAK,MAAM,aAAa,WAAU,YAAW;AAAA,QAC7C;AAAA,MAAA,EAAA,CACH;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;"}

package/dist/data/ai/SpecRuntimeEditor/SectionCard.cjs

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const Icon = require("../../Icon.cjs");
+const utils = require("../../../lib/utils.cjs");
+const fields = require("./fields.cjs");
+const UiChevronRight = require("../../../icons/components/UiChevronRight.cjs");
+const UiChevronDown = require("../../../icons/components/UiChevronDown.cjs");
+function SectionCard({
+  meta,
+  number,
+  domId,
+  sectionRef,
+  advanced,
+  advancedHint,
+  defaultCollapsed = false,
+  children,
+  className
+}) {
+  const [collapsed, setCollapsed] = react.useState(defaultCollapsed);
+  const bodyId = `${domId}-body`;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      id: domId,
+      ref: sectionRef,
+      "aria-label": meta.label,
+      className: utils.cn(
+        "scroll-mt-4 border-t border-border py-density-4 first:border-t-0 first:pt-0",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("header", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-bold tracking-tight", children: /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              "aria-expanded": !collapsed,
+              "aria-controls": bodyId,
+              onClick: () => setCollapsed((current) => !current),
+              className: "group flex w-full items-center gap-density-2 text-left",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Icon.Icon,
+                  {
+                    icon: meta.icon,
+                    className: utils.cn(
+                      "size-5",
+                      meta.iconClassName ?? "text-muted-foreground"
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: meta.label }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-bold tabular-nums text-muted-foreground/70", children: number }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Icon.Icon,
+                  {
+                    icon: collapsed ? UiChevronRight.UiChevronRight : UiChevronDown.UiChevronDown,
+                    className: "ml-auto size-4 shrink-0 text-muted-foreground/70 group-hover:text-foreground"
+                  }
+                )
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: meta.hint })
+        ] }),
+        !collapsed && /* @__PURE__ */ jsxRuntime.jsxs("div", { id: bodyId, className: "mt-density-3", children: [
+          children,
+          advanced && /* @__PURE__ */ jsxRuntime.jsx(fields.Disclosure, { hint: advancedHint, children: advanced })
+        ] })
+      ]
+    }
+  );
+}
+exports.SectionCard = SectionCard;
+//# sourceMappingURL=SectionCard.cjs.map

package/dist/data/ai/SpecRuntimeEditor/SectionCard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionCard.cjs","sources":["../../../../src/data/ai/SpecRuntimeEditor/SectionCard.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { Icon } from \"../../Icon\";\nimport { UiChevronDown, UiChevronRight } from \"../../../icons\";\nimport { cn } from \"../../../lib/utils\";\nimport { Disclosure } from \"./fields\";\nimport type { SpecSectionMeta } from \"./types\";\n\n// Numbered scroll-target section (design .sec): a collapsible header with icon,\n// title and hint, body, then an optional Advanced disclosure. The heading itself\n// is the toggle (WAI-ARIA accordion pattern: heading > button).\nexport function SectionCard({\n  meta,\n  number,\n  domId,\n  sectionRef,\n  advanced,\n  advancedHint,\n  defaultCollapsed = false,\n  children,\n  className,\n}: {\n  meta: SpecSectionMeta;\n  number: string;\n  domId: string;\n  sectionRef: (element: HTMLElement | null) => void;\n  advanced?: ReactNode | undefined;\n  advancedHint?: string | undefined;\n  defaultCollapsed?: boolean | undefined;\n  children: ReactNode;\n  className?: string | undefined;\n}) {\n  const [collapsed, setCollapsed] = useState(defaultCollapsed);\n  const bodyId = `${domId}-body`;\n  return (\n    <section\n      id={domId}\n      ref={sectionRef}\n      aria-label={meta.label}\n      className={cn(\n        \"scroll-mt-4 border-t border-border py-density-4 first:border-t-0 first:pt-0\",\n        className,\n      )}\n    >\n      <header>\n        <h3 className=\"text-base font-bold tracking-tight\">\n          <button\n            type=\"button\"\n            aria-expanded={!collapsed}\n            aria-controls={bodyId}\n            onClick={() => setCollapsed((current) => !current)}\n            className=\"group flex w-full items-center gap-density-2 text-left\"\n          >\n            <Icon\n              icon={meta.icon}\n              className={cn(\n                \"size-5\",\n                meta.iconClassName ?? \"text-muted-foreground\",\n              )}\n            />\n            <span>{meta.label}</span>\n            <span className=\"text-[10px] font-bold tabular-nums text-muted-foreground/70\">\n              {number}\n            </span>\n            <Icon\n              icon={collapsed ? UiChevronRight : UiChevronDown}\n              className=\"ml-auto size-4 shrink-0 text-muted-foreground/70 group-hover:text-foreground\"\n            />\n          </button>\n        </h3>\n        <p className=\"mt-1 text-xs text-muted-foreground\">{meta.hint}</p>\n      </header>\n      {!collapsed && (\n        <div id={bodyId} className=\"mt-density-3\">\n          {children}\n          {advanced && <Disclosure hint={advancedHint}>{advanced}</Disclosure>}\n        </div>\n      )}\n    </section>\n  );\n}\n"],"names":["useState","jsxs","cn","jsx","Icon","UiChevronRight","UiChevronDown","Disclosure"],"mappings":";;;;;;;;;AAUO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA;AACF,GAUG;AACD,QAAM,CAAC,WAAW,YAAY,IAAIA,MAAAA,SAAS,gBAAgB;AAC3D,QAAM,SAAS,GAAG,KAAK;AACvB,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,cAAY,KAAK;AAAA,MACjB,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAD,gCAAC,UAAA,EACC,UAAA;AAAA,UAAAE,2BAAAA,IAAC,MAAA,EAAG,WAAU,sCACZ,UAAAF,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,iBAAe,CAAC;AAAA,cAChB,iBAAe;AAAA,cACf,SAAS,MAAM,aAAa,CAAC,YAAY,CAAC,OAAO;AAAA,cACjD,WAAU;AAAA,cAEV,UAAA;AAAA,gBAAAE,2BAAAA;AAAAA,kBAACC,KAAAA;AAAAA,kBAAA;AAAA,oBACC,MAAM,KAAK;AAAA,oBACX,WAAWF,MAAAA;AAAAA,sBACT;AAAA,sBACA,KAAK,iBAAiB;AAAA,oBAAA;AAAA,kBACxB;AAAA,gBAAA;AAAA,gBAEFC,2BAAAA,IAAC,QAAA,EAAM,UAAA,KAAK,MAAA,CAAM;AAAA,gBAClBA,2BAAAA,IAAC,QAAA,EAAK,WAAU,+DACb,UAAA,QACH;AAAA,gBACAA,2BAAAA;AAAAA,kBAACC,KAAAA;AAAAA,kBAAA;AAAA,oBACC,MAAM,YAAYC,eAAAA,iBAAiBC,cAAAA;AAAAA,oBACnC,WAAU;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACZ;AAAA,YAAA;AAAA,UAAA,GAEJ;AAAA,UACAH,2BAAAA,IAAC,KAAA,EAAE,WAAU,sCAAsC,eAAK,KAAA,CAAK;AAAA,QAAA,GAC/D;AAAA,QACC,CAAC,aACAF,2BAAAA,KAAC,SAAI,IAAI,QAAQ,WAAU,gBACxB,UAAA;AAAA,UAAA;AAAA,UACA,YAAYE,2BAAAA,IAACI,mBAAA,EAAW,MAAM,cAAe,UAAA,SAAA,CAAS;AAAA,QAAA,EAAA,CACzD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;;"}

package/dist/data/ai/SpecRuntimeEditor/SectionCard.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { SpecSectionMeta } from './types';
+export declare function SectionCard({ meta, number, domId, sectionRef, advanced, advancedHint, defaultCollapsed, children, className, }: {
+    meta: SpecSectionMeta;
+    number: string;
+    domId: string;
+    sectionRef: (element: HTMLElement | null) => void;
+    advanced?: ReactNode | undefined;
+    advancedHint?: string | undefined;
+    defaultCollapsed?: boolean | undefined;
+    children: ReactNode;
+    className?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SectionCard.d.ts.map

package/dist/data/ai/SpecRuntimeEditor/SectionCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionCard.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/SpecRuntimeEditor/SectionCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAK/C,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,MAAM,EACN,KAAK,EACL,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,gBAAwB,EACxB,QAAQ,EACR,SAAS,GACV,EAAE;IACD,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,gBAAgB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,2CAiDA"}

package/dist/data/ai/SpecRuntimeEditor/SectionCard.js

@@ -0,0 +1,77 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { Icon } from "../../Icon.js";
+import { cn } from "../../../lib/utils.js";
+import { Disclosure } from "./fields.js";
+import { UiChevronRight } from "../../../icons/components/UiChevronRight.js";
+import { UiChevronDown } from "../../../icons/components/UiChevronDown.js";
+function SectionCard({
+  meta,
+  number,
+  domId,
+  sectionRef,
+  advanced,
+  advancedHint,
+  defaultCollapsed = false,
+  children,
+  className
+}) {
+  const [collapsed, setCollapsed] = useState(defaultCollapsed);
+  const bodyId = `${domId}-body`;
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      id: domId,
+      ref: sectionRef,
+      "aria-label": meta.label,
+      className: cn(
+        "scroll-mt-4 border-t border-border py-density-4 first:border-t-0 first:pt-0",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("header", { children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-base font-bold tracking-tight", children: /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              "aria-expanded": !collapsed,
+              "aria-controls": bodyId,
+              onClick: () => setCollapsed((current) => !current),
+              className: "group flex w-full items-center gap-density-2 text-left",
+              children: [
+                /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    icon: meta.icon,
+                    className: cn(
+                      "size-5",
+                      meta.iconClassName ?? "text-muted-foreground"
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { children: meta.label }),
+                /* @__PURE__ */ jsx("span", { className: "text-[10px] font-bold tabular-nums text-muted-foreground/70", children: number }),
+                /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    icon: collapsed ? UiChevronRight : UiChevronDown,
+                    className: "ml-auto size-4 shrink-0 text-muted-foreground/70 group-hover:text-foreground"
+                  }
+                )
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: meta.hint })
+        ] }),
+        !collapsed && /* @__PURE__ */ jsxs("div", { id: bodyId, className: "mt-density-3", children: [
+          children,
+          advanced && /* @__PURE__ */ jsx(Disclosure, { hint: advancedHint, children: advanced })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  SectionCard
+};
+//# sourceMappingURL=SectionCard.js.map

package/dist/data/ai/SpecRuntimeEditor/SectionCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionCard.js","sources":["../../../../src/data/ai/SpecRuntimeEditor/SectionCard.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { Icon } from \"../../Icon\";\nimport { UiChevronDown, UiChevronRight } from \"../../../icons\";\nimport { cn } from \"../../../lib/utils\";\nimport { Disclosure } from \"./fields\";\nimport type { SpecSectionMeta } from \"./types\";\n\n// Numbered scroll-target section (design .sec): a collapsible header with icon,\n// title and hint, body, then an optional Advanced disclosure. The heading itself\n// is the toggle (WAI-ARIA accordion pattern: heading > button).\nexport function SectionCard({\n  meta,\n  number,\n  domId,\n  sectionRef,\n  advanced,\n  advancedHint,\n  defaultCollapsed = false,\n  children,\n  className,\n}: {\n  meta: SpecSectionMeta;\n  number: string;\n  domId: string;\n  sectionRef: (element: HTMLElement | null) => void;\n  advanced?: ReactNode | undefined;\n  advancedHint?: string | undefined;\n  defaultCollapsed?: boolean | undefined;\n  children: ReactNode;\n  className?: string | undefined;\n}) {\n  const [collapsed, setCollapsed] = useState(defaultCollapsed);\n  const bodyId = `${domId}-body`;\n  return (\n    <section\n      id={domId}\n      ref={sectionRef}\n      aria-label={meta.label}\n      className={cn(\n        \"scroll-mt-4 border-t border-border py-density-4 first:border-t-0 first:pt-0\",\n        className,\n      )}\n    >\n      <header>\n        <h3 className=\"text-base font-bold tracking-tight\">\n          <button\n            type=\"button\"\n            aria-expanded={!collapsed}\n            aria-controls={bodyId}\n            onClick={() => setCollapsed((current) => !current)}\n            className=\"group flex w-full items-center gap-density-2 text-left\"\n          >\n            <Icon\n              icon={meta.icon}\n              className={cn(\n                \"size-5\",\n                meta.iconClassName ?? \"text-muted-foreground\",\n              )}\n            />\n            <span>{meta.label}</span>\n            <span className=\"text-[10px] font-bold tabular-nums text-muted-foreground/70\">\n              {number}\n            </span>\n            <Icon\n              icon={collapsed ? UiChevronRight : UiChevronDown}\n              className=\"ml-auto size-4 shrink-0 text-muted-foreground/70 group-hover:text-foreground\"\n            />\n          </button>\n        </h3>\n        <p className=\"mt-1 text-xs text-muted-foreground\">{meta.hint}</p>\n      </header>\n      {!collapsed && (\n        <div id={bodyId} className=\"mt-density-3\">\n          {children}\n          {advanced && <Disclosure hint={advancedHint}>{advanced}</Disclosure>}\n        </div>\n      )}\n    </section>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAUO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA;AACF,GAUG;AACD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,gBAAgB;AAC3D,QAAM,SAAS,GAAG,KAAK;AACvB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,cAAY,KAAK;AAAA,MACjB,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,qBAAC,UAAA,EACC,UAAA;AAAA,UAAA,oBAAC,MAAA,EAAG,WAAU,sCACZ,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,iBAAe,CAAC;AAAA,cAChB,iBAAe;AAAA,cACf,SAAS,MAAM,aAAa,CAAC,YAAY,CAAC,OAAO;AAAA,cACjD,WAAU;AAAA,cAEV,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,MAAM,KAAK;AAAA,oBACX,WAAW;AAAA,sBACT;AAAA,sBACA,KAAK,iBAAiB;AAAA,oBAAA;AAAA,kBACxB;AAAA,gBAAA;AAAA,gBAEF,oBAAC,QAAA,EAAM,UAAA,KAAK,MAAA,CAAM;AAAA,gBAClB,oBAAC,QAAA,EAAK,WAAU,+DACb,UAAA,QACH;AAAA,gBACA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,MAAM,YAAY,iBAAiB;AAAA,oBACnC,WAAU;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACZ;AAAA,YAAA;AAAA,UAAA,GAEJ;AAAA,UACA,oBAAC,KAAA,EAAE,WAAU,sCAAsC,eAAK,KAAA,CAAK;AAAA,QAAA,GAC/D;AAAA,QACC,CAAC,aACA,qBAAC,SAAI,IAAI,QAAQ,WAAU,gBACxB,UAAA;AAAA,UAAA;AAAA,UACA,YAAY,oBAAC,YAAA,EAAW,MAAM,cAAe,UAAA,SAAA,CAAS;AAAA,QAAA,EAAA,CACzD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/data/ai/SpecRuntimeEditor/VerifySection.cjs

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const SegmentedControl = require("../../../components/SegmentedControl.cjs");
+const SpecRuntimeEditor_model = require("../SpecRuntimeEditor.model.cjs");
+const fields = require("./fields.cjs");
+const update = require("./update.cjs");
+const FixtureEditor = require("../../FixtureEditor/FixtureEditor.cjs");
+const UiRepeat = require("../../../icons/components/UiRepeat.cjs");
+const SCOPE_OPTIONS = SpecRuntimeEditor_model.SPEC_VERIFY_SCOPES.map((scope) => ({
+  id: scope,
+  label: scope === "all" ? "All files" : "Changed files"
+}));
+function VerifySection({
+  value,
+  onChange,
+  models,
+  families,
+  secretSelector
+}) {
+  var _a, _b, _c, _d, _e, _f;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-density-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(fields.SpecField, { label: "Verify fixture", children: /* @__PURE__ */ jsxRuntime.jsx(
+      FixtureEditor.FixtureEditor,
+      {
+        value: ((_b = (_a = value.workflow) == null ? void 0 : _a.verify) == null ? void 0 : _b.fixture) ?? "",
+        onChange: (fixture) => onChange(update.withVerify(value, { fixture })),
+        size: "sm",
+        placeholder: "Write the verify fixture markdown...",
+        frontmatterEditor: {
+          mode: "verification",
+          models,
+          families,
+          secretSelector
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-end gap-density-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(fields.SpecField, { label: "Scope", children: /* @__PURE__ */ jsxRuntime.jsx(
+        SegmentedControl.SegmentedControl,
+        {
+          "aria-label": "Verification scope",
+          size: "sm",
+          value: ((_d = (_c = value.workflow) == null ? void 0 : _c.verify) == null ? void 0 : _d.scope) || "all",
+          onChange: (scope) => onChange(update.withVerify(value, { scope })),
+          options: SCOPE_OPTIONS
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-32", children: /* @__PURE__ */ jsxRuntime.jsx(
+        fields.NumberField,
+        {
+          label: "Max iterations",
+          value: (_f = (_e = value.workflow) == null ? void 0 : _e.verify) == null ? void 0 : _f.maxIterations,
+          onChange: (maxIterations) => onChange(update.withVerify(value, { maxIterations: maxIterations ?? 0 })),
+          icon: UiRepeat.UiRepeat,
+          min: 0,
+          step: 1,
+          integer: true
+        }
+      ) })
+    ] })
+  ] });
+}
+exports.VerifySection = VerifySection;
+//# sourceMappingURL=VerifySection.cjs.map

package/dist/data/ai/SpecRuntimeEditor/VerifySection.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerifySection.cjs","sources":["../../../../src/data/ai/SpecRuntimeEditor/VerifySection.tsx"],"sourcesContent":["import { SegmentedControl } from \"../../../components/SegmentedControl\";\nimport { UiRepeat } from \"../../../icons\";\nimport { FixtureEditor } from \"../../FixtureEditor\";\nimport type { ChatModel } from \"../../chat/types\";\nimport type { SpecRuntimeFamily } from \"../runtime-mode\";\nimport {\n  SPEC_VERIFY_SCOPES,\n  type AISpecRuntimeValue,\n  type SpecVerifyScope,\n} from \"../SpecRuntimeEditor.model\";\nimport { NumberField, SpecField } from \"./fields\";\nimport type { SpecRuntimeSecretSelectorConfig } from \"./types\";\nimport { withVerify } from \"./update\";\n\nconst SCOPE_OPTIONS: Array<{ id: SpecVerifyScope; label: string }> =\n  SPEC_VERIFY_SCOPES.map((scope) => ({\n    id: scope,\n    label: scope === \"all\" ? \"All files\" : \"Changed files\",\n  }));\n\nexport function VerifySection({\n  value,\n  onChange,\n  models,\n  families,\n  secretSelector,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n  secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;\n}) {\n  return (\n    <div className=\"grid gap-density-3\">\n      <SpecField label=\"Verify fixture\">\n        <FixtureEditor\n          value={value.workflow?.verify?.fixture ?? \"\"}\n          onChange={(fixture) => onChange(withVerify(value, { fixture }))}\n          size=\"sm\"\n          placeholder=\"Write the verify fixture markdown...\"\n          frontmatterEditor={{\n            mode: \"verification\",\n            models,\n            families,\n            secretSelector,\n          }}\n        />\n      </SpecField>\n      <div className=\"flex flex-wrap items-end gap-density-3\">\n        <SpecField label=\"Scope\">\n          <SegmentedControl\n            aria-label=\"Verification scope\"\n            size=\"sm\"\n            value={(value.workflow?.verify?.scope || \"all\") as SpecVerifyScope}\n            onChange={(scope) => onChange(withVerify(value, { scope }))}\n            options={SCOPE_OPTIONS}\n          />\n        </SpecField>\n        <div className=\"w-32\">\n          <NumberField\n            label=\"Max iterations\"\n            value={value.workflow?.verify?.maxIterations}\n            onChange={(maxIterations) =>\n              onChange(withVerify(value, { maxIterations: maxIterations ?? 0 }))\n            }\n            icon={UiRepeat}\n            min={0}\n            step={1}\n            integer\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["SPEC_VERIFY_SCOPES","jsxs","jsx","SpecField","FixtureEditor","withVerify","SegmentedControl","NumberField","UiRepeat"],"mappings":";;;;;;;;;AAcA,MAAM,gBACJA,wBAAAA,mBAAmB,IAAI,CAAC,WAAW;AAAA,EACjC,IAAI;AAAA,EACJ,OAAO,UAAU,QAAQ,cAAc;AACzC,EAAE;AAEG,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;;AACD,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,IAAAC,2BAAAA,IAACC,OAAAA,WAAA,EAAU,OAAM,kBACf,UAAAD,2BAAAA;AAAAA,MAACE,cAAAA;AAAAA,MAAA;AAAA,QACC,SAAO,iBAAM,aAAN,mBAAgB,WAAhB,mBAAwB,YAAW;AAAA,QAC1C,UAAU,CAAC,YAAY,SAASC,OAAAA,WAAW,OAAO,EAAE,QAAA,CAAS,CAAC;AAAA,QAC9D,MAAK;AAAA,QACL,aAAY;AAAA,QACZ,mBAAmB;AAAA,UACjB,MAAM;AAAA,UACN;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GAEJ;AAAA,IACAJ,2BAAAA,KAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,MAAAC,2BAAAA,IAACC,OAAAA,WAAA,EAAU,OAAM,SACf,UAAAD,2BAAAA;AAAAA,QAACI,iBAAAA;AAAAA,QAAA;AAAA,UACC,cAAW;AAAA,UACX,MAAK;AAAA,UACL,SAAQ,iBAAM,aAAN,mBAAgB,WAAhB,mBAAwB,UAAS;AAAA,UACzC,UAAU,CAAC,UAAU,SAASD,OAAAA,WAAW,OAAO,EAAE,MAAA,CAAO,CAAC;AAAA,UAC1D,SAAS;AAAA,QAAA;AAAA,MAAA,GAEb;AAAA,MACAH,2BAAAA,IAAC,OAAA,EAAI,WAAU,QACb,UAAAA,2BAAAA;AAAAA,QAACK,OAAAA;AAAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO,iBAAM,aAAN,mBAAgB,WAAhB,mBAAwB;AAAA,UAC/B,UAAU,CAAC,kBACT,SAASF,OAAAA,WAAW,OAAO,EAAE,eAAe,iBAAiB,EAAA,CAAG,CAAC;AAAA,UAEnE,MAAMG,SAAAA;AAAAA,UACN,KAAK;AAAA,UACL,MAAM;AAAA,UACN,SAAO;AAAA,QAAA;AAAA,MAAA,EACT,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;;"}

package/dist/data/ai/SpecRuntimeEditor/VerifySection.d.ts

@@ -0,0 +1,12 @@
+import { ChatModel } from '../../chat/types';
+import { SpecRuntimeFamily } from '../runtime-mode';
+import { AISpecRuntimeValue } from '../SpecRuntimeEditor.model';
+import { SpecRuntimeSecretSelectorConfig } from './types';
+export declare function VerifySection({ value, onChange, models, families, secretSelector, }: {
+    value: AISpecRuntimeValue;
+    onChange: (value: AISpecRuntimeValue) => void;
+    models?: ChatModel[] | undefined;
+    families?: SpecRuntimeFamily[] | undefined;
+    secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=VerifySection.d.ts.map

package/dist/data/ai/SpecRuntimeEditor/VerifySection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerifySection.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/SpecRuntimeEditor/VerifySection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAEL,KAAK,kBAAkB,EAExB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAS/D,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,cAAc,GACf,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;IAC3C,cAAc,CAAC,EAAE,+BAA+B,GAAG,SAAS,CAAC;CAC9D,2CA2CA"}

package/dist/data/ai/SpecRuntimeEditor/VerifySection.js

@@ -0,0 +1,65 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { SegmentedControl } from "../../../components/SegmentedControl.js";
+import { SPEC_VERIFY_SCOPES } from "../SpecRuntimeEditor.model.js";
+import { SpecField, NumberField } from "./fields.js";
+import { withVerify } from "./update.js";
+import { FixtureEditor } from "../../FixtureEditor/FixtureEditor.js";
+import { UiRepeat } from "../../../icons/components/UiRepeat.js";
+const SCOPE_OPTIONS = SPEC_VERIFY_SCOPES.map((scope) => ({
+  id: scope,
+  label: scope === "all" ? "All files" : "Changed files"
+}));
+function VerifySection({
+  value,
+  onChange,
+  models,
+  families,
+  secretSelector
+}) {
+  var _a, _b, _c, _d, _e, _f;
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-density-3", children: [
+    /* @__PURE__ */ jsx(SpecField, { label: "Verify fixture", children: /* @__PURE__ */ jsx(
+      FixtureEditor,
+      {
+        value: ((_b = (_a = value.workflow) == null ? void 0 : _a.verify) == null ? void 0 : _b.fixture) ?? "",
+        onChange: (fixture) => onChange(withVerify(value, { fixture })),
+        size: "sm",
+        placeholder: "Write the verify fixture markdown...",
+        frontmatterEditor: {
+          mode: "verification",
+          models,
+          families,
+          secretSelector
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-end gap-density-3", children: [
+      /* @__PURE__ */ jsx(SpecField, { label: "Scope", children: /* @__PURE__ */ jsx(
+        SegmentedControl,
+        {
+          "aria-label": "Verification scope",
+          size: "sm",
+          value: ((_d = (_c = value.workflow) == null ? void 0 : _c.verify) == null ? void 0 : _d.scope) || "all",
+          onChange: (scope) => onChange(withVerify(value, { scope })),
+          options: SCOPE_OPTIONS
+        }
+      ) }),
+      /* @__PURE__ */ jsx("div", { className: "w-32", children: /* @__PURE__ */ jsx(
+        NumberField,
+        {
+          label: "Max iterations",
+          value: (_f = (_e = value.workflow) == null ? void 0 : _e.verify) == null ? void 0 : _f.maxIterations,
+          onChange: (maxIterations) => onChange(withVerify(value, { maxIterations: maxIterations ?? 0 })),
+          icon: UiRepeat,
+          min: 0,
+          step: 1,
+          integer: true
+        }
+      ) })
+    ] })
+  ] });
+}
+export {
+  VerifySection
+};
+//# sourceMappingURL=VerifySection.js.map

package/dist/data/ai/SpecRuntimeEditor/VerifySection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerifySection.js","sources":["../../../../src/data/ai/SpecRuntimeEditor/VerifySection.tsx"],"sourcesContent":["import { SegmentedControl } from \"../../../components/SegmentedControl\";\nimport { UiRepeat } from \"../../../icons\";\nimport { FixtureEditor } from \"../../FixtureEditor\";\nimport type { ChatModel } from \"../../chat/types\";\nimport type { SpecRuntimeFamily } from \"../runtime-mode\";\nimport {\n  SPEC_VERIFY_SCOPES,\n  type AISpecRuntimeValue,\n  type SpecVerifyScope,\n} from \"../SpecRuntimeEditor.model\";\nimport { NumberField, SpecField } from \"./fields\";\nimport type { SpecRuntimeSecretSelectorConfig } from \"./types\";\nimport { withVerify } from \"./update\";\n\nconst SCOPE_OPTIONS: Array<{ id: SpecVerifyScope; label: string }> =\n  SPEC_VERIFY_SCOPES.map((scope) => ({\n    id: scope,\n    label: scope === \"all\" ? \"All files\" : \"Changed files\",\n  }));\n\nexport function VerifySection({\n  value,\n  onChange,\n  models,\n  families,\n  secretSelector,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n  secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;\n}) {\n  return (\n    <div className=\"grid gap-density-3\">\n      <SpecField label=\"Verify fixture\">\n        <FixtureEditor\n          value={value.workflow?.verify?.fixture ?? \"\"}\n          onChange={(fixture) => onChange(withVerify(value, { fixture }))}\n          size=\"sm\"\n          placeholder=\"Write the verify fixture markdown...\"\n          frontmatterEditor={{\n            mode: \"verification\",\n            models,\n            families,\n            secretSelector,\n          }}\n        />\n      </SpecField>\n      <div className=\"flex flex-wrap items-end gap-density-3\">\n        <SpecField label=\"Scope\">\n          <SegmentedControl\n            aria-label=\"Verification scope\"\n            size=\"sm\"\n            value={(value.workflow?.verify?.scope || \"all\") as SpecVerifyScope}\n            onChange={(scope) => onChange(withVerify(value, { scope }))}\n            options={SCOPE_OPTIONS}\n          />\n        </SpecField>\n        <div className=\"w-32\">\n          <NumberField\n            label=\"Max iterations\"\n            value={value.workflow?.verify?.maxIterations}\n            onChange={(maxIterations) =>\n              onChange(withVerify(value, { maxIterations: maxIterations ?? 0 }))\n            }\n            icon={UiRepeat}\n            min={0}\n            step={1}\n            integer\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAcA,MAAM,gBACJ,mBAAmB,IAAI,CAAC,WAAW;AAAA,EACjC,IAAI;AAAA,EACJ,OAAO,UAAU,QAAQ,cAAc;AACzC,EAAE;AAEG,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;;AACD,SACE,qBAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,IAAA,oBAAC,WAAA,EAAU,OAAM,kBACf,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAO,iBAAM,aAAN,mBAAgB,WAAhB,mBAAwB,YAAW;AAAA,QAC1C,UAAU,CAAC,YAAY,SAAS,WAAW,OAAO,EAAE,QAAA,CAAS,CAAC;AAAA,QAC9D,MAAK;AAAA,QACL,aAAY;AAAA,QACZ,mBAAmB;AAAA,UACjB,MAAM;AAAA,UACN;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GAEJ;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,MAAA,oBAAC,WAAA,EAAU,OAAM,SACf,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,cAAW;AAAA,UACX,MAAK;AAAA,UACL,SAAQ,iBAAM,aAAN,mBAAgB,WAAhB,mBAAwB,UAAS;AAAA,UACzC,UAAU,CAAC,UAAU,SAAS,WAAW,OAAO,EAAE,MAAA,CAAO,CAAC;AAAA,UAC1D,SAAS;AAAA,QAAA;AAAA,MAAA,GAEb;AAAA,MACA,oBAAC,OAAA,EAAI,WAAU,QACb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO,iBAAM,aAAN,mBAAgB,WAAhB,mBAAwB;AAAA,UAC/B,UAAU,CAAC,kBACT,SAAS,WAAW,OAAO,EAAE,eAAe,iBAAiB,EAAA,CAAG,CAAC;AAAA,UAEnE,MAAM;AAAA,UACN,KAAK;AAAA,UACL,MAAM;AAAA,UACN,SAAO;AAAA,QAAA;AAAA,MAAA,EACT,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}