@flanksource/clicky-ui 0.3.9 → 0.3.11

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

@@ -0,0 +1,481 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useMemo } from "react";
+import { ModelSelector, EffortSelector } from "../../chat/ModelSelector.js";
+import { effortLevelIcon } from "../../chat/effort-icons.js";
+import { effortOptionsForModel, reconcileModelCapabilities } from "../model-capabilities.js";
+import { providerIcon } from "../../chat/provider-icons.js";
+import { Icon } from "../../Icon.js";
+import { IconButton } from "../../../components/IconButton.js";
+import { RuntimeModePicker } from "../RuntimeModePicker.js";
+import { selectionForBackend, SPEC_RUNTIME_FAMILIES, familyById, modelsForFamily, familyForBackend, firstMode } from "../runtime-mode.js";
+import { SpecField, SpecInput, NumberField, CheckboxField } from "./fields.js";
+import { withRoot, withOptionalRoot, withBudgetValue } from "./update.js";
+import { UiSparkles } from "../../../icons/components/UiSparkles.js";
+import { UiThermometer } from "../../../icons/components/UiThermometer.js";
+import { UiCurrencyDollar } from "../../../icons/components/UiCurrencyDollar.js";
+import { UiCoins } from "../../../icons/components/UiCoins.js";
+import { UiRepeat } from "../../../icons/components/UiRepeat.js";
+import { UiTimer } from "../../../icons/components/UiTimer.js";
+import { UiFingerprint } from "../../../icons/components/UiFingerprint.js";
+import { UiAdd } from "../../../icons/components/UiAdd.js";
+import { UiTrash } from "../../../icons/components/UiTrash.js";
+const REASONING_EFFORTS = ["low", "medium", "high", "xhigh"];
+function ModelSection({
+  value,
+  onChange,
+  models,
+  families
+}) {
+  var _a, _b, _c, _d;
+  const runtimeFamilies = families ?? SPEC_RUNTIME_FAMILIES;
+  const selection = selectionForBackend(runtimeFamilies, value.backend);
+  const family = familyById(runtimeFamilies, selection.family);
+  const modelOptions = modelsForFamily(models, family, value.backend);
+  const selectedModel = models.find((m) => m.id === value.model);
+  const modelEfforts = effortOptionsForModel(selectedModel, REASONING_EFFORTS);
+  const showEffort = modelEfforts.length > 0;
+  const showTemperature = !selectedModel || selectedModel.temperature !== false;
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-density-2", children: [
+    /* @__PURE__ */ jsx(
+      RuntimeModePicker,
+      {
+        value,
+        onChange,
+        models,
+        ...families ? { families } : {}
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-density-2 md:grid-cols-3", children: [
+      /* @__PURE__ */ jsx(SpecField, { label: "Model", children: modelOptions.length > 0 ? /* @__PURE__ */ jsx(
+        ModelSelector,
+        {
+          models: modelOptions,
+          value: value.model,
+          onChange: (model) => onChange(
+            reconcileModelCapabilities(
+              value,
+              models.find((item) => item.id === model),
+              REASONING_EFFORTS
+            )
+          ),
+          className: "w-full",
+          size: "md"
+        }
+      ) : /* @__PURE__ */ jsx(
+        SpecInput,
+        {
+          value: value.model,
+          onChange: (model) => onChange(withRoot(value, { model })),
+          placeholder: "claude-sonnet-4-6",
+          icon: UiSparkles,
+          mono: true
+        }
+      ) }),
+      showEffort && /* @__PURE__ */ jsx(SpecField, { label: "Effort", children: /* @__PURE__ */ jsx(
+        EffortSelector,
+        {
+          efforts: modelEfforts,
+          value: value.effort ?? "",
+          onChange: (effort) => onChange(withRoot(value, { effort })),
+          className: "w-full",
+          size: "md"
+        }
+      ) }),
+      showTemperature && /* @__PURE__ */ jsx(
+        NumberField,
+        {
+          label: "Temperature",
+          value: value.temperature,
+          onChange: (temperature) => onChange(withOptionalRoot(value, "temperature", temperature)),
+          icon: UiThermometer,
+          min: 0,
+          max: 2,
+          step: 0.1
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-density-2 md:grid-cols-4", children: [
+      /* @__PURE__ */ jsx(
+        NumberField,
+        {
+          label: "Max cost (USD)",
+          value: (_a = value.budget) == null ? void 0 : _a.cost,
+          onChange: (cost) => onChange(withBudgetValue(value, "cost", cost)),
+          icon: UiCurrencyDollar,
+          min: 0,
+          step: 0.01
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        NumberField,
+        {
+          label: "Max tokens",
+          value: (_b = value.budget) == null ? void 0 : _b.maxTokens,
+          onChange: (maxTokens) => onChange(withBudgetValue(value, "maxTokens", maxTokens)),
+          icon: UiCoins,
+          min: 0,
+          step: 1,
+          integer: true
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        NumberField,
+        {
+          label: "Max turns",
+          value: (_c = value.budget) == null ? void 0 : _c.maxTurns,
+          onChange: (maxTurns) => onChange(withBudgetValue(value, "maxTurns", maxTurns)),
+          icon: UiRepeat,
+          min: 0,
+          max: 100,
+          step: 1,
+          integer: true
+        }
+      ),
+      /* @__PURE__ */ jsx(SpecField, { label: "Timeout", children: /* @__PURE__ */ jsx(
+        SpecInput,
+        {
+          value: (_d = value.budget) == null ? void 0 : _d.timeout,
+          onChange: (timeout) => onChange(withBudgetValue(value, "timeout", timeout)),
+          placeholder: "30m",
+          icon: UiTimer,
+          mono: true
+        }
+      ) })
+    ] })
+  ] });
+}
+function ModelAdvanced({
+  value,
+  onChange,
+  models = [],
+  families
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-density-2", children: [
+    /* @__PURE__ */ jsx(
+      FallbackModelsEditor,
+      {
+        value,
+        onChange,
+        models,
+        ...families ? { families } : {}
+      }
+    ),
+    /* @__PURE__ */ jsx(SpecField, { label: "Session ID", children: /* @__PURE__ */ jsx(
+      SpecInput,
+      {
+        value: value.sessionId,
+        onChange: (sessionId) => onChange(withOptionalRoot(value, "sessionId", sessionId)),
+        placeholder: "session UUID",
+        icon: UiFingerprint,
+        mono: true
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      CheckboxField,
+      {
+        label: "Disable prompt caching",
+        checked: value.noCache,
+        onChange: (noCache) => onChange(withRoot(value, { noCache }))
+      }
+    )
+  ] });
+}
+function FallbackModelsEditor({
+  value,
+  onChange,
+  models,
+  families = SPEC_RUNTIME_FAMILIES
+}) {
+  const fallbacks = value.fallbacks ?? [];
+  const [expandedIndex, setExpandedIndex] = useState(null);
+  const setFallbacks = (nextFallbacks) => {
+    onChange(withRoot(value, { fallbacks: nextFallbacks }));
+  };
+  const removeFallback = (index) => {
+    setFallbacks(fallbacks.filter((_, rowIndex) => rowIndex !== index));
+    setExpandedIndex((current) => {
+      if (current == null) return null;
+      if (current === index) return null;
+      return current > index ? current - 1 : current;
+    });
+  };
+  const addFallback = () => {
+    const nextFallbacks = [...fallbacks, newFallbackDraft(value, families)];
+    setFallbacks(nextFallbacks);
+    setExpandedIndex(nextFallbacks.length - 1);
+  };
+  const updateFallback = (index, nextFallback) => {
+    setFallbacks(
+      fallbacks.map(
+        (fallback, rowIndex) => rowIndex === index ? compactEditableFallback(nextFallback) : fallback
+      )
+    );
+  };
+  const patchFallback = (index, patch) => {
+    const fallback = fallbacks[index] ?? {};
+    updateFallback(index, { ...fallback, ...patch });
+  };
+  const toggleFallback = (index) => {
+    setExpandedIndex((current) => current === index ? null : index);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-density-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-density-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "inline-flex min-w-0 items-center gap-1.5 text-xs font-medium text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Icon, { icon: UiRepeat, className: "size-3.5 shrink-0" }),
+        /* @__PURE__ */ jsx("span", { children: "Fallback models" })
+      ] }),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: addFallback,
+          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",
+          children: [
+            /* @__PURE__ */ jsx(Icon, { icon: UiAdd, className: "size-3.5" }),
+            "Add"
+          ]
+        }
+      )
+    ] }),
+    fallbacks.length > 0 && /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsx("div", { className: "divide-y divide-border", children: fallbacks.map((fallback, index) => /* @__PURE__ */ jsx(
+      FallbackModelRow,
+      {
+        fallback,
+        models,
+        families,
+        expanded: expandedIndex === index,
+        editorId: `spec-runtime-fallback-${index}-picker`,
+        onToggle: () => toggleFallback(index),
+        onChange: (nextFallback) => updateFallback(index, nextFallback),
+        onPatch: (patch) => patchFallback(index, patch),
+        onRemove: () => removeFallback(index)
+      },
+      `${fallback.model ?? "fallback"}-${index}`
+    )) }) })
+  ] });
+}
+function FallbackModelRow({
+  fallback,
+  models,
+  families,
+  expanded,
+  editorId,
+  onToggle,
+  onChange,
+  onPatch,
+  onRemove
+}) {
+  const meta = fallbackModelMeta(fallback, models);
+  const Glyph = meta.provider ? providerIcon(meta.provider) : void 0;
+  const label = meta.label || "Select model";
+  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: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          "aria-expanded": expanded,
+          "aria-controls": editorId,
+          "aria-label": `Edit fallback ${label}`,
+          onClick: onToggle,
+          className: "grid min-w-0 grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-density-2 rounded-md px-density-1 py-density-1 text-left hover:bg-muted",
+          children: [
+            Glyph ? /* @__PURE__ */ jsx(Glyph, { className: "size-4 shrink-0" }) : /* @__PURE__ */ jsx(
+              Icon,
+              {
+                icon: UiSparkles,
+                className: "size-4 shrink-0 text-muted-foreground/70"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "min-w-0 truncate font-mono text-xs text-foreground",
+                title: label,
+                children: label
+              }
+            ),
+            fallback.effort ? /* @__PURE__ */ jsxs("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", children: [
+              (() => {
+                const glyph = effortLevelIcon(fallback.effort);
+                return glyph ? /* @__PURE__ */ jsx(Icon, { icon: glyph, className: "size-3" }) : null;
+              })(),
+              formatEffort(fallback.effort)
+            ] }) : /* @__PURE__ */ jsx("span", { "aria-hidden": "true" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          icon: UiTrash,
+          label: `Remove ${label}`,
+          onClick: onRemove,
+          className: "size-6",
+          iconClassName: "size-4"
+        }
+      )
+    ] }),
+    expanded && /* @__PURE__ */ jsx("div", { className: "border-t border-border p-density-2", children: /* @__PURE__ */ jsx(
+      FallbackModelPicker,
+      {
+        id: editorId,
+        value: fallback,
+        onChange,
+        onPatch,
+        models,
+        families
+      }
+    ) })
+  ] });
+}
+function FallbackModelPicker({
+  id,
+  value,
+  onChange,
+  onPatch,
+  models,
+  families
+}) {
+  const modelOptions = useMemo(() => {
+    const family = familyForBackend(families, value.backend);
+    return modelsForFamily(models, family, value.backend);
+  }, [families, models, value.backend]);
+  const selectedModel = models.find((m) => m.id === value.model);
+  const modelEfforts = effortOptionsForModel(selectedModel, REASONING_EFFORTS);
+  const showEffort = modelEfforts.length > 0;
+  const showTemperature = !selectedModel || selectedModel.temperature !== false;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      id,
+      role: "group",
+      "aria-label": "Fallback model picker",
+      className: "rounded-md border border-dashed border-border bg-muted/20 p-density-2",
+      children: /* @__PURE__ */ jsxs("div", { className: "grid gap-density-2", children: [
+        /* @__PURE__ */ jsx(
+          RuntimeModePicker,
+          {
+            value,
+            onChange: (next) => onChange(compactEditableFallback(next)),
+            models,
+            families
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-density-2 md:grid-cols-3", children: [
+          /* @__PURE__ */ jsx(SpecField, { label: "Model", children: modelOptions.length > 0 ? /* @__PURE__ */ jsx(
+            ModelSelector,
+            {
+              models: modelOptions,
+              value: value.model,
+              onChange: (model) => onChange(
+                reconcileModelCapabilities(
+                  value,
+                  models.find((item) => item.id === model),
+                  REASONING_EFFORTS
+                )
+              ),
+              className: "w-full",
+              size: "md"
+            }
+          ) : /* @__PURE__ */ jsx(
+            SpecInput,
+            {
+              value: value.model,
+              onChange: (model) => onPatch({ model }),
+              placeholder: "gpt-5-codex",
+              icon: UiSparkles,
+              mono: true
+            }
+          ) }),
+          showEffort && /* @__PURE__ */ jsx(SpecField, { label: "Effort", children: /* @__PURE__ */ jsx(
+            EffortSelector,
+            {
+              efforts: modelEfforts,
+              value: value.effort ?? "",
+              onChange: (effort) => onPatch({ effort }),
+              className: "w-full",
+              size: "md"
+            }
+          ) }),
+          showTemperature && /* @__PURE__ */ jsx(
+            NumberField,
+            {
+              label: "Temperature",
+              value: value.temperature,
+              onChange: (temperature) => onPatch({ temperature }),
+              icon: UiThermometer,
+              min: 0,
+              max: 2,
+              step: 0.1
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+function newFallbackDraft(value, families) {
+  const fallback = {};
+  const backend = value.backend || defaultFallbackBackend(families);
+  if (backend) fallback.backend = backend;
+  if (value.effort) fallback.effort = value.effort;
+  if (value.temperature != null && Number.isFinite(value.temperature)) {
+    fallback.temperature = value.temperature;
+  }
+  return fallback;
+}
+function defaultFallbackBackend(families) {
+  const family = families[0] ?? SPEC_RUNTIME_FAMILIES[0];
+  return family ? firstMode(family).backend : "";
+}
+function compactEditableFallback(value) {
+  const next = {};
+  const model = cleanString(value.model);
+  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;
+  if (value.temperature != null && Number.isFinite(value.temperature)) {
+    next.temperature = value.temperature;
+  }
+  const effort = cleanString(value.effort);
+  if (effort) next.effort = effort;
+  if (value.noCache) next.noCache = true;
+  return next;
+}
+function fallbackModelMeta(fallback, models) {
+  const modelId = fallback.model ?? "";
+  const match = models.find(
+    (model) => model.id === modelId || model.label === modelId
+  );
+  if (match) return { label: match.label, provider: match.provider };
+  return {
+    label: modelId || fallback.id || "",
+    provider: inferProvider(fallback)
+  };
+}
+function inferProvider(fallback) {
+  const text = `${fallback.backend ?? ""} ${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")) {
+    return "openai";
+  }
+  return void 0;
+}
+function formatEffort(value) {
+  var _a;
+  const effort = value.trim();
+  if (!effort) return "";
+  return `${((_a = effort[0]) == null ? void 0 : _a.toUpperCase()) ?? ""}${effort.slice(1)}`;
+}
+function cleanString(value) {
+  return (value == null ? void 0 : value.trim()) ?? "";
+}
+export {
+  ModelAdvanced,
+  ModelSection
+};
+//# sourceMappingURL=ModelSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModelSection.js","sources":["../../../../src/data/ai/SpecRuntimeEditor/ModelSection.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { EffortSelector, ModelSelector } from \"../../chat/ModelSelector\";\nimport { effortLevelIcon } from \"../../chat/effort-icons\";\nimport type { ChatModel } from \"../../chat/types\";\nimport {\n  effortOptionsForModel,\n  reconcileModelCapabilities,\n} from \"../model-capabilities\";\nimport { providerIcon } from \"../../chat/provider-icons\";\nimport { Icon } from \"../../Icon\";\nimport { IconButton } from \"../../../components\";\nimport {\n  UiAdd,\n  UiCoins,\n  UiCurrencyDollar,\n  UiFingerprint,\n  UiRepeat,\n  UiSparkles,\n  UiThermometer,\n  UiTimer,\n  UiTrash,\n} from \"../../../icons\";\nimport type {\n  AISpecRuntimeModelFallback,\n  AISpecRuntimeValue,\n} from \"../SpecRuntimeEditor.model\";\nimport { RuntimeModePicker } from \"../RuntimeModePicker\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  familyForBackend,\n  familyById,\n  firstMode,\n  modelsForFamily,\n  selectionForBackend,\n  type SpecRuntimeFamily,\n} from \"../runtime-mode\";\nimport { CheckboxField, NumberField, SpecField, SpecInput } from \"./fields\";\nimport { withBudgetValue, withOptionalRoot, withRoot } from \"./update\";\n\nconst REASONING_EFFORTS = [\"low\", \"medium\", \"high\", \"xhigh\"];\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  const runtimeFamilies = families ?? SPEC_RUNTIME_FAMILIES;\n  const selection = selectionForBackend(runtimeFamilies, value.backend);\n  const family = familyById(runtimeFamilies, selection.family);\n  const modelOptions = modelsForFamily(models, family, value.backend);\n  const selectedModel = models.find((m) => m.id === value.model);\n  // Show a control unless the resolved model reports it unsupported; an unknown\n  // selection or a catalog without the field keeps the control visible.\n  const modelEfforts = effortOptionsForModel(selectedModel, REASONING_EFFORTS);\n  const showEffort = modelEfforts.length > 0;\n  const showTemperature = !selectedModel || selectedModel.temperature !== false;\n\n  return (\n    <div className=\"grid gap-density-2\">\n      <RuntimeModePicker\n        value={value}\n        onChange={onChange}\n        models={models}\n        {...(families ? { families } : {})}\n      />\n      <div className=\"grid gap-density-2 md:grid-cols-3\">\n        <SpecField label=\"Model\">\n          {modelOptions.length > 0 ? (\n            <ModelSelector\n              models={modelOptions}\n              value={value.model}\n              onChange={(model) =>\n                onChange(\n                  reconcileModelCapabilities(\n                    value,\n                    models.find((item) => item.id === model),\n                    REASONING_EFFORTS,\n                  ),\n                )\n              }\n              className=\"w-full\"\n              size=\"md\"\n            />\n          ) : (\n            <SpecInput\n              value={value.model}\n              onChange={(model) => onChange(withRoot(value, { model }))}\n              placeholder=\"claude-sonnet-4-6\"\n              icon={UiSparkles}\n              mono\n            />\n          )}\n        </SpecField>\n        {showEffort && (\n          <SpecField label=\"Effort\">\n            <EffortSelector\n              efforts={modelEfforts}\n              value={value.effort ?? \"\"}\n              onChange={(effort) => onChange(withRoot(value, { effort }))}\n              className=\"w-full\"\n              size=\"md\"\n            />\n          </SpecField>\n        )}\n        {showTemperature && (\n          <NumberField\n            label=\"Temperature\"\n            value={value.temperature}\n            onChange={(temperature) =>\n              onChange(withOptionalRoot(value, \"temperature\", temperature))\n            }\n            icon={UiThermometer}\n            min={0}\n            max={2}\n            step={0.1}\n          />\n        )}\n      </div>\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    </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 patchFallback = (index: number, patch: FallbackDraftPatch) => {\n    const fallback = fallbacks[index] ?? {};\n    updateFallback(index, { ...fallback, ...patch });\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                onPatch={(patch) => patchFallback(index, patch)}\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  onPatch,\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  onPatch: (patch: FallbackDraftPatch) => 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  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_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 className=\"size-4 shrink-0\" />\n          ) : (\n            <Icon\n              icon={UiSparkles}\n              className=\"size-4 shrink-0 text-muted-foreground/70\"\n            />\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              {(() => {\n                const glyph = effortLevelIcon(fallback.effort);\n                return glyph ? <Icon icon={glyph} className=\"size-3\" /> : null;\n              })()}\n              {formatEffort(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            onPatch={onPatch}\n            models={models}\n            families={families}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction FallbackModelPicker({\n  id,\n  value,\n  onChange,\n  onPatch,\n  models,\n  families,\n}: {\n  id: string;\n  value: AISpecRuntimeModelFallback;\n  onChange: (value: AISpecRuntimeModelFallback) => void;\n  onPatch: (patch: FallbackDraftPatch) => void;\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n}) {\n  const modelOptions = useMemo(() => {\n    const family = familyForBackend(families, value.backend);\n    return modelsForFamily(models, family, value.backend);\n  }, [families, models, value.backend]);\n  const selectedModel = models.find((m) => m.id === value.model);\n  const modelEfforts = effortOptionsForModel(selectedModel, REASONING_EFFORTS);\n  const showEffort = modelEfforts.length > 0;\n  const showTemperature = !selectedModel || selectedModel.temperature !== false;\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      <div className=\"grid gap-density-2\">\n        <RuntimeModePicker\n          value={value}\n          onChange={(next) => onChange(compactEditableFallback(next))}\n          models={models}\n          families={families}\n        />\n        <div className=\"grid gap-density-2 md:grid-cols-3\">\n          <SpecField label=\"Model\">\n            {modelOptions.length > 0 ? (\n              <ModelSelector\n                models={modelOptions}\n                value={value.model}\n                onChange={(model) =>\n                  onChange(\n                    reconcileModelCapabilities(\n                      value,\n                      models.find((item) => item.id === model),\n                      REASONING_EFFORTS,\n                    ),\n                  )\n                }\n                className=\"w-full\"\n                size=\"md\"\n              />\n            ) : (\n              <SpecInput\n                value={value.model}\n                onChange={(model) => onPatch({ model })}\n                placeholder=\"gpt-5-codex\"\n                icon={UiSparkles}\n                mono\n              />\n            )}\n          </SpecField>\n          {showEffort && (\n            <SpecField label=\"Effort\">\n              <EffortSelector\n                efforts={modelEfforts}\n                value={value.effort ?? \"\"}\n                onChange={(effort) => onPatch({ effort })}\n                className=\"w-full\"\n                size=\"md\"\n              />\n            </SpecField>\n          )}\n          {showTemperature && (\n            <NumberField\n              label=\"Temperature\"\n              value={value.temperature}\n              onChange={(temperature) => onPatch({ temperature })}\n              icon={UiThermometer}\n              min={0}\n              max={2}\n              step={0.1}\n            />\n          )}\n        </div>\n      </div>\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 =\n    `${fallback.backend ?? \"\"} ${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 formatEffort(value: string): string {\n  const effort = value.trim();\n  if (!effort) return \"\";\n  return `${effort[0]?.toUpperCase() ?? \"\"}${effort.slice(1)}`;\n}\n\nfunction cleanString(value: string | undefined): string {\n  return value?.trim() ?? \"\";\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuCA,MAAM,oBAAoB,CAAC,OAAO,UAAU,QAAQ,OAAO;AAWpD,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;;AACD,QAAM,kBAAkB,YAAY;AACpC,QAAM,YAAY,oBAAoB,iBAAiB,MAAM,OAAO;AACpE,QAAM,SAAS,WAAW,iBAAiB,UAAU,MAAM;AAC3D,QAAM,eAAe,gBAAgB,QAAQ,QAAQ,MAAM,OAAO;AAClE,QAAM,gBAAgB,OAAO,KAAK,CAAC,MAAM,EAAE,OAAO,MAAM,KAAK;AAG7D,QAAM,eAAe,sBAAsB,eAAe,iBAAiB;AAC3E,QAAM,aAAa,aAAa,SAAS;AACzC,QAAM,kBAAkB,CAAC,iBAAiB,cAAc,gBAAgB;AAExE,SACE,qBAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAI,WAAW,EAAE,aAAa,CAAA;AAAA,MAAC;AAAA,IAAA;AAAA,IAElC,qBAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,MAAA,oBAAC,WAAA,EAAU,OAAM,SACd,UAAA,aAAa,SAAS,IACrB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,QAAQ;AAAA,UACR,OAAO,MAAM;AAAA,UACb,UAAU,CAAC,UACT;AAAA,YACE;AAAA,cACE;AAAA,cACA,OAAO,KAAK,CAAC,SAAS,KAAK,OAAO,KAAK;AAAA,cACvC;AAAA,YAAA;AAAA,UACF;AAAA,UAGJ,WAAU;AAAA,UACV,MAAK;AAAA,QAAA;AAAA,MAAA,IAGP;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO,MAAM;AAAA,UACb,UAAU,CAAC,UAAU,SAAS,SAAS,OAAO,EAAE,MAAA,CAAO,CAAC;AAAA,UACxD,aAAY;AAAA,UACZ,MAAM;AAAA,UACN,MAAI;AAAA,QAAA;AAAA,MAAA,GAGV;AAAA,MACC,cACC,oBAAC,WAAA,EAAU,OAAM,UACf,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS;AAAA,UACT,OAAO,MAAM,UAAU;AAAA,UACvB,UAAU,CAAC,WAAW,SAAS,SAAS,OAAO,EAAE,OAAA,CAAQ,CAAC;AAAA,UAC1D,WAAU;AAAA,UACV,MAAK;AAAA,QAAA;AAAA,MAAA,GAET;AAAA,MAED,mBACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAO,MAAM;AAAA,UACb,UAAU,CAAC,gBACT,SAAS,iBAAiB,OAAO,eAAe,WAAW,CAAC;AAAA,UAE9D,MAAM;AAAA,UACN,KAAK;AAAA,UACL,KAAK;AAAA,UACL,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACR,GAEJ;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,iDACb,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO,WAAM,WAAN,mBAAc;AAAA,UACrB,UAAU,CAAC,SAAS,SAAS,gBAAgB,OAAO,QAAQ,IAAI,CAAC;AAAA,UACjE,MAAM;AAAA,UACN,KAAK;AAAA,UACL,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAER;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO,WAAM,WAAN,mBAAc;AAAA,UACrB,UAAU,CAAC,cACT,SAAS,gBAAgB,OAAO,aAAa,SAAS,CAAC;AAAA,UAEzD,MAAM;AAAA,UACN,KAAK;AAAA,UACL,MAAM;AAAA,UACN,SAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAET;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO,WAAM,WAAN,mBAAc;AAAA,UACrB,UAAU,CAAC,aACT,SAAS,gBAAgB,OAAO,YAAY,QAAQ,CAAC;AAAA,UAEvD,MAAM;AAAA,UACN,KAAK;AAAA,UACL,KAAK;AAAA,UACL,MAAM;AAAA,UACN,SAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAET,oBAAC,WAAA,EAAU,OAAM,WACf,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,QAAO,WAAM,WAAN,mBAAc;AAAA,UACrB,UAAU,CAAC,YACT,SAAS,gBAAgB,OAAO,WAAW,OAAO,CAAC;AAAA,UAErD,aAAY;AAAA,UACZ,MAAM;AAAA,UACN,MAAI;AAAA,QAAA;AAAA,MAAA,EACN,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAEO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,SAAS,CAAA;AAAA,EACT;AACF,GAKG;AACD,SACE,qBAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAI,WAAW,EAAE,aAAa,CAAA;AAAA,MAAC;AAAA,IAAA;AAAA,IAElC,oBAAC,WAAA,EAAU,OAAM,cACf,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO,MAAM;AAAA,QACb,UAAU,CAAC,cACT,SAAS,iBAAiB,OAAO,aAAa,SAAS,CAAC;AAAA,QAE1D,aAAY;AAAA,QACZ,MAAM;AAAA,QACN,MAAI;AAAA,MAAA;AAAA,IAAA,GAER;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAS,MAAM;AAAA,QACf,UAAU,CAAC,YAAY,SAAS,SAAS,OAAO,EAAE,SAAS,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EAC9D,GACF;AAEJ;AAEA,SAAS,qBAAqB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AACb,GAKG;AACD,QAAM,YAAY,MAAM,aAAa,CAAA;AACrC,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAwB,IAAI;AAEtE,QAAM,eAAe,CAAC,kBAAgD;AACpE,aAAS,SAAS,OAAO,EAAE,WAAW,cAAA,CAAe,CAAC;AAAA,EACxD;AAEA,QAAM,iBAAiB,CAAC,UAAkB;AACxC,iBAAa,UAAU,OAAO,CAAC,GAAG,aAAa,aAAa,KAAK,CAAC;AAClE,qBAAiB,CAAC,YAAY;AAC5B,UAAI,WAAW,KAAM,QAAO;AAC5B,UAAI,YAAY,MAAO,QAAO;AAC9B,aAAO,UAAU,QAAQ,UAAU,IAAI;AAAA,IACzC,CAAC;AAAA,EACH;AAEA,QAAM,cAAc,MAAM;AACxB,UAAM,gBAAgB,CAAC,GAAG,WAAW,iBAAiB,OAAO,QAAQ,CAAC;AACtE,iBAAa,aAAa;AAC1B,qBAAiB,cAAc,SAAS,CAAC;AAAA,EAC3C;AAEA,QAAM,iBAAiB,CAAC,OAAe,iBAAqC;AAC1E;AAAA,MACE,UAAU;AAAA,QAAI,CAAC,UAAU,aACvB,aAAa,QAAQ,wBAAwB,YAAY,IAAI;AAAA,MAAA;AAAA,IAC/D;AAAA,EAEJ;AAEA,QAAM,gBAAgB,CAAC,OAAe,UAA8B;AAClE,UAAM,WAAW,UAAU,KAAK,KAAK,CAAA;AACrC,mBAAe,OAAO,EAAE,GAAG,UAAU,GAAG,OAAO;AAAA,EACjD;AAEA,QAAM,iBAAiB,CAAC,UAAkB;AACxC,qBAAiB,CAAC,YAAa,YAAY,QAAQ,OAAO,KAAM;AAAA,EAClE;AAEA,SACE,qBAAC,OAAA,EAAI,WAAU,qBACb,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,mDACb,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,sFACb,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAK,MAAM,UAAU,WAAU,qBAAoB;AAAA,QACpD,oBAAC,UAAK,UAAA,kBAAA,CAAe;AAAA,MAAA,GACvB;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,oBAAC,MAAA,EAAK,MAAM,OAAO,WAAU,YAAW;AAAA,YAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAE5C,GACF;AAAA,IACC,UAAU,SAAS,KAClB,oBAAC,SAAI,WAAU,mDACb,UAAA,oBAAC,OAAA,EAAI,WAAU,0BACZ,UAAA,UAAU,IAAI,CAAC,UAAU,UACxB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,kBAAkB;AAAA,QAC5B,UAAU,yBAAyB,KAAK;AAAA,QACxC,UAAU,MAAM,eAAe,KAAK;AAAA,QACpC,UAAU,CAAC,iBAAiB,eAAe,OAAO,YAAY;AAAA,QAC9D,SAAS,CAAC,UAAU,cAAc,OAAO,KAAK;AAAA,QAC9C,UAAU,MAAM,eAAe,KAAK;AAAA,MAAA;AAAA,MAT/B,GAAG,SAAS,SAAS,UAAU,IAAI,KAAK;AAAA,IAAA,CAWhD,GACH,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAUG;AACD,QAAM,OAAO,kBAAkB,UAAU,MAAM;AAC/C,QAAM,QAAQ,KAAK,WAAW,aAAa,KAAK,QAAQ,IAAI;AAC5D,QAAM,QAAQ,KAAK,SAAS;AAC5B,8BACG,OAAA,EACC,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,oGACb,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,iBAAe;AAAA,UACf,iBAAe;AAAA,UACf,cAAY,iBAAiB,KAAK;AAAA,UAClC,SAAS;AAAA,UACT,WAAU;AAAA,UAET,UAAA;AAAA,YAAA,QACC,oBAAC,OAAA,EAAM,WAAU,kBAAA,CAAkB,IAEnC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,YAGd;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO;AAAA,gBAEN,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAEF,SAAS,SACR,qBAAC,QAAA,EAAK,WAAU,2IACZ,UAAA;AAAA,eAAA,MAAM;AACN,sBAAM,QAAQ,gBAAgB,SAAS,MAAM;AAC7C,uBAAO,QAAQ,oBAAC,MAAA,EAAK,MAAM,OAAO,WAAU,UAAS,IAAK;AAAA,cAC5D,GAAA;AAAA,cACC,aAAa,SAAS,MAAM;AAAA,YAAA,EAAA,CAC/B,IAEA,oBAAC,QAAA,EAAK,eAAY,OAAA,CAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAG7B;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,OAAO,UAAU,KAAK;AAAA,UACtB,SAAS;AAAA,UACT,WAAU;AAAA,UACV,eAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB,GACF;AAAA,IACC,YACC,oBAAC,OAAA,EAAI,WAAU,sCACb,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,QACJ,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA,EACF,CACF;AAAA,EAAA,GAEJ;AAEJ;AAEA,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,QAAM,eAAe,QAAQ,MAAM;AACjC,UAAM,SAAS,iBAAiB,UAAU,MAAM,OAAO;AACvD,WAAO,gBAAgB,QAAQ,QAAQ,MAAM,OAAO;AAAA,EACtD,GAAG,CAAC,UAAU,QAAQ,MAAM,OAAO,CAAC;AACpC,QAAM,gBAAgB,OAAO,KAAK,CAAC,MAAM,EAAE,OAAO,MAAM,KAAK;AAC7D,QAAM,eAAe,sBAAsB,eAAe,iBAAiB;AAC3E,QAAM,aAAa,aAAa,SAAS;AACzC,QAAM,kBAAkB,CAAC,iBAAiB,cAAc,gBAAgB;AAExE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAU;AAAA,MAEV,UAAA,qBAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,UAAU,CAAC,SAAS,SAAS,wBAAwB,IAAI,CAAC;AAAA,YAC1D;AAAA,YACA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,qBAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,UAAA,oBAAC,WAAA,EAAU,OAAM,SACd,UAAA,aAAa,SAAS,IACrB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,QAAQ;AAAA,cACR,OAAO,MAAM;AAAA,cACb,UAAU,CAAC,UACT;AAAA,gBACE;AAAA,kBACE;AAAA,kBACA,OAAO,KAAK,CAAC,SAAS,KAAK,OAAO,KAAK;AAAA,kBACvC;AAAA,gBAAA;AAAA,cACF;AAAA,cAGJ,WAAU;AAAA,cACV,MAAK;AAAA,YAAA;AAAA,UAAA,IAGP;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO,MAAM;AAAA,cACb,UAAU,CAAC,UAAU,QAAQ,EAAE,OAAO;AAAA,cACtC,aAAY;AAAA,cACZ,MAAM;AAAA,cACN,MAAI;AAAA,YAAA;AAAA,UAAA,GAGV;AAAA,UACC,cACC,oBAAC,WAAA,EAAU,OAAM,UACf,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,OAAO,MAAM,UAAU;AAAA,cACvB,UAAU,CAAC,WAAW,QAAQ,EAAE,QAAQ;AAAA,cACxC,WAAU;AAAA,cACV,MAAK;AAAA,YAAA;AAAA,UAAA,GAET;AAAA,UAED,mBACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,OAAO,MAAM;AAAA,cACb,UAAU,CAAC,gBAAgB,QAAQ,EAAE,aAAa;AAAA,cAClD,MAAM;AAAA,cACN,KAAK;AAAA,cACL,KAAK;AAAA,cACL,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACR,EAAA,CAEJ;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAAS,iBACP,OACA,UAC4B;AAC5B,QAAM,WAAuC,CAAA;AAC7C,QAAM,UAAU,MAAM,WAAW,uBAAuB,QAAQ;AAChE,MAAI,kBAAkB,UAAU;AAChC,MAAI,MAAM,OAAQ,UAAS,SAAS,MAAM;AAC1C,MAAI,MAAM,eAAe,QAAQ,OAAO,SAAS,MAAM,WAAW,GAAG;AACnE,aAAS,cAAc,MAAM;AAAA,EAC/B;AACA,SAAO;AACT;AAEA,SAAS,uBAAuB,UAAuC;AACrE,QAAM,SAAS,SAAS,CAAC,KAAK,sBAAsB,CAAC;AACrD,SAAO,SAAS,UAAU,MAAM,EAAE,UAAU;AAC9C;AAEA,SAAS,wBACP,OAC4B;AAC5B,QAAM,OAAmC,CAAA;AACzC,QAAM,QAAQ,YAAY,MAAM,KAAK;AACrC,MAAI,YAAY,QAAQ;AACxB,QAAM,KAAK,YAAY,MAAM,EAAE;AAC/B,MAAI,SAAS,KAAK;AAClB,QAAM,UAAU,YAAY,MAAM,OAAO;AACzC,MAAI,cAAc,UAAU;AAC5B,MAAI,MAAM,eAAe,QAAQ,OAAO,SAAS,MAAM,WAAW,GAAG;AACnE,SAAK,cAAc,MAAM;AAAA,EAC3B;AACA,QAAM,SAAS,YAAY,MAAM,MAAM;AACvC,MAAI,aAAa,SAAS;AAC1B,MAAI,MAAM,QAAS,MAAK,UAAU;AAClC,SAAO;AACT;AAEA,SAAS,kBACP,UACA,QACkD;AAClD,QAAM,UAAU,SAAS,SAAS;AAClC,QAAM,QAAQ,OAAO;AAAA,IACnB,CAAC,UAAU,MAAM,OAAO,WAAW,MAAM,UAAU;AAAA,EAAA;AAErD,MAAI,cAAc,EAAE,OAAO,MAAM,OAAO,UAAU,MAAM,SAAA;AACxD,SAAO;AAAA,IACL,OAAO,WAAW,SAAS,MAAM;AAAA,IACjC,UAAU,cAAc,QAAQ;AAAA,EAAA;AAEpC;AAEA,SAAS,cACP,UACoB;AACpB,QAAM,OACJ,GAAG,SAAS,WAAW,EAAE,IAAI,SAAS,SAAS,EAAE,GAAG,YAAA;AACtD,MAAI,KAAK,SAAS,WAAW,KAAK,KAAK,SAAS,QAAQ,EAAG,QAAO;AAClE,MAAI,KAAK,SAAS,QAAQ,KAAK,KAAK,SAAS,QAAQ,EAAG,QAAO;AAC/D,MACE,KAAK,SAAS,QAAQ,KACtB,KAAK,SAAS,KAAK,KACnB,KAAK,SAAS,OAAO,GACrB;AACA,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEA,SAAS,aAAa,OAAuB;;AAC3C,QAAM,SAAS,MAAM,KAAA;AACrB,MAAI,CAAC,OAAQ,QAAO;AACpB,SAAO,KAAG,YAAO,CAAC,MAAR,mBAAW,kBAAiB,EAAE,GAAG,OAAO,MAAM,CAAC,CAAC;AAC5D;AAEA,SAAS,YAAY,OAAmC;AACtD,UAAO,+BAAO,WAAU;AAC1B;"}