admin-ui-starter-kit 0.1.4 → 0.4.2

package/dist/components/features/ai-chat/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/components/features/ai-chat/ai-chat.strings.ts","../../../../src/components/features/ai-chat/partials/ai-chat-attachments-strip.tsx","../../../../src/components/features/ai-chat/hooks/use-ai-chat-scroll.ts","../../../../src/components/features/ai-chat/partials/ai-chat-conversation.tsx","../../../../src/components/features/ai-chat/partials/ai-chat-empty-state.tsx","../../../../src/components/features/ai-chat/partials/ai-chat-message.tsx","../../../../src/components/features/ai-chat/partials/ai-chat-prompt-input.tsx","../../../../src/components/features/ai-chat/partials/ai-chat-queue.tsx","../../../../src/components/features/ai-chat/partials/ai-chat-suggestions-row.tsx","../../../../src/components/features/ai-chat/ai-chat.tsx"],"sourcesContent":["/**\n * Strings for `<AiChat>` and its partials. Each interface is co-located so\n * partials and the feature root all read from one source of truth (rule 19).\n * Consumers override via the `strings` prop on the relevant component; values\n * are deep-merged over the defaults so partial overrides are safe.\n */\n\nexport interface AiChatPromptInputStrings {\n\t/** Placeholder copy for the textarea. */\n\tplaceholder: string;\n\t/** Aria label for the attach button. */\n\tattachAria: string;\n\t/** Aria label for the submit button. */\n\tsubmitAria: string;\n\t/** Aria label for the stop button (replaces submit while streaming). */\n\tstopAria: string;\n\t/** Aria label for the model picker button (when `modelPicker` is provided). */\n\tmodelPickerAria: string;\n\t/** Hint shown under the input. Supports `{{key}}` for the submit shortcut. */\n\thint: string;\n}\n\nexport const defaultAiChatPromptInputStrings: AiChatPromptInputStrings = {\n\tplaceholder: 'Ask anything…',\n\tattachAria: 'Attach files',\n\tsubmitAria: 'Send message',\n\tstopAria: 'Stop generating',\n\tmodelPickerAria: 'Choose model',\n\thint: 'Press {{submitKey}} to send · {{newlineKey}} for newline',\n};\n\nexport interface AiChatConversationStrings {\n\tscrollToBottom: string;\n\tscrollToBottomAria: string;\n}\n\nexport const defaultAiChatConversationStrings: AiChatConversationStrings = {\n\tscrollToBottom: 'Jump to latest',\n\tscrollToBottomAria: 'Scroll to bottom',\n};\n\nexport interface AiChatQueueStrings {\n\theader: string;\n\tcancelAria: string;\n\tqueuedLabel: string;\n\trunningLabel: string;\n}\n\nexport const defaultAiChatQueueStrings: AiChatQueueStrings = {\n\theader: 'In queue',\n\tcancelAria: 'Remove from queue',\n\tqueuedLabel: 'Queued',\n\trunningLabel: 'Running',\n};\n\nexport interface AiChatSuggestionsStrings {\n\theader: string;\n}\n\nexport const defaultAiChatSuggestionsStrings: AiChatSuggestionsStrings = {\n\theader: 'Try',\n};\n\nexport interface AiChatMessageStrings {\n\tpending: string;\n}\n\nexport const defaultAiChatMessageStrings: AiChatMessageStrings = {\n\tpending: 'Thinking…',\n};\n\nexport interface AiChatStrings {\n\tprompt: AiChatPromptInputStrings;\n\tconversation: AiChatConversationStrings;\n\tqueue: AiChatQueueStrings;\n\tsuggestions: AiChatSuggestionsStrings;\n\tmessage: AiChatMessageStrings;\n\temptyTitle: string;\n\temptyDescription: string;\n}\n\nexport const defaultAiChatStrings: AiChatStrings = {\n\tprompt: defaultAiChatPromptInputStrings,\n\tconversation: defaultAiChatConversationStrings,\n\tqueue: defaultAiChatQueueStrings,\n\tsuggestions: defaultAiChatSuggestionsStrings,\n\tmessage: defaultAiChatMessageStrings,\n\temptyTitle: 'Start a conversation',\n\temptyDescription: 'Ask a question, share context, or attach a file to get going.',\n};\n\n/** Replace `{{key}}` tokens with values from `params`. */\nexport function interpolateString(\n\ttemplate: string,\n\tparams: Record<string, string | number>,\n): string {\n\treturn template.replace(/\\{\\{\\s*(\\w+)\\s*\\}\\}/g, (m, k) => {\n\t\tconst v = params[k];\n\t\treturn v === undefined ? m : String(v);\n\t});\n}\n","/**\n * AiChatAttachmentsStrip — flex-wrap row of `<AiAttachment>` chips. Used both\n * in the prompt input (staged uploads — pass `onRemove` to enable a remove\n * button) and inside messages (read-only attachment list).\n */\nimport { AiAttachment } from '@/components/composed/ai/ai-attachment';\nimport { cn } from '@/lib/utils';\n\nimport type { AiChatAttachment } from '../ai-chat.types';\n\nexport interface AiChatAttachmentsStripProps {\n\tattachments: ReadonlyArray<AiChatAttachment>;\n\t/** When set, each chip gets a remove button wired to this handler. */\n\tonRemove?: (id: string) => void;\n\t/** When set, click on a chip calls this. */\n\tonOpen?: (att: AiChatAttachment) => void;\n\tclassName?: string;\n}\n\nexport function AiChatAttachmentsStrip({\n\tattachments,\n\tonRemove,\n\tonOpen,\n\tclassName,\n}: AiChatAttachmentsStripProps) {\n\tif (attachments.length === 0) return null;\n\treturn (\n\t\t<div className={cn('flex flex-wrap gap-2', className)}>\n\t\t\t{attachments.map((att) => (\n\t\t\t\t<AiAttachment\n\t\t\t\t\tkey={att.id}\n\t\t\t\t\tname={att.name}\n\t\t\t\t\tmeta={att.meta}\n\t\t\t\t\tkind={att.kind}\n\t\t\t\t\ticon={att.icon}\n\t\t\t\t\tthumbnailUrl={att.thumbnailUrl}\n\t\t\t\t\tprogress={att.progress}\n\t\t\t\t\terrored={att.errored}\n\t\t\t\t\tonOpen={onOpen ? () => onOpen(att) : undefined}\n\t\t\t\t\tonRemove={onRemove ? () => onRemove(att.id) : undefined}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</div>\n\t);\n}\n\nAiChatAttachmentsStrip.displayName = 'AiChatAttachmentsStrip';\n","/**\n * useAiChatScroll — auto-stick-to-bottom scroll behaviour for chat\n * conversations. Detects when the user has scrolled away from the latest\n * message and pauses auto-scroll until they return.\n *\n * Returns:\n *   - `containerRef` — attach to the scroll viewport.\n *   - `endRef`       — attach to a sentinel at the very bottom.\n *   - `isAtBottom`   — true when the viewport is pinned to the latest content.\n *   - `scrollToBottom` — imperatively scroll to the sentinel.\n */\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nexport interface UseAiChatScrollOptions {\n\t/** Distance (px) from bottom counted as \"at bottom\". */\n\tthreshold?: number;\n\t/** Re-evaluate on these dependencies (typically the message count). */\n\tdependency?: unknown;\n\t/** Disable auto-scroll-on-update behaviour. */\n\tdisableAutoScroll?: boolean;\n}\n\nexport interface UseAiChatScrollReturn {\n\tcontainerRef: React.RefObject<HTMLDivElement | null>;\n\tendRef: React.RefObject<HTMLDivElement | null>;\n\tisAtBottom: boolean;\n\tscrollToBottom: (behavior?: ScrollBehavior) => void;\n}\n\nexport function useAiChatScroll({\n\tthreshold = 80,\n\tdependency,\n\tdisableAutoScroll = false,\n}: UseAiChatScrollOptions = {}): UseAiChatScrollReturn {\n\tconst containerRef = useRef<HTMLDivElement | null>(null);\n\tconst endRef = useRef<HTMLDivElement | null>(null);\n\tconst [isAtBottom, setIsAtBottom] = useState(true);\n\n\tconst scrollToBottom = useCallback(\n\t\t(behavior: ScrollBehavior = 'smooth') => {\n\t\t\tendRef.current?.scrollIntoView({ behavior, block: 'end' });\n\t\t},\n\t\t[],\n\t);\n\n\t// Track scroll position so we can pause auto-scroll when the user reads up.\n\tuseEffect(() => {\n\t\tconst el = containerRef.current;\n\t\tif (!el) return;\n\t\tconst onScroll = () => {\n\t\t\tconst distance = el.scrollHeight - el.clientHeight - el.scrollTop;\n\t\t\tsetIsAtBottom(distance <= threshold);\n\t\t};\n\t\tonScroll();\n\t\tel.addEventListener('scroll', onScroll, { passive: true });\n\t\treturn () => el.removeEventListener('scroll', onScroll);\n\t}, [threshold]);\n\n\t// Auto-scroll when content updates and the user is pinned at the bottom.\n\tuseEffect(() => {\n\t\tif (disableAutoScroll) return;\n\t\tif (!isAtBottom) return;\n\t\t// Use rAF so we wait for layout to settle after the new content paints.\n\t\tconst id = window.requestAnimationFrame(() => scrollToBottom('auto'));\n\t\treturn () => window.cancelAnimationFrame(id);\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [dependency, disableAutoScroll]);\n\n\treturn { containerRef, endRef, isAtBottom, scrollToBottom };\n}\n","/**\n * AiChatConversation — scrollable list container for chat messages with\n * auto-stick-to-bottom behaviour. Renders each message via the consumer's\n * `renderMessage` slot (or the default `<AiChatMessage>` via the parent\n * `<AiChat>`). Surfaces a \"Jump to latest\" pill when the user scrolls away\n * from the bottom while content streams in.\n */\nimport { ArrowDown } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultAiChatConversationStrings,\n\ttype AiChatConversationStrings,\n} from '../ai-chat.strings';\nimport type {\n\tAiChatMessage as AiChatMessageType,\n\tAiChatRenderMessageContext,\n} from '../ai-chat.types';\nimport { useAiChatScroll } from '../hooks/use-ai-chat-scroll';\n\nexport interface AiChatConversationProps {\n\tmessages: ReadonlyArray<AiChatMessageType>;\n\trenderMessage: (\n\t\tmessage: AiChatMessageType,\n\t\tctx: AiChatRenderMessageContext,\n\t) => ReactNode;\n\t/** Render before the messages list (intro card, agent greeting). */\n\tintro?: ReactNode;\n\t/** Render after the messages list (e.g. tip ribbon). */\n\tfooter?: ReactNode;\n\t/** Replaces the empty state when `messages.length === 0`. */\n\tempty?: ReactNode;\n\t/** Pause auto-scroll-on-update. */\n\tdisableAutoScroll?: boolean;\n\tclassName?: string;\n\tstrings?: Partial<AiChatConversationStrings>;\n}\n\nexport function AiChatConversation({\n\tmessages,\n\trenderMessage,\n\tintro,\n\tfooter,\n\tempty,\n\tdisableAutoScroll,\n\tclassName,\n\tstrings: stringsProp,\n}: AiChatConversationProps) {\n\tconst strings = useStrings(defaultAiChatConversationStrings, stringsProp);\n\tconst { containerRef, endRef, isAtBottom, scrollToBottom } = useAiChatScroll({\n\t\tdependency: messages.length,\n\t\tdisableAutoScroll,\n\t});\n\n\tconst isEmpty = messages.length === 0 && !intro;\n\n\treturn (\n\t\t<div className={cn('relative flex h-full min-h-0 flex-col', className)}>\n\t\t\t<div\n\t\t\t\tref={containerRef}\n\t\t\t\tclassName=\"flex-1 overflow-y-auto px-3 py-4 sm:px-4\"\n\t\t\t>\n\t\t\t\t{!!intro && <div className=\"mb-4\">{intro}</div>}\n\n\t\t\t\t{isEmpty ? (\n\t\t\t\t\tempty ?? (\n\t\t\t\t\t\t<div className=\"flex h-full items-center justify-center px-6 py-12\">\n\t\t\t\t\t\t\t<Text type=\"secondary\">No messages yet.</Text>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)\n\t\t\t\t) : (\n\t\t\t\t\t<ol className=\"space-y-4\">\n\t\t\t\t\t\t{messages.map((message, idx) => {\n\t\t\t\t\t\t\tconst ctx: AiChatRenderMessageContext = {\n\t\t\t\t\t\t\t\tisLast: idx === messages.length - 1,\n\t\t\t\t\t\t\t\tindex: idx,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<li key={message.id}>{renderMessage(message, ctx)}</li>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</ol>\n\t\t\t\t)}\n\n\t\t\t\t{!!footer && <div className=\"mt-4\">{footer}</div>}\n\n\t\t\t\t<div ref={endRef} aria-hidden className=\"h-px\" />\n\t\t\t</div>\n\n\t\t\t{!isAtBottom && (\n\t\t\t\t<div className=\"pointer-events-none absolute bottom-3 left-1/2 -translate-x-1/2\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"solid\"\n\t\t\t\t\t\taria-label={strings.scrollToBottomAria}\n\t\t\t\t\t\tonClick={() => scrollToBottom('smooth')}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'pointer-events-auto rounded-full shadow-md',\n\t\t\t\t\t\t\t'border border-border/60',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ArrowDown className=\"size-3.5\" />\n\t\t\t\t\t\t{strings.scrollToBottom}\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nAiChatConversation.displayName = 'AiChatConversation';\n","/**\n * AiChatEmptyState — default empty surface for `<AiChat>` when no messages\n * are present and no intro is provided. Centers a title + description with\n * an optional below-content slot for prompt-suggestion grids.\n */\nimport type { ReactNode } from 'react';\nimport { Sparkles } from 'lucide-react';\nimport { IconBadge } from '@/components/base/display';\nimport { Heading, Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface AiChatEmptyStateProps {\n\ttitle?: ReactNode;\n\tdescription?: ReactNode;\n\ticon?: React.ElementType;\n\tbelow?: ReactNode;\n\tclassName?: string;\n}\n\nexport function AiChatEmptyState({\n\ttitle = 'Start a conversation',\n\tdescription,\n\ticon: IconComponent = Sparkles,\n\tbelow,\n\tclassName,\n}: AiChatEmptyStateProps) {\n\treturn (\n\t\t<div className={cn('flex h-full flex-col items-center justify-center gap-3 px-4 py-10 text-center', className)}>\n\t\t\t<IconBadge icon={IconComponent} tone=\"primary\" size=\"md\" shape=\"square\" />\n\t\t\t<div className=\"max-w-md space-y-1\">\n\t\t\t\t<Heading tag=\"h4\">{title}</Heading>\n\t\t\t\t{!!description && (\n\t\t\t\t\t<Text type=\"secondary\">{description}</Text>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{!!below && <div className=\"mt-4 w-full max-w-2xl\">{below}</div>}\n\t\t</div>\n\t);\n}\n\nAiChatEmptyState.displayName = 'AiChatEmptyState';\n","/**\n * AiChatMessage — message renderer that wraps `<AiMessageBubble>` and routes\n * each `parts[]` entry to its dedicated `composed/ai/*` surface (text, code,\n * tool calls, reasoning, sources, attachments, …).\n *\n * Most surfaces sit BELOW the bubble (artifact, sources, task) since they\n * carry their own chrome; plain text and inline citations render INSIDE the\n * bubble. Custom-typed parts call `render()` directly.\n */\nimport type { ReactNode } from 'react';\nimport { AiArtifact } from '@/components/composed/ai/ai-artifact';\nimport { AiChainOfThought } from '@/components/composed/ai/ai-chain-of-thought';\nimport { AiCodeBlock } from '@/components/composed/ai/ai-code-block';\nimport { AiConfirmation } from '@/components/composed/ai/ai-confirmation';\nimport { AiMessageBubble } from '@/components/composed/ai/ai-message-bubble';\nimport { AiReasoning } from '@/components/composed/ai/ai-reasoning';\nimport { AiShimmer } from '@/components/composed/ai/ai-shimmer';\nimport { AiSources } from '@/components/composed/ai/ai-sources';\nimport { AiTask } from '@/components/composed/ai/ai-task';\nimport { AiToolCall } from '@/components/composed/ai/ai-tool-call';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultAiChatMessageStrings,\n\ttype AiChatMessageStrings,\n} from '../ai-chat.strings';\nimport type {\n\tAiChatMessage as AiChatMessageType,\n\tAiChatMessagePart,\n} from '../ai-chat.types';\nimport { AiChatAttachmentsStrip } from './ai-chat-attachments-strip';\n\nexport interface AiChatMessageProps {\n\tmessage: AiChatMessageType;\n\t/** Copy callback forwarded to the underlying bubble. */\n\tonCopy?: () => void;\n\t/** Regenerate callback forwarded to the underlying bubble (assistant only). */\n\tonRegenerate?: () => void;\n\t/** Open handler for attachment chips inside the message. */\n\tonAttachmentOpen?: (attachmentId: string) => void;\n\tclassName?: string;\n\tstrings?: Partial<AiChatMessageStrings>;\n}\n\nexport function AiChatMessage({\n\tmessage,\n\tonCopy,\n\tonRegenerate,\n\tonAttachmentOpen,\n\tclassName,\n\tstrings: stringsProp,\n}: AiChatMessageProps) {\n\tconst strings = useStrings(defaultAiChatMessageStrings, stringsProp);\n\n\t// Split parts: in-bubble (text) vs below-bubble (everything else).\n\tconst inBubble: AiChatMessagePart[] = [];\n\tconst below: AiChatMessagePart[] = [];\n\tfor (const part of message.parts) {\n\t\tif (part.type === 'text') inBubble.push(part);\n\t\telse below.push(part);\n\t}\n\n\tconst plainText =\n\t\tinBubble\n\t\t\t.map((p) => (p.type === 'text' ? p.plain ?? extractPlain(p.content) : ''))\n\t\t\t.filter(Boolean)\n\t\t\t.join('\\n') || undefined;\n\n\tconst bubbleContent: ReactNode = message.pending ? (\n\t\t<AiShimmer>{strings.pending}</AiShimmer>\n\t) : inBubble.length === 0 && below.length > 0 ? null : (\n\t\t<div className=\"space-y-2\">\n\t\t\t{inBubble.map((part, idx) =>\n\t\t\t\tpart.type === 'text' ? (\n\t\t\t\t\t<div key={idx} className=\"whitespace-pre-wrap\">\n\t\t\t\t\t\t{part.content}\n\t\t\t\t\t</div>\n\t\t\t\t) : null,\n\t\t\t)}\n\t\t</div>\n\t);\n\n\treturn (\n\t\t<div className={cn('space-y-2', className)}>\n\t\t\t{(bubbleContent !== null || message.pending) && (\n\t\t\t\t<AiMessageBubble\n\t\t\t\t\trole={message.role}\n\t\t\t\t\tavatar={message.avatar}\n\t\t\t\t\tauthorName={message.authorName}\n\t\t\t\t\ttimestamp={message.timestamp}\n\t\t\t\t\tplainText={plainText}\n\t\t\t\t\tloading={message.loading}\n\t\t\t\t\tonCopy={plainText ? onCopy ?? (() => undefined) : undefined}\n\t\t\t\t\tonRegenerate={onRegenerate}\n\t\t\t\t>\n\t\t\t\t\t{bubbleContent}\n\t\t\t\t</AiMessageBubble>\n\t\t\t)}\n\n\t\t\t{below.length > 0 && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'space-y-2',\n\t\t\t\t\t\tmessage.role === 'user'\n\t\t\t\t\t\t\t? 'pr-9 sm:pl-12'\n\t\t\t\t\t\t\t: 'pl-9 sm:pr-12',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{below.map((part, idx) => (\n\t\t\t\t\t\t<PartRenderer\n\t\t\t\t\t\t\tkey={idx}\n\t\t\t\t\t\t\tpart={part}\n\t\t\t\t\t\t\tonAttachmentOpen={onAttachmentOpen}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{!!message.trailing && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\tmessage.role === 'user' ? 'pr-9 sm:pl-12' : 'pl-9 sm:pr-12',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{message.trailing}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nAiChatMessage.displayName = 'AiChatMessage';\n\nfunction PartRenderer({\n\tpart,\n\tonAttachmentOpen,\n}: {\n\tpart: AiChatMessagePart;\n\tonAttachmentOpen?: (id: string) => void;\n}) {\n\tswitch (part.type) {\n\t\tcase 'text':\n\t\t\t// In-bubble. Should not reach here.\n\t\t\treturn <Text>{part.content}</Text>;\n\t\tcase 'reasoning':\n\t\t\treturn (\n\t\t\t\t<AiReasoning\n\t\t\t\t\tstreaming={part.streaming}\n\t\t\t\t\tdurationSeconds={part.durationSeconds}\n\t\t\t\t>\n\t\t\t\t\t{part.content}\n\t\t\t\t</AiReasoning>\n\t\t\t);\n\t\tcase 'chain-of-thought':\n\t\t\treturn <AiChainOfThought steps={part.steps} streaming={part.streaming} />;\n\t\tcase 'tool':\n\t\t\treturn (\n\t\t\t\t<AiToolCall\n\t\t\t\t\tname={part.name}\n\t\t\t\t\tstatus={part.status}\n\t\t\t\t\ticon={part.icon}\n\t\t\t\t\targs={part.args}\n\t\t\t\t\tresult={part.result}\n\t\t\t\t\terror={part.error}\n\t\t\t\t\tdurationMs={part.durationMs}\n\t\t\t\t\tdefaultExpanded={part.defaultExpanded}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'code':\n\t\t\treturn (\n\t\t\t\t<AiCodeBlock\n\t\t\t\t\tcode={part.code}\n\t\t\t\t\tlanguage={part.language}\n\t\t\t\t\tfilename={part.filename}\n\t\t\t\t\tshowLineNumbers={part.showLineNumbers}\n\t\t\t\t\thighlightLines={part.highlightLines}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'attachments':\n\t\t\treturn (\n\t\t\t\t<AiChatAttachmentsStrip\n\t\t\t\t\tattachments={part.items}\n\t\t\t\t\tonOpen={onAttachmentOpen ? (att) => onAttachmentOpen(att.id) : undefined}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'sources':\n\t\t\treturn (\n\t\t\t\t<AiSources\n\t\t\t\t\tsources={part.items}\n\t\t\t\t\tvariant={part.variant}\n\t\t\t\t\tdefaultExpanded={part.defaultExpanded}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'task':\n\t\t\treturn <AiTask task={part.task} />;\n\t\tcase 'artifact':\n\t\t\treturn (\n\t\t\t\t<AiArtifact\n\t\t\t\t\ttitle={part.title}\n\t\t\t\t\tsubtitle={part.subtitle}\n\t\t\t\t\ticon={part.icon}\n\t\t\t\t\tcopyText={part.copyText}\n\t\t\t\t\tactions={part.actions}\n\t\t\t\t\tonOpen={part.onOpen}\n\t\t\t\t\tonDownload={part.onDownload}\n\t\t\t\t>\n\t\t\t\t\t{part.body}\n\t\t\t\t</AiArtifact>\n\t\t\t);\n\t\tcase 'confirmation':\n\t\t\treturn (\n\t\t\t\t<AiConfirmation\n\t\t\t\t\ttitle={part.title}\n\t\t\t\t\tdescription={part.description}\n\t\t\t\t\ttone={part.tone}\n\t\t\t\t\tstatus={part.status}\n\t\t\t\t\tdetails={part.details}\n\t\t\t\t\tonApprove={part.onApprove}\n\t\t\t\t\tonReject={part.onReject}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'custom':\n\t\t\treturn <>{part.render()}</>;\n\t\tdefault:\n\t\t\treturn null;\n\t}\n}\n\nfunction extractPlain(node: ReactNode): string {\n\tif (typeof node === 'string' || typeof node === 'number') return String(node);\n\tif (Array.isArray(node)) return node.map(extractPlain).join('');\n\treturn '';\n}\n","/**\n * AiChatPromptInput — multi-line composer for the chat. Carries:\n *   - auto-resizing textarea\n *   - staged attachment chips above the field\n *   - leading actions slot (model picker, attach)\n *   - submit / stop buttons (stop replaces submit while `streaming` is true)\n *   - keyboard discipline: Enter to submit, Shift+Enter for newline\n *\n * Stateless: the consumer owns `value`, `attachments`, and `streaming`. The\n * component fires `onSubmit` with `{ text, attachments }` on submit.\n */\nimport { useCallback, useRef, type ReactNode } from 'react';\nimport { ArrowUp, Paperclip, Square } from 'lucide-react';\nimport { Button } from '@/components/base/buttons';\nimport { Textarea } from '@/components/base/forms/fields';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultAiChatPromptInputStrings,\n\tinterpolateString,\n\ttype AiChatPromptInputStrings,\n} from '../ai-chat.strings';\nimport type {\n\tAiChatAttachment,\n\tAiChatSubmitValues,\n} from '../ai-chat.types';\nimport { AiChatAttachmentsStrip } from './ai-chat-attachments-strip';\n\nexport interface AiChatPromptInputProps {\n\t/** Current text value (controlled). */\n\tvalue: string;\n\t/** Text change callback. */\n\tonChange: (value: string) => void;\n\t/** Submit callback — fires on Enter or send-button click. */\n\tonSubmit?: (values: AiChatSubmitValues) => void;\n\t/** Stop callback — wired to the stop button while `streaming`. */\n\tonStop?: () => void;\n\t/** Streaming flag — flips submit ↔ stop and disables the submit button. */\n\tstreaming?: boolean;\n\t/** Disable the entire composer (e.g. while waiting for an upload). */\n\tdisabled?: boolean;\n\t/** Staged attachments (controlled). */\n\tattachments?: ReadonlyArray<AiChatAttachment>;\n\t/** Remove a staged attachment. */\n\tonRemoveAttachment?: (id: string) => void;\n\t/** Triggered when the attach button is pressed. */\n\tonAttach?: () => void;\n\t/** Show the attach button (default: when `onAttach` is provided). */\n\tshowAttach?: boolean;\n\t/** Leading slot rendered before the attach button (typically a model picker). */\n\tleadingActions?: ReactNode;\n\t/** Trailing slot rendered before submit (custom action buttons). */\n\ttrailingActions?: ReactNode;\n\t/** Hide the keyboard hint under the field. */\n\thideHint?: boolean;\n\t/** Override the textarea minimum row count. */\n\tminRows?: number;\n\t/** Override the textarea maximum row count before scroll. */\n\tmaxRows?: number;\n\t/** Auto-focus the textarea on mount. */\n\tautoFocus?: boolean;\n\tclassName?: string;\n\tstrings?: Partial<AiChatPromptInputStrings>;\n}\n\nexport function AiChatPromptInput({\n\tvalue,\n\tonChange,\n\tonSubmit,\n\tonStop,\n\tstreaming = false,\n\tdisabled = false,\n\tattachments = [],\n\tonRemoveAttachment,\n\tonAttach,\n\tshowAttach,\n\tleadingActions,\n\ttrailingActions,\n\thideHint = false,\n\tminRows = 1,\n\tmaxRows = 8,\n\tautoFocus = false,\n\tclassName,\n\tstrings: stringsProp,\n}: AiChatPromptInputProps) {\n\tconst strings = useStrings(defaultAiChatPromptInputStrings, stringsProp);\n\tconst textareaRef = useRef<HTMLTextAreaElement | null>(null);\n\n\tconst canSubmit =\n\t\t!streaming && !disabled && (value.trim().length > 0 || attachments.length > 0);\n\n\tconst handleSubmit = useCallback(() => {\n\t\tif (!canSubmit) return;\n\t\tonSubmit?.({ text: value, attachments });\n\t}, [canSubmit, onSubmit, value, attachments]);\n\n\tconst handleKeyDown = useCallback(\n\t\t(e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n\t\t\tif (e.key === 'Enter' && !e.shiftKey && !e.nativeEvent.isComposing) {\n\t\t\t\te.preventDefault();\n\t\t\t\thandleSubmit();\n\t\t\t}\n\t\t},\n\t\t[handleSubmit],\n\t);\n\n\tconst showAttachBtn = showAttach ?? Boolean(onAttach);\n\tconst submitKeyLabel =\n\t\ttypeof navigator !== 'undefined' && navigator.platform?.toLowerCase().includes('mac')\n\t\t\t? '⌘↩'\n\t\t\t: '↩';\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'rounded-xl border border-border bg-card transition-colors duration-150',\n\t\t\t\t'focus-within:border-foreground/20 focus-within:ring-2 focus-within:ring-ring/30',\n\t\t\t\tdisabled && 'opacity-60 pointer-events-none',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{attachments.length > 0 && (\n\t\t\t\t<div className=\"border-b border-border/60 p-2\">\n\t\t\t\t\t<AiChatAttachmentsStrip\n\t\t\t\t\t\tattachments={attachments}\n\t\t\t\t\t\tonRemove={onRemoveAttachment}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<Textarea\n\t\t\t\tref={textareaRef}\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={(e) => onChange(e.target.value)}\n\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\tplaceholder={strings.placeholder}\n\t\t\t\tautoResize\n\t\t\t\tminRows={minRows}\n\t\t\t\tmaxRows={maxRows}\n\t\t\t\tautoFocus={autoFocus}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'!border-0 !bg-transparent !shadow-none focus-visible:!ring-0 resize-none px-3 py-2.5',\n\t\t\t\t)}\n\t\t\t/>\n\n\t\t\t<div className=\"flex items-center gap-1 border-t border-border/60 px-2 py-1.5\">\n\t\t\t\t{leadingActions}\n\t\t\t\t{showAttachBtn && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\tsize=\"icon-sm\"\n\t\t\t\t\t\taria-label={strings.attachAria}\n\t\t\t\t\t\tonClick={onAttach}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Paperclip className=\"size-4\" />\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t\t<div className=\"ml-auto flex items-center gap-1\">\n\t\t\t\t\t{trailingActions}\n\t\t\t\t\t{streaming ? (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"solid\"\n\t\t\t\t\t\t\tsize=\"icon-sm\"\n\t\t\t\t\t\t\taria-label={strings.stopAria}\n\t\t\t\t\t\t\tonClick={onStop}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Square className=\"size-3.5 fill-current\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\tbuttonStyle=\"solid\"\n\t\t\t\t\t\t\tsize=\"icon-sm\"\n\t\t\t\t\t\t\taria-label={strings.submitAria}\n\t\t\t\t\t\t\tonClick={handleSubmit}\n\t\t\t\t\t\t\tdisabled={!canSubmit}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ArrowUp className=\"size-4\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{!hideHint && (\n\t\t\t\t<div className=\"px-3 pb-2\">\n\t\t\t\t\t<Text size=\"xxs\" type=\"discrete\">\n\t\t\t\t\t\t{interpolateString(strings.hint, {\n\t\t\t\t\t\t\tsubmitKey: submitKeyLabel,\n\t\t\t\t\t\t\tnewlineKey: '⇧↩',\n\t\t\t\t\t\t})}\n\t\t\t\t\t</Text>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nAiChatPromptInput.displayName = 'AiChatPromptInput';\n","/**\n * AiChatQueue — pending message queue rendered above the prompt input. Used\n * to surface messages the user submitted faster than the assistant could\n * process — each item shows a status pill and an optional cancel control.\n */\nimport { Loader2, X } from 'lucide-react';\nimport { Badge } from '@/components/base/badge';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultAiChatQueueStrings,\n\ttype AiChatQueueStrings,\n} from '../ai-chat.strings';\nimport type { AiChatQueueItem } from '../ai-chat.types';\n\nexport interface AiChatQueueProps {\n\titems: ReadonlyArray<AiChatQueueItem>;\n\thideHeader?: boolean;\n\tonCancel?: (id: string) => void;\n\tclassName?: string;\n\tstrings?: Partial<AiChatQueueStrings>;\n}\n\nexport function AiChatQueue({\n\titems,\n\thideHeader = false,\n\tonCancel,\n\tclassName,\n\tstrings: stringsProp,\n}: AiChatQueueProps) {\n\tconst strings = useStrings(defaultAiChatQueueStrings, stringsProp);\n\tif (items.length === 0) return null;\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'rounded-lg border border-border/60 bg-muted/20 px-2.5 py-2',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{!hideHeader && (\n\t\t\t\t<Text\n\t\t\t\t\tsize=\"xxs\"\n\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\tclassName=\"mb-1.5 px-1 uppercase tracking-wider\"\n\t\t\t\t>\n\t\t\t\t\t{strings.header} · {items.length}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t\t<ul className=\"space-y-1\">\n\t\t\t\t{items.map((item) => {\n\t\t\t\t\tconst status = item.status ?? 'queued';\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li\n\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\tclassName=\"flex items-center gap-2 rounded-md bg-card px-2 py-1.5\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{status === 'running' ? (\n\t\t\t\t\t\t\t\t<Loader2 className=\"size-3.5 shrink-0 animate-spin text-primary\" />\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\t\t\t\tclassName=\"size-2 shrink-0 rounded-full bg-muted-foreground/50\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<Text size=\"xs\" className=\"flex-1 truncate\">\n\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<Badge variant={status === 'running' ? 'primary' : 'secondary'}>\n\t\t\t\t\t\t\t\t{status === 'running' ? strings.runningLabel : strings.queuedLabel}\n\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t{(!!item.onCancel || !!onCancel) && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\t\t\t\t\taria-label={strings.cancelAria}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\titem.onCancel?.();\n\t\t\t\t\t\t\t\t\t\tonCancel?.(item.id);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<X className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ul>\n\t\t</div>\n\t);\n}\n\nAiChatQueue.displayName = 'AiChatQueue';\n","/**\n * AiChatSuggestionsRow — horizontal scrollable strip of small suggestion\n * chips rendered above the prompt input. Distinct from\n * `<AiPromptSuggestions>` (which is a card-grid of richer suggestions used\n * as a welcome surface): this is the inline, dense variant.\n */\nimport { Sparkles } from 'lucide-react';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultAiChatSuggestionsStrings,\n\ttype AiChatSuggestionsStrings,\n} from '../ai-chat.strings';\nimport type { AiChatSuggestion } from '../ai-chat.types';\n\nexport interface AiChatSuggestionsRowProps {\n\tsuggestions: ReadonlyArray<AiChatSuggestion>;\n\tonPick?: (s: AiChatSuggestion) => void;\n\thideHeader?: boolean;\n\tclassName?: string;\n\tstrings?: Partial<AiChatSuggestionsStrings>;\n}\n\nexport function AiChatSuggestionsRow({\n\tsuggestions,\n\tonPick,\n\thideHeader = false,\n\tclassName,\n\tstrings: stringsProp,\n}: AiChatSuggestionsRowProps) {\n\tconst strings = useStrings(defaultAiChatSuggestionsStrings, stringsProp);\n\tif (suggestions.length === 0) return null;\n\treturn (\n\t\t<div className={cn('flex items-center gap-2', className)}>\n\t\t\t{!hideHeader && (\n\t\t\t\t<div className=\"inline-flex shrink-0 items-center gap-1.5\">\n\t\t\t\t\t<Sparkles className=\"size-3.5 text-muted-foreground\" />\n\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" weight=\"medium\" className=\"uppercase tracking-wider\">\n\t\t\t\t\t\t{strings.header}\n\t\t\t\t\t</Text>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div className=\"-mx-1 flex flex-1 items-center gap-1.5 overflow-x-auto px-1 py-0.5 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\">\n\t\t\t\t{suggestions.map((s) => {\n\t\t\t\t\tconst Icon = s.icon;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tkey={s.id}\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tonClick={() => onPick?.(s)}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'inline-flex shrink-0 items-center gap-1.5 rounded-full border border-border/60 bg-card px-2.5 py-1',\n\t\t\t\t\t\t\t\t'transition-[border-color,background] duration-150',\n\t\t\t\t\t\t\t\t'hover:border-foreground/20 hover:bg-muted/40',\n\t\t\t\t\t\t\t\t'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{!!Icon && <Icon className=\"size-3 text-muted-foreground\" />}\n\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"medium\">\n\t\t\t\t\t\t\t\t{s.label}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</button>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nAiChatSuggestionsRow.displayName = 'AiChatSuggestionsRow';\n","/**\n * AiChat — framework-agnostic AI chat surface. Tie-together component for\n * the `features/ai-chat/*` partials. Renders an optional agent header, the\n * scrollable conversation, an optional queue + suggestions row, and the\n * prompt input.\n *\n * Composition seams:\n *   - `slots`         — replace any region (header, intro, empty, queue,\n *                       suggestions, input, belowMessages) or per-message\n *                       (`renderMessage`).\n *   - `strings`       — deep-partial override of every default copy line\n *                       (prompt, conversation, queue, suggestions, message).\n *   - Partials        — every partial is exported individually so a consumer\n *                       can build a custom layout against the same data shape.\n *\n * Headless usage:\n *   - The `useAiChatScroll` hook is exported for consumers building a\n *     custom conversation layout while keeping auto-stick-to-bottom.\n *\n * Framework-agnostic:\n *   - No router, no i18n SDK, no fetcher. Submission is a callback\n *     (`onSubmit`); messages, queue, attachments are all controlled props.\n */\nimport { useCallback, useState, type ReactNode } from 'react';\nimport { AiAgent } from '@/components/composed/ai/ai-agent';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultAiChatStrings,\n\ttype AiChatStrings,\n} from './ai-chat.strings';\nimport type {\n\tAiChatAgent,\n\tAiChatAttachment,\n\tAiChatMessage as AiChatMessageType,\n\tAiChatQueueItem,\n\tAiChatSlots,\n\tAiChatSubmitValues,\n\tAiChatSuggestion,\n} from './ai-chat.types';\nimport {\n\tAiChatConversation,\n\tAiChatEmptyState,\n\tAiChatMessage,\n\tAiChatPromptInput,\n\tAiChatQueue,\n\tAiChatSuggestionsRow,\n} from './partials';\n\nexport interface AiChatProps {\n\t/** Conversation messages — order is significant. */\n\tmessages: ReadonlyArray<AiChatMessageType>;\n\n\t/** Controlled prompt input value. */\n\tinputValue: string;\n\t/** Prompt input change callback. */\n\tonInputChange: (value: string) => void;\n\t/** Fired on submit (Enter or send button). */\n\tonSubmit?: (values: AiChatSubmitValues) => void;\n\t/** Fired when the user clicks the stop button while `streaming`. */\n\tonStop?: () => void;\n\t/** Streaming flag — controls submit/stop UI in the prompt input. */\n\tstreaming?: boolean;\n\t/** Disable composer entirely. */\n\tdisabled?: boolean;\n\n\t/** Currently staged attachments. */\n\tattachments?: ReadonlyArray<AiChatAttachment>;\n\t/** Remove a staged attachment. */\n\tonRemoveAttachment?: (id: string) => void;\n\t/** Fires when the user clicks the attach button. */\n\tonAttach?: () => void;\n\t/** Toggles the attach button visibility. Defaults to `true` when `onAttach` is provided. */\n\tshowAttach?: boolean;\n\n\t/** Agent identity — drives the optional header strip. Pass `null` to hide. */\n\tagent?: AiChatAgent | null;\n\t/** Trailing slot inside the header (e.g. settings button). */\n\theaderActions?: ReactNode;\n\n\t/** Pending message queue (rendered above the input). */\n\tqueue?: ReadonlyArray<AiChatQueueItem>;\n\t/** Cancel callback — fires per-item when the queue chip's × is clicked. */\n\tonCancelQueueItem?: (id: string) => void;\n\n\t/** Inline quick suggestions (rendered above the input). */\n\tsuggestions?: ReadonlyArray<AiChatSuggestion>;\n\t/** Suggestion select callback. */\n\tonPickSuggestion?: (s: AiChatSuggestion) => void;\n\n\t/** Per-message copy callback. */\n\tonMessageCopy?: (message: AiChatMessageType) => void;\n\t/** Per-message regenerate callback (assistant only). */\n\tonMessageRegenerate?: (message: AiChatMessageType) => void;\n\t/** Per-message attachment open callback. */\n\tonAttachmentOpen?: (messageId: string, attachmentId: string) => void;\n\n\t/** Disable auto-stick-to-bottom in the conversation. */\n\tdisableAutoScroll?: boolean;\n\n\t/** Slot map for replacing default surfaces. */\n\tslots?: AiChatSlots;\n\t/** String overrides. */\n\tstrings?: Partial<AiChatStrings>;\n\tclassName?: string;\n}\n\nexport function AiChat({\n\tmessages,\n\tinputValue,\n\tonInputChange,\n\tonSubmit,\n\tonStop,\n\tstreaming = false,\n\tdisabled = false,\n\tattachments = [],\n\tonRemoveAttachment,\n\tonAttach,\n\tshowAttach,\n\tagent,\n\theaderActions,\n\tqueue = [],\n\tonCancelQueueItem,\n\tsuggestions = [],\n\tonPickSuggestion,\n\tonMessageCopy,\n\tonMessageRegenerate,\n\tonAttachmentOpen,\n\tdisableAutoScroll,\n\tslots,\n\tstrings: stringsProp,\n\tclassName,\n}: AiChatProps) {\n\tconst strings = useStrings(defaultAiChatStrings, stringsProp);\n\tconst [, force] = useState(0);\n\n\tconst renderMessage = useCallback(\n\t\t(\n\t\t\tmessage: AiChatMessageType,\n\t\t\tctx: { isLast: boolean; index: number },\n\t\t): ReactNode => {\n\t\t\tif (slots?.renderMessage) {\n\t\t\t\treturn slots.renderMessage(message, ctx);\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<AiChatMessage className=\"ai-chat--component\"\n\t\t\t\t\tmessage={message}\n\t\t\t\t\tstrings={strings.message}\n\t\t\t\t\tonCopy={\n\t\t\t\t\t\tonMessageCopy ? () => onMessageCopy(message) : undefined\n\t\t\t\t\t}\n\t\t\t\t\tonRegenerate={\n\t\t\t\t\t\tonMessageRegenerate\n\t\t\t\t\t\t\t? () => onMessageRegenerate(message)\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tonAttachmentOpen={\n\t\t\t\t\t\tonAttachmentOpen\n\t\t\t\t\t\t\t? (attachmentId) => onAttachmentOpen(message.id, attachmentId)\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t);\n\t\t},\n\t\t[\n\t\t\tonAttachmentOpen,\n\t\t\tonMessageCopy,\n\t\t\tonMessageRegenerate,\n\t\t\tslots,\n\t\t\tstrings.message,\n\t\t],\n\t);\n\n\tconst Header: ReactNode =\n\t\tslots?.header ??\n\t\t(agent ? (\n\t\t\t<div className=\"flex items-center gap-3 border-b border-border bg-card px-3 py-2 sm:px-4\">\n\t\t\t\t<AiAgent\n\t\t\t\t\tname={agent.name}\n\t\t\t\t\ticon={agent.icon}\n\t\t\t\t\tavatar={agent.avatar}\n\t\t\t\t\tsubtitle={agent.subtitle}\n\t\t\t\t\ttone={agent.tone}\n\t\t\t\t\tstatus={agent.status}\n\t\t\t\t\tvariant=\"inline\"\n\t\t\t\t/>\n\t\t\t\t{!!headerActions && (\n\t\t\t\t\t<div className=\"ml-auto flex items-center gap-1\">{headerActions}</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t) : null);\n\n\tconst Empty: ReactNode =\n\t\tslots?.empty ??\n\t\t(messages.length === 0 ? (\n\t\t\t<AiChatEmptyState\n\t\t\t\ttitle={strings.emptyTitle}\n\t\t\t\tdescription={strings.emptyDescription}\n\t\t\t/>\n\t\t) : null);\n\n\tconst Queue: ReactNode =\n\t\tslots?.queue ??\n\t\t(queue.length > 0 ? (\n\t\t\t<AiChatQueue\n\t\t\t\titems={queue}\n\t\t\t\tonCancel={onCancelQueueItem}\n\t\t\t\tstrings={strings.queue}\n\t\t\t/>\n\t\t) : null);\n\n\tconst Suggestions: ReactNode =\n\t\tslots?.suggestions ??\n\t\t(suggestions.length > 0 ? (\n\t\t\t<AiChatSuggestionsRow\n\t\t\t\tsuggestions={suggestions}\n\t\t\t\tonPick={onPickSuggestion}\n\t\t\t\tstrings={strings.suggestions}\n\t\t\t/>\n\t\t) : null);\n\n\tconst Input: ReactNode =\n\t\tslots?.input ?? (\n\t\t\t<AiChatPromptInput\n\t\t\t\tvalue={inputValue}\n\t\t\t\tonChange={onInputChange}\n\t\t\t\tonSubmit={(values) => {\n\t\t\t\t\tonSubmit?.(values);\n\t\t\t\t\t// Force re-render so consumers that read inputValue/attachments\n\t\t\t\t\t// from controlled state see the freshly cleared values they\n\t\t\t\t\t// pushed in their onSubmit handler.\n\t\t\t\t\tforce((v) => v + 1);\n\t\t\t\t}}\n\t\t\t\tonStop={onStop}\n\t\t\t\tstreaming={streaming}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tattachments={attachments}\n\t\t\t\tonRemoveAttachment={onRemoveAttachment}\n\t\t\t\tonAttach={onAttach}\n\t\t\t\tshowAttach={showAttach}\n\t\t\t\tstrings={strings.prompt}\n\t\t\t/>\n\t\t);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'flex h-full flex-col overflow-hidden rounded-xl border border-border bg-background',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{Header}\n\n\t\t\t<AiChatConversation\n\t\t\t\tmessages={messages}\n\t\t\t\trenderMessage={renderMessage}\n\t\t\t\tintro={slots?.intro}\n\t\t\t\tfooter={slots?.belowMessages}\n\t\t\t\tempty={Empty}\n\t\t\t\tdisableAutoScroll={disableAutoScroll}\n\t\t\t\tstrings={strings.conversation}\n\t\t\t/>\n\n\t\t\t{(Queue || Suggestions || Input) && (\n\t\t\t\t<div className=\"border-t border-border bg-card/60\">\n\t\t\t\t\t{Queue && (\n\t\t\t\t\t\t<div className=\"px-3 pb-2 pt-3 sm:px-4\">{Queue}</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{Suggestions && (\n\t\t\t\t\t\t<div className={cn('px-3 sm:px-4', !Queue && 'pt-3', 'pb-2')}>\n\t\t\t\t\t\t\t{Suggestions}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{Input && (\n\t\t\t\t\t\t<div className=\"px-3 pb-3 pt-2 sm:px-4 sm:pb-4\">{Input}</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{disabled && (\n\t\t\t\t<Text className=\"sr-only\" aria-live=\"polite\">\n\t\t\t\t\tChat is disabled\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nAiChat.displayName = 'AiChat';\n"],"mappings":"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"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/components/features/ai-chat/ai-chat.strings.ts","../../../../src/components/features/ai-chat/partials/ai-chat-attachments-strip.tsx","../../../../src/components/features/ai-chat/hooks/use-ai-chat-scroll.ts","../../../../src/components/features/ai-chat/partials/ai-chat-conversation.tsx","../../../../src/components/features/ai-chat/partials/ai-chat-empty-state.tsx","../../../../src/components/features/ai-chat/partials/ai-chat-message.tsx","../../../../src/components/features/ai-chat/partials/ai-chat-prompt-input.tsx","../../../../src/components/features/ai-chat/partials/ai-chat-queue.tsx","../../../../src/components/features/ai-chat/partials/ai-chat-suggestions-row.tsx","../../../../src/components/features/ai-chat/ai-chat.tsx"],"sourcesContent":["/**\n * Strings for `<AiChat>` and its partials. Each interface is co-located so\n * partials and the feature root all read from one source of truth (rule 19).\n * Consumers override via the `strings` prop on the relevant component; values\n * are deep-merged over the defaults so partial overrides are safe.\n */\n\nexport interface AiChatPromptInputStrings {\n\t/** Placeholder copy for the textarea. */\n\tplaceholder: string;\n\t/** Aria label for the attach button. */\n\tattachAria: string;\n\t/** Aria label for the submit button. */\n\tsubmitAria: string;\n\t/** Aria label for the stop button (replaces submit while streaming). */\n\tstopAria: string;\n\t/** Aria label for the model picker button (when `modelPicker` is provided). */\n\tmodelPickerAria: string;\n\t/** Hint shown under the input. Supports `{{key}}` for the submit shortcut. */\n\thint: string;\n}\n\nexport const defaultAiChatPromptInputStrings: AiChatPromptInputStrings = {\n\tplaceholder: 'Ask anything…',\n\tattachAria: 'Attach files',\n\tsubmitAria: 'Send message',\n\tstopAria: 'Stop generating',\n\tmodelPickerAria: 'Choose model',\n\thint: 'Press {{submitKey}} to send · {{newlineKey}} for newline',\n};\n\nexport interface AiChatConversationStrings {\n\tscrollToBottom: string;\n\tscrollToBottomAria: string;\n}\n\nexport const defaultAiChatConversationStrings: AiChatConversationStrings = {\n\tscrollToBottom: 'Jump to latest',\n\tscrollToBottomAria: 'Scroll to bottom',\n};\n\nexport interface AiChatQueueStrings {\n\theader: string;\n\tcancelAria: string;\n\tqueuedLabel: string;\n\trunningLabel: string;\n}\n\nexport const defaultAiChatQueueStrings: AiChatQueueStrings = {\n\theader: 'In queue',\n\tcancelAria: 'Remove from queue',\n\tqueuedLabel: 'Queued',\n\trunningLabel: 'Running',\n};\n\nexport interface AiChatSuggestionsStrings {\n\theader: string;\n}\n\nexport const defaultAiChatSuggestionsStrings: AiChatSuggestionsStrings = {\n\theader: 'Try',\n};\n\nexport interface AiChatMessageStrings {\n\tpending: string;\n}\n\nexport const defaultAiChatMessageStrings: AiChatMessageStrings = {\n\tpending: 'Thinking…',\n};\n\nexport interface AiChatStrings {\n\tprompt: AiChatPromptInputStrings;\n\tconversation: AiChatConversationStrings;\n\tqueue: AiChatQueueStrings;\n\tsuggestions: AiChatSuggestionsStrings;\n\tmessage: AiChatMessageStrings;\n\temptyTitle: string;\n\temptyDescription: string;\n}\n\nexport const defaultAiChatStrings: AiChatStrings = {\n\tprompt: defaultAiChatPromptInputStrings,\n\tconversation: defaultAiChatConversationStrings,\n\tqueue: defaultAiChatQueueStrings,\n\tsuggestions: defaultAiChatSuggestionsStrings,\n\tmessage: defaultAiChatMessageStrings,\n\temptyTitle: 'Start a conversation',\n\temptyDescription: 'Ask a question, share context, or attach a file to get going.',\n};\n\n/** Replace `{{key}}` tokens with values from `params`. */\nexport function interpolateString(\n\ttemplate: string,\n\tparams: Record<string, string | number>,\n): string {\n\treturn template.replace(/\\{\\{\\s*(\\w+)\\s*\\}\\}/g, (m, k) => {\n\t\tconst v = params[k];\n\t\treturn v === undefined ? m : String(v);\n\t});\n}\n","/**\n * AiChatAttachmentsStrip — flex-wrap row of `<AiAttachment>` chips. Used both\n * in the prompt input (staged uploads — pass `onRemove` to enable a remove\n * button) and inside messages (read-only attachment list).\n */\nimport { AiAttachment } from '@/components/composed/ai/ai-attachment';\nimport { cn } from '@/lib/utils';\n\nimport type { AiChatAttachment } from '../ai-chat.types';\n\nexport interface AiChatAttachmentsStripProps {\n\tattachments: ReadonlyArray<AiChatAttachment>;\n\t/** When set, each chip gets a remove button wired to this handler. */\n\tonRemove?: (id: string) => void;\n\t/** When set, click on a chip calls this. */\n\tonOpen?: (att: AiChatAttachment) => void;\n\tclassName?: string;\n}\n\nexport function AiChatAttachmentsStrip({\n\tattachments,\n\tonRemove,\n\tonOpen,\n\tclassName,\n}: AiChatAttachmentsStripProps) {\n\tif (attachments.length === 0) return null;\n\treturn (\n\t\t<div className={cn('flex flex-wrap gap-2', className)}>\n\t\t\t{attachments.map((att) => (\n\t\t\t\t<AiAttachment\n\t\t\t\t\tkey={att.id}\n\t\t\t\t\tname={att.name}\n\t\t\t\t\tmeta={att.meta}\n\t\t\t\t\tkind={att.kind}\n\t\t\t\t\ticon={att.icon}\n\t\t\t\t\tthumbnailUrl={att.thumbnailUrl}\n\t\t\t\t\tprogress={att.progress}\n\t\t\t\t\terrored={att.errored}\n\t\t\t\t\tonOpen={onOpen ? () => onOpen(att) : undefined}\n\t\t\t\t\tonRemove={onRemove ? () => onRemove(att.id) : undefined}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</div>\n\t);\n}\n\nAiChatAttachmentsStrip.displayName = 'AiChatAttachmentsStrip';\n","/**\n * useAiChatScroll — auto-stick-to-bottom scroll behaviour for chat\n * conversations. Detects when the user has scrolled away from the latest\n * message and pauses auto-scroll until they return.\n *\n * Returns:\n *   - `containerRef` — attach to the scroll viewport.\n *   - `endRef`       — attach to a sentinel at the very bottom.\n *   - `isAtBottom`   — true when the viewport is pinned to the latest content.\n *   - `scrollToBottom` — imperatively scroll to the sentinel.\n */\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nexport interface UseAiChatScrollOptions {\n\t/** Distance (px) from bottom counted as \"at bottom\". */\n\tthreshold?: number;\n\t/** Re-evaluate on these dependencies (typically the message count). */\n\tdependency?: unknown;\n\t/** Disable auto-scroll-on-update behaviour. */\n\tdisableAutoScroll?: boolean;\n}\n\nexport interface UseAiChatScrollReturn {\n\tcontainerRef: React.RefObject<HTMLDivElement | null>;\n\tendRef: React.RefObject<HTMLDivElement | null>;\n\tisAtBottom: boolean;\n\tscrollToBottom: (behavior?: ScrollBehavior) => void;\n}\n\nexport function useAiChatScroll({\n\tthreshold = 80,\n\tdependency,\n\tdisableAutoScroll = false,\n}: UseAiChatScrollOptions = {}): UseAiChatScrollReturn {\n\tconst containerRef = useRef<HTMLDivElement | null>(null);\n\tconst endRef = useRef<HTMLDivElement | null>(null);\n\tconst [isAtBottom, setIsAtBottom] = useState(true);\n\n\tconst scrollToBottom = useCallback(\n\t\t(behavior: ScrollBehavior = 'smooth') => {\n\t\t\tendRef.current?.scrollIntoView({ behavior, block: 'end' });\n\t\t},\n\t\t[],\n\t);\n\n\t// Track scroll position so we can pause auto-scroll when the user reads up.\n\tuseEffect(() => {\n\t\tconst el = containerRef.current;\n\t\tif (!el) return;\n\t\tconst onScroll = () => {\n\t\t\tconst distance = el.scrollHeight - el.clientHeight - el.scrollTop;\n\t\t\tsetIsAtBottom(distance <= threshold);\n\t\t};\n\t\tonScroll();\n\t\tel.addEventListener('scroll', onScroll, { passive: true });\n\t\treturn () => el.removeEventListener('scroll', onScroll);\n\t}, [threshold]);\n\n\t// Auto-scroll when content updates and the user is pinned at the bottom.\n\tuseEffect(() => {\n\t\tif (disableAutoScroll) return;\n\t\tif (!isAtBottom) return;\n\t\t// Use rAF so we wait for layout to settle after the new content paints.\n\t\tconst id = window.requestAnimationFrame(() => scrollToBottom('auto'));\n\t\treturn () => window.cancelAnimationFrame(id);\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [dependency, disableAutoScroll]);\n\n\treturn { containerRef, endRef, isAtBottom, scrollToBottom };\n}\n","/**\n * AiChatConversation — scrollable list container for chat messages with\n * auto-stick-to-bottom behaviour. Renders each message via the consumer's\n * `renderMessage` slot (or the default `<AiChatMessage>` via the parent\n * `<AiChat>`). Surfaces a \"Jump to latest\" pill when the user scrolls away\n * from the bottom while content streams in.\n */\nimport { ArrowDown } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultAiChatConversationStrings,\n\ttype AiChatConversationStrings,\n} from '../ai-chat.strings';\nimport type {\n\tAiChatMessage as AiChatMessageType,\n\tAiChatRenderMessageContext,\n} from '../ai-chat.types';\nimport { useAiChatScroll } from '../hooks/use-ai-chat-scroll';\n\nexport interface AiChatConversationProps {\n\tmessages: ReadonlyArray<AiChatMessageType>;\n\trenderMessage: (\n\t\tmessage: AiChatMessageType,\n\t\tctx: AiChatRenderMessageContext,\n\t) => ReactNode;\n\t/** Render before the messages list (intro card, agent greeting). */\n\tintro?: ReactNode;\n\t/** Render after the messages list (e.g. tip ribbon). */\n\tfooter?: ReactNode;\n\t/** Replaces the empty state when `messages.length === 0`. */\n\tempty?: ReactNode;\n\t/** Pause auto-scroll-on-update. */\n\tdisableAutoScroll?: boolean;\n\tclassName?: string;\n\tstrings?: StringsProp<AiChatConversationStrings>;\n}\n\nexport function AiChatConversation({\n\tmessages,\n\trenderMessage,\n\tintro,\n\tfooter,\n\tempty,\n\tdisableAutoScroll,\n\tclassName,\n\tstrings: stringsProp,\n}: AiChatConversationProps) {\n\tconst strings = useStrings(defaultAiChatConversationStrings, stringsProp);\n\tconst { containerRef, endRef, isAtBottom, scrollToBottom } = useAiChatScroll({\n\t\tdependency: messages.length,\n\t\tdisableAutoScroll,\n\t});\n\n\tconst isEmpty = messages.length === 0 && !intro;\n\n\treturn (\n\t\t<div className={cn('relative flex h-full min-h-0 flex-col', className)}>\n\t\t\t<div\n\t\t\t\tref={containerRef}\n\t\t\t\tclassName=\"flex-1 overflow-y-auto px-3 py-4 sm:px-4\"\n\t\t\t>\n\t\t\t\t{!!intro && <div className=\"mb-4\">{intro}</div>}\n\n\t\t\t\t{isEmpty ? (\n\t\t\t\t\tempty ?? (\n\t\t\t\t\t\t<div className=\"flex h-full items-center justify-center px-6 py-12\">\n\t\t\t\t\t\t\t<Text type=\"secondary\">No messages yet.</Text>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)\n\t\t\t\t) : (\n\t\t\t\t\t<ol className=\"space-y-4\">\n\t\t\t\t\t\t{messages.map((message, idx) => {\n\t\t\t\t\t\t\tconst ctx: AiChatRenderMessageContext = {\n\t\t\t\t\t\t\t\tisLast: idx === messages.length - 1,\n\t\t\t\t\t\t\t\tindex: idx,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<li key={message.id}>{renderMessage(message, ctx)}</li>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</ol>\n\t\t\t\t)}\n\n\t\t\t\t{!!footer && <div className=\"mt-4\">{footer}</div>}\n\n\t\t\t\t<div ref={endRef} aria-hidden className=\"h-px\" />\n\t\t\t</div>\n\n\t\t\t{!isAtBottom && (\n\t\t\t\t<div className=\"pointer-events-none absolute bottom-3 left-1/2 -translate-x-1/2\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"solid\"\n\t\t\t\t\t\taria-label={strings.scrollToBottomAria}\n\t\t\t\t\t\tonClick={() => scrollToBottom('smooth')}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'pointer-events-auto rounded-full shadow-md',\n\t\t\t\t\t\t\t'border border-border/60',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ArrowDown className=\"size-3.5\" />\n\t\t\t\t\t\t{strings.scrollToBottom}\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nAiChatConversation.displayName = 'AiChatConversation';\n","/**\n * AiChatEmptyState — default empty surface for `<AiChat>` when no messages\n * are present and no intro is provided. Centers a title + description with\n * an optional below-content slot for prompt-suggestion grids.\n */\nimport type { ReactNode } from 'react';\nimport { Sparkles } from 'lucide-react';\nimport { IconBadge } from '@/components/base/display';\nimport { Heading, Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface AiChatEmptyStateProps {\n\ttitle?: ReactNode;\n\tdescription?: ReactNode;\n\ticon?: React.ElementType;\n\tbelow?: ReactNode;\n\tclassName?: string;\n}\n\nexport function AiChatEmptyState({\n\ttitle = 'Start a conversation',\n\tdescription,\n\ticon: IconComponent = Sparkles,\n\tbelow,\n\tclassName,\n}: AiChatEmptyStateProps) {\n\treturn (\n\t\t<div className={cn('flex h-full flex-col items-center justify-center gap-3 px-4 py-10 text-center', className)}>\n\t\t\t<IconBadge icon={IconComponent} tone=\"primary\" size=\"md\" shape=\"square\" />\n\t\t\t<div className=\"max-w-md space-y-1\">\n\t\t\t\t<Heading tag=\"h4\">{title}</Heading>\n\t\t\t\t{!!description && (\n\t\t\t\t\t<Text type=\"secondary\">{description}</Text>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{!!below && <div className=\"mt-4 w-full max-w-2xl\">{below}</div>}\n\t\t</div>\n\t);\n}\n\nAiChatEmptyState.displayName = 'AiChatEmptyState';\n","/**\n * AiChatMessage — message renderer that wraps `<AiMessageBubble>` and routes\n * each `parts[]` entry to its dedicated `composed/ai/*` surface (text, code,\n * tool calls, reasoning, sources, attachments, …).\n *\n * Most surfaces sit BELOW the bubble (artifact, sources, task) since they\n * carry their own chrome; plain text and inline citations render INSIDE the\n * bubble. Custom-typed parts call `render()` directly.\n */\nimport type { ReactNode } from 'react';\nimport { AiArtifact } from '@/components/composed/ai/ai-artifact';\nimport { AiChainOfThought } from '@/components/composed/ai/ai-chain-of-thought';\nimport { AiCodeBlock } from '@/components/composed/ai/ai-code-block';\nimport { AiConfirmation } from '@/components/composed/ai/ai-confirmation';\nimport { AiMessageBubble } from '@/components/composed/ai/ai-message-bubble';\nimport { AiReasoning } from '@/components/composed/ai/ai-reasoning';\nimport { AiShimmer } from '@/components/composed/ai/ai-shimmer';\nimport { AiSources } from '@/components/composed/ai/ai-sources';\nimport { AiTask } from '@/components/composed/ai/ai-task';\nimport { AiToolCall } from '@/components/composed/ai/ai-tool-call';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultAiChatMessageStrings,\n\ttype AiChatMessageStrings,\n} from '../ai-chat.strings';\nimport type {\n\tAiChatMessage as AiChatMessageType,\n\tAiChatMessagePart,\n} from '../ai-chat.types';\nimport { AiChatAttachmentsStrip } from './ai-chat-attachments-strip';\n\nexport interface AiChatMessageProps {\n\tmessage: AiChatMessageType;\n\t/** Copy callback forwarded to the underlying bubble. */\n\tonCopy?: () => void;\n\t/** Regenerate callback forwarded to the underlying bubble (assistant only). */\n\tonRegenerate?: () => void;\n\t/** Open handler for attachment chips inside the message. */\n\tonAttachmentOpen?: (attachmentId: string) => void;\n\tclassName?: string;\n\tstrings?: StringsProp<AiChatMessageStrings>;\n}\n\nexport function AiChatMessage({\n\tmessage,\n\tonCopy,\n\tonRegenerate,\n\tonAttachmentOpen,\n\tclassName,\n\tstrings: stringsProp,\n}: AiChatMessageProps) {\n\tconst strings = useStrings(defaultAiChatMessageStrings, stringsProp);\n\n\t// Split parts: in-bubble (text) vs below-bubble (everything else).\n\tconst inBubble: AiChatMessagePart[] = [];\n\tconst below: AiChatMessagePart[] = [];\n\tfor (const part of message.parts) {\n\t\tif (part.type === 'text') inBubble.push(part);\n\t\telse below.push(part);\n\t}\n\n\tconst plainText =\n\t\tinBubble\n\t\t\t.map((p) => (p.type === 'text' ? p.plain ?? extractPlain(p.content) : ''))\n\t\t\t.filter(Boolean)\n\t\t\t.join('\\n') || undefined;\n\n\tconst bubbleContent: ReactNode = message.pending ? (\n\t\t<AiShimmer>{strings.pending}</AiShimmer>\n\t) : inBubble.length === 0 && below.length > 0 ? null : (\n\t\t<div className=\"space-y-2\">\n\t\t\t{inBubble.map((part, idx) =>\n\t\t\t\tpart.type === 'text' ? (\n\t\t\t\t\t<div key={idx} className=\"whitespace-pre-wrap\">\n\t\t\t\t\t\t{part.content}\n\t\t\t\t\t</div>\n\t\t\t\t) : null,\n\t\t\t)}\n\t\t</div>\n\t);\n\n\treturn (\n\t\t<div className={cn('space-y-2', className)}>\n\t\t\t{(bubbleContent !== null || message.pending) && (\n\t\t\t\t<AiMessageBubble\n\t\t\t\t\trole={message.role}\n\t\t\t\t\tavatar={message.avatar}\n\t\t\t\t\tauthorName={message.authorName}\n\t\t\t\t\ttimestamp={message.timestamp}\n\t\t\t\t\tplainText={plainText}\n\t\t\t\t\tloading={message.loading}\n\t\t\t\t\tonCopy={plainText ? onCopy ?? (() => undefined) : undefined}\n\t\t\t\t\tonRegenerate={onRegenerate}\n\t\t\t\t>\n\t\t\t\t\t{bubbleContent}\n\t\t\t\t</AiMessageBubble>\n\t\t\t)}\n\n\t\t\t{below.length > 0 && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'space-y-2',\n\t\t\t\t\t\tmessage.role === 'user'\n\t\t\t\t\t\t\t? 'pr-9 sm:pl-12'\n\t\t\t\t\t\t\t: 'pl-9 sm:pr-12',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{below.map((part, idx) => (\n\t\t\t\t\t\t<PartRenderer\n\t\t\t\t\t\t\tkey={idx}\n\t\t\t\t\t\t\tpart={part}\n\t\t\t\t\t\t\tonAttachmentOpen={onAttachmentOpen}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{!!message.trailing && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\tmessage.role === 'user' ? 'pr-9 sm:pl-12' : 'pl-9 sm:pr-12',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{message.trailing}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nAiChatMessage.displayName = 'AiChatMessage';\n\nfunction PartRenderer({\n\tpart,\n\tonAttachmentOpen,\n}: {\n\tpart: AiChatMessagePart;\n\tonAttachmentOpen?: (id: string) => void;\n}) {\n\tswitch (part.type) {\n\t\tcase 'text':\n\t\t\t// In-bubble. Should not reach here.\n\t\t\treturn <Text>{part.content}</Text>;\n\t\tcase 'reasoning':\n\t\t\treturn (\n\t\t\t\t<AiReasoning\n\t\t\t\t\tstreaming={part.streaming}\n\t\t\t\t\tdurationSeconds={part.durationSeconds}\n\t\t\t\t>\n\t\t\t\t\t{part.content}\n\t\t\t\t</AiReasoning>\n\t\t\t);\n\t\tcase 'chain-of-thought':\n\t\t\treturn <AiChainOfThought steps={part.steps} streaming={part.streaming} />;\n\t\tcase 'tool':\n\t\t\treturn (\n\t\t\t\t<AiToolCall\n\t\t\t\t\tname={part.name}\n\t\t\t\t\tstatus={part.status}\n\t\t\t\t\ticon={part.icon}\n\t\t\t\t\targs={part.args}\n\t\t\t\t\tresult={part.result}\n\t\t\t\t\terror={part.error}\n\t\t\t\t\tdurationMs={part.durationMs}\n\t\t\t\t\tdefaultExpanded={part.defaultExpanded}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'code':\n\t\t\treturn (\n\t\t\t\t<AiCodeBlock\n\t\t\t\t\tcode={part.code}\n\t\t\t\t\tlanguage={part.language}\n\t\t\t\t\tfilename={part.filename}\n\t\t\t\t\tshowLineNumbers={part.showLineNumbers}\n\t\t\t\t\thighlightLines={part.highlightLines}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'attachments':\n\t\t\treturn (\n\t\t\t\t<AiChatAttachmentsStrip\n\t\t\t\t\tattachments={part.items}\n\t\t\t\t\tonOpen={onAttachmentOpen ? (att) => onAttachmentOpen(att.id) : undefined}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'sources':\n\t\t\treturn (\n\t\t\t\t<AiSources\n\t\t\t\t\tsources={part.items}\n\t\t\t\t\tvariant={part.variant}\n\t\t\t\t\tdefaultExpanded={part.defaultExpanded}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'task':\n\t\t\treturn <AiTask task={part.task} />;\n\t\tcase 'artifact':\n\t\t\treturn (\n\t\t\t\t<AiArtifact\n\t\t\t\t\ttitle={part.title}\n\t\t\t\t\tsubtitle={part.subtitle}\n\t\t\t\t\ticon={part.icon}\n\t\t\t\t\tcopyText={part.copyText}\n\t\t\t\t\tactions={part.actions}\n\t\t\t\t\tonOpen={part.onOpen}\n\t\t\t\t\tonDownload={part.onDownload}\n\t\t\t\t>\n\t\t\t\t\t{part.body}\n\t\t\t\t</AiArtifact>\n\t\t\t);\n\t\tcase 'confirmation':\n\t\t\treturn (\n\t\t\t\t<AiConfirmation\n\t\t\t\t\ttitle={part.title}\n\t\t\t\t\tdescription={part.description}\n\t\t\t\t\ttone={part.tone}\n\t\t\t\t\tstatus={part.status}\n\t\t\t\t\tdetails={part.details}\n\t\t\t\t\tonApprove={part.onApprove}\n\t\t\t\t\tonReject={part.onReject}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'custom':\n\t\t\treturn <>{part.render()}</>;\n\t\tdefault:\n\t\t\treturn null;\n\t}\n}\n\nfunction extractPlain(node: ReactNode): string {\n\tif (typeof node === 'string' || typeof node === 'number') return String(node);\n\tif (Array.isArray(node)) return node.map(extractPlain).join('');\n\treturn '';\n}\n","/**\n * AiChatPromptInput — multi-line composer for the chat. Carries:\n *   - auto-resizing textarea\n *   - staged attachment chips above the field\n *   - leading actions slot (model picker, attach)\n *   - submit / stop buttons (stop replaces submit while `streaming` is true)\n *   - keyboard discipline: Enter to submit, Shift+Enter for newline\n *\n * Stateless: the consumer owns `value`, `attachments`, and `streaming`. The\n * component fires `onSubmit` with `{ text, attachments }` on submit.\n */\nimport { useCallback, useRef, type ReactNode } from 'react';\nimport { ArrowUp, Paperclip, Square } from 'lucide-react';\nimport { Button } from '@/components/base/buttons';\nimport { Textarea } from '@/components/base/forms/fields';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultAiChatPromptInputStrings,\n\tinterpolateString,\n\ttype AiChatPromptInputStrings,\n} from '../ai-chat.strings';\nimport type {\n\tAiChatAttachment,\n\tAiChatSubmitValues,\n} from '../ai-chat.types';\nimport { AiChatAttachmentsStrip } from './ai-chat-attachments-strip';\n\nexport interface AiChatPromptInputProps {\n\t/** Current text value (controlled). */\n\tvalue: string;\n\t/** Text change callback. */\n\tonChange: (value: string) => void;\n\t/** Submit callback — fires on Enter or send-button click. */\n\tonSubmit?: (values: AiChatSubmitValues) => void;\n\t/** Stop callback — wired to the stop button while `streaming`. */\n\tonStop?: () => void;\n\t/** Streaming flag — flips submit ↔ stop and disables the submit button. */\n\tstreaming?: boolean;\n\t/** Disable the entire composer (e.g. while waiting for an upload). */\n\tdisabled?: boolean;\n\t/** Staged attachments (controlled). */\n\tattachments?: ReadonlyArray<AiChatAttachment>;\n\t/** Remove a staged attachment. */\n\tonRemoveAttachment?: (id: string) => void;\n\t/** Triggered when the attach button is pressed. */\n\tonAttach?: () => void;\n\t/** Show the attach button (default: when `onAttach` is provided). */\n\tshowAttach?: boolean;\n\t/** Leading slot rendered before the attach button (typically a model picker). */\n\tleadingActions?: ReactNode;\n\t/** Trailing slot rendered before submit (custom action buttons). */\n\ttrailingActions?: ReactNode;\n\t/** Hide the keyboard hint under the field. */\n\thideHint?: boolean;\n\t/** Override the textarea minimum row count. */\n\tminRows?: number;\n\t/** Override the textarea maximum row count before scroll. */\n\tmaxRows?: number;\n\t/** Auto-focus the textarea on mount. */\n\tautoFocus?: boolean;\n\tclassName?: string;\n\tstrings?: StringsProp<AiChatPromptInputStrings>;\n}\n\nexport function AiChatPromptInput({\n\tvalue,\n\tonChange,\n\tonSubmit,\n\tonStop,\n\tstreaming = false,\n\tdisabled = false,\n\tattachments = [],\n\tonRemoveAttachment,\n\tonAttach,\n\tshowAttach,\n\tleadingActions,\n\ttrailingActions,\n\thideHint = false,\n\tminRows = 1,\n\tmaxRows = 8,\n\tautoFocus = false,\n\tclassName,\n\tstrings: stringsProp,\n}: AiChatPromptInputProps) {\n\tconst strings = useStrings(defaultAiChatPromptInputStrings, stringsProp);\n\tconst textareaRef = useRef<HTMLTextAreaElement | null>(null);\n\n\tconst canSubmit =\n\t\t!streaming && !disabled && (value.trim().length > 0 || attachments.length > 0);\n\n\tconst handleSubmit = useCallback(() => {\n\t\tif (!canSubmit) return;\n\t\tonSubmit?.({ text: value, attachments });\n\t}, [canSubmit, onSubmit, value, attachments]);\n\n\tconst handleKeyDown = useCallback(\n\t\t(e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n\t\t\tif (e.key === 'Enter' && !e.shiftKey && !e.nativeEvent.isComposing) {\n\t\t\t\te.preventDefault();\n\t\t\t\thandleSubmit();\n\t\t\t}\n\t\t},\n\t\t[handleSubmit],\n\t);\n\n\tconst showAttachBtn = showAttach ?? Boolean(onAttach);\n\tconst submitKeyLabel =\n\t\ttypeof navigator !== 'undefined' && navigator.platform?.toLowerCase().includes('mac')\n\t\t\t? '⌘↩'\n\t\t\t: '↩';\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'rounded-xl border border-border bg-card transition-colors duration-150',\n\t\t\t\t'focus-within:border-foreground/20 focus-within:ring-2 focus-within:ring-ring/30',\n\t\t\t\tdisabled && 'opacity-60 pointer-events-none',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{attachments.length > 0 && (\n\t\t\t\t<div className=\"border-b border-border/60 p-2\">\n\t\t\t\t\t<AiChatAttachmentsStrip\n\t\t\t\t\t\tattachments={attachments}\n\t\t\t\t\t\tonRemove={onRemoveAttachment}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<Textarea\n\t\t\t\tref={textareaRef}\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={(e) => onChange(e.target.value)}\n\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\tplaceholder={strings.placeholder}\n\t\t\t\tautoResize\n\t\t\t\tminRows={minRows}\n\t\t\t\tmaxRows={maxRows}\n\t\t\t\tautoFocus={autoFocus}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'!border-0 !bg-transparent !shadow-none focus-visible:!ring-0 resize-none px-3 py-2.5',\n\t\t\t\t)}\n\t\t\t/>\n\n\t\t\t<div className=\"flex items-center gap-1 border-t border-border/60 px-2 py-1.5\">\n\t\t\t\t{leadingActions}\n\t\t\t\t{showAttachBtn && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\tsize=\"icon-sm\"\n\t\t\t\t\t\taria-label={strings.attachAria}\n\t\t\t\t\t\tonClick={onAttach}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Paperclip className=\"size-4\" />\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t\t<div className=\"ml-auto flex items-center gap-1\">\n\t\t\t\t\t{trailingActions}\n\t\t\t\t\t{streaming ? (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"solid\"\n\t\t\t\t\t\t\tsize=\"icon-sm\"\n\t\t\t\t\t\t\taria-label={strings.stopAria}\n\t\t\t\t\t\t\tonClick={onStop}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Square className=\"size-3.5 fill-current\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\tbuttonStyle=\"solid\"\n\t\t\t\t\t\t\tsize=\"icon-sm\"\n\t\t\t\t\t\t\taria-label={strings.submitAria}\n\t\t\t\t\t\t\tonClick={handleSubmit}\n\t\t\t\t\t\t\tdisabled={!canSubmit}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ArrowUp className=\"size-4\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{!hideHint && (\n\t\t\t\t<div className=\"px-3 pb-2\">\n\t\t\t\t\t<Text size=\"xxs\" type=\"discrete\">\n\t\t\t\t\t\t{interpolateString(strings.hint, {\n\t\t\t\t\t\t\tsubmitKey: submitKeyLabel,\n\t\t\t\t\t\t\tnewlineKey: '⇧↩',\n\t\t\t\t\t\t})}\n\t\t\t\t\t</Text>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nAiChatPromptInput.displayName = 'AiChatPromptInput';\n","/**\n * AiChatQueue — pending message queue rendered above the prompt input. Used\n * to surface messages the user submitted faster than the assistant could\n * process — each item shows a status pill and an optional cancel control.\n */\nimport { Loader2, X } from 'lucide-react';\nimport { Badge } from '@/components/base/badge';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultAiChatQueueStrings,\n\ttype AiChatQueueStrings,\n} from '../ai-chat.strings';\nimport type { AiChatQueueItem } from '../ai-chat.types';\n\nexport interface AiChatQueueProps {\n\titems: ReadonlyArray<AiChatQueueItem>;\n\thideHeader?: boolean;\n\tonCancel?: (id: string) => void;\n\tclassName?: string;\n\tstrings?: StringsProp<AiChatQueueStrings>;\n}\n\nexport function AiChatQueue({\n\titems,\n\thideHeader = false,\n\tonCancel,\n\tclassName,\n\tstrings: stringsProp,\n}: AiChatQueueProps) {\n\tconst strings = useStrings(defaultAiChatQueueStrings, stringsProp);\n\tif (items.length === 0) return null;\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'rounded-lg border border-border/60 bg-muted/20 px-2.5 py-2',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{!hideHeader && (\n\t\t\t\t<Text\n\t\t\t\t\tsize=\"xxs\"\n\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\tclassName=\"mb-1.5 px-1 uppercase tracking-wider\"\n\t\t\t\t>\n\t\t\t\t\t{strings.header} · {items.length}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t\t<ul className=\"space-y-1\">\n\t\t\t\t{items.map((item) => {\n\t\t\t\t\tconst status = item.status ?? 'queued';\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li\n\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\tclassName=\"flex items-center gap-2 rounded-md bg-card px-2 py-1.5\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{status === 'running' ? (\n\t\t\t\t\t\t\t\t<Loader2 className=\"size-3.5 shrink-0 animate-spin text-primary\" />\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\t\t\t\tclassName=\"size-2 shrink-0 rounded-full bg-muted-foreground/50\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<Text size=\"xs\" className=\"flex-1 truncate\">\n\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<Badge variant={status === 'running' ? 'primary' : 'secondary'}>\n\t\t\t\t\t\t\t\t{status === 'running' ? strings.runningLabel : strings.queuedLabel}\n\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t{(!!item.onCancel || !!onCancel) && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\t\t\t\t\taria-label={strings.cancelAria}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\titem.onCancel?.();\n\t\t\t\t\t\t\t\t\t\tonCancel?.(item.id);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<X className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ul>\n\t\t</div>\n\t);\n}\n\nAiChatQueue.displayName = 'AiChatQueue';\n","/**\n * AiChatSuggestionsRow — horizontal scrollable strip of small suggestion\n * chips rendered above the prompt input. Distinct from\n * `<AiPromptSuggestions>` (which is a card-grid of richer suggestions used\n * as a welcome surface): this is the inline, dense variant.\n */\nimport { Sparkles } from 'lucide-react';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultAiChatSuggestionsStrings,\n\ttype AiChatSuggestionsStrings,\n} from '../ai-chat.strings';\nimport type { AiChatSuggestion } from '../ai-chat.types';\n\nexport interface AiChatSuggestionsRowProps {\n\tsuggestions: ReadonlyArray<AiChatSuggestion>;\n\tonPick?: (s: AiChatSuggestion) => void;\n\thideHeader?: boolean;\n\tclassName?: string;\n\tstrings?: StringsProp<AiChatSuggestionsStrings>;\n}\n\nexport function AiChatSuggestionsRow({\n\tsuggestions,\n\tonPick,\n\thideHeader = false,\n\tclassName,\n\tstrings: stringsProp,\n}: AiChatSuggestionsRowProps) {\n\tconst strings = useStrings(defaultAiChatSuggestionsStrings, stringsProp);\n\tif (suggestions.length === 0) return null;\n\treturn (\n\t\t<div className={cn('flex items-center gap-2', className)}>\n\t\t\t{!hideHeader && (\n\t\t\t\t<div className=\"inline-flex shrink-0 items-center gap-1.5\">\n\t\t\t\t\t<Sparkles className=\"size-3.5 text-muted-foreground\" />\n\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" weight=\"medium\" className=\"uppercase tracking-wider\">\n\t\t\t\t\t\t{strings.header}\n\t\t\t\t\t</Text>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div className=\"-mx-1 flex flex-1 items-center gap-1.5 overflow-x-auto px-1 py-0.5 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\">\n\t\t\t\t{suggestions.map((s) => {\n\t\t\t\t\tconst Icon = s.icon;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={s.id}\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\tonClick={() => onPick?.(s)}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'h-auto shrink-0 gap-1.5 rounded-full border border-border/60 bg-card px-2.5 py-1',\n\t\t\t\t\t\t\t\t'transition-[border-color,background] duration-150',\n\t\t\t\t\t\t\t\t'hover:border-foreground/20 hover:bg-muted/40',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{!!Icon && <Icon className=\"size-3 text-muted-foreground\" />}\n\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"medium\">\n\t\t\t\t\t\t\t\t{s.label}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nAiChatSuggestionsRow.displayName = 'AiChatSuggestionsRow';\n","/**\n * AiChat — framework-agnostic AI chat surface. Tie-together component for\n * the `features/ai-chat/*` partials. Renders an optional agent header, the\n * scrollable conversation, an optional queue + suggestions row, and the\n * prompt input.\n *\n * Composition seams:\n *   - `slots`         — replace any region (header, intro, empty, queue,\n *                       suggestions, input, belowMessages) or per-message\n *                       (`renderMessage`).\n *   - `strings`       — deep-partial override of every default copy line\n *                       (prompt, conversation, queue, suggestions, message).\n *   - Partials        — every partial is exported individually so a consumer\n *                       can build a custom layout against the same data shape.\n *\n * Headless usage:\n *   - The `useAiChatScroll` hook is exported for consumers building a\n *     custom conversation layout while keeping auto-stick-to-bottom.\n *\n * Framework-agnostic:\n *   - No router, no i18n SDK, no fetcher. Submission is a callback\n *     (`onSubmit`); messages, queue, attachments are all controlled props.\n */\nimport { useCallback, useState, type ReactNode } from 'react';\nimport { AiAgent } from '@/components/composed/ai/ai-agent';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultAiChatStrings,\n\ttype AiChatStrings,\n} from './ai-chat.strings';\nimport type {\n\tAiChatAgent,\n\tAiChatAttachment,\n\tAiChatMessage as AiChatMessageType,\n\tAiChatQueueItem,\n\tAiChatSlots,\n\tAiChatSubmitValues,\n\tAiChatSuggestion,\n} from './ai-chat.types';\nimport {\n\tAiChatConversation,\n\tAiChatEmptyState,\n\tAiChatMessage,\n\tAiChatPromptInput,\n\tAiChatQueue,\n\tAiChatSuggestionsRow,\n} from './partials';\n\nexport interface AiChatProps {\n\t/** Conversation messages — order is significant. */\n\tmessages: ReadonlyArray<AiChatMessageType>;\n\n\t/** Controlled prompt input value. */\n\tinputValue: string;\n\t/** Prompt input change callback. */\n\tonInputChange: (value: string) => void;\n\t/** Fired on submit (Enter or send button). */\n\tonSubmit?: (values: AiChatSubmitValues) => void;\n\t/** Fired when the user clicks the stop button while `streaming`. */\n\tonStop?: () => void;\n\t/** Streaming flag — controls submit/stop UI in the prompt input. */\n\tstreaming?: boolean;\n\t/** Disable composer entirely. */\n\tdisabled?: boolean;\n\n\t/** Currently staged attachments. */\n\tattachments?: ReadonlyArray<AiChatAttachment>;\n\t/** Remove a staged attachment. */\n\tonRemoveAttachment?: (id: string) => void;\n\t/** Fires when the user clicks the attach button. */\n\tonAttach?: () => void;\n\t/** Toggles the attach button visibility. Defaults to `true` when `onAttach` is provided. */\n\tshowAttach?: boolean;\n\n\t/** Agent identity — drives the optional header strip. Pass `null` to hide. */\n\tagent?: AiChatAgent | null;\n\t/** Trailing slot inside the header (e.g. settings button). */\n\theaderActions?: ReactNode;\n\n\t/** Pending message queue (rendered above the input). */\n\tqueue?: ReadonlyArray<AiChatQueueItem>;\n\t/** Cancel callback — fires per-item when the queue chip's × is clicked. */\n\tonCancelQueueItem?: (id: string) => void;\n\n\t/** Inline quick suggestions (rendered above the input). */\n\tsuggestions?: ReadonlyArray<AiChatSuggestion>;\n\t/** Suggestion select callback. */\n\tonPickSuggestion?: (s: AiChatSuggestion) => void;\n\n\t/** Per-message copy callback. */\n\tonMessageCopy?: (message: AiChatMessageType) => void;\n\t/** Per-message regenerate callback (assistant only). */\n\tonMessageRegenerate?: (message: AiChatMessageType) => void;\n\t/** Per-message attachment open callback. */\n\tonAttachmentOpen?: (messageId: string, attachmentId: string) => void;\n\n\t/** Disable auto-stick-to-bottom in the conversation. */\n\tdisableAutoScroll?: boolean;\n\n\t/** Slot map for replacing default surfaces. */\n\tslots?: AiChatSlots;\n\t/** String overrides. */\n\tstrings?: StringsProp<AiChatStrings>;\n\tclassName?: string;\n}\n\nexport function AiChat({\n\tmessages,\n\tinputValue,\n\tonInputChange,\n\tonSubmit,\n\tonStop,\n\tstreaming = false,\n\tdisabled = false,\n\tattachments = [],\n\tonRemoveAttachment,\n\tonAttach,\n\tshowAttach,\n\tagent,\n\theaderActions,\n\tqueue = [],\n\tonCancelQueueItem,\n\tsuggestions = [],\n\tonPickSuggestion,\n\tonMessageCopy,\n\tonMessageRegenerate,\n\tonAttachmentOpen,\n\tdisableAutoScroll,\n\tslots,\n\tstrings: stringsProp,\n\tclassName,\n}: AiChatProps) {\n\tconst strings = useStrings(defaultAiChatStrings, stringsProp);\n\tconst [, force] = useState(0);\n\n\tconst renderMessage = useCallback(\n\t\t(\n\t\t\tmessage: AiChatMessageType,\n\t\t\tctx: { isLast: boolean; index: number },\n\t\t): ReactNode => {\n\t\t\tif (slots?.renderMessage) {\n\t\t\t\treturn slots.renderMessage(message, ctx);\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<AiChatMessage className=\"ai-chat-message--component\"\n\t\t\t\t\tmessage={message}\n\t\t\t\t\tstrings={strings.message}\n\t\t\t\t\tonCopy={\n\t\t\t\t\t\tonMessageCopy ? () => onMessageCopy(message) : undefined\n\t\t\t\t\t}\n\t\t\t\t\tonRegenerate={\n\t\t\t\t\t\tonMessageRegenerate\n\t\t\t\t\t\t\t? () => onMessageRegenerate(message)\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tonAttachmentOpen={\n\t\t\t\t\t\tonAttachmentOpen\n\t\t\t\t\t\t\t? (attachmentId) => onAttachmentOpen(message.id, attachmentId)\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t);\n\t\t},\n\t\t[\n\t\t\tonAttachmentOpen,\n\t\t\tonMessageCopy,\n\t\t\tonMessageRegenerate,\n\t\t\tslots,\n\t\t\tstrings.message,\n\t\t],\n\t);\n\n\tconst Header: ReactNode =\n\t\tslots?.header ??\n\t\t(agent ? (\n\t\t\t<div className=\"flex items-center gap-3 border-b border-border bg-card px-3 py-2 sm:px-4\">\n\t\t\t\t<AiAgent\n\t\t\t\t\tname={agent.name}\n\t\t\t\t\ticon={agent.icon}\n\t\t\t\t\tavatar={agent.avatar}\n\t\t\t\t\tsubtitle={agent.subtitle}\n\t\t\t\t\ttone={agent.tone}\n\t\t\t\t\tstatus={agent.status}\n\t\t\t\t\tvariant=\"inline\"\n\t\t\t\t/>\n\t\t\t\t{!!headerActions && (\n\t\t\t\t\t<div className=\"ml-auto flex items-center gap-1\">{headerActions}</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t) : null);\n\n\tconst Empty: ReactNode =\n\t\tslots?.empty ??\n\t\t(messages.length === 0 ? (\n\t\t\t<AiChatEmptyState\n\t\t\t\ttitle={strings.emptyTitle}\n\t\t\t\tdescription={strings.emptyDescription}\n\t\t\t/>\n\t\t) : null);\n\n\tconst Queue: ReactNode =\n\t\tslots?.queue ??\n\t\t(queue.length > 0 ? (\n\t\t\t<AiChatQueue\n\t\t\t\titems={queue}\n\t\t\t\tonCancel={onCancelQueueItem}\n\t\t\t\tstrings={strings.queue}\n\t\t\t/>\n\t\t) : null);\n\n\tconst Suggestions: ReactNode =\n\t\tslots?.suggestions ??\n\t\t(suggestions.length > 0 ? (\n\t\t\t<AiChatSuggestionsRow\n\t\t\t\tsuggestions={suggestions}\n\t\t\t\tonPick={onPickSuggestion}\n\t\t\t\tstrings={strings.suggestions}\n\t\t\t/>\n\t\t) : null);\n\n\tconst Input: ReactNode =\n\t\tslots?.input ?? (\n\t\t\t<AiChatPromptInput\n\t\t\t\tvalue={inputValue}\n\t\t\t\tonChange={onInputChange}\n\t\t\t\tonSubmit={(values) => {\n\t\t\t\t\tonSubmit?.(values);\n\t\t\t\t\t// Force re-render so consumers that read inputValue/attachments\n\t\t\t\t\t// from controlled state see the freshly cleared values they\n\t\t\t\t\t// pushed in their onSubmit handler.\n\t\t\t\t\tforce((v) => v + 1);\n\t\t\t\t}}\n\t\t\t\tonStop={onStop}\n\t\t\t\tstreaming={streaming}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tattachments={attachments}\n\t\t\t\tonRemoveAttachment={onRemoveAttachment}\n\t\t\t\tonAttach={onAttach}\n\t\t\t\tshowAttach={showAttach}\n\t\t\t\tstrings={strings.prompt}\n\t\t\t/>\n\t\t);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'ai-chat--component flex h-full flex-col overflow-hidden rounded-xl border border-border bg-background',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{Header}\n\n\t\t\t<AiChatConversation\n\t\t\t\tmessages={messages}\n\t\t\t\trenderMessage={renderMessage}\n\t\t\t\tintro={slots?.intro}\n\t\t\t\tfooter={slots?.belowMessages}\n\t\t\t\tempty={Empty}\n\t\t\t\tdisableAutoScroll={disableAutoScroll}\n\t\t\t\tstrings={strings.conversation}\n\t\t\t/>\n\n\t\t\t{(Queue || Suggestions || Input) && (\n\t\t\t\t<div className=\"border-t border-border bg-card/60\">\n\t\t\t\t\t{Queue && (\n\t\t\t\t\t\t<div className=\"px-3 pb-2 pt-3 sm:px-4\">{Queue}</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{Suggestions && (\n\t\t\t\t\t\t<div className={cn('px-3 sm:px-4', !Queue && 'pt-3', 'pb-2')}>\n\t\t\t\t\t\t\t{Suggestions}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{Input && (\n\t\t\t\t\t\t<div className=\"px-3 pb-3 pt-2 sm:px-4 sm:pb-4\">{Input}</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{disabled && (\n\t\t\t\t<Text className=\"sr-only\" aria-live=\"polite\">\n\t\t\t\t\tChat is disabled\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nAiChat.displayName = 'AiChat';\n"],"mappings":"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"}

package/dist/components/features/ai-chat/index.js

@@ -1,12 +1,11 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { t as n } from "../../../_shared/text-qsEg5GdP.js";
-import { t as r } from "../../../_shared/heading-CrNpYcUr.js";
+import { n, t as r } from "../../../_shared/heading-HeP06nXG.js";
 import { t as i } from "../../../_shared/icon-badge-zTBVtgt9.js";
-import { t as a } from "../../../_shared/badge-BK5VvEgg.js";
-import { t as o } from "../../../_shared/button-cnkCF8q8.js";
-import { t as s } from "../../../_shared/textarea-Bfv1KxBm.js";
-import { S as c, _ as l, a as u, b as d, d as f, h as p, l as m, p as h, r as g, s as _, t as v, y } from "../../../_shared/ai-artifact--MqIfP-8.js";
+import { t as a } from "../../../_shared/badge-yGlx9trX.js";
+import { t as o } from "../../../_shared/button-SuocMQFT.js";
+import { t as s } from "../../../_shared/textarea-CsMkelmp.js";
+import { S as c, _ as l, a as u, b as d, d as f, h as p, l as m, p as h, r as g, s as _, t as v, y } from "../../../_shared/ai-artifact-DdlK_l56.js";
 import { useCallback as b, useEffect as x, useRef as S, useState as C } from "react";
 import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
 import { ArrowDown as D, ArrowUp as O, Loader2 as k, Paperclip as A, Sparkles as j, Square as M, X as N } from "lucide-react";
@@ -425,10 +424,10 @@ function Y({ items: r, hideHeader: i = !1, onCancel: s, className: c, strings: l
 Y.displayName = "AiChatQueue";
 //#endregion
 //#region src/components/features/ai-chat/partials/ai-chat-suggestions-row.tsx
-function X({ suggestions: r, onPick: i, hideHeader: a = !1, className: o, strings: s }) {
-	let c = e(L, s);
+function X({ suggestions: r, onPick: i, hideHeader: a = !1, className: s, strings: c }) {
+	let l = e(L, c);
 	return r.length === 0 ? null : /* @__PURE__ */ E("div", {
-		className: t("flex items-center gap-2", o),
+		className: t("flex items-center gap-2", s),
 		children: [!a && /* @__PURE__ */ E("div", {
 			className: "inline-flex shrink-0 items-center gap-1.5",
 			children: [/* @__PURE__ */ T(j, { className: "size-3.5 text-muted-foreground" }), /* @__PURE__ */ T(n, {
@@ -436,16 +435,19 @@ function X({ suggestions: r, onPick: i, hideHeader: a = !1, className: o, string
 				type: "secondary",
 				weight: "medium",
 				className: "uppercase tracking-wider",
-				children: c.header
+				children: l.header
 			})]
 		}), /* @__PURE__ */ T("div", {
 			className: "-mx-1 flex flex-1 items-center gap-1.5 overflow-x-auto px-1 py-0.5 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
 			children: r.map((e) => {
 				let r = e.icon;
-				return /* @__PURE__ */ E("button", {
+				return /* @__PURE__ */ E(o, {
 					type: "button",
+					variant: "secondary",
+					buttonStyle: "ghost",
+					size: "xs",
 					onClick: () => i?.(e),
-					className: t("inline-flex shrink-0 items-center gap-1.5 rounded-full border border-border/60 bg-card px-2.5 py-1", "transition-[border-color,background] duration-150", "hover:border-foreground/20 hover:bg-muted/40", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40"),
+					className: t("h-auto shrink-0 gap-1.5 rounded-full border border-border/60 bg-card px-2.5 py-1", "transition-[border-color,background] duration-150", "hover:border-foreground/20 hover:bg-muted/40"),
 					children: [!!r && /* @__PURE__ */ T(r, { className: "size-3 text-muted-foreground" }), /* @__PURE__ */ T(n, {
 						tag: "span",
 						size: "xs",
@@ -462,7 +464,7 @@ X.displayName = "AiChatSuggestionsRow";
 //#region src/components/features/ai-chat/ai-chat.tsx
 function Z({ messages: r, inputValue: i, onInputChange: a, onSubmit: o, onStop: s, streaming: c = !1, disabled: l = !1, attachments: u = [], onRemoveAttachment: d, onAttach: f, showAttach: p, agent: m, headerActions: g, queue: _ = [], onCancelQueueItem: v, suggestions: y = [], onPickSuggestion: x, onMessageCopy: S, onMessageRegenerate: w, onAttachmentOpen: D, disableAutoScroll: O, slots: k, strings: A, className: j }) {
 	let M = e(z, A), [, N] = C(0), P = b((e, t) => k?.renderMessage ? k.renderMessage(e, t) : /* @__PURE__ */ T(G, {
-		className: "ai-chat--component",
+		className: "ai-chat-message--component",
 		message: e,
 		strings: M.message,
 		onCopy: S ? () => S(e) : void 0,
@@ -515,7 +517,7 @@ function Z({ messages: r, inputValue: i, onInputChange: a, onSubmit: o, onStop:
 		strings: M.prompt
 	});
 	return /* @__PURE__ */ E("div", {
-		className: t("flex h-full flex-col overflow-hidden rounded-xl border border-border bg-background", j),
+		className: t("ai-chat--component flex h-full flex-col overflow-hidden rounded-xl border border-border bg-background", j),
 		children: [
 			F,
 			/* @__PURE__ */ T(U, {