@flanksource/clicky-ui 0.3.44 → 0.3.45

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

@@ -10,8 +10,6 @@ export type RuntimeBarValue = ChatModelRuntime & {
 export type RuntimeBarProps<T extends RuntimeBarValue = RuntimeBarValue> = {
     value: T;
     onChange: (value: T) => void;
-    /** Fused field triggers or individually bordered controls. */
-    variant?: "combo" | "segmented";
     /** Model catalog grouped by family and filtered by the selected mode. */
     models?: ChatModel[] | undefined;
     families?: SpecRuntimeFamily[] | undefined;
@@ -36,6 +34,6 @@ export type RuntimeBarProps<T extends RuntimeBarValue = RuntimeBarValue> = {
     ariaLabel?: string | undefined;
     className?: string | undefined;
 };
-/** Self-describing runtime controls with segmented and combo presentations. */
-export declare function RuntimeBar<T extends RuntimeBarValue>({ value, onChange, variant, models, families, effectiveMode, effectiveModel, reasoningEfforts, locked, showModel, showEffort, showTimeout, showCost, actions, ariaLabel, className, }: RuntimeBarProps<T>): import("react").JSX.Element;
+/** Mode-first runtime controls with settings that adapt to the container width. */
+export declare function RuntimeBar<T extends RuntimeBarValue>({ value, onChange, models, families, effectiveMode, effectiveModel, reasoningEfforts, locked, showModel, showEffort, showTimeout, showCost, actions, ariaLabel, className, }: RuntimeBarProps<T>): import("react").JSX.Element;
 //# sourceMappingURL=RuntimeBar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RuntimeBar.d.ts","sourceRoot":"","sources":["../../../src/data/runtime/RuntimeBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAmB,KAAK,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG7E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAalE,OAAO,EAKL,KAAK,iBAAiB,EACvB,MAAM,gBAAgB,CAAC;AAExB,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,qEAAqE;IACrE,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,IAAI;IACzE,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAChC,yEAAyE;IACzE,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;IAC3C,kFAAkF;IAClF,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,2FAA2F;IAC3F,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACxC,oFAAoF;IACpF,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,2CAA2C;IAC3C,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,0FAA0F;IAC1F,OAAO,CAAC,EACJ,IAAI,CAAC,sBAAsB,EAAE,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAC,GAC7D,SAAS,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,+EAA+E;AAC/E,wBAAgB,UAAU,CAAC,CAAC,SAAS,eAAe,EAAE,EACpD,KAAK,EACL,QAAQ,EACR,OAAqB,EACrB,MAAW,EACX,QAAgC,EAChC,aAAa,EACb,cAAc,EACd,gBAA4C,EAC5C,MAAc,EACd,SAAgB,EAChB,UAAiB,EACjB,WAAmB,EACnB,QAAgB,EAChB,OAAO,EACP,SAAqB,EACrB,SAAS,GACV,EAAE,eAAe,CAAC,CAAC,CAAC,+BAmJpB"}
+{"version":3,"file":"RuntimeBar.d.ts","sourceRoot":"","sources":["../../../src/data/runtime/RuntimeBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAmB,KAAK,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG7E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAYlE,OAAO,EAKL,KAAK,iBAAiB,EACvB,MAAM,gBAAgB,CAAC;AAExB,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,qEAAqE;IACrE,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,IAAI;IACzE,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,yEAAyE;IACzE,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;IAC3C,kFAAkF;IAClF,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,2FAA2F;IAC3F,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACxC,oFAAoF;IACpF,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,2CAA2C;IAC3C,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,0FAA0F;IAC1F,OAAO,CAAC,EACJ,IAAI,CAAC,sBAAsB,EAAE,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAC,GAC7D,SAAS,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,mFAAmF;AACnF,wBAAgB,UAAU,CAAC,CAAC,SAAS,eAAe,EAAE,EACpD,KAAK,EACL,QAAQ,EACR,MAAW,EACX,QAAgC,EAChC,aAAa,EACb,cAAc,EACd,gBAA4C,EAC5C,MAAc,EACd,SAAgB,EAChB,UAAiB,EACjB,WAAmB,EACnB,QAAgB,EAChB,OAAO,EACP,SAAqB,EACrB,SAAS,GACV,EAAE,eAAe,CAAC,CAAC,CAAC,+BAgJpB"}

package/dist/data/runtime/RuntimeBar.fields.cjs

@@ -117,8 +117,8 @@ function effortField({
     label: "Effort",
     title: "Reasoning effort",
     isSet: Boolean(value),
-    icon: UiBrain.UiBrain,
-    iconClassName: "text-muted-foreground",
+    icon: glyph ?? UiBrain.UiBrain,
+    iconClassName: glyph ? effortIcons.effortLevelColor(value) : "text-muted-foreground",
     caption: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: RuntimeBarSegment.SEGMENT_KEY_CLASS, children: "Effort" }),
       glyph && /* @__PURE__ */ jsxRuntime.jsx(

package/dist/data/runtime/RuntimeBar.fields.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RuntimeBar.fields.cjs","sources":["../../../src/data/runtime/RuntimeBar.fields.tsx"],"sourcesContent":["import { UiBrain, UiCurrencyDollar, UiTimer } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  effortLevelColor,\n  effortLevelIcon,\n  effortLevelLabel,\n} from \"../chat/effort-icons\";\nimport type { RuntimeBarAction } from \"./RuntimeBarActions\";\nimport {\n  COST_PRESETS,\n  TIMEOUT_PRESETS,\n  formatCost,\n  parseCost,\n  parseTimeout,\n} from \"./RuntimeBar.limits\";\nimport { RuntimeLimitInput } from \"./RuntimeLimitInput\";\nimport {\n  SEGMENT_CAPTION_CLASS,\n  SEGMENT_KEY_CLASS,\n  SegmentItemLabel,\n} from \"./RuntimeBarSegment\";\nimport { UNSPECIFIED_LABEL, UNSPECIFIED_HINT } from \"./unspecified\";\n\nexport function timeoutField({\n  value,\n  onChange,\n}: {\n  value: string | undefined;\n  onChange: (next: string | undefined) => void;\n}): RuntimeBarAction {\n  return limitField({\n    id: \"budget.timeout\",\n    label: \"Timeout\",\n    inputLabel: \"Timeout duration\",\n    icon: UiTimer,\n    current: value,\n    text: value ?? \"\",\n    placeholder: \"45m\",\n    presets: TIMEOUT_PRESETS.map((timeout) => ({\n      label: timeout,\n      value: timeout,\n    })),\n    parse: parseTimeout,\n    onChange,\n  });\n}\n\nexport function budgetField({\n  value,\n  onChange,\n}: {\n  value: number | undefined;\n  onChange: (next: number | undefined) => void;\n}): RuntimeBarAction {\n  return limitField({\n    id: \"budget.cost\",\n    label: \"Budget\",\n    inputLabel: \"Budget (USD)\",\n    icon: UiCurrencyDollar,\n    current: formatCost(value),\n    text: value === undefined ? \"\" : String(value),\n    placeholder: \"2.50\",\n    presets: COST_PRESETS.map((cost) => ({\n      label: formatCost(cost)!,\n      value: cost,\n    })),\n    parse: parseCost,\n    onChange,\n  });\n}\n\nfunction limitField<V extends string | number>({\n  id,\n  label,\n  inputLabel,\n  icon,\n  current,\n  text,\n  placeholder,\n  presets,\n  parse,\n  onChange,\n}: {\n  id: string;\n  label: string;\n  inputLabel: string;\n  icon: StaticIconComponent;\n  current: string | undefined;\n  text: string;\n  placeholder: string;\n  presets: { label: string; value: V }[];\n  parse: (text: string) => V | undefined;\n  onChange: (next: V | undefined) => void;\n}): RuntimeBarAction {\n  return {\n    id,\n    label,\n    icon,\n    isSet: current !== undefined,\n    title: `${label} — ${current ?? \"no limit\"}`,\n    caption: (\n      <>\n        <Icon icon={icon} className=\"size-4 shrink-0 text-muted-foreground\" />\n        <span className={SEGMENT_CAPTION_CLASS}>{current}</span>\n      </>\n    ),\n    header: (\n      <div className=\"grid gap-1\">\n        <span className={SEGMENT_KEY_CLASS}>{inputLabel}</span>\n        <RuntimeLimitInput\n          inputLabel={inputLabel}\n          text={text}\n          placeholder={placeholder}\n          parse={parse}\n          current={current}\n          onChange={onChange}\n        />\n      </div>\n    ),\n    items: [\n      {\n        label: (\n          <SegmentItemLabel text=\"No limit\" selected={current === undefined} />\n        ),\n        onSelect: () => onChange(undefined),\n      },\n      ...presets.map((preset) => ({\n        label: (\n          <SegmentItemLabel\n            text={preset.label}\n            selected={preset.label === current}\n          />\n        ),\n        onSelect: () => onChange(preset.value),\n      })),\n    ],\n  };\n}\n\nexport function effortField({\n  value,\n  offered,\n  supported,\n  onChange,\n}: {\n  value: string | undefined;\n  offered: string[];\n  supported: string[];\n  onChange: (next: string) => void;\n}): RuntimeBarAction {\n  const glyph = value ? effortLevelIcon(value) : undefined;\n  return {\n    id: \"effort\",\n    label: \"Effort\",\n    title: \"Reasoning effort\",\n    isSet: Boolean(value),\n    icon: UiBrain,\n    iconClassName: \"text-muted-foreground\",\n    caption: (\n      <>\n        <span className={SEGMENT_KEY_CLASS}>Effort</span>\n        {glyph && (\n          <Icon\n            icon={glyph}\n            className={cn(\"size-4 shrink-0\", effortLevelColor(value!))}\n          />\n        )}\n        <span className={SEGMENT_CAPTION_CLASS}>\n          {value ? effortLevelLabel(value) : UNSPECIFIED_LABEL}\n        </span>\n      </>\n    ),\n    items: [\n      {\n        label: (\n          <SegmentItemLabel\n            text={UNSPECIFIED_LABEL}\n            hint={UNSPECIFIED_HINT}\n            selected={!value}\n          />\n        ),\n        onSelect: () => onChange(\"\"),\n      },\n      ...[\n        ...new Set([...offered, ...supported, ...(value ? [value] : [])]),\n      ].map((effort) => {\n        const icon = effortLevelIcon(effort);\n        return {\n          label: (\n            <SegmentItemLabel\n              text={effortLevelLabel(effort)}\n              selected={value === effort}\n              {...(supported.includes(effort) ? {} : { hint: \"unsupported\" })}\n            />\n          ),\n          ...(icon ? { icon } : {}),\n          iconClassName: effortLevelColor(effort),\n          disabled: !supported.includes(effort),\n          onSelect: () => onChange(effort),\n        };\n      }),\n    ],\n  };\n}\n"],"names":["UiTimer","TIMEOUT_PRESETS","parseTimeout","UiCurrencyDollar","formatCost","COST_PRESETS","parseCost","jsxs","Fragment","jsx","Icon","SEGMENT_CAPTION_CLASS","SEGMENT_KEY_CLASS","RuntimeLimitInput","SegmentItemLabel","effortLevelIcon","UiBrain","cn","effortLevelColor","effortLevelLabel","UNSPECIFIED_LABEL","UNSPECIFIED_HINT"],"mappings":"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"}
+{"version":3,"file":"RuntimeBar.fields.cjs","sources":["../../../src/data/runtime/RuntimeBar.fields.tsx"],"sourcesContent":["import { UiBrain, UiCurrencyDollar, UiTimer } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  effortLevelColor,\n  effortLevelIcon,\n  effortLevelLabel,\n} from \"../chat/effort-icons\";\nimport type { RuntimeBarAction } from \"./RuntimeBarActions\";\nimport {\n  COST_PRESETS,\n  TIMEOUT_PRESETS,\n  formatCost,\n  parseCost,\n  parseTimeout,\n} from \"./RuntimeBar.limits\";\nimport { RuntimeLimitInput } from \"./RuntimeLimitInput\";\nimport {\n  SEGMENT_CAPTION_CLASS,\n  SEGMENT_KEY_CLASS,\n  SegmentItemLabel,\n} from \"./RuntimeBarSegment\";\nimport { UNSPECIFIED_LABEL, UNSPECIFIED_HINT } from \"./unspecified\";\n\nexport function timeoutField({\n  value,\n  onChange,\n}: {\n  value: string | undefined;\n  onChange: (next: string | undefined) => void;\n}): RuntimeBarAction {\n  return limitField({\n    id: \"budget.timeout\",\n    label: \"Timeout\",\n    inputLabel: \"Timeout duration\",\n    icon: UiTimer,\n    current: value,\n    text: value ?? \"\",\n    placeholder: \"45m\",\n    presets: TIMEOUT_PRESETS.map((timeout) => ({\n      label: timeout,\n      value: timeout,\n    })),\n    parse: parseTimeout,\n    onChange,\n  });\n}\n\nexport function budgetField({\n  value,\n  onChange,\n}: {\n  value: number | undefined;\n  onChange: (next: number | undefined) => void;\n}): RuntimeBarAction {\n  return limitField({\n    id: \"budget.cost\",\n    label: \"Budget\",\n    inputLabel: \"Budget (USD)\",\n    icon: UiCurrencyDollar,\n    current: formatCost(value),\n    text: value === undefined ? \"\" : String(value),\n    placeholder: \"2.50\",\n    presets: COST_PRESETS.map((cost) => ({\n      label: formatCost(cost)!,\n      value: cost,\n    })),\n    parse: parseCost,\n    onChange,\n  });\n}\n\nfunction limitField<V extends string | number>({\n  id,\n  label,\n  inputLabel,\n  icon,\n  current,\n  text,\n  placeholder,\n  presets,\n  parse,\n  onChange,\n}: {\n  id: string;\n  label: string;\n  inputLabel: string;\n  icon: StaticIconComponent;\n  current: string | undefined;\n  text: string;\n  placeholder: string;\n  presets: { label: string; value: V }[];\n  parse: (text: string) => V | undefined;\n  onChange: (next: V | undefined) => void;\n}): RuntimeBarAction {\n  return {\n    id,\n    label,\n    icon,\n    isSet: current !== undefined,\n    title: `${label} — ${current ?? \"no limit\"}`,\n    caption: (\n      <>\n        <Icon icon={icon} className=\"size-4 shrink-0 text-muted-foreground\" />\n        <span className={SEGMENT_CAPTION_CLASS}>{current}</span>\n      </>\n    ),\n    header: (\n      <div className=\"grid gap-1\">\n        <span className={SEGMENT_KEY_CLASS}>{inputLabel}</span>\n        <RuntimeLimitInput\n          inputLabel={inputLabel}\n          text={text}\n          placeholder={placeholder}\n          parse={parse}\n          current={current}\n          onChange={onChange}\n        />\n      </div>\n    ),\n    items: [\n      {\n        label: (\n          <SegmentItemLabel text=\"No limit\" selected={current === undefined} />\n        ),\n        onSelect: () => onChange(undefined),\n      },\n      ...presets.map((preset) => ({\n        label: (\n          <SegmentItemLabel\n            text={preset.label}\n            selected={preset.label === current}\n          />\n        ),\n        onSelect: () => onChange(preset.value),\n      })),\n    ],\n  };\n}\n\nexport function effortField({\n  value,\n  offered,\n  supported,\n  onChange,\n}: {\n  value: string | undefined;\n  offered: string[];\n  supported: string[];\n  onChange: (next: string) => void;\n}): RuntimeBarAction {\n  const glyph = value ? effortLevelIcon(value) : undefined;\n  return {\n    id: \"effort\",\n    label: \"Effort\",\n    title: \"Reasoning effort\",\n    isSet: Boolean(value),\n    icon: glyph ?? UiBrain,\n    iconClassName: glyph ? effortLevelColor(value!) : \"text-muted-foreground\",\n    caption: (\n      <>\n        <span className={SEGMENT_KEY_CLASS}>Effort</span>\n        {glyph && (\n          <Icon\n            icon={glyph}\n            className={cn(\"size-4 shrink-0\", effortLevelColor(value!))}\n          />\n        )}\n        <span className={SEGMENT_CAPTION_CLASS}>\n          {value ? effortLevelLabel(value) : UNSPECIFIED_LABEL}\n        </span>\n      </>\n    ),\n    items: [\n      {\n        label: (\n          <SegmentItemLabel\n            text={UNSPECIFIED_LABEL}\n            hint={UNSPECIFIED_HINT}\n            selected={!value}\n          />\n        ),\n        onSelect: () => onChange(\"\"),\n      },\n      ...[\n        ...new Set([...offered, ...supported, ...(value ? [value] : [])]),\n      ].map((effort) => {\n        const icon = effortLevelIcon(effort);\n        return {\n          label: (\n            <SegmentItemLabel\n              text={effortLevelLabel(effort)}\n              selected={value === effort}\n              {...(supported.includes(effort) ? {} : { hint: \"unsupported\" })}\n            />\n          ),\n          ...(icon ? { icon } : {}),\n          iconClassName: effortLevelColor(effort),\n          disabled: !supported.includes(effort),\n          onSelect: () => onChange(effort),\n        };\n      }),\n    ],\n  };\n}\n"],"names":["UiTimer","TIMEOUT_PRESETS","parseTimeout","UiCurrencyDollar","formatCost","COST_PRESETS","parseCost","jsxs","Fragment","jsx","Icon","SEGMENT_CAPTION_CLASS","SEGMENT_KEY_CLASS","RuntimeLimitInput","SegmentItemLabel","effortLevelIcon","UiBrain","effortLevelColor","cn","effortLevelLabel","UNSPECIFIED_LABEL","UNSPECIFIED_HINT"],"mappings":"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"}

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

@@ -115,8 +115,8 @@ function effortField({
     label: "Effort",
     title: "Reasoning effort",
     isSet: Boolean(value),
-    icon: UiBrain,
-    iconClassName: "text-muted-foreground",
+    icon: glyph ?? UiBrain,
+    iconClassName: glyph ? effortLevelColor(value) : "text-muted-foreground",
     caption: /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("span", { className: SEGMENT_KEY_CLASS, children: "Effort" }),
       glyph && /* @__PURE__ */ jsx(

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

@@ -1 +1 @@
-{"version":3,"file":"RuntimeBar.fields.js","sources":["../../../src/data/runtime/RuntimeBar.fields.tsx"],"sourcesContent":["import { UiBrain, UiCurrencyDollar, UiTimer } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  effortLevelColor,\n  effortLevelIcon,\n  effortLevelLabel,\n} from \"../chat/effort-icons\";\nimport type { RuntimeBarAction } from \"./RuntimeBarActions\";\nimport {\n  COST_PRESETS,\n  TIMEOUT_PRESETS,\n  formatCost,\n  parseCost,\n  parseTimeout,\n} from \"./RuntimeBar.limits\";\nimport { RuntimeLimitInput } from \"./RuntimeLimitInput\";\nimport {\n  SEGMENT_CAPTION_CLASS,\n  SEGMENT_KEY_CLASS,\n  SegmentItemLabel,\n} from \"./RuntimeBarSegment\";\nimport { UNSPECIFIED_LABEL, UNSPECIFIED_HINT } from \"./unspecified\";\n\nexport function timeoutField({\n  value,\n  onChange,\n}: {\n  value: string | undefined;\n  onChange: (next: string | undefined) => void;\n}): RuntimeBarAction {\n  return limitField({\n    id: \"budget.timeout\",\n    label: \"Timeout\",\n    inputLabel: \"Timeout duration\",\n    icon: UiTimer,\n    current: value,\n    text: value ?? \"\",\n    placeholder: \"45m\",\n    presets: TIMEOUT_PRESETS.map((timeout) => ({\n      label: timeout,\n      value: timeout,\n    })),\n    parse: parseTimeout,\n    onChange,\n  });\n}\n\nexport function budgetField({\n  value,\n  onChange,\n}: {\n  value: number | undefined;\n  onChange: (next: number | undefined) => void;\n}): RuntimeBarAction {\n  return limitField({\n    id: \"budget.cost\",\n    label: \"Budget\",\n    inputLabel: \"Budget (USD)\",\n    icon: UiCurrencyDollar,\n    current: formatCost(value),\n    text: value === undefined ? \"\" : String(value),\n    placeholder: \"2.50\",\n    presets: COST_PRESETS.map((cost) => ({\n      label: formatCost(cost)!,\n      value: cost,\n    })),\n    parse: parseCost,\n    onChange,\n  });\n}\n\nfunction limitField<V extends string | number>({\n  id,\n  label,\n  inputLabel,\n  icon,\n  current,\n  text,\n  placeholder,\n  presets,\n  parse,\n  onChange,\n}: {\n  id: string;\n  label: string;\n  inputLabel: string;\n  icon: StaticIconComponent;\n  current: string | undefined;\n  text: string;\n  placeholder: string;\n  presets: { label: string; value: V }[];\n  parse: (text: string) => V | undefined;\n  onChange: (next: V | undefined) => void;\n}): RuntimeBarAction {\n  return {\n    id,\n    label,\n    icon,\n    isSet: current !== undefined,\n    title: `${label} — ${current ?? \"no limit\"}`,\n    caption: (\n      <>\n        <Icon icon={icon} className=\"size-4 shrink-0 text-muted-foreground\" />\n        <span className={SEGMENT_CAPTION_CLASS}>{current}</span>\n      </>\n    ),\n    header: (\n      <div className=\"grid gap-1\">\n        <span className={SEGMENT_KEY_CLASS}>{inputLabel}</span>\n        <RuntimeLimitInput\n          inputLabel={inputLabel}\n          text={text}\n          placeholder={placeholder}\n          parse={parse}\n          current={current}\n          onChange={onChange}\n        />\n      </div>\n    ),\n    items: [\n      {\n        label: (\n          <SegmentItemLabel text=\"No limit\" selected={current === undefined} />\n        ),\n        onSelect: () => onChange(undefined),\n      },\n      ...presets.map((preset) => ({\n        label: (\n          <SegmentItemLabel\n            text={preset.label}\n            selected={preset.label === current}\n          />\n        ),\n        onSelect: () => onChange(preset.value),\n      })),\n    ],\n  };\n}\n\nexport function effortField({\n  value,\n  offered,\n  supported,\n  onChange,\n}: {\n  value: string | undefined;\n  offered: string[];\n  supported: string[];\n  onChange: (next: string) => void;\n}): RuntimeBarAction {\n  const glyph = value ? effortLevelIcon(value) : undefined;\n  return {\n    id: \"effort\",\n    label: \"Effort\",\n    title: \"Reasoning effort\",\n    isSet: Boolean(value),\n    icon: UiBrain,\n    iconClassName: \"text-muted-foreground\",\n    caption: (\n      <>\n        <span className={SEGMENT_KEY_CLASS}>Effort</span>\n        {glyph && (\n          <Icon\n            icon={glyph}\n            className={cn(\"size-4 shrink-0\", effortLevelColor(value!))}\n          />\n        )}\n        <span className={SEGMENT_CAPTION_CLASS}>\n          {value ? effortLevelLabel(value) : UNSPECIFIED_LABEL}\n        </span>\n      </>\n    ),\n    items: [\n      {\n        label: (\n          <SegmentItemLabel\n            text={UNSPECIFIED_LABEL}\n            hint={UNSPECIFIED_HINT}\n            selected={!value}\n          />\n        ),\n        onSelect: () => onChange(\"\"),\n      },\n      ...[\n        ...new Set([...offered, ...supported, ...(value ? [value] : [])]),\n      ].map((effort) => {\n        const icon = effortLevelIcon(effort);\n        return {\n          label: (\n            <SegmentItemLabel\n              text={effortLevelLabel(effort)}\n              selected={value === effort}\n              {...(supported.includes(effort) ? {} : { hint: \"unsupported\" })}\n            />\n          ),\n          ...(icon ? { icon } : {}),\n          iconClassName: effortLevelColor(effort),\n          disabled: !supported.includes(effort),\n          onSelect: () => onChange(effort),\n        };\n      }),\n    ],\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"RuntimeBar.fields.js","sources":["../../../src/data/runtime/RuntimeBar.fields.tsx"],"sourcesContent":["import { UiBrain, UiCurrencyDollar, UiTimer } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  effortLevelColor,\n  effortLevelIcon,\n  effortLevelLabel,\n} from \"../chat/effort-icons\";\nimport type { RuntimeBarAction } from \"./RuntimeBarActions\";\nimport {\n  COST_PRESETS,\n  TIMEOUT_PRESETS,\n  formatCost,\n  parseCost,\n  parseTimeout,\n} from \"./RuntimeBar.limits\";\nimport { RuntimeLimitInput } from \"./RuntimeLimitInput\";\nimport {\n  SEGMENT_CAPTION_CLASS,\n  SEGMENT_KEY_CLASS,\n  SegmentItemLabel,\n} from \"./RuntimeBarSegment\";\nimport { UNSPECIFIED_LABEL, UNSPECIFIED_HINT } from \"./unspecified\";\n\nexport function timeoutField({\n  value,\n  onChange,\n}: {\n  value: string | undefined;\n  onChange: (next: string | undefined) => void;\n}): RuntimeBarAction {\n  return limitField({\n    id: \"budget.timeout\",\n    label: \"Timeout\",\n    inputLabel: \"Timeout duration\",\n    icon: UiTimer,\n    current: value,\n    text: value ?? \"\",\n    placeholder: \"45m\",\n    presets: TIMEOUT_PRESETS.map((timeout) => ({\n      label: timeout,\n      value: timeout,\n    })),\n    parse: parseTimeout,\n    onChange,\n  });\n}\n\nexport function budgetField({\n  value,\n  onChange,\n}: {\n  value: number | undefined;\n  onChange: (next: number | undefined) => void;\n}): RuntimeBarAction {\n  return limitField({\n    id: \"budget.cost\",\n    label: \"Budget\",\n    inputLabel: \"Budget (USD)\",\n    icon: UiCurrencyDollar,\n    current: formatCost(value),\n    text: value === undefined ? \"\" : String(value),\n    placeholder: \"2.50\",\n    presets: COST_PRESETS.map((cost) => ({\n      label: formatCost(cost)!,\n      value: cost,\n    })),\n    parse: parseCost,\n    onChange,\n  });\n}\n\nfunction limitField<V extends string | number>({\n  id,\n  label,\n  inputLabel,\n  icon,\n  current,\n  text,\n  placeholder,\n  presets,\n  parse,\n  onChange,\n}: {\n  id: string;\n  label: string;\n  inputLabel: string;\n  icon: StaticIconComponent;\n  current: string | undefined;\n  text: string;\n  placeholder: string;\n  presets: { label: string; value: V }[];\n  parse: (text: string) => V | undefined;\n  onChange: (next: V | undefined) => void;\n}): RuntimeBarAction {\n  return {\n    id,\n    label,\n    icon,\n    isSet: current !== undefined,\n    title: `${label} — ${current ?? \"no limit\"}`,\n    caption: (\n      <>\n        <Icon icon={icon} className=\"size-4 shrink-0 text-muted-foreground\" />\n        <span className={SEGMENT_CAPTION_CLASS}>{current}</span>\n      </>\n    ),\n    header: (\n      <div className=\"grid gap-1\">\n        <span className={SEGMENT_KEY_CLASS}>{inputLabel}</span>\n        <RuntimeLimitInput\n          inputLabel={inputLabel}\n          text={text}\n          placeholder={placeholder}\n          parse={parse}\n          current={current}\n          onChange={onChange}\n        />\n      </div>\n    ),\n    items: [\n      {\n        label: (\n          <SegmentItemLabel text=\"No limit\" selected={current === undefined} />\n        ),\n        onSelect: () => onChange(undefined),\n      },\n      ...presets.map((preset) => ({\n        label: (\n          <SegmentItemLabel\n            text={preset.label}\n            selected={preset.label === current}\n          />\n        ),\n        onSelect: () => onChange(preset.value),\n      })),\n    ],\n  };\n}\n\nexport function effortField({\n  value,\n  offered,\n  supported,\n  onChange,\n}: {\n  value: string | undefined;\n  offered: string[];\n  supported: string[];\n  onChange: (next: string) => void;\n}): RuntimeBarAction {\n  const glyph = value ? effortLevelIcon(value) : undefined;\n  return {\n    id: \"effort\",\n    label: \"Effort\",\n    title: \"Reasoning effort\",\n    isSet: Boolean(value),\n    icon: glyph ?? UiBrain,\n    iconClassName: glyph ? effortLevelColor(value!) : \"text-muted-foreground\",\n    caption: (\n      <>\n        <span className={SEGMENT_KEY_CLASS}>Effort</span>\n        {glyph && (\n          <Icon\n            icon={glyph}\n            className={cn(\"size-4 shrink-0\", effortLevelColor(value!))}\n          />\n        )}\n        <span className={SEGMENT_CAPTION_CLASS}>\n          {value ? effortLevelLabel(value) : UNSPECIFIED_LABEL}\n        </span>\n      </>\n    ),\n    items: [\n      {\n        label: (\n          <SegmentItemLabel\n            text={UNSPECIFIED_LABEL}\n            hint={UNSPECIFIED_HINT}\n            selected={!value}\n          />\n        ),\n        onSelect: () => onChange(\"\"),\n      },\n      ...[\n        ...new Set([...offered, ...supported, ...(value ? [value] : [])]),\n      ].map((effort) => {\n        const icon = effortLevelIcon(effort);\n        return {\n          label: (\n            <SegmentItemLabel\n              text={effortLevelLabel(effort)}\n              selected={value === effort}\n              {...(supported.includes(effort) ? {} : { hint: \"unsupported\" })}\n            />\n          ),\n          ...(icon ? { icon } : {}),\n          iconClassName: effortLevelColor(effort),\n          disabled: !supported.includes(effort),\n          onSelect: () => onChange(effort),\n        };\n      }),\n    ],\n  };\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAwBO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AACF,GAGqB;AACnB,SAAO,WAAW;AAAA,IAChB,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,MAAM,SAAS;AAAA,IACf,aAAa;AAAA,IACb,SAAS,gBAAgB,IAAI,CAAC,aAAa;AAAA,MACzC,OAAO;AAAA,MACP,OAAO;AAAA,IAAA,EACP;AAAA,IACF,OAAO;AAAA,IACP;AAAA,EAAA,CACD;AACH;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGqB;AACnB,SAAO,WAAW;AAAA,IAChB,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,SAAS,WAAW,KAAK;AAAA,IACzB,MAAM,UAAU,SAAY,KAAK,OAAO,KAAK;AAAA,IAC7C,aAAa;AAAA,IACb,SAAS,aAAa,IAAI,CAAC,UAAU;AAAA,MACnC,OAAO,WAAW,IAAI;AAAA,MACtB,OAAO;AAAA,IAAA,EACP;AAAA,IACF,OAAO;AAAA,IACP;AAAA,EAAA,CACD;AACH;AAEA,SAAS,WAAsC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAWqB;AACnB,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,YAAY;AAAA,IACnB,OAAO,GAAG,KAAK,MAAM,WAAW,UAAU;AAAA,IAC1C,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAK,MAAY,WAAU,wCAAA,CAAwC;AAAA,MACpE,oBAAC,QAAA,EAAK,WAAW,uBAAwB,UAAA,QAAA,CAAQ;AAAA,IAAA,GACnD;AAAA,IAEF,QACE,qBAAC,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAK,WAAW,mBAAoB,UAAA,YAAW;AAAA,MAChD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,GACF;AAAA,IAEF,OAAO;AAAA,MACL;AAAA,QACE,OACE,oBAAC,kBAAA,EAAiB,MAAK,YAAW,UAAU,YAAY,QAAW;AAAA,QAErE,UAAU,MAAM,SAAS,MAAS;AAAA,MAAA;AAAA,MAEpC,GAAG,QAAQ,IAAI,CAAC,YAAY;AAAA,QAC1B,OACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAM,OAAO;AAAA,YACb,UAAU,OAAO,UAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAG/B,UAAU,MAAM,SAAS,OAAO,KAAK;AAAA,MAAA,EACrC;AAAA,IAAA;AAAA,EACJ;AAEJ;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKqB;AACnB,QAAM,QAAQ,QAAQ,gBAAgB,KAAK,IAAI;AAC/C,SAAO;AAAA,IACL,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO,QAAQ,KAAK;AAAA,IACpB,MAAM,SAAS;AAAA,IACf,eAAe,QAAQ,iBAAiB,KAAM,IAAI;AAAA,IAClD,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAK,WAAW,mBAAmB,UAAA,UAAM;AAAA,MACzC,SACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,WAAW,GAAG,mBAAmB,iBAAiB,KAAM,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAG7D,oBAAC,UAAK,WAAW,uBACd,kBAAQ,iBAAiB,KAAK,IAAI,kBAAA,CACrC;AAAA,IAAA,GACF;AAAA,IAEF,OAAO;AAAA,MACL;AAAA,QACE,OACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN,MAAM;AAAA,YACN,UAAU,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAGf,UAAU,MAAM,SAAS,EAAE;AAAA,MAAA;AAAA,MAE7B,GAAG;AAAA,QACD,GAAG,oBAAI,IAAI,CAAC,GAAG,SAAS,GAAG,WAAW,GAAI,QAAQ,CAAC,KAAK,IAAI,EAAG,CAAC;AAAA,MAAA,EAChE,IAAI,CAAC,WAAW;AAChB,cAAM,OAAO,gBAAgB,MAAM;AACnC,eAAO;AAAA,UACL,OACE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAM,iBAAiB,MAAM;AAAA,cAC7B,UAAU,UAAU;AAAA,cACnB,GAAI,UAAU,SAAS,MAAM,IAAI,CAAA,IAAK,EAAE,MAAM,cAAA;AAAA,YAAc;AAAA,UAAA;AAAA,UAGjE,GAAI,OAAO,EAAE,KAAA,IAAS,CAAA;AAAA,UACtB,eAAe,iBAAiB,MAAM;AAAA,UACtC,UAAU,CAAC,UAAU,SAAS,MAAM;AAAA,UACpC,UAAU,MAAM,SAAS,MAAM;AAAA,QAAA;AAAA,MAEnC,CAAC;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/data/runtime/RuntimeBar.js

@@ -6,7 +6,6 @@ import { runtimeModelForValue } from "./RuntimeBar.model.js";
 import { RuntimeBarLayout } from "./RuntimeBarLayout.js";
 import { effortField, budgetField, timeoutField } from "./RuntimeBar.fields.js";
 import { runtimeModes, modelGroupsForMode, withRuntimeMode } from "./RuntimeBar.selection.js";
-import { RuntimeBarVariantContext } from "./RuntimeBar.context.js";
 import { isSelectableModel } from "./availability.js";
 import { effortOptionsForModel, reconcileModelCapabilities } from "./model-capabilities.js";
 import { selectionForRuntime, SPEC_RUNTIME_FAMILIES, familyById } from "./runtime-mode.js";
@@ -14,7 +13,6 @@ import { runtimeModeFromModel } from "../../lib/runtime-family.js";
 function RuntimeBar({
   value,
   onChange,
-  variant = "segmented",
   models = [],
   families = SPEC_RUNTIME_FAMILIES,
   effectiveMode,
@@ -119,7 +117,7 @@ function RuntimeBar({
       })
     ] : []
   ];
-  return /* @__PURE__ */ jsx(RuntimeBarVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(
     RuntimeBarLayout,
     {
       ariaLabel,
@@ -136,7 +134,6 @@ function RuntimeBar({
         inheritedModelLabel,
         locked,
         showModel,
-        variant,
         onModeChange: (modeId) => applyMode(family.id, modeId),
         onCustomModel: applyCustomModel,
         onModelSelect: applyModel,
@@ -147,7 +144,7 @@ function RuntimeBar({
         }
       }
     }
-  ) });
+  );
 }
 function withoutCatalogModel(value) {
   return withOptionalRuntimeValue(

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

@@ -1 +1 @@
-{"version":3,"file":"RuntimeBar.js","sources":["../../../src/data/runtime/RuntimeBar.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { DEFAULT_REASONING_EFFORTS } from \"../chat/effort-icons\";\nimport type { ChatModel, ChatModelRuntime } from \"../chat/types\";\nimport { withBudgetLimit, type RuntimeBarBudget } from \"./RuntimeBar.limits\";\nimport { runtimeModelForValue } from \"./RuntimeBar.model\";\nimport { RuntimeBarLayout } from \"./RuntimeBarLayout\";\nimport type { RuntimeBarActionsProps } from \"./RuntimeBarActions\";\nimport { timeoutField, budgetField, effortField } from \"./RuntimeBar.fields\";\nimport {\n  modelGroupsForMode,\n  runtimeModes,\n  withRuntimeMode,\n} from \"./RuntimeBar.selection\";\nimport { RuntimeBarVariantContext } from \"./RuntimeBar.context\";\nimport { isSelectableModel } from \"./availability\";\nimport {\n  effortOptionsForModel,\n  reconcileModelCapabilities,\n} from \"./model-capabilities\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  familyById,\n  selectionForRuntime,\n  runtimeModeFromModel,\n  type SpecRuntimeFamily,\n} from \"./runtime-mode\";\n\nexport type RuntimeBarValue = ChatModelRuntime & {\n  cliArgs?: Record<string, unknown>;\n  /** Run limits edited by the opt-in timeout and max cost controls. */\n  budget?: RuntimeBarBudget;\n};\n\nexport type RuntimeBarProps<T extends RuntimeBarValue = RuntimeBarValue> = {\n  value: T;\n  onChange: (value: T) => void;\n  /** Fused field triggers or individually bordered controls. */\n  variant?: \"combo\" | \"segmented\";\n  /** Model catalog grouped by family and filtered by the selected mode. */\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n  /** Resolved mode shown when the editable value inherits it from another layer. */\n  effectiveMode?: string | undefined;\n  /** Resolved model used to identify the inherited provider family without persisting it. */\n  effectiveModel?: string | undefined;\n  /** Effort tiers offered when the catalog does not describe the model. */\n  reasoningEfforts?: string[] | undefined;\n  /** Locks model identity (family, mode, and model) while leaving effort editable. */\n  locked?: boolean | undefined;\n  /** Whether the selected runtime exposes a model argument. */\n  showModel?: boolean | undefined;\n  /** Whether the selected runtime exposes reasoning effort. */\n  showEffort?: boolean | undefined;\n  /** Opt-in control for `budget.timeout`. */\n  showTimeout?: boolean | undefined;\n  /** Opt-in control for `budget.cost`. */\n  showCost?: boolean | undefined;\n  /** Host-level settings belonging to the surrounding spec rather than this runtime row. */\n  actions?:\n    | Pick<RuntimeBarActionsProps, \"fields\" | \"menu\" | \"menuLabel\">\n    | undefined;\n  ariaLabel?: string | undefined;\n  className?: string | undefined;\n};\n\n/** Self-describing runtime controls with segmented and combo presentations. */\nexport function RuntimeBar<T extends RuntimeBarValue>({\n  value,\n  onChange,\n  variant = \"segmented\",\n  models = [],\n  families = SPEC_RUNTIME_FAMILIES,\n  effectiveMode,\n  effectiveModel,\n  reasoningEfforts = DEFAULT_REASONING_EFFORTS,\n  locked = false,\n  showModel = true,\n  showEffort = true,\n  showTimeout = false,\n  showCost = false,\n  actions,\n  ariaLabel = \"Runtime\",\n  className,\n}: RuntimeBarProps<T>) {\n  const [preference, setPreference] = useState<{\n    model: string | undefined;\n    family: string | undefined;\n  }>({ model: effectiveModel, family: undefined });\n  if (preference.model !== effectiveModel) {\n    setPreference({ model: effectiveModel, family: undefined });\n  }\n  const preferredFamily =\n    preference.model === effectiveModel ? preference.family : undefined;\n  const specMode =\n    value.mode?.trim() ||\n    runtimeModeFromModel(value.model) ||\n    effectiveMode?.trim();\n  const selection = selectionForRuntime(\n    families,\n    specMode,\n    value.id || value.model || (preferredFamily ? undefined : effectiveModel),\n    models,\n    preferredFamily,\n  );\n  const family = familyById(families, selection.family);\n  const modes = runtimeModes(families);\n  const mode = modes.find((entry) => entry.id === selection.mode);\n  if (!mode)\n    throw new Error(\n      `No available runtime mode for ${JSON.stringify(selection.mode)}`,\n    );\n  const groups = modelGroupsForMode({ models, families, mode: mode.id });\n  const resolvedModel = runtimeModelForValue(\n    groups.flatMap((group) => group.models),\n    value,\n  );\n  const selectedModelUnavailable = Boolean(\n    !resolvedModel &&\n    (value.id || value.model) &&\n    runtimeModelForValue(models, value, (entry) => !isSelectableModel(entry)),\n  );\n  const supportedEfforts = effortOptionsForModel(\n    resolvedModel,\n    reasoningEfforts,\n  );\n  // The name an Unspecified model would resolve to, so the picker can say what\n  // it inherits instead of leaving the operator guessing.\n  const inheritedModelLabel =\n    value.model || value.id\n      ? undefined\n      : (runtimeModelForValue(\n          models,\n          effectiveModel !== undefined ? { model: effectiveModel } : {},\n          isSelectableModel,\n        )?.label ?? effectiveModel);\n\n  const applyMode = (familyId: string, modeId: string) => {\n    setPreference({ model: effectiveModel, family: familyId });\n    const next = withRuntimeMode({\n      value,\n      models,\n      families,\n      mode: modeId,\n      reasoningEfforts,\n    });\n    if (next !== value) onChange(next);\n  };\n\n  const applyCustomModel = (model: string) => {\n    onChange(\n      withOptionalRuntimeValue(withoutCatalogModel(value), \"model\", model),\n    );\n  };\n  // A family's model catalog can serve several modes. Selecting a row must not\n  // silently move the user away from the mode they chose.\n  const applyModel = (model: ChatModel) => {\n    const next = reconcileModelCapabilities(\n      withoutCatalogModel(value),\n      model,\n      reasoningEfforts,\n      { mode: mode.id },\n    );\n    onChange(next);\n  };\n  const clearModel = () => {\n    onChange(withoutCatalogModel(value));\n  };\n  const applyEffort = (effort: string) =>\n    onChange(withOptionalRuntimeValue(value, \"effort\", effort));\n\n  const fields = [\n    ...(showEffort && supportedEfforts.length > 0\n      ? [\n          effortField({\n            value: value.effort,\n            offered: reasoningEfforts,\n            supported: supportedEfforts,\n            onChange: applyEffort,\n          }),\n        ]\n      : []),\n    ...(actions?.fields ?? []),\n    ...(showCost\n      ? [\n          budgetField({\n            value: value.budget?.cost,\n            onChange: (cost) => onChange(withBudgetLimit(value, \"cost\", cost)),\n          }),\n        ]\n      : []),\n    ...(showTimeout\n      ? [\n          timeoutField({\n            value: value.budget?.timeout,\n            onChange: (timeout) =>\n              onChange(withBudgetLimit(value, \"timeout\", timeout)),\n          }),\n        ]\n      : []),\n  ];\n  return (\n    <RuntimeBarVariantContext.Provider value={variant}>\n      <RuntimeBarLayout\n        ariaLabel={ariaLabel}\n        className={className}\n        actions={{ ...actions, fields }}\n        identity={{\n          family,\n          mode,\n          modes,\n          groups,\n          selectedModel: resolvedModel,\n          model: value.model,\n          unavailable: selectedModelUnavailable,\n          inheritedModelLabel,\n          locked,\n          showModel,\n          variant,\n          onModeChange: (modeId) => applyMode(family.id, modeId),\n          onCustomModel: applyCustomModel,\n          onModelSelect: applyModel,\n          onModelClear: clearModel,\n          onFamilySelect: (familyId) => {\n            setPreference({ model: effectiveModel, family: familyId });\n            onChange(withoutCatalogModel(value));\n          },\n        }}\n      />\n    </RuntimeBarVariantContext.Provider>\n  );\n}\n\nfunction withoutCatalogModel<T extends RuntimeBarValue>(value: T): T {\n  return withOptionalRuntimeValue(\n    withOptionalRuntimeValue(value, \"model\", undefined),\n    \"id\",\n    undefined,\n  );\n}\n\nfunction withOptionalRuntimeValue<T extends RuntimeBarValue>(\n  value: T,\n  key: keyof RuntimeBarValue,\n  next: unknown,\n): T {\n  const updated = { ...value } as Record<string, unknown>;\n  if (next === undefined || next === \"\") {\n    delete updated[key];\n  } else {\n    updated[key] = next;\n  }\n  return updated as T;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"RuntimeBar.js","sources":["../../../src/data/runtime/RuntimeBar.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { DEFAULT_REASONING_EFFORTS } from \"../chat/effort-icons\";\nimport type { ChatModel, ChatModelRuntime } from \"../chat/types\";\nimport { withBudgetLimit, type RuntimeBarBudget } from \"./RuntimeBar.limits\";\nimport { runtimeModelForValue } from \"./RuntimeBar.model\";\nimport { RuntimeBarLayout } from \"./RuntimeBarLayout\";\nimport type { RuntimeBarActionsProps } from \"./RuntimeBarActions\";\nimport { timeoutField, budgetField, effortField } from \"./RuntimeBar.fields\";\nimport {\n  modelGroupsForMode,\n  runtimeModes,\n  withRuntimeMode,\n} from \"./RuntimeBar.selection\";\nimport { isSelectableModel } from \"./availability\";\nimport {\n  effortOptionsForModel,\n  reconcileModelCapabilities,\n} from \"./model-capabilities\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  familyById,\n  selectionForRuntime,\n  runtimeModeFromModel,\n  type SpecRuntimeFamily,\n} from \"./runtime-mode\";\n\nexport type RuntimeBarValue = ChatModelRuntime & {\n  cliArgs?: Record<string, unknown>;\n  /** Run limits edited by the opt-in timeout and max cost controls. */\n  budget?: RuntimeBarBudget;\n};\n\nexport type RuntimeBarProps<T extends RuntimeBarValue = RuntimeBarValue> = {\n  value: T;\n  onChange: (value: T) => void;\n  /** Model catalog grouped by family and filtered by the selected mode. */\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n  /** Resolved mode shown when the editable value inherits it from another layer. */\n  effectiveMode?: string | undefined;\n  /** Resolved model used to identify the inherited provider family without persisting it. */\n  effectiveModel?: string | undefined;\n  /** Effort tiers offered when the catalog does not describe the model. */\n  reasoningEfforts?: string[] | undefined;\n  /** Locks model identity (family, mode, and model) while leaving effort editable. */\n  locked?: boolean | undefined;\n  /** Whether the selected runtime exposes a model argument. */\n  showModel?: boolean | undefined;\n  /** Whether the selected runtime exposes reasoning effort. */\n  showEffort?: boolean | undefined;\n  /** Opt-in control for `budget.timeout`. */\n  showTimeout?: boolean | undefined;\n  /** Opt-in control for `budget.cost`. */\n  showCost?: boolean | undefined;\n  /** Host-level settings belonging to the surrounding spec rather than this runtime row. */\n  actions?:\n    | Pick<RuntimeBarActionsProps, \"fields\" | \"menu\" | \"menuLabel\">\n    | undefined;\n  ariaLabel?: string | undefined;\n  className?: string | undefined;\n};\n\n/** Mode-first runtime controls with settings that adapt to the container width. */\nexport function RuntimeBar<T extends RuntimeBarValue>({\n  value,\n  onChange,\n  models = [],\n  families = SPEC_RUNTIME_FAMILIES,\n  effectiveMode,\n  effectiveModel,\n  reasoningEfforts = DEFAULT_REASONING_EFFORTS,\n  locked = false,\n  showModel = true,\n  showEffort = true,\n  showTimeout = false,\n  showCost = false,\n  actions,\n  ariaLabel = \"Runtime\",\n  className,\n}: RuntimeBarProps<T>) {\n  const [preference, setPreference] = useState<{\n    model: string | undefined;\n    family: string | undefined;\n  }>({ model: effectiveModel, family: undefined });\n  if (preference.model !== effectiveModel) {\n    setPreference({ model: effectiveModel, family: undefined });\n  }\n  const preferredFamily =\n    preference.model === effectiveModel ? preference.family : undefined;\n  const specMode =\n    value.mode?.trim() ||\n    runtimeModeFromModel(value.model) ||\n    effectiveMode?.trim();\n  const selection = selectionForRuntime(\n    families,\n    specMode,\n    value.id || value.model || (preferredFamily ? undefined : effectiveModel),\n    models,\n    preferredFamily,\n  );\n  const family = familyById(families, selection.family);\n  const modes = runtimeModes(families);\n  const mode = modes.find((entry) => entry.id === selection.mode);\n  if (!mode)\n    throw new Error(\n      `No available runtime mode for ${JSON.stringify(selection.mode)}`,\n    );\n  const groups = modelGroupsForMode({ models, families, mode: mode.id });\n  const resolvedModel = runtimeModelForValue(\n    groups.flatMap((group) => group.models),\n    value,\n  );\n  const selectedModelUnavailable = Boolean(\n    !resolvedModel &&\n    (value.id || value.model) &&\n    runtimeModelForValue(models, value, (entry) => !isSelectableModel(entry)),\n  );\n  const supportedEfforts = effortOptionsForModel(\n    resolvedModel,\n    reasoningEfforts,\n  );\n  // The name an Unspecified model would resolve to, so the picker can say what\n  // it inherits instead of leaving the operator guessing.\n  const inheritedModelLabel =\n    value.model || value.id\n      ? undefined\n      : (runtimeModelForValue(\n          models,\n          effectiveModel !== undefined ? { model: effectiveModel } : {},\n          isSelectableModel,\n        )?.label ?? effectiveModel);\n\n  const applyMode = (familyId: string, modeId: string) => {\n    setPreference({ model: effectiveModel, family: familyId });\n    const next = withRuntimeMode({\n      value,\n      models,\n      families,\n      mode: modeId,\n      reasoningEfforts,\n    });\n    if (next !== value) onChange(next);\n  };\n\n  const applyCustomModel = (model: string) => {\n    onChange(\n      withOptionalRuntimeValue(withoutCatalogModel(value), \"model\", model),\n    );\n  };\n  // A family's model catalog can serve several modes. Selecting a row must not\n  // silently move the user away from the mode they chose.\n  const applyModel = (model: ChatModel) => {\n    const next = reconcileModelCapabilities(\n      withoutCatalogModel(value),\n      model,\n      reasoningEfforts,\n      { mode: mode.id },\n    );\n    onChange(next);\n  };\n  const clearModel = () => {\n    onChange(withoutCatalogModel(value));\n  };\n  const applyEffort = (effort: string) =>\n    onChange(withOptionalRuntimeValue(value, \"effort\", effort));\n\n  const fields = [\n    ...(showEffort && supportedEfforts.length > 0\n      ? [\n          effortField({\n            value: value.effort,\n            offered: reasoningEfforts,\n            supported: supportedEfforts,\n            onChange: applyEffort,\n          }),\n        ]\n      : []),\n    ...(actions?.fields ?? []),\n    ...(showCost\n      ? [\n          budgetField({\n            value: value.budget?.cost,\n            onChange: (cost) => onChange(withBudgetLimit(value, \"cost\", cost)),\n          }),\n        ]\n      : []),\n    ...(showTimeout\n      ? [\n          timeoutField({\n            value: value.budget?.timeout,\n            onChange: (timeout) =>\n              onChange(withBudgetLimit(value, \"timeout\", timeout)),\n          }),\n        ]\n      : []),\n  ];\n  return (\n    <RuntimeBarLayout\n      ariaLabel={ariaLabel}\n      className={className}\n      actions={{ ...actions, fields }}\n      identity={{\n        family,\n        mode,\n        modes,\n        groups,\n        selectedModel: resolvedModel,\n        model: value.model,\n        unavailable: selectedModelUnavailable,\n        inheritedModelLabel,\n        locked,\n        showModel,\n        onModeChange: (modeId) => applyMode(family.id, modeId),\n        onCustomModel: applyCustomModel,\n        onModelSelect: applyModel,\n        onModelClear: clearModel,\n        onFamilySelect: (familyId) => {\n          setPreference({ model: effectiveModel, family: familyId });\n          onChange(withoutCatalogModel(value));\n        },\n      }}\n    />\n  );\n}\n\nfunction withoutCatalogModel<T extends RuntimeBarValue>(value: T): T {\n  return withOptionalRuntimeValue(\n    withOptionalRuntimeValue(value, \"model\", undefined),\n    \"id\",\n    undefined,\n  );\n}\n\nfunction withOptionalRuntimeValue<T extends RuntimeBarValue>(\n  value: T,\n  key: keyof RuntimeBarValue,\n  next: unknown,\n): T {\n  const updated = { ...value } as Record<string, unknown>;\n  if (next === undefined || next === \"\") {\n    delete updated[key];\n  } else {\n    updated[key] = next;\n  }\n  return updated as T;\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AA+DO,SAAS,WAAsC;AAAA,EACpD;AAAA,EACA;AAAA,EACA,SAAS,CAAA;AAAA,EACT,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,WAAW;AAAA,EACX;AAAA,EACA,YAAY;AAAA,EACZ;AACF,GAAuB;;AACrB,QAAM,CAAC,YAAY,aAAa,IAAI,SAGjC,EAAE,OAAO,gBAAgB,QAAQ,QAAW;AAC/C,MAAI,WAAW,UAAU,gBAAgB;AACvC,kBAAc,EAAE,OAAO,gBAAgB,QAAQ,QAAW;AAAA,EAC5D;AACA,QAAM,kBACJ,WAAW,UAAU,iBAAiB,WAAW,SAAS;AAC5D,QAAM,aACJ,WAAM,SAAN,mBAAY,WACZ,qBAAqB,MAAM,KAAK,MAChC,+CAAe;AACjB,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA,MAAM,MAAM,MAAM,UAAU,kBAAkB,SAAY;AAAA,IAC1D;AAAA,IACA;AAAA,EAAA;AAEF,QAAM,SAAS,WAAW,UAAU,UAAU,MAAM;AACpD,QAAM,QAAQ,aAAa,QAAQ;AACnC,QAAM,OAAO,MAAM,KAAK,CAAC,UAAU,MAAM,OAAO,UAAU,IAAI;AAC9D,MAAI,CAAC;AACH,UAAM,IAAI;AAAA,MACR,iCAAiC,KAAK,UAAU,UAAU,IAAI,CAAC;AAAA,IAAA;AAEnE,QAAM,SAAS,mBAAmB,EAAE,QAAQ,UAAU,MAAM,KAAK,IAAI;AACrE,QAAM,gBAAgB;AAAA,IACpB,OAAO,QAAQ,CAAC,UAAU,MAAM,MAAM;AAAA,IACtC;AAAA,EAAA;AAEF,QAAM,2BAA2B;AAAA,IAC/B,CAAC,kBACA,MAAM,MAAM,MAAM,UACnB,qBAAqB,QAAQ,OAAO,CAAC,UAAU,CAAC,kBAAkB,KAAK,CAAC;AAAA,EAAA;AAE1E,QAAM,mBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EAAA;AAIF,QAAM,sBACJ,MAAM,SAAS,MAAM,KACjB,WACC;AAAA,IACC;AAAA,IACA,mBAAmB,SAAY,EAAE,OAAO,eAAA,IAAmB,CAAA;AAAA,IAC3D;AAAA,EAAA,MAHD,mBAIE,UAAS;AAElB,QAAM,YAAY,CAAC,UAAkB,WAAmB;AACtD,kBAAc,EAAE,OAAO,gBAAgB,QAAQ,UAAU;AACzD,UAAM,OAAO,gBAAgB;AAAA,MAC3B;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN;AAAA,IAAA,CACD;AACD,QAAI,SAAS,MAAO,UAAS,IAAI;AAAA,EACnC;AAEA,QAAM,mBAAmB,CAAC,UAAkB;AAC1C;AAAA,MACE,yBAAyB,oBAAoB,KAAK,GAAG,SAAS,KAAK;AAAA,IAAA;AAAA,EAEvE;AAGA,QAAM,aAAa,CAAC,UAAqB;AACvC,UAAM,OAAO;AAAA,MACX,oBAAoB,KAAK;AAAA,MACzB;AAAA,MACA;AAAA,MACA,EAAE,MAAM,KAAK,GAAA;AAAA,IAAG;AAElB,aAAS,IAAI;AAAA,EACf;AACA,QAAM,aAAa,MAAM;AACvB,aAAS,oBAAoB,KAAK,CAAC;AAAA,EACrC;AACA,QAAM,cAAc,CAAC,WACnB,SAAS,yBAAyB,OAAO,UAAU,MAAM,CAAC;AAE5D,QAAM,SAAS;AAAA,IACb,GAAI,cAAc,iBAAiB,SAAS,IACxC;AAAA,MACE,YAAY;AAAA,QACV,OAAO,MAAM;AAAA,QACb,SAAS;AAAA,QACT,WAAW;AAAA,QACX,UAAU;AAAA,MAAA,CACX;AAAA,IAAA,IAEH,CAAA;AAAA,IACJ,IAAI,mCAAS,WAAU,CAAA;AAAA,IACvB,GAAI,WACA;AAAA,MACE,YAAY;AAAA,QACV,QAAO,WAAM,WAAN,mBAAc;AAAA,QACrB,UAAU,CAAC,SAAS,SAAS,gBAAgB,OAAO,QAAQ,IAAI,CAAC;AAAA,MAAA,CAClE;AAAA,IAAA,IAEH,CAAA;AAAA,IACJ,GAAI,cACA;AAAA,MACE,aAAa;AAAA,QACX,QAAO,WAAM,WAAN,mBAAc;AAAA,QACrB,UAAU,CAAC,YACT,SAAS,gBAAgB,OAAO,WAAW,OAAO,CAAC;AAAA,MAAA,CACtD;AAAA,IAAA,IAEH,CAAA;AAAA,EAAC;AAEP,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,SAAS,EAAE,GAAG,SAAS,OAAA;AAAA,MACvB,UAAU;AAAA,QACR;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAe;AAAA,QACf,OAAO,MAAM;AAAA,QACb,aAAa;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA,cAAc,CAAC,WAAW,UAAU,OAAO,IAAI,MAAM;AAAA,QACrD,eAAe;AAAA,QACf,eAAe;AAAA,QACf,cAAc;AAAA,QACd,gBAAgB,CAAC,aAAa;AAC5B,wBAAc,EAAE,OAAO,gBAAgB,QAAQ,UAAU;AACzD,mBAAS,oBAAoB,KAAK,CAAC;AAAA,QACrC;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AAEA,SAAS,oBAA+C,OAAa;AACnE,SAAO;AAAA,IACL,yBAAyB,OAAO,SAAS,MAAS;AAAA,IAClD;AAAA,IACA;AAAA,EAAA;AAEJ;AAEA,SAAS,yBACP,OACA,KACA,MACG;AACH,QAAM,UAAU,EAAE,GAAG,MAAA;AACrB,MAAI,SAAS,UAAa,SAAS,IAAI;AACrC,WAAO,QAAQ,GAAG;AAAA,EACpB,OAAO;AACL,YAAQ,GAAG,IAAI;AAAA,EACjB;AACA,SAAO;AACT;"}

package/dist/data/runtime/RuntimeBar.selection.cjs

@@ -8,7 +8,10 @@ const runtimeFamily = require("../../lib/runtime-family.cjs");
 function runtimeModes(families) {
   return [
     ...new Map(
-      families.flatMap((family) => family.modes).filter((mode) => !availability.isUnavailable(mode.availability)).map((mode) => [mode.id, mode])
+      families.flatMap((family) => family.modes).filter((mode) => !availability.isUnavailable(mode.availability)).map((mode) => {
+        const icon = mode.icon ?? runtimeMode.runtimeModeIcon(mode.id);
+        return [mode.id, icon ? { ...mode, icon } : mode];
+      })
     ).values()
   ];
 }

package/dist/data/runtime/RuntimeBar.selection.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RuntimeBar.selection.cjs","sources":["../../../src/data/runtime/RuntimeBar.selection.ts"],"sourcesContent":["import type { ChatModel } from \"../chat/types\";\nimport type { RuntimeBarValue } from \"./RuntimeBar\";\nimport { isUnavailable } from \"./availability\";\nimport { reconcileModelCapabilities } from \"./model-capabilities\";\nimport { runtimeModelForValue } from \"./RuntimeBar.model\";\nimport {\n  modelsForFamily,\n  runtimeModeFromModel,\n  type SpecRuntimeFamily,\n} from \"./runtime-mode\";\n\nexport function runtimeModes(families: SpecRuntimeFamily[]) {\n  return [\n    ...new Map(\n      families\n        .flatMap((family) => family.modes)\n        .filter((mode) => !isUnavailable(mode.availability))\n        .map((mode) => [mode.id, mode]),\n    ).values(),\n  ];\n}\n\nexport function modelGroupsForMode({\n  models,\n  families,\n  mode,\n}: {\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n  mode: string;\n}) {\n  return families\n    .filter((family) =>\n      family.modes.some(\n        (entry) => entry.id === mode && !isUnavailable(entry.availability),\n      ),\n    )\n    .map((family) => ({\n      family,\n      models: modelsForFamily(models, family, mode).filter((model) => {\n        const modelMode =\n          model.runtime?.mode ??\n          runtimeModeFromModel(model.runtime?.model ?? model.id);\n        return modelMode === undefined || modelMode === mode;\n      }),\n    }));\n}\n\nexport function withRuntimeMode<T extends RuntimeBarValue>({\n  value,\n  models,\n  families,\n  mode,\n  reasoningEfforts,\n}: {\n  value: T;\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n  mode: string;\n  reasoningEfforts: readonly string[];\n}): T {\n  if (!runtimeModes(families).some((entry) => entry.id === mode)) {\n    throw new Error(`Runtime mode ${JSON.stringify(mode)} is unavailable`);\n  }\n  const eligible = modelGroupsForMode({ models, families, mode }).flatMap(\n    (group) => group.models,\n  );\n  const model = runtimeModelForValue(eligible, { ...value, mode });\n  const next = { ...value, mode };\n  delete next.id;\n  delete next.model;\n  delete next.cliArgs;\n  return model\n    ? reconcileModelCapabilities(next, model, reasoningEfforts, { mode })\n    : next;\n}\n"],"names":["isUnavailable","modelsForFamily","runtimeModeFromModel","runtimeModelForValue","reconcileModelCapabilities"],"mappings":";;;;;;;AAWO,SAAS,aAAa,UAA+B;AAC1D,SAAO;AAAA,IACL,GAAG,IAAI;AAAA,MACL,SACG,QAAQ,CAAC,WAAW,OAAO,KAAK,EAChC,OAAO,CAAC,SAAS,CAACA,aAAAA,cAAc,KAAK,YAAY,CAAC,EAClD,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,IAAI,CAAC;AAAA,IAAA,EAChC,OAAA;AAAA,EAAO;AAEb;AAEO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SAAO,SACJ;AAAA,IAAO,CAAC,WACP,OAAO,MAAM;AAAA,MACX,CAAC,UAAU,MAAM,OAAO,QAAQ,CAACA,aAAAA,cAAc,MAAM,YAAY;AAAA,IAAA;AAAA,EACnE,EAED,IAAI,CAAC,YAAY;AAAA,IAChB;AAAA,IACA,QAAQC,YAAAA,gBAAgB,QAAQ,QAAQ,IAAI,EAAE,OAAO,CAAC,UAAU;;AAC9D,YAAM,cACJ,WAAM,YAAN,mBAAe,SACfC,cAAAA,uBAAqB,WAAM,YAAN,mBAAe,UAAS,MAAM,EAAE;AACvD,aAAO,cAAc,UAAa,cAAc;AAAA,IAClD,CAAC;AAAA,EAAA,EACD;AACN;AAEO,SAAS,gBAA2C;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMM;AACJ,MAAI,CAAC,aAAa,QAAQ,EAAE,KAAK,CAAC,UAAU,MAAM,OAAO,IAAI,GAAG;AAC9D,UAAM,IAAI,MAAM,gBAAgB,KAAK,UAAU,IAAI,CAAC,iBAAiB;AAAA,EACvE;AACA,QAAM,WAAW,mBAAmB,EAAE,QAAQ,UAAU,KAAA,CAAM,EAAE;AAAA,IAC9D,CAAC,UAAU,MAAM;AAAA,EAAA;AAEnB,QAAM,QAAQC,iBAAAA,qBAAqB,UAAU,EAAE,GAAG,OAAO,MAAM;AAC/D,QAAM,OAAO,EAAE,GAAG,OAAO,KAAA;AACzB,SAAO,KAAK;AACZ,SAAO,KAAK;AACZ,SAAO,KAAK;AACZ,SAAO,QACHC,kBAAAA,2BAA2B,MAAM,OAAO,kBAAkB,EAAE,KAAA,CAAM,IAClE;AACN;;;;"}
+{"version":3,"file":"RuntimeBar.selection.cjs","sources":["../../../src/data/runtime/RuntimeBar.selection.ts"],"sourcesContent":["import type { ChatModel } from \"../chat/types\";\nimport type { RuntimeBarValue } from \"./RuntimeBar\";\nimport { isUnavailable } from \"./availability\";\nimport { reconcileModelCapabilities } from \"./model-capabilities\";\nimport { runtimeModelForValue } from \"./RuntimeBar.model\";\nimport {\n  modelsForFamily,\n  runtimeModeFromModel,\n  runtimeModeIcon,\n  type SpecRuntimeFamily,\n} from \"./runtime-mode\";\n\nexport function runtimeModes(families: SpecRuntimeFamily[]) {\n  return [\n    ...new Map(\n      families\n        .flatMap((family) => family.modes)\n        .filter((mode) => !isUnavailable(mode.availability))\n        .map((mode) => {\n          const icon = mode.icon ?? runtimeModeIcon(mode.id);\n          return [mode.id, icon ? { ...mode, icon } : mode] as const;\n        }),\n    ).values(),\n  ];\n}\n\nexport function modelGroupsForMode({\n  models,\n  families,\n  mode,\n}: {\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n  mode: string;\n}) {\n  return families\n    .filter((family) =>\n      family.modes.some(\n        (entry) => entry.id === mode && !isUnavailable(entry.availability),\n      ),\n    )\n    .map((family) => ({\n      family,\n      models: modelsForFamily(models, family, mode).filter((model) => {\n        const modelMode =\n          model.runtime?.mode ??\n          runtimeModeFromModel(model.runtime?.model ?? model.id);\n        return modelMode === undefined || modelMode === mode;\n      }),\n    }));\n}\n\nexport function withRuntimeMode<T extends RuntimeBarValue>({\n  value,\n  models,\n  families,\n  mode,\n  reasoningEfforts,\n}: {\n  value: T;\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n  mode: string;\n  reasoningEfforts: readonly string[];\n}): T {\n  if (!runtimeModes(families).some((entry) => entry.id === mode)) {\n    throw new Error(`Runtime mode ${JSON.stringify(mode)} is unavailable`);\n  }\n  const eligible = modelGroupsForMode({ models, families, mode }).flatMap(\n    (group) => group.models,\n  );\n  const model = runtimeModelForValue(eligible, { ...value, mode });\n  const next = { ...value, mode };\n  delete next.id;\n  delete next.model;\n  delete next.cliArgs;\n  return model\n    ? reconcileModelCapabilities(next, model, reasoningEfforts, { mode })\n    : next;\n}\n"],"names":["isUnavailable","runtimeModeIcon","modelsForFamily","runtimeModeFromModel","runtimeModelForValue","reconcileModelCapabilities"],"mappings":";;;;;;;AAYO,SAAS,aAAa,UAA+B;AAC1D,SAAO;AAAA,IACL,GAAG,IAAI;AAAA,MACL,SACG,QAAQ,CAAC,WAAW,OAAO,KAAK,EAChC,OAAO,CAAC,SAAS,CAACA,aAAAA,cAAc,KAAK,YAAY,CAAC,EAClD,IAAI,CAAC,SAAS;AACb,cAAM,OAAO,KAAK,QAAQC,YAAAA,gBAAgB,KAAK,EAAE;AACjD,eAAO,CAAC,KAAK,IAAI,OAAO,EAAE,GAAG,MAAM,KAAA,IAAS,IAAI;AAAA,MAClD,CAAC;AAAA,IAAA,EACH,OAAA;AAAA,EAAO;AAEb;AAEO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SAAO,SACJ;AAAA,IAAO,CAAC,WACP,OAAO,MAAM;AAAA,MACX,CAAC,UAAU,MAAM,OAAO,QAAQ,CAACD,aAAAA,cAAc,MAAM,YAAY;AAAA,IAAA;AAAA,EACnE,EAED,IAAI,CAAC,YAAY;AAAA,IAChB;AAAA,IACA,QAAQE,YAAAA,gBAAgB,QAAQ,QAAQ,IAAI,EAAE,OAAO,CAAC,UAAU;;AAC9D,YAAM,cACJ,WAAM,YAAN,mBAAe,SACfC,cAAAA,uBAAqB,WAAM,YAAN,mBAAe,UAAS,MAAM,EAAE;AACvD,aAAO,cAAc,UAAa,cAAc;AAAA,IAClD,CAAC;AAAA,EAAA,EACD;AACN;AAEO,SAAS,gBAA2C;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMM;AACJ,MAAI,CAAC,aAAa,QAAQ,EAAE,KAAK,CAAC,UAAU,MAAM,OAAO,IAAI,GAAG;AAC9D,UAAM,IAAI,MAAM,gBAAgB,KAAK,UAAU,IAAI,CAAC,iBAAiB;AAAA,EACvE;AACA,QAAM,WAAW,mBAAmB,EAAE,QAAQ,UAAU,KAAA,CAAM,EAAE;AAAA,IAC9D,CAAC,UAAU,MAAM;AAAA,EAAA;AAEnB,QAAM,QAAQC,iBAAAA,qBAAqB,UAAU,EAAE,GAAG,OAAO,MAAM;AAC/D,QAAM,OAAO,EAAE,GAAG,OAAO,KAAA;AACzB,SAAO,KAAK;AACZ,SAAO,KAAK;AACZ,SAAO,KAAK;AACZ,SAAO,QACHC,kBAAAA,2BAA2B,MAAM,OAAO,kBAAkB,EAAE,KAAA,CAAM,IAClE;AACN;;;;"}

package/dist/data/runtime/RuntimeBar.selection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RuntimeBar.selection.d.ts","sourceRoot":"","sources":["../../../src/data/runtime/RuntimeBar.selection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAIpD,OAAO,EAGL,KAAK,iBAAiB,EACvB,MAAM,gBAAgB,CAAC;AAExB,wBAAgB,YAAY,CAAC,QAAQ,EAAE,iBAAiB,EAAE,oDASzD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,QAAQ,EACR,IAAI,GACL,EAAE;IACD,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,IAAI,EAAE,MAAM,CAAC;CACd;;;IAgBA;AAED,wBAAgB,eAAe,CAAC,CAAC,SAAS,eAAe,EAAE,EACzD,KAAK,EACL,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,gBAAgB,GACjB,EAAE;IACD,KAAK,EAAE,CAAC,CAAC;IACT,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,EAAE,SAAS,MAAM,EAAE,CAAC;CACrC,GAAG,CAAC,CAeJ"}
+{"version":3,"file":"RuntimeBar.selection.d.ts","sourceRoot":"","sources":["../../../src/data/runtime/RuntimeBar.selection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAIpD,OAAO,EAIL,KAAK,iBAAiB,EACvB,MAAM,gBAAgB,CAAC;AAExB,wBAAgB,YAAY,CAAC,QAAQ,EAAE,iBAAiB,EAAE,oDAYzD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,QAAQ,EACR,IAAI,GACL,EAAE;IACD,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,IAAI,EAAE,MAAM,CAAC;CACd;;;IAgBA;AAED,wBAAgB,eAAe,CAAC,CAAC,SAAS,eAAe,EAAE,EACzD,KAAK,EACL,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,gBAAgB,GACjB,EAAE;IACD,KAAK,EAAE,CAAC,CAAC;IACT,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,EAAE,SAAS,MAAM,EAAE,CAAC;CACrC,GAAG,CAAC,CAeJ"}

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

@@ -1,12 +1,15 @@
 import { isUnavailable } from "./availability.js";
 import { reconcileModelCapabilities } from "./model-capabilities.js";
 import { runtimeModelForValue } from "./RuntimeBar.model.js";
-import { modelsForFamily } from "./runtime-mode.js";
+import { runtimeModeIcon, modelsForFamily } from "./runtime-mode.js";
 import { runtimeModeFromModel } from "../../lib/runtime-family.js";
 function runtimeModes(families) {
   return [
     ...new Map(
-      families.flatMap((family) => family.modes).filter((mode) => !isUnavailable(mode.availability)).map((mode) => [mode.id, mode])
+      families.flatMap((family) => family.modes).filter((mode) => !isUnavailable(mode.availability)).map((mode) => {
+        const icon = mode.icon ?? runtimeModeIcon(mode.id);
+        return [mode.id, icon ? { ...mode, icon } : mode];
+      })
     ).values()
   ];
 }

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

@@ -1 +1 @@
-{"version":3,"file":"RuntimeBar.selection.js","sources":["../../../src/data/runtime/RuntimeBar.selection.ts"],"sourcesContent":["import type { ChatModel } from \"../chat/types\";\nimport type { RuntimeBarValue } from \"./RuntimeBar\";\nimport { isUnavailable } from \"./availability\";\nimport { reconcileModelCapabilities } from \"./model-capabilities\";\nimport { runtimeModelForValue } from \"./RuntimeBar.model\";\nimport {\n  modelsForFamily,\n  runtimeModeFromModel,\n  type SpecRuntimeFamily,\n} from \"./runtime-mode\";\n\nexport function runtimeModes(families: SpecRuntimeFamily[]) {\n  return [\n    ...new Map(\n      families\n        .flatMap((family) => family.modes)\n        .filter((mode) => !isUnavailable(mode.availability))\n        .map((mode) => [mode.id, mode]),\n    ).values(),\n  ];\n}\n\nexport function modelGroupsForMode({\n  models,\n  families,\n  mode,\n}: {\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n  mode: string;\n}) {\n  return families\n    .filter((family) =>\n      family.modes.some(\n        (entry) => entry.id === mode && !isUnavailable(entry.availability),\n      ),\n    )\n    .map((family) => ({\n      family,\n      models: modelsForFamily(models, family, mode).filter((model) => {\n        const modelMode =\n          model.runtime?.mode ??\n          runtimeModeFromModel(model.runtime?.model ?? model.id);\n        return modelMode === undefined || modelMode === mode;\n      }),\n    }));\n}\n\nexport function withRuntimeMode<T extends RuntimeBarValue>({\n  value,\n  models,\n  families,\n  mode,\n  reasoningEfforts,\n}: {\n  value: T;\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n  mode: string;\n  reasoningEfforts: readonly string[];\n}): T {\n  if (!runtimeModes(families).some((entry) => entry.id === mode)) {\n    throw new Error(`Runtime mode ${JSON.stringify(mode)} is unavailable`);\n  }\n  const eligible = modelGroupsForMode({ models, families, mode }).flatMap(\n    (group) => group.models,\n  );\n  const model = runtimeModelForValue(eligible, { ...value, mode });\n  const next = { ...value, mode };\n  delete next.id;\n  delete next.model;\n  delete next.cliArgs;\n  return model\n    ? reconcileModelCapabilities(next, model, reasoningEfforts, { mode })\n    : next;\n}\n"],"names":[],"mappings":";;;;;AAWO,SAAS,aAAa,UAA+B;AAC1D,SAAO;AAAA,IACL,GAAG,IAAI;AAAA,MACL,SACG,QAAQ,CAAC,WAAW,OAAO,KAAK,EAChC,OAAO,CAAC,SAAS,CAAC,cAAc,KAAK,YAAY,CAAC,EAClD,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,IAAI,CAAC;AAAA,IAAA,EAChC,OAAA;AAAA,EAAO;AAEb;AAEO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SAAO,SACJ;AAAA,IAAO,CAAC,WACP,OAAO,MAAM;AAAA,MACX,CAAC,UAAU,MAAM,OAAO,QAAQ,CAAC,cAAc,MAAM,YAAY;AAAA,IAAA;AAAA,EACnE,EAED,IAAI,CAAC,YAAY;AAAA,IAChB;AAAA,IACA,QAAQ,gBAAgB,QAAQ,QAAQ,IAAI,EAAE,OAAO,CAAC,UAAU;;AAC9D,YAAM,cACJ,WAAM,YAAN,mBAAe,SACf,uBAAqB,WAAM,YAAN,mBAAe,UAAS,MAAM,EAAE;AACvD,aAAO,cAAc,UAAa,cAAc;AAAA,IAClD,CAAC;AAAA,EAAA,EACD;AACN;AAEO,SAAS,gBAA2C;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMM;AACJ,MAAI,CAAC,aAAa,QAAQ,EAAE,KAAK,CAAC,UAAU,MAAM,OAAO,IAAI,GAAG;AAC9D,UAAM,IAAI,MAAM,gBAAgB,KAAK,UAAU,IAAI,CAAC,iBAAiB;AAAA,EACvE;AACA,QAAM,WAAW,mBAAmB,EAAE,QAAQ,UAAU,KAAA,CAAM,EAAE;AAAA,IAC9D,CAAC,UAAU,MAAM;AAAA,EAAA;AAEnB,QAAM,QAAQ,qBAAqB,UAAU,EAAE,GAAG,OAAO,MAAM;AAC/D,QAAM,OAAO,EAAE,GAAG,OAAO,KAAA;AACzB,SAAO,KAAK;AACZ,SAAO,KAAK;AACZ,SAAO,KAAK;AACZ,SAAO,QACH,2BAA2B,MAAM,OAAO,kBAAkB,EAAE,KAAA,CAAM,IAClE;AACN;"}
+{"version":3,"file":"RuntimeBar.selection.js","sources":["../../../src/data/runtime/RuntimeBar.selection.ts"],"sourcesContent":["import type { ChatModel } from \"../chat/types\";\nimport type { RuntimeBarValue } from \"./RuntimeBar\";\nimport { isUnavailable } from \"./availability\";\nimport { reconcileModelCapabilities } from \"./model-capabilities\";\nimport { runtimeModelForValue } from \"./RuntimeBar.model\";\nimport {\n  modelsForFamily,\n  runtimeModeFromModel,\n  runtimeModeIcon,\n  type SpecRuntimeFamily,\n} from \"./runtime-mode\";\n\nexport function runtimeModes(families: SpecRuntimeFamily[]) {\n  return [\n    ...new Map(\n      families\n        .flatMap((family) => family.modes)\n        .filter((mode) => !isUnavailable(mode.availability))\n        .map((mode) => {\n          const icon = mode.icon ?? runtimeModeIcon(mode.id);\n          return [mode.id, icon ? { ...mode, icon } : mode] as const;\n        }),\n    ).values(),\n  ];\n}\n\nexport function modelGroupsForMode({\n  models,\n  families,\n  mode,\n}: {\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n  mode: string;\n}) {\n  return families\n    .filter((family) =>\n      family.modes.some(\n        (entry) => entry.id === mode && !isUnavailable(entry.availability),\n      ),\n    )\n    .map((family) => ({\n      family,\n      models: modelsForFamily(models, family, mode).filter((model) => {\n        const modelMode =\n          model.runtime?.mode ??\n          runtimeModeFromModel(model.runtime?.model ?? model.id);\n        return modelMode === undefined || modelMode === mode;\n      }),\n    }));\n}\n\nexport function withRuntimeMode<T extends RuntimeBarValue>({\n  value,\n  models,\n  families,\n  mode,\n  reasoningEfforts,\n}: {\n  value: T;\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n  mode: string;\n  reasoningEfforts: readonly string[];\n}): T {\n  if (!runtimeModes(families).some((entry) => entry.id === mode)) {\n    throw new Error(`Runtime mode ${JSON.stringify(mode)} is unavailable`);\n  }\n  const eligible = modelGroupsForMode({ models, families, mode }).flatMap(\n    (group) => group.models,\n  );\n  const model = runtimeModelForValue(eligible, { ...value, mode });\n  const next = { ...value, mode };\n  delete next.id;\n  delete next.model;\n  delete next.cliArgs;\n  return model\n    ? reconcileModelCapabilities(next, model, reasoningEfforts, { mode })\n    : next;\n}\n"],"names":[],"mappings":";;;;;AAYO,SAAS,aAAa,UAA+B;AAC1D,SAAO;AAAA,IACL,GAAG,IAAI;AAAA,MACL,SACG,QAAQ,CAAC,WAAW,OAAO,KAAK,EAChC,OAAO,CAAC,SAAS,CAAC,cAAc,KAAK,YAAY,CAAC,EAClD,IAAI,CAAC,SAAS;AACb,cAAM,OAAO,KAAK,QAAQ,gBAAgB,KAAK,EAAE;AACjD,eAAO,CAAC,KAAK,IAAI,OAAO,EAAE,GAAG,MAAM,KAAA,IAAS,IAAI;AAAA,MAClD,CAAC;AAAA,IAAA,EACH,OAAA;AAAA,EAAO;AAEb;AAEO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SAAO,SACJ;AAAA,IAAO,CAAC,WACP,OAAO,MAAM;AAAA,MACX,CAAC,UAAU,MAAM,OAAO,QAAQ,CAAC,cAAc,MAAM,YAAY;AAAA,IAAA;AAAA,EACnE,EAED,IAAI,CAAC,YAAY;AAAA,IAChB;AAAA,IACA,QAAQ,gBAAgB,QAAQ,QAAQ,IAAI,EAAE,OAAO,CAAC,UAAU;;AAC9D,YAAM,cACJ,WAAM,YAAN,mBAAe,SACf,uBAAqB,WAAM,YAAN,mBAAe,UAAS,MAAM,EAAE;AACvD,aAAO,cAAc,UAAa,cAAc;AAAA,IAClD,CAAC;AAAA,EAAA,EACD;AACN;AAEO,SAAS,gBAA2C;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMM;AACJ,MAAI,CAAC,aAAa,QAAQ,EAAE,KAAK,CAAC,UAAU,MAAM,OAAO,IAAI,GAAG;AAC9D,UAAM,IAAI,MAAM,gBAAgB,KAAK,UAAU,IAAI,CAAC,iBAAiB;AAAA,EACvE;AACA,QAAM,WAAW,mBAAmB,EAAE,QAAQ,UAAU,KAAA,CAAM,EAAE;AAAA,IAC9D,CAAC,UAAU,MAAM;AAAA,EAAA;AAEnB,QAAM,QAAQ,qBAAqB,UAAU,EAAE,GAAG,OAAO,MAAM;AAC/D,QAAM,OAAO,EAAE,GAAG,OAAO,KAAA;AACzB,SAAO,KAAK;AACZ,SAAO,KAAK;AACZ,SAAO,KAAK;AACZ,SAAO,QACH,2BAA2B,MAAM,OAAO,kBAAkB,EAAE,KAAA,CAAM,IAClE;AACN;"}

package/dist/data/runtime/RuntimeBarActions.cjs

@@ -1,11 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
 const utils = require("../../lib/utils.cjs");
 const Icon = require("../Icon.cjs");
 const RuntimeBarSegment = require("./RuntimeBarSegment.cjs");
-const RuntimeBar_context = require("./RuntimeBar.context.cjs");
 const UiDotsVertical = require("../../icons/components/UiDotsVertical.cjs");
 function RuntimeBarActions({
   fields = [],
@@ -16,8 +14,6 @@ function RuntimeBarActions({
   className,
   visibleCount = fields.length
 }) {
-  const variant = react.useContext(RuntimeBar_context.RuntimeBarVariantContext);
-  const useStandalone = standalone || variant === "combo";
   const inlineFields = inline ? fields.filter((field) => field.isSet).slice(0, visibleCount) : [];
   const menuItems = [
     ...fields.map((field) => ({
@@ -39,7 +35,7 @@ function RuntimeBarActions({
       "data-runtime-bar-section": "actions",
       className: utils.cn(
         "flex h-control-h shrink-0 items-stretch",
-        useStandalone ? variant === "combo" ? "gap-1" : "w-fit overflow-hidden rounded-md border border-input bg-background" : "border-l border-border",
+        standalone ? "w-fit overflow-hidden rounded-md border border-input bg-background" : "border-l border-border",
         className
       ),
       children: [

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

@@ -1 +1 @@
-{"version":3,"file":"RuntimeBarActions.cjs","sources":["../../../src/data/runtime/RuntimeBarActions.tsx"],"sourcesContent":["import { useContext, type ReactNode } from \"react\";\nimport { UiDotsVertical } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport type { DropdownMenuItem } from \"../../overlay/DropdownMenu\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport { RuntimeSegment } from \"./RuntimeBarSegment\";\nimport { RuntimeBarVariantContext } from \"./RuntimeBar.context\";\n\n/**\n * A run setting offered by the runtime bar. Its choices are `DropdownMenuItem`s\n * so the inline and collapsed renderings are the SAME list: inline it is a\n * segment's menu, collapsed it is a flyout submenu of the ⋮ menu. Anything that\n * cannot be a menu item (a multi-select, reorder buttons) belongs in a modal\n * reached from an item, not in this list.\n */\nexport type RuntimeBarAction = {\n  id: string;\n  /** Menu entry label when collapsed; also the inline segment's menu label. */\n  label: string;\n  icon?: StaticIconComponent | undefined;\n  iconClassName?: string | undefined;\n  /** Tooltip on the inline segment, e.g. \"Permission posture — Plan\". */\n  title: string;\n  /** Inline segment caption: key + glyph + current value. */\n  caption: ReactNode;\n  /** Only supplied settings are candidates for inline display. */\n  isSet: boolean;\n  /** Custom editor shared by the inline dropdown and overflow submenu. */\n  header?: ReactNode;\n  /** Choices, identical inline and collapsed. */\n  items: DropdownMenuItem[];\n};\n\nexport type RuntimeBarActionsProps = {\n  fields?: RuntimeBarAction[] | undefined;\n  /** Always-collapsed entries listed after the fields, e.g. Advanced. */\n  menu?: DropdownMenuItem[] | undefined;\n  /** False collapses every field into the ⋮ menu. */\n  inline?: boolean | undefined;\n  menuLabel?: string | undefined;\n  /** Renders its own bar chrome instead of fusing onto the bar's border. */\n  standalone?: boolean | undefined;\n  className?: string | undefined;\n  /** Number of supplied fields that fit beside the runtime identity. */\n  visibleCount?: number | undefined;\n};\n\n/**\n * The runtime bar's host-level settings plus a ⋮ menu. It fuses onto the\n * segmented bar border and becomes a separate control group in combo layouts.\n */\nexport function RuntimeBarActions({\n  fields = [],\n  menu = [],\n  inline = true,\n  menuLabel = \"Runtime options\",\n  standalone = false,\n  className,\n  visibleCount = fields.length,\n}: RuntimeBarActionsProps) {\n  const variant = useContext(RuntimeBarVariantContext);\n  const useStandalone = standalone || variant === \"combo\";\n  const inlineFields = inline\n    ? fields.filter((field) => field.isSet).slice(0, visibleCount)\n    : [];\n  const menuItems: DropdownMenuItem[] = [\n    ...fields.map((field) => ({\n      label: field.label,\n      ...(field.icon ? { icon: field.icon } : {}),\n      ...(field.iconClassName ? { iconClassName: field.iconClassName } : {}),\n      // Ignored: an item with `children` is a submenu trigger, not a leaf.\n      onSelect: () => {},\n      children: field.items,\n      ...(field.header ? { header: field.header } : {}),\n    })),\n    ...menu,\n  ];\n  if (inlineFields.length === 0 && menuItems.length === 0) return null;\n\n  return (\n    <div\n      data-runtime-bar-section=\"actions\"\n      className={cn(\n        \"flex h-control-h shrink-0 items-stretch\",\n        useStandalone\n          ? variant === \"combo\"\n            ? \"gap-1\"\n            : \"w-fit overflow-hidden rounded-md border border-input bg-background\"\n          : \"border-l border-border\",\n        className,\n      )}\n    >\n      {inlineFields.map((field) => (\n        <RuntimeSegment\n          key={field.id}\n          menuLabel={field.label}\n          title={field.title}\n          items={field.items}\n          {...(field.header ? { header: field.header } : {})}\n        >\n          {field.caption}\n        </RuntimeSegment>\n      ))}\n      {menuItems.length > 0 && (\n        <RuntimeSegment\n          menuLabel={menuLabel}\n          title={menuLabel}\n          items={menuItems}\n          hideChevron\n        >\n          <Icon\n            icon={UiDotsVertical}\n            className=\"size-4 shrink-0 text-muted-foreground\"\n          />\n        </RuntimeSegment>\n      )}\n    </div>\n  );\n}\n"],"names":["useContext","RuntimeBarVariantContext","jsxs","cn","jsx","RuntimeSegment","Icon","UiDotsVertical"],"mappings":";;;;;;;;;AAmDO,SAAS,kBAAkB;AAAA,EAChC,SAAS,CAAA;AAAA,EACT,OAAO,CAAA;AAAA,EACP,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,aAAa;AAAA,EACb;AAAA,EACA,eAAe,OAAO;AACxB,GAA2B;AACzB,QAAM,UAAUA,MAAAA,WAAWC,2CAAwB;AACnD,QAAM,gBAAgB,cAAc,YAAY;AAChD,QAAM,eAAe,SACjB,OAAO,OAAO,CAAC,UAAU,MAAM,KAAK,EAAE,MAAM,GAAG,YAAY,IAC3D,CAAA;AACJ,QAAM,YAAgC;AAAA,IACpC,GAAG,OAAO,IAAI,CAAC,WAAW;AAAA,MACxB,OAAO,MAAM;AAAA,MACb,GAAI,MAAM,OAAO,EAAE,MAAM,MAAM,KAAA,IAAS,CAAA;AAAA,MACxC,GAAI,MAAM,gBAAgB,EAAE,eAAe,MAAM,cAAA,IAAkB,CAAA;AAAA;AAAA,MAEnE,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,UAAU,MAAM;AAAA,MAChB,GAAI,MAAM,SAAS,EAAE,QAAQ,MAAM,OAAA,IAAW,CAAA;AAAA,IAAC,EAC/C;AAAA,IACF,GAAG;AAAA,EAAA;AAEL,MAAI,aAAa,WAAW,KAAK,UAAU,WAAW,EAAG,QAAO;AAEhE,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,4BAAyB;AAAA,MACzB,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACA,gBACI,YAAY,UACV,UACA,uEACF;AAAA,QACJ;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAA,aAAa,IAAI,CAAC,UACjBC,2BAAAA;AAAAA,UAACC,kBAAAA;AAAAA,UAAA;AAAA,YAEC,WAAW,MAAM;AAAA,YACjB,OAAO,MAAM;AAAA,YACb,OAAO,MAAM;AAAA,YACZ,GAAI,MAAM,SAAS,EAAE,QAAQ,MAAM,OAAA,IAAW,CAAA;AAAA,YAE9C,UAAA,MAAM;AAAA,UAAA;AAAA,UANF,MAAM;AAAA,QAAA,CAQd;AAAA,QACA,UAAU,SAAS,KAClBD,2BAAAA;AAAAA,UAACC,kBAAAA;AAAAA,UAAA;AAAA,YACC;AAAA,YACA,OAAO;AAAA,YACP,OAAO;AAAA,YACP,aAAW;AAAA,YAEX,UAAAD,2BAAAA;AAAAA,cAACE,KAAAA;AAAAA,cAAA;AAAA,gBACC,MAAMC,eAAAA;AAAAA,gBACN,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;;"}
+{"version":3,"file":"RuntimeBarActions.cjs","sources":["../../../src/data/runtime/RuntimeBarActions.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { UiDotsVertical } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport type { DropdownMenuItem } from \"../../overlay/DropdownMenu\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport { RuntimeSegment } from \"./RuntimeBarSegment\";\n\n/**\n * A run setting offered by the runtime bar. Its choices are `DropdownMenuItem`s\n * so the inline and collapsed renderings are the SAME list: inline it is a\n * segment's menu, collapsed it is a flyout submenu of the ⋮ menu. Anything that\n * cannot be a menu item (a multi-select, reorder buttons) belongs in a modal\n * reached from an item, not in this list.\n */\nexport type RuntimeBarAction = {\n  id: string;\n  /** Menu entry label when collapsed; also the inline segment's menu label. */\n  label: string;\n  icon?: StaticIconComponent | undefined;\n  iconClassName?: string | undefined;\n  /** Tooltip on the inline segment, e.g. \"Permission posture — Plan\". */\n  title: string;\n  /** Inline segment caption: key + glyph + current value. */\n  caption: ReactNode;\n  /** Only supplied settings are candidates for inline display. */\n  isSet: boolean;\n  /** Custom editor shared by the inline dropdown and overflow submenu. */\n  header?: ReactNode;\n  /** Choices, identical inline and collapsed. */\n  items: DropdownMenuItem[];\n};\n\nexport type RuntimeBarActionsProps = {\n  fields?: RuntimeBarAction[] | undefined;\n  /** Always-collapsed entries listed after the fields, e.g. Advanced. */\n  menu?: DropdownMenuItem[] | undefined;\n  /** False collapses every field into the ⋮ menu. */\n  inline?: boolean | undefined;\n  menuLabel?: string | undefined;\n  /** Renders its own bar chrome instead of fusing onto the bar's border. */\n  standalone?: boolean | undefined;\n  className?: string | undefined;\n  /** Number of supplied fields that fit beside the runtime identity. */\n  visibleCount?: number | undefined;\n};\n\n/**\n * The runtime bar's host-level settings plus a ⋮ menu. It fuses onto the\n * bar border, or renders its own border when used independently.\n */\nexport function RuntimeBarActions({\n  fields = [],\n  menu = [],\n  inline = true,\n  menuLabel = \"Runtime options\",\n  standalone = false,\n  className,\n  visibleCount = fields.length,\n}: RuntimeBarActionsProps) {\n  const inlineFields = inline\n    ? fields.filter((field) => field.isSet).slice(0, visibleCount)\n    : [];\n  const menuItems: DropdownMenuItem[] = [\n    ...fields.map((field) => ({\n      label: field.label,\n      ...(field.icon ? { icon: field.icon } : {}),\n      ...(field.iconClassName ? { iconClassName: field.iconClassName } : {}),\n      // Ignored: an item with `children` is a submenu trigger, not a leaf.\n      onSelect: () => {},\n      children: field.items,\n      ...(field.header ? { header: field.header } : {}),\n    })),\n    ...menu,\n  ];\n  if (inlineFields.length === 0 && menuItems.length === 0) return null;\n\n  return (\n    <div\n      data-runtime-bar-section=\"actions\"\n      className={cn(\n        \"flex h-control-h shrink-0 items-stretch\",\n        standalone\n          ? \"w-fit overflow-hidden rounded-md border border-input bg-background\"\n          : \"border-l border-border\",\n        className,\n      )}\n    >\n      {inlineFields.map((field) => (\n        <RuntimeSegment\n          key={field.id}\n          menuLabel={field.label}\n          title={field.title}\n          items={field.items}\n          {...(field.header ? { header: field.header } : {})}\n        >\n          {field.caption}\n        </RuntimeSegment>\n      ))}\n      {menuItems.length > 0 && (\n        <RuntimeSegment\n          menuLabel={menuLabel}\n          title={menuLabel}\n          items={menuItems}\n          hideChevron\n        >\n          <Icon\n            icon={UiDotsVertical}\n            className=\"size-4 shrink-0 text-muted-foreground\"\n          />\n        </RuntimeSegment>\n      )}\n    </div>\n  );\n}\n"],"names":["jsxs","cn","jsx","RuntimeSegment","Icon","UiDotsVertical"],"mappings":";;;;;;;AAkDO,SAAS,kBAAkB;AAAA,EAChC,SAAS,CAAA;AAAA,EACT,OAAO,CAAA;AAAA,EACP,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,aAAa;AAAA,EACb;AAAA,EACA,eAAe,OAAO;AACxB,GAA2B;AACzB,QAAM,eAAe,SACjB,OAAO,OAAO,CAAC,UAAU,MAAM,KAAK,EAAE,MAAM,GAAG,YAAY,IAC3D,CAAA;AACJ,QAAM,YAAgC;AAAA,IACpC,GAAG,OAAO,IAAI,CAAC,WAAW;AAAA,MACxB,OAAO,MAAM;AAAA,MACb,GAAI,MAAM,OAAO,EAAE,MAAM,MAAM,KAAA,IAAS,CAAA;AAAA,MACxC,GAAI,MAAM,gBAAgB,EAAE,eAAe,MAAM,cAAA,IAAkB,CAAA;AAAA;AAAA,MAEnE,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,UAAU,MAAM;AAAA,MAChB,GAAI,MAAM,SAAS,EAAE,QAAQ,MAAM,OAAA,IAAW,CAAA;AAAA,IAAC,EAC/C;AAAA,IACF,GAAG;AAAA,EAAA;AAEL,MAAI,aAAa,WAAW,KAAK,UAAU,WAAW,EAAG,QAAO;AAEhE,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,4BAAyB;AAAA,MACzB,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACA,aACI,uEACA;AAAA,QACJ;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAA,aAAa,IAAI,CAAC,UACjBC,2BAAAA;AAAAA,UAACC,kBAAAA;AAAAA,UAAA;AAAA,YAEC,WAAW,MAAM;AAAA,YACjB,OAAO,MAAM;AAAA,YACb,OAAO,MAAM;AAAA,YACZ,GAAI,MAAM,SAAS,EAAE,QAAQ,MAAM,OAAA,IAAW,CAAA;AAAA,YAE9C,UAAA,MAAM;AAAA,UAAA;AAAA,UANF,MAAM;AAAA,QAAA,CAQd;AAAA,QACA,UAAU,SAAS,KAClBD,2BAAAA;AAAAA,UAACC,kBAAAA;AAAAA,UAAA;AAAA,YACC;AAAA,YACA,OAAO;AAAA,YACP,OAAO;AAAA,YACP,aAAW;AAAA,YAEX,UAAAD,2BAAAA;AAAAA,cAACE,KAAAA;AAAAA,cAAA;AAAA,gBACC,MAAMC,eAAAA;AAAAA,gBACN,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;;"}

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

@@ -40,7 +40,7 @@ export type RuntimeBarActionsProps = {
 };
 /**
  * The runtime bar's host-level settings plus a ⋮ menu. It fuses onto the
- * segmented bar border and becomes a separate control group in combo layouts.
+ * bar border, or renders its own border when used independently.
  */
 export declare function RuntimeBarActions({ fields, menu, inline, menuLabel, standalone, className, visibleCount, }: RuntimeBarActionsProps): import("react").JSX.Element | null;
 //# sourceMappingURL=RuntimeBarActions.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RuntimeBarActions.d.ts","sourceRoot":"","sources":["../../../src/data/runtime/RuntimeBarActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAQ,KAAK,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAIzD;;;;;;GAMG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,6EAA6E;IAC7E,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,OAAO,EAAE,SAAS,CAAC;IACnB,gEAAgE;IAChE,KAAK,EAAE,OAAO,CAAC;IACf,wEAAwE;IACxE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,+CAA+C;IAC/C,KAAK,EAAE,gBAAgB,EAAE,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,CAAC,EAAE,gBAAgB,EAAE,GAAG,SAAS,CAAC;IACxC,uEAAuE;IACvE,IAAI,CAAC,EAAE,gBAAgB,EAAE,GAAG,SAAS,CAAC;IACtC,mDAAmD;IACnD,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,0EAA0E;IAC1E,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,sEAAsE;IACtE,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC,CAAC;AAEF;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,MAAW,EACX,IAAS,EACT,MAAa,EACb,SAA6B,EAC7B,UAAkB,EAClB,SAAS,EACT,YAA4B,GAC7B,EAAE,sBAAsB,sCA2DxB"}
+{"version":3,"file":"RuntimeBarActions.d.ts","sourceRoot":"","sources":["../../../src/data/runtime/RuntimeBarActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAQ,KAAK,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGzD;;;;;;GAMG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,6EAA6E;IAC7E,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,OAAO,EAAE,SAAS,CAAC;IACnB,gEAAgE;IAChE,KAAK,EAAE,OAAO,CAAC;IACf,wEAAwE;IACxE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,+CAA+C;IAC/C,KAAK,EAAE,gBAAgB,EAAE,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,CAAC,EAAE,gBAAgB,EAAE,GAAG,SAAS,CAAC;IACxC,uEAAuE;IACvE,IAAI,CAAC,EAAE,gBAAgB,EAAE,GAAG,SAAS,CAAC;IACtC,mDAAmD;IACnD,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,0EAA0E;IAC1E,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,sEAAsE;IACtE,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC,CAAC;AAEF;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,MAAW,EACX,IAAS,EACT,MAAa,EACb,SAA6B,EAC7B,UAAkB,EAClB,SAAS,EACT,YAA4B,GAC7B,EAAE,sBAAsB,sCAuDxB"}

package/dist/data/runtime/RuntimeBarActions.js

@@ -1,9 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useContext } from "react";
 import { cn } from "../../lib/utils.js";
 import { Icon } from "../Icon.js";
 import { RuntimeSegment } from "./RuntimeBarSegment.js";
-import { RuntimeBarVariantContext } from "./RuntimeBar.context.js";
 import { UiDotsVertical } from "../../icons/components/UiDotsVertical.js";
 function RuntimeBarActions({
   fields = [],
@@ -14,8 +12,6 @@ function RuntimeBarActions({
   className,
   visibleCount = fields.length
 }) {
-  const variant = useContext(RuntimeBarVariantContext);
-  const useStandalone = standalone || variant === "combo";
   const inlineFields = inline ? fields.filter((field) => field.isSet).slice(0, visibleCount) : [];
   const menuItems = [
     ...fields.map((field) => ({
@@ -37,7 +33,7 @@ function RuntimeBarActions({
       "data-runtime-bar-section": "actions",
       className: cn(
         "flex h-control-h shrink-0 items-stretch",
-        useStandalone ? variant === "combo" ? "gap-1" : "w-fit overflow-hidden rounded-md border border-input bg-background" : "border-l border-border",
+        standalone ? "w-fit overflow-hidden rounded-md border border-input bg-background" : "border-l border-border",
         className
       ),
       children: [

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

@@ -1 +1 @@
-{"version":3,"file":"RuntimeBarActions.js","sources":["../../../src/data/runtime/RuntimeBarActions.tsx"],"sourcesContent":["import { useContext, type ReactNode } from \"react\";\nimport { UiDotsVertical } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport type { DropdownMenuItem } from \"../../overlay/DropdownMenu\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport { RuntimeSegment } from \"./RuntimeBarSegment\";\nimport { RuntimeBarVariantContext } from \"./RuntimeBar.context\";\n\n/**\n * A run setting offered by the runtime bar. Its choices are `DropdownMenuItem`s\n * so the inline and collapsed renderings are the SAME list: inline it is a\n * segment's menu, collapsed it is a flyout submenu of the ⋮ menu. Anything that\n * cannot be a menu item (a multi-select, reorder buttons) belongs in a modal\n * reached from an item, not in this list.\n */\nexport type RuntimeBarAction = {\n  id: string;\n  /** Menu entry label when collapsed; also the inline segment's menu label. */\n  label: string;\n  icon?: StaticIconComponent | undefined;\n  iconClassName?: string | undefined;\n  /** Tooltip on the inline segment, e.g. \"Permission posture — Plan\". */\n  title: string;\n  /** Inline segment caption: key + glyph + current value. */\n  caption: ReactNode;\n  /** Only supplied settings are candidates for inline display. */\n  isSet: boolean;\n  /** Custom editor shared by the inline dropdown and overflow submenu. */\n  header?: ReactNode;\n  /** Choices, identical inline and collapsed. */\n  items: DropdownMenuItem[];\n};\n\nexport type RuntimeBarActionsProps = {\n  fields?: RuntimeBarAction[] | undefined;\n  /** Always-collapsed entries listed after the fields, e.g. Advanced. */\n  menu?: DropdownMenuItem[] | undefined;\n  /** False collapses every field into the ⋮ menu. */\n  inline?: boolean | undefined;\n  menuLabel?: string | undefined;\n  /** Renders its own bar chrome instead of fusing onto the bar's border. */\n  standalone?: boolean | undefined;\n  className?: string | undefined;\n  /** Number of supplied fields that fit beside the runtime identity. */\n  visibleCount?: number | undefined;\n};\n\n/**\n * The runtime bar's host-level settings plus a ⋮ menu. It fuses onto the\n * segmented bar border and becomes a separate control group in combo layouts.\n */\nexport function RuntimeBarActions({\n  fields = [],\n  menu = [],\n  inline = true,\n  menuLabel = \"Runtime options\",\n  standalone = false,\n  className,\n  visibleCount = fields.length,\n}: RuntimeBarActionsProps) {\n  const variant = useContext(RuntimeBarVariantContext);\n  const useStandalone = standalone || variant === \"combo\";\n  const inlineFields = inline\n    ? fields.filter((field) => field.isSet).slice(0, visibleCount)\n    : [];\n  const menuItems: DropdownMenuItem[] = [\n    ...fields.map((field) => ({\n      label: field.label,\n      ...(field.icon ? { icon: field.icon } : {}),\n      ...(field.iconClassName ? { iconClassName: field.iconClassName } : {}),\n      // Ignored: an item with `children` is a submenu trigger, not a leaf.\n      onSelect: () => {},\n      children: field.items,\n      ...(field.header ? { header: field.header } : {}),\n    })),\n    ...menu,\n  ];\n  if (inlineFields.length === 0 && menuItems.length === 0) return null;\n\n  return (\n    <div\n      data-runtime-bar-section=\"actions\"\n      className={cn(\n        \"flex h-control-h shrink-0 items-stretch\",\n        useStandalone\n          ? variant === \"combo\"\n            ? \"gap-1\"\n            : \"w-fit overflow-hidden rounded-md border border-input bg-background\"\n          : \"border-l border-border\",\n        className,\n      )}\n    >\n      {inlineFields.map((field) => (\n        <RuntimeSegment\n          key={field.id}\n          menuLabel={field.label}\n          title={field.title}\n          items={field.items}\n          {...(field.header ? { header: field.header } : {})}\n        >\n          {field.caption}\n        </RuntimeSegment>\n      ))}\n      {menuItems.length > 0 && (\n        <RuntimeSegment\n          menuLabel={menuLabel}\n          title={menuLabel}\n          items={menuItems}\n          hideChevron\n        >\n          <Icon\n            icon={UiDotsVertical}\n            className=\"size-4 shrink-0 text-muted-foreground\"\n          />\n        </RuntimeSegment>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAmDO,SAAS,kBAAkB;AAAA,EAChC,SAAS,CAAA;AAAA,EACT,OAAO,CAAA;AAAA,EACP,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,aAAa;AAAA,EACb;AAAA,EACA,eAAe,OAAO;AACxB,GAA2B;AACzB,QAAM,UAAU,WAAW,wBAAwB;AACnD,QAAM,gBAAgB,cAAc,YAAY;AAChD,QAAM,eAAe,SACjB,OAAO,OAAO,CAAC,UAAU,MAAM,KAAK,EAAE,MAAM,GAAG,YAAY,IAC3D,CAAA;AACJ,QAAM,YAAgC;AAAA,IACpC,GAAG,OAAO,IAAI,CAAC,WAAW;AAAA,MACxB,OAAO,MAAM;AAAA,MACb,GAAI,MAAM,OAAO,EAAE,MAAM,MAAM,KAAA,IAAS,CAAA;AAAA,MACxC,GAAI,MAAM,gBAAgB,EAAE,eAAe,MAAM,cAAA,IAAkB,CAAA;AAAA;AAAA,MAEnE,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,UAAU,MAAM;AAAA,MAChB,GAAI,MAAM,SAAS,EAAE,QAAQ,MAAM,OAAA,IAAW,CAAA;AAAA,IAAC,EAC/C;AAAA,IACF,GAAG;AAAA,EAAA;AAEL,MAAI,aAAa,WAAW,KAAK,UAAU,WAAW,EAAG,QAAO;AAEhE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,4BAAyB;AAAA,MACzB,WAAW;AAAA,QACT;AAAA,QACA,gBACI,YAAY,UACV,UACA,uEACF;AAAA,QACJ;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAA,aAAa,IAAI,CAAC,UACjB;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAW,MAAM;AAAA,YACjB,OAAO,MAAM;AAAA,YACb,OAAO,MAAM;AAAA,YACZ,GAAI,MAAM,SAAS,EAAE,QAAQ,MAAM,OAAA,IAAW,CAAA;AAAA,YAE9C,UAAA,MAAM;AAAA,UAAA;AAAA,UANF,MAAM;AAAA,QAAA,CAQd;AAAA,QACA,UAAU,SAAS,KAClB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,OAAO;AAAA,YACP,OAAO;AAAA,YACP,aAAW;AAAA,YAEX,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"RuntimeBarActions.js","sources":["../../../src/data/runtime/RuntimeBarActions.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { UiDotsVertical } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport type { DropdownMenuItem } from \"../../overlay/DropdownMenu\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport { RuntimeSegment } from \"./RuntimeBarSegment\";\n\n/**\n * A run setting offered by the runtime bar. Its choices are `DropdownMenuItem`s\n * so the inline and collapsed renderings are the SAME list: inline it is a\n * segment's menu, collapsed it is a flyout submenu of the ⋮ menu. Anything that\n * cannot be a menu item (a multi-select, reorder buttons) belongs in a modal\n * reached from an item, not in this list.\n */\nexport type RuntimeBarAction = {\n  id: string;\n  /** Menu entry label when collapsed; also the inline segment's menu label. */\n  label: string;\n  icon?: StaticIconComponent | undefined;\n  iconClassName?: string | undefined;\n  /** Tooltip on the inline segment, e.g. \"Permission posture — Plan\". */\n  title: string;\n  /** Inline segment caption: key + glyph + current value. */\n  caption: ReactNode;\n  /** Only supplied settings are candidates for inline display. */\n  isSet: boolean;\n  /** Custom editor shared by the inline dropdown and overflow submenu. */\n  header?: ReactNode;\n  /** Choices, identical inline and collapsed. */\n  items: DropdownMenuItem[];\n};\n\nexport type RuntimeBarActionsProps = {\n  fields?: RuntimeBarAction[] | undefined;\n  /** Always-collapsed entries listed after the fields, e.g. Advanced. */\n  menu?: DropdownMenuItem[] | undefined;\n  /** False collapses every field into the ⋮ menu. */\n  inline?: boolean | undefined;\n  menuLabel?: string | undefined;\n  /** Renders its own bar chrome instead of fusing onto the bar's border. */\n  standalone?: boolean | undefined;\n  className?: string | undefined;\n  /** Number of supplied fields that fit beside the runtime identity. */\n  visibleCount?: number | undefined;\n};\n\n/**\n * The runtime bar's host-level settings plus a ⋮ menu. It fuses onto the\n * bar border, or renders its own border when used independently.\n */\nexport function RuntimeBarActions({\n  fields = [],\n  menu = [],\n  inline = true,\n  menuLabel = \"Runtime options\",\n  standalone = false,\n  className,\n  visibleCount = fields.length,\n}: RuntimeBarActionsProps) {\n  const inlineFields = inline\n    ? fields.filter((field) => field.isSet).slice(0, visibleCount)\n    : [];\n  const menuItems: DropdownMenuItem[] = [\n    ...fields.map((field) => ({\n      label: field.label,\n      ...(field.icon ? { icon: field.icon } : {}),\n      ...(field.iconClassName ? { iconClassName: field.iconClassName } : {}),\n      // Ignored: an item with `children` is a submenu trigger, not a leaf.\n      onSelect: () => {},\n      children: field.items,\n      ...(field.header ? { header: field.header } : {}),\n    })),\n    ...menu,\n  ];\n  if (inlineFields.length === 0 && menuItems.length === 0) return null;\n\n  return (\n    <div\n      data-runtime-bar-section=\"actions\"\n      className={cn(\n        \"flex h-control-h shrink-0 items-stretch\",\n        standalone\n          ? \"w-fit overflow-hidden rounded-md border border-input bg-background\"\n          : \"border-l border-border\",\n        className,\n      )}\n    >\n      {inlineFields.map((field) => (\n        <RuntimeSegment\n          key={field.id}\n          menuLabel={field.label}\n          title={field.title}\n          items={field.items}\n          {...(field.header ? { header: field.header } : {})}\n        >\n          {field.caption}\n        </RuntimeSegment>\n      ))}\n      {menuItems.length > 0 && (\n        <RuntimeSegment\n          menuLabel={menuLabel}\n          title={menuLabel}\n          items={menuItems}\n          hideChevron\n        >\n          <Icon\n            icon={UiDotsVertical}\n            className=\"size-4 shrink-0 text-muted-foreground\"\n          />\n        </RuntimeSegment>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;AAkDO,SAAS,kBAAkB;AAAA,EAChC,SAAS,CAAA;AAAA,EACT,OAAO,CAAA;AAAA,EACP,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,aAAa;AAAA,EACb;AAAA,EACA,eAAe,OAAO;AACxB,GAA2B;AACzB,QAAM,eAAe,SACjB,OAAO,OAAO,CAAC,UAAU,MAAM,KAAK,EAAE,MAAM,GAAG,YAAY,IAC3D,CAAA;AACJ,QAAM,YAAgC;AAAA,IACpC,GAAG,OAAO,IAAI,CAAC,WAAW;AAAA,MACxB,OAAO,MAAM;AAAA,MACb,GAAI,MAAM,OAAO,EAAE,MAAM,MAAM,KAAA,IAAS,CAAA;AAAA,MACxC,GAAI,MAAM,gBAAgB,EAAE,eAAe,MAAM,cAAA,IAAkB,CAAA;AAAA;AAAA,MAEnE,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,UAAU,MAAM;AAAA,MAChB,GAAI,MAAM,SAAS,EAAE,QAAQ,MAAM,OAAA,IAAW,CAAA;AAAA,IAAC,EAC/C;AAAA,IACF,GAAG;AAAA,EAAA;AAEL,MAAI,aAAa,WAAW,KAAK,UAAU,WAAW,EAAG,QAAO;AAEhE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,4BAAyB;AAAA,MACzB,WAAW;AAAA,QACT;AAAA,QACA,aACI,uEACA;AAAA,QACJ;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAA,aAAa,IAAI,CAAC,UACjB;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAW,MAAM;AAAA,YACjB,OAAO,MAAM;AAAA,YACb,OAAO,MAAM;AAAA,YACZ,GAAI,MAAM,SAAS,EAAE,QAAQ,MAAM,OAAA,IAAW,CAAA;AAAA,YAE9C,UAAA,MAAM;AAAA,UAAA;AAAA,UANF,MAAM;AAAA,QAAA,CAQd;AAAA,QACA,UAAU,SAAS,KAClB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,OAAO;AAAA,YACP,OAAO;AAAA,YACP,aAAW;AAAA,YAEX,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/data/runtime/RuntimeBarIdentity.cjs

@@ -25,12 +25,9 @@ function RuntimeBarIdentity({
     "div",
     {
       "data-runtime-bar-section": measure ? void 0 : "identity",
-      className: utils.cn(
-        "flex h-control-h min-w-0 items-stretch",
-        props.variant === "combo" && "gap-1"
-      ),
+      className: "flex h-control-h min-w-0 items-stretch",
       children: [
-        measure ? /* @__PURE__ */ jsxRuntime.jsx(IdentityMeasure, { variant: props.variant, children: modeCaption }) : /* @__PURE__ */ jsxRuntime.jsx(
+        measure ? /* @__PURE__ */ jsxRuntime.jsx(IdentityMeasure, { children: modeCaption }) : /* @__PURE__ */ jsxRuntime.jsx(
           RuntimeBarSegment.RuntimeSegment,
           {
             menuLabel: "Runtime mode",
@@ -45,13 +42,12 @@ function RuntimeBarIdentity({
             children: modeCaption
           }
         ),
-        measure ? /* @__PURE__ */ jsxRuntime.jsx(IdentityMeasure, { variant: props.variant, model: true, children: /* @__PURE__ */ jsxRuntime.jsx(ModelCaption, { ...props }) }) : /* @__PURE__ */ jsxRuntime.jsx(RuntimeModelPicker, { ...props })
+        measure ? /* @__PURE__ */ jsxRuntime.jsx(IdentityMeasure, { model: true, children: /* @__PURE__ */ jsxRuntime.jsx(ModelCaption, { ...props }) }) : /* @__PURE__ */ jsxRuntime.jsx(RuntimeModelPicker, { ...props })
       ]
     }
   );
 }
 function IdentityMeasure({
-  variant,
   model = false,
   children
 }) {
@@ -59,9 +55,8 @@ function IdentityMeasure({
     "div",
     {
       className: utils.cn(
-        "flex h-control-h items-center gap-1.5 px-density-2",
-        model && "max-w-56 min-w-0",
-        variant === "combo" ? "rounded-md border border-input" : "border-l border-border first:border-l-0"
+        "flex h-control-h items-center gap-1.5 border-l border-border px-density-2 first:border-l-0",
+        model && "max-w-56 min-w-0"
       ),
       children: /* @__PURE__ */ jsxRuntime.jsx(RuntimeBarSegment.RuntimeSegmentCaption, { children })
     }
@@ -141,10 +136,7 @@ function RuntimeModelPicker(props) {
       disabled: props.locked,
       value: props.unavailable ? "" : ((_a = props.selectedModel) == null ? void 0 : _a.id) ?? props.model ?? "",
       options,
-      className: utils.cn(
-        "h-control-h min-w-0 max-w-56 flex-1",
-        props.variant === "combo" ? "rounded-md border border-input bg-background" : "border-l border-border first:border-l-0"
-      ),
+      className: "h-control-h min-w-0 max-w-56 flex-1 border-l border-border first:border-l-0",
       triggerClassName: "h-full rounded-none border-0 px-density-2 focus-visible:ring-inset aria-expanded:bg-muted",
       triggerContent: /* @__PURE__ */ jsxRuntime.jsx(ModelCaption, { ...props }),
       onNew: (value) => ({ value, label: `Use custom: ${value}` }),

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

@@ -1 +1 @@
-{"version":3,"file":"RuntimeBarIdentity.cjs","sources":["../../../src/data/runtime/RuntimeBarIdentity.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Combobox, type ComboboxOption } from \"../../components/Combobox\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport type { ChatModel } from \"../chat/types\";\nimport { runtimeFamilyBrand } from \"./RuntimeBar.model\";\nimport {\n  RuntimeSegment,\n  RuntimeSegmentCaption,\n  SEGMENT_CAPTION_CLASS,\n} from \"./RuntimeBarSegment\";\nimport { modelGroupsForMode } from \"./RuntimeBar.selection\";\nimport type { SpecRuntimeFamily, SpecRuntimeModeOption } from \"./runtime-mode\";\nimport { UNSPECIFIED_LABEL, unspecifiedHint } from \"./unspecified\";\n\nexport type RuntimeBarIdentityProps = {\n  family: SpecRuntimeFamily;\n  mode: SpecRuntimeModeOption;\n  modes: SpecRuntimeModeOption[];\n  groups: ReturnType<typeof modelGroupsForMode>;\n  selectedModel: ChatModel | undefined;\n  model: string | undefined;\n  unavailable: boolean;\n  inheritedModelLabel: string | undefined;\n  locked: boolean;\n  showModel: boolean;\n  variant: \"segmented\" | \"combo\";\n  onModeChange: (mode: string) => void;\n  onModelSelect: (model: ChatModel) => void;\n  onModelClear: () => void;\n  onCustomModel: (model: string) => void;\n  onFamilySelect: (family: string) => void;\n};\n\nexport function RuntimeBarIdentity({\n  measure = false,\n  ...props\n}: RuntimeBarIdentityProps & { measure?: boolean }) {\n  const modeCaption = (\n    <>\n      {props.mode.icon && (\n        <Icon\n          icon={props.mode.icon}\n          className=\"size-4 shrink-0 text-muted-foreground\"\n        />\n      )}\n      <span className={SEGMENT_CAPTION_CLASS}>{props.mode.label}</span>\n    </>\n  );\n  return (\n    <div\n      data-runtime-bar-section={measure ? undefined : \"identity\"}\n      className={cn(\n        \"flex h-control-h min-w-0 items-stretch\",\n        props.variant === \"combo\" && \"gap-1\",\n      )}\n    >\n      {measure ? (\n        <IdentityMeasure variant={props.variant}>{modeCaption}</IdentityMeasure>\n      ) : (\n        <RuntimeSegment\n          menuLabel=\"Runtime mode\"\n          title={`Runtime mode — ${props.mode.label}`}\n          disabled={props.locked}\n          className=\"shrink-0\"\n          items={props.modes.map((mode) => ({\n            label: mode.label,\n            ...(mode.icon ? { icon: mode.icon } : {}),\n            onSelect: () => props.onModeChange(mode.id),\n          }))}\n        >\n          {modeCaption}\n        </RuntimeSegment>\n      )}\n      {measure ? (\n        <IdentityMeasure variant={props.variant} model>\n          <ModelCaption {...props} />\n        </IdentityMeasure>\n      ) : (\n        <RuntimeModelPicker {...props} />\n      )}\n    </div>\n  );\n}\n\nfunction IdentityMeasure({\n  variant,\n  model = false,\n  children,\n}: {\n  variant: \"segmented\" | \"combo\";\n  model?: boolean;\n  children: ReactNode;\n}) {\n  return (\n    <div\n      className={cn(\n        \"flex h-control-h items-center gap-1.5 px-density-2\",\n        model && \"max-w-56 min-w-0\",\n        variant === \"combo\"\n          ? \"rounded-md border border-input\"\n          : \"border-l border-border first:border-l-0\",\n      )}\n    >\n      <RuntimeSegmentCaption>{children}</RuntimeSegmentCaption>\n    </div>\n  );\n}\n\nfunction ModelCaption(props: RuntimeBarIdentityProps) {\n  const brand = runtimeFamilyBrand(props.family);\n  const label = props.showModel\n    ? props.unavailable\n      ? \"Unavailable selection\"\n      : (props.selectedModel?.label ?? props.model ?? UNSPECIFIED_LABEL)\n    : props.family.label;\n  return (\n    <>\n      {props.showModel && (\n        <span className=\"sr-only\">{props.family.label} </span>\n      )}\n      {brand.icon && (\n        <Icon\n          icon={brand.icon}\n          className={cn(\"size-4 shrink-0\", brand.color)}\n        />\n      )}\n      <span className=\"min-w-0 truncate font-mono text-xs font-semibold text-foreground\">\n        {label}\n      </span>\n    </>\n  );\n}\n\nfunction RuntimeModelPicker(props: RuntimeBarIdentityProps) {\n  const title = props.showModel\n    ? `Model — ${props.unavailable ? \"unavailable selection\" : props.model || \"unspecified\"}`\n    : `Family — ${props.family.label}`;\n  if (!props.showModel)\n    return (\n      <RuntimeSegment\n        menuLabel=\"Family\"\n        title={title}\n        disabled={props.locked}\n        className=\"min-w-0 max-w-56 flex-1\"\n        items={props.groups.map(({ family }) => {\n          const brand = runtimeFamilyBrand(family);\n          return {\n            label: family.label,\n            ...(brand.icon ? { icon: brand.icon } : {}),\n            onSelect: () => props.onFamilySelect(family.id),\n          };\n        })}\n      >\n        <ModelCaption {...props} />\n      </RuntimeSegment>\n    );\n  const options: ComboboxOption[] = [\n    {\n      value: \"\",\n      label: UNSPECIFIED_LABEL,\n      description: unspecifiedHint(props.inheritedModelLabel),\n    },\n    ...props.groups.flatMap(({ family, models }) => {\n      const brand = runtimeFamilyBrand(family);\n      const icon = brand.icon ? (\n        <Icon icon={brand.icon} className={cn(\"size-4\", brand.color)} />\n      ) : undefined;\n      return models.length\n        ? models.map((model) => ({\n            value: model.id,\n            label: model.label.trim() || model.id,\n            group: family.label,\n            icon,\n          }))\n        : [\n            {\n              value: `family:${family.id}`,\n              label: \"Custom model…\",\n              group: family.label,\n              icon,\n            },\n          ];\n    }),\n  ];\n  return (\n    <Combobox\n      searchPlacement=\"menu\"\n      ariaLabel=\"Model\"\n      title={title}\n      disabled={props.locked}\n      value={\n        props.unavailable ? \"\" : (props.selectedModel?.id ?? props.model ?? \"\")\n      }\n      options={options}\n      className={cn(\n        \"h-control-h min-w-0 max-w-56 flex-1\",\n        props.variant === \"combo\"\n          ? \"rounded-md border border-input bg-background\"\n          : \"border-l border-border first:border-l-0\",\n      )}\n      triggerClassName=\"h-full rounded-none border-0 px-density-2 focus-visible:ring-inset aria-expanded:bg-muted\"\n      triggerContent={<ModelCaption {...props} />}\n      onNew={(value) => ({ value, label: `Use custom: ${value}` })}\n      onChange={(value) => {\n        if (!value) return props.onModelClear();\n        const family = props.groups.find(\n          ({ family }) => value === `family:${family.id}`,\n        )?.family;\n        if (family) return props.onFamilySelect(family.id);\n        const model = props.groups\n          .flatMap(({ models }) => models)\n          .find((model) => model.id === value);\n        if (model) props.onModelSelect(model);\n        else props.onCustomModel(value);\n      }}\n    />\n  );\n}\n"],"names":["jsxs","Fragment","jsx","Icon","SEGMENT_CAPTION_CLASS","cn","RuntimeSegment","RuntimeSegmentCaption","runtimeFamilyBrand","UNSPECIFIED_LABEL","unspecifiedHint","Combobox","_a","family","model"],"mappings":"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"}
+{"version":3,"file":"RuntimeBarIdentity.cjs","sources":["../../../src/data/runtime/RuntimeBarIdentity.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Combobox, type ComboboxOption } from \"../../components/Combobox\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport type { ChatModel } from \"../chat/types\";\nimport { runtimeFamilyBrand } from \"./RuntimeBar.model\";\nimport {\n  RuntimeSegment,\n  RuntimeSegmentCaption,\n  SEGMENT_CAPTION_CLASS,\n} from \"./RuntimeBarSegment\";\nimport { modelGroupsForMode } from \"./RuntimeBar.selection\";\nimport type { SpecRuntimeFamily, SpecRuntimeModeOption } from \"./runtime-mode\";\nimport { UNSPECIFIED_LABEL, unspecifiedHint } from \"./unspecified\";\n\nexport type RuntimeBarIdentityProps = {\n  family: SpecRuntimeFamily;\n  mode: SpecRuntimeModeOption;\n  modes: SpecRuntimeModeOption[];\n  groups: ReturnType<typeof modelGroupsForMode>;\n  selectedModel: ChatModel | undefined;\n  model: string | undefined;\n  unavailable: boolean;\n  inheritedModelLabel: string | undefined;\n  locked: boolean;\n  showModel: boolean;\n  onModeChange: (mode: string) => void;\n  onModelSelect: (model: ChatModel) => void;\n  onModelClear: () => void;\n  onCustomModel: (model: string) => void;\n  onFamilySelect: (family: string) => void;\n};\n\nexport function RuntimeBarIdentity({\n  measure = false,\n  ...props\n}: RuntimeBarIdentityProps & { measure?: boolean }) {\n  const modeCaption = (\n    <>\n      {props.mode.icon && (\n        <Icon\n          icon={props.mode.icon}\n          className=\"size-4 shrink-0 text-muted-foreground\"\n        />\n      )}\n      <span className={SEGMENT_CAPTION_CLASS}>{props.mode.label}</span>\n    </>\n  );\n  return (\n    <div\n      data-runtime-bar-section={measure ? undefined : \"identity\"}\n      className=\"flex h-control-h min-w-0 items-stretch\"\n    >\n      {measure ? (\n        <IdentityMeasure>{modeCaption}</IdentityMeasure>\n      ) : (\n        <RuntimeSegment\n          menuLabel=\"Runtime mode\"\n          title={`Runtime mode — ${props.mode.label}`}\n          disabled={props.locked}\n          className=\"shrink-0\"\n          items={props.modes.map((mode) => ({\n            label: mode.label,\n            ...(mode.icon ? { icon: mode.icon } : {}),\n            onSelect: () => props.onModeChange(mode.id),\n          }))}\n        >\n          {modeCaption}\n        </RuntimeSegment>\n      )}\n      {measure ? (\n        <IdentityMeasure model>\n          <ModelCaption {...props} />\n        </IdentityMeasure>\n      ) : (\n        <RuntimeModelPicker {...props} />\n      )}\n    </div>\n  );\n}\n\nfunction IdentityMeasure({\n  model = false,\n  children,\n}: {\n  model?: boolean;\n  children: ReactNode;\n}) {\n  return (\n    <div\n      className={cn(\n        \"flex h-control-h items-center gap-1.5 border-l border-border px-density-2 first:border-l-0\",\n        model && \"max-w-56 min-w-0\",\n      )}\n    >\n      <RuntimeSegmentCaption>{children}</RuntimeSegmentCaption>\n    </div>\n  );\n}\n\nfunction ModelCaption(props: RuntimeBarIdentityProps) {\n  const brand = runtimeFamilyBrand(props.family);\n  const label = props.showModel\n    ? props.unavailable\n      ? \"Unavailable selection\"\n      : (props.selectedModel?.label ?? props.model ?? UNSPECIFIED_LABEL)\n    : props.family.label;\n  return (\n    <>\n      {props.showModel && (\n        <span className=\"sr-only\">{props.family.label} </span>\n      )}\n      {brand.icon && (\n        <Icon\n          icon={brand.icon}\n          className={cn(\"size-4 shrink-0\", brand.color)}\n        />\n      )}\n      <span className=\"min-w-0 truncate font-mono text-xs font-semibold text-foreground\">\n        {label}\n      </span>\n    </>\n  );\n}\n\nfunction RuntimeModelPicker(props: RuntimeBarIdentityProps) {\n  const title = props.showModel\n    ? `Model — ${props.unavailable ? \"unavailable selection\" : props.model || \"unspecified\"}`\n    : `Family — ${props.family.label}`;\n  if (!props.showModel)\n    return (\n      <RuntimeSegment\n        menuLabel=\"Family\"\n        title={title}\n        disabled={props.locked}\n        className=\"min-w-0 max-w-56 flex-1\"\n        items={props.groups.map(({ family }) => {\n          const brand = runtimeFamilyBrand(family);\n          return {\n            label: family.label,\n            ...(brand.icon ? { icon: brand.icon } : {}),\n            onSelect: () => props.onFamilySelect(family.id),\n          };\n        })}\n      >\n        <ModelCaption {...props} />\n      </RuntimeSegment>\n    );\n  const options: ComboboxOption[] = [\n    {\n      value: \"\",\n      label: UNSPECIFIED_LABEL,\n      description: unspecifiedHint(props.inheritedModelLabel),\n    },\n    ...props.groups.flatMap(({ family, models }) => {\n      const brand = runtimeFamilyBrand(family);\n      const icon = brand.icon ? (\n        <Icon icon={brand.icon} className={cn(\"size-4\", brand.color)} />\n      ) : undefined;\n      return models.length\n        ? models.map((model) => ({\n            value: model.id,\n            label: model.label.trim() || model.id,\n            group: family.label,\n            icon,\n          }))\n        : [\n            {\n              value: `family:${family.id}`,\n              label: \"Custom model…\",\n              group: family.label,\n              icon,\n            },\n          ];\n    }),\n  ];\n  return (\n    <Combobox\n      searchPlacement=\"menu\"\n      ariaLabel=\"Model\"\n      title={title}\n      disabled={props.locked}\n      value={\n        props.unavailable ? \"\" : (props.selectedModel?.id ?? props.model ?? \"\")\n      }\n      options={options}\n      className=\"h-control-h min-w-0 max-w-56 flex-1 border-l border-border first:border-l-0\"\n      triggerClassName=\"h-full rounded-none border-0 px-density-2 focus-visible:ring-inset aria-expanded:bg-muted\"\n      triggerContent={<ModelCaption {...props} />}\n      onNew={(value) => ({ value, label: `Use custom: ${value}` })}\n      onChange={(value) => {\n        if (!value) return props.onModelClear();\n        const family = props.groups.find(\n          ({ family }) => value === `family:${family.id}`,\n        )?.family;\n        if (family) return props.onFamilySelect(family.id);\n        const model = props.groups\n          .flatMap(({ models }) => models)\n          .find((model) => model.id === value);\n        if (model) props.onModelSelect(model);\n        else props.onCustomModel(value);\n      }}\n    />\n  );\n}\n"],"names":["jsxs","Fragment","jsx","Icon","SEGMENT_CAPTION_CLASS","RuntimeSegment","cn","RuntimeSegmentCaption","runtimeFamilyBrand","UNSPECIFIED_LABEL","unspecifiedHint","Combobox","_a","family","model"],"mappings":"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"}

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

@@ -12,7 +12,6 @@ export type RuntimeBarIdentityProps = {
     inheritedModelLabel: string | undefined;
     locked: boolean;
     showModel: boolean;
-    variant: "segmented" | "combo";
     onModeChange: (mode: string) => void;
     onModelSelect: (model: ChatModel) => void;
     onModelClear: () => void;