@flanksource/clicky-ui 0.3.43 → 0.3.45

package/dist/data/json-view/parse-source.js

@@ -0,0 +1,62 @@
+import { parseJsonPrefix } from "./parse-prefix.js";
+function parseJsonSource(source, inputFormat = "json") {
+  switch (inputFormat) {
+    case "json":
+      return parseDocument(source);
+    case "ndjson":
+      return parseRecords(source);
+    default:
+      throw new Error(`Unsupported JSON input format: ${String(inputFormat)}`);
+  }
+}
+function parseDocument(source) {
+  try {
+    return { status: "complete", value: JSON.parse(source) };
+  } catch (error) {
+    if (!(error instanceof SyntaxError)) throw error;
+  }
+  const result = parseJsonPrefix(source);
+  if (result.status === "complete")
+    throw new Error(
+      "JSON prefix parser accepted a document rejected by JSON.parse"
+    );
+  const before = source.slice(0, result.offset).split(/\r\n|\r|\n/);
+  const last = before.at(-1);
+  if (last === void 0) throw new Error("JSON diagnostic has no source line");
+  return {
+    status: result.status,
+    ...result.status === "incomplete" && "value" in result ? { value: result.value } : {},
+    diagnostic: {
+      message: result.message,
+      line: before.length,
+      column: last.length + 1
+    }
+  };
+}
+function parseRecords(source) {
+  const lines = source.split(/\r\n|\n/);
+  const lastRecord = lines.findLastIndex((line) => line.trim().length > 0);
+  const records = [];
+  for (const [index, line] of lines.entries()) {
+    if (line.trim().length === 0) continue;
+    const result = parseDocument(line);
+    if (result.status === "complete") {
+      records.push(result.value);
+      continue;
+    }
+    if (!result.diagnostic)
+      throw new Error("Invalid NDJSON record has no diagnostic");
+    const incomplete = result.status === "incomplete" && index === lastRecord;
+    return {
+      status: incomplete ? "incomplete" : "invalid",
+      ...records.length > 0 ? { value: records } : {},
+      diagnostic: { ...result.diagnostic, line: index + 1 },
+      ...incomplete && "value" in result ? { partialRecord: { line: index + 1, value: result.value } } : {}
+    };
+  }
+  return { status: "complete", value: records };
+}
+export {
+  parseJsonSource
+};
+//# sourceMappingURL=parse-source.js.map

package/dist/data/json-view/parse-source.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse-source.js","sources":["../../../src/data/json-view/parse-source.ts"],"sourcesContent":["import { parseJsonPrefix } from \"./parse-prefix\";\n\nexport type SourceDiagnostic = {\n  message: string;\n  line: number;\n  column: number;\n};\nexport type JsonSourceResult = {\n  status: \"complete\" | \"incomplete\" | \"invalid\";\n  value?: unknown;\n  diagnostic?: SourceDiagnostic;\n  partialRecord?: { line: number; value: unknown };\n};\n\nexport function parseJsonSource(\n  source: string,\n  inputFormat: \"json\" | \"ndjson\" = \"json\",\n): JsonSourceResult {\n  switch (inputFormat) {\n    case \"json\":\n      return parseDocument(source);\n    case \"ndjson\":\n      return parseRecords(source);\n    default:\n      throw new Error(`Unsupported JSON input format: ${String(inputFormat)}`);\n  }\n}\n\nfunction parseDocument(source: string): JsonSourceResult {\n  try {\n    return { status: \"complete\", value: JSON.parse(source) };\n  } catch (error) {\n    if (!(error instanceof SyntaxError)) throw error;\n  }\n  const result = parseJsonPrefix(source);\n  if (result.status === \"complete\")\n    throw new Error(\n      \"JSON prefix parser accepted a document rejected by JSON.parse\",\n    );\n  const before = source.slice(0, result.offset).split(/\\r\\n|\\r|\\n/);\n  const last = before.at(-1);\n  if (last === undefined) throw new Error(\"JSON diagnostic has no source line\");\n  return {\n    status: result.status,\n    ...(result.status === \"incomplete\" && \"value\" in result\n      ? { value: result.value }\n      : {}),\n    diagnostic: {\n      message: result.message,\n      line: before.length,\n      column: last.length + 1,\n    },\n  };\n}\n\nfunction parseRecords(source: string): JsonSourceResult {\n  const lines = source.split(/\\r\\n|\\n/);\n  const lastRecord = lines.findLastIndex((line) => line.trim().length > 0);\n  const records: unknown[] = [];\n  for (const [index, line] of lines.entries()) {\n    if (line.trim().length === 0) continue;\n    const result = parseDocument(line);\n    if (result.status === \"complete\") {\n      records.push(result.value);\n      continue;\n    }\n    if (!result.diagnostic)\n      throw new Error(\"Invalid NDJSON record has no diagnostic\");\n    const incomplete = result.status === \"incomplete\" && index === lastRecord;\n    return {\n      status: incomplete ? \"incomplete\" : \"invalid\",\n      ...(records.length > 0 ? { value: records } : {}),\n      diagnostic: { ...result.diagnostic, line: index + 1 },\n      ...(incomplete && \"value\" in result\n        ? { partialRecord: { line: index + 1, value: result.value } }\n        : {}),\n    };\n  }\n  return { status: \"complete\", value: records };\n}\n"],"names":[],"mappings":";AAcO,SAAS,gBACd,QACA,cAAiC,QACf;AAClB,UAAQ,aAAA;AAAA,IACN,KAAK;AACH,aAAO,cAAc,MAAM;AAAA,IAC7B,KAAK;AACH,aAAO,aAAa,MAAM;AAAA,IAC5B;AACE,YAAM,IAAI,MAAM,kCAAkC,OAAO,WAAW,CAAC,EAAE;AAAA,EAAA;AAE7E;AAEA,SAAS,cAAc,QAAkC;AACvD,MAAI;AACF,WAAO,EAAE,QAAQ,YAAY,OAAO,KAAK,MAAM,MAAM,EAAA;AAAA,EACvD,SAAS,OAAO;AACd,QAAI,EAAE,iBAAiB,aAAc,OAAM;AAAA,EAC7C;AACA,QAAM,SAAS,gBAAgB,MAAM;AACrC,MAAI,OAAO,WAAW;AACpB,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAEJ,QAAM,SAAS,OAAO,MAAM,GAAG,OAAO,MAAM,EAAE,MAAM,YAAY;AAChE,QAAM,OAAO,OAAO,GAAG,EAAE;AACzB,MAAI,SAAS,OAAW,OAAM,IAAI,MAAM,oCAAoC;AAC5E,SAAO;AAAA,IACL,QAAQ,OAAO;AAAA,IACf,GAAI,OAAO,WAAW,gBAAgB,WAAW,SAC7C,EAAE,OAAO,OAAO,MAAA,IAChB,CAAA;AAAA,IACJ,YAAY;AAAA,MACV,SAAS,OAAO;AAAA,MAChB,MAAM,OAAO;AAAA,MACb,QAAQ,KAAK,SAAS;AAAA,IAAA;AAAA,EACxB;AAEJ;AAEA,SAAS,aAAa,QAAkC;AACtD,QAAM,QAAQ,OAAO,MAAM,SAAS;AACpC,QAAM,aAAa,MAAM,cAAc,CAAC,SAAS,KAAK,KAAA,EAAO,SAAS,CAAC;AACvE,QAAM,UAAqB,CAAA;AAC3B,aAAW,CAAC,OAAO,IAAI,KAAK,MAAM,WAAW;AAC3C,QAAI,KAAK,OAAO,WAAW,EAAG;AAC9B,UAAM,SAAS,cAAc,IAAI;AACjC,QAAI,OAAO,WAAW,YAAY;AAChC,cAAQ,KAAK,OAAO,KAAK;AACzB;AAAA,IACF;AACA,QAAI,CAAC,OAAO;AACV,YAAM,IAAI,MAAM,yCAAyC;AAC3D,UAAM,aAAa,OAAO,WAAW,gBAAgB,UAAU;AAC/D,WAAO;AAAA,MACL,QAAQ,aAAa,eAAe;AAAA,MACpC,GAAI,QAAQ,SAAS,IAAI,EAAE,OAAO,QAAA,IAAY,CAAA;AAAA,MAC9C,YAAY,EAAE,GAAG,OAAO,YAAY,MAAM,QAAQ,EAAA;AAAA,MAClD,GAAI,cAAc,WAAW,SACzB,EAAE,eAAe,EAAE,MAAM,QAAQ,GAAG,OAAO,OAAO,MAAA,EAAM,IACxD,CAAA;AAAA,IAAC;AAAA,EAET;AACA,SAAO,EAAE,QAAQ,YAAY,OAAO,QAAA;AACtC;"}

package/dist/data/json-view/story-fixtures.d.ts

@@ -0,0 +1,6 @@
+export declare const largeJsonSource: string;
+export declare const truncatedObjectSource = "{\n  \"requestId\": \"run-0042\",\n  \"service\": {\n    \"name\": \"api\",\n    \"metrics\": { \"ready\": true, \"requests\": 128, \"latencyMs\":";
+export declare const truncatedArraySource = "{\n  \"service\": \"api\",\n  \"ports\": [8080, 9090, { \"name\": \"metrics\", \"port\":";
+export declare const truncatedStringSource = "{\n  \"service\": \"worker\",\n  \"enabled\": true,\n  \"message\": \"The worker was processing a record when";
+export declare const ndjsonSource: string;
+//# sourceMappingURL=story-fixtures.d.ts.map

package/dist/data/json-view/story-fixtures.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"story-fixtures.d.ts","sourceRoot":"","sources":["../../../src/data/json-view/story-fixtures.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,QAwB1B,CAAC;AAEH,eAAO,MAAM,qBAAqB,uJACkG,CAAC;AACrI,eAAO,MAAM,oBAAoB,6FAC+C,CAAC;AACjF,eAAO,MAAM,qBAAqB,kHACsE,CAAC;AAEzG,eAAO,MAAM,YAAY,QAIb,CAAC"}

package/dist/data/json-view/types.d.ts

@@ -0,0 +1,14 @@
+import { Density } from '../../hooks/use-density.js';
+export type JsonViewOptions = {
+    /** Property name displayed before the value. */
+    name?: string;
+    /** Current nesting depth; callers usually leave this unset. */
+    depth?: number;
+    /** Depth that starts expanded by default. */
+    defaultOpenDepth?: number;
+    /** YAML is the default; JSON retains braces and quoted strings. */
+    format?: "yaml" | "json";
+    /** Override the inherited application density for this viewer. */
+    density?: Density;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/data/json-view/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/data/json-view/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,MAAM,eAAe,GAAG;IAC5B,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}

package/dist/data/runtime/RuntimeBar.cjs

@@ -8,7 +8,6 @@ const RuntimeBar_model = require("./RuntimeBar.model.cjs");
 const RuntimeBarLayout = require("./RuntimeBarLayout.cjs");
 const RuntimeBar_fields = require("./RuntimeBar.fields.cjs");
 const RuntimeBar_selection = require("./RuntimeBar.selection.cjs");
-const RuntimeBar_context = require("./RuntimeBar.context.cjs");
 const availability = require("./availability.cjs");
 const modelCapabilities = require("./model-capabilities.cjs");
 const runtimeMode = require("./runtime-mode.cjs");
@@ -16,7 +15,6 @@ const runtimeFamily = require("../../lib/runtime-family.cjs");
 function RuntimeBar({
   value,
   onChange,
-  variant = "segmented",
   models = [],
   families = runtimeMode.SPEC_RUNTIME_FAMILIES,
   effectiveMode,
@@ -121,7 +119,7 @@ function RuntimeBar({
       })
     ] : []
   ];
-  return /* @__PURE__ */ jsxRuntime.jsx(RuntimeBar_context.RuntimeBarVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     RuntimeBarLayout.RuntimeBarLayout,
     {
       ariaLabel,
@@ -138,7 +136,6 @@ function RuntimeBar({
         inheritedModelLabel,
         locked,
         showModel,
-        variant,
         onModeChange: (modeId) => applyMode(family.id, modeId),
         onCustomModel: applyCustomModel,
         onModelSelect: applyModel,
@@ -149,7 +146,7 @@ function RuntimeBar({
         }
       }
     }
-  ) });
+  );
 }
 function withoutCatalogModel(value) {
   return withOptionalRuntimeValue(

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/data/runtime/RuntimeBar.js

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/data/runtime/RuntimeBarActions.cjs

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

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

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