@flanksource/clicky-ui 0.3.26 → 0.3.28

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

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

@@ -0,0 +1,114 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const runtimeMode = require("../../runtime/runtime-mode.cjs");
+const SegmentedControl = require("../../../components/SegmentedControl.cjs");
+const sessionTones = require("../session-tones.cjs");
+const fields = require("./fields.cjs");
+const permissionModeVisuals = require("./permission-mode-visuals.cjs");
+const update = require("./update.cjs");
+const SpecRuntimeEditor_sandboxModel = require("../SpecRuntimeEditor.sandbox-model.cjs");
+function PermissionModeField({
+  value,
+  onChange,
+  families,
+  availableModes,
+  effectiveMode
+}) {
+  var _a, _b;
+  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 = runtimeMode.modeOptionFor(families, specMode);
+  const family = familyForMode(families, specMode);
+  const capabilities = runtime == null ? void 0 : runtime.permissions;
+  const publishedModes = SpecRuntimeEditor_sandboxModel.SPEC_PERMISSION_MODES.filter(
+    (mode) => availableModes.includes(mode)
+  );
+  const support = Object.fromEntries(
+    publishedModes.map((mode) => [
+      mode,
+      (capabilities == null ? void 0 : capabilities.modes[mode]) ?? { kind: "native" }
+    ])
+  );
+  const visibleModes = permissionModeVisuals.collapsePermissionModeAliases(
+    family == null ? void 0 : family.id,
+    publishedModes,
+    current,
+    support
+  );
+  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;
+  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,
+      " is not available for",
+      " ",
+      runtimeLabel,
+      ". Select a published posture before saving."
+    ] }),
+    visibleModes.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      fields.SpecField,
+      {
+        label: "Permission posture",
+        hint: ((_b = selectedSupport == null ? void 0 : selectedSupport.effects) == null ? void 0 : _b.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)),
+            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)
+              };
+            })
+          }
+        )
+      }
+    )
+  ] });
+}
+function familyForMode(families, specMode) {
+  return families.find(
+    (family) => family.modes.some((mode) => mode.id === specMode)
+  );
+}
+function PermissionPostureError({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "p",
+    {
+      role: "alert",
+      className: "rounded-md border border-destructive/30 bg-destructive/5 px-density-2 py-density-1 text-xs text-destructive",
+      children
+    }
+  );
+}
+function permissionSupportLabel(value) {
+  return value.charAt(0).toUpperCase() + value.slice(1).replace("-", " ");
+}
+exports.PermissionModeField = PermissionModeField;
+//# sourceMappingURL=PermissionModeField.cjs.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,10 @@
+import { AISpecRuntimeValue, SpecPermissionMode } from '../SpecRuntimeEditor.model';
+import { SpecRuntimeFamily } from '../../runtime/runtime-mode';
+export declare function PermissionModeField({ value, onChange, families, availableModes, effectiveMode, }: {
+    value: AISpecRuntimeValue;
+    onChange: (value: AISpecRuntimeValue) => void;
+    families: SpecRuntimeFamily[];
+    availableModes: SpecPermissionMode[];
+    effectiveMode?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=PermissionModeField.d.ts.map

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

@@ -0,0 +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,kDAiFA"}

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

@@ -0,0 +1,114 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { modeOptionFor } from "../../runtime/runtime-mode.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 { SPEC_PERMISSION_MODES } from "../SpecRuntimeEditor.sandbox-model.js";
+function PermissionModeField({
+  value,
+  onChange,
+  families,
+  availableModes,
+  effectiveMode
+}) {
+  var _a, _b;
+  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 capabilities = runtime == null ? void 0 : runtime.permissions;
+  const publishedModes = SPEC_PERMISSION_MODES.filter(
+    (mode) => availableModes.includes(mode)
+  );
+  const support = Object.fromEntries(
+    publishedModes.map((mode) => [
+      mode,
+      (capabilities == null ? void 0 : capabilities.modes[mode]) ?? { kind: "native" }
+    ])
+  );
+  const visibleModes = collapsePermissionModeAliases(
+    family == null ? void 0 : family.id,
+    publishedModes,
+    current,
+    support
+  );
+  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;
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-density-2", children: [
+    invalid && /* @__PURE__ */ jsxs(PermissionPostureError, { children: [
+      permissionModeVisual(family == null ? void 0 : family.id, current).label,
+      " is not available for",
+      " ",
+      runtimeLabel,
+      ". Select a published posture before saving."
+    ] }),
+    visibleModes.length > 0 && /* @__PURE__ */ jsx(
+      SpecField,
+      {
+        label: "Permission posture",
+        hint: ((_b = selectedSupport == null ? void 0 : selectedSupport.effects) == null ? void 0 : _b.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)),
+            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)
+              };
+            })
+          }
+        )
+      }
+    )
+  ] });
+}
+function familyForMode(families, specMode) {
+  return families.find(
+    (family) => family.modes.some((mode) => mode.id === specMode)
+  );
+}
+function PermissionPostureError({ children }) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      role: "alert",
+      className: "rounded-md border border-destructive/30 bg-destructive/5 px-density-2 py-density-1 text-xs text-destructive",
+      children
+    }
+  );
+}
+function permissionSupportLabel(value) {
+  return value.charAt(0).toUpperCase() + value.slice(1).replace("-", " ");
+}
+export {
+  PermissionModeField
+};
+//# sourceMappingURL=PermissionModeField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionModeField.js","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":["_a"],"mappings":"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"}

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

@@ -0,0 +1,160 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const Icon = require("../../Icon.cjs");
+const PolicyTree = require("../PolicyTree.cjs");
+const fields = require("./fields.cjs");
+const permissionsModel = require("./permissions-model.cjs");
+const UiAdd = require("../../../icons/components/UiAdd.cjs");
+const UiFile = require("../../../icons/components/UiFile.cjs");
+const UiTerminal = require("../../../icons/components/UiTerminal.cjs");
+const UiGlobe = require("../../../icons/components/UiGlobe.cjs");
+const UiPlugsConnected = require("../../../icons/components/UiPlugsConnected.cjs");
+const UiPuzzle = require("../../../icons/components/UiPuzzle.cjs");
+const UiMagicWand = require("../../../icons/components/UiMagicWand.cjs");
+const UiShield = require("../../../icons/components/UiShield.cjs");
+const UiHardDrive = require("../../../icons/components/UiHardDrive.cjs");
+const UiGavel = require("../../../icons/components/UiGavel.cjs");
+const UiKanban = require("../../../icons/components/UiKanban.cjs");
+const UiFileText = require("../../../icons/components/UiFileText.cjs");
+const UiEdit = require("../../../icons/components/UiEdit.cjs");
+const UiFilePlus = require("../../../icons/components/UiFilePlus.cjs");
+const POLICY_OPTIONS = {
+  auto: { id: "auto", label: "Auto", tone: "info" },
+  ask: { id: "ask", label: "Ask", tone: "warning" },
+  allow: { id: "allow", label: "Allow", tone: "success" },
+  deny: { id: "deny", label: "Deny", tone: "danger" },
+  enabled: { id: "enabled", label: "Enabled", tone: "success" },
+  disabled: { id: "disabled", label: "Disabled", tone: "neutral" }
+};
+const DOMAIN_OPTIONS = [
+  { value: "tools", label: "Tool" },
+  { value: "mcp", label: "MCP" },
+  { value: "plugins", label: "Plugin" },
+  { value: "skills", label: "Skill" }
+];
+const DOMAIN_LABELS = {
+  tools: "tool",
+  mcp: "MCP server",
+  plugins: "plugin",
+  skills: "skill"
+};
+function PermissionPolicyList({
+  entries,
+  supportedDomains,
+  emptyLabel,
+  onApply,
+  onAdd
+}) {
+  const firstDomain = supportedDomains[0];
+  if (!firstDomain) throw new Error("PermissionPolicyList requires a domain");
+  const [addDomain, setAddDomain] = react.useState(firstDomain);
+  const [addValue, setAddValue] = react.useState("");
+  const policyEntries = react.useMemo(
+    () => entries.map(permissionPolicyEntry),
+    [entries]
+  );
+  react.useEffect(() => {
+    if (!supportedDomains.includes(addDomain) && supportedDomains[0]) {
+      setAddDomain(supportedDomains[0]);
+    }
+  }, [addDomain, supportedDomains]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    PolicyTree.PolicyTree,
+    {
+      entries: policyEntries,
+      emptyLabel,
+      onEntryModeChange: (entry, mode) => onApply([entry.data], mode),
+      onGroupModeChange: (groupEntries, mode) => onApply(
+        groupEntries.map((entry) => entry.data),
+        mode
+      ),
+      groupIcon: permissionGroupIcon,
+      footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-density-2 sm:grid-cols-[8rem_minmax(0,1fr)_auto]", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          fields.SpecSelect,
+          {
+            ariaLabel: "Permission kind",
+            value: addDomain,
+            onChange: (domain) => setAddDomain(domain),
+            options: DOMAIN_OPTIONS.filter(
+              (option) => supportedDomains.includes(option.value)
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          fields.SpecInput,
+          {
+            value: addValue,
+            onChange: setAddValue,
+            placeholder: permissionsModel.permissionAddPlaceholder(addDomain),
+            ariaLabel: "Permission identifier"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-label": supportedDomains.length === 1 ? `Add ${DOMAIN_LABELS[firstDomain]}` : "Add permission",
+            onClick: () => {
+              onAdd(addDomain, addValue);
+              setAddValue("");
+            },
+            className: "inline-flex h-control-h items-center justify-center gap-1 rounded-md border border-border bg-background px-density-3 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiAdd.UiAdd, className: "size-3.5" }),
+              "Add"
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}
+function permissionPolicyEntry(entry) {
+  const out = {
+    id: `${entry.domain}:${entry.id}`,
+    label: entry.label,
+    group: entry.group,
+    mode: entry.mode,
+    options: permissionsModel.entryModeOptions(entry).map((mode) => POLICY_OPTIONS[mode]),
+    data: entry,
+    icon: permissionEntryIcon(entry)
+  };
+  if (entry.description) out.description = entry.description;
+  if (entry.source) out.source = entry.source;
+  if (entry.sourcePath) out.sourcePath = entry.sourcePath;
+  return out;
+}
+function permissionEntryIcon(entry) {
+  if (entry.domain === "mcp") {
+    const id2 = entry.id.toLowerCase();
+    if (id2.includes("filesystem") || id2.includes("file")) return UiHardDrive.UiHardDrive;
+    if (id2.includes("gavel")) return UiGavel.UiGavel;
+    if (id2 === "ado" || id2.includes("kanban")) return UiKanban.UiKanban;
+    return UiPlugsConnected.UiPlugsConnected;
+  }
+  if (entry.domain === "plugins") return UiPuzzle.UiPuzzle;
+  if (entry.domain === "skills") return UiMagicWand.UiMagicWand;
+  const id = entry.id.toLowerCase();
+  if (id === "read" || id.includes("read")) return UiFileText.UiFileText;
+  if (id === "edit" || id.includes("edit")) return UiEdit.UiEdit;
+  if (id === "write" || id.includes("write")) return UiFilePlus.UiFilePlus;
+  if (id.includes("bash") || id.includes("shell")) return UiTerminal.UiTerminal;
+  if (id.includes("web")) return UiGlobe.UiGlobe;
+  return UiFile.UiFile;
+}
+function permissionGroupIcon(group, entries) {
+  const normalized = group.toLowerCase();
+  if (normalized.includes("file")) return UiFile.UiFile;
+  if (normalized.includes("shell")) return UiTerminal.UiTerminal;
+  if (normalized.includes("web")) return UiGlobe.UiGlobe;
+  if (normalized.includes("mcp")) return UiPlugsConnected.UiPlugsConnected;
+  if (normalized.includes("plugin")) return UiPuzzle.UiPuzzle;
+  if (normalized.includes("skill")) return UiMagicWand.UiMagicWand;
+  const first = entries[0];
+  return first ? permissionEntryIcon(first.data) : UiShield.UiShield;
+}
+exports.PermissionPolicyList = PermissionPolicyList;
+//# sourceMappingURL=PermissionPolicyList.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionPolicyList.cjs","sources":["../../../../src/data/ai/SpecRuntimeEditor/PermissionPolicyList.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { Icon, type StaticIconComponent } from \"../../Icon\";\nimport {\n  UiAdd,\n  UiEdit,\n  UiFile,\n  UiFilePlus,\n  UiFileText,\n  UiGavel,\n  UiGlobe,\n  UiHardDrive,\n  UiKanban,\n  UiMagicWand,\n  UiPlugsConnected,\n  UiPuzzle,\n  UiShield,\n  UiTerminal,\n} from \"../../../icons\";\nimport {\n  PolicyTree,\n  type PolicyOption,\n  type PolicyTreeEntry,\n} from \"../PolicyTree\";\nimport { SpecInput, SpecSelect } from \"./fields\";\nimport {\n  entryModeOptions,\n  permissionAddPlaceholder,\n  type PermissionDomain,\n  type PermissionListEntry,\n  type PermissionListMode,\n} from \"./permissions-model\";\n\nconst POLICY_OPTIONS: Record<\n  PermissionListMode,\n  PolicyOption<PermissionListMode>\n> = {\n  auto: { id: \"auto\", label: \"Auto\", tone: \"info\" },\n  ask: { id: \"ask\", label: \"Ask\", tone: \"warning\" },\n  allow: { id: \"allow\", label: \"Allow\", tone: \"success\" },\n  deny: { id: \"deny\", label: \"Deny\", tone: \"danger\" },\n  enabled: { id: \"enabled\", label: \"Enabled\", tone: \"success\" },\n  disabled: { id: \"disabled\", label: \"Disabled\", tone: \"neutral\" },\n};\n\nconst DOMAIN_OPTIONS = [\n  { value: \"tools\", label: \"Tool\" },\n  { value: \"mcp\", label: \"MCP\" },\n  { value: \"plugins\", label: \"Plugin\" },\n  { value: \"skills\", label: \"Skill\" },\n] as const;\n\nconst DOMAIN_LABELS: Record<PermissionDomain, string> = {\n  tools: \"tool\",\n  mcp: \"MCP server\",\n  plugins: \"plugin\",\n  skills: \"skill\",\n};\n\nexport function PermissionPolicyList({\n  entries,\n  supportedDomains,\n  emptyLabel,\n  onApply,\n  onAdd,\n}: {\n  entries: PermissionListEntry[];\n  supportedDomains: readonly PermissionDomain[];\n  emptyLabel: string;\n  onApply: (entries: PermissionListEntry[], mode: PermissionListMode) => void;\n  onAdd: (domain: PermissionDomain, id: string) => void;\n}) {\n  const firstDomain = supportedDomains[0];\n  if (!firstDomain) throw new Error(\"PermissionPolicyList requires a domain\");\n  const [addDomain, setAddDomain] = useState<PermissionDomain>(firstDomain);\n  const [addValue, setAddValue] = useState(\"\");\n  const policyEntries = useMemo(\n    () => entries.map(permissionPolicyEntry),\n    [entries],\n  );\n  useEffect(() => {\n    if (!supportedDomains.includes(addDomain) && supportedDomains[0]) {\n      setAddDomain(supportedDomains[0]);\n    }\n  }, [addDomain, supportedDomains]);\n\n  return (\n    <PolicyTree\n      entries={policyEntries}\n      emptyLabel={emptyLabel}\n      onEntryModeChange={(entry, mode) => onApply([entry.data], mode)}\n      onGroupModeChange={(groupEntries, mode) =>\n        onApply(\n          groupEntries.map((entry) => entry.data),\n          mode,\n        )\n      }\n      groupIcon={permissionGroupIcon}\n      footer={\n        <div className=\"grid gap-density-2 sm:grid-cols-[8rem_minmax(0,1fr)_auto]\">\n          <SpecSelect\n            ariaLabel=\"Permission kind\"\n            value={addDomain}\n            onChange={(domain) => setAddDomain(domain as PermissionDomain)}\n            options={DOMAIN_OPTIONS.filter((option) =>\n              supportedDomains.includes(option.value),\n            )}\n          />\n          <SpecInput\n            value={addValue}\n            onChange={setAddValue}\n            placeholder={permissionAddPlaceholder(addDomain)}\n            ariaLabel=\"Permission identifier\"\n          />\n          <button\n            type=\"button\"\n            aria-label={\n              supportedDomains.length === 1\n                ? `Add ${DOMAIN_LABELS[firstDomain]}`\n                : \"Add permission\"\n            }\n            onClick={() => {\n              onAdd(addDomain, addValue);\n              setAddValue(\"\");\n            }}\n            className=\"inline-flex h-control-h items-center justify-center gap-1 rounded-md border border-border bg-background px-density-3 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      }\n    />\n  );\n}\n\nfunction permissionPolicyEntry(\n  entry: PermissionListEntry,\n): PolicyTreeEntry<PermissionListMode, PermissionListEntry> {\n  const out: PolicyTreeEntry<PermissionListMode, PermissionListEntry> = {\n    id: `${entry.domain}:${entry.id}`,\n    label: entry.label,\n    group: entry.group,\n    mode: entry.mode,\n    options: entryModeOptions(entry).map((mode) => POLICY_OPTIONS[mode]),\n    data: entry,\n    icon: permissionEntryIcon(entry),\n  };\n  if (entry.description) out.description = entry.description;\n  if (entry.source) out.source = entry.source;\n  if (entry.sourcePath) out.sourcePath = entry.sourcePath;\n  return out;\n}\n\nfunction permissionEntryIcon(entry: PermissionListEntry): StaticIconComponent {\n  if (entry.domain === \"mcp\") {\n    const id = entry.id.toLowerCase();\n    if (id.includes(\"filesystem\") || id.includes(\"file\")) return UiHardDrive;\n    if (id.includes(\"gavel\")) return UiGavel;\n    if (id === \"ado\" || id.includes(\"kanban\")) return UiKanban;\n    return UiPlugsConnected;\n  }\n  if (entry.domain === \"plugins\") return UiPuzzle;\n  if (entry.domain === \"skills\") return UiMagicWand;\n\n  const id = entry.id.toLowerCase();\n  if (id === \"read\" || id.includes(\"read\")) return UiFileText;\n  if (id === \"edit\" || id.includes(\"edit\")) return UiEdit;\n  if (id === \"write\" || id.includes(\"write\")) return UiFilePlus;\n  if (id.includes(\"bash\") || id.includes(\"shell\")) return UiTerminal;\n  if (id.includes(\"web\")) return UiGlobe;\n  return UiFile;\n}\n\nfunction permissionGroupIcon(\n  group: string,\n  entries: PolicyTreeEntry<PermissionListMode, PermissionListEntry>[],\n): StaticIconComponent {\n  const normalized = group.toLowerCase();\n  if (normalized.includes(\"file\")) return UiFile;\n  if (normalized.includes(\"shell\")) return UiTerminal;\n  if (normalized.includes(\"web\")) return UiGlobe;\n  if (normalized.includes(\"mcp\")) return UiPlugsConnected;\n  if (normalized.includes(\"plugin\")) return UiPuzzle;\n  if (normalized.includes(\"skill\")) return UiMagicWand;\n  const first = entries[0];\n  return first ? permissionEntryIcon(first.data) : UiShield;\n}\n"],"names":["useState","useMemo","useEffect","jsx","PolicyTree","jsxs","SpecSelect","SpecInput","permissionAddPlaceholder","Icon","UiAdd","entryModeOptions","id","UiHardDrive","UiGavel","UiKanban","UiPlugsConnected","UiPuzzle","UiMagicWand","UiFileText","UiEdit","UiFilePlus","UiTerminal","UiGlobe","UiFile","UiShield"],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+import { PermissionDomain, PermissionListEntry, PermissionListMode } from './permissions-model';
+export declare function PermissionPolicyList({ entries, supportedDomains, emptyLabel, onApply, onAdd, }: {
+    entries: PermissionListEntry[];
+    supportedDomains: readonly PermissionDomain[];
+    emptyLabel: string;
+    onApply: (entries: PermissionListEntry[], mode: PermissionListMode) => void;
+    onAdd: (domain: PermissionDomain, id: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PermissionPolicyList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionPolicyList.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/SpecRuntimeEditor/PermissionPolicyList.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAGL,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACxB,MAAM,qBAAqB,CAAC;AA4B7B,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,gBAAgB,EAChB,UAAU,EACV,OAAO,EACP,KAAK,GACN,EAAE;IACD,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,gBAAgB,EAAE,SAAS,gBAAgB,EAAE,CAAC;IAC9C,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,OAAO,EAAE,mBAAmB,EAAE,EAAE,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC5E,KAAK,EAAE,CAAC,MAAM,EAAE,gBAAgB,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACvD,2CA+DA"}