@mastra/playground-ui 40.0.0-alpha.3 → 40.0.0-alpha.4

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageScroller.es.js","sources":["../../src/ds/components/MessageScroller/message-scroller.tsx"],"sourcesContent":["import { ArrowDownIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport {\n  DEFAULT_SCROLL_EDGE_THRESHOLD,\n  DEFAULT_SCROLL_MARGIN,\n  DEFAULT_SCROLL_PREVIOUS_ITEM_PEEK,\n  DEFAULT_SCROLLABLE,\n  DEFAULT_VISIBILITY,\n  MessageScrollerActionsContext,\n  MessageScrollerScrollableContext,\n  MessageScrollerVisibilityContext,\n  useRequiredMessageScrollerActionsContext,\n  useRequiredMessageScrollerScrollableContext,\n} from './message-scroller-context';\nimport type {\n  MessageScrollerActionsContextValue,\n  MessageScrollerButtonDirection,\n  MessageScrollerDefaultScrollPosition,\n  MessageScrollerScrollAlign,\n  MessageScrollerScrollOptions,\n  MessageScrollerScrollable,\n  MessageScrollerVisibility,\n} from './message-scroller-context';\n\nimport { cn } from '@/lib/utils';\n\nexport type {\n  MessageScrollerButtonDirection,\n  MessageScrollerDefaultScrollPosition,\n  MessageScrollerScrollAlign,\n  MessageScrollerScrollOptions,\n  MessageScrollerScrollable,\n  MessageScrollerVisibility,\n} from './message-scroller-context';\n\ntype MessageScrollerItemRecord = {\n  element: HTMLElement;\n  scrollAnchor: boolean;\n};\n\nconst VISIBILITY_EPSILON = 0.5;\n\nconst mergeRefs =\n  <TElement,>(...refs: Array<React.Ref<TElement> | undefined>) =>\n  (element: TElement | null) => {\n    refs.forEach(ref => {\n      if (!ref) return;\n      if (typeof ref === 'function') {\n        ref(element);\n        return;\n      }\n      ref.current = element;\n    });\n  };\n\nconst scrollableMatches = (left: MessageScrollerScrollable, right: MessageScrollerScrollable) =>\n  left.start === right.start && left.end === right.end;\n\nconst visibilityMatches = (left: MessageScrollerVisibility, right: MessageScrollerVisibility) =>\n  left.currentAnchorId === right.currentAnchorId &&\n  left.visibleMessageIds.length === right.visibleMessageIds.length &&\n  left.visibleMessageIds.every((messageId, index) => messageId === right.visibleMessageIds[index]);\n\nconst getContentPadding = (contentElement: HTMLElement | null) => {\n  if (!contentElement) return { start: 0, end: 0 };\n  const styles = window.getComputedStyle(contentElement);\n  return {\n    start: Number.parseFloat(styles.paddingBlockStart || styles.paddingTop || '0') || 0,\n    end: Number.parseFloat(styles.paddingBlockEnd || styles.paddingBottom || '0') || 0,\n  };\n};\n\nconst getRelativeTop = (element: HTMLElement, viewportElement: HTMLElement) => {\n  const elementRect = element.getBoundingClientRect();\n  const viewportRect = viewportElement.getBoundingClientRect();\n  return elementRect.top - viewportRect.top + viewportElement.scrollTop;\n};\n\nconst scrollViewportTo = (viewportElement: HTMLElement, top: number, behavior: ScrollBehavior) => {\n  if (typeof viewportElement.scrollTo === 'function') {\n    viewportElement.scrollTo({ top, behavior });\n    return;\n  }\n\n  viewportElement.scrollTop = top;\n};\n\nconst scheduleScrollSync = (callback: () => void) => {\n  if (typeof window.requestAnimationFrame === 'function') {\n    window.requestAnimationFrame(callback);\n    return;\n  }\n\n  window.setTimeout(callback, 0);\n};\n\nconst getScrollTarget = ({\n  align,\n  element,\n  scrollMargin,\n  viewportElement,\n}: {\n  align: MessageScrollerScrollAlign;\n  element: HTMLElement;\n  scrollMargin: number;\n  viewportElement: HTMLElement;\n}) => {\n  const contentPadding = getContentPadding(element.parentElement);\n  const elementTop = getRelativeTop(element, viewportElement);\n  const elementHeight = element.getBoundingClientRect().height;\n  const visibleHeight = Math.max(0, viewportElement.clientHeight - contentPadding.start - contentPadding.end);\n\n  if (align === 'center') return elementTop - contentPadding.start - (visibleHeight - elementHeight) / 2 - scrollMargin;\n  if (align === 'end')\n    return elementTop - viewportElement.clientHeight + elementHeight + contentPadding.end + scrollMargin;\n\n  if (align === 'nearest') {\n    const elementBottom = elementTop + elementHeight;\n    const viewportTop = viewportElement.scrollTop + contentPadding.start;\n    const viewportBottom = viewportElement.scrollTop + viewportElement.clientHeight - contentPadding.end;\n    if (elementTop >= viewportTop && elementBottom <= viewportBottom) return viewportElement.scrollTop;\n    return elementTop < viewportTop\n      ? elementTop - contentPadding.start - scrollMargin\n      : elementBottom - viewportElement.clientHeight + contentPadding.end + scrollMargin;\n  }\n\n  return elementTop - contentPadding.start - scrollMargin;\n};\n\nconst getCurrentAnchorId = ({\n  fallbackAnchorId,\n  items,\n  scrollMargin,\n  scrollPreviousItemPeek,\n  visibleMessageIds,\n  viewportElement,\n}: {\n  fallbackAnchorId: string | undefined;\n  items: Array<readonly [string, MessageScrollerItemRecord]>;\n  scrollMargin: number;\n  scrollPreviousItemPeek: number;\n  visibleMessageIds: Set<string>;\n  viewportElement: HTMLElement;\n}) => {\n  const anchorLine = viewportElement.getBoundingClientRect().top + scrollMargin + scrollPreviousItemPeek;\n  const anchors = items.filter(([, item]) => item.scrollAnchor);\n  let anchoredAboveViewport: string | undefined;\n\n  for (const [messageId, item] of anchors) {\n    if (item.element.getBoundingClientRect().top <= anchorLine + VISIBILITY_EPSILON) {\n      anchoredAboveViewport = messageId;\n    }\n  }\n\n  if (anchoredAboveViewport) return anchoredAboveViewport;\n  return anchors.find(([messageId]) => visibleMessageIds.has(messageId))?.[0] ?? fallbackAnchorId;\n};\n\nexport interface MessageScrollerProviderProps {\n  autoScroll?: boolean;\n  children?: React.ReactNode;\n  defaultScrollPosition?: MessageScrollerDefaultScrollPosition;\n  scrollEdgeThreshold?: number;\n  scrollMargin?: number;\n  scrollPreviousItemPeek?: number;\n}\n\nexport function MessageScrollerProvider({\n  autoScroll = false,\n  children,\n  defaultScrollPosition = 'end',\n  scrollEdgeThreshold = DEFAULT_SCROLL_EDGE_THRESHOLD,\n  scrollMargin = DEFAULT_SCROLL_MARGIN,\n  scrollPreviousItemPeek = DEFAULT_SCROLL_PREVIOUS_ITEM_PEEK,\n}: MessageScrollerProviderProps) {\n  const itemsRef = React.useRef<Map<string, MessageScrollerItemRecord> | null>(null);\n  itemsRef.current ??= new Map<string, MessageScrollerItemRecord>();\n  const itemsRegistry = itemsRef.current;\n  const visibleMessageIdsRef = React.useRef<Set<string> | null>(null);\n  visibleMessageIdsRef.current ??= new Set<string>();\n  const intersectingMessageIds = visibleMessageIdsRef.current;\n  const [itemsVersion, setItemsVersion] = React.useState(0);\n  const [rootElement, setRootElement] = React.useState<HTMLDivElement | null>(null);\n  const [viewportElement, setViewportElement] = React.useState<HTMLDivElement | null>(null);\n  const [contentElement, setContentElement] = React.useState<HTMLDivElement | null>(null);\n  const defaultScrollAppliedRef = React.useRef(false);\n  const [scrollable, setScrollable] = React.useState<MessageScrollerScrollable>(DEFAULT_SCROLLABLE);\n  const [visibility, setVisibility] = React.useState<MessageScrollerVisibility>(DEFAULT_VISIBILITY);\n\n  const publishScrollable = React.useCallback(\n    (nextScrollable: MessageScrollerScrollable) => {\n      const scrollableValue = [nextScrollable.start && 'start', nextScrollable.end && 'end'].filter(Boolean).join(' ');\n\n      for (const element of [rootElement, viewportElement]) {\n        if (!element) continue;\n        if (scrollableValue) {\n          element.setAttribute('data-scrollable', scrollableValue);\n        } else {\n          element.removeAttribute('data-scrollable');\n        }\n      }\n\n      setScrollable(current => (scrollableMatches(current, nextScrollable) ? current : nextScrollable));\n    },\n    [rootElement, viewportElement],\n  );\n\n  const publishVisibility = React.useCallback((nextVisibility: MessageScrollerVisibility) => {\n    setVisibility(current => (visibilityMatches(current, nextVisibility) ? current : nextVisibility));\n  }, []);\n\n  const updateScrollable = React.useCallback(() => {\n    if (!viewportElement) {\n      publishScrollable(DEFAULT_SCROLLABLE);\n      return;\n    }\n\n    const remainingScroll = viewportElement.scrollHeight - viewportElement.scrollTop - viewportElement.clientHeight;\n    publishScrollable({\n      start: viewportElement.scrollTop > scrollEdgeThreshold,\n      end: remainingScroll > scrollEdgeThreshold,\n    });\n  }, [publishScrollable, scrollEdgeThreshold, viewportElement]);\n\n  const updateVisibility = React.useCallback(() => {\n    const items = Array.from(itemsRegistry.entries());\n    const fallbackAnchorId = items.filter(([, item]) => item.scrollAnchor).at(-1)?.[0] ?? items.at(-1)?.[0];\n\n    if (items.length === 0) {\n      publishVisibility(DEFAULT_VISIBILITY);\n      return;\n    }\n\n    if (!viewportElement) {\n      publishVisibility({\n        currentAnchorId: fallbackAnchorId,\n        visibleMessageIds: fallbackAnchorId ? [fallbackAnchorId] : [],\n      });\n      return;\n    }\n\n    const viewportRect = viewportElement.getBoundingClientRect();\n    const visibleMessageIds = new Set<string>();\n\n    if (typeof IntersectionObserver === 'undefined') {\n      const visibilityTop = viewportRect.top + scrollMargin + scrollPreviousItemPeek;\n      items.forEach(([messageId, item]) => {\n        const rect = item.element.getBoundingClientRect();\n        if (rect.bottom > visibilityTop && rect.top < viewportRect.bottom) visibleMessageIds.add(messageId);\n      });\n    } else {\n      intersectingMessageIds.forEach(messageId => visibleMessageIds.add(messageId));\n    }\n\n    const orderedVisibleMessageIds = items.flatMap(([messageId]) =>\n      visibleMessageIds.has(messageId) ? [messageId] : [],\n    );\n\n    publishVisibility({\n      currentAnchorId: getCurrentAnchorId({\n        fallbackAnchorId,\n        items,\n        scrollMargin,\n        scrollPreviousItemPeek,\n        visibleMessageIds,\n        viewportElement,\n      }),\n      visibleMessageIds:\n        orderedVisibleMessageIds.length > 0 ? orderedVisibleMessageIds : fallbackAnchorId ? [fallbackAnchorId] : [],\n    });\n  }, [intersectingMessageIds, itemsRegistry, publishVisibility, scrollMargin, scrollPreviousItemPeek, viewportElement]);\n\n  const syncAfterScroll = React.useCallback(() => {\n    updateScrollable();\n    updateVisibility();\n  }, [updateScrollable, updateVisibility]);\n\n  const scrollToElement = React.useCallback(\n    (\n      element: HTMLElement,\n      {\n        align = 'start',\n        behavior = 'auto',\n        scrollMargin: optionScrollMargin = scrollMargin,\n      }: MessageScrollerScrollOptions = {},\n    ) => {\n      if (!viewportElement || !contentElement?.contains(element)) return false;\n\n      const nextScrollTop = Math.max(\n        0,\n        getScrollTarget({ align, element, scrollMargin: optionScrollMargin, viewportElement }),\n      );\n\n      if (Math.abs(viewportElement.scrollTop - nextScrollTop) <= VISIBILITY_EPSILON) {\n        scrollViewportTo(viewportElement, nextScrollTop, 'auto');\n        syncAfterScroll();\n        return true;\n      }\n\n      scrollViewportTo(viewportElement, nextScrollTop, behavior);\n      scheduleScrollSync(syncAfterScroll);\n      return true;\n    },\n    [contentElement, scrollMargin, syncAfterScroll, viewportElement],\n  );\n\n  const scrollToStart = React.useCallback(\n    ({ behavior = 'auto' }: MessageScrollerScrollOptions = {}) => {\n      if (!viewportElement) return false;\n      scrollViewportTo(viewportElement, 0, behavior);\n      scheduleScrollSync(syncAfterScroll);\n      return true;\n    },\n    [syncAfterScroll, viewportElement],\n  );\n\n  const scrollToEnd = React.useCallback(\n    ({ behavior = 'auto' }: MessageScrollerScrollOptions = {}) => {\n      if (!viewportElement) return false;\n      scrollViewportTo(\n        viewportElement,\n        Math.max(0, viewportElement.scrollHeight - viewportElement.clientHeight),\n        behavior,\n      );\n      scheduleScrollSync(syncAfterScroll);\n      return true;\n    },\n    [syncAfterScroll, viewportElement],\n  );\n\n  const scrollToMessage = React.useCallback(\n    (messageId: string, options?: MessageScrollerScrollOptions) => {\n      const item = itemsRegistry.get(messageId);\n      if (!item) return false;\n      return scrollToElement(item.element, options);\n    },\n    [itemsRegistry, scrollToElement],\n  );\n\n  const registerItem = React.useCallback(\n    (messageId: string, element: HTMLElement, scrollAnchor: boolean) => {\n      itemsRegistry.set(messageId, { element, scrollAnchor });\n      setItemsVersion(version => version + 1);\n\n      return () => {\n        const current = itemsRegistry.get(messageId);\n        if (current?.element !== element) return;\n        itemsRegistry.delete(messageId);\n        intersectingMessageIds.delete(messageId);\n        setItemsVersion(version => version + 1);\n      };\n    },\n    [intersectingMessageIds, itemsRegistry],\n  );\n\n  React.useEffect(() => {\n    if (!contentElement || !viewportElement || typeof IntersectionObserver === 'undefined') {\n      updateVisibility();\n      return undefined;\n    }\n\n    const messageIdByElement = new Map<Element, string>();\n    for (const [messageId, item] of itemsRegistry) {\n      messageIdByElement.set(item.element, messageId);\n    }\n\n    const observer = new IntersectionObserver(\n      entries => {\n        for (const entry of entries) {\n          const messageId = messageIdByElement.get(entry.target);\n          if (!messageId) continue;\n          if (entry.isIntersecting) {\n            intersectingMessageIds.add(messageId);\n          } else {\n            intersectingMessageIds.delete(messageId);\n          }\n        }\n        updateVisibility();\n      },\n      {\n        root: viewportElement,\n        rootMargin: `${-(scrollMargin + scrollPreviousItemPeek)}px 0px 0px 0px`,\n        threshold: [0, 0.01, 0.5, 1],\n      },\n    );\n\n    for (const [, item] of itemsRegistry) observer.observe(item.element);\n    updateVisibility();\n\n    return () => observer.disconnect();\n  }, [\n    contentElement,\n    intersectingMessageIds,\n    itemsRegistry,\n    itemsVersion,\n    scrollMargin,\n    scrollPreviousItemPeek,\n    updateVisibility,\n    viewportElement,\n  ]);\n\n  React.useEffect(() => {\n    if (!viewportElement || typeof ResizeObserver === 'undefined') return undefined;\n    const observer = new ResizeObserver(syncAfterScroll);\n    observer.observe(viewportElement);\n    return () => observer.disconnect();\n  }, [syncAfterScroll, viewportElement]);\n\n  React.useLayoutEffect(() => {\n    updateScrollable();\n    updateVisibility();\n  }, [itemsVersion, updateScrollable, updateVisibility]);\n\n  React.useLayoutEffect(() => {\n    if (defaultScrollAppliedRef.current || !viewportElement || itemsRegistry.size === 0) return;\n\n    let didScroll = false;\n    if (defaultScrollPosition === 'start') {\n      didScroll = scrollToStart({ behavior: 'auto' });\n    } else if (defaultScrollPosition === 'last-anchor') {\n      const lastAnchorId = Array.from(itemsRegistry.entries())\n        .filter(([, item]) => item.scrollAnchor)\n        .at(-1)?.[0];\n      didScroll = lastAnchorId\n        ? scrollToMessage(lastAnchorId, { align: 'start', behavior: 'auto' })\n        : scrollToEnd({ behavior: 'auto' });\n    } else {\n      didScroll = scrollToEnd({ behavior: 'auto' });\n    }\n\n    if (didScroll) defaultScrollAppliedRef.current = true;\n  }, [\n    defaultScrollPosition,\n    itemsRegistry,\n    itemsVersion,\n    scrollToEnd,\n    scrollToMessage,\n    scrollToStart,\n    viewportElement,\n  ]);\n\n  React.useLayoutEffect(() => {\n    if (!autoScroll || !defaultScrollAppliedRef.current) return;\n    scrollToEnd({ behavior: 'auto' });\n  }, [autoScroll, itemsVersion, scrollToEnd]);\n\n  const actionsContextValue = React.useMemo<MessageScrollerActionsContextValue>(\n    () => ({\n      registerItem,\n      scrollToEnd,\n      scrollToMessage,\n      scrollToStart,\n      setContentElement,\n      setRootElement,\n      setViewportElement,\n      syncAfterScroll,\n    }),\n    [registerItem, scrollToEnd, scrollToMessage, scrollToStart, syncAfterScroll],\n  );\n\n  const scrollableContextValue = React.useMemo<MessageScrollerScrollable>(\n    () => ({\n      end: scrollable.end,\n      start: scrollable.start,\n    }),\n    [scrollable.end, scrollable.start],\n  );\n\n  const visibilityContextValue = React.useMemo<MessageScrollerVisibility>(\n    () => ({\n      currentAnchorId: visibility.currentAnchorId,\n      visibleMessageIds: visibility.visibleMessageIds,\n    }),\n    [visibility.currentAnchorId, visibility.visibleMessageIds],\n  );\n\n  return (\n    <MessageScrollerActionsContext.Provider value={actionsContextValue}>\n      <MessageScrollerScrollableContext.Provider value={scrollableContextValue}>\n        <MessageScrollerVisibilityContext.Provider value={visibilityContextValue}>\n          {children}\n        </MessageScrollerVisibilityContext.Provider>\n      </MessageScrollerScrollableContext.Provider>\n    </MessageScrollerActionsContext.Provider>\n  );\n}\n\nexport type MessageScrollerProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const MessageScroller = React.forwardRef<HTMLDivElement, MessageScrollerProps>(\n  ({ className, ...props }, ref) => {\n    const { setRootElement } = useRequiredMessageScrollerActionsContext('MessageScroller');\n    return (\n      <div\n        ref={mergeRefs(setRootElement, ref)}\n        data-slot=\"message-scroller\"\n        className={cn('group/message-scroller relative flex size-full min-h-0 flex-col overflow-hidden', className)}\n        {...props}\n      />\n    );\n  },\n);\nMessageScroller.displayName = 'MessageScroller';\n\nexport type MessageScrollerViewportProps = React.HTMLAttributes<HTMLDivElement> & {\n  preserveScrollOnPrepend?: boolean;\n};\n\nexport const MessageScrollerViewport = React.forwardRef<HTMLDivElement, MessageScrollerViewportProps>(\n  ({ className, onScroll, preserveScrollOnPrepend, role, tabIndex, ...props }, ref) => {\n    const { setViewportElement, syncAfterScroll } = useRequiredMessageScrollerActionsContext('MessageScrollerViewport');\n    const viewportRef = React.useMemo(() => mergeRefs(setViewportElement, ref), [ref, setViewportElement]);\n\n    return (\n      <div\n        ref={viewportRef}\n        role={role ?? 'region'}\n        tabIndex={tabIndex ?? 0}\n        data-slot=\"message-scroller-viewport\"\n        data-preserve-scroll-on-prepend={preserveScrollOnPrepend ? 'true' : undefined}\n        className={cn(\n          'size-full min-h-0 min-w-0 overflow-y-auto overscroll-contain data-autoscrolling:scrollbar-thumb-transparent data-autoscrolling:scrollbar-track-transparent',\n          className,\n        )}\n        onScroll={event => {\n          syncAfterScroll();\n          onScroll?.(event);\n        }}\n        {...props}\n      />\n    );\n  },\n);\nMessageScrollerViewport.displayName = 'MessageScrollerViewport';\n\nexport type MessageScrollerContentProps = React.HTMLAttributes<HTMLDivElement> & {\n  spacerClassName?: string;\n};\n\nexport const MessageScrollerContent = React.forwardRef<HTMLDivElement, MessageScrollerContentProps>(\n  ({ children, className, spacerClassName, role, 'aria-relevant': ariaRelevant = 'additions', ...props }, ref) => {\n    const { setContentElement, syncAfterScroll } = useRequiredMessageScrollerActionsContext('MessageScrollerContent');\n    const [contentElement, setLocalContentElement] = React.useState<HTMLDivElement | null>(null);\n\n    const contentRef = React.useMemo(\n      () => mergeRefs<HTMLDivElement>(setContentElement, setLocalContentElement, ref),\n      [ref, setContentElement],\n    );\n\n    React.useLayoutEffect(() => {\n      syncAfterScroll();\n    }, [syncAfterScroll]);\n\n    React.useEffect(() => {\n      if (!contentElement || typeof MutationObserver === 'undefined') return undefined;\n      const observer = new MutationObserver(syncAfterScroll);\n      observer.observe(contentElement, { childList: true, subtree: false });\n      return () => observer.disconnect();\n    }, [contentElement, syncAfterScroll]);\n\n    React.useEffect(() => {\n      if (!contentElement || typeof ResizeObserver === 'undefined') return undefined;\n      const observer = new ResizeObserver(syncAfterScroll);\n      observer.observe(contentElement);\n      return () => observer.disconnect();\n    }, [contentElement, syncAfterScroll]);\n\n    return (\n      <div\n        ref={contentRef}\n        role={role ?? 'log'}\n        aria-relevant={ariaRelevant}\n        data-slot=\"message-scroller-content\"\n        className={cn('flex h-max min-h-full flex-col gap-6', className)}\n        {...props}\n      >\n        {children}\n        <div aria-hidden=\"true\" data-message-scroller-spacer=\"\" hidden className={spacerClassName} />\n      </div>\n    );\n  },\n);\nMessageScrollerContent.displayName = 'MessageScrollerContent';\n\nexport type MessageScrollerItemProps = React.HTMLAttributes<HTMLDivElement> & {\n  messageId?: string;\n  scrollAnchor?: boolean;\n};\n\nexport const MessageScrollerItem = React.forwardRef<HTMLDivElement, MessageScrollerItemProps>(\n  ({ className, messageId, scrollAnchor = false, ...props }, ref) => {\n    const { registerItem } = useRequiredMessageScrollerActionsContext('MessageScrollerItem');\n    const unregisterRef = React.useRef<(() => void) | undefined>(undefined);\n    const itemRef = React.useCallback(\n      (element: HTMLDivElement | null) => {\n        unregisterRef.current?.();\n        unregisterRef.current = undefined;\n        mergeRefs(ref)(element);\n\n        if (!element || !messageId) return;\n        unregisterRef.current = registerItem(messageId, element, scrollAnchor);\n      },\n      [messageId, ref, registerItem, scrollAnchor],\n    );\n\n    return (\n      <div\n        ref={itemRef}\n        data-slot=\"message-scroller-item\"\n        data-message-id={messageId}\n        data-scroll-anchor={scrollAnchor ? 'true' : 'false'}\n        className={cn('min-w-0 shrink-0 [contain-intrinsic-size:auto_10rem] [content-visibility:auto]', className)}\n        {...props}\n      />\n    );\n  },\n);\nMessageScrollerItem.displayName = 'MessageScrollerItem';\n\nexport type MessageScrollerButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & {\n  behavior?: ScrollBehavior;\n  children?: React.ReactNode;\n  direction?: MessageScrollerButtonDirection;\n};\n\nexport const MessageScrollerButton = React.forwardRef<HTMLButtonElement, MessageScrollerButtonProps>(\n  (\n    { behavior = 'smooth', direction = 'end', className, children, onClick, tabIndex, type = 'button', ...props },\n    ref,\n  ) => {\n    const { scrollToEnd, scrollToStart } = useRequiredMessageScrollerActionsContext('MessageScrollerButton');\n    const { start, end } = useRequiredMessageScrollerScrollableContext('MessageScrollerButton');\n    const active = direction === 'start' ? start : end;\n\n    return (\n      <button\n        ref={ref}\n        type={type}\n        {...props}\n        data-slot=\"message-scroller-button\"\n        data-active={active ? 'true' : 'false'}\n        data-direction={direction}\n        tabIndex={active ? tabIndex : -1}\n        className={cn(\n          'absolute inset-s-1/2 -translate-x-1/2 rounded-full border border-border1 bg-surface3 text-neutral6 transition-[translate,scale,opacity] duration-200 hover:bg-surface4 data-[active=false]:pointer-events-none data-[active=false]:scale-95 data-[active=false]:opacity-0 data-[active=false]:duration-400 data-[active=false]:ease-[cubic-bezier(0.7,0,0.84,0)] data-[active=true]:translate-y-0 data-[active=true]:scale-100 data-[active=true]:opacity-100 data-[active=true]:ease-[cubic-bezier(0.23,1,0.32,1)] data-[direction=end]:bottom-4 data-[direction=end]:data-[active=false]:translate-y-full data-[direction=start]:top-4 data-[direction=start]:data-[active=false]:-translate-y-full rtl:translate-x-1/2 data-[direction=start]:[&_svg]:rotate-180',\n          className,\n        )}\n        onClick={event => {\n          if (!active) return;\n          onClick?.(event);\n          if (event.defaultPrevented) return;\n          event.currentTarget.blur();\n          if (direction === 'start') {\n            scrollToStart({ behavior });\n          } else {\n            scrollToEnd({ behavior });\n          }\n        }}\n      >\n        {children ?? (\n          <>\n            <ArrowDownIcon className=\"size-4\" aria-hidden />\n            <span className=\"sr-only\">{direction === 'end' ? 'Scroll to end' : 'Scroll to start'}</span>\n          </>\n        )}\n      </button>\n    );\n  },\n);\nMessageScrollerButton.displayName = 'MessageScrollerButton';\n"],"names":[],"mappings":";;;;;;;AAyCA,MAAM,kBAAA,GAAqB,GAAA;AAE3B,MAAM,SAAA,GACJ,CAAA,GAAe,IAAA,KACf,CAAC,OAAA,KAA6B;AAC5B,EAAA,IAAA,CAAK,QAAQ,CAAA,GAAA,KAAO;AAClB,IAAA,IAAI,CAAC,GAAA,EAAK;AACV,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,OAAO,CAAA;AACX,MAAA;AAAA,IACF;AACA,IAAA,GAAA,CAAI,OAAA,GAAU,OAAA;AAAA,EAChB,CAAC,CAAA;AACH,CAAA;AAEF,MAAM,iBAAA,GAAoB,CAAC,IAAA,EAAiC,KAAA,KAC1D,IAAA,CAAK,UAAU,KAAA,CAAM,KAAA,IAAS,IAAA,CAAK,GAAA,KAAQ,KAAA,CAAM,GAAA;AAEnD,MAAM,iBAAA,GAAoB,CAAC,IAAA,EAAiC,KAAA,KAC1D,IAAA,CAAK,oBAAoB,KAAA,CAAM,eAAA,IAC/B,IAAA,CAAK,iBAAA,CAAkB,MAAA,KAAW,KAAA,CAAM,kBAAkB,MAAA,IAC1D,IAAA,CAAK,iBAAA,CAAkB,KAAA,CAAM,CAAC,SAAA,EAAW,UAAU,SAAA,KAAc,KAAA,CAAM,iBAAA,CAAkB,KAAK,CAAC,CAAA;AAEjG,MAAM,iBAAA,GAAoB,CAAC,cAAA,KAAuC;AAChE,EAAA,IAAI,CAAC,cAAA,EAAgB,OAAO,EAAE,KAAA,EAAO,CAAA,EAAG,KAAK,CAAA,EAAE;AAC/C,EAAA,MAAM,MAAA,GAAS,MAAA,CAAO,gBAAA,CAAiB,cAAc,CAAA;AACrD,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,OAAO,UAAA,CAAW,MAAA,CAAO,qBAAqB,MAAA,CAAO,UAAA,IAAc,GAAG,CAAA,IAAK,CAAA;AAAA,IAClF,GAAA,EAAK,OAAO,UAAA,CAAW,MAAA,CAAO,mBAAmB,MAAA,CAAO,aAAA,IAAiB,GAAG,CAAA,IAAK;AAAA,GACnF;AACF,CAAA;AAEA,MAAM,cAAA,GAAiB,CAAC,OAAA,EAAsB,eAAA,KAAiC;AAC7E,EAAA,MAAM,WAAA,GAAc,QAAQ,qBAAA,EAAsB;AAClD,EAAA,MAAM,YAAA,GAAe,gBAAgB,qBAAA,EAAsB;AAC3D,EAAA,OAAO,WAAA,CAAY,GAAA,GAAM,YAAA,CAAa,GAAA,GAAM,eAAA,CAAgB,SAAA;AAC9D,CAAA;AAEA,MAAM,gBAAA,GAAmB,CAAC,eAAA,EAA8B,GAAA,EAAa,QAAA,KAA6B;AAChG,EAAA,IAAI,OAAO,eAAA,CAAgB,QAAA,KAAa,UAAA,EAAY;AAClD,IAAA,eAAA,CAAgB,QAAA,CAAS,EAAE,GAAA,EAAK,QAAA,EAAU,CAAA;AAC1C,IAAA;AAAA,EACF;AAEA,EAAA,eAAA,CAAgB,SAAA,GAAY,GAAA;AAC9B,CAAA;AAEA,MAAM,kBAAA,GAAqB,CAAC,QAAA,KAAyB;AACnD,EAAA,IAAI,OAAO,MAAA,CAAO,qBAAA,KAA0B,UAAA,EAAY;AACtD,IAAA,MAAA,CAAO,sBAAsB,QAAQ,CAAA;AACrC,IAAA;AAAA,EACF;AAEA,EAAA,MAAA,CAAO,UAAA,CAAW,UAAU,CAAC,CAAA;AAC/B,CAAA;AAEA,MAAM,kBAAkB,CAAC;AAAA,EACvB,KAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,KAKM;AACJ,EAAA,MAAM,cAAA,GAAiB,iBAAA,CAAkB,OAAA,CAAQ,aAAa,CAAA;AAC9D,EAAA,MAAM,UAAA,GAAa,cAAA,CAAe,OAAA,EAAS,eAAe,CAAA;AAC1D,EAAA,MAAM,aAAA,GAAgB,OAAA,CAAQ,qBAAA,EAAsB,CAAE,MAAA;AACtD,EAAA,MAAM,aAAA,GAAgB,KAAK,GAAA,CAAI,CAAA,EAAG,gBAAgB,YAAA,GAAe,cAAA,CAAe,KAAA,GAAQ,cAAA,CAAe,GAAG,CAAA;AAE1G,EAAA,IAAI,KAAA,KAAU,UAAU,OAAO,UAAA,GAAa,eAAe,KAAA,GAAA,CAAS,aAAA,GAAgB,iBAAiB,CAAA,GAAI,YAAA;AACzG,EAAA,IAAI,KAAA,KAAU,KAAA;AACZ,IAAA,OAAO,UAAA,GAAa,eAAA,CAAgB,YAAA,GAAe,aAAA,GAAgB,eAAe,GAAA,GAAM,YAAA;AAE1F,EAAA,IAAI,UAAU,SAAA,EAAW;AACvB,IAAA,MAAM,gBAAgB,UAAA,GAAa,aAAA;AACnC,IAAA,MAAM,WAAA,GAAc,eAAA,CAAgB,SAAA,GAAY,cAAA,CAAe,KAAA;AAC/D,IAAA,MAAM,cAAA,GAAiB,eAAA,CAAgB,SAAA,GAAY,eAAA,CAAgB,eAAe,cAAA,CAAe,GAAA;AACjG,IAAA,IAAI,UAAA,IAAc,WAAA,IAAe,aAAA,IAAiB,cAAA,SAAuB,eAAA,CAAgB,SAAA;AACzF,IAAA,OAAO,UAAA,GAAa,WAAA,GAChB,UAAA,GAAa,cAAA,CAAe,KAAA,GAAQ,eACpC,aAAA,GAAgB,eAAA,CAAgB,YAAA,GAAe,cAAA,CAAe,GAAA,GAAM,YAAA;AAAA,EAC1E;AAEA,EAAA,OAAO,UAAA,GAAa,eAAe,KAAA,GAAQ,YAAA;AAC7C,CAAA;AAEA,MAAM,qBAAqB,CAAC;AAAA,EAC1B,gBAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAA;AAAA,EACA,sBAAA;AAAA,EACA,iBAAA;AAAA,EACA;AACF,CAAA,KAOM;AACJ,EAAA,MAAM,UAAA,GAAa,eAAA,CAAgB,qBAAA,EAAsB,CAAE,MAAM,YAAA,GAAe,sBAAA;AAChF,EAAA,MAAM,OAAA,GAAU,MAAM,MAAA,CAAO,CAAC,GAAG,IAAI,CAAA,KAAM,IAAA,CAAK,YAAY,CAAA;AAC5D,EAAA,IAAI,qBAAA;AAEJ,EAAA,KAAA,MAAW,CAAC,SAAA,EAAW,IAAI,CAAA,IAAK,OAAA,EAAS;AACvC,IAAA,IAAI,KAAK,OAAA,CAAQ,qBAAA,EAAsB,CAAE,GAAA,IAAO,aAAa,kBAAA,EAAoB;AAC/E,MAAA,qBAAA,GAAwB,SAAA;AAAA,IAC1B;AAAA,EACF;AAEA,EAAA,IAAI,uBAAuB,OAAO,qBAAA;AAClC,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,CAAC,CAAC,SAAS,CAAA,KAAM,iBAAA,CAAkB,GAAA,CAAI,SAAS,CAAC,CAAA,GAAI,CAAC,CAAA,IAAK,gBAAA;AACjF,CAAA;AAWO,SAAS,uBAAA,CAAwB;AAAA,EACtC,UAAA,GAAa,KAAA;AAAA,EACb,QAAA;AAAA,EACA,qBAAA,GAAwB,KAAA;AAAA,EACxB,mBAAA,GAAsB,6BAAA;AAAA,EACtB,YAAA,GAAe,qBAAA;AAAA,EACf,sBAAA,GAAyB;AAC3B,CAAA,EAAiC;AAC/B,EAAA,MAAM,QAAA,GAAW,KAAA,CAAM,MAAA,CAAsD,IAAI,CAAA;AACjF,EAAA,QAAA,CAAS,OAAA,yBAAgB,GAAA,EAAuC;AAChE,EAAA,MAAM,gBAAgB,QAAA,CAAS,OAAA;AAC/B,EAAA,MAAM,oBAAA,GAAuB,KAAA,CAAM,MAAA,CAA2B,IAAI,CAAA;AAClE,EAAA,oBAAA,CAAqB,OAAA,yBAAgB,GAAA,EAAY;AACjD,EAAA,MAAM,yBAAyB,oBAAA,CAAqB,OAAA;AACpD,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,KAAA,CAAM,SAAS,CAAC,CAAA;AACxD,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,KAAA,CAAM,SAAgC,IAAI,CAAA;AAChF,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,KAAA,CAAM,SAAgC,IAAI,CAAA;AACxF,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,KAAA,CAAM,SAAgC,IAAI,CAAA;AACtF,EAAA,MAAM,uBAAA,GAA0B,KAAA,CAAM,MAAA,CAAO,KAAK,CAAA;AAClD,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,KAAA,CAAM,SAAoC,kBAAkB,CAAA;AAChG,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,KAAA,CAAM,SAAoC,kBAAkB,CAAA;AAEhG,EAAA,MAAM,oBAAoB,KAAA,CAAM,WAAA;AAAA,IAC9B,CAAC,cAAA,KAA8C;AAC7C,MAAA,MAAM,eAAA,GAAkB,CAAC,cAAA,CAAe,KAAA,IAAS,OAAA,EAAS,cAAA,CAAe,GAAA,IAAO,KAAK,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,CAAE,KAAK,GAAG,CAAA;AAE/G,MAAA,KAAA,MAAW,OAAA,IAAW,CAAC,WAAA,EAAa,eAAe,CAAA,EAAG;AACpD,QAAA,IAAI,CAAC,OAAA,EAAS;AACd,QAAA,IAAI,eAAA,EAAiB;AACnB,UAAA,OAAA,CAAQ,YAAA,CAAa,mBAAmB,eAAe,CAAA;AAAA,QACzD,CAAA,MAAO;AACL,UAAA,OAAA,CAAQ,gBAAgB,iBAAiB,CAAA;AAAA,QAC3C;AAAA,MACF;AAEA,MAAA,aAAA,CAAc,aAAY,iBAAA,CAAkB,OAAA,EAAS,cAAc,CAAA,GAAI,UAAU,cAAe,CAAA;AAAA,IAClG,CAAA;AAAA,IACA,CAAC,aAAa,eAAe;AAAA,GAC/B;AAEA,EAAA,MAAM,iBAAA,GAAoB,KAAA,CAAM,WAAA,CAAY,CAAC,cAAA,KAA8C;AACzF,IAAA,aAAA,CAAc,aAAY,iBAAA,CAAkB,OAAA,EAAS,cAAc,CAAA,GAAI,UAAU,cAAe,CAAA;AAAA,EAClG,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,gBAAA,GAAmB,KAAA,CAAM,WAAA,CAAY,MAAM;AAC/C,IAAA,IAAI,CAAC,eAAA,EAAiB;AACpB,MAAA,iBAAA,CAAkB,kBAAkB,CAAA;AACpC,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,eAAA,GAAkB,eAAA,CAAgB,YAAA,GAAe,eAAA,CAAgB,YAAY,eAAA,CAAgB,YAAA;AACnG,IAAA,iBAAA,CAAkB;AAAA,MAChB,KAAA,EAAO,gBAAgB,SAAA,GAAY,mBAAA;AAAA,MACnC,KAAK,eAAA,GAAkB;AAAA,KACxB,CAAA;AAAA,EACH,CAAA,EAAG,CAAC,iBAAA,EAAmB,mBAAA,EAAqB,eAAe,CAAC,CAAA;AAE5D,EAAA,MAAM,gBAAA,GAAmB,KAAA,CAAM,WAAA,CAAY,MAAM;AAC/C,IAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,IAAA,CAAK,aAAA,CAAc,SAAS,CAAA;AAChD,IAAA,MAAM,gBAAA,GAAmB,MAAM,MAAA,CAAO,CAAC,GAAG,IAAI,MAAM,IAAA,CAAK,YAAY,EAAE,EAAA,CAAG,EAAE,IAAI,CAAC,CAAA,IAAK,MAAM,EAAA,CAAG,EAAE,IAAI,CAAC,CAAA;AAEtG,IAAA,IAAI,KAAA,CAAM,WAAW,CAAA,EAAG;AACtB,MAAA,iBAAA,CAAkB,kBAAkB,CAAA;AACpC,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,CAAC,eAAA,EAAiB;AACpB,MAAA,iBAAA,CAAkB;AAAA,QAChB,eAAA,EAAiB,gBAAA;AAAA,QACjB,iBAAA,EAAmB,gBAAA,GAAmB,CAAC,gBAAgB,IAAI;AAAC,OAC7D,CAAA;AACD,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,YAAA,GAAe,gBAAgB,qBAAA,EAAsB;AAC3D,IAAA,MAAM,iBAAA,uBAAwB,GAAA,EAAY;AAE1C,IAAA,IAAI,OAAO,yBAAyB,WAAA,EAAa;AAC/C,MAAA,MAAM,aAAA,GAAgB,YAAA,CAAa,GAAA,GAAM,YAAA,GAAe,sBAAA;AACxD,MAAA,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAC,SAAA,EAAW,IAAI,CAAA,KAAM;AACnC,QAAA,MAAM,IAAA,GAAO,IAAA,CAAK,OAAA,CAAQ,qBAAA,EAAsB;AAChD,QAAA,IAAI,IAAA,CAAK,SAAS,aAAA,IAAiB,IAAA,CAAK,MAAM,YAAA,CAAa,MAAA,EAAQ,iBAAA,CAAkB,GAAA,CAAI,SAAS,CAAA;AAAA,MACpG,CAAC,CAAA;AAAA,IACH,CAAA,MAAO;AACL,MAAA,sBAAA,CAAuB,OAAA,CAAQ,CAAA,SAAA,KAAa,iBAAA,CAAkB,GAAA,CAAI,SAAS,CAAC,CAAA;AAAA,IAC9E;AAEA,IAAA,MAAM,2BAA2B,KAAA,CAAM,OAAA;AAAA,MAAQ,CAAC,CAAC,SAAS,CAAA,KACxD,iBAAA,CAAkB,GAAA,CAAI,SAAS,CAAA,GAAI,CAAC,SAAS,CAAA,GAAI;AAAC,KACpD;AAEA,IAAA,iBAAA,CAAkB;AAAA,MAChB,iBAAiB,kBAAA,CAAmB;AAAA,QAClC,gBAAA;AAAA,QACA,KAAA;AAAA,QACA,YAAA;AAAA,QACA,sBAAA;AAAA,QACA,iBAAA;AAAA,QACA;AAAA,OACD,CAAA;AAAA,MACD,iBAAA,EACE,yBAAyB,MAAA,GAAS,CAAA,GAAI,2BAA2B,gBAAA,GAAmB,CAAC,gBAAgB,CAAA,GAAI;AAAC,KAC7G,CAAA;AAAA,EACH,CAAA,EAAG,CAAC,sBAAA,EAAwB,aAAA,EAAe,mBAAmB,YAAA,EAAc,sBAAA,EAAwB,eAAe,CAAC,CAAA;AAEpH,EAAA,MAAM,eAAA,GAAkB,KAAA,CAAM,WAAA,CAAY,MAAM;AAC9C,IAAA,gBAAA,EAAiB;AACjB,IAAA,gBAAA,EAAiB;AAAA,EACnB,CAAA,EAAG,CAAC,gBAAA,EAAkB,gBAAgB,CAAC,CAAA;AAEvC,EAAA,MAAM,kBAAkB,KAAA,CAAM,WAAA;AAAA,IAC5B,CACE,OAAA,EACA;AAAA,MACE,KAAA,GAAQ,OAAA;AAAA,MACR,QAAA,GAAW,MAAA;AAAA,MACX,cAAc,kBAAA,GAAqB;AAAA,KACrC,GAAkC,EAAC,KAChC;AACH,MAAA,IAAI,CAAC,eAAA,IAAmB,CAAC,gBAAgB,QAAA,CAAS,OAAO,GAAG,OAAO,KAAA;AAEnE,MAAA,MAAM,gBAAgB,IAAA,CAAK,GAAA;AAAA,QACzB,CAAA;AAAA,QACA,gBAAgB,EAAE,KAAA,EAAO,SAAS,YAAA,EAAc,kBAAA,EAAoB,iBAAiB;AAAA,OACvF;AAEA,MAAA,IAAI,KAAK,GAAA,CAAI,eAAA,CAAgB,SAAA,GAAY,aAAa,KAAK,kBAAA,EAAoB;AAC7E,QAAA,gBAAA,CAAiB,eAAA,EAAiB,eAAe,MAAM,CAAA;AACvD,QAAA,eAAA,EAAgB;AAChB,QAAA,OAAO,IAAA;AAAA,MACT;AAEA,MAAA,gBAAA,CAAiB,eAAA,EAAiB,eAAe,QAAQ,CAAA;AACzD,MAAA,kBAAA,CAAmB,eAAe,CAAA;AAClC,MAAA,OAAO,IAAA;AAAA,IACT,CAAA;AAAA,IACA,CAAC,cAAA,EAAgB,YAAA,EAAc,eAAA,EAAiB,eAAe;AAAA,GACjE;AAEA,EAAA,MAAM,gBAAgB,KAAA,CAAM,WAAA;AAAA,IAC1B,CAAC,EAAE,QAAA,GAAW,MAAA,EAAO,GAAkC,EAAC,KAAM;AAC5D,MAAA,IAAI,CAAC,iBAAiB,OAAO,KAAA;AAC7B,MAAA,gBAAA,CAAiB,eAAA,EAAiB,GAAG,QAAQ,CAAA;AAC7C,MAAA,kBAAA,CAAmB,eAAe,CAAA;AAClC,MAAA,OAAO,IAAA;AAAA,IACT,CAAA;AAAA,IACA,CAAC,iBAAiB,eAAe;AAAA,GACnC;AAEA,EAAA,MAAM,cAAc,KAAA,CAAM,WAAA;AAAA,IACxB,CAAC,EAAE,QAAA,GAAW,MAAA,EAAO,GAAkC,EAAC,KAAM;AAC5D,MAAA,IAAI,CAAC,iBAAiB,OAAO,KAAA;AAC7B,MAAA,gBAAA;AAAA,QACE,eAAA;AAAA,QACA,KAAK,GAAA,CAAI,CAAA,EAAG,eAAA,CAAgB,YAAA,GAAe,gBAAgB,YAAY,CAAA;AAAA,QACvE;AAAA,OACF;AACA,MAAA,kBAAA,CAAmB,eAAe,CAAA;AAClC,MAAA,OAAO,IAAA;AAAA,IACT,CAAA;AAAA,IACA,CAAC,iBAAiB,eAAe;AAAA,GACnC;AAEA,EAAA,MAAM,kBAAkB,KAAA,CAAM,WAAA;AAAA,IAC5B,CAAC,WAAmB,OAAA,KAA2C;AAC7D,MAAA,MAAM,IAAA,GAAO,aAAA,CAAc,GAAA,CAAI,SAAS,CAAA;AACxC,MAAA,IAAI,CAAC,MAAM,OAAO,KAAA;AAClB,MAAA,OAAO,eAAA,CAAgB,IAAA,CAAK,OAAA,EAAS,OAAO,CAAA;AAAA,IAC9C,CAAA;AAAA,IACA,CAAC,eAAe,eAAe;AAAA,GACjC;AAEA,EAAA,MAAM,eAAe,KAAA,CAAM,WAAA;AAAA,IACzB,CAAC,SAAA,EAAmB,OAAA,EAAsB,YAAA,KAA0B;AAClE,MAAA,aAAA,CAAc,GAAA,CAAI,SAAA,EAAW,EAAE,OAAA,EAAS,cAAc,CAAA;AACtD,MAAA,eAAA,CAAgB,CAAA,OAAA,KAAW,UAAU,CAAC,CAAA;AAEtC,MAAA,OAAO,MAAM;AACX,QAAA,MAAM,OAAA,GAAU,aAAA,CAAc,GAAA,CAAI,SAAS,CAAA;AAC3C,QAAA,IAAI,OAAA,EAAS,YAAY,OAAA,EAAS;AAClC,QAAA,aAAA,CAAc,OAAO,SAAS,CAAA;AAC9B,QAAA,sBAAA,CAAuB,OAAO,SAAS,CAAA;AACvC,QAAA,eAAA,CAAgB,CAAA,OAAA,KAAW,UAAU,CAAC,CAAA;AAAA,MACxC,CAAA;AAAA,IACF,CAAA;AAAA,IACA,CAAC,wBAAwB,aAAa;AAAA,GACxC;AAEA,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,CAAC,cAAA,IAAkB,CAAC,eAAA,IAAmB,OAAO,yBAAyB,WAAA,EAAa;AACtF,MAAA,gBAAA,EAAiB;AACjB,MAAA,OAAO,MAAA;AAAA,IACT;AAEA,IAAA,MAAM,kBAAA,uBAAyB,GAAA,EAAqB;AACpD,IAAA,KAAA,MAAW,CAAC,SAAA,EAAW,IAAI,CAAA,IAAK,aAAA,EAAe;AAC7C,MAAA,kBAAA,CAAmB,GAAA,CAAI,IAAA,CAAK,OAAA,EAAS,SAAS,CAAA;AAAA,IAChD;AAEA,IAAA,MAAM,WAAW,IAAI,oBAAA;AAAA,MACnB,CAAA,OAAA,KAAW;AACT,QAAA,KAAA,MAAW,SAAS,OAAA,EAAS;AAC3B,UAAA,MAAM,SAAA,GAAY,kBAAA,CAAmB,GAAA,CAAI,KAAA,CAAM,MAAM,CAAA;AACrD,UAAA,IAAI,CAAC,SAAA,EAAW;AAChB,UAAA,IAAI,MAAM,cAAA,EAAgB;AACxB,YAAA,sBAAA,CAAuB,IAAI,SAAS,CAAA;AAAA,UACtC,CAAA,MAAO;AACL,YAAA,sBAAA,CAAuB,OAAO,SAAS,CAAA;AAAA,UACzC;AAAA,QACF;AACA,QAAA,gBAAA,EAAiB;AAAA,MACnB,CAAA;AAAA,MACA;AAAA,QACE,IAAA,EAAM,eAAA;AAAA,QACN,UAAA,EAAY,CAAA,EAAG,EAAE,YAAA,GAAe,sBAAA,CAAuB,CAAA,cAAA,CAAA;AAAA,QACvD,SAAA,EAAW,CAAC,CAAA,EAAG,IAAA,EAAM,KAAK,CAAC;AAAA;AAC7B,KACF;AAEA,IAAA,KAAA,MAAW,GAAG,IAAI,CAAA,IAAK,eAAe,QAAA,CAAS,OAAA,CAAQ,KAAK,OAAO,CAAA;AACnE,IAAA,gBAAA,EAAiB;AAEjB,IAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,EACnC,CAAA,EAAG;AAAA,IACD,cAAA;AAAA,IACA,sBAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,sBAAA;AAAA,IACA,gBAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,CAAC,eAAA,IAAmB,OAAO,cAAA,KAAmB,aAAa,OAAO,MAAA;AACtE,IAAA,MAAM,QAAA,GAAW,IAAI,cAAA,CAAe,eAAe,CAAA;AACnD,IAAA,QAAA,CAAS,QAAQ,eAAe,CAAA;AAChC,IAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,EACnC,CAAA,EAAG,CAAC,eAAA,EAAiB,eAAe,CAAC,CAAA;AAErC,EAAA,KAAA,CAAM,gBAAgB,MAAM;AAC1B,IAAA,gBAAA,EAAiB;AACjB,IAAA,gBAAA,EAAiB;AAAA,EACnB,CAAA,EAAG,CAAC,YAAA,EAAc,gBAAA,EAAkB,gBAAgB,CAAC,CAAA;AAErD,EAAA,KAAA,CAAM,gBAAgB,MAAM;AAC1B,IAAA,IAAI,wBAAwB,OAAA,IAAW,CAAC,eAAA,IAAmB,aAAA,CAAc,SAAS,CAAA,EAAG;AAErF,IAAA,IAAI,SAAA,GAAY,KAAA;AAChB,IAAA,IAAI,0BAA0B,OAAA,EAAS;AACrC,MAAA,SAAA,GAAY,aAAA,CAAc,EAAE,QAAA,EAAU,MAAA,EAAQ,CAAA;AAAA,IAChD,CAAA,MAAA,IAAW,0BAA0B,aAAA,EAAe;AAClD,MAAA,MAAM,eAAe,KAAA,CAAM,IAAA,CAAK,cAAc,OAAA,EAAS,EACpD,MAAA,CAAO,CAAC,GAAG,IAAI,MAAM,IAAA,CAAK,YAAY,EACtC,EAAA,CAAG,EAAE,IAAI,CAAC,CAAA;AACb,MAAA,SAAA,GAAY,YAAA,GACR,eAAA,CAAgB,YAAA,EAAc,EAAE,OAAO,OAAA,EAAS,QAAA,EAAU,MAAA,EAAQ,CAAA,GAClE,WAAA,CAAY,EAAE,QAAA,EAAU,QAAQ,CAAA;AAAA,IACtC,CAAA,MAAO;AACL,MAAA,SAAA,GAAY,WAAA,CAAY,EAAE,QAAA,EAAU,MAAA,EAAQ,CAAA;AAAA,IAC9C;AAEA,IAAA,IAAI,SAAA,0BAAmC,OAAA,GAAU,IAAA;AAAA,EACnD,CAAA,EAAG;AAAA,IACD,qBAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA,eAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,KAAA,CAAM,gBAAgB,MAAM;AAC1B,IAAA,IAAI,CAAC,UAAA,IAAc,CAAC,uBAAA,CAAwB,OAAA,EAAS;AACrD,IAAA,WAAA,CAAY,EAAE,QAAA,EAAU,MAAA,EAAQ,CAAA;AAAA,EAClC,CAAA,EAAG,CAAC,UAAA,EAAY,YAAA,EAAc,WAAW,CAAC,CAAA;AAE1C,EAAA,MAAM,sBAAsB,KAAA,CAAM,OAAA;AAAA,IAChC,OAAO;AAAA,MACL,YAAA;AAAA,MACA,WAAA;AAAA,MACA,eAAA;AAAA,MACA,aAAA;AAAA,MACA,iBAAA;AAAA,MACA,cAAA;AAAA,MACA,kBAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,YAAA,EAAc,WAAA,EAAa,eAAA,EAAiB,eAAe,eAAe;AAAA,GAC7E;AAEA,EAAA,MAAM,yBAAyB,KAAA,CAAM,OAAA;AAAA,IACnC,OAAO;AAAA,MACL,KAAK,UAAA,CAAW,GAAA;AAAA,MAChB,OAAO,UAAA,CAAW;AAAA,KACpB,CAAA;AAAA,IACA,CAAC,UAAA,CAAW,GAAA,EAAK,UAAA,CAAW,KAAK;AAAA,GACnC;AAEA,EAAA,MAAM,yBAAyB,KAAA,CAAM,OAAA;AAAA,IACnC,OAAO;AAAA,MACL,iBAAiB,UAAA,CAAW,eAAA;AAAA,MAC5B,mBAAmB,UAAA,CAAW;AAAA,KAChC,CAAA;AAAA,IACA,CAAC,UAAA,CAAW,eAAA,EAAiB,UAAA,CAAW,iBAAiB;AAAA,GAC3D;AAEA,EAAA,uBACE,GAAA,CAAC,8BAA8B,QAAA,EAA9B,EAAuC,OAAO,mBAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,iCAAiC,QAAA,EAAjC,EAA0C,OAAO,sBAAA,EAChD,QAAA,kBAAA,GAAA,CAAC,iCAAiC,QAAA,EAAjC,EAA0C,OAAO,sBAAA,EAC/C,QAAA,EACH,GACF,CAAA,EACF,CAAA;AAEJ;AAIO,MAAM,kBAAkB,KAAA,CAAM,UAAA;AAAA,EACnC,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,KAAQ;AAChC,IAAA,MAAM,EAAE,cAAA,EAAe,GAAI,wCAAA,CAAyC,iBAAiB,CAAA;AACrF,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,SAAA,CAAU,cAAA,EAAgB,GAAG,CAAA;AAAA,QAClC,WAAA,EAAU,kBAAA;AAAA,QACV,SAAA,EAAW,EAAA,CAAG,iFAAA,EAAmF,SAAS,CAAA;AAAA,QACzG,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAMvB,MAAM,0BAA0B,KAAA,CAAM,UAAA;AAAA,EAC3C,CAAC,EAAE,SAAA,EAAW,QAAA,EAAU,uBAAA,EAAyB,MAAM,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACnF,IAAA,MAAM,EAAE,kBAAA,EAAoB,eAAA,EAAgB,GAAI,yCAAyC,yBAAyB,CAAA;AAClH,IAAA,MAAM,WAAA,GAAc,KAAA,CAAM,OAAA,CAAQ,MAAM,SAAA,CAAU,kBAAA,EAAoB,GAAG,CAAA,EAAG,CAAC,GAAA,EAAK,kBAAkB,CAAC,CAAA;AAErG,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,WAAA;AAAA,QACL,MAAM,IAAA,IAAQ,QAAA;AAAA,QACd,UAAU,QAAA,IAAY,CAAA;AAAA,QACtB,WAAA,EAAU,2BAAA;AAAA,QACV,iCAAA,EAAiC,0BAA0B,MAAA,GAAS,MAAA;AAAA,QACpE,SAAA,EAAW,EAAA;AAAA,UACT,4JAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,UAAU,CAAA,KAAA,KAAS;AACjB,UAAA,eAAA,EAAgB;AAChB,UAAA,QAAA,GAAW,KAAK,CAAA;AAAA,QAClB,CAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,uBAAA,CAAwB,WAAA,GAAc,yBAAA;AAM/B,MAAM,yBAAyB,KAAA,CAAM,UAAA;AAAA,EAC1C,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,eAAA,EAAiB,IAAA,EAAM,eAAA,EAAiB,YAAA,GAAe,WAAA,EAAa,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC9G,IAAA,MAAM,EAAE,iBAAA,EAAmB,eAAA,EAAgB,GAAI,yCAAyC,wBAAwB,CAAA;AAChH,IAAA,MAAM,CAAC,cAAA,EAAgB,sBAAsB,CAAA,GAAI,KAAA,CAAM,SAAgC,IAAI,CAAA;AAE3F,IAAA,MAAM,aAAa,KAAA,CAAM,OAAA;AAAA,MACvB,MAAM,SAAA,CAA0B,iBAAA,EAAmB,sBAAA,EAAwB,GAAG,CAAA;AAAA,MAC9E,CAAC,KAAK,iBAAiB;AAAA,KACzB;AAEA,IAAA,KAAA,CAAM,gBAAgB,MAAM;AAC1B,MAAA,eAAA,EAAgB;AAAA,IAClB,CAAA,EAAG,CAAC,eAAe,CAAC,CAAA;AAEpB,IAAA,KAAA,CAAM,UAAU,MAAM;AACpB,MAAA,IAAI,CAAC,cAAA,IAAkB,OAAO,gBAAA,KAAqB,aAAa,OAAO,MAAA;AACvE,MAAA,MAAM,QAAA,GAAW,IAAI,gBAAA,CAAiB,eAAe,CAAA;AACrD,MAAA,QAAA,CAAS,QAAQ,cAAA,EAAgB,EAAE,WAAW,IAAA,EAAM,OAAA,EAAS,OAAO,CAAA;AACpE,MAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,IACnC,CAAA,EAAG,CAAC,cAAA,EAAgB,eAAe,CAAC,CAAA;AAEpC,IAAA,KAAA,CAAM,UAAU,MAAM;AACpB,MAAA,IAAI,CAAC,cAAA,IAAkB,OAAO,cAAA,KAAmB,aAAa,OAAO,MAAA;AACrE,MAAA,MAAM,QAAA,GAAW,IAAI,cAAA,CAAe,eAAe,CAAA;AACnD,MAAA,QAAA,CAAS,QAAQ,cAAc,CAAA;AAC/B,MAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,IACnC,CAAA,EAAG,CAAC,cAAA,EAAgB,eAAe,CAAC,CAAA;AAEpC,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,UAAA;AAAA,QACL,MAAM,IAAA,IAAQ,KAAA;AAAA,QACd,eAAA,EAAe,YAAA;AAAA,QACf,WAAA,EAAU,0BAAA;AAAA,QACV,SAAA,EAAW,EAAA,CAAG,sCAAA,EAAwC,SAAS,CAAA;AAAA,QAC9D,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,0BACD,GAAA,CAAC,SAAI,aAAA,EAAY,MAAA,EAAO,gCAA6B,EAAA,EAAG,MAAA,EAAM,IAAA,EAAC,SAAA,EAAW,eAAA,EAAiB;AAAA;AAAA;AAAA,KAC7F;AAAA,EAEJ;AACF;AACA,sBAAA,CAAuB,WAAA,GAAc,wBAAA;AAO9B,MAAM,sBAAsB,KAAA,CAAM,UAAA;AAAA,EACvC,CAAC,EAAE,SAAA,EAAW,SAAA,EAAW,eAAe,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACjE,IAAA,MAAM,EAAE,YAAA,EAAa,GAAI,wCAAA,CAAyC,qBAAqB,CAAA;AACvF,IAAA,MAAM,aAAA,GAAgB,KAAA,CAAM,MAAA,CAAiC,MAAS,CAAA;AACtE,IAAA,MAAM,UAAU,KAAA,CAAM,WAAA;AAAA,MACpB,CAAC,OAAA,KAAmC;AAClC,QAAA,aAAA,CAAc,OAAA,IAAU;AACxB,QAAA,aAAA,CAAc,OAAA,GAAU,MAAA;AACxB,QAAA,SAAA,CAAU,GAAG,EAAE,OAAO,CAAA;AAEtB,QAAA,IAAI,CAAC,OAAA,IAAW,CAAC,SAAA,EAAW;AAC5B,QAAA,aAAA,CAAc,OAAA,GAAU,YAAA,CAAa,SAAA,EAAW,OAAA,EAAS,YAAY,CAAA;AAAA,MACvE,CAAA;AAAA,MACA,CAAC,SAAA,EAAW,GAAA,EAAK,YAAA,EAAc,YAAY;AAAA,KAC7C;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,OAAA;AAAA,QACL,WAAA,EAAU,uBAAA;AAAA,QACV,iBAAA,EAAiB,SAAA;AAAA,QACjB,oBAAA,EAAoB,eAAe,MAAA,GAAS,OAAA;AAAA,QAC5C,SAAA,EAAW,EAAA,CAAG,gFAAA,EAAkF,SAAS,CAAA;AAAA,QACxG,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,mBAAA,CAAoB,WAAA,GAAc,qBAAA;AAQ3B,MAAM,wBAAwB,KAAA,CAAM,UAAA;AAAA,EACzC,CACE,EAAE,QAAA,GAAW,QAAA,EAAU,YAAY,KAAA,EAAO,SAAA,EAAW,QAAA,EAAU,OAAA,EAAS,UAAU,IAAA,GAAO,QAAA,EAAU,GAAG,KAAA,IACtG,GAAA,KACG;AACH,IAAA,MAAM,EAAE,WAAA,EAAa,aAAA,EAAc,GAAI,yCAAyC,uBAAuB,CAAA;AACvG,IAAA,MAAM,EAAE,KAAA,EAAO,GAAA,EAAI,GAAI,4CAA4C,uBAAuB,CAAA;AAC1F,IAAA,MAAM,MAAA,GAAS,SAAA,KAAc,OAAA,GAAU,KAAA,GAAQ,GAAA;AAE/C,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,WAAA,EAAU,yBAAA;AAAA,QACV,aAAA,EAAa,SAAS,MAAA,GAAS,OAAA;AAAA,QAC/B,gBAAA,EAAgB,SAAA;AAAA,QAChB,QAAA,EAAU,SAAS,QAAA,GAAW,EAAA;AAAA,QAC9B,SAAA,EAAW,EAAA;AAAA,UACT,quBAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,SAAS,CAAA,KAAA,KAAS;AAChB,UAAA,IAAI,CAAC,MAAA,EAAQ;AACb,UAAA,OAAA,GAAU,KAAK,CAAA;AACf,UAAA,IAAI,MAAM,gBAAA,EAAkB;AAC5B,UAAA,KAAA,CAAM,cAAc,IAAA,EAAK;AACzB,UAAA,IAAI,cAAc,OAAA,EAAS;AACzB,YAAA,aAAA,CAAc,EAAE,UAAU,CAAA;AAAA,UAC5B,CAAA,MAAO;AACL,YAAA,WAAA,CAAY,EAAE,UAAU,CAAA;AAAA,UAC1B;AAAA,QACF,CAAA;AAAA,QAEC,sCACC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,aAAA,EAAA,EAAc,SAAA,EAAU,QAAA,EAAS,aAAA,EAAW,IAAA,EAAC,CAAA;AAAA,8BAC7C,MAAA,EAAA,EAAK,SAAA,EAAU,WAAW,QAAA,EAAA,SAAA,KAAc,KAAA,GAAQ,kBAAkB,iBAAA,EAAkB;AAAA,SAAA,EACvF;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AACA,qBAAA,CAAsB,WAAA,GAAc,uBAAA;;;;"}

package/dist/components/Tabs.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const tabsTab = require('../tabs-tab-BeUPTvaP.cjs');
+const tabsTab = require('../tabs-tab-DkeS2Iv0.cjs');
 const tabsContent = require('../tabs-content-ohtjaVdC.cjs');
 
 

package/dist/components/Tabs.es.js

@@ -1,3 +1,3 @@
-export { T as Tab, a as TabList, b as Tabs } from '../tabs-tab-CaZnZdY8.js';
+export { T as Tab, a as TabList, b as Tabs } from '../tabs-tab-1KGOybMG.js';
 export { T as TabContent } from '../tabs-content--uzXt5ch.js';
 //# sourceMappingURL=Tabs.es.js.map

package/dist/components/ThreadRail.cjs.js

@@ -0,0 +1,432 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const messageScrollerHooks = require('../message-scroller-hooks-DdXqrmC2.cjs');
+const scrollArea = require('../scroll-area-0KvrrVBh.cjs');
+const hooks_useMeasuredAutoHeight = require('../hooks/use-measured-auto-height.cjs.js');
+const utils_cn = require('../cn-vA5sWo9W.cjs');
+const react = require('@mastra/react');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const PREVIEW_TRANSITION_DURATION_MS = 360;
+const PREVIEW_CLEANUP_DELAY_MS = PREVIEW_TRANSITION_DURATION_MS + 80;
+const DEFAULT_PREVIEW_STATE = {
+  currentTurn: void 0,
+  previousTurn: void 0,
+  index: null,
+  phase: "hidden",
+  top: 0,
+  transitionKey: 0
+};
+function ThreadRail({
+  turns,
+  currentAnchorId,
+  visibleMessageIds,
+  label = "Conversation timeline",
+  className,
+  maxHeight = "calc(100dvh - 12rem)",
+  scrollAreaClassName,
+  onSelect
+}) {
+  const railRef = React__namespace.useRef(null);
+  const previewId = React__namespace.useId();
+  const [previewState, setPreviewState] = React__namespace.useState(DEFAULT_PREVIEW_STATE);
+  const messageScroller = messageScrollerHooks.useOptionalMessageScroller();
+  const scrollerVisibility = messageScrollerHooks.useOptionalMessageScrollerVisibility();
+  const fallbackMessageId = turns.at(-1)?.messageId;
+  const activeMessageId = currentAnchorId ?? scrollerVisibility?.currentAnchorId ?? fallbackMessageId;
+  const resolvedVisibleMessageIds = visibleMessageIds ?? scrollerVisibility?.visibleMessageIds ?? (activeMessageId ? [activeMessageId] : []);
+  const visibleMessageIdSet = new Set(resolvedVisibleMessageIds);
+  const previewHoverActive = previewState.phase === "entering" || previewState.phase === "visible";
+  const hoveredIndex = previewHoverActive ? previewState.index : null;
+  const selectTurn = React__namespace.useCallback(
+    (turn) => {
+      if (onSelect) {
+        onSelect(turn);
+        return;
+      }
+      messageScroller?.scrollToMessage(turn.messageId, { behavior: "smooth", align: "start" });
+    },
+    [messageScroller, onSelect]
+  );
+  const showPreview = (index, element) => {
+    const railTop = railRef.current?.getBoundingClientRect().top ?? 0;
+    const itemRect = element.getBoundingClientRect();
+    const nextTurn = turns[index];
+    if (!nextTurn) return;
+    setPreviewState((current) => {
+      const nextTop = itemRect.top + itemRect.height / 2 - railTop;
+      if (current.index === index && current.phase !== "hidden" && current.phase !== "exiting") {
+        return { ...current, top: nextTop };
+      }
+      const previousTurn = current.currentTurn && current.currentTurn.key !== nextTurn.key && current.phase !== "hidden" ? current.currentTurn : void 0;
+      return {
+        currentTurn: nextTurn,
+        previousTurn,
+        index,
+        phase: "entering",
+        top: nextTop,
+        transitionKey: current.transitionKey + 1
+      };
+    });
+  };
+  const hidePreview = () => {
+    setPreviewState((current) => {
+      if (!current.currentTurn || current.phase === "hidden" || current.phase === "exiting") {
+        return { ...current, index: null };
+      }
+      return {
+        ...current,
+        index: null,
+        previousTurn: void 0,
+        phase: "exiting",
+        transitionKey: current.transitionKey + 1
+      };
+    });
+  };
+  React__namespace.useEffect(() => {
+    if (previewState.phase !== "entering") return;
+    const requestFrame = window.requestAnimationFrame ?? window.setTimeout;
+    const cancelFrame = window.cancelAnimationFrame ?? window.clearTimeout;
+    let settleFrame;
+    const startFrame = requestFrame(() => {
+      settleFrame = requestFrame(() => {
+        setPreviewState(
+          (current) => current.transitionKey === previewState.transitionKey && current.phase === "entering" ? { ...current, phase: "visible" } : current
+        );
+      });
+    });
+    return () => {
+      cancelFrame(startFrame);
+      if (settleFrame !== void 0) cancelFrame(settleFrame);
+    };
+  }, [previewState.phase, previewState.transitionKey]);
+  React__namespace.useEffect(() => {
+    if (previewState.phase !== "visible" || !previewState.previousTurn) return;
+    const timeout = window.setTimeout(() => {
+      setPreviewState(
+        (current) => current.transitionKey === previewState.transitionKey ? { ...current, previousTurn: void 0 } : current
+      );
+    }, PREVIEW_CLEANUP_DELAY_MS);
+    return () => window.clearTimeout(timeout);
+  }, [previewState.phase, previewState.previousTurn, previewState.transitionKey]);
+  React__namespace.useEffect(() => {
+    if (previewState.phase !== "exiting") return;
+    const timeout = window.setTimeout(() => {
+      setPreviewState(
+        (current) => current.transitionKey === previewState.transitionKey ? DEFAULT_PREVIEW_STATE : current
+      );
+    }, PREVIEW_CLEANUP_DELAY_MS);
+    return () => window.clearTimeout(timeout);
+  }, [previewState.phase, previewState.transitionKey]);
+  if (turns.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "nav",
+    {
+      ref: railRef,
+      "aria-label": label,
+      "data-testid": "thread-rail",
+      className: utils_cn.cn("relative w-8 py-2", className),
+      onMouseLeave: hidePreview,
+      onBlur: (event) => {
+        const nextFocus = event.relatedTarget;
+        if (!(nextFocus instanceof Node) || !event.currentTarget.contains(nextFocus)) hidePreview();
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          scrollArea.ScrollArea,
+          {
+            "data-testid": "thread-rail-scroll-area",
+            maxHeight,
+            className: utils_cn.cn("w-8", scrollAreaClassName),
+            viewPortClassName: "pr-3",
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-4 flex-col items-start gap-2 py-2", children: turns.map((turn, index) => {
+              const distance = hoveredIndex === null ? null : Math.abs(index - hoveredIndex);
+              const active = turn.messageId === activeMessageId;
+              const inView = visibleMessageIdSet.has(turn.messageId);
+              const previewActive = hoveredIndex === index;
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                ThreadRailItem,
+                {
+                  turn,
+                  index,
+                  distance,
+                  active,
+                  inView,
+                  previewId: previewActive ? previewId : void 0,
+                  onHoverChange: showPreview,
+                  onSelect: selectTurn
+                },
+                turn.key
+              );
+            }) })
+          }
+        ),
+        previewState.currentTurn && /* @__PURE__ */ jsxRuntime.jsx(
+          ThreadRailPreview,
+          {
+            id: previewId,
+            currentTurn: previewState.currentTurn,
+            previousTurn: previewState.previousTurn,
+            phase: previewState.phase,
+            top: previewState.top
+          }
+        )
+      ]
+    }
+  );
+}
+const getRailItemWidth = (distance) => {
+  if (distance === 0) return "w-4";
+  if (distance === 1) return "w-3";
+  return "w-2";
+};
+const getRailItemTone = ({
+  distance,
+  active,
+  inView
+}) => {
+  if (distance === 0 || active) return "bg-neutral6";
+  if (inView) return "bg-neutral5";
+  if (distance === 1) return "bg-neutral4";
+  return "bg-neutral3/60";
+};
+function ThreadRailItem({
+  turn,
+  index,
+  distance,
+  active,
+  inView,
+  previewId,
+  onHoverChange,
+  onSelect
+}) {
+  const size = getRailItemWidth(distance);
+  const tone = getRailItemTone({ distance, active, inView });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-in-view": inView ? "true" : void 0,
+      "data-active": active ? "true" : void 0,
+      className: "group/thread-rail-item relative flex items-center",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": `Jump to ${turn.prompt}`,
+          "aria-current": active ? "location" : void 0,
+          "aria-describedby": previewId,
+          "data-in-view": inView ? "true" : void 0,
+          "data-active": active ? "true" : void 0,
+          onClick: () => onSelect(turn),
+          onMouseEnter: (event) => onHoverChange(index, event.currentTarget),
+          onFocus: (event) => onHoverChange(index, event.currentTarget),
+          className: utils_cn.cn(
+            "relative block h-px cursor-pointer rounded-full transition-[width,background-color] duration-normal ease-out",
+            "before:absolute before:-inset-y-1 before:inset-x-0 before:content-['']",
+            "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent1/40",
+            size,
+            tone
+          )
+        }
+      )
+    }
+  );
+}
+function ThreadRailPreview({
+  id,
+  currentTurn,
+  previousTurn,
+  phase,
+  top
+}) {
+  const {
+    ref: previewSizerRef,
+    heightStyle: previewHeightStyle,
+    measure: measurePreviewHeight
+  } = hooks_useMeasuredAutoHeight.useMeasuredAutoHeight();
+  const containerVisible = phase === "visible" || phase === "entering" && Boolean(previousTurn);
+  const hiddenLayerClassName = "scale-95 opacity-0 blur-xs";
+  const visibleLayerClassName = "scale-100 opacity-100 blur-none";
+  const layerClassName = "absolute inset-x-0 top-0 h-full origin-left transition-[opacity,filter,scale] duration-150 ease-in-out will-change-[opacity,filter,scale] motion-reduce:scale-100 motion-reduce:blur-none motion-reduce:transition-none";
+  React__namespace.useLayoutEffect(() => {
+    measurePreviewHeight();
+  }, [currentTurn.key, phase, measurePreviewHeight]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      id,
+      "data-testid": "thread-rail-preview",
+      "data-visible": containerVisible ? "true" : void 0,
+      className: utils_cn.cn(
+        "pointer-events-none absolute left-full top-0 z-30 ml-3 w-72 overflow-hidden rounded-xl border border-border1 bg-surface3 text-left shadow-dialog transition-[height,translate,opacity] duration-360 ease-out-custom will-change-[height,translate,opacity] motion-reduce:transition-none",
+        containerVisible ? "opacity-100" : "opacity-0"
+      ),
+      style: { ...previewHeightStyle, translate: `0 calc(${top}px - 50%)` },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { ref: previewSizerRef, "data-testid": "thread-rail-preview-sizer", "aria-hidden": true, className: "invisible grid", children: /* @__PURE__ */ jsxRuntime.jsx(ThreadRailPreviewContent, { turn: currentTurn, className: "col-start-1 row-start-1 p-3.5" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "thread-rail-preview-viewport", className: "absolute inset-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative h-full", children: [
+          previousTurn && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              "data-testid": "thread-rail-preview-previous",
+              "aria-hidden": true,
+              className: utils_cn.cn(layerClassName, phase === "entering" ? visibleLayerClassName : hiddenLayerClassName),
+              children: /* @__PURE__ */ jsxRuntime.jsx(ThreadRailPreviewContent, { turn: previousTurn, className: "p-3.5" })
+            },
+            previousTurn.key
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              "data-testid": "thread-rail-preview-current",
+              className: utils_cn.cn(layerClassName, phase === "visible" ? visibleLayerClassName : hiddenLayerClassName),
+              children: /* @__PURE__ */ jsxRuntime.jsx(ThreadRailPreviewContent, { turn: currentTurn, className: "p-3.5" })
+            },
+            currentTurn.key
+          )
+        ] }) })
+      ]
+    }
+  );
+}
+function ThreadRailPreviewContent({
+  turn,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-ui-md font-medium leading-ui-md text-neutral6", children: turn.prompt }),
+    turn.reply && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1.5 line-clamp-3 text-ui-sm leading-ui-sm text-neutral4", children: turn.reply }),
+    (turn.files.length > 0 || turn.hiddenFileCount > 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-2 border-t border-border1/60 pt-2.5", children: [
+      turn.files.map((file) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex max-w-44 items-center gap-1.5 truncate text-ui-sm text-neutral4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "size-3.5 shrink-0 opacity-70", "aria-hidden": true }),
+        file
+      ] }, file)),
+      turn.hiddenFileCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-ui-sm font-medium text-neutral4", children: [
+        "+",
+        turn.hiddenFileCount
+      ] })
+    ] })
+  ] });
+}
+
+const SUMMARY_MAX_LENGTH = 120;
+const FILE_PREVIEW_LIMIT = 2;
+const isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+const getClientMessageKey = (message) => {
+  const metadata = message.content.metadata;
+  const clientMessageId = isRecord(metadata) ? metadata[react.CLIENT_MESSAGE_ID_KEY] : void 0;
+  return typeof clientMessageId === "string" && clientMessageId.length > 0 ? clientMessageId : message.id;
+};
+const normalizeSummary = (value, fallback) => {
+  const normalized = value.replace(/\s+/g, " ").trim();
+  if (normalized.length === 0) return fallback;
+  if (normalized.length <= SUMMARY_MAX_LENGTH) return normalized;
+  return `${normalized.slice(0, SUMMARY_MAX_LENGTH - 3).trimEnd()}...`;
+};
+const getTextFromParts = (message) => message.content.parts.flatMap((part) => {
+  if (!isRecord(part) || part.type !== "text" || typeof part.text !== "string") return [];
+  return [part.text];
+}).join("\n");
+const getStringField = (part, keys) => {
+  for (const key of keys) {
+    const value = part[key];
+    if (typeof value === "string" && value.trim().length > 0) return value;
+  }
+  return void 0;
+};
+const getPathLabel = (value) => {
+  if (value.startsWith("data:")) return void 0;
+  try {
+    const url = new URL(value);
+    const candidate = url.pathname.split("/").filter(Boolean).pop();
+    return candidate || url.hostname || void 0;
+  } catch {
+    const candidate = value.split(/[?#]/)[0]?.split("/").filter(Boolean).pop();
+    return candidate && !candidate.startsWith("data:") ? candidate : void 0;
+  }
+};
+const getFallbackFileLabel = (part) => {
+  const mediaType = getStringField(part, ["mimeType", "mediaType"]) ?? "";
+  if (part.type === "image" || mediaType.startsWith("image/")) return "Image";
+  if (mediaType === "application/pdf") return "PDF";
+  if (mediaType.startsWith("video/")) return "Video";
+  if (mediaType.startsWith("audio/")) return "Audio";
+  return "File";
+};
+const getFileLabelFromPart = (part) => {
+  if (!isRecord(part)) return void 0;
+  const type = getStringField(part, ["type"]);
+  if (type !== "file" && type !== "image") return void 0;
+  const explicitLabel = getStringField(part, ["filename", "name"]);
+  if (explicitLabel) return explicitLabel;
+  const source = getStringField(part, ["url", "image", "data"]);
+  const pathLabel = source ? getPathLabel(source) : void 0;
+  return pathLabel ?? getFallbackFileLabel(part);
+};
+const getFileLabels = (message) => message.content.parts.map(getFileLabelFromPart).filter((label) => Boolean(label));
+const getSignalType = (message) => {
+  const signal = message.content.metadata?.signal;
+  const metadataType = isRecord(signal) ? signal.type : void 0;
+  return typeof metadataType === "string" ? metadataType : message.type;
+};
+const isDisplayableUserMessage = (message) => {
+  if (message.role === "user") return true;
+  if (message.role !== "signal") return false;
+  const signalType = getSignalType(message);
+  return signalType === "user" || signalType === "user-message";
+};
+const getNextAssistantReply = (messages, startIndex) => {
+  for (let index = startIndex + 1; index < messages.length; index += 1) {
+    const message = messages[index];
+    if (!message) continue;
+    if (isDisplayableUserMessage(message)) return void 0;
+    if (message.role !== "assistant") continue;
+    const reply = normalizeSummary(getTextFromParts(message), "");
+    if (reply) return reply;
+  }
+  return void 0;
+};
+const buildThreadRailTurns = (messages) => messages.flatMap((message, index) => {
+  if (!isDisplayableUserMessage(message)) return [];
+  const files = getFileLabels(message);
+  const visibleFiles = files.slice(0, FILE_PREVIEW_LIMIT);
+  return [
+    {
+      key: getClientMessageKey(message),
+      messageId: message.id,
+      prompt: normalizeSummary(getTextFromParts(message), files.length > 0 ? "Attached file" : "User message"),
+      reply: getNextAssistantReply(messages, index),
+      files: visibleFiles,
+      hiddenFileCount: files.length - visibleFiles.length
+    }
+  ];
+});
+
+exports.ThreadRail = ThreadRail;
+exports.buildThreadRailTurns = buildThreadRailTurns;
+exports.getClientMessageKey = getClientMessageKey;
+//# sourceMappingURL=ThreadRail.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadRail.cjs.js","sources":["../../src/ds/components/ThreadRail/thread-rail.tsx","../../src/ds/components/ThreadRail/thread-rail-turns.ts"],"sourcesContent":["import { FileText } from 'lucide-react';\nimport * as React from 'react';\n\nimport type { ThreadRailTurn } from './thread-rail-turns';\n\nimport { useOptionalMessageScroller, useOptionalMessageScrollerVisibility } from '@/ds/components/MessageScroller';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { useMeasuredAutoHeight } from '@/hooks/use-measured-auto-height';\nimport { cn } from '@/lib/utils';\n\ntype ThreadRailPreviewPhase = 'hidden' | 'entering' | 'visible' | 'exiting';\n\ntype ThreadRailPreviewState = {\n  currentTurn: ThreadRailTurn | undefined;\n  previousTurn: ThreadRailTurn | undefined;\n  index: number | null;\n  phase: ThreadRailPreviewPhase;\n  top: number;\n  transitionKey: number;\n};\n\nconst PREVIEW_TRANSITION_DURATION_MS = 360;\nconst PREVIEW_CLEANUP_DELAY_MS = PREVIEW_TRANSITION_DURATION_MS + 80;\n\nconst DEFAULT_PREVIEW_STATE: ThreadRailPreviewState = {\n  currentTurn: undefined,\n  previousTurn: undefined,\n  index: null,\n  phase: 'hidden',\n  top: 0,\n  transitionKey: 0,\n};\n\nexport interface ThreadRailProps {\n  turns: ThreadRailTurn[];\n  currentAnchorId?: string;\n  visibleMessageIds?: string[];\n  label?: string;\n  className?: string;\n  maxHeight?: string;\n  scrollAreaClassName?: string;\n  onSelect?: (turn: ThreadRailTurn) => void;\n}\n\nexport function ThreadRail({\n  turns,\n  currentAnchorId,\n  visibleMessageIds,\n  label = 'Conversation timeline',\n  className,\n  maxHeight = 'calc(100dvh - 12rem)',\n  scrollAreaClassName,\n  onSelect,\n}: ThreadRailProps) {\n  const railRef = React.useRef<HTMLElement>(null);\n  const previewId = React.useId();\n  const [previewState, setPreviewState] = React.useState<ThreadRailPreviewState>(DEFAULT_PREVIEW_STATE);\n  const messageScroller = useOptionalMessageScroller();\n  const scrollerVisibility = useOptionalMessageScrollerVisibility();\n\n  const fallbackMessageId = turns.at(-1)?.messageId;\n  const activeMessageId = currentAnchorId ?? scrollerVisibility?.currentAnchorId ?? fallbackMessageId;\n  const resolvedVisibleMessageIds =\n    visibleMessageIds ?? scrollerVisibility?.visibleMessageIds ?? (activeMessageId ? [activeMessageId] : []);\n  const visibleMessageIdSet = new Set(resolvedVisibleMessageIds);\n  const previewHoverActive = previewState.phase === 'entering' || previewState.phase === 'visible';\n  const hoveredIndex = previewHoverActive ? previewState.index : null;\n  const selectTurn = React.useCallback(\n    (turn: ThreadRailTurn) => {\n      if (onSelect) {\n        onSelect(turn);\n        return;\n      }\n\n      messageScroller?.scrollToMessage(turn.messageId, { behavior: 'smooth', align: 'start' });\n    },\n    [messageScroller, onSelect],\n  );\n\n  const showPreview = (index: number, element: HTMLElement) => {\n    const railTop = railRef.current?.getBoundingClientRect().top ?? 0;\n    const itemRect = element.getBoundingClientRect();\n    const nextTurn = turns[index];\n    if (!nextTurn) return;\n\n    setPreviewState(current => {\n      const nextTop = itemRect.top + itemRect.height / 2 - railTop;\n      if (current.index === index && current.phase !== 'hidden' && current.phase !== 'exiting') {\n        return { ...current, top: nextTop };\n      }\n\n      const previousTurn =\n        current.currentTurn && current.currentTurn.key !== nextTurn.key && current.phase !== 'hidden'\n          ? current.currentTurn\n          : undefined;\n\n      return {\n        currentTurn: nextTurn,\n        previousTurn,\n        index,\n        phase: 'entering',\n        top: nextTop,\n        transitionKey: current.transitionKey + 1,\n      };\n    });\n  };\n\n  const hidePreview = () => {\n    setPreviewState(current => {\n      if (!current.currentTurn || current.phase === 'hidden' || current.phase === 'exiting') {\n        return { ...current, index: null };\n      }\n\n      return {\n        ...current,\n        index: null,\n        previousTurn: undefined,\n        phase: 'exiting',\n        transitionKey: current.transitionKey + 1,\n      };\n    });\n  };\n\n  React.useEffect(() => {\n    if (previewState.phase !== 'entering') return;\n\n    const requestFrame = window.requestAnimationFrame ?? window.setTimeout;\n    const cancelFrame = window.cancelAnimationFrame ?? window.clearTimeout;\n    let settleFrame: number | undefined;\n    const startFrame = requestFrame(() => {\n      settleFrame = requestFrame(() => {\n        setPreviewState(current =>\n          current.transitionKey === previewState.transitionKey && current.phase === 'entering'\n            ? { ...current, phase: 'visible' }\n            : current,\n        );\n      });\n    });\n\n    return () => {\n      cancelFrame(startFrame);\n      if (settleFrame !== undefined) cancelFrame(settleFrame);\n    };\n  }, [previewState.phase, previewState.transitionKey]);\n\n  React.useEffect(() => {\n    if (previewState.phase !== 'visible' || !previewState.previousTurn) return;\n\n    const timeout = window.setTimeout(() => {\n      setPreviewState(current =>\n        current.transitionKey === previewState.transitionKey ? { ...current, previousTurn: undefined } : current,\n      );\n    }, PREVIEW_CLEANUP_DELAY_MS);\n\n    return () => window.clearTimeout(timeout);\n  }, [previewState.phase, previewState.previousTurn, previewState.transitionKey]);\n\n  React.useEffect(() => {\n    if (previewState.phase !== 'exiting') return;\n\n    const timeout = window.setTimeout(() => {\n      setPreviewState(current =>\n        current.transitionKey === previewState.transitionKey ? DEFAULT_PREVIEW_STATE : current,\n      );\n    }, PREVIEW_CLEANUP_DELAY_MS);\n\n    return () => window.clearTimeout(timeout);\n  }, [previewState.phase, previewState.transitionKey]);\n\n  if (turns.length === 0) return null;\n\n  return (\n    <nav\n      ref={railRef}\n      aria-label={label}\n      data-testid=\"thread-rail\"\n      className={cn('relative w-8 py-2', className)}\n      onMouseLeave={hidePreview}\n      onBlur={event => {\n        const nextFocus = event.relatedTarget;\n        if (!(nextFocus instanceof Node) || !event.currentTarget.contains(nextFocus)) hidePreview();\n      }}\n    >\n      <ScrollArea\n        data-testid=\"thread-rail-scroll-area\"\n        maxHeight={maxHeight}\n        className={cn('w-8', scrollAreaClassName)}\n        viewPortClassName=\"pr-3\"\n      >\n        <div className=\"flex w-4 flex-col items-start gap-2 py-2\">\n          {turns.map((turn, index) => {\n            const distance = hoveredIndex === null ? null : Math.abs(index - hoveredIndex);\n            const active = turn.messageId === activeMessageId;\n            const inView = visibleMessageIdSet.has(turn.messageId);\n            const previewActive = hoveredIndex === index;\n\n            return (\n              <ThreadRailItem\n                key={turn.key}\n                turn={turn}\n                index={index}\n                distance={distance}\n                active={active}\n                inView={inView}\n                previewId={previewActive ? previewId : undefined}\n                onHoverChange={showPreview}\n                onSelect={selectTurn}\n              />\n            );\n          })}\n        </div>\n      </ScrollArea>\n\n      {previewState.currentTurn && (\n        <ThreadRailPreview\n          id={previewId}\n          currentTurn={previewState.currentTurn}\n          previousTurn={previewState.previousTurn}\n          phase={previewState.phase}\n          top={previewState.top}\n        />\n      )}\n    </nav>\n  );\n}\n\ninterface ThreadRailItemProps {\n  turn: ThreadRailTurn;\n  index: number;\n  distance: number | null;\n  active: boolean;\n  inView: boolean;\n  previewId?: string;\n  onHoverChange: (index: number, element: HTMLElement) => void;\n  onSelect: (turn: ThreadRailTurn) => void;\n}\n\n/** Width of a rail tick: widest at the hovered item, tapering to neighbours. */\nconst getRailItemWidth = (distance: number | null): string => {\n  if (distance === 0) return 'w-4';\n  if (distance === 1) return 'w-3';\n  return 'w-2';\n};\n\n/** Background tone of a rail tick, prioritising hovered/active, then in-view, then proximity. */\nconst getRailItemTone = ({\n  distance,\n  active,\n  inView,\n}: Pick<ThreadRailItemProps, 'distance' | 'active' | 'inView'>): string => {\n  if (distance === 0 || active) return 'bg-neutral6';\n  if (inView) return 'bg-neutral5';\n  if (distance === 1) return 'bg-neutral4';\n  return 'bg-neutral3/60';\n};\n\nfunction ThreadRailItem({\n  turn,\n  index,\n  distance,\n  active,\n  inView,\n  previewId,\n  onHoverChange,\n  onSelect,\n}: ThreadRailItemProps) {\n  const size = getRailItemWidth(distance);\n  const tone = getRailItemTone({ distance, active, inView });\n\n  return (\n    <div\n      data-in-view={inView ? 'true' : undefined}\n      data-active={active ? 'true' : undefined}\n      className=\"group/thread-rail-item relative flex items-center\"\n    >\n      <button\n        type=\"button\"\n        aria-label={`Jump to ${turn.prompt}`}\n        aria-current={active ? 'location' : undefined}\n        aria-describedby={previewId}\n        data-in-view={inView ? 'true' : undefined}\n        data-active={active ? 'true' : undefined}\n        onClick={() => onSelect(turn)}\n        onMouseEnter={event => onHoverChange(index, event.currentTarget)}\n        onFocus={event => onHoverChange(index, event.currentTarget)}\n        className={cn(\n          'relative block h-px cursor-pointer rounded-full transition-[width,background-color] duration-normal ease-out',\n          \"before:absolute before:-inset-y-1 before:inset-x-0 before:content-['']\",\n          'focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent1/40',\n          size,\n          tone,\n        )}\n      />\n    </div>\n  );\n}\n\nfunction ThreadRailPreview({\n  id,\n  currentTurn,\n  previousTurn,\n  phase,\n  top,\n}: {\n  id: string;\n  currentTurn: ThreadRailTurn;\n  previousTurn: ThreadRailTurn | undefined;\n  phase: ThreadRailPreviewPhase;\n  top: number;\n}) {\n  const {\n    ref: previewSizerRef,\n    heightStyle: previewHeightStyle,\n    measure: measurePreviewHeight,\n  } = useMeasuredAutoHeight<HTMLDivElement>();\n  const containerVisible = phase === 'visible' || (phase === 'entering' && Boolean(previousTurn));\n  // Entering and exiting share the same off-screen resting style.\n  const hiddenLayerClassName = 'scale-95 opacity-0 blur-xs';\n  const visibleLayerClassName = 'scale-100 opacity-100 blur-none';\n  const layerClassName =\n    'absolute inset-x-0 top-0 h-full origin-left transition-[opacity,filter,scale] duration-150 ease-in-out will-change-[opacity,filter,scale] motion-reduce:scale-100 motion-reduce:blur-none motion-reduce:transition-none';\n\n  React.useLayoutEffect(() => {\n    measurePreviewHeight();\n  }, [currentTurn.key, phase, measurePreviewHeight]);\n\n  return (\n    <div\n      id={id}\n      data-testid=\"thread-rail-preview\"\n      data-visible={containerVisible ? 'true' : undefined}\n      className={cn(\n        'pointer-events-none absolute left-full top-0 z-30 ml-3 w-72 overflow-hidden rounded-xl border border-border1 bg-surface3 text-left shadow-dialog transition-[height,translate,opacity] duration-360 ease-out-custom will-change-[height,translate,opacity] motion-reduce:transition-none',\n        containerVisible ? 'opacity-100' : 'opacity-0',\n      )}\n      style={{ ...previewHeightStyle, translate: `0 calc(${top}px - 50%)` }}\n    >\n      <div ref={previewSizerRef} data-testid=\"thread-rail-preview-sizer\" aria-hidden className=\"invisible grid\">\n        <ThreadRailPreviewContent turn={currentTurn} className=\"col-start-1 row-start-1 p-3.5\" />\n      </div>\n      <div data-testid=\"thread-rail-preview-viewport\" className=\"absolute inset-0\">\n        <div className=\"relative h-full\">\n          {previousTurn && (\n            <div\n              key={previousTurn.key}\n              data-testid=\"thread-rail-preview-previous\"\n              aria-hidden\n              className={cn(layerClassName, phase === 'entering' ? visibleLayerClassName : hiddenLayerClassName)}\n            >\n              <ThreadRailPreviewContent turn={previousTurn} className=\"p-3.5\" />\n            </div>\n          )}\n          <div\n            key={currentTurn.key}\n            data-testid=\"thread-rail-preview-current\"\n            className={cn(layerClassName, phase === 'visible' ? visibleLayerClassName : hiddenLayerClassName)}\n          >\n            <ThreadRailPreviewContent turn={currentTurn} className=\"p-3.5\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction ThreadRailPreviewContent({\n  turn,\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & { turn: ThreadRailTurn }) {\n  return (\n    <div className={className} {...props}>\n      <div className=\"truncate text-ui-md font-medium leading-ui-md text-neutral6\">{turn.prompt}</div>\n      {turn.reply && <p className=\"mt-1.5 line-clamp-3 text-ui-sm leading-ui-sm text-neutral4\">{turn.reply}</p>}\n      {(turn.files.length > 0 || turn.hiddenFileCount > 0) && (\n        <div className=\"mt-3 flex flex-wrap items-center gap-2 border-t border-border1/60 pt-2.5\">\n          {turn.files.map(file => (\n            <span key={file} className=\"inline-flex max-w-44 items-center gap-1.5 truncate text-ui-sm text-neutral4\">\n              <FileText className=\"size-3.5 shrink-0 opacity-70\" aria-hidden />\n              {file}\n            </span>\n          ))}\n          {turn.hiddenFileCount > 0 && (\n            <span className=\"text-ui-sm font-medium text-neutral4\">+{turn.hiddenFileCount}</span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n","import type { MastraDBMessage } from '@mastra/core/agent/message-list';\nimport { CLIENT_MESSAGE_ID_KEY } from '@mastra/react';\n\nconst SUMMARY_MAX_LENGTH = 120;\nconst FILE_PREVIEW_LIMIT = 2;\n\nexport interface ThreadRailTurn {\n  key: string;\n  messageId: string;\n  prompt: string;\n  reply?: string;\n  files: string[];\n  hiddenFileCount: number;\n}\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\nexport const getClientMessageKey = (message: MastraDBMessage): string => {\n  const metadata = message.content.metadata;\n  const clientMessageId = isRecord(metadata) ? metadata[CLIENT_MESSAGE_ID_KEY] : undefined;\n  return typeof clientMessageId === 'string' && clientMessageId.length > 0 ? clientMessageId : message.id;\n};\n\nconst normalizeSummary = (value: string, fallback: string): string => {\n  const normalized = value.replace(/\\s+/g, ' ').trim();\n  if (normalized.length === 0) return fallback;\n  if (normalized.length <= SUMMARY_MAX_LENGTH) return normalized;\n  return `${normalized.slice(0, SUMMARY_MAX_LENGTH - 3).trimEnd()}...`;\n};\n\nconst getTextFromParts = (message: MastraDBMessage): string =>\n  message.content.parts\n    .flatMap(part => {\n      if (!isRecord(part) || part.type !== 'text' || typeof part.text !== 'string') return [];\n      return [part.text];\n    })\n    .join('\\n');\n\nconst getStringField = (part: Record<string, unknown>, keys: string[]): string | undefined => {\n  for (const key of keys) {\n    const value = part[key];\n    if (typeof value === 'string' && value.trim().length > 0) return value;\n  }\n  return undefined;\n};\n\nconst getPathLabel = (value: string): string | undefined => {\n  if (value.startsWith('data:')) return undefined;\n\n  try {\n    const url = new URL(value);\n    const candidate = url.pathname.split('/').filter(Boolean).pop();\n    return candidate || url.hostname || undefined;\n  } catch {\n    const candidate = value.split(/[?#]/)[0]?.split('/').filter(Boolean).pop();\n    return candidate && !candidate.startsWith('data:') ? candidate : undefined;\n  }\n};\n\nconst getFallbackFileLabel = (part: Record<string, unknown>): string => {\n  const mediaType = getStringField(part, ['mimeType', 'mediaType']) ?? '';\n  if (part.type === 'image' || mediaType.startsWith('image/')) return 'Image';\n  if (mediaType === 'application/pdf') return 'PDF';\n  if (mediaType.startsWith('video/')) return 'Video';\n  if (mediaType.startsWith('audio/')) return 'Audio';\n  return 'File';\n};\n\nconst getFileLabelFromPart = (part: MastraDBMessage['content']['parts'][number]): string | undefined => {\n  if (!isRecord(part)) return undefined;\n\n  const type = getStringField(part, ['type']);\n  if (type !== 'file' && type !== 'image') return undefined;\n\n  const explicitLabel = getStringField(part, ['filename', 'name']);\n  if (explicitLabel) return explicitLabel;\n\n  const source = getStringField(part, ['url', 'image', 'data']);\n  const pathLabel = source ? getPathLabel(source) : undefined;\n  return pathLabel ?? getFallbackFileLabel(part);\n};\n\nconst getFileLabels = (message: MastraDBMessage): string[] =>\n  message.content.parts.map(getFileLabelFromPart).filter((label): label is string => Boolean(label));\n\nconst getSignalType = (message: MastraDBMessage): string | undefined => {\n  const signal = message.content.metadata?.signal;\n  const metadataType = isRecord(signal) ? signal.type : undefined;\n  return typeof metadataType === 'string' ? metadataType : message.type;\n};\n\nconst isDisplayableUserMessage = (message: MastraDBMessage): boolean => {\n  if (message.role === 'user') return true;\n  if (message.role !== 'signal') return false;\n\n  const signalType = getSignalType(message);\n  return signalType === 'user' || signalType === 'user-message';\n};\n\nconst getNextAssistantReply = (messages: MastraDBMessage[], startIndex: number): string | undefined => {\n  for (let index = startIndex + 1; index < messages.length; index += 1) {\n    const message = messages[index];\n    if (!message) continue;\n    if (isDisplayableUserMessage(message)) return undefined;\n    if (message.role !== 'assistant') continue;\n\n    const reply = normalizeSummary(getTextFromParts(message), '');\n    if (reply) return reply;\n  }\n\n  return undefined;\n};\n\nexport const buildThreadRailTurns = (messages: MastraDBMessage[]): ThreadRailTurn[] =>\n  messages.flatMap((message, index) => {\n    if (!isDisplayableUserMessage(message)) return [];\n\n    const files = getFileLabels(message);\n    const visibleFiles = files.slice(0, FILE_PREVIEW_LIMIT);\n\n    return [\n      {\n        key: getClientMessageKey(message),\n        messageId: message.id,\n        prompt: normalizeSummary(getTextFromParts(message), files.length > 0 ? 'Attached file' : 'User message'),\n        reply: getNextAssistantReply(messages, index),\n        files: visibleFiles,\n        hiddenFileCount: files.length - visibleFiles.length,\n      },\n    ];\n  });\n"],"names":["React","useOptionalMessageScroller","useOptionalMessageScrollerVisibility","jsxs","cn","jsx","ScrollArea","useMeasuredAutoHeight","FileText","CLIENT_MESSAGE_ID_KEY"],"mappings":"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"}

package/dist/components/ThreadRail.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/ds/components/ThreadRail/index'
+export {}