@flanksource/clicky-ui 0.3.26 → 0.3.28

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModelContextAdvanced.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/SpecRuntimeEditor/ModelContextAdvanced.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,qCAAqC,CAAC;AAG7C,OAAO,KAAK,EACV,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,qBAAqB,CAAC;AAK7B,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,cAAc,EACd,UAAU,EACV,UAAiB,EACjB,QAAqC,GACtC,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,cAAc,EAAE,CACd,OAAO,EAAE,mBAAmB,EAAE,EAC9B,IAAI,EAAE,kBAAkB,KACrB,IAAI,CAAC;IACV,UAAU,EAAE,CAAC,MAAM,EAAE,gBAAgB,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAC;CAC5C,2CA2FA"}

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

@@ -0,0 +1,99 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { SUPPORT_ALL_RUNTIME_FIELDS } from "../../runtime/runtime-field-support.js";
+import { CheckboxField } from "./fields.js";
+import { PermissionPolicyList } from "./PermissionPolicyList.js";
+import { withMemory } from "./update.js";
+const SKILL_DOMAINS = ["skills"];
+function ModelContextAdvanced({
+  value,
+  onChange,
+  entries,
+  onApplyEntries,
+  onAddEntry,
+  showSkills = true,
+  supports = SUPPORT_ALL_RUNTIME_FIELDS
+}) {
+  var _a, _b, _c, _d, _e, _f;
+  const memorySupport = {
+    skipProject: supports("memory.skipProject"),
+    skipUser: supports("memory.skipUser"),
+    skipHooks: supports("memory.skipHooks"),
+    skipMemory: supports("memory.skipMemory"),
+    skipSkills: supports("memory.skipSkills"),
+    bare: supports("memory.bare")
+  };
+  const hasMemory = Object.values(memorySupport).some(Boolean);
+  const hasSkills = showSkills && supports("permissions.skills");
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-density-3", children: [
+    hasMemory && /* @__PURE__ */ jsxs("div", { className: "grid gap-density-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold text-muted-foreground", children: "Memory" }),
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-density-2 sm:grid-cols-2 md:grid-cols-3", children: [
+        memorySupport.skipProject && /* @__PURE__ */ jsx(
+          CheckboxField,
+          {
+            label: "Skip project",
+            checked: (_a = value.memory) == null ? void 0 : _a.skipProject,
+            onChange: (skipProject) => onChange(withMemory(value, { skipProject }))
+          }
+        ),
+        memorySupport.skipUser && /* @__PURE__ */ jsx(
+          CheckboxField,
+          {
+            label: "Skip user",
+            checked: (_b = value.memory) == null ? void 0 : _b.skipUser,
+            onChange: (skipUser) => onChange(withMemory(value, { skipUser }))
+          }
+        ),
+        memorySupport.skipHooks && /* @__PURE__ */ jsx(
+          CheckboxField,
+          {
+            label: "Skip hooks",
+            checked: (_c = value.memory) == null ? void 0 : _c.skipHooks,
+            onChange: (skipHooks) => onChange(withMemory(value, { skipHooks }))
+          }
+        ),
+        memorySupport.skipMemory && /* @__PURE__ */ jsx(
+          CheckboxField,
+          {
+            label: "Skip memory",
+            checked: (_d = value.memory) == null ? void 0 : _d.skipMemory,
+            onChange: (skipMemory) => onChange(withMemory(value, { skipMemory }))
+          }
+        ),
+        memorySupport.skipSkills && /* @__PURE__ */ jsx(
+          CheckboxField,
+          {
+            label: "Skip skills",
+            checked: (_e = value.memory) == null ? void 0 : _e.skipSkills,
+            onChange: (skipSkills) => onChange(withMemory(value, { skipSkills }))
+          }
+        ),
+        memorySupport.bare && /* @__PURE__ */ jsx(
+          CheckboxField,
+          {
+            label: "Bare",
+            checked: (_f = value.memory) == null ? void 0 : _f.bare,
+            onChange: (bare) => onChange(withMemory(value, { bare }))
+          }
+        )
+      ] })
+    ] }),
+    hasSkills && /* @__PURE__ */ jsxs("div", { className: "grid gap-density-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold text-muted-foreground", children: "Skills" }),
+      /* @__PURE__ */ jsx(
+        PermissionPolicyList,
+        {
+          entries,
+          supportedDomains: SKILL_DOMAINS,
+          emptyLabel: "No model skills configured",
+          onApply: onApplyEntries,
+          onAdd: onAddEntry
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  ModelContextAdvanced
+};
+//# sourceMappingURL=ModelContextAdvanced.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModelContextAdvanced.js","sources":["../../../../src/data/ai/SpecRuntimeEditor/ModelContextAdvanced.tsx"],"sourcesContent":["import type { AISpecRuntimeValue } from \"../SpecRuntimeEditor.model\";\nimport {\n  SUPPORT_ALL_RUNTIME_FIELDS,\n  type RuntimeFieldSupport,\n} from \"../../runtime/runtime-field-support\";\nimport { CheckboxField } from \"./fields\";\nimport { PermissionPolicyList } from \"./PermissionPolicyList\";\nimport type {\n  PermissionDomain,\n  PermissionListEntry,\n  PermissionListMode,\n} from \"./permissions-model\";\nimport { withMemory } from \"./update\";\n\nconst SKILL_DOMAINS: readonly PermissionDomain[] = [\"skills\"];\n\nexport function ModelContextAdvanced({\n  value,\n  onChange,\n  entries,\n  onApplyEntries,\n  onAddEntry,\n  showSkills = true,\n  supports = SUPPORT_ALL_RUNTIME_FIELDS,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  entries: PermissionListEntry[];\n  onApplyEntries: (\n    entries: PermissionListEntry[],\n    mode: PermissionListMode,\n  ) => void;\n  onAddEntry: (domain: PermissionDomain, id: string) => void;\n  showSkills?: boolean | undefined;\n  supports?: RuntimeFieldSupport | undefined;\n}) {\n  const memorySupport = {\n    skipProject: supports(\"memory.skipProject\"),\n    skipUser: supports(\"memory.skipUser\"),\n    skipHooks: supports(\"memory.skipHooks\"),\n    skipMemory: supports(\"memory.skipMemory\"),\n    skipSkills: supports(\"memory.skipSkills\"),\n    bare: supports(\"memory.bare\"),\n  };\n  const hasMemory = Object.values(memorySupport).some(Boolean);\n  const hasSkills = showSkills && supports(\"permissions.skills\");\n\n  return (\n    <div className=\"grid gap-density-3\">\n      {hasMemory && (\n        <div className=\"grid gap-density-2\">\n          <div className=\"text-xs font-semibold text-muted-foreground\">\n            Memory\n          </div>\n          <div className=\"grid gap-density-2 sm:grid-cols-2 md:grid-cols-3\">\n            {memorySupport.skipProject && (\n              <CheckboxField\n                label=\"Skip project\"\n                checked={value.memory?.skipProject}\n                onChange={(skipProject) =>\n                  onChange(withMemory(value, { skipProject }))\n                }\n              />\n            )}\n            {memorySupport.skipUser && (\n              <CheckboxField\n                label=\"Skip user\"\n                checked={value.memory?.skipUser}\n                onChange={(skipUser) =>\n                  onChange(withMemory(value, { skipUser }))\n                }\n              />\n            )}\n            {memorySupport.skipHooks && (\n              <CheckboxField\n                label=\"Skip hooks\"\n                checked={value.memory?.skipHooks}\n                onChange={(skipHooks) =>\n                  onChange(withMemory(value, { skipHooks }))\n                }\n              />\n            )}\n            {memorySupport.skipMemory && (\n              <CheckboxField\n                label=\"Skip memory\"\n                checked={value.memory?.skipMemory}\n                onChange={(skipMemory) =>\n                  onChange(withMemory(value, { skipMemory }))\n                }\n              />\n            )}\n            {memorySupport.skipSkills && (\n              <CheckboxField\n                label=\"Skip skills\"\n                checked={value.memory?.skipSkills}\n                onChange={(skipSkills) =>\n                  onChange(withMemory(value, { skipSkills }))\n                }\n              />\n            )}\n            {memorySupport.bare && (\n              <CheckboxField\n                label=\"Bare\"\n                checked={value.memory?.bare}\n                onChange={(bare) => onChange(withMemory(value, { bare }))}\n              />\n            )}\n          </div>\n        </div>\n      )}\n      {hasSkills && (\n        <div className=\"grid gap-density-2\">\n          <div className=\"text-xs font-semibold text-muted-foreground\">\n            Skills\n          </div>\n          <PermissionPolicyList\n            entries={entries}\n            supportedDomains={SKILL_DOMAINS}\n            emptyLabel=\"No model skills configured\"\n            onApply={onApplyEntries}\n            onAdd={onAddEntry}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;AAcA,MAAM,gBAA6C,CAAC,QAAQ;AAErD,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,WAAW;AACb,GAWG;;AACD,QAAM,gBAAgB;AAAA,IACpB,aAAa,SAAS,oBAAoB;AAAA,IAC1C,UAAU,SAAS,iBAAiB;AAAA,IACpC,WAAW,SAAS,kBAAkB;AAAA,IACtC,YAAY,SAAS,mBAAmB;AAAA,IACxC,YAAY,SAAS,mBAAmB;AAAA,IACxC,MAAM,SAAS,aAAa;AAAA,EAAA;AAE9B,QAAM,YAAY,OAAO,OAAO,aAAa,EAAE,KAAK,OAAO;AAC3D,QAAM,YAAY,cAAc,SAAS,oBAAoB;AAE7D,SACE,qBAAC,OAAA,EAAI,WAAU,sBACZ,UAAA;AAAA,IAAA,aACC,qBAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,+CAA8C,UAAA,UAE7D;AAAA,MACA,qBAAC,OAAA,EAAI,WAAU,oDACZ,UAAA;AAAA,QAAA,cAAc,eACb;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,UAAS,WAAM,WAAN,mBAAc;AAAA,YACvB,UAAU,CAAC,gBACT,SAAS,WAAW,OAAO,EAAE,aAAa,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAIhD,cAAc,YACb;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,UAAS,WAAM,WAAN,mBAAc;AAAA,YACvB,UAAU,CAAC,aACT,SAAS,WAAW,OAAO,EAAE,UAAU,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAI7C,cAAc,aACb;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,UAAS,WAAM,WAAN,mBAAc;AAAA,YACvB,UAAU,CAAC,cACT,SAAS,WAAW,OAAO,EAAE,WAAW,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAI9C,cAAc,cACb;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,UAAS,WAAM,WAAN,mBAAc;AAAA,YACvB,UAAU,CAAC,eACT,SAAS,WAAW,OAAO,EAAE,YAAY,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAI/C,cAAc,cACb;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,UAAS,WAAM,WAAN,mBAAc;AAAA,YACvB,UAAU,CAAC,eACT,SAAS,WAAW,OAAO,EAAE,YAAY,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAI/C,cAAc,QACb;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,UAAS,WAAM,WAAN,mBAAc;AAAA,YACvB,UAAU,CAAC,SAAS,SAAS,WAAW,OAAO,EAAE,MAAM,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MAC1D,EAAA,CAEJ;AAAA,IAAA,GACF;AAAA,IAED,aACC,qBAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,+CAA8C,UAAA,UAE7D;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,kBAAkB;AAAA,UAClB,YAAW;AAAA,UACX,SAAS;AAAA,UACT,OAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IACT,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -9,6 +9,7 @@ const IconButton = require("../../../components/IconButton.cjs");
 const utils = require("../../../lib/utils.cjs");
 const ProviderStatusPanel = require("../../runtime/ProviderStatusPanel.cjs");
 const RuntimeBar = require("../../runtime/RuntimeBar.cjs");
+const runtimeFieldSupport = require("../../runtime/runtime-field-support.cjs");
 const runtimeMode = require("../../runtime/runtime-mode.cjs");
 const fields = require("./fields.cjs");
 const update = require("./update.cjs");
@@ -24,9 +25,19 @@ function ModelSection({
   value,
   onChange,
   models,
-  families
+  families,
+  effectiveMode,
+  effectiveModel
 }) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
+  const runtimeFamilies = (families == null ? void 0 : families.length) ? families : runtimeMode.SPEC_RUNTIME_FAMILIES;
+  const selectedFamily = runtimeMode.familyForModel(
+    runtimeFamilies,
+    models,
+    value.model || effectiveModel
+  );
+  const specMode = runtimeMode.runtimeModeFromModel(value.model) || ((_a = value.mode) == null ? void 0 : _a.trim()) || (effectiveMode == null ? void 0 : effectiveMode.trim()) || runtimeMode.firstMode(runtimeFamilies[0] ?? runtimeMode.SPEC_RUNTIME_FAMILIES[0]).id;
+  const supports = runtimeMode.runtimeModelError(value.model || effectiveModel) ?? runtimeMode.runtimeModeError(runtimeFamilies, specMode, selectedFamily == null ? void 0 : selectedFamily.id) ? runtimeFieldSupport.SUPPORT_ALL_RUNTIME_FIELDS : runtimeFieldSupport.runtimeFieldSupport(runtimeFamilies, specMode, selectedFamily == null ? void 0 : selectedFamily.id);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-density-2", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       RuntimeBar.RuntimeBar,
@@ -34,15 +45,19 @@ function ModelSection({
         value,
         onChange,
         models,
-        ...families ? { families } : {}
+        effectiveMode,
+        effectiveModel,
+        showModel: supports("model"),
+        showEffort: supports("effort"),
+        families: runtimeFamilies
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-density-2 md:grid-cols-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
+      supports("budget.cost") && /* @__PURE__ */ jsxRuntime.jsx(
         fields.NumberField,
         {
           label: "Max cost (USD)",
-          value: (_a = value.budget) == null ? void 0 : _a.cost,
+          value: (_b = value.budget) == null ? void 0 : _b.cost,
           onChange: (cost) => onChange(update.withBudgetValue(value, "cost", cost)),
           icon: UiCurrencyDollar.UiCurrencyDollar,
           min: 0,
@@ -53,7 +68,7 @@ function ModelSection({
         fields.NumberField,
         {
           label: "Max tokens",
-          value: (_b = value.budget) == null ? void 0 : _b.maxTokens,
+          value: (_c = value.budget) == null ? void 0 : _c.maxTokens,
           onChange: (maxTokens) => onChange(update.withBudgetValue(value, "maxTokens", maxTokens)),
           icon: UiCoins.UiCoins,
           min: 0,
@@ -61,11 +76,11 @@ function ModelSection({
           integer: true
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(
+      supports("budget.maxTurns") && /* @__PURE__ */ jsxRuntime.jsx(
         fields.NumberField,
         {
           label: "Max turns",
-          value: (_c = value.budget) == null ? void 0 : _c.maxTurns,
+          value: (_d = value.budget) == null ? void 0 : _d.maxTurns,
           onChange: (maxTurns) => onChange(update.withBudgetValue(value, "maxTurns", maxTurns)),
           icon: UiRepeat.UiRepeat,
           min: 0,
@@ -77,7 +92,7 @@ function ModelSection({
       /* @__PURE__ */ jsxRuntime.jsx(fields.SpecField, { label: "Timeout", children: /* @__PURE__ */ jsxRuntime.jsx(
         fields.SpecInput,
         {
-          value: (_d = value.budget) == null ? void 0 : _d.timeout,
+          value: (_e = value.budget) == null ? void 0 : _e.timeout,
           onChange: (timeout) => onChange(update.withBudgetValue(value, "timeout", timeout)),
           placeholder: "30m",
           icon: UiTimer.UiTimer,
@@ -89,7 +104,7 @@ function ModelSection({
       ProviderStatusPanel.ProviderStatusPanel,
       {
         models,
-        families: families ?? runtimeMode.SPEC_RUNTIME_FAMILIES,
+        families: runtimeFamilies,
         defaultCollapsed: true
       }
     )
@@ -99,7 +114,8 @@ function ModelAdvanced({
   value,
   onChange,
   models = [],
-  families
+  families,
+  supports = runtimeFieldSupport.SUPPORT_ALL_RUNTIME_FIELDS
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-density-2", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -111,7 +127,7 @@ function ModelAdvanced({
         ...families ? { families } : {}
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(fields.SpecField, { label: "Session ID", children: /* @__PURE__ */ jsxRuntime.jsx(
+    supports("sessionId") && /* @__PURE__ */ jsxRuntime.jsx(fields.SpecField, { label: "Session ID", children: /* @__PURE__ */ jsxRuntime.jsx(
       fields.SpecInput,
       {
         value: value.sessionId,
@@ -121,7 +137,7 @@ function ModelAdvanced({
         mono: true
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
+    supports("noCache") && /* @__PURE__ */ jsxRuntime.jsx(
       fields.CheckboxField,
       {
         label: "Disable prompt caching",
@@ -213,7 +229,7 @@ function FallbackModelRow({
   const meta = fallbackModelMeta(fallback, models);
   const Glyph = meta.provider ? providerIcons.providerIcon(meta.provider) : void 0;
   const label = meta.label || "Select model";
-  const mode = runtimeMode.modeForBackend(families, fallback.backend);
+  const mode = runtimeMode.modeOptionFor(families, fallback.mode);
   const effortGlyph = fallback.effort ? effortIcons.effortLevelIcon(fallback.effort) : void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid min-h-9 grid-cols-[minmax(0,1fr)_auto] items-center gap-density-1 px-density-1 py-density-1", children: [
@@ -326,17 +342,17 @@ function FallbackModelPicker({
 }
 function newFallbackDraft(value, families) {
   const fallback = {};
-  const backend = value.backend || defaultFallbackBackend(families);
-  if (backend) fallback.backend = backend;
+  const mode = value.mode || defaultFallbackMode(families);
+  if (mode) fallback.mode = mode;
   if (value.effort) fallback.effort = value.effort;
   if (value.temperature != null && Number.isFinite(value.temperature)) {
     fallback.temperature = value.temperature;
   }
   return fallback;
 }
-function defaultFallbackBackend(families) {
+function defaultFallbackMode(families) {
   const family = families[0] ?? runtimeMode.SPEC_RUNTIME_FAMILIES[0];
-  return family ? runtimeMode.firstMode(family).backend : "";
+  return family ? runtimeMode.firstMode(family).id : "";
 }
 function compactEditableFallback(value) {
   const next = {};
@@ -344,8 +360,8 @@ function compactEditableFallback(value) {
   if (model) next.model = model;
   const id = cleanString(value.id);
   if (id) next.id = id;
-  const backend = cleanString(value.backend);
-  if (backend) next.backend = backend;
+  const mode = cleanString(value.mode);
+  if (mode) next.mode = mode;
   if (value.temperature != null && Number.isFinite(value.temperature)) {
     next.temperature = value.temperature;
   }
@@ -366,7 +382,7 @@ function fallbackModelMeta(fallback, models) {
   };
 }
 function inferProvider(fallback) {
-  const text = `${fallback.backend ?? ""} ${fallback.model ?? ""}`.toLowerCase();
+  const text = `${fallback.mode ?? ""} ${fallback.model ?? ""}`.toLowerCase();
   if (text.includes("anthropic") || text.includes("claude")) return "anthropic";
   if (text.includes("google") || text.includes("gemini")) return "googleai";
   if (text.includes("openai") || text.includes("gpt") || text.includes("codex")) {

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

@@ -1 +1 @@
-{"version":3,"file":"ModelSection.cjs","sources":["../../../../src/data/ai/SpecRuntimeEditor/ModelSection.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n  effortLevelColor,\n  effortLevelIcon,\n  effortLevelLabel,\n} from \"../../chat/effort-icons\";\nimport type { ChatModel } from \"../../chat/types\";\nimport { providerIcon, providerIconColor } from \"../../chat/provider-icons\";\nimport { Icon } from \"../../Icon\";\nimport { IconButton } from \"../../../components\";\nimport { cn } from \"../../../lib/utils\";\nimport {\n  UiAdd,\n  UiCoins,\n  UiCurrencyDollar,\n  UiFingerprint,\n  UiRepeat,\n  UiSparkles,\n  UiTimer,\n  UiTrash,\n} from \"../../../icons\";\nimport type {\n  AISpecRuntimeModelFallback,\n  AISpecRuntimeValue,\n} from \"../SpecRuntimeEditor.model\";\nimport { ProviderStatusPanel } from \"../../runtime/ProviderStatusPanel\";\nimport { RuntimeBar } from \"../../runtime/RuntimeBar\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  firstMode,\n  modeForBackend,\n  type SpecRuntimeFamily,\n} from \"../../runtime/runtime-mode\";\nimport { CheckboxField, NumberField, SpecField, SpecInput } from \"./fields\";\nimport { withBudgetValue, withOptionalRoot, withRoot } from \"./update\";\n\ntype FallbackDraftPatch = {\n  model?: string | undefined;\n  id?: string | undefined;\n  backend?: string | undefined;\n  temperature?: number | undefined;\n  effort?: string | undefined;\n  noCache?: boolean | undefined;\n};\n\nexport function ModelSection({\n  value,\n  onChange,\n  models,\n  families,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models: ChatModel[];\n  families?: SpecRuntimeFamily[] | undefined;\n}) {\n  // The bar owns family, mode, model and effort — including the free-text model\n  // entry for families the catalog does not describe.\n  return (\n    <div className=\"grid gap-density-2\">\n      <RuntimeBar\n        value={value}\n        onChange={onChange}\n        models={models}\n        {...(families ? { families } : {})}\n      />\n      <div className=\"grid grid-cols-2 gap-density-2 md:grid-cols-4\">\n        <NumberField\n          label=\"Max cost (USD)\"\n          value={value.budget?.cost}\n          onChange={(cost) => onChange(withBudgetValue(value, \"cost\", cost))}\n          icon={UiCurrencyDollar}\n          min={0}\n          step={0.01}\n        />\n        <NumberField\n          label=\"Max tokens\"\n          value={value.budget?.maxTokens}\n          onChange={(maxTokens) =>\n            onChange(withBudgetValue(value, \"maxTokens\", maxTokens))\n          }\n          icon={UiCoins}\n          min={0}\n          step={1}\n          integer\n        />\n        <NumberField\n          label=\"Max turns\"\n          value={value.budget?.maxTurns}\n          onChange={(maxTurns) =>\n            onChange(withBudgetValue(value, \"maxTurns\", maxTurns))\n          }\n          icon={UiRepeat}\n          min={0}\n          max={100}\n          step={1}\n          integer\n        />\n        <SpecField label=\"Timeout\">\n          <SpecInput\n            value={value.budget?.timeout}\n            onChange={(timeout) =>\n              onChange(withBudgetValue(value, \"timeout\", timeout))\n            }\n            placeholder=\"30m\"\n            icon={UiTimer}\n            mono\n          />\n        </SpecField>\n      </div>\n      <ProviderStatusPanel\n        models={models}\n        families={families ?? SPEC_RUNTIME_FAMILIES}\n        defaultCollapsed\n      />\n    </div>\n  );\n}\n\nexport function ModelAdvanced({\n  value,\n  onChange,\n  models = [],\n  families,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n}) {\n  return (\n    <div className=\"grid gap-density-2\">\n      <FallbackModelsEditor\n        value={value}\n        onChange={onChange}\n        models={models}\n        {...(families ? { families } : {})}\n      />\n      <SpecField label=\"Session ID\">\n        <SpecInput\n          value={value.sessionId}\n          onChange={(sessionId) =>\n            onChange(withOptionalRoot(value, \"sessionId\", sessionId))\n          }\n          placeholder=\"session UUID\"\n          icon={UiFingerprint}\n          mono\n        />\n      </SpecField>\n      <CheckboxField\n        label=\"Disable prompt caching\"\n        checked={value.noCache}\n        onChange={(noCache) => onChange(withRoot(value, { noCache }))}\n      />\n    </div>\n  );\n}\n\nfunction FallbackModelsEditor({\n  value,\n  onChange,\n  models,\n  families = SPEC_RUNTIME_FAMILIES,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models: ChatModel[];\n  families?: SpecRuntimeFamily[] | undefined;\n}) {\n  const fallbacks = value.fallbacks ?? [];\n  const [expandedIndex, setExpandedIndex] = useState<number | null>(null);\n\n  const setFallbacks = (nextFallbacks: AISpecRuntimeModelFallback[]) => {\n    onChange(withRoot(value, { fallbacks: nextFallbacks }));\n  };\n\n  const removeFallback = (index: number) => {\n    setFallbacks(fallbacks.filter((_, rowIndex) => rowIndex !== index));\n    setExpandedIndex((current) => {\n      if (current == null) return null;\n      if (current === index) return null;\n      return current > index ? current - 1 : current;\n    });\n  };\n\n  const addFallback = () => {\n    const nextFallbacks = [...fallbacks, newFallbackDraft(value, families)];\n    setFallbacks(nextFallbacks);\n    setExpandedIndex(nextFallbacks.length - 1);\n  };\n\n  const updateFallback = (index: number, nextFallback: FallbackDraftPatch) => {\n    setFallbacks(\n      fallbacks.map((fallback, rowIndex) =>\n        rowIndex === index ? compactEditableFallback(nextFallback) : fallback\n      )\n    );\n  };\n\n  const toggleFallback = (index: number) => {\n    setExpandedIndex((current) => (current === index ? null : index));\n  };\n\n  return (\n    <div className=\"space-y-density-2\">\n      <div className=\"flex items-center justify-between gap-density-2\">\n        <div className=\"inline-flex min-w-0 items-center gap-1.5 text-xs font-medium text-muted-foreground\">\n          <Icon icon={UiRepeat} className=\"size-3.5 shrink-0\" />\n          <span>Fallback models</span>\n        </div>\n        <button\n          type=\"button\"\n          onClick={addFallback}\n          className=\"inline-flex items-center gap-1 rounded-md border border-border bg-background px-density-2 py-density-1 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground\"\n        >\n          <Icon icon={UiAdd} className=\"size-3.5\" />\n          Add\n        </button>\n      </div>\n      {fallbacks.length > 0 && (\n        <div className=\"overflow-hidden rounded-md border border-border\">\n          <div className=\"divide-y divide-border\">\n            {fallbacks.map((fallback, index) => (\n              <FallbackModelRow\n                key={`${fallback.model ?? \"fallback\"}-${index}`}\n                fallback={fallback}\n                models={models}\n                families={families}\n                expanded={expandedIndex === index}\n                editorId={`spec-runtime-fallback-${index}-picker`}\n                onToggle={() => toggleFallback(index)}\n                onChange={(nextFallback) => updateFallback(index, nextFallback)}\n                onRemove={() => removeFallback(index)}\n              />\n            ))}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction FallbackModelRow({\n  fallback,\n  models,\n  families,\n  expanded,\n  editorId,\n  onToggle,\n  onChange,\n  onRemove,\n}: {\n  fallback: AISpecRuntimeModelFallback;\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n  expanded: boolean;\n  editorId: string;\n  onToggle: () => void;\n  onChange: (value: AISpecRuntimeModelFallback) => void;\n  onRemove: () => void;\n}) {\n  const meta = fallbackModelMeta(fallback, models);\n  const Glyph = meta.provider ? providerIcon(meta.provider) : undefined;\n  const label = meta.label || \"Select model\";\n  // The collapsed row is the bar in miniature: brand mark, runtime mode, model,\n  // effort — each carrying the same tone it has inside the expanded editor.\n  const mode = modeForBackend(families, fallback.backend);\n  const effortGlyph = fallback.effort\n    ? effortLevelIcon(fallback.effort)\n    : undefined;\n  return (\n    <div>\n      <div className=\"grid min-h-9 grid-cols-[minmax(0,1fr)_auto] items-center gap-density-1 px-density-1 py-density-1\">\n        <button\n          type=\"button\"\n          aria-expanded={expanded}\n          aria-controls={editorId}\n          aria-label={`Edit fallback ${label}`}\n          onClick={onToggle}\n          className=\"grid min-w-0 grid-cols-[auto_auto_minmax(0,1fr)_auto] items-center gap-density-2 rounded-md px-density-1 py-density-1 text-left hover:bg-muted\"\n        >\n          {Glyph ? (\n            <Glyph\n              className={cn(\n                \"size-4 shrink-0\",\n                meta.provider ? providerIconColor(meta.provider) : undefined\n              )}\n            />\n          ) : (\n            <Icon\n              icon={UiSparkles}\n              className=\"size-4 shrink-0 text-muted-foreground/70\"\n            />\n          )}\n          {mode?.icon ? (\n            <Icon\n              icon={mode.icon}\n              className=\"size-4 shrink-0 text-muted-foreground\"\n              title={mode.title ?? mode.label}\n            />\n          ) : (\n            // Held open so rows with and without a known mode still align.\n            <span aria-hidden=\"true\" className=\"size-4\" />\n          )}\n          <span\n            className=\"min-w-0 truncate font-mono text-xs text-foreground\"\n            title={label}\n          >\n            {label}\n          </span>\n          {fallback.effort ? (\n            <span className=\"inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-[10px] font-semibold uppercase leading-none text-muted-foreground\">\n              {effortGlyph && (\n                <Icon\n                  icon={effortGlyph}\n                  className={cn(\"size-3\", effortLevelColor(fallback.effort))}\n                />\n              )}\n              {effortLevelLabel(fallback.effort)}\n            </span>\n          ) : (\n            <span aria-hidden=\"true\" />\n          )}\n        </button>\n        <IconButton\n          icon={UiTrash}\n          label={`Remove ${label}`}\n          onClick={onRemove}\n          className=\"size-6\"\n          iconClassName=\"size-4\"\n        />\n      </div>\n      {expanded && (\n        <div className=\"border-t border-border p-density-2\">\n          <FallbackModelPicker\n            id={editorId}\n            value={fallback}\n            onChange={onChange}\n            models={models}\n            families={families}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction FallbackModelPicker({\n  id,\n  value,\n  onChange,\n  models,\n  families,\n}: {\n  id: string;\n  value: AISpecRuntimeModelFallback;\n  onChange: (value: AISpecRuntimeModelFallback) => void;\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n}) {\n  return (\n    <div\n      id={id}\n      role=\"group\"\n      aria-label=\"Fallback model picker\"\n      className=\"rounded-md border border-dashed border-border bg-muted/20 p-density-2\"\n    >\n      <RuntimeBar\n        value={value}\n        onChange={(next) => onChange(compactEditableFallback(next))}\n        models={models}\n        families={families}\n        ariaLabel=\"Fallback runtime\"\n      />\n    </div>\n  );\n}\n\nfunction newFallbackDraft(\n  value: AISpecRuntimeValue,\n  families: SpecRuntimeFamily[]\n): AISpecRuntimeModelFallback {\n  const fallback: AISpecRuntimeModelFallback = {};\n  const backend = value.backend || defaultFallbackBackend(families);\n  if (backend) fallback.backend = backend;\n  if (value.effort) fallback.effort = value.effort;\n  if (value.temperature != null && Number.isFinite(value.temperature)) {\n    fallback.temperature = value.temperature;\n  }\n  return fallback;\n}\n\nfunction defaultFallbackBackend(families: SpecRuntimeFamily[]): string {\n  const family = families[0] ?? SPEC_RUNTIME_FAMILIES[0];\n  return family ? firstMode(family).backend : \"\";\n}\n\nfunction compactEditableFallback(\n  value: FallbackDraftPatch\n): AISpecRuntimeModelFallback {\n  const next: AISpecRuntimeModelFallback = {};\n  const model = cleanString(value.model);\n  if (model) next.model = model;\n  const id = cleanString(value.id);\n  if (id) next.id = id;\n  const backend = cleanString(value.backend);\n  if (backend) next.backend = backend;\n  if (value.temperature != null && Number.isFinite(value.temperature)) {\n    next.temperature = value.temperature;\n  }\n  const effort = cleanString(value.effort);\n  if (effort) next.effort = effort;\n  if (value.noCache) next.noCache = true;\n  return next;\n}\n\nfunction fallbackModelMeta(\n  fallback: AISpecRuntimeModelFallback,\n  models: ChatModel[]\n): { label: string; provider?: string | undefined } {\n  const modelId = fallback.model ?? \"\";\n  const match = models.find(\n    (model) => model.id === modelId || model.label === modelId\n  );\n  if (match) return { label: match.label, provider: match.provider };\n  return {\n    label: modelId || fallback.id || \"\",\n    provider: inferProvider(fallback),\n  };\n}\n\nfunction inferProvider(\n  fallback: AISpecRuntimeModelFallback\n): string | undefined {\n  const text = `${fallback.backend ?? \"\"} ${\n    fallback.model ?? \"\"\n  }`.toLowerCase();\n  if (text.includes(\"anthropic\") || text.includes(\"claude\")) return \"anthropic\";\n  if (text.includes(\"google\") || text.includes(\"gemini\")) return \"googleai\";\n  if (\n    text.includes(\"openai\") ||\n    text.includes(\"gpt\") ||\n    text.includes(\"codex\")\n  ) {\n    return \"openai\";\n  }\n  return undefined;\n}\n\nfunction cleanString(value: string | undefined): string {\n  return value?.trim() ?? \"\";\n}\n"],"names":["jsxs","jsx","RuntimeBar","NumberField","withBudgetValue","UiCurrencyDollar","UiCoins","UiRepeat","SpecField","SpecInput","UiTimer","ProviderStatusPanel","SPEC_RUNTIME_FAMILIES","withOptionalRoot","UiFingerprint","CheckboxField","withRoot","useState","Icon","UiAdd","providerIcon","modeForBackend","effortLevelIcon","cn","providerIconColor","UiSparkles","effortLevelColor","effortLevelLabel","IconButton","UiTrash","firstMode"],"mappings":"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"}
+{"version":3,"file":"ModelSection.cjs","sources":["../../../../src/data/ai/SpecRuntimeEditor/ModelSection.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n  effortLevelColor,\n  effortLevelIcon,\n  effortLevelLabel,\n} from \"../../chat/effort-icons\";\nimport type { ChatModel } from \"../../chat/types\";\nimport { providerIcon, providerIconColor } from \"../../chat/provider-icons\";\nimport { Icon } from \"../../Icon\";\nimport { IconButton } from \"../../../components\";\nimport { cn } from \"../../../lib/utils\";\nimport {\n  UiAdd,\n  UiCoins,\n  UiCurrencyDollar,\n  UiFingerprint,\n  UiRepeat,\n  UiSparkles,\n  UiTimer,\n  UiTrash,\n} from \"../../../icons\";\nimport type {\n  AISpecRuntimeModelFallback,\n  AISpecRuntimeValue,\n} from \"../SpecRuntimeEditor.model\";\nimport { ProviderStatusPanel } from \"../../runtime/ProviderStatusPanel\";\nimport { RuntimeBar } from \"../../runtime/RuntimeBar\";\nimport {\n  SUPPORT_ALL_RUNTIME_FIELDS,\n  runtimeFieldSupport,\n  type RuntimeFieldSupport,\n} from \"../../runtime/runtime-field-support\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  familyForModel,\n  firstMode,\n  modeOptionFor,\n  runtimeModeError,\n  runtimeModeFromModel,\n  runtimeModelError,\n  type SpecRuntimeFamily,\n} from \"../../runtime/runtime-mode\";\nimport { CheckboxField, NumberField, SpecField, SpecInput } from \"./fields\";\nimport { withBudgetValue, withOptionalRoot, withRoot } from \"./update\";\n\ntype FallbackDraftPatch = {\n  model?: string | undefined;\n  id?: string | undefined;\n  mode?: string | undefined;\n  temperature?: number | undefined;\n  effort?: string | undefined;\n  noCache?: boolean | undefined;\n};\n\nexport function ModelSection({\n  value,\n  onChange,\n  models,\n  families,\n  effectiveMode,\n  effectiveModel,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models: ChatModel[];\n  families?: SpecRuntimeFamily[] | undefined;\n  effectiveMode?: string | undefined;\n  effectiveModel?: string | undefined;\n}) {\n  const runtimeFamilies = families?.length ? families : SPEC_RUNTIME_FAMILIES;\n  const selectedFamily = familyForModel(\n    runtimeFamilies,\n    models,\n    value.model || effectiveModel,\n  );\n  const specMode =\n    runtimeModeFromModel(value.model) ||\n    value.mode?.trim() ||\n    effectiveMode?.trim() ||\n    firstMode(runtimeFamilies[0] ?? SPEC_RUNTIME_FAMILIES[0]!).id;\n  const supports =\n    (runtimeModelError(value.model || effectiveModel) ??\n    runtimeModeError(runtimeFamilies, specMode, selectedFamily?.id))\n      ? SUPPORT_ALL_RUNTIME_FIELDS\n      : runtimeFieldSupport(runtimeFamilies, specMode, selectedFamily?.id);\n  // The bar owns family, mode, model and effort — including the free-text model\n  // entry for families the catalog does not describe.\n  return (\n    <div className=\"grid gap-density-2\">\n      <RuntimeBar\n        value={value}\n        onChange={onChange}\n        models={models}\n        effectiveMode={effectiveMode}\n        effectiveModel={effectiveModel}\n        showModel={supports(\"model\")}\n        showEffort={supports(\"effort\")}\n        families={runtimeFamilies}\n      />\n      <div className=\"grid grid-cols-2 gap-density-2 md:grid-cols-4\">\n        {supports(\"budget.cost\") && (\n          <NumberField\n            label=\"Max cost (USD)\"\n            value={value.budget?.cost}\n            onChange={(cost) => onChange(withBudgetValue(value, \"cost\", cost))}\n            icon={UiCurrencyDollar}\n            min={0}\n            step={0.01}\n          />\n        )}\n        <NumberField\n          label=\"Max tokens\"\n          value={value.budget?.maxTokens}\n          onChange={(maxTokens) =>\n            onChange(withBudgetValue(value, \"maxTokens\", maxTokens))\n          }\n          icon={UiCoins}\n          min={0}\n          step={1}\n          integer\n        />\n        {supports(\"budget.maxTurns\") && (\n          <NumberField\n            label=\"Max turns\"\n            value={value.budget?.maxTurns}\n            onChange={(maxTurns) =>\n              onChange(withBudgetValue(value, \"maxTurns\", maxTurns))\n            }\n            icon={UiRepeat}\n            min={0}\n            max={100}\n            step={1}\n            integer\n          />\n        )}\n        <SpecField label=\"Timeout\">\n          <SpecInput\n            value={value.budget?.timeout}\n            onChange={(timeout) =>\n              onChange(withBudgetValue(value, \"timeout\", timeout))\n            }\n            placeholder=\"30m\"\n            icon={UiTimer}\n            mono\n          />\n        </SpecField>\n      </div>\n      <ProviderStatusPanel\n        models={models}\n        families={runtimeFamilies}\n        defaultCollapsed\n      />\n    </div>\n  );\n}\n\nexport function ModelAdvanced({\n  value,\n  onChange,\n  models = [],\n  families,\n  supports = SUPPORT_ALL_RUNTIME_FIELDS,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n  supports?: RuntimeFieldSupport | undefined;\n}) {\n  return (\n    <div className=\"grid gap-density-2\">\n      <FallbackModelsEditor\n        value={value}\n        onChange={onChange}\n        models={models}\n        {...(families ? { families } : {})}\n      />\n      {supports(\"sessionId\") && (\n        <SpecField label=\"Session ID\">\n          <SpecInput\n            value={value.sessionId}\n            onChange={(sessionId) =>\n              onChange(withOptionalRoot(value, \"sessionId\", sessionId))\n            }\n            placeholder=\"session UUID\"\n            icon={UiFingerprint}\n            mono\n          />\n        </SpecField>\n      )}\n      {supports(\"noCache\") && (\n        <CheckboxField\n          label=\"Disable prompt caching\"\n          checked={value.noCache}\n          onChange={(noCache) => onChange(withRoot(value, { noCache }))}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction FallbackModelsEditor({\n  value,\n  onChange,\n  models,\n  families = SPEC_RUNTIME_FAMILIES,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models: ChatModel[];\n  families?: SpecRuntimeFamily[] | undefined;\n}) {\n  const fallbacks = value.fallbacks ?? [];\n  const [expandedIndex, setExpandedIndex] = useState<number | null>(null);\n\n  const setFallbacks = (nextFallbacks: AISpecRuntimeModelFallback[]) => {\n    onChange(withRoot(value, { fallbacks: nextFallbacks }));\n  };\n\n  const removeFallback = (index: number) => {\n    setFallbacks(fallbacks.filter((_, rowIndex) => rowIndex !== index));\n    setExpandedIndex((current) => {\n      if (current == null) return null;\n      if (current === index) return null;\n      return current > index ? current - 1 : current;\n    });\n  };\n\n  const addFallback = () => {\n    const nextFallbacks = [...fallbacks, newFallbackDraft(value, families)];\n    setFallbacks(nextFallbacks);\n    setExpandedIndex(nextFallbacks.length - 1);\n  };\n\n  const updateFallback = (index: number, nextFallback: FallbackDraftPatch) => {\n    setFallbacks(\n      fallbacks.map((fallback, rowIndex) =>\n        rowIndex === index ? compactEditableFallback(nextFallback) : fallback,\n      ),\n    );\n  };\n\n  const toggleFallback = (index: number) => {\n    setExpandedIndex((current) => (current === index ? null : index));\n  };\n\n  return (\n    <div className=\"space-y-density-2\">\n      <div className=\"flex items-center justify-between gap-density-2\">\n        <div className=\"inline-flex min-w-0 items-center gap-1.5 text-xs font-medium text-muted-foreground\">\n          <Icon icon={UiRepeat} className=\"size-3.5 shrink-0\" />\n          <span>Fallback models</span>\n        </div>\n        <button\n          type=\"button\"\n          onClick={addFallback}\n          className=\"inline-flex items-center gap-1 rounded-md border border-border bg-background px-density-2 py-density-1 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground\"\n        >\n          <Icon icon={UiAdd} className=\"size-3.5\" />\n          Add\n        </button>\n      </div>\n      {fallbacks.length > 0 && (\n        <div className=\"overflow-hidden rounded-md border border-border\">\n          <div className=\"divide-y divide-border\">\n            {fallbacks.map((fallback, index) => (\n              <FallbackModelRow\n                key={`${fallback.model ?? \"fallback\"}-${index}`}\n                fallback={fallback}\n                models={models}\n                families={families}\n                expanded={expandedIndex === index}\n                editorId={`spec-runtime-fallback-${index}-picker`}\n                onToggle={() => toggleFallback(index)}\n                onChange={(nextFallback) => updateFallback(index, nextFallback)}\n                onRemove={() => removeFallback(index)}\n              />\n            ))}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction FallbackModelRow({\n  fallback,\n  models,\n  families,\n  expanded,\n  editorId,\n  onToggle,\n  onChange,\n  onRemove,\n}: {\n  fallback: AISpecRuntimeModelFallback;\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n  expanded: boolean;\n  editorId: string;\n  onToggle: () => void;\n  onChange: (value: AISpecRuntimeModelFallback) => void;\n  onRemove: () => void;\n}) {\n  const meta = fallbackModelMeta(fallback, models);\n  const Glyph = meta.provider ? providerIcon(meta.provider) : undefined;\n  const label = meta.label || \"Select model\";\n  // The collapsed row is the bar in miniature: brand mark, runtime mode, model,\n  // effort — each carrying the same tone it has inside the expanded editor.\n  const mode = modeOptionFor(families, fallback.mode);\n  const effortGlyph = fallback.effort\n    ? effortLevelIcon(fallback.effort)\n    : undefined;\n  return (\n    <div>\n      <div className=\"grid min-h-9 grid-cols-[minmax(0,1fr)_auto] items-center gap-density-1 px-density-1 py-density-1\">\n        <button\n          type=\"button\"\n          aria-expanded={expanded}\n          aria-controls={editorId}\n          aria-label={`Edit fallback ${label}`}\n          onClick={onToggle}\n          className=\"grid min-w-0 grid-cols-[auto_auto_minmax(0,1fr)_auto] items-center gap-density-2 rounded-md px-density-1 py-density-1 text-left hover:bg-muted\"\n        >\n          {Glyph ? (\n            <Glyph\n              className={cn(\n                \"size-4 shrink-0\",\n                meta.provider ? providerIconColor(meta.provider) : undefined,\n              )}\n            />\n          ) : (\n            <Icon\n              icon={UiSparkles}\n              className=\"size-4 shrink-0 text-muted-foreground/70\"\n            />\n          )}\n          {mode?.icon ? (\n            <Icon\n              icon={mode.icon}\n              className=\"size-4 shrink-0 text-muted-foreground\"\n              title={mode.title ?? mode.label}\n            />\n          ) : (\n            // Held open so rows with and without a known mode still align.\n            <span aria-hidden=\"true\" className=\"size-4\" />\n          )}\n          <span\n            className=\"min-w-0 truncate font-mono text-xs text-foreground\"\n            title={label}\n          >\n            {label}\n          </span>\n          {fallback.effort ? (\n            <span className=\"inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-[10px] font-semibold uppercase leading-none text-muted-foreground\">\n              {effortGlyph && (\n                <Icon\n                  icon={effortGlyph}\n                  className={cn(\"size-3\", effortLevelColor(fallback.effort))}\n                />\n              )}\n              {effortLevelLabel(fallback.effort)}\n            </span>\n          ) : (\n            <span aria-hidden=\"true\" />\n          )}\n        </button>\n        <IconButton\n          icon={UiTrash}\n          label={`Remove ${label}`}\n          onClick={onRemove}\n          className=\"size-6\"\n          iconClassName=\"size-4\"\n        />\n      </div>\n      {expanded && (\n        <div className=\"border-t border-border p-density-2\">\n          <FallbackModelPicker\n            id={editorId}\n            value={fallback}\n            onChange={onChange}\n            models={models}\n            families={families}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction FallbackModelPicker({\n  id,\n  value,\n  onChange,\n  models,\n  families,\n}: {\n  id: string;\n  value: AISpecRuntimeModelFallback;\n  onChange: (value: AISpecRuntimeModelFallback) => void;\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n}) {\n  return (\n    <div\n      id={id}\n      role=\"group\"\n      aria-label=\"Fallback model picker\"\n      className=\"rounded-md border border-dashed border-border bg-muted/20 p-density-2\"\n    >\n      <RuntimeBar\n        value={value}\n        onChange={(next) => onChange(compactEditableFallback(next))}\n        models={models}\n        families={families}\n        ariaLabel=\"Fallback runtime\"\n      />\n    </div>\n  );\n}\n\nfunction newFallbackDraft(\n  value: AISpecRuntimeValue,\n  families: SpecRuntimeFamily[],\n): AISpecRuntimeModelFallback {\n  const fallback: AISpecRuntimeModelFallback = {};\n  const mode = value.mode || defaultFallbackMode(families);\n  if (mode) fallback.mode = mode;\n  if (value.effort) fallback.effort = value.effort;\n  if (value.temperature != null && Number.isFinite(value.temperature)) {\n    fallback.temperature = value.temperature;\n  }\n  return fallback;\n}\n\nfunction defaultFallbackMode(families: SpecRuntimeFamily[]): string {\n  const family = families[0] ?? SPEC_RUNTIME_FAMILIES[0];\n  return family ? firstMode(family).id : \"\";\n}\n\nfunction compactEditableFallback(\n  value: FallbackDraftPatch,\n): AISpecRuntimeModelFallback {\n  const next: AISpecRuntimeModelFallback = {};\n  const model = cleanString(value.model);\n  if (model) next.model = model;\n  const id = cleanString(value.id);\n  if (id) next.id = id;\n  const mode = cleanString(value.mode);\n  if (mode) next.mode = mode;\n  if (value.temperature != null && Number.isFinite(value.temperature)) {\n    next.temperature = value.temperature;\n  }\n  const effort = cleanString(value.effort);\n  if (effort) next.effort = effort;\n  if (value.noCache) next.noCache = true;\n  return next;\n}\n\nfunction fallbackModelMeta(\n  fallback: AISpecRuntimeModelFallback,\n  models: ChatModel[],\n): { label: string; provider?: string | undefined } {\n  const modelId = fallback.model ?? \"\";\n  const match = models.find(\n    (model) => model.id === modelId || model.label === modelId,\n  );\n  if (match) return { label: match.label, provider: match.provider };\n  return {\n    label: modelId || fallback.id || \"\",\n    provider: inferProvider(fallback),\n  };\n}\n\nfunction inferProvider(\n  fallback: AISpecRuntimeModelFallback,\n): string | undefined {\n  const text = `${fallback.mode ?? \"\"} ${fallback.model ?? \"\"}`.toLowerCase();\n  if (text.includes(\"anthropic\") || text.includes(\"claude\")) return \"anthropic\";\n  if (text.includes(\"google\") || text.includes(\"gemini\")) return \"googleai\";\n  if (\n    text.includes(\"openai\") ||\n    text.includes(\"gpt\") ||\n    text.includes(\"codex\")\n  ) {\n    return \"openai\";\n  }\n  return undefined;\n}\n\nfunction cleanString(value: string | undefined): string {\n  return value?.trim() ?? \"\";\n}\n"],"names":["SPEC_RUNTIME_FAMILIES","familyForModel","runtimeModeFromModel","firstMode","runtimeModelError","runtimeModeError","SUPPORT_ALL_RUNTIME_FIELDS","runtimeFieldSupport","jsxs","jsx","RuntimeBar","NumberField","withBudgetValue","UiCurrencyDollar","UiCoins","UiRepeat","SpecField","SpecInput","UiTimer","ProviderStatusPanel","withOptionalRoot","UiFingerprint","CheckboxField","withRoot","useState","Icon","UiAdd","providerIcon","modeOptionFor","effortLevelIcon","cn","providerIconColor","UiSparkles","effortLevelColor","effortLevelLabel","IconButton","UiTrash"],"mappings":"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"}

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

@@ -1,16 +1,20 @@
 import { ChatModel } from '../../chat/types';
 import { AISpecRuntimeValue } from '../SpecRuntimeEditor.model';
+import { RuntimeFieldSupport } from '../../runtime/runtime-field-support';
 import { SpecRuntimeFamily } from '../../runtime/runtime-mode';
-export declare function ModelSection({ value, onChange, models, families, }: {
+export declare function ModelSection({ value, onChange, models, families, effectiveMode, effectiveModel, }: {
     value: AISpecRuntimeValue;
     onChange: (value: AISpecRuntimeValue) => void;
     models: ChatModel[];
     families?: SpecRuntimeFamily[] | undefined;
+    effectiveMode?: string | undefined;
+    effectiveModel?: string | undefined;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function ModelAdvanced({ value, onChange, models, families, }: {
+export declare function ModelAdvanced({ value, onChange, models, families, supports, }: {
     value: AISpecRuntimeValue;
     onChange: (value: AISpecRuntimeValue) => void;
     models?: ChatModel[] | undefined;
     families?: SpecRuntimeFamily[] | undefined;
+    supports?: RuntimeFieldSupport | undefined;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ModelSection.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ModelSection.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/SpecRuntimeEditor/ModelSection.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAelD,OAAO,KAAK,EAEV,kBAAkB,EACnB,MAAM,4BAA4B,CAAC;AAGpC,OAAO,EAIL,KAAK,iBAAiB,EACvB,MAAM,4BAA4B,CAAC;AAapC,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;CAC5C,2CA8DA;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,MAAW,EACX,QAAQ,GACT,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;CAC5C,2CA2BA"}
+{"version":3,"file":"ModelSection.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/SpecRuntimeEditor/ModelSection.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAelD,OAAO,KAAK,EAEV,kBAAkB,EACnB,MAAM,4BAA4B,CAAC;AAGpC,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAQL,KAAK,iBAAiB,EACvB,MAAM,4BAA4B,CAAC;AAapC,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,aAAa,EACb,cAAc,GACf,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;IAC3C,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACrC,2CAsFA;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,MAAW,EACX,QAAQ,EACR,QAAqC,GACtC,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,QAAQ,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAC;CAC5C,2CA+BA"}

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

@@ -7,7 +7,8 @@ import { IconButton } from "../../../components/IconButton.js";
 import { cn } from "../../../lib/utils.js";
 import { ProviderStatusPanel } from "../../runtime/ProviderStatusPanel.js";
 import { RuntimeBar } from "../../runtime/RuntimeBar.js";
-import { SPEC_RUNTIME_FAMILIES, modeForBackend, firstMode } from "../../runtime/runtime-mode.js";
+import { SUPPORT_ALL_RUNTIME_FIELDS, runtimeFieldSupport } from "../../runtime/runtime-field-support.js";
+import { SPEC_RUNTIME_FAMILIES, familyForModel, runtimeModeFromModel, firstMode, runtimeModelError, runtimeModeError, modeOptionFor } from "../../runtime/runtime-mode.js";
 import { NumberField, SpecField, SpecInput, CheckboxField } from "./fields.js";
 import { withBudgetValue, withOptionalRoot, withRoot } from "./update.js";
 import { UiCurrencyDollar } from "../../../icons/components/UiCurrencyDollar.js";
@@ -22,9 +23,19 @@ function ModelSection({
   value,
   onChange,
   models,
-  families
+  families,
+  effectiveMode,
+  effectiveModel
 }) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
+  const runtimeFamilies = (families == null ? void 0 : families.length) ? families : SPEC_RUNTIME_FAMILIES;
+  const selectedFamily = familyForModel(
+    runtimeFamilies,
+    models,
+    value.model || effectiveModel
+  );
+  const specMode = runtimeModeFromModel(value.model) || ((_a = value.mode) == null ? void 0 : _a.trim()) || (effectiveMode == null ? void 0 : effectiveMode.trim()) || firstMode(runtimeFamilies[0] ?? SPEC_RUNTIME_FAMILIES[0]).id;
+  const supports = runtimeModelError(value.model || effectiveModel) ?? runtimeModeError(runtimeFamilies, specMode, selectedFamily == null ? void 0 : selectedFamily.id) ? SUPPORT_ALL_RUNTIME_FIELDS : runtimeFieldSupport(runtimeFamilies, specMode, selectedFamily == null ? void 0 : selectedFamily.id);
   return /* @__PURE__ */ jsxs("div", { className: "grid gap-density-2", children: [
     /* @__PURE__ */ jsx(
       RuntimeBar,
@@ -32,15 +43,19 @@ function ModelSection({
         value,
         onChange,
         models,
-        ...families ? { families } : {}
+        effectiveMode,
+        effectiveModel,
+        showModel: supports("model"),
+        showEffort: supports("effort"),
+        families: runtimeFamilies
       }
     ),
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-density-2 md:grid-cols-4", children: [
-      /* @__PURE__ */ jsx(
+      supports("budget.cost") && /* @__PURE__ */ jsx(
         NumberField,
         {
           label: "Max cost (USD)",
-          value: (_a = value.budget) == null ? void 0 : _a.cost,
+          value: (_b = value.budget) == null ? void 0 : _b.cost,
           onChange: (cost) => onChange(withBudgetValue(value, "cost", cost)),
           icon: UiCurrencyDollar,
           min: 0,
@@ -51,7 +66,7 @@ function ModelSection({
         NumberField,
         {
           label: "Max tokens",
-          value: (_b = value.budget) == null ? void 0 : _b.maxTokens,
+          value: (_c = value.budget) == null ? void 0 : _c.maxTokens,
           onChange: (maxTokens) => onChange(withBudgetValue(value, "maxTokens", maxTokens)),
           icon: UiCoins,
           min: 0,
@@ -59,11 +74,11 @@ function ModelSection({
           integer: true
         }
       ),
-      /* @__PURE__ */ jsx(
+      supports("budget.maxTurns") && /* @__PURE__ */ jsx(
         NumberField,
         {
           label: "Max turns",
-          value: (_c = value.budget) == null ? void 0 : _c.maxTurns,
+          value: (_d = value.budget) == null ? void 0 : _d.maxTurns,
           onChange: (maxTurns) => onChange(withBudgetValue(value, "maxTurns", maxTurns)),
           icon: UiRepeat,
           min: 0,
@@ -75,7 +90,7 @@ function ModelSection({
       /* @__PURE__ */ jsx(SpecField, { label: "Timeout", children: /* @__PURE__ */ jsx(
         SpecInput,
         {
-          value: (_d = value.budget) == null ? void 0 : _d.timeout,
+          value: (_e = value.budget) == null ? void 0 : _e.timeout,
           onChange: (timeout) => onChange(withBudgetValue(value, "timeout", timeout)),
           placeholder: "30m",
           icon: UiTimer,
@@ -87,7 +102,7 @@ function ModelSection({
       ProviderStatusPanel,
       {
         models,
-        families: families ?? SPEC_RUNTIME_FAMILIES,
+        families: runtimeFamilies,
         defaultCollapsed: true
       }
     )
@@ -97,7 +112,8 @@ function ModelAdvanced({
   value,
   onChange,
   models = [],
-  families
+  families,
+  supports = SUPPORT_ALL_RUNTIME_FIELDS
 }) {
   return /* @__PURE__ */ jsxs("div", { className: "grid gap-density-2", children: [
     /* @__PURE__ */ jsx(
@@ -109,7 +125,7 @@ function ModelAdvanced({
         ...families ? { families } : {}
       }
     ),
-    /* @__PURE__ */ jsx(SpecField, { label: "Session ID", children: /* @__PURE__ */ jsx(
+    supports("sessionId") && /* @__PURE__ */ jsx(SpecField, { label: "Session ID", children: /* @__PURE__ */ jsx(
       SpecInput,
       {
         value: value.sessionId,
@@ -119,7 +135,7 @@ function ModelAdvanced({
         mono: true
       }
     ) }),
-    /* @__PURE__ */ jsx(
+    supports("noCache") && /* @__PURE__ */ jsx(
       CheckboxField,
       {
         label: "Disable prompt caching",
@@ -211,7 +227,7 @@ function FallbackModelRow({
   const meta = fallbackModelMeta(fallback, models);
   const Glyph = meta.provider ? providerIcon(meta.provider) : void 0;
   const label = meta.label || "Select model";
-  const mode = modeForBackend(families, fallback.backend);
+  const mode = modeOptionFor(families, fallback.mode);
   const effortGlyph = fallback.effort ? effortLevelIcon(fallback.effort) : void 0;
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsxs("div", { className: "grid min-h-9 grid-cols-[minmax(0,1fr)_auto] items-center gap-density-1 px-density-1 py-density-1", children: [
@@ -324,17 +340,17 @@ function FallbackModelPicker({
 }
 function newFallbackDraft(value, families) {
   const fallback = {};
-  const backend = value.backend || defaultFallbackBackend(families);
-  if (backend) fallback.backend = backend;
+  const mode = value.mode || defaultFallbackMode(families);
+  if (mode) fallback.mode = mode;
   if (value.effort) fallback.effort = value.effort;
   if (value.temperature != null && Number.isFinite(value.temperature)) {
     fallback.temperature = value.temperature;
   }
   return fallback;
 }
-function defaultFallbackBackend(families) {
+function defaultFallbackMode(families) {
   const family = families[0] ?? SPEC_RUNTIME_FAMILIES[0];
-  return family ? firstMode(family).backend : "";
+  return family ? firstMode(family).id : "";
 }
 function compactEditableFallback(value) {
   const next = {};
@@ -342,8 +358,8 @@ function compactEditableFallback(value) {
   if (model) next.model = model;
   const id = cleanString(value.id);
   if (id) next.id = id;
-  const backend = cleanString(value.backend);
-  if (backend) next.backend = backend;
+  const mode = cleanString(value.mode);
+  if (mode) next.mode = mode;
   if (value.temperature != null && Number.isFinite(value.temperature)) {
     next.temperature = value.temperature;
   }
@@ -364,7 +380,7 @@ function fallbackModelMeta(fallback, models) {
   };
 }
 function inferProvider(fallback) {
-  const text = `${fallback.backend ?? ""} ${fallback.model ?? ""}`.toLowerCase();
+  const text = `${fallback.mode ?? ""} ${fallback.model ?? ""}`.toLowerCase();
   if (text.includes("anthropic") || text.includes("claude")) return "anthropic";
   if (text.includes("google") || text.includes("gemini")) return "googleai";
   if (text.includes("openai") || text.includes("gpt") || text.includes("codex")) {