@flanksource/clicky-ui 0.3.29 → 0.3.31

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

@@ -0,0 +1,313 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { AccordionList } from "../../../components/AccordionList.js";
+import { Combobox } from "../../../components/Combobox.js";
+import { Select } from "../../../components/select.js";
+import { SegmentedControl } from "../../../components/SegmentedControl.js";
+import { cn } from "../../../lib/utils.js";
+import { HoverCard } from "../../../overlay/HoverCard.js";
+import { strategyPreset, activeMatchFields, MATCH_FIELDS, applyStrategyPreset, STRATEGY_PRESETS, MATCH_FIELD_OPTIONS, addCondition, matchingTools, conditionText } from "../../../lib/permission-strategies.js";
+import { PermissionStrategyConditionRow } from "./PermissionStrategyConditionRow.js";
+import { UiListChecks } from "../../../icons/components/UiListChecks.js";
+import { UiEye } from "../../../icons/components/UiEye.js";
+import { UiWarningTriangle } from "../../../icons/components/UiWarningTriangle.js";
+import { UiRepeat } from "../../../icons/components/UiRepeat.js";
+import { UiSliders } from "../../../icons/components/UiSliders.js";
+import { UiSparkles } from "../../../icons/components/UiSparkles.js";
+import { UiQuestion } from "../../../icons/components/UiQuestion.js";
+import { UiShieldSlash } from "../../../icons/components/UiShieldSlash.js";
+import { UiShieldCheck } from "../../../icons/components/UiShield.js";
+function PermissionStrategiesEditor({
+  value,
+  tools,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxs("section", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: "Permission strategies" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Match tool metadata and assign authority. Later rows win." })
+    ] }),
+    /* @__PURE__ */ jsx(
+      AccordionList,
+      {
+        items: value,
+        onChange,
+        allowDrag: true,
+        allowReorder: true,
+        allowDuplicate: true,
+        allowRemove: true,
+        cloneItem: (rule) => structuredClone(rule),
+        onCreate: () => ({ name: "*", policy: "ask" }),
+        addLabel: "Add permission strategy",
+        addDescription: "Start with a common match preset or define custom conditions.",
+        itemLabel: ({ item, index }) => `Permission strategy ${index + 1}: ${strategyLabel(item)}`,
+        idPrefix: "permission-strategy",
+        renderHeader: ({ item }) => /* @__PURE__ */ jsx(StrategyHeader, { rule: item }),
+        renderMeta: ({ item }) => /* @__PURE__ */ jsx(MatchCountBadge, { rule: item, tools }),
+        renderBody: ({ item, onChange: changeRule }) => /* @__PURE__ */ jsx(
+          PermissionStrategyFields,
+          {
+            value: item,
+            tools,
+            onChange: changeRule
+          }
+        )
+      }
+    )
+  ] });
+}
+function StrategyHeader({ rule }) {
+  const preset = strategyPreset(rule);
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "flex size-7 shrink-0 items-center justify-center rounded-md",
+          strategyIconStyle(preset)
+        ),
+        children: /* @__PURE__ */ jsx(StrategyIcon, { preset, className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm font-medium", children: strategyLabel(rule) }),
+    /* @__PURE__ */ jsx(PolicyBadge, { policy: rule.policy })
+  ] });
+}
+function PermissionStrategyFields({
+  value,
+  tools,
+  onChange
+}) {
+  const inferredPreset = strategyPreset(value);
+  const [custom, setCustom] = useState(inferredPreset === "custom");
+  const preset = custom ? "custom" : inferredPreset;
+  const fields = activeMatchFields(value);
+  const available = MATCH_FIELDS.filter((field) => !fields.includes(field));
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-3 md:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-1 text-xs font-medium", children: [
+        /* @__PURE__ */ jsx("span", { children: "Match preset" }),
+        /* @__PURE__ */ jsx(
+          Combobox,
+          {
+            ariaLabel: "Match preset",
+            value: preset,
+            options: STRATEGY_PRESETS.map((option) => ({
+              value: option.value,
+              label: option.label,
+              description: option.description,
+              icon: /* @__PURE__ */ jsx(StrategyIcon, { preset: option.value, className: "size-4" })
+            })),
+            onChange: (nextValue) => {
+              const next = nextValue;
+              setCustom(next === "custom");
+              if (next === "custom") {
+                if (inferredPreset !== "custom") {
+                  onChange({ group: "*", policy: value.policy });
+                }
+                return;
+              }
+              onChange(applyStrategyPreset(value, next));
+            },
+            allowCustomValue: false,
+            required: true
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        PolicyControl,
+        {
+          value: value.policy,
+          onChange: (policy) => onChange({ ...value, policy })
+        }
+      )
+    ] }),
+    preset === "custom" ? /* @__PURE__ */ jsxs("div", { className: "space-y-2 rounded-lg border border-border bg-background p-3", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h4", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Match conditions" }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Every condition must match. Comma-separated patterns within one field are alternatives." })
+      ] }),
+      fields.map((field, index) => /* @__PURE__ */ jsx(
+        PermissionStrategyConditionRow,
+        {
+          rule: value,
+          field,
+          index,
+          tools,
+          onChange
+        },
+        `${field}-${index}`
+      )),
+      available.length > 0 && /* @__PURE__ */ jsxs("label", { className: "grid gap-1 text-xs font-medium sm:max-w-xs", children: [
+        "Add condition",
+        /* @__PURE__ */ jsx(
+          Select,
+          {
+            value: "",
+            placeholder: "Choose metadata…",
+            onChange: (event) => onChange(
+              addCondition(value, event.target.value)
+            ),
+            options: MATCH_FIELD_OPTIONS.filter(
+              (option) => available.includes(option.value)
+            ),
+            className: "border-dashed text-muted-foreground"
+          }
+        )
+      ] })
+    ] }) : null
+  ] });
+}
+function PolicyControl({
+  value,
+  onChange
+}) {
+  const options = [
+    { id: "auto", label: "Auto", icon: UiSparkles },
+    { id: "ask", label: "Ask", icon: UiQuestion },
+    { id: "deny", label: "Off", icon: UiShieldSlash },
+    { id: "allow", label: "On", icon: UiShieldCheck }
+  ];
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-1 text-xs font-medium", children: [
+    /* @__PURE__ */ jsx("span", { children: "Policy" }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-testid": "permission-policy-control",
+        "data-policy": value,
+        className: cn("rounded-md border p-1", policyStyle(value)),
+        children: /* @__PURE__ */ jsx(
+          SegmentedControl,
+          {
+            "aria-label": "Policy",
+            value,
+            options,
+            onChange,
+            size: "sm",
+            className: "w-full justify-stretch"
+          }
+        )
+      }
+    )
+  ] });
+}
+function MatchCountBadge({
+  rule,
+  tools
+}) {
+  const matches = matchingTools(rule, tools);
+  const label = `${matches.length} matching ${matches.length === 1 ? "operation" : "operations"}`;
+  return /* @__PURE__ */ jsxs(
+    HoverCard,
+    {
+      placement: "top",
+      cardClassName: "max-w-sm whitespace-normal p-3",
+      trigger: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          "aria-label": label,
+          className: "inline-flex items-center gap-1.5 rounded-full border border-border bg-muted/40 px-2.5 py-1 text-xs font-semibold text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          children: [
+            /* @__PURE__ */ jsx(UiListChecks, { className: "size-3.5" }),
+            label
+          ]
+        }
+      ),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold text-foreground", children: label }),
+        matches.length > 0 ? /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-1.5", children: matches.map((tool) => /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "rounded border border-border bg-muted/40 px-2 py-1 font-mono text-[11px] text-foreground",
+            children: tool.name
+          },
+          tool.name
+        )) }) : /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "No catalog operation matches every condition." })
+      ]
+    }
+  );
+}
+function PolicyBadge({ policy }) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "aria-label": `Policy: ${policyLabel(policy)}`,
+      className: cn(
+        "flex shrink-0 items-center gap-1 rounded-full border px-2 py-0.5 text-[10px] font-semibold",
+        policyStyle(policy)
+      ),
+      children: [
+        /* @__PURE__ */ jsx(PolicyIcon, { policy, className: "size-3" }),
+        policyLabel(policy)
+      ]
+    }
+  );
+}
+function StrategyIcon({
+  preset,
+  className
+}) {
+  if (preset === "all") return /* @__PURE__ */ jsx(UiListChecks, { className });
+  if (preset === "read-only") return /* @__PURE__ */ jsx(UiEye, { className });
+  if (preset === "destructive")
+    return /* @__PURE__ */ jsx(UiWarningTriangle, { className });
+  if (preset === "idempotent") return /* @__PURE__ */ jsx(UiRepeat, { className });
+  return /* @__PURE__ */ jsx(UiSliders, { className });
+}
+function PolicyIcon({
+  policy,
+  className
+}) {
+  if (policy === "allow") return /* @__PURE__ */ jsx(UiShieldCheck, { className });
+  if (policy === "deny") return /* @__PURE__ */ jsx(UiShieldSlash, { className });
+  if (policy === "ask") return /* @__PURE__ */ jsx(UiQuestion, { className });
+  return /* @__PURE__ */ jsx(UiSparkles, { className });
+}
+function strategyLabel(rule) {
+  var _a, _b;
+  const preset = strategyPreset(rule);
+  if (preset !== "custom") {
+    return ((_a = STRATEGY_PRESETS.find((option) => option.value === preset)) == null ? void 0 : _a.label) ?? "All tools";
+  }
+  const fields = activeMatchFields(rule);
+  if (fields.length !== 1) {
+    return `Custom conditions · ${fields.length} conditions`;
+  }
+  const field = fields[0];
+  if (!field) return "Custom conditions";
+  const label = ((_b = MATCH_FIELD_OPTIONS.find((option) => option.value === field)) == null ? void 0 : _b.label) ?? field;
+  const value = conditionText(rule, field);
+  if (Array.isArray(rule[field])) {
+    return `Custom conditions · ${label} in ${rule[field].length} values`;
+  }
+  const displayValue = value === "true" ? "Yes" : value === "false" ? "No" : value;
+  return `Custom conditions · ${label} ${displayValue}`;
+}
+function policyLabel(policy) {
+  if (policy === "allow") return "On";
+  if (policy === "deny") return "Off";
+  if (policy === "ask") return "Ask";
+  return "Auto";
+}
+function strategyIconStyle(preset) {
+  if (preset === "read-only") return "bg-emerald-500/10 text-emerald-700";
+  if (preset === "destructive") return "bg-red-500/10 text-red-700";
+  if (preset === "idempotent") return "bg-sky-500/10 text-sky-700";
+  if (preset === "all") return "bg-violet-500/10 text-violet-700";
+  return "bg-muted text-muted-foreground";
+}
+function policyStyle(policy) {
+  if (policy === "allow") {
+    return "border-emerald-500/30 bg-emerald-500/10 text-emerald-700";
+  }
+  if (policy === "deny") return "border-red-500/30 bg-red-500/10 text-red-700";
+  if (policy === "ask") {
+    return "border-amber-500/30 bg-amber-500/10 text-amber-700";
+  }
+  return "border-violet-500/30 bg-violet-500/10 text-violet-700";
+}
+export {
+  PermissionStrategiesEditor
+};
+//# sourceMappingURL=PermissionStrategiesEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionStrategiesEditor.js","sources":["../../../../src/data/ai/runtime-profiles/PermissionStrategiesEditor.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { AccordionList } from \"../../../components/AccordionList\";\nimport { Combobox } from \"../../../components/Combobox\";\nimport { Select } from \"../../../components/select\";\nimport {\n  SegmentedControl,\n  type SegmentedOption,\n} from \"../../../components/SegmentedControl\";\nimport {\n  UiEye,\n  UiListChecks,\n  UiQuestion,\n  UiRepeat,\n  UiShieldCheck,\n  UiShieldSlash,\n  UiSliders,\n  UiSparkles,\n  UiWarningTriangle,\n} from \"../../../icons\";\nimport { cn } from \"../../../lib/utils\";\nimport { HoverCard } from \"../../../overlay/HoverCard\";\nimport type { PermissionPolicy, PermissionRule } from \"../../chat/tool-policy\";\nimport type { ToolMeta, ToolPolicy } from \"../../chat/types\";\nimport {\n  MATCH_FIELDS,\n  MATCH_FIELD_OPTIONS,\n  STRATEGY_PRESETS,\n  activeMatchFields,\n  addCondition,\n  applyStrategyPreset,\n  conditionText,\n  matchingTools,\n  strategyPreset,\n  type MatchField,\n  type StrategyPreset,\n} from \"../../../lib/permission-strategies\";\nimport { PermissionStrategyConditionRow } from \"./PermissionStrategyConditionRow\";\n\nexport function PermissionStrategiesEditor({\n  value,\n  tools,\n  onChange,\n}: {\n  value: PermissionPolicy;\n  tools: ToolMeta[];\n  onChange: (value: PermissionPolicy) => void;\n}) {\n  return (\n    <section className=\"space-y-2\">\n      <div>\n        <h3 className=\"text-sm font-semibold\">Permission strategies</h3>\n        <p className=\"text-xs text-muted-foreground\">\n          Match tool metadata and assign authority. Later rows win.\n        </p>\n      </div>\n      <AccordionList\n        items={value}\n        onChange={onChange}\n        allowDrag\n        allowReorder\n        allowDuplicate\n        allowRemove\n        cloneItem={(rule) => structuredClone(rule)}\n        onCreate={(): PermissionRule => ({ name: \"*\", policy: \"ask\" })}\n        addLabel=\"Add permission strategy\"\n        addDescription=\"Start with a common match preset or define custom conditions.\"\n        itemLabel={({ item, index }) =>\n          `Permission strategy ${index + 1}: ${strategyLabel(item)}`\n        }\n        idPrefix=\"permission-strategy\"\n        renderHeader={({ item }) => <StrategyHeader rule={item} />}\n        renderMeta={({ item }) => <MatchCountBadge rule={item} tools={tools} />}\n        renderBody={({ item, onChange: changeRule }) => (\n          <PermissionStrategyFields\n            value={item}\n            tools={tools}\n            onChange={changeRule}\n          />\n        )}\n      />\n    </section>\n  );\n}\n\nfunction StrategyHeader({ rule }: { rule: PermissionRule }) {\n  const preset = strategyPreset(rule);\n  return (\n    <div className=\"flex min-w-0 flex-1 items-center gap-2\">\n      <span\n        className={cn(\n          \"flex size-7 shrink-0 items-center justify-center rounded-md\",\n          strategyIconStyle(preset),\n        )}\n      >\n        <StrategyIcon preset={preset} className=\"size-4\" />\n      </span>\n      <span className=\"min-w-0 flex-1 truncate text-sm font-medium\">\n        {strategyLabel(rule)}\n      </span>\n      <PolicyBadge policy={rule.policy} />\n    </div>\n  );\n}\n\nfunction PermissionStrategyFields({\n  value,\n  tools,\n  onChange,\n}: {\n  value: PermissionRule;\n  tools: ToolMeta[];\n  onChange: (value: PermissionRule) => void;\n}) {\n  const inferredPreset = strategyPreset(value);\n  const [custom, setCustom] = useState(inferredPreset === \"custom\");\n  const preset = custom ? \"custom\" : inferredPreset;\n  const fields = activeMatchFields(value);\n  const available = MATCH_FIELDS.filter((field) => !fields.includes(field));\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"grid gap-3 md:grid-cols-2\">\n        <div className=\"grid gap-1 text-xs font-medium\">\n          <span>Match preset</span>\n          <Combobox\n            ariaLabel=\"Match preset\"\n            value={preset}\n            options={STRATEGY_PRESETS.map((option) => ({\n              value: option.value,\n              label: option.label,\n              description: option.description,\n              icon: <StrategyIcon preset={option.value} className=\"size-4\" />,\n            }))}\n            onChange={(nextValue) => {\n              const next = nextValue as StrategyPreset;\n              setCustom(next === \"custom\");\n              if (next === \"custom\") {\n                if (inferredPreset !== \"custom\") {\n                  onChange({ group: \"*\", policy: value.policy });\n                }\n                return;\n              }\n              onChange(applyStrategyPreset(value, next));\n            }}\n            allowCustomValue={false}\n            required\n          />\n        </div>\n        <PolicyControl\n          value={value.policy}\n          onChange={(policy) => onChange({ ...value, policy })}\n        />\n      </div>\n\n      {preset === \"custom\" ? (\n        <div className=\"space-y-2 rounded-lg border border-border bg-background p-3\">\n          <div>\n            <h4 className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n              Match conditions\n            </h4>\n            <p className=\"text-xs text-muted-foreground\">\n              Every condition must match. Comma-separated patterns within one\n              field are alternatives.\n            </p>\n          </div>\n          {fields.map((field, index) => (\n            <PermissionStrategyConditionRow\n              key={`${field}-${index}`}\n              rule={value}\n              field={field}\n              index={index}\n              tools={tools}\n              onChange={onChange}\n            />\n          ))}\n          {available.length > 0 && (\n            <label className=\"grid gap-1 text-xs font-medium sm:max-w-xs\">\n              Add condition\n              <Select\n                value=\"\"\n                placeholder=\"Choose metadata…\"\n                onChange={(event) =>\n                  onChange(\n                    addCondition(value, event.target.value as MatchField),\n                  )\n                }\n                options={MATCH_FIELD_OPTIONS.filter((option) =>\n                  available.includes(option.value),\n                )}\n                className=\"border-dashed text-muted-foreground\"\n              />\n            </label>\n          )}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nfunction PolicyControl({\n  value,\n  onChange,\n}: {\n  value: ToolPolicy;\n  onChange: (value: ToolPolicy) => void;\n}) {\n  const options: SegmentedOption<ToolPolicy>[] = [\n    { id: \"auto\", label: \"Auto\", icon: UiSparkles },\n    { id: \"ask\", label: \"Ask\", icon: UiQuestion },\n    { id: \"deny\", label: \"Off\", icon: UiShieldSlash },\n    { id: \"allow\", label: \"On\", icon: UiShieldCheck },\n  ];\n  return (\n    <div className=\"grid gap-1 text-xs font-medium\">\n      <span>Policy</span>\n      <div\n        data-testid=\"permission-policy-control\"\n        data-policy={value}\n        className={cn(\"rounded-md border p-1\", policyStyle(value))}\n      >\n        <SegmentedControl\n          aria-label=\"Policy\"\n          value={value}\n          options={options}\n          onChange={onChange}\n          size=\"sm\"\n          className=\"w-full justify-stretch\"\n        />\n      </div>\n    </div>\n  );\n}\n\nfunction MatchCountBadge({\n  rule,\n  tools,\n}: {\n  rule: PermissionRule;\n  tools: ToolMeta[];\n}) {\n  const matches = matchingTools(rule, tools);\n  const label = `${matches.length} matching ${\n    matches.length === 1 ? \"operation\" : \"operations\"\n  }`;\n  return (\n    <HoverCard\n      placement=\"top\"\n      cardClassName=\"max-w-sm whitespace-normal p-3\"\n      trigger={\n        <button\n          type=\"button\"\n          aria-label={label}\n          className=\"inline-flex items-center gap-1.5 rounded-full border border-border bg-muted/40 px-2.5 py-1 text-xs font-semibold text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          <UiListChecks className=\"size-3.5\" />\n          {label}\n        </button>\n      }\n    >\n      <div className=\"text-xs font-semibold text-foreground\">{label}</div>\n      {matches.length > 0 ? (\n        <div className=\"mt-2 flex flex-wrap gap-1.5\">\n          {matches.map((tool) => (\n            <span\n              key={tool.name}\n              className=\"rounded border border-border bg-muted/40 px-2 py-1 font-mono text-[11px] text-foreground\"\n            >\n              {tool.name}\n            </span>\n          ))}\n        </div>\n      ) : (\n        <p className=\"mt-1 text-xs text-muted-foreground\">\n          No catalog operation matches every condition.\n        </p>\n      )}\n    </HoverCard>\n  );\n}\n\nfunction PolicyBadge({ policy }: { policy: ToolPolicy }) {\n  return (\n    <span\n      aria-label={`Policy: ${policyLabel(policy)}`}\n      className={cn(\n        \"flex shrink-0 items-center gap-1 rounded-full border px-2 py-0.5 text-[10px] font-semibold\",\n        policyStyle(policy),\n      )}\n    >\n      <PolicyIcon policy={policy} className=\"size-3\" />\n      {policyLabel(policy)}\n    </span>\n  );\n}\n\nfunction StrategyIcon({\n  preset,\n  className,\n}: {\n  preset: StrategyPreset;\n  className?: string;\n}) {\n  if (preset === \"all\") return <UiListChecks className={className} />;\n  if (preset === \"read-only\") return <UiEye className={className} />;\n  if (preset === \"destructive\")\n    return <UiWarningTriangle className={className} />;\n  if (preset === \"idempotent\") return <UiRepeat className={className} />;\n  return <UiSliders className={className} />;\n}\n\nfunction PolicyIcon({\n  policy,\n  className,\n}: {\n  policy: ToolPolicy;\n  className?: string;\n}) {\n  if (policy === \"allow\") return <UiShieldCheck className={className} />;\n  if (policy === \"deny\") return <UiShieldSlash className={className} />;\n  if (policy === \"ask\") return <UiQuestion className={className} />;\n  return <UiSparkles className={className} />;\n}\n\nfunction strategyLabel(rule: PermissionRule): string {\n  const preset = strategyPreset(rule);\n  if (preset !== \"custom\") {\n    return (\n      STRATEGY_PRESETS.find((option) => option.value === preset)?.label ??\n      \"All tools\"\n    );\n  }\n  const fields = activeMatchFields(rule);\n  if (fields.length !== 1) {\n    return `Custom conditions · ${fields.length} conditions`;\n  }\n  const field = fields[0];\n  if (!field) return \"Custom conditions\";\n  const label =\n    MATCH_FIELD_OPTIONS.find((option) => option.value === field)?.label ??\n    field;\n  const value = conditionText(rule, field);\n  if (Array.isArray(rule[field])) {\n    return `Custom conditions · ${label} in ${rule[field].length} values`;\n  }\n  const displayValue =\n    value === \"true\" ? \"Yes\" : value === \"false\" ? \"No\" : value;\n  return `Custom conditions · ${label} ${displayValue}`;\n}\n\nfunction policyLabel(policy: ToolPolicy): string {\n  if (policy === \"allow\") return \"On\";\n  if (policy === \"deny\") return \"Off\";\n  if (policy === \"ask\") return \"Ask\";\n  return \"Auto\";\n}\n\nfunction strategyIconStyle(preset: StrategyPreset): string {\n  if (preset === \"read-only\") return \"bg-emerald-500/10 text-emerald-700\";\n  if (preset === \"destructive\") return \"bg-red-500/10 text-red-700\";\n  if (preset === \"idempotent\") return \"bg-sky-500/10 text-sky-700\";\n  if (preset === \"all\") return \"bg-violet-500/10 text-violet-700\";\n  return \"bg-muted text-muted-foreground\";\n}\n\nfunction policyStyle(policy: ToolPolicy): string {\n  if (policy === \"allow\") {\n    return \"border-emerald-500/30 bg-emerald-500/10 text-emerald-700\";\n  }\n  if (policy === \"deny\") return \"border-red-500/30 bg-red-500/10 text-red-700\";\n  if (policy === \"ask\") {\n    return \"border-amber-500/30 bg-amber-500/10 text-amber-700\";\n  }\n  return \"border-violet-500/30 bg-violet-500/10 text-violet-700\";\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const Combobox = require("../../../components/Combobox.cjs");
+const select = require("../../../components/select.cjs");
+const permissionStrategies = require("../../../lib/permission-strategies.cjs");
+const UiTrash = require("../../../icons/components/UiTrash.cjs");
+function PermissionStrategyConditionRow({
+  rule,
+  field,
+  index,
+  tools,
+  onChange
+}) {
+  const hint = permissionStrategies.isHintField(field);
+  const multiple = !hint && Array.isArray(rule[field]);
+  const suggestions = hint ? [] : permissionStrategies.toolFieldSuggestions(tools, field);
+  const options = suggestions.map((value) => ({ value, label: value }));
+  const setPattern = (value) => {
+    if (hint) throw new Error(`${field} is not a pattern condition`);
+    onChange(permissionStrategies.updatePatternCondition({ rule, field, value }));
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2 sm:grid-cols-[9rem_4.5rem_minmax(0,1fr)_2.25rem]", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      select.Select,
+      {
+        "aria-label": `Match field ${index + 1}`,
+        value: field,
+        onChange: (event) => onChange(
+          permissionStrategies.replaceMatchField(rule, field, event.target.value)
+        ),
+        options: permissionStrategies.MATCH_FIELD_OPTIONS
+      }
+    ),
+    hint ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-control-h items-center justify-center rounded-md border border-input bg-muted/30 text-xs font-medium text-muted-foreground", children: "is" }) : /* @__PURE__ */ jsxRuntime.jsx(
+      select.Select,
+      {
+        "aria-label": `Match operator ${index + 1}`,
+        value: multiple ? "in" : "is",
+        onChange: (event) => {
+          const values = permissionStrategies.patternValues(rule[field]);
+          setPattern(
+            event.target.value === "in" ? values : values[0] ?? ""
+          );
+        },
+        options: [
+          { value: "is", label: "is" },
+          { value: "in", label: "in" }
+        ]
+      }
+    ),
+    hint ? /* @__PURE__ */ jsxRuntime.jsx(
+      select.Select,
+      {
+        "aria-label": `Match value ${index + 1}`,
+        value: permissionStrategies.conditionText(rule, field),
+        onChange: (event) => onChange(permissionStrategies.updateCondition(rule, field, event.target.value)),
+        options: [
+          { value: "true", label: "Yes" },
+          { value: "false", label: "No" }
+        ]
+      }
+    ) : multiple ? /* @__PURE__ */ jsxRuntime.jsx(
+      Combobox.Combobox,
+      {
+        ariaLabel: `Match values ${index + 1}`,
+        multiple: true,
+        variant: "tags",
+        value: permissionStrategies.patternValues(rule[field]),
+        options,
+        allowCustomValue: true,
+        separators: [","],
+        onChange: setPattern
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      Combobox.Combobox,
+      {
+        ariaLabel: `Match value ${index + 1}`,
+        value: permissionStrategies.conditionText(rule, field),
+        options,
+        allowCustomValue: true,
+        onChange: setPattern
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": `Remove match condition ${index + 1}`,
+        onClick: () => onChange(permissionStrategies.removeCondition(rule, field)),
+        className: "flex size-9 items-center justify-center rounded-md text-muted-foreground hover:bg-destructive/10 hover:text-destructive",
+        children: /* @__PURE__ */ jsxRuntime.jsx(UiTrash.UiTrash, { className: "size-4" })
+      }
+    )
+  ] });
+}
+exports.PermissionStrategyConditionRow = PermissionStrategyConditionRow;
+//# sourceMappingURL=PermissionStrategyConditionRow.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionStrategyConditionRow.cjs","sources":["../../../../src/data/ai/runtime-profiles/PermissionStrategyConditionRow.tsx"],"sourcesContent":["import { Combobox } from \"../../../components/Combobox\";\nimport { Select } from \"../../../components/select\";\nimport { UiTrash } from \"../../../icons\";\nimport type { MatchPatterns, PermissionRule } from \"../../chat/tool-policy\";\nimport type { ToolMeta } from \"../../chat/types\";\nimport {\n  MATCH_FIELD_OPTIONS,\n  conditionText,\n  isHintField,\n  patternValues,\n  removeCondition,\n  replaceMatchField,\n  toolFieldSuggestions,\n  updateCondition,\n  updatePatternCondition,\n  type MatchField,\n} from \"../../../lib/permission-strategies\";\n\nexport function PermissionStrategyConditionRow({\n  rule,\n  field,\n  index,\n  tools,\n  onChange,\n}: {\n  rule: PermissionRule;\n  field: MatchField;\n  index: number;\n  tools: ToolMeta[];\n  onChange: (value: PermissionRule) => void;\n}) {\n  const hint = isHintField(field);\n  const multiple = !hint && Array.isArray(rule[field]);\n  const suggestions = hint ? [] : toolFieldSuggestions(tools, field);\n  const options = suggestions.map((value) => ({ value, label: value }));\n  const setPattern = (value: MatchPatterns) => {\n    if (hint) throw new Error(`${field} is not a pattern condition`);\n    onChange(updatePatternCondition({ rule, field, value }));\n  };\n\n  return (\n    <div className=\"grid gap-2 sm:grid-cols-[9rem_4.5rem_minmax(0,1fr)_2.25rem]\">\n      <Select\n        aria-label={`Match field ${index + 1}`}\n        value={field}\n        onChange={(event) =>\n          onChange(\n            replaceMatchField(rule, field, event.target.value as MatchField),\n          )\n        }\n        options={MATCH_FIELD_OPTIONS}\n      />\n      {hint ? (\n        <span className=\"flex h-control-h items-center justify-center rounded-md border border-input bg-muted/30 text-xs font-medium text-muted-foreground\">\n          is\n        </span>\n      ) : (\n        <Select\n          aria-label={`Match operator ${index + 1}`}\n          value={multiple ? \"in\" : \"is\"}\n          onChange={(event) => {\n            const values = patternValues(rule[field]);\n            setPattern(\n              event.target.value === \"in\" ? values : (values[0] ?? \"\"),\n            );\n          }}\n          options={[\n            { value: \"is\", label: \"is\" },\n            { value: \"in\", label: \"in\" },\n          ]}\n        />\n      )}\n      {hint ? (\n        <Select\n          aria-label={`Match value ${index + 1}`}\n          value={conditionText(rule, field)}\n          onChange={(event) =>\n            onChange(updateCondition(rule, field, event.target.value))\n          }\n          options={[\n            { value: \"true\", label: \"Yes\" },\n            { value: \"false\", label: \"No\" },\n          ]}\n        />\n      ) : multiple ? (\n        <Combobox\n          ariaLabel={`Match values ${index + 1}`}\n          multiple\n          variant=\"tags\"\n          value={patternValues(rule[field])}\n          options={options}\n          allowCustomValue\n          separators={[\",\"]}\n          onChange={setPattern}\n        />\n      ) : (\n        <Combobox\n          ariaLabel={`Match value ${index + 1}`}\n          value={conditionText(rule, field)}\n          options={options}\n          allowCustomValue\n          onChange={setPattern}\n        />\n      )}\n      <button\n        type=\"button\"\n        aria-label={`Remove match condition ${index + 1}`}\n        onClick={() => onChange(removeCondition(rule, field))}\n        className=\"flex size-9 items-center justify-center rounded-md text-muted-foreground hover:bg-destructive/10 hover:text-destructive\"\n      >\n        <UiTrash className=\"size-4\" />\n      </button>\n    </div>\n  );\n}\n"],"names":["isHintField","toolFieldSuggestions","updatePatternCondition","jsxs","jsx","Select","replaceMatchField","MATCH_FIELD_OPTIONS","patternValues","conditionText","updateCondition","Combobox","removeCondition","UiTrash"],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+import { PermissionRule } from '../../chat/tool-policy';
+import { ToolMeta } from '../../chat/types';
+import { MatchField } from '../../../lib/permission-strategies';
+export declare function PermissionStrategyConditionRow({ rule, field, index, tools, onChange, }: {
+    rule: PermissionRule;
+    field: MatchField;
+    index: number;
+    tools: ToolMeta[];
+    onChange: (value: PermissionRule) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=PermissionStrategyConditionRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionStrategyConditionRow.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/runtime-profiles/PermissionStrategyConditionRow.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAUL,KAAK,UAAU,EAChB,MAAM,oCAAoC,CAAC;AAE5C,wBAAgB,8BAA8B,CAAC,EAC7C,IAAI,EACJ,KAAK,EACL,KAAK,EACL,KAAK,EACL,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CAC3C,+BAoFA"}

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

@@ -0,0 +1,98 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Combobox } from "../../../components/Combobox.js";
+import { Select } from "../../../components/select.js";
+import { isHintField, toolFieldSuggestions, MATCH_FIELD_OPTIONS, replaceMatchField, patternValues, updateCondition, conditionText, removeCondition, updatePatternCondition } from "../../../lib/permission-strategies.js";
+import { UiTrash } from "../../../icons/components/UiTrash.js";
+function PermissionStrategyConditionRow({
+  rule,
+  field,
+  index,
+  tools,
+  onChange
+}) {
+  const hint = isHintField(field);
+  const multiple = !hint && Array.isArray(rule[field]);
+  const suggestions = hint ? [] : toolFieldSuggestions(tools, field);
+  const options = suggestions.map((value) => ({ value, label: value }));
+  const setPattern = (value) => {
+    if (hint) throw new Error(`${field} is not a pattern condition`);
+    onChange(updatePatternCondition({ rule, field, value }));
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-2 sm:grid-cols-[9rem_4.5rem_minmax(0,1fr)_2.25rem]", children: [
+    /* @__PURE__ */ jsx(
+      Select,
+      {
+        "aria-label": `Match field ${index + 1}`,
+        value: field,
+        onChange: (event) => onChange(
+          replaceMatchField(rule, field, event.target.value)
+        ),
+        options: MATCH_FIELD_OPTIONS
+      }
+    ),
+    hint ? /* @__PURE__ */ jsx("span", { className: "flex h-control-h items-center justify-center rounded-md border border-input bg-muted/30 text-xs font-medium text-muted-foreground", children: "is" }) : /* @__PURE__ */ jsx(
+      Select,
+      {
+        "aria-label": `Match operator ${index + 1}`,
+        value: multiple ? "in" : "is",
+        onChange: (event) => {
+          const values = patternValues(rule[field]);
+          setPattern(
+            event.target.value === "in" ? values : values[0] ?? ""
+          );
+        },
+        options: [
+          { value: "is", label: "is" },
+          { value: "in", label: "in" }
+        ]
+      }
+    ),
+    hint ? /* @__PURE__ */ jsx(
+      Select,
+      {
+        "aria-label": `Match value ${index + 1}`,
+        value: conditionText(rule, field),
+        onChange: (event) => onChange(updateCondition(rule, field, event.target.value)),
+        options: [
+          { value: "true", label: "Yes" },
+          { value: "false", label: "No" }
+        ]
+      }
+    ) : multiple ? /* @__PURE__ */ jsx(
+      Combobox,
+      {
+        ariaLabel: `Match values ${index + 1}`,
+        multiple: true,
+        variant: "tags",
+        value: patternValues(rule[field]),
+        options,
+        allowCustomValue: true,
+        separators: [","],
+        onChange: setPattern
+      }
+    ) : /* @__PURE__ */ jsx(
+      Combobox,
+      {
+        ariaLabel: `Match value ${index + 1}`,
+        value: conditionText(rule, field),
+        options,
+        allowCustomValue: true,
+        onChange: setPattern
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": `Remove match condition ${index + 1}`,
+        onClick: () => onChange(removeCondition(rule, field)),
+        className: "flex size-9 items-center justify-center rounded-md text-muted-foreground hover:bg-destructive/10 hover:text-destructive",
+        children: /* @__PURE__ */ jsx(UiTrash, { className: "size-4" })
+      }
+    )
+  ] });
+}
+export {
+  PermissionStrategyConditionRow
+};
+//# sourceMappingURL=PermissionStrategyConditionRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionStrategyConditionRow.js","sources":["../../../../src/data/ai/runtime-profiles/PermissionStrategyConditionRow.tsx"],"sourcesContent":["import { Combobox } from \"../../../components/Combobox\";\nimport { Select } from \"../../../components/select\";\nimport { UiTrash } from \"../../../icons\";\nimport type { MatchPatterns, PermissionRule } from \"../../chat/tool-policy\";\nimport type { ToolMeta } from \"../../chat/types\";\nimport {\n  MATCH_FIELD_OPTIONS,\n  conditionText,\n  isHintField,\n  patternValues,\n  removeCondition,\n  replaceMatchField,\n  toolFieldSuggestions,\n  updateCondition,\n  updatePatternCondition,\n  type MatchField,\n} from \"../../../lib/permission-strategies\";\n\nexport function PermissionStrategyConditionRow({\n  rule,\n  field,\n  index,\n  tools,\n  onChange,\n}: {\n  rule: PermissionRule;\n  field: MatchField;\n  index: number;\n  tools: ToolMeta[];\n  onChange: (value: PermissionRule) => void;\n}) {\n  const hint = isHintField(field);\n  const multiple = !hint && Array.isArray(rule[field]);\n  const suggestions = hint ? [] : toolFieldSuggestions(tools, field);\n  const options = suggestions.map((value) => ({ value, label: value }));\n  const setPattern = (value: MatchPatterns) => {\n    if (hint) throw new Error(`${field} is not a pattern condition`);\n    onChange(updatePatternCondition({ rule, field, value }));\n  };\n\n  return (\n    <div className=\"grid gap-2 sm:grid-cols-[9rem_4.5rem_minmax(0,1fr)_2.25rem]\">\n      <Select\n        aria-label={`Match field ${index + 1}`}\n        value={field}\n        onChange={(event) =>\n          onChange(\n            replaceMatchField(rule, field, event.target.value as MatchField),\n          )\n        }\n        options={MATCH_FIELD_OPTIONS}\n      />\n      {hint ? (\n        <span className=\"flex h-control-h items-center justify-center rounded-md border border-input bg-muted/30 text-xs font-medium text-muted-foreground\">\n          is\n        </span>\n      ) : (\n        <Select\n          aria-label={`Match operator ${index + 1}`}\n          value={multiple ? \"in\" : \"is\"}\n          onChange={(event) => {\n            const values = patternValues(rule[field]);\n            setPattern(\n              event.target.value === \"in\" ? values : (values[0] ?? \"\"),\n            );\n          }}\n          options={[\n            { value: \"is\", label: \"is\" },\n            { value: \"in\", label: \"in\" },\n          ]}\n        />\n      )}\n      {hint ? (\n        <Select\n          aria-label={`Match value ${index + 1}`}\n          value={conditionText(rule, field)}\n          onChange={(event) =>\n            onChange(updateCondition(rule, field, event.target.value))\n          }\n          options={[\n            { value: \"true\", label: \"Yes\" },\n            { value: \"false\", label: \"No\" },\n          ]}\n        />\n      ) : multiple ? (\n        <Combobox\n          ariaLabel={`Match values ${index + 1}`}\n          multiple\n          variant=\"tags\"\n          value={patternValues(rule[field])}\n          options={options}\n          allowCustomValue\n          separators={[\",\"]}\n          onChange={setPattern}\n        />\n      ) : (\n        <Combobox\n          ariaLabel={`Match value ${index + 1}`}\n          value={conditionText(rule, field)}\n          options={options}\n          allowCustomValue\n          onChange={setPattern}\n        />\n      )}\n      <button\n        type=\"button\"\n        aria-label={`Remove match condition ${index + 1}`}\n        onClick={() => onChange(removeCondition(rule, field))}\n        className=\"flex size-9 items-center justify-center rounded-md text-muted-foreground hover:bg-destructive/10 hover:text-destructive\"\n      >\n        <UiTrash className=\"size-4\" />\n      </button>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;AAkBO,SAAS,+BAA+B;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,QAAM,OAAO,YAAY,KAAK;AAC9B,QAAM,WAAW,CAAC,QAAQ,MAAM,QAAQ,KAAK,KAAK,CAAC;AACnD,QAAM,cAAc,OAAO,CAAA,IAAK,qBAAqB,OAAO,KAAK;AACjE,QAAM,UAAU,YAAY,IAAI,CAAC,WAAW,EAAE,OAAO,OAAO,MAAA,EAAQ;AACpE,QAAM,aAAa,CAAC,UAAyB;AAC3C,QAAI,KAAM,OAAM,IAAI,MAAM,GAAG,KAAK,6BAA6B;AAC/D,aAAS,uBAAuB,EAAE,MAAM,OAAO,MAAA,CAAO,CAAC;AAAA,EACzD;AAEA,SACE,qBAAC,OAAA,EAAI,WAAU,+DACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,cAAY,eAAe,QAAQ,CAAC;AAAA,QACpC,OAAO;AAAA,QACP,UAAU,CAAC,UACT;AAAA,UACE,kBAAkB,MAAM,OAAO,MAAM,OAAO,KAAmB;AAAA,QAAA;AAAA,QAGnE,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAEV,OACC,oBAAC,QAAA,EAAK,WAAU,qIAAoI,gBAEpJ,IAEA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,cAAY,kBAAkB,QAAQ,CAAC;AAAA,QACvC,OAAO,WAAW,OAAO;AAAA,QACzB,UAAU,CAAC,UAAU;AACnB,gBAAM,SAAS,cAAc,KAAK,KAAK,CAAC;AACxC;AAAA,YACE,MAAM,OAAO,UAAU,OAAO,SAAU,OAAO,CAAC,KAAK;AAAA,UAAA;AAAA,QAEzD;AAAA,QACA,SAAS;AAAA,UACP,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,UACtB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,QAAK;AAAA,MAC7B;AAAA,IAAA;AAAA,IAGH,OACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,cAAY,eAAe,QAAQ,CAAC;AAAA,QACpC,OAAO,cAAc,MAAM,KAAK;AAAA,QAChC,UAAU,CAAC,UACT,SAAS,gBAAgB,MAAM,OAAO,MAAM,OAAO,KAAK,CAAC;AAAA,QAE3D,SAAS;AAAA,UACP,EAAE,OAAO,QAAQ,OAAO,MAAA;AAAA,UACxB,EAAE,OAAO,SAAS,OAAO,KAAA;AAAA,QAAK;AAAA,MAChC;AAAA,IAAA,IAEA,WACF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,gBAAgB,QAAQ,CAAC;AAAA,QACpC,UAAQ;AAAA,QACR,SAAQ;AAAA,QACR,OAAO,cAAc,KAAK,KAAK,CAAC;AAAA,QAChC;AAAA,QACA,kBAAgB;AAAA,QAChB,YAAY,CAAC,GAAG;AAAA,QAChB,UAAU;AAAA,MAAA;AAAA,IAAA,IAGZ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,eAAe,QAAQ,CAAC;AAAA,QACnC,OAAO,cAAc,MAAM,KAAK;AAAA,QAChC;AAAA,QACA,kBAAgB;AAAA,QAChB,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAGd;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,0BAA0B,QAAQ,CAAC;AAAA,QAC/C,SAAS,MAAM,SAAS,gBAAgB,MAAM,KAAK,CAAC;AAAA,QACpD,WAAU;AAAA,QAEV,UAAA,oBAAC,SAAA,EAAQ,WAAU,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAC9B,GACF;AAEJ;"}

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const runtimeProfile = require("../runtime-profile.cjs");
+const index = require("../SpecRuntimeEditor/index.cjs");
+const PRESET_SECTIONS = [
+  "model",
+  "workspace",
+  "sandbox",
+  "environment"
+];
+function PresetSpecEditor({
+  value,
+  families,
+  sandboxCatalog,
+  secretSelector,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.SpecRuntimeEditor,
+    {
+      value,
+      onChange: (spec) => onChange(runtimeProfile.projectRuntimePresetSpec(spec)),
+      families,
+      ...sandboxCatalog ? { sandboxCatalog } : {},
+      ...secretSelector ? { secretSelector } : {},
+      sections: PRESET_SECTIONS,
+      defaultCollapsedSections: PRESET_SECTIONS,
+      variant: "preset",
+      showHeader: false
+    }
+  );
+}
+exports.PresetSpecEditor = PresetSpecEditor;
+//# sourceMappingURL=PresetSpecEditor.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PresetSpecEditor.cjs","sources":["../../../../src/data/ai/runtime-profiles/PresetSpecEditor.tsx"],"sourcesContent":["import type { SpecRuntimeFamily } from \"../../runtime/runtime-mode\";\nimport {\n  projectRuntimePresetSpec,\n  type RuntimePresetSpec,\n} from \"../runtime-profile\";\nimport { SpecRuntimeEditor } from \"../SpecRuntimeEditor\";\nimport type {\n  SpecRuntimeSandboxCatalog,\n  SpecRuntimeSecretSelectorConfig,\n  SpecSectionId,\n} from \"../SpecRuntimeEditor/types\";\n\nconst PRESET_SECTIONS: readonly SpecSectionId[] = [\n  \"model\",\n  \"workspace\",\n  \"sandbox\",\n  \"environment\",\n];\n\nexport function PresetSpecEditor({\n  value,\n  families,\n  sandboxCatalog,\n  secretSelector,\n  onChange,\n}: {\n  value: RuntimePresetSpec;\n  families: SpecRuntimeFamily[];\n  sandboxCatalog?: SpecRuntimeSandboxCatalog | undefined;\n  secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;\n  onChange: (value: RuntimePresetSpec) => void;\n}) {\n  return (\n    <SpecRuntimeEditor\n      value={value}\n      onChange={(spec) => onChange(projectRuntimePresetSpec(spec))}\n      families={families}\n      {...(sandboxCatalog ? { sandboxCatalog } : {})}\n      {...(secretSelector ? { secretSelector } : {})}\n      sections={PRESET_SECTIONS}\n      defaultCollapsedSections={PRESET_SECTIONS}\n      variant=\"preset\"\n      showHeader={false}\n    />\n  );\n}\n"],"names":["jsx","SpecRuntimeEditor","projectRuntimePresetSpec"],"mappings":";;;;;AAYA,MAAM,kBAA4C;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,SACEA,2BAAAA;AAAAA,IAACC,MAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,UAAU,CAAC,SAAS,SAASC,eAAAA,yBAAyB,IAAI,CAAC;AAAA,MAC3D;AAAA,MACC,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,MAC1C,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,MAC3C,UAAU;AAAA,MACV,0BAA0B;AAAA,MAC1B,SAAQ;AAAA,MACR,YAAY;AAAA,IAAA;AAAA,EAAA;AAGlB;;"}