@flanksource/clicky-ui 0.3.36 → 0.3.37

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  SUPPORT_ALL_RUNTIME_FIELDS,\n  runtimeFieldSupport,\n  type RuntimeFieldSupport,\n} from \"../../runtime/runtime-field-support\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  firstMode,\n  modeOptionFor,\n  runtimeModeError,\n  runtimeModeFromModel,\n  runtimeModelError,\n  type SpecRuntimeFamily,\n} from \"../../runtime/runtime-mode\";\nimport { familyForModel } from \"../../../lib/runtime-family\";\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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"}
+{"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  firstMode,\n  modeOptionFor,\n  runtimeModeError,\n  runtimeModeFromModel,\n  runtimeModelError,\n  type SpecRuntimeFamily,\n} from \"../../runtime/runtime-mode\";\nimport { familyForModel } from \"../../../lib/runtime-family\";\nimport { CheckboxField, NumberField, SpecField, SpecInput } from \"./fields\";\nimport type { SpecRuntimeHostField } from \"./types\";\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  hostFields = [],\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  hostFields?: readonly SpecRuntimeHostField[] | 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      {!hostFields.includes(\"runtime\") && (\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      )}\n      <div className=\"grid grid-cols-2 gap-density-2 md:grid-cols-4\">\n        {supports(\"budget.cost\") && !hostFields.includes(\"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        {!hostFields.includes(\"budget.timeout\") && (\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        )}\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

@@ -2,13 +2,15 @@ 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, effectiveMode, effectiveModel, }: {
+import { SpecRuntimeHostField } from './types';
+export declare function ModelSection({ value, onChange, models, families, effectiveMode, effectiveModel, hostFields, }: {
     value: AISpecRuntimeValue;
     onChange: (value: AISpecRuntimeValue) => void;
     models: ChatModel[];
     families?: SpecRuntimeFamily[] | undefined;
     effectiveMode?: string | undefined;
     effectiveModel?: string | undefined;
+    hostFields?: readonly SpecRuntimeHostField[] | undefined;
 }): import("react").JSX.Element;
 export declare function ModelAdvanced({ value, onChange, models, families, supports, }: {
     value: AISpecRuntimeValue;

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,EAGL,KAAK,mBAAmB,EACzB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAOL,KAAK,iBAAiB,EACvB,MAAM,4BAA4B,CAAC;AAcpC,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,+BAsFA;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,+BA+BA"}
+{"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,EAOL,KAAK,iBAAiB,EACvB,MAAM,4BAA4B,CAAC;AAGpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAYpD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,aAAa,EACb,cAAc,EACd,UAAe,GAChB,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;IACpC,UAAU,CAAC,EAAE,SAAS,oBAAoB,EAAE,GAAG,SAAS,CAAC;CAC1D,+BA0FA;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,+BA+BA"}

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

@@ -26,7 +26,8 @@ function ModelSection({
   models,
   families,
   effectiveMode,
-  effectiveModel
+  effectiveModel,
+  hostFields = []
 }) {
   var _a, _b, _c, _d, _e;
   const runtimeFamilies = (families == null ? void 0 : families.length) ? families : SPEC_RUNTIME_FAMILIES;
@@ -38,7 +39,7 @@ function ModelSection({
   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(
+    !hostFields.includes("runtime") && /* @__PURE__ */ jsx(
       RuntimeBar,
       {
         value,
@@ -52,7 +53,7 @@ function ModelSection({
       }
     ),
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-density-2 md:grid-cols-4", children: [
-      supports("budget.cost") && /* @__PURE__ */ jsx(
+      supports("budget.cost") && !hostFields.includes("budget.cost") && /* @__PURE__ */ jsx(
         NumberField,
         {
           label: "Max cost (USD)",
@@ -88,7 +89,7 @@ function ModelSection({
           integer: true
         }
       ),
-      /* @__PURE__ */ jsx(SpecField, { label: "Timeout", children: /* @__PURE__ */ jsx(
+      !hostFields.includes("budget.timeout") && /* @__PURE__ */ jsx(SpecField, { label: "Timeout", children: /* @__PURE__ */ jsx(
         SpecInput,
         {
           value: (_e = value.budget) == null ? void 0 : _e.timeout,

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

@@ -1 +1 @@
-{"version":3,"file":"ModelSection.js","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  firstMode,\n  modeOptionFor,\n  runtimeModeError,\n  runtimeModeFromModel,\n  runtimeModelError,\n  type SpecRuntimeFamily,\n} from \"../../runtime/runtime-mode\";\nimport { familyForModel } from \"../../../lib/runtime-family\";\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":[],"mappings":"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"}
+{"version":3,"file":"ModelSection.js","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  firstMode,\n  modeOptionFor,\n  runtimeModeError,\n  runtimeModeFromModel,\n  runtimeModelError,\n  type SpecRuntimeFamily,\n} from \"../../runtime/runtime-mode\";\nimport { familyForModel } from \"../../../lib/runtime-family\";\nimport { CheckboxField, NumberField, SpecField, SpecInput } from \"./fields\";\nimport type { SpecRuntimeHostField } from \"./types\";\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  hostFields = [],\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  hostFields?: readonly SpecRuntimeHostField[] | 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      {!hostFields.includes(\"runtime\") && (\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      )}\n      <div className=\"grid grid-cols-2 gap-density-2 md:grid-cols-4\">\n        {supports(\"budget.cost\") && !hostFields.includes(\"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        {!hostFields.includes(\"budget.timeout\") && (\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        )}\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":[],"mappings":"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"}

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
+const unspecified = require("../../runtime/unspecified.cjs");
 const SegmentedControl = require("../../../components/SegmentedControl.cjs");
 const sessionTones = require("../session-tones.cjs");
 const fields = require("./fields.cjs");
@@ -15,14 +16,11 @@ function PermissionModeField({
   availableModes,
   effectiveMode
 }) {
-  var _a, _b;
+  var _a, _b, _c;
   const specMode = ((_a = value.mode) == null ? void 0 : _a.trim()) || (effectiveMode == null ? void 0 : effectiveMode.trim());
-  const current = update.sandboxRef(value).approval;
-  if (!specMode) {
-    return current ? /* @__PURE__ */ jsxRuntime.jsx(PermissionPostureError, { children: "Permission posture requires a runtime mode." }) : null;
-  }
-  const runtime = runtimeFamily.modeOptionFor(families, specMode);
-  const family = familyForMode(families, specMode);
+  const current = (_b = value.permissions) == null ? void 0 : _b.mode;
+  const runtime = specMode ? runtimeFamily.modeOptionFor(families, specMode) : void 0;
+  const family = specMode ? familyForMode(families, specMode) : void 0;
   const capabilities = runtime == null ? void 0 : runtime.permissions;
   const publishedModes = SpecRuntimeEditor_sandboxModel.SPEC_PERMISSION_MODES.filter(
     (mode) => availableModes.includes(mode)
@@ -41,9 +39,9 @@ function PermissionModeField({
   );
   const invalid = current && !publishedModes.includes(current);
   if (visibleModes.length === 0 && !invalid) return null;
-  const selected = current || "default";
-  const selectedSupport = support[selected];
-  const runtimeLabel = runtime ? `${(family == null ? void 0 : family.label) ?? specMode} ${runtime.label}` : specMode;
+  const selected = current ?? unspecified.UNSPECIFIED_ID;
+  const selectedSupport = current ? support[current] : void 0;
+  const runtimeLabel = runtime ? `${(family == null ? void 0 : family.label) ?? specMode} ${runtime.label}` : specMode ?? "the current runtime";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-density-2", children: [
     invalid && /* @__PURE__ */ jsxRuntime.jsxs(PermissionPostureError, { children: [
       permissionModeVisuals.permissionModeVisual(family == null ? void 0 : family.id, current).label,
@@ -56,36 +54,48 @@ function PermissionModeField({
       fields.SpecField,
       {
         label: "Permission posture",
-        hint: ((_b = selectedSupport == null ? void 0 : selectedSupport.effects) == null ? void 0 : _b.note) || (selectedSupport == null ? void 0 : selectedSupport.kind),
+        hint: selected === unspecified.UNSPECIFIED_ID ? unspecified.unspecifiedHint() : ((_c = selectedSupport == null ? void 0 : selectedSupport.effects) == null ? void 0 : _c.note) || (selectedSupport == null ? void 0 : selectedSupport.kind),
         composite: true,
         children: /* @__PURE__ */ jsxRuntime.jsx(
           SegmentedControl.SegmentedControl,
           {
             "aria-label": "Permission posture",
             value: selected,
-            onChange: (mode) => onChange(update.withSandboxApproval(value, mode)),
+            onChange: (mode) => onChange(
+              update.withPermissionMode(
+                value,
+                mode === unspecified.UNSPECIFIED_ID ? void 0 : mode
+              )
+            ),
             size: "sm",
             wrap: true,
             className: "w-full",
-            options: visibleModes.map((mode) => {
-              var _a2;
-              const cell = support[mode];
-              if (!cell) {
-                throw new Error(
-                  `permission posture ${JSON.stringify(mode)} disappeared from runtime capabilities`
-                );
-              }
-              const visual = permissionModeVisuals.permissionModeVisual(family == null ? void 0 : family.id, mode);
-              const tone = sessionTones.sessionTone(visual.tone);
-              return {
-                id: mode,
-                label: visual.label,
-                icon: visual.icon,
-                iconClassName: tone.text,
-                activeClassName: `${tone.disc} ${tone.border}`,
-                title: ((_a2 = cell.effects) == null ? void 0 : _a2.note) || permissionSupportLabel(cell.kind)
-              };
-            })
+            options: [
+              {
+                id: unspecified.UNSPECIFIED_ID,
+                label: unspecified.UNSPECIFIED_LABEL,
+                title: `${unspecified.UNSPECIFIED_NAME}: ${unspecified.unspecifiedHint()}`
+              },
+              ...visibleModes.map((mode) => {
+                var _a2;
+                const cell = support[mode];
+                if (!cell) {
+                  throw new Error(
+                    `permission posture ${JSON.stringify(mode)} disappeared from runtime capabilities`
+                  );
+                }
+                const visual = permissionModeVisuals.permissionModeVisual(family == null ? void 0 : family.id, mode);
+                const tone = sessionTones.sessionTone(visual.tone);
+                return {
+                  id: mode,
+                  label: visual.label,
+                  icon: visual.icon,
+                  iconClassName: tone.text,
+                  activeClassName: `${tone.disc} ${tone.border}`,
+                  title: ((_a2 = cell.effects) == null ? void 0 : _a2.note) || permissionSupportLabel(cell.kind)
+                };
+              })
+            ]
           }
         )
       }

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

@@ -1 +1 @@
-{"version":3,"file":"PermissionModeField.cjs","sources":["../../../../src/data/ai/SpecRuntimeEditor/PermissionModeField.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport {\n  SPEC_PERMISSION_MODES,\n  type AISpecRuntimeValue,\n  type SpecPermissionMode,\n} from \"../SpecRuntimeEditor.model\";\nimport {\n  modeOptionFor,\n  type SpecRuntimeFamily,\n} from \"../../runtime/runtime-mode\";\nimport { SegmentedControl } from \"../../../components/SegmentedControl\";\nimport { sessionTone } from \"../session-tones\";\nimport { SpecField } from \"./fields\";\nimport {\n  collapsePermissionModeAliases,\n  permissionModeVisual,\n} from \"./permission-mode-visuals\";\nimport { sandboxRef, withSandboxApproval } from \"./update\";\n\nexport function PermissionModeField({\n  value,\n  onChange,\n  families,\n  availableModes,\n  effectiveMode,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  families: SpecRuntimeFamily[];\n  availableModes: SpecPermissionMode[];\n  effectiveMode?: string | undefined;\n}) {\n  const specMode = value.mode?.trim() || effectiveMode?.trim();\n  const current = sandboxRef(value).approval;\n  if (!specMode) {\n    return current ? (\n      <PermissionPostureError>\n        Permission posture requires a runtime mode.\n      </PermissionPostureError>\n    ) : null;\n  }\n  const runtime = modeOptionFor(families, specMode);\n  const family = familyForMode(families, specMode);\n  const capabilities = runtime?.permissions;\n  const publishedModes = SPEC_PERMISSION_MODES.filter((mode) =>\n    availableModes.includes(mode),\n  );\n  const support = Object.fromEntries(\n    publishedModes.map((mode) => [\n      mode,\n      capabilities?.modes[mode] ?? { kind: \"native\" as const },\n    ]),\n  );\n  const visibleModes = collapsePermissionModeAliases(\n    family?.id,\n    publishedModes,\n    current,\n    support,\n  );\n  const invalid = current && !publishedModes.includes(current);\n  if (visibleModes.length === 0 && !invalid) return null;\n  const selected = current || \"default\";\n  const selectedSupport = support[selected];\n  const runtimeLabel = runtime\n    ? `${family?.label ?? specMode} ${runtime.label}`\n    : specMode;\n  return (\n    <div className=\"grid gap-density-2\">\n      {invalid && (\n        <PermissionPostureError>\n          {permissionModeVisual(family?.id, current).label} is not available for{\" \"}\n          {runtimeLabel}. Select a published posture before saving.\n        </PermissionPostureError>\n      )}\n      {visibleModes.length > 0 && (\n        <SpecField\n          label=\"Permission posture\"\n          hint={selectedSupport?.effects?.note || selectedSupport?.kind}\n          composite\n        >\n          <SegmentedControl\n            aria-label=\"Permission posture\"\n            value={selected}\n            onChange={(mode: SpecPermissionMode) =>\n              onChange(withSandboxApproval(value, mode))\n            }\n            size=\"sm\"\n            wrap\n            className=\"w-full\"\n            options={visibleModes.map((mode) => {\n              const cell = support[mode];\n              if (!cell) {\n                throw new Error(\n                  `permission posture ${JSON.stringify(mode)} disappeared from runtime capabilities`,\n                );\n              }\n              const visual = permissionModeVisual(family?.id, mode);\n              const tone = sessionTone(visual.tone);\n              return {\n                id: mode,\n                label: visual.label,\n                icon: visual.icon,\n                iconClassName: tone.text,\n                activeClassName: `${tone.disc} ${tone.border}`,\n                title: cell.effects?.note || permissionSupportLabel(cell.kind),\n              };\n            })}\n          />\n        </SpecField>\n      )}\n    </div>\n  );\n}\n\nfunction familyForMode(families: SpecRuntimeFamily[], specMode: string) {\n  return families.find((family) =>\n    family.modes.some((mode) => mode.id === specMode),\n  );\n}\n\nfunction PermissionPostureError({ children }: { children: ReactNode }) {\n  return (\n    <p\n      role=\"alert\"\n      className=\"rounded-md border border-destructive/30 bg-destructive/5 px-density-2 py-density-1 text-xs text-destructive\"\n    >\n      {children}\n    </p>\n  );\n}\n\nfunction permissionSupportLabel(value: string) {\n  return value.charAt(0).toUpperCase() + value.slice(1).replace(\"-\", \" \");\n}\n"],"names":["sandboxRef","jsx","modeOptionFor","SPEC_PERMISSION_MODES","collapsePermissionModeAliases","jsxs","permissionModeVisual","SpecField","SegmentedControl","withSandboxApproval","sessionTone","_a"],"mappings":"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"}
+{"version":3,"file":"PermissionModeField.cjs","sources":["../../../../src/data/ai/SpecRuntimeEditor/PermissionModeField.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport {\n  SPEC_PERMISSION_MODES,\n  type AISpecRuntimeValue,\n  type SpecPermissionMode,\n} from \"../SpecRuntimeEditor.model\";\nimport {\n  modeOptionFor,\n  type SpecRuntimeFamily,\n} from \"../../runtime/runtime-mode\";\nimport {\n  UNSPECIFIED_ID,\n  UNSPECIFIED_LABEL,\n  UNSPECIFIED_NAME,\n  unspecifiedHint,\n} from \"../../runtime/unspecified\";\nimport { SegmentedControl } from \"../../../components/SegmentedControl\";\nimport { sessionTone } from \"../session-tones\";\nimport { SpecField } from \"./fields\";\nimport {\n  collapsePermissionModeAliases,\n  permissionModeVisual,\n} from \"./permission-mode-visuals\";\nimport { withPermissionMode } from \"./update\";\n\ntype SelectableMode = SpecPermissionMode | typeof UNSPECIFIED_ID;\n\n/**\n * Edits `permissions.mode` — the base posture, independent of the sandbox\n * (see `AISpecRuntimePermissions` doc comment). A runtime mode narrows which\n * postures the schema publishes and how the provider labels them, but the\n * field itself never requires one: Unspecified and the published modes are\n * always offered.\n */\nexport function PermissionModeField({\n  value,\n  onChange,\n  families,\n  availableModes,\n  effectiveMode,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  families: SpecRuntimeFamily[];\n  availableModes: SpecPermissionMode[];\n  effectiveMode?: string | undefined;\n}) {\n  const specMode = value.mode?.trim() || effectiveMode?.trim();\n  const current = value.permissions?.mode;\n  const runtime = specMode ? modeOptionFor(families, specMode) : undefined;\n  const family = specMode ? familyForMode(families, specMode) : undefined;\n  const capabilities = runtime?.permissions;\n  const publishedModes = SPEC_PERMISSION_MODES.filter((mode) =>\n    availableModes.includes(mode),\n  );\n  const support = Object.fromEntries(\n    publishedModes.map((mode) => [\n      mode,\n      capabilities?.modes[mode] ?? { kind: \"native\" as const },\n    ]),\n  );\n  const visibleModes = collapsePermissionModeAliases(\n    family?.id,\n    publishedModes,\n    current,\n    support,\n  );\n  const invalid = current && !publishedModes.includes(current);\n  if (visibleModes.length === 0 && !invalid) return null;\n  const selected: SelectableMode = current ?? UNSPECIFIED_ID;\n  const selectedSupport = current ? support[current] : undefined;\n  const runtimeLabel = runtime\n    ? `${family?.label ?? specMode} ${runtime.label}`\n    : (specMode ?? \"the current runtime\");\n  return (\n    <div className=\"grid gap-density-2\">\n      {invalid && (\n        <PermissionPostureError>\n          {permissionModeVisual(family?.id, current).label} is not available for{\" \"}\n          {runtimeLabel}. Select a published posture before saving.\n        </PermissionPostureError>\n      )}\n      {visibleModes.length > 0 && (\n        <SpecField\n          label=\"Permission posture\"\n          hint={\n            selected === UNSPECIFIED_ID\n              ? unspecifiedHint()\n              : selectedSupport?.effects?.note || selectedSupport?.kind\n          }\n          composite\n        >\n          <SegmentedControl<SelectableMode>\n            aria-label=\"Permission posture\"\n            value={selected}\n            onChange={(mode) =>\n              onChange(\n                withPermissionMode(\n                  value,\n                  mode === UNSPECIFIED_ID ? undefined : mode,\n                ),\n              )\n            }\n            size=\"sm\"\n            wrap\n            className=\"w-full\"\n            options={[\n              {\n                id: UNSPECIFIED_ID,\n                label: UNSPECIFIED_LABEL,\n                title: `${UNSPECIFIED_NAME}: ${unspecifiedHint()}`,\n              },\n              ...visibleModes.map((mode) => {\n                const cell = support[mode];\n                if (!cell) {\n                  throw new Error(\n                    `permission posture ${JSON.stringify(mode)} disappeared from runtime capabilities`,\n                  );\n                }\n                const visual = permissionModeVisual(family?.id, mode);\n                const tone = sessionTone(visual.tone);\n                return {\n                  id: mode as SelectableMode,\n                  label: visual.label,\n                  icon: visual.icon,\n                  iconClassName: tone.text,\n                  activeClassName: `${tone.disc} ${tone.border}`,\n                  title: cell.effects?.note || permissionSupportLabel(cell.kind),\n                };\n              }),\n            ]}\n          />\n        </SpecField>\n      )}\n    </div>\n  );\n}\n\nfunction familyForMode(families: SpecRuntimeFamily[], specMode: string) {\n  return families.find((family) =>\n    family.modes.some((mode) => mode.id === specMode),\n  );\n}\n\nfunction PermissionPostureError({ children }: { children: ReactNode }) {\n  return (\n    <p\n      role=\"alert\"\n      className=\"rounded-md border border-destructive/30 bg-destructive/5 px-density-2 py-density-1 text-xs text-destructive\"\n    >\n      {children}\n    </p>\n  );\n}\n\nfunction permissionSupportLabel(value: string) {\n  return value.charAt(0).toUpperCase() + value.slice(1).replace(\"-\", \" \");\n}\n"],"names":["modeOptionFor","SPEC_PERMISSION_MODES","collapsePermissionModeAliases","UNSPECIFIED_ID","jsxs","permissionModeVisual","jsx","SpecField","unspecifiedHint","SegmentedControl","withPermissionMode","UNSPECIFIED_LABEL","UNSPECIFIED_NAME","sessionTone","_a"],"mappings":"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"}

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

@@ -1,5 +1,12 @@
 import { AISpecRuntimeValue, SpecPermissionMode } from '../SpecRuntimeEditor.model';
 import { SpecRuntimeFamily } from '../../runtime/runtime-mode';
+/**
+ * Edits `permissions.mode` — the base posture, independent of the sandbox
+ * (see `AISpecRuntimePermissions` doc comment). A runtime mode narrows which
+ * postures the schema publishes and how the provider labels them, but the
+ * field itself never requires one: Unspecified and the published modes are
+ * always offered.
+ */
 export declare function PermissionModeField({ value, onChange, families, availableModes, effectiveMode, }: {
     value: AISpecRuntimeValue;
     onChange: (value: AISpecRuntimeValue) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"PermissionModeField.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/SpecRuntimeEditor/PermissionModeField.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACxB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,4BAA4B,CAAC;AAUpC,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,aAAa,GACd,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,cAAc,EAAE,kBAAkB,EAAE,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACpC,sCAiFA"}
+{"version":3,"file":"PermissionModeField.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/SpecRuntimeEditor/PermissionModeField.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACxB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,4BAA4B,CAAC;AAkBpC;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,aAAa,GACd,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,cAAc,EAAE,kBAAkB,EAAE,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACpC,sCA0FA"}

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

@@ -1,9 +1,10 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { UNSPECIFIED_NAME, UNSPECIFIED_LABEL, UNSPECIFIED_ID, unspecifiedHint } from "../../runtime/unspecified.js";
 import { SegmentedControl } from "../../../components/SegmentedControl.js";
 import { sessionTone } from "../session-tones.js";
 import { SpecField } from "./fields.js";
 import { collapsePermissionModeAliases, permissionModeVisual } from "./permission-mode-visuals.js";
-import { sandboxRef, withSandboxApproval } from "./update.js";
+import { withPermissionMode } from "./update.js";
 import { modeOptionFor } from "../../../lib/runtime-family.js";
 import { SPEC_PERMISSION_MODES } from "../SpecRuntimeEditor.sandbox-model.js";
 function PermissionModeField({
@@ -13,14 +14,11 @@ function PermissionModeField({
   availableModes,
   effectiveMode
 }) {
-  var _a, _b;
+  var _a, _b, _c;
   const specMode = ((_a = value.mode) == null ? void 0 : _a.trim()) || (effectiveMode == null ? void 0 : effectiveMode.trim());
-  const current = sandboxRef(value).approval;
-  if (!specMode) {
-    return current ? /* @__PURE__ */ jsx(PermissionPostureError, { children: "Permission posture requires a runtime mode." }) : null;
-  }
-  const runtime = modeOptionFor(families, specMode);
-  const family = familyForMode(families, specMode);
+  const current = (_b = value.permissions) == null ? void 0 : _b.mode;
+  const runtime = specMode ? modeOptionFor(families, specMode) : void 0;
+  const family = specMode ? familyForMode(families, specMode) : void 0;
   const capabilities = runtime == null ? void 0 : runtime.permissions;
   const publishedModes = SPEC_PERMISSION_MODES.filter(
     (mode) => availableModes.includes(mode)
@@ -39,9 +37,9 @@ function PermissionModeField({
   );
   const invalid = current && !publishedModes.includes(current);
   if (visibleModes.length === 0 && !invalid) return null;
-  const selected = current || "default";
-  const selectedSupport = support[selected];
-  const runtimeLabel = runtime ? `${(family == null ? void 0 : family.label) ?? specMode} ${runtime.label}` : specMode;
+  const selected = current ?? UNSPECIFIED_ID;
+  const selectedSupport = current ? support[current] : void 0;
+  const runtimeLabel = runtime ? `${(family == null ? void 0 : family.label) ?? specMode} ${runtime.label}` : specMode ?? "the current runtime";
   return /* @__PURE__ */ jsxs("div", { className: "grid gap-density-2", children: [
     invalid && /* @__PURE__ */ jsxs(PermissionPostureError, { children: [
       permissionModeVisual(family == null ? void 0 : family.id, current).label,
@@ -54,36 +52,48 @@ function PermissionModeField({
       SpecField,
       {
         label: "Permission posture",
-        hint: ((_b = selectedSupport == null ? void 0 : selectedSupport.effects) == null ? void 0 : _b.note) || (selectedSupport == null ? void 0 : selectedSupport.kind),
+        hint: selected === UNSPECIFIED_ID ? unspecifiedHint() : ((_c = selectedSupport == null ? void 0 : selectedSupport.effects) == null ? void 0 : _c.note) || (selectedSupport == null ? void 0 : selectedSupport.kind),
         composite: true,
         children: /* @__PURE__ */ jsx(
           SegmentedControl,
           {
             "aria-label": "Permission posture",
             value: selected,
-            onChange: (mode) => onChange(withSandboxApproval(value, mode)),
+            onChange: (mode) => onChange(
+              withPermissionMode(
+                value,
+                mode === UNSPECIFIED_ID ? void 0 : mode
+              )
+            ),
             size: "sm",
             wrap: true,
             className: "w-full",
-            options: visibleModes.map((mode) => {
-              var _a2;
-              const cell = support[mode];
-              if (!cell) {
-                throw new Error(
-                  `permission posture ${JSON.stringify(mode)} disappeared from runtime capabilities`
-                );
-              }
-              const visual = permissionModeVisual(family == null ? void 0 : family.id, mode);
-              const tone = sessionTone(visual.tone);
-              return {
-                id: mode,
-                label: visual.label,
-                icon: visual.icon,
-                iconClassName: tone.text,
-                activeClassName: `${tone.disc} ${tone.border}`,
-                title: ((_a2 = cell.effects) == null ? void 0 : _a2.note) || permissionSupportLabel(cell.kind)
-              };
-            })
+            options: [
+              {
+                id: UNSPECIFIED_ID,
+                label: UNSPECIFIED_LABEL,
+                title: `${UNSPECIFIED_NAME}: ${unspecifiedHint()}`
+              },
+              ...visibleModes.map((mode) => {
+                var _a2;
+                const cell = support[mode];
+                if (!cell) {
+                  throw new Error(
+                    `permission posture ${JSON.stringify(mode)} disappeared from runtime capabilities`
+                  );
+                }
+                const visual = permissionModeVisual(family == null ? void 0 : family.id, mode);
+                const tone = sessionTone(visual.tone);
+                return {
+                  id: mode,
+                  label: visual.label,
+                  icon: visual.icon,
+                  iconClassName: tone.text,
+                  activeClassName: `${tone.disc} ${tone.border}`,
+                  title: ((_a2 = cell.effects) == null ? void 0 : _a2.note) || permissionSupportLabel(cell.kind)
+                };
+              })
+            ]
           }
         )
       }