@mastra/playground-ui 63.1.0-alpha.2 → 63.1.0-alpha.4

package/dist/{data-panel-CtFwwsPs.cjs.map → data-panel-DIVqWg0V.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"data-panel-CtFwwsPs.cjs","sources":["../src/ds/components/DataPanel/data-panel-close-button.tsx","../src/ds/components/DataPanel/data-panel-context.tsx","../src/ds/components/DataPanel/data-panel-content.tsx","../src/ds/components/DataPanel/data-panel-copy-id.tsx","../src/ds/components/DataPanel/data-panel-header.tsx","../src/ds/components/DataPanel/data-panel-header-actions.tsx","../src/ds/components/DataPanel/data-panel-header-content.tsx","../src/ds/components/DataPanel/data-panel-heading.tsx","../src/ds/components/DataPanel/data-panel-loading-data.tsx","../src/ds/components/DataPanel/data-panel-metadata.tsx","../src/ds/components/DataPanel/data-panel-next-prev-nav.tsx","../src/ds/components/DataPanel/data-panel-no-data.tsx","../src/ds/components/DataPanel/data-panel-root.tsx","../src/ds/components/DataPanel/data-panel.tsx"],"sourcesContent":["import { ArrowLeftIcon, XIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelCloseButtonProps {\n  onClick: () => void;\n  tooltip?: string;\n  /** Accessible name; override it when the arrow leads somewhere other than \"closed\" (e.g. back to a parent view). */\n  label?: string;\n  /**\n   * `arrow` (default) is the leading \"leave this panel\" control, rendered first in the header.\n   * `x` dismisses a nested column in place and belongs in `HeaderActions`, on the right.\n   */\n  icon?: 'arrow' | 'x';\n  className?: string;\n  variant?: ButtonProps['variant'];\n}\n\nexport function DataPanelCloseButton({\n  onClick,\n  tooltip = 'Close panel',\n  label = 'Close Panel',\n  icon = 'arrow',\n  className,\n  variant = 'ghost',\n}: DataPanelCloseButtonProps) {\n  return (\n    <Button\n      size=\"sm\"\n      variant={variant}\n      onClick={onClick}\n      aria-label={label}\n      tooltip={tooltip}\n      className={cn('shrink-0', className)}\n    >\n      {icon === 'x' ? <XIcon /> : <ArrowLeftIcon />}\n    </Button>\n  );\n}\n","import { createContext, useContext } from 'react';\n\nexport type DataPanelVariant = 'drawer' | 'inline';\n\n// Defaults to `drawer` so sub-components rendered outside a `DataPanel` keep their historical behavior.\nexport const DataPanelVariantContext = createContext<DataPanelVariant>('drawer');\n\nexport const useDataPanelVariant = () => useContext(DataPanelVariantContext);\n","import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport type { ReactNode, Ref } from 'react';\n\nimport { useDataPanelVariant } from './data-panel-context';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelContentProps {\n  children: ReactNode;\n  ref?: Ref<HTMLDivElement>;\n  /** Layout overrides (e.g. padding) for the scroll container. */\n  className?: string;\n}\n\nconst CONTENT_CLASSES = 'min-h-0 flex-1 overflow-y-auto px-2 py-3';\n\n// In the drawer variant, `DrawerPrimitive.Content` marks the region as swipe-exempt\n// so scrolling or selecting text inside the panel body doesn't start a\n// swipe-to-dismiss. The inline variant has no drawer, so a plain div is enough.\nexport function DataPanelContent({ children, ref, className }: DataPanelContentProps) {\n  const variant = useDataPanelVariant();\n\n  if (variant === 'inline') {\n    return (\n      <div ref={ref} className={cn(CONTENT_CLASSES, className)}>\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <DrawerPrimitive.Content ref={ref} className={cn(CONTENT_CLASSES, className)}>\n      {children}\n    </DrawerPrimitive.Content>\n  );\n}\n","import { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard';\nimport { truncateString } from '@/lib/truncate-string';\n\nexport interface DataPanelCopyIdProps {\n  id: string;\n  /** Characters kept before the ellipsis. Defaults to 12. */\n  maxLength?: number;\n}\n\n/**\n * Truncated identifier rendered inline in a `DataPanel.Heading`; clicking copies the full value.\n */\nexport function DataPanelCopyId({ id, maxLength = 12 }: DataPanelCopyIdProps) {\n  const { isCopied, handleCopy } = useCopyToClipboard({ text: id, showToast: false });\n  const [open, setOpen] = useState(false);\n\n  return (\n    <Tooltip open={isCopied || open} onOpenChange={setOpen}>\n      <TooltipTrigger\n        render={\n          <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={handleCopy}>\n            {truncateString(id, maxLength)}\n          </Button>\n        }\n      />\n      <TooltipContent>{isCopied ? 'Copied to clipboard' : 'Copy to clipboard'}</TooltipContent>\n    </Tooltip>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataPanelHeaderProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataPanelHeader({ className, children }: DataPanelHeaderProps) {\n  return (\n    <div\n      className={cn(\n        // Same box as the app `Header`. Leading `CloseButton`, then the heading\n        // (+ inline metadata via `HeaderContent`), then `HeaderActions` pushed to the right edge.\n        // `flex-wrap` drops the actions onto a second row when the panel is too narrow for one.\n        // `gap-0.5` is the slight gap between the close arrow and the heading.\n        'flex min-h-header-default w-full flex-wrap items-center gap-0.5 px-2 py-1.5',\n        // Bottom border only when something follows the header (i.e. the panel is expanded).\n        // When the panel is collapsed and the header is the only child, the border auto-hides.\n        'not-last:border-b not-last:border-border',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","export interface DataPanelHeaderActionsProps {\n  children: React.ReactNode;\n}\n\n/**\n * Right-side action slot of a `DataPanel.Header`. Mirrors `HeaderAction` with `gap-2`\n * (these are `size=\"sm\"` controls, like the page header actions) and wraps when the panel is too narrow.\n */\nexport function DataPanelHeaderActions({ children }: DataPanelHeaderActionsProps) {\n  return <div className=\"ml-auto flex min-w-0 flex-wrap items-center justify-end gap-2 self-center\">{children}</div>;\n}\n","import { Children } from 'react';\n\nexport interface DataPanelHeaderContentProps {\n  children: React.ReactNode;\n}\n\n/**\n * Left block of a `DataPanel.Header`: heading followed inline by optional `Metadata`, truncated when too long.\n * A vertical separator is rendered between the heading and the metadata when both are present.\n */\nexport function DataPanelHeaderContent({ children }: DataPanelHeaderContentProps) {\n  const [heading, ...metadata] = Children.toArray(children);\n\n  return (\n    <div className=\"flex min-w-0 flex-1 items-center gap-1 overflow-hidden\">\n      {heading}\n      {metadata.length > 0 && (\n        <>\n          <div aria-hidden=\"true\" className=\"mx-1 h-4 w-px shrink-0 bg-border-strong\" />\n          {metadata}\n        </>\n      )}\n    </div>\n  );\n}\n","import { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelHeadingProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataPanelHeading({ className, children }: DataPanelHeadingProps) {\n  return (\n    <h3\n      className={cn(\n        // Same recipe as a current `Crumb` in the page header, with tight horizontal spacing:\n        // inline children like `TraceIdButton` carry their own padding, so `gap-1` + `px-1`\n        // is enough to keep the title close to the leading close arrow and the inline metadata.\n        // `shrink-0`: the heading keeps its text; the inline `Metadata` row is what gets clipped.\n        'inline-flex max-w-full min-w-0 shrink-0 items-center gap-1 rounded-full px-1',\n        controlSizeClasses.sm,\n        'cursor-default text-foreground [&>b]:text-caption [&>b]:text-muted-foreground',\n        className,\n      )}\n    >\n      {children}\n    </h3>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { Spinner } from '@/ds/components/Spinner';\n\nexport interface DataPanelLoadingDataProps {\n  children?: ReactNode;\n}\n\nexport function DataPanelLoadingData({ children }: DataPanelLoadingDataProps) {\n  return (\n    <div className=\"flex min-h-32 items-center justify-center gap-2 px-3 py-4 text-caption text-placeholder\">\n      <Spinner size=\"sm\" variant=\"pulse\" className=\"text-placeholder\" /> {children ?? 'Loading...'}\n    </div>\n  );\n}\n","import { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { controlStateColorTransition, transitions } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelMetadataProps {\n  children: React.ReactNode;\n}\n\n/** Row of `Meta` pills next to a `DataPanel.Heading`. Never wraps; overflowing pills are clipped. */\nexport function DataPanelMetadata({ children }: DataPanelMetadataProps) {\n  return <ul className=\"flex min-w-0 flex-nowrap items-center gap-0.5 overflow-hidden\">{children}</ul>;\n}\n\nexport interface DataPanelMetaProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'> {\n  /** Element/component to render as (e.g. a router `Link`). Defaults to `span`. */\n  as?: React.ElementType;\n  href?: string;\n  to?: string;\n  /** Prefix icon (bare SVG). */\n  icon?: React.ReactNode;\n  /** Shown on hover/focus; for a static (non-link) meta a string tooltip also becomes the accessible name. */\n  tooltip?: React.ReactNode;\n  children: React.ReactNode;\n  'data-testid'?: string;\n}\n\nexport function DataPanelMeta({ as, icon, tooltip, children, className, ...props }: DataPanelMetaProps) {\n  const Root = as ?? 'span';\n  const isInteractive = Boolean(as || props.href || props.to || props.onClick);\n\n  const hasTooltip = tooltip != null;\n  const root = (\n    <Root\n      aria-label={!isInteractive && typeof tooltip === 'string' ? tooltip : undefined}\n      tabIndex={!isInteractive && hasTooltip ? 0 : undefined}\n      className={cn(\n        // Same box as a `size=\"sm\"` ghost `Button` (e.g. `TraceIdButton`), so pills line up\n        // with the heading and the trace ID on the same header row.\n        'inline-flex min-w-0 items-center gap-1.5 overflow-hidden rounded-full px-2',\n        controlSizeClasses.sm,\n        controlStateColorTransition,\n        isInteractive\n          ? cn(quietTextHover, 'cursor-pointer hover:bg-fill-subtle active:bg-fill')\n          : cn('text-muted-foreground', hasTooltip && 'cursor-help'),\n        className,\n      )}\n      {...props}\n    >\n      {icon && (\n        <Icon size=\"xs\" className={cn('shrink-0 opacity-50 group-hover:opacity-100', transitions.opacity)}>\n          {icon}\n        </Icon>\n      )}\n      <span className=\"min-w-0 truncate\">{children}</span>\n    </Root>\n  );\n\n  return (\n    <li className=\"group flex h-control-sm min-w-0 shrink-0 items-center\">\n      {!hasTooltip ? (\n        root\n      ) : (\n        <Tooltip>\n          <TooltipTrigger render={root} />\n          <TooltipContent>{tooltip}</TooltipContent>\n        </Tooltip>\n      )}\n    </li>\n  );\n}\n","import { ArrowDownIcon, ArrowUpIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button';\n\nexport interface DataPanelNextPrevNavProps {\n  onPrevious?: () => void;\n  onNext?: () => void;\n  previousLabel?: string;\n  nextLabel?: string;\n  variant?: ButtonProps['variant'];\n}\n\n/** Two independent previous/next buttons, laid out by the parent `HeaderActions` gap. */\nexport function DataPanelNextPrevNav({\n  onPrevious,\n  onNext,\n  previousLabel = 'Go to previous',\n  nextLabel = 'Go to next',\n  variant = 'ghost',\n}: DataPanelNextPrevNavProps) {\n  return (\n    <>\n      <Button size=\"sm\" variant={variant} tooltip={previousLabel} onClick={onPrevious} disabled={!onPrevious}>\n        <ArrowUpIcon />\n      </Button>\n      <Button size=\"sm\" variant={variant} tooltip={nextLabel} onClick={onNext} disabled={!onNext}>\n        <ArrowDownIcon />\n      </Button>\n    </>\n  );\n}\n","import { Txt } from '@/ds/components/Txt';\nexport interface DataPanelNoDataProps {\n  children?: React.ReactNode;\n}\n\nexport function DataPanelNoData({ children }: DataPanelNoDataProps) {\n  return (\n    <Txt variant=\"caption\" tone=\"faint\" className=\"px-3 py-4\">\n      {children ?? 'No data found.'}\n    </Txt>\n  );\n}\n","import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport * as React from 'react';\n\nimport { DataPanelVariantContext } from './data-panel-context';\nimport { PortalContainerProvider } from '@/ds/primitives/portal-container';\nimport { cn } from '@/lib/utils';\n\n// `drawer-popup` / `drawer-backdrop` carry the slide + fade transitions.\nimport '../Drawer/drawer.css';\n\ninterface DataPanelBaseProps {\n  /** Accessible name (screen-reader only; the visible title comes from `DataPanel.Heading`). */\n  title: string;\n  /** Accessible description (screen-reader only). */\n  description?: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface DataPanelDrawerProps extends DataPanelBaseProps {\n  /** `drawer` (default): a modal side drawer portaled to the right edge of the page. */\n  variant?: 'drawer';\n  /** Whether the drawer is shown. */\n  open: boolean;\n  /** Called when the user dismisses the panel (close button, Escape, backdrop, swipe). */\n  onClose?: () => void;\n  /**\n   * Elevation level when several sibling panels are open at once (not nested in\n   * the React tree, so Base UI's own stacking doesn't apply). A deeper panel is\n   * narrower so the one beneath peeks out on the left. Siblings stack in mount\n   * order: render the deeper panel after the shallower one.\n   */\n  depth?: 1 | 2 | 3;\n  /**\n   * Drawer width. `md` (default) is a narrow detail panel whose width shrinks\n   * with `depth`. `half`/`wide`/`full` are for multi-column content (e.g. the\n   * trace panel); each `depth` level trims them by a small fixed amount so a\n   * same-size parent still peeks out beneath. Changing `size` while open\n   * animates the width.\n   */\n  size?: 'md' | 'half' | 'wide' | 'full';\n}\n\nexport interface DataPanelInlineProps extends DataPanelBaseProps {\n  /**\n   * `inline`: the panel card is rendered where it is mounted, in the normal\n   * document flow (no portal, backdrop, focus trap or dismissal gestures).\n   * Mount/unmount it to show/hide it. It fills its container's height, so give\n   * the parent a bounded height for `DataPanel.Content` to scroll.\n   */\n  variant: 'inline';\n  open?: never;\n  onClose?: never;\n  depth?: never;\n  size?: never;\n}\n\nexport type DataPanelProps = DataPanelDrawerProps | DataPanelInlineProps;\n\nconst CARD_CLASSES = 'flex max-h-full w-full flex-col overflow-hidden border border-border bg-background';\n\nconst DEPTH_WIDTH = { 1: 'w-xl', 2: 'w-lg', 3: 'w-md' } as const;\nconst SIZE_WIDTH = { half: 'w-1/2', wide: 'w-4/5', full: 'w-full' } as const;\nconst SIZE_PERCENT = { half: '50%', wide: '80%', full: '100%' } as const;\n// Each extra depth level trims a stacked non-`md` panel so the parent peeks out beneath it.\nconst DEPTH_PEEK_REM = 1.5;\n\nexport function DataPanelRoot(props: DataPanelProps) {\n  if (props.variant === 'inline') {\n    return <DataPanelInline {...props} />;\n  }\n  return <DataPanelDrawer {...props} />;\n}\n\nfunction DataPanelInline({ title, description, children, className }: DataPanelInlineProps) {\n  const descriptionId = React.useId();\n\n  return (\n    <DataPanelVariantContext.Provider value=\"inline\">\n      <section\n        data-slot=\"data-panel\"\n        data-variant=\"inline\"\n        aria-label={title}\n        aria-describedby={description ? descriptionId : undefined}\n        // Inline, the card docks beside the app frame, so it shares the frame's rounding.\n        className={cn(CARD_CLASSES, 'h-full min-h-0 rounded-studio-frame', className)}\n      >\n        {description && (\n          <span id={descriptionId} className=\"sr-only\">\n            {description}\n          </span>\n        )}\n        {children}\n      </section>\n    </DataPanelVariantContext.Provider>\n  );\n}\n\nfunction DataPanelDrawer({\n  open,\n  onClose,\n  title,\n  description,\n  depth = 1,\n  size = 'md',\n  children,\n  className,\n}: DataPanelDrawerProps) {\n  // Swipe-exempt mount point for nested popups (Select, DropdownMenu, …) so they\n  // stay inside Base UI's modal focus region and don't start a drawer swipe on\n  // pointerdown. Same pattern as `SideDialogRoot`; see `portal-container.tsx`.\n  const [portalHost, setPortalHost] = React.useState<HTMLDivElement | null>(null);\n\n  return (\n    <DataPanelVariantContext.Provider value=\"drawer\">\n      <DrawerPrimitive.Root\n        open={open}\n        onOpenChange={nextOpen => {\n          if (!nextOpen) onClose?.();\n        }}\n        swipeDirection=\"right\"\n      >\n        <DrawerPrimitive.Portal>\n          {/* Lighter than the shared `--scrim`: a side panel should keep the page beneath readable. */}\n          <DrawerPrimitive.Backdrop className=\"drawer-backdrop fixed inset-0 z-50 bg-scrim/30\" />\n          <DrawerPrimitive.Viewport className=\"fixed inset-0 z-50\">\n            <DrawerPrimitive.Popup\n              data-slot=\"data-panel-popup\"\n              data-depth={depth}\n              data-size={size}\n              className={cn(\n                'drawer-popup fixed inset-y-0 right-0 z-50 flex max-w-full p-4 outline-none',\n                size === 'md' ? DEPTH_WIDTH[depth] : SIZE_WIDTH[size],\n              )}\n              style={\n                size !== 'md' && depth > 1\n                  ? { width: `calc(${SIZE_PERCENT[size]} - ${(depth - 1) * DEPTH_PEEK_REM}rem)` }\n                  : undefined\n              }\n            >\n              {/* Not a heading: the visible `DataPanel.Heading` already is one; this only names the dialog. */}\n              <DrawerPrimitive.Title render={<span />} className=\"sr-only\">\n                {title}\n              </DrawerPrimitive.Title>\n              {description && (\n                <DrawerPrimitive.Description className=\"sr-only\">{description}</DrawerPrimitive.Description>\n              )}\n\n              <DrawerPrimitive.Content render={<div ref={setPortalHost} className=\"absolute\" />} />\n\n              <PortalContainerProvider container={portalHost}>\n                {/* Whole card is swipe-exempt: pointerdown on tabs/buttons/text must not start a dismiss gesture. */}\n                <DrawerPrimitive.Content render={<section />} className={cn(CARD_CLASSES, 'rounded-xl', className)}>\n                  {children}\n                </DrawerPrimitive.Content>\n              </PortalContainerProvider>\n            </DrawerPrimitive.Popup>\n          </DrawerPrimitive.Viewport>\n        </DrawerPrimitive.Portal>\n      </DrawerPrimitive.Root>\n    </DataPanelVariantContext.Provider>\n  );\n}\n","import { DataPanelCloseButton } from './data-panel-close-button';\nimport { DataPanelContent } from './data-panel-content';\nimport { DataPanelCopyId } from './data-panel-copy-id';\nimport { DataPanelHeader } from './data-panel-header';\nimport { DataPanelHeaderActions } from './data-panel-header-actions';\nimport { DataPanelHeaderContent } from './data-panel-header-content';\nimport { DataPanelHeading } from './data-panel-heading';\nimport { DataPanelLoadingData } from './data-panel-loading-data';\nimport { DataPanelMeta, DataPanelMetadata } from './data-panel-metadata';\nimport { DataPanelNextPrevNav } from './data-panel-next-prev-nav';\nimport { DataPanelNoData } from './data-panel-no-data';\nimport { DataPanelRoot } from './data-panel-root';\nimport { DataPanelSectionHeading } from './data-panel-section-heading';\nimport { DataCodeSection } from '@/ds/components/DataCodeSection';\n\nexport const DataPanel = Object.assign(DataPanelRoot, {\n  Header: DataPanelHeader,\n  HeaderContent: DataPanelHeaderContent,\n  HeaderActions: DataPanelHeaderActions,\n  Heading: DataPanelHeading,\n  Metadata: DataPanelMetadata,\n  Meta: DataPanelMeta,\n  CloseButton: DataPanelCloseButton,\n  CopyId: DataPanelCopyId,\n  NextPrevNav: DataPanelNextPrevNav,\n  LoadingData: DataPanelLoadingData,\n  NoData: DataPanelNoData,\n  Content: DataPanelContent,\n  CodeSection: DataCodeSection,\n  SectionHeading: DataPanelSectionHeading,\n});\n"],"names":["jsx","Button","cn","XIcon","ArrowLeftIcon","createContext","useContext","DrawerPrimitive","useCopyToClipboard","useState","Tooltip","TooltipTrigger","truncateString","TooltipContent","Children","jsxs","Fragment","controlSizeClasses","Spinner","tooltip","controlStateColorTransition","quietTextHover","Icon","transitions","ArrowUpIcon","ArrowDownIcon","Txt","React","PortalContainerProvider","DataCodeSection","DataPanelSectionHeading"],"mappings":"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"}
+{"version":3,"file":"data-panel-DIVqWg0V.cjs","sources":["../src/ds/components/DataPanel/data-panel-close-button.tsx","../src/ds/components/DataPanel/data-panel-context.tsx","../src/ds/components/DataPanel/data-panel-content.tsx","../src/ds/components/DataPanel/data-panel-copy-id.tsx","../src/ds/components/DataPanel/data-panel-header.tsx","../src/ds/components/DataPanel/data-panel-header-actions.tsx","../src/ds/components/DataPanel/data-panel-header-content.tsx","../src/ds/components/DataPanel/data-panel-heading.tsx","../src/ds/components/DataPanel/data-panel-loading-data.tsx","../src/ds/components/DataPanel/data-panel-metadata.tsx","../src/ds/components/DataPanel/data-panel-next-prev-nav.tsx","../src/ds/components/DataPanel/data-panel-no-data.tsx","../src/ds/components/DataPanel/data-panel-root.tsx","../src/ds/components/DataPanel/data-panel.tsx"],"sourcesContent":["import { ArrowLeftIcon, XIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelCloseButtonProps {\n  onClick: () => void;\n  tooltip?: string;\n  /** Accessible name; override it when the arrow leads somewhere other than \"closed\" (e.g. back to a parent view). */\n  label?: string;\n  /**\n   * `arrow` (default) is the leading \"leave this panel\" control, rendered first in the header.\n   * `x` dismisses a nested column in place and belongs in `HeaderActions`, on the right.\n   */\n  icon?: 'arrow' | 'x';\n  className?: string;\n  variant?: ButtonProps['variant'];\n}\n\nexport function DataPanelCloseButton({\n  onClick,\n  tooltip = 'Close panel',\n  label = 'Close Panel',\n  icon = 'arrow',\n  className,\n  variant = 'ghost',\n}: DataPanelCloseButtonProps) {\n  return (\n    <Button\n      size=\"sm\"\n      variant={variant}\n      onClick={onClick}\n      aria-label={label}\n      tooltip={tooltip}\n      className={cn('shrink-0', className)}\n    >\n      {icon === 'x' ? <XIcon /> : <ArrowLeftIcon />}\n    </Button>\n  );\n}\n","import { createContext, useContext } from 'react';\n\nexport type DataPanelVariant = 'drawer' | 'inline';\n\n// Defaults to `drawer` so sub-components rendered outside a `DataPanel` keep their historical behavior.\nexport const DataPanelVariantContext = createContext<DataPanelVariant>('drawer');\n\nexport const useDataPanelVariant = () => useContext(DataPanelVariantContext);\n","import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport type { ReactNode, Ref } from 'react';\n\nimport { useDataPanelVariant } from './data-panel-context';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelContentProps {\n  children: ReactNode;\n  ref?: Ref<HTMLDivElement>;\n  /** Layout overrides (e.g. padding) for the scroll container. */\n  className?: string;\n}\n\nconst CONTENT_CLASSES = 'min-h-0 flex-1 overflow-y-auto px-2 py-3';\n\n// In the drawer variant, `DrawerPrimitive.Content` marks the region as swipe-exempt\n// so scrolling or selecting text inside the panel body doesn't start a\n// swipe-to-dismiss. The inline variant has no drawer, so a plain div is enough.\nexport function DataPanelContent({ children, ref, className }: DataPanelContentProps) {\n  const variant = useDataPanelVariant();\n\n  if (variant === 'inline') {\n    return (\n      <div ref={ref} className={cn(CONTENT_CLASSES, className)}>\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <DrawerPrimitive.Content ref={ref} className={cn(CONTENT_CLASSES, className)}>\n      {children}\n    </DrawerPrimitive.Content>\n  );\n}\n","import { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard';\nimport { truncateString } from '@/lib/truncate-string';\n\nexport interface DataPanelCopyIdProps {\n  id: string;\n  /** Characters kept before the ellipsis. Defaults to 12. */\n  maxLength?: number;\n}\n\n/**\n * Truncated identifier rendered inline in a `DataPanel.Heading`; clicking copies the full value.\n */\nexport function DataPanelCopyId({ id, maxLength = 12 }: DataPanelCopyIdProps) {\n  const { isCopied, handleCopy } = useCopyToClipboard({ text: id, showToast: false });\n  const [open, setOpen] = useState(false);\n\n  return (\n    <Tooltip open={isCopied || open} onOpenChange={setOpen}>\n      <TooltipTrigger\n        render={\n          <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={handleCopy}>\n            {truncateString(id, maxLength)}\n          </Button>\n        }\n      />\n      <TooltipContent>{isCopied ? 'Copied to clipboard' : 'Copy to clipboard'}</TooltipContent>\n    </Tooltip>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataPanelHeaderProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataPanelHeader({ className, children }: DataPanelHeaderProps) {\n  return (\n    <div\n      className={cn(\n        // Same box as the app `Header`. Leading `CloseButton`, then the heading\n        // (+ inline metadata via `HeaderContent`), then `HeaderActions` pushed to the right edge.\n        // `flex-wrap` drops the actions onto a second row when the panel is too narrow for one.\n        // `gap-0.5` is the slight gap between the close arrow and the heading.\n        'flex min-h-header-default w-full flex-wrap items-center gap-0.5 px-2 py-1.5',\n        // Bottom border only when something follows the header (i.e. the panel is expanded).\n        // When the panel is collapsed and the header is the only child, the border auto-hides.\n        'not-last:border-b not-last:border-border',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","export interface DataPanelHeaderActionsProps {\n  children: React.ReactNode;\n}\n\n/**\n * Right-side action slot of a `DataPanel.Header`. Mirrors `HeaderAction` with `gap-2`\n * (these are `size=\"sm\"` controls, like the page header actions) and wraps when the panel is too narrow.\n */\nexport function DataPanelHeaderActions({ children }: DataPanelHeaderActionsProps) {\n  return <div className=\"ml-auto flex min-w-0 flex-wrap items-center justify-end gap-2 self-center\">{children}</div>;\n}\n","import { Children } from 'react';\n\nexport interface DataPanelHeaderContentProps {\n  children: React.ReactNode;\n}\n\n/**\n * Left block of a `DataPanel.Header`: heading followed inline by optional `Metadata`, truncated when too long.\n * A vertical separator is rendered between the heading and the metadata when both are present.\n */\nexport function DataPanelHeaderContent({ children }: DataPanelHeaderContentProps) {\n  const [heading, ...metadata] = Children.toArray(children);\n\n  return (\n    <div className=\"flex min-w-0 flex-1 items-center gap-1 overflow-hidden\">\n      {heading}\n      {metadata.length > 0 && (\n        <>\n          <div aria-hidden=\"true\" className=\"mx-1 h-4 w-px shrink-0 bg-border-strong\" />\n          {metadata}\n        </>\n      )}\n    </div>\n  );\n}\n","import { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelHeadingProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataPanelHeading({ className, children }: DataPanelHeadingProps) {\n  return (\n    <h3\n      className={cn(\n        // Same recipe as a current `Crumb` in the page header, with tight horizontal spacing:\n        // inline children like `TraceIdButton` carry their own padding, so `gap-1` + `px-1`\n        // is enough to keep the title close to the leading close arrow and the inline metadata.\n        // `shrink-0`: the heading keeps its text; the inline `Metadata` row is what gets clipped.\n        'inline-flex max-w-full min-w-0 shrink-0 items-center gap-1 rounded-full px-1',\n        controlSizeClasses.sm,\n        'cursor-default text-foreground [&>b]:text-caption [&>b]:text-muted-foreground',\n        className,\n      )}\n    >\n      {children}\n    </h3>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { Spinner } from '@/ds/components/Spinner';\n\nexport interface DataPanelLoadingDataProps {\n  children?: ReactNode;\n}\n\nexport function DataPanelLoadingData({ children }: DataPanelLoadingDataProps) {\n  return (\n    <div className=\"flex min-h-32 items-center justify-center gap-2 px-3 py-4 text-caption text-placeholder\">\n      <Spinner size=\"sm\" variant=\"pulse\" className=\"text-placeholder\" /> {children ?? 'Loading...'}\n    </div>\n  );\n}\n","import { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { controlStateColorTransition, transitions } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelMetadataProps {\n  children: React.ReactNode;\n}\n\n/** Row of `Meta` pills next to a `DataPanel.Heading`. Never wraps; overflowing pills are clipped. */\nexport function DataPanelMetadata({ children }: DataPanelMetadataProps) {\n  return <ul className=\"flex min-w-0 flex-nowrap items-center gap-0.5 overflow-hidden\">{children}</ul>;\n}\n\nexport interface DataPanelMetaProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'> {\n  /** Element/component to render as (e.g. a router `Link`). Defaults to `span`. */\n  as?: React.ElementType;\n  href?: string;\n  to?: string;\n  /** Prefix icon (bare SVG). */\n  icon?: React.ReactNode;\n  /** Shown on hover/focus; for a static (non-link) meta a string tooltip also becomes the accessible name. */\n  tooltip?: React.ReactNode;\n  children: React.ReactNode;\n  'data-testid'?: string;\n}\n\nexport function DataPanelMeta({ as, icon, tooltip, children, className, ...props }: DataPanelMetaProps) {\n  const Root = as ?? 'span';\n  const isInteractive = Boolean(as || props.href || props.to || props.onClick);\n\n  const hasTooltip = tooltip != null;\n  const root = (\n    <Root\n      aria-label={!isInteractive && typeof tooltip === 'string' ? tooltip : undefined}\n      tabIndex={!isInteractive && hasTooltip ? 0 : undefined}\n      className={cn(\n        // Same box as a `size=\"sm\"` ghost `Button` (e.g. `TraceIdButton`), so pills line up\n        // with the heading and the trace ID on the same header row.\n        'inline-flex min-w-0 items-center gap-1.5 overflow-hidden rounded-full px-2',\n        controlSizeClasses.sm,\n        controlStateColorTransition,\n        isInteractive\n          ? cn(quietTextHover, 'cursor-pointer hover:bg-fill-subtle active:bg-fill')\n          : cn('text-muted-foreground', hasTooltip && 'cursor-help'),\n        className,\n      )}\n      {...props}\n    >\n      {icon && (\n        <Icon size=\"xs\" className={cn('shrink-0 opacity-50 group-hover:opacity-100', transitions.opacity)}>\n          {icon}\n        </Icon>\n      )}\n      <span className=\"min-w-0 truncate\">{children}</span>\n    </Root>\n  );\n\n  return (\n    <li className=\"group flex h-control-sm min-w-0 shrink-0 items-center\">\n      {!hasTooltip ? (\n        root\n      ) : (\n        <Tooltip>\n          <TooltipTrigger render={root} />\n          <TooltipContent>{tooltip}</TooltipContent>\n        </Tooltip>\n      )}\n    </li>\n  );\n}\n","import { ArrowDownIcon, ArrowUpIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button';\n\nexport interface DataPanelNextPrevNavProps {\n  onPrevious?: () => void;\n  onNext?: () => void;\n  previousLabel?: string;\n  nextLabel?: string;\n  variant?: ButtonProps['variant'];\n}\n\n/** Two independent previous/next buttons, laid out by the parent `HeaderActions` gap. */\nexport function DataPanelNextPrevNav({\n  onPrevious,\n  onNext,\n  previousLabel = 'Go to previous',\n  nextLabel = 'Go to next',\n  variant = 'ghost',\n}: DataPanelNextPrevNavProps) {\n  return (\n    <>\n      <Button size=\"sm\" variant={variant} tooltip={previousLabel} onClick={onPrevious} disabled={!onPrevious}>\n        <ArrowUpIcon />\n      </Button>\n      <Button size=\"sm\" variant={variant} tooltip={nextLabel} onClick={onNext} disabled={!onNext}>\n        <ArrowDownIcon />\n      </Button>\n    </>\n  );\n}\n","import { Txt } from '@/ds/components/Txt';\nexport interface DataPanelNoDataProps {\n  children?: React.ReactNode;\n}\n\nexport function DataPanelNoData({ children }: DataPanelNoDataProps) {\n  return (\n    <Txt variant=\"caption\" tone=\"faint\" className=\"px-3 py-4\">\n      {children ?? 'No data found.'}\n    </Txt>\n  );\n}\n","import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport * as React from 'react';\n\nimport { DataPanelVariantContext } from './data-panel-context';\nimport { PortalContainerProvider } from '@/ds/primitives/portal-container';\nimport { cn } from '@/lib/utils';\n\n// `drawer-popup` / `drawer-backdrop` carry the slide + fade transitions.\nimport '../Drawer/drawer.css';\n\ninterface DataPanelBaseProps {\n  /** Accessible name (screen-reader only; the visible title comes from `DataPanel.Heading`). */\n  title: string;\n  /** Accessible description (screen-reader only). */\n  description?: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface DataPanelDrawerProps extends DataPanelBaseProps {\n  /** `drawer` (default): a modal side drawer portaled to the right edge of the page. */\n  variant?: 'drawer';\n  /** Whether the drawer is shown. */\n  open: boolean;\n  /** Called when the user dismisses the panel (close button, Escape, backdrop, swipe). */\n  onClose?: () => void;\n  /**\n   * Elevation level when several sibling panels are open at once (not nested in\n   * the React tree, so Base UI's own stacking doesn't apply). A deeper panel is\n   * narrower so the one beneath peeks out on the left. Siblings stack in mount\n   * order: render the deeper panel after the shallower one.\n   */\n  depth?: 1 | 2 | 3;\n  /**\n   * Drawer width. `md` (default) is a narrow detail panel whose width shrinks\n   * with `depth`. `half`/`wide`/`full` are for multi-column content (e.g. the\n   * trace panel); each `depth` level trims them by a small fixed amount so a\n   * same-size parent still peeks out beneath. Changing `size` while open\n   * animates the width.\n   */\n  size?: 'md' | 'half' | 'wide' | 'full';\n}\n\nexport interface DataPanelInlineProps extends DataPanelBaseProps {\n  /**\n   * `inline`: the panel card is rendered where it is mounted, in the normal\n   * document flow (no portal, backdrop, focus trap or dismissal gestures).\n   * Mount/unmount it to show/hide it. It fills its container's height, so give\n   * the parent a bounded height for `DataPanel.Content` to scroll.\n   */\n  variant: 'inline';\n  open?: never;\n  onClose?: never;\n  depth?: never;\n  size?: never;\n}\n\nexport type DataPanelProps = DataPanelDrawerProps | DataPanelInlineProps;\n\nconst CARD_CLASSES = 'flex max-h-full w-full flex-col overflow-hidden border border-border bg-background';\n\nconst DEPTH_WIDTH = { 1: 'w-xl', 2: 'w-lg', 3: 'w-md' } as const;\nconst SIZE_WIDTH = { half: 'w-1/2', wide: 'w-4/5', full: 'w-full' } as const;\nconst SIZE_PERCENT = { half: '50%', wide: '80%', full: '100%' } as const;\n// Each extra depth level trims a stacked non-`md` panel so the parent peeks out beneath it.\nconst DEPTH_PEEK_REM = 1.5;\n\nexport function DataPanelRoot(props: DataPanelProps) {\n  if (props.variant === 'inline') {\n    return <DataPanelInline {...props} />;\n  }\n  return <DataPanelDrawer {...props} />;\n}\n\nfunction DataPanelInline({ title, description, children, className }: DataPanelInlineProps) {\n  const descriptionId = React.useId();\n\n  return (\n    <DataPanelVariantContext.Provider value=\"inline\">\n      <section\n        data-slot=\"data-panel\"\n        data-variant=\"inline\"\n        aria-label={title}\n        aria-describedby={description ? descriptionId : undefined}\n        // Inline, the card docks beside the app frame, so it shares the frame's rounding.\n        className={cn(CARD_CLASSES, 'h-full min-h-0 rounded-studio-frame', className)}\n      >\n        {description && (\n          <span id={descriptionId} className=\"sr-only\">\n            {description}\n          </span>\n        )}\n        {children}\n      </section>\n    </DataPanelVariantContext.Provider>\n  );\n}\n\nfunction DataPanelDrawer({\n  open,\n  onClose,\n  title,\n  description,\n  depth = 1,\n  size = 'md',\n  children,\n  className,\n}: DataPanelDrawerProps) {\n  // Swipe-exempt mount point for nested popups (Select, DropdownMenu, …) so they\n  // stay inside Base UI's modal focus region and don't start a drawer swipe on\n  // pointerdown. Same pattern as `SideDialogRoot`; see `portal-container.tsx`.\n  const [portalHost, setPortalHost] = React.useState<HTMLDivElement | null>(null);\n\n  return (\n    <DataPanelVariantContext.Provider value=\"drawer\">\n      <DrawerPrimitive.Root\n        open={open}\n        onOpenChange={nextOpen => {\n          if (!nextOpen) onClose?.();\n        }}\n        swipeDirection=\"right\"\n      >\n        <DrawerPrimitive.Portal>\n          {/* Lighter than the shared `--scrim`: a side panel should keep the page beneath readable. */}\n          <DrawerPrimitive.Backdrop className=\"drawer-backdrop fixed inset-0 z-50 bg-scrim/30\" />\n          <DrawerPrimitive.Viewport className=\"fixed inset-0 z-50\">\n            <DrawerPrimitive.Popup\n              data-slot=\"data-panel-popup\"\n              data-depth={depth}\n              data-size={size}\n              className={cn(\n                'drawer-popup fixed inset-y-0 right-0 z-50 flex max-w-full p-4 outline-none',\n                size === 'md' ? DEPTH_WIDTH[depth] : SIZE_WIDTH[size],\n              )}\n              style={\n                size !== 'md' && depth > 1\n                  ? { width: `calc(${SIZE_PERCENT[size]} - ${(depth - 1) * DEPTH_PEEK_REM}rem)` }\n                  : undefined\n              }\n            >\n              {/* Not a heading: the visible `DataPanel.Heading` already is one; this only names the dialog. */}\n              <DrawerPrimitive.Title render={<span />} className=\"sr-only\">\n                {title}\n              </DrawerPrimitive.Title>\n              {description && (\n                <DrawerPrimitive.Description className=\"sr-only\">{description}</DrawerPrimitive.Description>\n              )}\n\n              <DrawerPrimitive.Content render={<div ref={setPortalHost} className=\"absolute\" />} />\n\n              <PortalContainerProvider container={portalHost}>\n                {/* Whole card is swipe-exempt: pointerdown on tabs/buttons/text must not start a dismiss gesture. */}\n                <DrawerPrimitive.Content render={<section />} className={cn(CARD_CLASSES, 'rounded-xl', className)}>\n                  {children}\n                </DrawerPrimitive.Content>\n              </PortalContainerProvider>\n            </DrawerPrimitive.Popup>\n          </DrawerPrimitive.Viewport>\n        </DrawerPrimitive.Portal>\n      </DrawerPrimitive.Root>\n    </DataPanelVariantContext.Provider>\n  );\n}\n","import { DataPanelCloseButton } from './data-panel-close-button';\nimport { DataPanelContent } from './data-panel-content';\nimport { DataPanelCopyId } from './data-panel-copy-id';\nimport { DataPanelHeader } from './data-panel-header';\nimport { DataPanelHeaderActions } from './data-panel-header-actions';\nimport { DataPanelHeaderContent } from './data-panel-header-content';\nimport { DataPanelHeading } from './data-panel-heading';\nimport { DataPanelLoadingData } from './data-panel-loading-data';\nimport { DataPanelMeta, DataPanelMetadata } from './data-panel-metadata';\nimport { DataPanelNextPrevNav } from './data-panel-next-prev-nav';\nimport { DataPanelNoData } from './data-panel-no-data';\nimport { DataPanelRoot } from './data-panel-root';\nimport { DataPanelSectionHeading } from './data-panel-section-heading';\nimport { DataCodeSection } from '@/ds/components/DataCodeSection';\n\nexport const DataPanel = Object.assign(DataPanelRoot, {\n  Header: DataPanelHeader,\n  HeaderContent: DataPanelHeaderContent,\n  HeaderActions: DataPanelHeaderActions,\n  Heading: DataPanelHeading,\n  Metadata: DataPanelMetadata,\n  Meta: DataPanelMeta,\n  CloseButton: DataPanelCloseButton,\n  CopyId: DataPanelCopyId,\n  NextPrevNav: DataPanelNextPrevNav,\n  LoadingData: DataPanelLoadingData,\n  NoData: DataPanelNoData,\n  Content: DataPanelContent,\n  CodeSection: DataCodeSection,\n  SectionHeading: DataPanelSectionHeading,\n});\n"],"names":["jsx","Button","cn","XIcon","ArrowLeftIcon","createContext","useContext","DrawerPrimitive","useCopyToClipboard","useState","Tooltip","TooltipTrigger","truncateString","TooltipContent","Children","jsxs","Fragment","controlSizeClasses","Spinner","tooltip","controlStateColorTransition","quietTextHover","Icon","transitions","ArrowUpIcon","ArrowDownIcon","Txt","React","PortalContainerProvider","DataCodeSection","DataPanelSectionHeading"],"mappings":"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"}

package/dist/{date-time-range-picker-BT9qan60.js → date-time-range-picker-B9me2TUa.js}

@@ -12,13 +12,24 @@ import { c as cn } from './cn-coERSHz5.js';
 import { D as DropdownMenu } from './dropdown-menu-C6VtAiYJ.js';
 import { P as Popover, b as PopoverTrigger, a as PopoverContent } from './popover-Jf2UUdQ1.js';
 
+function formatDays(ms) {
+  const days = Math.round(ms / (24 * 60 * 60 * 1e3));
+  return `${days} day${days === 1 ? "" : "s"}`;
+}
 function combineDateAndTime(date, timeStr) {
   if (!date) return void 0;
   const dateOnly = new Date(date.getFullYear(), date.getMonth(), date.getDate());
   const combined = parse(timeStr, "h:mm a", dateOnly);
   return isValid(combined) ? combined : date;
 }
-function CustomRangeEditor({ dateFrom, dateTo, disabled, onApply, onShowPresets }) {
+function CustomRangeEditor({
+  dateFrom,
+  dateTo,
+  disabled,
+  maxRangeMs,
+  onApply,
+  onShowPresets
+}) {
   const [draftDateFrom, setDraftDateFrom] = useState(dateFrom);
   const [draftDateTo, setDraftDateTo] = useState(dateTo);
   const [draftTimeFrom, setDraftTimeFrom] = useState("12:00 AM");
@@ -27,8 +38,12 @@ function CustomRangeEditor({ dateFrom, dateTo, disabled, onApply, onShowPresets
   const errorId = useId();
   const fromDate = combineDateAndTime(draftDateFrom, draftTimeFrom);
   const toDate = combineDateAndTime(draftDateTo, draftTimeTo);
-  const rangeInvalid = fromDate !== void 0 && toDate !== void 0 && fromDate.getTime() > toDate.getTime();
-  const error = applyAttempted && rangeInvalid ? "Start date/time must be before end date/time" : void 0;
+  const rangeReversed = fromDate !== void 0 && toDate !== void 0 && fromDate.getTime() > toDate.getTime();
+  const rangeTooWide = fromDate !== void 0 && toDate !== void 0 && toDate.getTime() - fromDate.getTime() > (maxRangeMs ?? Infinity);
+  const rangeInvalid = rangeReversed || rangeTooWide;
+  let error;
+  if (applyAttempted && rangeReversed) error = "Start date/time must be before end date/time";
+  else if (applyAttempted && rangeTooWide) error = `Range cannot be longer than ${formatDays(maxRangeMs ?? 0)}`;
   const apply = () => {
     if (rangeInvalid) {
       setApplyAttempted(true);
@@ -124,6 +139,7 @@ function DateTimeRangePicker({
   onDateChange,
   onDateRangeChange,
   disabled,
+  maxRangeMs,
   presets,
   size = "md",
   renderTrigger
@@ -182,6 +198,7 @@ function DateTimeRangePicker({
           dateFrom,
           dateTo,
           disabled,
+          maxRangeMs,
           onApply: applyCustomRange,
           onShowPresets: showPresets
         }
@@ -205,4 +222,4 @@ function DateTimeRangePicker({
 }
 
 export { DateTimeRangePicker as D };
-//# sourceMappingURL=date-time-range-picker-BT9qan60.js.map
+//# sourceMappingURL=date-time-range-picker-B9me2TUa.js.map

package/dist/date-time-range-picker-B9me2TUa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-range-picker-B9me2TUa.js","sources":["../src/ds/components/DateTimeRangePicker/custom-range-editor.tsx","../src/ds/components/DateTimeRangePicker/date-time-range-picker.tsx"],"sourcesContent":["import { isValid, parse } from 'date-fns';\nimport { Check } from 'lucide-react';\nimport { useId, useState } from 'react';\nimport { Button } from '@/ds/components/Button/Button';\nimport { DatePicker, TimePicker } from '@/ds/components/DateTimePicker';\nimport { Field, FieldError } from '@/ds/components/Field';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nfunction formatDays(ms: number): string {\n  const days = Math.round(ms / (24 * 60 * 60 * 1000));\n  return `${days} day${days === 1 ? '' : 's'}`;\n}\n\n/** The draft day at the draft time, or the bare day when the time doesn't parse. */\nfunction combineDateAndTime(date: Date | undefined, timeStr: string): Date | undefined {\n  if (!date) return undefined;\n  const dateOnly = new Date(date.getFullYear(), date.getMonth(), date.getDate());\n  const combined = parse(timeStr, 'h:mm a', dateOnly);\n  return isValid(combined) ? combined : date;\n}\n\nexport interface CustomRangeEditorProps {\n  dateFrom?: Date;\n  dateTo?: Date;\n  disabled?: boolean;\n  /** Widest range that can be applied, in milliseconds. */\n  maxRangeMs?: number;\n  onApply: (from: Date | undefined, to: Date | undefined) => void;\n  onShowPresets: () => void;\n}\n\n/**\n * The custom range popover body. It mounts each time the popover opens, so its drafts\n * start from the current range without the picker resetting them.\n */\nexport function CustomRangeEditor({\n  dateFrom,\n  dateTo,\n  disabled,\n  maxRangeMs,\n  onApply,\n  onShowPresets,\n}: CustomRangeEditorProps) {\n  const [draftDateFrom, setDraftDateFrom] = useState<Date | undefined>(dateFrom);\n  const [draftDateTo, setDraftDateTo] = useState<Date | undefined>(dateTo);\n  const [draftTimeFrom, setDraftTimeFrom] = useState('12:00 AM');\n  const [draftTimeTo, setDraftTimeTo] = useState('11:59 PM');\n  const [applyAttempted, setApplyAttempted] = useState(false);\n  const errorId = useId();\n\n  const fromDate = combineDateAndTime(draftDateFrom, draftTimeFrom);\n  const toDate = combineDateAndTime(draftDateTo, draftTimeTo);\n  const rangeReversed = fromDate !== undefined && toDate !== undefined && fromDate.getTime() > toDate.getTime();\n  const rangeTooWide =\n    fromDate !== undefined && toDate !== undefined && toDate.getTime() - fromDate.getTime() > (maxRangeMs ?? Infinity);\n  const rangeInvalid = rangeReversed || rangeTooWide;\n  // Shown after a failed Apply, and gone as soon as the drafts form a valid range again.\n  let error: string | undefined;\n  if (applyAttempted && rangeReversed) error = 'Start date/time must be before end date/time';\n  else if (applyAttempted && rangeTooWide) error = `Range cannot be longer than ${formatDays(maxRangeMs ?? 0)}`;\n\n  const apply = () => {\n    if (rangeInvalid) {\n      setApplyAttempted(true);\n      return;\n    }\n    onApply(fromDate, toDate);\n  };\n\n  return (\n    <>\n      <div\n        role=\"group\"\n        aria-label=\"Custom date range\"\n        aria-invalid={error ? true : undefined}\n        aria-describedby={error ? errorId : undefined}\n        className=\"flex\"\n      >\n        <div className={cn('border-r border-border')}>\n          <Txt as=\"span\" variant=\"column\" tone=\"muted\" className=\"block px-4 pt-3\">\n            Start\n          </Txt>\n          <DatePicker\n            mode=\"single\"\n            selected={draftDateFrom}\n            month={draftDateFrom}\n            onSelect={setDraftDateFrom}\n            disabled={disabled}\n            toDate={draftDateTo}\n          />\n          <TimePicker\n            label=\"Start time\"\n            className=\"mx-4 mb-3 w-auto\"\n            defaultValue={draftTimeFrom}\n            onValueChange={v => {\n              if (!disabled) setDraftTimeFrom(v);\n            }}\n          />\n        </div>\n        <div>\n          <Txt as=\"span\" variant=\"column\" tone=\"muted\" className=\"block px-4 pt-3\">\n            End\n          </Txt>\n          <DatePicker\n            mode=\"single\"\n            selected={draftDateTo}\n            month={draftDateTo}\n            onSelect={setDraftDateTo}\n            disabled={disabled}\n            fromDate={draftDateFrom}\n          />\n          <TimePicker\n            label=\"End time\"\n            className=\"mx-4 mb-3 w-auto\"\n            defaultValue={draftTimeTo}\n            onValueChange={v => {\n              if (!disabled) setDraftTimeTo(v);\n            }}\n          />\n        </div>\n      </div>\n      <Field invalid={Boolean(error)}>\n        <FieldError id={errorId} className=\"px-4 pb-1\">\n          {error}\n        </FieldError>\n      </Field>\n      <div className={cn('flex items-center justify-between px-4 pb-3')}>\n        <Button variant=\"ghost\" size=\"sm\" disabled={disabled} onClick={onShowPresets}>\n          &larr; Presets\n        </Button>\n        <Button icon={<Check />} variant=\"primary\" size=\"sm\" onClick={apply} disabled={disabled}>\n          Apply\n        </Button>\n      </div>\n    </>\n  );\n}\n","import { CalendarIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport type { ReactElement } from 'react';\nimport { CustomRangeEditor } from './custom-range-editor';\nimport { Button } from '@/ds/components/Button/Button';\nimport type { ButtonProps } from '@/ds/components/Button/Button';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu/dropdown-menu';\nimport { Popover, PopoverTrigger, PopoverContent } from '@/ds/components/Popover/popover';\nimport { cn } from '@/lib/utils';\n\nexport type DateRangePreset = 'all' | 'last-24h' | 'last-3d' | 'last-7d' | 'last-14d' | 'last-30d' | 'custom';\n\nconst DATE_PRESETS: { value: DateRangePreset; label: string; ms?: number }[] = [\n  { value: 'all', label: 'All' },\n  { value: 'last-24h', label: 'Last 24 hours', ms: 24 * 60 * 60 * 1000 },\n  { value: 'last-3d', label: 'Last 3 days', ms: 3 * 24 * 60 * 60 * 1000 },\n  { value: 'last-7d', label: 'Last 7 days', ms: 7 * 24 * 60 * 60 * 1000 },\n  { value: 'last-14d', label: 'Last 14 days', ms: 14 * 24 * 60 * 60 * 1000 },\n  { value: 'last-30d', label: 'Last 30 days', ms: 30 * 24 * 60 * 60 * 1000 },\n  { value: 'custom', label: 'Custom range...' },\n];\n\nexport interface DateTimeRangePickerProps {\n  preset?: DateRangePreset;\n  onPresetChange?: (preset: DateRangePreset) => void;\n  dateFrom?: Date;\n  dateTo?: Date;\n  onDateChange?: (value: Date | undefined, type: 'from' | 'to') => void;\n  /**\n   * Called once with both ends when a custom range is applied. When provided it replaces\n   * the two `onDateChange` calls for that step, so consumers can write the range atomically.\n   */\n  onDateRangeChange?: (from: Date | undefined, to: Date | undefined) => void;\n  disabled?: boolean;\n  /** Widest custom range that can be applied, in milliseconds. Presets are unaffected. */\n  maxRangeMs?: number;\n  /** Subset of presets to show. If omitted, all presets are shown. */\n  presets?: readonly DateRangePreset[];\n  /** Size passed through to the trigger Button. Defaults to 'md'. */\n  size?: ButtonProps['size'];\n  /**\n   * Replace the default Button trigger. Receives the current label (preset name or\n   * custom range) and must return an element the menu/popover can attach to.\n   */\n  renderTrigger?: (props: { label: string; disabled?: boolean }) => ReactElement;\n}\n\nexport function DateTimeRangePicker({\n  preset = 'all',\n  onPresetChange,\n  dateFrom,\n  dateTo,\n  onDateChange,\n  onDateRangeChange,\n  disabled,\n  maxRangeMs,\n  presets,\n  size = 'md',\n  renderTrigger,\n}: DateTimeRangePickerProps) {\n  const visiblePresets = presets ? DATE_PRESETS.filter(p => presets.includes(p.value)) : DATE_PRESETS;\n  const [customRangeOpen, setCustomRangeOpen] = useState(false);\n  const [presetMenuOpen, setPresetMenuOpen] = useState(false);\n  // The preset active before \"Custom range...\" was picked, until a range is applied.\n  // \"← Presets\" restores it instead of jumping to the first preset in the list.\n  const [presetBeforeCustom, setPresetBeforeCustom] = useState<DateRangePreset | undefined>();\n\n  // \"← Presets\" restores the previous preset through the parent, which may apply it a\n  // render later (e.g. a router URL update). Show it right away instead of \"custom\".\n  const restoringPreset = presetMenuOpen && preset === 'custom' ? presetBeforeCustom : undefined;\n  const shownPreset = restoringPreset ?? preset;\n  const datePresetLabel = DATE_PRESETS.find(p => p.value === shownPreset)?.label ?? 'All';\n\n  const applyPreset = (value: DateRangePreset) => {\n    onPresetChange?.(value);\n    const entry = DATE_PRESETS.find(p => p.value === value);\n    if (entry?.ms) {\n      onDateChange?.(new Date(Date.now() - entry.ms), 'from');\n      onDateChange?.(undefined, 'to');\n    } else {\n      onDateChange?.(undefined, 'from');\n      onDateChange?.(undefined, 'to');\n    }\n  };\n\n  const handlePresetSelect = (value: DateRangePreset) => {\n    setPresetMenuOpen(false);\n    if (value === 'custom') {\n      if (preset !== 'custom') setPresetBeforeCustom(preset);\n      onPresetChange?.(value);\n      setCustomRangeOpen(true);\n      return;\n    }\n    setPresetBeforeCustom(undefined);\n    applyPreset(value);\n  };\n\n  const applyCustomRange = (fromDate: Date | undefined, toDate: Date | undefined) => {\n    if (onDateRangeChange) {\n      onDateRangeChange(fromDate, toDate);\n    } else {\n      onDateChange?.(fromDate, 'from');\n      onDateChange?.(toDate, 'to');\n    }\n    setPresetBeforeCustom(undefined);\n    setCustomRangeOpen(false);\n  };\n\n  // Back to the preset list. Restores the preset the user came from; an applied custom\n  // range matches no preset, so it stays and the list shows \"Custom range...\" as current.\n  const showPresets = () => {\n    setCustomRangeOpen(false);\n    if (presetBeforeCustom) applyPreset(presetBeforeCustom);\n    setPresetMenuOpen(true);\n  };\n\n  const customLabel = `${dateFrom ? dateFrom.toLocaleDateString() : 'Start'} \\u2013 ${dateTo ? dateTo.toLocaleDateString() : 'End'}`;\n\n  if (shownPreset === 'custom' && !presetMenuOpen) {\n    return (\n      <Popover open={customRangeOpen} onOpenChange={setCustomRangeOpen}>\n        {renderTrigger ? (\n          <PopoverTrigger render={renderTrigger({ label: customLabel, disabled })} />\n        ) : (\n          <PopoverTrigger asChild>\n            <Button size={size} disabled={disabled} icon={<CalendarIcon />}>\n              {customLabel}\n            </Button>\n          </PopoverTrigger>\n        )}\n        <PopoverContent align=\"start\" className={cn('w-auto p-0')}>\n          <CustomRangeEditor\n            dateFrom={dateFrom}\n            dateTo={dateTo}\n            disabled={disabled}\n            maxRangeMs={maxRangeMs}\n            onApply={applyCustomRange}\n            onShowPresets={showPresets}\n          />\n        </PopoverContent>\n      </Popover>\n    );\n  }\n\n  const triggerLabel = shownPreset === 'custom' ? customLabel : datePresetLabel;\n\n  return (\n    <DropdownMenu open={presetMenuOpen} onOpenChange={setPresetMenuOpen}>\n      {renderTrigger ? (\n        <DropdownMenu.Trigger render={renderTrigger({ label: triggerLabel, disabled })} />\n      ) : (\n        <DropdownMenu.Trigger asChild>\n          <Button size={size} disabled={disabled} icon={<CalendarIcon />}>\n            {triggerLabel}\n          </Button>\n        </DropdownMenu.Trigger>\n      )}\n      <DropdownMenu.Content align=\"start\">\n        {/* Items select on click (not onValueChange) so re-picking the checked\n            \"Custom range...\" still reopens the range editor. */}\n        <DropdownMenu.RadioGroup value={shownPreset}>\n          {visiblePresets.map(p => (\n            <DropdownMenu.RadioItem\n              key={p.value}\n              value={p.value}\n              closeOnClick\n              onClick={() => handlePresetSelect(p.value)}\n            >\n              {p.label}\n            </DropdownMenu.RadioItem>\n          ))}\n        </DropdownMenu.RadioGroup>\n      </DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/{date-time-range-picker-DQa5XLST.cjs → date-time-range-picker-CyoaOAsi.cjs}

@@ -14,13 +14,24 @@ const utils_cn = require('./cn-TqD01zH-.cjs');
 const dropdownMenu = require('./dropdown-menu-dHvHFLji.cjs');
 const popover = require('./popover-CWHYNPp8.cjs');
 
+function formatDays(ms) {
+  const days = Math.round(ms / (24 * 60 * 60 * 1e3));
+  return `${days} day${days === 1 ? "" : "s"}`;
+}
 function combineDateAndTime(date, timeStr) {
   if (!date) return void 0;
   const dateOnly = new Date(date.getFullYear(), date.getMonth(), date.getDate());
   const combined = dateFns.parse(timeStr, "h:mm a", dateOnly);
   return dateFns.isValid(combined) ? combined : date;
 }
-function CustomRangeEditor({ dateFrom, dateTo, disabled, onApply, onShowPresets }) {
+function CustomRangeEditor({
+  dateFrom,
+  dateTo,
+  disabled,
+  maxRangeMs,
+  onApply,
+  onShowPresets
+}) {
   const [draftDateFrom, setDraftDateFrom] = React.useState(dateFrom);
   const [draftDateTo, setDraftDateTo] = React.useState(dateTo);
   const [draftTimeFrom, setDraftTimeFrom] = React.useState("12:00 AM");
@@ -29,8 +40,12 @@ function CustomRangeEditor({ dateFrom, dateTo, disabled, onApply, onShowPresets
   const errorId = React.useId();
   const fromDate = combineDateAndTime(draftDateFrom, draftTimeFrom);
   const toDate = combineDateAndTime(draftDateTo, draftTimeTo);
-  const rangeInvalid = fromDate !== void 0 && toDate !== void 0 && fromDate.getTime() > toDate.getTime();
-  const error = applyAttempted && rangeInvalid ? "Start date/time must be before end date/time" : void 0;
+  const rangeReversed = fromDate !== void 0 && toDate !== void 0 && fromDate.getTime() > toDate.getTime();
+  const rangeTooWide = fromDate !== void 0 && toDate !== void 0 && toDate.getTime() - fromDate.getTime() > (maxRangeMs ?? Infinity);
+  const rangeInvalid = rangeReversed || rangeTooWide;
+  let error;
+  if (applyAttempted && rangeReversed) error = "Start date/time must be before end date/time";
+  else if (applyAttempted && rangeTooWide) error = `Range cannot be longer than ${formatDays(maxRangeMs ?? 0)}`;
   const apply = () => {
     if (rangeInvalid) {
       setApplyAttempted(true);
@@ -126,6 +141,7 @@ function DateTimeRangePicker({
   onDateChange,
   onDateRangeChange,
   disabled,
+  maxRangeMs,
   presets,
   size = "md",
   renderTrigger
@@ -184,6 +200,7 @@ function DateTimeRangePicker({
           dateFrom,
           dateTo,
           disabled,
+          maxRangeMs,
           onApply: applyCustomRange,
           onShowPresets: showPresets
         }
@@ -207,4 +224,4 @@ function DateTimeRangePicker({
 }
 
 exports.DateTimeRangePicker = DateTimeRangePicker;
-//# sourceMappingURL=date-time-range-picker-DQa5XLST.cjs.map
+//# sourceMappingURL=date-time-range-picker-CyoaOAsi.cjs.map

package/dist/date-time-range-picker-CyoaOAsi.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-range-picker-CyoaOAsi.cjs","sources":["../src/ds/components/DateTimeRangePicker/custom-range-editor.tsx","../src/ds/components/DateTimeRangePicker/date-time-range-picker.tsx"],"sourcesContent":["import { isValid, parse } from 'date-fns';\nimport { Check } from 'lucide-react';\nimport { useId, useState } from 'react';\nimport { Button } from '@/ds/components/Button/Button';\nimport { DatePicker, TimePicker } from '@/ds/components/DateTimePicker';\nimport { Field, FieldError } from '@/ds/components/Field';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nfunction formatDays(ms: number): string {\n  const days = Math.round(ms / (24 * 60 * 60 * 1000));\n  return `${days} day${days === 1 ? '' : 's'}`;\n}\n\n/** The draft day at the draft time, or the bare day when the time doesn't parse. */\nfunction combineDateAndTime(date: Date | undefined, timeStr: string): Date | undefined {\n  if (!date) return undefined;\n  const dateOnly = new Date(date.getFullYear(), date.getMonth(), date.getDate());\n  const combined = parse(timeStr, 'h:mm a', dateOnly);\n  return isValid(combined) ? combined : date;\n}\n\nexport interface CustomRangeEditorProps {\n  dateFrom?: Date;\n  dateTo?: Date;\n  disabled?: boolean;\n  /** Widest range that can be applied, in milliseconds. */\n  maxRangeMs?: number;\n  onApply: (from: Date | undefined, to: Date | undefined) => void;\n  onShowPresets: () => void;\n}\n\n/**\n * The custom range popover body. It mounts each time the popover opens, so its drafts\n * start from the current range without the picker resetting them.\n */\nexport function CustomRangeEditor({\n  dateFrom,\n  dateTo,\n  disabled,\n  maxRangeMs,\n  onApply,\n  onShowPresets,\n}: CustomRangeEditorProps) {\n  const [draftDateFrom, setDraftDateFrom] = useState<Date | undefined>(dateFrom);\n  const [draftDateTo, setDraftDateTo] = useState<Date | undefined>(dateTo);\n  const [draftTimeFrom, setDraftTimeFrom] = useState('12:00 AM');\n  const [draftTimeTo, setDraftTimeTo] = useState('11:59 PM');\n  const [applyAttempted, setApplyAttempted] = useState(false);\n  const errorId = useId();\n\n  const fromDate = combineDateAndTime(draftDateFrom, draftTimeFrom);\n  const toDate = combineDateAndTime(draftDateTo, draftTimeTo);\n  const rangeReversed = fromDate !== undefined && toDate !== undefined && fromDate.getTime() > toDate.getTime();\n  const rangeTooWide =\n    fromDate !== undefined && toDate !== undefined && toDate.getTime() - fromDate.getTime() > (maxRangeMs ?? Infinity);\n  const rangeInvalid = rangeReversed || rangeTooWide;\n  // Shown after a failed Apply, and gone as soon as the drafts form a valid range again.\n  let error: string | undefined;\n  if (applyAttempted && rangeReversed) error = 'Start date/time must be before end date/time';\n  else if (applyAttempted && rangeTooWide) error = `Range cannot be longer than ${formatDays(maxRangeMs ?? 0)}`;\n\n  const apply = () => {\n    if (rangeInvalid) {\n      setApplyAttempted(true);\n      return;\n    }\n    onApply(fromDate, toDate);\n  };\n\n  return (\n    <>\n      <div\n        role=\"group\"\n        aria-label=\"Custom date range\"\n        aria-invalid={error ? true : undefined}\n        aria-describedby={error ? errorId : undefined}\n        className=\"flex\"\n      >\n        <div className={cn('border-r border-border')}>\n          <Txt as=\"span\" variant=\"column\" tone=\"muted\" className=\"block px-4 pt-3\">\n            Start\n          </Txt>\n          <DatePicker\n            mode=\"single\"\n            selected={draftDateFrom}\n            month={draftDateFrom}\n            onSelect={setDraftDateFrom}\n            disabled={disabled}\n            toDate={draftDateTo}\n          />\n          <TimePicker\n            label=\"Start time\"\n            className=\"mx-4 mb-3 w-auto\"\n            defaultValue={draftTimeFrom}\n            onValueChange={v => {\n              if (!disabled) setDraftTimeFrom(v);\n            }}\n          />\n        </div>\n        <div>\n          <Txt as=\"span\" variant=\"column\" tone=\"muted\" className=\"block px-4 pt-3\">\n            End\n          </Txt>\n          <DatePicker\n            mode=\"single\"\n            selected={draftDateTo}\n            month={draftDateTo}\n            onSelect={setDraftDateTo}\n            disabled={disabled}\n            fromDate={draftDateFrom}\n          />\n          <TimePicker\n            label=\"End time\"\n            className=\"mx-4 mb-3 w-auto\"\n            defaultValue={draftTimeTo}\n            onValueChange={v => {\n              if (!disabled) setDraftTimeTo(v);\n            }}\n          />\n        </div>\n      </div>\n      <Field invalid={Boolean(error)}>\n        <FieldError id={errorId} className=\"px-4 pb-1\">\n          {error}\n        </FieldError>\n      </Field>\n      <div className={cn('flex items-center justify-between px-4 pb-3')}>\n        <Button variant=\"ghost\" size=\"sm\" disabled={disabled} onClick={onShowPresets}>\n          &larr; Presets\n        </Button>\n        <Button icon={<Check />} variant=\"primary\" size=\"sm\" onClick={apply} disabled={disabled}>\n          Apply\n        </Button>\n      </div>\n    </>\n  );\n}\n","import { CalendarIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport type { ReactElement } from 'react';\nimport { CustomRangeEditor } from './custom-range-editor';\nimport { Button } from '@/ds/components/Button/Button';\nimport type { ButtonProps } from '@/ds/components/Button/Button';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu/dropdown-menu';\nimport { Popover, PopoverTrigger, PopoverContent } from '@/ds/components/Popover/popover';\nimport { cn } from '@/lib/utils';\n\nexport type DateRangePreset = 'all' | 'last-24h' | 'last-3d' | 'last-7d' | 'last-14d' | 'last-30d' | 'custom';\n\nconst DATE_PRESETS: { value: DateRangePreset; label: string; ms?: number }[] = [\n  { value: 'all', label: 'All' },\n  { value: 'last-24h', label: 'Last 24 hours', ms: 24 * 60 * 60 * 1000 },\n  { value: 'last-3d', label: 'Last 3 days', ms: 3 * 24 * 60 * 60 * 1000 },\n  { value: 'last-7d', label: 'Last 7 days', ms: 7 * 24 * 60 * 60 * 1000 },\n  { value: 'last-14d', label: 'Last 14 days', ms: 14 * 24 * 60 * 60 * 1000 },\n  { value: 'last-30d', label: 'Last 30 days', ms: 30 * 24 * 60 * 60 * 1000 },\n  { value: 'custom', label: 'Custom range...' },\n];\n\nexport interface DateTimeRangePickerProps {\n  preset?: DateRangePreset;\n  onPresetChange?: (preset: DateRangePreset) => void;\n  dateFrom?: Date;\n  dateTo?: Date;\n  onDateChange?: (value: Date | undefined, type: 'from' | 'to') => void;\n  /**\n   * Called once with both ends when a custom range is applied. When provided it replaces\n   * the two `onDateChange` calls for that step, so consumers can write the range atomically.\n   */\n  onDateRangeChange?: (from: Date | undefined, to: Date | undefined) => void;\n  disabled?: boolean;\n  /** Widest custom range that can be applied, in milliseconds. Presets are unaffected. */\n  maxRangeMs?: number;\n  /** Subset of presets to show. If omitted, all presets are shown. */\n  presets?: readonly DateRangePreset[];\n  /** Size passed through to the trigger Button. Defaults to 'md'. */\n  size?: ButtonProps['size'];\n  /**\n   * Replace the default Button trigger. Receives the current label (preset name or\n   * custom range) and must return an element the menu/popover can attach to.\n   */\n  renderTrigger?: (props: { label: string; disabled?: boolean }) => ReactElement;\n}\n\nexport function DateTimeRangePicker({\n  preset = 'all',\n  onPresetChange,\n  dateFrom,\n  dateTo,\n  onDateChange,\n  onDateRangeChange,\n  disabled,\n  maxRangeMs,\n  presets,\n  size = 'md',\n  renderTrigger,\n}: DateTimeRangePickerProps) {\n  const visiblePresets = presets ? DATE_PRESETS.filter(p => presets.includes(p.value)) : DATE_PRESETS;\n  const [customRangeOpen, setCustomRangeOpen] = useState(false);\n  const [presetMenuOpen, setPresetMenuOpen] = useState(false);\n  // The preset active before \"Custom range...\" was picked, until a range is applied.\n  // \"← Presets\" restores it instead of jumping to the first preset in the list.\n  const [presetBeforeCustom, setPresetBeforeCustom] = useState<DateRangePreset | undefined>();\n\n  // \"← Presets\" restores the previous preset through the parent, which may apply it a\n  // render later (e.g. a router URL update). Show it right away instead of \"custom\".\n  const restoringPreset = presetMenuOpen && preset === 'custom' ? presetBeforeCustom : undefined;\n  const shownPreset = restoringPreset ?? preset;\n  const datePresetLabel = DATE_PRESETS.find(p => p.value === shownPreset)?.label ?? 'All';\n\n  const applyPreset = (value: DateRangePreset) => {\n    onPresetChange?.(value);\n    const entry = DATE_PRESETS.find(p => p.value === value);\n    if (entry?.ms) {\n      onDateChange?.(new Date(Date.now() - entry.ms), 'from');\n      onDateChange?.(undefined, 'to');\n    } else {\n      onDateChange?.(undefined, 'from');\n      onDateChange?.(undefined, 'to');\n    }\n  };\n\n  const handlePresetSelect = (value: DateRangePreset) => {\n    setPresetMenuOpen(false);\n    if (value === 'custom') {\n      if (preset !== 'custom') setPresetBeforeCustom(preset);\n      onPresetChange?.(value);\n      setCustomRangeOpen(true);\n      return;\n    }\n    setPresetBeforeCustom(undefined);\n    applyPreset(value);\n  };\n\n  const applyCustomRange = (fromDate: Date | undefined, toDate: Date | undefined) => {\n    if (onDateRangeChange) {\n      onDateRangeChange(fromDate, toDate);\n    } else {\n      onDateChange?.(fromDate, 'from');\n      onDateChange?.(toDate, 'to');\n    }\n    setPresetBeforeCustom(undefined);\n    setCustomRangeOpen(false);\n  };\n\n  // Back to the preset list. Restores the preset the user came from; an applied custom\n  // range matches no preset, so it stays and the list shows \"Custom range...\" as current.\n  const showPresets = () => {\n    setCustomRangeOpen(false);\n    if (presetBeforeCustom) applyPreset(presetBeforeCustom);\n    setPresetMenuOpen(true);\n  };\n\n  const customLabel = `${dateFrom ? dateFrom.toLocaleDateString() : 'Start'} \\u2013 ${dateTo ? dateTo.toLocaleDateString() : 'End'}`;\n\n  if (shownPreset === 'custom' && !presetMenuOpen) {\n    return (\n      <Popover open={customRangeOpen} onOpenChange={setCustomRangeOpen}>\n        {renderTrigger ? (\n          <PopoverTrigger render={renderTrigger({ label: customLabel, disabled })} />\n        ) : (\n          <PopoverTrigger asChild>\n            <Button size={size} disabled={disabled} icon={<CalendarIcon />}>\n              {customLabel}\n            </Button>\n          </PopoverTrigger>\n        )}\n        <PopoverContent align=\"start\" className={cn('w-auto p-0')}>\n          <CustomRangeEditor\n            dateFrom={dateFrom}\n            dateTo={dateTo}\n            disabled={disabled}\n            maxRangeMs={maxRangeMs}\n            onApply={applyCustomRange}\n            onShowPresets={showPresets}\n          />\n        </PopoverContent>\n      </Popover>\n    );\n  }\n\n  const triggerLabel = shownPreset === 'custom' ? customLabel : datePresetLabel;\n\n  return (\n    <DropdownMenu open={presetMenuOpen} onOpenChange={setPresetMenuOpen}>\n      {renderTrigger ? (\n        <DropdownMenu.Trigger render={renderTrigger({ label: triggerLabel, disabled })} />\n      ) : (\n        <DropdownMenu.Trigger asChild>\n          <Button size={size} disabled={disabled} icon={<CalendarIcon />}>\n            {triggerLabel}\n          </Button>\n        </DropdownMenu.Trigger>\n      )}\n      <DropdownMenu.Content align=\"start\">\n        {/* Items select on click (not onValueChange) so re-picking the checked\n            \"Custom range...\" still reopens the range editor. */}\n        <DropdownMenu.RadioGroup value={shownPreset}>\n          {visiblePresets.map(p => (\n            <DropdownMenu.RadioItem\n              key={p.value}\n              value={p.value}\n              closeOnClick\n              onClick={() => handlePresetSelect(p.value)}\n            >\n              {p.label}\n            </DropdownMenu.RadioItem>\n          ))}\n        </DropdownMenu.RadioGroup>\n      </DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n"],"names":["parse","isValid","useState","useId","jsxs","Fragment","cn","jsx","Txt","DatePicker","TimePicker","Field","FieldError","Button","Check","Popover","PopoverTrigger","CalendarIcon","PopoverContent","DropdownMenu"],"mappings":"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"}

package/dist/domains/chat/messages/renderers/message-text.cjs.js

@@ -9,7 +9,7 @@ const domains_chat_messages_tripwireNotice = require('../tripwire-notice.cjs.js'
 const domains_chat_messages_renderers_messageTextKind = require('./message-text-kind.cjs.js');
 const Badge = require('../../../../Badge-BF6FbLH_.cjs');
 const disclosureChevron = require('../../../../disclosure-chevron-B_gmYFR5.cjs');
-const markdownRenderer = require('../../../../markdown-renderer-BRu3RpQD.cjs');
+const markdownRenderer = require('../../../../markdown-renderer-B8Zmudqn.cjs');
 const Notice = require('../../../../Notice-c8dMiAtZ.cjs');
 const icons_Icon = require('../../../../icons/Icon.cjs.js');
 

package/dist/domains/chat/messages/renderers/message-text.es.js

@@ -5,7 +5,7 @@ import { TripwireNotice } from '../tripwire-notice.es.js';
 import { messageTextKind, errorMessage } from './message-text-kind.es.js';
 import { B as Badge } from '../../../../Badge-3-G2I_cx.js';
 import { D as DisclosureChevron } from '../../../../disclosure-chevron-BWZ8Alz1.js';
-import { M as MarkdownRenderer } from '../../../../markdown-renderer-WesDzhMr.js';
+import { M as MarkdownRenderer } from '../../../../markdown-renderer-B55LVMsv.js';
 import { N as Notice } from '../../../../Notice-Wy1grdLu.js';
 import { Icon } from '../../../../icons/Icon.es.js';
 

package/dist/domains/chat/messages/renderers/reasoning-part-renderer.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const domains_chat_messages_reasoningContent = require('../reasoning-content.cjs.js');
-const reasoningActivity = require('../../../../reasoning-activity-B8bR8ib_.cjs');
+const reasoningActivity = require('../../../../reasoning-activity-DwvH_xWp.cjs');
 
 const ReasoningPartRenderer = ({ part, defaultOpen }) => {
   const content = domains_chat_messages_reasoningContent.getReasoningContent(part);

package/dist/domains/chat/messages/renderers/reasoning-part-renderer.es.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { getReasoningContent } from '../reasoning-content.es.js';
-import { R as ReasoningActivity } from '../../../../reasoning-activity-DLrXgE9k.js';
+import { R as ReasoningActivity } from '../../../../reasoning-activity-C6KlS9dD.js';
 
 const ReasoningPartRenderer = ({ part, defaultOpen }) => {
   const content = getReasoningContent(part);

package/dist/domains/chat/messages/skill-message.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const activity = require('../../../activity-CaFdLiPz.cjs');
 const signalActivity = require('../../../signal-activity-aXcUgxDg.cjs');
-const markdownRenderer = require('../../../markdown-renderer-BRu3RpQD.cjs');
+const markdownRenderer = require('../../../markdown-renderer-B8Zmudqn.cjs');
 const scrollArea = require('../../../scroll-area-BakRKj2k.cjs');
 
 function SkillMessage({ activation }) {

package/dist/domains/chat/messages/skill-message.es.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { BookOpen } from 'lucide-react';
 import { g as ActivityItem } from '../../../activity-BsrB5ADa.js';
 import { S as SignalActivity } from '../../../signal-activity-BiWlOFhu.js';
-import { M as MarkdownRenderer } from '../../../markdown-renderer-WesDzhMr.js';
+import { M as MarkdownRenderer } from '../../../markdown-renderer-B55LVMsv.js';
 import { S as ScrollArea } from '../../../scroll-area-D6gKFavi.js';
 
 function SkillMessage({ activation }) {

package/dist/domains/chat/messages/tripwire-notice.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const Badge = require('../../../Badge-BF6FbLH_.cjs');
-const code = require('../../../code-Dcah35Gp.cjs');
+const code = require('../../../code-DJReJPSX.cjs');
 const Notice = require('../../../Notice-c8dMiAtZ.cjs');
 const Txt = require('../../../Txt-DXjXpX9r.cjs');
 

package/dist/domains/chat/messages/tripwire-notice.es.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { ChevronDown, ChevronRight, RefreshCw, Tag, ShieldAlert } from 'lucide-react';
 import { useState } from 'react';
 import { B as Badge } from '../../../Badge-3-G2I_cx.js';
-import { C as Code } from '../../../code-DAXWNzvf.js';
+import { C as Code } from '../../../code-DLuATvYu.js';
 import { N as Notice } from '../../../Notice-Wy1grdLu.js';
 import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
 

package/dist/domains/chat/tools/badges/code-mode-badge.cjs.js

@@ -6,8 +6,8 @@ const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const domains_chat_components_sectionLabel = require('../../components/section-label.cjs.js');
 const domains_chat_tools_badges_toolApprovalBadge = require('./tool-approval-badge.cjs.js');
-const code = require('../../../../code-Dcah35Gp.cjs');
-const codeBlock = require('../../../../code-block-CKLCdWtP.cjs');
+const code = require('../../../../code-DJReJPSX.cjs');
+const codeBlock = require('../../../../code-block-DZb0Tb3k.cjs');
 const codeEditor = require('../../../../code-editor-CH8c-KF1.cjs');
 const icons_ToolCoinIcon = require('../../../../icons/ToolCoinIcon.cjs.js');
 const utils_formatting = require('../../../../utils/formatting.cjs.js');

package/dist/domains/chat/tools/badges/code-mode-badge.es.js

@@ -2,8 +2,8 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import { SectionLabel } from '../../components/section-label.es.js';
 import { ToolApprovalBadge } from './tool-approval-badge.es.js';
-import { C as Code } from '../../../../code-DAXWNzvf.js';
-import { C as CodeBlock } from '../../../../code-block-BzUcNWrb.js';
+import { C as Code } from '../../../../code-DLuATvYu.js';
+import { C as CodeBlock } from '../../../../code-block-BQV4o92x.js';
 import { C as CodeEditor } from '../../../../code-editor-B_v1EfzX.js';
 import { ToolCoinIcon } from '../../../../icons/ToolCoinIcon.es.js';
 import { formatTypeScript } from '../../../../utils/formatting.es.js';

package/dist/domains/chat/tools/badges/file-tree-badge.cjs.js

@@ -8,7 +8,7 @@ const domains_chat_tools_badges_workspaceDataParts = require('./workspace-data-p
 const domains_chat_tools_badges_workspaceLink = require('./workspace-link.cjs.js');
 const domains_chat_tools_badges_awaitsToolApproval = require('./awaits-tool-approval.cjs.js');
 const domains_chat_tools_badges_toolApprovalBadge = require('./tool-approval-badge.cjs.js');
-const toolCallArguments = require('../../../../tool-call-arguments-CK3kQ_FX.cjs');
+const toolCallArguments = require('../../../../tool-call-arguments-DTwVq7AB.cjs');
 const toolCallOutput = require('../../../../tool-call-output-xx1drXqO.cjs');
 const toolPresentation = require('../../../../tool-presentation-WLS6d1ws.cjs');
 const Txt = require('../../../../Txt-DXjXpX9r.cjs');

package/dist/domains/chat/tools/badges/file-tree-badge.es.js

@@ -4,7 +4,7 @@ import { parseToolArgs, workspaceMetadata } from './workspace-data-parts.es.js';
 import { WorkspaceLink } from './workspace-link.es.js';
 import { awaitsToolApproval } from './awaits-tool-approval.es.js';
 import { ToolApprovalBadge } from './tool-approval-badge.es.js';
-import { T as ToolCallArguments } from '../../../../tool-call-arguments-BLCAiFYg.js';
+import { T as ToolCallArguments } from '../../../../tool-call-arguments-Bk13pV6A.js';
 import { T as ToolCallOutput } from '../../../../tool-call-output-qgqn19KC.js';
 import { p as presentTool } from '../../../../tool-presentation-BXAo24Ir.js';
 import { T as Txt } from '../../../../Txt-BuzYj7Vy.js';

package/dist/domains/chat/tools/badges/observation-marker-details.cjs.js

@@ -7,8 +7,8 @@ const lucideReact = require('lucide-react');
 const domains_chat_tools_badges_observationMarkerFormat = require('./observation-marker-format.cjs.js');
 const domains_chat_tools_badges_observationRenderer = require('./observation-renderer.cjs.js');
 const activity = require('../../../../activity-CaFdLiPz.cjs');
-const code = require('../../../../code-Dcah35Gp.cjs');
-const markdownRenderer = require('../../../../markdown-renderer-BRu3RpQD.cjs');
+const code = require('../../../../code-DJReJPSX.cjs');
+const markdownRenderer = require('../../../../markdown-renderer-B8Zmudqn.cjs');
 const Txt = require('../../../../Txt-DXjXpX9r.cjs');
 const utils_duration = require('../../../../utils/duration.cjs.js');
 

package/dist/domains/chat/tools/badges/observation-marker-details.es.js

@@ -3,8 +3,8 @@ import { ScrollText, ListTodo, MessageSquareReply, Braces } from 'lucide-react';
 import { formatTokens, extractedValueEntries, formatExtractedValue, compressionRatio } from './observation-marker-format.es.js';
 import { ObservationRenderer } from './observation-renderer.es.js';
 import { g as ActivityItem } from '../../../../activity-BsrB5ADa.js';
-import { C as Code } from '../../../../code-DAXWNzvf.js';
-import { M as MarkdownRenderer } from '../../../../markdown-renderer-WesDzhMr.js';
+import { C as Code } from '../../../../code-DLuATvYu.js';
+import { M as MarkdownRenderer } from '../../../../markdown-renderer-B55LVMsv.js';
 import { T as Txt } from '../../../../Txt-BuzYj7Vy.js';
 import { formatDuration } from '../../../../utils/duration.es.js';
 

package/dist/domains/chat/tools/badges/observation-renderer.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const domains_memory_lib_observationPriority = require('../../../memory/lib/observation-priority.cjs.js');
-const markdownRenderer = require('../../../../markdown-renderer-BRu3RpQD.cjs');
+const markdownRenderer = require('../../../../markdown-renderer-B8Zmudqn.cjs');
 const Txt = require('../../../../Txt-DXjXpX9r.cjs');
 const utils_cn = require('../../../../cn-TqD01zH-.cjs');
 

package/dist/domains/chat/tools/badges/observation-renderer.es.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { observationPriorityTone, observationPriorityByEmoji } from '../../../memory/lib/observation-priority.es.js';
-import { M as MarkdownRenderer } from '../../../../markdown-renderer-WesDzhMr.js';
+import { M as MarkdownRenderer } from '../../../../markdown-renderer-B55LVMsv.js';
 import { T as Txt } from '../../../../Txt-BuzYj7Vy.js';
 import { c as cn } from '../../../../cn-coERSHz5.js';
 

package/dist/domains/chat/tools/badges/tool-approval-badge.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const domains_chat_components_badgeWrapper = require('../../components/badge-wrapper.cjs.js');
 const domains_chat_context_toolCallContext = require('../../context/tool-call-context.cjs.js');
 const domains_chat_tools_badges_awaitsToolApproval = require('./awaits-tool-approval.cjs.js');
-const toolApproval = require('../../../../tool-approval-Bza_sgxa.cjs');
+const toolApproval = require('../../../../tool-approval-aWNKG9dK.cjs');
 
 function useToolApproval(request) {
   const { toolCallId, toolApprovalMetadata, toolName, isNetwork, isGenerateMode } = request;

package/dist/domains/chat/tools/badges/tool-approval-badge.es.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { BadgeWrapper } from '../../components/badge-wrapper.es.js';
 import { useOptionalToolCall } from '../../context/tool-call-context.es.js';
 import { awaitsToolApproval } from './awaits-tool-approval.es.js';
-import { a as ToolApprovalActions, b as ToolApprovalStatus } from '../../../../tool-approval-BK2j7aj_.js';
+import { a as ToolApprovalActions, b as ToolApprovalStatus } from '../../../../tool-approval-CYmQJ2i4.js';
 
 function useToolApproval(request) {
   const { toolCallId, toolApprovalMetadata, toolName, isNetwork, isGenerateMode } = request;

package/dist/domains/chat/tools/badges/tool-badge.cjs.js

@@ -9,7 +9,7 @@ const domains_chat_components_sectionLabel = require('../../components/section-l
 const domains_chat_tools_badges_awaitsToolApproval = require('./awaits-tool-approval.cjs.js');
 const domains_chat_tools_badges_toolApprovalBadge = require('./tool-approval-badge.cjs.js');
 const ansi = require('../../../../ansi-fAtbeDQN.cjs');
-const toolCallArguments = require('../../../../tool-call-arguments-CK3kQ_FX.cjs');
+const toolCallArguments = require('../../../../tool-call-arguments-DTwVq7AB.cjs');
 const toolCallOutput = require('../../../../tool-call-output-xx1drXqO.cjs');
 const toolPresentation = require('../../../../tool-presentation-WLS6d1ws.cjs');
 const codeEditor = require('../../../../code-editor-CH8c-KF1.cjs');