@flanksource/clicky-ui 0.3.36 → 0.3.38

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

@@ -1 +1 @@
-{"version":3,"file":"RuntimeBarCombo.js","sources":["../../../src/data/runtime/RuntimeBarCombo.tsx"],"sourcesContent":["import { Button } from \"../../components/button\";\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 {\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\";\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  supportedEfforts: string[];\n  locked: boolean;\n  showModel: boolean;\n  showEffort: 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  onEffortChange: (effort: string) => void;\n};\n\nexport function RuntimeBarCombo({\n  value,\n  families,\n  family,\n  mode,\n  selectedMode,\n  models,\n  selectedModel,\n  selectedModelUnavailable,\n  supportedEfforts,\n  locked,\n  showModel,\n  showEffort,\n  ariaLabel,\n  className,\n  onFamilyChange,\n  onModeChange,\n  onModelSelect,\n  onModelClear,\n  onEffortChange,\n}: RuntimeBarComboProps) {\n  const brand = runtimeFamilyBrand(family);\n  const modelLabel = showModel\n    ? selectedModelUnavailable\n      ? \"Unavailable selection\"\n      : (selectedModel?.label ?? value.model ?? \"Prompt default\")\n    : `${family.label} ${mode.label}`;\n  const effortLabel = value.effort ? effortLevelLabel(value.effort) : \"None\";\n  const effortIcon = value.effort ? effortLevelIcon(value.effort) : undefined;\n  const summaryParts = [family.label, mode.label];\n  if (showModel) summaryParts.push(modelLabel);\n  if (showEffort) summaryParts.push(`effort ${effortLabel}`);\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-80 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          <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          {showModel && (\n            <ModelChoices\n              models={models}\n              familyBrand={brand}\n              selectedId={selectedModel?.id ?? value.model}\n              locked={locked}\n              onSelect={onModelSelect}\n              onClear={onModelClear}\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  locked,\n  onSelect,\n  onClear,\n}: {\n  models: ChatModel[];\n  familyBrand: ReturnType<typeof runtimeFamilyBrand>;\n  selectedId?: 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=\"Prompt default\"\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 = [\"\", ...supported];\n  const current = value?.trim() ?? \"\";\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        : \"None\"\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":[],"mappings":"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"}
+{"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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"}

package/dist/data/runtime/RuntimeBarLimits.cjs

@@ -0,0 +1,262 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const Combobox = require("../../components/Combobox.cjs");
+const InputField = require("../../components/InputField.cjs");
+const utils = require("../../lib/utils.cjs");
+const Icon = require("../Icon.cjs");
+const RuntimeBar_limits = require("./RuntimeBar.limits.cjs");
+const RuntimeBarSegment = require("./RuntimeBarSegment.cjs");
+const UiTimer = require("../../icons/components/UiTimer.cjs");
+const UiCurrencyDollar = require("../../icons/components/UiCurrencyDollar.cjs");
+function TimeoutSegment({
+  value,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    LimitSegment,
+    {
+      label: "Timeout",
+      inputLabel: "Timeout duration",
+      icon: UiTimer.UiTimer,
+      current: value,
+      text: value ?? "",
+      placeholder: "45m",
+      presets: RuntimeBar_limits.TIMEOUT_PRESETS.map((timeout) => ({ label: timeout, value: timeout })),
+      parse: RuntimeBar_limits.parseTimeout,
+      onChange
+    }
+  );
+}
+function CostSegment({
+  value,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    LimitSegment,
+    {
+      label: "Max cost",
+      inputLabel: "Max cost (USD)",
+      icon: UiCurrencyDollar.UiCurrencyDollar,
+      current: RuntimeBar_limits.formatCost(value),
+      text: value === void 0 ? "" : String(value),
+      placeholder: "2.50",
+      presets: RuntimeBar_limits.COST_PRESETS.map((cost) => ({ label: RuntimeBar_limits.formatCost(cost) ?? "", value: cost })),
+      parse: RuntimeBar_limits.parseCost,
+      onChange
+    }
+  );
+}
+function RuntimeBarLimitFields({
+  timeout,
+  cost,
+  showTimeout,
+  showCost,
+  onTimeoutChange,
+  onCostChange
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-1", children: [
+    showTimeout && /* @__PURE__ */ jsxRuntime.jsx(
+      LimitField,
+      {
+        label: "Timeout",
+        icon: UiTimer.UiTimer,
+        inputLabel: "Timeout duration",
+        current: timeout,
+        text: timeout ?? "",
+        placeholder: "45m",
+        presets: RuntimeBar_limits.TIMEOUT_PRESETS.map((preset) => ({
+          label: preset,
+          value: preset
+        })),
+        parse: RuntimeBar_limits.parseTimeout,
+        onChange: onTimeoutChange
+      }
+    ),
+    showCost && /* @__PURE__ */ jsxRuntime.jsx(
+      LimitField,
+      {
+        label: "Max cost",
+        icon: UiCurrencyDollar.UiCurrencyDollar,
+        inputLabel: "Max cost (USD)",
+        current: RuntimeBar_limits.formatCost(cost),
+        text: cost === void 0 ? "" : String(cost),
+        placeholder: "2.50",
+        presets: RuntimeBar_limits.COST_PRESETS.map((preset) => ({ label: RuntimeBar_limits.formatCost(preset) ?? "", value: preset })),
+        parse: RuntimeBar_limits.parseCost,
+        onChange: onCostChange
+      }
+    )
+  ] }) });
+}
+function LimitSegment({
+  label,
+  inputLabel,
+  icon,
+  current,
+  text,
+  placeholder,
+  presets,
+  parse,
+  onChange
+}) {
+  const items = [
+    {
+      group: label,
+      label: /* @__PURE__ */ jsxRuntime.jsx(RuntimeBarSegment.SegmentItemLabel, { text: "No limit", selected: current === void 0 }),
+      onSelect: () => onChange(void 0)
+    },
+    ...presets.map((preset) => ({
+      group: label,
+      label: /* @__PURE__ */ jsxRuntime.jsx(RuntimeBarSegment.SegmentItemLabel, { text: preset.label, selected: preset.label === current }),
+      onSelect: () => onChange(preset.value)
+    }))
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    RuntimeBarSegment.RuntimeSegment,
+    {
+      menuLabel: label,
+      title: `${label} — ${current ?? "no limit"}`,
+      className: "shrink-0",
+      items,
+      header: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: RuntimeBarSegment.SEGMENT_KEY_CLASS, children: inputLabel }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          LimitInput,
+          {
+            inputLabel,
+            text,
+            placeholder,
+            parse,
+            current,
+            onChange
+          }
+        )
+      ] }),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon, className: "size-4 shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: utils.cn(
+              "shrink-0",
+              current ? RuntimeBarSegment.SEGMENT_CAPTION_CLASS : "truncate text-xs text-muted-foreground"
+            ),
+            children: current ?? "None"
+          }
+        )
+      ]
+    }
+  );
+}
+function LimitField({
+  label,
+  icon,
+  inputLabel,
+  current,
+  text,
+  placeholder,
+  presets,
+  parse,
+  onChange
+}) {
+  const id = react.useId();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      role: "group",
+      "aria-label": `${label} limit`,
+      className: "flex min-w-0 items-center gap-2",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-1 items-center gap-1.5 text-xs font-medium text-foreground", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon, className: "size-4 shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: label })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          LimitInput,
+          {
+            inputLabel,
+            text,
+            placeholder,
+            parse,
+            current,
+            onChange,
+            className: "w-24 shrink-0"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Combobox.Combobox,
+          {
+            id: `${id}-presets`,
+            ariaLabel: `${label} presets`,
+            value: current ?? "",
+            onChange: (selectedPreset) => {
+              if (selectedPreset === "" || selectedPreset === "__no_limit") {
+                onChange(void 0);
+                return;
+              }
+              const preset = presets.find(
+                (candidate) => candidate.label === selectedPreset
+              );
+              if (!preset) {
+                throw new Error(`Unknown ${label} preset: ${selectedPreset}`);
+              }
+              onChange(preset.value);
+            },
+            options: [
+              { value: "__no_limit", label: "No limit" },
+              ...presets.map((preset) => ({
+                value: preset.label,
+                label: preset.label
+              }))
+            ],
+            allowCustomValue: false,
+            size: "xs",
+            placeholder: "Presets",
+            className: "w-28 shrink-0"
+          }
+        )
+      ]
+    }
+  );
+}
+function LimitInput({
+  inputLabel,
+  text,
+  placeholder,
+  parse,
+  current,
+  onChange,
+  className
+}) {
+  const [draft, setDraft] = react.useState();
+  const shown = draft ?? text;
+  const invalid = shown.trim() !== "" && parse(shown) === void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    InputField.InputField,
+    {
+      value: shown,
+      "aria-label": inputLabel,
+      placeholder,
+      invalid,
+      onFocus: () => setDraft(text),
+      onBlur: () => setDraft(void 0),
+      onChange: (next) => {
+        setDraft(next);
+        if (next.trim() === "") {
+          if (current !== void 0) onChange(void 0);
+          return;
+        }
+        const parsed = parse(next);
+        if (parsed !== void 0) onChange(parsed);
+      },
+      inputClassName: "font-mono text-xs",
+      className: utils.cn("bg-background", className)
+    }
+  );
+}
+exports.CostSegment = CostSegment;
+exports.RuntimeBarLimitFields = RuntimeBarLimitFields;
+exports.TimeoutSegment = TimeoutSegment;
+//# sourceMappingURL=RuntimeBarLimits.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeBarLimits.cjs","sources":["../../../src/data/runtime/RuntimeBarLimits.tsx"],"sourcesContent":["import { useId, useState } from \"react\";\nimport { Combobox, type ComboboxOption } from \"../../components/Combobox\";\nimport { InputField } from \"../../components/InputField\";\nimport { UiCurrencyDollar, UiTimer } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport type { DropdownMenuItem } from \"../../overlay/DropdownMenu\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  COST_PRESETS,\n  TIMEOUT_PRESETS,\n  formatCost,\n  parseCost,\n  parseTimeout,\n} from \"./RuntimeBar.limits\";\nimport {\n  RuntimeSegment,\n  SEGMENT_CAPTION_CLASS,\n  SEGMENT_KEY_CLASS,\n  SegmentItemLabel,\n} from \"./RuntimeBarSegment\";\n\nexport function TimeoutSegment({\n  value,\n  onChange,\n}: {\n  value: string | undefined;\n  onChange: (next: string | undefined) => void;\n}) {\n  return (\n    <LimitSegment\n      label=\"Timeout\"\n      inputLabel=\"Timeout duration\"\n      icon={UiTimer}\n      current={value}\n      text={value ?? \"\"}\n      placeholder=\"45m\"\n      presets={TIMEOUT_PRESETS.map((timeout) => ({ label: timeout, value: timeout }))}\n      parse={parseTimeout}\n      onChange={onChange}\n    />\n  );\n}\n\nexport function CostSegment({\n  value,\n  onChange,\n}: {\n  value: number | undefined;\n  onChange: (next: number | undefined) => void;\n}) {\n  return (\n    <LimitSegment\n      label=\"Max cost\"\n      inputLabel=\"Max cost (USD)\"\n      icon={UiCurrencyDollar}\n      current={formatCost(value)}\n      text={value === undefined ? \"\" : String(value)}\n      placeholder=\"2.50\"\n      presets={COST_PRESETS.map((cost) => ({ label: formatCost(cost) ?? \"\", value: cost }))}\n      parse={parseCost}\n      onChange={onChange}\n    />\n  );\n}\n\nexport function RuntimeBarLimitFields({\n  timeout,\n  cost,\n  showTimeout,\n  showCost,\n  onTimeoutChange,\n  onCostChange,\n}: {\n  timeout: string | undefined;\n  cost: number | undefined;\n  showTimeout: boolean;\n  showCost: boolean;\n  onTimeoutChange: (next: string | undefined) => void;\n  onCostChange: (next: number | undefined) => void;\n}) {\n  return (\n    <div className=\"space-y-1\">\n      <div className=\"grid gap-1\">\n        {showTimeout && (\n          <LimitField\n            label=\"Timeout\"\n            icon={UiTimer}\n            inputLabel=\"Timeout duration\"\n            current={timeout}\n            text={timeout ?? \"\"}\n            placeholder=\"45m\"\n            presets={TIMEOUT_PRESETS.map((preset) => ({\n              label: preset,\n              value: preset,\n            }))}\n            parse={parseTimeout}\n            onChange={onTimeoutChange}\n          />\n        )}\n        {showCost && (\n          <LimitField\n            label=\"Max cost\"\n            icon={UiCurrencyDollar}\n            inputLabel=\"Max cost (USD)\"\n            current={formatCost(cost)}\n            text={cost === undefined ? \"\" : String(cost)}\n            placeholder=\"2.50\"\n            presets={COST_PRESETS.map((preset) => ({ label: formatCost(preset) ?? \"\", value: preset }))}\n            parse={parseCost}\n            onChange={onCostChange}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\n// A preset menu plus a free-text header. Typed text is held while the field is\n// focused and only committed once it parses, so partial input (\"2.\") never\n// rewrites the value under the caret.\nfunction LimitSegment<V extends string | number>({\n  label,\n  inputLabel,\n  icon,\n  current,\n  text,\n  placeholder,\n  presets,\n  parse,\n  onChange,\n}: {\n  label: string;\n  inputLabel: string;\n  icon: StaticIconComponent;\n  current: string | undefined;\n  text: string;\n  placeholder: string;\n  presets: { label: string; value: V }[];\n  parse: (text: string) => V | undefined;\n  onChange: (next: V | undefined) => void;\n}) {\n  const items: DropdownMenuItem[] = [\n    {\n      group: label,\n      label: <SegmentItemLabel text=\"No limit\" selected={current === undefined} />,\n      onSelect: () => onChange(undefined),\n    },\n    ...presets.map((preset) => ({\n      group: label,\n      label: <SegmentItemLabel text={preset.label} selected={preset.label === current} />,\n      onSelect: () => onChange(preset.value),\n    })),\n  ];\n\n  return (\n    <RuntimeSegment\n      menuLabel={label}\n      title={`${label} — ${current ?? \"no limit\"}`}\n      // A limit is only worth showing at its full value, so it never absorbs the\n      // settings row's shrink; the effort segment's \"Effort\" key label does.\n      className=\"shrink-0\"\n      items={items}\n      header={\n        <div className=\"grid gap-1\">\n          <span className={SEGMENT_KEY_CLASS}>{inputLabel}</span>\n          <LimitInput\n            inputLabel={inputLabel}\n            text={text}\n            placeholder={placeholder}\n            parse={parse}\n            current={current}\n            onChange={onChange}\n          />\n        </div>\n      }\n    >\n      <Icon icon={icon} className=\"size-4 shrink-0 text-muted-foreground\" />\n      <span\n        className={cn(\n          \"shrink-0\",\n          current ? SEGMENT_CAPTION_CLASS : \"truncate text-xs text-muted-foreground\",\n        )}\n      >\n        {current ?? \"None\"}\n      </span>\n    </RuntimeSegment>\n  );\n}\n\nfunction LimitField<V extends string | number>({\n  label,\n  icon,\n  inputLabel,\n  current,\n  text,\n  placeholder,\n  presets,\n  parse,\n  onChange,\n}: {\n  label: string;\n  icon: StaticIconComponent;\n  inputLabel: string;\n  current: string | undefined;\n  text: string;\n  placeholder: string;\n  presets: { label: string; value: V }[];\n  parse: (text: string) => V | undefined;\n  onChange: (next: V | undefined) => void;\n}) {\n  const id = useId();\n  return (\n    <div\n      role=\"group\"\n      aria-label={`${label} limit`}\n      className=\"flex min-w-0 items-center gap-2\"\n    >\n      <span className=\"flex min-w-0 flex-1 items-center gap-1.5 text-xs font-medium text-foreground\">\n        <Icon icon={icon} className=\"size-4 shrink-0 text-muted-foreground\" />\n        <span className=\"truncate\">{label}</span>\n      </span>\n      <LimitInput\n        inputLabel={inputLabel}\n        text={text}\n        placeholder={placeholder}\n        parse={parse}\n        current={current}\n        onChange={onChange}\n        className=\"w-24 shrink-0\"\n      />\n      <Combobox\n        id={`${id}-presets`}\n        ariaLabel={`${label} presets`}\n        value={current ?? \"\"}\n        onChange={(selectedPreset) => {\n          if (selectedPreset === \"\" || selectedPreset === \"__no_limit\") {\n            onChange(undefined);\n            return;\n          }\n          const preset = presets.find(\n            (candidate) => candidate.label === selectedPreset,\n          );\n          if (!preset) {\n            throw new Error(`Unknown ${label} preset: ${selectedPreset}`);\n          }\n          onChange(preset.value);\n        }}\n        options={[\n          { value: \"__no_limit\", label: \"No limit\" },\n          ...presets.map<ComboboxOption>((preset) => ({\n            value: preset.label,\n            label: preset.label,\n          })),\n        ]}\n        allowCustomValue={false}\n        size=\"xs\"\n        placeholder=\"Presets\"\n        className=\"w-28 shrink-0\"\n      />\n    </div>\n  );\n}\n\nfunction LimitInput<V extends string | number>({\n  inputLabel,\n  text,\n  placeholder,\n  parse,\n  current,\n  onChange,\n  className,\n}: {\n  inputLabel: string;\n  text: string;\n  placeholder: string;\n  parse: (text: string) => V | undefined;\n  current: string | undefined;\n  onChange: (next: V | undefined) => void;\n  className?: string | undefined;\n}) {\n  const [draft, setDraft] = useState<string>();\n  const shown = draft ?? text;\n  const invalid = shown.trim() !== \"\" && parse(shown) === undefined;\n  return (\n    <InputField\n      value={shown}\n      aria-label={inputLabel}\n      placeholder={placeholder}\n      invalid={invalid}\n      onFocus={() => setDraft(text)}\n      onBlur={() => setDraft(undefined)}\n      onChange={(next) => {\n        setDraft(next);\n        if (next.trim() === \"\") {\n          if (current !== undefined) onChange(undefined);\n          return;\n        }\n        const parsed = parse(next);\n        if (parsed !== undefined) onChange(parsed);\n      }}\n      inputClassName=\"font-mono text-xs\"\n      className={cn(\"bg-background\", className)}\n    />\n  );\n}\n"],"names":["jsx","UiTimer","TIMEOUT_PRESETS","parseTimeout","UiCurrencyDollar","formatCost","COST_PRESETS","parseCost","jsxs","SegmentItemLabel","RuntimeSegment","SEGMENT_KEY_CLASS","Icon","cn","SEGMENT_CAPTION_CLASS","useId","Combobox","useState","InputField"],"mappings":"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"}

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

@@ -0,0 +1,17 @@
+export declare function TimeoutSegment({ value, onChange, }: {
+    value: string | undefined;
+    onChange: (next: string | undefined) => void;
+}): import("react").JSX.Element;
+export declare function CostSegment({ value, onChange, }: {
+    value: number | undefined;
+    onChange: (next: number | undefined) => void;
+}): import("react").JSX.Element;
+export declare function RuntimeBarLimitFields({ timeout, cost, showTimeout, showCost, onTimeoutChange, onCostChange, }: {
+    timeout: string | undefined;
+    cost: number | undefined;
+    showTimeout: boolean;
+    showCost: boolean;
+    onTimeoutChange: (next: string | undefined) => void;
+    onCostChange: (next: number | undefined) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=RuntimeBarLimits.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeBarLimits.d.ts","sourceRoot":"","sources":["../../../src/data/runtime/RuntimeBarLimits.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAC9C,+BAcA;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAC9C,+BAcA;AAED,wBAAgB,qBAAqB,CAAC,EACpC,OAAO,EACP,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,eAAe,EACf,YAAY,GACb,EAAE;IACD,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACpD,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAClD,+BAoCA"}