@mastra/playground-ui 56.0.0-alpha.8 → 56.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"DataFilter.cjs.js","sources":["../../src/ds/components/DataFilter/select-data-filter.tsx"],"sourcesContent":["import { FilterIcon, SearchIcon, XIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { useState, useMemo, useCallback } from 'react';\n\nimport { Button } from '@/ds/components/Button/Button';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu/dropdown-menu';\nimport { menuSearchClasses } from '@/ds/primitives/menu-item';\nimport { cn } from '@/lib/utils';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/** A single selectable value within a filter category */\nexport type SelectDataFilterValue = {\n  value: string;\n  label: string;\n};\n\n/** Selection mode for a filter category */\nexport type SelectDataFilterMode = 'single' | 'multi';\n\n/** A filter category that appears in the filter dropdown */\nexport type SelectDataFilterCategory = {\n  /** Unique identifier */\n  id: string;\n  /** Display label */\n  label: string;\n  /** Optional group header (categories with the same group are nested under it) */\n  group?: string;\n  /** Available values to pick from */\n  values: SelectDataFilterValue[];\n  /** 'single' = radio, 'multi' = checkboxes. Defaults to 'multi'. */\n  mode?: SelectDataFilterMode;\n};\n\n/** Current selected state: category id -> selected value(s) */\nexport type SelectDataFilterState = Record<string, string[]>;\n\nexport type SelectDataFilterProps = {\n  /** Filter categories to display */\n  categories: SelectDataFilterCategory[];\n  /** Current filter selections */\n  value: SelectDataFilterState;\n  /** Called when selections change */\n  onChange: (next: SelectDataFilterState) => void;\n  /** Disable the trigger button */\n  disabled?: boolean;\n  /** Override the trigger label */\n  label?: ReactNode;\n  /** Content alignment */\n  align?: 'start' | 'center' | 'end';\n  /** Minimum items before showing search in a submenu */\n  searchThreshold?: number;\n};\n\n// ---------------------------------------------------------------------------\n// Internal helpers\n// ---------------------------------------------------------------------------\n\nconst SUBMENU_SEARCH_THRESHOLD = 6;\n\nfunction MenuSearch({\n  value,\n  onChange,\n  label = 'Search',\n  placeholder = 'Search...',\n}: {\n  value: string;\n  onChange: (v: string) => void;\n  label?: string;\n  placeholder?: string;\n}) {\n  return (\n    // Pull the row flush against the popup edges (the popup pads its items with p-1).\n    <div className={cn(menuSearchClasses.container, '-mx-1 -mt-1 mb-1')}>\n      <SearchIcon className={menuSearchClasses.icon} />\n      <input\n        type=\"text\"\n        placeholder={placeholder}\n        aria-label={label}\n        value={value}\n        onChange={e => onChange(e.target.value)}\n        onKeyDown={e => e.stopPropagation()}\n        className={menuSearchClasses.input}\n      />\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function SelectDataFilter({\n  categories,\n  value,\n  onChange,\n  disabled,\n  label = 'Filter',\n  align = 'end',\n  searchThreshold = SUBMENU_SEARCH_THRESHOLD,\n}: SelectDataFilterProps) {\n  const [filterSearch, setFilterSearch] = useState('');\n  const [subSearch, setSubSearch] = useState('');\n\n  const resetSubSearch = useCallback((open: boolean) => {\n    if (!open) setSubSearch('');\n  }, []);\n\n  // Count active filters\n  const activeFilterCount = useMemo(() => {\n    let count = 0;\n    for (const selections of Object.values(value)) {\n      if (selections.length > 0) count++;\n    }\n    return count;\n  }, [value]);\n\n  // Group categories\n  const grouped = useMemo(() => {\n    const q = filterSearch.toLowerCase();\n    const groups: { key: string; label?: string; items: SelectDataFilterCategory[] }[] = [];\n    const groupMap = new Map<string, SelectDataFilterCategory[]>();\n    const ungrouped: SelectDataFilterCategory[] = [];\n\n    for (const cat of categories) {\n      if (cat.values.length === 0) continue;\n      // Filter by search\n      if (q) {\n        const matchesLabel = cat.label.toLowerCase().includes(q);\n        const matchesValues = cat.values.some(v => v.label.toLowerCase().includes(q));\n        if (!matchesLabel && !matchesValues) continue;\n      }\n      if (cat.group) {\n        let items = groupMap.get(cat.group);\n        if (!items) {\n          items = [];\n          groupMap.set(cat.group, items);\n        }\n        items.push(cat);\n      } else {\n        ungrouped.push(cat);\n      }\n    }\n\n    // Ungrouped items first\n    for (const cat of ungrouped) {\n      groups.push({ key: cat.id, items: [cat] });\n    }\n    // Then grouped\n    for (const [groupLabel, items] of groupMap) {\n      groups.push({ key: `group-${groupLabel}`, label: groupLabel, items });\n    }\n\n    return groups;\n  }, [categories, filterSearch]);\n\n  const handleSelect = (categoryId: string, selectedValue: string, mode: SelectDataFilterMode) => {\n    const current = value[categoryId] ?? [];\n    let next: string[];\n\n    if (mode === 'single') {\n      next = current.includes(selectedValue) ? [] : [selectedValue];\n    } else {\n      next = current.includes(selectedValue) ? current.filter(v => v !== selectedValue) : [...current, selectedValue];\n    }\n\n    onChange({ ...value, [categoryId]: next });\n  };\n\n  const handleClearAll = () => {\n    onChange({});\n  };\n\n  const renderCategory = (cat: SelectDataFilterCategory) => {\n    const mode = cat.mode ?? 'multi';\n    const selected = value[cat.id] ?? [];\n    const selectedCount = selected.length;\n\n    return (\n      <DropdownMenu.Sub key={cat.id} onOpenChange={resetSubSearch}>\n        <DropdownMenu.SubTrigger>\n          <span className=\"flex-1 truncate\">{cat.label}</span>\n          {selectedCount > 0 && <span className={cn('text-ui-sm text-accent1')}>{selectedCount}</span>}\n        </DropdownMenu.SubTrigger>\n        <DropdownMenu.SubContent>\n          {cat.values.length >= searchThreshold && (\n            <MenuSearch value={subSearch} onChange={setSubSearch} label={`Search ${cat.label.toLowerCase()}`} />\n          )}\n          {mode === 'single' ? (\n            <DropdownMenu.RadioGroup value={selected[0] ?? ''} onValueChange={val => handleSelect(cat.id, val, mode)}>\n              {cat.values\n                .filter(v => !subSearch || v.label.toLowerCase().includes(subSearch.toLowerCase()))\n                .map(v => (\n                  <DropdownMenu.RadioItem key={v.value} value={v.value}>\n                    <span className={cn('truncate')}>{v.label}</span>\n                  </DropdownMenu.RadioItem>\n                ))}\n            </DropdownMenu.RadioGroup>\n          ) : (\n            cat.values\n              .filter(v => !subSearch || v.label.toLowerCase().includes(subSearch.toLowerCase()))\n              .map(v => (\n                <DropdownMenu.CheckboxItem\n                  key={v.value}\n                  checked={selected.includes(v.value)}\n                  onCheckedChange={() => handleSelect(cat.id, v.value, mode)}\n                  onSelect={e => e.preventDefault()}\n                >\n                  <span className={cn('truncate')}>{v.label}</span>\n                </DropdownMenu.CheckboxItem>\n              ))\n          )}\n        </DropdownMenu.SubContent>\n      </DropdownMenu.Sub>\n    );\n  };\n\n  return (\n    <DropdownMenu modal={false}>\n      <DropdownMenu.Trigger asChild>\n        <Button variant=\"outline\" disabled={disabled} size=\"md\" icon={<FilterIcon />}>\n          {label}\n          {activeFilterCount > 0 && (\n            <span\n              className={cn(\n                'ml-0.5 inline-flex size-5 items-center justify-center rounded-full bg-accent1/50 text-ui-sm text-neutral5',\n              )}\n            >\n              {activeFilterCount}\n            </span>\n          )}\n        </Button>\n      </DropdownMenu.Trigger>\n      <DropdownMenu.Content align={align}>\n        <MenuSearch\n          value={filterSearch}\n          onChange={setFilterSearch}\n          label=\"Search filters\"\n          placeholder=\"Search filters...\"\n        />\n\n        {grouped.map(group => {\n          const firstItem = group.items[0];\n\n          if (group.items.length === 1 && firstItem) {\n            // A single category (grouped or not) renders directly, without a sub-trigger.\n            return renderCategory(firstItem);\n          }\n\n          // Multiple items under a group label — nest under a sub-trigger\n          return (\n            <DropdownMenu.Sub key={group.key}>\n              <DropdownMenu.SubTrigger>{group.label}</DropdownMenu.SubTrigger>\n              <DropdownMenu.SubContent>{group.items.map(cat => renderCategory(cat))}</DropdownMenu.SubContent>\n            </DropdownMenu.Sub>\n          );\n        })}\n\n        {/* Clear all */}\n        {activeFilterCount > 0 && (\n          <>\n            <DropdownMenu.Separator />\n            <DropdownMenu.Item onSelect={handleClearAll}>\n              <XIcon />\n              Clear all filters\n            </DropdownMenu.Item>\n          </>\n        )}\n      </DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n"],"names":["cn","menuSearchClasses","jsx","SearchIcon","useState","useCallback","useMemo","jsxs","DropdownMenu","Button","FilterIcon","Fragment","XIcon"],"mappings":"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"}
+{"version":3,"file":"DataFilter.cjs.js","sources":["../../src/ds/components/DataFilter/select-data-filter.tsx"],"sourcesContent":["import { FilterIcon, SearchIcon, XIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { useState, useMemo, useCallback } from 'react';\n\nimport { Button } from '@/ds/components/Button/Button';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu/dropdown-menu';\nimport { menuSearchClasses } from '@/ds/primitives/menu-item';\nimport { cn } from '@/lib/utils';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/** A single selectable value within a filter category */\nexport type SelectDataFilterValue = {\n  value: string;\n  label: string;\n};\n\n/** Selection mode for a filter category */\nexport type SelectDataFilterMode = 'single' | 'multi';\n\n/** A filter category that appears in the filter dropdown */\nexport type SelectDataFilterCategory = {\n  /** Unique identifier */\n  id: string;\n  /** Display label */\n  label: string;\n  /** Optional group header (categories with the same group are nested under it) */\n  group?: string;\n  /** Available values to pick from */\n  values: SelectDataFilterValue[];\n  /** 'single' = radio, 'multi' = checkboxes. Defaults to 'multi'. */\n  mode?: SelectDataFilterMode;\n};\n\n/** Current selected state: category id -> selected value(s) */\nexport type SelectDataFilterState = Record<string, string[]>;\n\nexport type SelectDataFilterProps = {\n  /** Filter categories to display */\n  categories: SelectDataFilterCategory[];\n  /** Current filter selections */\n  value: SelectDataFilterState;\n  /** Called when selections change */\n  onChange: (next: SelectDataFilterState) => void;\n  /** Disable the trigger button */\n  disabled?: boolean;\n  /** Override the trigger label */\n  label?: ReactNode;\n  /** Content alignment */\n  align?: 'start' | 'center' | 'end';\n  /** Minimum items before showing search in a submenu */\n  searchThreshold?: number;\n};\n\n// ---------------------------------------------------------------------------\n// Internal helpers\n// ---------------------------------------------------------------------------\n\nconst SUBMENU_SEARCH_THRESHOLD = 6;\n\nfunction MenuSearch({\n  value,\n  onChange,\n  label = 'Search',\n  placeholder = 'Search...',\n}: {\n  value: string;\n  onChange: (v: string) => void;\n  label?: string;\n  placeholder?: string;\n}) {\n  return (\n    // Pull the row flush against the popup edges (the popup pads its items with p-1).\n    <div className={cn(menuSearchClasses.container, '-mx-1 -mt-1 mb-1')}>\n      <SearchIcon className={menuSearchClasses.icon} />\n      <input\n        type=\"text\"\n        placeholder={placeholder}\n        aria-label={label}\n        value={value}\n        onChange={e => onChange(e.target.value)}\n        onKeyDown={e => e.stopPropagation()}\n        className={menuSearchClasses.input}\n      />\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function SelectDataFilter({\n  categories,\n  value,\n  onChange,\n  disabled,\n  label = 'Filter',\n  align = 'end',\n  searchThreshold = SUBMENU_SEARCH_THRESHOLD,\n}: SelectDataFilterProps) {\n  const [filterSearch, setFilterSearch] = useState('');\n  const [subSearch, setSubSearch] = useState('');\n\n  const resetSubSearch = useCallback((open: boolean) => {\n    if (!open) setSubSearch('');\n  }, []);\n\n  // Count active filters\n  const activeFilterCount = useMemo(() => {\n    let count = 0;\n    for (const selections of Object.values(value)) {\n      if (selections.length > 0) count++;\n    }\n    return count;\n  }, [value]);\n\n  // Group categories\n  const grouped = useMemo(() => {\n    const q = filterSearch.toLowerCase();\n    const groups: { key: string; label?: string; items: SelectDataFilterCategory[] }[] = [];\n    const groupMap = new Map<string, SelectDataFilterCategory[]>();\n    const ungrouped: SelectDataFilterCategory[] = [];\n\n    for (const cat of categories) {\n      if (cat.values.length === 0) continue;\n      // Filter by search\n      if (q) {\n        const matchesLabel = cat.label.toLowerCase().includes(q);\n        const matchesValues = cat.values.some(v => v.label.toLowerCase().includes(q));\n        if (!matchesLabel && !matchesValues) continue;\n      }\n      if (cat.group) {\n        let items = groupMap.get(cat.group);\n        if (!items) {\n          items = [];\n          groupMap.set(cat.group, items);\n        }\n        items.push(cat);\n      } else {\n        ungrouped.push(cat);\n      }\n    }\n\n    // Ungrouped items first\n    for (const cat of ungrouped) {\n      groups.push({ key: cat.id, items: [cat] });\n    }\n    // Then grouped\n    for (const [groupLabel, items] of groupMap) {\n      groups.push({ key: `group-${groupLabel}`, label: groupLabel, items });\n    }\n\n    return groups;\n  }, [categories, filterSearch]);\n\n  const handleSelect = (categoryId: string, selectedValue: string, mode: SelectDataFilterMode) => {\n    const current = value[categoryId] ?? [];\n    let next: string[];\n\n    if (mode === 'single') {\n      next = current.includes(selectedValue) ? [] : [selectedValue];\n    } else {\n      next = current.includes(selectedValue) ? current.filter(v => v !== selectedValue) : [...current, selectedValue];\n    }\n\n    onChange({ ...value, [categoryId]: next });\n  };\n\n  const handleClearAll = () => {\n    onChange({});\n  };\n\n  const renderCategory = (cat: SelectDataFilterCategory) => {\n    const mode = cat.mode ?? 'multi';\n    const selected = value[cat.id] ?? [];\n    const selectedCount = selected.length;\n\n    return (\n      <DropdownMenu.Sub key={cat.id} onOpenChange={resetSubSearch}>\n        <DropdownMenu.SubTrigger>\n          <span className=\"flex-1 truncate\">{cat.label}</span>\n          {selectedCount > 0 && <span className={cn('text-caption text-accent1')}>{selectedCount}</span>}\n        </DropdownMenu.SubTrigger>\n        <DropdownMenu.SubContent>\n          {cat.values.length >= searchThreshold && (\n            <MenuSearch value={subSearch} onChange={setSubSearch} label={`Search ${cat.label.toLowerCase()}`} />\n          )}\n          {mode === 'single' ? (\n            <DropdownMenu.RadioGroup value={selected[0] ?? ''} onValueChange={val => handleSelect(cat.id, val, mode)}>\n              {cat.values\n                .filter(v => !subSearch || v.label.toLowerCase().includes(subSearch.toLowerCase()))\n                .map(v => (\n                  <DropdownMenu.RadioItem key={v.value} value={v.value}>\n                    <span className={cn('truncate')}>{v.label}</span>\n                  </DropdownMenu.RadioItem>\n                ))}\n            </DropdownMenu.RadioGroup>\n          ) : (\n            cat.values\n              .filter(v => !subSearch || v.label.toLowerCase().includes(subSearch.toLowerCase()))\n              .map(v => (\n                <DropdownMenu.CheckboxItem\n                  key={v.value}\n                  checked={selected.includes(v.value)}\n                  onCheckedChange={() => handleSelect(cat.id, v.value, mode)}\n                  onSelect={e => e.preventDefault()}\n                >\n                  <span className={cn('truncate')}>{v.label}</span>\n                </DropdownMenu.CheckboxItem>\n              ))\n          )}\n        </DropdownMenu.SubContent>\n      </DropdownMenu.Sub>\n    );\n  };\n\n  return (\n    <DropdownMenu modal={false}>\n      <DropdownMenu.Trigger asChild>\n        <Button variant=\"outline\" disabled={disabled} size=\"md\" icon={<FilterIcon />}>\n          {label}\n          {activeFilterCount > 0 && (\n            <span\n              className={cn(\n                'ml-0.5 inline-flex size-5 items-center justify-center rounded-full bg-accent1/50 text-caption text-foreground',\n              )}\n            >\n              {activeFilterCount}\n            </span>\n          )}\n        </Button>\n      </DropdownMenu.Trigger>\n      <DropdownMenu.Content align={align}>\n        <MenuSearch\n          value={filterSearch}\n          onChange={setFilterSearch}\n          label=\"Search filters\"\n          placeholder=\"Search filters...\"\n        />\n\n        {grouped.map(group => {\n          const firstItem = group.items[0];\n\n          if (group.items.length === 1 && firstItem) {\n            // A single category (grouped or not) renders directly, without a sub-trigger.\n            return renderCategory(firstItem);\n          }\n\n          // Multiple items under a group label — nest under a sub-trigger\n          return (\n            <DropdownMenu.Sub key={group.key}>\n              <DropdownMenu.SubTrigger>{group.label}</DropdownMenu.SubTrigger>\n              <DropdownMenu.SubContent>{group.items.map(cat => renderCategory(cat))}</DropdownMenu.SubContent>\n            </DropdownMenu.Sub>\n          );\n        })}\n\n        {/* Clear all */}\n        {activeFilterCount > 0 && (\n          <>\n            <DropdownMenu.Separator />\n            <DropdownMenu.Item onSelect={handleClearAll}>\n              <XIcon />\n              Clear all filters\n            </DropdownMenu.Item>\n          </>\n        )}\n      </DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n"],"names":["cn","menuSearchClasses","jsx","SearchIcon","useState","useCallback","useMemo","jsxs","DropdownMenu","Button","FilterIcon","Fragment","XIcon"],"mappings":"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"}

package/dist/components/DataFilter.es.js

@@ -1,10 +1,10 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { FilterIcon, XIcon, SearchIcon } from 'lucide-react';
 import { useState, useCallback, useMemo } from 'react';
-import { B as Button } from '../Button-DS6O6fvU.js';
-import { D as DropdownMenu } from '../dropdown-menu-B3nTlFnz.js';
+import { B as Button } from '../Button-cWcBEd-G.js';
+import { D as DropdownMenu } from '../dropdown-menu-DL0MzjEb.js';
 import { menuSearchClasses } from '../primitives/menu-item.es.js';
-import { c as cn } from '../cn-C6s2yXwM.js';
+import { c as cn } from '../cn-65Adrsfj.js';
 
 const SUBMENU_SEARCH_THRESHOLD = 6;
 function MenuSearch({
@@ -104,7 +104,7 @@ function SelectDataFilter({
     return /* @__PURE__ */ jsxs(DropdownMenu.Sub, { onOpenChange: resetSubSearch, children: [
       /* @__PURE__ */ jsxs(DropdownMenu.SubTrigger, { children: [
         /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: cat.label }),
-        selectedCount > 0 && /* @__PURE__ */ jsx("span", { className: cn("text-ui-sm text-accent1"), children: selectedCount })
+        selectedCount > 0 && /* @__PURE__ */ jsx("span", { className: cn("text-caption text-accent1"), children: selectedCount })
       ] }),
       /* @__PURE__ */ jsxs(DropdownMenu.SubContent, { children: [
         cat.values.length >= searchThreshold && /* @__PURE__ */ jsx(MenuSearch, { value: subSearch, onChange: setSubSearch, label: `Search ${cat.label.toLowerCase()}` }),
@@ -128,7 +128,7 @@ function SelectDataFilter({
         "span",
         {
           className: cn(
-            "ml-0.5 inline-flex size-5 items-center justify-center rounded-full bg-accent1/50 text-ui-sm text-neutral5"
+            "ml-0.5 inline-flex size-5 items-center justify-center rounded-full bg-accent1/50 text-caption text-foreground"
           ),
           children: activeFilterCount
         }

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

@@ -1 +1 @@
-{"version":3,"file":"DataFilter.es.js","sources":["../../src/ds/components/DataFilter/select-data-filter.tsx"],"sourcesContent":["import { FilterIcon, SearchIcon, XIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { useState, useMemo, useCallback } from 'react';\n\nimport { Button } from '@/ds/components/Button/Button';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu/dropdown-menu';\nimport { menuSearchClasses } from '@/ds/primitives/menu-item';\nimport { cn } from '@/lib/utils';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/** A single selectable value within a filter category */\nexport type SelectDataFilterValue = {\n  value: string;\n  label: string;\n};\n\n/** Selection mode for a filter category */\nexport type SelectDataFilterMode = 'single' | 'multi';\n\n/** A filter category that appears in the filter dropdown */\nexport type SelectDataFilterCategory = {\n  /** Unique identifier */\n  id: string;\n  /** Display label */\n  label: string;\n  /** Optional group header (categories with the same group are nested under it) */\n  group?: string;\n  /** Available values to pick from */\n  values: SelectDataFilterValue[];\n  /** 'single' = radio, 'multi' = checkboxes. Defaults to 'multi'. */\n  mode?: SelectDataFilterMode;\n};\n\n/** Current selected state: category id -> selected value(s) */\nexport type SelectDataFilterState = Record<string, string[]>;\n\nexport type SelectDataFilterProps = {\n  /** Filter categories to display */\n  categories: SelectDataFilterCategory[];\n  /** Current filter selections */\n  value: SelectDataFilterState;\n  /** Called when selections change */\n  onChange: (next: SelectDataFilterState) => void;\n  /** Disable the trigger button */\n  disabled?: boolean;\n  /** Override the trigger label */\n  label?: ReactNode;\n  /** Content alignment */\n  align?: 'start' | 'center' | 'end';\n  /** Minimum items before showing search in a submenu */\n  searchThreshold?: number;\n};\n\n// ---------------------------------------------------------------------------\n// Internal helpers\n// ---------------------------------------------------------------------------\n\nconst SUBMENU_SEARCH_THRESHOLD = 6;\n\nfunction MenuSearch({\n  value,\n  onChange,\n  label = 'Search',\n  placeholder = 'Search...',\n}: {\n  value: string;\n  onChange: (v: string) => void;\n  label?: string;\n  placeholder?: string;\n}) {\n  return (\n    // Pull the row flush against the popup edges (the popup pads its items with p-1).\n    <div className={cn(menuSearchClasses.container, '-mx-1 -mt-1 mb-1')}>\n      <SearchIcon className={menuSearchClasses.icon} />\n      <input\n        type=\"text\"\n        placeholder={placeholder}\n        aria-label={label}\n        value={value}\n        onChange={e => onChange(e.target.value)}\n        onKeyDown={e => e.stopPropagation()}\n        className={menuSearchClasses.input}\n      />\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function SelectDataFilter({\n  categories,\n  value,\n  onChange,\n  disabled,\n  label = 'Filter',\n  align = 'end',\n  searchThreshold = SUBMENU_SEARCH_THRESHOLD,\n}: SelectDataFilterProps) {\n  const [filterSearch, setFilterSearch] = useState('');\n  const [subSearch, setSubSearch] = useState('');\n\n  const resetSubSearch = useCallback((open: boolean) => {\n    if (!open) setSubSearch('');\n  }, []);\n\n  // Count active filters\n  const activeFilterCount = useMemo(() => {\n    let count = 0;\n    for (const selections of Object.values(value)) {\n      if (selections.length > 0) count++;\n    }\n    return count;\n  }, [value]);\n\n  // Group categories\n  const grouped = useMemo(() => {\n    const q = filterSearch.toLowerCase();\n    const groups: { key: string; label?: string; items: SelectDataFilterCategory[] }[] = [];\n    const groupMap = new Map<string, SelectDataFilterCategory[]>();\n    const ungrouped: SelectDataFilterCategory[] = [];\n\n    for (const cat of categories) {\n      if (cat.values.length === 0) continue;\n      // Filter by search\n      if (q) {\n        const matchesLabel = cat.label.toLowerCase().includes(q);\n        const matchesValues = cat.values.some(v => v.label.toLowerCase().includes(q));\n        if (!matchesLabel && !matchesValues) continue;\n      }\n      if (cat.group) {\n        let items = groupMap.get(cat.group);\n        if (!items) {\n          items = [];\n          groupMap.set(cat.group, items);\n        }\n        items.push(cat);\n      } else {\n        ungrouped.push(cat);\n      }\n    }\n\n    // Ungrouped items first\n    for (const cat of ungrouped) {\n      groups.push({ key: cat.id, items: [cat] });\n    }\n    // Then grouped\n    for (const [groupLabel, items] of groupMap) {\n      groups.push({ key: `group-${groupLabel}`, label: groupLabel, items });\n    }\n\n    return groups;\n  }, [categories, filterSearch]);\n\n  const handleSelect = (categoryId: string, selectedValue: string, mode: SelectDataFilterMode) => {\n    const current = value[categoryId] ?? [];\n    let next: string[];\n\n    if (mode === 'single') {\n      next = current.includes(selectedValue) ? [] : [selectedValue];\n    } else {\n      next = current.includes(selectedValue) ? current.filter(v => v !== selectedValue) : [...current, selectedValue];\n    }\n\n    onChange({ ...value, [categoryId]: next });\n  };\n\n  const handleClearAll = () => {\n    onChange({});\n  };\n\n  const renderCategory = (cat: SelectDataFilterCategory) => {\n    const mode = cat.mode ?? 'multi';\n    const selected = value[cat.id] ?? [];\n    const selectedCount = selected.length;\n\n    return (\n      <DropdownMenu.Sub key={cat.id} onOpenChange={resetSubSearch}>\n        <DropdownMenu.SubTrigger>\n          <span className=\"flex-1 truncate\">{cat.label}</span>\n          {selectedCount > 0 && <span className={cn('text-ui-sm text-accent1')}>{selectedCount}</span>}\n        </DropdownMenu.SubTrigger>\n        <DropdownMenu.SubContent>\n          {cat.values.length >= searchThreshold && (\n            <MenuSearch value={subSearch} onChange={setSubSearch} label={`Search ${cat.label.toLowerCase()}`} />\n          )}\n          {mode === 'single' ? (\n            <DropdownMenu.RadioGroup value={selected[0] ?? ''} onValueChange={val => handleSelect(cat.id, val, mode)}>\n              {cat.values\n                .filter(v => !subSearch || v.label.toLowerCase().includes(subSearch.toLowerCase()))\n                .map(v => (\n                  <DropdownMenu.RadioItem key={v.value} value={v.value}>\n                    <span className={cn('truncate')}>{v.label}</span>\n                  </DropdownMenu.RadioItem>\n                ))}\n            </DropdownMenu.RadioGroup>\n          ) : (\n            cat.values\n              .filter(v => !subSearch || v.label.toLowerCase().includes(subSearch.toLowerCase()))\n              .map(v => (\n                <DropdownMenu.CheckboxItem\n                  key={v.value}\n                  checked={selected.includes(v.value)}\n                  onCheckedChange={() => handleSelect(cat.id, v.value, mode)}\n                  onSelect={e => e.preventDefault()}\n                >\n                  <span className={cn('truncate')}>{v.label}</span>\n                </DropdownMenu.CheckboxItem>\n              ))\n          )}\n        </DropdownMenu.SubContent>\n      </DropdownMenu.Sub>\n    );\n  };\n\n  return (\n    <DropdownMenu modal={false}>\n      <DropdownMenu.Trigger asChild>\n        <Button variant=\"outline\" disabled={disabled} size=\"md\" icon={<FilterIcon />}>\n          {label}\n          {activeFilterCount > 0 && (\n            <span\n              className={cn(\n                'ml-0.5 inline-flex size-5 items-center justify-center rounded-full bg-accent1/50 text-ui-sm text-neutral5',\n              )}\n            >\n              {activeFilterCount}\n            </span>\n          )}\n        </Button>\n      </DropdownMenu.Trigger>\n      <DropdownMenu.Content align={align}>\n        <MenuSearch\n          value={filterSearch}\n          onChange={setFilterSearch}\n          label=\"Search filters\"\n          placeholder=\"Search filters...\"\n        />\n\n        {grouped.map(group => {\n          const firstItem = group.items[0];\n\n          if (group.items.length === 1 && firstItem) {\n            // A single category (grouped or not) renders directly, without a sub-trigger.\n            return renderCategory(firstItem);\n          }\n\n          // Multiple items under a group label — nest under a sub-trigger\n          return (\n            <DropdownMenu.Sub key={group.key}>\n              <DropdownMenu.SubTrigger>{group.label}</DropdownMenu.SubTrigger>\n              <DropdownMenu.SubContent>{group.items.map(cat => renderCategory(cat))}</DropdownMenu.SubContent>\n            </DropdownMenu.Sub>\n          );\n        })}\n\n        {/* Clear all */}\n        {activeFilterCount > 0 && (\n          <>\n            <DropdownMenu.Separator />\n            <DropdownMenu.Item onSelect={handleClearAll}>\n              <XIcon />\n              Clear all filters\n            </DropdownMenu.Item>\n          </>\n        )}\n      </DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DataFilter.es.js","sources":["../../src/ds/components/DataFilter/select-data-filter.tsx"],"sourcesContent":["import { FilterIcon, SearchIcon, XIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { useState, useMemo, useCallback } from 'react';\n\nimport { Button } from '@/ds/components/Button/Button';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu/dropdown-menu';\nimport { menuSearchClasses } from '@/ds/primitives/menu-item';\nimport { cn } from '@/lib/utils';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/** A single selectable value within a filter category */\nexport type SelectDataFilterValue = {\n  value: string;\n  label: string;\n};\n\n/** Selection mode for a filter category */\nexport type SelectDataFilterMode = 'single' | 'multi';\n\n/** A filter category that appears in the filter dropdown */\nexport type SelectDataFilterCategory = {\n  /** Unique identifier */\n  id: string;\n  /** Display label */\n  label: string;\n  /** Optional group header (categories with the same group are nested under it) */\n  group?: string;\n  /** Available values to pick from */\n  values: SelectDataFilterValue[];\n  /** 'single' = radio, 'multi' = checkboxes. Defaults to 'multi'. */\n  mode?: SelectDataFilterMode;\n};\n\n/** Current selected state: category id -> selected value(s) */\nexport type SelectDataFilterState = Record<string, string[]>;\n\nexport type SelectDataFilterProps = {\n  /** Filter categories to display */\n  categories: SelectDataFilterCategory[];\n  /** Current filter selections */\n  value: SelectDataFilterState;\n  /** Called when selections change */\n  onChange: (next: SelectDataFilterState) => void;\n  /** Disable the trigger button */\n  disabled?: boolean;\n  /** Override the trigger label */\n  label?: ReactNode;\n  /** Content alignment */\n  align?: 'start' | 'center' | 'end';\n  /** Minimum items before showing search in a submenu */\n  searchThreshold?: number;\n};\n\n// ---------------------------------------------------------------------------\n// Internal helpers\n// ---------------------------------------------------------------------------\n\nconst SUBMENU_SEARCH_THRESHOLD = 6;\n\nfunction MenuSearch({\n  value,\n  onChange,\n  label = 'Search',\n  placeholder = 'Search...',\n}: {\n  value: string;\n  onChange: (v: string) => void;\n  label?: string;\n  placeholder?: string;\n}) {\n  return (\n    // Pull the row flush against the popup edges (the popup pads its items with p-1).\n    <div className={cn(menuSearchClasses.container, '-mx-1 -mt-1 mb-1')}>\n      <SearchIcon className={menuSearchClasses.icon} />\n      <input\n        type=\"text\"\n        placeholder={placeholder}\n        aria-label={label}\n        value={value}\n        onChange={e => onChange(e.target.value)}\n        onKeyDown={e => e.stopPropagation()}\n        className={menuSearchClasses.input}\n      />\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function SelectDataFilter({\n  categories,\n  value,\n  onChange,\n  disabled,\n  label = 'Filter',\n  align = 'end',\n  searchThreshold = SUBMENU_SEARCH_THRESHOLD,\n}: SelectDataFilterProps) {\n  const [filterSearch, setFilterSearch] = useState('');\n  const [subSearch, setSubSearch] = useState('');\n\n  const resetSubSearch = useCallback((open: boolean) => {\n    if (!open) setSubSearch('');\n  }, []);\n\n  // Count active filters\n  const activeFilterCount = useMemo(() => {\n    let count = 0;\n    for (const selections of Object.values(value)) {\n      if (selections.length > 0) count++;\n    }\n    return count;\n  }, [value]);\n\n  // Group categories\n  const grouped = useMemo(() => {\n    const q = filterSearch.toLowerCase();\n    const groups: { key: string; label?: string; items: SelectDataFilterCategory[] }[] = [];\n    const groupMap = new Map<string, SelectDataFilterCategory[]>();\n    const ungrouped: SelectDataFilterCategory[] = [];\n\n    for (const cat of categories) {\n      if (cat.values.length === 0) continue;\n      // Filter by search\n      if (q) {\n        const matchesLabel = cat.label.toLowerCase().includes(q);\n        const matchesValues = cat.values.some(v => v.label.toLowerCase().includes(q));\n        if (!matchesLabel && !matchesValues) continue;\n      }\n      if (cat.group) {\n        let items = groupMap.get(cat.group);\n        if (!items) {\n          items = [];\n          groupMap.set(cat.group, items);\n        }\n        items.push(cat);\n      } else {\n        ungrouped.push(cat);\n      }\n    }\n\n    // Ungrouped items first\n    for (const cat of ungrouped) {\n      groups.push({ key: cat.id, items: [cat] });\n    }\n    // Then grouped\n    for (const [groupLabel, items] of groupMap) {\n      groups.push({ key: `group-${groupLabel}`, label: groupLabel, items });\n    }\n\n    return groups;\n  }, [categories, filterSearch]);\n\n  const handleSelect = (categoryId: string, selectedValue: string, mode: SelectDataFilterMode) => {\n    const current = value[categoryId] ?? [];\n    let next: string[];\n\n    if (mode === 'single') {\n      next = current.includes(selectedValue) ? [] : [selectedValue];\n    } else {\n      next = current.includes(selectedValue) ? current.filter(v => v !== selectedValue) : [...current, selectedValue];\n    }\n\n    onChange({ ...value, [categoryId]: next });\n  };\n\n  const handleClearAll = () => {\n    onChange({});\n  };\n\n  const renderCategory = (cat: SelectDataFilterCategory) => {\n    const mode = cat.mode ?? 'multi';\n    const selected = value[cat.id] ?? [];\n    const selectedCount = selected.length;\n\n    return (\n      <DropdownMenu.Sub key={cat.id} onOpenChange={resetSubSearch}>\n        <DropdownMenu.SubTrigger>\n          <span className=\"flex-1 truncate\">{cat.label}</span>\n          {selectedCount > 0 && <span className={cn('text-caption text-accent1')}>{selectedCount}</span>}\n        </DropdownMenu.SubTrigger>\n        <DropdownMenu.SubContent>\n          {cat.values.length >= searchThreshold && (\n            <MenuSearch value={subSearch} onChange={setSubSearch} label={`Search ${cat.label.toLowerCase()}`} />\n          )}\n          {mode === 'single' ? (\n            <DropdownMenu.RadioGroup value={selected[0] ?? ''} onValueChange={val => handleSelect(cat.id, val, mode)}>\n              {cat.values\n                .filter(v => !subSearch || v.label.toLowerCase().includes(subSearch.toLowerCase()))\n                .map(v => (\n                  <DropdownMenu.RadioItem key={v.value} value={v.value}>\n                    <span className={cn('truncate')}>{v.label}</span>\n                  </DropdownMenu.RadioItem>\n                ))}\n            </DropdownMenu.RadioGroup>\n          ) : (\n            cat.values\n              .filter(v => !subSearch || v.label.toLowerCase().includes(subSearch.toLowerCase()))\n              .map(v => (\n                <DropdownMenu.CheckboxItem\n                  key={v.value}\n                  checked={selected.includes(v.value)}\n                  onCheckedChange={() => handleSelect(cat.id, v.value, mode)}\n                  onSelect={e => e.preventDefault()}\n                >\n                  <span className={cn('truncate')}>{v.label}</span>\n                </DropdownMenu.CheckboxItem>\n              ))\n          )}\n        </DropdownMenu.SubContent>\n      </DropdownMenu.Sub>\n    );\n  };\n\n  return (\n    <DropdownMenu modal={false}>\n      <DropdownMenu.Trigger asChild>\n        <Button variant=\"outline\" disabled={disabled} size=\"md\" icon={<FilterIcon />}>\n          {label}\n          {activeFilterCount > 0 && (\n            <span\n              className={cn(\n                'ml-0.5 inline-flex size-5 items-center justify-center rounded-full bg-accent1/50 text-caption text-foreground',\n              )}\n            >\n              {activeFilterCount}\n            </span>\n          )}\n        </Button>\n      </DropdownMenu.Trigger>\n      <DropdownMenu.Content align={align}>\n        <MenuSearch\n          value={filterSearch}\n          onChange={setFilterSearch}\n          label=\"Search filters\"\n          placeholder=\"Search filters...\"\n        />\n\n        {grouped.map(group => {\n          const firstItem = group.items[0];\n\n          if (group.items.length === 1 && firstItem) {\n            // A single category (grouped or not) renders directly, without a sub-trigger.\n            return renderCategory(firstItem);\n          }\n\n          // Multiple items under a group label — nest under a sub-trigger\n          return (\n            <DropdownMenu.Sub key={group.key}>\n              <DropdownMenu.SubTrigger>{group.label}</DropdownMenu.SubTrigger>\n              <DropdownMenu.SubContent>{group.items.map(cat => renderCategory(cat))}</DropdownMenu.SubContent>\n            </DropdownMenu.Sub>\n          );\n        })}\n\n        {/* Clear all */}\n        {activeFilterCount > 0 && (\n          <>\n            <DropdownMenu.Separator />\n            <DropdownMenu.Item onSelect={handleClearAll}>\n              <XIcon />\n              Clear all filters\n            </DropdownMenu.Item>\n          </>\n        )}\n      </DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/DataKeysAndValues.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dataKeysAndValues = require('../data-keys-and-values-CPUfobZS.cjs');
+const dataKeysAndValues = require('../data-keys-and-values-4pYpSbqS.cjs');
 
 
 

package/dist/components/DataKeysAndValues.es.js

@@ -1,2 +1,2 @@
-export { D as DataKeysAndValues } from '../data-keys-and-values-BxSKCdWQ.js';
+export { D as DataKeysAndValues } from '../data-keys-and-values-j0NVKPOl.js';
 //# sourceMappingURL=DataKeysAndValues.es.js.map

package/dist/components/DataList.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dataList = require('../data-list-B9td5YXY.cjs');
-const dataListSkeleton = require('../data-list-skeleton-CFaGBKDb.cjs');
+const dataList = require('../data-list-CypPKOQ_.cjs');
+const dataListSkeleton = require('../data-list-skeleton-ADXw-opu.cjs');
 const jsxRuntime = require('react/jsx-runtime');
-const dataListSpacer = require('../data-list-spacer-psBnZOCX.cjs');
-const dataListTop = require('../data-list-top-CkwvYUWw.cjs');
+const dataListSpacer = require('../data-list-spacer-EWo65MrK.cjs');
+const dataListTop = require('../data-list-top-RK_yX6z8.cjs');
 const dateFns = require('date-fns');
-const tracesDataList = require('../traces-data-list-CmBQDfnG.cjs');
+const tracesDataList = require('../traces-data-list-B3q_cy6c.cjs');
 const useDataListKeyboard = require('../use-data-list-keyboard-DF3tLe10.cjs');
 const layout_tabbedContainer = require('../layout/tabbed-container.cjs.js');
 
@@ -18,23 +18,23 @@ function toDate(value) {
 }
 function ScoresDataListDateCell({ timestamp }) {
   const date = toDate(timestamp);
-  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListCell, { className: "text-ui-smd text-neutral2", children: date ? dateFns.isToday(date) ? "Today" : dateFns.format(date, "MMM dd") : "-" });
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListCell, { className: "text-muted-foreground", children: date ? dateFns.isToday(date) ? "Today" : dateFns.format(date, "MMM dd") : "-" });
 }
 function ScoresDataListTimeCell({ timestamp }) {
   const date = toDate(timestamp);
-  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListCell, { className: "text-ui-smd text-neutral3", children: date ? dateFns.format(date, "h:mm:ss aaa") : "-" });
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListCell, { className: "text-body-sm text-muted-foreground", children: date ? dateFns.format(date, "h:mm:ss aaa") : "-" });
 }
 function ScoresDataListInputCell({ input }) {
   const display = input != null ? JSON.stringify(input) : "-";
-  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-smd text-neutral3 block max-w-full min-w-0 truncate font-mono", title: display, children: display }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-body-sm text-muted-foreground block max-w-full min-w-0 truncate font-mono", title: display, children: display }) });
 }
 function ScoresDataListEntityCell({ entityId }) {
   const display = entityId || "-";
-  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-smd block max-w-full min-w-0 truncate", title: display, children: display }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-body-sm block max-w-full min-w-0 truncate", title: display, children: display }) });
 }
 function ScoresDataListScoreCell({ score }) {
   const display = score == null ? "-" : typeof score === "object" ? JSON.stringify(score) : String(score);
-  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-smd text-neutral3 block max-w-full min-w-0 truncate font-mono", title: display, children: display }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-body-sm text-muted-foreground block max-w-full min-w-0 truncate font-mono", title: display, children: display }) });
 }
 
 function ScoresDataListRoot(props) {
@@ -43,6 +43,7 @@ function ScoresDataListRoot(props) {
 const ScoresDataList = Object.assign(ScoresDataListRoot, {
   Top: dataListTop.DataListTop,
   TopCell: dataListTop.DataListTopCell,
+  SortableTopCell: dataListSpacer.DataListSortableTopCell,
   RowButton: dataListSpacer.DataListRowButton,
   NoMatch: dataListSpacer.DataListNoMatch,
   NextPageLoading: dataListSpacer.DataListNextPageLoading,

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

@@ -1 +1 @@
-{"version":3,"file":"DataList.cjs.js","sources":["../../src/ds/components/DataList/ScoresDataList/scores-data-list-cells.tsx","../../src/ds/components/DataList/ScoresDataList/scores-data-list.tsx"],"sourcesContent":["import { format, isToday } from 'date-fns';\nimport { DataListCell } from '../data-list-cells';\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction toDate(value: Date | string): Date | null {\n  const date = value instanceof Date ? value : new Date(value);\n  return isNaN(date.getTime()) ? null : date;\n}\n\n// ---------------------------------------------------------------------------\n// DateCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListDateCellProps {\n  timestamp: Date | string;\n}\n\nexport function ScoresDataListDateCell({ timestamp }: ScoresDataListDateCellProps) {\n  const date = toDate(timestamp);\n  return (\n    <DataListCell className=\"text-ui-smd text-neutral2\">\n      {date ? (isToday(date) ? 'Today' : format(date, 'MMM dd')) : '-'}\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// TimeCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListTimeCellProps {\n  timestamp: Date | string;\n}\n\nexport function ScoresDataListTimeCell({ timestamp }: ScoresDataListTimeCellProps) {\n  const date = toDate(timestamp);\n  return <DataListCell className=\"text-ui-smd text-neutral3\">{date ? format(date, 'h:mm:ss aaa') : '-'}</DataListCell>;\n}\n\n// ---------------------------------------------------------------------------\n// InputCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListInputCellProps {\n  input?: unknown;\n}\n\nexport function ScoresDataListInputCell({ input }: ScoresDataListInputCellProps) {\n  const display = input != null ? JSON.stringify(input) : '-';\n  return (\n    <DataListCell>\n      <span className=\"text-ui-smd text-neutral3 block max-w-full min-w-0 truncate font-mono\" title={display}>\n        {display}\n      </span>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// EntityCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListEntityCellProps {\n  entityId?: string | null;\n}\n\nexport function ScoresDataListEntityCell({ entityId }: ScoresDataListEntityCellProps) {\n  const display = entityId || '-';\n  return (\n    <DataListCell>\n      <span className=\"text-ui-smd block max-w-full min-w-0 truncate\" title={display}>\n        {display}\n      </span>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// ScoreCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListScoreCellProps {\n  score?: unknown;\n}\n\nexport function ScoresDataListScoreCell({ score }: ScoresDataListScoreCellProps) {\n  const display = score == null ? '-' : typeof score === 'object' ? JSON.stringify(score) : String(score);\n  return (\n    <DataListCell>\n      <span className=\"text-ui-smd text-neutral3 block max-w-full min-w-0 truncate font-mono\" title={display}>\n        {display}\n      </span>\n    </DataListCell>\n  );\n}\n","import type { ComponentProps } from 'react';\nimport { DataListNextPageLoading } from '../data-list-next-page-loading';\nimport { DataListNoMatch } from '../data-list-no-match';\nimport { DataListRoot } from '../data-list-root';\nimport { DataListRowButton } from '../data-list-row-button';\nimport { DataListTop } from '../data-list-top';\nimport { DataListTopCell } from '../data-list-top-cell';\nimport {\n  ScoresDataListDateCell,\n  ScoresDataListTimeCell,\n  ScoresDataListInputCell,\n  ScoresDataListEntityCell,\n  ScoresDataListScoreCell,\n} from './scores-data-list-cells';\n\nfunction ScoresDataListRoot(props: ComponentProps<typeof DataListRoot>) {\n  return <DataListRoot {...props} />;\n}\n\nexport const ScoresDataList = Object.assign(ScoresDataListRoot, {\n  Top: DataListTop,\n  TopCell: DataListTopCell,\n  RowButton: DataListRowButton,\n  NoMatch: DataListNoMatch,\n  NextPageLoading: DataListNextPageLoading,\n  DateCell: ScoresDataListDateCell,\n  TimeCell: ScoresDataListTimeCell,\n  InputCell: ScoresDataListInputCell,\n  EntityCell: ScoresDataListEntityCell,\n  ScoreCell: ScoresDataListScoreCell,\n});\n"],"names":["jsx","DataListCell","isToday","format","DataListRoot","DataListTop","DataListTopCell","DataListRowButton","DataListNoMatch","DataListNextPageLoading"],"mappings":";;;;;;;;;;;;;;AAOA,SAAS,OAAO,KAAA,EAAmC;AACjD,EAAA,MAAM,OAAO,KAAA,YAAiB,IAAA,GAAO,KAAA,GAAQ,IAAI,KAAK,KAAK,CAAA;AAC3D,EAAA,OAAO,KAAA,CAAM,IAAA,CAAK,OAAA,EAAS,IAAI,IAAA,GAAO,IAAA;AACxC;AAUO,SAAS,sBAAA,CAAuB,EAAE,SAAA,EAAU,EAAgC;AACjF,EAAA,MAAM,IAAA,GAAO,OAAO,SAAS,CAAA;AAC7B,EAAA,uBACEA,cAAA,CAACC,wBAAA,EAAA,EAAa,SAAA,EAAU,2BAAA,EACrB,QAAA,EAAA,IAAA,GAAQC,eAAA,CAAQ,IAAI,CAAA,GAAI,OAAA,GAAUC,cAAA,CAAO,IAAA,EAAM,QAAQ,IAAK,GAAA,EAC/D,CAAA;AAEJ;AAUO,SAAS,sBAAA,CAAuB,EAAE,SAAA,EAAU,EAAgC;AACjF,EAAA,MAAM,IAAA,GAAO,OAAO,SAAS,CAAA;AAC7B,EAAA,uBAAOH,cAAA,CAACC,4BAAa,SAAA,EAAU,2BAAA,EAA6B,iBAAOE,cAAA,CAAO,IAAA,EAAM,aAAa,CAAA,GAAI,GAAA,EAAI,CAAA;AACvG;AAUO,SAAS,uBAAA,CAAwB,EAAE,KAAA,EAAM,EAAiC;AAC/E,EAAA,MAAM,UAAU,KAAA,IAAS,IAAA,GAAO,IAAA,CAAK,SAAA,CAAU,KAAK,CAAA,GAAI,GAAA;AACxD,EAAA,uBACEH,cAAA,CAACC,4BACC,QAAA,kBAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,uEAAA,EAAwE,KAAA,EAAO,OAAA,EAC5F,QAAA,EAAA,OAAA,EACH,CAAA,EACF,CAAA;AAEJ;AAUO,SAAS,wBAAA,CAAyB,EAAE,QAAA,EAAS,EAAkC;AACpF,EAAA,MAAM,UAAU,QAAA,IAAY,GAAA;AAC5B,EAAA,uBACEA,cAAA,CAACC,4BACC,QAAA,kBAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,+CAAA,EAAgD,KAAA,EAAO,OAAA,EACpE,QAAA,EAAA,OAAA,EACH,CAAA,EACF,CAAA;AAEJ;AAUO,SAAS,uBAAA,CAAwB,EAAE,KAAA,EAAM,EAAiC;AAC/E,EAAA,MAAM,OAAA,GAAU,KAAA,IAAS,IAAA,GAAO,GAAA,GAAM,OAAO,KAAA,KAAU,QAAA,GAAW,IAAA,CAAK,SAAA,CAAU,KAAK,CAAA,GAAI,MAAA,CAAO,KAAK,CAAA;AACtG,EAAA,uBACEA,cAAA,CAACC,4BACC,QAAA,kBAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,uEAAA,EAAwE,KAAA,EAAO,OAAA,EAC5F,QAAA,EAAA,OAAA,EACH,CAAA,EACF,CAAA;AAEJ;;AClFA,SAAS,mBAAmB,KAAA,EAA4C;AACtE,EAAA,uBAAOA,cAAA,CAACI,wBAAA,EAAA,EAAc,GAAG,KAAA,EAAO,CAAA;AAClC;AAEO,MAAM,cAAA,GAAiB,MAAA,CAAO,MAAA,CAAO,kBAAA,EAAoB;AAAA,EAC9D,GAAA,EAAKC,uBAAA;AAAA,EACL,OAAA,EAASC,2BAAA;AAAA,EACT,SAAA,EAAWC,gCAAA;AAAA,EACX,OAAA,EAASC,8BAAA;AAAA,EACT,eAAA,EAAiBC,sCAAA;AAAA,EACjB,QAAA,EAAU,sBAAA;AAAA,EACV,QAAA,EAAU,sBAAA;AAAA,EACV,SAAA,EAAW,uBAAA;AAAA,EACX,UAAA,EAAY,wBAAA;AAAA,EACZ,SAAA,EAAW;AACb,CAAC;;;;;;;;;"}
+{"version":3,"file":"DataList.cjs.js","sources":["../../src/ds/components/DataList/ScoresDataList/scores-data-list-cells.tsx","../../src/ds/components/DataList/ScoresDataList/scores-data-list.tsx"],"sourcesContent":["import { format, isToday } from 'date-fns';\nimport { DataListCell } from '../data-list-cells';\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction toDate(value: Date | string): Date | null {\n  const date = value instanceof Date ? value : new Date(value);\n  return isNaN(date.getTime()) ? null : date;\n}\n\n// ---------------------------------------------------------------------------\n// DateCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListDateCellProps {\n  timestamp: Date | string;\n}\n\nexport function ScoresDataListDateCell({ timestamp }: ScoresDataListDateCellProps) {\n  const date = toDate(timestamp);\n  return (\n    <DataListCell className=\"text-muted-foreground\">\n      {date ? (isToday(date) ? 'Today' : format(date, 'MMM dd')) : '-'}\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// TimeCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListTimeCellProps {\n  timestamp: Date | string;\n}\n\nexport function ScoresDataListTimeCell({ timestamp }: ScoresDataListTimeCellProps) {\n  const date = toDate(timestamp);\n  return (\n    <DataListCell className=\"text-body-sm text-muted-foreground\">\n      {date ? format(date, 'h:mm:ss aaa') : '-'}\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// InputCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListInputCellProps {\n  input?: unknown;\n}\n\nexport function ScoresDataListInputCell({ input }: ScoresDataListInputCellProps) {\n  const display = input != null ? JSON.stringify(input) : '-';\n  return (\n    <DataListCell>\n      <span className=\"text-body-sm text-muted-foreground block max-w-full min-w-0 truncate font-mono\" title={display}>\n        {display}\n      </span>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// EntityCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListEntityCellProps {\n  entityId?: string | null;\n}\n\nexport function ScoresDataListEntityCell({ entityId }: ScoresDataListEntityCellProps) {\n  const display = entityId || '-';\n  return (\n    <DataListCell>\n      <span className=\"text-body-sm block max-w-full min-w-0 truncate\" title={display}>\n        {display}\n      </span>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// ScoreCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListScoreCellProps {\n  score?: unknown;\n}\n\nexport function ScoresDataListScoreCell({ score }: ScoresDataListScoreCellProps) {\n  const display = score == null ? '-' : typeof score === 'object' ? JSON.stringify(score) : String(score);\n  return (\n    <DataListCell>\n      <span className=\"text-body-sm text-muted-foreground block max-w-full min-w-0 truncate font-mono\" title={display}>\n        {display}\n      </span>\n    </DataListCell>\n  );\n}\n","import type { ComponentProps } from 'react';\nimport { DataListNextPageLoading } from '../data-list-next-page-loading';\nimport { DataListNoMatch } from '../data-list-no-match';\nimport { DataListRoot } from '../data-list-root';\nimport { DataListRowButton } from '../data-list-row-button';\nimport { DataListSortableTopCell } from '../data-list-sortable-top-cell';\nimport { DataListTop } from '../data-list-top';\nimport { DataListTopCell } from '../data-list-top-cell';\nimport {\n  ScoresDataListDateCell,\n  ScoresDataListTimeCell,\n  ScoresDataListInputCell,\n  ScoresDataListEntityCell,\n  ScoresDataListScoreCell,\n} from './scores-data-list-cells';\n\n// oxlint-disable-next-line react/only-export-components -- compound component root, same pattern as TracesDataList\n// eslint-disable-next-line react-refresh/only-export-components -- compound component root, same pattern as TracesDataList\nfunction ScoresDataListRoot(props: ComponentProps<typeof DataListRoot>) {\n  return <DataListRoot {...props} />;\n}\n\nexport const ScoresDataList = Object.assign(ScoresDataListRoot, {\n  Top: DataListTop,\n  TopCell: DataListTopCell,\n  SortableTopCell: DataListSortableTopCell,\n  RowButton: DataListRowButton,\n  NoMatch: DataListNoMatch,\n  NextPageLoading: DataListNextPageLoading,\n  DateCell: ScoresDataListDateCell,\n  TimeCell: ScoresDataListTimeCell,\n  InputCell: ScoresDataListInputCell,\n  EntityCell: ScoresDataListEntityCell,\n  ScoreCell: ScoresDataListScoreCell,\n});\n"],"names":["jsx","DataListCell","isToday","format","DataListRoot","DataListTop","DataListTopCell","DataListSortableTopCell","DataListRowButton","DataListNoMatch","DataListNextPageLoading"],"mappings":";;;;;;;;;;;;;;AAOA,SAAS,OAAO,KAAA,EAAmC;AACjD,EAAA,MAAM,OAAO,KAAA,YAAiB,IAAA,GAAO,KAAA,GAAQ,IAAI,KAAK,KAAK,CAAA;AAC3D,EAAA,OAAO,KAAA,CAAM,IAAA,CAAK,OAAA,EAAS,IAAI,IAAA,GAAO,IAAA;AACxC;AAUO,SAAS,sBAAA,CAAuB,EAAE,SAAA,EAAU,EAAgC;AACjF,EAAA,MAAM,IAAA,GAAO,OAAO,SAAS,CAAA;AAC7B,EAAA,uBACEA,cAAA,CAACC,wBAAA,EAAA,EAAa,SAAA,EAAU,uBAAA,EACrB,QAAA,EAAA,IAAA,GAAQC,eAAA,CAAQ,IAAI,CAAA,GAAI,OAAA,GAAUC,cAAA,CAAO,IAAA,EAAM,QAAQ,IAAK,GAAA,EAC/D,CAAA;AAEJ;AAUO,SAAS,sBAAA,CAAuB,EAAE,SAAA,EAAU,EAAgC;AACjF,EAAA,MAAM,IAAA,GAAO,OAAO,SAAS,CAAA;AAC7B,EAAA,uBACEH,cAAA,CAACC,4BAAa,SAAA,EAAU,oCAAA,EACrB,iBAAOE,cAAA,CAAO,IAAA,EAAM,aAAa,CAAA,GAAI,GAAA,EACxC,CAAA;AAEJ;AAUO,SAAS,uBAAA,CAAwB,EAAE,KAAA,EAAM,EAAiC;AAC/E,EAAA,MAAM,UAAU,KAAA,IAAS,IAAA,GAAO,IAAA,CAAK,SAAA,CAAU,KAAK,CAAA,GAAI,GAAA;AACxD,EAAA,uBACEH,cAAA,CAACC,4BACC,QAAA,kBAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,gFAAA,EAAiF,KAAA,EAAO,OAAA,EACrG,QAAA,EAAA,OAAA,EACH,CAAA,EACF,CAAA;AAEJ;AAUO,SAAS,wBAAA,CAAyB,EAAE,QAAA,EAAS,EAAkC;AACpF,EAAA,MAAM,UAAU,QAAA,IAAY,GAAA;AAC5B,EAAA,uBACEA,cAAA,CAACC,4BACC,QAAA,kBAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,gDAAA,EAAiD,KAAA,EAAO,OAAA,EACrE,QAAA,EAAA,OAAA,EACH,CAAA,EACF,CAAA;AAEJ;AAUO,SAAS,uBAAA,CAAwB,EAAE,KAAA,EAAM,EAAiC;AAC/E,EAAA,MAAM,OAAA,GAAU,KAAA,IAAS,IAAA,GAAO,GAAA,GAAM,OAAO,KAAA,KAAU,QAAA,GAAW,IAAA,CAAK,SAAA,CAAU,KAAK,CAAA,GAAI,MAAA,CAAO,KAAK,CAAA;AACtG,EAAA,uBACEA,cAAA,CAACC,4BACC,QAAA,kBAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,gFAAA,EAAiF,KAAA,EAAO,OAAA,EACrG,QAAA,EAAA,OAAA,EACH,CAAA,EACF,CAAA;AAEJ;;ACnFA,SAAS,mBAAmB,KAAA,EAA4C;AACtE,EAAA,uBAAOA,cAAA,CAACI,wBAAA,EAAA,EAAc,GAAG,KAAA,EAAO,CAAA;AAClC;AAEO,MAAM,cAAA,GAAiB,MAAA,CAAO,MAAA,CAAO,kBAAA,EAAoB;AAAA,EAC9D,GAAA,EAAKC,uBAAA;AAAA,EACL,OAAA,EAASC,2BAAA;AAAA,EACT,eAAA,EAAiBC,sCAAA;AAAA,EACjB,SAAA,EAAWC,gCAAA;AAAA,EACX,OAAA,EAASC,8BAAA;AAAA,EACT,eAAA,EAAiBC,sCAAA;AAAA,EACjB,QAAA,EAAU,sBAAA;AAAA,EACV,QAAA,EAAU,sBAAA;AAAA,EACV,SAAA,EAAW,uBAAA;AAAA,EACX,UAAA,EAAY,wBAAA;AAAA,EACZ,SAAA,EAAW;AACb,CAAC;;;;;;;;;"}

package/dist/components/DataList.es.js

@@ -1,10 +1,10 @@
-export { D as DataList } from '../data-list-IQ0BjiGx.js';
-export { D as DataListSkeleton } from '../data-list-skeleton-CQQydcpj.js';
+export { D as DataList } from '../data-list-DnSdaRES.js';
+export { D as DataListSkeleton } from '../data-list-skeleton-D7-glFuk.js';
 import { jsx } from 'react/jsx-runtime';
-import { D as DataListNextPageLoading, a as DataListNoMatch, d as DataListRowButton } from '../data-list-spacer-DWoUNPpA.js';
-import { c as DataListCell, b as DataListTopCell, a as DataListTop, D as DataListRoot } from '../data-list-top-DbUnE1J9.js';
+import { D as DataListNextPageLoading, a as DataListNoMatch, d as DataListRowButton, f as DataListSortableTopCell } from '../data-list-spacer-DRHNUeeP.js';
+import { c as DataListCell, b as DataListTopCell, a as DataListTop, D as DataListRoot } from '../data-list-top-DLwt_Sv-.js';
 import { format, isToday } from 'date-fns';
-export { T as TracesDataList } from '../traces-data-list-Bl1BUIiq.js';
+export { T as TracesDataList } from '../traces-data-list-CDNE9P8W.js';
 export { u as useDataListKeyboard } from '../use-data-list-keyboard-DFQr4t38.js';
 export { TabbedContainer } from '../layout/tabbed-container.es.js';
 
@@ -14,23 +14,23 @@ function toDate(value) {
 }
 function ScoresDataListDateCell({ timestamp }) {
   const date = toDate(timestamp);
-  return /* @__PURE__ */ jsx(DataListCell, { className: "text-ui-smd text-neutral2", children: date ? isToday(date) ? "Today" : format(date, "MMM dd") : "-" });
+  return /* @__PURE__ */ jsx(DataListCell, { className: "text-muted-foreground", children: date ? isToday(date) ? "Today" : format(date, "MMM dd") : "-" });
 }
 function ScoresDataListTimeCell({ timestamp }) {
   const date = toDate(timestamp);
-  return /* @__PURE__ */ jsx(DataListCell, { className: "text-ui-smd text-neutral3", children: date ? format(date, "h:mm:ss aaa") : "-" });
+  return /* @__PURE__ */ jsx(DataListCell, { className: "text-body-sm text-muted-foreground", children: date ? format(date, "h:mm:ss aaa") : "-" });
 }
 function ScoresDataListInputCell({ input }) {
   const display = input != null ? JSON.stringify(input) : "-";
-  return /* @__PURE__ */ jsx(DataListCell, { children: /* @__PURE__ */ jsx("span", { className: "text-ui-smd text-neutral3 block max-w-full min-w-0 truncate font-mono", title: display, children: display }) });
+  return /* @__PURE__ */ jsx(DataListCell, { children: /* @__PURE__ */ jsx("span", { className: "text-body-sm text-muted-foreground block max-w-full min-w-0 truncate font-mono", title: display, children: display }) });
 }
 function ScoresDataListEntityCell({ entityId }) {
   const display = entityId || "-";
-  return /* @__PURE__ */ jsx(DataListCell, { children: /* @__PURE__ */ jsx("span", { className: "text-ui-smd block max-w-full min-w-0 truncate", title: display, children: display }) });
+  return /* @__PURE__ */ jsx(DataListCell, { children: /* @__PURE__ */ jsx("span", { className: "text-body-sm block max-w-full min-w-0 truncate", title: display, children: display }) });
 }
 function ScoresDataListScoreCell({ score }) {
   const display = score == null ? "-" : typeof score === "object" ? JSON.stringify(score) : String(score);
-  return /* @__PURE__ */ jsx(DataListCell, { children: /* @__PURE__ */ jsx("span", { className: "text-ui-smd text-neutral3 block max-w-full min-w-0 truncate font-mono", title: display, children: display }) });
+  return /* @__PURE__ */ jsx(DataListCell, { children: /* @__PURE__ */ jsx("span", { className: "text-body-sm text-muted-foreground block max-w-full min-w-0 truncate font-mono", title: display, children: display }) });
 }
 
 function ScoresDataListRoot(props) {
@@ -39,6 +39,7 @@ function ScoresDataListRoot(props) {
 const ScoresDataList = Object.assign(ScoresDataListRoot, {
   Top: DataListTop,
   TopCell: DataListTopCell,
+  SortableTopCell: DataListSortableTopCell,
   RowButton: DataListRowButton,
   NoMatch: DataListNoMatch,
   NextPageLoading: DataListNextPageLoading,

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

@@ -1 +1 @@
-{"version":3,"file":"DataList.es.js","sources":["../../src/ds/components/DataList/ScoresDataList/scores-data-list-cells.tsx","../../src/ds/components/DataList/ScoresDataList/scores-data-list.tsx"],"sourcesContent":["import { format, isToday } from 'date-fns';\nimport { DataListCell } from '../data-list-cells';\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction toDate(value: Date | string): Date | null {\n  const date = value instanceof Date ? value : new Date(value);\n  return isNaN(date.getTime()) ? null : date;\n}\n\n// ---------------------------------------------------------------------------\n// DateCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListDateCellProps {\n  timestamp: Date | string;\n}\n\nexport function ScoresDataListDateCell({ timestamp }: ScoresDataListDateCellProps) {\n  const date = toDate(timestamp);\n  return (\n    <DataListCell className=\"text-ui-smd text-neutral2\">\n      {date ? (isToday(date) ? 'Today' : format(date, 'MMM dd')) : '-'}\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// TimeCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListTimeCellProps {\n  timestamp: Date | string;\n}\n\nexport function ScoresDataListTimeCell({ timestamp }: ScoresDataListTimeCellProps) {\n  const date = toDate(timestamp);\n  return <DataListCell className=\"text-ui-smd text-neutral3\">{date ? format(date, 'h:mm:ss aaa') : '-'}</DataListCell>;\n}\n\n// ---------------------------------------------------------------------------\n// InputCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListInputCellProps {\n  input?: unknown;\n}\n\nexport function ScoresDataListInputCell({ input }: ScoresDataListInputCellProps) {\n  const display = input != null ? JSON.stringify(input) : '-';\n  return (\n    <DataListCell>\n      <span className=\"text-ui-smd text-neutral3 block max-w-full min-w-0 truncate font-mono\" title={display}>\n        {display}\n      </span>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// EntityCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListEntityCellProps {\n  entityId?: string | null;\n}\n\nexport function ScoresDataListEntityCell({ entityId }: ScoresDataListEntityCellProps) {\n  const display = entityId || '-';\n  return (\n    <DataListCell>\n      <span className=\"text-ui-smd block max-w-full min-w-0 truncate\" title={display}>\n        {display}\n      </span>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// ScoreCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListScoreCellProps {\n  score?: unknown;\n}\n\nexport function ScoresDataListScoreCell({ score }: ScoresDataListScoreCellProps) {\n  const display = score == null ? '-' : typeof score === 'object' ? JSON.stringify(score) : String(score);\n  return (\n    <DataListCell>\n      <span className=\"text-ui-smd text-neutral3 block max-w-full min-w-0 truncate font-mono\" title={display}>\n        {display}\n      </span>\n    </DataListCell>\n  );\n}\n","import type { ComponentProps } from 'react';\nimport { DataListNextPageLoading } from '../data-list-next-page-loading';\nimport { DataListNoMatch } from '../data-list-no-match';\nimport { DataListRoot } from '../data-list-root';\nimport { DataListRowButton } from '../data-list-row-button';\nimport { DataListTop } from '../data-list-top';\nimport { DataListTopCell } from '../data-list-top-cell';\nimport {\n  ScoresDataListDateCell,\n  ScoresDataListTimeCell,\n  ScoresDataListInputCell,\n  ScoresDataListEntityCell,\n  ScoresDataListScoreCell,\n} from './scores-data-list-cells';\n\nfunction ScoresDataListRoot(props: ComponentProps<typeof DataListRoot>) {\n  return <DataListRoot {...props} />;\n}\n\nexport const ScoresDataList = Object.assign(ScoresDataListRoot, {\n  Top: DataListTop,\n  TopCell: DataListTopCell,\n  RowButton: DataListRowButton,\n  NoMatch: DataListNoMatch,\n  NextPageLoading: DataListNextPageLoading,\n  DateCell: ScoresDataListDateCell,\n  TimeCell: ScoresDataListTimeCell,\n  InputCell: ScoresDataListInputCell,\n  EntityCell: ScoresDataListEntityCell,\n  ScoreCell: ScoresDataListScoreCell,\n});\n"],"names":[],"mappings":";;;;;;;;;;AAOA,SAAS,OAAO,KAAA,EAAmC;AACjD,EAAA,MAAM,OAAO,KAAA,YAAiB,IAAA,GAAO,KAAA,GAAQ,IAAI,KAAK,KAAK,CAAA;AAC3D,EAAA,OAAO,KAAA,CAAM,IAAA,CAAK,OAAA,EAAS,IAAI,IAAA,GAAO,IAAA;AACxC;AAUO,SAAS,sBAAA,CAAuB,EAAE,SAAA,EAAU,EAAgC;AACjF,EAAA,MAAM,IAAA,GAAO,OAAO,SAAS,CAAA;AAC7B,EAAA,uBACE,GAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAU,2BAAA,EACrB,QAAA,EAAA,IAAA,GAAQ,OAAA,CAAQ,IAAI,CAAA,GAAI,OAAA,GAAU,MAAA,CAAO,IAAA,EAAM,QAAQ,IAAK,GAAA,EAC/D,CAAA;AAEJ;AAUO,SAAS,sBAAA,CAAuB,EAAE,SAAA,EAAU,EAAgC;AACjF,EAAA,MAAM,IAAA,GAAO,OAAO,SAAS,CAAA;AAC7B,EAAA,uBAAO,GAAA,CAAC,gBAAa,SAAA,EAAU,2BAAA,EAA6B,iBAAO,MAAA,CAAO,IAAA,EAAM,aAAa,CAAA,GAAI,GAAA,EAAI,CAAA;AACvG;AAUO,SAAS,uBAAA,CAAwB,EAAE,KAAA,EAAM,EAAiC;AAC/E,EAAA,MAAM,UAAU,KAAA,IAAS,IAAA,GAAO,IAAA,CAAK,SAAA,CAAU,KAAK,CAAA,GAAI,GAAA;AACxD,EAAA,uBACE,GAAA,CAAC,gBACC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,uEAAA,EAAwE,KAAA,EAAO,OAAA,EAC5F,QAAA,EAAA,OAAA,EACH,CAAA,EACF,CAAA;AAEJ;AAUO,SAAS,wBAAA,CAAyB,EAAE,QAAA,EAAS,EAAkC;AACpF,EAAA,MAAM,UAAU,QAAA,IAAY,GAAA;AAC5B,EAAA,uBACE,GAAA,CAAC,gBACC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,+CAAA,EAAgD,KAAA,EAAO,OAAA,EACpE,QAAA,EAAA,OAAA,EACH,CAAA,EACF,CAAA;AAEJ;AAUO,SAAS,uBAAA,CAAwB,EAAE,KAAA,EAAM,EAAiC;AAC/E,EAAA,MAAM,OAAA,GAAU,KAAA,IAAS,IAAA,GAAO,GAAA,GAAM,OAAO,KAAA,KAAU,QAAA,GAAW,IAAA,CAAK,SAAA,CAAU,KAAK,CAAA,GAAI,MAAA,CAAO,KAAK,CAAA;AACtG,EAAA,uBACE,GAAA,CAAC,gBACC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,uEAAA,EAAwE,KAAA,EAAO,OAAA,EAC5F,QAAA,EAAA,OAAA,EACH,CAAA,EACF,CAAA;AAEJ;;AClFA,SAAS,mBAAmB,KAAA,EAA4C;AACtE,EAAA,uBAAO,GAAA,CAAC,YAAA,EAAA,EAAc,GAAG,KAAA,EAAO,CAAA;AAClC;AAEO,MAAM,cAAA,GAAiB,MAAA,CAAO,MAAA,CAAO,kBAAA,EAAoB;AAAA,EAC9D,GAAA,EAAK,WAAA;AAAA,EACL,OAAA,EAAS,eAAA;AAAA,EACT,SAAA,EAAW,iBAAA;AAAA,EACX,OAAA,EAAS,eAAA;AAAA,EACT,eAAA,EAAiB,uBAAA;AAAA,EACjB,QAAA,EAAU,sBAAA;AAAA,EACV,QAAA,EAAU,sBAAA;AAAA,EACV,SAAA,EAAW,uBAAA;AAAA,EACX,UAAA,EAAY,wBAAA;AAAA,EACZ,SAAA,EAAW;AACb,CAAC;;;;"}
+{"version":3,"file":"DataList.es.js","sources":["../../src/ds/components/DataList/ScoresDataList/scores-data-list-cells.tsx","../../src/ds/components/DataList/ScoresDataList/scores-data-list.tsx"],"sourcesContent":["import { format, isToday } from 'date-fns';\nimport { DataListCell } from '../data-list-cells';\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction toDate(value: Date | string): Date | null {\n  const date = value instanceof Date ? value : new Date(value);\n  return isNaN(date.getTime()) ? null : date;\n}\n\n// ---------------------------------------------------------------------------\n// DateCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListDateCellProps {\n  timestamp: Date | string;\n}\n\nexport function ScoresDataListDateCell({ timestamp }: ScoresDataListDateCellProps) {\n  const date = toDate(timestamp);\n  return (\n    <DataListCell className=\"text-muted-foreground\">\n      {date ? (isToday(date) ? 'Today' : format(date, 'MMM dd')) : '-'}\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// TimeCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListTimeCellProps {\n  timestamp: Date | string;\n}\n\nexport function ScoresDataListTimeCell({ timestamp }: ScoresDataListTimeCellProps) {\n  const date = toDate(timestamp);\n  return (\n    <DataListCell className=\"text-body-sm text-muted-foreground\">\n      {date ? format(date, 'h:mm:ss aaa') : '-'}\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// InputCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListInputCellProps {\n  input?: unknown;\n}\n\nexport function ScoresDataListInputCell({ input }: ScoresDataListInputCellProps) {\n  const display = input != null ? JSON.stringify(input) : '-';\n  return (\n    <DataListCell>\n      <span className=\"text-body-sm text-muted-foreground block max-w-full min-w-0 truncate font-mono\" title={display}>\n        {display}\n      </span>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// EntityCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListEntityCellProps {\n  entityId?: string | null;\n}\n\nexport function ScoresDataListEntityCell({ entityId }: ScoresDataListEntityCellProps) {\n  const display = entityId || '-';\n  return (\n    <DataListCell>\n      <span className=\"text-body-sm block max-w-full min-w-0 truncate\" title={display}>\n        {display}\n      </span>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// ScoreCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListScoreCellProps {\n  score?: unknown;\n}\n\nexport function ScoresDataListScoreCell({ score }: ScoresDataListScoreCellProps) {\n  const display = score == null ? '-' : typeof score === 'object' ? JSON.stringify(score) : String(score);\n  return (\n    <DataListCell>\n      <span className=\"text-body-sm text-muted-foreground block max-w-full min-w-0 truncate font-mono\" title={display}>\n        {display}\n      </span>\n    </DataListCell>\n  );\n}\n","import type { ComponentProps } from 'react';\nimport { DataListNextPageLoading } from '../data-list-next-page-loading';\nimport { DataListNoMatch } from '../data-list-no-match';\nimport { DataListRoot } from '../data-list-root';\nimport { DataListRowButton } from '../data-list-row-button';\nimport { DataListSortableTopCell } from '../data-list-sortable-top-cell';\nimport { DataListTop } from '../data-list-top';\nimport { DataListTopCell } from '../data-list-top-cell';\nimport {\n  ScoresDataListDateCell,\n  ScoresDataListTimeCell,\n  ScoresDataListInputCell,\n  ScoresDataListEntityCell,\n  ScoresDataListScoreCell,\n} from './scores-data-list-cells';\n\n// oxlint-disable-next-line react/only-export-components -- compound component root, same pattern as TracesDataList\n// eslint-disable-next-line react-refresh/only-export-components -- compound component root, same pattern as TracesDataList\nfunction ScoresDataListRoot(props: ComponentProps<typeof DataListRoot>) {\n  return <DataListRoot {...props} />;\n}\n\nexport const ScoresDataList = Object.assign(ScoresDataListRoot, {\n  Top: DataListTop,\n  TopCell: DataListTopCell,\n  SortableTopCell: DataListSortableTopCell,\n  RowButton: DataListRowButton,\n  NoMatch: DataListNoMatch,\n  NextPageLoading: DataListNextPageLoading,\n  DateCell: ScoresDataListDateCell,\n  TimeCell: ScoresDataListTimeCell,\n  InputCell: ScoresDataListInputCell,\n  EntityCell: ScoresDataListEntityCell,\n  ScoreCell: ScoresDataListScoreCell,\n});\n"],"names":[],"mappings":";;;;;;;;;;AAOA,SAAS,OAAO,KAAA,EAAmC;AACjD,EAAA,MAAM,OAAO,KAAA,YAAiB,IAAA,GAAO,KAAA,GAAQ,IAAI,KAAK,KAAK,CAAA;AAC3D,EAAA,OAAO,KAAA,CAAM,IAAA,CAAK,OAAA,EAAS,IAAI,IAAA,GAAO,IAAA;AACxC;AAUO,SAAS,sBAAA,CAAuB,EAAE,SAAA,EAAU,EAAgC;AACjF,EAAA,MAAM,IAAA,GAAO,OAAO,SAAS,CAAA;AAC7B,EAAA,uBACE,GAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAU,uBAAA,EACrB,QAAA,EAAA,IAAA,GAAQ,OAAA,CAAQ,IAAI,CAAA,GAAI,OAAA,GAAU,MAAA,CAAO,IAAA,EAAM,QAAQ,IAAK,GAAA,EAC/D,CAAA;AAEJ;AAUO,SAAS,sBAAA,CAAuB,EAAE,SAAA,EAAU,EAAgC;AACjF,EAAA,MAAM,IAAA,GAAO,OAAO,SAAS,CAAA;AAC7B,EAAA,uBACE,GAAA,CAAC,gBAAa,SAAA,EAAU,oCAAA,EACrB,iBAAO,MAAA,CAAO,IAAA,EAAM,aAAa,CAAA,GAAI,GAAA,EACxC,CAAA;AAEJ;AAUO,SAAS,uBAAA,CAAwB,EAAE,KAAA,EAAM,EAAiC;AAC/E,EAAA,MAAM,UAAU,KAAA,IAAS,IAAA,GAAO,IAAA,CAAK,SAAA,CAAU,KAAK,CAAA,GAAI,GAAA;AACxD,EAAA,uBACE,GAAA,CAAC,gBACC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,gFAAA,EAAiF,KAAA,EAAO,OAAA,EACrG,QAAA,EAAA,OAAA,EACH,CAAA,EACF,CAAA;AAEJ;AAUO,SAAS,wBAAA,CAAyB,EAAE,QAAA,EAAS,EAAkC;AACpF,EAAA,MAAM,UAAU,QAAA,IAAY,GAAA;AAC5B,EAAA,uBACE,GAAA,CAAC,gBACC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,gDAAA,EAAiD,KAAA,EAAO,OAAA,EACrE,QAAA,EAAA,OAAA,EACH,CAAA,EACF,CAAA;AAEJ;AAUO,SAAS,uBAAA,CAAwB,EAAE,KAAA,EAAM,EAAiC;AAC/E,EAAA,MAAM,OAAA,GAAU,KAAA,IAAS,IAAA,GAAO,GAAA,GAAM,OAAO,KAAA,KAAU,QAAA,GAAW,IAAA,CAAK,SAAA,CAAU,KAAK,CAAA,GAAI,MAAA,CAAO,KAAK,CAAA;AACtG,EAAA,uBACE,GAAA,CAAC,gBACC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,gFAAA,EAAiF,KAAA,EAAO,OAAA,EACrG,QAAA,EAAA,OAAA,EACH,CAAA,EACF,CAAA;AAEJ;;ACnFA,SAAS,mBAAmB,KAAA,EAA4C;AACtE,EAAA,uBAAO,GAAA,CAAC,YAAA,EAAA,EAAc,GAAG,KAAA,EAAO,CAAA;AAClC;AAEO,MAAM,cAAA,GAAiB,MAAA,CAAO,MAAA,CAAO,kBAAA,EAAoB;AAAA,EAC9D,GAAA,EAAK,WAAA;AAAA,EACL,OAAA,EAAS,eAAA;AAAA,EACT,eAAA,EAAiB,uBAAA;AAAA,EACjB,SAAA,EAAW,iBAAA;AAAA,EACX,OAAA,EAAS,eAAA;AAAA,EACT,eAAA,EAAiB,uBAAA;AAAA,EACjB,QAAA,EAAU,sBAAA;AAAA,EACV,QAAA,EAAU,sBAAA;AAAA,EACV,SAAA,EAAW,uBAAA;AAAA,EACX,UAAA,EAAY,wBAAA;AAAA,EACZ,SAAA,EAAW;AACb,CAAC;;;;"}

package/dist/components/DataPanel.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dataPanel = require('../data-panel-BhJ8Lp_j.cjs');
+const dataPanel = require('../data-panel-CWZJKBeW.cjs');
 
 
 

package/dist/components/DataPanel.es.js

@@ -1,2 +1,2 @@
-export { D as DataPanel } from '../data-panel-D2JtbyKg.js';
+export { D as DataPanel } from '../data-panel-CWjgS1Gh.js';
 //# sourceMappingURL=DataPanel.es.js.map

package/dist/components/DateRangeTimeline.cjs.js

@@ -6,11 +6,11 @@ const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const dateFns = require('date-fns');
 const lucideReact = require('lucide-react');
-const Button = require('../Button-C2dx_QZN.cjs');
-const datePicker = require('../date-picker-DiZ0FOvY.cjs');
-const popover = require('../popover-CGB4qBAn.cjs');
-const Txt = require('../Txt-C7rZCmrg.cjs');
-const utils_cn = require('../cn-BuHW7Wrt.cjs');
+const Button = require('../Button-CVewl8nT.cjs');
+const datePicker = require('../date-picker-dRZF8frf.cjs');
+const popover = require('../popover-lBqKiPtp.cjs');
+const Txt = require('../Txt-B4-2nLaI.cjs');
+const utils_cn = require('../cn-DG0X1KEP.cjs');
 
 const API_DATE_FORMAT = "yyyy-MM-dd";
 function clamp(value, min, max) {
@@ -172,10 +172,10 @@ function DateRangeBoundaryPicker({ boundary, value, min, max, onSelect }) {
           {
             "aria-label": `Choose ${boundaryLabel}, ${formattedDate}`,
             "aria-expanded": open,
-            size: "xs",
+            size: "sm",
             className: "h-11 w-full min-w-0 justify-start overflow-hidden px-3 sm:h-8",
             icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarDaysIcon, { "aria-hidden": "true" }),
-            children: /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "ui-sm", className: "text-neutral5 truncate tabular-nums", children: formattedDate })
+            children: /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "caption", tone: "ink", className: "truncate tabular-nums", children: formattedDate })
           }
         )
       }
@@ -275,7 +275,7 @@ function DateRangeBoundaryPickers({ positions, value, min, max, onSelect }) {
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: "bg-border2 absolute top-11 h-4 w-px -translate-x-1/2 transition-[left] duration-150 ease-out motion-reduce:transition-none sm:top-8",
+        className: "bg-border-strong absolute top-11 h-4 w-px -translate-x-1/2 transition-[left] duration-150 ease-out motion-reduce:transition-none sm:top-8",
         style: { left: `${positions.from}%` },
         "aria-hidden": "true"
       }
@@ -283,7 +283,7 @@ function DateRangeBoundaryPickers({ positions, value, min, max, onSelect }) {
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: "bg-border2 absolute top-11 h-4 w-px -translate-x-1/2 transition-[left] duration-150 ease-out motion-reduce:transition-none sm:top-8",
+        className: "bg-border-strong absolute top-11 h-4 w-px -translate-x-1/2 transition-[left] duration-150 ease-out motion-reduce:transition-none sm:top-8",
         style: { left: `${positions.to}%` },
         "aria-hidden": "true"
       }
@@ -303,15 +303,15 @@ function DateRangeTicks({ ticks, min, max }) {
   if (firstTick.date === lastTick.date) {
     const date = formatBoundaryDate(firstTick.date);
     const singleLabel = firstTick.date === min && firstTick.date === max ? `Created today · ${date}` : firstTick.date === min ? `Created · ${date}` : firstTick.date === max ? `Today · ${date}` : date;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "group", "aria-label": timelineLabel, className: "flex h-10 items-start justify-center pt-2", children: /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "ui-sm", className: "text-neutral3", children: singleLabel }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "group", "aria-label": timelineLabel, className: "flex h-10 items-start justify-center pt-2", children: /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "caption", tone: "muted", children: singleLabel }) });
   }
   const startLabel = firstTick.date === min ? `Created · ${formatBoundaryDate(min)}` : firstTick.label;
   const endLabel = lastTick.date === max ? `Today · ${formatBoundaryDate(max)}` : lastTick.label;
   const middleTicks = ticks.slice(1, -1);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "group", className: "relative h-10", "aria-label": timelineLabel, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute top-0 left-0 flex flex-col items-start", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-border2 mb-1 h-1.5 w-px", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "ui-sm", className: "text-neutral3 whitespace-nowrap", children: startLabel })
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-border-strong mb-1 h-1.5 w-px", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "caption", tone: "muted", className: "whitespace-nowrap", children: startLabel })
     ] }),
     middleTicks.map((tick) => /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -320,15 +320,15 @@ function DateRangeTicks({ ticks, min, max }) {
         style: { left: `${tick.position}%` },
         "aria-hidden": "true",
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-border2 mb-1 h-1.5 w-px" }),
-          /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "ui-xs", className: "text-neutral3 whitespace-nowrap", children: tick.label })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-border-strong mb-1 h-1.5 w-px" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "meta", tone: "muted", className: "whitespace-nowrap", children: tick.label })
         ]
       },
       tick.date
     )),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute top-0 right-0 flex flex-col items-end", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-border2 mb-1 h-1.5 w-px", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "ui-sm", className: "text-neutral3 whitespace-nowrap", children: endLabel })
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-border-strong mb-1 h-1.5 w-px", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "caption", tone: "muted", className: "whitespace-nowrap", children: endLabel })
     ] })
   ] });
 }
@@ -366,8 +366,8 @@ function DateRangeHandle({
         "span",
         {
           className: utils_cn.cn(
-            "absolute top-1/2 left-1/2 h-7 w-1.5 -translate-1/2 rounded-xs bg-surface3 ring-1 transition-[width,box-shadow] duration-150 group-hover:w-2 group-focus-visible:w-2 group-focus-visible:ring-2 group-focus-visible:ring-accent3 motion-reduce:transition-none",
-            active ? "w-2 ring-2 ring-neutral3/40" : "ring-border2"
+            "absolute top-1/2 left-1/2 h-7 w-1.5 -translate-1/2 rounded-xs bg-card ring-1 transition-[width,box-shadow] duration-150 group-hover:w-2 group-focus-visible:w-2 group-focus-visible:ring-2 group-focus-visible:ring-accent3 motion-reduce:transition-none",
+            active ? "w-2 ring-2 ring-border-focus" : "ring-border-strong"
           ),
           "aria-hidden": "true"
         }
@@ -402,7 +402,7 @@ function DateRangeSelection({
       "aria-valuenow": value,
       "aria-valuetext": valueText,
       className: utils_cn.cn(
-        "absolute inset-y-1 z-10 flex cursor-grab touch-none items-center justify-center overflow-hidden rounded-md bg-neutral6/10 text-neutral6 outline-hidden select-none focus-visible:ring-2 focus-visible:ring-accent3 active:cursor-grabbing",
+        "absolute inset-y-1 z-10 flex cursor-grab touch-none items-center justify-center overflow-hidden rounded-md bg-fill text-foreground outline-hidden select-none focus-visible:ring-2 focus-visible:ring-accent3 active:cursor-grabbing",
         active ? "transition-none" : "transition-[left,width,background-color] duration-150 ease-out motion-reduce:transition-none"
       ),
       style: { left: `${visibleLeft}%`, width: `${visibleWidth}%` },
@@ -410,7 +410,7 @@ function DateRangeSelection({
       onKeyDown,
       children: showDuration ? (
         // TODO(ds): Txt needs a compact data-label variant.
-        /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "ui-sm", font: "mono", className: "text-neutral6 tabular-nums", children: duration })
+        /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "caption", tone: "ink", font: "mono", className: "tabular-nums", children: duration })
       ) : null
     }
   );
@@ -426,7 +426,10 @@ function DateRangeTrackGrid({ markers }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-0", "aria-hidden": "true", children: interiorMarkers.map((marker) => /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
-      className: utils_cn.cn("absolute top-1/2 w-px -translate-1/2 bg-neutral3/15", getMarkerHeight(marker.emphasis)),
+      className: utils_cn.cn(
+        "absolute top-1/2 w-px -translate-1/2 bg-muted-foreground/15",
+        getMarkerHeight(marker.emphasis)
+      ),
       style: { left: `${marker.position}%` }
     },
     marker.index
@@ -840,7 +843,7 @@ function DateRangeTrack({
       role: "group",
       "aria-label": "Date range selection area",
       className: utils_cn.cn(
-        "relative h-12 touch-none rounded-lg bg-surface4",
+        "relative h-12 touch-none rounded-lg bg-muted",
         pointer.interaction?.type === "selecting" ? "cursor-col-resize" : "cursor-crosshair"
       ),
       onPointerDown: pointer.startBrush,