@flanksource/clicky-ui 0.3.36 → 0.3.38

package/dist/data/runtime/RuntimeBarSegments.js

@@ -1,21 +1,22 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { InputField } from "../../components/InputField.js";
 import { cn } from "../../lib/utils.js";
-import { DropdownMenu } from "../../overlay/DropdownMenu.js";
 import { Icon } from "../Icon.js";
 import { effortLevelLabel, effortLevelIcon, effortLevelColor } from "../chat/effort-icons.js";
 import { providerIcon } from "../chat/provider-icons.js";
 import { runtimeFamilyBrand } from "./RuntimeBar.model.js";
+import { TimeoutSegment, CostSegment } from "./RuntimeBarLimits.js";
+import { RuntimeSegment, SEGMENT_CAPTION_CLASS, SEGMENT_KEY_CLASS, SegmentItemLabel } from "./RuntimeBarSegment.js";
 import { isUnavailable } from "./availability.js";
 import { modelsForFamily } from "./runtime-mode.js";
-import { UiChevronDown } from "../../icons/components/UiChevronDown.js";
-import { UiCheck } from "../../icons/components/UiCheck.js";
+import { UNSPECIFIED_LABEL, unspecifiedHint, UNSPECIFIED_ID, UNSPECIFIED_HINT } from "./unspecified.js";
 function RuntimeBarSegments({
   value,
   models,
   modelOptions,
   resolvedModel,
   selectedModelUnavailable,
+  inheritedModelLabel,
   families,
   family,
   mode,
@@ -25,173 +26,172 @@ function RuntimeBarSegments({
   locked,
   showModel,
   showEffort,
+  showTimeout,
+  showCost,
+  actions,
   ariaLabel,
   className,
   onModeChange,
   onCustomModel,
   onModelSelect,
   onModelClear,
-  onEffortChange
+  onEffortChange,
+  onTimeoutChange,
+  onCostChange
 }) {
+  var _a, _b;
   const brand = runtimeFamilyBrand(family);
-  const modelLabel = selectedModelUnavailable ? "Unavailable selection" : (resolvedModel == null ? void 0 : resolvedModel.label) ?? value.model ?? "Default";
+  const modelLabel = selectedModelUnavailable ? "Unavailable selection" : (resolvedModel == null ? void 0 : resolvedModel.label) ?? value.model ?? UNSPECIFIED_LABEL;
+  const showEffortSegment = showEffort && supportedEfforts.length > 0;
   return /* @__PURE__ */ jsxs(
     "div",
     {
       role: "group",
       "aria-label": ariaLabel,
       className: cn(
-        "inline-flex h-control-h w-fit max-w-full items-stretch overflow-hidden rounded-md border border-input bg-background",
+        "inline-flex w-fit max-w-full flex-wrap items-stretch overflow-hidden rounded-md border border-input bg-background max-sm:w-full",
         className
       ),
       children: [
         /* @__PURE__ */ jsxs(
-          RuntimeSegment,
+          "div",
           {
-            menuLabel: "Family",
-            title: `Family — ${family.label}`,
-            disabled: locked,
-            items: familyItems({
-              families,
-              models,
-              selectedId: family.id,
-              onSelect: (familyId) => onModeChange(familyId, selectedMode)
-            }),
+            "data-runtime-bar-section": "identity",
+            className: "flex h-control-h min-w-0 max-w-full items-stretch max-sm:grow",
             children: [
-              brand.icon && /* @__PURE__ */ jsx(
-                Icon,
+              /* @__PURE__ */ jsxs(
+                RuntimeSegment,
                 {
-                  icon: brand.icon,
-                  className: cn("size-4 shrink-0", brand.color)
+                  menuLabel: "Family",
+                  title: `Family — ${family.label}`,
+                  disabled: locked,
+                  items: familyItems({
+                    families,
+                    models,
+                    selectedId: family.id,
+                    onSelect: (familyId) => onModeChange(familyId, selectedMode)
+                  }),
+                  children: [
+                    brand.icon && /* @__PURE__ */ jsx(
+                      Icon,
+                      {
+                        icon: brand.icon,
+                        className: cn("size-4 shrink-0", brand.color)
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: cn(SEGMENT_CAPTION_CLASS, brand.icon && "max-sm:sr-only"),
+                        children: family.label
+                      }
+                    )
+                  ]
                 }
               ),
-              /* @__PURE__ */ jsx("span", { className: CAPTION_CLASS, children: family.label })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          RuntimeSegment,
-          {
-            menuLabel: "Runtime mode",
-            title: mode.title ?? "Runtime mode",
-            disabled: locked,
-            items: modeItems({
-              family,
-              selectedId: selectedMode,
-              onSelect: (modeId) => onModeChange(family.id, modeId)
-            }),
-            children: [
-              mode.icon && /* @__PURE__ */ jsx(
-                Icon,
+              /* @__PURE__ */ jsxs(
+                RuntimeSegment,
                 {
-                  icon: mode.icon,
-                  className: "size-4 shrink-0 text-muted-foreground"
+                  menuLabel: "Runtime mode",
+                  title: mode.title ?? "Runtime mode",
+                  disabled: locked,
+                  items: modeItems({
+                    family,
+                    selectedId: selectedMode,
+                    onSelect: (modeId) => onModeChange(family.id, modeId)
+                  }),
+                  children: [
+                    mode.icon && /* @__PURE__ */ jsx(
+                      Icon,
+                      {
+                        icon: mode.icon,
+                        className: "size-4 shrink-0 text-muted-foreground"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: SEGMENT_CAPTION_CLASS, children: mode.label })
+                  ]
                 }
               ),
-              /* @__PURE__ */ jsx("span", { className: CAPTION_CLASS, children: mode.label })
-            ]
-          }
-        ),
-        showModel && /* @__PURE__ */ jsx(
-          RuntimeSegment,
-          {
-            menuLabel: "Model",
-            title: selectedModelUnavailable ? "Model — unavailable selection" : value.model ? `Model — ${value.model}` : "Model — prompt default",
-            disabled: locked,
-            className: "min-w-0 max-w-56 flex-1 [&>span]:min-w-0 [&>span]:w-full [&>span>button]:w-full",
-            header: /* @__PURE__ */ jsxs("div", { className: "grid gap-1", children: [
-              /* @__PURE__ */ jsx("span", { className: KEY_CLASS, children: "Model id" }),
-              /* @__PURE__ */ jsx(
-                InputField,
+              showModel && /* @__PURE__ */ jsx(
+                RuntimeSegment,
                 {
-                  value: selectedModelUnavailable ? "" : value.model ?? "",
-                  onChange: onCustomModel,
-                  ...selectedModelUnavailable ? { placeholder: "Unavailable selection" } : {},
-                  "aria-label": "Model id",
+                  menuLabel: "Model",
+                  title: selectedModelUnavailable ? "Model — unavailable selection" : value.model ? `Model — ${value.model}` : "Model — unspecified",
                   disabled: locked,
-                  inputClassName: "font-mono text-xs",
-                  className: "bg-background"
+                  className: "min-w-0 max-w-56 flex-1 max-sm:max-w-none",
+                  header: /* @__PURE__ */ jsxs("div", { className: "grid gap-1", children: [
+                    /* @__PURE__ */ jsx("span", { className: SEGMENT_KEY_CLASS, children: "Model id" }),
+                    /* @__PURE__ */ jsx(
+                      InputField,
+                      {
+                        value: selectedModelUnavailable ? "" : value.model ?? "",
+                        onChange: onCustomModel,
+                        ...selectedModelUnavailable ? { placeholder: "Unavailable selection" } : {},
+                        "aria-label": "Model id",
+                        disabled: locked,
+                        inputClassName: "font-mono text-xs",
+                        className: "bg-background"
+                      }
+                    )
+                  ] }),
+                  items: modelItems({
+                    models: modelOptions,
+                    group: `${family.label} models`,
+                    selectedId: selectedModelUnavailable ? void 0 : (resolvedModel == null ? void 0 : resolvedModel.id) ?? value.model,
+                    inheritedLabel: inheritedModelLabel,
+                    onSelect: onModelSelect,
+                    onClear: onModelClear
+                  }),
+                  children: /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate font-mono text-xs text-foreground", children: modelLabel })
                 }
               )
-            ] }),
-            items: modelItems({
-              models: modelOptions,
-              group: `${family.label} models`,
-              selectedId: selectedModelUnavailable ? void 0 : (resolvedModel == null ? void 0 : resolvedModel.id) ?? value.model,
-              onSelect: onModelSelect,
-              onClear: onModelClear
-            }),
-            children: /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate font-mono text-xs text-foreground", children: modelLabel })
+            ]
           }
         ),
-        showEffort && supportedEfforts.length > 0 && /* @__PURE__ */ jsxs(
-          RuntimeSegment,
+        (showEffortSegment || showTimeout || showCost) && /* @__PURE__ */ jsxs(
+          "div",
           {
-            menuLabel: "Reasoning effort",
-            title: "Reasoning effort",
-            items: effortItems({
-              offered: effortUniverse(
-                reasoningEfforts,
-                supportedEfforts,
-                value.effort
-              ),
-              supported: supportedEfforts,
-              selected: value.effort,
-              onSelect: onEffortChange
-            }),
+            "data-runtime-bar-section": "settings",
+            className: "-ml-px -mt-px flex h-control-h min-w-0 items-stretch border-l border-t border-border max-sm:w-full max-sm:[&>div]:flex-1",
             children: [
-              /* @__PURE__ */ jsx("span", { className: KEY_CLASS, children: "Effort" }),
-              /* @__PURE__ */ jsx(EffortGlyph, { effort: value.effort }),
-              /* @__PURE__ */ jsx("span", { className: CAPTION_CLASS, children: value.effort ? effortLevelLabel(value.effort) : "None" })
+              showEffortSegment && /* @__PURE__ */ jsxs(
+                RuntimeSegment,
+                {
+                  menuLabel: "Reasoning effort",
+                  title: "Reasoning effort",
+                  items: effortItems({
+                    offered: effortUniverse(
+                      reasoningEfforts,
+                      supportedEfforts,
+                      value.effort
+                    ),
+                    supported: supportedEfforts,
+                    selected: value.effort,
+                    onSelect: onEffortChange
+                  }),
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: cn(SEGMENT_KEY_CLASS, "min-w-0 truncate"), children: "Effort" }),
+                    /* @__PURE__ */ jsx(EffortGlyph, { effort: value.effort }),
+                    /* @__PURE__ */ jsx("span", { className: cn(SEGMENT_CAPTION_CLASS, "shrink-0"), children: value.effort ? effortLevelLabel(value.effort) : UNSPECIFIED_LABEL })
+                  ]
+                }
+              ),
+              showTimeout && /* @__PURE__ */ jsx(
+                TimeoutSegment,
+                {
+                  value: (_a = value.budget) == null ? void 0 : _a.timeout,
+                  onChange: onTimeoutChange
+                }
+              ),
+              showCost && /* @__PURE__ */ jsx(CostSegment, { value: (_b = value.budget) == null ? void 0 : _b.cost, onChange: onCostChange })
             ]
           }
-        )
+        ),
+        actions
       ]
     }
   );
 }
-const CAPTION_CLASS = "truncate text-xs font-semibold text-foreground";
-const KEY_CLASS = "text-[11px] font-semibold uppercase leading-none tracking-wide text-muted-foreground";
-function RuntimeSegment({
-  items,
-  menuLabel,
-  title,
-  header,
-  disabled = false,
-  className,
-  children
-}) {
-  return /* @__PURE__ */ jsx(
-    DropdownMenu,
-    {
-      align: "left",
-      menuLabel,
-      items,
-      ...header ? { header } : {},
-      menuClassName: "min-w-56 max-w-80",
-      className: cn("border-l border-border first:border-l-0", className),
-      trigger: /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          disabled,
-          title,
-          className: "inline-flex h-full min-w-0 items-center gap-1.5 px-density-2 transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring [[aria-expanded=true]_&]:bg-muted",
-          children: [
-            children,
-            /* @__PURE__ */ jsx(
-              Icon,
-              {
-                icon: UiChevronDown,
-                className: "size-3 shrink-0 text-muted-foreground/70"
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-}
 function EffortGlyph({ effort }) {
   const glyph = effort ? effortLevelIcon(effort) : void 0;
   if (!glyph) return null;
@@ -206,30 +206,6 @@ function EffortGlyph({ effort }) {
     }
   );
 }
-function itemLabel({
-  text,
-  hint,
-  selected,
-  stacked = false
-}) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx("span", { className: cn("block truncate", selected && "font-semibold"), children: text }),
-      hint && stacked && /* @__PURE__ */ jsx("span", { className: "block whitespace-normal text-[11px] leading-4 text-muted-foreground", children: hint })
-    ] }),
-    hint && !stacked && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[11px] text-muted-foreground", children: hint }),
-    /* @__PURE__ */ jsx(
-      Icon,
-      {
-        icon: UiCheck,
-        className: cn(
-          "size-3.5 shrink-0 text-primary",
-          !selected && "invisible"
-        )
-      }
-    )
-  ] });
-}
 function familyItems({
   families,
   models,
@@ -243,11 +219,14 @@ function familyItems({
     const count = modelsForFamily(models, family).length;
     return {
       group: "Family",
-      label: itemLabel({
-        text: family.label,
-        ...count > 0 ? { hint: `${count} models` } : {},
-        selected: family.id === selectedId
-      }),
+      label: /* @__PURE__ */ jsx(
+        SegmentItemLabel,
+        {
+          text: family.label,
+          ...count > 0 ? { hint: `${count} models` } : {},
+          selected: family.id === selectedId
+        }
+      ),
       ...brand.icon ? { icon: brand.icon } : {},
       onSelect: () => onSelect(family.id)
     };
@@ -260,11 +239,14 @@ function modeItems({
 }) {
   return family.modes.filter((mode) => !isUnavailable(mode.availability)).map((mode) => ({
     group: "Mode · runtime",
-    label: itemLabel({
-      text: mode.label,
-      ...mode.title ? { hint: mode.title } : {},
-      selected: mode.id === selectedId
-    }),
+    label: /* @__PURE__ */ jsx(
+      SegmentItemLabel,
+      {
+        text: mode.label,
+        ...mode.title ? { hint: mode.title } : {},
+        selected: mode.id === selectedId
+      }
+    ),
     ...mode.icon ? { icon: mode.icon } : {},
     ...mode.title ? { title: mode.title } : {},
     onSelect: () => onSelect(mode.id)
@@ -274,16 +256,20 @@ function modelItems({
   models,
   group,
   selectedId,
+  inheritedLabel,
   onSelect,
   onClear
 }) {
   const clear = {
     group: "Model",
-    label: itemLabel({
-      text: "Prompt default",
-      hint: "no override",
-      selected: !selectedId
-    }),
+    label: /* @__PURE__ */ jsx(
+      SegmentItemLabel,
+      {
+        text: UNSPECIFIED_LABEL,
+        hint: unspecifiedHint(inheritedLabel),
+        selected: !selectedId
+      }
+    ),
     onSelect: onClear
   };
   return [
@@ -294,12 +280,15 @@ function modelItems({
       );
       return {
         group,
-        label: itemLabel({
-          text: model.label,
-          ...model.id === model.label ? {} : { hint: model.id },
-          selected: model.id === selectedId,
-          stacked: true
-        }),
+        label: /* @__PURE__ */ jsx(
+          SegmentItemLabel,
+          {
+            text: model.label,
+            ...model.id === model.label ? {} : { hint: model.id },
+            selected: model.id === selectedId,
+            stacked: true
+          }
+        ),
         ...glyph ? { icon: glyph } : {},
         onSelect: () => onSelect(model)
       };
@@ -312,15 +301,18 @@ function effortItems({
   selected,
   onSelect
 }) {
-  const current = (selected == null ? void 0 : selected.trim()) ?? "";
+  const current = (selected == null ? void 0 : selected.trim()) ?? UNSPECIFIED_ID;
   const none = {
     group: "Reasoning effort",
-    label: itemLabel({
-      text: "None",
-      hint: "single pass",
-      selected: current === ""
-    }),
-    onSelect: () => onSelect("")
+    label: /* @__PURE__ */ jsx(
+      SegmentItemLabel,
+      {
+        text: UNSPECIFIED_LABEL,
+        hint: UNSPECIFIED_HINT,
+        selected: current === UNSPECIFIED_ID
+      }
+    ),
+    onSelect: () => onSelect(UNSPECIFIED_ID)
   };
   return [
     none,
@@ -329,11 +321,14 @@ function effortItems({
       const usable = supported.includes(effort);
       return {
         group: "Reasoning effort",
-        label: itemLabel({
-          text: effortLevelLabel(effort),
-          ...usable ? {} : { hint: "unsupported" },
-          selected: effort === current
-        }),
+        label: /* @__PURE__ */ jsx(
+          SegmentItemLabel,
+          {
+            text: effortLevelLabel(effort),
+            ...usable ? {} : { hint: "unsupported" },
+            selected: effort === current
+          }
+        ),
         ...glyph ? { icon: glyph } : {},
         disabled: !usable,
         onSelect: () => onSelect(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  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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"}
+{"version":3,"file":"RuntimeBarSegments.js","sources":["../../../src/data/runtime/RuntimeBarSegments.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { InputField } from \"../../components/InputField\";\nimport { cn } from \"../../lib/utils\";\nimport type { DropdownMenuItem } 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 { CostSegment, TimeoutSegment } from \"./RuntimeBarLimits\";\nimport {\n  RuntimeSegment,\n  SEGMENT_CAPTION_CLASS,\n  SEGMENT_KEY_CLASS,\n  SegmentItemLabel,\n} from \"./RuntimeBarSegment\";\nimport { isUnavailable } from \"./availability\";\nimport {\n  modelsForFamily,\n  type SpecRuntimeFamily,\n  type SpecRuntimeModeOption,\n} from \"./runtime-mode\";\nimport {\n  UNSPECIFIED_HINT,\n  UNSPECIFIED_ID,\n  UNSPECIFIED_LABEL,\n  unspecifiedHint,\n} from \"./unspecified\";\n\nexport type RuntimeBarSegmentsProps = {\n  value: RuntimeBarValue;\n  models: ChatModel[];\n  modelOptions: ChatModel[];\n  resolvedModel: ChatModel | undefined;\n  selectedModelUnavailable: boolean;\n  /** Display name of the model this layer would inherit when unspecified. */\n  inheritedModelLabel?: string | undefined;\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  showTimeout: boolean;\n  showCost: boolean;\n  /** Trailing spec-level section fused onto the bar (see `RuntimeBarActions`). */\n  actions?: ReactNode | undefined;\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  onTimeoutChange: (timeout: string | undefined) => void;\n  onCostChange: (cost: number | undefined) => void;\n};\n\nexport function RuntimeBarSegments({\n  value,\n  models,\n  modelOptions,\n  resolvedModel,\n  selectedModelUnavailable,\n  inheritedModelLabel,\n  families,\n  family,\n  mode,\n  selectedMode,\n  reasoningEfforts,\n  supportedEfforts,\n  locked,\n  showModel,\n  showEffort,\n  showTimeout,\n  showCost,\n  actions,\n  ariaLabel,\n  className,\n  onModeChange,\n  onCustomModel,\n  onModelSelect,\n  onModelClear,\n  onEffortChange,\n  onTimeoutChange,\n  onCostChange,\n}: RuntimeBarSegmentsProps) {\n  const brand = runtimeFamilyBrand(family);\n  const modelLabel = selectedModelUnavailable\n    ? \"Unavailable selection\"\n    : (resolvedModel?.label ?? value.model ?? UNSPECIFIED_LABEL);\n  const showEffortSegment = showEffort && supportedEfforts.length > 0;\n\n  // Identity and settings wrap as two units, so a narrow bar drops its settings\n  // onto a second row instead of clipping them. The settings row carries both a\n  // left and a top divider, pulled 1px outside the bar's padding box; the bar's\n  // overflow clipping hides whichever one does not apply to the current wrap.\n  return (\n    <div\n      role=\"group\"\n      aria-label={ariaLabel}\n      className={cn(\n        \"inline-flex w-fit max-w-full flex-wrap items-stretch overflow-hidden rounded-md border border-input bg-background max-sm:w-full\",\n        className,\n      )}\n    >\n      <div\n        data-runtime-bar-section=\"identity\"\n        className=\"flex h-control-h min-w-0 max-w-full items-stretch max-sm:grow\"\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\n            className={cn(SEGMENT_CAPTION_CLASS, brand.icon && \"max-sm:sr-only\")}\n          >\n            {family.label}\n          </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={SEGMENT_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 — unspecified\"\n            }\n            disabled={locked}\n            className=\"min-w-0 max-w-56 flex-1 max-sm:max-w-none\"\n            header={\n              <div className=\"grid gap-1\">\n                <span className={SEGMENT_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              inheritedLabel: inheritedModelLabel,\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      </div>\n      {(showEffortSegment || showTimeout || showCost) && (\n        <div\n          data-runtime-bar-section=\"settings\"\n          className=\"-ml-px -mt-px flex h-control-h min-w-0 items-stretch border-l border-t border-border max-sm:w-full max-sm:[&>div]:flex-1\"\n        >\n          {showEffortSegment && (\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={cn(SEGMENT_KEY_CLASS, \"min-w-0 truncate\")}>\n                Effort\n              </span>\n              <EffortGlyph effort={value.effort} />\n              <span className={cn(SEGMENT_CAPTION_CLASS, \"shrink-0\")}>\n                {value.effort ? effortLevelLabel(value.effort) : UNSPECIFIED_LABEL}\n              </span>\n            </RuntimeSegment>\n          )}\n          {showTimeout && (\n            <TimeoutSegment\n              value={value.budget?.timeout}\n              onChange={onTimeoutChange}\n            />\n          )}\n          {showCost && (\n            <CostSegment value={value.budget?.cost} onChange={onCostChange} />\n          )}\n        </div>\n      )}\n      {actions}\n    </div>\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 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: (\n          <SegmentItemLabel\n            text={family.label}\n            {...(count > 0 ? { hint: `${count} models` } : {})}\n            selected={family.id === selectedId}\n          />\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: (\n        <SegmentItemLabel\n          text={mode.label}\n          {...(mode.title ? { hint: mode.title } : {})}\n          selected={mode.id === selectedId}\n        />\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  inheritedLabel,\n  onSelect,\n  onClear,\n}: {\n  models: ChatModel[];\n  group: string;\n  selectedId?: string | undefined;\n  inheritedLabel?: string | undefined;\n  onSelect: (model: ChatModel) => void;\n  onClear: () => void;\n}): DropdownMenuItem[] {\n  const clear: DropdownMenuItem = {\n    group: \"Model\",\n    label: (\n      <SegmentItemLabel\n        text={UNSPECIFIED_LABEL}\n        hint={unspecifiedHint(inheritedLabel)}\n        selected={!selectedId}\n      />\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: (\n          <SegmentItemLabel\n            text={model.label}\n            {...(model.id === model.label ? {} : { hint: model.id })}\n            selected={model.id === selectedId}\n            stacked\n          />\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() ?? UNSPECIFIED_ID;\n  const none: DropdownMenuItem = {\n    group: \"Reasoning effort\",\n    label: (\n      <SegmentItemLabel\n        text={UNSPECIFIED_LABEL}\n        hint={UNSPECIFIED_HINT}\n        selected={current === UNSPECIFIED_ID}\n      />\n    ),\n    onSelect: () => onSelect(UNSPECIFIED_ID),\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: (\n          <SegmentItemLabel\n            text={effortLevelLabel(effort)}\n            {...(usable ? {} : { hint: \"unsupported\" })}\n            selected={effort === current}\n          />\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

@@ -15,14 +15,15 @@ function reconcileModelCapabilities(value, model, fallbackEfforts, execution) {
   } else if (model) {
     next.model = model.id;
   }
-  if (execution) {
-    if (execution.mode) next.mode = execution.mode;
-    else delete next.mode;
+  if ((execution == null ? void 0 : execution.mode) !== void 0) {
+    next.mode = execution.mode;
   }
   const efforts = effortOptionsForModel(model, fallbackEfforts);
-  if ((model == null ? void 0 : model.capabilitiesKnown) && efforts.length === 0) {
+  const unsupported = Boolean(next.effort) && !efforts.includes(next.effort);
+  if ((model == null ? void 0 : model.capabilitiesKnown) && efforts.length === 0 || unsupported) {
     delete next.effort;
-  } else if (efforts.length > 0 && (!next.effort || !efforts.includes(next.effort))) {
+  }
+  if ((execution == null ? void 0 : execution.defaultEffort) && efforts.length > 0 && !next.effort) {
     const preferred = model == null ? void 0 : model.defaultEffort;
     next.effort = preferred && efforts.includes(preferred) ? preferred : efforts.includes("medium") ? "medium" : efforts[0];
   }

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    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;;;"}
+{"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/**\n * Applies catalog identity and capabilities under the caller's execution\n * policy. A model or mode change never invents a reasoning effort the user\n * did not choose — it only drops one the new model can't run. Pass\n * `defaultEffort: true` for a seeding path (chat's initial/default runtime)\n * that must land on a usable tier when nothing is set.\n */\nexport function reconcileModelCapabilities<T extends ModelRuntimeSelection>(\n  value: T,\n  model: ChatModel | undefined,\n  fallbackEfforts: readonly string[],\n  execution?: {\n    mode?: string | undefined;\n    defaultEffort?: boolean;\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?.mode !== undefined) {\n    next.mode = execution.mode;\n  }\n\n  const efforts = effortOptionsForModel(model, fallbackEfforts);\n  const unsupported = Boolean(next.effort) && !efforts.includes(next.effort!);\n  if ((model?.capabilitiesKnown && efforts.length === 0) || unsupported) {\n    delete next.effort;\n  }\n  if (execution?.defaultEffort && efforts.length > 0 && !next.effort) {\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;AASO,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,OAAO,MAAM,MAAM,OAAO;AAAA,EACnC,WAAW,OAAO;AAChB,SAAK,QAAQ,MAAM;AAAA,EACrB;AAEA,OAAI,uCAAW,UAAS,QAAW;AACjC,SAAK,OAAO,UAAU;AAAA,EACxB;AAEA,QAAM,UAAU,sBAAsB,OAAO,eAAe;AAC5D,QAAM,cAAc,QAAQ,KAAK,MAAM,KAAK,CAAC,QAAQ,SAAS,KAAK,MAAO;AAC1E,OAAK,+BAAO,sBAAqB,QAAQ,WAAW,KAAM,aAAa;AACrE,WAAO,KAAK;AAAA,EACd;AACA,OAAI,uCAAW,kBAAiB,QAAQ,SAAS,KAAK,CAAC,KAAK,QAAQ;AAClE,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

@@ -2,8 +2,15 @@ import { ChatModel, ChatModelRuntime } from '../chat/types';
 export type ModelRuntimeSelection = ChatModelRuntime;
 /** Lists the effort values accepted by the selected catalog model. */
 export declare function effortOptionsForModel(model: ChatModel | undefined, fallbackEfforts: readonly string[]): string[];
-/** Applies catalog identity and capabilities under the caller's execution policy. */
+/**
+ * Applies catalog identity and capabilities under the caller's execution
+ * policy. A model or mode change never invents a reasoning effort the user
+ * did not choose — it only drops one the new model can't run. Pass
+ * `defaultEffort: true` for a seeding path (chat's initial/default runtime)
+ * that must land on a usable tier when nothing is set.
+ */
 export declare function reconcileModelCapabilities<T extends ModelRuntimeSelection>(value: T, model: ChatModel | undefined, fallbackEfforts: readonly string[], execution?: {
-    mode: string | undefined;
+    mode?: string | undefined;
+    defaultEffort?: boolean;
 }): 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,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B,GACA,CAAC,CAkCH"}
+{"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;;;;;;GAMG;AACH,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,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,GACA,CAAC,CAgCH"}