@flanksource/clicky-ui 0.3.41 → 0.3.42

package/dist/data/runtime/RuntimeBarSegments.js

@@ -1,346 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { InputField } from "../../components/InputField.js";
-import { cn } from "../../lib/utils.js";
-import { Icon } from "../Icon.js";
-import { effortLevelLabel, effortLevelIcon, effortLevelColor } from "../chat/effort-icons.js";
-import { providerIcon } from "../chat/provider-icons.js";
-import { runtimeFamilyBrand } from "./RuntimeBar.model.js";
-import { TimeoutSegment, CostSegment } from "./RuntimeBarLimits.js";
-import { RuntimeSegment, SEGMENT_CAPTION_CLASS, SEGMENT_KEY_CLASS, SegmentItemLabel } from "./RuntimeBarSegment.js";
-import { isUnavailable } from "./availability.js";
-import { modelsForFamily } from "./runtime-mode.js";
-import { UNSPECIFIED_LABEL, unspecifiedHint, UNSPECIFIED_ID, UNSPECIFIED_HINT } from "./unspecified.js";
-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 = runtimeFamilyBrand(family);
-  const modelLabel = selectedModelUnavailable ? "Unavailable selection" : (resolvedModel == null ? void 0 : resolvedModel.label) ?? value.model ?? UNSPECIFIED_LABEL;
-  const showEffortSegment = showEffort && supportedEfforts.length > 0;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "group",
-      "aria-label": ariaLabel,
-      className: 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__ */ 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__ */ jsxs(
-                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__ */ jsx(
-                      Icon,
-                      {
-                        icon: brand.icon,
-                        className: cn("size-4 shrink-0", brand.color)
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      "span",
-                      {
-                        className: cn(SEGMENT_CAPTION_CLASS, brand.icon && "max-sm:sr-only"),
-                        children: family.label
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs(
-                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__ */ jsx(
-                      Icon,
-                      {
-                        icon: mode.icon,
-                        className: "size-4 shrink-0 text-muted-foreground"
-                      }
-                    ),
-                    /* @__PURE__ */ jsx("span", { className: SEGMENT_CAPTION_CLASS, children: mode.label })
-                  ]
-                }
-              ),
-              showModel && /* @__PURE__ */ jsx(
-                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__ */ jsxs("div", { className: "grid gap-1", children: [
-                    /* @__PURE__ */ jsx("span", { className: SEGMENT_KEY_CLASS, children: "Model id" }),
-                    /* @__PURE__ */ jsx(
-                      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__ */ jsx("span", { className: "min-w-0 truncate font-mono text-xs text-foreground", children: modelLabel })
-                }
-              )
-            ]
-          }
-        ),
-        (showEffortSegment || showTimeout || showCost) && /* @__PURE__ */ 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__ */ jsxs(
-                RuntimeSegment,
-                {
-                  menuLabel: "Reasoning effort",
-                  title: "Reasoning effort",
-                  items: effortItems({
-                    offered: effortUniverse(
-                      reasoningEfforts,
-                      supportedEfforts,
-                      value.effort
-                    ),
-                    supported: supportedEfforts,
-                    selected: value.effort,
-                    onSelect: onEffortChange
-                  }),
-                  children: [
-                    /* @__PURE__ */ jsx("span", { className: cn(SEGMENT_KEY_CLASS, "min-w-0 truncate"), children: "Effort" }),
-                    /* @__PURE__ */ jsx(EffortGlyph, { effort: value.effort }),
-                    /* @__PURE__ */ jsx("span", { className: cn(SEGMENT_CAPTION_CLASS, "shrink-0"), children: value.effort ? effortLevelLabel(value.effort) : UNSPECIFIED_LABEL })
-                  ]
-                }
-              ),
-              showTimeout && /* @__PURE__ */ jsx(
-                TimeoutSegment,
-                {
-                  value: (_a = value.budget) == null ? void 0 : _a.timeout,
-                  onChange: onTimeoutChange
-                }
-              ),
-              showCost && /* @__PURE__ */ jsx(CostSegment, { value: (_b = value.budget) == null ? void 0 : _b.cost, onChange: onCostChange })
-            ]
-          }
-        ),
-        actions
-      ]
-    }
-  );
-}
-function EffortGlyph({ effort }) {
-  const glyph = effort ? effortLevelIcon(effort) : void 0;
-  if (!glyph) return null;
-  return /* @__PURE__ */ jsx(
-    Icon,
-    {
-      icon: glyph,
-      className: cn(
-        "size-4 shrink-0",
-        effort ? effortLevelColor(effort) : void 0
-      )
-    }
-  );
-}
-function familyItems({
-  families,
-  models,
-  selectedId,
-  onSelect
-}) {
-  return families.filter(
-    (family) => family.modes.some((mode) => !isUnavailable(mode.availability))
-  ).map((family) => {
-    const brand = runtimeFamilyBrand(family);
-    const count = modelsForFamily(models, family).length;
-    return {
-      group: "Family",
-      label: /* @__PURE__ */ jsx(
-        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) => !isUnavailable(mode.availability)).map((mode) => ({
-    group: "Mode · runtime",
-    label: /* @__PURE__ */ jsx(
-      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__ */ jsx(
-      SegmentItemLabel,
-      {
-        text: UNSPECIFIED_LABEL,
-        hint: unspecifiedHint(inheritedLabel),
-        selected: !selectedId
-      }
-    ),
-    onSelect: onClear
-  };
-  return [
-    clear,
-    ...models.map((model) => {
-      const glyph = providerIcon(
-        model.provider
-      );
-      return {
-        group,
-        label: /* @__PURE__ */ jsx(
-          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_ID;
-  const none = {
-    group: "Reasoning effort",
-    label: /* @__PURE__ */ jsx(
-      SegmentItemLabel,
-      {
-        text: UNSPECIFIED_LABEL,
-        hint: UNSPECIFIED_HINT,
-        selected: current === UNSPECIFIED_ID
-      }
-    ),
-    onSelect: () => onSelect(UNSPECIFIED_ID)
-  };
-  return [
-    none,
-    ...offered.map((effort) => {
-      const glyph = effortLevelIcon(effort);
-      const usable = supported.includes(effort);
-      return {
-        group: "Reasoning effort",
-        label: /* @__PURE__ */ jsx(
-          SegmentItemLabel,
-          {
-            text: 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)];
-}
-export {
-  RuntimeBarSegments
-};
-//# sourceMappingURL=RuntimeBarSegments.js.map

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

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