@flanksource/clicky-ui 0.3.27 → 0.3.28

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  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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"}
+{"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  showModel: boolean;\n  showEffort: 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  showModel,\n  showEffort,\n  ariaLabel,\n  className,\n  onFamilyChange,\n  onModeChange,\n  onModelSelect,\n  onModelClear,\n  onEffortChange,\n}: RuntimeBarComboProps) {\n  const brand = runtimeFamilyBrand(family);\n  const modelLabel = showModel\n    ? selectedModelUnavailable\n      ? \"Unavailable selection\"\n      : (selectedModel?.label ?? value.model ?? \"Prompt default\")\n    : `${family.label} ${mode.label}`;\n  const effortLabel = value.effort ? effortLevelLabel(value.effort) : \"None\";\n  const effortIcon = value.effort ? effortLevelIcon(value.effort) : undefined;\n  const summaryParts = [family.label, mode.label];\n  if (showModel) summaryParts.push(modelLabel);\n  if (showEffort) summaryParts.push(`effort ${effortLabel}`);\n  const summary = `${ariaLabel}: ${summaryParts.join(\", \")}${locked ? \". Model and mode 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          {showEffort && 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 mode 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            {showEffort && (\n              <EffortSlider\n                value={value.effort}\n                efforts={supportedEfforts}\n                onChange={onEffortChange}\n              />\n            )}\n          </div>\n          {showModel && (\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          )}\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

@@ -25,9 +25,11 @@ function RuntimeBarSegments({
   reasoningEfforts,
   supportedEfforts,
   locked,
+  showModel,
+  showEffort,
   ariaLabel,
   className,
-  onBackendChange,
+  onModeChange,
   onCustomModel,
   onModelSelect,
   onModelClear,
@@ -55,7 +57,7 @@ function RuntimeBarSegments({
               families,
               models,
               selectedId: family.id,
-              onSelect: (familyId) => onBackendChange(familyId, selectedMode)
+              onSelect: (familyId) => onModeChange(familyId, selectedMode)
             }),
             children: [
               brand.icon && /* @__PURE__ */ jsxRuntime.jsx(
@@ -78,7 +80,7 @@ function RuntimeBarSegments({
             items: modeItems({
               family,
               selectedId: selectedMode,
-              onSelect: (modeId) => onBackendChange(family.id, modeId)
+              onSelect: (modeId) => onModeChange(family.id, modeId)
             }),
             children: [
               mode.icon && /* @__PURE__ */ jsxRuntime.jsx(
@@ -92,7 +94,7 @@ function RuntimeBarSegments({
             ]
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        showModel && /* @__PURE__ */ jsxRuntime.jsx(
           RuntimeSegment,
           {
             menuLabel: "Model",
@@ -124,7 +126,7 @@ function RuntimeBarSegments({
             children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate font-mono text-xs text-foreground", children: modelLabel })
           }
         ),
-        supportedEfforts.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+        showEffort && supportedEfforts.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
           RuntimeSegment,
           {
             menuLabel: "Reasoning effort",

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

@@ -1 +1 @@
-{"version":3,"file":"RuntimeBarSegments.cjs","sources":["../../../src/data/runtime/RuntimeBarSegments.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { InputField } from \"../../components/InputField\";\nimport { UiCheck, UiChevronDown } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  DropdownMenu,\n  type DropdownMenuItem,\n} from \"../../overlay/DropdownMenu\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  effortLevelColor,\n  effortLevelIcon,\n  effortLevelLabel,\n} from \"../chat/effort-icons\";\nimport { providerIcon } from \"../chat/provider-icons\";\nimport type { ChatModel } from \"../chat/types\";\nimport { runtimeFamilyBrand } from \"./RuntimeBar.model\";\nimport type { RuntimeBarValue } from \"./RuntimeBar\";\nimport { isUnavailable } from \"./availability\";\nimport {\n  modelsForFamily,\n  type SpecRuntimeFamily,\n  type SpecRuntimeModeOption,\n} from \"./runtime-mode\";\n\nexport type RuntimeBarSegmentsProps = {\n  value: RuntimeBarValue;\n  models: ChatModel[];\n  modelOptions: ChatModel[];\n  resolvedModel: ChatModel | undefined;\n  selectedModelUnavailable: boolean;\n  families: SpecRuntimeFamily[];\n  family: SpecRuntimeFamily;\n  mode: SpecRuntimeModeOption;\n  selectedMode: string;\n  reasoningEfforts: string[];\n  supportedEfforts: string[];\n  locked: boolean;\n  ariaLabel: string;\n  className?: string | undefined;\n  onBackendChange: (familyId: string, modeId: string) => void;\n  onCustomModel: (model: string) => void;\n  onModelSelect: (model: ChatModel) => void;\n  onModelClear: () => void;\n  onEffortChange: (effort: string) => void;\n};\n\nexport function RuntimeBarSegments({\n  value,\n  models,\n  modelOptions,\n  resolvedModel,\n  selectedModelUnavailable,\n  families,\n  family,\n  mode,\n  selectedMode,\n  reasoningEfforts,\n  supportedEfforts,\n  locked,\n  ariaLabel,\n  className,\n  onBackendChange,\n  onCustomModel,\n  onModelSelect,\n  onModelClear,\n  onEffortChange,\n}: RuntimeBarSegmentsProps) {\n  const brand = runtimeFamilyBrand(family);\n  const modelLabel = selectedModelUnavailable\n    ? \"Unavailable selection\"\n    : (resolvedModel?.label ?? value.model ?? \"Default\");\n\n  return (\n    <div\n      role=\"group\"\n      aria-label={ariaLabel}\n      className={cn(\n        \"inline-flex h-control-h w-fit max-w-full items-stretch overflow-hidden rounded-md border border-input bg-background\",\n        className,\n      )}\n    >\n      <RuntimeSegment\n        menuLabel=\"Family\"\n        title={`Family — ${family.label}`}\n        disabled={locked}\n        items={familyItems({\n          families,\n          models,\n          selectedId: family.id,\n          onSelect: (familyId) => onBackendChange(familyId, selectedMode),\n        })}\n      >\n        {brand.icon && (\n          <Icon\n            icon={brand.icon}\n            className={cn(\"size-4 shrink-0\", brand.color)}\n          />\n        )}\n        <span className={CAPTION_CLASS}>{family.label}</span>\n      </RuntimeSegment>\n      <RuntimeSegment\n        menuLabel=\"Runtime mode\"\n        title={mode.title ?? \"Runtime mode\"}\n        disabled={locked}\n        items={modeItems({\n          family,\n          selectedId: selectedMode,\n          onSelect: (modeId) => onBackendChange(family.id, modeId),\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={CAPTION_CLASS}>{mode.label}</span>\n      </RuntimeSegment>\n      <RuntimeSegment\n        menuLabel=\"Model\"\n        title={\n          selectedModelUnavailable\n            ? \"Model — unavailable selection\"\n            : value.model\n              ? `Model — ${value.model}`\n              : \"Model — prompt default\"\n        }\n        disabled={locked}\n        className=\"min-w-0 max-w-56 flex-1 [&>span]:min-w-0 [&>span]:w-full [&>span>button]:w-full\"\n        header={\n          <div className=\"grid gap-1\">\n            <span className={KEY_CLASS}>Model id</span>\n            <InputField\n              value={selectedModelUnavailable ? \"\" : (value.model ?? \"\")}\n              onChange={onCustomModel}\n              {...(selectedModelUnavailable\n                ? { placeholder: \"Unavailable selection\" }\n                : {})}\n              aria-label=\"Model id\"\n              disabled={locked}\n              inputClassName=\"font-mono text-xs\"\n              className=\"bg-background\"\n            />\n          </div>\n        }\n        items={modelItems({\n          models: modelOptions,\n          group: `${family.label} models`,\n          selectedId: selectedModelUnavailable\n            ? undefined\n            : (resolvedModel?.id ?? value.model),\n          onSelect: onModelSelect,\n          onClear: onModelClear,\n        })}\n      >\n        <span className=\"min-w-0 truncate font-mono text-xs text-foreground\">\n          {modelLabel}\n        </span>\n      </RuntimeSegment>\n      {supportedEfforts.length > 0 && (\n        <RuntimeSegment\n          menuLabel=\"Reasoning effort\"\n          title=\"Reasoning effort\"\n          items={effortItems({\n            offered: effortUniverse(\n              reasoningEfforts,\n              supportedEfforts,\n              value.effort,\n            ),\n            supported: supportedEfforts,\n            selected: value.effort,\n            onSelect: onEffortChange,\n          })}\n        >\n          <span className={KEY_CLASS}>Effort</span>\n          <EffortGlyph effort={value.effort} />\n          <span className={CAPTION_CLASS}>\n            {value.effort ? effortLevelLabel(value.effort) : \"None\"}\n          </span>\n        </RuntimeSegment>\n      )}\n    </div>\n  );\n}\n\nconst CAPTION_CLASS = \"truncate text-xs font-semibold text-foreground\";\nconst KEY_CLASS =\n  \"text-[11px] font-semibold uppercase leading-none tracking-wide text-muted-foreground\";\n\nfunction RuntimeSegment({\n  items,\n  menuLabel,\n  title,\n  header,\n  disabled = false,\n  className,\n  children,\n}: {\n  items: DropdownMenuItem[];\n  menuLabel: string;\n  title: string;\n  header?: ReactNode;\n  disabled?: boolean;\n  className?: string | undefined;\n  children: ReactNode;\n}) {\n  return (\n    <DropdownMenu\n      align=\"left\"\n      menuLabel={menuLabel}\n      items={items}\n      {...(header ? { header } : {})}\n      menuClassName=\"min-w-56 max-w-80\"\n      className={cn(\"border-l border-border first:border-l-0\", className)}\n      trigger={\n        <button\n          type=\"button\"\n          disabled={disabled}\n          title={title}\n          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\"\n        >\n          {children}\n          <Icon\n            icon={UiChevronDown}\n            className=\"size-3 shrink-0 text-muted-foreground/70\"\n          />\n        </button>\n      }\n    />\n  );\n}\n\nfunction EffortGlyph({ effort }: { effort?: string | undefined }) {\n  const glyph = effort ? effortLevelIcon(effort) : undefined;\n  if (!glyph) return null;\n  return (\n    <Icon\n      icon={glyph}\n      className={cn(\n        \"size-4 shrink-0\",\n        effort ? effortLevelColor(effort) : undefined,\n      )}\n    />\n  );\n}\n\nfunction itemLabel({\n  text,\n  hint,\n  selected,\n  stacked = false,\n}: {\n  text: string;\n  hint?: string | undefined;\n  selected: boolean;\n  stacked?: boolean | undefined;\n}): ReactNode {\n  return (\n    <>\n      <span className=\"min-w-0 flex-1\">\n        <span className={cn(\"block truncate\", selected && \"font-semibold\")}>\n          {text}\n        </span>\n        {hint && stacked && (\n          <span className=\"block whitespace-normal text-[11px] leading-4 text-muted-foreground\">\n            {hint}\n          </span>\n        )}\n      </span>\n      {hint && !stacked && (\n        <span className=\"shrink-0 text-[11px] text-muted-foreground\">\n          {hint}\n        </span>\n      )}\n      <Icon\n        icon={UiCheck}\n        className={cn(\n          \"size-3.5 shrink-0 text-primary\",\n          !selected && \"invisible\",\n        )}\n      />\n    </>\n  );\n}\n\nfunction familyItems({\n  families,\n  models,\n  selectedId,\n  onSelect,\n}: {\n  families: SpecRuntimeFamily[];\n  models: ChatModel[];\n  selectedId: string;\n  onSelect: (familyId: string) => void;\n}): DropdownMenuItem[] {\n  return families\n    .filter((family) =>\n      family.modes.some((mode) => !isUnavailable(mode.availability)),\n    )\n    .map((family) => {\n      const brand = runtimeFamilyBrand(family);\n      const count = modelsForFamily(models, family).length;\n      return {\n        group: \"Family\",\n        label: itemLabel({\n          text: family.label,\n          ...(count > 0 ? { hint: `${count} models` } : {}),\n          selected: family.id === selectedId,\n        }),\n        ...(brand.icon ? { icon: brand.icon } : {}),\n        onSelect: () => onSelect(family.id),\n      };\n    });\n}\n\nfunction modeItems({\n  family,\n  selectedId,\n  onSelect,\n}: {\n  family: SpecRuntimeFamily;\n  selectedId: string;\n  onSelect: (modeId: string) => void;\n}): DropdownMenuItem[] {\n  return family.modes\n    .filter((mode) => !isUnavailable(mode.availability))\n    .map((mode) => ({\n      group: \"Mode · runtime\",\n      label: itemLabel({\n        text: mode.label,\n        ...(mode.title ? { hint: mode.title } : {}),\n        selected: mode.id === selectedId,\n      }),\n      ...(mode.icon ? { icon: mode.icon } : {}),\n      ...(mode.title ? { title: mode.title } : {}),\n      onSelect: () => onSelect(mode.id),\n    }));\n}\n\nfunction modelItems({\n  models,\n  group,\n  selectedId,\n  onSelect,\n  onClear,\n}: {\n  models: ChatModel[];\n  group: string;\n  selectedId?: string | undefined;\n  onSelect: (model: ChatModel) => void;\n  onClear: () => void;\n}): DropdownMenuItem[] {\n  const clear: DropdownMenuItem = {\n    group: \"Model\",\n    label: itemLabel({\n      text: \"Prompt default\",\n      hint: \"no override\",\n      selected: !selectedId,\n    }),\n    onSelect: onClear,\n  };\n  return [\n    clear,\n    ...models.map((model) => {\n      const glyph: StaticIconComponent | undefined = providerIcon(\n        model.provider,\n      );\n      return {\n        group,\n        label: itemLabel({\n          text: model.label,\n          ...(model.id === model.label ? {} : { hint: model.id }),\n          selected: model.id === selectedId,\n          stacked: true,\n        }),\n        ...(glyph ? { icon: glyph } : {}),\n        onSelect: () => onSelect(model),\n      };\n    }),\n  ];\n}\n\nfunction effortItems({\n  offered,\n  supported,\n  selected,\n  onSelect,\n}: {\n  offered: string[];\n  supported: string[];\n  selected?: string | undefined;\n  onSelect: (effort: string) => void;\n}): DropdownMenuItem[] {\n  const current = selected?.trim() ?? \"\";\n  const none: DropdownMenuItem = {\n    group: \"Reasoning effort\",\n    label: itemLabel({\n      text: \"None\",\n      hint: \"single pass\",\n      selected: current === \"\",\n    }),\n    onSelect: () => onSelect(\"\"),\n  };\n  return [\n    none,\n    ...offered.map((effort) => {\n      const glyph = effortLevelIcon(effort);\n      const usable = supported.includes(effort);\n      return {\n        group: \"Reasoning effort\",\n        label: itemLabel({\n          text: effortLevelLabel(effort),\n          ...(usable ? {} : { hint: \"unsupported\" }),\n          selected: effort === current,\n        }),\n        ...(glyph ? { icon: glyph } : {}),\n        disabled: !usable,\n        onSelect: () => onSelect(effort),\n      };\n    }),\n  ];\n}\n\nfunction effortUniverse(\n  offered: readonly string[],\n  supported: readonly string[],\n  selected: string | undefined,\n): string[] {\n  const all = [...offered, ...supported, selected ?? \"\"]\n    .map((effort) => effort.trim())\n    .filter(Boolean);\n  return [...new Set(all)];\n}\n"],"names":["runtimeFamilyBrand","jsxs","cn","jsx","Icon","InputField","effortLevelLabel","DropdownMenu","UiChevronDown","effortLevelIcon","effortLevelColor","Fragment","UiCheck","isUnavailable","modelsForFamily","providerIcon"],"mappings":"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"}
+{"version":3,"file":"RuntimeBarSegments.cjs","sources":["../../../src/data/runtime/RuntimeBarSegments.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { InputField } from \"../../components/InputField\";\nimport { UiCheck, UiChevronDown } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  DropdownMenu,\n  type DropdownMenuItem,\n} from \"../../overlay/DropdownMenu\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  effortLevelColor,\n  effortLevelIcon,\n  effortLevelLabel,\n} from \"../chat/effort-icons\";\nimport { providerIcon } from \"../chat/provider-icons\";\nimport type { ChatModel } from \"../chat/types\";\nimport { runtimeFamilyBrand } from \"./RuntimeBar.model\";\nimport type { RuntimeBarValue } from \"./RuntimeBar\";\nimport { isUnavailable } from \"./availability\";\nimport {\n  modelsForFamily,\n  type SpecRuntimeFamily,\n  type SpecRuntimeModeOption,\n} from \"./runtime-mode\";\n\nexport type RuntimeBarSegmentsProps = {\n  value: RuntimeBarValue;\n  models: ChatModel[];\n  modelOptions: ChatModel[];\n  resolvedModel: ChatModel | undefined;\n  selectedModelUnavailable: boolean;\n  families: SpecRuntimeFamily[];\n  family: SpecRuntimeFamily;\n  mode: SpecRuntimeModeOption;\n  selectedMode: string;\n  reasoningEfforts: string[];\n  supportedEfforts: string[];\n  locked: boolean;\n  showModel: boolean;\n  showEffort: boolean;\n  ariaLabel: string;\n  className?: string | undefined;\n  onModeChange: (familyId: string, modeId: string) => void;\n  onCustomModel: (model: string) => void;\n  onModelSelect: (model: ChatModel) => void;\n  onModelClear: () => void;\n  onEffortChange: (effort: string) => void;\n};\n\nexport function RuntimeBarSegments({\n  value,\n  models,\n  modelOptions,\n  resolvedModel,\n  selectedModelUnavailable,\n  families,\n  family,\n  mode,\n  selectedMode,\n  reasoningEfforts,\n  supportedEfforts,\n  locked,\n  showModel,\n  showEffort,\n  ariaLabel,\n  className,\n  onModeChange,\n  onCustomModel,\n  onModelSelect,\n  onModelClear,\n  onEffortChange,\n}: RuntimeBarSegmentsProps) {\n  const brand = runtimeFamilyBrand(family);\n  const modelLabel = selectedModelUnavailable\n    ? \"Unavailable selection\"\n    : (resolvedModel?.label ?? value.model ?? \"Default\");\n\n  return (\n    <div\n      role=\"group\"\n      aria-label={ariaLabel}\n      className={cn(\n        \"inline-flex h-control-h w-fit max-w-full items-stretch overflow-hidden rounded-md border border-input bg-background\",\n        className,\n      )}\n    >\n      <RuntimeSegment\n        menuLabel=\"Family\"\n        title={`Family — ${family.label}`}\n        disabled={locked}\n        items={familyItems({\n          families,\n          models,\n          selectedId: family.id,\n          onSelect: (familyId) => onModeChange(familyId, selectedMode),\n        })}\n      >\n        {brand.icon && (\n          <Icon\n            icon={brand.icon}\n            className={cn(\"size-4 shrink-0\", brand.color)}\n          />\n        )}\n        <span className={CAPTION_CLASS}>{family.label}</span>\n      </RuntimeSegment>\n      <RuntimeSegment\n        menuLabel=\"Runtime mode\"\n        title={mode.title ?? \"Runtime mode\"}\n        disabled={locked}\n        items={modeItems({\n          family,\n          selectedId: selectedMode,\n          onSelect: (modeId) => onModeChange(family.id, modeId),\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={CAPTION_CLASS}>{mode.label}</span>\n      </RuntimeSegment>\n      {showModel && (\n        <RuntimeSegment\n          menuLabel=\"Model\"\n          title={\n            selectedModelUnavailable\n              ? \"Model — unavailable selection\"\n              : value.model\n                ? `Model — ${value.model}`\n                : \"Model — prompt default\"\n          }\n          disabled={locked}\n          className=\"min-w-0 max-w-56 flex-1 [&>span]:min-w-0 [&>span]:w-full [&>span>button]:w-full\"\n          header={\n            <div className=\"grid gap-1\">\n              <span className={KEY_CLASS}>Model id</span>\n              <InputField\n                value={selectedModelUnavailable ? \"\" : (value.model ?? \"\")}\n                onChange={onCustomModel}\n                {...(selectedModelUnavailable\n                  ? { placeholder: \"Unavailable selection\" }\n                  : {})}\n                aria-label=\"Model id\"\n                disabled={locked}\n                inputClassName=\"font-mono text-xs\"\n                className=\"bg-background\"\n              />\n            </div>\n          }\n          items={modelItems({\n            models: modelOptions,\n            group: `${family.label} models`,\n            selectedId: selectedModelUnavailable\n              ? undefined\n              : (resolvedModel?.id ?? value.model),\n            onSelect: onModelSelect,\n            onClear: onModelClear,\n          })}\n        >\n          <span className=\"min-w-0 truncate font-mono text-xs text-foreground\">\n            {modelLabel}\n          </span>\n        </RuntimeSegment>\n      )}\n      {showEffort && supportedEfforts.length > 0 && (\n        <RuntimeSegment\n          menuLabel=\"Reasoning effort\"\n          title=\"Reasoning effort\"\n          items={effortItems({\n            offered: effortUniverse(\n              reasoningEfforts,\n              supportedEfforts,\n              value.effort,\n            ),\n            supported: supportedEfforts,\n            selected: value.effort,\n            onSelect: onEffortChange,\n          })}\n        >\n          <span className={KEY_CLASS}>Effort</span>\n          <EffortGlyph effort={value.effort} />\n          <span className={CAPTION_CLASS}>\n            {value.effort ? effortLevelLabel(value.effort) : \"None\"}\n          </span>\n        </RuntimeSegment>\n      )}\n    </div>\n  );\n}\n\nconst CAPTION_CLASS = \"truncate text-xs font-semibold text-foreground\";\nconst KEY_CLASS =\n  \"text-[11px] font-semibold uppercase leading-none tracking-wide text-muted-foreground\";\n\nfunction RuntimeSegment({\n  items,\n  menuLabel,\n  title,\n  header,\n  disabled = false,\n  className,\n  children,\n}: {\n  items: DropdownMenuItem[];\n  menuLabel: string;\n  title: string;\n  header?: ReactNode;\n  disabled?: boolean;\n  className?: string | undefined;\n  children: ReactNode;\n}) {\n  return (\n    <DropdownMenu\n      align=\"left\"\n      menuLabel={menuLabel}\n      items={items}\n      {...(header ? { header } : {})}\n      menuClassName=\"min-w-56 max-w-80\"\n      className={cn(\"border-l border-border first:border-l-0\", className)}\n      trigger={\n        <button\n          type=\"button\"\n          disabled={disabled}\n          title={title}\n          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\"\n        >\n          {children}\n          <Icon\n            icon={UiChevronDown}\n            className=\"size-3 shrink-0 text-muted-foreground/70\"\n          />\n        </button>\n      }\n    />\n  );\n}\n\nfunction EffortGlyph({ effort }: { effort?: string | undefined }) {\n  const glyph = effort ? effortLevelIcon(effort) : undefined;\n  if (!glyph) return null;\n  return (\n    <Icon\n      icon={glyph}\n      className={cn(\n        \"size-4 shrink-0\",\n        effort ? effortLevelColor(effort) : undefined,\n      )}\n    />\n  );\n}\n\nfunction itemLabel({\n  text,\n  hint,\n  selected,\n  stacked = false,\n}: {\n  text: string;\n  hint?: string | undefined;\n  selected: boolean;\n  stacked?: boolean | undefined;\n}): ReactNode {\n  return (\n    <>\n      <span className=\"min-w-0 flex-1\">\n        <span className={cn(\"block truncate\", selected && \"font-semibold\")}>\n          {text}\n        </span>\n        {hint && stacked && (\n          <span className=\"block whitespace-normal text-[11px] leading-4 text-muted-foreground\">\n            {hint}\n          </span>\n        )}\n      </span>\n      {hint && !stacked && (\n        <span className=\"shrink-0 text-[11px] text-muted-foreground\">\n          {hint}\n        </span>\n      )}\n      <Icon\n        icon={UiCheck}\n        className={cn(\n          \"size-3.5 shrink-0 text-primary\",\n          !selected && \"invisible\",\n        )}\n      />\n    </>\n  );\n}\n\nfunction familyItems({\n  families,\n  models,\n  selectedId,\n  onSelect,\n}: {\n  families: SpecRuntimeFamily[];\n  models: ChatModel[];\n  selectedId: string;\n  onSelect: (familyId: string) => void;\n}): DropdownMenuItem[] {\n  return families\n    .filter((family) =>\n      family.modes.some((mode) => !isUnavailable(mode.availability)),\n    )\n    .map((family) => {\n      const brand = runtimeFamilyBrand(family);\n      const count = modelsForFamily(models, family).length;\n      return {\n        group: \"Family\",\n        label: itemLabel({\n          text: family.label,\n          ...(count > 0 ? { hint: `${count} models` } : {}),\n          selected: family.id === selectedId,\n        }),\n        ...(brand.icon ? { icon: brand.icon } : {}),\n        onSelect: () => onSelect(family.id),\n      };\n    });\n}\n\nfunction modeItems({\n  family,\n  selectedId,\n  onSelect,\n}: {\n  family: SpecRuntimeFamily;\n  selectedId: string;\n  onSelect: (modeId: string) => void;\n}): DropdownMenuItem[] {\n  return family.modes\n    .filter((mode) => !isUnavailable(mode.availability))\n    .map((mode) => ({\n      group: \"Mode · runtime\",\n      label: itemLabel({\n        text: mode.label,\n        ...(mode.title ? { hint: mode.title } : {}),\n        selected: mode.id === selectedId,\n      }),\n      ...(mode.icon ? { icon: mode.icon } : {}),\n      ...(mode.title ? { title: mode.title } : {}),\n      onSelect: () => onSelect(mode.id),\n    }));\n}\n\nfunction modelItems({\n  models,\n  group,\n  selectedId,\n  onSelect,\n  onClear,\n}: {\n  models: ChatModel[];\n  group: string;\n  selectedId?: string | undefined;\n  onSelect: (model: ChatModel) => void;\n  onClear: () => void;\n}): DropdownMenuItem[] {\n  const clear: DropdownMenuItem = {\n    group: \"Model\",\n    label: itemLabel({\n      text: \"Prompt default\",\n      hint: \"no override\",\n      selected: !selectedId,\n    }),\n    onSelect: onClear,\n  };\n  return [\n    clear,\n    ...models.map((model) => {\n      const glyph: StaticIconComponent | undefined = providerIcon(\n        model.provider,\n      );\n      return {\n        group,\n        label: itemLabel({\n          text: model.label,\n          ...(model.id === model.label ? {} : { hint: model.id }),\n          selected: model.id === selectedId,\n          stacked: true,\n        }),\n        ...(glyph ? { icon: glyph } : {}),\n        onSelect: () => onSelect(model),\n      };\n    }),\n  ];\n}\n\nfunction effortItems({\n  offered,\n  supported,\n  selected,\n  onSelect,\n}: {\n  offered: string[];\n  supported: string[];\n  selected?: string | undefined;\n  onSelect: (effort: string) => void;\n}): DropdownMenuItem[] {\n  const current = selected?.trim() ?? \"\";\n  const none: DropdownMenuItem = {\n    group: \"Reasoning effort\",\n    label: itemLabel({\n      text: \"None\",\n      hint: \"single pass\",\n      selected: current === \"\",\n    }),\n    onSelect: () => onSelect(\"\"),\n  };\n  return [\n    none,\n    ...offered.map((effort) => {\n      const glyph = effortLevelIcon(effort);\n      const usable = supported.includes(effort);\n      return {\n        group: \"Reasoning effort\",\n        label: itemLabel({\n          text: effortLevelLabel(effort),\n          ...(usable ? {} : { hint: \"unsupported\" }),\n          selected: effort === current,\n        }),\n        ...(glyph ? { icon: glyph } : {}),\n        disabled: !usable,\n        onSelect: () => onSelect(effort),\n      };\n    }),\n  ];\n}\n\nfunction effortUniverse(\n  offered: readonly string[],\n  supported: readonly string[],\n  selected: string | undefined,\n): string[] {\n  const all = [...offered, ...supported, selected ?? \"\"]\n    .map((effort) => effort.trim())\n    .filter(Boolean);\n  return [...new Set(all)];\n}\n"],"names":["runtimeFamilyBrand","jsxs","cn","jsx","Icon","InputField","effortLevelLabel","DropdownMenu","UiChevronDown","effortLevelIcon","effortLevelColor","Fragment","UiCheck","isUnavailable","modelsForFamily","providerIcon"],"mappings":"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"}

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

@@ -14,13 +14,15 @@ export type RuntimeBarSegmentsProps = {
     reasoningEfforts: string[];
     supportedEfforts: string[];
     locked: boolean;
+    showModel: boolean;
+    showEffort: boolean;
     ariaLabel: string;
     className?: string | undefined;
-    onBackendChange: (familyId: string, modeId: string) => void;
+    onModeChange: (familyId: string, modeId: string) => void;
     onCustomModel: (model: string) => void;
     onModelSelect: (model: ChatModel) => void;
     onModelClear: () => void;
     onEffortChange: (effort: string) => void;
 };
-export declare function RuntimeBarSegments({ value, models, modelOptions, resolvedModel, selectedModelUnavailable, families, family, mode, selectedMode, reasoningEfforts, supportedEfforts, locked, ariaLabel, className, onBackendChange, onCustomModel, onModelSelect, onModelClear, onEffortChange, }: RuntimeBarSegmentsProps): import("react/jsx-runtime").JSX.Element;
+export declare function RuntimeBarSegments({ value, models, modelOptions, resolvedModel, selectedModelUnavailable, families, family, mode, selectedMode, reasoningEfforts, supportedEfforts, locked, showModel, showEffort, ariaLabel, className, onModeChange, onCustomModel, onModelSelect, onModelClear, onEffortChange, }: RuntimeBarSegmentsProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=RuntimeBarSegments.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RuntimeBarSegments.d.ts","sourceRoot":"","sources":["../../../src/data/runtime/RuntimeBarSegments.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC3B,MAAM,gBAAgB,CAAC;AAExB,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,eAAe,CAAC;IACvB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,YAAY,EAAE,SAAS,EAAE,CAAC;IAC1B,aAAa,EAAE,SAAS,GAAG,SAAS,CAAC;IACrC,wBAAwB,EAAE,OAAO,CAAC;IAClC,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,IAAI,EAAE,qBAAqB,CAAC;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,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,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,aAAa,EAAE,CAAC,KAAK,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,kBAAkB,CAAC,EACjC,KAAK,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,wBAAwB,EACxB,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,MAAM,EACN,SAAS,EACT,SAAS,EACT,eAAe,EACf,aAAa,EACb,aAAa,EACb,YAAY,EACZ,cAAc,GACf,EAAE,uBAAuB,2CAqHzB"}
+{"version":3,"file":"RuntimeBarSegments.d.ts","sourceRoot":"","sources":["../../../src/data/runtime/RuntimeBarSegments.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC3B,MAAM,gBAAgB,CAAC;AAExB,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,eAAe,CAAC;IACvB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,YAAY,EAAE,SAAS,EAAE,CAAC;IAC1B,aAAa,EAAE,SAAS,GAAG,SAAS,CAAC;IACrC,wBAAwB,EAAE,OAAO,CAAC;IAClC,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,IAAI,EAAE,qBAAqB,CAAC;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,aAAa,EAAE,CAAC,KAAK,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,kBAAkB,CAAC,EACjC,KAAK,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,wBAAwB,EACxB,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,MAAM,EACN,SAAS,EACT,UAAU,EACV,SAAS,EACT,SAAS,EACT,YAAY,EACZ,aAAa,EACb,aAAa,EACb,YAAY,EACZ,cAAc,GACf,EAAE,uBAAuB,2CAuHzB"}

package/dist/data/runtime/RuntimeBarSegments.js

@@ -23,9 +23,11 @@ function RuntimeBarSegments({
   reasoningEfforts,
   supportedEfforts,
   locked,
+  showModel,
+  showEffort,
   ariaLabel,
   className,
-  onBackendChange,
+  onModeChange,
   onCustomModel,
   onModelSelect,
   onModelClear,
@@ -53,7 +55,7 @@ function RuntimeBarSegments({
               families,
               models,
               selectedId: family.id,
-              onSelect: (familyId) => onBackendChange(familyId, selectedMode)
+              onSelect: (familyId) => onModeChange(familyId, selectedMode)
             }),
             children: [
               brand.icon && /* @__PURE__ */ jsx(
@@ -76,7 +78,7 @@ function RuntimeBarSegments({
             items: modeItems({
               family,
               selectedId: selectedMode,
-              onSelect: (modeId) => onBackendChange(family.id, modeId)
+              onSelect: (modeId) => onModeChange(family.id, modeId)
             }),
             children: [
               mode.icon && /* @__PURE__ */ jsx(
@@ -90,7 +92,7 @@ function RuntimeBarSegments({
             ]
           }
         ),
-        /* @__PURE__ */ jsx(
+        showModel && /* @__PURE__ */ jsx(
           RuntimeSegment,
           {
             menuLabel: "Model",
@@ -122,7 +124,7 @@ function RuntimeBarSegments({
             children: /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate font-mono text-xs text-foreground", children: modelLabel })
           }
         ),
-        supportedEfforts.length > 0 && /* @__PURE__ */ jsxs(
+        showEffort && supportedEfforts.length > 0 && /* @__PURE__ */ jsxs(
           RuntimeSegment,
           {
             menuLabel: "Reasoning effort",

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

@@ -1 +1 @@
-{"version":3,"file":"RuntimeBarSegments.js","sources":["../../../src/data/runtime/RuntimeBarSegments.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { InputField } from \"../../components/InputField\";\nimport { UiCheck, UiChevronDown } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  DropdownMenu,\n  type DropdownMenuItem,\n} from \"../../overlay/DropdownMenu\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  effortLevelColor,\n  effortLevelIcon,\n  effortLevelLabel,\n} from \"../chat/effort-icons\";\nimport { providerIcon } from \"../chat/provider-icons\";\nimport type { ChatModel } from \"../chat/types\";\nimport { runtimeFamilyBrand } from \"./RuntimeBar.model\";\nimport type { RuntimeBarValue } from \"./RuntimeBar\";\nimport { isUnavailable } from \"./availability\";\nimport {\n  modelsForFamily,\n  type SpecRuntimeFamily,\n  type SpecRuntimeModeOption,\n} from \"./runtime-mode\";\n\nexport type RuntimeBarSegmentsProps = {\n  value: RuntimeBarValue;\n  models: ChatModel[];\n  modelOptions: ChatModel[];\n  resolvedModel: ChatModel | undefined;\n  selectedModelUnavailable: boolean;\n  families: SpecRuntimeFamily[];\n  family: SpecRuntimeFamily;\n  mode: SpecRuntimeModeOption;\n  selectedMode: string;\n  reasoningEfforts: string[];\n  supportedEfforts: string[];\n  locked: boolean;\n  ariaLabel: string;\n  className?: string | undefined;\n  onBackendChange: (familyId: string, modeId: string) => void;\n  onCustomModel: (model: string) => void;\n  onModelSelect: (model: ChatModel) => void;\n  onModelClear: () => void;\n  onEffortChange: (effort: string) => void;\n};\n\nexport function RuntimeBarSegments({\n  value,\n  models,\n  modelOptions,\n  resolvedModel,\n  selectedModelUnavailable,\n  families,\n  family,\n  mode,\n  selectedMode,\n  reasoningEfforts,\n  supportedEfforts,\n  locked,\n  ariaLabel,\n  className,\n  onBackendChange,\n  onCustomModel,\n  onModelSelect,\n  onModelClear,\n  onEffortChange,\n}: RuntimeBarSegmentsProps) {\n  const brand = runtimeFamilyBrand(family);\n  const modelLabel = selectedModelUnavailable\n    ? \"Unavailable selection\"\n    : (resolvedModel?.label ?? value.model ?? \"Default\");\n\n  return (\n    <div\n      role=\"group\"\n      aria-label={ariaLabel}\n      className={cn(\n        \"inline-flex h-control-h w-fit max-w-full items-stretch overflow-hidden rounded-md border border-input bg-background\",\n        className,\n      )}\n    >\n      <RuntimeSegment\n        menuLabel=\"Family\"\n        title={`Family — ${family.label}`}\n        disabled={locked}\n        items={familyItems({\n          families,\n          models,\n          selectedId: family.id,\n          onSelect: (familyId) => onBackendChange(familyId, selectedMode),\n        })}\n      >\n        {brand.icon && (\n          <Icon\n            icon={brand.icon}\n            className={cn(\"size-4 shrink-0\", brand.color)}\n          />\n        )}\n        <span className={CAPTION_CLASS}>{family.label}</span>\n      </RuntimeSegment>\n      <RuntimeSegment\n        menuLabel=\"Runtime mode\"\n        title={mode.title ?? \"Runtime mode\"}\n        disabled={locked}\n        items={modeItems({\n          family,\n          selectedId: selectedMode,\n          onSelect: (modeId) => onBackendChange(family.id, modeId),\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={CAPTION_CLASS}>{mode.label}</span>\n      </RuntimeSegment>\n      <RuntimeSegment\n        menuLabel=\"Model\"\n        title={\n          selectedModelUnavailable\n            ? \"Model — unavailable selection\"\n            : value.model\n              ? `Model — ${value.model}`\n              : \"Model — prompt default\"\n        }\n        disabled={locked}\n        className=\"min-w-0 max-w-56 flex-1 [&>span]:min-w-0 [&>span]:w-full [&>span>button]:w-full\"\n        header={\n          <div className=\"grid gap-1\">\n            <span className={KEY_CLASS}>Model id</span>\n            <InputField\n              value={selectedModelUnavailable ? \"\" : (value.model ?? \"\")}\n              onChange={onCustomModel}\n              {...(selectedModelUnavailable\n                ? { placeholder: \"Unavailable selection\" }\n                : {})}\n              aria-label=\"Model id\"\n              disabled={locked}\n              inputClassName=\"font-mono text-xs\"\n              className=\"bg-background\"\n            />\n          </div>\n        }\n        items={modelItems({\n          models: modelOptions,\n          group: `${family.label} models`,\n          selectedId: selectedModelUnavailable\n            ? undefined\n            : (resolvedModel?.id ?? value.model),\n          onSelect: onModelSelect,\n          onClear: onModelClear,\n        })}\n      >\n        <span className=\"min-w-0 truncate font-mono text-xs text-foreground\">\n          {modelLabel}\n        </span>\n      </RuntimeSegment>\n      {supportedEfforts.length > 0 && (\n        <RuntimeSegment\n          menuLabel=\"Reasoning effort\"\n          title=\"Reasoning effort\"\n          items={effortItems({\n            offered: effortUniverse(\n              reasoningEfforts,\n              supportedEfforts,\n              value.effort,\n            ),\n            supported: supportedEfforts,\n            selected: value.effort,\n            onSelect: onEffortChange,\n          })}\n        >\n          <span className={KEY_CLASS}>Effort</span>\n          <EffortGlyph effort={value.effort} />\n          <span className={CAPTION_CLASS}>\n            {value.effort ? effortLevelLabel(value.effort) : \"None\"}\n          </span>\n        </RuntimeSegment>\n      )}\n    </div>\n  );\n}\n\nconst CAPTION_CLASS = \"truncate text-xs font-semibold text-foreground\";\nconst KEY_CLASS =\n  \"text-[11px] font-semibold uppercase leading-none tracking-wide text-muted-foreground\";\n\nfunction RuntimeSegment({\n  items,\n  menuLabel,\n  title,\n  header,\n  disabled = false,\n  className,\n  children,\n}: {\n  items: DropdownMenuItem[];\n  menuLabel: string;\n  title: string;\n  header?: ReactNode;\n  disabled?: boolean;\n  className?: string | undefined;\n  children: ReactNode;\n}) {\n  return (\n    <DropdownMenu\n      align=\"left\"\n      menuLabel={menuLabel}\n      items={items}\n      {...(header ? { header } : {})}\n      menuClassName=\"min-w-56 max-w-80\"\n      className={cn(\"border-l border-border first:border-l-0\", className)}\n      trigger={\n        <button\n          type=\"button\"\n          disabled={disabled}\n          title={title}\n          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\"\n        >\n          {children}\n          <Icon\n            icon={UiChevronDown}\n            className=\"size-3 shrink-0 text-muted-foreground/70\"\n          />\n        </button>\n      }\n    />\n  );\n}\n\nfunction EffortGlyph({ effort }: { effort?: string | undefined }) {\n  const glyph = effort ? effortLevelIcon(effort) : undefined;\n  if (!glyph) return null;\n  return (\n    <Icon\n      icon={glyph}\n      className={cn(\n        \"size-4 shrink-0\",\n        effort ? effortLevelColor(effort) : undefined,\n      )}\n    />\n  );\n}\n\nfunction itemLabel({\n  text,\n  hint,\n  selected,\n  stacked = false,\n}: {\n  text: string;\n  hint?: string | undefined;\n  selected: boolean;\n  stacked?: boolean | undefined;\n}): ReactNode {\n  return (\n    <>\n      <span className=\"min-w-0 flex-1\">\n        <span className={cn(\"block truncate\", selected && \"font-semibold\")}>\n          {text}\n        </span>\n        {hint && stacked && (\n          <span className=\"block whitespace-normal text-[11px] leading-4 text-muted-foreground\">\n            {hint}\n          </span>\n        )}\n      </span>\n      {hint && !stacked && (\n        <span className=\"shrink-0 text-[11px] text-muted-foreground\">\n          {hint}\n        </span>\n      )}\n      <Icon\n        icon={UiCheck}\n        className={cn(\n          \"size-3.5 shrink-0 text-primary\",\n          !selected && \"invisible\",\n        )}\n      />\n    </>\n  );\n}\n\nfunction familyItems({\n  families,\n  models,\n  selectedId,\n  onSelect,\n}: {\n  families: SpecRuntimeFamily[];\n  models: ChatModel[];\n  selectedId: string;\n  onSelect: (familyId: string) => void;\n}): DropdownMenuItem[] {\n  return families\n    .filter((family) =>\n      family.modes.some((mode) => !isUnavailable(mode.availability)),\n    )\n    .map((family) => {\n      const brand = runtimeFamilyBrand(family);\n      const count = modelsForFamily(models, family).length;\n      return {\n        group: \"Family\",\n        label: itemLabel({\n          text: family.label,\n          ...(count > 0 ? { hint: `${count} models` } : {}),\n          selected: family.id === selectedId,\n        }),\n        ...(brand.icon ? { icon: brand.icon } : {}),\n        onSelect: () => onSelect(family.id),\n      };\n    });\n}\n\nfunction modeItems({\n  family,\n  selectedId,\n  onSelect,\n}: {\n  family: SpecRuntimeFamily;\n  selectedId: string;\n  onSelect: (modeId: string) => void;\n}): DropdownMenuItem[] {\n  return family.modes\n    .filter((mode) => !isUnavailable(mode.availability))\n    .map((mode) => ({\n      group: \"Mode · runtime\",\n      label: itemLabel({\n        text: mode.label,\n        ...(mode.title ? { hint: mode.title } : {}),\n        selected: mode.id === selectedId,\n      }),\n      ...(mode.icon ? { icon: mode.icon } : {}),\n      ...(mode.title ? { title: mode.title } : {}),\n      onSelect: () => onSelect(mode.id),\n    }));\n}\n\nfunction modelItems({\n  models,\n  group,\n  selectedId,\n  onSelect,\n  onClear,\n}: {\n  models: ChatModel[];\n  group: string;\n  selectedId?: string | undefined;\n  onSelect: (model: ChatModel) => void;\n  onClear: () => void;\n}): DropdownMenuItem[] {\n  const clear: DropdownMenuItem = {\n    group: \"Model\",\n    label: itemLabel({\n      text: \"Prompt default\",\n      hint: \"no override\",\n      selected: !selectedId,\n    }),\n    onSelect: onClear,\n  };\n  return [\n    clear,\n    ...models.map((model) => {\n      const glyph: StaticIconComponent | undefined = providerIcon(\n        model.provider,\n      );\n      return {\n        group,\n        label: itemLabel({\n          text: model.label,\n          ...(model.id === model.label ? {} : { hint: model.id }),\n          selected: model.id === selectedId,\n          stacked: true,\n        }),\n        ...(glyph ? { icon: glyph } : {}),\n        onSelect: () => onSelect(model),\n      };\n    }),\n  ];\n}\n\nfunction effortItems({\n  offered,\n  supported,\n  selected,\n  onSelect,\n}: {\n  offered: string[];\n  supported: string[];\n  selected?: string | undefined;\n  onSelect: (effort: string) => void;\n}): DropdownMenuItem[] {\n  const current = selected?.trim() ?? \"\";\n  const none: DropdownMenuItem = {\n    group: \"Reasoning effort\",\n    label: itemLabel({\n      text: \"None\",\n      hint: \"single pass\",\n      selected: current === \"\",\n    }),\n    onSelect: () => onSelect(\"\"),\n  };\n  return [\n    none,\n    ...offered.map((effort) => {\n      const glyph = effortLevelIcon(effort);\n      const usable = supported.includes(effort);\n      return {\n        group: \"Reasoning effort\",\n        label: itemLabel({\n          text: effortLevelLabel(effort),\n          ...(usable ? {} : { hint: \"unsupported\" }),\n          selected: effort === current,\n        }),\n        ...(glyph ? { icon: glyph } : {}),\n        disabled: !usable,\n        onSelect: () => onSelect(effort),\n      };\n    }),\n  ];\n}\n\nfunction effortUniverse(\n  offered: readonly string[],\n  supported: readonly string[],\n  selected: string | undefined,\n): string[] {\n  const all = [...offered, ...supported, selected ?? \"\"]\n    .map((effort) => effort.trim())\n    .filter(Boolean);\n  return [...new Set(all)];\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"RuntimeBarSegments.js","sources":["../../../src/data/runtime/RuntimeBarSegments.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { InputField } from \"../../components/InputField\";\nimport { UiCheck, UiChevronDown } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  DropdownMenu,\n  type DropdownMenuItem,\n} from \"../../overlay/DropdownMenu\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  effortLevelColor,\n  effortLevelIcon,\n  effortLevelLabel,\n} from \"../chat/effort-icons\";\nimport { providerIcon } from \"../chat/provider-icons\";\nimport type { ChatModel } from \"../chat/types\";\nimport { runtimeFamilyBrand } from \"./RuntimeBar.model\";\nimport type { RuntimeBarValue } from \"./RuntimeBar\";\nimport { isUnavailable } from \"./availability\";\nimport {\n  modelsForFamily,\n  type SpecRuntimeFamily,\n  type SpecRuntimeModeOption,\n} from \"./runtime-mode\";\n\nexport type RuntimeBarSegmentsProps = {\n  value: RuntimeBarValue;\n  models: ChatModel[];\n  modelOptions: ChatModel[];\n  resolvedModel: ChatModel | undefined;\n  selectedModelUnavailable: boolean;\n  families: SpecRuntimeFamily[];\n  family: SpecRuntimeFamily;\n  mode: SpecRuntimeModeOption;\n  selectedMode: string;\n  reasoningEfforts: string[];\n  supportedEfforts: string[];\n  locked: boolean;\n  showModel: boolean;\n  showEffort: boolean;\n  ariaLabel: string;\n  className?: string | undefined;\n  onModeChange: (familyId: string, modeId: string) => void;\n  onCustomModel: (model: string) => void;\n  onModelSelect: (model: ChatModel) => void;\n  onModelClear: () => void;\n  onEffortChange: (effort: string) => void;\n};\n\nexport function RuntimeBarSegments({\n  value,\n  models,\n  modelOptions,\n  resolvedModel,\n  selectedModelUnavailable,\n  families,\n  family,\n  mode,\n  selectedMode,\n  reasoningEfforts,\n  supportedEfforts,\n  locked,\n  showModel,\n  showEffort,\n  ariaLabel,\n  className,\n  onModeChange,\n  onCustomModel,\n  onModelSelect,\n  onModelClear,\n  onEffortChange,\n}: RuntimeBarSegmentsProps) {\n  const brand = runtimeFamilyBrand(family);\n  const modelLabel = selectedModelUnavailable\n    ? \"Unavailable selection\"\n    : (resolvedModel?.label ?? value.model ?? \"Default\");\n\n  return (\n    <div\n      role=\"group\"\n      aria-label={ariaLabel}\n      className={cn(\n        \"inline-flex h-control-h w-fit max-w-full items-stretch overflow-hidden rounded-md border border-input bg-background\",\n        className,\n      )}\n    >\n      <RuntimeSegment\n        menuLabel=\"Family\"\n        title={`Family — ${family.label}`}\n        disabled={locked}\n        items={familyItems({\n          families,\n          models,\n          selectedId: family.id,\n          onSelect: (familyId) => onModeChange(familyId, selectedMode),\n        })}\n      >\n        {brand.icon && (\n          <Icon\n            icon={brand.icon}\n            className={cn(\"size-4 shrink-0\", brand.color)}\n          />\n        )}\n        <span className={CAPTION_CLASS}>{family.label}</span>\n      </RuntimeSegment>\n      <RuntimeSegment\n        menuLabel=\"Runtime mode\"\n        title={mode.title ?? \"Runtime mode\"}\n        disabled={locked}\n        items={modeItems({\n          family,\n          selectedId: selectedMode,\n          onSelect: (modeId) => onModeChange(family.id, modeId),\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={CAPTION_CLASS}>{mode.label}</span>\n      </RuntimeSegment>\n      {showModel && (\n        <RuntimeSegment\n          menuLabel=\"Model\"\n          title={\n            selectedModelUnavailable\n              ? \"Model — unavailable selection\"\n              : value.model\n                ? `Model — ${value.model}`\n                : \"Model — prompt default\"\n          }\n          disabled={locked}\n          className=\"min-w-0 max-w-56 flex-1 [&>span]:min-w-0 [&>span]:w-full [&>span>button]:w-full\"\n          header={\n            <div className=\"grid gap-1\">\n              <span className={KEY_CLASS}>Model id</span>\n              <InputField\n                value={selectedModelUnavailable ? \"\" : (value.model ?? \"\")}\n                onChange={onCustomModel}\n                {...(selectedModelUnavailable\n                  ? { placeholder: \"Unavailable selection\" }\n                  : {})}\n                aria-label=\"Model id\"\n                disabled={locked}\n                inputClassName=\"font-mono text-xs\"\n                className=\"bg-background\"\n              />\n            </div>\n          }\n          items={modelItems({\n            models: modelOptions,\n            group: `${family.label} models`,\n            selectedId: selectedModelUnavailable\n              ? undefined\n              : (resolvedModel?.id ?? value.model),\n            onSelect: onModelSelect,\n            onClear: onModelClear,\n          })}\n        >\n          <span className=\"min-w-0 truncate font-mono text-xs text-foreground\">\n            {modelLabel}\n          </span>\n        </RuntimeSegment>\n      )}\n      {showEffort && supportedEfforts.length > 0 && (\n        <RuntimeSegment\n          menuLabel=\"Reasoning effort\"\n          title=\"Reasoning effort\"\n          items={effortItems({\n            offered: effortUniverse(\n              reasoningEfforts,\n              supportedEfforts,\n              value.effort,\n            ),\n            supported: supportedEfforts,\n            selected: value.effort,\n            onSelect: onEffortChange,\n          })}\n        >\n          <span className={KEY_CLASS}>Effort</span>\n          <EffortGlyph effort={value.effort} />\n          <span className={CAPTION_CLASS}>\n            {value.effort ? effortLevelLabel(value.effort) : \"None\"}\n          </span>\n        </RuntimeSegment>\n      )}\n    </div>\n  );\n}\n\nconst CAPTION_CLASS = \"truncate text-xs font-semibold text-foreground\";\nconst KEY_CLASS =\n  \"text-[11px] font-semibold uppercase leading-none tracking-wide text-muted-foreground\";\n\nfunction RuntimeSegment({\n  items,\n  menuLabel,\n  title,\n  header,\n  disabled = false,\n  className,\n  children,\n}: {\n  items: DropdownMenuItem[];\n  menuLabel: string;\n  title: string;\n  header?: ReactNode;\n  disabled?: boolean;\n  className?: string | undefined;\n  children: ReactNode;\n}) {\n  return (\n    <DropdownMenu\n      align=\"left\"\n      menuLabel={menuLabel}\n      items={items}\n      {...(header ? { header } : {})}\n      menuClassName=\"min-w-56 max-w-80\"\n      className={cn(\"border-l border-border first:border-l-0\", className)}\n      trigger={\n        <button\n          type=\"button\"\n          disabled={disabled}\n          title={title}\n          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\"\n        >\n          {children}\n          <Icon\n            icon={UiChevronDown}\n            className=\"size-3 shrink-0 text-muted-foreground/70\"\n          />\n        </button>\n      }\n    />\n  );\n}\n\nfunction EffortGlyph({ effort }: { effort?: string | undefined }) {\n  const glyph = effort ? effortLevelIcon(effort) : undefined;\n  if (!glyph) return null;\n  return (\n    <Icon\n      icon={glyph}\n      className={cn(\n        \"size-4 shrink-0\",\n        effort ? effortLevelColor(effort) : undefined,\n      )}\n    />\n  );\n}\n\nfunction itemLabel({\n  text,\n  hint,\n  selected,\n  stacked = false,\n}: {\n  text: string;\n  hint?: string | undefined;\n  selected: boolean;\n  stacked?: boolean | undefined;\n}): ReactNode {\n  return (\n    <>\n      <span className=\"min-w-0 flex-1\">\n        <span className={cn(\"block truncate\", selected && \"font-semibold\")}>\n          {text}\n        </span>\n        {hint && stacked && (\n          <span className=\"block whitespace-normal text-[11px] leading-4 text-muted-foreground\">\n            {hint}\n          </span>\n        )}\n      </span>\n      {hint && !stacked && (\n        <span className=\"shrink-0 text-[11px] text-muted-foreground\">\n          {hint}\n        </span>\n      )}\n      <Icon\n        icon={UiCheck}\n        className={cn(\n          \"size-3.5 shrink-0 text-primary\",\n          !selected && \"invisible\",\n        )}\n      />\n    </>\n  );\n}\n\nfunction familyItems({\n  families,\n  models,\n  selectedId,\n  onSelect,\n}: {\n  families: SpecRuntimeFamily[];\n  models: ChatModel[];\n  selectedId: string;\n  onSelect: (familyId: string) => void;\n}): DropdownMenuItem[] {\n  return families\n    .filter((family) =>\n      family.modes.some((mode) => !isUnavailable(mode.availability)),\n    )\n    .map((family) => {\n      const brand = runtimeFamilyBrand(family);\n      const count = modelsForFamily(models, family).length;\n      return {\n        group: \"Family\",\n        label: itemLabel({\n          text: family.label,\n          ...(count > 0 ? { hint: `${count} models` } : {}),\n          selected: family.id === selectedId,\n        }),\n        ...(brand.icon ? { icon: brand.icon } : {}),\n        onSelect: () => onSelect(family.id),\n      };\n    });\n}\n\nfunction modeItems({\n  family,\n  selectedId,\n  onSelect,\n}: {\n  family: SpecRuntimeFamily;\n  selectedId: string;\n  onSelect: (modeId: string) => void;\n}): DropdownMenuItem[] {\n  return family.modes\n    .filter((mode) => !isUnavailable(mode.availability))\n    .map((mode) => ({\n      group: \"Mode · runtime\",\n      label: itemLabel({\n        text: mode.label,\n        ...(mode.title ? { hint: mode.title } : {}),\n        selected: mode.id === selectedId,\n      }),\n      ...(mode.icon ? { icon: mode.icon } : {}),\n      ...(mode.title ? { title: mode.title } : {}),\n      onSelect: () => onSelect(mode.id),\n    }));\n}\n\nfunction modelItems({\n  models,\n  group,\n  selectedId,\n  onSelect,\n  onClear,\n}: {\n  models: ChatModel[];\n  group: string;\n  selectedId?: string | undefined;\n  onSelect: (model: ChatModel) => void;\n  onClear: () => void;\n}): DropdownMenuItem[] {\n  const clear: DropdownMenuItem = {\n    group: \"Model\",\n    label: itemLabel({\n      text: \"Prompt default\",\n      hint: \"no override\",\n      selected: !selectedId,\n    }),\n    onSelect: onClear,\n  };\n  return [\n    clear,\n    ...models.map((model) => {\n      const glyph: StaticIconComponent | undefined = providerIcon(\n        model.provider,\n      );\n      return {\n        group,\n        label: itemLabel({\n          text: model.label,\n          ...(model.id === model.label ? {} : { hint: model.id }),\n          selected: model.id === selectedId,\n          stacked: true,\n        }),\n        ...(glyph ? { icon: glyph } : {}),\n        onSelect: () => onSelect(model),\n      };\n    }),\n  ];\n}\n\nfunction effortItems({\n  offered,\n  supported,\n  selected,\n  onSelect,\n}: {\n  offered: string[];\n  supported: string[];\n  selected?: string | undefined;\n  onSelect: (effort: string) => void;\n}): DropdownMenuItem[] {\n  const current = selected?.trim() ?? \"\";\n  const none: DropdownMenuItem = {\n    group: \"Reasoning effort\",\n    label: itemLabel({\n      text: \"None\",\n      hint: \"single pass\",\n      selected: current === \"\",\n    }),\n    onSelect: () => onSelect(\"\"),\n  };\n  return [\n    none,\n    ...offered.map((effort) => {\n      const glyph = effortLevelIcon(effort);\n      const usable = supported.includes(effort);\n      return {\n        group: \"Reasoning effort\",\n        label: itemLabel({\n          text: effortLevelLabel(effort),\n          ...(usable ? {} : { hint: \"unsupported\" }),\n          selected: effort === current,\n        }),\n        ...(glyph ? { icon: glyph } : {}),\n        disabled: !usable,\n        onSelect: () => onSelect(effort),\n      };\n    }),\n  ];\n}\n\nfunction effortUniverse(\n  offered: readonly string[],\n  supported: readonly string[],\n  selected: string | undefined,\n): string[] {\n  const all = [...offered, ...supported, selected ?? \"\"]\n    .map((effort) => effort.trim())\n    .filter(Boolean);\n  return [...new Set(all)];\n}\n"],"names":[],"mappings":"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"}

package/dist/data/runtime/model-capabilities.cjs

@@ -10,15 +10,12 @@ function reconcileModelCapabilities(value, model, fallbackEfforts, execution) {
   if (model == null ? void 0 : model.runtime) {
     delete next.model;
     delete next.id;
-    delete next.backend;
     delete next.mode;
     Object.assign(next, model.runtime);
   } else if (model) {
     next.model = model.id;
   }
   if (execution) {
-    if (execution.backend) next.backend = execution.backend;
-    else delete next.backend;
     if (execution.mode) next.mode = execution.mode;
     else delete next.mode;
   }

package/dist/data/runtime/model-capabilities.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"model-capabilities.cjs","sources":["../../../src/data/runtime/model-capabilities.ts"],"sourcesContent":["import type { ChatModel, ChatModelRuntime } from \"../chat/types\";\n\n// Runtime controls and catalog rows share one wire shape. Reconciliation copies\n// catalog identity while retaining user-owned runtime options that remain valid.\nexport type ModelRuntimeSelection = ChatModelRuntime;\n\n/** Lists the effort values accepted by the selected catalog model. */\nexport function effortOptionsForModel(\n  model: ChatModel | undefined,\n  fallbackEfforts: readonly string[],\n): string[] {\n  if (!model?.capabilitiesKnown) return [...fallbackEfforts];\n  if (!model.reasoning) return [];\n  return [...(model.supportedEfforts ?? [])];\n}\n\n/** Applies catalog identity and capabilities under the caller's execution policy. */\nexport function reconcileModelCapabilities<T extends ModelRuntimeSelection>(\n  value: T,\n  model: ChatModel | undefined,\n  fallbackEfforts: readonly string[],\n  execution?: {\n    backend: string | undefined;\n    mode: string | undefined;\n  },\n): T {\n  const next = { ...value } as ModelRuntimeSelection;\n  if (model?.runtime) {\n    delete next.model;\n    delete next.id;\n    delete next.backend;\n    delete next.mode;\n    Object.assign(next, model.runtime);\n  } else if (model) {\n    next.model = model.id;\n  }\n\n  if (execution) {\n    if (execution.backend) next.backend = execution.backend;\n    else delete next.backend;\n    if (execution.mode) next.mode = execution.mode;\n    else delete next.mode;\n  }\n\n  const efforts = effortOptionsForModel(model, fallbackEfforts);\n  if (model?.capabilitiesKnown && efforts.length === 0) {\n    delete next.effort;\n  } else if (\n    efforts.length > 0 &&\n    (!next.effort || !efforts.includes(next.effort))\n  ) {\n    const preferred = model?.defaultEffort;\n    next.effort =\n      preferred && efforts.includes(preferred)\n        ? preferred\n        : efforts.includes(\"medium\")\n          ? \"medium\"\n        : efforts[0]!;\n  }\n\n  if (model?.temperature === false) delete next.temperature;\n  return next as T;\n}\n"],"names":[],"mappings":";;AAOO,SAAS,sBACd,OACA,iBACU;AACV,MAAI,EAAC,+BAAO,mBAAmB,QAAO,CAAC,GAAG,eAAe;AACzD,MAAI,CAAC,MAAM,UAAW,QAAO,CAAA;AAC7B,SAAO,CAAC,GAAI,MAAM,oBAAoB,EAAG;AAC3C;AAGO,SAAS,2BACd,OACA,OACA,iBACA,WAIG;AACH,QAAM,OAAO,EAAE,GAAG,MAAA;AAClB,MAAI,+BAAO,SAAS;AAClB,WAAO,KAAK;AACZ,WAAO,KAAK;AACZ,WAAO,KAAK;AACZ,WAAO,KAAK;AACZ,WAAO,OAAO,MAAM,MAAM,OAAO;AAAA,EACnC,WAAW,OAAO;AAChB,SAAK,QAAQ,MAAM;AAAA,EACrB;AAEA,MAAI,WAAW;AACb,QAAI,UAAU,QAAS,MAAK,UAAU,UAAU;AAAA,gBACpC,KAAK;AACjB,QAAI,UAAU,KAAM,MAAK,OAAO,UAAU;AAAA,gBAC9B,KAAK;AAAA,EACnB;AAEA,QAAM,UAAU,sBAAsB,OAAO,eAAe;AAC5D,OAAI,+BAAO,sBAAqB,QAAQ,WAAW,GAAG;AACpD,WAAO,KAAK;AAAA,EACd,WACE,QAAQ,SAAS,MAChB,CAAC,KAAK,UAAU,CAAC,QAAQ,SAAS,KAAK,MAAM,IAC9C;AACA,UAAM,YAAY,+BAAO;AACzB,SAAK,SACH,aAAa,QAAQ,SAAS,SAAS,IACnC,YACA,QAAQ,SAAS,QAAQ,IACvB,WACF,QAAQ,CAAC;AAAA,EACjB;AAEA,OAAI,+BAAO,iBAAgB,MAAO,QAAO,KAAK;AAC9C,SAAO;AACT;;;"}
+{"version":3,"file":"model-capabilities.cjs","sources":["../../../src/data/runtime/model-capabilities.ts"],"sourcesContent":["import type { ChatModel, ChatModelRuntime } from \"../chat/types\";\n\n// Runtime controls and catalog rows share one wire shape. Reconciliation copies\n// catalog identity while retaining user-owned runtime options that remain valid.\nexport type ModelRuntimeSelection = ChatModelRuntime;\n\n/** Lists the effort values accepted by the selected catalog model. */\nexport function effortOptionsForModel(\n  model: ChatModel | undefined,\n  fallbackEfforts: readonly string[],\n): string[] {\n  if (!model?.capabilitiesKnown) return [...fallbackEfforts];\n  if (!model.reasoning) return [];\n  return [...(model.supportedEfforts ?? [])];\n}\n\n/** Applies catalog identity and capabilities under the caller's execution policy. */\nexport function reconcileModelCapabilities<T extends ModelRuntimeSelection>(\n  value: T,\n  model: ChatModel | undefined,\n  fallbackEfforts: readonly string[],\n  execution?: {\n    mode: string | undefined;\n  },\n): T {\n  const next = { ...value } as ModelRuntimeSelection;\n  if (model?.runtime) {\n    delete next.model;\n    delete next.id;\n    delete next.mode;\n    Object.assign(next, model.runtime);\n  } else if (model) {\n    next.model = model.id;\n  }\n\n  if (execution) {\n    if (execution.mode) next.mode = execution.mode;\n    else delete next.mode;\n  }\n\n  const efforts = effortOptionsForModel(model, fallbackEfforts);\n  if (model?.capabilitiesKnown && efforts.length === 0) {\n    delete next.effort;\n  } else if (\n    efforts.length > 0 &&\n    (!next.effort || !efforts.includes(next.effort))\n  ) {\n    const preferred = model?.defaultEffort;\n    next.effort =\n      preferred && efforts.includes(preferred)\n        ? preferred\n        : efforts.includes(\"medium\")\n          ? \"medium\"\n          : efforts[0]!;\n  }\n\n  if (model?.temperature === false) delete next.temperature;\n  return next as T;\n}\n"],"names":[],"mappings":";;AAOO,SAAS,sBACd,OACA,iBACU;AACV,MAAI,EAAC,+BAAO,mBAAmB,QAAO,CAAC,GAAG,eAAe;AACzD,MAAI,CAAC,MAAM,UAAW,QAAO,CAAA;AAC7B,SAAO,CAAC,GAAI,MAAM,oBAAoB,EAAG;AAC3C;AAGO,SAAS,2BACd,OACA,OACA,iBACA,WAGG;AACH,QAAM,OAAO,EAAE,GAAG,MAAA;AAClB,MAAI,+BAAO,SAAS;AAClB,WAAO,KAAK;AACZ,WAAO,KAAK;AACZ,WAAO,KAAK;AACZ,WAAO,OAAO,MAAM,MAAM,OAAO;AAAA,EACnC,WAAW,OAAO;AAChB,SAAK,QAAQ,MAAM;AAAA,EACrB;AAEA,MAAI,WAAW;AACb,QAAI,UAAU,KAAM,MAAK,OAAO,UAAU;AAAA,gBAC9B,KAAK;AAAA,EACnB;AAEA,QAAM,UAAU,sBAAsB,OAAO,eAAe;AAC5D,OAAI,+BAAO,sBAAqB,QAAQ,WAAW,GAAG;AACpD,WAAO,KAAK;AAAA,EACd,WACE,QAAQ,SAAS,MAChB,CAAC,KAAK,UAAU,CAAC,QAAQ,SAAS,KAAK,MAAM,IAC9C;AACA,UAAM,YAAY,+BAAO;AACzB,SAAK,SACH,aAAa,QAAQ,SAAS,SAAS,IACnC,YACA,QAAQ,SAAS,QAAQ,IACvB,WACA,QAAQ,CAAC;AAAA,EACnB;AAEA,OAAI,+BAAO,iBAAgB,MAAO,QAAO,KAAK;AAC9C,SAAO;AACT;;;"}

package/dist/data/runtime/model-capabilities.d.ts

@@ -4,7 +4,6 @@ export type ModelRuntimeSelection = ChatModelRuntime;
 export declare function effortOptionsForModel(model: ChatModel | undefined, fallbackEfforts: readonly string[]): string[];
 /** Applies catalog identity and capabilities under the caller's execution policy. */
 export declare function reconcileModelCapabilities<T extends ModelRuntimeSelection>(value: T, model: ChatModel | undefined, fallbackEfforts: readonly string[], execution?: {
-    backend: string | undefined;
     mode: string | undefined;
 }): T;
 //# sourceMappingURL=model-capabilities.d.ts.map

package/dist/data/runtime/model-capabilities.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"model-capabilities.d.ts","sourceRoot":"","sources":["../../../src/data/runtime/model-capabilities.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAIjE,MAAM,MAAM,qBAAqB,GAAG,gBAAgB,CAAC;AAErD,sEAAsE;AACtE,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,SAAS,GAAG,SAAS,EAC5B,eAAe,EAAE,SAAS,MAAM,EAAE,GACjC,MAAM,EAAE,CAIV;AAED,qFAAqF;AACrF,wBAAgB,0BAA0B,CAAC,CAAC,SAAS,qBAAqB,EACxE,KAAK,EAAE,CAAC,EACR,KAAK,EAAE,SAAS,GAAG,SAAS,EAC5B,eAAe,EAAE,SAAS,MAAM,EAAE,EAClC,SAAS,CAAC,EAAE;IACV,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B,GACA,CAAC,CAqCH"}
+{"version":3,"file":"model-capabilities.d.ts","sourceRoot":"","sources":["../../../src/data/runtime/model-capabilities.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAIjE,MAAM,MAAM,qBAAqB,GAAG,gBAAgB,CAAC;AAErD,sEAAsE;AACtE,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,SAAS,GAAG,SAAS,EAC5B,eAAe,EAAE,SAAS,MAAM,EAAE,GACjC,MAAM,EAAE,CAIV;AAED,qFAAqF;AACrF,wBAAgB,0BAA0B,CAAC,CAAC,SAAS,qBAAqB,EACxE,KAAK,EAAE,CAAC,EACR,KAAK,EAAE,SAAS,GAAG,SAAS,EAC5B,eAAe,EAAE,SAAS,MAAM,EAAE,EAClC,SAAS,CAAC,EAAE;IACV,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B,GACA,CAAC,CAkCH"}

package/dist/data/runtime/model-capabilities.js

@@ -8,15 +8,12 @@ function reconcileModelCapabilities(value, model, fallbackEfforts, execution) {
   if (model == null ? void 0 : model.runtime) {
     delete next.model;
     delete next.id;
-    delete next.backend;
     delete next.mode;
     Object.assign(next, model.runtime);
   } else if (model) {
     next.model = model.id;
   }
   if (execution) {
-    if (execution.backend) next.backend = execution.backend;
-    else delete next.backend;
     if (execution.mode) next.mode = execution.mode;
     else delete next.mode;
   }

package/dist/data/runtime/model-capabilities.js.map

@@ -1 +1 @@
-{"version":3,"file":"model-capabilities.js","sources":["../../../src/data/runtime/model-capabilities.ts"],"sourcesContent":["import type { ChatModel, ChatModelRuntime } from \"../chat/types\";\n\n// Runtime controls and catalog rows share one wire shape. Reconciliation copies\n// catalog identity while retaining user-owned runtime options that remain valid.\nexport type ModelRuntimeSelection = ChatModelRuntime;\n\n/** Lists the effort values accepted by the selected catalog model. */\nexport function effortOptionsForModel(\n  model: ChatModel | undefined,\n  fallbackEfforts: readonly string[],\n): string[] {\n  if (!model?.capabilitiesKnown) return [...fallbackEfforts];\n  if (!model.reasoning) return [];\n  return [...(model.supportedEfforts ?? [])];\n}\n\n/** Applies catalog identity and capabilities under the caller's execution policy. */\nexport function reconcileModelCapabilities<T extends ModelRuntimeSelection>(\n  value: T,\n  model: ChatModel | undefined,\n  fallbackEfforts: readonly string[],\n  execution?: {\n    backend: string | undefined;\n    mode: string | undefined;\n  },\n): T {\n  const next = { ...value } as ModelRuntimeSelection;\n  if (model?.runtime) {\n    delete next.model;\n    delete next.id;\n    delete next.backend;\n    delete next.mode;\n    Object.assign(next, model.runtime);\n  } else if (model) {\n    next.model = model.id;\n  }\n\n  if (execution) {\n    if (execution.backend) next.backend = execution.backend;\n    else delete next.backend;\n    if (execution.mode) next.mode = execution.mode;\n    else delete next.mode;\n  }\n\n  const efforts = effortOptionsForModel(model, fallbackEfforts);\n  if (model?.capabilitiesKnown && efforts.length === 0) {\n    delete next.effort;\n  } else if (\n    efforts.length > 0 &&\n    (!next.effort || !efforts.includes(next.effort))\n  ) {\n    const preferred = model?.defaultEffort;\n    next.effort =\n      preferred && efforts.includes(preferred)\n        ? preferred\n        : efforts.includes(\"medium\")\n          ? \"medium\"\n        : efforts[0]!;\n  }\n\n  if (model?.temperature === false) delete next.temperature;\n  return next as T;\n}\n"],"names":[],"mappings":"AAOO,SAAS,sBACd,OACA,iBACU;AACV,MAAI,EAAC,+BAAO,mBAAmB,QAAO,CAAC,GAAG,eAAe;AACzD,MAAI,CAAC,MAAM,UAAW,QAAO,CAAA;AAC7B,SAAO,CAAC,GAAI,MAAM,oBAAoB,EAAG;AAC3C;AAGO,SAAS,2BACd,OACA,OACA,iBACA,WAIG;AACH,QAAM,OAAO,EAAE,GAAG,MAAA;AAClB,MAAI,+BAAO,SAAS;AAClB,WAAO,KAAK;AACZ,WAAO,KAAK;AACZ,WAAO,KAAK;AACZ,WAAO,KAAK;AACZ,WAAO,OAAO,MAAM,MAAM,OAAO;AAAA,EACnC,WAAW,OAAO;AAChB,SAAK,QAAQ,MAAM;AAAA,EACrB;AAEA,MAAI,WAAW;AACb,QAAI,UAAU,QAAS,MAAK,UAAU,UAAU;AAAA,gBACpC,KAAK;AACjB,QAAI,UAAU,KAAM,MAAK,OAAO,UAAU;AAAA,gBAC9B,KAAK;AAAA,EACnB;AAEA,QAAM,UAAU,sBAAsB,OAAO,eAAe;AAC5D,OAAI,+BAAO,sBAAqB,QAAQ,WAAW,GAAG;AACpD,WAAO,KAAK;AAAA,EACd,WACE,QAAQ,SAAS,MAChB,CAAC,KAAK,UAAU,CAAC,QAAQ,SAAS,KAAK,MAAM,IAC9C;AACA,UAAM,YAAY,+BAAO;AACzB,SAAK,SACH,aAAa,QAAQ,SAAS,SAAS,IACnC,YACA,QAAQ,SAAS,QAAQ,IACvB,WACF,QAAQ,CAAC;AAAA,EACjB;AAEA,OAAI,+BAAO,iBAAgB,MAAO,QAAO,KAAK;AAC9C,SAAO;AACT;"}
+{"version":3,"file":"model-capabilities.js","sources":["../../../src/data/runtime/model-capabilities.ts"],"sourcesContent":["import type { ChatModel, ChatModelRuntime } from \"../chat/types\";\n\n// Runtime controls and catalog rows share one wire shape. Reconciliation copies\n// catalog identity while retaining user-owned runtime options that remain valid.\nexport type ModelRuntimeSelection = ChatModelRuntime;\n\n/** Lists the effort values accepted by the selected catalog model. */\nexport function effortOptionsForModel(\n  model: ChatModel | undefined,\n  fallbackEfforts: readonly string[],\n): string[] {\n  if (!model?.capabilitiesKnown) return [...fallbackEfforts];\n  if (!model.reasoning) return [];\n  return [...(model.supportedEfforts ?? [])];\n}\n\n/** Applies catalog identity and capabilities under the caller's execution policy. */\nexport function reconcileModelCapabilities<T extends ModelRuntimeSelection>(\n  value: T,\n  model: ChatModel | undefined,\n  fallbackEfforts: readonly string[],\n  execution?: {\n    mode: string | undefined;\n  },\n): T {\n  const next = { ...value } as ModelRuntimeSelection;\n  if (model?.runtime) {\n    delete next.model;\n    delete next.id;\n    delete next.mode;\n    Object.assign(next, model.runtime);\n  } else if (model) {\n    next.model = model.id;\n  }\n\n  if (execution) {\n    if (execution.mode) next.mode = execution.mode;\n    else delete next.mode;\n  }\n\n  const efforts = effortOptionsForModel(model, fallbackEfforts);\n  if (model?.capabilitiesKnown && efforts.length === 0) {\n    delete next.effort;\n  } else if (\n    efforts.length > 0 &&\n    (!next.effort || !efforts.includes(next.effort))\n  ) {\n    const preferred = model?.defaultEffort;\n    next.effort =\n      preferred && efforts.includes(preferred)\n        ? preferred\n        : efforts.includes(\"medium\")\n          ? \"medium\"\n          : efforts[0]!;\n  }\n\n  if (model?.temperature === false) delete next.temperature;\n  return next as T;\n}\n"],"names":[],"mappings":"AAOO,SAAS,sBACd,OACA,iBACU;AACV,MAAI,EAAC,+BAAO,mBAAmB,QAAO,CAAC,GAAG,eAAe;AACzD,MAAI,CAAC,MAAM,UAAW,QAAO,CAAA;AAC7B,SAAO,CAAC,GAAI,MAAM,oBAAoB,EAAG;AAC3C;AAGO,SAAS,2BACd,OACA,OACA,iBACA,WAGG;AACH,QAAM,OAAO,EAAE,GAAG,MAAA;AAClB,MAAI,+BAAO,SAAS;AAClB,WAAO,KAAK;AACZ,WAAO,KAAK;AACZ,WAAO,KAAK;AACZ,WAAO,OAAO,MAAM,MAAM,OAAO;AAAA,EACnC,WAAW,OAAO;AAChB,SAAK,QAAQ,MAAM;AAAA,EACrB;AAEA,MAAI,WAAW;AACb,QAAI,UAAU,KAAM,MAAK,OAAO,UAAU;AAAA,gBAC9B,KAAK;AAAA,EACnB;AAEA,QAAM,UAAU,sBAAsB,OAAO,eAAe;AAC5D,OAAI,+BAAO,sBAAqB,QAAQ,WAAW,GAAG;AACpD,WAAO,KAAK;AAAA,EACd,WACE,QAAQ,SAAS,MAChB,CAAC,KAAK,UAAU,CAAC,QAAQ,SAAS,KAAK,MAAM,IAC9C;AACA,UAAM,YAAY,+BAAO;AACzB,SAAK,SACH,aAAa,QAAQ,SAAS,SAAS,IACnC,YACA,QAAQ,SAAS,QAAQ,IACvB,WACA,QAAQ,CAAC;AAAA,EACnB;AAEA,OAAI,+BAAO,iBAAgB,MAAO,QAAO,KAAK;AAC9C,SAAO;AACT;"}

package/dist/data/runtime/provider-status.cjs

@@ -17,7 +17,7 @@ function providerStatusGroups(models, families) {
       family.label,
       family.id,
       family.modes.map((mode) => ({
-        id: mode.backend,
+        id: mode.id,
         label: mode.label,
         availability: mode.availability ?? AVAILABLE
       })),

package/dist/data/runtime/provider-status.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"provider-status.cjs","sources":["../../../src/data/runtime/provider-status.ts"],"sourcesContent":["import type {\n  ChatModel,\n  RuntimeAvailability,\n  RuntimeAvailabilityState,\n} from \"../chat/types\";\nimport { isSelectableModel, isUnavailable } from \"./availability\";\nimport type { SpecRuntimeFamily } from \"./runtime-mode\";\n\nexport type ProviderReadiness =\n  | \"ready\"\n  | \"attention\"\n  | \"disabled\"\n  | \"unavailable\";\n\nexport type ProviderStatusIssue = {\n  id: string;\n  kind: \"mode\" | \"model\";\n  label: string;\n  availability: RuntimeAvailability;\n};\n\nexport type ProviderStatusGroup = {\n  id: string;\n  label: string;\n  iconProvider: string;\n  readiness: ProviderReadiness;\n  availableModes: number;\n  totalModes: number;\n  availableModels: number;\n  totalModels: number;\n  issues: ProviderStatusIssue[];\n};\n\nexport function providerStatusGroups(\n  models: ChatModel[],\n  families: SpecRuntimeFamily[]\n): ProviderStatusGroup[] {\n  const unmatched = new Set(models);\n  const groups = families.map((family) => {\n    const providers = new Set([\n      family.provider,\n      ...family.modes.map((mode) => mode.provider).filter(isString),\n    ]);\n    const familyModels = models.filter((model) =>\n      providers.has(model.provider)\n    );\n    for (const model of familyModels) unmatched.delete(model);\n    return buildProviderGroup(\n      family.id,\n      family.label,\n      family.id,\n      family.modes.map((mode) => ({\n        id: mode.backend,\n        label: mode.label,\n        availability: mode.availability ?? AVAILABLE,\n      })),\n      familyModels\n    );\n  });\n\n  const modelsByProvider = new Map<string, ChatModel[]>();\n  for (const model of unmatched) {\n    const providerModels = modelsByProvider.get(model.provider) ?? [];\n    providerModels.push(model);\n    modelsByProvider.set(model.provider, providerModels);\n  }\n  for (const [provider, providerModels] of modelsByProvider) {\n    groups.push(\n      buildProviderGroup(\n        provider,\n        providerLabel(provider),\n        provider,\n        [],\n        providerModels\n      )\n    );\n  }\n  return groups;\n}\n\nexport function modelAvailability(model: ChatModel): RuntimeAvailability {\n  if (model.availability) return model.availability;\n  if (model.configured === false) {\n    return {\n      state: \"missing_credentials\",\n      reason: \"This model's provider is not configured.\",\n      remediation: \"Configure provider credentials, then refresh.\",\n    };\n  }\n  return AVAILABLE;\n}\n\ntype ModeStatus = {\n  id: string;\n  label: string;\n  availability: RuntimeAvailability;\n};\n\nconst AVAILABLE: RuntimeAvailability = { state: \"available\" };\n\nfunction buildProviderGroup(\n  id: string,\n  label: string,\n  iconProvider: string,\n  modes: ModeStatus[],\n  models: ChatModel[]\n): ProviderStatusGroup {\n  const modeIssues = modes\n    .filter((mode) => isUnavailable(mode.availability))\n    .map((mode) => ({\n      id: `${id}:mode:${mode.id}`,\n      kind: \"mode\" as const,\n      label: `${mode.label} mode`,\n      availability: mode.availability,\n    }));\n  const modelIssues = models\n    .filter((model) => !isSelectableModel(model))\n    .map((model) => ({\n      id: `${id}:model:${model.id}`,\n      kind: \"model\" as const,\n      label: model.label,\n      availability: modelAvailability(model),\n    }));\n  const issues = [...modeIssues, ...modelIssues];\n  return {\n    id,\n    label,\n    iconProvider,\n    readiness: providerReadiness(issues, modes, models),\n    availableModes: modes.length - modeIssues.length,\n    totalModes: modes.length,\n    availableModels: models.filter(isSelectableModel).length,\n    totalModels: models.length,\n    issues,\n  };\n}\n\nfunction providerReadiness(\n  issues: ProviderStatusIssue[],\n  modes: ModeStatus[],\n  models: ChatModel[]\n): ProviderReadiness {\n  if (issues.length === 0) return \"ready\";\n  const states = issues.map((issue) => issue.availability.state);\n  if (states.every((state) => state === \"disabled\")) return \"disabled\";\n  const hasAvailableMode = modes.some(\n    (mode) => !isUnavailable(mode.availability)\n  );\n  const hasAvailableModel = models.some(isSelectableModel);\n  return hasAvailableMode || hasAvailableModel ? \"attention\" : \"unavailable\";\n}\n\nfunction providerLabel(provider: string): string {\n  return provider\n    .split(/[-_]/)\n    .filter(Boolean)\n    .map((part) => part.charAt(0).toUpperCase() + part.slice(1))\n    .join(\" \");\n}\n\nfunction isString(value: string | undefined): value is string {\n  return Boolean(value);\n}\n\nexport function availabilityStateLabel(\n  state: RuntimeAvailabilityState\n): string {\n  return state.replaceAll(\"_\", \" \");\n}\n"],"names":["isUnavailable","isSelectableModel"],"mappings":"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"}
+{"version":3,"file":"provider-status.cjs","sources":["../../../src/data/runtime/provider-status.ts"],"sourcesContent":["import type {\n  ChatModel,\n  RuntimeAvailability,\n  RuntimeAvailabilityState,\n} from \"../chat/types\";\nimport { isSelectableModel, isUnavailable } from \"./availability\";\nimport type { SpecRuntimeFamily } from \"./runtime-mode\";\n\nexport type ProviderReadiness =\n  | \"ready\"\n  | \"attention\"\n  | \"disabled\"\n  | \"unavailable\";\n\nexport type ProviderStatusIssue = {\n  id: string;\n  kind: \"mode\" | \"model\";\n  label: string;\n  availability: RuntimeAvailability;\n};\n\nexport type ProviderStatusGroup = {\n  id: string;\n  label: string;\n  iconProvider: string;\n  readiness: ProviderReadiness;\n  availableModes: number;\n  totalModes: number;\n  availableModels: number;\n  totalModels: number;\n  issues: ProviderStatusIssue[];\n};\n\nexport function providerStatusGroups(\n  models: ChatModel[],\n  families: SpecRuntimeFamily[]\n): ProviderStatusGroup[] {\n  const unmatched = new Set(models);\n  const groups = families.map((family) => {\n    const providers = new Set([\n      family.provider,\n      ...family.modes.map((mode) => mode.provider).filter(isString),\n    ]);\n    const familyModels = models.filter((model) =>\n      providers.has(model.provider)\n    );\n    for (const model of familyModels) unmatched.delete(model);\n    return buildProviderGroup(\n      family.id,\n      family.label,\n      family.id,\n      family.modes.map((mode) => ({\n        id: mode.id,\n        label: mode.label,\n        availability: mode.availability ?? AVAILABLE,\n      })),\n      familyModels\n    );\n  });\n\n  const modelsByProvider = new Map<string, ChatModel[]>();\n  for (const model of unmatched) {\n    const providerModels = modelsByProvider.get(model.provider) ?? [];\n    providerModels.push(model);\n    modelsByProvider.set(model.provider, providerModels);\n  }\n  for (const [provider, providerModels] of modelsByProvider) {\n    groups.push(\n      buildProviderGroup(\n        provider,\n        providerLabel(provider),\n        provider,\n        [],\n        providerModels\n      )\n    );\n  }\n  return groups;\n}\n\nexport function modelAvailability(model: ChatModel): RuntimeAvailability {\n  if (model.availability) return model.availability;\n  if (model.configured === false) {\n    return {\n      state: \"missing_credentials\",\n      reason: \"This model's provider is not configured.\",\n      remediation: \"Configure provider credentials, then refresh.\",\n    };\n  }\n  return AVAILABLE;\n}\n\ntype ModeStatus = {\n  id: string;\n  label: string;\n  availability: RuntimeAvailability;\n};\n\nconst AVAILABLE: RuntimeAvailability = { state: \"available\" };\n\nfunction buildProviderGroup(\n  id: string,\n  label: string,\n  iconProvider: string,\n  modes: ModeStatus[],\n  models: ChatModel[]\n): ProviderStatusGroup {\n  const modeIssues = modes\n    .filter((mode) => isUnavailable(mode.availability))\n    .map((mode) => ({\n      id: `${id}:mode:${mode.id}`,\n      kind: \"mode\" as const,\n      label: `${mode.label} mode`,\n      availability: mode.availability,\n    }));\n  const modelIssues = models\n    .filter((model) => !isSelectableModel(model))\n    .map((model) => ({\n      id: `${id}:model:${model.id}`,\n      kind: \"model\" as const,\n      label: model.label,\n      availability: modelAvailability(model),\n    }));\n  const issues = [...modeIssues, ...modelIssues];\n  return {\n    id,\n    label,\n    iconProvider,\n    readiness: providerReadiness(issues, modes, models),\n    availableModes: modes.length - modeIssues.length,\n    totalModes: modes.length,\n    availableModels: models.filter(isSelectableModel).length,\n    totalModels: models.length,\n    issues,\n  };\n}\n\nfunction providerReadiness(\n  issues: ProviderStatusIssue[],\n  modes: ModeStatus[],\n  models: ChatModel[]\n): ProviderReadiness {\n  if (issues.length === 0) return \"ready\";\n  const states = issues.map((issue) => issue.availability.state);\n  if (states.every((state) => state === \"disabled\")) return \"disabled\";\n  const hasAvailableMode = modes.some(\n    (mode) => !isUnavailable(mode.availability)\n  );\n  const hasAvailableModel = models.some(isSelectableModel);\n  return hasAvailableMode || hasAvailableModel ? \"attention\" : \"unavailable\";\n}\n\nfunction providerLabel(provider: string): string {\n  return provider\n    .split(/[-_]/)\n    .filter(Boolean)\n    .map((part) => part.charAt(0).toUpperCase() + part.slice(1))\n    .join(\" \");\n}\n\nfunction isString(value: string | undefined): value is string {\n  return Boolean(value);\n}\n\nexport function availabilityStateLabel(\n  state: RuntimeAvailabilityState\n): string {\n  return state.replaceAll(\"_\", \" \");\n}\n"],"names":["isUnavailable","isSelectableModel"],"mappings":"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"}

package/dist/data/runtime/provider-status.js

@@ -15,7 +15,7 @@ function providerStatusGroups(models, families) {
       family.label,
       family.id,
       family.modes.map((mode) => ({
-        id: mode.backend,
+        id: mode.id,
         label: mode.label,
         availability: mode.availability ?? AVAILABLE
       })),

package/dist/data/runtime/provider-status.js.map

@@ -1 +1 @@
-{"version":3,"file":"provider-status.js","sources":["../../../src/data/runtime/provider-status.ts"],"sourcesContent":["import type {\n  ChatModel,\n  RuntimeAvailability,\n  RuntimeAvailabilityState,\n} from \"../chat/types\";\nimport { isSelectableModel, isUnavailable } from \"./availability\";\nimport type { SpecRuntimeFamily } from \"./runtime-mode\";\n\nexport type ProviderReadiness =\n  | \"ready\"\n  | \"attention\"\n  | \"disabled\"\n  | \"unavailable\";\n\nexport type ProviderStatusIssue = {\n  id: string;\n  kind: \"mode\" | \"model\";\n  label: string;\n  availability: RuntimeAvailability;\n};\n\nexport type ProviderStatusGroup = {\n  id: string;\n  label: string;\n  iconProvider: string;\n  readiness: ProviderReadiness;\n  availableModes: number;\n  totalModes: number;\n  availableModels: number;\n  totalModels: number;\n  issues: ProviderStatusIssue[];\n};\n\nexport function providerStatusGroups(\n  models: ChatModel[],\n  families: SpecRuntimeFamily[]\n): ProviderStatusGroup[] {\n  const unmatched = new Set(models);\n  const groups = families.map((family) => {\n    const providers = new Set([\n      family.provider,\n      ...family.modes.map((mode) => mode.provider).filter(isString),\n    ]);\n    const familyModels = models.filter((model) =>\n      providers.has(model.provider)\n    );\n    for (const model of familyModels) unmatched.delete(model);\n    return buildProviderGroup(\n      family.id,\n      family.label,\n      family.id,\n      family.modes.map((mode) => ({\n        id: mode.backend,\n        label: mode.label,\n        availability: mode.availability ?? AVAILABLE,\n      })),\n      familyModels\n    );\n  });\n\n  const modelsByProvider = new Map<string, ChatModel[]>();\n  for (const model of unmatched) {\n    const providerModels = modelsByProvider.get(model.provider) ?? [];\n    providerModels.push(model);\n    modelsByProvider.set(model.provider, providerModels);\n  }\n  for (const [provider, providerModels] of modelsByProvider) {\n    groups.push(\n      buildProviderGroup(\n        provider,\n        providerLabel(provider),\n        provider,\n        [],\n        providerModels\n      )\n    );\n  }\n  return groups;\n}\n\nexport function modelAvailability(model: ChatModel): RuntimeAvailability {\n  if (model.availability) return model.availability;\n  if (model.configured === false) {\n    return {\n      state: \"missing_credentials\",\n      reason: \"This model's provider is not configured.\",\n      remediation: \"Configure provider credentials, then refresh.\",\n    };\n  }\n  return AVAILABLE;\n}\n\ntype ModeStatus = {\n  id: string;\n  label: string;\n  availability: RuntimeAvailability;\n};\n\nconst AVAILABLE: RuntimeAvailability = { state: \"available\" };\n\nfunction buildProviderGroup(\n  id: string,\n  label: string,\n  iconProvider: string,\n  modes: ModeStatus[],\n  models: ChatModel[]\n): ProviderStatusGroup {\n  const modeIssues = modes\n    .filter((mode) => isUnavailable(mode.availability))\n    .map((mode) => ({\n      id: `${id}:mode:${mode.id}`,\n      kind: \"mode\" as const,\n      label: `${mode.label} mode`,\n      availability: mode.availability,\n    }));\n  const modelIssues = models\n    .filter((model) => !isSelectableModel(model))\n    .map((model) => ({\n      id: `${id}:model:${model.id}`,\n      kind: \"model\" as const,\n      label: model.label,\n      availability: modelAvailability(model),\n    }));\n  const issues = [...modeIssues, ...modelIssues];\n  return {\n    id,\n    label,\n    iconProvider,\n    readiness: providerReadiness(issues, modes, models),\n    availableModes: modes.length - modeIssues.length,\n    totalModes: modes.length,\n    availableModels: models.filter(isSelectableModel).length,\n    totalModels: models.length,\n    issues,\n  };\n}\n\nfunction providerReadiness(\n  issues: ProviderStatusIssue[],\n  modes: ModeStatus[],\n  models: ChatModel[]\n): ProviderReadiness {\n  if (issues.length === 0) return \"ready\";\n  const states = issues.map((issue) => issue.availability.state);\n  if (states.every((state) => state === \"disabled\")) return \"disabled\";\n  const hasAvailableMode = modes.some(\n    (mode) => !isUnavailable(mode.availability)\n  );\n  const hasAvailableModel = models.some(isSelectableModel);\n  return hasAvailableMode || hasAvailableModel ? \"attention\" : \"unavailable\";\n}\n\nfunction providerLabel(provider: string): string {\n  return provider\n    .split(/[-_]/)\n    .filter(Boolean)\n    .map((part) => part.charAt(0).toUpperCase() + part.slice(1))\n    .join(\" \");\n}\n\nfunction isString(value: string | undefined): value is string {\n  return Boolean(value);\n}\n\nexport function availabilityStateLabel(\n  state: RuntimeAvailabilityState\n): string {\n  return state.replaceAll(\"_\", \" \");\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"provider-status.js","sources":["../../../src/data/runtime/provider-status.ts"],"sourcesContent":["import type {\n  ChatModel,\n  RuntimeAvailability,\n  RuntimeAvailabilityState,\n} from \"../chat/types\";\nimport { isSelectableModel, isUnavailable } from \"./availability\";\nimport type { SpecRuntimeFamily } from \"./runtime-mode\";\n\nexport type ProviderReadiness =\n  | \"ready\"\n  | \"attention\"\n  | \"disabled\"\n  | \"unavailable\";\n\nexport type ProviderStatusIssue = {\n  id: string;\n  kind: \"mode\" | \"model\";\n  label: string;\n  availability: RuntimeAvailability;\n};\n\nexport type ProviderStatusGroup = {\n  id: string;\n  label: string;\n  iconProvider: string;\n  readiness: ProviderReadiness;\n  availableModes: number;\n  totalModes: number;\n  availableModels: number;\n  totalModels: number;\n  issues: ProviderStatusIssue[];\n};\n\nexport function providerStatusGroups(\n  models: ChatModel[],\n  families: SpecRuntimeFamily[]\n): ProviderStatusGroup[] {\n  const unmatched = new Set(models);\n  const groups = families.map((family) => {\n    const providers = new Set([\n      family.provider,\n      ...family.modes.map((mode) => mode.provider).filter(isString),\n    ]);\n    const familyModels = models.filter((model) =>\n      providers.has(model.provider)\n    );\n    for (const model of familyModels) unmatched.delete(model);\n    return buildProviderGroup(\n      family.id,\n      family.label,\n      family.id,\n      family.modes.map((mode) => ({\n        id: mode.id,\n        label: mode.label,\n        availability: mode.availability ?? AVAILABLE,\n      })),\n      familyModels\n    );\n  });\n\n  const modelsByProvider = new Map<string, ChatModel[]>();\n  for (const model of unmatched) {\n    const providerModels = modelsByProvider.get(model.provider) ?? [];\n    providerModels.push(model);\n    modelsByProvider.set(model.provider, providerModels);\n  }\n  for (const [provider, providerModels] of modelsByProvider) {\n    groups.push(\n      buildProviderGroup(\n        provider,\n        providerLabel(provider),\n        provider,\n        [],\n        providerModels\n      )\n    );\n  }\n  return groups;\n}\n\nexport function modelAvailability(model: ChatModel): RuntimeAvailability {\n  if (model.availability) return model.availability;\n  if (model.configured === false) {\n    return {\n      state: \"missing_credentials\",\n      reason: \"This model's provider is not configured.\",\n      remediation: \"Configure provider credentials, then refresh.\",\n    };\n  }\n  return AVAILABLE;\n}\n\ntype ModeStatus = {\n  id: string;\n  label: string;\n  availability: RuntimeAvailability;\n};\n\nconst AVAILABLE: RuntimeAvailability = { state: \"available\" };\n\nfunction buildProviderGroup(\n  id: string,\n  label: string,\n  iconProvider: string,\n  modes: ModeStatus[],\n  models: ChatModel[]\n): ProviderStatusGroup {\n  const modeIssues = modes\n    .filter((mode) => isUnavailable(mode.availability))\n    .map((mode) => ({\n      id: `${id}:mode:${mode.id}`,\n      kind: \"mode\" as const,\n      label: `${mode.label} mode`,\n      availability: mode.availability,\n    }));\n  const modelIssues = models\n    .filter((model) => !isSelectableModel(model))\n    .map((model) => ({\n      id: `${id}:model:${model.id}`,\n      kind: \"model\" as const,\n      label: model.label,\n      availability: modelAvailability(model),\n    }));\n  const issues = [...modeIssues, ...modelIssues];\n  return {\n    id,\n    label,\n    iconProvider,\n    readiness: providerReadiness(issues, modes, models),\n    availableModes: modes.length - modeIssues.length,\n    totalModes: modes.length,\n    availableModels: models.filter(isSelectableModel).length,\n    totalModels: models.length,\n    issues,\n  };\n}\n\nfunction providerReadiness(\n  issues: ProviderStatusIssue[],\n  modes: ModeStatus[],\n  models: ChatModel[]\n): ProviderReadiness {\n  if (issues.length === 0) return \"ready\";\n  const states = issues.map((issue) => issue.availability.state);\n  if (states.every((state) => state === \"disabled\")) return \"disabled\";\n  const hasAvailableMode = modes.some(\n    (mode) => !isUnavailable(mode.availability)\n  );\n  const hasAvailableModel = models.some(isSelectableModel);\n  return hasAvailableMode || hasAvailableModel ? \"attention\" : \"unavailable\";\n}\n\nfunction providerLabel(provider: string): string {\n  return provider\n    .split(/[-_]/)\n    .filter(Boolean)\n    .map((part) => part.charAt(0).toUpperCase() + part.slice(1))\n    .join(\" \");\n}\n\nfunction isString(value: string | undefined): value is string {\n  return Boolean(value);\n}\n\nexport function availabilityStateLabel(\n  state: RuntimeAvailabilityState\n): string {\n  return state.replaceAll(\"_\", \" \");\n}\n"],"names":[],"mappings":"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"}