@flanksource/clicky-ui 0.3.41 → 0.3.43

package/dist/data/runtime/RuntimeBarCombo.js

@@ -1,423 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { Button } from "../../components/button.js";
-import { InputField } from "../../components/InputField.js";
-import { SegmentedControl } from "../../components/SegmentedControl.js";
-import { cn } from "../../lib/utils.js";
-import { DropdownMenu } from "../../overlay/DropdownMenu.js";
-import { Icon } from "../Icon.js";
-import { RuntimeBarLimitFields } from "./RuntimeBarLimits.js";
-import { formatCost } from "./RuntimeBar.limits.js";
-import { SEGMENT_KEY_CLASS } from "./RuntimeBarSegment.js";
-import { effortLevelLabel, effortLevelIcon, effortLevelColor } from "../chat/effort-icons.js";
-import { providerIcon, providerIconColor } from "../chat/provider-icons.js";
-import { runtimeFamilyBrand } from "./RuntimeBar.model.js";
-import { isUnavailable } from "./availability.js";
-import { UNSPECIFIED_LABEL, UNSPECIFIED_NAME, UNSPECIFIED_ID, unspecifiedHint } from "./unspecified.js";
-import { UiChevronDown } from "../../icons/components/UiChevronDown.js";
-import { UiCheck } from "../../icons/components/UiCheck.js";
-function RuntimeBarCombo({
-  value,
-  families,
-  family,
-  mode,
-  selectedMode,
-  models,
-  selectedModel,
-  selectedModelUnavailable,
-  inheritedModelLabel,
-  supportedEfforts,
-  locked,
-  showModel,
-  showEffort,
-  showTimeout,
-  showCost,
-  ariaLabel,
-  className,
-  onFamilyChange,
-  onModeChange,
-  onModelSelect,
-  onModelClear,
-  onCustomModel,
-  onEffortChange,
-  onTimeoutChange,
-  onCostChange
-}) {
-  var _a, _b, _c, _d;
-  const brand = runtimeFamilyBrand(family);
-  const modelLabel = showModel ? selectedModelUnavailable ? "Unavailable selection" : (selectedModel == null ? void 0 : selectedModel.label) ?? value.model ?? UNSPECIFIED_LABEL : `${family.label} ${mode.label}`;
-  const effortLabel = value.effort ? effortLevelLabel(value.effort) : UNSPECIFIED_LABEL;
-  const effortIcon = value.effort ? effortLevelIcon(value.effort) : void 0;
-  const summaryParts = [family.label, mode.label];
-  if (showModel) summaryParts.push(modelLabel === UNSPECIFIED_LABEL ? UNSPECIFIED_NAME : modelLabel);
-  if (showEffort) summaryParts.push(`effort ${value.effort ? effortLabel : UNSPECIFIED_NAME}`);
-  if (showTimeout) summaryParts.push(`timeout ${((_a = value.budget) == null ? void 0 : _a.timeout) ?? "none"}`);
-  if (showCost) summaryParts.push(`max cost ${formatCost((_b = value.budget) == null ? void 0 : _b.cost) ?? "none"}`);
-  const summary = `${ariaLabel}: ${summaryParts.join(", ")}${locked ? ". Model and mode are locked for this conversation; fork it to change them" : ""}`;
-  return /* @__PURE__ */ jsx(
-    DropdownMenu,
-    {
-      align: "left",
-      menuLabel: `${ariaLabel} controls`,
-      ...className ? { className } : {},
-      menuClassName: "max-h-[70vh] w-[28rem] max-w-[calc(100vw-24px)] overflow-y-auto",
-      trigger: /* @__PURE__ */ jsxs(
-        Button,
-        {
-          type: "button",
-          variant: "outline",
-          size: "sm",
-          title: summary,
-          "aria-label": summary,
-          className: "max-w-full gap-1.5 px-density-2",
-          children: [
-            brand.icon && /* @__PURE__ */ jsx(
-              Icon,
-              {
-                icon: brand.icon,
-                className: cn("size-4 shrink-0", brand.color)
-              }
-            ),
-            mode.icon && /* @__PURE__ */ jsx(
-              Icon,
-              {
-                icon: mode.icon,
-                className: "size-4 shrink-0 text-muted-foreground"
-              }
-            ),
-            /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-xs font-semibold text-foreground", children: modelLabel }),
-            showEffort && effortIcon && /* @__PURE__ */ jsx(
-              Icon,
-              {
-                icon: effortIcon,
-                className: cn(
-                  "size-4 shrink-0",
-                  value.effort ? effortLevelColor(value.effort) : void 0
-                )
-              }
-            ),
-            showTimeout && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: ((_c = value.budget) == null ? void 0 : _c.timeout) ?? "No timeout" }),
-            showCost && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: formatCost((_d = value.budget) == null ? void 0 : _d.cost) ?? "No max cost" }),
-            /* @__PURE__ */ jsx(
-              Icon,
-              {
-                icon: UiChevronDown,
-                className: "size-3 shrink-0 text-muted-foreground/70"
-              }
-            )
-          ]
-        }
-      ),
-      children: () => {
-        var _a2, _b2;
-        return /* @__PURE__ */ jsxs("div", { className: "p-1 text-xs", children: [
-          /* @__PURE__ */ jsxs("div", { className: "space-y-2 border-b border-border px-2 pb-3 pt-2", children: [
-            locked && /* @__PURE__ */ jsx("div", { className: "rounded bg-muted px-2 py-1.5 text-[11px] text-muted-foreground", children: "Model and mode are locked. Fork this conversation to change them." }),
-            /* @__PURE__ */ jsx(
-              FamilySegments,
-              {
-                families,
-                value: family.id,
-                locked,
-                onChange: onFamilyChange
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              ModeSegments,
-              {
-                family,
-                value: selectedMode,
-                locked,
-                onChange: onModeChange
-              }
-            ),
-            showEffort && /* @__PURE__ */ jsx(
-              EffortSlider,
-              {
-                value: value.effort,
-                efforts: supportedEfforts,
-                onChange: onEffortChange
-              }
-            )
-          ] }),
-          (showTimeout || showCost) && /* @__PURE__ */ jsx(
-            RuntimeBarLimitFields,
-            {
-              timeout: (_a2 = value.budget) == null ? void 0 : _a2.timeout,
-              cost: (_b2 = value.budget) == null ? void 0 : _b2.cost,
-              showTimeout,
-              showCost,
-              onTimeoutChange,
-              onCostChange
-            }
-          ),
-          showModel && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs("div", { className: "grid gap-1 border-b border-border px-2 py-3", 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"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx(
-              ModelChoices,
-              {
-                models,
-                familyBrand: brand,
-                selectedId: (selectedModel == null ? void 0 : selectedModel.id) ?? value.model,
-                inheritedModelLabel,
-                locked,
-                onSelect: onModelSelect,
-                onClear: onModelClear
-              }
-            )
-          ] })
-        ] });
-      }
-    }
-  );
-}
-function FamilySegments({
-  families,
-  value,
-  locked,
-  onChange
-}) {
-  return /* @__PURE__ */ jsx(
-    SegmentedControl,
-    {
-      "aria-label": "Family",
-      size: "sm",
-      wrap: true,
-      value,
-      onChange,
-      className: "w-full",
-      options: families.filter(
-        (family) => family.modes.some((mode) => !isUnavailable(mode.availability))
-      ).map((family) => {
-        const brand = runtimeFamilyBrand(family);
-        return {
-          id: family.id,
-          label: family.label,
-          disabled: locked,
-          ...brand.icon ? { icon: brand.icon } : {}
-        };
-      })
-    }
-  );
-}
-function ModeSegments({
-  family,
-  value,
-  locked,
-  onChange
-}) {
-  return /* @__PURE__ */ jsx(
-    SegmentedControl,
-    {
-      "aria-label": "Runtime mode",
-      size: "sm",
-      value,
-      onChange,
-      className: "w-full",
-      options: family.modes.filter((mode) => !isUnavailable(mode.availability)).map((mode) => ({
-        id: mode.id,
-        label: mode.label,
-        disabled: locked,
-        ...mode.title ? { title: mode.title } : {},
-        ...mode.icon ? { icon: mode.icon } : {}
-      }))
-    }
-  );
-}
-function ModelChoices({
-  models,
-  familyBrand,
-  selectedId,
-  inheritedModelLabel,
-  locked,
-  onSelect,
-  onClear
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-0.5 py-1", children: [
-    /* @__PURE__ */ jsx(
-      ModelChoice,
-      {
-        label: UNSPECIFIED_LABEL,
-        detail: unspecifiedHint(inheritedModelLabel),
-        selected: !selectedId,
-        disabled: locked,
-        onClick: onClear
-      }
-    ),
-    models.map((model) => {
-      const icon = providerIcon(model.provider) ?? familyBrand.icon;
-      return /* @__PURE__ */ jsx(
-        ModelChoice,
-        {
-          label: model.label,
-          title: model.id,
-          selected: model.id === selectedId,
-          disabled: locked,
-          ...icon ? {
-            icon,
-            iconColor: providerIconColor(model.provider) ?? familyBrand.color
-          } : {},
-          onClick: () => onSelect(model)
-        },
-        model.id
-      );
-    })
-  ] });
-}
-function ModelChoice({
-  label,
-  title,
-  detail,
-  selected,
-  disabled,
-  icon,
-  iconColor,
-  onClick
-}) {
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      variant: "ghost",
-      type: "button",
-      disabled,
-      onClick,
-      "aria-label": detail ? `${label}. ${detail}` : label,
-      ...title ? { title } : {},
-      className: "group flex min-h-8 w-full items-center justify-start gap-2 rounded-md px-2 py-1.5 text-left hover:bg-muted",
-      children: [
-        icon ? /* @__PURE__ */ jsx("span", { className: "inline-flex size-6 shrink-0 items-center justify-center rounded-md bg-muted/70 ring-1 ring-border/60 group-hover:bg-background", children: /* @__PURE__ */ jsx(Icon, { icon, className: cn("size-3.5", iconColor) }) }) : /* @__PURE__ */ jsx("span", { className: "size-6 shrink-0" }),
-        /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn("block truncate text-sm", selected && "font-semibold"),
-              children: label
-            }
-          ),
-          detail && /* @__PURE__ */ jsx("span", { className: "block whitespace-normal text-[11px] leading-4 text-muted-foreground", children: detail })
-        ] }),
-        /* @__PURE__ */ jsx(
-          Icon,
-          {
-            icon: UiCheck,
-            className: cn(
-              "size-3.5 shrink-0 text-primary",
-              !selected && "invisible"
-            )
-          }
-        )
-      ]
-    }
-  );
-}
-function EffortSlider({
-  value,
-  efforts,
-  onChange
-}) {
-  const supported = [
-    ...new Set(efforts.map((effort) => effort.trim()).filter(Boolean))
-  ];
-  if (supported.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: "flex h-8 items-center justify-center text-[11px] text-muted-foreground", children: "Fixed effort for this model" });
-  }
-  const options = [UNSPECIFIED_ID, ...supported];
-  const current = (value == null ? void 0 : value.trim()) ?? UNSPECIFIED_ID;
-  const currentIndex = options.indexOf(current);
-  const sliderIndex = currentIndex >= 0 ? currentIndex : 0;
-  const label = currentIndex >= 0 ? current ? effortLevelLabel(current) : UNSPECIFIED_LABEL : `${effortLevelLabel(current)} unsupported`;
-  const percent = sliderIndex / (options.length - 1) * 100;
-  const firstIcon = effortLevelIcon(supported[0]);
-  const lastIcon = effortLevelIcon(supported[supported.length - 1]);
-  const selectedIcon = current ? effortLevelIcon(current) : void 0;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "grid grid-cols-[auto_minmax(0,1fr)_auto] items-start gap-1.5",
-      "aria-label": "Model effort",
-      children: [
-        firstIcon ? /* @__PURE__ */ jsx(
-          Icon,
-          {
-            icon: firstIcon,
-            className: cn("mt-3 size-3.5", effortLevelColor(supported[0]))
-          }
-        ) : /* @__PURE__ */ jsx("span", { className: "size-3.5" }),
-        /* @__PURE__ */ jsxs("div", { className: "relative h-11 pt-1", children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "range",
-              min: 0,
-              max: options.length - 1,
-              step: 1,
-              value: sliderIndex,
-              "aria-label": "Reasoning effort",
-              "aria-valuetext": label,
-              "aria-invalid": currentIndex < 0,
-              onChange: (event) => {
-                const next = options[Number(event.target.value)];
-                if (next === void 0) {
-                  throw new Error(
-                    `Invalid reasoning effort index: ${event.target.value}`
-                  );
-                }
-                onChange(next);
-              },
-              className: "h-1 w-full cursor-pointer appearance-none rounded-full bg-muted accent-foreground [&::-moz-range-thumb]:size-3 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-2 [&::-moz-range-thumb]:border-background [&::-moz-range-thumb]:bg-foreground [&::-webkit-slider-thumb]:size-3 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-background [&::-webkit-slider-thumb]:bg-foreground [&::-webkit-slider-thumb]:shadow-sm"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: "pointer-events-none absolute top-7 -translate-x-1/2",
-              style: { left: `${percent}%` },
-              children: /* @__PURE__ */ jsxs(
-                "span",
-                {
-                  className: cn(
-                    "inline-flex h-5 shrink-0 items-center gap-1 rounded-full border px-1.5 text-[10px] font-semibold leading-none",
-                    currentIndex < 0 ? "border-destructive/25 bg-destructive/10 text-destructive" : current ? cn("border-current/25 bg-muted", effortLevelColor(current)) : "border-border bg-muted text-muted-foreground"
-                  ),
-                  title: `Effort: ${label}`,
-                  children: [
-                    selectedIcon && /* @__PURE__ */ jsx(Icon, { icon: selectedIcon, className: "size-3" }),
-                    label
-                  ]
-                }
-              )
-            }
-          )
-        ] }),
-        lastIcon ? /* @__PURE__ */ jsx(
-          Icon,
-          {
-            icon: lastIcon,
-            className: cn(
-              "mt-3 size-3.5",
-              effortLevelColor(supported[supported.length - 1])
-            )
-          }
-        ) : /* @__PURE__ */ jsx("span", { className: "size-3.5" })
-      ]
-    }
-  );
-}
-export {
-  RuntimeBarCombo
-};
-//# sourceMappingURL=RuntimeBarCombo.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RuntimeBarCombo.js","sources":["../../../src/data/runtime/RuntimeBarCombo.tsx"],"sourcesContent":["import { Button } from \"../../components/button\";\nimport { InputField } from \"../../components/InputField\";\nimport { SegmentedControl } from \"../../components/SegmentedControl\";\nimport { UiCheck, UiChevronDown } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Icon } from \"../Icon\";\nimport { RuntimeBarLimitFields } from \"./RuntimeBarLimits\";\nimport { formatCost } from \"./RuntimeBar.limits\";\nimport { SEGMENT_KEY_CLASS } from \"./RuntimeBarSegment\";\nimport {\n  effortLevelColor,\n  effortLevelIcon,\n  effortLevelLabel,\n} from \"../chat/effort-icons\";\nimport { providerIcon, providerIconColor } from \"../chat/provider-icons\";\nimport type { ChatModel } from \"../chat/types\";\nimport type { RuntimeBarValue } from \"./RuntimeBar\";\nimport { runtimeFamilyBrand } from \"./RuntimeBar.model\";\nimport { isUnavailable } from \"./availability\";\nimport {\n  type SpecRuntimeFamily,\n  type SpecRuntimeModeOption,\n} from \"./runtime-mode\";\nimport {\n  UNSPECIFIED_ID,\n  UNSPECIFIED_LABEL,\n  UNSPECIFIED_NAME,\n  unspecifiedHint,\n} from \"./unspecified\";\n\nexport type RuntimeBarComboProps = {\n  value: RuntimeBarValue;\n  families: SpecRuntimeFamily[];\n  family: SpecRuntimeFamily;\n  mode: SpecRuntimeModeOption;\n  selectedMode: string;\n  models: ChatModel[];\n  selectedModel: ChatModel | undefined;\n  selectedModelUnavailable: boolean;\n  /** Display name of the model this layer would inherit when unspecified. */\n  inheritedModelLabel?: string | undefined;\n  supportedEfforts: string[];\n  locked: boolean;\n  showModel: boolean;\n  showEffort: boolean;\n  showTimeout: boolean;\n  showCost: boolean;\n  ariaLabel: string;\n  className?: string | undefined;\n  onFamilyChange: (familyId: string) => void;\n  onModeChange: (modeId: string) => void;\n  onModelSelect: (model: ChatModel) => void;\n  onModelClear: () => void;\n  onCustomModel: (model: string) => void;\n  onEffortChange: (effort: string) => void;\n  onTimeoutChange: (timeout: string | undefined) => void;\n  onCostChange: (cost: number | undefined) => void;\n};\n\nexport function RuntimeBarCombo({\n  value,\n  families,\n  family,\n  mode,\n  selectedMode,\n  models,\n  selectedModel,\n  selectedModelUnavailable,\n  inheritedModelLabel,\n  supportedEfforts,\n  locked,\n  showModel,\n  showEffort,\n  showTimeout,\n  showCost,\n  ariaLabel,\n  className,\n  onFamilyChange,\n  onModeChange,\n  onModelSelect,\n  onModelClear,\n  onCustomModel,\n  onEffortChange,\n  onTimeoutChange,\n  onCostChange,\n}: RuntimeBarComboProps) {\n  const brand = runtimeFamilyBrand(family);\n  const modelLabel = showModel\n    ? selectedModelUnavailable\n      ? \"Unavailable selection\"\n      : (selectedModel?.label ?? value.model ?? UNSPECIFIED_LABEL)\n    : `${family.label} ${mode.label}`;\n  const effortLabel = value.effort\n    ? effortLevelLabel(value.effort)\n    : UNSPECIFIED_LABEL;\n  const effortIcon = value.effort ? effortLevelIcon(value.effort) : undefined;\n  const summaryParts = [family.label, mode.label];\n  if (showModel) summaryParts.push(modelLabel === UNSPECIFIED_LABEL ? UNSPECIFIED_NAME : modelLabel);\n  if (showEffort) summaryParts.push(`effort ${value.effort ? effortLabel : UNSPECIFIED_NAME}`);\n  if (showTimeout) summaryParts.push(`timeout ${value.budget?.timeout ?? \"none\"}`);\n  if (showCost) summaryParts.push(`max cost ${formatCost(value.budget?.cost) ?? \"none\"}`);\n  const summary = `${ariaLabel}: ${summaryParts.join(\", \")}${locked ? \". Model and mode are locked for this conversation; fork it to change them\" : \"\"}`;\n\n  return (\n    <DropdownMenu\n      align=\"left\"\n      menuLabel={`${ariaLabel} controls`}\n      {...(className ? { className } : {})}\n      menuClassName=\"max-h-[70vh] w-[28rem] max-w-[calc(100vw-24px)] overflow-y-auto\"\n      trigger={\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          title={summary}\n          aria-label={summary}\n          className=\"max-w-full gap-1.5 px-density-2\"\n        >\n          {brand.icon && (\n            <Icon\n              icon={brand.icon}\n              className={cn(\"size-4 shrink-0\", brand.color)}\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=\"min-w-0 truncate text-xs font-semibold text-foreground\">\n            {modelLabel}\n          </span>\n          {showEffort && effortIcon && (\n            <Icon\n              icon={effortIcon}\n              className={cn(\n                \"size-4 shrink-0\",\n                value.effort ? effortLevelColor(value.effort) : undefined,\n              )}\n            />\n          )}\n          {showTimeout && (\n            <span className=\"shrink-0 text-xs text-muted-foreground\">\n              {value.budget?.timeout ?? \"No timeout\"}\n            </span>\n          )}\n          {showCost && (\n            <span className=\"shrink-0 text-xs text-muted-foreground\">\n              {formatCost(value.budget?.cost) ?? \"No max cost\"}\n            </span>\n          )}\n          <Icon\n            icon={UiChevronDown}\n            className=\"size-3 shrink-0 text-muted-foreground/70\"\n          />\n        </Button>\n      }\n    >\n      {() => (\n        <div className=\"p-1 text-xs\">\n          <div className=\"space-y-2 border-b border-border px-2 pb-3 pt-2\">\n            {locked && (\n              <div className=\"rounded bg-muted px-2 py-1.5 text-[11px] text-muted-foreground\">\n                Model and mode are locked. Fork this conversation to change\n                them.\n              </div>\n            )}\n            <FamilySegments\n              families={families}\n              value={family.id}\n              locked={locked}\n              onChange={onFamilyChange}\n            />\n            <ModeSegments\n              family={family}\n              value={selectedMode}\n              locked={locked}\n              onChange={onModeChange}\n            />\n            {showEffort && (\n              <EffortSlider\n                value={value.effort}\n                efforts={supportedEfforts}\n                onChange={onEffortChange}\n              />\n            )}\n          </div>\n          {(showTimeout || showCost) && (\n            <RuntimeBarLimitFields\n              timeout={value.budget?.timeout}\n              cost={value.budget?.cost}\n              showTimeout={showTimeout}\n              showCost={showCost}\n              onTimeoutChange={onTimeoutChange}\n              onCostChange={onCostChange}\n            />\n          )}\n          {showModel && (\n            <>\n              <div className=\"grid gap-1 border-b border-border px-2 py-3\">\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              <ModelChoices\n                models={models}\n                familyBrand={brand}\n                selectedId={selectedModel?.id ?? value.model}\n                inheritedModelLabel={inheritedModelLabel}\n                locked={locked}\n                onSelect={onModelSelect}\n                onClear={onModelClear}\n              />\n            </>\n          )}\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n\nfunction FamilySegments({\n  families,\n  value,\n  locked,\n  onChange,\n}: {\n  families: SpecRuntimeFamily[];\n  value: string;\n  locked: boolean;\n  onChange: (familyId: string) => void;\n}) {\n  return (\n    <SegmentedControl\n      aria-label=\"Family\"\n      size=\"sm\"\n      wrap\n      value={value}\n      onChange={onChange}\n      className=\"w-full\"\n      options={families\n        .filter((family) =>\n          family.modes.some((mode) => !isUnavailable(mode.availability)),\n        )\n        .map((family) => {\n          const brand = runtimeFamilyBrand(family);\n          return {\n            id: family.id,\n            label: family.label,\n            disabled: locked,\n            ...(brand.icon ? { icon: brand.icon } : {}),\n          };\n        })}\n    />\n  );\n}\n\nfunction ModeSegments({\n  family,\n  value,\n  locked,\n  onChange,\n}: {\n  family: SpecRuntimeFamily;\n  value: string;\n  locked: boolean;\n  onChange: (modeId: string) => void;\n}) {\n  return (\n    <SegmentedControl\n      aria-label=\"Runtime mode\"\n      size=\"sm\"\n      value={value}\n      onChange={onChange}\n      className=\"w-full\"\n      options={family.modes\n        .filter((mode) => !isUnavailable(mode.availability))\n        .map((mode) => ({\n          id: mode.id,\n          label: mode.label,\n          disabled: locked,\n          ...(mode.title ? { title: mode.title } : {}),\n          ...(mode.icon ? { icon: mode.icon } : {}),\n        }))}\n    />\n  );\n}\n\nfunction ModelChoices({\n  models,\n  familyBrand,\n  selectedId,\n  inheritedModelLabel,\n  locked,\n  onSelect,\n  onClear,\n}: {\n  models: ChatModel[];\n  familyBrand: ReturnType<typeof runtimeFamilyBrand>;\n  selectedId?: string | undefined;\n  inheritedModelLabel?: string | undefined;\n  locked: boolean;\n  onSelect: (model: ChatModel) => void;\n  onClear: () => void;\n}) {\n  return (\n    <div className=\"space-y-0.5 py-1\">\n      <ModelChoice\n        label={UNSPECIFIED_LABEL}\n        detail={unspecifiedHint(inheritedModelLabel)}\n        selected={!selectedId}\n        disabled={locked}\n        onClick={onClear}\n      />\n      {models.map((model) => {\n        const icon = providerIcon(model.provider) ?? familyBrand.icon;\n        return (\n          <ModelChoice\n            key={model.id}\n            label={model.label}\n            title={model.id}\n            selected={model.id === selectedId}\n            disabled={locked}\n            {...(icon\n              ? {\n                  icon,\n                  iconColor:\n                    providerIconColor(model.provider) ?? familyBrand.color,\n                }\n              : {})}\n            onClick={() => onSelect(model)}\n          />\n        );\n      })}\n    </div>\n  );\n}\n\nfunction ModelChoice({\n  label,\n  title,\n  detail,\n  selected,\n  disabled,\n  icon,\n  iconColor,\n  onClick,\n}: {\n  label: string;\n  title?: string | undefined;\n  detail?: string | undefined;\n  selected: boolean;\n  disabled: boolean;\n  icon?: NonNullable<ReturnType<typeof providerIcon>>;\n  iconColor?: string | undefined;\n  onClick: () => void;\n}) {\n  return (\n    <Button\n      variant=\"ghost\"\n      type=\"button\"\n      disabled={disabled}\n      onClick={onClick}\n      aria-label={detail ? `${label}. ${detail}` : label}\n      {...(title ? { title } : {})}\n      className=\"group flex min-h-8 w-full items-center justify-start gap-2 rounded-md px-2 py-1.5 text-left hover:bg-muted\"\n    >\n      {icon ? (\n        <span className=\"inline-flex size-6 shrink-0 items-center justify-center rounded-md bg-muted/70 ring-1 ring-border/60 group-hover:bg-background\">\n          <Icon icon={icon} className={cn(\"size-3.5\", iconColor)} />\n        </span>\n      ) : (\n        <span className=\"size-6 shrink-0\" />\n      )}\n      <span className=\"min-w-0 flex-1\">\n        <span\n          className={cn(\"block truncate text-sm\", selected && \"font-semibold\")}\n        >\n          {label}\n        </span>\n        {detail && (\n          <span className=\"block whitespace-normal text-[11px] leading-4 text-muted-foreground\">\n            {detail}\n          </span>\n        )}\n      </span>\n      <Icon\n        icon={UiCheck}\n        className={cn(\n          \"size-3.5 shrink-0 text-primary\",\n          !selected && \"invisible\",\n        )}\n      />\n    </Button>\n  );\n}\n\nfunction EffortSlider({\n  value,\n  efforts,\n  onChange,\n}: {\n  value?: string | undefined;\n  efforts: string[];\n  onChange: (effort: string) => void;\n}) {\n  const supported = [\n    ...new Set(efforts.map((effort) => effort.trim()).filter(Boolean)),\n  ];\n  if (supported.length === 0) {\n    return (\n      <div className=\"flex h-8 items-center justify-center text-[11px] text-muted-foreground\">\n        Fixed effort for this model\n      </div>\n    );\n  }\n\n  const options = [UNSPECIFIED_ID, ...supported];\n  const current = value?.trim() ?? UNSPECIFIED_ID;\n  const currentIndex = options.indexOf(current);\n  const sliderIndex = currentIndex >= 0 ? currentIndex : 0;\n  const label =\n    currentIndex >= 0\n      ? current\n        ? effortLevelLabel(current)\n        : UNSPECIFIED_LABEL\n      : `${effortLevelLabel(current)} unsupported`;\n  const percent = (sliderIndex / (options.length - 1)) * 100;\n  const firstIcon = effortLevelIcon(supported[0]!);\n  const lastIcon = effortLevelIcon(supported[supported.length - 1]!);\n  const selectedIcon = current ? effortLevelIcon(current) : undefined;\n\n  return (\n    <div\n      className=\"grid grid-cols-[auto_minmax(0,1fr)_auto] items-start gap-1.5\"\n      aria-label=\"Model effort\"\n    >\n      {firstIcon ? (\n        <Icon\n          icon={firstIcon}\n          className={cn(\"mt-3 size-3.5\", effortLevelColor(supported[0]!))}\n        />\n      ) : (\n        <span className=\"size-3.5\" />\n      )}\n      <div className=\"relative h-11 pt-1\">\n        <input\n          type=\"range\"\n          min={0}\n          max={options.length - 1}\n          step={1}\n          value={sliderIndex}\n          aria-label=\"Reasoning effort\"\n          aria-valuetext={label}\n          aria-invalid={currentIndex < 0}\n          onChange={(event) => {\n            const next = options[Number(event.target.value)];\n            if (next === undefined) {\n              throw new Error(\n                `Invalid reasoning effort index: ${event.target.value}`,\n              );\n            }\n            onChange(next);\n          }}\n          className=\"h-1 w-full cursor-pointer appearance-none rounded-full bg-muted accent-foreground [&::-moz-range-thumb]:size-3 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-2 [&::-moz-range-thumb]:border-background [&::-moz-range-thumb]:bg-foreground [&::-webkit-slider-thumb]:size-3 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-background [&::-webkit-slider-thumb]:bg-foreground [&::-webkit-slider-thumb]:shadow-sm\"\n        />\n        <span\n          aria-hidden=\"true\"\n          className=\"pointer-events-none absolute top-7 -translate-x-1/2\"\n          style={{ left: `${percent}%` }}\n        >\n          <span\n            className={cn(\n              \"inline-flex h-5 shrink-0 items-center gap-1 rounded-full border px-1.5 text-[10px] font-semibold leading-none\",\n              currentIndex < 0\n                ? \"border-destructive/25 bg-destructive/10 text-destructive\"\n                : current\n                  ? cn(\"border-current/25 bg-muted\", effortLevelColor(current))\n                  : \"border-border bg-muted text-muted-foreground\",\n            )}\n            title={`Effort: ${label}`}\n          >\n            {selectedIcon && <Icon icon={selectedIcon} className=\"size-3\" />}\n            {label}\n          </span>\n        </span>\n      </div>\n      {lastIcon ? (\n        <Icon\n          icon={lastIcon}\n          className={cn(\n            \"mt-3 size-3.5\",\n            effortLevelColor(supported[supported.length - 1]!),\n          )}\n        />\n      ) : (\n        <span className=\"size-3.5\" />\n      )}\n    </div>\n  );\n}\n"],"names":["_a","_b"],"mappings":"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"}