@flanksource/clicky-ui 0.3.44 → 0.3.46

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":";;;;;;;;;AAkCO,SAAS,mBAAmB;AAAA,EACjC,UAAU;AAAA,EACV,GAAG;AACL,GAAoD;AAClD,QAAM,cACJA,2BAAAA,KAAAC,WAAAA,UAAA,EACG,UAAA;AAAA,IAAA,MAAM,KAAK,QACVC,2BAAAA;AAAAA,MAACC,KAAAA;AAAAA,MAAA;AAAA,QACC,MAAM,MAAM,KAAK;AAAA,QACjB,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,mCAGb,QAAA,EAAK,WAAWC,kBAAAA,uBAAwB,UAAA,MAAM,KAAK,MAAA,CAAM;AAAA,EAAA,GAC5D;AAEF,SACEJ,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,4BAA0B,UAAU,SAAY;AAAA,MAChD,WAAWK,MAAAA;AAAAA,QACT;AAAA,QACA,MAAM,YAAY,WAAW;AAAA,MAAA;AAAA,MAG9B,UAAA;AAAA,QAAA,yCACE,iBAAA,EAAgB,SAAS,MAAM,SAAU,uBAAY,IAEtDH,2BAAAA;AAAAA,UAACI,kBAAAA;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,kBAAkB,MAAM,KAAK,KAAK;AAAA,YACzC,UAAU,MAAM;AAAA,YAChB,WAAU;AAAA,YACV,OAAO,MAAM,MAAM,IAAI,CAAC,UAAU;AAAA,cAChC,OAAO,KAAK;AAAA,cACZ,GAAI,KAAK,OAAO,EAAE,MAAM,KAAK,KAAA,IAAS,CAAA;AAAA,cACtC,UAAU,MAAM,MAAM,aAAa,KAAK,EAAE;AAAA,YAAA,EAC1C;AAAA,YAED,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJ,UACCJ,2BAAAA,IAAC,iBAAA,EAAgB,SAAS,MAAM,SAAS,OAAK,MAC5C,UAAAA,2BAAAA,IAAC,cAAA,EAAc,GAAG,OAAO,EAAA,CAC3B,IAEAA,+BAAC,oBAAA,EAAoB,GAAG,MAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIvC;AAEA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA,QAAQ;AAAA,EACR;AACF,GAIG;AACD,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWG,MAAAA;AAAAA,QACT;AAAA,QACA,SAAS;AAAA,QACT,YAAY,UACR,mCACA;AAAA,MAAA;AAAA,MAGN,UAAAH,2BAAAA,IAACK,2CAAuB,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAGvC;AAEA,SAAS,aAAa,OAAgC;;AACpD,QAAM,QAAQC,iBAAAA,mBAAmB,MAAM,MAAM;AAC7C,QAAM,QAAQ,MAAM,YAChB,MAAM,cACJ,4BACC,WAAM,kBAAN,mBAAqB,UAAS,MAAM,SAASC,YAAAA,oBAChD,MAAM,OAAO;AACjB,SACET,2BAAAA,KAAAC,qBAAA,EACG,UAAA;AAAA,IAAA,MAAM,aACLD,gCAAC,QAAA,EAAK,WAAU,WAAW,UAAA;AAAA,MAAA,MAAM,OAAO;AAAA,MAAM;AAAA,IAAA,GAAC;AAAA,IAEhD,MAAM,QACLE,2BAAAA;AAAAA,MAACC,KAAAA;AAAAA,MAAA;AAAA,QACC,MAAM,MAAM;AAAA,QACZ,WAAWE,MAAAA,GAAG,mBAAmB,MAAM,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAGhDH,2BAAAA,IAAC,QAAA,EAAK,WAAU,oEACb,UAAA,MAAA,CACH;AAAA,EAAA,GACF;AAEJ;AAEA,SAAS,mBAAmB,OAAgC;;AAC1D,QAAM,QAAQ,MAAM,YAChB,WAAW,MAAM,cAAc,0BAA0B,MAAM,SAAS,aAAa,KACrF,YAAY,MAAM,OAAO,KAAK;AAClC,MAAI,CAAC,MAAM;AACT,WACEA,2BAAAA;AAAAA,MAACI,kBAAAA;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV;AAAA,QACA,UAAU,MAAM;AAAA,QAChB,WAAU;AAAA,QACV,OAAO,MAAM,OAAO,IAAI,CAAC,EAAE,aAAa;AACtC,gBAAM,QAAQE,iBAAAA,mBAAmB,MAAM;AACvC,iBAAO;AAAA,YACL,OAAO,OAAO;AAAA,YACd,GAAI,MAAM,OAAO,EAAE,MAAM,MAAM,KAAA,IAAS,CAAA;AAAA,YACxC,UAAU,MAAM,MAAM,eAAe,OAAO,EAAE;AAAA,UAAA;AAAA,QAElD,CAAC;AAAA,QAED,UAAAN,2BAAAA,IAAC,cAAA,EAAc,GAAG,MAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAG/B,QAAM,UAA4B;AAAA,IAChC;AAAA,MACE,OAAO;AAAA,MACP,OAAOO,YAAAA;AAAAA,MACP,aAAaC,YAAAA,gBAAgB,MAAM,mBAAmB;AAAA,IAAA;AAAA,IAExD,GAAG,MAAM,OAAO,QAAQ,CAAC,EAAE,QAAQ,aAAa;AAC9C,YAAM,QAAQF,iBAAAA,mBAAmB,MAAM;AACvC,YAAM,OAAO,MAAM,OACjBN,2BAAAA,IAACC,KAAAA,QAAK,MAAM,MAAM,MAAM,WAAWE,MAAAA,GAAG,UAAU,MAAM,KAAK,GAAG,IAC5D;AACJ,aAAO,OAAO,SACV,OAAO,IAAI,CAAC,WAAW;AAAA,QACrB,OAAO,MAAM;AAAA,QACb,OAAO,MAAM,MAAM,KAAA,KAAU,MAAM;AAAA,QACnC,OAAO,OAAO;AAAA,QACd;AAAA,MAAA,EACA,IACF;AAAA,QACE;AAAA,UACE,OAAO,UAAU,OAAO,EAAE;AAAA,UAC1B,OAAO;AAAA,UACP,OAAO,OAAO;AAAA,UACd;AAAA,QAAA;AAAA,MACF;AAAA,IAER,CAAC;AAAA,EAAA;AAEH,SACEH,2BAAAA;AAAAA,IAACS,SAAAA;AAAAA,IAAA;AAAA,MACC,iBAAgB;AAAA,MAChB,WAAU;AAAA,MACV;AAAA,MACA,UAAU,MAAM;AAAA,MAChB,OACE,MAAM,cAAc,OAAM,WAAM,kBAAN,mBAAqB,OAAM,MAAM,SAAS;AAAA,MAEtE;AAAA,MACA,WAAWN,MAAAA;AAAAA,QACT;AAAA,QACA,MAAM,YAAY,UACd,iDACA;AAAA,MAAA;AAAA,MAEN,kBAAiB;AAAA,MACjB,gBAAgBH,2BAAAA,IAAC,cAAA,EAAc,GAAG,MAAA,CAAO;AAAA,MACzC,OAAO,CAAC,WAAW,EAAE,OAAO,OAAO,eAAe,KAAK;MACvD,UAAU,CAAC,UAAU;;AACnB,YAAI,CAAC,MAAO,QAAO,MAAM,aAAA;AACzB,cAAM,UAASU,MAAA,MAAM,OAAO;AAAA,UAC1B,CAAC,EAAE,QAAAC,QAAAA,MAAa,UAAU,UAAUA,QAAO,EAAE;AAAA,QAAA,MADhC,gBAAAD,IAEZ;AACH,YAAI,OAAQ,QAAO,MAAM,eAAe,OAAO,EAAE;AACjD,cAAM,QAAQ,MAAM,OACjB,QAAQ,CAAC,EAAE,OAAA,MAAa,MAAM,EAC9B,KAAK,CAACE,WAAUA,OAAM,OAAO,KAAK;AACrC,YAAI,MAAO,OAAM,cAAc,KAAK;AAAA,YAC/B,OAAM,cAAc,KAAK;AAAA,MAChC;AAAA,IAAA;AAAA,EAAA;AAGN;;"}
+{"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;

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

@@ -1 +1 @@
-{"version":3,"file":"RuntimeBarIdentity.d.ts","sourceRoot":"","sources":["../../../src/data/runtime/RuntimeBarIdentity.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAO/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAG/E,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,IAAI,EAAE,qBAAqB,CAAC;IAC5B,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,MAAM,EAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;IAC9C,aAAa,EAAE,SAAS,GAAG,SAAS,CAAC;IACrC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,mBAAmB,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,WAAW,GAAG,OAAO,CAAC;IAC/B,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,aAAa,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,OAAe,EACf,GAAG,KAAK,EACT,EAAE,uBAAuB,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,+BA8CjD"}
+{"version":3,"file":"RuntimeBarIdentity.d.ts","sourceRoot":"","sources":["../../../src/data/runtime/RuntimeBarIdentity.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAO/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAG/E,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,IAAI,EAAE,qBAAqB,CAAC;IAC5B,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,MAAM,EAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;IAC9C,aAAa,EAAE,SAAS,GAAG,SAAS,CAAC;IACrC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,mBAAmB,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,aAAa,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,OAAe,EACf,GAAG,KAAK,EACT,EAAE,uBAAuB,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,+BA2CjD"}

package/dist/data/runtime/RuntimeBarIdentity.js

@@ -23,12 +23,9 @@ function RuntimeBarIdentity({
     "div",
     {
       "data-runtime-bar-section": measure ? void 0 : "identity",
-      className: 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__ */ jsx(IdentityMeasure, { variant: props.variant, children: modeCaption }) : /* @__PURE__ */ jsx(
+        measure ? /* @__PURE__ */ jsx(IdentityMeasure, { children: modeCaption }) : /* @__PURE__ */ jsx(
           RuntimeSegment,
           {
             menuLabel: "Runtime mode",
@@ -43,13 +40,12 @@ function RuntimeBarIdentity({
             children: modeCaption
           }
         ),
-        measure ? /* @__PURE__ */ jsx(IdentityMeasure, { variant: props.variant, model: true, children: /* @__PURE__ */ jsx(ModelCaption, { ...props }) }) : /* @__PURE__ */ jsx(RuntimeModelPicker, { ...props })
+        measure ? /* @__PURE__ */ jsx(IdentityMeasure, { model: true, children: /* @__PURE__ */ jsx(ModelCaption, { ...props }) }) : /* @__PURE__ */ jsx(RuntimeModelPicker, { ...props })
       ]
     }
   );
 }
 function IdentityMeasure({
-  variant,
   model = false,
   children
 }) {
@@ -57,9 +53,8 @@ function IdentityMeasure({
     "div",
     {
       className: 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__ */ jsx(RuntimeSegmentCaption, { children })
     }
@@ -139,10 +134,7 @@ function RuntimeModelPicker(props) {
       disabled: props.locked,
       value: props.unavailable ? "" : ((_a = props.selectedModel) == null ? void 0 : _a.id) ?? props.model ?? "",
       options,
-      className: 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__ */ jsx(ModelCaption, { ...props }),
       onNew: (value) => ({ value, label: `Use custom: ${value}` }),

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

@@ -1 +1 @@
-{"version":3,"file":"RuntimeBarIdentity.js","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":["_a","family","model"],"mappings":"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"}
+{"version":3,"file":"RuntimeBarIdentity.js","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":["_a","family","model"],"mappings":"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"}

package/dist/data/runtime/RuntimeBarLayout.cjs

@@ -29,11 +29,7 @@ function RuntimeBarLayout({
           {
             role: "group",
             "aria-label": ariaLabel,
-            "data-runtime-bar-variant": identity.variant,
-            className: utils.cn(
-              "inline-flex h-control-h max-w-full items-stretch",
-              identity.variant === "combo" ? "gap-1" : "overflow-hidden rounded-md border border-input bg-background"
-            ),
+            className: "inline-flex h-control-h max-w-full items-stretch overflow-hidden rounded-md border border-input bg-background",
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(RuntimeBarIdentity.RuntimeBarIdentity, { ...identity }),
               /* @__PURE__ */ jsxRuntime.jsx(RuntimeBarActions.RuntimeBarActions, { ...actions, visibleCount })
@@ -49,39 +45,24 @@ function RuntimeBarLayout({
               "div",
               {
                 ref: measurementRef,
-                className: utils.cn(
-                  "pointer-events-none invisible absolute left-0 top-0 flex w-max items-stretch",
-                  identity.variant === "combo" && "gap-1"
-                ),
+                className: "pointer-events-none invisible absolute left-0 top-0 flex w-max items-stretch",
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(RuntimeBarIdentity.RuntimeBarIdentity, { ...identity, measure: true }),
                   supplied.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
                     "div",
                     {
-                      className: utils.cn(
-                        "flex h-control-h items-center gap-1.5 px-density-2",
-                        identity.variant === "combo" ? "rounded-md border border-input" : "border-l border-border"
-                      ),
+                      className: "flex h-control-h items-center gap-1.5 border-l border-border px-density-2",
                       children: /* @__PURE__ */ jsxRuntime.jsx(RuntimeBarSegment.RuntimeSegmentCaption, { children: field.caption })
                     },
                     field.id
                   )),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "div",
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-control-h items-center border-l border-border px-density-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+                    Icon.Icon,
                     {
-                      className: utils.cn(
-                        "flex h-control-h items-center px-density-2",
-                        identity.variant === "combo" ? "rounded-md border border-input" : "border-l border-border"
-                      ),
-                      children: /* @__PURE__ */ jsxRuntime.jsx(
-                        Icon.Icon,
-                        {
-                          icon: UiDotsVertical.UiDotsVertical,
-                          className: "size-4 shrink-0 text-muted-foreground"
-                        }
-                      )
+                      icon: UiDotsVertical.UiDotsVertical,
+                      className: "size-4 shrink-0 text-muted-foreground"
                     }
-                  )
+                  ) })
                 ]
               }
             )

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

@@ -1 +1 @@
-{"version":3,"file":"RuntimeBarLayout.cjs","sources":["../../../src/data/runtime/RuntimeBarLayout.tsx"],"sourcesContent":["import { UiDotsVertical } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport {\n  RuntimeBarActions,\n  type RuntimeBarActionsProps,\n} from \"./RuntimeBarActions\";\nimport {\n  RuntimeBarIdentity,\n  type RuntimeBarIdentityProps,\n} from \"./RuntimeBarIdentity\";\nimport { RuntimeSegmentCaption } from \"./RuntimeBarSegment\";\nimport { useRuntimeBarOverflow } from \"./use-runtime-bar-overflow\";\n\nexport function RuntimeBarLayout({\n  identity,\n  actions,\n  ariaLabel,\n  className,\n}: {\n  identity: RuntimeBarIdentityProps;\n  actions: RuntimeBarActionsProps;\n  ariaLabel: string;\n  className?: string | undefined;\n}) {\n  const { containerRef, measurementRef, visibleCount } =\n    useRuntimeBarOverflow();\n  const supplied = actions.fields?.filter((field) => field.isSet) ?? [];\n  const hasMenu = Boolean(actions.fields?.length || actions.menu?.length);\n  return (\n    <div\n      ref={containerRef}\n      className={cn(\"relative w-full min-w-0\", className)}\n    >\n      <div\n        role=\"group\"\n        aria-label={ariaLabel}\n        data-runtime-bar-variant={identity.variant}\n        className={cn(\n          \"inline-flex h-control-h max-w-full items-stretch\",\n          identity.variant === \"combo\"\n            ? \"gap-1\"\n            : \"overflow-hidden rounded-md border border-input bg-background\",\n        )}\n      >\n        <RuntimeBarIdentity {...identity} />\n        <RuntimeBarActions {...actions} visibleCount={visibleCount} />\n      </div>\n      {hasMenu && (\n        <div\n          className=\"pointer-events-none absolute inset-0 overflow-hidden\"\n          aria-hidden=\"true\"\n        >\n          <div\n            ref={measurementRef}\n            className={cn(\n              \"pointer-events-none invisible absolute left-0 top-0 flex w-max items-stretch\",\n              identity.variant === \"combo\" && \"gap-1\",\n            )}\n          >\n            <RuntimeBarIdentity {...identity} measure />\n            {supplied.map((field) => (\n              <div\n                key={field.id}\n                className={cn(\n                  \"flex h-control-h items-center gap-1.5 px-density-2\",\n                  identity.variant === \"combo\"\n                    ? \"rounded-md border border-input\"\n                    : \"border-l border-border\",\n                )}\n              >\n                <RuntimeSegmentCaption>{field.caption}</RuntimeSegmentCaption>\n              </div>\n            ))}\n            <div\n              className={cn(\n                \"flex h-control-h items-center px-density-2\",\n                identity.variant === \"combo\"\n                  ? \"rounded-md border border-input\"\n                  : \"border-l border-border\",\n              )}\n            >\n              <Icon\n                icon={UiDotsVertical}\n                className=\"size-4 shrink-0 text-muted-foreground\"\n              />\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["useRuntimeBarOverflow","jsxs","cn","jsx","RuntimeBarIdentity","RuntimeBarActions","RuntimeSegmentCaption","Icon","UiDotsVertical"],"mappings":";;;;;;;;;;AAcO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;;AACD,QAAM,EAAE,cAAc,gBAAgB,aAAA,IACpCA,sBAAAA,sBAAA;AACF,QAAM,aAAW,aAAQ,WAAR,mBAAgB,OAAO,CAAC,UAAU,MAAM,WAAU,CAAA;AACnE,QAAM,UAAU,UAAQ,aAAQ,WAAR,mBAAgB,aAAU,aAAQ,SAAR,mBAAc,OAAM;AACtE,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAWC,MAAAA,GAAG,2BAA2B,SAAS;AAAA,MAElD,UAAA;AAAA,QAAAD,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAY;AAAA,YACZ,4BAA0B,SAAS;AAAA,YACnC,WAAWC,MAAAA;AAAAA,cACT;AAAA,cACA,SAAS,YAAY,UACjB,UACA;AAAA,YAAA;AAAA,YAGN,UAAA;AAAA,cAAAC,2BAAAA,IAACC,mBAAAA,oBAAA,EAAoB,GAAG,UAAU;AAAA,cAClCD,2BAAAA,IAACE,kBAAAA,mBAAA,EAAmB,GAAG,SAAS,aAAA,CAA4B;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAE7D,WACCF,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YAEZ,UAAAF,2BAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAK;AAAA,gBACL,WAAWC,MAAAA;AAAAA,kBACT;AAAA,kBACA,SAAS,YAAY,WAAW;AAAA,gBAAA;AAAA,gBAGlC,UAAA;AAAA,kBAAAC,2BAAAA,IAACC,mBAAAA,oBAAA,EAAoB,GAAG,UAAU,SAAO,KAAA,CAAC;AAAA,kBACzC,SAAS,IAAI,CAAC,UACbD,2BAAAA;AAAAA,oBAAC;AAAA,oBAAA;AAAA,sBAEC,WAAWD,MAAAA;AAAAA,wBACT;AAAA,wBACA,SAAS,YAAY,UACjB,mCACA;AAAA,sBAAA;AAAA,sBAGN,UAAAC,2BAAAA,IAACG,kBAAAA,uBAAA,EAAuB,UAAA,MAAM,QAAA,CAAQ;AAAA,oBAAA;AAAA,oBARjC,MAAM;AAAA,kBAAA,CAUd;AAAA,kBACDH,2BAAAA;AAAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAWD,MAAAA;AAAAA,wBACT;AAAA,wBACA,SAAS,YAAY,UACjB,mCACA;AAAA,sBAAA;AAAA,sBAGN,UAAAC,2BAAAA;AAAAA,wBAACI,KAAAA;AAAAA,wBAAA;AAAA,0BACC,MAAMC,eAAAA;AAAAA,0BACN,WAAU;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBACZ;AAAA,kBAAA;AAAA,gBACF;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;;"}
+{"version":3,"file":"RuntimeBarLayout.cjs","sources":["../../../src/data/runtime/RuntimeBarLayout.tsx"],"sourcesContent":["import { UiDotsVertical } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport {\n  RuntimeBarActions,\n  type RuntimeBarActionsProps,\n} from \"./RuntimeBarActions\";\nimport {\n  RuntimeBarIdentity,\n  type RuntimeBarIdentityProps,\n} from \"./RuntimeBarIdentity\";\nimport { RuntimeSegmentCaption } from \"./RuntimeBarSegment\";\nimport { useRuntimeBarOverflow } from \"./use-runtime-bar-overflow\";\n\nexport function RuntimeBarLayout({\n  identity,\n  actions,\n  ariaLabel,\n  className,\n}: {\n  identity: RuntimeBarIdentityProps;\n  actions: RuntimeBarActionsProps;\n  ariaLabel: string;\n  className?: string | undefined;\n}) {\n  const { containerRef, measurementRef, visibleCount } =\n    useRuntimeBarOverflow();\n  const supplied = actions.fields?.filter((field) => field.isSet) ?? [];\n  const hasMenu = Boolean(actions.fields?.length || actions.menu?.length);\n  return (\n    <div\n      ref={containerRef}\n      className={cn(\"relative w-full min-w-0\", className)}\n    >\n      <div\n        role=\"group\"\n        aria-label={ariaLabel}\n        className=\"inline-flex h-control-h max-w-full items-stretch overflow-hidden rounded-md border border-input bg-background\"\n      >\n        <RuntimeBarIdentity {...identity} />\n        <RuntimeBarActions {...actions} visibleCount={visibleCount} />\n      </div>\n      {hasMenu && (\n        <div\n          className=\"pointer-events-none absolute inset-0 overflow-hidden\"\n          aria-hidden=\"true\"\n        >\n          <div\n            ref={measurementRef}\n            className=\"pointer-events-none invisible absolute left-0 top-0 flex w-max items-stretch\"\n          >\n            <RuntimeBarIdentity {...identity} measure />\n            {supplied.map((field) => (\n              <div\n                key={field.id}\n                className=\"flex h-control-h items-center gap-1.5 border-l border-border px-density-2\"\n              >\n                <RuntimeSegmentCaption>{field.caption}</RuntimeSegmentCaption>\n              </div>\n            ))}\n            <div className=\"flex h-control-h items-center border-l border-border px-density-2\">\n              <Icon\n                icon={UiDotsVertical}\n                className=\"size-4 shrink-0 text-muted-foreground\"\n              />\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["useRuntimeBarOverflow","jsxs","cn","jsx","RuntimeBarIdentity","RuntimeBarActions","RuntimeSegmentCaption","Icon","UiDotsVertical"],"mappings":";;;;;;;;;;AAcO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;;AACD,QAAM,EAAE,cAAc,gBAAgB,aAAA,IACpCA,sBAAAA,sBAAA;AACF,QAAM,aAAW,aAAQ,WAAR,mBAAgB,OAAO,CAAC,UAAU,MAAM,WAAU,CAAA;AACnE,QAAM,UAAU,UAAQ,aAAQ,WAAR,mBAAgB,aAAU,aAAQ,SAAR,mBAAc,OAAM;AACtE,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAWC,MAAAA,GAAG,2BAA2B,SAAS;AAAA,MAElD,UAAA;AAAA,QAAAD,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAY;AAAA,YACZ,WAAU;AAAA,YAEV,UAAA;AAAA,cAAAE,2BAAAA,IAACC,mBAAAA,oBAAA,EAAoB,GAAG,UAAU;AAAA,cAClCD,2BAAAA,IAACE,kBAAAA,mBAAA,EAAmB,GAAG,SAAS,aAAA,CAA4B;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAE7D,WACCF,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YAEZ,UAAAF,2BAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAK;AAAA,gBACL,WAAU;AAAA,gBAEV,UAAA;AAAA,kBAAAE,2BAAAA,IAACC,mBAAAA,oBAAA,EAAoB,GAAG,UAAU,SAAO,KAAA,CAAC;AAAA,kBACzC,SAAS,IAAI,CAAC,UACbD,2BAAAA;AAAAA,oBAAC;AAAA,oBAAA;AAAA,sBAEC,WAAU;AAAA,sBAEV,UAAAA,2BAAAA,IAACG,kBAAAA,uBAAA,EAAuB,UAAA,MAAM,QAAA,CAAQ;AAAA,oBAAA;AAAA,oBAHjC,MAAM;AAAA,kBAAA,CAKd;AAAA,kBACDH,2BAAAA,IAAC,OAAA,EAAI,WAAU,qEACb,UAAAA,2BAAAA;AAAAA,oBAACI,KAAAA;AAAAA,oBAAA;AAAA,sBACC,MAAMC,eAAAA;AAAAA,sBACN,WAAU;AAAA,oBAAA;AAAA,kBAAA,EACZ,CACF;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"RuntimeBarLayout.d.ts","sourceRoot":"","sources":["../../../src/data/runtime/RuntimeBarLayout.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,sBAAsB,CAAC;AAI9B,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,OAAO,EACP,SAAS,EACT,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,uBAAuB,CAAC;IAClC,OAAO,EAAE,sBAAsB,CAAC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,+BAoEA"}
+{"version":3,"file":"RuntimeBarLayout.d.ts","sourceRoot":"","sources":["../../../src/data/runtime/RuntimeBarLayout.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,sBAAsB,CAAC;AAI9B,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,OAAO,EACP,SAAS,EACT,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,uBAAuB,CAAC;IAClC,OAAO,EAAE,sBAAsB,CAAC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,+BA+CA"}

package/dist/data/runtime/RuntimeBarLayout.js

@@ -27,11 +27,7 @@ function RuntimeBarLayout({
           {
             role: "group",
             "aria-label": ariaLabel,
-            "data-runtime-bar-variant": identity.variant,
-            className: cn(
-              "inline-flex h-control-h max-w-full items-stretch",
-              identity.variant === "combo" ? "gap-1" : "overflow-hidden rounded-md border border-input bg-background"
-            ),
+            className: "inline-flex h-control-h max-w-full items-stretch overflow-hidden rounded-md border border-input bg-background",
             children: [
               /* @__PURE__ */ jsx(RuntimeBarIdentity, { ...identity }),
               /* @__PURE__ */ jsx(RuntimeBarActions, { ...actions, visibleCount })
@@ -47,39 +43,24 @@ function RuntimeBarLayout({
               "div",
               {
                 ref: measurementRef,
-                className: cn(
-                  "pointer-events-none invisible absolute left-0 top-0 flex w-max items-stretch",
-                  identity.variant === "combo" && "gap-1"
-                ),
+                className: "pointer-events-none invisible absolute left-0 top-0 flex w-max items-stretch",
                 children: [
                   /* @__PURE__ */ jsx(RuntimeBarIdentity, { ...identity, measure: true }),
                   supplied.map((field) => /* @__PURE__ */ jsx(
                     "div",
                     {
-                      className: cn(
-                        "flex h-control-h items-center gap-1.5 px-density-2",
-                        identity.variant === "combo" ? "rounded-md border border-input" : "border-l border-border"
-                      ),
+                      className: "flex h-control-h items-center gap-1.5 border-l border-border px-density-2",
                       children: /* @__PURE__ */ jsx(RuntimeSegmentCaption, { children: field.caption })
                     },
                     field.id
                   )),
-                  /* @__PURE__ */ jsx(
-                    "div",
+                  /* @__PURE__ */ jsx("div", { className: "flex h-control-h items-center border-l border-border px-density-2", children: /* @__PURE__ */ jsx(
+                    Icon,
                     {
-                      className: cn(
-                        "flex h-control-h items-center px-density-2",
-                        identity.variant === "combo" ? "rounded-md border border-input" : "border-l border-border"
-                      ),
-                      children: /* @__PURE__ */ jsx(
-                        Icon,
-                        {
-                          icon: UiDotsVertical,
-                          className: "size-4 shrink-0 text-muted-foreground"
-                        }
-                      )
+                      icon: UiDotsVertical,
+                      className: "size-4 shrink-0 text-muted-foreground"
                     }
-                  )
+                  ) })
                 ]
               }
             )

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

@@ -1 +1 @@
-{"version":3,"file":"RuntimeBarLayout.js","sources":["../../../src/data/runtime/RuntimeBarLayout.tsx"],"sourcesContent":["import { UiDotsVertical } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport {\n  RuntimeBarActions,\n  type RuntimeBarActionsProps,\n} from \"./RuntimeBarActions\";\nimport {\n  RuntimeBarIdentity,\n  type RuntimeBarIdentityProps,\n} from \"./RuntimeBarIdentity\";\nimport { RuntimeSegmentCaption } from \"./RuntimeBarSegment\";\nimport { useRuntimeBarOverflow } from \"./use-runtime-bar-overflow\";\n\nexport function RuntimeBarLayout({\n  identity,\n  actions,\n  ariaLabel,\n  className,\n}: {\n  identity: RuntimeBarIdentityProps;\n  actions: RuntimeBarActionsProps;\n  ariaLabel: string;\n  className?: string | undefined;\n}) {\n  const { containerRef, measurementRef, visibleCount } =\n    useRuntimeBarOverflow();\n  const supplied = actions.fields?.filter((field) => field.isSet) ?? [];\n  const hasMenu = Boolean(actions.fields?.length || actions.menu?.length);\n  return (\n    <div\n      ref={containerRef}\n      className={cn(\"relative w-full min-w-0\", className)}\n    >\n      <div\n        role=\"group\"\n        aria-label={ariaLabel}\n        data-runtime-bar-variant={identity.variant}\n        className={cn(\n          \"inline-flex h-control-h max-w-full items-stretch\",\n          identity.variant === \"combo\"\n            ? \"gap-1\"\n            : \"overflow-hidden rounded-md border border-input bg-background\",\n        )}\n      >\n        <RuntimeBarIdentity {...identity} />\n        <RuntimeBarActions {...actions} visibleCount={visibleCount} />\n      </div>\n      {hasMenu && (\n        <div\n          className=\"pointer-events-none absolute inset-0 overflow-hidden\"\n          aria-hidden=\"true\"\n        >\n          <div\n            ref={measurementRef}\n            className={cn(\n              \"pointer-events-none invisible absolute left-0 top-0 flex w-max items-stretch\",\n              identity.variant === \"combo\" && \"gap-1\",\n            )}\n          >\n            <RuntimeBarIdentity {...identity} measure />\n            {supplied.map((field) => (\n              <div\n                key={field.id}\n                className={cn(\n                  \"flex h-control-h items-center gap-1.5 px-density-2\",\n                  identity.variant === \"combo\"\n                    ? \"rounded-md border border-input\"\n                    : \"border-l border-border\",\n                )}\n              >\n                <RuntimeSegmentCaption>{field.caption}</RuntimeSegmentCaption>\n              </div>\n            ))}\n            <div\n              className={cn(\n                \"flex h-control-h items-center px-density-2\",\n                identity.variant === \"combo\"\n                  ? \"rounded-md border border-input\"\n                  : \"border-l border-border\",\n              )}\n            >\n              <Icon\n                icon={UiDotsVertical}\n                className=\"size-4 shrink-0 text-muted-foreground\"\n              />\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAcO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;;AACD,QAAM,EAAE,cAAc,gBAAgB,aAAA,IACpC,sBAAA;AACF,QAAM,aAAW,aAAQ,WAAR,mBAAgB,OAAO,CAAC,UAAU,MAAM,WAAU,CAAA;AACnE,QAAM,UAAU,UAAQ,aAAQ,WAAR,mBAAgB,aAAU,aAAQ,SAAR,mBAAc,OAAM;AACtE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAW,GAAG,2BAA2B,SAAS;AAAA,MAElD,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAY;AAAA,YACZ,4BAA0B,SAAS;AAAA,YACnC,WAAW;AAAA,cACT;AAAA,cACA,SAAS,YAAY,UACjB,UACA;AAAA,YAAA;AAAA,YAGN,UAAA;AAAA,cAAA,oBAAC,oBAAA,EAAoB,GAAG,UAAU;AAAA,cAClC,oBAAC,mBAAA,EAAmB,GAAG,SAAS,aAAA,CAA4B;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAE7D,WACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YAEZ,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAK;AAAA,gBACL,WAAW;AAAA,kBACT;AAAA,kBACA,SAAS,YAAY,WAAW;AAAA,gBAAA;AAAA,gBAGlC,UAAA;AAAA,kBAAA,oBAAC,oBAAA,EAAoB,GAAG,UAAU,SAAO,KAAA,CAAC;AAAA,kBACzC,SAAS,IAAI,CAAC,UACb;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBAEC,WAAW;AAAA,wBACT;AAAA,wBACA,SAAS,YAAY,UACjB,mCACA;AAAA,sBAAA;AAAA,sBAGN,UAAA,oBAAC,uBAAA,EAAuB,UAAA,MAAM,QAAA,CAAQ;AAAA,oBAAA;AAAA,oBARjC,MAAM;AAAA,kBAAA,CAUd;AAAA,kBACD;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAW;AAAA,wBACT;AAAA,wBACA,SAAS,YAAY,UACjB,mCACA;AAAA,sBAAA;AAAA,sBAGN,UAAA;AAAA,wBAAC;AAAA,wBAAA;AAAA,0BACC,MAAM;AAAA,0BACN,WAAU;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBACZ;AAAA,kBAAA;AAAA,gBACF;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"RuntimeBarLayout.js","sources":["../../../src/data/runtime/RuntimeBarLayout.tsx"],"sourcesContent":["import { UiDotsVertical } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport {\n  RuntimeBarActions,\n  type RuntimeBarActionsProps,\n} from \"./RuntimeBarActions\";\nimport {\n  RuntimeBarIdentity,\n  type RuntimeBarIdentityProps,\n} from \"./RuntimeBarIdentity\";\nimport { RuntimeSegmentCaption } from \"./RuntimeBarSegment\";\nimport { useRuntimeBarOverflow } from \"./use-runtime-bar-overflow\";\n\nexport function RuntimeBarLayout({\n  identity,\n  actions,\n  ariaLabel,\n  className,\n}: {\n  identity: RuntimeBarIdentityProps;\n  actions: RuntimeBarActionsProps;\n  ariaLabel: string;\n  className?: string | undefined;\n}) {\n  const { containerRef, measurementRef, visibleCount } =\n    useRuntimeBarOverflow();\n  const supplied = actions.fields?.filter((field) => field.isSet) ?? [];\n  const hasMenu = Boolean(actions.fields?.length || actions.menu?.length);\n  return (\n    <div\n      ref={containerRef}\n      className={cn(\"relative w-full min-w-0\", className)}\n    >\n      <div\n        role=\"group\"\n        aria-label={ariaLabel}\n        className=\"inline-flex h-control-h max-w-full items-stretch overflow-hidden rounded-md border border-input bg-background\"\n      >\n        <RuntimeBarIdentity {...identity} />\n        <RuntimeBarActions {...actions} visibleCount={visibleCount} />\n      </div>\n      {hasMenu && (\n        <div\n          className=\"pointer-events-none absolute inset-0 overflow-hidden\"\n          aria-hidden=\"true\"\n        >\n          <div\n            ref={measurementRef}\n            className=\"pointer-events-none invisible absolute left-0 top-0 flex w-max items-stretch\"\n          >\n            <RuntimeBarIdentity {...identity} measure />\n            {supplied.map((field) => (\n              <div\n                key={field.id}\n                className=\"flex h-control-h items-center gap-1.5 border-l border-border px-density-2\"\n              >\n                <RuntimeSegmentCaption>{field.caption}</RuntimeSegmentCaption>\n              </div>\n            ))}\n            <div className=\"flex h-control-h items-center border-l border-border px-density-2\">\n              <Icon\n                icon={UiDotsVertical}\n                className=\"size-4 shrink-0 text-muted-foreground\"\n              />\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAcO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;;AACD,QAAM,EAAE,cAAc,gBAAgB,aAAA,IACpC,sBAAA;AACF,QAAM,aAAW,aAAQ,WAAR,mBAAgB,OAAO,CAAC,UAAU,MAAM,WAAU,CAAA;AACnE,QAAM,UAAU,UAAQ,aAAQ,WAAR,mBAAgB,aAAU,aAAQ,SAAR,mBAAc,OAAM;AACtE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAW,GAAG,2BAA2B,SAAS;AAAA,MAElD,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAY;AAAA,YACZ,WAAU;AAAA,YAEV,UAAA;AAAA,cAAA,oBAAC,oBAAA,EAAoB,GAAG,UAAU;AAAA,cAClC,oBAAC,mBAAA,EAAmB,GAAG,SAAS,aAAA,CAA4B;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAE7D,WACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YAEZ,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAK;AAAA,gBACL,WAAU;AAAA,gBAEV,UAAA;AAAA,kBAAA,oBAAC,oBAAA,EAAoB,GAAG,UAAU,SAAO,KAAA,CAAC;AAAA,kBACzC,SAAS,IAAI,CAAC,UACb;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBAEC,WAAU;AAAA,sBAEV,UAAA,oBAAC,uBAAA,EAAuB,UAAA,MAAM,QAAA,CAAQ;AAAA,oBAAA;AAAA,oBAHjC,MAAM;AAAA,kBAAA,CAKd;AAAA,kBACD,oBAAC,OAAA,EAAI,WAAU,qEACb,UAAA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,MAAM;AAAA,sBACN,WAAU;AAAA,oBAAA;AAAA,kBAAA,EACZ,CACF;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}