@flanksource/clicky-ui 0.3.41 → 0.3.42

package/dist/data/runtime/RuntimeBarSegments.cjs

@@ -1,346 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const InputField = require("../../components/InputField.cjs");
-const utils = require("../../lib/utils.cjs");
-const Icon = require("../Icon.cjs");
-const effortIcons = require("../chat/effort-icons.cjs");
-const providerIcons = require("../chat/provider-icons.cjs");
-const RuntimeBar_model = require("./RuntimeBar.model.cjs");
-const RuntimeBarLimits = require("./RuntimeBarLimits.cjs");
-const RuntimeBarSegment = require("./RuntimeBarSegment.cjs");
-const availability = require("./availability.cjs");
-const runtimeMode = require("./runtime-mode.cjs");
-const unspecified = require("./unspecified.cjs");
-function RuntimeBarSegments({
-  value,
-  models,
-  modelOptions,
-  resolvedModel,
-  selectedModelUnavailable,
-  inheritedModelLabel,
-  families,
-  family,
-  mode,
-  selectedMode,
-  reasoningEfforts,
-  supportedEfforts,
-  locked,
-  showModel,
-  showEffort,
-  showTimeout,
-  showCost,
-  actions,
-  ariaLabel,
-  className,
-  onModeChange,
-  onCustomModel,
-  onModelSelect,
-  onModelClear,
-  onEffortChange,
-  onTimeoutChange,
-  onCostChange
-}) {
-  var _a, _b;
-  const brand = RuntimeBar_model.runtimeFamilyBrand(family);
-  const modelLabel = selectedModelUnavailable ? "Unavailable selection" : (resolvedModel == null ? void 0 : resolvedModel.label) ?? value.model ?? unspecified.UNSPECIFIED_LABEL;
-  const showEffortSegment = showEffort && supportedEfforts.length > 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      role: "group",
-      "aria-label": ariaLabel,
-      className: utils.cn(
-        "inline-flex w-fit max-w-full flex-wrap items-stretch overflow-hidden rounded-md border border-input bg-background max-sm:w-full",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            "data-runtime-bar-section": "identity",
-            className: "flex h-control-h min-w-0 max-w-full items-stretch max-sm:grow",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                RuntimeBarSegment.RuntimeSegment,
-                {
-                  menuLabel: "Family",
-                  title: `Family — ${family.label}`,
-                  disabled: locked,
-                  items: familyItems({
-                    families,
-                    models,
-                    selectedId: family.id,
-                    onSelect: (familyId) => onModeChange(familyId, selectedMode)
-                  }),
-                  children: [
-                    brand.icon && /* @__PURE__ */ jsxRuntime.jsx(
-                      Icon.Icon,
-                      {
-                        icon: brand.icon,
-                        className: utils.cn("size-4 shrink-0", brand.color)
-                      }
-                    ),
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      "span",
-                      {
-                        className: utils.cn(RuntimeBarSegment.SEGMENT_CAPTION_CLASS, brand.icon && "max-sm:sr-only"),
-                        children: family.label
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                RuntimeBarSegment.RuntimeSegment,
-                {
-                  menuLabel: "Runtime mode",
-                  title: mode.title ?? "Runtime mode",
-                  disabled: locked,
-                  items: modeItems({
-                    family,
-                    selectedId: selectedMode,
-                    onSelect: (modeId) => onModeChange(family.id, modeId)
-                  }),
-                  children: [
-                    mode.icon && /* @__PURE__ */ jsxRuntime.jsx(
-                      Icon.Icon,
-                      {
-                        icon: mode.icon,
-                        className: "size-4 shrink-0 text-muted-foreground"
-                      }
-                    ),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: RuntimeBarSegment.SEGMENT_CAPTION_CLASS, children: mode.label })
-                  ]
-                }
-              ),
-              showModel && /* @__PURE__ */ jsxRuntime.jsx(
-                RuntimeBarSegment.RuntimeSegment,
-                {
-                  menuLabel: "Model",
-                  title: selectedModelUnavailable ? "Model — unavailable selection" : value.model ? `Model — ${value.model}` : "Model — unspecified",
-                  disabled: locked,
-                  className: "min-w-0 max-w-56 flex-1 max-sm:max-w-none",
-                  header: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-1", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: RuntimeBarSegment.SEGMENT_KEY_CLASS, children: "Model id" }),
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      InputField.InputField,
-                      {
-                        value: selectedModelUnavailable ? "" : value.model ?? "",
-                        onChange: onCustomModel,
-                        ...selectedModelUnavailable ? { placeholder: "Unavailable selection" } : {},
-                        "aria-label": "Model id",
-                        disabled: locked,
-                        inputClassName: "font-mono text-xs",
-                        className: "bg-background"
-                      }
-                    )
-                  ] }),
-                  items: modelItems({
-                    models: modelOptions,
-                    group: `${family.label} models`,
-                    selectedId: selectedModelUnavailable ? void 0 : (resolvedModel == null ? void 0 : resolvedModel.id) ?? value.model,
-                    inheritedLabel: inheritedModelLabel,
-                    onSelect: onModelSelect,
-                    onClear: onModelClear
-                  }),
-                  children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate font-mono text-xs text-foreground", children: modelLabel })
-                }
-              )
-            ]
-          }
-        ),
-        (showEffortSegment || showTimeout || showCost) && /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            "data-runtime-bar-section": "settings",
-            className: "-ml-px -mt-px flex h-control-h min-w-0 items-stretch border-l border-t border-border max-sm:w-full max-sm:[&>div]:flex-1",
-            children: [
-              showEffortSegment && /* @__PURE__ */ jsxRuntime.jsxs(
-                RuntimeBarSegment.RuntimeSegment,
-                {
-                  menuLabel: "Reasoning effort",
-                  title: "Reasoning effort",
-                  items: effortItems({
-                    offered: effortUniverse(
-                      reasoningEfforts,
-                      supportedEfforts,
-                      value.effort
-                    ),
-                    supported: supportedEfforts,
-                    selected: value.effort,
-                    onSelect: onEffortChange
-                  }),
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn(RuntimeBarSegment.SEGMENT_KEY_CLASS, "min-w-0 truncate"), children: "Effort" }),
-                    /* @__PURE__ */ jsxRuntime.jsx(EffortGlyph, { effort: value.effort }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn(RuntimeBarSegment.SEGMENT_CAPTION_CLASS, "shrink-0"), children: value.effort ? effortIcons.effortLevelLabel(value.effort) : unspecified.UNSPECIFIED_LABEL })
-                  ]
-                }
-              ),
-              showTimeout && /* @__PURE__ */ jsxRuntime.jsx(
-                RuntimeBarLimits.TimeoutSegment,
-                {
-                  value: (_a = value.budget) == null ? void 0 : _a.timeout,
-                  onChange: onTimeoutChange
-                }
-              ),
-              showCost && /* @__PURE__ */ jsxRuntime.jsx(RuntimeBarLimits.CostSegment, { value: (_b = value.budget) == null ? void 0 : _b.cost, onChange: onCostChange })
-            ]
-          }
-        ),
-        actions
-      ]
-    }
-  );
-}
-function EffortGlyph({ effort }) {
-  const glyph = effort ? effortIcons.effortLevelIcon(effort) : void 0;
-  if (!glyph) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Icon.Icon,
-    {
-      icon: glyph,
-      className: utils.cn(
-        "size-4 shrink-0",
-        effort ? effortIcons.effortLevelColor(effort) : void 0
-      )
-    }
-  );
-}
-function familyItems({
-  families,
-  models,
-  selectedId,
-  onSelect
-}) {
-  return families.filter(
-    (family) => family.modes.some((mode) => !availability.isUnavailable(mode.availability))
-  ).map((family) => {
-    const brand = RuntimeBar_model.runtimeFamilyBrand(family);
-    const count = runtimeMode.modelsForFamily(models, family).length;
-    return {
-      group: "Family",
-      label: /* @__PURE__ */ jsxRuntime.jsx(
-        RuntimeBarSegment.SegmentItemLabel,
-        {
-          text: family.label,
-          ...count > 0 ? { hint: `${count} models` } : {},
-          selected: family.id === selectedId
-        }
-      ),
-      ...brand.icon ? { icon: brand.icon } : {},
-      onSelect: () => onSelect(family.id)
-    };
-  });
-}
-function modeItems({
-  family,
-  selectedId,
-  onSelect
-}) {
-  return family.modes.filter((mode) => !availability.isUnavailable(mode.availability)).map((mode) => ({
-    group: "Mode · runtime",
-    label: /* @__PURE__ */ jsxRuntime.jsx(
-      RuntimeBarSegment.SegmentItemLabel,
-      {
-        text: mode.label,
-        ...mode.title ? { hint: mode.title } : {},
-        selected: mode.id === selectedId
-      }
-    ),
-    ...mode.icon ? { icon: mode.icon } : {},
-    ...mode.title ? { title: mode.title } : {},
-    onSelect: () => onSelect(mode.id)
-  }));
-}
-function modelItems({
-  models,
-  group,
-  selectedId,
-  inheritedLabel,
-  onSelect,
-  onClear
-}) {
-  const clear = {
-    group: "Model",
-    label: /* @__PURE__ */ jsxRuntime.jsx(
-      RuntimeBarSegment.SegmentItemLabel,
-      {
-        text: unspecified.UNSPECIFIED_LABEL,
-        hint: unspecified.unspecifiedHint(inheritedLabel),
-        selected: !selectedId
-      }
-    ),
-    onSelect: onClear
-  };
-  return [
-    clear,
-    ...models.map((model) => {
-      const glyph = providerIcons.providerIcon(
-        model.provider
-      );
-      return {
-        group,
-        label: /* @__PURE__ */ jsxRuntime.jsx(
-          RuntimeBarSegment.SegmentItemLabel,
-          {
-            text: model.label,
-            ...model.id === model.label ? {} : { hint: model.id },
-            selected: model.id === selectedId,
-            stacked: true
-          }
-        ),
-        ...glyph ? { icon: glyph } : {},
-        onSelect: () => onSelect(model)
-      };
-    })
-  ];
-}
-function effortItems({
-  offered,
-  supported,
-  selected,
-  onSelect
-}) {
-  const current = (selected == null ? void 0 : selected.trim()) ?? unspecified.UNSPECIFIED_ID;
-  const none = {
-    group: "Reasoning effort",
-    label: /* @__PURE__ */ jsxRuntime.jsx(
-      RuntimeBarSegment.SegmentItemLabel,
-      {
-        text: unspecified.UNSPECIFIED_LABEL,
-        hint: unspecified.UNSPECIFIED_HINT,
-        selected: current === unspecified.UNSPECIFIED_ID
-      }
-    ),
-    onSelect: () => onSelect(unspecified.UNSPECIFIED_ID)
-  };
-  return [
-    none,
-    ...offered.map((effort) => {
-      const glyph = effortIcons.effortLevelIcon(effort);
-      const usable = supported.includes(effort);
-      return {
-        group: "Reasoning effort",
-        label: /* @__PURE__ */ jsxRuntime.jsx(
-          RuntimeBarSegment.SegmentItemLabel,
-          {
-            text: effortIcons.effortLevelLabel(effort),
-            ...usable ? {} : { hint: "unsupported" },
-            selected: effort === current
-          }
-        ),
-        ...glyph ? { icon: glyph } : {},
-        disabled: !usable,
-        onSelect: () => onSelect(effort)
-      };
-    })
-  ];
-}
-function effortUniverse(offered, supported, selected) {
-  const all = [...offered, ...supported, selected ?? ""].map((effort) => effort.trim()).filter(Boolean);
-  return [...new Set(all)];
-}
-exports.RuntimeBarSegments = RuntimeBarSegments;
-//# sourceMappingURL=RuntimeBarSegments.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RuntimeBarSegments.cjs","sources":["../../../src/data/runtime/RuntimeBarSegments.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { InputField } from \"../../components/InputField\";\nimport { cn } from \"../../lib/utils\";\nimport type { DropdownMenuItem } from \"../../overlay/DropdownMenu\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  effortLevelColor,\n  effortLevelIcon,\n  effortLevelLabel,\n} from \"../chat/effort-icons\";\nimport { providerIcon } from \"../chat/provider-icons\";\nimport type { ChatModel } from \"../chat/types\";\nimport { runtimeFamilyBrand } from \"./RuntimeBar.model\";\nimport type { RuntimeBarValue } from \"./RuntimeBar\";\nimport { CostSegment, TimeoutSegment } from \"./RuntimeBarLimits\";\nimport {\n  RuntimeSegment,\n  SEGMENT_CAPTION_CLASS,\n  SEGMENT_KEY_CLASS,\n  SegmentItemLabel,\n} from \"./RuntimeBarSegment\";\nimport { isUnavailable } from \"./availability\";\nimport {\n  modelsForFamily,\n  type SpecRuntimeFamily,\n  type SpecRuntimeModeOption,\n} from \"./runtime-mode\";\nimport {\n  UNSPECIFIED_HINT,\n  UNSPECIFIED_ID,\n  UNSPECIFIED_LABEL,\n  unspecifiedHint,\n} from \"./unspecified\";\n\nexport type RuntimeBarSegmentsProps = {\n  value: RuntimeBarValue;\n  models: ChatModel[];\n  modelOptions: ChatModel[];\n  resolvedModel: ChatModel | undefined;\n  selectedModelUnavailable: boolean;\n  /** Display name of the model this layer would inherit when unspecified. */\n  inheritedModelLabel?: string | undefined;\n  families: SpecRuntimeFamily[];\n  family: SpecRuntimeFamily;\n  mode: SpecRuntimeModeOption;\n  selectedMode: string;\n  reasoningEfforts: string[];\n  supportedEfforts: string[];\n  locked: boolean;\n  showModel: boolean;\n  showEffort: boolean;\n  showTimeout: boolean;\n  showCost: boolean;\n  /** Trailing spec-level section fused onto the bar (see `RuntimeBarActions`). */\n  actions?: ReactNode | undefined;\n  ariaLabel: string;\n  className?: string | undefined;\n  onModeChange: (familyId: string, modeId: string) => void;\n  onCustomModel: (model: string) => void;\n  onModelSelect: (model: ChatModel) => void;\n  onModelClear: () => void;\n  onEffortChange: (effort: string) => void;\n  onTimeoutChange: (timeout: string | undefined) => void;\n  onCostChange: (cost: number | undefined) => void;\n};\n\nexport function RuntimeBarSegments({\n  value,\n  models,\n  modelOptions,\n  resolvedModel,\n  selectedModelUnavailable,\n  inheritedModelLabel,\n  families,\n  family,\n  mode,\n  selectedMode,\n  reasoningEfforts,\n  supportedEfforts,\n  locked,\n  showModel,\n  showEffort,\n  showTimeout,\n  showCost,\n  actions,\n  ariaLabel,\n  className,\n  onModeChange,\n  onCustomModel,\n  onModelSelect,\n  onModelClear,\n  onEffortChange,\n  onTimeoutChange,\n  onCostChange,\n}: RuntimeBarSegmentsProps) {\n  const brand = runtimeFamilyBrand(family);\n  const modelLabel = selectedModelUnavailable\n    ? \"Unavailable selection\"\n    : (resolvedModel?.label ?? value.model ?? UNSPECIFIED_LABEL);\n  const showEffortSegment = showEffort && supportedEfforts.length > 0;\n\n  // Identity and settings wrap as two units, so a narrow bar drops its settings\n  // onto a second row instead of clipping them. The settings row carries both a\n  // left and a top divider, pulled 1px outside the bar's padding box; the bar's\n  // overflow clipping hides whichever one does not apply to the current wrap.\n  return (\n    <div\n      role=\"group\"\n      aria-label={ariaLabel}\n      className={cn(\n        \"inline-flex w-fit max-w-full flex-wrap items-stretch overflow-hidden rounded-md border border-input bg-background max-sm:w-full\",\n        className,\n      )}\n    >\n      <div\n        data-runtime-bar-section=\"identity\"\n        className=\"flex h-control-h min-w-0 max-w-full items-stretch max-sm:grow\"\n      >\n        <RuntimeSegment\n          menuLabel=\"Family\"\n          title={`Family — ${family.label}`}\n          disabled={locked}\n          items={familyItems({\n            families,\n            models,\n            selectedId: family.id,\n            onSelect: (familyId) => onModeChange(familyId, selectedMode),\n          })}\n        >\n          {brand.icon && (\n            <Icon\n              icon={brand.icon}\n              className={cn(\"size-4 shrink-0\", brand.color)}\n            />\n          )}\n          <span\n            className={cn(SEGMENT_CAPTION_CLASS, brand.icon && \"max-sm:sr-only\")}\n          >\n            {family.label}\n          </span>\n        </RuntimeSegment>\n        <RuntimeSegment\n          menuLabel=\"Runtime mode\"\n          title={mode.title ?? \"Runtime mode\"}\n          disabled={locked}\n          items={modeItems({\n            family,\n            selectedId: selectedMode,\n            onSelect: (modeId) => onModeChange(family.id, modeId),\n          })}\n        >\n          {mode.icon && (\n            <Icon\n              icon={mode.icon}\n              className=\"size-4 shrink-0 text-muted-foreground\"\n            />\n          )}\n          <span className={SEGMENT_CAPTION_CLASS}>{mode.label}</span>\n        </RuntimeSegment>\n        {showModel && (\n          <RuntimeSegment\n            menuLabel=\"Model\"\n            title={\n              selectedModelUnavailable\n                ? \"Model — unavailable selection\"\n                : value.model\n                  ? `Model — ${value.model}`\n                  : \"Model — unspecified\"\n            }\n            disabled={locked}\n            className=\"min-w-0 max-w-56 flex-1 max-sm:max-w-none\"\n            header={\n              <div className=\"grid gap-1\">\n                <span className={SEGMENT_KEY_CLASS}>Model id</span>\n                <InputField\n                  value={selectedModelUnavailable ? \"\" : (value.model ?? \"\")}\n                  onChange={onCustomModel}\n                  {...(selectedModelUnavailable\n                    ? { placeholder: \"Unavailable selection\" }\n                    : {})}\n                  aria-label=\"Model id\"\n                  disabled={locked}\n                  inputClassName=\"font-mono text-xs\"\n                  className=\"bg-background\"\n                />\n              </div>\n            }\n            items={modelItems({\n              models: modelOptions,\n              group: `${family.label} models`,\n              selectedId: selectedModelUnavailable\n                ? undefined\n                : (resolvedModel?.id ?? value.model),\n              inheritedLabel: inheritedModelLabel,\n              onSelect: onModelSelect,\n              onClear: onModelClear,\n            })}\n          >\n            <span className=\"min-w-0 truncate font-mono text-xs text-foreground\">\n              {modelLabel}\n            </span>\n          </RuntimeSegment>\n        )}\n      </div>\n      {(showEffortSegment || showTimeout || showCost) && (\n        <div\n          data-runtime-bar-section=\"settings\"\n          className=\"-ml-px -mt-px flex h-control-h min-w-0 items-stretch border-l border-t border-border max-sm:w-full max-sm:[&>div]:flex-1\"\n        >\n          {showEffortSegment && (\n            <RuntimeSegment\n              menuLabel=\"Reasoning effort\"\n              title=\"Reasoning effort\"\n              items={effortItems({\n                offered: effortUniverse(\n                  reasoningEfforts,\n                  supportedEfforts,\n                  value.effort,\n                ),\n                supported: supportedEfforts,\n                selected: value.effort,\n                onSelect: onEffortChange,\n              })}\n            >\n              <span className={cn(SEGMENT_KEY_CLASS, \"min-w-0 truncate\")}>\n                Effort\n              </span>\n              <EffortGlyph effort={value.effort} />\n              <span className={cn(SEGMENT_CAPTION_CLASS, \"shrink-0\")}>\n                {value.effort ? effortLevelLabel(value.effort) : UNSPECIFIED_LABEL}\n              </span>\n            </RuntimeSegment>\n          )}\n          {showTimeout && (\n            <TimeoutSegment\n              value={value.budget?.timeout}\n              onChange={onTimeoutChange}\n            />\n          )}\n          {showCost && (\n            <CostSegment value={value.budget?.cost} onChange={onCostChange} />\n          )}\n        </div>\n      )}\n      {actions}\n    </div>\n  );\n}\n\nfunction EffortGlyph({ effort }: { effort?: string | undefined }) {\n  const glyph = effort ? effortLevelIcon(effort) : undefined;\n  if (!glyph) return null;\n  return (\n    <Icon\n      icon={glyph}\n      className={cn(\n        \"size-4 shrink-0\",\n        effort ? effortLevelColor(effort) : undefined,\n      )}\n    />\n  );\n}\n\nfunction familyItems({\n  families,\n  models,\n  selectedId,\n  onSelect,\n}: {\n  families: SpecRuntimeFamily[];\n  models: ChatModel[];\n  selectedId: string;\n  onSelect: (familyId: string) => void;\n}): DropdownMenuItem[] {\n  return families\n    .filter((family) =>\n      family.modes.some((mode) => !isUnavailable(mode.availability)),\n    )\n    .map((family) => {\n      const brand = runtimeFamilyBrand(family);\n      const count = modelsForFamily(models, family).length;\n      return {\n        group: \"Family\",\n        label: (\n          <SegmentItemLabel\n            text={family.label}\n            {...(count > 0 ? { hint: `${count} models` } : {})}\n            selected={family.id === selectedId}\n          />\n        ),\n        ...(brand.icon ? { icon: brand.icon } : {}),\n        onSelect: () => onSelect(family.id),\n      };\n    });\n}\n\nfunction modeItems({\n  family,\n  selectedId,\n  onSelect,\n}: {\n  family: SpecRuntimeFamily;\n  selectedId: string;\n  onSelect: (modeId: string) => void;\n}): DropdownMenuItem[] {\n  return family.modes\n    .filter((mode) => !isUnavailable(mode.availability))\n    .map((mode) => ({\n      group: \"Mode · runtime\",\n      label: (\n        <SegmentItemLabel\n          text={mode.label}\n          {...(mode.title ? { hint: mode.title } : {})}\n          selected={mode.id === selectedId}\n        />\n      ),\n      ...(mode.icon ? { icon: mode.icon } : {}),\n      ...(mode.title ? { title: mode.title } : {}),\n      onSelect: () => onSelect(mode.id),\n    }));\n}\n\nfunction modelItems({\n  models,\n  group,\n  selectedId,\n  inheritedLabel,\n  onSelect,\n  onClear,\n}: {\n  models: ChatModel[];\n  group: string;\n  selectedId?: string | undefined;\n  inheritedLabel?: string | undefined;\n  onSelect: (model: ChatModel) => void;\n  onClear: () => void;\n}): DropdownMenuItem[] {\n  const clear: DropdownMenuItem = {\n    group: \"Model\",\n    label: (\n      <SegmentItemLabel\n        text={UNSPECIFIED_LABEL}\n        hint={unspecifiedHint(inheritedLabel)}\n        selected={!selectedId}\n      />\n    ),\n    onSelect: onClear,\n  };\n  return [\n    clear,\n    ...models.map((model) => {\n      const glyph: StaticIconComponent | undefined = providerIcon(\n        model.provider,\n      );\n      return {\n        group,\n        label: (\n          <SegmentItemLabel\n            text={model.label}\n            {...(model.id === model.label ? {} : { hint: model.id })}\n            selected={model.id === selectedId}\n            stacked\n          />\n        ),\n        ...(glyph ? { icon: glyph } : {}),\n        onSelect: () => onSelect(model),\n      };\n    }),\n  ];\n}\n\nfunction effortItems({\n  offered,\n  supported,\n  selected,\n  onSelect,\n}: {\n  offered: string[];\n  supported: string[];\n  selected?: string | undefined;\n  onSelect: (effort: string) => void;\n}): DropdownMenuItem[] {\n  const current = selected?.trim() ?? UNSPECIFIED_ID;\n  const none: DropdownMenuItem = {\n    group: \"Reasoning effort\",\n    label: (\n      <SegmentItemLabel\n        text={UNSPECIFIED_LABEL}\n        hint={UNSPECIFIED_HINT}\n        selected={current === UNSPECIFIED_ID}\n      />\n    ),\n    onSelect: () => onSelect(UNSPECIFIED_ID),\n  };\n  return [\n    none,\n    ...offered.map((effort) => {\n      const glyph = effortLevelIcon(effort);\n      const usable = supported.includes(effort);\n      return {\n        group: \"Reasoning effort\",\n        label: (\n          <SegmentItemLabel\n            text={effortLevelLabel(effort)}\n            {...(usable ? {} : { hint: \"unsupported\" })}\n            selected={effort === current}\n          />\n        ),\n        ...(glyph ? { icon: glyph } : {}),\n        disabled: !usable,\n        onSelect: () => onSelect(effort),\n      };\n    }),\n  ];\n}\n\nfunction effortUniverse(\n  offered: readonly string[],\n  supported: readonly string[],\n  selected: string | undefined,\n): string[] {\n  const all = [...offered, ...supported, selected ?? \"\"]\n    .map((effort) => effort.trim())\n    .filter(Boolean);\n  return [...new Set(all)];\n}\n"],"names":["runtimeFamilyBrand","UNSPECIFIED_LABEL","jsxs","cn","RuntimeSegment","jsx","Icon","SEGMENT_CAPTION_CLASS","SEGMENT_KEY_CLASS","InputField","effortLevelLabel","TimeoutSegment","CostSegment","effortLevelIcon","effortLevelColor","isUnavailable","modelsForFamily","SegmentItemLabel","unspecifiedHint","providerIcon","UNSPECIFIED_ID","UNSPECIFIED_HINT"],"mappings":"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"}

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

@@ -1,37 +0,0 @@
-import { ReactNode } from 'react';
-import { ChatModel } from '../chat/types.js';
-import { RuntimeBarValue } from './RuntimeBar.js';
-import { SpecRuntimeFamily, SpecRuntimeModeOption } from './runtime-mode.js';
-export type RuntimeBarSegmentsProps = {
-    value: RuntimeBarValue;
-    models: ChatModel[];
-    modelOptions: ChatModel[];
-    resolvedModel: ChatModel | undefined;
-    selectedModelUnavailable: boolean;
-    /** Display name of the model this layer would inherit when unspecified. */
-    inheritedModelLabel?: string | undefined;
-    families: SpecRuntimeFamily[];
-    family: SpecRuntimeFamily;
-    mode: SpecRuntimeModeOption;
-    selectedMode: string;
-    reasoningEfforts: string[];
-    supportedEfforts: string[];
-    locked: boolean;
-    showModel: boolean;
-    showEffort: boolean;
-    showTimeout: boolean;
-    showCost: boolean;
-    /** Trailing spec-level section fused onto the bar (see `RuntimeBarActions`). */
-    actions?: ReactNode | undefined;
-    ariaLabel: string;
-    className?: string | undefined;
-    onModeChange: (familyId: string, modeId: string) => void;
-    onCustomModel: (model: string) => void;
-    onModelSelect: (model: ChatModel) => void;
-    onModelClear: () => void;
-    onEffortChange: (effort: string) => void;
-    onTimeoutChange: (timeout: string | undefined) => void;
-    onCostChange: (cost: number | undefined) => void;
-};
-export declare function RuntimeBarSegments({ value, models, modelOptions, resolvedModel, selectedModelUnavailable, inheritedModelLabel, families, family, mode, selectedMode, reasoningEfforts, supportedEfforts, locked, showModel, showEffort, showTimeout, showCost, actions, ariaLabel, className, onModeChange, onCustomModel, onModelSelect, onModelClear, onEffortChange, onTimeoutChange, onCostChange, }: RuntimeBarSegmentsProps): import("react").JSX.Element;
-//# sourceMappingURL=RuntimeBarSegments.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RuntimeBarSegments.d.ts","sourceRoot":"","sources":["../../../src/data/runtime/RuntimeBarSegments.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AASpD,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC3B,MAAM,gBAAgB,CAAC;AAQxB,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,eAAe,CAAC;IACvB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,YAAY,EAAE,SAAS,EAAE,CAAC;IAC1B,aAAa,EAAE,SAAS,GAAG,SAAS,CAAC;IACrC,wBAAwB,EAAE,OAAO,CAAC;IAClC,2EAA2E;IAC3E,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,IAAI,EAAE,qBAAqB,CAAC;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,gFAAgF;IAChF,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,aAAa,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACvD,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,wBAAwB,EACxB,mBAAmB,EACnB,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,MAAM,EACN,SAAS,EACT,UAAU,EACV,WAAW,EACX,QAAQ,EACR,OAAO,EACP,SAAS,EACT,SAAS,EACT,YAAY,EACZ,aAAa,EACb,aAAa,EACb,YAAY,EACZ,cAAc,EACd,eAAe,EACf,YAAY,GACb,EAAE,uBAAuB,+BAyJzB"}