@flanksource/clicky-ui 0.3.16 → 0.3.18

package/dist/data/runtime/RuntimeBar.cjs

@@ -0,0 +1,147 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const effortIcons = require("../chat/effort-icons.cjs");
+const RuntimeBar_model = require("./RuntimeBar.model.cjs");
+const RuntimeBarCombo = require("./RuntimeBarCombo.cjs");
+const RuntimeBarSegments = require("./RuntimeBarSegments.cjs");
+const availability = require("./availability.cjs");
+const modelCapabilities = require("./model-capabilities.cjs");
+const runtimeMode = require("./runtime-mode.cjs");
+function RuntimeBar({
+  value,
+  onChange,
+  variant = "segmented",
+  models = [],
+  families = runtimeMode.SPEC_RUNTIME_FAMILIES,
+  reasoningEfforts = effortIcons.DEFAULT_REASONING_EFFORTS,
+  ariaLabel = "Runtime",
+  className
+}) {
+  const selection = runtimeMode.selectionForBackend(families, value.backend);
+  const family = runtimeMode.familyById(families, selection.family);
+  const mode = family.modes.find((entry) => entry.id === selection.mode) ?? runtimeMode.firstMode(family);
+  const modelOptions = runtimeMode.modelsForFamily(models, family, value.backend);
+  const selectedModel = models.find(
+    (entry) => {
+      var _a;
+      return availability.isSelectableModel(entry) && ((_a = entry.runtime) == null ? void 0 : _a.backend) === value.backend && RuntimeBar_model.runtimeModelMatches(entry, value);
+    }
+  );
+  const resolvedModel = selectedModel ?? models.find(
+    (entry) => availability.isSelectableModel(entry) && RuntimeBar_model.runtimeModelMatches(entry, value)
+  );
+  const selectedModelUnavailable = Boolean(
+    value.model && models.some(
+      (entry) => !availability.isSelectableModel(entry) && RuntimeBar_model.runtimeModelMatches(entry, value)
+    )
+  );
+  const supportedEfforts = modelCapabilities.effortOptionsForModel(
+    resolvedModel,
+    reasoningEfforts
+  );
+  const applyBackend = (familyId, modeId) => {
+    const backend = runtimeMode.backendForFamilyMode(families, familyId, modeId);
+    if (backend === (value.backend ?? "")) return;
+    let next = withOptionalRuntimeValue(
+      withRuntimeValue(value, { backend }),
+      "cliArgs",
+      void 0
+    );
+    if (!runtimeMode.modelBelongsToFamily(
+      value.model,
+      models,
+      runtimeMode.familyById(families, familyId),
+      backend
+    )) {
+      next = withoutCatalogModel(next);
+    }
+    onChange(next);
+  };
+  const applyCustomModel = (model) => onChange(
+    withOptionalRuntimeValue(withoutCatalogModel(value), "model", model)
+  );
+  const applyModel = (model) => {
+    const next = modelCapabilities.reconcileModelCapabilities(value, model, reasoningEfforts);
+    if (!mode.provider || model.provider !== mode.provider) {
+      onChange(next);
+      return;
+    }
+    onChange(
+      withOptionalRuntimeValue(
+        withOptionalRuntimeValue(next, "backend", mode.backend),
+        "mode",
+        mode.id
+      )
+    );
+  };
+  const clearModel = () => onChange(withoutCatalogModel(value));
+  const applyEffort = (effort) => onChange(withOptionalRuntimeValue(value, "effort", effort));
+  if (variant === "combo") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      RuntimeBarCombo.RuntimeBarCombo,
+      {
+        value,
+        families,
+        family,
+        mode,
+        selectedMode: selection.mode,
+        models: modelOptions,
+        selectedModel: resolvedModel,
+        selectedModelUnavailable,
+        supportedEfforts,
+        ariaLabel,
+        className,
+        onFamilyChange: (familyId) => applyBackend(familyId, selection.mode),
+        onModeChange: (modeId) => applyBackend(family.id, modeId),
+        onModelSelect: applyModel,
+        onModelClear: clearModel,
+        onEffortChange: applyEffort
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RuntimeBarSegments.RuntimeBarSegments,
+    {
+      value,
+      models,
+      modelOptions,
+      resolvedModel,
+      selectedModelUnavailable,
+      families,
+      family,
+      mode,
+      selectedMode: selection.mode,
+      reasoningEfforts,
+      supportedEfforts,
+      ariaLabel,
+      className,
+      onBackendChange: applyBackend,
+      onCustomModel: applyCustomModel,
+      onModelSelect: applyModel,
+      onModelClear: clearModel,
+      onEffortChange: applyEffort
+    }
+  );
+}
+function withoutCatalogModel(value) {
+  return withOptionalRuntimeValue(
+    withOptionalRuntimeValue(value, "model", void 0),
+    "id",
+    void 0
+  );
+}
+function withRuntimeValue(value, patch) {
+  return { ...value, ...patch };
+}
+function withOptionalRuntimeValue(value, key, next) {
+  const updated = { ...value };
+  if (next === void 0 || next === "") {
+    delete updated[key];
+  } else {
+    updated[key] = next;
+  }
+  return updated;
+}
+exports.RuntimeBar = RuntimeBar;
+//# sourceMappingURL=RuntimeBar.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeBar.cjs","sources":["../../../src/data/runtime/RuntimeBar.tsx"],"sourcesContent":["import { DEFAULT_REASONING_EFFORTS } from \"../chat/effort-icons\";\nimport type { ChatModel, ChatModelRuntime } from \"../chat/types\";\nimport { runtimeModelMatches } from \"./RuntimeBar.model\";\nimport { RuntimeBarCombo } from \"./RuntimeBarCombo\";\nimport { RuntimeBarSegments } from \"./RuntimeBarSegments\";\nimport { isSelectableModel } from \"./availability\";\nimport {\n  effortOptionsForModel,\n  reconcileModelCapabilities,\n} from \"./model-capabilities\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  backendForFamilyMode,\n  familyById,\n  firstMode,\n  modelBelongsToFamily,\n  modelsForFamily,\n  selectionForBackend,\n  type SpecRuntimeFamily,\n} from \"./runtime-mode\";\n\nexport type RuntimeBarValue = ChatModelRuntime & {\n  cliArgs?: Record<string, unknown>;\n};\n\nexport type RuntimeBarProps<T extends RuntimeBarValue = RuntimeBarValue> = {\n  value: T;\n  onChange: (value: T) => void;\n  /** `segmented` uses field triggers; `combo` uses one direct-edit menu. */\n  variant?: \"combo\" | \"segmented\";\n  /** Model catalog. Only the selected family's models are listed; a family the\n   *  catalog does not describe is served by the segment's free-text entry. */\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n  /** Effort tiers offered when the catalog does not describe the model. */\n  reasoningEfforts?: string[] | 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  reasoningEfforts = DEFAULT_REASONING_EFFORTS,\n  ariaLabel = \"Runtime\",\n  className,\n}: RuntimeBarProps<T>) {\n  const selection = selectionForBackend(families, value.backend);\n  const family = familyById(families, selection.family);\n  const mode =\n    family.modes.find((entry) => entry.id === selection.mode) ??\n    firstMode(family);\n  const modelOptions = modelsForFamily(models, family, value.backend);\n  const selectedModel = models.find(\n    (entry) =>\n      isSelectableModel(entry) &&\n      entry.runtime?.backend === value.backend &&\n      runtimeModelMatches(entry, value)\n  );\n  const resolvedModel =\n    selectedModel ??\n    models.find(\n      (entry) => isSelectableModel(entry) && runtimeModelMatches(entry, value)\n    );\n  const selectedModelUnavailable = Boolean(\n    value.model &&\n      models.some(\n        (entry) =>\n          !isSelectableModel(entry) && runtimeModelMatches(entry, value)\n      )\n  );\n  const supportedEfforts = effortOptionsForModel(\n    resolvedModel,\n    reasoningEfforts\n  );\n\n  const applyBackend = (familyId: string, modeId: string) => {\n    const backend = backendForFamilyMode(families, familyId, modeId);\n    if (backend === (value.backend ?? \"\")) return;\n    let next = withOptionalRuntimeValue(\n      withRuntimeValue(value, { backend }),\n      \"cliArgs\",\n      undefined\n    );\n    if (\n      !modelBelongsToFamily(\n        value.model,\n        models,\n        familyById(families, familyId),\n        backend\n      )\n    ) {\n      next = withoutCatalogModel(next);\n    }\n    onChange(next);\n  };\n\n  const applyCustomModel = (model: string) =>\n    onChange(\n      withOptionalRuntimeValue(withoutCatalogModel(value), \"model\", model)\n    );\n  // A menu row carries the backend of the catalog it was listed under, and one\n  // catalog serves several backends — claude-cli and claude-cmux models are\n  // listed as claude-agent rows. Copying the row's runtime verbatim would let\n  // picking a model silently move the user off the mode they chose, so a row\n  // drawn from the selected mode's own catalog keeps that mode.\n  const applyModel = (model: ChatModel) => {\n    const next = reconcileModelCapabilities(value, model, reasoningEfforts);\n    if (!mode.provider || model.provider !== mode.provider) {\n      onChange(next);\n      return;\n    }\n    onChange(\n      withOptionalRuntimeValue(\n        withOptionalRuntimeValue(next, \"backend\", mode.backend),\n        \"mode\",\n        mode.id\n      )\n    );\n  };\n  const clearModel = () => onChange(withoutCatalogModel(value));\n  const applyEffort = (effort: string) =>\n    onChange(withOptionalRuntimeValue(value, \"effort\", effort));\n\n  if (variant === \"combo\") {\n    return (\n      <RuntimeBarCombo\n        value={value}\n        families={families}\n        family={family}\n        mode={mode}\n        selectedMode={selection.mode}\n        models={modelOptions}\n        selectedModel={resolvedModel}\n        selectedModelUnavailable={selectedModelUnavailable}\n        supportedEfforts={supportedEfforts}\n        ariaLabel={ariaLabel}\n        className={className}\n        onFamilyChange={(familyId) => applyBackend(familyId, selection.mode)}\n        onModeChange={(modeId) => applyBackend(family.id, modeId)}\n        onModelSelect={applyModel}\n        onModelClear={clearModel}\n        onEffortChange={applyEffort}\n      />\n    );\n  }\n\n  return (\n    <RuntimeBarSegments\n      value={value}\n      models={models}\n      modelOptions={modelOptions}\n      resolvedModel={resolvedModel}\n      selectedModelUnavailable={selectedModelUnavailable}\n      families={families}\n      family={family}\n      mode={mode}\n      selectedMode={selection.mode}\n      reasoningEfforts={reasoningEfforts}\n      supportedEfforts={supportedEfforts}\n      ariaLabel={ariaLabel}\n      className={className}\n      onBackendChange={applyBackend}\n      onCustomModel={applyCustomModel}\n      onModelSelect={applyModel}\n      onModelClear={clearModel}\n      onEffortChange={applyEffort}\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 withRuntimeValue<T extends RuntimeBarValue>(\n  value: T,\n  patch: Partial<RuntimeBarValue>\n): T {\n  return { ...value, ...patch };\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","selectionForBackend","familyById","firstMode","modelsForFamily","isSelectableModel","runtimeModelMatches","effortOptionsForModel","backendForFamilyMode","modelBelongsToFamily","reconcileModelCapabilities","jsx","RuntimeBarCombo","RuntimeBarSegments"],"mappings":"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"}

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

@@ -0,0 +1,22 @@
+import { ChatModel, ChatModelRuntime } from '../chat/types';
+import { SpecRuntimeFamily } from './runtime-mode';
+export type RuntimeBarValue = ChatModelRuntime & {
+    cliArgs?: Record<string, unknown>;
+};
+export type RuntimeBarProps<T extends RuntimeBarValue = RuntimeBarValue> = {
+    value: T;
+    onChange: (value: T) => void;
+    /** `segmented` uses field triggers; `combo` uses one direct-edit menu. */
+    variant?: "combo" | "segmented";
+    /** Model catalog. Only the selected family's models are listed; a family the
+     *  catalog does not describe is served by the segment's free-text entry. */
+    models?: ChatModel[] | undefined;
+    families?: SpecRuntimeFamily[] | undefined;
+    /** Effort tiers offered when the catalog does not describe the model. */
+    reasoningEfforts?: string[] | undefined;
+    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, reasoningEfforts, ariaLabel, className, }: RuntimeBarProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RuntimeBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeBar.d.ts","sourceRoot":"","sources":["../../../src/data/runtime/RuntimeBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AASjE,OAAO,EAQL,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;CACnC,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,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAChC;gFAC4E;IAC5E,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;IAC3C,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACxC,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,gBAA4C,EAC5C,SAAqB,EACrB,SAAS,GACV,EAAE,eAAe,CAAC,CAAC,CAAC,2CA2HpB"}

package/dist/data/runtime/RuntimeBar.js

@@ -0,0 +1,147 @@
+import { jsx } from "react/jsx-runtime";
+import { DEFAULT_REASONING_EFFORTS } from "../chat/effort-icons.js";
+import { runtimeModelMatches } from "./RuntimeBar.model.js";
+import { RuntimeBarCombo } from "./RuntimeBarCombo.js";
+import { RuntimeBarSegments } from "./RuntimeBarSegments.js";
+import { isSelectableModel } from "./availability.js";
+import { effortOptionsForModel, reconcileModelCapabilities } from "./model-capabilities.js";
+import { selectionForBackend, SPEC_RUNTIME_FAMILIES, familyById, firstMode, modelsForFamily, backendForFamilyMode, modelBelongsToFamily } from "./runtime-mode.js";
+function RuntimeBar({
+  value,
+  onChange,
+  variant = "segmented",
+  models = [],
+  families = SPEC_RUNTIME_FAMILIES,
+  reasoningEfforts = DEFAULT_REASONING_EFFORTS,
+  ariaLabel = "Runtime",
+  className
+}) {
+  const selection = selectionForBackend(families, value.backend);
+  const family = familyById(families, selection.family);
+  const mode = family.modes.find((entry) => entry.id === selection.mode) ?? firstMode(family);
+  const modelOptions = modelsForFamily(models, family, value.backend);
+  const selectedModel = models.find(
+    (entry) => {
+      var _a;
+      return isSelectableModel(entry) && ((_a = entry.runtime) == null ? void 0 : _a.backend) === value.backend && runtimeModelMatches(entry, value);
+    }
+  );
+  const resolvedModel = selectedModel ?? models.find(
+    (entry) => isSelectableModel(entry) && runtimeModelMatches(entry, value)
+  );
+  const selectedModelUnavailable = Boolean(
+    value.model && models.some(
+      (entry) => !isSelectableModel(entry) && runtimeModelMatches(entry, value)
+    )
+  );
+  const supportedEfforts = effortOptionsForModel(
+    resolvedModel,
+    reasoningEfforts
+  );
+  const applyBackend = (familyId, modeId) => {
+    const backend = backendForFamilyMode(families, familyId, modeId);
+    if (backend === (value.backend ?? "")) return;
+    let next = withOptionalRuntimeValue(
+      withRuntimeValue(value, { backend }),
+      "cliArgs",
+      void 0
+    );
+    if (!modelBelongsToFamily(
+      value.model,
+      models,
+      familyById(families, familyId),
+      backend
+    )) {
+      next = withoutCatalogModel(next);
+    }
+    onChange(next);
+  };
+  const applyCustomModel = (model) => onChange(
+    withOptionalRuntimeValue(withoutCatalogModel(value), "model", model)
+  );
+  const applyModel = (model) => {
+    const next = reconcileModelCapabilities(value, model, reasoningEfforts);
+    if (!mode.provider || model.provider !== mode.provider) {
+      onChange(next);
+      return;
+    }
+    onChange(
+      withOptionalRuntimeValue(
+        withOptionalRuntimeValue(next, "backend", mode.backend),
+        "mode",
+        mode.id
+      )
+    );
+  };
+  const clearModel = () => onChange(withoutCatalogModel(value));
+  const applyEffort = (effort) => onChange(withOptionalRuntimeValue(value, "effort", effort));
+  if (variant === "combo") {
+    return /* @__PURE__ */ jsx(
+      RuntimeBarCombo,
+      {
+        value,
+        families,
+        family,
+        mode,
+        selectedMode: selection.mode,
+        models: modelOptions,
+        selectedModel: resolvedModel,
+        selectedModelUnavailable,
+        supportedEfforts,
+        ariaLabel,
+        className,
+        onFamilyChange: (familyId) => applyBackend(familyId, selection.mode),
+        onModeChange: (modeId) => applyBackend(family.id, modeId),
+        onModelSelect: applyModel,
+        onModelClear: clearModel,
+        onEffortChange: applyEffort
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    RuntimeBarSegments,
+    {
+      value,
+      models,
+      modelOptions,
+      resolvedModel,
+      selectedModelUnavailable,
+      families,
+      family,
+      mode,
+      selectedMode: selection.mode,
+      reasoningEfforts,
+      supportedEfforts,
+      ariaLabel,
+      className,
+      onBackendChange: applyBackend,
+      onCustomModel: applyCustomModel,
+      onModelSelect: applyModel,
+      onModelClear: clearModel,
+      onEffortChange: applyEffort
+    }
+  );
+}
+function withoutCatalogModel(value) {
+  return withOptionalRuntimeValue(
+    withOptionalRuntimeValue(value, "model", void 0),
+    "id",
+    void 0
+  );
+}
+function withRuntimeValue(value, patch) {
+  return { ...value, ...patch };
+}
+function withOptionalRuntimeValue(value, key, next) {
+  const updated = { ...value };
+  if (next === void 0 || next === "") {
+    delete updated[key];
+  } else {
+    updated[key] = next;
+  }
+  return updated;
+}
+export {
+  RuntimeBar
+};
+//# sourceMappingURL=RuntimeBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeBar.js","sources":["../../../src/data/runtime/RuntimeBar.tsx"],"sourcesContent":["import { DEFAULT_REASONING_EFFORTS } from \"../chat/effort-icons\";\nimport type { ChatModel, ChatModelRuntime } from \"../chat/types\";\nimport { runtimeModelMatches } from \"./RuntimeBar.model\";\nimport { RuntimeBarCombo } from \"./RuntimeBarCombo\";\nimport { RuntimeBarSegments } from \"./RuntimeBarSegments\";\nimport { isSelectableModel } from \"./availability\";\nimport {\n  effortOptionsForModel,\n  reconcileModelCapabilities,\n} from \"./model-capabilities\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  backendForFamilyMode,\n  familyById,\n  firstMode,\n  modelBelongsToFamily,\n  modelsForFamily,\n  selectionForBackend,\n  type SpecRuntimeFamily,\n} from \"./runtime-mode\";\n\nexport type RuntimeBarValue = ChatModelRuntime & {\n  cliArgs?: Record<string, unknown>;\n};\n\nexport type RuntimeBarProps<T extends RuntimeBarValue = RuntimeBarValue> = {\n  value: T;\n  onChange: (value: T) => void;\n  /** `segmented` uses field triggers; `combo` uses one direct-edit menu. */\n  variant?: \"combo\" | \"segmented\";\n  /** Model catalog. Only the selected family's models are listed; a family the\n   *  catalog does not describe is served by the segment's free-text entry. */\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n  /** Effort tiers offered when the catalog does not describe the model. */\n  reasoningEfforts?: string[] | 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  reasoningEfforts = DEFAULT_REASONING_EFFORTS,\n  ariaLabel = \"Runtime\",\n  className,\n}: RuntimeBarProps<T>) {\n  const selection = selectionForBackend(families, value.backend);\n  const family = familyById(families, selection.family);\n  const mode =\n    family.modes.find((entry) => entry.id === selection.mode) ??\n    firstMode(family);\n  const modelOptions = modelsForFamily(models, family, value.backend);\n  const selectedModel = models.find(\n    (entry) =>\n      isSelectableModel(entry) &&\n      entry.runtime?.backend === value.backend &&\n      runtimeModelMatches(entry, value)\n  );\n  const resolvedModel =\n    selectedModel ??\n    models.find(\n      (entry) => isSelectableModel(entry) && runtimeModelMatches(entry, value)\n    );\n  const selectedModelUnavailable = Boolean(\n    value.model &&\n      models.some(\n        (entry) =>\n          !isSelectableModel(entry) && runtimeModelMatches(entry, value)\n      )\n  );\n  const supportedEfforts = effortOptionsForModel(\n    resolvedModel,\n    reasoningEfforts\n  );\n\n  const applyBackend = (familyId: string, modeId: string) => {\n    const backend = backendForFamilyMode(families, familyId, modeId);\n    if (backend === (value.backend ?? \"\")) return;\n    let next = withOptionalRuntimeValue(\n      withRuntimeValue(value, { backend }),\n      \"cliArgs\",\n      undefined\n    );\n    if (\n      !modelBelongsToFamily(\n        value.model,\n        models,\n        familyById(families, familyId),\n        backend\n      )\n    ) {\n      next = withoutCatalogModel(next);\n    }\n    onChange(next);\n  };\n\n  const applyCustomModel = (model: string) =>\n    onChange(\n      withOptionalRuntimeValue(withoutCatalogModel(value), \"model\", model)\n    );\n  // A menu row carries the backend of the catalog it was listed under, and one\n  // catalog serves several backends — claude-cli and claude-cmux models are\n  // listed as claude-agent rows. Copying the row's runtime verbatim would let\n  // picking a model silently move the user off the mode they chose, so a row\n  // drawn from the selected mode's own catalog keeps that mode.\n  const applyModel = (model: ChatModel) => {\n    const next = reconcileModelCapabilities(value, model, reasoningEfforts);\n    if (!mode.provider || model.provider !== mode.provider) {\n      onChange(next);\n      return;\n    }\n    onChange(\n      withOptionalRuntimeValue(\n        withOptionalRuntimeValue(next, \"backend\", mode.backend),\n        \"mode\",\n        mode.id\n      )\n    );\n  };\n  const clearModel = () => onChange(withoutCatalogModel(value));\n  const applyEffort = (effort: string) =>\n    onChange(withOptionalRuntimeValue(value, \"effort\", effort));\n\n  if (variant === \"combo\") {\n    return (\n      <RuntimeBarCombo\n        value={value}\n        families={families}\n        family={family}\n        mode={mode}\n        selectedMode={selection.mode}\n        models={modelOptions}\n        selectedModel={resolvedModel}\n        selectedModelUnavailable={selectedModelUnavailable}\n        supportedEfforts={supportedEfforts}\n        ariaLabel={ariaLabel}\n        className={className}\n        onFamilyChange={(familyId) => applyBackend(familyId, selection.mode)}\n        onModeChange={(modeId) => applyBackend(family.id, modeId)}\n        onModelSelect={applyModel}\n        onModelClear={clearModel}\n        onEffortChange={applyEffort}\n      />\n    );\n  }\n\n  return (\n    <RuntimeBarSegments\n      value={value}\n      models={models}\n      modelOptions={modelOptions}\n      resolvedModel={resolvedModel}\n      selectedModelUnavailable={selectedModelUnavailable}\n      families={families}\n      family={family}\n      mode={mode}\n      selectedMode={selection.mode}\n      reasoningEfforts={reasoningEfforts}\n      supportedEfforts={supportedEfforts}\n      ariaLabel={ariaLabel}\n      className={className}\n      onBackendChange={applyBackend}\n      onCustomModel={applyCustomModel}\n      onModelSelect={applyModel}\n      onModelClear={clearModel}\n      onEffortChange={applyEffort}\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 withRuntimeValue<T extends RuntimeBarValue>(\n  value: T,\n  patch: Partial<RuntimeBarValue>\n): T {\n  return { ...value, ...patch };\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.model.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const providerIcons = require("../chat/provider-icons.cjs");
+function runtimeFamilyBrand(family) {
+  const key = providerIcons.providerIcon(family.id) ? family.id : family.provider;
+  return { icon: providerIcons.providerIcon(key), color: providerIcons.providerIconColor(key) };
+}
+function runtimeModelMatches(model, value) {
+  var _a, _b;
+  return value.id !== void 0 && (model.id === value.id || ((_a = model.runtime) == null ? void 0 : _a.id) === value.id) || value.model !== void 0 && (model.id === value.model || ((_b = model.runtime) == null ? void 0 : _b.model) === value.model);
+}
+exports.runtimeFamilyBrand = runtimeFamilyBrand;
+exports.runtimeModelMatches = runtimeModelMatches;
+//# sourceMappingURL=RuntimeBar.model.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeBar.model.cjs","sources":["../../../src/data/runtime/RuntimeBar.model.ts"],"sourcesContent":["import type { StaticIconComponent } from \"../Icon\";\nimport { providerIcon, providerIconColor } from \"../chat/provider-icons\";\nimport type { ChatModel } from \"../chat/types\";\nimport type { RuntimeBarValue } from \"./RuntimeBar\";\nimport type { SpecRuntimeFamily } from \"./runtime-mode\";\n\nexport function runtimeFamilyBrand(family: SpecRuntimeFamily): {\n  icon: StaticIconComponent | undefined;\n  color: string | undefined;\n} {\n  const key = providerIcon(family.id) ? family.id : family.provider;\n  return { icon: providerIcon(key), color: providerIconColor(key) };\n}\n\nexport function runtimeModelMatches(\n  model: ChatModel,\n  value: RuntimeBarValue,\n): boolean {\n  return (\n    (value.id !== undefined &&\n      (model.id === value.id || model.runtime?.id === value.id)) ||\n    (value.model !== undefined &&\n      (model.id === value.model || model.runtime?.model === value.model))\n  );\n}\n"],"names":["providerIcon","providerIconColor"],"mappings":";;;AAMO,SAAS,mBAAmB,QAGjC;AACA,QAAM,MAAMA,cAAAA,aAAa,OAAO,EAAE,IAAI,OAAO,KAAK,OAAO;AACzD,SAAO,EAAE,MAAMA,2BAAa,GAAG,GAAG,OAAOC,cAAAA,kBAAkB,GAAG,EAAA;AAChE;AAEO,SAAS,oBACd,OACA,OACS;;AACT,SACG,MAAM,OAAO,WACX,MAAM,OAAO,MAAM,QAAM,WAAM,YAAN,mBAAe,QAAO,MAAM,OACvD,MAAM,UAAU,WACd,MAAM,OAAO,MAAM,WAAS,WAAM,YAAN,mBAAe,WAAU,MAAM;AAElE;;;"}

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

@@ -0,0 +1,10 @@
+import { StaticIconComponent } from '../Icon';
+import { ChatModel } from '../chat/types';
+import { RuntimeBarValue } from './RuntimeBar';
+import { SpecRuntimeFamily } from './runtime-mode';
+export declare function runtimeFamilyBrand(family: SpecRuntimeFamily): {
+    icon: StaticIconComponent | undefined;
+    color: string | undefined;
+};
+export declare function runtimeModelMatches(model: ChatModel, value: RuntimeBarValue): boolean;
+//# sourceMappingURL=RuntimeBar.model.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeBar.model.d.ts","sourceRoot":"","sources":["../../../src/data/runtime/RuntimeBar.model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,iBAAiB,GAAG;IAC7D,IAAI,EAAE,mBAAmB,GAAG,SAAS,CAAC;IACtC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B,CAGA;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,eAAe,GACrB,OAAO,CAOT"}

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

@@ -0,0 +1,14 @@
+import { providerIcon, providerIconColor } from "../chat/provider-icons.js";
+function runtimeFamilyBrand(family) {
+  const key = providerIcon(family.id) ? family.id : family.provider;
+  return { icon: providerIcon(key), color: providerIconColor(key) };
+}
+function runtimeModelMatches(model, value) {
+  var _a, _b;
+  return value.id !== void 0 && (model.id === value.id || ((_a = model.runtime) == null ? void 0 : _a.id) === value.id) || value.model !== void 0 && (model.id === value.model || ((_b = model.runtime) == null ? void 0 : _b.model) === value.model);
+}
+export {
+  runtimeFamilyBrand,
+  runtimeModelMatches
+};
+//# sourceMappingURL=RuntimeBar.model.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeBar.model.js","sources":["../../../src/data/runtime/RuntimeBar.model.ts"],"sourcesContent":["import type { StaticIconComponent } from \"../Icon\";\nimport { providerIcon, providerIconColor } from \"../chat/provider-icons\";\nimport type { ChatModel } from \"../chat/types\";\nimport type { RuntimeBarValue } from \"./RuntimeBar\";\nimport type { SpecRuntimeFamily } from \"./runtime-mode\";\n\nexport function runtimeFamilyBrand(family: SpecRuntimeFamily): {\n  icon: StaticIconComponent | undefined;\n  color: string | undefined;\n} {\n  const key = providerIcon(family.id) ? family.id : family.provider;\n  return { icon: providerIcon(key), color: providerIconColor(key) };\n}\n\nexport function runtimeModelMatches(\n  model: ChatModel,\n  value: RuntimeBarValue,\n): boolean {\n  return (\n    (value.id !== undefined &&\n      (model.id === value.id || model.runtime?.id === value.id)) ||\n    (value.model !== undefined &&\n      (model.id === value.model || model.runtime?.model === value.model))\n  );\n}\n"],"names":[],"mappings":";AAMO,SAAS,mBAAmB,QAGjC;AACA,QAAM,MAAM,aAAa,OAAO,EAAE,IAAI,OAAO,KAAK,OAAO;AACzD,SAAO,EAAE,MAAM,aAAa,GAAG,GAAG,OAAO,kBAAkB,GAAG,EAAA;AAChE;AAEO,SAAS,oBACd,OACA,OACS;;AACT,SACG,MAAM,OAAO,WACX,MAAM,OAAO,MAAM,QAAM,WAAM,YAAN,mBAAe,QAAO,MAAM,OACvD,MAAM,UAAU,WACd,MAAM,OAAO,MAAM,WAAS,WAAM,YAAN,mBAAe,WAAU,MAAM;AAElE;"}