@mastra/playground-ui 64.0.1-alpha.0 → 65.0.0-alpha.2

package/dist/data-list-top-DJh08vFA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list-top-DJh08vFA.cjs","sources":["../src/ds/components/DataList/shared.ts","../src/ds/components/DataList/data-list-cells.tsx","../src/ds/components/DataList/data-list-column-order.ts","../src/ds/components/DataList/data-list-reorder-context.ts","../src/ds/components/DataList/data-list-root.tsx","../src/ds/components/DataList/data-list-top-cell.tsx","../src/ds/components/DataList/data-list-top.tsx"],"sourcesContent":["import { focusRingInset } from '@/ds/primitives/transitions';\n\n/**\n * Row-level styling for the element that participates in the row sibling\n * chain — applied to `DataList.RowButton` / `DataList.RowLink` when used\n * standalone, and to `DataList.RowWrapper` when used as a shell around them.\n *\n * Carries the `.data-list-row` marker class the root styles target.\n */\nexport const dataListRowOuterStyles = [\n  'group/data-list-row data-list-row col-span-full relative min-h-9',\n  // The row surface is a `before` pseudo at `-z-2` so the root's fluid hover\n  // highlight (`-z-1`) can glide *between* the surface and the row content,\n  // exactly like menu items. The row element itself stays transparent.\n  \"before:absolute before:inset-0 before:-z-2 before:rounded-[inherit] before:bg-background before:content-['']\",\n] as const;\n\n/**\n * Interactive state fills for the outer row element. Applied to standalone\n * `RowButton` / `RowLink` and to `RowWrapper`. The `has-*` forms let a wrapper\n * mirror the tone of the interactive row nested inside it.\n *\n * Hover is not painted per row: the root renders one fluid `fill-subtle`\n * highlight under the row content. Rows are sunken wells (`--background`) inside\n * the card panel, whose material also shows through the 1px gaps between them,\n * so a resting tone steps to `--surface-panel` — the opaque twin of a `--fill`\n * rung over the well — rather than to `--card`, which would make a selected row\n * the exact colour of the separators around it. Pressed rises a full `--fill`\n * rung, the same rung a resting control carries, and error sits on the row\n * element itself so it reads on top of the highlight.\n */\nexport const dataListRowStateStyles = [\n  'active:bg-fill',\n  'focus-visible:bg-surface-panel has-focus-visible:bg-surface-panel',\n  'data-featured:before:bg-surface-panel has-data-featured:before:bg-surface-panel has-data-selected:before:bg-surface-panel',\n  'data-[variant=error]:bg-destructive-subtle has-data-[variant=error]:bg-destructive-subtle data-[variant=error]:active:bg-destructive-subtle-active has-data-[variant=error]:active:bg-destructive-subtle-active',\n  // Info is a faint translucent tint on the row element, so the surface below it (resting or selected) and the\n  // fluid hover still read through.\n  'data-[variant=info]:bg-info-subtle/50 has-data-[variant=info]:bg-info-subtle/50',\n] as const;\n\n/**\n * Layout and focus for the interactive element. The background lives on the\n * outer row element so it sits inside the root surface.\n */\nexport const dataListRowInteractiveStyles = [\n  'grid grid-cols-subgrid gap-4 px-3 cursor-pointer',\n  focusRingInset,\n] as const;\n\nexport const dataListRowStyles = [\n  ...dataListRowInteractiveStyles,\n  ...dataListRowOuterStyles,\n  ...dataListRowStateStyles,\n] as const;\n\nexport const dataListRowStaticStyles = ['grid grid-cols-subgrid gap-4 px-3', ...dataListRowOuterStyles] as const;\n\n/**\n * Row actions that stay out of the way until the row is hovered or focused.\n * Opacity, not display, so the column keeps its width and nothing shifts. A\n * coarse pointer never hovers, so there they stay visible — hidden controls\n * that still take taps would be worse than no reveal at all.\n */\nexport const dataListRowActionRevealStyles =\n  'opacity-0 pointer-coarse:opacity-100 group-focus-within/data-list-row:opacity-100 group-hover/data-list-row:opacity-100';\n\nexport type DataListSticky = 'start';\n\nexport const dataListStickyStartStyles = [\n  'data-list-sticky-start sticky left-0 z-10 isolate self-stretch overflow-visible',\n] as const;\n\n/** Tone for a single row. Exposed as `data-variant`; `error` tints the row red, `info` tints it blue to set it apart. */\nexport type DataListRowVariant = 'default' | 'error' | 'info';\n\n/**\n * Layout/state modifiers shared by interactive row primitives\n * (`DataList.RowButton`, `DataList.RowLink`).\n */\nexport type DataListRowSharedProps = {\n  /** Row tone — exposed on the element as `data-variant`. */\n  variant?: DataListRowVariant;\n  /**\n   * Place the row starting at this column line. Defaults to column 1. Use\n   * when the row sits beside a leading cell that owns column 1.\n   */\n  colStart?: number;\n  /**\n   * Place the row ending at this column line (use negative values to count\n   * from the end, e.g. `-2`). Defaults to `-1` (the last line). Use when the\n   * row sits beside a trailing cell that owns the last column.\n   */\n  colEnd?: number;\n  /**\n   * Mark the row as featured (e.g. the row whose detail is open in a side\n   * panel). Exposed on the element as `data-featured` and tints the row.\n   */\n  featured?: boolean;\n};\n\n/** Split a grid-template-columns string on top-level whitespace only, so `minmax(0, 10rem)` stays one track. */\nexport function splitColumns(columns: string): string[] {\n  const parts: string[] = [];\n  let depth = 0;\n  let current = '';\n  for (const char of columns) {\n    if (char === '(') depth++;\n    if (char === ')') depth--;\n    if (/\\s/.test(char) && depth === 0) {\n      if (current) parts.push(current);\n      current = '';\n    } else {\n      current += char;\n    }\n  }\n  if (current) parts.push(current);\n  return parts;\n}\n","import { Children, cloneElement, isValidElement } from 'react';\nimport type { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';\nimport { dataListRowActionRevealStyles, dataListStickyStartStyles } from './shared';\nimport type { DataListSticky } from './shared';\nimport { Checkbox } from '@/ds/components/Checkbox';\nimport { cn } from '@/lib/utils';\nimport { formatDate, formatTimestampPrecise } from '@/utils/date-format';\nimport type { DatePreset } from '@/utils/date-format';\nimport { getShortId } from '@/utils/id';\n\nexport type DataListCellProps = {\n  children?: ReactNode;\n  className?: string;\n  /**\n   * HTML element rendered for the cell. Defaults to `span`. Use `'label'` when\n   * the cell wraps a labelable control (e.g. a Checkbox), so the whole cell\n   * area acts as the click/hover target.\n   */\n  as?: ElementType;\n  /**\n   * Pins the cell to the horizontal start edge of the list while the list\n   * scrolls sideways.\n   */\n  sticky?: DataListSticky;\n} & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'className'>;\n\nexport function DataListCell({ children, className, as, sticky, ...rest }: DataListCellProps) {\n  const Component = as || 'span';\n  return (\n    <Component\n      className={cn(\n        'relative grid max-w-full min-w-0 items-center overflow-hidden text-body-sm whitespace-nowrap text-muted-foreground empty:before:text-placeholder empty:before:content-[\"—\"]',\n        sticky === 'start' && dataListStickyStartStyles,\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </Component>\n  );\n}\n\n/**\n * Trailing cell for row actions, revealed on row hover or keyboard focus.\n * Sits beside a `DataList.RowButton` inside a `DataList.RowWrapper`.\n */\nexport function DataListActionsCell({ children, className, ...rest }: DataListCellProps) {\n  return (\n    <DataListCell className={className} {...rest}>\n      <span\n        className={cn(\n          'flex w-full items-center justify-end gap-1 pr-3 transition-opacity duration-200',\n          dataListRowActionRevealStyles,\n        )}\n      >\n        {children}\n      </span>\n    </DataListCell>\n  );\n}\n\nconst dataListTruncateContentStyles =\n  'block min-w-0 max-w-full truncate empty:before:content-[\"—\"] empty:before:text-placeholder [&>*]:min-w-0 [&>*]:max-w-full [&>*]:overflow-hidden [&>*]:text-ellipsis [&>*]:whitespace-nowrap';\nconst dataListInlineTextTruncateStyles = 'min-w-0 flex-1 truncate';\n\nfunction DataListInlineText({ children }: { children: string | number }) {\n  return <span className={dataListInlineTextTruncateStyles}>{children}</span>;\n}\n\nfunction DataListTruncatedTextNodes({ children }: { children: ReactNode }) {\n  return Children.map(children, child => {\n    if (typeof child === 'string' || typeof child === 'number') {\n      return <DataListInlineText>{child}</DataListInlineText>;\n    }\n\n    return child;\n  });\n}\n\nfunction DataListTruncatedCellContent({ children }: { children: ReactNode }) {\n  return Children.map(children, child => {\n    if (!isValidElement<{ children?: ReactNode; className?: string }>(child) || typeof child.type !== 'string') {\n      return child;\n    }\n\n    return cloneElement(child, {\n      className: cn('max-w-full min-w-0 overflow-hidden', child.props.className),\n      children: <DataListTruncatedTextNodes>{child.props.children}</DataListTruncatedTextNodes>,\n    });\n  });\n}\n\nexport type DataListTextCellProps = DataListCellProps & {\n  /**\n   * Typeface for the cell text. `mono` is for genuine code — paths, env values,\n   * serialized JSON — and drops a size step to match the sans columns optically.\n   */\n  font?: 'sans' | 'mono';\n};\n\nexport function DataListTextCell({ children, className, font = 'sans', ...rest }: DataListTextCellProps) {\n  return (\n    <DataListCell className={cn(font === 'mono' && 'font-mono text-body-sm', className)} {...rest}>\n      <span className={dataListTruncateContentStyles}>\n        <DataListTruncatedCellContent>{children}</DataListTruncatedCellContent>\n      </span>\n    </DataListCell>\n  );\n}\n\nexport function DataListNameCell({ children, className }: DataListCellProps) {\n  return (\n    <DataListCell className={cn('text-left text-label text-foreground', className)}>\n      <span className={dataListTruncateContentStyles}>\n        <DataListTruncatedCellContent>{children}</DataListTruncatedCellContent>\n      </span>\n    </DataListCell>\n  );\n}\n\nexport function DataListDescriptionCell({ children, className }: DataListCellProps) {\n  return (\n    <DataListCell className={cn('text-muted-foreground', className)}>\n      <span className={dataListTruncateContentStyles}>\n        <DataListTruncatedCellContent>{children}</DataListTruncatedCellContent>\n      </span>\n    </DataListCell>\n  );\n}\n\nexport type DataListRowHeaderCellProps = Omit<DataListCellProps, 'sticky'>;\n\nexport function DataListRowHeaderCell({ children, className, ...rest }: DataListRowHeaderCellProps) {\n  return (\n    <DataListCell\n      sticky=\"start\"\n      className={cn(\n        'data-list-row-header -mx-3 w-auto max-w-none px-3 text-left text-label text-foreground',\n        className,\n      )}\n      {...rest}\n    >\n      <span className={cn(dataListTruncateContentStyles, 'relative z-10 w-full')}>\n        <DataListTruncatedCellContent>{children}</DataListTruncatedCellContent>\n      </span>\n    </DataListCell>\n  );\n}\n\nexport type DataListNumberCellProps = DataListCellProps & {\n  /**\n   * Emphasizes the value with the ink tone and the label role — use for the\n   * primary metric in a row (e.g. a total or headline number).\n   */\n  highlight?: boolean;\n  font?: 'sans' | 'mono';\n};\n\n/**\n * Right-aligned numeric cell with tabular figures, for metric and summary\n * tables. Pass `highlight` for the emphasized column.\n */\nexport function DataListNumberCell({\n  children,\n  className,\n  highlight,\n  font = 'sans',\n  ...rest\n}: DataListNumberCellProps) {\n  return (\n    <DataListCell\n      className={cn(\n        'justify-items-end text-right text-muted-foreground tabular-nums',\n        highlight && 'text-label text-foreground',\n        font === 'mono' && 'font-mono',\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </DataListCell>\n  );\n}\n\nexport interface DataListIdCellProps {\n  id: string;\n}\n\nexport function DataListIdCell({ id }: DataListIdCellProps) {\n  return <DataListCell className=\"tracking-wide text-muted-foreground\">{getShortId(id)}</DataListCell>;\n}\n\nexport interface DataListSelectCellProps {\n  checked: boolean;\n  /**\n   * Called when the checkbox is clicked. Receives the click event's `shiftKey`\n   * so callers can implement range-select. The cell stops the click from\n   * reaching the host row, so the row's `onClick` doesn't fire.\n   */\n  onToggle: (shiftKey: boolean) => void;\n  /** Disable the checkbox, e.g. while a selection mutation is in flight. */\n  disabled?: boolean;\n  'aria-label'?: string;\n}\n\nexport function DataListSelectCell({ checked, onToggle, disabled, ...rest }: DataListSelectCellProps) {\n  return (\n    <DataListCell\n      as=\"label\"\n      className={cn(\n        'size-8 justify-items-center self-center overflow-visible px-0',\n        disabled ? 'cursor-not-allowed' : 'cursor-pointer',\n      )}\n      onClick={e => e.stopPropagation()}\n      data-selected={checked || undefined}\n    >\n      <Checkbox\n        checked={checked}\n        disabled={disabled}\n        onCheckedChange={() => {}} // no-op: selection handled by onClick to capture shiftKey\n        // The click still has to bubble to the cell above, which is what keeps it\n        // off the host row. Base UI withholds this handler while disabled.\n        onClick={e => onToggle(e.shiftKey)}\n        aria-label={rest['aria-label']}\n      />\n    </DataListCell>\n  );\n}\n\nexport interface DataListDateCellProps {\n  timestamp: Date | string;\n}\n\n/** Compact date cell — `Today`, `May 19` or `May 19, 2025`. */\nexport function DataListDateCell({ timestamp }: DataListDateCellProps) {\n  return <DataListCell className=\"text-muted-foreground\">{formatDate(timestamp, 'date')}</DataListCell>;\n}\n\nexport interface DataListCreatedCellProps {\n  timestamp: Date | string;\n  /** Visible format. The hover title always shows the full date and time. */\n  preset?: Extract<DatePreset, 'date-time-seconds' | 'day-time-seconds'>;\n}\n\n/** Locale-aware date and time cell with second precision. */\nexport function DataListCreatedCell({ timestamp, preset = 'date-time-seconds' }: DataListCreatedCellProps) {\n  return (\n    <DataListCell className=\"text-muted-foreground tabular-nums\" title={formatDate(timestamp, 'date-time-seconds')}>\n      {formatDate(timestamp, preset)}\n    </DataListCell>\n  );\n}\n\nexport interface DataListTimeCellProps {\n  timestamp: Date | string;\n}\n\nexport function DataListTimeCell({ timestamp }: DataListTimeCellProps) {\n  return (\n    <DataListCell className=\"flex text-muted-foreground tabular-nums\">\n      {formatTimestampPrecise(timestamp, { withDate: false })}\n    </DataListCell>\n  );\n}\n","import { z } from 'zod/v4';\nimport { splitColumns } from './shared';\n\nexport const columnOrderSchema = z.array(z.number().int().nonnegative());\n\nexport const getColumnOrderStorageKey = (id: string) => `mastra:data-list:column-order:${id}`;\n\n/** Tracks of a grid template, or `null` when it uses `repeat()` (track count unknown). */\nexport function splitGridTracks(columns: string): string[] | null {\n  const tracks = splitColumns(columns);\n  return tracks.some(track => track.startsWith('repeat(')) ? null : tracks;\n}\n\nexport const identityOrder = (count: number) => Array.from({ length: count }, (_, i) => i);\n\n/** Returns `stored` when it is a permutation of `0..count-1`, otherwise the identity order. */\nexport function normalizeOrder(stored: number[] | undefined, count: number): number[] {\n  if (!stored || stored.length !== count) return identityOrder(count);\n  const seen = new Set(stored);\n  if (seen.size !== count || stored.some(i => i >= count)) return identityOrder(count);\n  return stored;\n}\n\nexport const keyedColumnOrderSchema = z.array(z.string());\n\n/**\n * Maps a stored key order onto the current columns. Stored keys that are not\n * rendered are skipped; columns missing from the stored order (newly added)\n * are inserted at their default position. Returns column indexes in visual order.\n */\nexport function resolveKeyedOrder(stored: string[] | undefined, keys: string[]): number[] {\n  const current = new Set(keys);\n  const visual = (stored ?? []).filter((key, i, all) => current.has(key) && all.indexOf(key) === i);\n  const placed = new Set(visual);\n  keys.forEach((key, index) => {\n    if (!placed.has(key)) visual.splice(Math.min(index, visual.length), 0, key);\n  });\n  return visual.map(key => keys.indexOf(key));\n}\n\n/**\n * Moves a visible column and returns the next stored key order. Keys of columns\n * that are not rendered right now are kept at the end so they are not forgotten.\n */\nexport function moveKeyedOrder(stored: string[] | undefined, keys: string[], from: number, to: number): string[] {\n  const visual = moveIndex(resolveKeyedOrder(stored, keys), from, to).map(i => keys[i] ?? '');\n  const visible = new Set(keys);\n  return [...visual, ...(stored ?? []).filter(key => !visible.has(key))];\n}\n\n/** Moves the item at visual position `from` to visual position `to`. */\nexport function moveIndex(order: number[], from: number, to: number): number[] {\n  if (from === to || from < 0 || to < 0 || from >= order.length || to >= order.length) return order;\n  const next = [...order];\n  next.splice(to, 0, ...next.splice(from, 1));\n  return next;\n}\n","import { createContext, useContext } from 'react';\n\nexport type DataListReorderContextValue = {\n  reorderable: boolean;\n  /** `order[visualPosition] = originalColumnIndex`. */\n  order: number[];\n  /** Moves the column at visual position `from` to visual position `to`. */\n  move: (from: number, to: number) => void;\n};\n\nexport const DataListReorderContext = createContext<DataListReorderContextValue>({\n  reorderable: false,\n  order: [],\n  move: () => {},\n});\n\nexport const useDataListReorder = () => useContext(DataListReorderContext);\n","import type { CSSProperties, ReactNode, RefObject } from 'react';\nimport { useId, useMemo } from 'react';\nimport {\n  columnOrderSchema,\n  getColumnOrderStorageKey,\n  identityOrder,\n  keyedColumnOrderSchema,\n  moveIndex,\n  moveKeyedOrder,\n  normalizeOrder,\n  resolveKeyedOrder,\n  splitGridTracks,\n} from './data-list-column-order';\nimport { DataListReorderContext } from './data-list-reorder-context';\nimport type { DataListReorderContextValue } from './data-list-reorder-context';\nimport { ScrollArea, ScrollAreaViewport } from '@/ds/components/ScrollArea/scroll-area';\nimport type { ScrollAreaMask, ScrollAreaProps } from '@/ds/components/ScrollArea/scroll-area';\nimport { FluidMenuItems, useFluidMenu } from '@/ds/primitives/fluid-menu';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { useLocalStorageState } from '@/hooks/use-local-storage-state';\nimport { cn } from '@/lib/utils';\n\n/**\n * Horizontal sizing of the list grid.\n *\n * - `content`: the grid is as wide as its widest content (`w-max`) and the\n *   ScrollArea scrolls horizontally when it exceeds the container.\n * - `container`: the grid fills the container width and never exceeds it;\n *   flexible tracks (`minmax(0, 1fr)`) shrink so truncating cells ellipsize\n *   instead of widening the table.\n */\nexport type DataListFit = 'content' | 'container';\n\n/**\n * Surface treatment of the list.\n *\n * - `default`: rows sit as wells inside a raised card panel — the same material\n *   and elevation as a card, a popover or a settings container.\n * - `light`: no panel behind the rows; rows sit directly on the page.\n */\nexport type DataListVariant = 'default' | 'light';\n\nexport type DataListRootProps = Omit<ScrollAreaProps, 'children' | 'orientation' | 'mask'> & {\n  children: ReactNode;\n  columns: string;\n  /** Grid width behavior; defaults to `content` (existing horizontal-scroll sizing). */\n  fit?: DataListFit;\n  /** Surface treatment; defaults to `default` (rows on a raised card panel). */\n  variant?: DataListVariant;\n  /**\n   * Edge fades from the underlying ScrollArea. DataList keeps the top fade off\n   * by default so it does not fade the sticky top header.\n   */\n  mask?: ScrollAreaMask;\n  /**\n   * Ref to the scroll container — pass this to TanStack Virtual's\n   * `getScrollElement` when virtualizing. Without it, the ScrollArea viewport\n   * scrolls normally.\n   */\n  scrollRef?: RefObject<HTMLDivElement | null>;\n  /**\n   * Lets users drag header cells (or press Alt+Arrow on a focused header cell)\n   * to reorder columns. Requires `id`: the order is persisted in localStorage\n   * under that id. Sticky cells stay pinned. Supported for flat lists whose\n   * header and rows span the full grid; `repeat()` templates are not supported.\n   */\n  reorderable?: boolean;\n  /** Stable identifier of the list, used to persist the column order when `reorderable`. */\n  id?: string;\n  /**\n   * Stable key per column, in `columns` order. With `reorderable`, the order is\n   * persisted by key, so it survives columns being shown, hidden or added.\n   * Without it, the order is persisted by index and resets when the column count changes.\n   */\n  columnKeys?: string[];\n};\n\ntype DataListRootStyle = CSSProperties & {\n  '--data-list-background'?: string;\n};\n\nfunction getDataListMask(mask: ScrollAreaMask | undefined): ScrollAreaMask {\n  if (mask === undefined) return { top: false };\n  if (mask === true || mask === false) return mask;\n\n  return { top: false, ...mask };\n}\n\n/**\n * The root owns the unified table treatment so standalone and wrapped rows look\n * identical without requiring a per-row index. The ScrollArea provides the\n * fixed frame; this grid paints the sticky header and separators. The root is\n * the only element that defines a color: sticky parts read the background\n * through `--data-list-background` so they stay opaque while scrolling, and\n * rows/header draw no separators, borders or rings of their own.\n */\nconst dataListGridStyles = [\n  'gap-y-px',\n  // Rows are siblings of the header, so first/last are found via sibling combinators.\n  '[&_.data-list-row:not(.data-list-row~.data-list-row)]:rounded-t-lg',\n  '[&_.data-list-row:not(:has(~.data-list-row))]:rounded-b-lg',\n  '[&_.data-list-row:not(.data-list-row~.data-list-row)>.data-list-sticky-start]:rounded-tl-lg',\n  '[&_.data-list-row:not(:has(~.data-list-row))>.data-list-sticky-start]:rounded-bl-lg',\n  // Subheaders split the rows into sections; each section gets its own rounded ends.\n  '[&_.data-list-subheader+.data-list-row]:rounded-t-lg',\n  '[&_.data-list-row:has(+.data-list-subheader)]:rounded-b-lg',\n  '[&_.data-list-subheader+.data-list-row>.data-list-sticky-start]:rounded-tl-lg',\n  '[&_.data-list-row:has(+.data-list-subheader)>.data-list-sticky-start]:rounded-bl-lg',\n  '[&_.data-list-top]:bg-(--data-list-background)',\n  '[&_.data-list-row>.data-list-sticky-start]:bg-background',\n  // A sticky cell must stay opaque over horizontally scrolled cells, so it\n  // cannot show the fluid highlight through; it takes the opaque twin of a fill\n  // rung over the row well instead, the same level a selected row rests on.\n  '[&_.data-list-row[data-fluid-hover-active]>.data-list-sticky-start]:bg-surface-panel',\n  '[&_.data-list-row>.data-list-sticky-start]:after:right-0',\n  '[&_.data-list-top>.data-list-sticky-start]:after:right-0',\n] as const;\n\nconst dataListVariantClasses: Record<DataListVariant, string> = {\n  default: raisedSurfaceStyle,\n  light: '',\n};\n\n// The sticky header reads this so it stays opaque while scrolling: the panel\n// material by default, the page surface when there is no panel.\nconst dataListVariantBackground: Record<DataListVariant, string> = {\n  default: 'var(--card)',\n  light: 'var(--background)',\n};\n\nconst dataListFitClasses: Record<DataListFit, string> = {\n  content: 'w-max max-w-none min-w-full',\n  container: 'w-full max-w-full',\n};\n\nconst disabledReorder: DataListReorderContextValue = { reorderable: false, order: [], move: () => {} };\n\nexport function DataListRoot({ reorderable, id, columns, columnKeys, ...props }: DataListRootProps) {\n  const tracks = reorderable && id ? splitGridTracks(columns) : null;\n  if (id && tracks && columnKeys && columnKeys.length === tracks.length) {\n    return (\n      <DataListKeyedReorderableRoot\n        key={id}\n        storageId={id}\n        tracks={tracks}\n        columnKeys={columnKeys}\n        id={id}\n        columns={columns}\n        {...props}\n      />\n    );\n  }\n  if (id && tracks) {\n    return <DataListReorderableRoot key={id} storageId={id} tracks={tracks} id={id} columns={columns} {...props} />;\n  }\n  return <DataListBase id={id} columns={columns} reorder={disabledReorder} {...props} />;\n}\n\nfunction DataListKeyedReorderableRoot({\n  storageId,\n  tracks,\n  columnKeys,\n  ...props\n}: DataListReorderableRootProps & { columnKeys: string[] }) {\n  const [stored, setStored] = useLocalStorageState({\n    initialKey: getColumnOrderStorageKey(storageId),\n    defaultValue: columnKeys,\n    schema: keyedColumnOrderSchema,\n  });\n  const keysSignature = columnKeys.join('\\u0000');\n  // eslint-disable-next-line react-hooks/exhaustive-deps -- keyed by content, not array identity\n  const order = useMemo(() => resolveKeyedOrder(stored, columnKeys), [stored, keysSignature]);\n\n  const reorder = useMemo<DataListReorderContextValue>(\n    () => ({\n      reorderable: true,\n      order,\n      move: (from, to) => setStored(current => moveKeyedOrder(current, columnKeys, from, to)),\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- keyed by content, not array identity\n    [order, keysSignature, setStored],\n  );\n\n  return <DataListBase {...props} columns={order.map(i => tracks[i]).join(' ')} reorder={reorder} />;\n}\n\ntype DataListReorderableRootProps = Omit<DataListRootProps, 'reorderable' | 'columnKeys'> & {\n  storageId: string;\n  tracks: string[];\n};\n\nfunction DataListReorderableRoot({ storageId, tracks, ...props }: DataListReorderableRootProps) {\n  const count = tracks.length;\n  const [stored, setStored] = useLocalStorageState({\n    initialKey: getColumnOrderStorageKey(storageId),\n    defaultValue: identityOrder(count),\n    schema: columnOrderSchema,\n  });\n  const order = normalizeOrder(stored, count);\n\n  const reorder = useMemo<DataListReorderContextValue>(\n    () => ({\n      reorderable: true,\n      order,\n      move: (from, to) => setStored(current => moveIndex(normalizeOrder(current, count), from, to)),\n    }),\n    [order, count, setStored],\n  );\n\n  return <DataListBase {...props} columns={order.map(i => tracks[i]).join(' ')} reorder={reorder} />;\n}\n\ntype DataListBaseProps = Omit<DataListRootProps, 'reorderable' | 'columnKeys'> & {\n  reorder: DataListReorderContextValue;\n};\n\nfunction DataListBase({\n  children,\n  columns,\n  className,\n  fit = 'content',\n  variant = 'default',\n  mask,\n  scrollRef,\n  reorder,\n  ...props\n}: DataListBaseProps) {\n  const scopeId = useId();\n  const gridStyle: DataListRootStyle = {\n    '--data-list-background': dataListVariantBackground[variant],\n    gridTemplateColumns: columns,\n  };\n  // Cells keep their DOM order; CSS `order` places each one in its moved track.\n  const orderRules = reorder.reorderable\n    ? reorder.order\n        .map(\n          (original, visual) =>\n            `[data-data-list=\"${scopeId}\"] .data-list-cells > :nth-child(${original + 1}) { order: ${visual}; }`,\n        )\n        .join('\\n')\n    : null;\n\n  // One hover surface travels between rows (same primitive as menus/selects).\n  // Subheaders, pagination and whitespace stay inert, so no gap-click routing.\n  const menu = useFluidMenu<HTMLDivElement>({ gapClick: false });\n  const grid = (\n    <div\n      // Lists scroll inside the ScrollArea viewport (below); the grid just lays out.\n      // It is also the offsetParent rows are measured against and the highlight is positioned in.\n      className={cn('grid content-start', ...dataListGridStyles, dataListFitClasses[fit], menu.containerClassName)}\n      style={gridStyle}\n      data-data-list={reorder.reorderable ? scopeId : undefined}\n      {...menu.getContainerProps({})}\n    >\n      {orderRules && <style>{orderRules}</style>}\n      {/* The highlight is the old row hover color. It sits between each row's\n          `before` surface (-z-2) and the row content (see `dataListRowOuterStyles`). */}\n      <FluidMenuItems menu={menu} className=\"rounded-(--fluid-hover-item-radius) bg-fill-subtle\">\n        {children}\n      </FluidMenuItems>\n    </div>\n  );\n\n  // DataList uses the DS ScrollArea: an overlay scrollbar, so the sticky header\n  // spans the full width. Masks default to every overflowing edge except the\n  // top — a top fade would fade the opaque sticky header.\n  return (\n    <ScrollArea\n      {...props}\n      orientation=\"both\"\n      mask={getDataListMask(mask)}\n      // Outer radius = row radius (8px) + 4px inset so the corners stay concentric.\n      // Size to content but never exceed the parent. Flex (unlike grid `1fr`) lays\n      // items out against the max-height-clamped container, so short lists stay\n      // compact and long ones shrink the viewport and scroll. `self-start` stops\n      // a grid/flex parent from stretching the root to the full row height.\n      className={cn(\n        'flex max-h-full w-full flex-col self-start rounded-xl p-1',\n        dataListVariantClasses[variant],\n        className,\n      )}\n    >\n      <ScrollAreaViewport ref={scrollRef} className=\"min-h-0 flex-1 basis-auto\">\n        <DataListReorderContext.Provider value={reorder}>{grid}</DataListReorderContext.Provider>\n      </ScrollAreaViewport>\n    </ScrollArea>\n  );\n}\n","import type { ComponentPropsWithoutRef, DragEvent, ElementType, KeyboardEvent, ReactNode } from 'react';\nimport { forwardRef, useState } from 'react';\nimport { useDataListReorder } from './data-list-reorder-context';\nimport { dataListStickyStartStyles } from './shared';\nimport type { DataListSticky } from './shared';\nimport { Checkbox } from '@/ds/components/Checkbox';\nimport { Tooltip, TooltipTrigger, TooltipContent } from '@/ds/components/Tooltip';\nimport { focusRingInset } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type DataListTopCellProps = {\n  children: ReactNode;\n  className?: string;\n  /**\n   * HTML element rendered for the top cell. Defaults to `span`. Use `'label'`\n   * when the cell wraps a labelable control (e.g. a select-all Checkbox).\n   */\n  as?: ElementType;\n  /** Pins the top cell to the horizontal start edge while the list scrolls sideways. */\n  sticky?: DataListSticky;\n} & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'className' | 'ref'>;\n\nexport const DataListTopCell = forwardRef<HTMLSpanElement, DataListTopCellProps>(\n  ({ children, className, as, sticky, ...rest }, ref) => {\n    const Component = as || 'span';\n    const isText = typeof children === 'string' || typeof children === 'number';\n    const { reorderable, order, move } = useDataListReorder();\n    const [isDropTarget, setIsDropTarget] = useState(false);\n    const canReorder = reorderable && !sticky;\n\n    const reorderProps = canReorder\n      ? {\n          draggable: true,\n          tabIndex: 0,\n          'aria-roledescription': 'draggable column',\n          'data-drop-target': isDropTarget || undefined,\n          onDragStart: (event: DragEvent<HTMLElement>) => {\n            const from = getVisualPosition(event.currentTarget, order);\n            if (from === null) return event.preventDefault();\n            event.dataTransfer.effectAllowed = 'move';\n            event.dataTransfer.setData(DRAG_TYPE, String(from));\n          },\n          onDragOver: (event: DragEvent<HTMLElement>) => {\n            if (!event.dataTransfer.types.includes(DRAG_TYPE)) return;\n            event.preventDefault();\n            event.dataTransfer.dropEffect = 'move';\n            setIsDropTarget(true);\n          },\n          onDragLeave: () => setIsDropTarget(false),\n          onDrop: (event: DragEvent<HTMLElement>) => {\n            setIsDropTarget(false);\n            const from = Number(event.dataTransfer.getData(DRAG_TYPE));\n            const to = getVisualPosition(event.currentTarget, order);\n            if (to === null || Number.isNaN(from)) return;\n            event.preventDefault();\n            move(from, to);\n          },\n          onKeyDown: (event: KeyboardEvent<HTMLElement>) => {\n            if (!event.altKey || (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight')) return;\n            const from = getVisualPosition(event.currentTarget, order);\n            if (from === null) return;\n            const to = from + (event.key === 'ArrowLeft' ? -1 : 1);\n            if (isStickyAt(event.currentTarget, order, to)) return;\n            event.preventDefault();\n            move(from, to);\n          },\n        }\n      : undefined;\n\n    return (\n      <Component\n        ref={ref}\n        className={cn(\n          'flex h-10 max-w-full min-w-0 items-center overflow-hidden py-1 text-column whitespace-nowrap text-muted-foreground',\n          sticky === 'start' && dataListStickyStartStyles,\n          sticky === 'start' && '-mx-3 w-auto max-w-none px-3',\n          sticky === 'start' && 'z-20',\n          canReorder &&\n            'cursor-grab active:cursor-grabbing data-drop-target:shadow-[inset_2px_0_0_var(--border-focus)]',\n          canReorder && focusRingInset,\n          className,\n        )}\n        {...reorderProps}\n        {...rest}\n      >\n        {/* Plain string/number titles truncate with an ellipsis; element children\n            (icons, smart long/short labels, checkboxes) render as-is. */}\n        {isText ? <span className=\"min-w-0 truncate\">{children}</span> : children}\n      </Component>\n    );\n  },\n);\n\nconst DRAG_TYPE = 'application/x-mastra-data-list-column';\n\n/** Visual position of a header cell, or `null` when it is not in a full-width cells container. */\nfunction getVisualPosition(cell: HTMLElement, order: number[]): number | null {\n  const parent = cell.parentElement;\n  if (!parent?.classList.contains('data-list-cells')) return null;\n  const visual = order.indexOf(Array.from(parent.children).indexOf(cell));\n  return visual === -1 ? null : visual;\n}\n\n/** Whether the header cell at `visual` is pinned (so nothing may move into its slot). */\nfunction isStickyAt(cell: HTMLElement, order: number[], visual: number): boolean {\n  const original = order[visual];\n  if (original === undefined) return true;\n  return cell.parentElement?.children[original]?.classList.contains('data-list-sticky-start') ?? true;\n}\n\nexport type DataListTopCellWithTooltipProps = {\n  children: ReactNode;\n  tooltip: ReactNode;\n  className?: string;\n};\n\nexport function DataListTopCellWithTooltip({ children, tooltip, className }: DataListTopCellWithTooltipProps) {\n  return (\n    <Tooltip>\n      <TooltipTrigger>\n        <DataListTopCell className={className}>{children}</DataListTopCell>\n      </TooltipTrigger>\n      <TooltipContent>{tooltip}</TooltipContent>\n    </Tooltip>\n  );\n}\n\nexport type DataListTopCellSmartProps = {\n  long: ReactNode;\n  short: ReactNode;\n  tooltip?: string;\n  breakpoint?: 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n  className?: string;\n};\n\nconst breakpointClasses: Record<'sm' | 'md' | 'lg' | 'xl' | '2xl', { show: string; hide: string }> = {\n  sm: { show: 'hidden sm:inline-flex', hide: 'inline-flex sm:hidden' },\n  md: { show: 'hidden md:inline-flex', hide: 'inline-flex md:hidden' },\n  lg: { show: 'hidden lg:inline-flex', hide: 'inline-flex lg:hidden' },\n  xl: { show: 'hidden xl:inline-flex', hide: 'inline-flex xl:hidden' },\n  '2xl': { show: 'hidden 2xl:inline-flex', hide: 'inline-flex 2xl:hidden' },\n};\n\nexport function DataListTopCellSmart({\n  long,\n  short,\n  tooltip,\n  breakpoint = '2xl',\n  className,\n}: DataListTopCellSmartProps) {\n  const tooltipText = tooltip ?? (typeof long === 'string' ? long : undefined);\n  const bp = breakpointClasses[breakpoint];\n\n  const content = (\n    <>\n      <span className={cn('items-center gap-1', bp.show)}>{long}</span>\n      <span className={cn('items-center gap-1', bp.hide)}>{short}</span>\n    </>\n  );\n\n  if (tooltipText) {\n    return (\n      <DataListTopCellWithTooltip tooltip={tooltipText} className={cn('flex [&_svg]:size-[1.3em]', className)}>\n        {content}\n      </DataListTopCellWithTooltip>\n    );\n  }\n\n  return <DataListTopCell className={cn('flex [&_svg]:size-[1.3em]', className)}>{content}</DataListTopCell>;\n}\n\nexport interface DataListTopSelectCellProps {\n  /** Pass `'indeterminate'` when some — but not all — rows are selected. */\n  checked: boolean | 'indeterminate';\n  /** Toggles the global selection. Typically clears when fully selected, otherwise selects all. */\n  onToggle: () => void;\n  'aria-label'?: string;\n}\n\nexport function DataListTopSelectCell({ checked, onToggle, ...rest }: DataListTopSelectCellProps) {\n  return (\n    <DataListTopCell\n      as=\"label\"\n      className=\"w-8 cursor-pointer justify-center overflow-visible px-0 py-0!\"\n      onClick={e => e.stopPropagation()}\n    >\n      <Checkbox checked={checked} onCheckedChange={() => onToggle()} aria-label={rest['aria-label']} />\n    </DataListTopCell>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type DataListTopProps = ComponentPropsWithoutRef<'div'> & {\n  /**\n   * Switch to a \"leading cell\" layout: drops the default gap between children\n   * and the default left padding, so a leading cell (e.g. `TopSelectCell`)\n   * sits flush against the grid edge and an inner `TopCells` group owns the\n   * remaining column spacing. Mirrors how `Row` + `RowButton` compose.\n   */\n  hasLeadingCell?: boolean;\n};\n\nexport function DataListTop({ children, className, hasLeadingCell, ...props }: DataListTopProps) {\n  return (\n    <div\n      className={cn(\n        'group/data-list-top data-list-top sticky top-0 z-20 col-span-full grid grid-cols-subgrid gap-4 px-3',\n        hasLeadingCell ? 'gap-0 pl-0!' : 'data-list-cells',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["focusRingInset","jsx","cn","Children","isValidElement","cloneElement","getShortId","Checkbox","formatDate","formatTimestampPrecise","z","createContext","useContext","raisedSurfaceStyle","useLocalStorageState","useMemo","useId","useFluidMenu","jsxs","FluidMenuItems","ScrollArea","ScrollAreaViewport","forwardRef","useState","tooltip","Tooltip","TooltipTrigger","TooltipContent","Fragment"],"mappings":"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"}

package/dist/{data-list-top-DSr_ocKA.js → data-list-top-T-mtdIUp.js}

@@ -253,13 +253,6 @@ const dataListGridStyles = [
   "[&_.data-list-row:has(+.data-list-subheader)]:rounded-b-lg",
   "[&_.data-list-subheader+.data-list-row>.data-list-sticky-start]:rounded-tl-lg",
   "[&_.data-list-row:has(+.data-list-subheader)>.data-list-sticky-start]:rounded-bl-lg",
-  // The fluid highlight follows the same ends: rounded only when the active
-  // row is the first/last of its section, square everywhere else. `:has()`
-  // cannot nest, so "last" is written as "no row follows the active one".
-  "[&:has(.data-list-row[data-fluid-hover-active]:not(.data-list-row~.data-list-row))_[data-slot=fluid-hover-highlight]]:rounded-t-lg",
-  "[&:has(.data-list-row[data-fluid-hover-active]):not(:has(.data-list-row[data-fluid-hover-active]~.data-list-row))_[data-slot=fluid-hover-highlight]]:rounded-b-lg",
-  "[&:has(.data-list-subheader+.data-list-row[data-fluid-hover-active])_[data-slot=fluid-hover-highlight]]:rounded-t-lg",
-  "[&:has(.data-list-row[data-fluid-hover-active]+.data-list-subheader)_[data-slot=fluid-hover-highlight]]:rounded-b-lg",
   "[&_.data-list-top]:bg-(--data-list-background)",
   "[&_.data-list-row>.data-list-sticky-start]:bg-background",
   // A sticky cell must stay opaque over horizontally scrolled cells, so it
@@ -375,7 +368,7 @@ function DataListBase({
       ...menu.getContainerProps({}),
       children: [
         orderRules && /* @__PURE__ */ jsx("style", { children: orderRules }),
-        /* @__PURE__ */ jsx(FluidMenuItems, { menu, className: "rounded-none bg-fill-subtle", children })
+        /* @__PURE__ */ jsx(FluidMenuItems, { menu, className: "rounded-(--fluid-hover-item-radius) bg-fill-subtle", children })
       ]
     }
   );
@@ -529,4 +522,4 @@ function DataListTop({ children, className, hasLeadingCell, ...props }) {
 }
 
 export { DataListRoot as D, DataListTop as a, DataListTopCell as b, DataListCell as c, dataListRowOuterStyles as d, DataListTextCell as e, DataListTimeCell as f, DataListDateCell as g, DataListTopCellSmart as h, DataListTopCellWithTooltip as i, DataListCreatedCell as j, DataListIdCell as k, dataListRowStaticStyles as l, DataListTopSelectCell as m, DataListSelectCell as n, DataListNumberCell as o, DataListRowHeaderCell as p, DataListDescriptionCell as q, DataListNameCell as r, splitColumns as s, DataListActionsCell as t, dataListRowInteractiveStyles as u, dataListRowStyles as v, dataListRowStateStyles as w };
-//# sourceMappingURL=data-list-top-DSr_ocKA.js.map
+//# sourceMappingURL=data-list-top-T-mtdIUp.js.map

package/dist/data-list-top-T-mtdIUp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list-top-T-mtdIUp.js","sources":["../src/ds/components/DataList/shared.ts","../src/ds/components/DataList/data-list-cells.tsx","../src/ds/components/DataList/data-list-column-order.ts","../src/ds/components/DataList/data-list-reorder-context.ts","../src/ds/components/DataList/data-list-root.tsx","../src/ds/components/DataList/data-list-top-cell.tsx","../src/ds/components/DataList/data-list-top.tsx"],"sourcesContent":["import { focusRingInset } from '@/ds/primitives/transitions';\n\n/**\n * Row-level styling for the element that participates in the row sibling\n * chain — applied to `DataList.RowButton` / `DataList.RowLink` when used\n * standalone, and to `DataList.RowWrapper` when used as a shell around them.\n *\n * Carries the `.data-list-row` marker class the root styles target.\n */\nexport const dataListRowOuterStyles = [\n  'group/data-list-row data-list-row col-span-full relative min-h-9',\n  // The row surface is a `before` pseudo at `-z-2` so the root's fluid hover\n  // highlight (`-z-1`) can glide *between* the surface and the row content,\n  // exactly like menu items. The row element itself stays transparent.\n  \"before:absolute before:inset-0 before:-z-2 before:rounded-[inherit] before:bg-background before:content-['']\",\n] as const;\n\n/**\n * Interactive state fills for the outer row element. Applied to standalone\n * `RowButton` / `RowLink` and to `RowWrapper`. The `has-*` forms let a wrapper\n * mirror the tone of the interactive row nested inside it.\n *\n * Hover is not painted per row: the root renders one fluid `fill-subtle`\n * highlight under the row content. Rows are sunken wells (`--background`) inside\n * the card panel, whose material also shows through the 1px gaps between them,\n * so a resting tone steps to `--surface-panel` — the opaque twin of a `--fill`\n * rung over the well — rather than to `--card`, which would make a selected row\n * the exact colour of the separators around it. Pressed rises a full `--fill`\n * rung, the same rung a resting control carries, and error sits on the row\n * element itself so it reads on top of the highlight.\n */\nexport const dataListRowStateStyles = [\n  'active:bg-fill',\n  'focus-visible:bg-surface-panel has-focus-visible:bg-surface-panel',\n  'data-featured:before:bg-surface-panel has-data-featured:before:bg-surface-panel has-data-selected:before:bg-surface-panel',\n  'data-[variant=error]:bg-destructive-subtle has-data-[variant=error]:bg-destructive-subtle data-[variant=error]:active:bg-destructive-subtle-active has-data-[variant=error]:active:bg-destructive-subtle-active',\n  // Info is a faint translucent tint on the row element, so the surface below it (resting or selected) and the\n  // fluid hover still read through.\n  'data-[variant=info]:bg-info-subtle/50 has-data-[variant=info]:bg-info-subtle/50',\n] as const;\n\n/**\n * Layout and focus for the interactive element. The background lives on the\n * outer row element so it sits inside the root surface.\n */\nexport const dataListRowInteractiveStyles = [\n  'grid grid-cols-subgrid gap-4 px-3 cursor-pointer',\n  focusRingInset,\n] as const;\n\nexport const dataListRowStyles = [\n  ...dataListRowInteractiveStyles,\n  ...dataListRowOuterStyles,\n  ...dataListRowStateStyles,\n] as const;\n\nexport const dataListRowStaticStyles = ['grid grid-cols-subgrid gap-4 px-3', ...dataListRowOuterStyles] as const;\n\n/**\n * Row actions that stay out of the way until the row is hovered or focused.\n * Opacity, not display, so the column keeps its width and nothing shifts. A\n * coarse pointer never hovers, so there they stay visible — hidden controls\n * that still take taps would be worse than no reveal at all.\n */\nexport const dataListRowActionRevealStyles =\n  'opacity-0 pointer-coarse:opacity-100 group-focus-within/data-list-row:opacity-100 group-hover/data-list-row:opacity-100';\n\nexport type DataListSticky = 'start';\n\nexport const dataListStickyStartStyles = [\n  'data-list-sticky-start sticky left-0 z-10 isolate self-stretch overflow-visible',\n] as const;\n\n/** Tone for a single row. Exposed as `data-variant`; `error` tints the row red, `info` tints it blue to set it apart. */\nexport type DataListRowVariant = 'default' | 'error' | 'info';\n\n/**\n * Layout/state modifiers shared by interactive row primitives\n * (`DataList.RowButton`, `DataList.RowLink`).\n */\nexport type DataListRowSharedProps = {\n  /** Row tone — exposed on the element as `data-variant`. */\n  variant?: DataListRowVariant;\n  /**\n   * Place the row starting at this column line. Defaults to column 1. Use\n   * when the row sits beside a leading cell that owns column 1.\n   */\n  colStart?: number;\n  /**\n   * Place the row ending at this column line (use negative values to count\n   * from the end, e.g. `-2`). Defaults to `-1` (the last line). Use when the\n   * row sits beside a trailing cell that owns the last column.\n   */\n  colEnd?: number;\n  /**\n   * Mark the row as featured (e.g. the row whose detail is open in a side\n   * panel). Exposed on the element as `data-featured` and tints the row.\n   */\n  featured?: boolean;\n};\n\n/** Split a grid-template-columns string on top-level whitespace only, so `minmax(0, 10rem)` stays one track. */\nexport function splitColumns(columns: string): string[] {\n  const parts: string[] = [];\n  let depth = 0;\n  let current = '';\n  for (const char of columns) {\n    if (char === '(') depth++;\n    if (char === ')') depth--;\n    if (/\\s/.test(char) && depth === 0) {\n      if (current) parts.push(current);\n      current = '';\n    } else {\n      current += char;\n    }\n  }\n  if (current) parts.push(current);\n  return parts;\n}\n","import { Children, cloneElement, isValidElement } from 'react';\nimport type { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';\nimport { dataListRowActionRevealStyles, dataListStickyStartStyles } from './shared';\nimport type { DataListSticky } from './shared';\nimport { Checkbox } from '@/ds/components/Checkbox';\nimport { cn } from '@/lib/utils';\nimport { formatDate, formatTimestampPrecise } from '@/utils/date-format';\nimport type { DatePreset } from '@/utils/date-format';\nimport { getShortId } from '@/utils/id';\n\nexport type DataListCellProps = {\n  children?: ReactNode;\n  className?: string;\n  /**\n   * HTML element rendered for the cell. Defaults to `span`. Use `'label'` when\n   * the cell wraps a labelable control (e.g. a Checkbox), so the whole cell\n   * area acts as the click/hover target.\n   */\n  as?: ElementType;\n  /**\n   * Pins the cell to the horizontal start edge of the list while the list\n   * scrolls sideways.\n   */\n  sticky?: DataListSticky;\n} & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'className'>;\n\nexport function DataListCell({ children, className, as, sticky, ...rest }: DataListCellProps) {\n  const Component = as || 'span';\n  return (\n    <Component\n      className={cn(\n        'relative grid max-w-full min-w-0 items-center overflow-hidden text-body-sm whitespace-nowrap text-muted-foreground empty:before:text-placeholder empty:before:content-[\"—\"]',\n        sticky === 'start' && dataListStickyStartStyles,\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </Component>\n  );\n}\n\n/**\n * Trailing cell for row actions, revealed on row hover or keyboard focus.\n * Sits beside a `DataList.RowButton` inside a `DataList.RowWrapper`.\n */\nexport function DataListActionsCell({ children, className, ...rest }: DataListCellProps) {\n  return (\n    <DataListCell className={className} {...rest}>\n      <span\n        className={cn(\n          'flex w-full items-center justify-end gap-1 pr-3 transition-opacity duration-200',\n          dataListRowActionRevealStyles,\n        )}\n      >\n        {children}\n      </span>\n    </DataListCell>\n  );\n}\n\nconst dataListTruncateContentStyles =\n  'block min-w-0 max-w-full truncate empty:before:content-[\"—\"] empty:before:text-placeholder [&>*]:min-w-0 [&>*]:max-w-full [&>*]:overflow-hidden [&>*]:text-ellipsis [&>*]:whitespace-nowrap';\nconst dataListInlineTextTruncateStyles = 'min-w-0 flex-1 truncate';\n\nfunction DataListInlineText({ children }: { children: string | number }) {\n  return <span className={dataListInlineTextTruncateStyles}>{children}</span>;\n}\n\nfunction DataListTruncatedTextNodes({ children }: { children: ReactNode }) {\n  return Children.map(children, child => {\n    if (typeof child === 'string' || typeof child === 'number') {\n      return <DataListInlineText>{child}</DataListInlineText>;\n    }\n\n    return child;\n  });\n}\n\nfunction DataListTruncatedCellContent({ children }: { children: ReactNode }) {\n  return Children.map(children, child => {\n    if (!isValidElement<{ children?: ReactNode; className?: string }>(child) || typeof child.type !== 'string') {\n      return child;\n    }\n\n    return cloneElement(child, {\n      className: cn('max-w-full min-w-0 overflow-hidden', child.props.className),\n      children: <DataListTruncatedTextNodes>{child.props.children}</DataListTruncatedTextNodes>,\n    });\n  });\n}\n\nexport type DataListTextCellProps = DataListCellProps & {\n  /**\n   * Typeface for the cell text. `mono` is for genuine code — paths, env values,\n   * serialized JSON — and drops a size step to match the sans columns optically.\n   */\n  font?: 'sans' | 'mono';\n};\n\nexport function DataListTextCell({ children, className, font = 'sans', ...rest }: DataListTextCellProps) {\n  return (\n    <DataListCell className={cn(font === 'mono' && 'font-mono text-body-sm', className)} {...rest}>\n      <span className={dataListTruncateContentStyles}>\n        <DataListTruncatedCellContent>{children}</DataListTruncatedCellContent>\n      </span>\n    </DataListCell>\n  );\n}\n\nexport function DataListNameCell({ children, className }: DataListCellProps) {\n  return (\n    <DataListCell className={cn('text-left text-label text-foreground', className)}>\n      <span className={dataListTruncateContentStyles}>\n        <DataListTruncatedCellContent>{children}</DataListTruncatedCellContent>\n      </span>\n    </DataListCell>\n  );\n}\n\nexport function DataListDescriptionCell({ children, className }: DataListCellProps) {\n  return (\n    <DataListCell className={cn('text-muted-foreground', className)}>\n      <span className={dataListTruncateContentStyles}>\n        <DataListTruncatedCellContent>{children}</DataListTruncatedCellContent>\n      </span>\n    </DataListCell>\n  );\n}\n\nexport type DataListRowHeaderCellProps = Omit<DataListCellProps, 'sticky'>;\n\nexport function DataListRowHeaderCell({ children, className, ...rest }: DataListRowHeaderCellProps) {\n  return (\n    <DataListCell\n      sticky=\"start\"\n      className={cn(\n        'data-list-row-header -mx-3 w-auto max-w-none px-3 text-left text-label text-foreground',\n        className,\n      )}\n      {...rest}\n    >\n      <span className={cn(dataListTruncateContentStyles, 'relative z-10 w-full')}>\n        <DataListTruncatedCellContent>{children}</DataListTruncatedCellContent>\n      </span>\n    </DataListCell>\n  );\n}\n\nexport type DataListNumberCellProps = DataListCellProps & {\n  /**\n   * Emphasizes the value with the ink tone and the label role — use for the\n   * primary metric in a row (e.g. a total or headline number).\n   */\n  highlight?: boolean;\n  font?: 'sans' | 'mono';\n};\n\n/**\n * Right-aligned numeric cell with tabular figures, for metric and summary\n * tables. Pass `highlight` for the emphasized column.\n */\nexport function DataListNumberCell({\n  children,\n  className,\n  highlight,\n  font = 'sans',\n  ...rest\n}: DataListNumberCellProps) {\n  return (\n    <DataListCell\n      className={cn(\n        'justify-items-end text-right text-muted-foreground tabular-nums',\n        highlight && 'text-label text-foreground',\n        font === 'mono' && 'font-mono',\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </DataListCell>\n  );\n}\n\nexport interface DataListIdCellProps {\n  id: string;\n}\n\nexport function DataListIdCell({ id }: DataListIdCellProps) {\n  return <DataListCell className=\"tracking-wide text-muted-foreground\">{getShortId(id)}</DataListCell>;\n}\n\nexport interface DataListSelectCellProps {\n  checked: boolean;\n  /**\n   * Called when the checkbox is clicked. Receives the click event's `shiftKey`\n   * so callers can implement range-select. The cell stops the click from\n   * reaching the host row, so the row's `onClick` doesn't fire.\n   */\n  onToggle: (shiftKey: boolean) => void;\n  /** Disable the checkbox, e.g. while a selection mutation is in flight. */\n  disabled?: boolean;\n  'aria-label'?: string;\n}\n\nexport function DataListSelectCell({ checked, onToggle, disabled, ...rest }: DataListSelectCellProps) {\n  return (\n    <DataListCell\n      as=\"label\"\n      className={cn(\n        'size-8 justify-items-center self-center overflow-visible px-0',\n        disabled ? 'cursor-not-allowed' : 'cursor-pointer',\n      )}\n      onClick={e => e.stopPropagation()}\n      data-selected={checked || undefined}\n    >\n      <Checkbox\n        checked={checked}\n        disabled={disabled}\n        onCheckedChange={() => {}} // no-op: selection handled by onClick to capture shiftKey\n        // The click still has to bubble to the cell above, which is what keeps it\n        // off the host row. Base UI withholds this handler while disabled.\n        onClick={e => onToggle(e.shiftKey)}\n        aria-label={rest['aria-label']}\n      />\n    </DataListCell>\n  );\n}\n\nexport interface DataListDateCellProps {\n  timestamp: Date | string;\n}\n\n/** Compact date cell — `Today`, `May 19` or `May 19, 2025`. */\nexport function DataListDateCell({ timestamp }: DataListDateCellProps) {\n  return <DataListCell className=\"text-muted-foreground\">{formatDate(timestamp, 'date')}</DataListCell>;\n}\n\nexport interface DataListCreatedCellProps {\n  timestamp: Date | string;\n  /** Visible format. The hover title always shows the full date and time. */\n  preset?: Extract<DatePreset, 'date-time-seconds' | 'day-time-seconds'>;\n}\n\n/** Locale-aware date and time cell with second precision. */\nexport function DataListCreatedCell({ timestamp, preset = 'date-time-seconds' }: DataListCreatedCellProps) {\n  return (\n    <DataListCell className=\"text-muted-foreground tabular-nums\" title={formatDate(timestamp, 'date-time-seconds')}>\n      {formatDate(timestamp, preset)}\n    </DataListCell>\n  );\n}\n\nexport interface DataListTimeCellProps {\n  timestamp: Date | string;\n}\n\nexport function DataListTimeCell({ timestamp }: DataListTimeCellProps) {\n  return (\n    <DataListCell className=\"flex text-muted-foreground tabular-nums\">\n      {formatTimestampPrecise(timestamp, { withDate: false })}\n    </DataListCell>\n  );\n}\n","import { z } from 'zod/v4';\nimport { splitColumns } from './shared';\n\nexport const columnOrderSchema = z.array(z.number().int().nonnegative());\n\nexport const getColumnOrderStorageKey = (id: string) => `mastra:data-list:column-order:${id}`;\n\n/** Tracks of a grid template, or `null` when it uses `repeat()` (track count unknown). */\nexport function splitGridTracks(columns: string): string[] | null {\n  const tracks = splitColumns(columns);\n  return tracks.some(track => track.startsWith('repeat(')) ? null : tracks;\n}\n\nexport const identityOrder = (count: number) => Array.from({ length: count }, (_, i) => i);\n\n/** Returns `stored` when it is a permutation of `0..count-1`, otherwise the identity order. */\nexport function normalizeOrder(stored: number[] | undefined, count: number): number[] {\n  if (!stored || stored.length !== count) return identityOrder(count);\n  const seen = new Set(stored);\n  if (seen.size !== count || stored.some(i => i >= count)) return identityOrder(count);\n  return stored;\n}\n\nexport const keyedColumnOrderSchema = z.array(z.string());\n\n/**\n * Maps a stored key order onto the current columns. Stored keys that are not\n * rendered are skipped; columns missing from the stored order (newly added)\n * are inserted at their default position. Returns column indexes in visual order.\n */\nexport function resolveKeyedOrder(stored: string[] | undefined, keys: string[]): number[] {\n  const current = new Set(keys);\n  const visual = (stored ?? []).filter((key, i, all) => current.has(key) && all.indexOf(key) === i);\n  const placed = new Set(visual);\n  keys.forEach((key, index) => {\n    if (!placed.has(key)) visual.splice(Math.min(index, visual.length), 0, key);\n  });\n  return visual.map(key => keys.indexOf(key));\n}\n\n/**\n * Moves a visible column and returns the next stored key order. Keys of columns\n * that are not rendered right now are kept at the end so they are not forgotten.\n */\nexport function moveKeyedOrder(stored: string[] | undefined, keys: string[], from: number, to: number): string[] {\n  const visual = moveIndex(resolveKeyedOrder(stored, keys), from, to).map(i => keys[i] ?? '');\n  const visible = new Set(keys);\n  return [...visual, ...(stored ?? []).filter(key => !visible.has(key))];\n}\n\n/** Moves the item at visual position `from` to visual position `to`. */\nexport function moveIndex(order: number[], from: number, to: number): number[] {\n  if (from === to || from < 0 || to < 0 || from >= order.length || to >= order.length) return order;\n  const next = [...order];\n  next.splice(to, 0, ...next.splice(from, 1));\n  return next;\n}\n","import { createContext, useContext } from 'react';\n\nexport type DataListReorderContextValue = {\n  reorderable: boolean;\n  /** `order[visualPosition] = originalColumnIndex`. */\n  order: number[];\n  /** Moves the column at visual position `from` to visual position `to`. */\n  move: (from: number, to: number) => void;\n};\n\nexport const DataListReorderContext = createContext<DataListReorderContextValue>({\n  reorderable: false,\n  order: [],\n  move: () => {},\n});\n\nexport const useDataListReorder = () => useContext(DataListReorderContext);\n","import type { CSSProperties, ReactNode, RefObject } from 'react';\nimport { useId, useMemo } from 'react';\nimport {\n  columnOrderSchema,\n  getColumnOrderStorageKey,\n  identityOrder,\n  keyedColumnOrderSchema,\n  moveIndex,\n  moveKeyedOrder,\n  normalizeOrder,\n  resolveKeyedOrder,\n  splitGridTracks,\n} from './data-list-column-order';\nimport { DataListReorderContext } from './data-list-reorder-context';\nimport type { DataListReorderContextValue } from './data-list-reorder-context';\nimport { ScrollArea, ScrollAreaViewport } from '@/ds/components/ScrollArea/scroll-area';\nimport type { ScrollAreaMask, ScrollAreaProps } from '@/ds/components/ScrollArea/scroll-area';\nimport { FluidMenuItems, useFluidMenu } from '@/ds/primitives/fluid-menu';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { useLocalStorageState } from '@/hooks/use-local-storage-state';\nimport { cn } from '@/lib/utils';\n\n/**\n * Horizontal sizing of the list grid.\n *\n * - `content`: the grid is as wide as its widest content (`w-max`) and the\n *   ScrollArea scrolls horizontally when it exceeds the container.\n * - `container`: the grid fills the container width and never exceeds it;\n *   flexible tracks (`minmax(0, 1fr)`) shrink so truncating cells ellipsize\n *   instead of widening the table.\n */\nexport type DataListFit = 'content' | 'container';\n\n/**\n * Surface treatment of the list.\n *\n * - `default`: rows sit as wells inside a raised card panel — the same material\n *   and elevation as a card, a popover or a settings container.\n * - `light`: no panel behind the rows; rows sit directly on the page.\n */\nexport type DataListVariant = 'default' | 'light';\n\nexport type DataListRootProps = Omit<ScrollAreaProps, 'children' | 'orientation' | 'mask'> & {\n  children: ReactNode;\n  columns: string;\n  /** Grid width behavior; defaults to `content` (existing horizontal-scroll sizing). */\n  fit?: DataListFit;\n  /** Surface treatment; defaults to `default` (rows on a raised card panel). */\n  variant?: DataListVariant;\n  /**\n   * Edge fades from the underlying ScrollArea. DataList keeps the top fade off\n   * by default so it does not fade the sticky top header.\n   */\n  mask?: ScrollAreaMask;\n  /**\n   * Ref to the scroll container — pass this to TanStack Virtual's\n   * `getScrollElement` when virtualizing. Without it, the ScrollArea viewport\n   * scrolls normally.\n   */\n  scrollRef?: RefObject<HTMLDivElement | null>;\n  /**\n   * Lets users drag header cells (or press Alt+Arrow on a focused header cell)\n   * to reorder columns. Requires `id`: the order is persisted in localStorage\n   * under that id. Sticky cells stay pinned. Supported for flat lists whose\n   * header and rows span the full grid; `repeat()` templates are not supported.\n   */\n  reorderable?: boolean;\n  /** Stable identifier of the list, used to persist the column order when `reorderable`. */\n  id?: string;\n  /**\n   * Stable key per column, in `columns` order. With `reorderable`, the order is\n   * persisted by key, so it survives columns being shown, hidden or added.\n   * Without it, the order is persisted by index and resets when the column count changes.\n   */\n  columnKeys?: string[];\n};\n\ntype DataListRootStyle = CSSProperties & {\n  '--data-list-background'?: string;\n};\n\nfunction getDataListMask(mask: ScrollAreaMask | undefined): ScrollAreaMask {\n  if (mask === undefined) return { top: false };\n  if (mask === true || mask === false) return mask;\n\n  return { top: false, ...mask };\n}\n\n/**\n * The root owns the unified table treatment so standalone and wrapped rows look\n * identical without requiring a per-row index. The ScrollArea provides the\n * fixed frame; this grid paints the sticky header and separators. The root is\n * the only element that defines a color: sticky parts read the background\n * through `--data-list-background` so they stay opaque while scrolling, and\n * rows/header draw no separators, borders or rings of their own.\n */\nconst dataListGridStyles = [\n  'gap-y-px',\n  // Rows are siblings of the header, so first/last are found via sibling combinators.\n  '[&_.data-list-row:not(.data-list-row~.data-list-row)]:rounded-t-lg',\n  '[&_.data-list-row:not(:has(~.data-list-row))]:rounded-b-lg',\n  '[&_.data-list-row:not(.data-list-row~.data-list-row)>.data-list-sticky-start]:rounded-tl-lg',\n  '[&_.data-list-row:not(:has(~.data-list-row))>.data-list-sticky-start]:rounded-bl-lg',\n  // Subheaders split the rows into sections; each section gets its own rounded ends.\n  '[&_.data-list-subheader+.data-list-row]:rounded-t-lg',\n  '[&_.data-list-row:has(+.data-list-subheader)]:rounded-b-lg',\n  '[&_.data-list-subheader+.data-list-row>.data-list-sticky-start]:rounded-tl-lg',\n  '[&_.data-list-row:has(+.data-list-subheader)>.data-list-sticky-start]:rounded-bl-lg',\n  '[&_.data-list-top]:bg-(--data-list-background)',\n  '[&_.data-list-row>.data-list-sticky-start]:bg-background',\n  // A sticky cell must stay opaque over horizontally scrolled cells, so it\n  // cannot show the fluid highlight through; it takes the opaque twin of a fill\n  // rung over the row well instead, the same level a selected row rests on.\n  '[&_.data-list-row[data-fluid-hover-active]>.data-list-sticky-start]:bg-surface-panel',\n  '[&_.data-list-row>.data-list-sticky-start]:after:right-0',\n  '[&_.data-list-top>.data-list-sticky-start]:after:right-0',\n] as const;\n\nconst dataListVariantClasses: Record<DataListVariant, string> = {\n  default: raisedSurfaceStyle,\n  light: '',\n};\n\n// The sticky header reads this so it stays opaque while scrolling: the panel\n// material by default, the page surface when there is no panel.\nconst dataListVariantBackground: Record<DataListVariant, string> = {\n  default: 'var(--card)',\n  light: 'var(--background)',\n};\n\nconst dataListFitClasses: Record<DataListFit, string> = {\n  content: 'w-max max-w-none min-w-full',\n  container: 'w-full max-w-full',\n};\n\nconst disabledReorder: DataListReorderContextValue = { reorderable: false, order: [], move: () => {} };\n\nexport function DataListRoot({ reorderable, id, columns, columnKeys, ...props }: DataListRootProps) {\n  const tracks = reorderable && id ? splitGridTracks(columns) : null;\n  if (id && tracks && columnKeys && columnKeys.length === tracks.length) {\n    return (\n      <DataListKeyedReorderableRoot\n        key={id}\n        storageId={id}\n        tracks={tracks}\n        columnKeys={columnKeys}\n        id={id}\n        columns={columns}\n        {...props}\n      />\n    );\n  }\n  if (id && tracks) {\n    return <DataListReorderableRoot key={id} storageId={id} tracks={tracks} id={id} columns={columns} {...props} />;\n  }\n  return <DataListBase id={id} columns={columns} reorder={disabledReorder} {...props} />;\n}\n\nfunction DataListKeyedReorderableRoot({\n  storageId,\n  tracks,\n  columnKeys,\n  ...props\n}: DataListReorderableRootProps & { columnKeys: string[] }) {\n  const [stored, setStored] = useLocalStorageState({\n    initialKey: getColumnOrderStorageKey(storageId),\n    defaultValue: columnKeys,\n    schema: keyedColumnOrderSchema,\n  });\n  const keysSignature = columnKeys.join('\\u0000');\n  // eslint-disable-next-line react-hooks/exhaustive-deps -- keyed by content, not array identity\n  const order = useMemo(() => resolveKeyedOrder(stored, columnKeys), [stored, keysSignature]);\n\n  const reorder = useMemo<DataListReorderContextValue>(\n    () => ({\n      reorderable: true,\n      order,\n      move: (from, to) => setStored(current => moveKeyedOrder(current, columnKeys, from, to)),\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- keyed by content, not array identity\n    [order, keysSignature, setStored],\n  );\n\n  return <DataListBase {...props} columns={order.map(i => tracks[i]).join(' ')} reorder={reorder} />;\n}\n\ntype DataListReorderableRootProps = Omit<DataListRootProps, 'reorderable' | 'columnKeys'> & {\n  storageId: string;\n  tracks: string[];\n};\n\nfunction DataListReorderableRoot({ storageId, tracks, ...props }: DataListReorderableRootProps) {\n  const count = tracks.length;\n  const [stored, setStored] = useLocalStorageState({\n    initialKey: getColumnOrderStorageKey(storageId),\n    defaultValue: identityOrder(count),\n    schema: columnOrderSchema,\n  });\n  const order = normalizeOrder(stored, count);\n\n  const reorder = useMemo<DataListReorderContextValue>(\n    () => ({\n      reorderable: true,\n      order,\n      move: (from, to) => setStored(current => moveIndex(normalizeOrder(current, count), from, to)),\n    }),\n    [order, count, setStored],\n  );\n\n  return <DataListBase {...props} columns={order.map(i => tracks[i]).join(' ')} reorder={reorder} />;\n}\n\ntype DataListBaseProps = Omit<DataListRootProps, 'reorderable' | 'columnKeys'> & {\n  reorder: DataListReorderContextValue;\n};\n\nfunction DataListBase({\n  children,\n  columns,\n  className,\n  fit = 'content',\n  variant = 'default',\n  mask,\n  scrollRef,\n  reorder,\n  ...props\n}: DataListBaseProps) {\n  const scopeId = useId();\n  const gridStyle: DataListRootStyle = {\n    '--data-list-background': dataListVariantBackground[variant],\n    gridTemplateColumns: columns,\n  };\n  // Cells keep their DOM order; CSS `order` places each one in its moved track.\n  const orderRules = reorder.reorderable\n    ? reorder.order\n        .map(\n          (original, visual) =>\n            `[data-data-list=\"${scopeId}\"] .data-list-cells > :nth-child(${original + 1}) { order: ${visual}; }`,\n        )\n        .join('\\n')\n    : null;\n\n  // One hover surface travels between rows (same primitive as menus/selects).\n  // Subheaders, pagination and whitespace stay inert, so no gap-click routing.\n  const menu = useFluidMenu<HTMLDivElement>({ gapClick: false });\n  const grid = (\n    <div\n      // Lists scroll inside the ScrollArea viewport (below); the grid just lays out.\n      // It is also the offsetParent rows are measured against and the highlight is positioned in.\n      className={cn('grid content-start', ...dataListGridStyles, dataListFitClasses[fit], menu.containerClassName)}\n      style={gridStyle}\n      data-data-list={reorder.reorderable ? scopeId : undefined}\n      {...menu.getContainerProps({})}\n    >\n      {orderRules && <style>{orderRules}</style>}\n      {/* The highlight is the old row hover color. It sits between each row's\n          `before` surface (-z-2) and the row content (see `dataListRowOuterStyles`). */}\n      <FluidMenuItems menu={menu} className=\"rounded-(--fluid-hover-item-radius) bg-fill-subtle\">\n        {children}\n      </FluidMenuItems>\n    </div>\n  );\n\n  // DataList uses the DS ScrollArea: an overlay scrollbar, so the sticky header\n  // spans the full width. Masks default to every overflowing edge except the\n  // top — a top fade would fade the opaque sticky header.\n  return (\n    <ScrollArea\n      {...props}\n      orientation=\"both\"\n      mask={getDataListMask(mask)}\n      // Outer radius = row radius (8px) + 4px inset so the corners stay concentric.\n      // Size to content but never exceed the parent. Flex (unlike grid `1fr`) lays\n      // items out against the max-height-clamped container, so short lists stay\n      // compact and long ones shrink the viewport and scroll. `self-start` stops\n      // a grid/flex parent from stretching the root to the full row height.\n      className={cn(\n        'flex max-h-full w-full flex-col self-start rounded-xl p-1',\n        dataListVariantClasses[variant],\n        className,\n      )}\n    >\n      <ScrollAreaViewport ref={scrollRef} className=\"min-h-0 flex-1 basis-auto\">\n        <DataListReorderContext.Provider value={reorder}>{grid}</DataListReorderContext.Provider>\n      </ScrollAreaViewport>\n    </ScrollArea>\n  );\n}\n","import type { ComponentPropsWithoutRef, DragEvent, ElementType, KeyboardEvent, ReactNode } from 'react';\nimport { forwardRef, useState } from 'react';\nimport { useDataListReorder } from './data-list-reorder-context';\nimport { dataListStickyStartStyles } from './shared';\nimport type { DataListSticky } from './shared';\nimport { Checkbox } from '@/ds/components/Checkbox';\nimport { Tooltip, TooltipTrigger, TooltipContent } from '@/ds/components/Tooltip';\nimport { focusRingInset } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type DataListTopCellProps = {\n  children: ReactNode;\n  className?: string;\n  /**\n   * HTML element rendered for the top cell. Defaults to `span`. Use `'label'`\n   * when the cell wraps a labelable control (e.g. a select-all Checkbox).\n   */\n  as?: ElementType;\n  /** Pins the top cell to the horizontal start edge while the list scrolls sideways. */\n  sticky?: DataListSticky;\n} & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'className' | 'ref'>;\n\nexport const DataListTopCell = forwardRef<HTMLSpanElement, DataListTopCellProps>(\n  ({ children, className, as, sticky, ...rest }, ref) => {\n    const Component = as || 'span';\n    const isText = typeof children === 'string' || typeof children === 'number';\n    const { reorderable, order, move } = useDataListReorder();\n    const [isDropTarget, setIsDropTarget] = useState(false);\n    const canReorder = reorderable && !sticky;\n\n    const reorderProps = canReorder\n      ? {\n          draggable: true,\n          tabIndex: 0,\n          'aria-roledescription': 'draggable column',\n          'data-drop-target': isDropTarget || undefined,\n          onDragStart: (event: DragEvent<HTMLElement>) => {\n            const from = getVisualPosition(event.currentTarget, order);\n            if (from === null) return event.preventDefault();\n            event.dataTransfer.effectAllowed = 'move';\n            event.dataTransfer.setData(DRAG_TYPE, String(from));\n          },\n          onDragOver: (event: DragEvent<HTMLElement>) => {\n            if (!event.dataTransfer.types.includes(DRAG_TYPE)) return;\n            event.preventDefault();\n            event.dataTransfer.dropEffect = 'move';\n            setIsDropTarget(true);\n          },\n          onDragLeave: () => setIsDropTarget(false),\n          onDrop: (event: DragEvent<HTMLElement>) => {\n            setIsDropTarget(false);\n            const from = Number(event.dataTransfer.getData(DRAG_TYPE));\n            const to = getVisualPosition(event.currentTarget, order);\n            if (to === null || Number.isNaN(from)) return;\n            event.preventDefault();\n            move(from, to);\n          },\n          onKeyDown: (event: KeyboardEvent<HTMLElement>) => {\n            if (!event.altKey || (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight')) return;\n            const from = getVisualPosition(event.currentTarget, order);\n            if (from === null) return;\n            const to = from + (event.key === 'ArrowLeft' ? -1 : 1);\n            if (isStickyAt(event.currentTarget, order, to)) return;\n            event.preventDefault();\n            move(from, to);\n          },\n        }\n      : undefined;\n\n    return (\n      <Component\n        ref={ref}\n        className={cn(\n          'flex h-10 max-w-full min-w-0 items-center overflow-hidden py-1 text-column whitespace-nowrap text-muted-foreground',\n          sticky === 'start' && dataListStickyStartStyles,\n          sticky === 'start' && '-mx-3 w-auto max-w-none px-3',\n          sticky === 'start' && 'z-20',\n          canReorder &&\n            'cursor-grab active:cursor-grabbing data-drop-target:shadow-[inset_2px_0_0_var(--border-focus)]',\n          canReorder && focusRingInset,\n          className,\n        )}\n        {...reorderProps}\n        {...rest}\n      >\n        {/* Plain string/number titles truncate with an ellipsis; element children\n            (icons, smart long/short labels, checkboxes) render as-is. */}\n        {isText ? <span className=\"min-w-0 truncate\">{children}</span> : children}\n      </Component>\n    );\n  },\n);\n\nconst DRAG_TYPE = 'application/x-mastra-data-list-column';\n\n/** Visual position of a header cell, or `null` when it is not in a full-width cells container. */\nfunction getVisualPosition(cell: HTMLElement, order: number[]): number | null {\n  const parent = cell.parentElement;\n  if (!parent?.classList.contains('data-list-cells')) return null;\n  const visual = order.indexOf(Array.from(parent.children).indexOf(cell));\n  return visual === -1 ? null : visual;\n}\n\n/** Whether the header cell at `visual` is pinned (so nothing may move into its slot). */\nfunction isStickyAt(cell: HTMLElement, order: number[], visual: number): boolean {\n  const original = order[visual];\n  if (original === undefined) return true;\n  return cell.parentElement?.children[original]?.classList.contains('data-list-sticky-start') ?? true;\n}\n\nexport type DataListTopCellWithTooltipProps = {\n  children: ReactNode;\n  tooltip: ReactNode;\n  className?: string;\n};\n\nexport function DataListTopCellWithTooltip({ children, tooltip, className }: DataListTopCellWithTooltipProps) {\n  return (\n    <Tooltip>\n      <TooltipTrigger>\n        <DataListTopCell className={className}>{children}</DataListTopCell>\n      </TooltipTrigger>\n      <TooltipContent>{tooltip}</TooltipContent>\n    </Tooltip>\n  );\n}\n\nexport type DataListTopCellSmartProps = {\n  long: ReactNode;\n  short: ReactNode;\n  tooltip?: string;\n  breakpoint?: 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n  className?: string;\n};\n\nconst breakpointClasses: Record<'sm' | 'md' | 'lg' | 'xl' | '2xl', { show: string; hide: string }> = {\n  sm: { show: 'hidden sm:inline-flex', hide: 'inline-flex sm:hidden' },\n  md: { show: 'hidden md:inline-flex', hide: 'inline-flex md:hidden' },\n  lg: { show: 'hidden lg:inline-flex', hide: 'inline-flex lg:hidden' },\n  xl: { show: 'hidden xl:inline-flex', hide: 'inline-flex xl:hidden' },\n  '2xl': { show: 'hidden 2xl:inline-flex', hide: 'inline-flex 2xl:hidden' },\n};\n\nexport function DataListTopCellSmart({\n  long,\n  short,\n  tooltip,\n  breakpoint = '2xl',\n  className,\n}: DataListTopCellSmartProps) {\n  const tooltipText = tooltip ?? (typeof long === 'string' ? long : undefined);\n  const bp = breakpointClasses[breakpoint];\n\n  const content = (\n    <>\n      <span className={cn('items-center gap-1', bp.show)}>{long}</span>\n      <span className={cn('items-center gap-1', bp.hide)}>{short}</span>\n    </>\n  );\n\n  if (tooltipText) {\n    return (\n      <DataListTopCellWithTooltip tooltip={tooltipText} className={cn('flex [&_svg]:size-[1.3em]', className)}>\n        {content}\n      </DataListTopCellWithTooltip>\n    );\n  }\n\n  return <DataListTopCell className={cn('flex [&_svg]:size-[1.3em]', className)}>{content}</DataListTopCell>;\n}\n\nexport interface DataListTopSelectCellProps {\n  /** Pass `'indeterminate'` when some — but not all — rows are selected. */\n  checked: boolean | 'indeterminate';\n  /** Toggles the global selection. Typically clears when fully selected, otherwise selects all. */\n  onToggle: () => void;\n  'aria-label'?: string;\n}\n\nexport function DataListTopSelectCell({ checked, onToggle, ...rest }: DataListTopSelectCellProps) {\n  return (\n    <DataListTopCell\n      as=\"label\"\n      className=\"w-8 cursor-pointer justify-center overflow-visible px-0 py-0!\"\n      onClick={e => e.stopPropagation()}\n    >\n      <Checkbox checked={checked} onCheckedChange={() => onToggle()} aria-label={rest['aria-label']} />\n    </DataListTopCell>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type DataListTopProps = ComponentPropsWithoutRef<'div'> & {\n  /**\n   * Switch to a \"leading cell\" layout: drops the default gap between children\n   * and the default left padding, so a leading cell (e.g. `TopSelectCell`)\n   * sits flush against the grid edge and an inner `TopCells` group owns the\n   * remaining column spacing. Mirrors how `Row` + `RowButton` compose.\n   */\n  hasLeadingCell?: boolean;\n};\n\nexport function DataListTop({ children, className, hasLeadingCell, ...props }: DataListTopProps) {\n  return (\n    <div\n      className={cn(\n        'group/data-list-top data-list-top sticky top-0 z-20 col-span-full grid grid-cols-subgrid gap-4 px-3',\n        hasLeadingCell ? 'gap-0 pl-0!' : 'data-list-cells',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/domains/datasets/components/save-as-dataset-item-dialog.cjs.js

@@ -8,16 +8,16 @@ const lucideReact = require('lucide-react');
 const React = require('react');
 const Button = require('../../../Button-DH1aTzbs.cjs');
 const codeEditor = require('../../../code-editor-DQuJ1XXd.cjs');
+const dataPanel = require('../../../data-panel-BkfjzriB.cjs');
 const field = require('../../../field-BCU5ZtWV.cjs');
 require('../../../field-control-aria-WzMGs0A4.cjs');
 const form = require('../../../form-Cw-n1rd9.cjs');
 const select = require('../../../select-CbNLtiAs.cjs');
-const sideDialog = require('../../../side-dialog-BzULMBaH.cjs');
-const textAndIcon = require('../../../text-and-icon-BcyWJ1Fj.cjs');
 const Txt = require('../../../Txt-CIS2G5Jx.cjs');
 const lib_framework = require('../../../lib/framework.cjs.js');
 const toast = require('../../../toast-DxKdVSyw.cjs');
 
+const CREATE_DATASET_VALUE = "__create-dataset__";
 function SaveAsDatasetItemDialog({
   initialInput,
   initialGroundTruth,
@@ -27,10 +27,12 @@ function SaveAsDatasetItemDialog({
   breadcrumb,
   isOpen,
   onClose,
-  level = 2,
-  source
+  depth = 2,
+  source,
+  renderCreateDatasetDialog
 }) {
   const [selectedDatasetId, setSelectedDatasetId] = React.useState("");
+  const [isCreateDatasetOpen, setIsCreateDatasetOpen] = React.useState(false);
   const [input, setInput] = React.useState("");
   const [groundTruth, setGroundTruth] = React.useState("");
   const [expectedTrajectory, setExpectedTrajectory] = React.useState("");
@@ -39,6 +41,15 @@ function SaveAsDatasetItemDialog({
   const { addItem } = datasets.useDatasetMutations();
   const { navigate, paths } = lib_framework.useLinkComponent();
   const datasets$1 = data?.datasets ?? [];
+  const isSelectedDatasetListed = datasets$1.some((dataset) => dataset.id === selectedDatasetId);
+  const isSelectionLoading = isDatasetsLoading || !!selectedDatasetId && !isSelectedDatasetListed;
+  const handleDatasetChange = (value) => {
+    if (value === CREATE_DATASET_VALUE) {
+      setIsCreateDatasetOpen(true);
+      return;
+    }
+    setSelectedDatasetId(value);
+  };
   const prevOpenRef = React.useRef(false);
   const trajectorySeededRef = React.useRef(false);
   const inputSeededRef = React.useRef(false);
@@ -167,98 +178,99 @@ function SaveAsDatasetItemDialog({
     onClose();
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    sideDialog.SideDialog,
+    dataPanel.DataPanel,
     {
-      dialogTitle: "Save as Dataset Item",
-      dialogDescription: "Save data as a dataset item",
-      isOpen,
-      onClose,
-      level,
+      open: isOpen,
+      onClose: handleCancel,
+      title: "Save as Dataset Item",
+      description: "Save data as a dataset item",
+      depth,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(sideDialog.SideDialog.Top, { children: [
-          breadcrumb,
-          "›",
-          /* @__PURE__ */ jsxRuntime.jsxs(textAndIcon.TextAndIcon, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.DatabaseIcon, {}),
-            " Save as Dataset Item"
-          ] })
+        /* @__PURE__ */ jsxRuntime.jsxs(dataPanel.DataPanel.Header, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(dataPanel.DataPanel.Heading, { children: [
+            "Save as Dataset Item",
+            /* @__PURE__ */ jsxRuntime.jsx("b", { className: "whitespace-nowrap", children: breadcrumb })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.HeaderActions, { children: /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.CloseButton, { icon: "x", onClick: handleCancel, label: "Close save as dataset item", tooltip: "Close" }) })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(sideDialog.SideDialog.Content, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(sideDialog.SideDialog.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(sideDialog.SideDialog.Heading, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.DatabaseIcon, {}),
-            " Save as Dataset Item"
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsxs(form.Form, { onSubmit: handleSubmit, children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(field.Field, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(field.FieldLabel, { required: true, children: "Dataset" }),
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                select.Select,
-                {
-                  value: selectedDatasetId,
-                  onValueChange: setSelectedDatasetId,
-                  disabled: addItem.isPending || isDatasetsLoading,
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, { placeholder: isDatasetsLoading ? "Loading datasets..." : "Select a dataset" }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(select.SelectContent, { children: datasets$1.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "p", variant: "body", tone: "muted", className: "px-2 py-4 text-center", children: "No datasets available" }) : datasets$1.map((dataset) => /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: dataset.id, children: dataset.name }, dataset.id)) })
-                  ]
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(field.Field, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(field.FieldLabel, { required: true, children: "Input (JSON)" }),
-              /* @__PURE__ */ jsxRuntime.jsx(codeEditor.CodeEditor, { value: input, onChange: handleInputChange, showCopyButton: false, className: "min-h-30" })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(field.Field, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(field.FieldLabel, { children: "Ground Truth (JSON, optional)" }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                codeEditor.CodeEditor,
-                {
-                  value: groundTruth,
-                  onChange: handleGroundTruthChange,
-                  showCopyButton: false,
-                  className: "min-h-20"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(field.Field, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(field.FieldLabel, { children: "Expected Trajectory (JSON, optional)" }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                codeEditor.CodeEditor,
-                {
-                  value: expectedTrajectory,
-                  onChange: handleExpectedTrajectoryChange,
-                  showCopyButton: false,
-                  className: "min-h-20"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(field.Field, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(field.FieldLabel, { children: "Tool Mocks (JSON, optional)" }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                codeEditor.CodeEditor,
-                {
-                  value: toolMocks,
-                  onChange: handleToolMocksChange,
-                  showCopyButton: false,
-                  className: "min-h-20"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2 pt-4", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}), type: "button", onClick: handleCancel, children: "Cancel" }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                Button.Button,
-                {
-                  icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, {}),
-                  type: "submit",
-                  variant: "default",
-                  disabled: addItem.isPending || trajectoryLoading || !selectedDatasetId || datasets$1.length === 0,
-                  children: addItem.isPending ? "Saving..." : trajectoryLoading ? "Loading..." : "Save Item"
-                }
-              )
-            ] })
+        /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(form.Form, { onSubmit: handleSubmit, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(field.Field, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(field.FieldLabel, { required: true, children: "Dataset" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              select.Select,
+              {
+                value: isSelectedDatasetListed ? selectedDatasetId : null,
+                onValueChange: handleDatasetChange,
+                disabled: addItem.isPending || isSelectionLoading,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, { placeholder: isSelectionLoading ? "Loading datasets..." : "Select a dataset" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(select.SelectContent, { children: [
+                    renderCreateDatasetDialog && /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: CREATE_DATASET_VALUE, children: "Create dataset" }),
+                    datasets$1.length === 0 ? !renderCreateDatasetDialog && /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "p", variant: "body", tone: "muted", className: "px-2 py-4 text-center", children: "No datasets available" }) : datasets$1.map((dataset) => /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: dataset.id, children: dataset.name }, dataset.id))
+                  ] })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(field.Field, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(field.FieldLabel, { required: true, children: "Input (JSON)" }),
+            /* @__PURE__ */ jsxRuntime.jsx(codeEditor.CodeEditor, { value: input, onChange: handleInputChange, showCopyButton: false, className: "min-h-30" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(field.Field, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(field.FieldLabel, { children: "Ground Truth (JSON, optional)" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              codeEditor.CodeEditor,
+              {
+                value: groundTruth,
+                onChange: handleGroundTruthChange,
+                showCopyButton: false,
+                className: "min-h-20"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(field.Field, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(field.FieldLabel, { children: "Expected Trajectory (JSON, optional)" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              codeEditor.CodeEditor,
+              {
+                value: expectedTrajectory,
+                onChange: handleExpectedTrajectoryChange,
+                showCopyButton: false,
+                className: "min-h-20"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(field.Field, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(field.FieldLabel, { children: "Tool Mocks (JSON, optional)" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              codeEditor.CodeEditor,
+              {
+                value: toolMocks,
+                onChange: handleToolMocksChange,
+                showCopyButton: false,
+                className: "min-h-20"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2 pt-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}), type: "button", onClick: handleCancel, children: "Cancel" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Button.Button,
+              {
+                icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, {}),
+                type: "submit",
+                variant: "default",
+                disabled: addItem.isPending || trajectoryLoading || !isSelectedDatasetListed,
+                children: addItem.isPending ? "Saving..." : trajectoryLoading ? "Loading..." : "Save Item"
+              }
+            )
           ] })
-        ] })
+        ] }) }),
+        renderCreateDatasetDialog?.({
+          open: isCreateDatasetOpen,
+          onOpenChange: setIsCreateDatasetOpen,
+          onSuccess: setSelectedDatasetId
+        })
       ]
     }
   );