@flanksource/clicky-ui 0.3.17 → 0.3.19

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 { RuntimeBar } from \"../RuntimeBar\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  firstMode,\n  modeForBackend,\n  type SpecRuntimeFamily,\n} from \"../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    </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 =\n    `${fallback.backend ?? \"\"} ${fallback.model ?? \"\"}`.toLowerCase();\n  if (text.includes(\"anthropic\") || text.includes(\"claude\")) return \"anthropic\";\n  if (text.includes(\"google\") || text.includes(\"gemini\")) return \"googleai\";\n  if (\n    text.includes(\"openai\") ||\n    text.includes(\"gpt\") ||\n    text.includes(\"codex\")\n  ) {\n    return \"openai\";\n  }\n  return undefined;\n}\n\nfunction 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  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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"}

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

@@ -1 +1 @@
-{"version":3,"file":"VerifySection.cjs","sources":["../../../../src/data/ai/SpecRuntimeEditor/VerifySection.tsx"],"sourcesContent":["import { SegmentedControl } from \"../../../components/SegmentedControl\";\nimport { UiRepeat } from \"../../../icons\";\nimport { FixtureEditor } from \"../../FixtureEditor\";\nimport type { ChatModel } from \"../../chat/types\";\nimport type { SpecRuntimeFamily } from \"../runtime-mode\";\nimport {\n  SPEC_VERIFY_SCOPES,\n  type AISpecRuntimeValue,\n  type SpecVerifyScope,\n} from \"../SpecRuntimeEditor.model\";\nimport { NumberField, SpecField } from \"./fields\";\nimport type { SpecRuntimeSecretSelectorConfig } from \"./types\";\nimport { withVerify } from \"./update\";\n\nconst SCOPE_OPTIONS: Array<{ id: SpecVerifyScope; label: string }> =\n  SPEC_VERIFY_SCOPES.map((scope) => ({\n    id: scope,\n    label: scope === \"all\" ? \"All files\" : \"Changed files\",\n  }));\n\nexport function VerifySection({\n  value,\n  onChange,\n  models,\n  families,\n  secretSelector,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n  secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;\n}) {\n  return (\n    <div className=\"grid gap-density-3\">\n      <SpecField label=\"Verify fixture\">\n        <FixtureEditor\n          value={value.workflow?.verify?.fixture ?? \"\"}\n          onChange={(fixture) => onChange(withVerify(value, { fixture }))}\n          size=\"sm\"\n          placeholder=\"Write the verify fixture markdown...\"\n          frontmatterEditor={{\n            mode: \"verification\",\n            models,\n            families,\n            secretSelector,\n          }}\n        />\n      </SpecField>\n      <div className=\"flex flex-wrap items-end gap-density-3\">\n        <SpecField label=\"Scope\">\n          <SegmentedControl\n            aria-label=\"Verification scope\"\n            size=\"sm\"\n            value={(value.workflow?.verify?.scope || \"all\") as SpecVerifyScope}\n            onChange={(scope) => onChange(withVerify(value, { scope }))}\n            options={SCOPE_OPTIONS}\n          />\n        </SpecField>\n        <div className=\"w-32\">\n          <NumberField\n            label=\"Max iterations\"\n            value={value.workflow?.verify?.maxIterations}\n            onChange={(maxIterations) =>\n              onChange(withVerify(value, { maxIterations: maxIterations ?? 0 }))\n            }\n            icon={UiRepeat}\n            min={0}\n            step={1}\n            integer\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["SPEC_VERIFY_SCOPES","jsxs","jsx","SpecField","FixtureEditor","withVerify","SegmentedControl","NumberField","UiRepeat"],"mappings":";;;;;;;;;AAcA,MAAM,gBACJA,wBAAAA,mBAAmB,IAAI,CAAC,WAAW;AAAA,EACjC,IAAI;AAAA,EACJ,OAAO,UAAU,QAAQ,cAAc;AACzC,EAAE;AAEG,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;;AACD,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,IAAAC,2BAAAA,IAACC,OAAAA,WAAA,EAAU,OAAM,kBACf,UAAAD,2BAAAA;AAAAA,MAACE,cAAAA;AAAAA,MAAA;AAAA,QACC,SAAO,iBAAM,aAAN,mBAAgB,WAAhB,mBAAwB,YAAW;AAAA,QAC1C,UAAU,CAAC,YAAY,SAASC,OAAAA,WAAW,OAAO,EAAE,QAAA,CAAS,CAAC;AAAA,QAC9D,MAAK;AAAA,QACL,aAAY;AAAA,QACZ,mBAAmB;AAAA,UACjB,MAAM;AAAA,UACN;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GAEJ;AAAA,IACAJ,2BAAAA,KAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,MAAAC,2BAAAA,IAACC,OAAAA,WAAA,EAAU,OAAM,SACf,UAAAD,2BAAAA;AAAAA,QAACI,iBAAAA;AAAAA,QAAA;AAAA,UACC,cAAW;AAAA,UACX,MAAK;AAAA,UACL,SAAQ,iBAAM,aAAN,mBAAgB,WAAhB,mBAAwB,UAAS;AAAA,UACzC,UAAU,CAAC,UAAU,SAASD,OAAAA,WAAW,OAAO,EAAE,MAAA,CAAO,CAAC;AAAA,UAC1D,SAAS;AAAA,QAAA;AAAA,MAAA,GAEb;AAAA,MACAH,2BAAAA,IAAC,OAAA,EAAI,WAAU,QACb,UAAAA,2BAAAA;AAAAA,QAACK,OAAAA;AAAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO,iBAAM,aAAN,mBAAgB,WAAhB,mBAAwB;AAAA,UAC/B,UAAU,CAAC,kBACT,SAASF,OAAAA,WAAW,OAAO,EAAE,eAAe,iBAAiB,EAAA,CAAG,CAAC;AAAA,UAEnE,MAAMG,SAAAA;AAAAA,UACN,KAAK;AAAA,UACL,MAAM;AAAA,UACN,SAAO;AAAA,QAAA;AAAA,MAAA,EACT,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;;"}
+{"version":3,"file":"VerifySection.cjs","sources":["../../../../src/data/ai/SpecRuntimeEditor/VerifySection.tsx"],"sourcesContent":["import { SegmentedControl } from \"../../../components/SegmentedControl\";\nimport { UiRepeat } from \"../../../icons\";\nimport { FixtureEditor } from \"../../FixtureEditor\";\nimport type { ChatModel } from \"../../chat/types\";\nimport type { SpecRuntimeFamily } from \"../../runtime/runtime-mode\";\nimport {\n  SPEC_VERIFY_SCOPES,\n  type AISpecRuntimeValue,\n  type SpecVerifyScope,\n} from \"../SpecRuntimeEditor.model\";\nimport { NumberField, SpecField } from \"./fields\";\nimport type { SpecRuntimeSecretSelectorConfig } from \"./types\";\nimport { withVerify } from \"./update\";\n\nconst SCOPE_OPTIONS: Array<{ id: SpecVerifyScope; label: string }> =\n  SPEC_VERIFY_SCOPES.map((scope) => ({\n    id: scope,\n    label: scope === \"all\" ? \"All files\" : \"Changed files\",\n  }));\n\nexport function VerifySection({\n  value,\n  onChange,\n  models,\n  families,\n  secretSelector,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n  secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;\n}) {\n  return (\n    <div className=\"grid gap-density-3\">\n      <SpecField label=\"Verify fixture\">\n        <FixtureEditor\n          value={value.workflow?.verify?.fixture ?? \"\"}\n          onChange={(fixture) => onChange(withVerify(value, { fixture }))}\n          size=\"sm\"\n          placeholder=\"Write the verify fixture markdown...\"\n          frontmatterEditor={{\n            mode: \"verification\",\n            models,\n            families,\n            secretSelector,\n          }}\n        />\n      </SpecField>\n      <div className=\"flex flex-wrap items-end gap-density-3\">\n        <SpecField label=\"Scope\">\n          <SegmentedControl\n            aria-label=\"Verification scope\"\n            size=\"sm\"\n            value={(value.workflow?.verify?.scope || \"all\") as SpecVerifyScope}\n            onChange={(scope) => onChange(withVerify(value, { scope }))}\n            options={SCOPE_OPTIONS}\n          />\n        </SpecField>\n        <div className=\"w-32\">\n          <NumberField\n            label=\"Max iterations\"\n            value={value.workflow?.verify?.maxIterations}\n            onChange={(maxIterations) =>\n              onChange(withVerify(value, { maxIterations: maxIterations ?? 0 }))\n            }\n            icon={UiRepeat}\n            min={0}\n            step={1}\n            integer\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["SPEC_VERIFY_SCOPES","jsxs","jsx","SpecField","FixtureEditor","withVerify","SegmentedControl","NumberField","UiRepeat"],"mappings":";;;;;;;;;AAcA,MAAM,gBACJA,wBAAAA,mBAAmB,IAAI,CAAC,WAAW;AAAA,EACjC,IAAI;AAAA,EACJ,OAAO,UAAU,QAAQ,cAAc;AACzC,EAAE;AAEG,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;;AACD,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,IAAAC,2BAAAA,IAACC,OAAAA,WAAA,EAAU,OAAM,kBACf,UAAAD,2BAAAA;AAAAA,MAACE,cAAAA;AAAAA,MAAA;AAAA,QACC,SAAO,iBAAM,aAAN,mBAAgB,WAAhB,mBAAwB,YAAW;AAAA,QAC1C,UAAU,CAAC,YAAY,SAASC,OAAAA,WAAW,OAAO,EAAE,QAAA,CAAS,CAAC;AAAA,QAC9D,MAAK;AAAA,QACL,aAAY;AAAA,QACZ,mBAAmB;AAAA,UACjB,MAAM;AAAA,UACN;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GAEJ;AAAA,IACAJ,2BAAAA,KAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,MAAAC,2BAAAA,IAACC,OAAAA,WAAA,EAAU,OAAM,SACf,UAAAD,2BAAAA;AAAAA,QAACI,iBAAAA;AAAAA,QAAA;AAAA,UACC,cAAW;AAAA,UACX,MAAK;AAAA,UACL,SAAQ,iBAAM,aAAN,mBAAgB,WAAhB,mBAAwB,UAAS;AAAA,UACzC,UAAU,CAAC,UAAU,SAASD,OAAAA,WAAW,OAAO,EAAE,MAAA,CAAO,CAAC;AAAA,UAC1D,SAAS;AAAA,QAAA;AAAA,MAAA,GAEb;AAAA,MACAH,2BAAAA,IAAC,OAAA,EAAI,WAAU,QACb,UAAAA,2BAAAA;AAAAA,QAACK,OAAAA;AAAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO,iBAAM,aAAN,mBAAgB,WAAhB,mBAAwB;AAAA,UAC/B,UAAU,CAAC,kBACT,SAASF,OAAAA,WAAW,OAAO,EAAE,eAAe,iBAAiB,EAAA,CAAG,CAAC;AAAA,UAEnE,MAAMG,SAAAA;AAAAA,UACN,KAAK;AAAA,UACL,MAAM;AAAA,UACN,SAAO;AAAA,QAAA;AAAA,MAAA,EACT,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;;"}

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

@@ -1,5 +1,5 @@
 import { ChatModel } from '../../chat/types';
-import { SpecRuntimeFamily } from '../runtime-mode';
+import { SpecRuntimeFamily } from '../../runtime/runtime-mode';
 import { AISpecRuntimeValue } from '../SpecRuntimeEditor.model';
 import { SpecRuntimeSecretSelectorConfig } from './types';
 export declare function VerifySection({ value, onChange, models, families, secretSelector, }: {

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

@@ -1 +1 @@
-{"version":3,"file":"VerifySection.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/SpecRuntimeEditor/VerifySection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAEL,KAAK,kBAAkB,EAExB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAS/D,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,cAAc,GACf,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,cAAc,CAAC,EAAE,+BAA+B,GAAG,SAAS,CAAC;CAC9D,2CA2CA"}
+{"version":3,"file":"VerifySection.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/SpecRuntimeEditor/VerifySection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAEL,KAAK,kBAAkB,EAExB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAS/D,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,cAAc,GACf,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,cAAc,CAAC,EAAE,+BAA+B,GAAG,SAAS,CAAC;CAC9D,2CA2CA"}

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

@@ -1 +1 @@
-{"version":3,"file":"VerifySection.js","sources":["../../../../src/data/ai/SpecRuntimeEditor/VerifySection.tsx"],"sourcesContent":["import { SegmentedControl } from \"../../../components/SegmentedControl\";\nimport { UiRepeat } from \"../../../icons\";\nimport { FixtureEditor } from \"../../FixtureEditor\";\nimport type { ChatModel } from \"../../chat/types\";\nimport type { SpecRuntimeFamily } from \"../runtime-mode\";\nimport {\n  SPEC_VERIFY_SCOPES,\n  type AISpecRuntimeValue,\n  type SpecVerifyScope,\n} from \"../SpecRuntimeEditor.model\";\nimport { NumberField, SpecField } from \"./fields\";\nimport type { SpecRuntimeSecretSelectorConfig } from \"./types\";\nimport { withVerify } from \"./update\";\n\nconst SCOPE_OPTIONS: Array<{ id: SpecVerifyScope; label: string }> =\n  SPEC_VERIFY_SCOPES.map((scope) => ({\n    id: scope,\n    label: scope === \"all\" ? \"All files\" : \"Changed files\",\n  }));\n\nexport function VerifySection({\n  value,\n  onChange,\n  models,\n  families,\n  secretSelector,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n  secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;\n}) {\n  return (\n    <div className=\"grid gap-density-3\">\n      <SpecField label=\"Verify fixture\">\n        <FixtureEditor\n          value={value.workflow?.verify?.fixture ?? \"\"}\n          onChange={(fixture) => onChange(withVerify(value, { fixture }))}\n          size=\"sm\"\n          placeholder=\"Write the verify fixture markdown...\"\n          frontmatterEditor={{\n            mode: \"verification\",\n            models,\n            families,\n            secretSelector,\n          }}\n        />\n      </SpecField>\n      <div className=\"flex flex-wrap items-end gap-density-3\">\n        <SpecField label=\"Scope\">\n          <SegmentedControl\n            aria-label=\"Verification scope\"\n            size=\"sm\"\n            value={(value.workflow?.verify?.scope || \"all\") as SpecVerifyScope}\n            onChange={(scope) => onChange(withVerify(value, { scope }))}\n            options={SCOPE_OPTIONS}\n          />\n        </SpecField>\n        <div className=\"w-32\">\n          <NumberField\n            label=\"Max iterations\"\n            value={value.workflow?.verify?.maxIterations}\n            onChange={(maxIterations) =>\n              onChange(withVerify(value, { maxIterations: maxIterations ?? 0 }))\n            }\n            icon={UiRepeat}\n            min={0}\n            step={1}\n            integer\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAcA,MAAM,gBACJ,mBAAmB,IAAI,CAAC,WAAW;AAAA,EACjC,IAAI;AAAA,EACJ,OAAO,UAAU,QAAQ,cAAc;AACzC,EAAE;AAEG,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;;AACD,SACE,qBAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,IAAA,oBAAC,WAAA,EAAU,OAAM,kBACf,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAO,iBAAM,aAAN,mBAAgB,WAAhB,mBAAwB,YAAW;AAAA,QAC1C,UAAU,CAAC,YAAY,SAAS,WAAW,OAAO,EAAE,QAAA,CAAS,CAAC;AAAA,QAC9D,MAAK;AAAA,QACL,aAAY;AAAA,QACZ,mBAAmB;AAAA,UACjB,MAAM;AAAA,UACN;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GAEJ;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,MAAA,oBAAC,WAAA,EAAU,OAAM,SACf,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,cAAW;AAAA,UACX,MAAK;AAAA,UACL,SAAQ,iBAAM,aAAN,mBAAgB,WAAhB,mBAAwB,UAAS;AAAA,UACzC,UAAU,CAAC,UAAU,SAAS,WAAW,OAAO,EAAE,MAAA,CAAO,CAAC;AAAA,UAC1D,SAAS;AAAA,QAAA;AAAA,MAAA,GAEb;AAAA,MACA,oBAAC,OAAA,EAAI,WAAU,QACb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO,iBAAM,aAAN,mBAAgB,WAAhB,mBAAwB;AAAA,UAC/B,UAAU,CAAC,kBACT,SAAS,WAAW,OAAO,EAAE,eAAe,iBAAiB,EAAA,CAAG,CAAC;AAAA,UAEnE,MAAM;AAAA,UACN,KAAK;AAAA,UACL,MAAM;AAAA,UACN,SAAO;AAAA,QAAA;AAAA,MAAA,EACT,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"VerifySection.js","sources":["../../../../src/data/ai/SpecRuntimeEditor/VerifySection.tsx"],"sourcesContent":["import { SegmentedControl } from \"../../../components/SegmentedControl\";\nimport { UiRepeat } from \"../../../icons\";\nimport { FixtureEditor } from \"../../FixtureEditor\";\nimport type { ChatModel } from \"../../chat/types\";\nimport type { SpecRuntimeFamily } from \"../../runtime/runtime-mode\";\nimport {\n  SPEC_VERIFY_SCOPES,\n  type AISpecRuntimeValue,\n  type SpecVerifyScope,\n} from \"../SpecRuntimeEditor.model\";\nimport { NumberField, SpecField } from \"./fields\";\nimport type { SpecRuntimeSecretSelectorConfig } from \"./types\";\nimport { withVerify } from \"./update\";\n\nconst SCOPE_OPTIONS: Array<{ id: SpecVerifyScope; label: string }> =\n  SPEC_VERIFY_SCOPES.map((scope) => ({\n    id: scope,\n    label: scope === \"all\" ? \"All files\" : \"Changed files\",\n  }));\n\nexport function VerifySection({\n  value,\n  onChange,\n  models,\n  families,\n  secretSelector,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n  secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;\n}) {\n  return (\n    <div className=\"grid gap-density-3\">\n      <SpecField label=\"Verify fixture\">\n        <FixtureEditor\n          value={value.workflow?.verify?.fixture ?? \"\"}\n          onChange={(fixture) => onChange(withVerify(value, { fixture }))}\n          size=\"sm\"\n          placeholder=\"Write the verify fixture markdown...\"\n          frontmatterEditor={{\n            mode: \"verification\",\n            models,\n            families,\n            secretSelector,\n          }}\n        />\n      </SpecField>\n      <div className=\"flex flex-wrap items-end gap-density-3\">\n        <SpecField label=\"Scope\">\n          <SegmentedControl\n            aria-label=\"Verification scope\"\n            size=\"sm\"\n            value={(value.workflow?.verify?.scope || \"all\") as SpecVerifyScope}\n            onChange={(scope) => onChange(withVerify(value, { scope }))}\n            options={SCOPE_OPTIONS}\n          />\n        </SpecField>\n        <div className=\"w-32\">\n          <NumberField\n            label=\"Max iterations\"\n            value={value.workflow?.verify?.maxIterations}\n            onChange={(maxIterations) =>\n              onChange(withVerify(value, { maxIterations: maxIterations ?? 0 }))\n            }\n            icon={UiRepeat}\n            min={0}\n            step={1}\n            integer\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAcA,MAAM,gBACJ,mBAAmB,IAAI,CAAC,WAAW;AAAA,EACjC,IAAI;AAAA,EACJ,OAAO,UAAU,QAAQ,cAAc;AACzC,EAAE;AAEG,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;;AACD,SACE,qBAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,IAAA,oBAAC,WAAA,EAAU,OAAM,kBACf,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAO,iBAAM,aAAN,mBAAgB,WAAhB,mBAAwB,YAAW;AAAA,QAC1C,UAAU,CAAC,YAAY,SAAS,WAAW,OAAO,EAAE,QAAA,CAAS,CAAC;AAAA,QAC9D,MAAK;AAAA,QACL,aAAY;AAAA,QACZ,mBAAmB;AAAA,UACjB,MAAM;AAAA,UACN;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GAEJ;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,MAAA,oBAAC,WAAA,EAAU,OAAM,SACf,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,cAAW;AAAA,UACX,MAAK;AAAA,UACL,SAAQ,iBAAM,aAAN,mBAAgB,WAAhB,mBAAwB,UAAS;AAAA,UACzC,UAAU,CAAC,UAAU,SAAS,WAAW,OAAO,EAAE,MAAA,CAAO,CAAC;AAAA,UAC1D,SAAS;AAAA,QAAA;AAAA,MAAA,GAEb;AAAA,MACA,oBAAC,OAAA,EAAI,WAAU,QACb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO,iBAAM,aAAN,mBAAgB,WAAhB,mBAAwB;AAAA,UAC/B,UAAU,CAAC,kBACT,SAAS,WAAW,OAAO,EAAE,eAAe,iBAAiB,EAAA,CAAG,CAAC;AAAA,UAEnE,MAAM;AAAA,UACN,KAAK;AAAA,UACL,MAAM;AAAA,UACN,SAAO;AAAA,QAAA;AAAA,MAAA,EACT,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { InputField } from "../../../components/InputField.js";
 import { Switch } from "../../../components/Switch.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/data/ai/SpecRuntimeEditor/index.tsx"],"sourcesContent":["import { useId, useMemo, type ReactNode } from \"react\";\nimport { cn } from \"../../../lib/utils\";\nimport type { ChatModel, ToolMeta } from \"../../chat/types\";\nimport type {\n  AISpecRuntimePermissionCatalog,\n  AISpecRuntimeValue,\n} from \"../SpecRuntimeEditor.model\";\nimport { CLIArgsSection, type SpecRuntimeCLIOptions } from \"./CLIArgsSection\";\nimport { CommitSection } from \"./CommitSection\";\nimport { EnvironmentAdvanced, EnvironmentSection } from \"./EnvironmentSection\";\nimport { Footer } from \"./Footer\";\nimport { ModelAdvanced, ModelSection } from \"./ModelSection\";\nimport { PermissionsAdvanced, PermissionsSection } from \"./PermissionsSection\";\nimport { PromptAdvanced, PromptSection } from \"./PromptSection\";\nimport { Rail } from \"./Rail\";\nimport { SectionCard } from \"./SectionCard\";\nimport { VerifySection } from \"./VerifySection\";\nimport { WorkspaceSection } from \"./WorkspaceSection\";\nimport {\n  buildPermissionCatalog,\n  specPermissionEntries,\n  withAddedPermission,\n  withPermissionEntries,\n} from \"./permissions-model\";\nimport { summarizeTarget } from \"./summaries\";\nimport {\n  SPEC_RUNTIME_SECTIONS,\n  sectionNumber,\n  type SpecRuntimeSecretSelectorConfig,\n  type SpecSectionId,\n} from \"./types\";\nimport type { SpecRuntimeFamily } from \"../runtime-mode\";\nimport { useScrollSpy } from \"./use-scrollspy\";\n\nexport type { AISpecRuntimeValue } from \"../SpecRuntimeEditor.model\";\nexport type { SpecRuntimeSecretSelectorConfig } from \"./types\";\nexport type { SpecRuntimeCLIOptions } from \"./CLIArgsSection\";\nexport {\n  SPEC_RUNTIME_FAMILIES,\n  type SpecRuntimeFamily,\n  type SpecRuntimeModeOption,\n} from \"../runtime-mode\";\n\nexport type SpecRuntimeEditorProps = {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models?: ChatModel[] | undefined;\n  /** Provider families for the two-axis Family → Mode picker in the model section. */\n  families?: SpecRuntimeFamily[] | undefined;\n  tools?: ToolMeta[] | undefined;\n  permissionCatalog?: AISpecRuntimePermissionCatalog | undefined;\n  secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;\n  /** Schema for the backend's extra CLI args; enables the CLI flags section. */\n  cliOptions?: SpecRuntimeCLIOptions | undefined;\n  /** Optional section allow-list for embedded editors that only need part of the runtime spec. */\n  sections?: readonly SpecSectionId[] | undefined;\n  className?: string | undefined;\n  title?: ReactNode | undefined;\n  eyebrow?: ReactNode | undefined;\n  /** Hide the editor rail when a host modal already supplies the context. */\n  showHeader?: boolean | undefined;\n  /** Content rendered before the first section inside the editor column. */\n  beforeSections?: ReactNode | undefined;\n  /** Sections that should start collapsed in embedded contexts. */\n  defaultCollapsedSections?: readonly SpecSectionId[] | undefined;\n  /** Renders the sticky footer's save action when set. */\n  onSave?: (() => void) | undefined;\n  /** Renders the sticky footer's cancel action when set. */\n  onCancel?: (() => void) | undefined;\n  saveLabel?: string | undefined;\n  footerStatus?: ReactNode | undefined;\n};\n\nconst ADVANCED_HINTS: Partial<Record<SpecSectionId, string>> = {\n  model: \"fallbacks, session, caching\",\n  prompt: \"schema\",\n  permissions: \"full permission tree\",\n  environment: \"dotenv files\",\n};\n\n// Full-page runtime spec editor (design \"Runtime Spec Editor v2\"): a live\n// summary rail with scrollspy nav, preset quick-starts, and stacked numbered\n// sections. Container-responsive so it works embedded in a modal or standalone.\nexport function SpecRuntimeEditor({\n  value,\n  onChange,\n  models = [],\n  families,\n  tools = [],\n  permissionCatalog,\n  secretSelector,\n  cliOptions,\n  sections: sectionFilter,\n  className,\n  title = \"Runtime Spec\",\n  eyebrow = \"Agent configuration\",\n  showHeader = true,\n  beforeSections,\n  defaultCollapsedSections,\n  onSave,\n  onCancel,\n  saveLabel = \"Save & run\",\n  footerStatus = \"Ready to run\",\n}: SpecRuntimeEditorProps) {\n  const idPrefix = useId();\n  const catalog = useMemo(\n    () => buildPermissionCatalog(permissionCatalog, tools),\n    [permissionCatalog, tools],\n  );\n  const entries = useMemo(\n    () => specPermissionEntries(value, catalog),\n    [value, catalog],\n  );\n\n  const allowedSections = useMemo(\n    () => (sectionFilter ? new Set(sectionFilter) : undefined),\n    [sectionFilter],\n  );\n  const sections = SPEC_RUNTIME_SECTIONS.filter(\n    (section) =>\n      (section.id !== \"cli\" || cliOptions) &&\n      (allowedSections == null || allowedSections.has(section.id)),\n  );\n  const collapsedSections = useMemo(\n    () => new Set(defaultCollapsedSections ?? []),\n    [defaultCollapsedSections],\n  );\n  const domId = (id: SpecSectionId) => `${idPrefix}-${id}`;\n  const { sectionRef } = useScrollSpy(\n    sections.map((section) => domId(section.id)),\n  );\n\n  const applyEntries = (\n    applied: Parameters<typeof withPermissionEntries>[1],\n    mode: Parameters<typeof withPermissionEntries>[2],\n  ) => onChange(withPermissionEntries(value, applied, mode));\n  const addEntry = (\n    domain: Parameters<typeof withAddedPermission>[1],\n    id: string,\n  ) => {\n    const next = withAddedPermission(value, domain, id);\n    if (next) onChange(next);\n  };\n\n  const sectionBody = (id: SpecSectionId): ReactNode => {\n    switch (id) {\n      case \"model\":\n        return (\n          <ModelSection\n            value={value}\n            onChange={onChange}\n            models={models}\n            {...(families ? { families } : {})}\n          />\n        );\n      case \"prompt\":\n        return <PromptSection value={value} onChange={onChange} />;\n      case \"workspace\":\n        return (\n          <WorkspaceSection\n            value={value}\n            onChange={onChange}\n            secretSelector={secretSelector}\n          />\n        );\n      case \"permissions\":\n        return (\n          <PermissionsSection\n            value={value}\n            onChange={onChange}\n            entries={entries}\n            onApplyEntries={applyEntries}\n            onAddEntry={addEntry}\n          />\n        );\n      case \"environment\":\n        return (\n          <EnvironmentSection\n            value={value}\n            onChange={onChange}\n            secretSelector={secretSelector}\n          />\n        );\n      case \"verify\":\n        return (\n          <VerifySection\n            value={value}\n            onChange={onChange}\n            models={models}\n            {...(families ? { families } : {})}\n            {...(secretSelector ? { secretSelector } : {})}\n          />\n        );\n      case \"commit\":\n        return <CommitSection value={value} onChange={onChange} />;\n      case \"cli\":\n        return cliOptions ? (\n          <CLIArgsSection\n            value={value}\n            onChange={onChange}\n            cliOptions={cliOptions}\n          />\n        ) : null;\n    }\n  };\n\n  const sectionAdvanced = (id: SpecSectionId): ReactNode => {\n    switch (id) {\n      case \"model\":\n        return (\n          <ModelAdvanced\n            value={value}\n            onChange={onChange}\n            models={models}\n            {...(families ? { families } : {})}\n          />\n        );\n      case \"prompt\":\n        return <PromptAdvanced value={value} onChange={onChange} />;\n      case \"permissions\":\n        return (\n          <PermissionsAdvanced\n            value={value}\n            onChange={onChange}\n            entries={entries}\n            onApplyEntries={applyEntries}\n            onAddEntry={addEntry}\n          />\n        );\n      case \"environment\":\n        return <EnvironmentAdvanced value={value} onChange={onChange} />;\n      default:\n        return undefined;\n    }\n  };\n\n  return (\n    <div className={cn(\"@container\", className)}>\n      <div className=\"mx-auto max-w-[820px] px-density-4 py-density-4\">\n        {showHeader && (\n          <Rail\n            eyebrow={eyebrow}\n            title={title}\n            target={summarizeTarget(value)}\n          />\n        )}\n        {beforeSections}\n        {sections.map((section) => (\n          <SectionCard\n            key={section.id}\n            meta={section}\n            number={sectionNumber(section.id)}\n            domId={domId(section.id)}\n            sectionRef={sectionRef(domId(section.id))}\n            advanced={sectionAdvanced(section.id)}\n            advancedHint={ADVANCED_HINTS[section.id]}\n            defaultCollapsed={collapsedSections.has(section.id)}\n          >\n            {sectionBody(section.id)}\n          </SectionCard>\n        ))}\n      </div>\n      {(onSave || onCancel) && (\n        <Footer\n          status={footerStatus}\n          saveLabel={saveLabel}\n          onSave={onSave}\n          onCancel={onCancel}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["useId","useMemo","buildPermissionCatalog","specPermissionEntries","SPEC_RUNTIME_SECTIONS","useScrollSpy","withPermissionEntries","withAddedPermission","jsx","ModelSection","PromptSection","WorkspaceSection","PermissionsSection","EnvironmentSection","VerifySection","CommitSection","CLIArgsSection","ModelAdvanced","PromptAdvanced","PermissionsAdvanced","EnvironmentAdvanced","cn","jsxs","Rail","summarizeTarget","SectionCard","sectionNumber","Footer"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/data/ai/SpecRuntimeEditor/index.tsx"],"sourcesContent":["import { useId, useMemo, type ReactNode } from \"react\";\nimport { cn } from \"../../../lib/utils\";\nimport type { ChatModel, ToolMeta } from \"../../chat/types\";\nimport type {\n  AISpecRuntimePermissionCatalog,\n  AISpecRuntimeValue,\n} from \"../SpecRuntimeEditor.model\";\nimport { CLIArgsSection, type SpecRuntimeCLIOptions } from \"./CLIArgsSection\";\nimport { CommitSection } from \"./CommitSection\";\nimport { EnvironmentAdvanced, EnvironmentSection } from \"./EnvironmentSection\";\nimport { Footer } from \"./Footer\";\nimport { ModelAdvanced, ModelSection } from \"./ModelSection\";\nimport { PermissionsAdvanced, PermissionsSection } from \"./PermissionsSection\";\nimport { PromptAdvanced, PromptSection } from \"./PromptSection\";\nimport { Rail } from \"./Rail\";\nimport { SectionCard } from \"./SectionCard\";\nimport { VerifySection } from \"./VerifySection\";\nimport { WorkspaceSection } from \"./WorkspaceSection\";\nimport {\n  buildPermissionCatalog,\n  specPermissionEntries,\n  withAddedPermission,\n  withPermissionEntries,\n} from \"./permissions-model\";\nimport { summarizeTarget } from \"./summaries\";\nimport {\n  SPEC_RUNTIME_SECTIONS,\n  sectionNumber,\n  type SpecRuntimeSecretSelectorConfig,\n  type SpecSectionId,\n} from \"./types\";\nimport type { SpecRuntimeFamily } from \"../../runtime/runtime-mode\";\nimport { useScrollSpy } from \"./use-scrollspy\";\n\nexport type { AISpecRuntimeValue } from \"../SpecRuntimeEditor.model\";\nexport type { SpecRuntimeSecretSelectorConfig } from \"./types\";\nexport type { SpecRuntimeCLIOptions } from \"./CLIArgsSection\";\nexport {\n  SPEC_RUNTIME_FAMILIES,\n  type SpecRuntimeFamily,\n  type SpecRuntimeModeOption,\n} from \"../../runtime/runtime-mode\";\n\nexport type SpecRuntimeEditorProps = {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models?: ChatModel[] | undefined;\n  /** Provider families for the two-axis Family → Mode picker in the model section. */\n  families?: SpecRuntimeFamily[] | undefined;\n  tools?: ToolMeta[] | undefined;\n  permissionCatalog?: AISpecRuntimePermissionCatalog | undefined;\n  secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;\n  /** Schema for the backend's extra CLI args; enables the CLI flags section. */\n  cliOptions?: SpecRuntimeCLIOptions | undefined;\n  /** Optional section allow-list for embedded editors that only need part of the runtime spec. */\n  sections?: readonly SpecSectionId[] | undefined;\n  className?: string | undefined;\n  title?: ReactNode | undefined;\n  eyebrow?: ReactNode | undefined;\n  /** Hide the editor rail when a host modal already supplies the context. */\n  showHeader?: boolean | undefined;\n  /** Content rendered before the first section inside the editor column. */\n  beforeSections?: ReactNode | undefined;\n  /** Sections that should start collapsed in embedded contexts. */\n  defaultCollapsedSections?: readonly SpecSectionId[] | undefined;\n  /** Renders the sticky footer's save action when set. */\n  onSave?: (() => void) | undefined;\n  /** Renders the sticky footer's cancel action when set. */\n  onCancel?: (() => void) | undefined;\n  saveLabel?: string | undefined;\n  footerStatus?: ReactNode | undefined;\n};\n\nconst ADVANCED_HINTS: Partial<Record<SpecSectionId, string>> = {\n  model: \"fallbacks, session, caching\",\n  prompt: \"schema\",\n  permissions: \"full permission tree\",\n  environment: \"dotenv files\",\n};\n\n// Full-page runtime spec editor (design \"Runtime Spec Editor v2\"): a live\n// summary rail with scrollspy nav, preset quick-starts, and stacked numbered\n// sections. Container-responsive so it works embedded in a modal or standalone.\nexport function SpecRuntimeEditor({\n  value,\n  onChange,\n  models = [],\n  families,\n  tools = [],\n  permissionCatalog,\n  secretSelector,\n  cliOptions,\n  sections: sectionFilter,\n  className,\n  title = \"Runtime Spec\",\n  eyebrow = \"Agent configuration\",\n  showHeader = true,\n  beforeSections,\n  defaultCollapsedSections,\n  onSave,\n  onCancel,\n  saveLabel = \"Save & run\",\n  footerStatus = \"Ready to run\",\n}: SpecRuntimeEditorProps) {\n  const idPrefix = useId();\n  const catalog = useMemo(\n    () => buildPermissionCatalog(permissionCatalog, tools),\n    [permissionCatalog, tools],\n  );\n  const entries = useMemo(\n    () => specPermissionEntries(value, catalog),\n    [value, catalog],\n  );\n\n  const allowedSections = useMemo(\n    () => (sectionFilter ? new Set(sectionFilter) : undefined),\n    [sectionFilter],\n  );\n  const sections = SPEC_RUNTIME_SECTIONS.filter(\n    (section) =>\n      (section.id !== \"cli\" || cliOptions) &&\n      (allowedSections == null || allowedSections.has(section.id)),\n  );\n  const collapsedSections = useMemo(\n    () => new Set(defaultCollapsedSections ?? []),\n    [defaultCollapsedSections],\n  );\n  const domId = (id: SpecSectionId) => `${idPrefix}-${id}`;\n  const { sectionRef } = useScrollSpy(\n    sections.map((section) => domId(section.id)),\n  );\n\n  const applyEntries = (\n    applied: Parameters<typeof withPermissionEntries>[1],\n    mode: Parameters<typeof withPermissionEntries>[2],\n  ) => onChange(withPermissionEntries(value, applied, mode));\n  const addEntry = (\n    domain: Parameters<typeof withAddedPermission>[1],\n    id: string,\n  ) => {\n    const next = withAddedPermission(value, domain, id);\n    if (next) onChange(next);\n  };\n\n  const sectionBody = (id: SpecSectionId): ReactNode => {\n    switch (id) {\n      case \"model\":\n        return (\n          <ModelSection\n            value={value}\n            onChange={onChange}\n            models={models}\n            {...(families ? { families } : {})}\n          />\n        );\n      case \"prompt\":\n        return <PromptSection value={value} onChange={onChange} />;\n      case \"workspace\":\n        return (\n          <WorkspaceSection\n            value={value}\n            onChange={onChange}\n            secretSelector={secretSelector}\n          />\n        );\n      case \"permissions\":\n        return (\n          <PermissionsSection\n            value={value}\n            onChange={onChange}\n            entries={entries}\n            onApplyEntries={applyEntries}\n            onAddEntry={addEntry}\n          />\n        );\n      case \"environment\":\n        return (\n          <EnvironmentSection\n            value={value}\n            onChange={onChange}\n            secretSelector={secretSelector}\n          />\n        );\n      case \"verify\":\n        return (\n          <VerifySection\n            value={value}\n            onChange={onChange}\n            models={models}\n            {...(families ? { families } : {})}\n            {...(secretSelector ? { secretSelector } : {})}\n          />\n        );\n      case \"commit\":\n        return <CommitSection value={value} onChange={onChange} />;\n      case \"cli\":\n        return cliOptions ? (\n          <CLIArgsSection\n            value={value}\n            onChange={onChange}\n            cliOptions={cliOptions}\n          />\n        ) : null;\n    }\n  };\n\n  const sectionAdvanced = (id: SpecSectionId): ReactNode => {\n    switch (id) {\n      case \"model\":\n        return (\n          <ModelAdvanced\n            value={value}\n            onChange={onChange}\n            models={models}\n            {...(families ? { families } : {})}\n          />\n        );\n      case \"prompt\":\n        return <PromptAdvanced value={value} onChange={onChange} />;\n      case \"permissions\":\n        return (\n          <PermissionsAdvanced\n            value={value}\n            onChange={onChange}\n            entries={entries}\n            onApplyEntries={applyEntries}\n            onAddEntry={addEntry}\n          />\n        );\n      case \"environment\":\n        return <EnvironmentAdvanced value={value} onChange={onChange} />;\n      default:\n        return undefined;\n    }\n  };\n\n  return (\n    <div className={cn(\"@container\", className)}>\n      <div className=\"mx-auto max-w-[820px] px-density-4 py-density-4\">\n        {showHeader && (\n          <Rail\n            eyebrow={eyebrow}\n            title={title}\n            target={summarizeTarget(value)}\n          />\n        )}\n        {beforeSections}\n        {sections.map((section) => (\n          <SectionCard\n            key={section.id}\n            meta={section}\n            number={sectionNumber(section.id)}\n            domId={domId(section.id)}\n            sectionRef={sectionRef(domId(section.id))}\n            advanced={sectionAdvanced(section.id)}\n            advancedHint={ADVANCED_HINTS[section.id]}\n            defaultCollapsed={collapsedSections.has(section.id)}\n          >\n            {sectionBody(section.id)}\n          </SectionCard>\n        ))}\n      </div>\n      {(onSave || onCancel) && (\n        <Footer\n          status={footerStatus}\n          saveLabel={saveLabel}\n          onSave={onSave}\n          onCancel={onCancel}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["useId","useMemo","buildPermissionCatalog","specPermissionEntries","SPEC_RUNTIME_SECTIONS","useScrollSpy","withPermissionEntries","withAddedPermission","jsx","ModelSection","PromptSection","WorkspaceSection","PermissionsSection","EnvironmentSection","VerifySection","CommitSection","CLIArgsSection","ModelAdvanced","PromptAdvanced","PermissionsAdvanced","EnvironmentAdvanced","cn","jsxs","Rail","summarizeTarget","SectionCard","sectionNumber","Footer"],"mappings":"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"}

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

@@ -3,11 +3,11 @@ import { ChatModel, ToolMeta } from '../../chat/types';
 import { AISpecRuntimePermissionCatalog, AISpecRuntimeValue } from '../SpecRuntimeEditor.model';
 import { SpecRuntimeCLIOptions } from './CLIArgsSection';
 import { SpecRuntimeSecretSelectorConfig, SpecSectionId } from './types';
-import { SpecRuntimeFamily } from '../runtime-mode';
+import { SpecRuntimeFamily } from '../../runtime/runtime-mode';
 export type { AISpecRuntimeValue } from '../SpecRuntimeEditor.model';
 export type { SpecRuntimeSecretSelectorConfig } from './types';
 export type { SpecRuntimeCLIOptions } from './CLIArgsSection';
-export { SPEC_RUNTIME_FAMILIES, type SpecRuntimeFamily, type SpecRuntimeModeOption, } from '../runtime-mode';
+export { SPEC_RUNTIME_FAMILIES, type SpecRuntimeFamily, type SpecRuntimeModeOption, } from '../../runtime/runtime-mode';
 export type SpecRuntimeEditorProps = {
     value: AISpecRuntimeValue;
     onChange: (value: AISpecRuntimeValue) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/SpecRuntimeEditor/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,KAAK,EACV,8BAA8B,EAC9B,kBAAkB,EACnB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAkB,KAAK,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAkB9E,OAAO,EAGL,KAAK,+BAA+B,EACpC,KAAK,aAAa,EACnB,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAGzD,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,YAAY,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAC/D,YAAY,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EACL,qBAAqB,EACrB,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,GAC3B,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;IACjC,oFAAoF;IACpF,QAAQ,CAAC,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;IAC3C,KAAK,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;IAC/B,iBAAiB,CAAC,EAAE,8BAA8B,GAAG,SAAS,CAAC;IAC/D,cAAc,CAAC,EAAE,+BAA+B,GAAG,SAAS,CAAC;IAC7D,8EAA8E;IAC9E,UAAU,CAAC,EAAE,qBAAqB,GAAG,SAAS,CAAC;IAC/C,gGAAgG;IAChG,QAAQ,CAAC,EAAE,SAAS,aAAa,EAAE,GAAG,SAAS,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,2EAA2E;IAC3E,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,0EAA0E;IAC1E,cAAc,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACvC,iEAAiE;IACjE,wBAAwB,CAAC,EAAE,SAAS,aAAa,EAAE,GAAG,SAAS,CAAC;IAChE,wDAAwD;IACxD,MAAM,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAClC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,YAAY,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACtC,CAAC;AAYF,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,MAAW,EACX,QAAQ,EACR,KAAU,EACV,iBAAiB,EACjB,cAAc,EACd,UAAU,EACV,QAAQ,EAAE,aAAa,EACvB,SAAS,EACT,KAAsB,EACtB,OAA+B,EAC/B,UAAiB,EACjB,cAAc,EACd,wBAAwB,EACxB,MAAM,EACN,QAAQ,EACR,SAAwB,EACxB,YAA6B,GAC9B,EAAE,sBAAsB,2CAyKxB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/SpecRuntimeEditor/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,KAAK,EACV,8BAA8B,EAC9B,kBAAkB,EACnB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAkB,KAAK,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAkB9E,OAAO,EAGL,KAAK,+BAA+B,EACpC,KAAK,aAAa,EACnB,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAGpE,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,YAAY,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAC/D,YAAY,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EACL,qBAAqB,EACrB,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,GAC3B,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;IACjC,oFAAoF;IACpF,QAAQ,CAAC,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;IAC3C,KAAK,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;IAC/B,iBAAiB,CAAC,EAAE,8BAA8B,GAAG,SAAS,CAAC;IAC/D,cAAc,CAAC,EAAE,+BAA+B,GAAG,SAAS,CAAC;IAC7D,8EAA8E;IAC9E,UAAU,CAAC,EAAE,qBAAqB,GAAG,SAAS,CAAC;IAC/C,gGAAgG;IAChG,QAAQ,CAAC,EAAE,SAAS,aAAa,EAAE,GAAG,SAAS,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,2EAA2E;IAC3E,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,0EAA0E;IAC1E,cAAc,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACvC,iEAAiE;IACjE,wBAAwB,CAAC,EAAE,SAAS,aAAa,EAAE,GAAG,SAAS,CAAC;IAChE,wDAAwD;IACxD,MAAM,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAClC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,YAAY,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACtC,CAAC;AAYF,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,MAAW,EACX,QAAQ,EACR,KAAU,EACV,iBAAiB,EACjB,cAAc,EACd,UAAU,EACV,QAAQ,EAAE,aAAa,EACvB,SAAS,EACT,KAAsB,EACtB,OAA+B,EAC/B,UAAiB,EACjB,cAAc,EACd,wBAAwB,EACxB,MAAM,EACN,QAAQ,EACR,SAAwB,EACxB,YAA6B,GAC9B,EAAE,sBAAsB,2CAyKxB"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/data/ai/SpecRuntimeEditor/index.tsx"],"sourcesContent":["import { useId, useMemo, type ReactNode } from \"react\";\nimport { cn } from \"../../../lib/utils\";\nimport type { ChatModel, ToolMeta } from \"../../chat/types\";\nimport type {\n  AISpecRuntimePermissionCatalog,\n  AISpecRuntimeValue,\n} from \"../SpecRuntimeEditor.model\";\nimport { CLIArgsSection, type SpecRuntimeCLIOptions } from \"./CLIArgsSection\";\nimport { CommitSection } from \"./CommitSection\";\nimport { EnvironmentAdvanced, EnvironmentSection } from \"./EnvironmentSection\";\nimport { Footer } from \"./Footer\";\nimport { ModelAdvanced, ModelSection } from \"./ModelSection\";\nimport { PermissionsAdvanced, PermissionsSection } from \"./PermissionsSection\";\nimport { PromptAdvanced, PromptSection } from \"./PromptSection\";\nimport { Rail } from \"./Rail\";\nimport { SectionCard } from \"./SectionCard\";\nimport { VerifySection } from \"./VerifySection\";\nimport { WorkspaceSection } from \"./WorkspaceSection\";\nimport {\n  buildPermissionCatalog,\n  specPermissionEntries,\n  withAddedPermission,\n  withPermissionEntries,\n} from \"./permissions-model\";\nimport { summarizeTarget } from \"./summaries\";\nimport {\n  SPEC_RUNTIME_SECTIONS,\n  sectionNumber,\n  type SpecRuntimeSecretSelectorConfig,\n  type SpecSectionId,\n} from \"./types\";\nimport type { SpecRuntimeFamily } from \"../runtime-mode\";\nimport { useScrollSpy } from \"./use-scrollspy\";\n\nexport type { AISpecRuntimeValue } from \"../SpecRuntimeEditor.model\";\nexport type { SpecRuntimeSecretSelectorConfig } from \"./types\";\nexport type { SpecRuntimeCLIOptions } from \"./CLIArgsSection\";\nexport {\n  SPEC_RUNTIME_FAMILIES,\n  type SpecRuntimeFamily,\n  type SpecRuntimeModeOption,\n} from \"../runtime-mode\";\n\nexport type SpecRuntimeEditorProps = {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models?: ChatModel[] | undefined;\n  /** Provider families for the two-axis Family → Mode picker in the model section. */\n  families?: SpecRuntimeFamily[] | undefined;\n  tools?: ToolMeta[] | undefined;\n  permissionCatalog?: AISpecRuntimePermissionCatalog | undefined;\n  secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;\n  /** Schema for the backend's extra CLI args; enables the CLI flags section. */\n  cliOptions?: SpecRuntimeCLIOptions | undefined;\n  /** Optional section allow-list for embedded editors that only need part of the runtime spec. */\n  sections?: readonly SpecSectionId[] | undefined;\n  className?: string | undefined;\n  title?: ReactNode | undefined;\n  eyebrow?: ReactNode | undefined;\n  /** Hide the editor rail when a host modal already supplies the context. */\n  showHeader?: boolean | undefined;\n  /** Content rendered before the first section inside the editor column. */\n  beforeSections?: ReactNode | undefined;\n  /** Sections that should start collapsed in embedded contexts. */\n  defaultCollapsedSections?: readonly SpecSectionId[] | undefined;\n  /** Renders the sticky footer's save action when set. */\n  onSave?: (() => void) | undefined;\n  /** Renders the sticky footer's cancel action when set. */\n  onCancel?: (() => void) | undefined;\n  saveLabel?: string | undefined;\n  footerStatus?: ReactNode | undefined;\n};\n\nconst ADVANCED_HINTS: Partial<Record<SpecSectionId, string>> = {\n  model: \"fallbacks, session, caching\",\n  prompt: \"schema\",\n  permissions: \"full permission tree\",\n  environment: \"dotenv files\",\n};\n\n// Full-page runtime spec editor (design \"Runtime Spec Editor v2\"): a live\n// summary rail with scrollspy nav, preset quick-starts, and stacked numbered\n// sections. Container-responsive so it works embedded in a modal or standalone.\nexport function SpecRuntimeEditor({\n  value,\n  onChange,\n  models = [],\n  families,\n  tools = [],\n  permissionCatalog,\n  secretSelector,\n  cliOptions,\n  sections: sectionFilter,\n  className,\n  title = \"Runtime Spec\",\n  eyebrow = \"Agent configuration\",\n  showHeader = true,\n  beforeSections,\n  defaultCollapsedSections,\n  onSave,\n  onCancel,\n  saveLabel = \"Save & run\",\n  footerStatus = \"Ready to run\",\n}: SpecRuntimeEditorProps) {\n  const idPrefix = useId();\n  const catalog = useMemo(\n    () => buildPermissionCatalog(permissionCatalog, tools),\n    [permissionCatalog, tools],\n  );\n  const entries = useMemo(\n    () => specPermissionEntries(value, catalog),\n    [value, catalog],\n  );\n\n  const allowedSections = useMemo(\n    () => (sectionFilter ? new Set(sectionFilter) : undefined),\n    [sectionFilter],\n  );\n  const sections = SPEC_RUNTIME_SECTIONS.filter(\n    (section) =>\n      (section.id !== \"cli\" || cliOptions) &&\n      (allowedSections == null || allowedSections.has(section.id)),\n  );\n  const collapsedSections = useMemo(\n    () => new Set(defaultCollapsedSections ?? []),\n    [defaultCollapsedSections],\n  );\n  const domId = (id: SpecSectionId) => `${idPrefix}-${id}`;\n  const { sectionRef } = useScrollSpy(\n    sections.map((section) => domId(section.id)),\n  );\n\n  const applyEntries = (\n    applied: Parameters<typeof withPermissionEntries>[1],\n    mode: Parameters<typeof withPermissionEntries>[2],\n  ) => onChange(withPermissionEntries(value, applied, mode));\n  const addEntry = (\n    domain: Parameters<typeof withAddedPermission>[1],\n    id: string,\n  ) => {\n    const next = withAddedPermission(value, domain, id);\n    if (next) onChange(next);\n  };\n\n  const sectionBody = (id: SpecSectionId): ReactNode => {\n    switch (id) {\n      case \"model\":\n        return (\n          <ModelSection\n            value={value}\n            onChange={onChange}\n            models={models}\n            {...(families ? { families } : {})}\n          />\n        );\n      case \"prompt\":\n        return <PromptSection value={value} onChange={onChange} />;\n      case \"workspace\":\n        return (\n          <WorkspaceSection\n            value={value}\n            onChange={onChange}\n            secretSelector={secretSelector}\n          />\n        );\n      case \"permissions\":\n        return (\n          <PermissionsSection\n            value={value}\n            onChange={onChange}\n            entries={entries}\n            onApplyEntries={applyEntries}\n            onAddEntry={addEntry}\n          />\n        );\n      case \"environment\":\n        return (\n          <EnvironmentSection\n            value={value}\n            onChange={onChange}\n            secretSelector={secretSelector}\n          />\n        );\n      case \"verify\":\n        return (\n          <VerifySection\n            value={value}\n            onChange={onChange}\n            models={models}\n            {...(families ? { families } : {})}\n            {...(secretSelector ? { secretSelector } : {})}\n          />\n        );\n      case \"commit\":\n        return <CommitSection value={value} onChange={onChange} />;\n      case \"cli\":\n        return cliOptions ? (\n          <CLIArgsSection\n            value={value}\n            onChange={onChange}\n            cliOptions={cliOptions}\n          />\n        ) : null;\n    }\n  };\n\n  const sectionAdvanced = (id: SpecSectionId): ReactNode => {\n    switch (id) {\n      case \"model\":\n        return (\n          <ModelAdvanced\n            value={value}\n            onChange={onChange}\n            models={models}\n            {...(families ? { families } : {})}\n          />\n        );\n      case \"prompt\":\n        return <PromptAdvanced value={value} onChange={onChange} />;\n      case \"permissions\":\n        return (\n          <PermissionsAdvanced\n            value={value}\n            onChange={onChange}\n            entries={entries}\n            onApplyEntries={applyEntries}\n            onAddEntry={addEntry}\n          />\n        );\n      case \"environment\":\n        return <EnvironmentAdvanced value={value} onChange={onChange} />;\n      default:\n        return undefined;\n    }\n  };\n\n  return (\n    <div className={cn(\"@container\", className)}>\n      <div className=\"mx-auto max-w-[820px] px-density-4 py-density-4\">\n        {showHeader && (\n          <Rail\n            eyebrow={eyebrow}\n            title={title}\n            target={summarizeTarget(value)}\n          />\n        )}\n        {beforeSections}\n        {sections.map((section) => (\n          <SectionCard\n            key={section.id}\n            meta={section}\n            number={sectionNumber(section.id)}\n            domId={domId(section.id)}\n            sectionRef={sectionRef(domId(section.id))}\n            advanced={sectionAdvanced(section.id)}\n            advancedHint={ADVANCED_HINTS[section.id]}\n            defaultCollapsed={collapsedSections.has(section.id)}\n          >\n            {sectionBody(section.id)}\n          </SectionCard>\n        ))}\n      </div>\n      {(onSave || onCancel) && (\n        <Footer\n          status={footerStatus}\n          saveLabel={saveLabel}\n          onSave={onSave}\n          onCancel={onCancel}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/data/ai/SpecRuntimeEditor/index.tsx"],"sourcesContent":["import { useId, useMemo, type ReactNode } from \"react\";\nimport { cn } from \"../../../lib/utils\";\nimport type { ChatModel, ToolMeta } from \"../../chat/types\";\nimport type {\n  AISpecRuntimePermissionCatalog,\n  AISpecRuntimeValue,\n} from \"../SpecRuntimeEditor.model\";\nimport { CLIArgsSection, type SpecRuntimeCLIOptions } from \"./CLIArgsSection\";\nimport { CommitSection } from \"./CommitSection\";\nimport { EnvironmentAdvanced, EnvironmentSection } from \"./EnvironmentSection\";\nimport { Footer } from \"./Footer\";\nimport { ModelAdvanced, ModelSection } from \"./ModelSection\";\nimport { PermissionsAdvanced, PermissionsSection } from \"./PermissionsSection\";\nimport { PromptAdvanced, PromptSection } from \"./PromptSection\";\nimport { Rail } from \"./Rail\";\nimport { SectionCard } from \"./SectionCard\";\nimport { VerifySection } from \"./VerifySection\";\nimport { WorkspaceSection } from \"./WorkspaceSection\";\nimport {\n  buildPermissionCatalog,\n  specPermissionEntries,\n  withAddedPermission,\n  withPermissionEntries,\n} from \"./permissions-model\";\nimport { summarizeTarget } from \"./summaries\";\nimport {\n  SPEC_RUNTIME_SECTIONS,\n  sectionNumber,\n  type SpecRuntimeSecretSelectorConfig,\n  type SpecSectionId,\n} from \"./types\";\nimport type { SpecRuntimeFamily } from \"../../runtime/runtime-mode\";\nimport { useScrollSpy } from \"./use-scrollspy\";\n\nexport type { AISpecRuntimeValue } from \"../SpecRuntimeEditor.model\";\nexport type { SpecRuntimeSecretSelectorConfig } from \"./types\";\nexport type { SpecRuntimeCLIOptions } from \"./CLIArgsSection\";\nexport {\n  SPEC_RUNTIME_FAMILIES,\n  type SpecRuntimeFamily,\n  type SpecRuntimeModeOption,\n} from \"../../runtime/runtime-mode\";\n\nexport type SpecRuntimeEditorProps = {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models?: ChatModel[] | undefined;\n  /** Provider families for the two-axis Family → Mode picker in the model section. */\n  families?: SpecRuntimeFamily[] | undefined;\n  tools?: ToolMeta[] | undefined;\n  permissionCatalog?: AISpecRuntimePermissionCatalog | undefined;\n  secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;\n  /** Schema for the backend's extra CLI args; enables the CLI flags section. */\n  cliOptions?: SpecRuntimeCLIOptions | undefined;\n  /** Optional section allow-list for embedded editors that only need part of the runtime spec. */\n  sections?: readonly SpecSectionId[] | undefined;\n  className?: string | undefined;\n  title?: ReactNode | undefined;\n  eyebrow?: ReactNode | undefined;\n  /** Hide the editor rail when a host modal already supplies the context. */\n  showHeader?: boolean | undefined;\n  /** Content rendered before the first section inside the editor column. */\n  beforeSections?: ReactNode | undefined;\n  /** Sections that should start collapsed in embedded contexts. */\n  defaultCollapsedSections?: readonly SpecSectionId[] | undefined;\n  /** Renders the sticky footer's save action when set. */\n  onSave?: (() => void) | undefined;\n  /** Renders the sticky footer's cancel action when set. */\n  onCancel?: (() => void) | undefined;\n  saveLabel?: string | undefined;\n  footerStatus?: ReactNode | undefined;\n};\n\nconst ADVANCED_HINTS: Partial<Record<SpecSectionId, string>> = {\n  model: \"fallbacks, session, caching\",\n  prompt: \"schema\",\n  permissions: \"full permission tree\",\n  environment: \"dotenv files\",\n};\n\n// Full-page runtime spec editor (design \"Runtime Spec Editor v2\"): a live\n// summary rail with scrollspy nav, preset quick-starts, and stacked numbered\n// sections. Container-responsive so it works embedded in a modal or standalone.\nexport function SpecRuntimeEditor({\n  value,\n  onChange,\n  models = [],\n  families,\n  tools = [],\n  permissionCatalog,\n  secretSelector,\n  cliOptions,\n  sections: sectionFilter,\n  className,\n  title = \"Runtime Spec\",\n  eyebrow = \"Agent configuration\",\n  showHeader = true,\n  beforeSections,\n  defaultCollapsedSections,\n  onSave,\n  onCancel,\n  saveLabel = \"Save & run\",\n  footerStatus = \"Ready to run\",\n}: SpecRuntimeEditorProps) {\n  const idPrefix = useId();\n  const catalog = useMemo(\n    () => buildPermissionCatalog(permissionCatalog, tools),\n    [permissionCatalog, tools],\n  );\n  const entries = useMemo(\n    () => specPermissionEntries(value, catalog),\n    [value, catalog],\n  );\n\n  const allowedSections = useMemo(\n    () => (sectionFilter ? new Set(sectionFilter) : undefined),\n    [sectionFilter],\n  );\n  const sections = SPEC_RUNTIME_SECTIONS.filter(\n    (section) =>\n      (section.id !== \"cli\" || cliOptions) &&\n      (allowedSections == null || allowedSections.has(section.id)),\n  );\n  const collapsedSections = useMemo(\n    () => new Set(defaultCollapsedSections ?? []),\n    [defaultCollapsedSections],\n  );\n  const domId = (id: SpecSectionId) => `${idPrefix}-${id}`;\n  const { sectionRef } = useScrollSpy(\n    sections.map((section) => domId(section.id)),\n  );\n\n  const applyEntries = (\n    applied: Parameters<typeof withPermissionEntries>[1],\n    mode: Parameters<typeof withPermissionEntries>[2],\n  ) => onChange(withPermissionEntries(value, applied, mode));\n  const addEntry = (\n    domain: Parameters<typeof withAddedPermission>[1],\n    id: string,\n  ) => {\n    const next = withAddedPermission(value, domain, id);\n    if (next) onChange(next);\n  };\n\n  const sectionBody = (id: SpecSectionId): ReactNode => {\n    switch (id) {\n      case \"model\":\n        return (\n          <ModelSection\n            value={value}\n            onChange={onChange}\n            models={models}\n            {...(families ? { families } : {})}\n          />\n        );\n      case \"prompt\":\n        return <PromptSection value={value} onChange={onChange} />;\n      case \"workspace\":\n        return (\n          <WorkspaceSection\n            value={value}\n            onChange={onChange}\n            secretSelector={secretSelector}\n          />\n        );\n      case \"permissions\":\n        return (\n          <PermissionsSection\n            value={value}\n            onChange={onChange}\n            entries={entries}\n            onApplyEntries={applyEntries}\n            onAddEntry={addEntry}\n          />\n        );\n      case \"environment\":\n        return (\n          <EnvironmentSection\n            value={value}\n            onChange={onChange}\n            secretSelector={secretSelector}\n          />\n        );\n      case \"verify\":\n        return (\n          <VerifySection\n            value={value}\n            onChange={onChange}\n            models={models}\n            {...(families ? { families } : {})}\n            {...(secretSelector ? { secretSelector } : {})}\n          />\n        );\n      case \"commit\":\n        return <CommitSection value={value} onChange={onChange} />;\n      case \"cli\":\n        return cliOptions ? (\n          <CLIArgsSection\n            value={value}\n            onChange={onChange}\n            cliOptions={cliOptions}\n          />\n        ) : null;\n    }\n  };\n\n  const sectionAdvanced = (id: SpecSectionId): ReactNode => {\n    switch (id) {\n      case \"model\":\n        return (\n          <ModelAdvanced\n            value={value}\n            onChange={onChange}\n            models={models}\n            {...(families ? { families } : {})}\n          />\n        );\n      case \"prompt\":\n        return <PromptAdvanced value={value} onChange={onChange} />;\n      case \"permissions\":\n        return (\n          <PermissionsAdvanced\n            value={value}\n            onChange={onChange}\n            entries={entries}\n            onApplyEntries={applyEntries}\n            onAddEntry={addEntry}\n          />\n        );\n      case \"environment\":\n        return <EnvironmentAdvanced value={value} onChange={onChange} />;\n      default:\n        return undefined;\n    }\n  };\n\n  return (\n    <div className={cn(\"@container\", className)}>\n      <div className=\"mx-auto max-w-[820px] px-density-4 py-density-4\">\n        {showHeader && (\n          <Rail\n            eyebrow={eyebrow}\n            title={title}\n            target={summarizeTarget(value)}\n          />\n        )}\n        {beforeSections}\n        {sections.map((section) => (\n          <SectionCard\n            key={section.id}\n            meta={section}\n            number={sectionNumber(section.id)}\n            domId={domId(section.id)}\n            sectionRef={sectionRef(domId(section.id))}\n            advanced={sectionAdvanced(section.id)}\n            advancedHint={ADVANCED_HINTS[section.id]}\n            defaultCollapsed={collapsedSections.has(section.id)}\n          >\n            {sectionBody(section.id)}\n          </SectionCard>\n        ))}\n      </div>\n      {(onSave || onCancel) && (\n        <Footer\n          status={footerStatus}\n          saveLabel={saveLabel}\n          onSave={onSave}\n          onCancel={onCancel}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/ai/ThreadPicker.cjs

@@ -7,19 +7,23 @@ const DropdownMenu = require("../../overlay/DropdownMenu.cjs");
 const Icon = require("../Icon.cjs");
 const UiAdd = require("../../icons/components/UiAdd.cjs");
 const UiComment = require("../../icons/components/UiComment.cjs");
+const UiPencilSimpleLine = require("../../icons/components/UiPencilSimpleLine.cjs");
 const UiTrash = require("../../icons/components/UiTrash.cjs");
 const UiChevronDown = require("../../icons/components/UiChevronDown.cjs");
 function ThreadPicker({
   threadId,
   onSelect,
   onNew,
-  api = "/api/chat/threads",
+  api = "/api/chat/sessions",
   source,
   query,
+  refreshToken,
   className = ""
 }) {
   const [threads, setThreads] = react.useState([]);
   const [loading, setLoading] = react.useState(false);
+  const [renaming, setRenaming] = react.useState();
+  const canRename = source ? Boolean(source.rename) : Boolean(api);
   const listUrl = query ? `${api}?${query}` : api;
   const fetchThreads = react.useCallback(async () => {
     setLoading(true);
@@ -38,7 +42,36 @@ function ThreadPicker({
   }, [source, listUrl]);
   react.useEffect(() => {
     void fetchThreads();
-  }, [fetchThreads]);
+  }, [fetchThreads, refreshToken]);
+  const commitRename = react.useCallback(async () => {
+    var _a, _b;
+    if (!renaming) return;
+    const { id, title } = renaming;
+    setRenaming(void 0);
+    const trimmed = title.trim();
+    const previous = ((_a = threads.find((t) => t.id === id)) == null ? void 0 : _a.title) ?? null;
+    if (!trimmed || trimmed === previous) return;
+    setThreads(
+      (prev) => prev.map((t) => t.id === id ? { ...t, title: trimmed } : t)
+    );
+    try {
+      if (source) {
+        await ((_b = source.rename) == null ? void 0 : _b.call(source, id, trimmed));
+      } else {
+        const res = await fetch(`${api}/${id}`, {
+          method: "PATCH",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ title: trimmed })
+        });
+        if (!res.ok) throw new Error(`rename failed with status ${res.status}`);
+      }
+    } catch (err) {
+      console.warn("clicky-ui: failed to rename thread", err);
+      setThreads(
+        (prev) => prev.map((t) => t.id === id ? { ...t, title: previous } : t)
+      );
+    }
+  }, [api, renaming, source, threads]);
   const handleDelete = react.useCallback(
     async (id, e) => {
       var _a;
@@ -121,11 +154,40 @@ function ThreadPicker({
             },
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiComment.UiComment, className: "size-3 shrink-0" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate", children: t.title || "Untitled" }),
+              (renaming == null ? void 0 : renaming.id) === t.id ? /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  autoFocus: true,
+                  "aria-label": "Conversation title",
+                  className: "flex-1 rounded border border-border bg-background px-1 py-0.5 text-xs",
+                  value: renaming.title,
+                  onClick: (e) => e.stopPropagation(),
+                  onChange: (e) => setRenaming({ id: t.id, title: e.target.value }),
+                  onBlur: () => setRenaming(void 0),
+                  onKeyDown: (e) => {
+                    e.stopPropagation();
+                    if (e.key === "Enter") void commitRename();
+                    if (e.key === "Escape") setRenaming(void 0);
+                  }
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate", children: t.title || "Untitled" }),
               t.totalCostUsd != null && t.totalCostUsd > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "shrink-0 text-[10px] text-muted-foreground", children: [
                 "$",
                 t.totalCostUsd.toFixed(2)
               ] }),
+              canRename && (renaming == null ? void 0 : renaming.id) !== t.id && /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": "Rename conversation",
+                  className: "shrink-0 rounded p-0.5 text-muted-foreground opacity-0 hover:text-foreground group-hover/thread:opacity-100",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    setRenaming({ id: t.id, title: t.title ?? "" });
+                  },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiPencilSimpleLine.UiPencilSimpleLine, className: "size-3" })
+                }
+              ),
               /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {

package/dist/data/ai/ThreadPicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadPicker.cjs","sources":["../../../src/data/ai/ThreadPicker.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Icon } from \"../Icon\";\nimport { UiComment, UiAdd, UiTrash, UiChevronDown } from \"../../icons\";\n\n/** One conversation as returned by the threads endpoint. Only `id` is required;\n *  `title`/cost are rendered when present so the picker works against minimal\n *  backends (e.g. clicky's in-memory ThreadStore, which has no cost). */\nexport interface ThreadSummary {\n  id: string;\n  title?: string | null;\n  totalCostUsd?: number | null;\n  updatedAt?: string;\n}\n\n/** An injectable thread data source, for apps that load conversations through\n *  their own client (e.g. react-query) rather than a plain `${api}` fetch — and\n *  for backend-free stories/demos. When supplied it replaces the `api` calls. */\nexport interface ThreadSource {\n  /** Returns the conversation list (re-invoked whenever the menu opens). */\n  load: () => Promise<ThreadSummary[]>;\n  /** Creates a durable conversation before its first message is sent. */\n  create?: () => Promise<ThreadSummary>;\n  /** Deletes a conversation. Omit to hide the delete affordance's effect. */\n  remove?: (id: string) => Promise<void>;\n}\n\nexport type ThreadPickerProps = {\n  /** Currently selected thread, or null for an unsaved/new conversation. */\n  threadId: string | null;\n  onSelect: (threadId: string) => void;\n  onNew: () => void;\n  /** Base endpoint for thread CRUD. GET lists, `${api}/${id}` DELETE removes.\n   *  Defaults to clicky's \"/api/chat/threads\". Ignored when `source` is set. */\n  api?: string;\n  /** Inject the thread list/delete directly instead of fetching `api`. */\n  source?: ThreadSource;\n  /** Optional query string appended to the list request (e.g. a scope id). */\n  query?: string;\n  className?: string;\n};\n\n/** A dropdown to switch between, create, and delete conversation threads. The\n *  list is (re)fetched whenever the menu opens, so newly-persisted threads\n *  appear without a manual refresh. */\nexport function ThreadPicker({\n  threadId,\n  onSelect,\n  onNew,\n  api = \"/api/chat/threads\",\n  source,\n  query,\n  className = \"\",\n}: ThreadPickerProps) {\n  const [threads, setThreads] = useState<ThreadSummary[]>([]);\n  const [loading, setLoading] = useState(false);\n\n  const listUrl = query ? `${api}?${query}` : api;\n\n  const fetchThreads = useCallback(async () => {\n    setLoading(true);\n    try {\n      if (source) {\n        setThreads(await source.load());\n      } else {\n        const res = await fetch(listUrl);\n        if (res.ok) setThreads(await res.json());\n      }\n    } catch (err) {\n      console.warn(\"clicky-ui: failed to load threads\", err);\n    } finally {\n      setLoading(false);\n    }\n  }, [source, listUrl]);\n\n  useEffect(() => {\n    void fetchThreads();\n  }, [fetchThreads]);\n\n  const handleDelete = useCallback(\n    async (id: string, e: React.MouseEvent) => {\n      e.stopPropagation();\n      try {\n        if (source) {\n          await source.remove?.(id);\n        } else {\n          await fetch(`${api}/${id}`, { method: \"DELETE\" });\n        }\n        setThreads((prev) => prev.filter((t) => t.id !== id));\n        if (id === threadId) onNew();\n      } catch (err) {\n        console.warn(\"clicky-ui: failed to delete thread\", err);\n      }\n    },\n    [source, api, threadId, onNew],\n  );\n\n  const current = threads.find((t) => t.id === threadId);\n  const label = current?.title || \"New Chat\";\n\n  return (\n    <DropdownMenu\n      align=\"left\"\n      className={className}\n      onOpenChange={(open) => {\n        if (open) void fetchThreads();\n      }}\n      menuClassName=\"min-w-[220px] max-w-[320px] max-h-72 overflow-y-auto\"\n      trigger={\n        <button\n          type=\"button\"\n          className=\"flex max-w-[200px] items-center gap-1 truncate rounded px-2 py-1 text-sm font-medium hover:bg-muted\"\n        >\n          <Icon icon={UiComment} className=\"size-3.5 shrink-0\" />\n          <span className=\"truncate\">{label}</span>\n          <Icon icon={UiChevronDown} className=\"size-3 shrink-0 opacity-50\" />\n        </button>\n      }\n    >\n      {(closeMenu) => (\n        <div className=\"py-1\">\n          <button\n            type=\"button\"\n            className=\"flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-popover-foreground hover:bg-accent\"\n            onClick={() => {\n              onNew();\n              closeMenu();\n            }}\n          >\n            <Icon icon={UiAdd} className=\"size-3\" /> New Chat\n          </button>\n          <div className=\"my-1 border-t border-border\" />\n          {loading && threads.length === 0 && (\n            <div className=\"px-3 py-1.5 text-xs text-muted-foreground\">\n              Loading…\n            </div>\n          )}\n          {threads.length === 0 && !loading && (\n            <div className=\"px-3 py-1.5 text-xs text-muted-foreground\">\n              No previous conversations\n            </div>\n          )}\n          {threads.map((t) => (\n            <div\n              key={t.id}\n              role=\"button\"\n              tabIndex={0}\n              className={cn(\n                \"group/thread flex w-full cursor-pointer items-center gap-2 px-3 py-1.5 text-left text-xs hover:bg-accent\",\n                t.id === threadId && \"font-semibold\",\n              )}\n              onClick={() => {\n                onSelect(t.id);\n                closeMenu();\n              }}\n              onKeyDown={(e) => {\n                if (e.key === \"Enter\" || e.key === \" \") {\n                  e.preventDefault();\n                  onSelect(t.id);\n                  closeMenu();\n                }\n              }}\n            >\n              <Icon icon={UiComment} className=\"size-3 shrink-0\" />\n              <span className=\"flex-1 truncate\">{t.title || \"Untitled\"}</span>\n              {t.totalCostUsd != null && t.totalCostUsd > 0 && (\n                <span className=\"shrink-0 text-[10px] text-muted-foreground\">\n                  ${t.totalCostUsd.toFixed(2)}\n                </span>\n              )}\n              <button\n                type=\"button\"\n                aria-label=\"Delete conversation\"\n                className=\"shrink-0 rounded p-0.5 text-muted-foreground opacity-0 hover:text-destructive group-hover/thread:opacity-100\"\n                onClick={(e) => void handleDelete(t.id, e)}\n              >\n                <Icon icon={UiTrash} className=\"size-3\" />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n"],"names":["useState","useCallback","useEffect","jsx","DropdownMenu","jsxs","Icon","UiComment","UiChevronDown","UiAdd","cn","UiTrash"],"mappings":"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"}
+{"version":3,"file":"ThreadPicker.cjs","sources":["../../../src/data/ai/ThreadPicker.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Icon } from \"../Icon\";\nimport {\n  UiComment,\n  UiAdd,\n  UiTrash,\n  UiChevronDown,\n  UiPencilSimpleLine,\n} from \"../../icons\";\n\n/** One conversation as returned by the sessions endpoint. Only `id` is required;\n *  `title`/cost are rendered when present so the picker works against minimal\n *  backends (e.g. clicky's in-memory ThreadStore, which has no cost). */\nexport interface ThreadSummary {\n  id: string;\n  title?: string | null;\n  totalCostUsd?: number | null;\n  updatedAt?: string;\n}\n\n/** An injectable thread data source, for apps that load conversations through\n *  their own client (e.g. react-query) rather than a plain `${api}` fetch — and\n *  for backend-free stories/demos. When supplied it replaces the `api` calls. */\nexport interface ThreadSource {\n  /** Returns the conversation list (re-invoked whenever the menu opens). */\n  load: () => Promise<ThreadSummary[]>;\n  /** Creates a durable conversation before its first message is sent. */\n  create?: () => Promise<ThreadSummary>;\n  /** Deletes a conversation. Omit to hide the delete affordance's effect. */\n  remove?: (id: string) => Promise<void>;\n  /** Renames a conversation. Omit to hide the rename affordance. */\n  rename?: (id: string, title: string) => Promise<void>;\n}\n\nexport type ThreadPickerProps = {\n  /** Currently selected thread, or null for an unsaved/new conversation. */\n  threadId: string | null;\n  onSelect: (threadId: string) => void;\n  onNew: () => void;\n  /** Base endpoint for session CRUD. GET lists, `${api}/${id}` DELETE removes\n   *  and PATCH renames. Defaults to Captain's \"/api/chat/sessions\". Ignored when\n   *  `source` is set. */\n  api?: string;\n  /** Inject the thread list/delete/rename directly instead of fetching `api`. */\n  source?: ThreadSource;\n  /** Optional query string appended to the list request (e.g. a scope id). */\n  query?: string;\n  /** Changing this refetches the list, so a title the backend derived during a\n   *  turn appears without reopening the menu. */\n  refreshToken?: number;\n  className?: string;\n};\n\n/** A dropdown to switch between, create, and delete conversation threads. The\n *  list is (re)fetched whenever the menu opens, so newly-persisted threads\n *  appear without a manual refresh. */\nexport function ThreadPicker({\n  threadId,\n  onSelect,\n  onNew,\n  api = \"/api/chat/sessions\",\n  source,\n  query,\n  refreshToken,\n  className = \"\",\n}: ThreadPickerProps) {\n  const [threads, setThreads] = useState<ThreadSummary[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [renaming, setRenaming] = useState<{ id: string; title: string }>();\n  const canRename = source ? Boolean(source.rename) : Boolean(api);\n\n  const listUrl = query ? `${api}?${query}` : api;\n\n  const fetchThreads = useCallback(async () => {\n    setLoading(true);\n    try {\n      if (source) {\n        setThreads(await source.load());\n      } else {\n        const res = await fetch(listUrl);\n        if (res.ok) setThreads(await res.json());\n      }\n    } catch (err) {\n      console.warn(\"clicky-ui: failed to load threads\", err);\n    } finally {\n      setLoading(false);\n    }\n  }, [source, listUrl]);\n\n  useEffect(() => {\n    void fetchThreads();\n  }, [fetchThreads, refreshToken]);\n\n  const commitRename = useCallback(async () => {\n    if (!renaming) return;\n    const { id, title } = renaming;\n    setRenaming(undefined);\n    const trimmed = title.trim();\n    const previous = threads.find((t) => t.id === id)?.title ?? null;\n    if (!trimmed || trimmed === previous) return;\n    setThreads((prev) =>\n      prev.map((t) => (t.id === id ? { ...t, title: trimmed } : t)),\n    );\n    try {\n      if (source) {\n        await source.rename?.(id, trimmed);\n      } else {\n        const res = await fetch(`${api}/${id}`, {\n          method: \"PATCH\",\n          headers: { \"Content-Type\": \"application/json\" },\n          body: JSON.stringify({ title: trimmed }),\n        });\n        if (!res.ok) throw new Error(`rename failed with status ${res.status}`);\n      }\n    } catch (err) {\n      console.warn(\"clicky-ui: failed to rename thread\", err);\n      setThreads((prev) =>\n        prev.map((t) => (t.id === id ? { ...t, title: previous } : t)),\n      );\n    }\n  }, [api, renaming, source, threads]);\n\n  const handleDelete = useCallback(\n    async (id: string, e: React.MouseEvent) => {\n      e.stopPropagation();\n      try {\n        if (source) {\n          await source.remove?.(id);\n        } else {\n          await fetch(`${api}/${id}`, { method: \"DELETE\" });\n        }\n        setThreads((prev) => prev.filter((t) => t.id !== id));\n        if (id === threadId) onNew();\n      } catch (err) {\n        console.warn(\"clicky-ui: failed to delete thread\", err);\n      }\n    },\n    [source, api, threadId, onNew],\n  );\n\n  const current = threads.find((t) => t.id === threadId);\n  const label = current?.title || \"New Chat\";\n\n  return (\n    <DropdownMenu\n      align=\"left\"\n      className={className}\n      onOpenChange={(open) => {\n        if (open) void fetchThreads();\n      }}\n      menuClassName=\"min-w-[220px] max-w-[320px] max-h-72 overflow-y-auto\"\n      trigger={\n        <button\n          type=\"button\"\n          className=\"flex max-w-[200px] items-center gap-1 truncate rounded px-2 py-1 text-sm font-medium hover:bg-muted\"\n        >\n          <Icon icon={UiComment} className=\"size-3.5 shrink-0\" />\n          <span className=\"truncate\">{label}</span>\n          <Icon icon={UiChevronDown} className=\"size-3 shrink-0 opacity-50\" />\n        </button>\n      }\n    >\n      {(closeMenu) => (\n        <div className=\"py-1\">\n          <button\n            type=\"button\"\n            className=\"flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-popover-foreground hover:bg-accent\"\n            onClick={() => {\n              onNew();\n              closeMenu();\n            }}\n          >\n            <Icon icon={UiAdd} className=\"size-3\" /> New Chat\n          </button>\n          <div className=\"my-1 border-t border-border\" />\n          {loading && threads.length === 0 && (\n            <div className=\"px-3 py-1.5 text-xs text-muted-foreground\">\n              Loading…\n            </div>\n          )}\n          {threads.length === 0 && !loading && (\n            <div className=\"px-3 py-1.5 text-xs text-muted-foreground\">\n              No previous conversations\n            </div>\n          )}\n          {threads.map((t) => (\n            <div\n              key={t.id}\n              role=\"button\"\n              tabIndex={0}\n              className={cn(\n                \"group/thread flex w-full cursor-pointer items-center gap-2 px-3 py-1.5 text-left text-xs hover:bg-accent\",\n                t.id === threadId && \"font-semibold\",\n              )}\n              onClick={() => {\n                onSelect(t.id);\n                closeMenu();\n              }}\n              onKeyDown={(e) => {\n                if (e.key === \"Enter\" || e.key === \" \") {\n                  e.preventDefault();\n                  onSelect(t.id);\n                  closeMenu();\n                }\n              }}\n            >\n              <Icon icon={UiComment} className=\"size-3 shrink-0\" />\n              {renaming?.id === t.id ? (\n                <input\n                  autoFocus\n                  aria-label=\"Conversation title\"\n                  className=\"flex-1 rounded border border-border bg-background px-1 py-0.5 text-xs\"\n                  value={renaming.title}\n                  onClick={(e) => e.stopPropagation()}\n                  onChange={(e) =>\n                    setRenaming({ id: t.id, title: e.target.value })\n                  }\n                  onBlur={() => setRenaming(undefined)}\n                  onKeyDown={(e) => {\n                    e.stopPropagation();\n                    if (e.key === \"Enter\") void commitRename();\n                    if (e.key === \"Escape\") setRenaming(undefined);\n                  }}\n                />\n              ) : (\n                <span className=\"flex-1 truncate\">{t.title || \"Untitled\"}</span>\n              )}\n              {t.totalCostUsd != null && t.totalCostUsd > 0 && (\n                <span className=\"shrink-0 text-[10px] text-muted-foreground\">\n                  ${t.totalCostUsd.toFixed(2)}\n                </span>\n              )}\n              {canRename && renaming?.id !== t.id && (\n                <button\n                  type=\"button\"\n                  aria-label=\"Rename conversation\"\n                  className=\"shrink-0 rounded p-0.5 text-muted-foreground opacity-0 hover:text-foreground group-hover/thread:opacity-100\"\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    setRenaming({ id: t.id, title: t.title ?? \"\" });\n                  }}\n                >\n                  <Icon icon={UiPencilSimpleLine} className=\"size-3\" />\n                </button>\n              )}\n              <button\n                type=\"button\"\n                aria-label=\"Delete conversation\"\n                className=\"shrink-0 rounded p-0.5 text-muted-foreground opacity-0 hover:text-destructive group-hover/thread:opacity-100\"\n                onClick={(e) => void handleDelete(t.id, e)}\n              >\n                <Icon icon={UiTrash} className=\"size-3\" />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n"],"names":["useState","useCallback","useEffect","jsx","DropdownMenu","jsxs","Icon","UiComment","UiChevronDown","UiAdd","cn","UiPencilSimpleLine","UiTrash"],"mappings":"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"}

package/dist/data/ai/ThreadPicker.d.ts

@@ -1,4 +1,4 @@
-/** One conversation as returned by the threads endpoint. Only `id` is required;
+/** One conversation as returned by the sessions endpoint. Only `id` is required;
  *  `title`/cost are rendered when present so the picker works against minimal
  *  backends (e.g. clicky's in-memory ThreadStore, which has no cost). */
 export interface ThreadSummary {
@@ -17,23 +17,29 @@ export interface ThreadSource {
     create?: () => Promise<ThreadSummary>;
     /** Deletes a conversation. Omit to hide the delete affordance's effect. */
     remove?: (id: string) => Promise<void>;
+    /** Renames a conversation. Omit to hide the rename affordance. */
+    rename?: (id: string, title: string) => Promise<void>;
 }
 export type ThreadPickerProps = {
     /** Currently selected thread, or null for an unsaved/new conversation. */
     threadId: string | null;
     onSelect: (threadId: string) => void;
     onNew: () => void;
-    /** Base endpoint for thread CRUD. GET lists, `${api}/${id}` DELETE removes.
-     *  Defaults to clicky's "/api/chat/threads". Ignored when `source` is set. */
+    /** Base endpoint for session CRUD. GET lists, `${api}/${id}` DELETE removes
+     *  and PATCH renames. Defaults to Captain's "/api/chat/sessions". Ignored when
+     *  `source` is set. */
     api?: string;
-    /** Inject the thread list/delete directly instead of fetching `api`. */
+    /** Inject the thread list/delete/rename directly instead of fetching `api`. */
     source?: ThreadSource;
     /** Optional query string appended to the list request (e.g. a scope id). */
     query?: string;
+    /** Changing this refetches the list, so a title the backend derived during a
+     *  turn appears without reopening the menu. */
+    refreshToken?: number;
     className?: string;
 };
 /** A dropdown to switch between, create, and delete conversation threads. The
  *  list is (re)fetched whenever the menu opens, so newly-persisted threads
  *  appear without a manual refresh. */
-export declare function ThreadPicker({ threadId, onSelect, onNew, api, source, query, className, }: ThreadPickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function ThreadPicker({ threadId, onSelect, onNew, api, source, query, refreshToken, className, }: ThreadPickerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ThreadPicker.d.ts.map

package/dist/data/ai/ThreadPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadPicker.d.ts","sourceRoot":"","sources":["../../../src/data/ai/ThreadPicker.tsx"],"names":[],"mappings":"AAMA;;yEAEyE;AACzE,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;iFAEiF;AACjF,MAAM,WAAW,YAAY;IAC3B,0EAA0E;IAC1E,IAAI,EAAE,MAAM,OAAO,CAAC,aAAa,EAAE,CAAC,CAAC;IACrC,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,OAAO,CAAC,aAAa,CAAC,CAAC;IACtC,2EAA2E;IAC3E,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACxC;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,0EAA0E;IAC1E,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB;kFAC8E;IAC9E,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wEAAwE;IACxE,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;uCAEuC;AACvC,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,GAAyB,EACzB,MAAM,EACN,KAAK,EACL,SAAc,GACf,EAAE,iBAAiB,2CAmInB"}
+{"version":3,"file":"ThreadPicker.d.ts","sourceRoot":"","sources":["../../../src/data/ai/ThreadPicker.tsx"],"names":[],"mappings":"AAYA;;yEAEyE;AACzE,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;iFAEiF;AACjF,MAAM,WAAW,YAAY;IAC3B,0EAA0E;IAC1E,IAAI,EAAE,MAAM,OAAO,CAAC,aAAa,EAAE,CAAC,CAAC;IACrC,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,OAAO,CAAC,aAAa,CAAC,CAAC;IACtC,2EAA2E;IAC3E,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,kEAAkE;IAClE,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACvD;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,0EAA0E;IAC1E,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB;;2BAEuB;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+EAA+E;IAC/E,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;mDAC+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;uCAEuC;AACvC,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,GAA0B,EAC1B,MAAM,EACN,KAAK,EACL,YAAY,EACZ,SAAc,GACf,EAAE,iBAAiB,2CAkMnB"}