@mastra/playground-ui 62.0.0-alpha.0 → 62.0.0-alpha.2

package/dist/components/PropertyFilter.cjs.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const propertyFilterApplied = require('../property-filter-applied-D8ksUq0V.cjs');
+const propertyFilterApplied = require('../property-filter-applied-7dHzckeW.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Button = require('../Button-BTuu6_hv.cjs');
-const combobox = require('../combobox-C94lovBP.cjs');
+const Button = require('../Button-BpSkkuzG.cjs');
+const combobox = require('../combobox-Csiduxme.cjs');
 const field = require('../field-D1SVMPMz.cjs');
 require('../field-control-aria-WzMGs0A4.cjs');
 const popover = require('../popover-CWHYNPp8.cjs');

package/dist/components/PropertyFilter.es.js

@@ -1,10 +1,10 @@
-import { b as PickMultiPanel } from '../property-filter-applied-BI8sBH9b.js';
-export { a as PropertyFilterActions, P as PropertyFilterApplied } from '../property-filter-applied-BI8sBH9b.js';
+import { b as PickMultiPanel } from '../property-filter-applied-CdbOixsW.js';
+export { a as PropertyFilterActions, P as PropertyFilterApplied } from '../property-filter-applied-CdbOixsW.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ListFilterPlusIcon, ArrowLeftIcon, FilterIcon, PlusIcon, X, ListFilterPlus, ChevronRightIcon } from 'lucide-react';
 import { useMemo, useState, useRef, useCallback, useEffect, forwardRef } from 'react';
-import { B as Button } from '../Button-D76HGlPP.js';
-import { C as Combobox } from '../combobox-Cm87oqoh.js';
+import { B as Button } from '../Button-MHlMpc97.js';
+import { C as Combobox } from '../combobox-8_JEWMYs.js';
 import { F as Field, c as FieldError } from '../field-B89BEZg4.js';
 import '../field-control-aria-DB6y41tQ.js';
 import { P as Popover, b as PopoverTrigger, a as PopoverContent } from '../popover-Jf2UUdQ1.js';

package/dist/components/RuleBuilder.cjs.js

@@ -6,12 +6,12 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const utils_ruleEngine = require('../utils/rule-engine.cjs.js');
-const select = require('../select-BFHGp0Gs.cjs');
+const select = require('../select-Cnf7ilWA.cjs');
 const Txt = require('../Txt-DXjXpX9r.cjs');
 const icons_Icon = require('../icons/Icon.cjs.js');
 const utils_cn = require('../cn-TqD01zH-.cjs');
 const input = require('../input-HPE241gI.cjs');
-const Button = require('../Button-BTuu6_hv.cjs');
+const Button = require('../Button-BpSkkuzG.cjs');
 const primitives_transitions = require('../primitives/transitions.cjs.js');
 const primitives_typography = require('../primitives/typography.cjs.js');
 

package/dist/components/RuleBuilder.es.js

@@ -2,12 +2,12 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Type, ToggleLeft, Hash, List, Braces, Ban, Check, ListX, ChevronsLeft, ChevronsRight, ChevronLeft, ChevronRight, Text, TextSearch, EqualNot, Equal, X, Plus, Component } from 'lucide-react';
 import * as React from 'react';
 import { createDefaultRule, isRule, createDefaultRuleGroup } from '../utils/rule-engine.es.js';
-import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../select-CzDDdAMs.js';
+import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../select-DN0-Usy1.js';
 import { T as Txt } from '../Txt-BuzYj7Vy.js';
 import { Icon } from '../icons/Icon.es.js';
 import { c as cn } from '../cn-coERSHz5.js';
 import { I as Input } from '../input-vi0ICZHe.js';
-import { B as Button } from '../Button-D76HGlPP.js';
+import { B as Button } from '../Button-MHlMpc97.js';
 import { controlStateColorTransition } from '../primitives/transitions.es.js';
 import { quietTextHover } from '../primitives/typography.es.js';
 

package/dist/components/SavedViews.cjs.js

@@ -6,9 +6,9 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const v4 = require('zod/v4');
-const filterBarChip = require('../filter-bar-chip-CYuMQS_q.cjs');
+const filterBarChip = require('../filter-bar-chip-BBPHw-rX.cjs');
 const Txt = require('../Txt-DXjXpX9r.cjs');
-const Button = require('../Button-BTuu6_hv.cjs');
+const Button = require('../Button-BpSkkuzG.cjs');
 const contextMenu = require('../context-menu-Dpm8dBLw.cjs');
 const dropdownMenu = require('../dropdown-menu-Bg96BCnK.cjs');
 const hoverCard = require('../hover-card-DQaLn-VR.cjs');

package/dist/components/SavedViews.es.js

@@ -2,9 +2,9 @@ import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { LayersPlusIcon, ChevronDownIcon, LayersIcon, PencilIcon, TextCursorInputIcon, CopyIcon, Trash2Icon } from 'lucide-react';
 import { useState, Fragment, useSyncExternalStore } from 'react';
 import { z } from 'zod/v4';
-import { a as FilterBarFieldLabel, t as formatValue } from '../filter-bar-chip-fXsAVwGZ.js';
+import { a as FilterBarFieldLabel, t as formatValue } from '../filter-bar-chip-SX3vDA7h.js';
 import { T as Txt } from '../Txt-BuzYj7Vy.js';
-import { B as Button, b as buttonVariants } from '../Button-D76HGlPP.js';
+import { B as Button, b as buttonVariants } from '../Button-MHlMpc97.js';
 import { C as ContextMenu } from '../context-menu-BVth1SD9.js';
 import { D as DropdownMenu } from '../dropdown-menu-D8GR_NhL.js';
 import { H as HoverCard, b as HoverCardTrigger, a as HoverCardContent } from '../hover-card-DBunOtRV.js';

package/dist/components/SearchInput.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const searchInput = require('../search-input-C_PutmWo.cjs');
+const searchInput = require('../search-input-CUGl4cVg.cjs');
 
 
 

package/dist/components/SearchInput.es.js

@@ -1,2 +1,2 @@
-export { S as SearchInput } from '../search-input-DRbe8Fm2.js';
+export { S as SearchInput } from '../search-input-iS3IW0Qo.js';
 //# sourceMappingURL=SearchInput.es.js.map

package/dist/components/Select.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const select = require('../select-BFHGp0Gs.cjs');
+const select = require('../select-Cnf7ilWA.cjs');
 
 
 

package/dist/components/Select.es.js

@@ -1,2 +1,2 @@
-export { S as Select, a as SelectContent, b as SelectGroup, c as SelectItem, d as SelectTrigger, e as SelectValue } from '../select-CzDDdAMs.js';
+export { S as Select, a as SelectContent, b as SelectGroup, c as SelectItem, d as SelectTrigger, e as SelectValue } from '../select-DN0-Usy1.js';
 //# sourceMappingURL=Select.es.js.map

package/dist/components/SideDialog.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const sideDialog = require('../side-dialog-CJC2Tj0i.cjs');
+const sideDialog = require('../side-dialog-tOsly_KZ.cjs');
 
 
 

package/dist/components/SideDialog.es.js

@@ -1,2 +1,2 @@
-export { S as SideDialog } from '../side-dialog-CUmxpQRz.js';
+export { S as SideDialog } from '../side-dialog-Qyfm7rKU.js';
 //# sourceMappingURL=SideDialog.es.js.map

package/dist/components/Sidebar.cjs.js

@@ -16,11 +16,11 @@ const primitives_typography = require('../primitives/typography.cjs.js');
 const scrollArea = require('../scroll-area-CVgjRzTS.cjs');
 const index = require('../index-DlPxfJz9.cjs');
 const primitives_controlSize = require('../primitives/control-size.cjs.js');
-const drawer = require('../drawer-BXfqQ-yo.cjs');
+const drawer = require('../drawer-WMbPLzk5.cjs');
 const primitives_resizeHandleIndicator = require('../primitives/resize-handle-indicator.cjs.js');
 const v4 = require('zod/v4');
-const dialog = require('../dialog-Bl_yLOAi.cjs');
-const select = require('../select-BFHGp0Gs.cjs');
+const dialog = require('../dialog-Cn-8vN46.cjs');
+const select = require('../select-Cnf7ilWA.cjs');
 const contextMenu = require('../context-menu-Dpm8dBLw.cjs');
 const dropdownMenu = require('../dropdown-menu-Bg96BCnK.cjs');
 const hooks_useLocalStorageState = require('../hooks/use-local-storage-state.cjs.js');

package/dist/components/Sidebar.es.js

@@ -12,11 +12,11 @@ import { quietTextHoverInGroup, quietTextHover } from '../primitives/typography.
 import { S as ScrollArea, a as ScrollAreaViewport } from '../scroll-area-BywIlj3F.js';
 import { c as cva } from '../index-D_f78K7e.js';
 import { controlHeight } from '../primitives/control-size.es.js';
-import { D as Drawer, d as DrawerContent, c as DrawerClose, o as DrawerTitle, e as DrawerDescription } from '../drawer-DrorcKlE.js';
+import { D as Drawer, d as DrawerContent, c as DrawerClose, o as DrawerTitle, e as DrawerDescription } from '../drawer-YqdQEgNH.js';
 import { ResizeHandleIndicator } from '../primitives/resize-handle-indicator.es.js';
 import { z } from 'zod/v4';
-import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle, e as DialogDescription, a as DialogBody } from '../dialog-BXtm6e9u.js';
-import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../select-CzDDdAMs.js';
+import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle, e as DialogDescription, a as DialogBody } from '../dialog-CxFcqD_P.js';
+import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../select-DN0-Usy1.js';
 import { C as ContextMenu } from '../context-menu-BVth1SD9.js';
 import { D as DropdownMenu } from '../dropdown-menu-D8GR_NhL.js';
 import { useLocalStorageState } from '../hooks/use-local-storage-state.es.js';

package/dist/components/Tabs.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const tabsRoot = require('../tabs-root-Phsi-P1b.cjs');
 const tabsList = require('../tabs-list-xikY_dug.cjs');
-const tabsTab = require('../tabs-tab-rYy3Vtvm.cjs');
+const tabsTab = require('../tabs-tab-D5ilwDSA.cjs');
 const tabsContent = require('../tabs-content-C3VQRDXH.cjs');
 
 

package/dist/components/Tabs.es.js

@@ -1,5 +1,5 @@
 export { T as Tabs } from '../tabs-root-CvGhdNKc.js';
 export { T as TabList } from '../tabs-list-DY_hziv7.js';
-export { T as Tab } from '../tabs-tab-BvPKLjyo.js';
+export { T as Tab } from '../tabs-tab-sxXpEPLh.js';
 export { T as TabContent } from '../tabs-content-6EaLEj8a.js';
 //# sourceMappingURL=Tabs.es.js.map

package/dist/components/ThinkingLevel.cjs.js

@@ -181,44 +181,55 @@ function ThinkingLevelBars({ options, value }) {
     index
   )) });
 }
+function ThinkingLevelUnavailable({
+  options,
+  label,
+  reason
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      tooltip.TooltipTrigger,
+      {
+        render: /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            role: "button",
+            tabIndex: 0,
+            "aria-disabled": "true",
+            "aria-label": `${label}: unavailable. ${reason}`,
+            className: utils_cn.cn(
+              "inline-flex h-control-sm shrink-0 cursor-not-allowed items-center rounded-full border border-transparent px-2.5 text-placeholder",
+              primitives_transitions.focusRing
+            )
+          }
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx(ThinkingLevelBars, { options, value: void 0 })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { side: "top", className: "max-w-64", children: reason })
+  ] });
+}
 function ThinkingLevelPicker({
   options,
   value,
   label,
   unavailableReason,
   description,
+  origin,
+  footer,
   onChange
 }) {
   if (unavailableReason) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        tooltip.TooltipTrigger,
-        {
-          render: /* @__PURE__ */ jsxRuntime.jsx(
-            "span",
-            {
-              role: "button",
-              tabIndex: 0,
-              "aria-disabled": "true",
-              "aria-label": `${label}: unavailable. ${unavailableReason}`,
-              className: utils_cn.cn(
-                "inline-flex h-control-sm shrink-0 cursor-not-allowed items-center rounded-full border border-transparent px-2.5 text-placeholder",
-                primitives_transitions.focusRing
-              )
-            }
-          ),
-          children: /* @__PURE__ */ jsxRuntime.jsx(ThinkingLevelBars, { options, value: void 0 })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { side: "top", className: "max-w-64", children: unavailableReason })
-    ] });
+    return /* @__PURE__ */ jsxRuntime.jsx(ThinkingLevelUnavailable, { options, label, reason: unavailableReason });
   }
-  const triggerLabel = `${label}: ${options.find((option) => option.value === value)?.label ?? value}`;
+  const levelLabel = options.find((option) => option.value === value)?.label ?? value;
+  const triggerLabel = origin ? `${label}: ${levelLabel} · ${origin}` : `${label}: ${levelLabel}`;
   return /* @__PURE__ */ jsxRuntime.jsxs(popover.Popover, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(popover.PopoverTrigger, { variant: "ghost", size: "sm", "aria-label": triggerLabel, tooltip: triggerLabel, className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(ThinkingLevelBars, { options, value }) }),
     /* @__PURE__ */ jsxRuntime.jsxs(popover.PopoverContent, { align: "end", className: "flex flex-col gap-3", children: [
       /* @__PURE__ */ jsxRuntime.jsx(ThinkingLevelRamp, { options, value, label, onChange }),
-      description ? /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "p", variant: "caption", tone: "muted", children: description }) : null
+      description ? /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "p", variant: "caption", tone: "muted", children: description }) : null,
+      footer
     ] })
   ] });
 }
@@ -227,4 +238,5 @@ exports.ThinkingLevelBars = ThinkingLevelBars;
 exports.ThinkingLevelPicker = ThinkingLevelPicker;
 exports.ThinkingLevelRamp = ThinkingLevelRamp;
 exports.ThinkingLevelSlider = ThinkingLevelSlider;
+exports.ThinkingLevelUnavailable = ThinkingLevelUnavailable;
 //# sourceMappingURL=ThinkingLevel.cjs.js.map

package/dist/components/ThinkingLevel.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThinkingLevel.cjs.js","sources":["../../src/ds/components/ThinkingLevel/use-thinking-level-stop.ts","../../src/ds/components/ThinkingLevel/thinking-level-slider.tsx","../../src/ds/components/ThinkingLevel/thinking-level-ramp.tsx","../../src/ds/components/ThinkingLevel/thinking-level-picker.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ChangeEvent } from 'react';\n\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface ThinkingLevelOption<T extends string = string> {\n  value: T;\n  label: string;\n  /** `muted` means no thinking at all; `warning` marks a level whose cost climbs. */\n  emphasis?: 'muted' | 'warning';\n}\n\nexport const invisibleRangeInputClassName = cn(\n  'cursor-pointer appearance-none bg-transparent',\n  focusRing,\n  '[&::-webkit-slider-runnable-track]:h-full [&::-webkit-slider-runnable-track]:bg-transparent',\n  '[&::-webkit-slider-thumb]:h-full [&::-webkit-slider-thumb]:w-4 [&::-webkit-slider-thumb]:appearance-none',\n  '[&::-webkit-slider-thumb]:bg-transparent',\n  '[&::-moz-range-thumb]:h-full [&::-moz-range-thumb]:w-4 [&::-moz-range-thumb]:border-0',\n  '[&::-moz-range-thumb]:bg-transparent',\n);\n\nexport function useThinkingLevelStop<T extends string>({\n  options,\n  value,\n  onChange,\n}: {\n  options: readonly ThinkingLevelOption<T>[];\n  value: T;\n  onChange: (value: T) => void | Promise<unknown>;\n}) {\n  const [draggedStop, setDraggedStop] = useState<number>();\n  const [heldRelease, setHeldRelease] = useState<{ stop: number }>();\n\n  const settledStop = Math.max(\n    options.findIndex(option => option.value === value),\n    0,\n  );\n  const pendingStop = draggedStop ?? heldRelease?.stop;\n  const shownStop = pendingStop ?? settledStop;\n\n  // Holding the drop until the write settles: clearing it first shows the old\n  // stop for a frame, then the new one — two jumps for one change.\n  const commit = async () => {\n    const stop = draggedStop;\n    setDraggedStop(undefined);\n    if (stop === undefined || stop === settledStop) return;\n    const option = options[stop];\n    if (!option) return;\n    const release = { stop };\n    setHeldRelease(release);\n    try {\n      await onChange(option.value);\n    } finally {\n      setHeldRelease(current => (current === release ? undefined : current));\n    }\n  };\n\n  const commitOnRelease = () => void commit();\n\n  return {\n    shownStop,\n    shownOption: options[shownStop],\n    isPending: pendingStop !== undefined,\n    rangeInputProps: {\n      type: 'range',\n      min: 0,\n      max: Math.max(options.length - 1, 0),\n      step: 1,\n      value: shownStop,\n      onChange: (event: ChangeEvent<HTMLInputElement>) => setDraggedStop(Number(event.target.value)),\n      onPointerUp: commitOnRelease,\n      onPointerCancel: commitOnRelease,\n      onKeyUp: commitOnRelease,\n      onBlur: commitOnRelease,\n    },\n  };\n}\n","import { useThinkingLevelStop, invisibleRangeInputClassName } from './use-thinking-level-stop';\nimport type { ThinkingLevelOption } from './use-thinking-level-stop';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface ThinkingLevelSliderProps<T extends string> {\n  options: readonly ThinkingLevelOption<T>[];\n  value: T;\n  ariaLabel: string;\n  disabled?: boolean;\n  /** Appended to the announced value, e.g. ` · follows base` when the level is inherited. */\n  valueTextSuffix?: string;\n  /** Returning the write lets the thumb hold the dropped stop until it lands. */\n  onChange: (value: T) => void | Promise<unknown>;\n  className?: string;\n}\n\nconst EMPHASIS_TONE = {\n  muted: 'text-placeholder',\n  warning: 'text-warning-foreground',\n} as const;\n\nexport function ThinkingLevelSlider<T extends string>({\n  options,\n  value,\n  ariaLabel,\n  disabled,\n  valueTextSuffix,\n  onChange,\n  className,\n}: ThinkingLevelSliderProps<T>) {\n  const { shownStop, shownOption, isPending, rangeInputProps } = useThinkingLevelStop({ options, value, onChange });\n  const lastStop = Math.max(options.length - 1, 1);\n  const tone = shownOption?.emphasis ? EMPHASIS_TONE[shownOption.emphasis] : 'text-foreground';\n  const valueText = `${shownOption?.label ?? ''}${isPending ? '' : (valueTextSuffix ?? '')}`;\n  const travelled = `calc(0.5rem + (100% - 1rem) * ${shownStop / lastStop})`;\n\n  return (\n    <div className={cn('flex items-center gap-2', tone, disabled && 'pointer-events-none opacity-50', className)}>\n      <Txt as=\"span\" variant=\"caption\" className=\"w-20 shrink-0 text-right\">\n        {shownOption?.label}\n      </Txt>\n\n      <span className=\"relative flex h-7 w-36 items-center rounded-lg bg-fill\">\n        <span\n          aria-hidden\n          className=\"absolute inset-y-0 left-0 rounded-lg bg-fill-strong\"\n          style={{ width: `calc(${travelled} + 6px)` }}\n        />\n        <span aria-hidden className=\"pointer-events-none absolute inset-x-[6.5px] flex justify-between\">\n          {options.map(option => (\n            <span key={option.value} className=\"size-[3px] rounded-full bg-current/40\" />\n          ))}\n        </span>\n        <span\n          aria-hidden\n          className=\"absolute h-4 w-[3px] -translate-x-1/2 rounded-full bg-current\"\n          style={{ left: travelled }}\n        />\n        <input\n          {...rangeInputProps}\n          aria-label={ariaLabel}\n          aria-valuetext={valueText}\n          disabled={disabled}\n          className={cn('relative h-7 w-full rounded-lg', invisibleRangeInputClassName)}\n        />\n      </span>\n    </div>\n  );\n}\n","import { useThinkingLevelStop, invisibleRangeInputClassName } from './use-thinking-level-stop';\nimport type { ThinkingLevelOption } from './use-thinking-level-stop';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface ThinkingLevelRampProps<T extends string> {\n  options: readonly ThinkingLevelOption<T>[];\n  value: T;\n  label: string;\n  /** Returning the write lets the ramp hold the dropped stop until it lands. */\n  onChange: (value: T) => void | Promise<unknown>;\n}\n\nfunction filledBarColor(option: ThinkingLevelOption) {\n  return option.emphasis === 'warning' ? 'bg-warning-foreground' : 'bg-foreground';\n}\n\nexport function ThinkingLevelRamp<T extends string>({ options, value, label, onChange }: ThinkingLevelRampProps<T>) {\n  const { shownStop, shownOption, rangeInputProps } = useThinkingLevelStop({ options, value, onChange });\n  const lastStop = Math.max(options.length - 1, 1);\n\n  return (\n    <div className=\"flex flex-col gap-3\">\n      <div className=\"flex items-baseline justify-between gap-2\">\n        <Txt as=\"p\" variant=\"label\" tone=\"ink\">\n          {label}\n        </Txt>\n        <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n          {shownOption?.label}\n        </Txt>\n      </div>\n      <div className=\"flex flex-col gap-2\">\n        <div className=\"relative flex h-10 items-end gap-1\">\n          {options.map((option, stop) => (\n            <span\n              key={option.value}\n              aria-hidden\n              className={cn(\n                'flex-1 rounded-sm transition-colors',\n                stop <= shownStop ? filledBarColor(option) : 'bg-fill',\n              )}\n              style={{ height: `${20 + (80 * stop) / lastStop}%` }}\n            />\n          ))}\n          <input\n            {...rangeInputProps}\n            aria-label={label}\n            aria-valuetext={shownOption?.label}\n            className={cn('absolute inset-0 size-full rounded-sm', invisibleRangeInputClassName)}\n          />\n        </div>\n        <div className=\"flex justify-between\">\n          {options.map((option, stop) => (\n            <Txt\n              key={option.value}\n              as=\"span\"\n              variant=\"meta\"\n              tone={stop === shownStop ? 'ink' : 'faint'}\n              className=\"flex-1 text-center\"\n            >\n              {option.label}\n            </Txt>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\n\nimport { ThinkingLevelRamp } from './thinking-level-ramp';\nimport type { ThinkingLevelOption } from './use-thinking-level-stop';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface ThinkingLevelBarsProps<T extends string> {\n  options: readonly ThinkingLevelOption<T>[];\n  value: T | undefined;\n}\n\nexport function ThinkingLevelBars<T extends string>({ options, value }: ThinkingLevelBarsProps<T>) {\n  const thinkingOptions = options.filter(option => option.emphasis !== 'muted');\n  const filled = thinkingOptions.findIndex(option => option.value === value) + 1;\n  const barCount = Math.max(thinkingOptions.length, 1);\n  return (\n    <span aria-hidden className=\"flex h-3 items-end gap-0.5\">\n      {Array.from({ length: barCount }, (_, index) => (\n        <span\n          key={index}\n          className={cn('w-[3px] rounded-xs', index < filled ? 'bg-current' : 'bg-current/25')}\n          style={{ height: `${40 + (60 * index) / Math.max(barCount - 1, 1)}%` }}\n        />\n      ))}\n    </span>\n  );\n}\n\nexport interface ThinkingLevelPickerProps<T extends string> {\n  options: readonly ThinkingLevelOption<T>[];\n  value: T;\n  label: string;\n  /** Disables the trigger and explains why in its tooltip, e.g. when the model cannot think. */\n  unavailableReason?: string;\n  description?: ReactNode;\n  onChange: (value: T) => void | Promise<unknown>;\n}\n\nexport function ThinkingLevelPicker<T extends string>({\n  options,\n  value,\n  label,\n  unavailableReason,\n  description,\n  onChange,\n}: ThinkingLevelPickerProps<T>) {\n  if (unavailableReason) {\n    return (\n      <Tooltip>\n        <TooltipTrigger\n          render={\n            <span\n              role=\"button\"\n              tabIndex={0}\n              aria-disabled=\"true\"\n              aria-label={`${label}: unavailable. ${unavailableReason}`}\n              className={cn(\n                'inline-flex h-control-sm shrink-0 cursor-not-allowed items-center rounded-full border border-transparent px-2.5 text-placeholder',\n                focusRing,\n              )}\n            />\n          }\n        >\n          <ThinkingLevelBars options={options} value={undefined} />\n        </TooltipTrigger>\n        <TooltipContent side=\"top\" className=\"max-w-64\">\n          {unavailableReason}\n        </TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  const triggerLabel = `${label}: ${options.find(option => option.value === value)?.label ?? value}`;\n\n  return (\n    <Popover>\n      <PopoverTrigger variant=\"ghost\" size=\"sm\" aria-label={triggerLabel} tooltip={triggerLabel} className=\"shrink-0\">\n        <ThinkingLevelBars options={options} value={value} />\n      </PopoverTrigger>\n      <PopoverContent align=\"end\" className=\"flex flex-col gap-3\">\n        <ThinkingLevelRamp options={options} value={value} label={label} onChange={onChange} />\n        {description ? (\n          <Txt as=\"p\" variant=\"caption\" tone=\"muted\">\n            {description}\n          </Txt>\n        ) : null}\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"names":["cn","focusRing","useState","jsxs","jsx","Txt","Tooltip","TooltipTrigger","TooltipContent","Popover","PopoverTrigger","PopoverContent"],"mappings":"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"}
+{"version":3,"file":"ThinkingLevel.cjs.js","sources":["../../src/ds/components/ThinkingLevel/use-thinking-level-stop.ts","../../src/ds/components/ThinkingLevel/thinking-level-slider.tsx","../../src/ds/components/ThinkingLevel/thinking-level-ramp.tsx","../../src/ds/components/ThinkingLevel/thinking-level-picker.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ChangeEvent } from 'react';\n\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface ThinkingLevelOption<T extends string = string> {\n  value: T;\n  label: string;\n  /** `muted` means no thinking at all; `warning` marks a level whose cost climbs. */\n  emphasis?: 'muted' | 'warning';\n}\n\nexport const invisibleRangeInputClassName = cn(\n  'cursor-pointer appearance-none bg-transparent',\n  focusRing,\n  '[&::-webkit-slider-runnable-track]:h-full [&::-webkit-slider-runnable-track]:bg-transparent',\n  '[&::-webkit-slider-thumb]:h-full [&::-webkit-slider-thumb]:w-4 [&::-webkit-slider-thumb]:appearance-none',\n  '[&::-webkit-slider-thumb]:bg-transparent',\n  '[&::-moz-range-thumb]:h-full [&::-moz-range-thumb]:w-4 [&::-moz-range-thumb]:border-0',\n  '[&::-moz-range-thumb]:bg-transparent',\n);\n\nexport function useThinkingLevelStop<T extends string>({\n  options,\n  value,\n  onChange,\n}: {\n  options: readonly ThinkingLevelOption<T>[];\n  value: T;\n  onChange: (value: T) => void | Promise<unknown>;\n}) {\n  const [draggedStop, setDraggedStop] = useState<number>();\n  const [heldRelease, setHeldRelease] = useState<{ stop: number }>();\n\n  const settledStop = Math.max(\n    options.findIndex(option => option.value === value),\n    0,\n  );\n  const pendingStop = draggedStop ?? heldRelease?.stop;\n  const shownStop = pendingStop ?? settledStop;\n\n  // Holding the drop until the write settles: clearing it first shows the old\n  // stop for a frame, then the new one — two jumps for one change.\n  const commit = async () => {\n    const stop = draggedStop;\n    setDraggedStop(undefined);\n    if (stop === undefined || stop === settledStop) return;\n    const option = options[stop];\n    if (!option) return;\n    const release = { stop };\n    setHeldRelease(release);\n    try {\n      await onChange(option.value);\n    } finally {\n      setHeldRelease(current => (current === release ? undefined : current));\n    }\n  };\n\n  const commitOnRelease = () => void commit();\n\n  return {\n    shownStop,\n    shownOption: options[shownStop],\n    isPending: pendingStop !== undefined,\n    rangeInputProps: {\n      type: 'range',\n      min: 0,\n      max: Math.max(options.length - 1, 0),\n      step: 1,\n      value: shownStop,\n      onChange: (event: ChangeEvent<HTMLInputElement>) => setDraggedStop(Number(event.target.value)),\n      onPointerUp: commitOnRelease,\n      onPointerCancel: commitOnRelease,\n      onKeyUp: commitOnRelease,\n      onBlur: commitOnRelease,\n    },\n  };\n}\n","import { useThinkingLevelStop, invisibleRangeInputClassName } from './use-thinking-level-stop';\nimport type { ThinkingLevelOption } from './use-thinking-level-stop';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface ThinkingLevelSliderProps<T extends string> {\n  options: readonly ThinkingLevelOption<T>[];\n  value: T;\n  ariaLabel: string;\n  disabled?: boolean;\n  /** Appended to the announced value, e.g. ` · follows base` when the level is inherited. */\n  valueTextSuffix?: string;\n  /** Returning the write lets the thumb hold the dropped stop until it lands. */\n  onChange: (value: T) => void | Promise<unknown>;\n  className?: string;\n}\n\nconst EMPHASIS_TONE = {\n  muted: 'text-placeholder',\n  warning: 'text-warning-foreground',\n} as const;\n\nexport function ThinkingLevelSlider<T extends string>({\n  options,\n  value,\n  ariaLabel,\n  disabled,\n  valueTextSuffix,\n  onChange,\n  className,\n}: ThinkingLevelSliderProps<T>) {\n  const { shownStop, shownOption, isPending, rangeInputProps } = useThinkingLevelStop({ options, value, onChange });\n  const lastStop = Math.max(options.length - 1, 1);\n  const tone = shownOption?.emphasis ? EMPHASIS_TONE[shownOption.emphasis] : 'text-foreground';\n  const valueText = `${shownOption?.label ?? ''}${isPending ? '' : (valueTextSuffix ?? '')}`;\n  const travelled = `calc(0.5rem + (100% - 1rem) * ${shownStop / lastStop})`;\n\n  return (\n    <div className={cn('flex items-center gap-2', tone, disabled && 'pointer-events-none opacity-50', className)}>\n      <Txt as=\"span\" variant=\"caption\" className=\"w-20 shrink-0 text-right\">\n        {shownOption?.label}\n      </Txt>\n\n      <span className=\"relative flex h-7 w-36 items-center rounded-lg bg-fill\">\n        <span\n          aria-hidden\n          className=\"absolute inset-y-0 left-0 rounded-lg bg-fill-strong\"\n          style={{ width: `calc(${travelled} + 6px)` }}\n        />\n        <span aria-hidden className=\"pointer-events-none absolute inset-x-[6.5px] flex justify-between\">\n          {options.map(option => (\n            <span key={option.value} className=\"size-[3px] rounded-full bg-current/40\" />\n          ))}\n        </span>\n        <span\n          aria-hidden\n          className=\"absolute h-4 w-[3px] -translate-x-1/2 rounded-full bg-current\"\n          style={{ left: travelled }}\n        />\n        <input\n          {...rangeInputProps}\n          aria-label={ariaLabel}\n          aria-valuetext={valueText}\n          disabled={disabled}\n          className={cn('relative h-7 w-full rounded-lg', invisibleRangeInputClassName)}\n        />\n      </span>\n    </div>\n  );\n}\n","import { useThinkingLevelStop, invisibleRangeInputClassName } from './use-thinking-level-stop';\nimport type { ThinkingLevelOption } from './use-thinking-level-stop';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface ThinkingLevelRampProps<T extends string> {\n  options: readonly ThinkingLevelOption<T>[];\n  value: T;\n  label: string;\n  /** Returning the write lets the ramp hold the dropped stop until it lands. */\n  onChange: (value: T) => void | Promise<unknown>;\n}\n\nfunction filledBarColor(option: ThinkingLevelOption) {\n  return option.emphasis === 'warning' ? 'bg-warning-foreground' : 'bg-foreground';\n}\n\nexport function ThinkingLevelRamp<T extends string>({ options, value, label, onChange }: ThinkingLevelRampProps<T>) {\n  const { shownStop, shownOption, rangeInputProps } = useThinkingLevelStop({ options, value, onChange });\n  const lastStop = Math.max(options.length - 1, 1);\n\n  return (\n    <div className=\"flex flex-col gap-3\">\n      <div className=\"flex items-baseline justify-between gap-2\">\n        <Txt as=\"p\" variant=\"label\" tone=\"ink\">\n          {label}\n        </Txt>\n        <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n          {shownOption?.label}\n        </Txt>\n      </div>\n      <div className=\"flex flex-col gap-2\">\n        <div className=\"relative flex h-10 items-end gap-1\">\n          {options.map((option, stop) => (\n            <span\n              key={option.value}\n              aria-hidden\n              className={cn(\n                'flex-1 rounded-sm transition-colors',\n                stop <= shownStop ? filledBarColor(option) : 'bg-fill',\n              )}\n              style={{ height: `${20 + (80 * stop) / lastStop}%` }}\n            />\n          ))}\n          <input\n            {...rangeInputProps}\n            aria-label={label}\n            aria-valuetext={shownOption?.label}\n            className={cn('absolute inset-0 size-full rounded-sm', invisibleRangeInputClassName)}\n          />\n        </div>\n        <div className=\"flex justify-between\">\n          {options.map((option, stop) => (\n            <Txt\n              key={option.value}\n              as=\"span\"\n              variant=\"meta\"\n              tone={stop === shownStop ? 'ink' : 'faint'}\n              className=\"flex-1 text-center\"\n            >\n              {option.label}\n            </Txt>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\n\nimport { ThinkingLevelRamp } from './thinking-level-ramp';\nimport type { ThinkingLevelOption } from './use-thinking-level-stop';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface ThinkingLevelBarsProps<T extends string> {\n  options: readonly ThinkingLevelOption<T>[];\n  value: T | undefined;\n}\n\nexport function ThinkingLevelBars<T extends string>({ options, value }: ThinkingLevelBarsProps<T>) {\n  const thinkingOptions = options.filter(option => option.emphasis !== 'muted');\n  const filled = thinkingOptions.findIndex(option => option.value === value) + 1;\n  const barCount = Math.max(thinkingOptions.length, 1);\n  return (\n    <span aria-hidden className=\"flex h-3 items-end gap-0.5\">\n      {Array.from({ length: barCount }, (_, index) => (\n        <span\n          key={index}\n          className={cn('w-[3px] rounded-xs', index < filled ? 'bg-current' : 'bg-current/25')}\n          style={{ height: `${40 + (60 * index) / Math.max(barCount - 1, 1)}%` }}\n        />\n      ))}\n    </span>\n  );\n}\n\nexport interface ThinkingLevelUnavailableProps<T extends string> {\n  options: readonly ThinkingLevelOption<T>[];\n  label: string;\n  reason: string;\n}\n\nexport function ThinkingLevelUnavailable<T extends string>({\n  options,\n  label,\n  reason,\n}: ThinkingLevelUnavailableProps<T>) {\n  return (\n    <Tooltip>\n      <TooltipTrigger\n        render={\n          <span\n            role=\"button\"\n            tabIndex={0}\n            aria-disabled=\"true\"\n            aria-label={`${label}: unavailable. ${reason}`}\n            className={cn(\n              'inline-flex h-control-sm shrink-0 cursor-not-allowed items-center rounded-full border border-transparent px-2.5 text-placeholder',\n              focusRing,\n            )}\n          />\n        }\n      >\n        <ThinkingLevelBars options={options} value={undefined} />\n      </TooltipTrigger>\n      <TooltipContent side=\"top\" className=\"max-w-64\">\n        {reason}\n      </TooltipContent>\n    </Tooltip>\n  );\n}\n\nexport interface ThinkingLevelPickerProps<T extends string> {\n  options: readonly ThinkingLevelOption<T>[];\n  value: T;\n  label: string;\n  /** Disables the trigger and explains why in its tooltip, e.g. when the model cannot think. */\n  unavailableReason?: string;\n  description?: ReactNode;\n  origin?: string;\n  footer?: ReactNode;\n  onChange: (value: T) => void | Promise<unknown>;\n}\n\nexport function ThinkingLevelPicker<T extends string>({\n  options,\n  value,\n  label,\n  unavailableReason,\n  description,\n  origin,\n  footer,\n  onChange,\n}: ThinkingLevelPickerProps<T>) {\n  if (unavailableReason) {\n    return <ThinkingLevelUnavailable options={options} label={label} reason={unavailableReason} />;\n  }\n\n  const levelLabel = options.find(option => option.value === value)?.label ?? value;\n  const triggerLabel = origin ? `${label}: ${levelLabel} · ${origin}` : `${label}: ${levelLabel}`;\n\n  return (\n    <Popover>\n      <PopoverTrigger variant=\"ghost\" size=\"sm\" aria-label={triggerLabel} tooltip={triggerLabel} className=\"shrink-0\">\n        <ThinkingLevelBars options={options} value={value} />\n      </PopoverTrigger>\n      <PopoverContent align=\"end\" className=\"flex flex-col gap-3\">\n        <ThinkingLevelRamp options={options} value={value} label={label} onChange={onChange} />\n        {description ? (\n          <Txt as=\"p\" variant=\"caption\" tone=\"muted\">\n            {description}\n          </Txt>\n        ) : null}\n        {footer}\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"names":["cn","focusRing","useState","jsxs","jsx","Txt","Tooltip","TooltipTrigger","TooltipContent","Popover","PopoverTrigger","PopoverContent"],"mappings":"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"}

package/dist/components/ThinkingLevel.es.js

@@ -177,47 +177,58 @@ function ThinkingLevelBars({ options, value }) {
     index
   )) });
 }
+function ThinkingLevelUnavailable({
+  options,
+  label,
+  reason
+}) {
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(
+      TooltipTrigger,
+      {
+        render: /* @__PURE__ */ jsx(
+          "span",
+          {
+            role: "button",
+            tabIndex: 0,
+            "aria-disabled": "true",
+            "aria-label": `${label}: unavailable. ${reason}`,
+            className: cn(
+              "inline-flex h-control-sm shrink-0 cursor-not-allowed items-center rounded-full border border-transparent px-2.5 text-placeholder",
+              focusRing
+            )
+          }
+        ),
+        children: /* @__PURE__ */ jsx(ThinkingLevelBars, { options, value: void 0 })
+      }
+    ),
+    /* @__PURE__ */ jsx(TooltipContent, { side: "top", className: "max-w-64", children: reason })
+  ] });
+}
 function ThinkingLevelPicker({
   options,
   value,
   label,
   unavailableReason,
   description,
+  origin,
+  footer,
   onChange
 }) {
   if (unavailableReason) {
-    return /* @__PURE__ */ jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsx(
-        TooltipTrigger,
-        {
-          render: /* @__PURE__ */ jsx(
-            "span",
-            {
-              role: "button",
-              tabIndex: 0,
-              "aria-disabled": "true",
-              "aria-label": `${label}: unavailable. ${unavailableReason}`,
-              className: cn(
-                "inline-flex h-control-sm shrink-0 cursor-not-allowed items-center rounded-full border border-transparent px-2.5 text-placeholder",
-                focusRing
-              )
-            }
-          ),
-          children: /* @__PURE__ */ jsx(ThinkingLevelBars, { options, value: void 0 })
-        }
-      ),
-      /* @__PURE__ */ jsx(TooltipContent, { side: "top", className: "max-w-64", children: unavailableReason })
-    ] });
+    return /* @__PURE__ */ jsx(ThinkingLevelUnavailable, { options, label, reason: unavailableReason });
   }
-  const triggerLabel = `${label}: ${options.find((option) => option.value === value)?.label ?? value}`;
+  const levelLabel = options.find((option) => option.value === value)?.label ?? value;
+  const triggerLabel = origin ? `${label}: ${levelLabel} · ${origin}` : `${label}: ${levelLabel}`;
   return /* @__PURE__ */ jsxs(Popover, { children: [
     /* @__PURE__ */ jsx(PopoverTrigger, { variant: "ghost", size: "sm", "aria-label": triggerLabel, tooltip: triggerLabel, className: "shrink-0", children: /* @__PURE__ */ jsx(ThinkingLevelBars, { options, value }) }),
     /* @__PURE__ */ jsxs(PopoverContent, { align: "end", className: "flex flex-col gap-3", children: [
       /* @__PURE__ */ jsx(ThinkingLevelRamp, { options, value, label, onChange }),
-      description ? /* @__PURE__ */ jsx(Txt, { as: "p", variant: "caption", tone: "muted", children: description }) : null
+      description ? /* @__PURE__ */ jsx(Txt, { as: "p", variant: "caption", tone: "muted", children: description }) : null,
+      footer
     ] })
   ] });
 }
 
-export { ThinkingLevelBars, ThinkingLevelPicker, ThinkingLevelRamp, ThinkingLevelSlider };
+export { ThinkingLevelBars, ThinkingLevelPicker, ThinkingLevelRamp, ThinkingLevelSlider, ThinkingLevelUnavailable };
 //# sourceMappingURL=ThinkingLevel.es.js.map

package/dist/components/ThinkingLevel.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThinkingLevel.es.js","sources":["../../src/ds/components/ThinkingLevel/use-thinking-level-stop.ts","../../src/ds/components/ThinkingLevel/thinking-level-slider.tsx","../../src/ds/components/ThinkingLevel/thinking-level-ramp.tsx","../../src/ds/components/ThinkingLevel/thinking-level-picker.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ChangeEvent } from 'react';\n\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface ThinkingLevelOption<T extends string = string> {\n  value: T;\n  label: string;\n  /** `muted` means no thinking at all; `warning` marks a level whose cost climbs. */\n  emphasis?: 'muted' | 'warning';\n}\n\nexport const invisibleRangeInputClassName = cn(\n  'cursor-pointer appearance-none bg-transparent',\n  focusRing,\n  '[&::-webkit-slider-runnable-track]:h-full [&::-webkit-slider-runnable-track]:bg-transparent',\n  '[&::-webkit-slider-thumb]:h-full [&::-webkit-slider-thumb]:w-4 [&::-webkit-slider-thumb]:appearance-none',\n  '[&::-webkit-slider-thumb]:bg-transparent',\n  '[&::-moz-range-thumb]:h-full [&::-moz-range-thumb]:w-4 [&::-moz-range-thumb]:border-0',\n  '[&::-moz-range-thumb]:bg-transparent',\n);\n\nexport function useThinkingLevelStop<T extends string>({\n  options,\n  value,\n  onChange,\n}: {\n  options: readonly ThinkingLevelOption<T>[];\n  value: T;\n  onChange: (value: T) => void | Promise<unknown>;\n}) {\n  const [draggedStop, setDraggedStop] = useState<number>();\n  const [heldRelease, setHeldRelease] = useState<{ stop: number }>();\n\n  const settledStop = Math.max(\n    options.findIndex(option => option.value === value),\n    0,\n  );\n  const pendingStop = draggedStop ?? heldRelease?.stop;\n  const shownStop = pendingStop ?? settledStop;\n\n  // Holding the drop until the write settles: clearing it first shows the old\n  // stop for a frame, then the new one — two jumps for one change.\n  const commit = async () => {\n    const stop = draggedStop;\n    setDraggedStop(undefined);\n    if (stop === undefined || stop === settledStop) return;\n    const option = options[stop];\n    if (!option) return;\n    const release = { stop };\n    setHeldRelease(release);\n    try {\n      await onChange(option.value);\n    } finally {\n      setHeldRelease(current => (current === release ? undefined : current));\n    }\n  };\n\n  const commitOnRelease = () => void commit();\n\n  return {\n    shownStop,\n    shownOption: options[shownStop],\n    isPending: pendingStop !== undefined,\n    rangeInputProps: {\n      type: 'range',\n      min: 0,\n      max: Math.max(options.length - 1, 0),\n      step: 1,\n      value: shownStop,\n      onChange: (event: ChangeEvent<HTMLInputElement>) => setDraggedStop(Number(event.target.value)),\n      onPointerUp: commitOnRelease,\n      onPointerCancel: commitOnRelease,\n      onKeyUp: commitOnRelease,\n      onBlur: commitOnRelease,\n    },\n  };\n}\n","import { useThinkingLevelStop, invisibleRangeInputClassName } from './use-thinking-level-stop';\nimport type { ThinkingLevelOption } from './use-thinking-level-stop';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface ThinkingLevelSliderProps<T extends string> {\n  options: readonly ThinkingLevelOption<T>[];\n  value: T;\n  ariaLabel: string;\n  disabled?: boolean;\n  /** Appended to the announced value, e.g. ` · follows base` when the level is inherited. */\n  valueTextSuffix?: string;\n  /** Returning the write lets the thumb hold the dropped stop until it lands. */\n  onChange: (value: T) => void | Promise<unknown>;\n  className?: string;\n}\n\nconst EMPHASIS_TONE = {\n  muted: 'text-placeholder',\n  warning: 'text-warning-foreground',\n} as const;\n\nexport function ThinkingLevelSlider<T extends string>({\n  options,\n  value,\n  ariaLabel,\n  disabled,\n  valueTextSuffix,\n  onChange,\n  className,\n}: ThinkingLevelSliderProps<T>) {\n  const { shownStop, shownOption, isPending, rangeInputProps } = useThinkingLevelStop({ options, value, onChange });\n  const lastStop = Math.max(options.length - 1, 1);\n  const tone = shownOption?.emphasis ? EMPHASIS_TONE[shownOption.emphasis] : 'text-foreground';\n  const valueText = `${shownOption?.label ?? ''}${isPending ? '' : (valueTextSuffix ?? '')}`;\n  const travelled = `calc(0.5rem + (100% - 1rem) * ${shownStop / lastStop})`;\n\n  return (\n    <div className={cn('flex items-center gap-2', tone, disabled && 'pointer-events-none opacity-50', className)}>\n      <Txt as=\"span\" variant=\"caption\" className=\"w-20 shrink-0 text-right\">\n        {shownOption?.label}\n      </Txt>\n\n      <span className=\"relative flex h-7 w-36 items-center rounded-lg bg-fill\">\n        <span\n          aria-hidden\n          className=\"absolute inset-y-0 left-0 rounded-lg bg-fill-strong\"\n          style={{ width: `calc(${travelled} + 6px)` }}\n        />\n        <span aria-hidden className=\"pointer-events-none absolute inset-x-[6.5px] flex justify-between\">\n          {options.map(option => (\n            <span key={option.value} className=\"size-[3px] rounded-full bg-current/40\" />\n          ))}\n        </span>\n        <span\n          aria-hidden\n          className=\"absolute h-4 w-[3px] -translate-x-1/2 rounded-full bg-current\"\n          style={{ left: travelled }}\n        />\n        <input\n          {...rangeInputProps}\n          aria-label={ariaLabel}\n          aria-valuetext={valueText}\n          disabled={disabled}\n          className={cn('relative h-7 w-full rounded-lg', invisibleRangeInputClassName)}\n        />\n      </span>\n    </div>\n  );\n}\n","import { useThinkingLevelStop, invisibleRangeInputClassName } from './use-thinking-level-stop';\nimport type { ThinkingLevelOption } from './use-thinking-level-stop';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface ThinkingLevelRampProps<T extends string> {\n  options: readonly ThinkingLevelOption<T>[];\n  value: T;\n  label: string;\n  /** Returning the write lets the ramp hold the dropped stop until it lands. */\n  onChange: (value: T) => void | Promise<unknown>;\n}\n\nfunction filledBarColor(option: ThinkingLevelOption) {\n  return option.emphasis === 'warning' ? 'bg-warning-foreground' : 'bg-foreground';\n}\n\nexport function ThinkingLevelRamp<T extends string>({ options, value, label, onChange }: ThinkingLevelRampProps<T>) {\n  const { shownStop, shownOption, rangeInputProps } = useThinkingLevelStop({ options, value, onChange });\n  const lastStop = Math.max(options.length - 1, 1);\n\n  return (\n    <div className=\"flex flex-col gap-3\">\n      <div className=\"flex items-baseline justify-between gap-2\">\n        <Txt as=\"p\" variant=\"label\" tone=\"ink\">\n          {label}\n        </Txt>\n        <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n          {shownOption?.label}\n        </Txt>\n      </div>\n      <div className=\"flex flex-col gap-2\">\n        <div className=\"relative flex h-10 items-end gap-1\">\n          {options.map((option, stop) => (\n            <span\n              key={option.value}\n              aria-hidden\n              className={cn(\n                'flex-1 rounded-sm transition-colors',\n                stop <= shownStop ? filledBarColor(option) : 'bg-fill',\n              )}\n              style={{ height: `${20 + (80 * stop) / lastStop}%` }}\n            />\n          ))}\n          <input\n            {...rangeInputProps}\n            aria-label={label}\n            aria-valuetext={shownOption?.label}\n            className={cn('absolute inset-0 size-full rounded-sm', invisibleRangeInputClassName)}\n          />\n        </div>\n        <div className=\"flex justify-between\">\n          {options.map((option, stop) => (\n            <Txt\n              key={option.value}\n              as=\"span\"\n              variant=\"meta\"\n              tone={stop === shownStop ? 'ink' : 'faint'}\n              className=\"flex-1 text-center\"\n            >\n              {option.label}\n            </Txt>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\n\nimport { ThinkingLevelRamp } from './thinking-level-ramp';\nimport type { ThinkingLevelOption } from './use-thinking-level-stop';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface ThinkingLevelBarsProps<T extends string> {\n  options: readonly ThinkingLevelOption<T>[];\n  value: T | undefined;\n}\n\nexport function ThinkingLevelBars<T extends string>({ options, value }: ThinkingLevelBarsProps<T>) {\n  const thinkingOptions = options.filter(option => option.emphasis !== 'muted');\n  const filled = thinkingOptions.findIndex(option => option.value === value) + 1;\n  const barCount = Math.max(thinkingOptions.length, 1);\n  return (\n    <span aria-hidden className=\"flex h-3 items-end gap-0.5\">\n      {Array.from({ length: barCount }, (_, index) => (\n        <span\n          key={index}\n          className={cn('w-[3px] rounded-xs', index < filled ? 'bg-current' : 'bg-current/25')}\n          style={{ height: `${40 + (60 * index) / Math.max(barCount - 1, 1)}%` }}\n        />\n      ))}\n    </span>\n  );\n}\n\nexport interface ThinkingLevelPickerProps<T extends string> {\n  options: readonly ThinkingLevelOption<T>[];\n  value: T;\n  label: string;\n  /** Disables the trigger and explains why in its tooltip, e.g. when the model cannot think. */\n  unavailableReason?: string;\n  description?: ReactNode;\n  onChange: (value: T) => void | Promise<unknown>;\n}\n\nexport function ThinkingLevelPicker<T extends string>({\n  options,\n  value,\n  label,\n  unavailableReason,\n  description,\n  onChange,\n}: ThinkingLevelPickerProps<T>) {\n  if (unavailableReason) {\n    return (\n      <Tooltip>\n        <TooltipTrigger\n          render={\n            <span\n              role=\"button\"\n              tabIndex={0}\n              aria-disabled=\"true\"\n              aria-label={`${label}: unavailable. ${unavailableReason}`}\n              className={cn(\n                'inline-flex h-control-sm shrink-0 cursor-not-allowed items-center rounded-full border border-transparent px-2.5 text-placeholder',\n                focusRing,\n              )}\n            />\n          }\n        >\n          <ThinkingLevelBars options={options} value={undefined} />\n        </TooltipTrigger>\n        <TooltipContent side=\"top\" className=\"max-w-64\">\n          {unavailableReason}\n        </TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  const triggerLabel = `${label}: ${options.find(option => option.value === value)?.label ?? value}`;\n\n  return (\n    <Popover>\n      <PopoverTrigger variant=\"ghost\" size=\"sm\" aria-label={triggerLabel} tooltip={triggerLabel} className=\"shrink-0\">\n        <ThinkingLevelBars options={options} value={value} />\n      </PopoverTrigger>\n      <PopoverContent align=\"end\" className=\"flex flex-col gap-3\">\n        <ThinkingLevelRamp options={options} value={value} label={label} onChange={onChange} />\n        {description ? (\n          <Txt as=\"p\" variant=\"caption\" tone=\"muted\">\n            {description}\n          </Txt>\n        ) : null}\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ThinkingLevel.es.js","sources":["../../src/ds/components/ThinkingLevel/use-thinking-level-stop.ts","../../src/ds/components/ThinkingLevel/thinking-level-slider.tsx","../../src/ds/components/ThinkingLevel/thinking-level-ramp.tsx","../../src/ds/components/ThinkingLevel/thinking-level-picker.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ChangeEvent } from 'react';\n\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface ThinkingLevelOption<T extends string = string> {\n  value: T;\n  label: string;\n  /** `muted` means no thinking at all; `warning` marks a level whose cost climbs. */\n  emphasis?: 'muted' | 'warning';\n}\n\nexport const invisibleRangeInputClassName = cn(\n  'cursor-pointer appearance-none bg-transparent',\n  focusRing,\n  '[&::-webkit-slider-runnable-track]:h-full [&::-webkit-slider-runnable-track]:bg-transparent',\n  '[&::-webkit-slider-thumb]:h-full [&::-webkit-slider-thumb]:w-4 [&::-webkit-slider-thumb]:appearance-none',\n  '[&::-webkit-slider-thumb]:bg-transparent',\n  '[&::-moz-range-thumb]:h-full [&::-moz-range-thumb]:w-4 [&::-moz-range-thumb]:border-0',\n  '[&::-moz-range-thumb]:bg-transparent',\n);\n\nexport function useThinkingLevelStop<T extends string>({\n  options,\n  value,\n  onChange,\n}: {\n  options: readonly ThinkingLevelOption<T>[];\n  value: T;\n  onChange: (value: T) => void | Promise<unknown>;\n}) {\n  const [draggedStop, setDraggedStop] = useState<number>();\n  const [heldRelease, setHeldRelease] = useState<{ stop: number }>();\n\n  const settledStop = Math.max(\n    options.findIndex(option => option.value === value),\n    0,\n  );\n  const pendingStop = draggedStop ?? heldRelease?.stop;\n  const shownStop = pendingStop ?? settledStop;\n\n  // Holding the drop until the write settles: clearing it first shows the old\n  // stop for a frame, then the new one — two jumps for one change.\n  const commit = async () => {\n    const stop = draggedStop;\n    setDraggedStop(undefined);\n    if (stop === undefined || stop === settledStop) return;\n    const option = options[stop];\n    if (!option) return;\n    const release = { stop };\n    setHeldRelease(release);\n    try {\n      await onChange(option.value);\n    } finally {\n      setHeldRelease(current => (current === release ? undefined : current));\n    }\n  };\n\n  const commitOnRelease = () => void commit();\n\n  return {\n    shownStop,\n    shownOption: options[shownStop],\n    isPending: pendingStop !== undefined,\n    rangeInputProps: {\n      type: 'range',\n      min: 0,\n      max: Math.max(options.length - 1, 0),\n      step: 1,\n      value: shownStop,\n      onChange: (event: ChangeEvent<HTMLInputElement>) => setDraggedStop(Number(event.target.value)),\n      onPointerUp: commitOnRelease,\n      onPointerCancel: commitOnRelease,\n      onKeyUp: commitOnRelease,\n      onBlur: commitOnRelease,\n    },\n  };\n}\n","import { useThinkingLevelStop, invisibleRangeInputClassName } from './use-thinking-level-stop';\nimport type { ThinkingLevelOption } from './use-thinking-level-stop';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface ThinkingLevelSliderProps<T extends string> {\n  options: readonly ThinkingLevelOption<T>[];\n  value: T;\n  ariaLabel: string;\n  disabled?: boolean;\n  /** Appended to the announced value, e.g. ` · follows base` when the level is inherited. */\n  valueTextSuffix?: string;\n  /** Returning the write lets the thumb hold the dropped stop until it lands. */\n  onChange: (value: T) => void | Promise<unknown>;\n  className?: string;\n}\n\nconst EMPHASIS_TONE = {\n  muted: 'text-placeholder',\n  warning: 'text-warning-foreground',\n} as const;\n\nexport function ThinkingLevelSlider<T extends string>({\n  options,\n  value,\n  ariaLabel,\n  disabled,\n  valueTextSuffix,\n  onChange,\n  className,\n}: ThinkingLevelSliderProps<T>) {\n  const { shownStop, shownOption, isPending, rangeInputProps } = useThinkingLevelStop({ options, value, onChange });\n  const lastStop = Math.max(options.length - 1, 1);\n  const tone = shownOption?.emphasis ? EMPHASIS_TONE[shownOption.emphasis] : 'text-foreground';\n  const valueText = `${shownOption?.label ?? ''}${isPending ? '' : (valueTextSuffix ?? '')}`;\n  const travelled = `calc(0.5rem + (100% - 1rem) * ${shownStop / lastStop})`;\n\n  return (\n    <div className={cn('flex items-center gap-2', tone, disabled && 'pointer-events-none opacity-50', className)}>\n      <Txt as=\"span\" variant=\"caption\" className=\"w-20 shrink-0 text-right\">\n        {shownOption?.label}\n      </Txt>\n\n      <span className=\"relative flex h-7 w-36 items-center rounded-lg bg-fill\">\n        <span\n          aria-hidden\n          className=\"absolute inset-y-0 left-0 rounded-lg bg-fill-strong\"\n          style={{ width: `calc(${travelled} + 6px)` }}\n        />\n        <span aria-hidden className=\"pointer-events-none absolute inset-x-[6.5px] flex justify-between\">\n          {options.map(option => (\n            <span key={option.value} className=\"size-[3px] rounded-full bg-current/40\" />\n          ))}\n        </span>\n        <span\n          aria-hidden\n          className=\"absolute h-4 w-[3px] -translate-x-1/2 rounded-full bg-current\"\n          style={{ left: travelled }}\n        />\n        <input\n          {...rangeInputProps}\n          aria-label={ariaLabel}\n          aria-valuetext={valueText}\n          disabled={disabled}\n          className={cn('relative h-7 w-full rounded-lg', invisibleRangeInputClassName)}\n        />\n      </span>\n    </div>\n  );\n}\n","import { useThinkingLevelStop, invisibleRangeInputClassName } from './use-thinking-level-stop';\nimport type { ThinkingLevelOption } from './use-thinking-level-stop';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface ThinkingLevelRampProps<T extends string> {\n  options: readonly ThinkingLevelOption<T>[];\n  value: T;\n  label: string;\n  /** Returning the write lets the ramp hold the dropped stop until it lands. */\n  onChange: (value: T) => void | Promise<unknown>;\n}\n\nfunction filledBarColor(option: ThinkingLevelOption) {\n  return option.emphasis === 'warning' ? 'bg-warning-foreground' : 'bg-foreground';\n}\n\nexport function ThinkingLevelRamp<T extends string>({ options, value, label, onChange }: ThinkingLevelRampProps<T>) {\n  const { shownStop, shownOption, rangeInputProps } = useThinkingLevelStop({ options, value, onChange });\n  const lastStop = Math.max(options.length - 1, 1);\n\n  return (\n    <div className=\"flex flex-col gap-3\">\n      <div className=\"flex items-baseline justify-between gap-2\">\n        <Txt as=\"p\" variant=\"label\" tone=\"ink\">\n          {label}\n        </Txt>\n        <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n          {shownOption?.label}\n        </Txt>\n      </div>\n      <div className=\"flex flex-col gap-2\">\n        <div className=\"relative flex h-10 items-end gap-1\">\n          {options.map((option, stop) => (\n            <span\n              key={option.value}\n              aria-hidden\n              className={cn(\n                'flex-1 rounded-sm transition-colors',\n                stop <= shownStop ? filledBarColor(option) : 'bg-fill',\n              )}\n              style={{ height: `${20 + (80 * stop) / lastStop}%` }}\n            />\n          ))}\n          <input\n            {...rangeInputProps}\n            aria-label={label}\n            aria-valuetext={shownOption?.label}\n            className={cn('absolute inset-0 size-full rounded-sm', invisibleRangeInputClassName)}\n          />\n        </div>\n        <div className=\"flex justify-between\">\n          {options.map((option, stop) => (\n            <Txt\n              key={option.value}\n              as=\"span\"\n              variant=\"meta\"\n              tone={stop === shownStop ? 'ink' : 'faint'}\n              className=\"flex-1 text-center\"\n            >\n              {option.label}\n            </Txt>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\n\nimport { ThinkingLevelRamp } from './thinking-level-ramp';\nimport type { ThinkingLevelOption } from './use-thinking-level-stop';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface ThinkingLevelBarsProps<T extends string> {\n  options: readonly ThinkingLevelOption<T>[];\n  value: T | undefined;\n}\n\nexport function ThinkingLevelBars<T extends string>({ options, value }: ThinkingLevelBarsProps<T>) {\n  const thinkingOptions = options.filter(option => option.emphasis !== 'muted');\n  const filled = thinkingOptions.findIndex(option => option.value === value) + 1;\n  const barCount = Math.max(thinkingOptions.length, 1);\n  return (\n    <span aria-hidden className=\"flex h-3 items-end gap-0.5\">\n      {Array.from({ length: barCount }, (_, index) => (\n        <span\n          key={index}\n          className={cn('w-[3px] rounded-xs', index < filled ? 'bg-current' : 'bg-current/25')}\n          style={{ height: `${40 + (60 * index) / Math.max(barCount - 1, 1)}%` }}\n        />\n      ))}\n    </span>\n  );\n}\n\nexport interface ThinkingLevelUnavailableProps<T extends string> {\n  options: readonly ThinkingLevelOption<T>[];\n  label: string;\n  reason: string;\n}\n\nexport function ThinkingLevelUnavailable<T extends string>({\n  options,\n  label,\n  reason,\n}: ThinkingLevelUnavailableProps<T>) {\n  return (\n    <Tooltip>\n      <TooltipTrigger\n        render={\n          <span\n            role=\"button\"\n            tabIndex={0}\n            aria-disabled=\"true\"\n            aria-label={`${label}: unavailable. ${reason}`}\n            className={cn(\n              'inline-flex h-control-sm shrink-0 cursor-not-allowed items-center rounded-full border border-transparent px-2.5 text-placeholder',\n              focusRing,\n            )}\n          />\n        }\n      >\n        <ThinkingLevelBars options={options} value={undefined} />\n      </TooltipTrigger>\n      <TooltipContent side=\"top\" className=\"max-w-64\">\n        {reason}\n      </TooltipContent>\n    </Tooltip>\n  );\n}\n\nexport interface ThinkingLevelPickerProps<T extends string> {\n  options: readonly ThinkingLevelOption<T>[];\n  value: T;\n  label: string;\n  /** Disables the trigger and explains why in its tooltip, e.g. when the model cannot think. */\n  unavailableReason?: string;\n  description?: ReactNode;\n  origin?: string;\n  footer?: ReactNode;\n  onChange: (value: T) => void | Promise<unknown>;\n}\n\nexport function ThinkingLevelPicker<T extends string>({\n  options,\n  value,\n  label,\n  unavailableReason,\n  description,\n  origin,\n  footer,\n  onChange,\n}: ThinkingLevelPickerProps<T>) {\n  if (unavailableReason) {\n    return <ThinkingLevelUnavailable options={options} label={label} reason={unavailableReason} />;\n  }\n\n  const levelLabel = options.find(option => option.value === value)?.label ?? value;\n  const triggerLabel = origin ? `${label}: ${levelLabel} · ${origin}` : `${label}: ${levelLabel}`;\n\n  return (\n    <Popover>\n      <PopoverTrigger variant=\"ghost\" size=\"sm\" aria-label={triggerLabel} tooltip={triggerLabel} className=\"shrink-0\">\n        <ThinkingLevelBars options={options} value={value} />\n      </PopoverTrigger>\n      <PopoverContent align=\"end\" className=\"flex flex-col gap-3\">\n        <ThinkingLevelRamp options={options} value={value} label={label} onChange={onChange} />\n        {description ? (\n          <Txt as=\"p\" variant=\"caption\" tone=\"muted\">\n            {description}\n          </Txt>\n        ) : null}\n        {footer}\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/ThreadList.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const threadList = require('../thread-list-Dj-L1-NP.cjs');
+const threadList = require('../thread-list-8dSs2FNI.cjs');
 
 
 

package/dist/components/ThreadList.es.js

@@ -1,2 +1,2 @@
-export { T as ThreadList, a as ThreadListEmpty, b as ThreadListItem, c as ThreadListItems, d as ThreadListNewItem, e as ThreadListSeparator } from '../thread-list-DwGHKNEn.js';
+export { T as ThreadList, a as ThreadListEmpty, b as ThreadListItem, c as ThreadListItems, d as ThreadListNewItem, e as ThreadListSeparator } from '../thread-list-Belzl58i.js';
 //# sourceMappingURL=ThreadList.es.js.map

package/dist/components/Truncate.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const copyButton = require('../copy-button-Q9i32p1G.cjs');
+const copyButton = require('../copy-button-c9mSgKKR.cjs');
 const tooltip = require('../tooltip-C4txPRSa.cjs');
 const Txt = require('../Txt-DXjXpX9r.cjs');
 const utils_cn = require('../cn-TqD01zH-.cjs');

package/dist/components/Truncate.es.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { C as CopyButton } from '../copy-button-CRWQE6VF.js';
+import { C as CopyButton } from '../copy-button-Ddbg9IZn.js';
 import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../tooltip-CCZcMbgy.js';
 import { T as Txt } from '../Txt-BuzYj7Vy.js';
 import { c as cn } from '../cn-coERSHz5.js';