@flanksource/clicky-ui 0.3.23 → 0.3.24

package/dist/data/runtime/RuntimeBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"RuntimeBar.js","sources":["../../../src/data/runtime/RuntimeBar.tsx"],"sourcesContent":["import { DEFAULT_REASONING_EFFORTS } from \"../chat/effort-icons\";\nimport type { ChatModel, ChatModelRuntime } from \"../chat/types\";\nimport { runtimeModelMatches } from \"./RuntimeBar.model\";\nimport { RuntimeBarCombo } from \"./RuntimeBarCombo\";\nimport { RuntimeBarSegments } from \"./RuntimeBarSegments\";\nimport { isSelectableModel } from \"./availability\";\nimport {\n  effortOptionsForModel,\n  reconcileModelCapabilities,\n} from \"./model-capabilities\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  backendForFamilyMode,\n  familyById,\n  firstMode,\n  modelBelongsToFamily,\n  modelsForFamily,\n  selectionForBackend,\n  type SpecRuntimeFamily,\n} from \"./runtime-mode\";\n\nexport type RuntimeBarValue = ChatModelRuntime & {\n  cliArgs?: Record<string, unknown>;\n};\n\nexport type RuntimeBarProps<T extends RuntimeBarValue = RuntimeBarValue> = {\n  value: T;\n  onChange: (value: T) => void;\n  /** `segmented` uses field triggers; `combo` uses one direct-edit menu. */\n  variant?: \"combo\" | \"segmented\";\n  /** Model catalog. Only the selected family's models are listed; a family the\n   *  catalog does not describe is served by the segment's free-text entry. */\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n  /** Effort tiers offered when the catalog does not describe the model. */\n  reasoningEfforts?: string[] | undefined;\n  ariaLabel?: string | undefined;\n  className?: string | undefined;\n};\n\n/** Self-describing runtime controls with segmented and combo presentations. */\nexport function RuntimeBar<T extends RuntimeBarValue>({\n  value,\n  onChange,\n  variant = \"segmented\",\n  models = [],\n  families = SPEC_RUNTIME_FAMILIES,\n  reasoningEfforts = DEFAULT_REASONING_EFFORTS,\n  ariaLabel = \"Runtime\",\n  className,\n}: RuntimeBarProps<T>) {\n  const selection = selectionForBackend(families, value.backend);\n  const family = familyById(families, selection.family);\n  const mode =\n    family.modes.find((entry) => entry.id === selection.mode) ??\n    firstMode(family);\n  const modelOptions = modelsForFamily(models, family, value.backend);\n  const selectedModel = models.find(\n    (entry) =>\n      isSelectableModel(entry) &&\n      entry.runtime?.backend === value.backend &&\n      runtimeModelMatches(entry, value)\n  );\n  const resolvedModel =\n    selectedModel ??\n    models.find(\n      (entry) => isSelectableModel(entry) && runtimeModelMatches(entry, value)\n    );\n  const selectedModelUnavailable = Boolean(\n    value.model &&\n      models.some(\n        (entry) =>\n          !isSelectableModel(entry) && runtimeModelMatches(entry, value)\n      )\n  );\n  const supportedEfforts = effortOptionsForModel(\n    resolvedModel,\n    reasoningEfforts\n  );\n\n  const applyBackend = (familyId: string, modeId: string) => {\n    const backend = backendForFamilyMode(families, familyId, modeId);\n    if (backend === (value.backend ?? \"\")) return;\n    let next = withOptionalRuntimeValue(\n      withRuntimeValue(value, { backend }),\n      \"cliArgs\",\n      undefined\n    );\n    if (\n      !modelBelongsToFamily(\n        value.model,\n        models,\n        familyById(families, familyId),\n        backend\n      )\n    ) {\n      next = withoutCatalogModel(next);\n    }\n    onChange(next);\n  };\n\n  const applyCustomModel = (model: string) =>\n    onChange(\n      withOptionalRuntimeValue(withoutCatalogModel(value), \"model\", model)\n    );\n  // A menu row carries the backend of the catalog it was listed under, and one\n  // catalog serves several backends — claude-cli and claude-cmux models are\n  // listed as claude-agent rows. Copying the row's runtime verbatim would let\n  // picking a model silently move the user off the mode they chose, so a row\n  // drawn from the selected mode's own catalog keeps that mode.\n  const applyModel = (model: ChatModel) => {\n    const next = reconcileModelCapabilities(value, model, reasoningEfforts);\n    if (!mode.provider || model.provider !== mode.provider) {\n      onChange(next);\n      return;\n    }\n    onChange(\n      withOptionalRuntimeValue(\n        withOptionalRuntimeValue(next, \"backend\", mode.backend),\n        \"mode\",\n        mode.id\n      )\n    );\n  };\n  const clearModel = () => onChange(withoutCatalogModel(value));\n  const applyEffort = (effort: string) =>\n    onChange(withOptionalRuntimeValue(value, \"effort\", effort));\n\n  if (variant === \"combo\") {\n    return (\n      <RuntimeBarCombo\n        value={value}\n        families={families}\n        family={family}\n        mode={mode}\n        selectedMode={selection.mode}\n        models={modelOptions}\n        selectedModel={resolvedModel}\n        selectedModelUnavailable={selectedModelUnavailable}\n        supportedEfforts={supportedEfforts}\n        ariaLabel={ariaLabel}\n        className={className}\n        onFamilyChange={(familyId) => applyBackend(familyId, selection.mode)}\n        onModeChange={(modeId) => applyBackend(family.id, modeId)}\n        onModelSelect={applyModel}\n        onModelClear={clearModel}\n        onEffortChange={applyEffort}\n      />\n    );\n  }\n\n  return (\n    <RuntimeBarSegments\n      value={value}\n      models={models}\n      modelOptions={modelOptions}\n      resolvedModel={resolvedModel}\n      selectedModelUnavailable={selectedModelUnavailable}\n      families={families}\n      family={family}\n      mode={mode}\n      selectedMode={selection.mode}\n      reasoningEfforts={reasoningEfforts}\n      supportedEfforts={supportedEfforts}\n      ariaLabel={ariaLabel}\n      className={className}\n      onBackendChange={applyBackend}\n      onCustomModel={applyCustomModel}\n      onModelSelect={applyModel}\n      onModelClear={clearModel}\n      onEffortChange={applyEffort}\n    />\n  );\n}\n\nfunction withoutCatalogModel<T extends RuntimeBarValue>(value: T): T {\n  return withOptionalRuntimeValue(\n    withOptionalRuntimeValue(value, \"model\", undefined),\n    \"id\",\n    undefined\n  );\n}\n\nfunction withRuntimeValue<T extends RuntimeBarValue>(\n  value: T,\n  patch: Partial<RuntimeBarValue>\n): T {\n  return { ...value, ...patch };\n}\n\nfunction withOptionalRuntimeValue<T extends RuntimeBarValue>(\n  value: T,\n  key: keyof RuntimeBarValue,\n  next: unknown\n): T {\n  const updated = { ...value } as Record<string, unknown>;\n  if (next === undefined || next === \"\") {\n    delete updated[key];\n  } else {\n    updated[key] = next;\n  }\n  return updated as T;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"RuntimeBar.js","sources":["../../../src/data/runtime/RuntimeBar.tsx"],"sourcesContent":["import { DEFAULT_REASONING_EFFORTS } from \"../chat/effort-icons\";\nimport type { ChatModel, ChatModelRuntime } from \"../chat/types\";\nimport { runtimeModelMatches } from \"./RuntimeBar.model\";\nimport { RuntimeBarCombo } from \"./RuntimeBarCombo\";\nimport { RuntimeBarSegments } from \"./RuntimeBarSegments\";\nimport { isSelectableModel } from \"./availability\";\nimport {\n  effortOptionsForModel,\n  reconcileModelCapabilities,\n} from \"./model-capabilities\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  backendForFamilyMode,\n  familyById,\n  firstMode,\n  modelBelongsToFamily,\n  modelsForFamily,\n  selectionForBackend,\n  type SpecRuntimeFamily,\n} from \"./runtime-mode\";\n\nexport type RuntimeBarValue = ChatModelRuntime & {\n  cliArgs?: Record<string, unknown>;\n};\n\nexport type RuntimeBarProps<T extends RuntimeBarValue = RuntimeBarValue> = {\n  value: T;\n  onChange: (value: T) => void;\n  /** `segmented` uses field triggers; `combo` uses one direct-edit menu. */\n  variant?: \"combo\" | \"segmented\";\n  /** Model catalog. Only the selected family's models are listed; a family the\n   *  catalog does not describe is served by the segment's free-text entry. */\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n  /** Effort tiers offered when the catalog does not describe the model. */\n  reasoningEfforts?: string[] | undefined;\n  /** Locks model identity (family, backend, and model) while leaving effort editable. */\n  locked?: boolean | undefined;\n  ariaLabel?: string | undefined;\n  className?: string | undefined;\n};\n\n/** Self-describing runtime controls with segmented and combo presentations. */\nexport function RuntimeBar<T extends RuntimeBarValue>({\n  value,\n  onChange,\n  variant = \"segmented\",\n  models = [],\n  families = SPEC_RUNTIME_FAMILIES,\n  reasoningEfforts = DEFAULT_REASONING_EFFORTS,\n  locked = false,\n  ariaLabel = \"Runtime\",\n  className,\n}: RuntimeBarProps<T>) {\n  const selection = selectionForBackend(families, value.backend);\n  const family = familyById(families, selection.family);\n  const mode =\n    family.modes.find((entry) => entry.id === selection.mode) ??\n    firstMode(family);\n  const modelOptions = modelsForFamily(models, family, value.backend);\n  const selectedModel = models.find(\n    (entry) =>\n      isSelectableModel(entry) &&\n      entry.runtime?.backend === value.backend &&\n      runtimeModelMatches(entry, value),\n  );\n  const resolvedModel =\n    selectedModel ??\n    models.find(\n      (entry) => isSelectableModel(entry) && runtimeModelMatches(entry, value),\n    );\n  const selectedModelUnavailable = Boolean(\n    value.model &&\n    models.some(\n      (entry) => !isSelectableModel(entry) && runtimeModelMatches(entry, value),\n    ),\n  );\n  const supportedEfforts = effortOptionsForModel(\n    resolvedModel,\n    reasoningEfforts,\n  );\n\n  const applyBackend = (familyId: string, modeId: string) => {\n    const backend = backendForFamilyMode(families, familyId, modeId);\n    if (backend === (value.backend ?? \"\")) return;\n    let next = withOptionalRuntimeValue(\n      withRuntimeValue(value, { backend }),\n      \"cliArgs\",\n      undefined,\n    );\n    if (\n      !modelBelongsToFamily(\n        value.model,\n        models,\n        familyById(families, familyId),\n        backend,\n      )\n    ) {\n      next = withoutCatalogModel(next);\n    }\n    onChange(next);\n  };\n\n  const applyCustomModel = (model: string) =>\n    onChange(\n      withOptionalRuntimeValue(withoutCatalogModel(value), \"model\", model),\n    );\n  // A menu row carries the backend of the catalog it was listed under, and one\n  // catalog serves several backends — claude-cli and claude-cmux models are\n  // listed as claude-agent rows. Copying the row's runtime verbatim would let\n  // picking a model silently move the user off the mode they chose, so a row\n  // drawn from the selected mode's own catalog keeps that mode.\n  const applyModel = (model: ChatModel) => {\n    const next = reconcileModelCapabilities(value, model, reasoningEfforts);\n    if (!mode.provider || model.provider !== mode.provider) {\n      onChange(next);\n      return;\n    }\n    onChange(\n      withOptionalRuntimeValue(\n        withOptionalRuntimeValue(next, \"backend\", mode.backend),\n        \"mode\",\n        mode.id,\n      ),\n    );\n  };\n  const clearModel = () => onChange(withoutCatalogModel(value));\n  const applyEffort = (effort: string) =>\n    onChange(withOptionalRuntimeValue(value, \"effort\", effort));\n\n  if (variant === \"combo\") {\n    return (\n      <RuntimeBarCombo\n        value={value}\n        families={families}\n        family={family}\n        mode={mode}\n        selectedMode={selection.mode}\n        models={modelOptions}\n        selectedModel={resolvedModel}\n        selectedModelUnavailable={selectedModelUnavailable}\n        supportedEfforts={supportedEfforts}\n        locked={locked}\n        ariaLabel={ariaLabel}\n        className={className}\n        onFamilyChange={(familyId) => applyBackend(familyId, selection.mode)}\n        onModeChange={(modeId) => applyBackend(family.id, modeId)}\n        onModelSelect={applyModel}\n        onModelClear={clearModel}\n        onEffortChange={applyEffort}\n      />\n    );\n  }\n\n  return (\n    <RuntimeBarSegments\n      value={value}\n      models={models}\n      modelOptions={modelOptions}\n      resolvedModel={resolvedModel}\n      selectedModelUnavailable={selectedModelUnavailable}\n      families={families}\n      family={family}\n      mode={mode}\n      selectedMode={selection.mode}\n      reasoningEfforts={reasoningEfforts}\n      supportedEfforts={supportedEfforts}\n      locked={locked}\n      ariaLabel={ariaLabel}\n      className={className}\n      onBackendChange={applyBackend}\n      onCustomModel={applyCustomModel}\n      onModelSelect={applyModel}\n      onModelClear={clearModel}\n      onEffortChange={applyEffort}\n    />\n  );\n}\n\nfunction withoutCatalogModel<T extends RuntimeBarValue>(value: T): T {\n  return withOptionalRuntimeValue(\n    withOptionalRuntimeValue(value, \"model\", undefined),\n    \"id\",\n    undefined,\n  );\n}\n\nfunction withRuntimeValue<T extends RuntimeBarValue>(\n  value: T,\n  patch: Partial<RuntimeBarValue>,\n): T {\n  return { ...value, ...patch };\n}\n\nfunction withOptionalRuntimeValue<T extends RuntimeBarValue>(\n  value: T,\n  key: keyof RuntimeBarValue,\n  next: unknown,\n): T {\n  const updated = { ...value } as Record<string, unknown>;\n  if (next === undefined || next === \"\") {\n    delete updated[key];\n  } else {\n    updated[key] = next;\n  }\n  return updated as T;\n}\n"],"names":[],"mappings":"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"}

package/dist/data/runtime/RuntimeBarCombo.cjs

@@ -22,6 +22,7 @@ function RuntimeBarCombo({
   selectedModel,
   selectedModelUnavailable,
   supportedEfforts,
+  locked,
   ariaLabel,
   className,
   onFamilyChange,
@@ -34,7 +35,7 @@ function RuntimeBarCombo({
   const modelLabel = selectedModelUnavailable ? "Unavailable selection" : (selectedModel == null ? void 0 : selectedModel.label) ?? value.model ?? "Prompt default";
   const effortLabel = value.effort ? effortIcons.effortLevelLabel(value.effort) : "None";
   const effortIcon = value.effort ? effortIcons.effortLevelIcon(value.effort) : void 0;
-  const summary = `${ariaLabel}: ${family.label}, ${mode.label}, ${modelLabel}, effort ${effortLabel}`;
+  const summary = `${ariaLabel}: ${family.label}, ${mode.label}, ${modelLabel}, effort ${effortLabel}${locked ? ". Model and backend are locked for this conversation; fork it to change them" : ""}`;
   return /* @__PURE__ */ jsxRuntime.jsx(
     DropdownMenu.DropdownMenu,
     {
@@ -89,11 +90,13 @@ function RuntimeBarCombo({
       ),
       children: () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-1 text-xs", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2 border-b border-border px-2 pb-3 pt-2", children: [
+          locked && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded bg-muted px-2 py-1.5 text-[11px] text-muted-foreground", children: "Model and backend are locked. Fork this conversation to change them." }),
           /* @__PURE__ */ jsxRuntime.jsx(
             FamilySegments,
             {
               families,
               value: family.id,
+              locked,
               onChange: onFamilyChange
             }
           ),
@@ -102,6 +105,7 @@ function RuntimeBarCombo({
             {
               family,
               value: selectedMode,
+              locked,
               onChange: onModeChange
             }
           ),
@@ -120,6 +124,7 @@ function RuntimeBarCombo({
             models,
             familyBrand: brand,
             selectedId: (selectedModel == null ? void 0 : selectedModel.id) ?? value.model,
+            locked,
             onSelect: onModelSelect,
             onClear: onModelClear
           }
@@ -131,6 +136,7 @@ function RuntimeBarCombo({
 function FamilySegments({
   families,
   value,
+  locked,
   onChange
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -149,6 +155,7 @@ function FamilySegments({
         return {
           id: family.id,
           label: family.label,
+          disabled: locked,
           ...brand.icon ? { icon: brand.icon } : {}
         };
       })
@@ -158,6 +165,7 @@ function FamilySegments({
 function ModeSegments({
   family,
   value,
+  locked,
   onChange
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -171,6 +179,7 @@ function ModeSegments({
       options: family.modes.filter((mode) => !availability.isUnavailable(mode.availability)).map((mode) => ({
         id: mode.id,
         label: mode.label,
+        disabled: locked,
         ...mode.title ? { title: mode.title } : {},
         ...mode.icon ? { icon: mode.icon } : {}
       }))
@@ -181,6 +190,7 @@ function ModelChoices({
   models,
   familyBrand,
   selectedId,
+  locked,
   onSelect,
   onClear
 }) {
@@ -190,6 +200,7 @@ function ModelChoices({
       {
         label: "Prompt default",
         selected: !selectedId,
+        disabled: locked,
         onClick: onClear
       }
     ),
@@ -201,6 +212,7 @@ function ModelChoices({
           label: model.label,
           title: model.id,
           selected: model.id === selectedId,
+          disabled: locked,
           ...icon ? {
             icon,
             iconColor: providerIcons.providerIconColor(model.provider) ?? familyBrand.color
@@ -217,6 +229,7 @@ function ModelChoice({
   title,
   detail,
   selected,
+  disabled,
   icon,
   iconColor,
   onClick
@@ -226,6 +239,7 @@ function ModelChoice({
     {
       variant: "ghost",
       type: "button",
+      disabled,
       onClick,
       "aria-label": detail ? `${label}. ${detail}` : label,
       ...title ? { title } : {},

package/dist/data/runtime/RuntimeBarCombo.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RuntimeBarCombo.cjs","sources":["../../../src/data/runtime/RuntimeBarCombo.tsx"],"sourcesContent":["import { Button } from \"../../components/button\";\nimport { SegmentedControl } from \"../../components/SegmentedControl\";\nimport { UiCheck, UiChevronDown } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Icon } from \"../Icon\";\nimport {\n  effortLevelColor,\n  effortLevelIcon,\n  effortLevelLabel,\n} from \"../chat/effort-icons\";\nimport { providerIcon, providerIconColor } from \"../chat/provider-icons\";\nimport type { ChatModel } from \"../chat/types\";\nimport type { RuntimeBarValue } from \"./RuntimeBar\";\nimport { runtimeFamilyBrand } from \"./RuntimeBar.model\";\nimport { isUnavailable } from \"./availability\";\nimport {\n  type SpecRuntimeFamily,\n  type SpecRuntimeModeOption,\n} from \"./runtime-mode\";\n\nexport type RuntimeBarComboProps = {\n  value: RuntimeBarValue;\n  families: SpecRuntimeFamily[];\n  family: SpecRuntimeFamily;\n  mode: SpecRuntimeModeOption;\n  selectedMode: string;\n  models: ChatModel[];\n  selectedModel: ChatModel | undefined;\n  selectedModelUnavailable: boolean;\n  supportedEfforts: string[];\n  ariaLabel: string;\n  className?: string | undefined;\n  onFamilyChange: (familyId: string) => void;\n  onModeChange: (modeId: string) => void;\n  onModelSelect: (model: ChatModel) => void;\n  onModelClear: () => void;\n  onEffortChange: (effort: string) => void;\n};\n\nexport function RuntimeBarCombo({\n  value,\n  families,\n  family,\n  mode,\n  selectedMode,\n  models,\n  selectedModel,\n  selectedModelUnavailable,\n  supportedEfforts,\n  ariaLabel,\n  className,\n  onFamilyChange,\n  onModeChange,\n  onModelSelect,\n  onModelClear,\n  onEffortChange,\n}: RuntimeBarComboProps) {\n  const brand = runtimeFamilyBrand(family);\n  const modelLabel = selectedModelUnavailable\n    ? \"Unavailable selection\"\n    : selectedModel?.label ?? value.model ?? \"Prompt default\";\n  const effortLabel = value.effort ? effortLevelLabel(value.effort) : \"None\";\n  const effortIcon = value.effort ? effortLevelIcon(value.effort) : undefined;\n  const summary = `${ariaLabel}: ${family.label}, ${mode.label}, ${modelLabel}, effort ${effortLabel}`;\n\n  return (\n    <DropdownMenu\n      align=\"left\"\n      menuLabel={`${ariaLabel} controls`}\n      {...(className ? { className } : {})}\n      menuClassName=\"max-h-[70vh] w-80 max-w-[calc(100vw-24px)] overflow-y-auto\"\n      trigger={\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          title={summary}\n          aria-label={summary}\n          className=\"max-w-full gap-1.5 px-density-2\"\n        >\n          {brand.icon && (\n            <Icon\n              icon={brand.icon}\n              className={cn(\"size-4 shrink-0\", brand.color)}\n            />\n          )}\n          {mode.icon && (\n            <Icon\n              icon={mode.icon}\n              className=\"size-4 shrink-0 text-muted-foreground\"\n            />\n          )}\n          <span className=\"min-w-0 truncate text-xs font-semibold text-foreground\">\n            {modelLabel}\n          </span>\n          {effortIcon && (\n            <Icon\n              icon={effortIcon}\n              className={cn(\n                \"size-4 shrink-0\",\n                value.effort ? effortLevelColor(value.effort) : undefined\n              )}\n            />\n          )}\n          <Icon\n            icon={UiChevronDown}\n            className=\"size-3 shrink-0 text-muted-foreground/70\"\n          />\n        </Button>\n      }\n    >\n      {() => (\n        <div className=\"p-1 text-xs\">\n          <div className=\"space-y-2 border-b border-border px-2 pb-3 pt-2\">\n            <FamilySegments\n              families={families}\n              value={family.id}\n              onChange={onFamilyChange}\n            />\n            <ModeSegments\n              family={family}\n              value={selectedMode}\n              onChange={onModeChange}\n            />\n            <EffortSlider\n              value={value.effort}\n              efforts={supportedEfforts}\n              onChange={onEffortChange}\n            />\n          </div>\n          <ModelChoices\n            models={models}\n            familyBrand={brand}\n            selectedId={selectedModel?.id ?? value.model}\n            onSelect={onModelSelect}\n            onClear={onModelClear}\n          />\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n\nfunction FamilySegments({\n  families,\n  value,\n  onChange,\n}: {\n  families: SpecRuntimeFamily[];\n  value: string;\n  onChange: (familyId: string) => void;\n}) {\n  return (\n    <SegmentedControl\n      aria-label=\"Family\"\n      size=\"sm\"\n      wrap\n      value={value}\n      onChange={onChange}\n      className=\"w-full\"\n      options={families\n        .filter((family) =>\n          family.modes.some((mode) => !isUnavailable(mode.availability))\n        )\n        .map((family) => {\n          const brand = runtimeFamilyBrand(family);\n          return {\n            id: family.id,\n            label: family.label,\n            ...(brand.icon ? { icon: brand.icon } : {}),\n          };\n        })}\n    />\n  );\n}\n\nfunction ModeSegments({\n  family,\n  value,\n  onChange,\n}: {\n  family: SpecRuntimeFamily;\n  value: string;\n  onChange: (modeId: string) => void;\n}) {\n  return (\n    <SegmentedControl\n      aria-label=\"Runtime mode\"\n      size=\"sm\"\n      value={value}\n      onChange={onChange}\n      className=\"w-full\"\n      options={family.modes\n        .filter((mode) => !isUnavailable(mode.availability))\n        .map((mode) => ({\n          id: mode.id,\n          label: mode.label,\n          ...(mode.title ? { title: mode.title } : {}),\n          ...(mode.icon ? { icon: mode.icon } : {}),\n        }))}\n    />\n  );\n}\n\nfunction ModelChoices({\n  models,\n  familyBrand,\n  selectedId,\n  onSelect,\n  onClear,\n}: {\n  models: ChatModel[];\n  familyBrand: ReturnType<typeof runtimeFamilyBrand>;\n  selectedId?: string | undefined;\n  onSelect: (model: ChatModel) => void;\n  onClear: () => void;\n}) {\n  return (\n    <div className=\"space-y-0.5 py-1\">\n      <ModelChoice\n        label=\"Prompt default\"\n        selected={!selectedId}\n        onClick={onClear}\n      />\n      {models.map((model) => {\n        const icon = providerIcon(model.provider) ?? familyBrand.icon;\n        return (\n          <ModelChoice\n            key={model.id}\n            label={model.label}\n            title={model.id}\n            selected={model.id === selectedId}\n            {...(icon\n              ? {\n                  icon,\n                  iconColor:\n                    providerIconColor(model.provider) ?? familyBrand.color,\n                }\n              : {})}\n            onClick={() => onSelect(model)}\n          />\n        );\n      })}\n    </div>\n  );\n}\n\nfunction ModelChoice({\n  label,\n  title,\n  detail,\n  selected,\n  icon,\n  iconColor,\n  onClick,\n}: {\n  label: string;\n  title?: string | undefined;\n  detail?: string | undefined;\n  selected: boolean;\n  icon?: NonNullable<ReturnType<typeof providerIcon>>;\n  iconColor?: string | undefined;\n  onClick: () => void;\n}) {\n  return (\n    <Button\n      variant=\"ghost\"\n      type=\"button\"\n      onClick={onClick}\n      aria-label={detail ? `${label}. ${detail}` : label}\n      {...(title ? { title } : {})}\n      className=\"group flex min-h-8 w-full items-center justify-start gap-2 rounded-md px-2 py-1.5 text-left hover:bg-muted\"\n    >\n      {icon ? (\n        <span className=\"inline-flex size-6 shrink-0 items-center justify-center rounded-md bg-muted/70 ring-1 ring-border/60 group-hover:bg-background\">\n          <Icon icon={icon} className={cn(\"size-3.5\", iconColor)} />\n        </span>\n      ) : (\n        <span className=\"size-6 shrink-0\" />\n      )}\n      <span className=\"min-w-0 flex-1\">\n        <span\n          className={cn(\"block truncate text-sm\", selected && \"font-semibold\")}\n        >\n          {label}\n        </span>\n        {detail && (\n          <span className=\"block whitespace-normal text-[11px] leading-4 text-muted-foreground\">\n            {detail}\n          </span>\n        )}\n      </span>\n      <Icon\n        icon={UiCheck}\n        className={cn(\n          \"size-3.5 shrink-0 text-primary\",\n          !selected && \"invisible\"\n        )}\n      />\n    </Button>\n  );\n}\n\nfunction EffortSlider({\n  value,\n  efforts,\n  onChange,\n}: {\n  value?: string | undefined;\n  efforts: string[];\n  onChange: (effort: string) => void;\n}) {\n  const supported = [\n    ...new Set(efforts.map((effort) => effort.trim()).filter(Boolean)),\n  ];\n  if (supported.length === 0) {\n    return (\n      <div className=\"flex h-8 items-center justify-center text-[11px] text-muted-foreground\">\n        Fixed effort for this model\n      </div>\n    );\n  }\n\n  const options = [\"\", ...supported];\n  const current = value?.trim() ?? \"\";\n  const currentIndex = options.indexOf(current);\n  const sliderIndex = currentIndex >= 0 ? currentIndex : 0;\n  const label =\n    currentIndex >= 0\n      ? current\n        ? effortLevelLabel(current)\n        : \"None\"\n      : `${effortLevelLabel(current)} unsupported`;\n  const percent = (sliderIndex / (options.length - 1)) * 100;\n  const firstIcon = effortLevelIcon(supported[0]!);\n  const lastIcon = effortLevelIcon(supported[supported.length - 1]!);\n  const selectedIcon = current ? effortLevelIcon(current) : undefined;\n\n  return (\n    <div\n      className=\"grid grid-cols-[auto_minmax(0,1fr)_auto] items-start gap-1.5\"\n      aria-label=\"Model effort\"\n    >\n      {firstIcon ? (\n        <Icon\n          icon={firstIcon}\n          className={cn(\"mt-3 size-3.5\", effortLevelColor(supported[0]!))}\n        />\n      ) : (\n        <span className=\"size-3.5\" />\n      )}\n      <div className=\"relative h-11 pt-1\">\n        <input\n          type=\"range\"\n          min={0}\n          max={options.length - 1}\n          step={1}\n          value={sliderIndex}\n          aria-label=\"Reasoning effort\"\n          aria-valuetext={label}\n          aria-invalid={currentIndex < 0}\n          onChange={(event) => {\n            const next = options[Number(event.target.value)];\n            if (next === undefined) {\n              throw new Error(\n                `Invalid reasoning effort index: ${event.target.value}`\n              );\n            }\n            onChange(next);\n          }}\n          className=\"h-1 w-full cursor-pointer appearance-none rounded-full bg-muted accent-foreground [&::-moz-range-thumb]:size-3 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-2 [&::-moz-range-thumb]:border-background [&::-moz-range-thumb]:bg-foreground [&::-webkit-slider-thumb]:size-3 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-background [&::-webkit-slider-thumb]:bg-foreground [&::-webkit-slider-thumb]:shadow-sm\"\n        />\n        <span\n          aria-hidden=\"true\"\n          className=\"pointer-events-none absolute top-7 -translate-x-1/2\"\n          style={{ left: `${percent}%` }}\n        >\n          <span\n            className={cn(\n              \"inline-flex h-5 shrink-0 items-center gap-1 rounded-full border px-1.5 text-[10px] font-semibold leading-none\",\n              currentIndex < 0\n                ? \"border-destructive/25 bg-destructive/10 text-destructive\"\n                : current\n                ? cn(\"border-current/25 bg-muted\", effortLevelColor(current))\n                : \"border-border bg-muted text-muted-foreground\"\n            )}\n            title={`Effort: ${label}`}\n          >\n            {selectedIcon && <Icon icon={selectedIcon} className=\"size-3\" />}\n            {label}\n          </span>\n        </span>\n      </div>\n      {lastIcon ? (\n        <Icon\n          icon={lastIcon}\n          className={cn(\n            \"mt-3 size-3.5\",\n            effortLevelColor(supported[supported.length - 1]!)\n          )}\n        />\n      ) : (\n        <span className=\"size-3.5\" />\n      )}\n    </div>\n  );\n}\n"],"names":["runtimeFamilyBrand","effortLevelLabel","effortLevelIcon","jsx","DropdownMenu","jsxs","Button","Icon","cn","effortLevelColor","UiChevronDown","SegmentedControl","isUnavailable","providerIcon","providerIconColor","UiCheck"],"mappings":"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"}
+{"version":3,"file":"RuntimeBarCombo.cjs","sources":["../../../src/data/runtime/RuntimeBarCombo.tsx"],"sourcesContent":["import { Button } from \"../../components/button\";\nimport { SegmentedControl } from \"../../components/SegmentedControl\";\nimport { UiCheck, UiChevronDown } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Icon } from \"../Icon\";\nimport {\n  effortLevelColor,\n  effortLevelIcon,\n  effortLevelLabel,\n} from \"../chat/effort-icons\";\nimport { providerIcon, providerIconColor } from \"../chat/provider-icons\";\nimport type { ChatModel } from \"../chat/types\";\nimport type { RuntimeBarValue } from \"./RuntimeBar\";\nimport { runtimeFamilyBrand } from \"./RuntimeBar.model\";\nimport { isUnavailable } from \"./availability\";\nimport {\n  type SpecRuntimeFamily,\n  type SpecRuntimeModeOption,\n} from \"./runtime-mode\";\n\nexport type RuntimeBarComboProps = {\n  value: RuntimeBarValue;\n  families: SpecRuntimeFamily[];\n  family: SpecRuntimeFamily;\n  mode: SpecRuntimeModeOption;\n  selectedMode: string;\n  models: ChatModel[];\n  selectedModel: ChatModel | undefined;\n  selectedModelUnavailable: boolean;\n  supportedEfforts: string[];\n  locked: boolean;\n  ariaLabel: string;\n  className?: string | undefined;\n  onFamilyChange: (familyId: string) => void;\n  onModeChange: (modeId: string) => void;\n  onModelSelect: (model: ChatModel) => void;\n  onModelClear: () => void;\n  onEffortChange: (effort: string) => void;\n};\n\nexport function RuntimeBarCombo({\n  value,\n  families,\n  family,\n  mode,\n  selectedMode,\n  models,\n  selectedModel,\n  selectedModelUnavailable,\n  supportedEfforts,\n  locked,\n  ariaLabel,\n  className,\n  onFamilyChange,\n  onModeChange,\n  onModelSelect,\n  onModelClear,\n  onEffortChange,\n}: RuntimeBarComboProps) {\n  const brand = runtimeFamilyBrand(family);\n  const modelLabel = selectedModelUnavailable\n    ? \"Unavailable selection\"\n    : (selectedModel?.label ?? value.model ?? \"Prompt default\");\n  const effortLabel = value.effort ? effortLevelLabel(value.effort) : \"None\";\n  const effortIcon = value.effort ? effortLevelIcon(value.effort) : undefined;\n  const summary = `${ariaLabel}: ${family.label}, ${mode.label}, ${modelLabel}, effort ${effortLabel}${locked ? \". Model and backend are locked for this conversation; fork it to change them\" : \"\"}`;\n\n  return (\n    <DropdownMenu\n      align=\"left\"\n      menuLabel={`${ariaLabel} controls`}\n      {...(className ? { className } : {})}\n      menuClassName=\"max-h-[70vh] w-80 max-w-[calc(100vw-24px)] overflow-y-auto\"\n      trigger={\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          title={summary}\n          aria-label={summary}\n          className=\"max-w-full gap-1.5 px-density-2\"\n        >\n          {brand.icon && (\n            <Icon\n              icon={brand.icon}\n              className={cn(\"size-4 shrink-0\", brand.color)}\n            />\n          )}\n          {mode.icon && (\n            <Icon\n              icon={mode.icon}\n              className=\"size-4 shrink-0 text-muted-foreground\"\n            />\n          )}\n          <span className=\"min-w-0 truncate text-xs font-semibold text-foreground\">\n            {modelLabel}\n          </span>\n          {effortIcon && (\n            <Icon\n              icon={effortIcon}\n              className={cn(\n                \"size-4 shrink-0\",\n                value.effort ? effortLevelColor(value.effort) : undefined,\n              )}\n            />\n          )}\n          <Icon\n            icon={UiChevronDown}\n            className=\"size-3 shrink-0 text-muted-foreground/70\"\n          />\n        </Button>\n      }\n    >\n      {() => (\n        <div className=\"p-1 text-xs\">\n          <div className=\"space-y-2 border-b border-border px-2 pb-3 pt-2\">\n            {locked && (\n              <div className=\"rounded bg-muted px-2 py-1.5 text-[11px] text-muted-foreground\">\n                Model and backend are locked. Fork this conversation to change\n                them.\n              </div>\n            )}\n            <FamilySegments\n              families={families}\n              value={family.id}\n              locked={locked}\n              onChange={onFamilyChange}\n            />\n            <ModeSegments\n              family={family}\n              value={selectedMode}\n              locked={locked}\n              onChange={onModeChange}\n            />\n            <EffortSlider\n              value={value.effort}\n              efforts={supportedEfforts}\n              onChange={onEffortChange}\n            />\n          </div>\n          <ModelChoices\n            models={models}\n            familyBrand={brand}\n            selectedId={selectedModel?.id ?? value.model}\n            locked={locked}\n            onSelect={onModelSelect}\n            onClear={onModelClear}\n          />\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n\nfunction FamilySegments({\n  families,\n  value,\n  locked,\n  onChange,\n}: {\n  families: SpecRuntimeFamily[];\n  value: string;\n  locked: boolean;\n  onChange: (familyId: string) => void;\n}) {\n  return (\n    <SegmentedControl\n      aria-label=\"Family\"\n      size=\"sm\"\n      wrap\n      value={value}\n      onChange={onChange}\n      className=\"w-full\"\n      options={families\n        .filter((family) =>\n          family.modes.some((mode) => !isUnavailable(mode.availability)),\n        )\n        .map((family) => {\n          const brand = runtimeFamilyBrand(family);\n          return {\n            id: family.id,\n            label: family.label,\n            disabled: locked,\n            ...(brand.icon ? { icon: brand.icon } : {}),\n          };\n        })}\n    />\n  );\n}\n\nfunction ModeSegments({\n  family,\n  value,\n  locked,\n  onChange,\n}: {\n  family: SpecRuntimeFamily;\n  value: string;\n  locked: boolean;\n  onChange: (modeId: string) => void;\n}) {\n  return (\n    <SegmentedControl\n      aria-label=\"Runtime mode\"\n      size=\"sm\"\n      value={value}\n      onChange={onChange}\n      className=\"w-full\"\n      options={family.modes\n        .filter((mode) => !isUnavailable(mode.availability))\n        .map((mode) => ({\n          id: mode.id,\n          label: mode.label,\n          disabled: locked,\n          ...(mode.title ? { title: mode.title } : {}),\n          ...(mode.icon ? { icon: mode.icon } : {}),\n        }))}\n    />\n  );\n}\n\nfunction ModelChoices({\n  models,\n  familyBrand,\n  selectedId,\n  locked,\n  onSelect,\n  onClear,\n}: {\n  models: ChatModel[];\n  familyBrand: ReturnType<typeof runtimeFamilyBrand>;\n  selectedId?: string | undefined;\n  locked: boolean;\n  onSelect: (model: ChatModel) => void;\n  onClear: () => void;\n}) {\n  return (\n    <div className=\"space-y-0.5 py-1\">\n      <ModelChoice\n        label=\"Prompt default\"\n        selected={!selectedId}\n        disabled={locked}\n        onClick={onClear}\n      />\n      {models.map((model) => {\n        const icon = providerIcon(model.provider) ?? familyBrand.icon;\n        return (\n          <ModelChoice\n            key={model.id}\n            label={model.label}\n            title={model.id}\n            selected={model.id === selectedId}\n            disabled={locked}\n            {...(icon\n              ? {\n                  icon,\n                  iconColor:\n                    providerIconColor(model.provider) ?? familyBrand.color,\n                }\n              : {})}\n            onClick={() => onSelect(model)}\n          />\n        );\n      })}\n    </div>\n  );\n}\n\nfunction ModelChoice({\n  label,\n  title,\n  detail,\n  selected,\n  disabled,\n  icon,\n  iconColor,\n  onClick,\n}: {\n  label: string;\n  title?: string | undefined;\n  detail?: string | undefined;\n  selected: boolean;\n  disabled: boolean;\n  icon?: NonNullable<ReturnType<typeof providerIcon>>;\n  iconColor?: string | undefined;\n  onClick: () => void;\n}) {\n  return (\n    <Button\n      variant=\"ghost\"\n      type=\"button\"\n      disabled={disabled}\n      onClick={onClick}\n      aria-label={detail ? `${label}. ${detail}` : label}\n      {...(title ? { title } : {})}\n      className=\"group flex min-h-8 w-full items-center justify-start gap-2 rounded-md px-2 py-1.5 text-left hover:bg-muted\"\n    >\n      {icon ? (\n        <span className=\"inline-flex size-6 shrink-0 items-center justify-center rounded-md bg-muted/70 ring-1 ring-border/60 group-hover:bg-background\">\n          <Icon icon={icon} className={cn(\"size-3.5\", iconColor)} />\n        </span>\n      ) : (\n        <span className=\"size-6 shrink-0\" />\n      )}\n      <span className=\"min-w-0 flex-1\">\n        <span\n          className={cn(\"block truncate text-sm\", selected && \"font-semibold\")}\n        >\n          {label}\n        </span>\n        {detail && (\n          <span className=\"block whitespace-normal text-[11px] leading-4 text-muted-foreground\">\n            {detail}\n          </span>\n        )}\n      </span>\n      <Icon\n        icon={UiCheck}\n        className={cn(\n          \"size-3.5 shrink-0 text-primary\",\n          !selected && \"invisible\",\n        )}\n      />\n    </Button>\n  );\n}\n\nfunction EffortSlider({\n  value,\n  efforts,\n  onChange,\n}: {\n  value?: string | undefined;\n  efforts: string[];\n  onChange: (effort: string) => void;\n}) {\n  const supported = [\n    ...new Set(efforts.map((effort) => effort.trim()).filter(Boolean)),\n  ];\n  if (supported.length === 0) {\n    return (\n      <div className=\"flex h-8 items-center justify-center text-[11px] text-muted-foreground\">\n        Fixed effort for this model\n      </div>\n    );\n  }\n\n  const options = [\"\", ...supported];\n  const current = value?.trim() ?? \"\";\n  const currentIndex = options.indexOf(current);\n  const sliderIndex = currentIndex >= 0 ? currentIndex : 0;\n  const label =\n    currentIndex >= 0\n      ? current\n        ? effortLevelLabel(current)\n        : \"None\"\n      : `${effortLevelLabel(current)} unsupported`;\n  const percent = (sliderIndex / (options.length - 1)) * 100;\n  const firstIcon = effortLevelIcon(supported[0]!);\n  const lastIcon = effortLevelIcon(supported[supported.length - 1]!);\n  const selectedIcon = current ? effortLevelIcon(current) : undefined;\n\n  return (\n    <div\n      className=\"grid grid-cols-[auto_minmax(0,1fr)_auto] items-start gap-1.5\"\n      aria-label=\"Model effort\"\n    >\n      {firstIcon ? (\n        <Icon\n          icon={firstIcon}\n          className={cn(\"mt-3 size-3.5\", effortLevelColor(supported[0]!))}\n        />\n      ) : (\n        <span className=\"size-3.5\" />\n      )}\n      <div className=\"relative h-11 pt-1\">\n        <input\n          type=\"range\"\n          min={0}\n          max={options.length - 1}\n          step={1}\n          value={sliderIndex}\n          aria-label=\"Reasoning effort\"\n          aria-valuetext={label}\n          aria-invalid={currentIndex < 0}\n          onChange={(event) => {\n            const next = options[Number(event.target.value)];\n            if (next === undefined) {\n              throw new Error(\n                `Invalid reasoning effort index: ${event.target.value}`,\n              );\n            }\n            onChange(next);\n          }}\n          className=\"h-1 w-full cursor-pointer appearance-none rounded-full bg-muted accent-foreground [&::-moz-range-thumb]:size-3 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-2 [&::-moz-range-thumb]:border-background [&::-moz-range-thumb]:bg-foreground [&::-webkit-slider-thumb]:size-3 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-background [&::-webkit-slider-thumb]:bg-foreground [&::-webkit-slider-thumb]:shadow-sm\"\n        />\n        <span\n          aria-hidden=\"true\"\n          className=\"pointer-events-none absolute top-7 -translate-x-1/2\"\n          style={{ left: `${percent}%` }}\n        >\n          <span\n            className={cn(\n              \"inline-flex h-5 shrink-0 items-center gap-1 rounded-full border px-1.5 text-[10px] font-semibold leading-none\",\n              currentIndex < 0\n                ? \"border-destructive/25 bg-destructive/10 text-destructive\"\n                : current\n                  ? cn(\"border-current/25 bg-muted\", effortLevelColor(current))\n                  : \"border-border bg-muted text-muted-foreground\",\n            )}\n            title={`Effort: ${label}`}\n          >\n            {selectedIcon && <Icon icon={selectedIcon} className=\"size-3\" />}\n            {label}\n          </span>\n        </span>\n      </div>\n      {lastIcon ? (\n        <Icon\n          icon={lastIcon}\n          className={cn(\n            \"mt-3 size-3.5\",\n            effortLevelColor(supported[supported.length - 1]!),\n          )}\n        />\n      ) : (\n        <span className=\"size-3.5\" />\n      )}\n    </div>\n  );\n}\n"],"names":["runtimeFamilyBrand","effortLevelLabel","effortLevelIcon","jsx","DropdownMenu","jsxs","Button","Icon","cn","effortLevelColor","UiChevronDown","SegmentedControl","isUnavailable","providerIcon","providerIconColor","UiCheck"],"mappings":";;;;;;;;;;;;;;AAyCO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,QAAQA,iBAAAA,mBAAmB,MAAM;AACvC,QAAM,aAAa,2BACf,2BACC,+CAAe,UAAS,MAAM,SAAS;AAC5C,QAAM,cAAc,MAAM,SAASC,YAAAA,iBAAiB,MAAM,MAAM,IAAI;AACpE,QAAM,aAAa,MAAM,SAASC,YAAAA,gBAAgB,MAAM,MAAM,IAAI;AAClE,QAAM,UAAU,GAAG,SAAS,KAAK,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK,UAAU,YAAY,WAAW,GAAG,SAAS,iFAAiF,EAAE;AAEjM,SACEC,2BAAAA;AAAAA,IAACC,aAAAA;AAAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,WAAW,GAAG,SAAS;AAAA,MACtB,GAAI,YAAY,EAAE,UAAA,IAAc,CAAA;AAAA,MACjC,eAAc;AAAA,MACd,SACEC,2BAAAA;AAAAA,QAACC,OAAAA;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAO;AAAA,UACP,cAAY;AAAA,UACZ,WAAU;AAAA,UAET,UAAA;AAAA,YAAA,MAAM,QACLH,2BAAAA;AAAAA,cAACI,KAAAA;AAAAA,cAAA;AAAA,gBACC,MAAM,MAAM;AAAA,gBACZ,WAAWC,MAAAA,GAAG,mBAAmB,MAAM,KAAK;AAAA,cAAA;AAAA,YAAA;AAAA,YAG/C,KAAK,QACJL,2BAAAA;AAAAA,cAACI,KAAAA;AAAAA,cAAA;AAAA,gBACC,MAAM,KAAK;AAAA,gBACX,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,YAGdJ,2BAAAA,IAAC,QAAA,EAAK,WAAU,0DACb,UAAA,YACH;AAAA,YACC,cACCA,2BAAAA;AAAAA,cAACI,KAAAA;AAAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN,WAAWC,MAAAA;AAAAA,kBACT;AAAA,kBACA,MAAM,SAASC,YAAAA,iBAAiB,MAAM,MAAM,IAAI;AAAA,gBAAA;AAAA,cAClD;AAAA,YAAA;AAAA,YAGJN,2BAAAA;AAAAA,cAACI,KAAAA;AAAAA,cAAA;AAAA,gBACC,MAAMG,cAAAA;AAAAA,gBACN,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,MAAA;AAAA,MAIH,UAAA,MACCL,2BAAAA,KAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,QAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,mDACZ,UAAA;AAAA,UAAA,UACCF,2BAAAA,IAAC,OAAA,EAAI,WAAU,kEAAiE,UAAA,wEAGhF;AAAA,UAEFA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA,OAAO,OAAO;AAAA,cACd;AAAA,cACA,UAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAEZA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA,OAAO;AAAA,cACP;AAAA,cACA,UAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAEZA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO,MAAM;AAAA,cACb,SAAS;AAAA,cACT,UAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ,GACF;AAAA,QACAA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,aAAa;AAAA,YACb,aAAY,+CAAe,OAAM,MAAM;AAAA,YACvC;AAAA,YACA,UAAU;AAAA,YACV,SAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MACX,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SACEA,2BAAAA;AAAAA,IAACQ,iBAAAA;AAAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,MAAK;AAAA,MACL,MAAI;AAAA,MACJ;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MACV,SAAS,SACN;AAAA,QAAO,CAAC,WACP,OAAO,MAAM,KAAK,CAAC,SAAS,CAACC,aAAAA,cAAc,KAAK,YAAY,CAAC;AAAA,MAAA,EAE9D,IAAI,CAAC,WAAW;AACf,cAAM,QAAQZ,iBAAAA,mBAAmB,MAAM;AACvC,eAAO;AAAA,UACL,IAAI,OAAO;AAAA,UACX,OAAO,OAAO;AAAA,UACd,UAAU;AAAA,UACV,GAAI,MAAM,OAAO,EAAE,MAAM,MAAM,KAAA,IAAS,CAAA;AAAA,QAAC;AAAA,MAE7C,CAAC;AAAA,IAAA;AAAA,EAAA;AAGT;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SACEG,2BAAAA;AAAAA,IAACQ,iBAAAA;AAAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MACV,SAAS,OAAO,MACb,OAAO,CAAC,SAAS,CAACC,2BAAc,KAAK,YAAY,CAAC,EAClD,IAAI,CAAC,UAAU;AAAA,QACd,IAAI,KAAK;AAAA,QACT,OAAO,KAAK;AAAA,QACZ,UAAU;AAAA,QACV,GAAI,KAAK,QAAQ,EAAE,OAAO,KAAK,MAAA,IAAU,CAAA;AAAA,QACzC,GAAI,KAAK,OAAO,EAAE,MAAM,KAAK,KAAA,IAAS,CAAA;AAAA,MAAC,EACvC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,SACEP,2BAAAA,KAAC,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,IAAAF,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,UAAU,CAAC;AAAA,QACX,UAAU;AAAA,QACV,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAEV,OAAO,IAAI,CAAC,UAAU;AACrB,YAAM,OAAOU,cAAAA,aAAa,MAAM,QAAQ,KAAK,YAAY;AACzD,aACEV,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UAEC,OAAO,MAAM;AAAA,UACb,OAAO,MAAM;AAAA,UACb,UAAU,MAAM,OAAO;AAAA,UACvB,UAAU;AAAA,UACT,GAAI,OACD;AAAA,YACE;AAAA,YACA,WACEW,cAAAA,kBAAkB,MAAM,QAAQ,KAAK,YAAY;AAAA,UAAA,IAErD,CAAA;AAAA,UACJ,SAAS,MAAM,SAAS,KAAK;AAAA,QAAA;AAAA,QAZxB,MAAM;AAAA,MAAA;AAAA,IAejB,CAAC;AAAA,EAAA,GACH;AAEJ;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASG;AACD,SACET,2BAAAA;AAAAA,IAACC,OAAAA;AAAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,cAAY,SAAS,GAAG,KAAK,KAAK,MAAM,KAAK;AAAA,MAC5C,GAAI,QAAQ,EAAE,MAAA,IAAU,CAAA;AAAA,MACzB,WAAU;AAAA,MAET,UAAA;AAAA,QAAA,sCACE,QAAA,EAAK,WAAU,kIACd,UAAAH,2BAAAA,IAACI,aAAK,MAAY,WAAWC,MAAAA,GAAG,YAAY,SAAS,EAAA,CAAG,EAAA,CAC1D,IAEAL,2BAAAA,IAAC,QAAA,EAAK,WAAU,mBAAkB;AAAA,QAEpCE,2BAAAA,KAAC,QAAA,EAAK,WAAU,kBACd,UAAA;AAAA,UAAAF,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWK,MAAAA,GAAG,0BAA0B,YAAY,eAAe;AAAA,cAElE,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAEF,UACCL,2BAAAA,IAAC,QAAA,EAAK,WAAU,uEACb,UAAA,OAAA,CACH;AAAA,QAAA,GAEJ;AAAA,QACAA,2BAAAA;AAAAA,UAACI,KAAAA;AAAAA,UAAA;AAAA,YACC,MAAMQ,QAAAA;AAAAA,YACN,WAAWP,MAAAA;AAAAA,cACT;AAAA,cACA,CAAC,YAAY;AAAA,YAAA;AAAA,UACf;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,YAAY;AAAA,IAChB,GAAG,IAAI,IAAI,QAAQ,IAAI,CAAC,WAAW,OAAO,KAAA,CAAM,EAAE,OAAO,OAAO,CAAC;AAAA,EAAA;AAEnE,MAAI,UAAU,WAAW,GAAG;AAC1B,WACEL,2BAAAA,IAAC,OAAA,EAAI,WAAU,0EAAyE,UAAA,+BAExF;AAAA,EAEJ;AAEA,QAAM,UAAU,CAAC,IAAI,GAAG,SAAS;AACjC,QAAM,WAAU,+BAAO,WAAU;AACjC,QAAM,eAAe,QAAQ,QAAQ,OAAO;AAC5C,QAAM,cAAc,gBAAgB,IAAI,eAAe;AACvD,QAAM,QACJ,gBAAgB,IACZ,UACEF,YAAAA,iBAAiB,OAAO,IACxB,SACF,GAAGA,YAAAA,iBAAiB,OAAO,CAAC;AAClC,QAAM,UAAW,eAAe,QAAQ,SAAS,KAAM;AACvD,QAAM,YAAYC,YAAAA,gBAAgB,UAAU,CAAC,CAAE;AAC/C,QAAM,WAAWA,YAAAA,gBAAgB,UAAU,UAAU,SAAS,CAAC,CAAE;AACjE,QAAM,eAAe,UAAUA,4BAAgB,OAAO,IAAI;AAE1D,SACEG,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,cAAW;AAAA,MAEV,UAAA;AAAA,QAAA,YACCF,2BAAAA;AAAAA,UAACI,KAAAA;AAAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN,WAAWC,MAAAA,GAAG,iBAAiBC,YAAAA,iBAAiB,UAAU,CAAC,CAAE,CAAC;AAAA,UAAA;AAAA,QAAA,IAGhEN,2BAAAA,IAAC,QAAA,EAAK,WAAU,WAAA,CAAW;AAAA,QAE7BE,2BAAAA,KAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,UAAAF,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,KAAK;AAAA,cACL,KAAK,QAAQ,SAAS;AAAA,cACtB,MAAM;AAAA,cACN,OAAO;AAAA,cACP,cAAW;AAAA,cACX,kBAAgB;AAAA,cAChB,gBAAc,eAAe;AAAA,cAC7B,UAAU,CAAC,UAAU;AACnB,sBAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,KAAK,CAAC;AAC/C,oBAAI,SAAS,QAAW;AACtB,wBAAM,IAAI;AAAA,oBACR,mCAAmC,MAAM,OAAO,KAAK;AAAA,kBAAA;AAAA,gBAEzD;AACA,yBAAS,IAAI;AAAA,cACf;AAAA,cACA,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAEZA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,eAAY;AAAA,cACZ,WAAU;AAAA,cACV,OAAO,EAAE,MAAM,GAAG,OAAO,IAAA;AAAA,cAEzB,UAAAE,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWG,MAAAA;AAAAA,oBACT;AAAA,oBACA,eAAe,IACX,6DACA,UACEA,MAAAA,GAAG,8BAA8BC,YAAAA,iBAAiB,OAAO,CAAC,IAC1D;AAAA,kBAAA;AAAA,kBAER,OAAO,WAAW,KAAK;AAAA,kBAEtB,UAAA;AAAA,oBAAA,gBAAgBN,2BAAAA,IAACI,WAAA,EAAK,MAAM,cAAc,WAAU,UAAS;AAAA,oBAC7D;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,QACF,GACF;AAAA,QACC,WACCJ,2BAAAA;AAAAA,UAACI,KAAAA;AAAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN,WAAWC,MAAAA;AAAAA,cACT;AAAA,cACAC,YAAAA,iBAAiB,UAAU,UAAU,SAAS,CAAC,CAAE;AAAA,YAAA;AAAA,UACnD;AAAA,QAAA,IAGFN,+BAAC,QAAA,EAAK,WAAU,WAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAInC;;"}

package/dist/data/runtime/RuntimeBarCombo.d.ts

@@ -11,6 +11,7 @@ export type RuntimeBarComboProps = {
     selectedModel: ChatModel | undefined;
     selectedModelUnavailable: boolean;
     supportedEfforts: string[];
+    locked: boolean;
     ariaLabel: string;
     className?: string | undefined;
     onFamilyChange: (familyId: string) => void;
@@ -19,5 +20,5 @@ export type RuntimeBarComboProps = {
     onModelClear: () => void;
     onEffortChange: (effort: string) => void;
 };
-export declare function RuntimeBarCombo({ value, families, family, mode, selectedMode, models, selectedModel, selectedModelUnavailable, supportedEfforts, ariaLabel, className, onFamilyChange, onModeChange, onModelSelect, onModelClear, onEffortChange, }: RuntimeBarComboProps): import("react/jsx-runtime").JSX.Element;
+export declare function RuntimeBarCombo({ value, families, family, mode, selectedMode, models, selectedModel, selectedModelUnavailable, supportedEfforts, locked, ariaLabel, className, onFamilyChange, onModeChange, onModelSelect, onModelClear, onEffortChange, }: RuntimeBarComboProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=RuntimeBarCombo.d.ts.map

package/dist/data/runtime/RuntimeBarCombo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RuntimeBarCombo.d.ts","sourceRoot":"","sources":["../../../src/data/runtime/RuntimeBarCombo.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGpD,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC3B,MAAM,gBAAgB,CAAC;AAExB,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,IAAI,EAAE,qBAAqB,CAAC;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,aAAa,EAAE,SAAS,GAAG,SAAS,CAAC;IACrC,wBAAwB,EAAE,OAAO,CAAC;IAClC,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,aAAa,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,aAAa,EACb,wBAAwB,EACxB,gBAAgB,EAChB,SAAS,EACT,SAAS,EACT,cAAc,EACd,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,cAAc,GACf,EAAE,oBAAoB,2CAqFtB"}
+{"version":3,"file":"RuntimeBarCombo.d.ts","sourceRoot":"","sources":["../../../src/data/runtime/RuntimeBarCombo.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGpD,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC3B,MAAM,gBAAgB,CAAC;AAExB,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,IAAI,EAAE,qBAAqB,CAAC;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,aAAa,EAAE,SAAS,GAAG,SAAS,CAAC;IACrC,wBAAwB,EAAE,OAAO,CAAC;IAClC,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,aAAa,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,aAAa,EACb,wBAAwB,EACxB,gBAAgB,EAChB,MAAM,EACN,SAAS,EACT,SAAS,EACT,cAAc,EACd,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,cAAc,GACf,EAAE,oBAAoB,2CA8FtB"}

package/dist/data/runtime/RuntimeBarCombo.js

@@ -20,6 +20,7 @@ function RuntimeBarCombo({
   selectedModel,
   selectedModelUnavailable,
   supportedEfforts,
+  locked,
   ariaLabel,
   className,
   onFamilyChange,
@@ -32,7 +33,7 @@ function RuntimeBarCombo({
   const modelLabel = selectedModelUnavailable ? "Unavailable selection" : (selectedModel == null ? void 0 : selectedModel.label) ?? value.model ?? "Prompt default";
   const effortLabel = value.effort ? effortLevelLabel(value.effort) : "None";
   const effortIcon = value.effort ? effortLevelIcon(value.effort) : void 0;
-  const summary = `${ariaLabel}: ${family.label}, ${mode.label}, ${modelLabel}, effort ${effortLabel}`;
+  const summary = `${ariaLabel}: ${family.label}, ${mode.label}, ${modelLabel}, effort ${effortLabel}${locked ? ". Model and backend are locked for this conversation; fork it to change them" : ""}`;
   return /* @__PURE__ */ jsx(
     DropdownMenu,
     {
@@ -87,11 +88,13 @@ function RuntimeBarCombo({
       ),
       children: () => /* @__PURE__ */ jsxs("div", { className: "p-1 text-xs", children: [
         /* @__PURE__ */ jsxs("div", { className: "space-y-2 border-b border-border px-2 pb-3 pt-2", children: [
+          locked && /* @__PURE__ */ jsx("div", { className: "rounded bg-muted px-2 py-1.5 text-[11px] text-muted-foreground", children: "Model and backend are locked. Fork this conversation to change them." }),
           /* @__PURE__ */ jsx(
             FamilySegments,
             {
               families,
               value: family.id,
+              locked,
               onChange: onFamilyChange
             }
           ),
@@ -100,6 +103,7 @@ function RuntimeBarCombo({
             {
               family,
               value: selectedMode,
+              locked,
               onChange: onModeChange
             }
           ),
@@ -118,6 +122,7 @@ function RuntimeBarCombo({
             models,
             familyBrand: brand,
             selectedId: (selectedModel == null ? void 0 : selectedModel.id) ?? value.model,
+            locked,
             onSelect: onModelSelect,
             onClear: onModelClear
           }
@@ -129,6 +134,7 @@ function RuntimeBarCombo({
 function FamilySegments({
   families,
   value,
+  locked,
   onChange
 }) {
   return /* @__PURE__ */ jsx(
@@ -147,6 +153,7 @@ function FamilySegments({
         return {
           id: family.id,
           label: family.label,
+          disabled: locked,
           ...brand.icon ? { icon: brand.icon } : {}
         };
       })
@@ -156,6 +163,7 @@ function FamilySegments({
 function ModeSegments({
   family,
   value,
+  locked,
   onChange
 }) {
   return /* @__PURE__ */ jsx(
@@ -169,6 +177,7 @@ function ModeSegments({
       options: family.modes.filter((mode) => !isUnavailable(mode.availability)).map((mode) => ({
         id: mode.id,
         label: mode.label,
+        disabled: locked,
         ...mode.title ? { title: mode.title } : {},
         ...mode.icon ? { icon: mode.icon } : {}
       }))
@@ -179,6 +188,7 @@ function ModelChoices({
   models,
   familyBrand,
   selectedId,
+  locked,
   onSelect,
   onClear
 }) {
@@ -188,6 +198,7 @@ function ModelChoices({
       {
         label: "Prompt default",
         selected: !selectedId,
+        disabled: locked,
         onClick: onClear
       }
     ),
@@ -199,6 +210,7 @@ function ModelChoices({
           label: model.label,
           title: model.id,
           selected: model.id === selectedId,
+          disabled: locked,
           ...icon ? {
             icon,
             iconColor: providerIconColor(model.provider) ?? familyBrand.color
@@ -215,6 +227,7 @@ function ModelChoice({
   title,
   detail,
   selected,
+  disabled,
   icon,
   iconColor,
   onClick
@@ -224,6 +237,7 @@ function ModelChoice({
     {
       variant: "ghost",
       type: "button",
+      disabled,
       onClick,
       "aria-label": detail ? `${label}. ${detail}` : label,
       ...title ? { title } : {},

package/dist/data/runtime/RuntimeBarCombo.js.map

@@ -1 +1 @@
-{"version":3,"file":"RuntimeBarCombo.js","sources":["../../../src/data/runtime/RuntimeBarCombo.tsx"],"sourcesContent":["import { Button } from \"../../components/button\";\nimport { SegmentedControl } from \"../../components/SegmentedControl\";\nimport { UiCheck, UiChevronDown } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Icon } from \"../Icon\";\nimport {\n  effortLevelColor,\n  effortLevelIcon,\n  effortLevelLabel,\n} from \"../chat/effort-icons\";\nimport { providerIcon, providerIconColor } from \"../chat/provider-icons\";\nimport type { ChatModel } from \"../chat/types\";\nimport type { RuntimeBarValue } from \"./RuntimeBar\";\nimport { runtimeFamilyBrand } from \"./RuntimeBar.model\";\nimport { isUnavailable } from \"./availability\";\nimport {\n  type SpecRuntimeFamily,\n  type SpecRuntimeModeOption,\n} from \"./runtime-mode\";\n\nexport type RuntimeBarComboProps = {\n  value: RuntimeBarValue;\n  families: SpecRuntimeFamily[];\n  family: SpecRuntimeFamily;\n  mode: SpecRuntimeModeOption;\n  selectedMode: string;\n  models: ChatModel[];\n  selectedModel: ChatModel | undefined;\n  selectedModelUnavailable: boolean;\n  supportedEfforts: string[];\n  ariaLabel: string;\n  className?: string | undefined;\n  onFamilyChange: (familyId: string) => void;\n  onModeChange: (modeId: string) => void;\n  onModelSelect: (model: ChatModel) => void;\n  onModelClear: () => void;\n  onEffortChange: (effort: string) => void;\n};\n\nexport function RuntimeBarCombo({\n  value,\n  families,\n  family,\n  mode,\n  selectedMode,\n  models,\n  selectedModel,\n  selectedModelUnavailable,\n  supportedEfforts,\n  ariaLabel,\n  className,\n  onFamilyChange,\n  onModeChange,\n  onModelSelect,\n  onModelClear,\n  onEffortChange,\n}: RuntimeBarComboProps) {\n  const brand = runtimeFamilyBrand(family);\n  const modelLabel = selectedModelUnavailable\n    ? \"Unavailable selection\"\n    : selectedModel?.label ?? value.model ?? \"Prompt default\";\n  const effortLabel = value.effort ? effortLevelLabel(value.effort) : \"None\";\n  const effortIcon = value.effort ? effortLevelIcon(value.effort) : undefined;\n  const summary = `${ariaLabel}: ${family.label}, ${mode.label}, ${modelLabel}, effort ${effortLabel}`;\n\n  return (\n    <DropdownMenu\n      align=\"left\"\n      menuLabel={`${ariaLabel} controls`}\n      {...(className ? { className } : {})}\n      menuClassName=\"max-h-[70vh] w-80 max-w-[calc(100vw-24px)] overflow-y-auto\"\n      trigger={\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          title={summary}\n          aria-label={summary}\n          className=\"max-w-full gap-1.5 px-density-2\"\n        >\n          {brand.icon && (\n            <Icon\n              icon={brand.icon}\n              className={cn(\"size-4 shrink-0\", brand.color)}\n            />\n          )}\n          {mode.icon && (\n            <Icon\n              icon={mode.icon}\n              className=\"size-4 shrink-0 text-muted-foreground\"\n            />\n          )}\n          <span className=\"min-w-0 truncate text-xs font-semibold text-foreground\">\n            {modelLabel}\n          </span>\n          {effortIcon && (\n            <Icon\n              icon={effortIcon}\n              className={cn(\n                \"size-4 shrink-0\",\n                value.effort ? effortLevelColor(value.effort) : undefined\n              )}\n            />\n          )}\n          <Icon\n            icon={UiChevronDown}\n            className=\"size-3 shrink-0 text-muted-foreground/70\"\n          />\n        </Button>\n      }\n    >\n      {() => (\n        <div className=\"p-1 text-xs\">\n          <div className=\"space-y-2 border-b border-border px-2 pb-3 pt-2\">\n            <FamilySegments\n              families={families}\n              value={family.id}\n              onChange={onFamilyChange}\n            />\n            <ModeSegments\n              family={family}\n              value={selectedMode}\n              onChange={onModeChange}\n            />\n            <EffortSlider\n              value={value.effort}\n              efforts={supportedEfforts}\n              onChange={onEffortChange}\n            />\n          </div>\n          <ModelChoices\n            models={models}\n            familyBrand={brand}\n            selectedId={selectedModel?.id ?? value.model}\n            onSelect={onModelSelect}\n            onClear={onModelClear}\n          />\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n\nfunction FamilySegments({\n  families,\n  value,\n  onChange,\n}: {\n  families: SpecRuntimeFamily[];\n  value: string;\n  onChange: (familyId: string) => void;\n}) {\n  return (\n    <SegmentedControl\n      aria-label=\"Family\"\n      size=\"sm\"\n      wrap\n      value={value}\n      onChange={onChange}\n      className=\"w-full\"\n      options={families\n        .filter((family) =>\n          family.modes.some((mode) => !isUnavailable(mode.availability))\n        )\n        .map((family) => {\n          const brand = runtimeFamilyBrand(family);\n          return {\n            id: family.id,\n            label: family.label,\n            ...(brand.icon ? { icon: brand.icon } : {}),\n          };\n        })}\n    />\n  );\n}\n\nfunction ModeSegments({\n  family,\n  value,\n  onChange,\n}: {\n  family: SpecRuntimeFamily;\n  value: string;\n  onChange: (modeId: string) => void;\n}) {\n  return (\n    <SegmentedControl\n      aria-label=\"Runtime mode\"\n      size=\"sm\"\n      value={value}\n      onChange={onChange}\n      className=\"w-full\"\n      options={family.modes\n        .filter((mode) => !isUnavailable(mode.availability))\n        .map((mode) => ({\n          id: mode.id,\n          label: mode.label,\n          ...(mode.title ? { title: mode.title } : {}),\n          ...(mode.icon ? { icon: mode.icon } : {}),\n        }))}\n    />\n  );\n}\n\nfunction ModelChoices({\n  models,\n  familyBrand,\n  selectedId,\n  onSelect,\n  onClear,\n}: {\n  models: ChatModel[];\n  familyBrand: ReturnType<typeof runtimeFamilyBrand>;\n  selectedId?: string | undefined;\n  onSelect: (model: ChatModel) => void;\n  onClear: () => void;\n}) {\n  return (\n    <div className=\"space-y-0.5 py-1\">\n      <ModelChoice\n        label=\"Prompt default\"\n        selected={!selectedId}\n        onClick={onClear}\n      />\n      {models.map((model) => {\n        const icon = providerIcon(model.provider) ?? familyBrand.icon;\n        return (\n          <ModelChoice\n            key={model.id}\n            label={model.label}\n            title={model.id}\n            selected={model.id === selectedId}\n            {...(icon\n              ? {\n                  icon,\n                  iconColor:\n                    providerIconColor(model.provider) ?? familyBrand.color,\n                }\n              : {})}\n            onClick={() => onSelect(model)}\n          />\n        );\n      })}\n    </div>\n  );\n}\n\nfunction ModelChoice({\n  label,\n  title,\n  detail,\n  selected,\n  icon,\n  iconColor,\n  onClick,\n}: {\n  label: string;\n  title?: string | undefined;\n  detail?: string | undefined;\n  selected: boolean;\n  icon?: NonNullable<ReturnType<typeof providerIcon>>;\n  iconColor?: string | undefined;\n  onClick: () => void;\n}) {\n  return (\n    <Button\n      variant=\"ghost\"\n      type=\"button\"\n      onClick={onClick}\n      aria-label={detail ? `${label}. ${detail}` : label}\n      {...(title ? { title } : {})}\n      className=\"group flex min-h-8 w-full items-center justify-start gap-2 rounded-md px-2 py-1.5 text-left hover:bg-muted\"\n    >\n      {icon ? (\n        <span className=\"inline-flex size-6 shrink-0 items-center justify-center rounded-md bg-muted/70 ring-1 ring-border/60 group-hover:bg-background\">\n          <Icon icon={icon} className={cn(\"size-3.5\", iconColor)} />\n        </span>\n      ) : (\n        <span className=\"size-6 shrink-0\" />\n      )}\n      <span className=\"min-w-0 flex-1\">\n        <span\n          className={cn(\"block truncate text-sm\", selected && \"font-semibold\")}\n        >\n          {label}\n        </span>\n        {detail && (\n          <span className=\"block whitespace-normal text-[11px] leading-4 text-muted-foreground\">\n            {detail}\n          </span>\n        )}\n      </span>\n      <Icon\n        icon={UiCheck}\n        className={cn(\n          \"size-3.5 shrink-0 text-primary\",\n          !selected && \"invisible\"\n        )}\n      />\n    </Button>\n  );\n}\n\nfunction EffortSlider({\n  value,\n  efforts,\n  onChange,\n}: {\n  value?: string | undefined;\n  efforts: string[];\n  onChange: (effort: string) => void;\n}) {\n  const supported = [\n    ...new Set(efforts.map((effort) => effort.trim()).filter(Boolean)),\n  ];\n  if (supported.length === 0) {\n    return (\n      <div className=\"flex h-8 items-center justify-center text-[11px] text-muted-foreground\">\n        Fixed effort for this model\n      </div>\n    );\n  }\n\n  const options = [\"\", ...supported];\n  const current = value?.trim() ?? \"\";\n  const currentIndex = options.indexOf(current);\n  const sliderIndex = currentIndex >= 0 ? currentIndex : 0;\n  const label =\n    currentIndex >= 0\n      ? current\n        ? effortLevelLabel(current)\n        : \"None\"\n      : `${effortLevelLabel(current)} unsupported`;\n  const percent = (sliderIndex / (options.length - 1)) * 100;\n  const firstIcon = effortLevelIcon(supported[0]!);\n  const lastIcon = effortLevelIcon(supported[supported.length - 1]!);\n  const selectedIcon = current ? effortLevelIcon(current) : undefined;\n\n  return (\n    <div\n      className=\"grid grid-cols-[auto_minmax(0,1fr)_auto] items-start gap-1.5\"\n      aria-label=\"Model effort\"\n    >\n      {firstIcon ? (\n        <Icon\n          icon={firstIcon}\n          className={cn(\"mt-3 size-3.5\", effortLevelColor(supported[0]!))}\n        />\n      ) : (\n        <span className=\"size-3.5\" />\n      )}\n      <div className=\"relative h-11 pt-1\">\n        <input\n          type=\"range\"\n          min={0}\n          max={options.length - 1}\n          step={1}\n          value={sliderIndex}\n          aria-label=\"Reasoning effort\"\n          aria-valuetext={label}\n          aria-invalid={currentIndex < 0}\n          onChange={(event) => {\n            const next = options[Number(event.target.value)];\n            if (next === undefined) {\n              throw new Error(\n                `Invalid reasoning effort index: ${event.target.value}`\n              );\n            }\n            onChange(next);\n          }}\n          className=\"h-1 w-full cursor-pointer appearance-none rounded-full bg-muted accent-foreground [&::-moz-range-thumb]:size-3 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-2 [&::-moz-range-thumb]:border-background [&::-moz-range-thumb]:bg-foreground [&::-webkit-slider-thumb]:size-3 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-background [&::-webkit-slider-thumb]:bg-foreground [&::-webkit-slider-thumb]:shadow-sm\"\n        />\n        <span\n          aria-hidden=\"true\"\n          className=\"pointer-events-none absolute top-7 -translate-x-1/2\"\n          style={{ left: `${percent}%` }}\n        >\n          <span\n            className={cn(\n              \"inline-flex h-5 shrink-0 items-center gap-1 rounded-full border px-1.5 text-[10px] font-semibold leading-none\",\n              currentIndex < 0\n                ? \"border-destructive/25 bg-destructive/10 text-destructive\"\n                : current\n                ? cn(\"border-current/25 bg-muted\", effortLevelColor(current))\n                : \"border-border bg-muted text-muted-foreground\"\n            )}\n            title={`Effort: ${label}`}\n          >\n            {selectedIcon && <Icon icon={selectedIcon} className=\"size-3\" />}\n            {label}\n          </span>\n        </span>\n      </div>\n      {lastIcon ? (\n        <Icon\n          icon={lastIcon}\n          className={cn(\n            \"mt-3 size-3.5\",\n            effortLevelColor(supported[supported.length - 1]!)\n          )}\n        />\n      ) : (\n        <span className=\"size-3.5\" />\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"RuntimeBarCombo.js","sources":["../../../src/data/runtime/RuntimeBarCombo.tsx"],"sourcesContent":["import { Button } from \"../../components/button\";\nimport { SegmentedControl } from \"../../components/SegmentedControl\";\nimport { UiCheck, UiChevronDown } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Icon } from \"../Icon\";\nimport {\n  effortLevelColor,\n  effortLevelIcon,\n  effortLevelLabel,\n} from \"../chat/effort-icons\";\nimport { providerIcon, providerIconColor } from \"../chat/provider-icons\";\nimport type { ChatModel } from \"../chat/types\";\nimport type { RuntimeBarValue } from \"./RuntimeBar\";\nimport { runtimeFamilyBrand } from \"./RuntimeBar.model\";\nimport { isUnavailable } from \"./availability\";\nimport {\n  type SpecRuntimeFamily,\n  type SpecRuntimeModeOption,\n} from \"./runtime-mode\";\n\nexport type RuntimeBarComboProps = {\n  value: RuntimeBarValue;\n  families: SpecRuntimeFamily[];\n  family: SpecRuntimeFamily;\n  mode: SpecRuntimeModeOption;\n  selectedMode: string;\n  models: ChatModel[];\n  selectedModel: ChatModel | undefined;\n  selectedModelUnavailable: boolean;\n  supportedEfforts: string[];\n  locked: boolean;\n  ariaLabel: string;\n  className?: string | undefined;\n  onFamilyChange: (familyId: string) => void;\n  onModeChange: (modeId: string) => void;\n  onModelSelect: (model: ChatModel) => void;\n  onModelClear: () => void;\n  onEffortChange: (effort: string) => void;\n};\n\nexport function RuntimeBarCombo({\n  value,\n  families,\n  family,\n  mode,\n  selectedMode,\n  models,\n  selectedModel,\n  selectedModelUnavailable,\n  supportedEfforts,\n  locked,\n  ariaLabel,\n  className,\n  onFamilyChange,\n  onModeChange,\n  onModelSelect,\n  onModelClear,\n  onEffortChange,\n}: RuntimeBarComboProps) {\n  const brand = runtimeFamilyBrand(family);\n  const modelLabel = selectedModelUnavailable\n    ? \"Unavailable selection\"\n    : (selectedModel?.label ?? value.model ?? \"Prompt default\");\n  const effortLabel = value.effort ? effortLevelLabel(value.effort) : \"None\";\n  const effortIcon = value.effort ? effortLevelIcon(value.effort) : undefined;\n  const summary = `${ariaLabel}: ${family.label}, ${mode.label}, ${modelLabel}, effort ${effortLabel}${locked ? \". Model and backend are locked for this conversation; fork it to change them\" : \"\"}`;\n\n  return (\n    <DropdownMenu\n      align=\"left\"\n      menuLabel={`${ariaLabel} controls`}\n      {...(className ? { className } : {})}\n      menuClassName=\"max-h-[70vh] w-80 max-w-[calc(100vw-24px)] overflow-y-auto\"\n      trigger={\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          title={summary}\n          aria-label={summary}\n          className=\"max-w-full gap-1.5 px-density-2\"\n        >\n          {brand.icon && (\n            <Icon\n              icon={brand.icon}\n              className={cn(\"size-4 shrink-0\", brand.color)}\n            />\n          )}\n          {mode.icon && (\n            <Icon\n              icon={mode.icon}\n              className=\"size-4 shrink-0 text-muted-foreground\"\n            />\n          )}\n          <span className=\"min-w-0 truncate text-xs font-semibold text-foreground\">\n            {modelLabel}\n          </span>\n          {effortIcon && (\n            <Icon\n              icon={effortIcon}\n              className={cn(\n                \"size-4 shrink-0\",\n                value.effort ? effortLevelColor(value.effort) : undefined,\n              )}\n            />\n          )}\n          <Icon\n            icon={UiChevronDown}\n            className=\"size-3 shrink-0 text-muted-foreground/70\"\n          />\n        </Button>\n      }\n    >\n      {() => (\n        <div className=\"p-1 text-xs\">\n          <div className=\"space-y-2 border-b border-border px-2 pb-3 pt-2\">\n            {locked && (\n              <div className=\"rounded bg-muted px-2 py-1.5 text-[11px] text-muted-foreground\">\n                Model and backend are locked. Fork this conversation to change\n                them.\n              </div>\n            )}\n            <FamilySegments\n              families={families}\n              value={family.id}\n              locked={locked}\n              onChange={onFamilyChange}\n            />\n            <ModeSegments\n              family={family}\n              value={selectedMode}\n              locked={locked}\n              onChange={onModeChange}\n            />\n            <EffortSlider\n              value={value.effort}\n              efforts={supportedEfforts}\n              onChange={onEffortChange}\n            />\n          </div>\n          <ModelChoices\n            models={models}\n            familyBrand={brand}\n            selectedId={selectedModel?.id ?? value.model}\n            locked={locked}\n            onSelect={onModelSelect}\n            onClear={onModelClear}\n          />\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n\nfunction FamilySegments({\n  families,\n  value,\n  locked,\n  onChange,\n}: {\n  families: SpecRuntimeFamily[];\n  value: string;\n  locked: boolean;\n  onChange: (familyId: string) => void;\n}) {\n  return (\n    <SegmentedControl\n      aria-label=\"Family\"\n      size=\"sm\"\n      wrap\n      value={value}\n      onChange={onChange}\n      className=\"w-full\"\n      options={families\n        .filter((family) =>\n          family.modes.some((mode) => !isUnavailable(mode.availability)),\n        )\n        .map((family) => {\n          const brand = runtimeFamilyBrand(family);\n          return {\n            id: family.id,\n            label: family.label,\n            disabled: locked,\n            ...(brand.icon ? { icon: brand.icon } : {}),\n          };\n        })}\n    />\n  );\n}\n\nfunction ModeSegments({\n  family,\n  value,\n  locked,\n  onChange,\n}: {\n  family: SpecRuntimeFamily;\n  value: string;\n  locked: boolean;\n  onChange: (modeId: string) => void;\n}) {\n  return (\n    <SegmentedControl\n      aria-label=\"Runtime mode\"\n      size=\"sm\"\n      value={value}\n      onChange={onChange}\n      className=\"w-full\"\n      options={family.modes\n        .filter((mode) => !isUnavailable(mode.availability))\n        .map((mode) => ({\n          id: mode.id,\n          label: mode.label,\n          disabled: locked,\n          ...(mode.title ? { title: mode.title } : {}),\n          ...(mode.icon ? { icon: mode.icon } : {}),\n        }))}\n    />\n  );\n}\n\nfunction ModelChoices({\n  models,\n  familyBrand,\n  selectedId,\n  locked,\n  onSelect,\n  onClear,\n}: {\n  models: ChatModel[];\n  familyBrand: ReturnType<typeof runtimeFamilyBrand>;\n  selectedId?: string | undefined;\n  locked: boolean;\n  onSelect: (model: ChatModel) => void;\n  onClear: () => void;\n}) {\n  return (\n    <div className=\"space-y-0.5 py-1\">\n      <ModelChoice\n        label=\"Prompt default\"\n        selected={!selectedId}\n        disabled={locked}\n        onClick={onClear}\n      />\n      {models.map((model) => {\n        const icon = providerIcon(model.provider) ?? familyBrand.icon;\n        return (\n          <ModelChoice\n            key={model.id}\n            label={model.label}\n            title={model.id}\n            selected={model.id === selectedId}\n            disabled={locked}\n            {...(icon\n              ? {\n                  icon,\n                  iconColor:\n                    providerIconColor(model.provider) ?? familyBrand.color,\n                }\n              : {})}\n            onClick={() => onSelect(model)}\n          />\n        );\n      })}\n    </div>\n  );\n}\n\nfunction ModelChoice({\n  label,\n  title,\n  detail,\n  selected,\n  disabled,\n  icon,\n  iconColor,\n  onClick,\n}: {\n  label: string;\n  title?: string | undefined;\n  detail?: string | undefined;\n  selected: boolean;\n  disabled: boolean;\n  icon?: NonNullable<ReturnType<typeof providerIcon>>;\n  iconColor?: string | undefined;\n  onClick: () => void;\n}) {\n  return (\n    <Button\n      variant=\"ghost\"\n      type=\"button\"\n      disabled={disabled}\n      onClick={onClick}\n      aria-label={detail ? `${label}. ${detail}` : label}\n      {...(title ? { title } : {})}\n      className=\"group flex min-h-8 w-full items-center justify-start gap-2 rounded-md px-2 py-1.5 text-left hover:bg-muted\"\n    >\n      {icon ? (\n        <span className=\"inline-flex size-6 shrink-0 items-center justify-center rounded-md bg-muted/70 ring-1 ring-border/60 group-hover:bg-background\">\n          <Icon icon={icon} className={cn(\"size-3.5\", iconColor)} />\n        </span>\n      ) : (\n        <span className=\"size-6 shrink-0\" />\n      )}\n      <span className=\"min-w-0 flex-1\">\n        <span\n          className={cn(\"block truncate text-sm\", selected && \"font-semibold\")}\n        >\n          {label}\n        </span>\n        {detail && (\n          <span className=\"block whitespace-normal text-[11px] leading-4 text-muted-foreground\">\n            {detail}\n          </span>\n        )}\n      </span>\n      <Icon\n        icon={UiCheck}\n        className={cn(\n          \"size-3.5 shrink-0 text-primary\",\n          !selected && \"invisible\",\n        )}\n      />\n    </Button>\n  );\n}\n\nfunction EffortSlider({\n  value,\n  efforts,\n  onChange,\n}: {\n  value?: string | undefined;\n  efforts: string[];\n  onChange: (effort: string) => void;\n}) {\n  const supported = [\n    ...new Set(efforts.map((effort) => effort.trim()).filter(Boolean)),\n  ];\n  if (supported.length === 0) {\n    return (\n      <div className=\"flex h-8 items-center justify-center text-[11px] text-muted-foreground\">\n        Fixed effort for this model\n      </div>\n    );\n  }\n\n  const options = [\"\", ...supported];\n  const current = value?.trim() ?? \"\";\n  const currentIndex = options.indexOf(current);\n  const sliderIndex = currentIndex >= 0 ? currentIndex : 0;\n  const label =\n    currentIndex >= 0\n      ? current\n        ? effortLevelLabel(current)\n        : \"None\"\n      : `${effortLevelLabel(current)} unsupported`;\n  const percent = (sliderIndex / (options.length - 1)) * 100;\n  const firstIcon = effortLevelIcon(supported[0]!);\n  const lastIcon = effortLevelIcon(supported[supported.length - 1]!);\n  const selectedIcon = current ? effortLevelIcon(current) : undefined;\n\n  return (\n    <div\n      className=\"grid grid-cols-[auto_minmax(0,1fr)_auto] items-start gap-1.5\"\n      aria-label=\"Model effort\"\n    >\n      {firstIcon ? (\n        <Icon\n          icon={firstIcon}\n          className={cn(\"mt-3 size-3.5\", effortLevelColor(supported[0]!))}\n        />\n      ) : (\n        <span className=\"size-3.5\" />\n      )}\n      <div className=\"relative h-11 pt-1\">\n        <input\n          type=\"range\"\n          min={0}\n          max={options.length - 1}\n          step={1}\n          value={sliderIndex}\n          aria-label=\"Reasoning effort\"\n          aria-valuetext={label}\n          aria-invalid={currentIndex < 0}\n          onChange={(event) => {\n            const next = options[Number(event.target.value)];\n            if (next === undefined) {\n              throw new Error(\n                `Invalid reasoning effort index: ${event.target.value}`,\n              );\n            }\n            onChange(next);\n          }}\n          className=\"h-1 w-full cursor-pointer appearance-none rounded-full bg-muted accent-foreground [&::-moz-range-thumb]:size-3 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-2 [&::-moz-range-thumb]:border-background [&::-moz-range-thumb]:bg-foreground [&::-webkit-slider-thumb]:size-3 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-background [&::-webkit-slider-thumb]:bg-foreground [&::-webkit-slider-thumb]:shadow-sm\"\n        />\n        <span\n          aria-hidden=\"true\"\n          className=\"pointer-events-none absolute top-7 -translate-x-1/2\"\n          style={{ left: `${percent}%` }}\n        >\n          <span\n            className={cn(\n              \"inline-flex h-5 shrink-0 items-center gap-1 rounded-full border px-1.5 text-[10px] font-semibold leading-none\",\n              currentIndex < 0\n                ? \"border-destructive/25 bg-destructive/10 text-destructive\"\n                : current\n                  ? cn(\"border-current/25 bg-muted\", effortLevelColor(current))\n                  : \"border-border bg-muted text-muted-foreground\",\n            )}\n            title={`Effort: ${label}`}\n          >\n            {selectedIcon && <Icon icon={selectedIcon} className=\"size-3\" />}\n            {label}\n          </span>\n        </span>\n      </div>\n      {lastIcon ? (\n        <Icon\n          icon={lastIcon}\n          className={cn(\n            \"mt-3 size-3.5\",\n            effortLevelColor(supported[supported.length - 1]!),\n          )}\n        />\n      ) : (\n        <span className=\"size-3.5\" />\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/runtime/RuntimeBarSegments.cjs

@@ -24,6 +24,7 @@ function RuntimeBarSegments({
   selectedMode,
   reasoningEfforts,
   supportedEfforts,
+  locked,
   ariaLabel,
   className,
   onBackendChange,
@@ -49,6 +50,7 @@ function RuntimeBarSegments({
           {
             menuLabel: "Family",
             title: `Family — ${family.label}`,
+            disabled: locked,
             items: familyItems({
               families,
               models,
@@ -72,6 +74,7 @@ function RuntimeBarSegments({
           {
             menuLabel: "Runtime mode",
             title: mode.title ?? "Runtime mode",
+            disabled: locked,
             items: modeItems({
               family,
               selectedId: selectedMode,
@@ -94,6 +97,7 @@ function RuntimeBarSegments({
           {
             menuLabel: "Model",
             title: selectedModelUnavailable ? "Model — unavailable selection" : value.model ? `Model — ${value.model}` : "Model — prompt default",
+            disabled: locked,
             className: "min-w-0 max-w-56 flex-1 [&>span]:min-w-0 [&>span]:w-full [&>span>button]:w-full",
             header: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-1", children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: KEY_CLASS, children: "Model id" }),
@@ -104,6 +108,7 @@ function RuntimeBarSegments({
                   onChange: onCustomModel,
                   ...selectedModelUnavailable ? { placeholder: "Unavailable selection" } : {},
                   "aria-label": "Model id",
+                  disabled: locked,
                   inputClassName: "font-mono text-xs",
                   className: "bg-background"
                 }
@@ -152,6 +157,7 @@ function RuntimeSegment({
   menuLabel,
   title,
   header,
+  disabled = false,
   className,
   children
 }) {
@@ -168,6 +174,7 @@ function RuntimeSegment({
         "button",
         {
           type: "button",
+          disabled,
           title,
           className: "inline-flex h-full min-w-0 items-center gap-1.5 px-density-2 transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring [[aria-expanded=true]_&]:bg-muted",
           children: [