npm - @mastra/playground-ui - Versions diffs - 68.0.0 → 69.0.0-alpha.0 - Mend

@mastra/playground-ui 68.0.0 → 69.0.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1784) hide show

package/dist/components/ThreadRail.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThreadRail.es.js","names":["React"],"sources":["../../src/ds/components/ThreadRail/thread-rail.tsx","../../src/ds/components/ThreadRail/thread-rail-turns.ts","../../src/ds/components/ThreadRail/turn-groups.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, ScrollAreaViewport } from '@/ds/components/ScrollArea';\nimport { Txt } from '@/ds/components/Txt';\nimport { overlaySurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { focusRing } from '@/ds/primitives/transitions';\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 >\n <ScrollAreaViewport className=\"pr-3\">\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 </ScrollAreaViewport>\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-foreground';\n if (inView) return 'bg-foreground/85';\n if (distance === 1) return 'bg-foreground/70';\n return 'bg-foreground/40';\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-x-0 before:-inset-y-1 before:content-['']\",\n focusRing,\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();\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 top-0 left-full z-30 ml-3 w-72 overflow-hidden rounded-xl text-left transition-[height,translate,opacity] duration-360 ease-out-custom will-change-[height,translate,opacity] motion-reduce:transition-none',\n overlaySurfaceStyle,\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\">\n <ThreadRailPreviewContent turn={currentTurn} className=\"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-subheading text-foreground\">{turn.prompt}</div>\n {turn.reply && (\n <Txt variant=\"caption\" tone=\"muted\" className=\"mt-1.5 line-clamp-3\">\n {turn.reply}\n </Txt>\n )}\n {(turn.files.length > 0 \|\| turn.hiddenFileCount > 0) && (\n <div className=\"mt-3 flex flex-wrap items-center gap-2 border-t border-border pt-2.5\">\n {turn.files.map(file => (\n <Txt\n as=\"span\"\n variant=\"caption\"\n tone=\"muted\"\n key={file}\n className=\"inline-flex max-w-44 items-center gap-1.5 truncate\"\n >\n <FileText className=\"size-3.5 shrink-0 opacity-70\" aria-hidden />\n {file}\n </Txt>\n ))}\n {turn.hiddenFileCount > 0 && (\n <Txt as=\"span\" variant=\"column\" tone=\"muted\">\n +{turn.hiddenFileCount}\n </Txt>\n )}\n </div>\n )}\n </div>\n );\n}\n","import type { MastraDBMessage } from '@mastra/core/agent/message-list';\nimport type { MastraDBMessageMetadata } from '@mastra/react';\n\nconst SUMMARY_MAX_LENGTH = 120;\nconst FILE_PREVIEW_LIMIT = 2;\n// Inlined, not imported: the value export sits behind a barrel this browser bundle must not pull.\nconst CLIENT_MESSAGE_ID_KEY = 'clientMessageId' satisfies keyof MastraDBMessageMetadata;\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\n/* What opens a turn: a rail stop, and the row the scroller parks at the top. /\nexport const startsUserTurn = (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 (startsUserTurn(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 (!startsUserTurn(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","/* A user's turn and everything the run produced under it. /\nexport interface TurnGroup<T> {\n key: string;\n entries: T[];\n /* Opened by a user message, so it reserves room and anchors the scroll. /\n opensTurn: boolean;\n}\n\nexport interface TurnRules<T> {\n key: (entry: T) => string;\n opensTurn: (entry: T) => boolean;\n /* A marker that belongs above the turn it introduces but arrives after the previous one, so it moves down. /\n introduces?: (entry: T) => boolean;\n}\n\nconst introducesNothing = () => false;\n\n/\n Cuts a timeline where the reader's attention moves: a user message starts a turn,\n * and everything the run answers with belongs to it. Entries before the first opener\n * form a turn of their own that opens nothing.\n */\nexport function groupTurns<T>(entries: T[], { key, opensTurn, introduces = introducesNothing }: TurnRules<T>) {\n const groups: TurnGroup<T>[] = [];\n\n for (const entry of entries) {\n const opens = opensTurn(entry);\n const previous = groups.at(-1);\n if (!opens && previous) {\n previous.entries.push(entry);\n continue;\n }\n const last = previous?.entries.at(-1);\n const introduction = previous && last !== undefined && introduces(last) ? previous.entries.splice(-1) : [];\n if (previous?.entries.length === 0) groups.pop();\n groups.push({ key: key(entry), entries: [...introduction, entry], opensTurn: opens });\n }\n\n return groups;\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"ThreadRail.es.js","names":["React"],"sources":["../../src/ds/components/ThreadRail/thread-rail.tsx","../../src/ds/components/ThreadRail/thread-rail-turns.ts","../../src/ds/components/ThreadRail/turn-groups.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, ScrollAreaViewport } from '@/ds/components/ScrollArea';\nimport { Txt } from '@/ds/components/Txt';\nimport { overlaySurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { focusRing } from '@/ds/primitives/transitions';\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 = React.useCallback(\n (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 [turns],\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 >\n <ScrollAreaViewport className=\"pr-3\">\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 </ScrollAreaViewport>\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-foreground';\n if (inView) return 'bg-foreground/85';\n if (distance === 1) return 'bg-foreground/70';\n return 'bg-foreground/40';\n};\n\nconst ThreadRailItem = React.memo(function 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-x-0 before:-inset-y-1 before:content-['']\",\n focusRing,\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();\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 top-0 left-full z-30 ml-3 w-72 overflow-hidden rounded-xl text-left transition-[height,translate,opacity] duration-360 ease-out-custom will-change-[height,translate,opacity] motion-reduce:transition-none',\n overlaySurfaceStyle,\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\">\n <ThreadRailPreviewContent turn={currentTurn} className=\"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-subheading text-foreground\">{turn.prompt}</div>\n {turn.reply && (\n <Txt variant=\"caption\" tone=\"muted\" className=\"mt-1.5 line-clamp-3\">\n {turn.reply}\n </Txt>\n )}\n {(turn.files.length > 0 \|\| turn.hiddenFileCount > 0) && (\n <div className=\"mt-3 flex flex-wrap items-center gap-2 border-t border-border pt-2.5\">\n {turn.files.map(file => (\n <Txt\n as=\"span\"\n variant=\"caption\"\n tone=\"muted\"\n key={file}\n className=\"inline-flex max-w-44 items-center gap-1.5 truncate\"\n >\n <FileText className=\"size-3.5 shrink-0 opacity-70\" aria-hidden />\n {file}\n </Txt>\n ))}\n {turn.hiddenFileCount > 0 && (\n <Txt as=\"span\" variant=\"column\" tone=\"muted\">\n +{turn.hiddenFileCount}\n </Txt>\n )}\n </div>\n )}\n </div>\n );\n}\n","import type { MastraDBMessage } from '@mastra/core/agent/message-list';\nimport type { MastraDBMessageMetadata } from '@mastra/react';\n\nconst SUMMARY_MAX_LENGTH = 120;\nconst FILE_PREVIEW_LIMIT = 2;\n// Inlined, not imported: the value export sits behind a barrel this browser bundle must not pull.\nconst CLIENT_MESSAGE_ID_KEY = 'clientMessageId' satisfies keyof MastraDBMessageMetadata;\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\n/* What opens a turn: a rail stop, and the row the scroller parks at the top. /\nexport const startsUserTurn = (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 (startsUserTurn(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 (!startsUserTurn(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","/* A user's turn and everything the run produced under it. /\nexport interface TurnGroup<T> {\n key: string;\n entries: T[];\n /* Opened by a user message, so it reserves room and anchors the scroll. /\n opensTurn: boolean;\n}\n\nexport interface TurnRules<T> {\n key: (entry: T) => string;\n opensTurn: (entry: T) => boolean;\n /* A marker that belongs above the turn it introduces but arrives after the previous one, so it moves down. /\n introduces?: (entry: T) => boolean;\n}\n\nconst introducesNothing = () => false;\n\n/\n Cuts a timeline where the reader's attention moves: a user message starts a turn,\n * and everything the run answers with belongs to it. Entries before the first opener\n * form a turn of their own that opens nothing.\n */\nexport function groupTurns<T>(entries: T[], { key, opensTurn, introduces = introducesNothing }: TurnRules<T>) {\n const groups: TurnGroup<T>[] = [];\n\n for (const entry of entries) {\n const opens = opensTurn(entry);\n const previous = groups.at(-1);\n if (!opens && previous) {\n previous.entries.push(entry);\n continue;\n }\n const last = previous?.entries.at(-1);\n const introduction = previous && last !== undefined && introduces(last) ? previous.entries.splice(-1) : [];\n if (previous?.entries.length === 0) groups.pop();\n groups.push({ key: key(entry), entries: [...introduction, entry], opensTurn: opens });\n }\n\n return groups;\n}\n"],"mappings":"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"}

package/dist/components/Toaster.cjs.js CHANGED Viewed

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require('../Toaster.css');const require_utils = require("../utils-uDc1ofX1.cjs");
-const require_Button = require("../Button-DLcMcuUL.cjs");
-const require_brand_loader = require("../brand-loader-C9I_IPq7.cjs");
-const require_toast_api = require("../toast-api-qtkOucy2.cjs");
+require('../Toaster.css');const require_brand_loader = require("../brand-loader-C9I_IPq7.cjs");
+const require_Button = require("../Button-BfICfyxD.cjs");
+const require_utils = require("../utils-uDc1ofX1.cjs");
+const require_toast_api = require("../toast-api-DDcGCbIw.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 let sonner = require("sonner");

package/dist/components/Toaster.es.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { t as cn } from "../utils-DQx8TpNT.js";
-import { o as buttonVariants } from "../Button-CLXTbAY8.js";
 import { t as BrandLoader } from "../brand-loader-CNOOyi7e.js";
-import { t as toast } from "../toast-api-D_rrRhNG.js";
+import { o as buttonVariants } from "../Button-Bi7aXd_G.js";
+import { t as cn } from "../utils-DQx8TpNT.js";
+import { t as toast } from "../toast-api-Cak5N8pT.js";
 import { jsx } from "react/jsx-runtime";
 import { InfoIcon, LightbulbIcon, OctagonAlertIcon, TriangleAlertIcon } from "lucide-react";
 import { Toaster as Toaster$1 } from "sonner";

package/dist/components/TokenBudget.cjs.js CHANGED Viewed

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require('../TokenBudget.css');const require_utils = require("../utils-uDc1ofX1.cjs");
-const require_Txt = require("../Txt-BnoSqxKE.cjs");
-const require_tones = require("../tones-C0SPXOKK.cjs");
+require('../TokenBudget.css');const require_tones = require("../tones-C0SPXOKK.cjs");
+const require_utils = require("../utils-uDc1ofX1.cjs");
+const require_Txt = require("../Txt-_00wWxTd.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/ds/components/TokenBudget/token-budget.tsx

package/dist/components/TokenBudget.es.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { t as cn } from "../utils-DQx8TpNT.js";
-import { t as Txt } from "../Txt-BM6TVV_c.js";
 import { n as formatCompactTokens, t as toneClass } from "../tones-DrHZdbpr.js";
+import { t as cn } from "../utils-DQx8TpNT.js";
+import { t as Txt } from "../Txt-5efBsb2p.js";
 import { useId } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import '../TokenBudget.css';// src/ds/components/TokenBudget/token-budget.tsx

package/dist/components/Tooltip.cjs.js CHANGED Viewed

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("../rolldown-runtime-CmQyd0Gu.cjs");
-const require_utils = require("../utils-uDc1ofX1.cjs");
-const require_tooltip = require("../tooltip-BiRLT3Th.cjs");
+const require_tooltip = require("../tooltip-BsExuMO8.cjs");
 const require_icons_Icon = require("../icons/Icon.cjs.js");
 const require_primitives_transitions = require("../primitives/transitions.cjs.js");
+const require_utils = require("../utils-uDc1ofX1.cjs");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/components/Tooltip.es.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { t as cn } from "../utils-DQx8TpNT.js";
-import { i as TooltipTrigger, n as TooltipContent, r as TooltipProvider, t as Tooltip } from "../tooltip-HzcLyGtV.js";
+import { i as TooltipTrigger, n as TooltipContent, r as TooltipProvider, t as Tooltip } from "../tooltip-DJcze2VZ.js";
 import { Icon } from "../icons/Icon.es.js";
 import { controlStateColorTransition, focusRing } from "../primitives/transitions.es.js";
+import { t as cn } from "../utils-DQx8TpNT.js";
 import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Info } from "lucide-react";

package/dist/components/Tree.cjs.js CHANGED Viewed

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Tree = require("../Tree-BplQcY8u.cjs");
+const require_Tree = require("../Tree-Caz4FTCU.cjs");
 exports.Tree = require_Tree.Tree;

package/dist/components/Tree.es.js CHANGED Viewed

	@@ -1 +1 @@
1	- export { t as Tree } from "../Tree-~~CoLkeBCL~~.js";
1	+ export { t as Tree } from "../Tree-od43gLMO.js";

package/dist/components/Truncate.cjs.js CHANGED Viewed

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_copy_button = require("../copy-button-DuEUYvS2.cjs");
+const require_tooltip = require("../tooltip-BsExuMO8.cjs");
+const require_Txt = require("../Txt-_00wWxTd.cjs");
 const require_utils = require("../utils-uDc1ofX1.cjs");
-const require_tooltip = require("../tooltip-BiRLT3Th.cjs");
-const require_Txt = require("../Txt-BnoSqxKE.cjs");
-const require_copy_button = require("../copy-button-DJAQ6_3o.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/ds/components/Truncate/truncate.tsx
 function Truncate({ children, untilChar, charCount, copy, withTooltip = true, className, as = "span", ...txtProps }) {

package/dist/components/Truncate.es.js CHANGED Viewed

@@ -1,7 +1,7 @@
+import { t as CopyButton } from "../copy-button-B-_Z6N6y.js";
+import { i as TooltipTrigger, n as TooltipContent, t as Tooltip } from "../tooltip-DJcze2VZ.js";
+import { t as Txt } from "../Txt-5efBsb2p.js";
 import { t as cn } from "../utils-DQx8TpNT.js";
-import { i as TooltipTrigger, n as TooltipContent, t as Tooltip } from "../tooltip-HzcLyGtV.js";
-import { t as Txt } from "../Txt-BM6TVV_c.js";
-import { t as CopyButton } from "../copy-button-BXrbevLn.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/ds/components/Truncate/truncate.tsx
 function Truncate({ children, untilChar, charCount, copy, withTooltip = true, className, as = "span", ...txtProps }) {

package/dist/components/Txt.cjs.js CHANGED Viewed

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Txt = require("../Txt-BnoSqxKE.cjs");
+const require_Txt = require("../Txt-_00wWxTd.cjs");
 exports.Txt = require_Txt.Txt;

package/dist/components/Txt.es.js CHANGED Viewed

	@@ -1 +1 @@
1	- export { t as Txt } from "../Txt-~~BM6TVV_c~~.js";
1	+ export { t as Txt } from "../Txt-5efBsb2p.js";

package/dist/components/Workflow.cjs.js CHANGED Viewed

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Workflow = require("../Workflow-DSWQ-ROz.cjs");
+const require_Workflow = require("../Workflow-XR5L-3cJ.cjs");
 exports.BADGE_COLORS = require_Workflow.BADGE_COLORS;
 exports.BADGE_ICONS = require_Workflow.BADGE_ICONS;
 exports.WORKFLOW_BOUNDARY_NODE_TYPE = require_Workflow.WORKFLOW_BOUNDARY_NODE_TYPE;

package/dist/components/Workflow.es.js CHANGED Viewed

	@@ -1 +1 @@
1	- export { _ as BADGE_COLORS, v as BADGE_ICONS, u as WORKFLOW_BOUNDARY_NODE_TYPE, d as WORKFLOW_DATA_EDGE_TYPE, l as WorkflowBoundaryNode, w as WorkflowCanvasInsetContext, g as WorkflowClock, p as WorkflowCodeContent, r as WorkflowConditionCard, h as WorkflowConditionCardView, c as WorkflowDataEdgeView, a as WorkflowDebugControls, f as WorkflowEdgeDataButton, s as WorkflowGraphCanvas, i as WorkflowGraphPlaceholder, o as WorkflowNodeFrame, t as WorkflowStepAction, n as WorkflowStepActions, m as WorkflowStepCardView, C as WorkflowTypeBadge, y as getConditionIconAndColor, b as getConditionIndicator, x as getNodeBadgeInfo, S as getNodeIndicators, T as workflowFitOptions } from "../Workflow-~~C3SlEdP-.~~js";
1	+ export { _ as BADGE_COLORS, v as BADGE_ICONS, u as WORKFLOW_BOUNDARY_NODE_TYPE, d as WORKFLOW_DATA_EDGE_TYPE, l as WorkflowBoundaryNode, w as WorkflowCanvasInsetContext, g as WorkflowClock, p as WorkflowCodeContent, r as WorkflowConditionCard, h as WorkflowConditionCardView, c as WorkflowDataEdgeView, a as WorkflowDebugControls, f as WorkflowEdgeDataButton, s as WorkflowGraphCanvas, i as WorkflowGraphPlaceholder, o as WorkflowNodeFrame, t as WorkflowStepAction, n as WorkflowStepActions, m as WorkflowStepCardView, C as WorkflowTypeBadge, y as getConditionIconAndColor, b as getConditionIndicator, x as getNodeBadgeInfo, S as getNodeIndicators, T as workflowFitOptions } from "../Workflow-mIbUYdv0.js";

package/dist/components/ai/activity.cjs.js CHANGED Viewed

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_activity = require("../../activity-CcQZeDYi.cjs");
+const require_activity = require("../../activity-BprmG6yH.cjs");
 exports.Activity = require_activity.Activity;
 exports.ActivityContent = require_activity.ActivityContent;
 exports.ActivityDetail = require_activity.ActivityDetail;

package/dist/components/ai/activity.es.js CHANGED Viewed

	@@ -1 +1 @@
1	- export { s as Activity, c as ActivityContent, l as ActivityDetail, u as ActivityDisclosure, d as ActivityHeader, f as ActivityHeadline, p as ActivityIcon, m as ActivityItem, h as ActivityLabel, g as ActivityLeading, _ as ActivitySpacer, v as ActivitySummary, y as ActivityTrailing, b as ActivityTrigger, x as ActivityWorkingDirectory, o as NotificationActivity, n as ReasoningActivity, a as ReasoningText, t as SignalActivity, r as hasReasoningText, i as hasVisibleReasoning, S as useRelativePaths } from "../../activity-~~C8Ql81WM~~.js";
1	+ export { s as Activity, c as ActivityContent, l as ActivityDetail, u as ActivityDisclosure, d as ActivityHeader, f as ActivityHeadline, p as ActivityIcon, m as ActivityItem, h as ActivityLabel, g as ActivityLeading, _ as ActivitySpacer, v as ActivitySummary, y as ActivityTrailing, b as ActivityTrigger, x as ActivityWorkingDirectory, o as NotificationActivity, n as ReasoningActivity, a as ReasoningText, t as SignalActivity, r as hasReasoningText, i as hasVisibleReasoning, S as useRelativePaths } from "../../activity-ClFChYfl.js";