@flanksource/clicky-ui 0.3.41 → 0.3.42

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

@@ -1 +1 @@
-{"version":3,"file":"RuntimeBar.cjs","sources":["../../../src/data/runtime/RuntimeBar.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { DEFAULT_REASONING_EFFORTS } from \"../chat/effort-icons\";\nimport { cn } from \"../../lib/utils\";\nimport type { ChatModel, ChatModelRuntime } from \"../chat/types\";\nimport { withBudgetLimit, type RuntimeBarBudget } from \"./RuntimeBar.limits\";\nimport { applyRuntimeMode, runtimeModelForValue } from \"./RuntimeBar.model\";\nimport { RuntimeBarCombo } from \"./RuntimeBarCombo\";\nimport { RuntimeBarSegments } from \"./RuntimeBarSegments\";\nimport { RuntimeBarVariantContext } from \"./RuntimeBar.context\";\nimport { isSelectableModel } from \"./availability\";\nimport {\n  effortOptionsForModel,\n  reconcileModelCapabilities,\n} from \"./model-capabilities\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  familyById,\n  firstMode,\n  modelsForFamily,\n  selectionForRuntime,\n  runtimeModeFromModel,\n  type SpecRuntimeFamily,\n} from \"./runtime-mode\";\n\nexport type RuntimeBarValue = ChatModelRuntime & {\n  cliArgs?: Record<string, unknown>;\n  /** Run limits edited by the opt-in timeout and max cost controls. */\n  budget?: RuntimeBarBudget;\n};\n\nexport type RuntimeBarProps<T extends RuntimeBarValue = RuntimeBarValue> = {\n  value: T;\n  onChange: (value: T) => void;\n  /** `segmented` uses field triggers; `combo` uses one direct-edit menu. */\n  variant?: \"combo\" | \"segmented\";\n  /** Model catalog. Only the selected family's models are listed; a family the\n   *  catalog does not describe is served by the segment's free-text entry. */\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n  /** Resolved mode shown when the editable value inherits it from another layer. */\n  effectiveMode?: string | undefined;\n  /** Resolved model used to identify the inherited provider family without persisting it. */\n  effectiveModel?: string | undefined;\n  /** Effort tiers offered when the catalog does not describe the model. */\n  reasoningEfforts?: string[] | undefined;\n  /** Locks model identity (family, mode, and model) while leaving effort editable. */\n  locked?: boolean | undefined;\n  /** Whether the selected runtime exposes a model argument. */\n  showModel?: boolean | undefined;\n  /** Whether the selected runtime exposes reasoning effort. */\n  showEffort?: boolean | undefined;\n  /** Opt-in control for `budget.timeout`. */\n  showTimeout?: boolean | undefined;\n  /** Opt-in control for `budget.cost`. */\n  showCost?: boolean | undefined;\n  /** Host-level settings belonging to the surrounding spec rather than this runtime row. */\n  actions?: ReactNode | undefined;\n  ariaLabel?: string | undefined;\n  className?: string | undefined;\n};\n\n/** Self-describing runtime controls with segmented and combo presentations. */\nexport function RuntimeBar<T extends RuntimeBarValue>({\n  value,\n  onChange,\n  variant = \"segmented\",\n  models = [],\n  families = SPEC_RUNTIME_FAMILIES,\n  effectiveMode,\n  effectiveModel,\n  reasoningEfforts = DEFAULT_REASONING_EFFORTS,\n  locked = false,\n  showModel = true,\n  showEffort = true,\n  showTimeout = false,\n  showCost = false,\n  actions,\n  ariaLabel = \"Runtime\",\n  className,\n}: RuntimeBarProps<T>) {\n  const [preference, setPreference] = useState<{\n    model: string | undefined;\n    family: string | undefined;\n  }>({ model: effectiveModel, family: undefined });\n  if (preference.model !== effectiveModel) {\n    setPreference({ model: effectiveModel, family: undefined });\n  }\n  const preferredFamily = preference.model === effectiveModel ? preference.family : undefined;\n  const specMode =\n    runtimeModeFromModel(value.model) ||\n    value.mode?.trim() ||\n    effectiveMode?.trim();\n  const selection = selectionForRuntime(\n    families,\n    specMode,\n    value.model || (preferredFamily ? undefined : effectiveModel),\n    models,\n    preferredFamily,\n  );\n  const family = familyById(families, selection.family);\n  const mode =\n    family.modes.find((entry) => entry.id === selection.mode) ??\n    firstMode(family);\n  const modelOptions = modelsForFamily(models, family, specMode);\n  const resolvedModel = runtimeModelForValue(models, value, isSelectableModel);\n  const selectedModelUnavailable = Boolean(\n    !resolvedModel &&\n    (value.id || value.model) &&\n    runtimeModelForValue(models, value, (entry) => !isSelectableModel(entry)),\n  );\n  const supportedEfforts = effortOptionsForModel(\n    resolvedModel,\n    reasoningEfforts,\n  );\n  // The name an Unspecified model would resolve to, so the picker can say what\n  // it inherits instead of leaving the operator guessing.\n  const inheritedModelLabel =\n    value.model || value.id\n      ? undefined\n      : (runtimeModelForValue(\n          models,\n          effectiveModel !== undefined ? { model: effectiveModel } : {},\n          isSelectableModel,\n        )?.label ?? effectiveModel);\n\n  const applyMode = (familyId: string, modeId: string) => {\n    setPreference({ model: effectiveModel, family: familyId });\n    const next = applyRuntimeMode(\n      value,\n      models,\n      families,\n      familyId,\n      modeId,\n      reasoningEfforts,\n    );\n    if (next !== value) onChange(next);\n  };\n\n  const applyCustomModel = (model: string) => {\n    onChange(\n      withOptionalRuntimeValue(withoutCatalogModel(value), \"model\", model),\n    );\n  };\n  // A family's model catalog can serve several modes. Selecting a row must not\n  // silently move the user away from the mode they chose.\n  const applyModel = (model: ChatModel) => {\n    const next = reconcileModelCapabilities(\n      withoutCatalogModel(value),\n      model,\n      reasoningEfforts,\n      { mode: mode.id },\n    );\n    onChange(next);\n  };\n  const clearModel = () => {\n    onChange(withoutCatalogModel(value));\n  };\n  const applyEffort = (effort: string) =>\n    onChange(withOptionalRuntimeValue(value, \"effort\", effort));\n\n  if (variant === \"combo\") {\n    return (\n      <RuntimeBarVariantContext.Provider value=\"combo\">\n        <div\n          role=\"group\"\n          aria-label={ariaLabel}\n          data-runtime-bar-variant=\"combo\"\n          className={cn(\"inline-flex max-w-full flex-wrap items-stretch gap-1\", className)}\n        >\n          <RuntimeBarCombo\n            value={value}\n            families={families}\n            family={family}\n            mode={mode}\n            selectedMode={selection.mode}\n            models={modelOptions}\n            selectedModel={resolvedModel}\n            selectedModelUnavailable={selectedModelUnavailable}\n            inheritedModelLabel={inheritedModelLabel}\n            supportedEfforts={supportedEfforts}\n            locked={locked}\n            showModel={showModel}\n            showEffort={showEffort}\n            showTimeout={showTimeout}\n            showCost={showCost}\n            ariaLabel={ariaLabel}\n            className=\"max-w-full\"\n            onFamilyChange={(familyId) => applyMode(familyId, selection.mode)}\n            onModeChange={(modeId) => applyMode(family.id, modeId)}\n            onModelSelect={applyModel}\n            onModelClear={clearModel}\n            onCustomModel={applyCustomModel}\n            onEffortChange={applyEffort}\n            onTimeoutChange={(timeout) => onChange(withBudgetLimit(value, \"timeout\", timeout))}\n            onCostChange={(cost) => onChange(withBudgetLimit(value, \"cost\", cost))}\n          />\n          {actions}\n        </div>\n      </RuntimeBarVariantContext.Provider>\n    );\n  }\n\n  return (\n    <RuntimeBarVariantContext.Provider value=\"segmented\">\n      <RuntimeBarSegments\n        value={value}\n        models={models}\n        modelOptions={modelOptions}\n        resolvedModel={resolvedModel}\n        selectedModelUnavailable={selectedModelUnavailable}\n        inheritedModelLabel={inheritedModelLabel}\n        families={families}\n        family={family}\n        mode={mode}\n        selectedMode={selection.mode}\n        reasoningEfforts={reasoningEfforts}\n        supportedEfforts={supportedEfforts}\n        locked={locked}\n        showModel={showModel}\n        showEffort={showEffort}\n        showTimeout={showTimeout}\n        showCost={showCost}\n        actions={actions}\n        ariaLabel={ariaLabel}\n        className={className}\n        onModeChange={applyMode}\n        onCustomModel={applyCustomModel}\n        onModelSelect={applyModel}\n        onModelClear={clearModel}\n        onEffortChange={applyEffort}\n        onTimeoutChange={(timeout) => onChange(withBudgetLimit(value, \"timeout\", timeout))}\n        onCostChange={(cost) => onChange(withBudgetLimit(value, \"cost\", cost))}\n      />\n    </RuntimeBarVariantContext.Provider>\n  );\n}\n\nfunction withoutCatalogModel<T extends RuntimeBarValue>(value: T): T {\n  return withOptionalRuntimeValue(\n    withOptionalRuntimeValue(value, \"model\", undefined),\n    \"id\",\n    undefined,\n  );\n}\n\nfunction withOptionalRuntimeValue<T extends RuntimeBarValue>(\n  value: T,\n  key: keyof RuntimeBarValue,\n  next: unknown,\n): T {\n  const updated = { ...value } as Record<string, unknown>;\n  if (next === undefined || next === \"\") {\n    delete updated[key];\n  } else {\n    updated[key] = next;\n  }\n  return updated as T;\n}\n"],"names":["SPEC_RUNTIME_FAMILIES","DEFAULT_REASONING_EFFORTS","useState","runtimeModeFromModel","selectionForRuntime","familyById","firstMode","modelsForFamily","runtimeModelForValue","isSelectableModel","effortOptionsForModel","applyRuntimeMode","reconcileModelCapabilities","jsx","RuntimeBarVariantContext","jsxs","cn","RuntimeBarCombo","withBudgetLimit","RuntimeBarSegments"],"mappings":"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"}
+{"version":3,"file":"RuntimeBar.cjs","sources":["../../../src/data/runtime/RuntimeBar.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { DEFAULT_REASONING_EFFORTS } from \"../chat/effort-icons\";\nimport type { ChatModel, ChatModelRuntime } from \"../chat/types\";\nimport { withBudgetLimit, type RuntimeBarBudget } from \"./RuntimeBar.limits\";\nimport { runtimeModelForValue } from \"./RuntimeBar.model\";\nimport { RuntimeBarLayout } from \"./RuntimeBarLayout\";\nimport type { RuntimeBarActionsProps } from \"./RuntimeBarActions\";\nimport { timeoutField, budgetField, effortField } from \"./RuntimeBar.fields\";\nimport {\n  modelGroupsForMode,\n  runtimeModes,\n  withRuntimeMode,\n} from \"./RuntimeBar.selection\";\nimport { RuntimeBarVariantContext } from \"./RuntimeBar.context\";\nimport { isSelectableModel } from \"./availability\";\nimport {\n  effortOptionsForModel,\n  reconcileModelCapabilities,\n} from \"./model-capabilities\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  familyById,\n  selectionForRuntime,\n  runtimeModeFromModel,\n  type SpecRuntimeFamily,\n} from \"./runtime-mode\";\n\nexport type RuntimeBarValue = ChatModelRuntime & {\n  cliArgs?: Record<string, unknown>;\n  /** Run limits edited by the opt-in timeout and max cost controls. */\n  budget?: RuntimeBarBudget;\n};\n\nexport type RuntimeBarProps<T extends RuntimeBarValue = RuntimeBarValue> = {\n  value: T;\n  onChange: (value: T) => void;\n  /** Fused field triggers or individually bordered controls. */\n  variant?: \"combo\" | \"segmented\";\n  /** Model catalog grouped by family and filtered by the selected mode. */\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n  /** Resolved mode shown when the editable value inherits it from another layer. */\n  effectiveMode?: string | undefined;\n  /** Resolved model used to identify the inherited provider family without persisting it. */\n  effectiveModel?: string | undefined;\n  /** Effort tiers offered when the catalog does not describe the model. */\n  reasoningEfforts?: string[] | undefined;\n  /** Locks model identity (family, mode, and model) while leaving effort editable. */\n  locked?: boolean | undefined;\n  /** Whether the selected runtime exposes a model argument. */\n  showModel?: boolean | undefined;\n  /** Whether the selected runtime exposes reasoning effort. */\n  showEffort?: boolean | undefined;\n  /** Opt-in control for `budget.timeout`. */\n  showTimeout?: boolean | undefined;\n  /** Opt-in control for `budget.cost`. */\n  showCost?: boolean | undefined;\n  /** Host-level settings belonging to the surrounding spec rather than this runtime row. */\n  actions?:\n    | Pick<RuntimeBarActionsProps, \"fields\" | \"menu\" | \"menuLabel\">\n    | undefined;\n  ariaLabel?: string | undefined;\n  className?: string | undefined;\n};\n\n/** Self-describing runtime controls with segmented and combo presentations. */\nexport function RuntimeBar<T extends RuntimeBarValue>({\n  value,\n  onChange,\n  variant = \"segmented\",\n  models = [],\n  families = SPEC_RUNTIME_FAMILIES,\n  effectiveMode,\n  effectiveModel,\n  reasoningEfforts = DEFAULT_REASONING_EFFORTS,\n  locked = false,\n  showModel = true,\n  showEffort = true,\n  showTimeout = false,\n  showCost = false,\n  actions,\n  ariaLabel = \"Runtime\",\n  className,\n}: RuntimeBarProps<T>) {\n  const [preference, setPreference] = useState<{\n    model: string | undefined;\n    family: string | undefined;\n  }>({ model: effectiveModel, family: undefined });\n  if (preference.model !== effectiveModel) {\n    setPreference({ model: effectiveModel, family: undefined });\n  }\n  const preferredFamily =\n    preference.model === effectiveModel ? preference.family : undefined;\n  const specMode =\n    value.mode?.trim() ||\n    runtimeModeFromModel(value.model) ||\n    effectiveMode?.trim();\n  const selection = selectionForRuntime(\n    families,\n    specMode,\n    value.id || value.model || (preferredFamily ? undefined : effectiveModel),\n    models,\n    preferredFamily,\n  );\n  const family = familyById(families, selection.family);\n  const modes = runtimeModes(families);\n  const mode = modes.find((entry) => entry.id === selection.mode);\n  if (!mode)\n    throw new Error(\n      `No available runtime mode for ${JSON.stringify(selection.mode)}`,\n    );\n  const groups = modelGroupsForMode({ models, families, mode: mode.id });\n  const resolvedModel = runtimeModelForValue(\n    groups.flatMap((group) => group.models),\n    value,\n  );\n  const selectedModelUnavailable = Boolean(\n    !resolvedModel &&\n    (value.id || value.model) &&\n    runtimeModelForValue(models, value, (entry) => !isSelectableModel(entry)),\n  );\n  const supportedEfforts = effortOptionsForModel(\n    resolvedModel,\n    reasoningEfforts,\n  );\n  // The name an Unspecified model would resolve to, so the picker can say what\n  // it inherits instead of leaving the operator guessing.\n  const inheritedModelLabel =\n    value.model || value.id\n      ? undefined\n      : (runtimeModelForValue(\n          models,\n          effectiveModel !== undefined ? { model: effectiveModel } : {},\n          isSelectableModel,\n        )?.label ?? effectiveModel);\n\n  const applyMode = (familyId: string, modeId: string) => {\n    setPreference({ model: effectiveModel, family: familyId });\n    const next = withRuntimeMode({\n      value,\n      models,\n      families,\n      mode: modeId,\n      reasoningEfforts,\n    });\n    if (next !== value) onChange(next);\n  };\n\n  const applyCustomModel = (model: string) => {\n    onChange(\n      withOptionalRuntimeValue(withoutCatalogModel(value), \"model\", model),\n    );\n  };\n  // A family's model catalog can serve several modes. Selecting a row must not\n  // silently move the user away from the mode they chose.\n  const applyModel = (model: ChatModel) => {\n    const next = reconcileModelCapabilities(\n      withoutCatalogModel(value),\n      model,\n      reasoningEfforts,\n      { mode: mode.id },\n    );\n    onChange(next);\n  };\n  const clearModel = () => {\n    onChange(withoutCatalogModel(value));\n  };\n  const applyEffort = (effort: string) =>\n    onChange(withOptionalRuntimeValue(value, \"effort\", effort));\n\n  const fields = [\n    ...(showEffort && supportedEfforts.length > 0\n      ? [\n          effortField({\n            value: value.effort,\n            offered: reasoningEfforts,\n            supported: supportedEfforts,\n            onChange: applyEffort,\n          }),\n        ]\n      : []),\n    ...(actions?.fields ?? []),\n    ...(showCost\n      ? [\n          budgetField({\n            value: value.budget?.cost,\n            onChange: (cost) => onChange(withBudgetLimit(value, \"cost\", cost)),\n          }),\n        ]\n      : []),\n    ...(showTimeout\n      ? [\n          timeoutField({\n            value: value.budget?.timeout,\n            onChange: (timeout) =>\n              onChange(withBudgetLimit(value, \"timeout\", timeout)),\n          }),\n        ]\n      : []),\n  ];\n  return (\n    <RuntimeBarVariantContext.Provider value={variant}>\n      <RuntimeBarLayout\n        ariaLabel={ariaLabel}\n        className={className}\n        actions={{ ...actions, fields }}\n        identity={{\n          family,\n          mode,\n          modes,\n          groups,\n          selectedModel: resolvedModel,\n          model: value.model,\n          unavailable: selectedModelUnavailable,\n          inheritedModelLabel,\n          locked,\n          showModel,\n          variant,\n          onModeChange: (modeId) => applyMode(family.id, modeId),\n          onCustomModel: applyCustomModel,\n          onModelSelect: applyModel,\n          onModelClear: clearModel,\n          onFamilySelect: (familyId) => {\n            setPreference({ model: effectiveModel, family: familyId });\n            onChange(withoutCatalogModel(value));\n          },\n        }}\n      />\n    </RuntimeBarVariantContext.Provider>\n  );\n}\n\nfunction withoutCatalogModel<T extends RuntimeBarValue>(value: T): T {\n  return withOptionalRuntimeValue(\n    withOptionalRuntimeValue(value, \"model\", undefined),\n    \"id\",\n    undefined,\n  );\n}\n\nfunction withOptionalRuntimeValue<T extends RuntimeBarValue>(\n  value: T,\n  key: keyof RuntimeBarValue,\n  next: unknown,\n): T {\n  const updated = { ...value } as Record<string, unknown>;\n  if (next === undefined || next === \"\") {\n    delete updated[key];\n  } else {\n    updated[key] = next;\n  }\n  return updated as T;\n}\n"],"names":["SPEC_RUNTIME_FAMILIES","DEFAULT_REASONING_EFFORTS","useState","runtimeModeFromModel","selectionForRuntime","familyById","runtimeModes","modelGroupsForMode","runtimeModelForValue","isSelectableModel","effortOptionsForModel","withRuntimeMode","reconcileModelCapabilities","effortField","budgetField","withBudgetLimit","timeoutField","jsx","RuntimeBarVariantContext","RuntimeBarLayout"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
 import { ChatModel, ChatModelRuntime } from '../chat/types.js';
 import { RuntimeBarBudget } from './RuntimeBar.limits.js';
+import { RuntimeBarActionsProps } from './RuntimeBarActions.js';
 import { SpecRuntimeFamily } from './runtime-mode.js';
 export type RuntimeBarValue = ChatModelRuntime & {
     cliArgs?: Record<string, unknown>;
@@ -10,10 +10,9 @@ export type RuntimeBarValue = ChatModelRuntime & {
 export type RuntimeBarProps<T extends RuntimeBarValue = RuntimeBarValue> = {
     value: T;
     onChange: (value: T) => void;
-    /** `segmented` uses field triggers; `combo` uses one direct-edit menu. */
+    /** Fused field triggers or individually bordered controls. */
     variant?: "combo" | "segmented";
-    /** Model catalog. Only the selected family's models are listed; a family the
-     *  catalog does not describe is served by the segment's free-text entry. */
+    /** Model catalog grouped by family and filtered by the selected mode. */
     models?: ChatModel[] | undefined;
     families?: SpecRuntimeFamily[] | undefined;
     /** Resolved mode shown when the editable value inherits it from another layer. */
@@ -33,7 +32,7 @@ export type RuntimeBarProps<T extends RuntimeBarValue = RuntimeBarValue> = {
     /** Opt-in control for `budget.cost`. */
     showCost?: boolean | undefined;
     /** Host-level settings belonging to the surrounding spec rather than this runtime row. */
-    actions?: ReactNode | undefined;
+    actions?: Pick<RuntimeBarActionsProps, "fields" | "menu" | "menuLabel"> | undefined;
     ariaLabel?: string | undefined;
     className?: string | undefined;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"RuntimeBar.d.ts","sourceRoot":"","sources":["../../../src/data/runtime/RuntimeBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAmB,KAAK,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAU7E,OAAO,EAOL,KAAK,iBAAiB,EACvB,MAAM,gBAAgB,CAAC;AAExB,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,qEAAqE;IACrE,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,IAAI;IACzE,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAChC;gFAC4E;IAC5E,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;IAC3C,kFAAkF;IAClF,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,2FAA2F;IAC3F,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACxC,oFAAoF;IACpF,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,2CAA2C;IAC3C,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,0FAA0F;IAC1F,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,+EAA+E;AAC/E,wBAAgB,UAAU,CAAC,CAAC,SAAS,eAAe,EAAE,EACpD,KAAK,EACL,QAAQ,EACR,OAAqB,EACrB,MAAW,EACX,QAAgC,EAChC,aAAa,EACb,cAAc,EACd,gBAA4C,EAC5C,MAAc,EACd,SAAgB,EAChB,UAAiB,EACjB,WAAmB,EACnB,QAAgB,EAChB,OAAO,EACP,SAAqB,EACrB,SAAS,GACV,EAAE,eAAe,CAAC,CAAC,CAAC,+BA4JpB"}
+{"version":3,"file":"RuntimeBar.d.ts","sourceRoot":"","sources":["../../../src/data/runtime/RuntimeBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAmB,KAAK,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG7E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAalE,OAAO,EAKL,KAAK,iBAAiB,EACvB,MAAM,gBAAgB,CAAC;AAExB,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,qEAAqE;IACrE,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,IAAI;IACzE,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAChC,yEAAyE;IACzE,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;IAC3C,kFAAkF;IAClF,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,2FAA2F;IAC3F,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACxC,oFAAoF;IACpF,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,2CAA2C;IAC3C,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,0FAA0F;IAC1F,OAAO,CAAC,EACJ,IAAI,CAAC,sBAAsB,EAAE,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAC,GAC7D,SAAS,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,+EAA+E;AAC/E,wBAAgB,UAAU,CAAC,CAAC,SAAS,eAAe,EAAE,EACpD,KAAK,EACL,QAAQ,EACR,OAAqB,EACrB,MAAW,EACX,QAAgC,EAChC,aAAa,EACb,cAAc,EACd,gBAA4C,EAC5C,MAAc,EACd,SAAgB,EAChB,UAAiB,EACjB,WAAmB,EACnB,QAAgB,EAChB,OAAO,EACP,SAAqB,EACrB,SAAS,GACV,EAAE,eAAe,CAAC,CAAC,CAAC,+BAmJpB"}

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

@@ -0,0 +1,170 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const utils = require("../../lib/utils.cjs");
+const Icon = require("../Icon.cjs");
+const effortIcons = require("../chat/effort-icons.cjs");
+const RuntimeBar_limits = require("./RuntimeBar.limits.cjs");
+const RuntimeLimitInput = require("./RuntimeLimitInput.cjs");
+const RuntimeBarSegment = require("./RuntimeBarSegment.cjs");
+const unspecified = require("./unspecified.cjs");
+const UiBrain = require("../../icons/components/UiBrain.cjs");
+const UiTimer = require("../../icons/components/UiTimer.cjs");
+const UiCurrencyDollar = require("../../icons/components/UiCurrencyDollar.cjs");
+function timeoutField({
+  value,
+  onChange
+}) {
+  return limitField({
+    id: "budget.timeout",
+    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 budgetField({
+  value,
+  onChange
+}) {
+  return limitField({
+    id: "budget.cost",
+    label: "Budget",
+    inputLabel: "Budget (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 limitField({
+  id,
+  label,
+  inputLabel,
+  icon,
+  current,
+  text,
+  placeholder,
+  presets,
+  parse,
+  onChange
+}) {
+  return {
+    id,
+    label,
+    icon,
+    isSet: current !== void 0,
+    title: `${label} — ${current ?? "no limit"}`,
+    caption: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon, className: "size-4 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: RuntimeBarSegment.SEGMENT_CAPTION_CLASS, children: current })
+    ] }),
+    header: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: RuntimeBarSegment.SEGMENT_KEY_CLASS, children: inputLabel }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        RuntimeLimitInput.RuntimeLimitInput,
+        {
+          inputLabel,
+          text,
+          placeholder,
+          parse,
+          current,
+          onChange
+        }
+      )
+    ] }),
+    items: [
+      {
+        label: /* @__PURE__ */ jsxRuntime.jsx(RuntimeBarSegment.SegmentItemLabel, { text: "No limit", selected: current === void 0 }),
+        onSelect: () => onChange(void 0)
+      },
+      ...presets.map((preset) => ({
+        label: /* @__PURE__ */ jsxRuntime.jsx(
+          RuntimeBarSegment.SegmentItemLabel,
+          {
+            text: preset.label,
+            selected: preset.label === current
+          }
+        ),
+        onSelect: () => onChange(preset.value)
+      }))
+    ]
+  };
+}
+function effortField({
+  value,
+  offered,
+  supported,
+  onChange
+}) {
+  const glyph = value ? effortIcons.effortLevelIcon(value) : void 0;
+  return {
+    id: "effort",
+    label: "Effort",
+    title: "Reasoning effort",
+    isSet: Boolean(value),
+    icon: UiBrain.UiBrain,
+    iconClassName: "text-muted-foreground",
+    caption: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: RuntimeBarSegment.SEGMENT_KEY_CLASS, children: "Effort" }),
+      glyph && /* @__PURE__ */ jsxRuntime.jsx(
+        Icon.Icon,
+        {
+          icon: glyph,
+          className: utils.cn("size-4 shrink-0", effortIcons.effortLevelColor(value))
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: RuntimeBarSegment.SEGMENT_CAPTION_CLASS, children: value ? effortIcons.effortLevelLabel(value) : unspecified.UNSPECIFIED_LABEL })
+    ] }),
+    items: [
+      {
+        label: /* @__PURE__ */ jsxRuntime.jsx(
+          RuntimeBarSegment.SegmentItemLabel,
+          {
+            text: unspecified.UNSPECIFIED_LABEL,
+            hint: unspecified.UNSPECIFIED_HINT,
+            selected: !value
+          }
+        ),
+        onSelect: () => onChange("")
+      },
+      ...[
+        .../* @__PURE__ */ new Set([...offered, ...supported, ...value ? [value] : []])
+      ].map((effort) => {
+        const icon = effortIcons.effortLevelIcon(effort);
+        return {
+          label: /* @__PURE__ */ jsxRuntime.jsx(
+            RuntimeBarSegment.SegmentItemLabel,
+            {
+              text: effortIcons.effortLevelLabel(effort),
+              selected: value === effort,
+              ...supported.includes(effort) ? {} : { hint: "unsupported" }
+            }
+          ),
+          ...icon ? { icon } : {},
+          iconClassName: effortIcons.effortLevelColor(effort),
+          disabled: !supported.includes(effort),
+          onSelect: () => onChange(effort)
+        };
+      })
+    ]
+  };
+}
+exports.budgetField = budgetField;
+exports.effortField = effortField;
+exports.timeoutField = timeoutField;
+//# sourceMappingURL=RuntimeBar.fields.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeBar.fields.cjs","sources":["../../../src/data/runtime/RuntimeBar.fields.tsx"],"sourcesContent":["import { UiBrain, UiCurrencyDollar, UiTimer } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  effortLevelColor,\n  effortLevelIcon,\n  effortLevelLabel,\n} from \"../chat/effort-icons\";\nimport type { RuntimeBarAction } from \"./RuntimeBarActions\";\nimport {\n  COST_PRESETS,\n  TIMEOUT_PRESETS,\n  formatCost,\n  parseCost,\n  parseTimeout,\n} from \"./RuntimeBar.limits\";\nimport { RuntimeLimitInput } from \"./RuntimeLimitInput\";\nimport {\n  SEGMENT_CAPTION_CLASS,\n  SEGMENT_KEY_CLASS,\n  SegmentItemLabel,\n} from \"./RuntimeBarSegment\";\nimport { UNSPECIFIED_LABEL, UNSPECIFIED_HINT } from \"./unspecified\";\n\nexport function timeoutField({\n  value,\n  onChange,\n}: {\n  value: string | undefined;\n  onChange: (next: string | undefined) => void;\n}): RuntimeBarAction {\n  return limitField({\n    id: \"budget.timeout\",\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) => ({\n      label: timeout,\n      value: timeout,\n    })),\n    parse: parseTimeout,\n    onChange,\n  });\n}\n\nexport function budgetField({\n  value,\n  onChange,\n}: {\n  value: number | undefined;\n  onChange: (next: number | undefined) => void;\n}): RuntimeBarAction {\n  return limitField({\n    id: \"budget.cost\",\n    label: \"Budget\",\n    inputLabel: \"Budget (USD)\",\n    icon: UiCurrencyDollar,\n    current: formatCost(value),\n    text: value === undefined ? \"\" : String(value),\n    placeholder: \"2.50\",\n    presets: COST_PRESETS.map((cost) => ({\n      label: formatCost(cost)!,\n      value: cost,\n    })),\n    parse: parseCost,\n    onChange,\n  });\n}\n\nfunction limitField<V extends string | number>({\n  id,\n  label,\n  inputLabel,\n  icon,\n  current,\n  text,\n  placeholder,\n  presets,\n  parse,\n  onChange,\n}: {\n  id: string;\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}): RuntimeBarAction {\n  return {\n    id,\n    label,\n    icon,\n    isSet: current !== undefined,\n    title: `${label} — ${current ?? \"no limit\"}`,\n    caption: (\n      <>\n        <Icon icon={icon} className=\"size-4 shrink-0 text-muted-foreground\" />\n        <span className={SEGMENT_CAPTION_CLASS}>{current}</span>\n      </>\n    ),\n    header: (\n      <div className=\"grid gap-1\">\n        <span className={SEGMENT_KEY_CLASS}>{inputLabel}</span>\n        <RuntimeLimitInput\n          inputLabel={inputLabel}\n          text={text}\n          placeholder={placeholder}\n          parse={parse}\n          current={current}\n          onChange={onChange}\n        />\n      </div>\n    ),\n    items: [\n      {\n        label: (\n          <SegmentItemLabel text=\"No limit\" selected={current === undefined} />\n        ),\n        onSelect: () => onChange(undefined),\n      },\n      ...presets.map((preset) => ({\n        label: (\n          <SegmentItemLabel\n            text={preset.label}\n            selected={preset.label === current}\n          />\n        ),\n        onSelect: () => onChange(preset.value),\n      })),\n    ],\n  };\n}\n\nexport function effortField({\n  value,\n  offered,\n  supported,\n  onChange,\n}: {\n  value: string | undefined;\n  offered: string[];\n  supported: string[];\n  onChange: (next: string) => void;\n}): RuntimeBarAction {\n  const glyph = value ? effortLevelIcon(value) : undefined;\n  return {\n    id: \"effort\",\n    label: \"Effort\",\n    title: \"Reasoning effort\",\n    isSet: Boolean(value),\n    icon: UiBrain,\n    iconClassName: \"text-muted-foreground\",\n    caption: (\n      <>\n        <span className={SEGMENT_KEY_CLASS}>Effort</span>\n        {glyph && (\n          <Icon\n            icon={glyph}\n            className={cn(\"size-4 shrink-0\", effortLevelColor(value!))}\n          />\n        )}\n        <span className={SEGMENT_CAPTION_CLASS}>\n          {value ? effortLevelLabel(value) : UNSPECIFIED_LABEL}\n        </span>\n      </>\n    ),\n    items: [\n      {\n        label: (\n          <SegmentItemLabel\n            text={UNSPECIFIED_LABEL}\n            hint={UNSPECIFIED_HINT}\n            selected={!value}\n          />\n        ),\n        onSelect: () => onChange(\"\"),\n      },\n      ...[\n        ...new Set([...offered, ...supported, ...(value ? [value] : [])]),\n      ].map((effort) => {\n        const icon = effortLevelIcon(effort);\n        return {\n          label: (\n            <SegmentItemLabel\n              text={effortLevelLabel(effort)}\n              selected={value === effort}\n              {...(supported.includes(effort) ? {} : { hint: \"unsupported\" })}\n            />\n          ),\n          ...(icon ? { icon } : {}),\n          iconClassName: effortLevelColor(effort),\n          disabled: !supported.includes(effort),\n          onSelect: () => onChange(effort),\n        };\n      }),\n    ],\n  };\n}\n"],"names":["UiTimer","TIMEOUT_PRESETS","parseTimeout","UiCurrencyDollar","formatCost","COST_PRESETS","parseCost","jsxs","Fragment","jsx","Icon","SEGMENT_CAPTION_CLASS","SEGMENT_KEY_CLASS","RuntimeLimitInput","SegmentItemLabel","effortLevelIcon","UiBrain","cn","effortLevelColor","effortLevelLabel","UNSPECIFIED_LABEL","UNSPECIFIED_HINT"],"mappings":"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"}

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

@@ -0,0 +1,16 @@
+import { RuntimeBarAction } from './RuntimeBarActions.js';
+export declare function timeoutField({ value, onChange, }: {
+    value: string | undefined;
+    onChange: (next: string | undefined) => void;
+}): RuntimeBarAction;
+export declare function budgetField({ value, onChange, }: {
+    value: number | undefined;
+    onChange: (next: number | undefined) => void;
+}): RuntimeBarAction;
+export declare function effortField({ value, offered, supported, onChange, }: {
+    value: string | undefined;
+    offered: string[];
+    supported: string[];
+    onChange: (next: string) => void;
+}): RuntimeBarAction;
+//# sourceMappingURL=RuntimeBar.fields.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeBar.fields.d.ts","sourceRoot":"","sources":["../../../src/data/runtime/RuntimeBar.fields.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAgB5D,wBAAgB,YAAY,CAAC,EAC3B,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,GAAG,gBAAgB,CAgBnB;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,GAAG,gBAAgB,CAgBnB;AAsED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,SAAS,EACT,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,GAAG,gBAAgB,CAsDnB"}

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

@@ -0,0 +1,170 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+import { Icon } from "../Icon.js";
+import { effortLevelIcon, effortLevelColor, effortLevelLabel } from "../chat/effort-icons.js";
+import { COST_PRESETS, formatCost, TIMEOUT_PRESETS, parseTimeout, parseCost } from "./RuntimeBar.limits.js";
+import { RuntimeLimitInput } from "./RuntimeLimitInput.js";
+import { SegmentItemLabel, SEGMENT_KEY_CLASS, SEGMENT_CAPTION_CLASS } from "./RuntimeBarSegment.js";
+import { UNSPECIFIED_HINT, UNSPECIFIED_LABEL } from "./unspecified.js";
+import { UiBrain } from "../../icons/components/UiBrain.js";
+import { UiTimer } from "../../icons/components/UiTimer.js";
+import { UiCurrencyDollar } from "../../icons/components/UiCurrencyDollar.js";
+function timeoutField({
+  value,
+  onChange
+}) {
+  return limitField({
+    id: "budget.timeout",
+    label: "Timeout",
+    inputLabel: "Timeout duration",
+    icon: UiTimer,
+    current: value,
+    text: value ?? "",
+    placeholder: "45m",
+    presets: TIMEOUT_PRESETS.map((timeout) => ({
+      label: timeout,
+      value: timeout
+    })),
+    parse: parseTimeout,
+    onChange
+  });
+}
+function budgetField({
+  value,
+  onChange
+}) {
+  return limitField({
+    id: "budget.cost",
+    label: "Budget",
+    inputLabel: "Budget (USD)",
+    icon: UiCurrencyDollar,
+    current: formatCost(value),
+    text: value === void 0 ? "" : String(value),
+    placeholder: "2.50",
+    presets: COST_PRESETS.map((cost) => ({
+      label: formatCost(cost),
+      value: cost
+    })),
+    parse: parseCost,
+    onChange
+  });
+}
+function limitField({
+  id,
+  label,
+  inputLabel,
+  icon,
+  current,
+  text,
+  placeholder,
+  presets,
+  parse,
+  onChange
+}) {
+  return {
+    id,
+    label,
+    icon,
+    isSet: current !== void 0,
+    title: `${label} — ${current ?? "no limit"}`,
+    caption: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Icon, { icon, className: "size-4 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ jsx("span", { className: SEGMENT_CAPTION_CLASS, children: current })
+    ] }),
+    header: /* @__PURE__ */ jsxs("div", { className: "grid gap-1", children: [
+      /* @__PURE__ */ jsx("span", { className: SEGMENT_KEY_CLASS, children: inputLabel }),
+      /* @__PURE__ */ jsx(
+        RuntimeLimitInput,
+        {
+          inputLabel,
+          text,
+          placeholder,
+          parse,
+          current,
+          onChange
+        }
+      )
+    ] }),
+    items: [
+      {
+        label: /* @__PURE__ */ jsx(SegmentItemLabel, { text: "No limit", selected: current === void 0 }),
+        onSelect: () => onChange(void 0)
+      },
+      ...presets.map((preset) => ({
+        label: /* @__PURE__ */ jsx(
+          SegmentItemLabel,
+          {
+            text: preset.label,
+            selected: preset.label === current
+          }
+        ),
+        onSelect: () => onChange(preset.value)
+      }))
+    ]
+  };
+}
+function effortField({
+  value,
+  offered,
+  supported,
+  onChange
+}) {
+  const glyph = value ? effortLevelIcon(value) : void 0;
+  return {
+    id: "effort",
+    label: "Effort",
+    title: "Reasoning effort",
+    isSet: Boolean(value),
+    icon: UiBrain,
+    iconClassName: "text-muted-foreground",
+    caption: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { className: SEGMENT_KEY_CLASS, children: "Effort" }),
+      glyph && /* @__PURE__ */ jsx(
+        Icon,
+        {
+          icon: glyph,
+          className: cn("size-4 shrink-0", effortLevelColor(value))
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: SEGMENT_CAPTION_CLASS, children: value ? effortLevelLabel(value) : UNSPECIFIED_LABEL })
+    ] }),
+    items: [
+      {
+        label: /* @__PURE__ */ jsx(
+          SegmentItemLabel,
+          {
+            text: UNSPECIFIED_LABEL,
+            hint: UNSPECIFIED_HINT,
+            selected: !value
+          }
+        ),
+        onSelect: () => onChange("")
+      },
+      ...[
+        .../* @__PURE__ */ new Set([...offered, ...supported, ...value ? [value] : []])
+      ].map((effort) => {
+        const icon = effortLevelIcon(effort);
+        return {
+          label: /* @__PURE__ */ jsx(
+            SegmentItemLabel,
+            {
+              text: effortLevelLabel(effort),
+              selected: value === effort,
+              ...supported.includes(effort) ? {} : { hint: "unsupported" }
+            }
+          ),
+          ...icon ? { icon } : {},
+          iconClassName: effortLevelColor(effort),
+          disabled: !supported.includes(effort),
+          onSelect: () => onChange(effort)
+        };
+      })
+    ]
+  };
+}
+export {
+  budgetField,
+  effortField,
+  timeoutField
+};
+//# sourceMappingURL=RuntimeBar.fields.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeBar.fields.js","sources":["../../../src/data/runtime/RuntimeBar.fields.tsx"],"sourcesContent":["import { UiBrain, UiCurrencyDollar, UiTimer } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  effortLevelColor,\n  effortLevelIcon,\n  effortLevelLabel,\n} from \"../chat/effort-icons\";\nimport type { RuntimeBarAction } from \"./RuntimeBarActions\";\nimport {\n  COST_PRESETS,\n  TIMEOUT_PRESETS,\n  formatCost,\n  parseCost,\n  parseTimeout,\n} from \"./RuntimeBar.limits\";\nimport { RuntimeLimitInput } from \"./RuntimeLimitInput\";\nimport {\n  SEGMENT_CAPTION_CLASS,\n  SEGMENT_KEY_CLASS,\n  SegmentItemLabel,\n} from \"./RuntimeBarSegment\";\nimport { UNSPECIFIED_LABEL, UNSPECIFIED_HINT } from \"./unspecified\";\n\nexport function timeoutField({\n  value,\n  onChange,\n}: {\n  value: string | undefined;\n  onChange: (next: string | undefined) => void;\n}): RuntimeBarAction {\n  return limitField({\n    id: \"budget.timeout\",\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) => ({\n      label: timeout,\n      value: timeout,\n    })),\n    parse: parseTimeout,\n    onChange,\n  });\n}\n\nexport function budgetField({\n  value,\n  onChange,\n}: {\n  value: number | undefined;\n  onChange: (next: number | undefined) => void;\n}): RuntimeBarAction {\n  return limitField({\n    id: \"budget.cost\",\n    label: \"Budget\",\n    inputLabel: \"Budget (USD)\",\n    icon: UiCurrencyDollar,\n    current: formatCost(value),\n    text: value === undefined ? \"\" : String(value),\n    placeholder: \"2.50\",\n    presets: COST_PRESETS.map((cost) => ({\n      label: formatCost(cost)!,\n      value: cost,\n    })),\n    parse: parseCost,\n    onChange,\n  });\n}\n\nfunction limitField<V extends string | number>({\n  id,\n  label,\n  inputLabel,\n  icon,\n  current,\n  text,\n  placeholder,\n  presets,\n  parse,\n  onChange,\n}: {\n  id: string;\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}): RuntimeBarAction {\n  return {\n    id,\n    label,\n    icon,\n    isSet: current !== undefined,\n    title: `${label} — ${current ?? \"no limit\"}`,\n    caption: (\n      <>\n        <Icon icon={icon} className=\"size-4 shrink-0 text-muted-foreground\" />\n        <span className={SEGMENT_CAPTION_CLASS}>{current}</span>\n      </>\n    ),\n    header: (\n      <div className=\"grid gap-1\">\n        <span className={SEGMENT_KEY_CLASS}>{inputLabel}</span>\n        <RuntimeLimitInput\n          inputLabel={inputLabel}\n          text={text}\n          placeholder={placeholder}\n          parse={parse}\n          current={current}\n          onChange={onChange}\n        />\n      </div>\n    ),\n    items: [\n      {\n        label: (\n          <SegmentItemLabel text=\"No limit\" selected={current === undefined} />\n        ),\n        onSelect: () => onChange(undefined),\n      },\n      ...presets.map((preset) => ({\n        label: (\n          <SegmentItemLabel\n            text={preset.label}\n            selected={preset.label === current}\n          />\n        ),\n        onSelect: () => onChange(preset.value),\n      })),\n    ],\n  };\n}\n\nexport function effortField({\n  value,\n  offered,\n  supported,\n  onChange,\n}: {\n  value: string | undefined;\n  offered: string[];\n  supported: string[];\n  onChange: (next: string) => void;\n}): RuntimeBarAction {\n  const glyph = value ? effortLevelIcon(value) : undefined;\n  return {\n    id: \"effort\",\n    label: \"Effort\",\n    title: \"Reasoning effort\",\n    isSet: Boolean(value),\n    icon: UiBrain,\n    iconClassName: \"text-muted-foreground\",\n    caption: (\n      <>\n        <span className={SEGMENT_KEY_CLASS}>Effort</span>\n        {glyph && (\n          <Icon\n            icon={glyph}\n            className={cn(\"size-4 shrink-0\", effortLevelColor(value!))}\n          />\n        )}\n        <span className={SEGMENT_CAPTION_CLASS}>\n          {value ? effortLevelLabel(value) : UNSPECIFIED_LABEL}\n        </span>\n      </>\n    ),\n    items: [\n      {\n        label: (\n          <SegmentItemLabel\n            text={UNSPECIFIED_LABEL}\n            hint={UNSPECIFIED_HINT}\n            selected={!value}\n          />\n        ),\n        onSelect: () => onChange(\"\"),\n      },\n      ...[\n        ...new Set([...offered, ...supported, ...(value ? [value] : [])]),\n      ].map((effort) => {\n        const icon = effortLevelIcon(effort);\n        return {\n          label: (\n            <SegmentItemLabel\n              text={effortLevelLabel(effort)}\n              selected={value === effort}\n              {...(supported.includes(effort) ? {} : { hint: \"unsupported\" })}\n            />\n          ),\n          ...(icon ? { icon } : {}),\n          iconClassName: effortLevelColor(effort),\n          disabled: !supported.includes(effort),\n          onSelect: () => onChange(effort),\n        };\n      }),\n    ],\n  };\n}\n"],"names":[],"mappings":"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"}