@flanksource/clicky-ui 0.3.41 → 0.3.43

package/dist/data/runtime/RuntimeBar.js

@@ -1,15 +1,15 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { DEFAULT_REASONING_EFFORTS } from "../chat/effort-icons.js";
-import { cn } from "../../lib/utils.js";
 import { withBudgetLimit } from "./RuntimeBar.limits.js";
-import { runtimeModelForValue, applyRuntimeMode } from "./RuntimeBar.model.js";
-import { RuntimeBarCombo } from "./RuntimeBarCombo.js";
-import { RuntimeBarSegments } from "./RuntimeBarSegments.js";
+import { runtimeModelForValue } from "./RuntimeBar.model.js";
+import { RuntimeBarLayout } from "./RuntimeBarLayout.js";
+import { effortField, budgetField, timeoutField } from "./RuntimeBar.fields.js";
+import { runtimeModes, modelGroupsForMode, withRuntimeMode } from "./RuntimeBar.selection.js";
 import { RuntimeBarVariantContext } from "./RuntimeBar.context.js";
 import { isSelectableModel } from "./availability.js";
 import { effortOptionsForModel, reconcileModelCapabilities } from "./model-capabilities.js";
-import { selectionForRuntime, SPEC_RUNTIME_FAMILIES, familyById, firstMode, modelsForFamily } from "./runtime-mode.js";
+import { selectionForRuntime, SPEC_RUNTIME_FAMILIES, familyById } from "./runtime-mode.js";
 import { runtimeModeFromModel } from "../../lib/runtime-family.js";
 function RuntimeBar({
   value,
@@ -29,24 +29,32 @@ function RuntimeBar({
   ariaLabel = "Runtime",
   className
 }) {
-  var _a, _b;
+  var _a, _b, _c, _d;
   const [preference, setPreference] = useState({ model: effectiveModel, family: void 0 });
   if (preference.model !== effectiveModel) {
     setPreference({ model: effectiveModel, family: void 0 });
   }
   const preferredFamily = preference.model === effectiveModel ? preference.family : void 0;
-  const specMode = runtimeModeFromModel(value.model) || ((_a = value.mode) == null ? void 0 : _a.trim()) || (effectiveMode == null ? void 0 : effectiveMode.trim());
+  const specMode = ((_a = value.mode) == null ? void 0 : _a.trim()) || runtimeModeFromModel(value.model) || (effectiveMode == null ? void 0 : effectiveMode.trim());
   const selection = selectionForRuntime(
     families,
     specMode,
-    value.model || (preferredFamily ? void 0 : effectiveModel),
+    value.id || value.model || (preferredFamily ? void 0 : effectiveModel),
     models,
     preferredFamily
   );
   const family = familyById(families, selection.family);
-  const mode = family.modes.find((entry) => entry.id === selection.mode) ?? firstMode(family);
-  const modelOptions = modelsForFamily(models, family, specMode);
-  const resolvedModel = runtimeModelForValue(models, value, isSelectableModel);
+  const modes = runtimeModes(families);
+  const mode = modes.find((entry) => entry.id === selection.mode);
+  if (!mode)
+    throw new Error(
+      `No available runtime mode for ${JSON.stringify(selection.mode)}`
+    );
+  const groups = modelGroupsForMode({ models, families, mode: mode.id });
+  const resolvedModel = runtimeModelForValue(
+    groups.flatMap((group) => group.models),
+    value
+  );
   const selectedModelUnavailable = Boolean(
     !resolvedModel && (value.id || value.model) && runtimeModelForValue(models, value, (entry) => !isSelectableModel(entry))
   );
@@ -61,14 +69,13 @@ function RuntimeBar({
   )) == null ? void 0 : _b.label) ?? effectiveModel;
   const applyMode = (familyId, modeId) => {
     setPreference({ model: effectiveModel, family: familyId });
-    const next = applyRuntimeMode(
+    const next = withRuntimeMode({
       value,
       models,
       families,
-      familyId,
-      modeId,
+      mode: modeId,
       reasoningEfforts
-    );
+    });
     if (next !== value) onChange(next);
   };
   const applyCustomModel = (model) => {
@@ -89,80 +96,56 @@ function RuntimeBar({
     onChange(withoutCatalogModel(value));
   };
   const applyEffort = (effort) => onChange(withOptionalRuntimeValue(value, "effort", effort));
-  if (variant === "combo") {
-    return /* @__PURE__ */ jsx(RuntimeBarVariantContext.Provider, { value: "combo", children: /* @__PURE__ */ jsxs(
-      "div",
-      {
-        role: "group",
-        "aria-label": ariaLabel,
-        "data-runtime-bar-variant": "combo",
-        className: cn("inline-flex max-w-full flex-wrap items-stretch gap-1", className),
-        children: [
-          /* @__PURE__ */ jsx(
-            RuntimeBarCombo,
-            {
-              value,
-              families,
-              family,
-              mode,
-              selectedMode: selection.mode,
-              models: modelOptions,
-              selectedModel: resolvedModel,
-              selectedModelUnavailable,
-              inheritedModelLabel,
-              supportedEfforts,
-              locked,
-              showModel,
-              showEffort,
-              showTimeout,
-              showCost,
-              ariaLabel,
-              className: "max-w-full",
-              onFamilyChange: (familyId) => applyMode(familyId, selection.mode),
-              onModeChange: (modeId) => applyMode(family.id, modeId),
-              onModelSelect: applyModel,
-              onModelClear: clearModel,
-              onCustomModel: applyCustomModel,
-              onEffortChange: applyEffort,
-              onTimeoutChange: (timeout) => onChange(withBudgetLimit(value, "timeout", timeout)),
-              onCostChange: (cost) => onChange(withBudgetLimit(value, "cost", cost))
-            }
-          ),
-          actions
-        ]
-      }
-    ) });
-  }
-  return /* @__PURE__ */ jsx(RuntimeBarVariantContext.Provider, { value: "segmented", children: /* @__PURE__ */ jsx(
-    RuntimeBarSegments,
+  const fields = [
+    ...showEffort && supportedEfforts.length > 0 ? [
+      effortField({
+        value: value.effort,
+        offered: reasoningEfforts,
+        supported: supportedEfforts,
+        onChange: applyEffort
+      })
+    ] : [],
+    ...(actions == null ? void 0 : actions.fields) ?? [],
+    ...showCost ? [
+      budgetField({
+        value: (_c = value.budget) == null ? void 0 : _c.cost,
+        onChange: (cost) => onChange(withBudgetLimit(value, "cost", cost))
+      })
+    ] : [],
+    ...showTimeout ? [
+      timeoutField({
+        value: (_d = value.budget) == null ? void 0 : _d.timeout,
+        onChange: (timeout) => onChange(withBudgetLimit(value, "timeout", timeout))
+      })
+    ] : []
+  ];
+  return /* @__PURE__ */ jsx(RuntimeBarVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsx(
+    RuntimeBarLayout,
     {
-      value,
-      models,
-      modelOptions,
-      resolvedModel,
-      selectedModelUnavailable,
-      inheritedModelLabel,
-      families,
-      family,
-      mode,
-      selectedMode: selection.mode,
-      reasoningEfforts,
-      supportedEfforts,
-      locked,
-      showModel,
-      showEffort,
-      showTimeout,
-      showCost,
-      actions,
       ariaLabel,
       className,
-      onModeChange: applyMode,
-      onCustomModel: applyCustomModel,
-      onModelSelect: applyModel,
-      onModelClear: clearModel,
-      onEffortChange: applyEffort,
-      onTimeoutChange: (timeout) => onChange(withBudgetLimit(value, "timeout", timeout)),
-      onCostChange: (cost) => onChange(withBudgetLimit(value, "cost", cost))
+      actions: { ...actions, fields },
+      identity: {
+        family,
+        mode,
+        modes,
+        groups,
+        selectedModel: resolvedModel,
+        model: value.model,
+        unavailable: selectedModelUnavailable,
+        inheritedModelLabel,
+        locked,
+        showModel,
+        variant,
+        onModeChange: (modeId) => applyMode(family.id, modeId),
+        onCustomModel: applyCustomModel,
+        onModelSelect: applyModel,
+        onModelClear: clearModel,
+        onFamilySelect: (familyId) => {
+          setPreference({ model: effectiveModel, family: familyId });
+          onChange(withoutCatalogModel(value));
+        }
+      }
     }
   ) });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"RuntimeBar.js","sources":["../../../src/data/runtime/RuntimeBar.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { DEFAULT_REASONING_EFFORTS } from \"../chat/effort-icons\";\nimport { cn } from \"../../lib/utils\";\nimport type { ChatModel, ChatModelRuntime } from \"../chat/types\";\nimport { withBudgetLimit, type RuntimeBarBudget } from \"./RuntimeBar.limits\";\nimport { applyRuntimeMode, runtimeModelForValue } from \"./RuntimeBar.model\";\nimport { RuntimeBarCombo } from \"./RuntimeBarCombo\";\nimport { RuntimeBarSegments } from \"./RuntimeBarSegments\";\nimport { RuntimeBarVariantContext } from \"./RuntimeBar.context\";\nimport { isSelectableModel } from \"./availability\";\nimport {\n  effortOptionsForModel,\n  reconcileModelCapabilities,\n} from \"./model-capabilities\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  familyById,\n  firstMode,\n  modelsForFamily,\n  selectionForRuntime,\n  runtimeModeFromModel,\n  type SpecRuntimeFamily,\n} from \"./runtime-mode\";\n\nexport type RuntimeBarValue = ChatModelRuntime & {\n  cliArgs?: Record<string, unknown>;\n  /** Run limits edited by the opt-in timeout and max cost controls. */\n  budget?: RuntimeBarBudget;\n};\n\nexport type RuntimeBarProps<T extends RuntimeBarValue = RuntimeBarValue> = {\n  value: T;\n  onChange: (value: T) => void;\n  /** `segmented` uses field triggers; `combo` uses one direct-edit menu. */\n  variant?: \"combo\" | \"segmented\";\n  /** Model catalog. Only the selected family's models are listed; a family the\n   *  catalog does not describe is served by the segment's free-text entry. */\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n  /** Resolved mode shown when the editable value inherits it from another layer. */\n  effectiveMode?: string | undefined;\n  /** Resolved model used to identify the inherited provider family without persisting it. */\n  effectiveModel?: string | undefined;\n  /** Effort tiers offered when the catalog does not describe the model. */\n  reasoningEfforts?: string[] | undefined;\n  /** Locks model identity (family, mode, and model) while leaving effort editable. */\n  locked?: boolean | undefined;\n  /** Whether the selected runtime exposes a model argument. */\n  showModel?: boolean | undefined;\n  /** Whether the selected runtime exposes reasoning effort. */\n  showEffort?: boolean | undefined;\n  /** Opt-in control for `budget.timeout`. */\n  showTimeout?: boolean | undefined;\n  /** Opt-in control for `budget.cost`. */\n  showCost?: boolean | undefined;\n  /** Host-level settings belonging to the surrounding spec rather than this runtime row. */\n  actions?: ReactNode | undefined;\n  ariaLabel?: string | undefined;\n  className?: string | undefined;\n};\n\n/** Self-describing runtime controls with segmented and combo presentations. */\nexport function RuntimeBar<T extends RuntimeBarValue>({\n  value,\n  onChange,\n  variant = \"segmented\",\n  models = [],\n  families = SPEC_RUNTIME_FAMILIES,\n  effectiveMode,\n  effectiveModel,\n  reasoningEfforts = DEFAULT_REASONING_EFFORTS,\n  locked = false,\n  showModel = true,\n  showEffort = true,\n  showTimeout = false,\n  showCost = false,\n  actions,\n  ariaLabel = \"Runtime\",\n  className,\n}: RuntimeBarProps<T>) {\n  const [preference, setPreference] = useState<{\n    model: string | undefined;\n    family: string | undefined;\n  }>({ model: effectiveModel, family: undefined });\n  if (preference.model !== effectiveModel) {\n    setPreference({ model: effectiveModel, family: undefined });\n  }\n  const preferredFamily = preference.model === effectiveModel ? preference.family : undefined;\n  const specMode =\n    runtimeModeFromModel(value.model) ||\n    value.mode?.trim() ||\n    effectiveMode?.trim();\n  const selection = selectionForRuntime(\n    families,\n    specMode,\n    value.model || (preferredFamily ? undefined : effectiveModel),\n    models,\n    preferredFamily,\n  );\n  const family = familyById(families, selection.family);\n  const mode =\n    family.modes.find((entry) => entry.id === selection.mode) ??\n    firstMode(family);\n  const modelOptions = modelsForFamily(models, family, specMode);\n  const resolvedModel = runtimeModelForValue(models, value, isSelectableModel);\n  const selectedModelUnavailable = Boolean(\n    !resolvedModel &&\n    (value.id || value.model) &&\n    runtimeModelForValue(models, value, (entry) => !isSelectableModel(entry)),\n  );\n  const supportedEfforts = effortOptionsForModel(\n    resolvedModel,\n    reasoningEfforts,\n  );\n  // The name an Unspecified model would resolve to, so the picker can say what\n  // it inherits instead of leaving the operator guessing.\n  const inheritedModelLabel =\n    value.model || value.id\n      ? undefined\n      : (runtimeModelForValue(\n          models,\n          effectiveModel !== undefined ? { model: effectiveModel } : {},\n          isSelectableModel,\n        )?.label ?? effectiveModel);\n\n  const applyMode = (familyId: string, modeId: string) => {\n    setPreference({ model: effectiveModel, family: familyId });\n    const next = applyRuntimeMode(\n      value,\n      models,\n      families,\n      familyId,\n      modeId,\n      reasoningEfforts,\n    );\n    if (next !== value) onChange(next);\n  };\n\n  const applyCustomModel = (model: string) => {\n    onChange(\n      withOptionalRuntimeValue(withoutCatalogModel(value), \"model\", model),\n    );\n  };\n  // A family's model catalog can serve several modes. Selecting a row must not\n  // silently move the user away from the mode they chose.\n  const applyModel = (model: ChatModel) => {\n    const next = reconcileModelCapabilities(\n      withoutCatalogModel(value),\n      model,\n      reasoningEfforts,\n      { mode: mode.id },\n    );\n    onChange(next);\n  };\n  const clearModel = () => {\n    onChange(withoutCatalogModel(value));\n  };\n  const applyEffort = (effort: string) =>\n    onChange(withOptionalRuntimeValue(value, \"effort\", effort));\n\n  if (variant === \"combo\") {\n    return (\n      <RuntimeBarVariantContext.Provider value=\"combo\">\n        <div\n          role=\"group\"\n          aria-label={ariaLabel}\n          data-runtime-bar-variant=\"combo\"\n          className={cn(\"inline-flex max-w-full flex-wrap items-stretch gap-1\", className)}\n        >\n          <RuntimeBarCombo\n            value={value}\n            families={families}\n            family={family}\n            mode={mode}\n            selectedMode={selection.mode}\n            models={modelOptions}\n            selectedModel={resolvedModel}\n            selectedModelUnavailable={selectedModelUnavailable}\n            inheritedModelLabel={inheritedModelLabel}\n            supportedEfforts={supportedEfforts}\n            locked={locked}\n            showModel={showModel}\n            showEffort={showEffort}\n            showTimeout={showTimeout}\n            showCost={showCost}\n            ariaLabel={ariaLabel}\n            className=\"max-w-full\"\n            onFamilyChange={(familyId) => applyMode(familyId, selection.mode)}\n            onModeChange={(modeId) => applyMode(family.id, modeId)}\n            onModelSelect={applyModel}\n            onModelClear={clearModel}\n            onCustomModel={applyCustomModel}\n            onEffortChange={applyEffort}\n            onTimeoutChange={(timeout) => onChange(withBudgetLimit(value, \"timeout\", timeout))}\n            onCostChange={(cost) => onChange(withBudgetLimit(value, \"cost\", cost))}\n          />\n          {actions}\n        </div>\n      </RuntimeBarVariantContext.Provider>\n    );\n  }\n\n  return (\n    <RuntimeBarVariantContext.Provider value=\"segmented\">\n      <RuntimeBarSegments\n        value={value}\n        models={models}\n        modelOptions={modelOptions}\n        resolvedModel={resolvedModel}\n        selectedModelUnavailable={selectedModelUnavailable}\n        inheritedModelLabel={inheritedModelLabel}\n        families={families}\n        family={family}\n        mode={mode}\n        selectedMode={selection.mode}\n        reasoningEfforts={reasoningEfforts}\n        supportedEfforts={supportedEfforts}\n        locked={locked}\n        showModel={showModel}\n        showEffort={showEffort}\n        showTimeout={showTimeout}\n        showCost={showCost}\n        actions={actions}\n        ariaLabel={ariaLabel}\n        className={className}\n        onModeChange={applyMode}\n        onCustomModel={applyCustomModel}\n        onModelSelect={applyModel}\n        onModelClear={clearModel}\n        onEffortChange={applyEffort}\n        onTimeoutChange={(timeout) => onChange(withBudgetLimit(value, \"timeout\", timeout))}\n        onCostChange={(cost) => onChange(withBudgetLimit(value, \"cost\", cost))}\n      />\n    </RuntimeBarVariantContext.Provider>\n  );\n}\n\nfunction withoutCatalogModel<T extends RuntimeBarValue>(value: T): T {\n  return withOptionalRuntimeValue(\n    withOptionalRuntimeValue(value, \"model\", undefined),\n    \"id\",\n    undefined,\n  );\n}\n\nfunction withOptionalRuntimeValue<T extends RuntimeBarValue>(\n  value: T,\n  key: keyof RuntimeBarValue,\n  next: unknown,\n): T {\n  const updated = { ...value } as Record<string, unknown>;\n  if (next === undefined || next === \"\") {\n    delete updated[key];\n  } else {\n    updated[key] = next;\n  }\n  return updated as T;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"RuntimeBar.js","sources":["../../../src/data/runtime/RuntimeBar.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { DEFAULT_REASONING_EFFORTS } from \"../chat/effort-icons\";\nimport type { ChatModel, ChatModelRuntime } from \"../chat/types\";\nimport { withBudgetLimit, type RuntimeBarBudget } from \"./RuntimeBar.limits\";\nimport { runtimeModelForValue } from \"./RuntimeBar.model\";\nimport { RuntimeBarLayout } from \"./RuntimeBarLayout\";\nimport type { RuntimeBarActionsProps } from \"./RuntimeBarActions\";\nimport { timeoutField, budgetField, effortField } from \"./RuntimeBar.fields\";\nimport {\n  modelGroupsForMode,\n  runtimeModes,\n  withRuntimeMode,\n} from \"./RuntimeBar.selection\";\nimport { RuntimeBarVariantContext } from \"./RuntimeBar.context\";\nimport { isSelectableModel } from \"./availability\";\nimport {\n  effortOptionsForModel,\n  reconcileModelCapabilities,\n} from \"./model-capabilities\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  familyById,\n  selectionForRuntime,\n  runtimeModeFromModel,\n  type SpecRuntimeFamily,\n} from \"./runtime-mode\";\n\nexport type RuntimeBarValue = ChatModelRuntime & {\n  cliArgs?: Record<string, unknown>;\n  /** Run limits edited by the opt-in timeout and max cost controls. */\n  budget?: RuntimeBarBudget;\n};\n\nexport type RuntimeBarProps<T extends RuntimeBarValue = RuntimeBarValue> = {\n  value: T;\n  onChange: (value: T) => void;\n  /** Fused field triggers or individually bordered controls. */\n  variant?: \"combo\" | \"segmented\";\n  /** Model catalog grouped by family and filtered by the selected mode. */\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n  /** Resolved mode shown when the editable value inherits it from another layer. */\n  effectiveMode?: string | undefined;\n  /** Resolved model used to identify the inherited provider family without persisting it. */\n  effectiveModel?: string | undefined;\n  /** Effort tiers offered when the catalog does not describe the model. */\n  reasoningEfforts?: string[] | undefined;\n  /** Locks model identity (family, mode, and model) while leaving effort editable. */\n  locked?: boolean | undefined;\n  /** Whether the selected runtime exposes a model argument. */\n  showModel?: boolean | undefined;\n  /** Whether the selected runtime exposes reasoning effort. */\n  showEffort?: boolean | undefined;\n  /** Opt-in control for `budget.timeout`. */\n  showTimeout?: boolean | undefined;\n  /** Opt-in control for `budget.cost`. */\n  showCost?: boolean | undefined;\n  /** Host-level settings belonging to the surrounding spec rather than this runtime row. */\n  actions?:\n    | Pick<RuntimeBarActionsProps, \"fields\" | \"menu\" | \"menuLabel\">\n    | undefined;\n  ariaLabel?: string | undefined;\n  className?: string | undefined;\n};\n\n/** Self-describing runtime controls with segmented and combo presentations. */\nexport function RuntimeBar<T extends RuntimeBarValue>({\n  value,\n  onChange,\n  variant = \"segmented\",\n  models = [],\n  families = SPEC_RUNTIME_FAMILIES,\n  effectiveMode,\n  effectiveModel,\n  reasoningEfforts = DEFAULT_REASONING_EFFORTS,\n  locked = false,\n  showModel = true,\n  showEffort = true,\n  showTimeout = false,\n  showCost = false,\n  actions,\n  ariaLabel = \"Runtime\",\n  className,\n}: RuntimeBarProps<T>) {\n  const [preference, setPreference] = useState<{\n    model: string | undefined;\n    family: string | undefined;\n  }>({ model: effectiveModel, family: undefined });\n  if (preference.model !== effectiveModel) {\n    setPreference({ model: effectiveModel, family: undefined });\n  }\n  const preferredFamily =\n    preference.model === effectiveModel ? preference.family : undefined;\n  const specMode =\n    value.mode?.trim() ||\n    runtimeModeFromModel(value.model) ||\n    effectiveMode?.trim();\n  const selection = selectionForRuntime(\n    families,\n    specMode,\n    value.id || value.model || (preferredFamily ? undefined : effectiveModel),\n    models,\n    preferredFamily,\n  );\n  const family = familyById(families, selection.family);\n  const modes = runtimeModes(families);\n  const mode = modes.find((entry) => entry.id === selection.mode);\n  if (!mode)\n    throw new Error(\n      `No available runtime mode for ${JSON.stringify(selection.mode)}`,\n    );\n  const groups = modelGroupsForMode({ models, families, mode: mode.id });\n  const resolvedModel = runtimeModelForValue(\n    groups.flatMap((group) => group.models),\n    value,\n  );\n  const selectedModelUnavailable = Boolean(\n    !resolvedModel &&\n    (value.id || value.model) &&\n    runtimeModelForValue(models, value, (entry) => !isSelectableModel(entry)),\n  );\n  const supportedEfforts = effortOptionsForModel(\n    resolvedModel,\n    reasoningEfforts,\n  );\n  // The name an Unspecified model would resolve to, so the picker can say what\n  // it inherits instead of leaving the operator guessing.\n  const inheritedModelLabel =\n    value.model || value.id\n      ? undefined\n      : (runtimeModelForValue(\n          models,\n          effectiveModel !== undefined ? { model: effectiveModel } : {},\n          isSelectableModel,\n        )?.label ?? effectiveModel);\n\n  const applyMode = (familyId: string, modeId: string) => {\n    setPreference({ model: effectiveModel, family: familyId });\n    const next = withRuntimeMode({\n      value,\n      models,\n      families,\n      mode: modeId,\n      reasoningEfforts,\n    });\n    if (next !== value) onChange(next);\n  };\n\n  const applyCustomModel = (model: string) => {\n    onChange(\n      withOptionalRuntimeValue(withoutCatalogModel(value), \"model\", model),\n    );\n  };\n  // A family's model catalog can serve several modes. Selecting a row must not\n  // silently move the user away from the mode they chose.\n  const applyModel = (model: ChatModel) => {\n    const next = reconcileModelCapabilities(\n      withoutCatalogModel(value),\n      model,\n      reasoningEfforts,\n      { mode: mode.id },\n    );\n    onChange(next);\n  };\n  const clearModel = () => {\n    onChange(withoutCatalogModel(value));\n  };\n  const applyEffort = (effort: string) =>\n    onChange(withOptionalRuntimeValue(value, \"effort\", effort));\n\n  const fields = [\n    ...(showEffort && supportedEfforts.length > 0\n      ? [\n          effortField({\n            value: value.effort,\n            offered: reasoningEfforts,\n            supported: supportedEfforts,\n            onChange: applyEffort,\n          }),\n        ]\n      : []),\n    ...(actions?.fields ?? []),\n    ...(showCost\n      ? [\n          budgetField({\n            value: value.budget?.cost,\n            onChange: (cost) => onChange(withBudgetLimit(value, \"cost\", cost)),\n          }),\n        ]\n      : []),\n    ...(showTimeout\n      ? [\n          timeoutField({\n            value: value.budget?.timeout,\n            onChange: (timeout) =>\n              onChange(withBudgetLimit(value, \"timeout\", timeout)),\n          }),\n        ]\n      : []),\n  ];\n  return (\n    <RuntimeBarVariantContext.Provider value={variant}>\n      <RuntimeBarLayout\n        ariaLabel={ariaLabel}\n        className={className}\n        actions={{ ...actions, fields }}\n        identity={{\n          family,\n          mode,\n          modes,\n          groups,\n          selectedModel: resolvedModel,\n          model: value.model,\n          unavailable: selectedModelUnavailable,\n          inheritedModelLabel,\n          locked,\n          showModel,\n          variant,\n          onModeChange: (modeId) => applyMode(family.id, modeId),\n          onCustomModel: applyCustomModel,\n          onModelSelect: applyModel,\n          onModelClear: clearModel,\n          onFamilySelect: (familyId) => {\n            setPreference({ model: effectiveModel, family: familyId });\n            onChange(withoutCatalogModel(value));\n          },\n        }}\n      />\n    </RuntimeBarVariantContext.Provider>\n  );\n}\n\nfunction withoutCatalogModel<T extends RuntimeBarValue>(value: T): T {\n  return withOptionalRuntimeValue(\n    withOptionalRuntimeValue(value, \"model\", undefined),\n    \"id\",\n    undefined,\n  );\n}\n\nfunction withOptionalRuntimeValue<T extends RuntimeBarValue>(\n  value: T,\n  key: keyof RuntimeBarValue,\n  next: unknown,\n): T {\n  const updated = { ...value } as Record<string, unknown>;\n  if (next === undefined || next === \"\") {\n    delete updated[key];\n  } else {\n    updated[key] = next;\n  }\n  return updated as T;\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const availability = require("./availability.cjs");
+const modelCapabilities = require("./model-capabilities.cjs");
+const RuntimeBar_model = require("./RuntimeBar.model.cjs");
+const runtimeMode = require("./runtime-mode.cjs");
+const runtimeFamily = require("../../lib/runtime-family.cjs");
+function runtimeModes(families) {
+  return [
+    ...new Map(
+      families.flatMap((family) => family.modes).filter((mode) => !availability.isUnavailable(mode.availability)).map((mode) => [mode.id, mode])
+    ).values()
+  ];
+}
+function modelGroupsForMode({
+  models,
+  families,
+  mode
+}) {
+  return families.filter(
+    (family) => family.modes.some(
+      (entry) => entry.id === mode && !availability.isUnavailable(entry.availability)
+    )
+  ).map((family) => ({
+    family,
+    models: runtimeMode.modelsForFamily(models, family, mode).filter((model) => {
+      var _a, _b;
+      const modelMode = ((_a = model.runtime) == null ? void 0 : _a.mode) ?? runtimeFamily.runtimeModeFromModel(((_b = model.runtime) == null ? void 0 : _b.model) ?? model.id);
+      return modelMode === void 0 || modelMode === mode;
+    })
+  }));
+}
+function withRuntimeMode({
+  value,
+  models,
+  families,
+  mode,
+  reasoningEfforts
+}) {
+  if (!runtimeModes(families).some((entry) => entry.id === mode)) {
+    throw new Error(`Runtime mode ${JSON.stringify(mode)} is unavailable`);
+  }
+  const eligible = modelGroupsForMode({ models, families, mode }).flatMap(
+    (group) => group.models
+  );
+  const model = RuntimeBar_model.runtimeModelForValue(eligible, { ...value, mode });
+  const next = { ...value, mode };
+  delete next.id;
+  delete next.model;
+  delete next.cliArgs;
+  return model ? modelCapabilities.reconcileModelCapabilities(next, model, reasoningEfforts, { mode }) : next;
+}
+exports.modelGroupsForMode = modelGroupsForMode;
+exports.runtimeModes = runtimeModes;
+exports.withRuntimeMode = withRuntimeMode;
+//# sourceMappingURL=RuntimeBar.selection.cjs.map

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

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

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

@@ -0,0 +1,20 @@
+import { ChatModel } from '../chat/types.js';
+import { RuntimeBarValue } from './RuntimeBar.js';
+import { SpecRuntimeFamily } from './runtime-mode.js';
+export declare function runtimeModes(families: SpecRuntimeFamily[]): import('./runtime-mode.js').SpecRuntimeModeOption[];
+export declare function modelGroupsForMode({ models, families, mode, }: {
+    models: ChatModel[];
+    families: SpecRuntimeFamily[];
+    mode: string;
+}): {
+    family: SpecRuntimeFamily;
+    models: ChatModel[];
+}[];
+export declare function withRuntimeMode<T extends RuntimeBarValue>({ value, models, families, mode, reasoningEfforts, }: {
+    value: T;
+    models: ChatModel[];
+    families: SpecRuntimeFamily[];
+    mode: string;
+    reasoningEfforts: readonly string[];
+}): T;
+//# sourceMappingURL=RuntimeBar.selection.d.ts.map

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

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

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

@@ -0,0 +1,56 @@
+import { isUnavailable } from "./availability.js";
+import { reconcileModelCapabilities } from "./model-capabilities.js";
+import { runtimeModelForValue } from "./RuntimeBar.model.js";
+import { 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])
+    ).values()
+  ];
+}
+function modelGroupsForMode({
+  models,
+  families,
+  mode
+}) {
+  return families.filter(
+    (family) => family.modes.some(
+      (entry) => entry.id === mode && !isUnavailable(entry.availability)
+    )
+  ).map((family) => ({
+    family,
+    models: modelsForFamily(models, family, mode).filter((model) => {
+      var _a, _b;
+      const modelMode = ((_a = model.runtime) == null ? void 0 : _a.mode) ?? runtimeModeFromModel(((_b = model.runtime) == null ? void 0 : _b.model) ?? model.id);
+      return modelMode === void 0 || modelMode === mode;
+    })
+  }));
+}
+function withRuntimeMode({
+  value,
+  models,
+  families,
+  mode,
+  reasoningEfforts
+}) {
+  if (!runtimeModes(families).some((entry) => entry.id === mode)) {
+    throw new Error(`Runtime mode ${JSON.stringify(mode)} is unavailable`);
+  }
+  const eligible = modelGroupsForMode({ models, families, mode }).flatMap(
+    (group) => group.models
+  );
+  const model = runtimeModelForValue(eligible, { ...value, mode });
+  const next = { ...value, mode };
+  delete next.id;
+  delete next.model;
+  delete next.cliArgs;
+  return model ? reconcileModelCapabilities(next, model, reasoningEfforts, { mode }) : next;
+}
+export {
+  modelGroupsForMode,
+  runtimeModes,
+  withRuntimeMode
+};
+//# sourceMappingURL=RuntimeBar.selection.js.map

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

@@ -0,0 +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;"}

package/dist/data/runtime/RuntimeBarActions.cjs

@@ -13,19 +13,22 @@ function RuntimeBarActions({
   inline = true,
   menuLabel = "Runtime options",
   standalone = false,
-  className
+  className,
+  visibleCount = fields.length
 }) {
   const variant = react.useContext(RuntimeBar_context.RuntimeBarVariantContext);
   const useStandalone = standalone || variant === "combo";
-  const inlineFields = inline ? fields : [];
+  const inlineFields = inline ? fields.filter((field) => field.isSet).slice(0, visibleCount) : [];
   const menuItems = [
-    ...(inline ? [] : fields).map((field) => ({
+    ...fields.map((field) => ({
       label: field.label,
       ...field.icon ? { icon: field.icon } : {},
+      ...field.iconClassName ? { iconClassName: field.iconClassName } : {},
       // Ignored: an item with `children` is a submenu trigger, not a leaf.
       onSelect: () => {
       },
-      children: field.items
+      children: field.items,
+      ...field.header ? { header: field.header } : {}
     })),
     ...menu
   ];
@@ -35,8 +38,8 @@ function RuntimeBarActions({
     {
       "data-runtime-bar-section": "actions",
       className: utils.cn(
-        "flex h-control-h min-w-0 items-stretch",
-        useStandalone ? "w-fit overflow-hidden rounded-md border border-input bg-background" : "-ml-px -mt-px border-l border-t border-border",
+        "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",
         className
       ),
       children: [
@@ -46,6 +49,7 @@ function RuntimeBarActions({
             menuLabel: field.label,
             title: field.title,
             items: field.items,
+            ...field.header ? { header: field.header } : {},
             children: field.caption
           },
           field.id

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  /** 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  /** 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};\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}: RuntimeBarActionsProps) {\n  const variant = useContext(RuntimeBarVariantContext);\n  const useStandalone = standalone || variant === \"combo\";\n  const inlineFields = inline ? fields : [];\n  const menuItems: DropdownMenuItem[] = [\n    ...(inline ? [] : fields).map((field) => ({\n      label: field.label,\n      ...(field.icon ? { icon: field.icon } : {}),\n      // Ignored: an item with `children` is a submenu trigger, not a leaf.\n      onSelect: () => {},\n      children: field.items,\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 min-w-0 items-stretch\",\n        useStandalone\n          ? \"w-fit overflow-hidden rounded-md border border-input bg-background\"\n          : \"-ml-px -mt-px border-l border-t 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        >\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":";;;;;;;;;AA4CO,SAAS,kBAAkB;AAAA,EAChC,SAAS,CAAA;AAAA,EACT,OAAO,CAAA;AAAA,EACP,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,aAAa;AAAA,EACb;AACF,GAA2B;AACzB,QAAM,UAAUA,MAAAA,WAAWC,2CAAwB;AACnD,QAAM,gBAAgB,cAAc,YAAY;AAChD,QAAM,eAAe,SAAS,SAAS,CAAA;AACvC,QAAM,YAAgC;AAAA,IACpC,IAAI,SAAS,CAAA,IAAK,QAAQ,IAAI,CAAC,WAAW;AAAA,MACxC,OAAO,MAAM;AAAA,MACb,GAAI,MAAM,OAAO,EAAE,MAAM,MAAM,KAAA,IAAS,CAAA;AAAA;AAAA,MAExC,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,UAAU,MAAM;AAAA,IAAA,EAChB;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,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,YAEZ,UAAA,MAAM;AAAA,UAAA;AAAA,UALF,MAAM;AAAA,QAAA,CAOd;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 { 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;;"}

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

@@ -13,10 +13,15 @@ export type RuntimeBarAction = {
     /** Menu entry label when collapsed; also the inline segment's menu label. */
     label: string;
     icon?: StaticIconComponent | undefined;
+    iconClassName?: string | undefined;
     /** Tooltip on the inline segment, e.g. "Permission posture — Plan". */
     title: string;
     /** Inline segment caption: key + glyph + current value. */
     caption: ReactNode;
+    /** Only supplied settings are candidates for inline display. */
+    isSet: boolean;
+    /** Custom editor shared by the inline dropdown and overflow submenu. */
+    header?: ReactNode;
     /** Choices, identical inline and collapsed. */
     items: DropdownMenuItem[];
 };
@@ -30,10 +35,12 @@ export type RuntimeBarActionsProps = {
     /** Renders its own bar chrome instead of fusing onto the bar's border. */
     standalone?: boolean | undefined;
     className?: string | undefined;
+    /** Number of supplied fields that fit beside the runtime identity. */
+    visibleCount?: number | undefined;
 };
 /**
  * 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.
  */
-export declare function RuntimeBarActions({ fields, menu, inline, menuLabel, standalone, className, }: RuntimeBarActionsProps): import("react").JSX.Element | null;
+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,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,OAAO,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;CAChC,CAAC;AAEF;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,MAAW,EACX,IAAS,EACT,MAAa,EACb,SAA6B,EAC7B,UAAkB,EAClB,SAAS,GACV,EAAE,sBAAsB,sCAoDxB"}
+{"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"}

package/dist/data/runtime/RuntimeBarActions.js

@@ -11,19 +11,22 @@ function RuntimeBarActions({
   inline = true,
   menuLabel = "Runtime options",
   standalone = false,
-  className
+  className,
+  visibleCount = fields.length
 }) {
   const variant = useContext(RuntimeBarVariantContext);
   const useStandalone = standalone || variant === "combo";
-  const inlineFields = inline ? fields : [];
+  const inlineFields = inline ? fields.filter((field) => field.isSet).slice(0, visibleCount) : [];
   const menuItems = [
-    ...(inline ? [] : fields).map((field) => ({
+    ...fields.map((field) => ({
       label: field.label,
       ...field.icon ? { icon: field.icon } : {},
+      ...field.iconClassName ? { iconClassName: field.iconClassName } : {},
       // Ignored: an item with `children` is a submenu trigger, not a leaf.
       onSelect: () => {
       },
-      children: field.items
+      children: field.items,
+      ...field.header ? { header: field.header } : {}
     })),
     ...menu
   ];
@@ -33,8 +36,8 @@ function RuntimeBarActions({
     {
       "data-runtime-bar-section": "actions",
       className: cn(
-        "flex h-control-h min-w-0 items-stretch",
-        useStandalone ? "w-fit overflow-hidden rounded-md border border-input bg-background" : "-ml-px -mt-px border-l border-t border-border",
+        "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",
         className
       ),
       children: [
@@ -44,6 +47,7 @@ function RuntimeBarActions({
             menuLabel: field.label,
             title: field.title,
             items: field.items,
+            ...field.header ? { header: field.header } : {},
             children: field.caption
           },
           field.id

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  /** 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  /** 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};\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}: RuntimeBarActionsProps) {\n  const variant = useContext(RuntimeBarVariantContext);\n  const useStandalone = standalone || variant === \"combo\";\n  const inlineFields = inline ? fields : [];\n  const menuItems: DropdownMenuItem[] = [\n    ...(inline ? [] : fields).map((field) => ({\n      label: field.label,\n      ...(field.icon ? { icon: field.icon } : {}),\n      // Ignored: an item with `children` is a submenu trigger, not a leaf.\n      onSelect: () => {},\n      children: field.items,\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 min-w-0 items-stretch\",\n        useStandalone\n          ? \"w-fit overflow-hidden rounded-md border border-input bg-background\"\n          : \"-ml-px -mt-px border-l border-t 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        >\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":";;;;;;;AA4CO,SAAS,kBAAkB;AAAA,EAChC,SAAS,CAAA;AAAA,EACT,OAAO,CAAA;AAAA,EACP,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,aAAa;AAAA,EACb;AACF,GAA2B;AACzB,QAAM,UAAU,WAAW,wBAAwB;AACnD,QAAM,gBAAgB,cAAc,YAAY;AAChD,QAAM,eAAe,SAAS,SAAS,CAAA;AACvC,QAAM,YAAgC;AAAA,IACpC,IAAI,SAAS,CAAA,IAAK,QAAQ,IAAI,CAAC,WAAW;AAAA,MACxC,OAAO,MAAM;AAAA,MACb,GAAI,MAAM,OAAO,EAAE,MAAM,MAAM,KAAA,IAAS,CAAA;AAAA;AAAA,MAExC,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,UAAU,MAAM;AAAA,IAAA,EAChB;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,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,YAEZ,UAAA,MAAM;AAAA,UAAA;AAAA,UALF,MAAM;AAAA,QAAA,CAOd;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 { 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;"}