51:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 52:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 53:T1635,'use client'; import { type ComponentProps } from 'react'; import { type AgentState, type ReceivedMessage } from '@livekit/components-react'; import { Streamdown } from 'streamdown'; import { Bubble, BubbleContent } from '@/components/ui/bubble'; import { Message, MessageContent } from '@/components/ui/message'; import { Marker, MarkerContent, MarkerIcon } from '@/components/ui/marker'; import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, } from '@/components/ui/message-scroller'; import { AgentChatIndicator } from '@/components/agents-ui/agent-chat-indicator'; /** * Props for the AgentChatTranscript component. */ export interface AgentChatTranscriptProps extends ComponentProps<'div'>, ComponentProps, ComponentProps, ComponentProps { /** * Whether to automatically scroll to the bottom of the transcript when new messages are added. * @defaultValue true */ autoScroll?: boolean; /** * The scroll anchor to use when auto-scrolling. * @defaultValue false */ scrollAnchor?: boolean | 'user' | 'other' | 'any'; /** * The scroll button render function */ scrollButtonRender?: ComponentProps['render']; /** * The scroll button behavior */ scrollButtonBehavior?: ComponentProps['behavior']; /** * The scroll button direction */ scrollButtonDirection?: ComponentProps['direction']; /** * The current state of the agent. When 'thinking', displays a loading indicator. */ agentState?: AgentState; /** * Array of messages to display in the transcript. * @defaultValue [] */ messages?: ReceivedMessage[]; /** * Additional CSS class names to apply to the conversation container. */ className?: string; } /** * A chat transcript component that displays a conversation between the user and agent. * Shows messages with timestamps and origin indicators, plus a thinking indicator * when the agent is processing. * * @extends ComponentProps<'div'>, ComponentProps, ComponentProps, ComponentProps * * * @example * ```tsx * * ``` */ export function AgentChatTranscript({ scrollAnchor, autoScroll = true, scrollMargin, scrollEdgeThreshold, preserveScrollOnPrepend, scrollPreviousItemPeek, defaultScrollPosition = 'last-anchor', scrollButtonRender, scrollButtonBehavior, scrollButtonDirection, spacerClassName, agentState, messages = [], className, ...props }: AgentChatTranscriptProps) { return ( {messages.map((receivedMessage) => { const { id, timestamp, from, message } = receivedMessage; const time = new Date(timestamp); const isUser = from?.isLocal; const locale = typeof navigator !== 'undefined' ? navigator.language : 'en-US'; const title = time.toLocaleTimeString(locale, { timeStyle: 'full' }); let _scrollAnchor = false; if ( scrollAnchor === 'any' || (scrollAnchor === 'user' && isUser) || (scrollAnchor === 'other' && !isUser) ) { _scrollAnchor = true; } return ( {message} ); })} {/* Agent is thinking indicator */} {agentState === 'thinking' && ( Thinking... )} {/* Scroll to bottom button */} ); } 50:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@livekit/components-react@^2.0.0",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40livekit%2Fcomponents-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@livekit/components-react@^2.0.0"}]]}]}],["$","li","streamdown",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/streamdown","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"streamdown"}]]}]}]]}],["$","$L51",null,{"namespace":"@agents-ui","registryDependencies":["message-scroller","message","bubble","marker","@agents-ui/agent-chat-indicator"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"components/agents-ui/agent-chat-transcript.tsx","content":"$53","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]