themelia-react-ui 1.0.1 → 2.0.0

package/dist/ai-artifact-2PQ2fItc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-artifact-2PQ2fItc.js","names":["_Fragment","STATUS_VARIANT","_Fragment","NumberValue","_Fragment","_Fragment","_Fragment","cn","DisplayLabel","Text","TextLink","Button","Stack","SecondaryValue","MonoValue","Duration","Number","IconBadge","Badge","AttachmentFileIcon","AttachmentTitle","AttachmentDescription","AttachmentActions","AttachmentMedia","AttachmentContent","AttachmentProgress","Attachment","Message","CodeBlock","Fragment$1","useCopyFeedback","copied","setCopied","useState","failed","setFailed","mounted","useRef","attempt","timer","useEffect","source","request","text","error","onCopyError","defaultAiMessageBubbleStrings","AiMessageBubble","stringsProp","strings","useStrings","copyText","plainText","children","renderedAvatar","avatar","avatarLabel","role","User","Bot","showActions","onCopy","onRegenerate","authorName","className","loading","copy","Copy","RotateCcw","defaultAiToolCallStrings","STATUS_BADGE","DurationValue","label","ms","AiToolCall","IconComponent","expandedProp","internalExpanded","setInternalExpanded","defaultExpanded","expanded","setExpanded","next","onExpandedChange","labelByStatus","statusBadge","status","hasDetails","args","result","name","durationMs","jsx","ChevronDown","ChevronRight","DetailBlock","tone","AiShimmer","paused","style","duration","defaultAiCodeBlockStrings","AiCodeBlock","props","defaultAiAttachmentStrings","AiAttachment","Icon","showProgress","errored","progress","thumbnailUrl","AlertCircle","meta","onRemove","X","defaultAiAgentStrings","TONE_AVATAR","STATUS_VARIANT$1","AiAgent","icon","avatarSize","variant","iconSize","StatusPill","subtitle","trailing","defaultAiConfirmationStrings","TONE","AiConfirmation","toneCfg","title","description","details","onReject","rejectLabel","onApprove","approveLabel","Check","defaultAiSourcesStrings","interpolate","template","v","params","k","m","AiSources","mergeStrings","titleText","sources","AvatarStrip","maxAvatars","visible","AvatarStack","SourceRow","idx","onSelect","max","overflow","visual","s","SourceFavicon","i","visitLabel","src","Globe","interactive","rowClassName","rowContent","index","ExternalLink","defaultAiReasoningStrings","renderThoughtFor","durationParts","seconds","AiReasoning","streaming","expandWhileStreaming","headerLabel","durationSeconds","Brain","defaultAiChainOfThoughtStrings","STATUS_VISUAL","Circle","Loader2","AiChainOfThought","hideHeader","steps","step","isLast","defaultAiTaskStrings","STATUS_ICON","XCircle","MinusCircle","STATUS_VARIANT","AiTask","TaskRow","task","item","hasChildren","open","setOpen","density","depth","indent","child","defaultAiArtifactStrings","AiArtifact","FileText","actions","ActionIcon","action","onDownload","Download","onOpen","collapsed"],"sources":["../src/components/blocks/ai/use-copy-feedback.ts","../src/components/blocks/ai/ai-message-bubble/types.ts","../src/components/blocks/ai/ai-message-bubble/ai-message-bubble.tsx","../src/components/blocks/ai/ai-tool-call/types.ts","../src/components/blocks/ai/ai-tool-call/ai-tool-call.tsx","../src/components/blocks/ai/ai-shimmer/ai-shimmer.tsx","../src/components/blocks/ai/ai-code-block/types.ts","../src/components/blocks/ai/ai-code-block/ai-code-block.tsx","../src/components/blocks/ai/ai-attachment/types.ts","../src/components/blocks/ai/ai-attachment/ai-attachment.tsx","../src/components/blocks/ai/ai-agent/types.ts","../src/components/blocks/ai/ai-agent/ai-agent.tsx","../src/components/blocks/ai/ai-confirmation/types.ts","../src/components/blocks/ai/ai-confirmation/ai-confirmation.tsx","../src/components/blocks/ai/ai-sources/types.ts","../src/components/blocks/ai/ai-sources/ai-sources.tsx","../src/components/blocks/ai/ai-reasoning/types.ts","../src/components/blocks/ai/ai-reasoning/ai-reasoning.tsx","../src/components/blocks/ai/ai-chain-of-thought/types.ts","../src/components/blocks/ai/ai-chain-of-thought/ai-chain-of-thought.tsx","../src/components/blocks/ai/ai-task/types.ts","../src/components/blocks/ai/ai-task/ai-task.tsx","../src/components/blocks/ai/ai-artifact/types.ts","../src/components/blocks/ai/ai-artifact/ai-artifact.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/** Shared clipboard lifecycle for AI surfaces; callbacks and text stay per mount. */\nexport function useCopyFeedback(onCopyError?: (error: unknown) => void, source?: string) {\n\tconst [copied, setCopied] = useState(false);\n\tconst [failed, setFailed] = useState(false);\n\tconst mounted = useRef(false);\n\tconst attempt = useRef(0);\n\tconst timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n\tuseEffect(() => {\n\t\tmounted.current = true;\n\t\tsetCopied(false);\n\t\tsetFailed(false);\n\t\treturn () => {\n\t\t\tmounted.current = false;\n\t\t\tattempt.current += 1;\n\t\t\tclearTimeout(timer.current);\n\t\t};\n\t}, [source]);\n\n\tconst copy = async (text: string) => {\n\t\tconst request = ++attempt.current;\n\t\tclearTimeout(timer.current);\n\t\tsetCopied(false);\n\t\tsetFailed(false);\n\t\ttry {\n\t\t\tif (typeof navigator === 'undefined' || !navigator.clipboard?.writeText) {\n\t\t\t\tthrow new Error('Clipboard unavailable');\n\t\t\t}\n\t\t\tawait navigator.clipboard.writeText(text);\n\t\t} catch (error) {\n\t\t\tif (mounted.current && request === attempt.current) {\n\t\t\t\tsetFailed(true);\n\t\t\t\tonCopyError?.(error);\n\t\t\t}\n\t\t\treturn false;\n\t\t}\n\t\tif (!mounted.current || request !== attempt.current) return false;\n\t\tsetCopied(true);\n\t\ttimer.current = setTimeout(() => setCopied(false), 1500);\n\t\treturn true;\n\t};\n\n\treturn { copied, failed, copy };\n}\n","import type { ReactNode } from 'react';\nimport type { StringsProp } from '../../../../lib/strings';\n\nexport type AiMessageRole = 'assistant' | 'user' | 'system';\n\nexport interface AiMessageBubbleStrings {\n\t/** Optional localized loading announcement. */\n\tloading?: string;\n\tcopyAria: string;\n    /** Failure feedback, additive for existing string dictionaries. */\n    copyError?: string;\n\tcopied: string;\n\tregenerateAria: string;\n}\n\nexport const defaultAiMessageBubbleStrings: AiMessageBubbleStrings = {\n    copyError: 'Could not copy. Please try again.',\n\tcopyAria: 'Copy message',\n\tcopied: 'Copied',\n\tregenerateAria: 'Regenerate response',\n};\n\nexport interface AiMessageBubbleProps {\n\trole?: AiMessageRole;\n\t/** Leading avatar. */\n\tavatar?: ReactNode;\n\tavatarLabel?: string;\n\tauthorName?: ReactNode;\n\t/** Formatted time for the entry. */\n\ttimestamp?: ReactNode;\n\tchildren?: ReactNode;\n\t/** Plain-text version of the message content; used for the copy action. */\n\tplainText?: string;\n\tloading?: boolean;\n\t/** Fired when an entry is copied. */\n\tonCopy?: () => void;\n\tonRegenerate?: () => void;\n\t/** Merged onto the outermost node. */\n\t/** Called when the clipboard is unavailable or the write fails. */\n    onCopyError?: (error: unknown) => void;\n    className?: string;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<AiMessageBubbleStrings>;\n}\n","import { Bot, Copy, RotateCcw, User } from 'lucide-react';\nimport { Button } from '../../../base/buttons';\nimport { Message } from '../../collaboration/message';\nimport { Text } from '../../../typography';\nimport { useStrings } from '../../../../lib/strings';\nimport { cn } from '../../../../lib/utils';\nimport { useCopyFeedback } from '../use-copy-feedback';\nimport { defaultAiMessageBubbleStrings, type AiMessageBubbleProps } from './types';\n/** AI-specific copy/regenerate actions on the generic message presentation owner. */\nexport function AiMessageBubble({ role = 'assistant', avatar, avatarLabel, authorName, timestamp, children, plainText, loading = false, onCopy, onRegenerate, onCopyError, className, strings: stringsProp }: AiMessageBubbleProps) {\n const strings = useStrings(defaultAiMessageBubbleStrings, stringsProp);\n const copyText = plainText ?? (typeof children === 'string' ? children : '');\n const { copied, failed, copy } = useCopyFeedback(onCopyError, copyText);\n const Icon = role === 'user' ? User : Bot;\n const renderedAvatar = avatar ?? <span aria-label={avatarLabel} className=\"inline-flex size-avatar-sm shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground\"><Icon aria-hidden=\"true\" className=\"size-icon-md\" /></span>;\n const showActions = (onCopy !== undefined || plainText || onRegenerate) && role === 'assistant';\n return <Message align={role === 'user' ? 'end' : 'start'} tone={role === 'user' ? 'primary' : role === 'system' ? 'muted' : 'surface'} avatar={renderedAvatar} author={authorName} timestamp={timestamp} loading={loading} strings={{ loading: strings.loading }} className={cn('ai-message-bubble--component', className)} actions={showActions ? <>\n  <Button type=\"button\" tone=\"secondary\" buttonStyle=\"ghost\" size=\"sm\" iconOnly aria-label={strings.copyAria} disabled={!copyText || loading} onClick={async () => { if (copyText && await copy(copyText)) onCopy?.(); }}><Copy aria-hidden=\"true\" className=\"size-icon-md\" /></Button>\n  {copied && <Text size=\"xs\" type=\"success\">{strings.copied}</Text>}\n  {onRegenerate && <Button type=\"button\" tone=\"secondary\" buttonStyle=\"ghost\" size=\"sm\" iconOnly aria-label={strings.regenerateAria} onClick={onRegenerate}><RotateCcw aria-hidden=\"true\" className=\"size-icon-md\" /></Button>}\n  {failed && <Text role=\"alert\" size=\"xs\" type=\"error\">{strings.copyError ?? defaultAiMessageBubbleStrings.copyError}</Text>}\n </> : undefined}>{children}</Message>;\n}\nAiMessageBubble.displayName = 'AiMessageBubble';\n","import type { LucideIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport type { StringsProp } from '../../../../lib/strings';\n\nexport type AiToolCallStatus = 'pending' | 'running' | 'success' | 'error';\n\nexport interface AiToolCallStrings {\n\tpending: string;\n\trunning: string;\n\tsuccess: string;\n\terror: string;\n\texpand: string;\n\tcollapse: string;\n\targs: string;\n\tresult: string;\n\tdurationLabel: string;\n}\n\nexport const defaultAiToolCallStrings: AiToolCallStrings = {\n\tpending: 'Queued',\n\trunning: 'Running',\n\tsuccess: 'Success',\n\terror: 'Failed',\n\texpand: 'Show details',\n\tcollapse: 'Hide details',\n\targs: 'Arguments',\n\tresult: 'Result',\n\tdurationLabel: 'Took',\n};\n\nexport interface AiToolCallProps {\n\t/** Display name. */\n\tname: string;\n\tstatus: AiToolCallStatus;\n\t/** Leading glyph. */\n\ticon?: LucideIcon;\n\targs?: ReactNode;\n\tresult?: ReactNode;\n\terror?: ReactNode;\n\t/** Duration in ms; rendered as \"Took 1.2s\". */\n\tdurationMs?: number;\n\t/** Expanded state, for controlled use. */\n\texpanded?: boolean;\n\t/** Initial expanded state, for uncontrolled use. */\n\tdefaultExpanded?: boolean;\n\t/** Fired whenever the disclosure state changes. */\n\tonExpandedChange?: (expanded: boolean) => void;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<AiToolCallStrings>;\n}\n","/**\n * AiToolCall — collapsible trace for a model-invoked tool / function. Header\n * shows the tool name, status pill, and an expand/collapse toggle. Expanded\n * content reveals JSON-style `args` and `result` blocks (or an error block\n * when status is `error`) plus an optional duration. Use to surface tool-use\n * transparency in chat / agent UIs. Strings overridable for i18n.\n */\nimport {\n\tuseState,\n\ttype ReactNode } from 'react';\nimport { ChevronDown, ChevronRight } from 'lucide-react';\nimport { Badge } from '../../../base/badge';\nimport { Button } from '../../../base/buttons';\nimport { IconBadge,\n} from '../../../base/display';\nimport { Stack } from '../../../base/structure';\nimport { Duration, MonoValue, SecondaryValue } from '../../../primitives';\nimport { DisplayLabel } from '../../../typography';\nimport { useStrings } from '../../../../lib/strings';\nimport { cn } from '../../../../lib/utils';\n\nimport {\n\tdefaultAiToolCallStrings,\n\ttype AiToolCallProps,\n\ttype AiToolCallStatus,\n} from './types';\n\n// The badge text states the status; only a running call adds the shared live dot.\n// Primary is reserved for the main command, so a running call reads as info.\nconst STATUS_BADGE: Record<\n\tAiToolCallStatus,\n\t{ tone: 'secondary' | 'info' | 'success' | 'destructive'; live?: boolean }\n> = {\n\tpending: { tone: 'secondary' },\n\trunning: { tone: 'info', live: true },\n\tsuccess: { tone: 'success' },\n\terror: { tone: 'destructive' },\n};\n\nfunction DurationValue({ label, ms }: { label: string; ms: number }) {\n\treturn (\n\t\t<span className=\"inline-flex shrink-0 items-baseline gap-space-xs\">\n\t\t\t<SecondaryValue size=\"xs\">\n\t\t\t\t{label}\n\t\t\t</SecondaryValue>\n\t\t\t<Duration\n\t\t\t\tvalue={ms}\n\t\t\t\tfrom=\"milliseconds\"\n\t\t\t\tmaxParts={1}\n\t\t\t\tsize=\"xs\"\n\t\t\t\talign=\"left\"\n\t\t\t\ttype=\"secondary\"\n\t\t\t\tmaximumFractionDigits={ms < 10_000 ? 1 : 0}\n\t\t\t/>\n\t\t</span>\n\t);\n}\n\nexport function AiToolCall({\n\tname,\n\tstatus,\n\ticon: IconComponent,\n\targs,\n\tresult,\n\terror,\n\tdurationMs,\n\texpanded: expandedProp,\n\tdefaultExpanded = false,\n\tonExpandedChange,\n\tclassName,\n\tstrings: stringsProp,\n}: AiToolCallProps) {\n\tconst strings = useStrings(defaultAiToolCallStrings, stringsProp);\n\tconst [internalExpanded, setInternalExpanded] = useState(defaultExpanded);\n\tconst expanded = expandedProp ?? internalExpanded;\n\tconst setExpanded = (next: boolean) => {\n\t\tif (expandedProp === undefined) setInternalExpanded(next);\n\t\tonExpandedChange?.(next);\n\t};\n\tconst labelByStatus: Record<AiToolCallStatus, string> = {\n\t\tpending: strings.pending,\n\t\trunning: strings.running,\n\t\tsuccess: strings.success,\n\t\terror: strings.error,\n\t};\n\tconst statusBadge = STATUS_BADGE[status];\n\n\tconst hasDetails = Boolean(args || result || error);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('ai-tool-call--component @container/ai-tool-call', \n\t\t\t\t'overflow-hidden rounded-radius border border-border/60 bg-card',\n\t\t\t\tstatus === 'error' && 'border-destructive/40 bg-destructive/5',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<Button\n\t\t\t\ttype=\"button\"\n\t\t\t\ttone=\"secondary\"\n\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\tsize=\"md\"\n\t\t\t\tonClick={() => hasDetails && setExpanded(!expanded)}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'ai-tool-call--trigger h-auto min-h-0 w-full flex-wrap justify-start gap-space-md whitespace-normal rounded-none px-space-lg py-space-md text-left @md/ai-tool-call:flex-nowrap',\n\t\t\t\t\thasDetails ? 'cursor-pointer hover:bg-muted/40' : 'cursor-default',\n\t\t\t\t)}\n\t\t\t\taria-expanded={hasDetails ? expanded : undefined}\n\t\t\t\taria-label={hasDetails ? (expanded ? strings.collapse : strings.expand) : undefined}\n\t\t\t>\n\t\t\t\t{/* No default glyph: the monospace tool name identifies the call. */}\n\t\t\t\t{!!IconComponent && <IconBadge icon={IconComponent} tone=\"neutral\" size=\"md\" shape=\"square\" />}\n\t\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t\t<MonoValue className=\"truncate\">\n\t\t\t\t\t\t{name}\n\t\t\t\t\t</MonoValue>\n\t\t\t\t</div>\n\t\t\t\t<span className=\"ai-tool-call--meta order-last flex w-full flex-wrap items-center gap-space-sm @md/ai-tool-call:order-none @md/ai-tool-call:w-auto @md/ai-tool-call:flex-nowrap\">\n\t\t\t\t\t<Badge tone={statusBadge.tone} dot={statusBadge.live} pulse={statusBadge.live}>\n\t\t\t\t\t\t{labelByStatus[status]}\n\t\t\t\t\t</Badge>\n\t\t\t\t\t{!!durationMs && (\n\t\t\t\t\t\t<DurationValue label={strings.durationLabel} ms={durationMs} />\n\t\t\t\t\t)}\n\t\t\t\t</span>\n\t\t\t\t{hasDetails &&\n\t\t\t\t\t(expanded ? (\n\t\t\t\t\t\t<ChevronDown className=\"size-icon-md shrink-0 text-muted-foreground\" />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<ChevronRight className=\"size-icon-md shrink-0 text-muted-foreground\" />\n\t\t\t\t\t))}\n\t\t\t</Button>\n\n\t\t\t{!!expanded && hasDetails && (\n\t\t\t\t<Stack gap=\"md\" className=\"ai-tool-call--details border-t border-border/60 bg-muted/20 px-space-lg py-space-md\">\n\t\t\t\t\t{!!args && (\n\t\t\t\t\t\t<DetailBlock label={strings.args}>{args}</DetailBlock>\n\t\t\t\t\t)}\n\t\t\t\t\t{status === 'error' && !!error ? (\n\t\t\t\t\t\t<DetailBlock label={strings.error} tone=\"destructive\">\n\t\t\t\t\t\t\t{error}\n\t\t\t\t\t\t</DetailBlock>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t!!result && <DetailBlock label={strings.result}>{result}</DetailBlock>\n\t\t\t\t\t)}\n\t\t\t\t</Stack>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nAiToolCall.displayName = 'AiToolCall';\n\nfunction DetailBlock({\n\tlabel,\n\tchildren,\n\ttone = 'neutral',\n}: {\n\t/** Display label. */\n\tlabel: string;\n\tchildren: ReactNode;\n\ttone?: 'neutral' | 'destructive';\n}) {\n\treturn (\n\t\t<Stack gap=\"sm\" className=\"ai-tool-call--detail-block\">\n\t\t\t<DisplayLabel>\n\t\t\t\t{label}\n\t\t\t</DisplayLabel>\n\t\t\t<pre\n\t\t\t\ttabIndex={0}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'max-w-full overflow-x-auto rounded-inner bg-card px-space-md py-space-md font-mono text-xs leading-relaxed',\n\t\t\t\t\ttone === 'destructive' && 'text-destructive bg-destructive/5',\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</pre>\n\t\t</Stack>\n\t);\n}\n","/**\n * AiShimmer — gradient text shimmer for streaming / loading copy. Renders\n * children with a moving highlight band that draws the eye while a model is\n * thinking. Use anywhere a static \"Loading…\" feels too inert: agent typing,\n * tool warm-up, awaiting first token.\n */\nimport type { CSSProperties } from 'react';\nimport { Text } from '../../../typography';\nimport { cn } from '../../../../lib/utils';\n\nimport type { AiShimmerProps } from './types';\n\nexport function AiShimmer({\n\tchildren = 'Thinking…',\n\tpaused = false,\n\tduration = 2.4,\n\tclassName,\n}: AiShimmerProps) {\n\tif (paused) {\n\t\treturn (\n\t\t\t<Text tag=\"span\" type=\"secondary\" weight=\"medium\" className={cn('ai-shimmer--component', className)}>\n\t\t\t\t{children}\n\t\t\t</Text>\n\t\t);\n\t}\n\n\t// `CSSProperties` has no index signature for custom properties, which is the\n\t// only reason this needed a cast. Widening the annotation states the intent\n\t// — one known custom property — instead of switching the key off.\n\tconst style: CSSProperties & Record<'--ai-shimmer-duration', string> = {\n\t\t'--ai-shimmer-duration': `${duration}s`,\n\t};\n\n\treturn (\n\t\t<Text\n\t\t\ttag=\"span\"\n\t\t\tweight=\"medium\"\n\t\t\tdata-ai-shimmer\n\t\t\trole=\"status\"\n\t\t\taria-live=\"polite\"\n\t\t\tclassName={cn(\n\t\t\t\t'ai-shimmer--component inline-block bg-clip-text text-transparent',\n\t\t\t\t// foreground -> muted -> foreground gradient swept across\n\t\t\t\t'bg-[linear-gradient(110deg,var(--ai-shimmer-base,var(--muted-foreground))_30%,var(--ai-shimmer-highlight,var(--foreground))_50%,var(--ai-shimmer-base,var(--muted-foreground))_70%)]',\n\t\t\t\t'bg-[length:200%_100%]',\n\t\t\t\t'animate-[ai-shimmer-sweep_var(--ai-shimmer-duration,2.4s)_linear_infinite] motion-reduce:animate-none',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t{children}\n\t\t</Text>\n\t);\n}\n\nAiShimmer.displayName = 'AiShimmer';\n","import type { ReactNode } from 'react';\nimport type { StringsProp } from '../../../../lib/strings';\n\nexport interface AiCodeBlockStrings {\n\tcopy: string;\n\tcopied: string;\n\tcopyAria: string;\n    /** Failure feedback, additive for existing string dictionaries. */\n    copyError?: string;\n\t/** Header label when no language is provided. */\n\tdefaultLanguageLabel: string;\n}\n\nexport const defaultAiCodeBlockStrings: AiCodeBlockStrings = {\n\tcopy: 'Copy',\n\tcopied: 'Copied',\n    copyError: 'Could not copy. Please try again.',\n\tcopyAria: 'Copy code',\n\tdefaultLanguageLabel: 'Code',\n};\n\nexport interface AiCodeBlockProps {\n\t/** The code to render. Pre-formatted text. */\n\tcode: string;\n\t/** Display label for the language (e.g. \"TypeScript\", \"shell\"). */\n\tlanguage?: string;\n\t/** Optional filename rendered in the header next to the language label. */\n\tfilename?: string;\n\t/** Render with line numbers. */\n\tshowLineNumbers?: boolean;\n\t/** Highlight specific 1-indexed line numbers. */\n\thighlightLines?: ReadonlyArray<number>;\n\t/** Hide the header strip entirely. */\n\thideHeader?: boolean;\n\t/** Force max-height before scroll. */\n\tmaxHeight?: number | string;\n\t/** Trailing slot inside the header (e.g. extra action button). */\n\theaderActions?: ReactNode;\n\t/** Fired when the user copies (after the navigator.clipboard write). */\n\tonCopy?: () => void;\n\t/** Merged onto the outermost node. */\n\t/** Called when the clipboard is unavailable or the write fails. */\n    onCopyError?: (error: unknown) => void;\n    className?: string;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<AiCodeBlockStrings>;\n}\n","import { CodeBlock } from '../../../base/code-block';\nimport { useStrings } from '../../../../lib/strings';\nimport { cn } from '../../../../lib/utils';\nimport { defaultAiCodeBlockStrings, type AiCodeBlockProps } from './types';\n/** Compatibility adapter; the generic code display owns layout and copying. */\nexport function AiCodeBlock({ strings: stringsProp, className, onCopy, ...props }: AiCodeBlockProps) {\n const strings = useStrings(defaultAiCodeBlockStrings, stringsProp);\n return <CodeBlock {...props} className={cn('ai-code-block--component', className)} onCopy={onCopy ? () => onCopy() : undefined} strings={{ copyAria: strings.copyAria, copied: strings.copied, copyError: strings.copyError, defaultLanguageLabel: strings.defaultLanguageLabel }} />;\n}\nAiCodeBlock.displayName = 'AiCodeBlock';\n","import type { LucideIcon } from 'lucide-react';\nimport type { StringsProp } from '../../../../lib/strings';\n\nexport type AiAttachmentKind = 'image' | 'document' | 'audio' | 'video' | 'code' | 'archive' | 'generic';\n\nexport interface AiAttachmentStrings {\n\tremoveAria: string;\n\topenAria: string;\n\tuploadProgressAria: string;\n\t/** Text feedback when the attachment cannot be used. */\n\terror?: string;\n}\n\nexport const defaultAiAttachmentStrings: AiAttachmentStrings = {\n\tremoveAria: 'Remove attachment',\n\topenAria: 'Open attachment',\n\tuploadProgressAria: 'Upload progress',\n\terror: 'Failed',\n};\n\nexport interface AiAttachmentProps {\n\t/** Filename / display label. */\n\tname: string;\n\t/** Optional secondary label — formatted size, file extension, etc. */\n\tmeta?: string;\n\t/** Pre-categorized kind. Defaults to \"generic\" — drives the fallback icon. */\n\tkind?: AiAttachmentKind;\n\t/** Override the auto-picked kind icon. */\n\ticon?: LucideIcon;\n\t/** When set, renders the chip as a thumbnail tile with this image. */\n\tthumbnailUrl?: string;\n\t/** Show a small loading bar (in-flight upload). */\n\tprogress?: number; // 0..1\n\t/** Show as errored — overrides progress. */\n\terrored?: boolean;\n\t/** Open / download callback (clicking the chip body). */\n\tonOpen?: () => void;\n\t/** Render a remove (×) action. */\n\tonRemove?: () => void;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<AiAttachmentStrings>;\n}\n","/** Compatibility presentation for staged AI files; Attachment owns the file anatomy. */\nimport { AlertCircle, X } from 'lucide-react';\nimport { Attachment, AttachmentMedia, AttachmentContent, AttachmentTitle, AttachmentDescription, AttachmentActions, AttachmentProgress, AttachmentFileIcon } from '../../../base/attachment';\nimport { Button } from '../../../base/buttons';\nimport { Text } from '../../../typography';\nimport { useStrings } from '../../../../lib/strings';\nimport { cn } from '../../../../lib/utils';\nimport { defaultAiAttachmentStrings, type AiAttachmentProps } from './types';\n\nexport function AiAttachment({ name, meta, kind = 'generic', icon: Icon, thumbnailUrl, progress, errored = false, onOpen, onRemove, className, strings: stringsProp }: AiAttachmentProps) {\n const strings = useStrings(defaultAiAttachmentStrings, stringsProp);\n const showProgress = !errored && typeof progress === 'number' && progress >= 0 && progress < 1;\n return <Attachment name={name} layout=\"compact\" status={errored ? 'error' : showProgress ? 'uploading' : undefined} onOpen={onOpen} strings={{ preview: () => strings.openAria }} className={cn('ai-attachment--component inline-flex w-auto', className)}>\n  <AttachmentMedia variant={thumbnailUrl ? 'image' : 'icon'}>\n   {thumbnailUrl ? <img src={thumbnailUrl} alt=\"\" /> : errored ? <AlertCircle aria-hidden=\"true\" /> : Icon ? <Icon aria-hidden=\"true\" /> : <AttachmentFileIcon name={name} kind={kind} />}\n  </AttachmentMedia>\n  <AttachmentContent>\n   <AttachmentTitle title={name}>{name}</AttachmentTitle>\n   {meta && <AttachmentDescription clamp={1}>{meta}</AttachmentDescription>}\n   {errored && <AttachmentDescription clamp=\"none\"><Text tag=\"span\" size=\"xs\" type=\"error\" role=\"alert\">{strings.error ?? defaultAiAttachmentStrings.error}</Text></AttachmentDescription>}\n   {showProgress && <AttachmentProgress value={Math.round((progress ?? 0) * 100)} size=\"sm\" aria-label={strings.uploadProgressAria} />}\n  </AttachmentContent>\n  {onRemove && <AttachmentActions><Button type=\"button\" tone=\"secondary\" buttonStyle=\"ghost\" size=\"sm\" iconOnly aria-label={strings.removeAria} onClick={onRemove}><X aria-hidden=\"true\" className=\"size-icon-sm\" /></Button></AttachmentActions>}\n </Attachment>;\n}\nAiAttachment.displayName = 'AiAttachment';\n","import type { LucideIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport type { StringsProp } from '../../../../lib/strings';\n\nexport type AiAgentStatus = 'idle' | 'thinking' | 'working' | 'done' | 'error' | 'offline';\n\nexport interface AiAgentStrings {\n\tstatusLabels: Record<AiAgentStatus, string>;\n}\n\nexport const defaultAiAgentStrings: AiAgentStrings = {\n\tstatusLabels: {\n\t\tidle: 'Idle',\n\t\tthinking: 'Thinking',\n\t\tworking: 'Working',\n\t\tdone: 'Done',\n\t\terror: 'Error',\n\t\toffline: 'Offline',\n\t},\n};\n\nexport interface AiAgentProps {\n\t/** Display name (e.g. \"Atlas\", \"Claude\"). */\n\tname: string;\n\t/** Avatar / mark — typically an icon or short emoji. */\n\ticon?: LucideIcon;\n\t/** Override avatar with arbitrary content (image, gradient mark, etc.). */\n\tavatar?: ReactNode;\n\t/** Short blurb / model identifier rendered under the name. */\n\tsubtitle?: ReactNode;\n\t/** Tone color for the avatar wash. */\n\ttone?: 'primary' | 'success' | 'warning' | 'destructive' | 'info' | 'neutral';\n\t/** Live status displayed as a pill next to the name. */\n\tstatus?: AiAgentStatus;\n\t/** Density variant — `inline` is a single-line chip, `card` is a tile. */\n\tvariant?: 'inline' | 'card';\n\t/** Trailing slot — typically actions, badges. */\n\ttrailing?: ReactNode;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<AiAgentStrings>;\n}\n","/**\n * AiAgent — identity card for an AI persona / model. Renders avatar (icon\n * or custom), name, optional subtitle (model id, role), and a live status\n * pill. `variant='inline'` is a one-line chip (header strips, breadcrumbs);\n * `variant='card'` is a small tile (model picker, agent dock).\n */\nimport { Bot, type LucideIcon } from 'lucide-react';\nimport { Badge } from '../../../base/badge';\nimport { Text } from '../../../typography';\nimport { useStrings } from '../../../../lib/strings';\nimport { Stack } from '../../../base/structure';\nimport { cn } from '../../../../lib/utils';\n\nimport {\n\tdefaultAiAgentStrings,\n\ttype AiAgentProps,\n\ttype AiAgentStatus,\n} from './types';\n\nconst TONE_AVATAR: Record<NonNullable<AiAgentProps['tone']>, string> = {\n\tprimary: 'bg-primary/15 text-primary-accent',\n\tsuccess: 'bg-success/15 text-success',\n\twarning: 'bg-warning/20 text-warning-accent',\n\tdestructive: 'bg-destructive/15 text-destructive',\n\tinfo: 'bg-info/15 text-info',\n\tneutral: 'bg-muted text-muted-foreground',\n};\n\n// Live states use the info status tone; primary is reserved for the main command.\nconst STATUS_VARIANT: Record<\n\tAiAgentStatus,\n\t'secondary' | 'info' | 'success' | 'warning' | 'destructive'\n> = {\n\tidle: 'secondary',\n\tthinking: 'info',\n\tworking: 'info',\n\tdone: 'success',\n\terror: 'destructive',\n\toffline: 'secondary',\n};\n\nexport function AiAgent({\n\tname,\n\ticon,\n\tavatar,\n\tsubtitle,\n\ttone = 'primary',\n\tstatus,\n\tvariant = 'inline',\n\ttrailing,\n\tclassName,\n\tstrings: stringsProp,\n}: AiAgentProps) {\n\tconst strings = useStrings(defaultAiAgentStrings, stringsProp);\n\tconst Icon: LucideIcon = icon ?? Bot;\n\n\tconst avatarSize = variant === 'card' ? 'size-9' : 'size-7';\n\tconst iconSize = variant === 'card' ? 'size-icon' : 'size-icon-md';\n\n\tconst renderedAvatar =\n\t\tavatar ?? (\n\t\t\t<span\n\t\t\t\taria-hidden\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'inline-flex shrink-0 items-center justify-center rounded-full',\n\t\t\t\t\tavatarSize,\n\t\t\t\t\tTONE_AVATAR[tone],\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<Icon className={iconSize} />\n\t\t\t</span>\n\t\t);\n\n\tconst StatusPill = !!status && (\n\t\t<Badge tone={STATUS_VARIANT[status]} className=\"gap-space-xs\">\n\t\t\t<span\n\t\t\t\taria-hidden\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'inline-block size-1.5 rounded-full',\n\t\t\t\t\tstatus === 'thinking' || status === 'working'\n\t\t\t\t\t\t? 'animate-pulse bg-current'\n\t\t\t\t\t\t: 'bg-current',\n\t\t\t\t)}\n\t\t\t/>\n\t\t\t{strings.statusLabels[status]}\n\t\t</Badge>\n\t);\n\n\tif (variant === 'card') {\n\t\treturn (\n\t\t\t<div className={cn('ai-agent--component',\n\t\t\t\t\t'rounded-radius border border-border/60 bg-card p-surface-xs',\n\t\t\t\t\tclassName,\n\t\t\t\t)}>\n\t\t\t<Stack direction=\"horizontal\" align=\"center\" gap=\"lg\">\n\t\t\t\t{renderedAvatar}\n\t\t\t\t\t<Stack gap=\"dense\" className=\"min-w-0 flex-1\">\n\t\t\t\t\t<div className=\"flex items-center gap-space-md\">\n\t\t\t\t\t\t<Text weight=\"semibold\" className=\"truncate\">\n\t\t\t\t\t\t\t{name}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t{StatusPill}\n\t\t\t\t\t</div>\n\t\t\t\t\t{!!subtitle && (\n\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"line-clamp-1\">\n\t\t\t\t\t\t\t{subtitle}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t\t</Stack>\n\t\t\t\t{!!trailing && <div className=\"ml-auto flex items-center gap-space-xs\">{trailing}</div>}\n\t\t\t</Stack>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className={cn('ai-agent--component', 'inline-flex items-center gap-space-md', className)}>\n\t\t\t{renderedAvatar}\n\t\t\t<Stack direction=\"horizontal\" align=\"center\" gap=\"md\" className=\"min-w-0\">\n\t\t\t\t<Text weight=\"medium\" className=\"truncate\">\n\t\t\t\t\t{name}\n\t\t\t\t</Text>\n\t\t\t\t{!!subtitle && (\n\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t\t{subtitle}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t\t{StatusPill}\n\t\t\t</Stack>\n\t\t\t{!!trailing && <div className=\"ml-1 flex items-center gap-space-xs\">{trailing}</div>}\n\t\t</div>\n\t);\n}\n\nAiAgent.displayName = 'AiAgent';\n","import type { LucideIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport type { StringsProp } from '../../../../lib/strings';\nimport type { SemanticTone } from '../../../../lib/component-vocabulary';\n\nexport type AiConfirmationTone = Extract<\n\tSemanticTone,\n\t'neutral' | 'destructive' | 'warning' | 'info' | 'primary'\n>;\n\nexport interface AiConfirmationStrings {\n\tapprove: string;\n\treject: string;\n\tpending: string;\n\tapproved: string;\n\trejected: string;\n}\n\nexport const defaultAiConfirmationStrings: AiConfirmationStrings = {\n\tapprove: 'Approve',\n\treject: 'Reject',\n\tpending: 'Awaiting your approval',\n\tapproved: 'Approved',\n\trejected: 'Rejected',\n};\n\nexport type AiConfirmationStatus = 'pending' | 'approved' | 'rejected';\n\nexport interface AiConfirmationProps {\n\t/** Title — short, action-oriented (e.g. \"Run npm install\"). */\n\ttitle: ReactNode;\n\t/** Body description / details. */\n\tdescription?: ReactNode;\n\t/** Decorative icon. */\n\ticon?: LucideIcon;\n\t/** Semantic color intent. */\n\ttone?: AiConfirmationTone;\n\t/** Current status — when set, the action row is replaced with a result pill. */\n\tstatus?: AiConfirmationStatus;\n\t/** Approve callback. */\n\tonApprove?: () => void;\n\t/** Reject callback. */\n\tonReject?: () => void;\n\t/** Override the approve button label. */\n\tapproveLabel?: ReactNode;\n\t/** Override the reject button label. */\n\trejectLabel?: ReactNode;\n\t/** Render a \"details\" expandable area. */\n\tdetails?: ReactNode;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<AiConfirmationStrings>;\n}\n","/**\n * AiConfirmation — inline approval prompt rendered in-stream when an agent\n * needs user permission before taking a side-effecting action (run command,\n * call write API, charge a card). Carries title, description, icon, optional\n * details, and an approve/reject pair. After resolution, the action row\n * collapses into a status pill.\n */\nimport { Check, X } from 'lucide-react';\nimport { Button } from '../../../base/buttons';\nimport { IconBadge,\n} from '../../../base/display';\nimport { Text } from '../../../typography';\nimport { useStrings } from '../../../../lib/strings';\nimport { Stack } from '../../../base/structure';\nimport { cn } from '../../../../lib/utils';\n\nimport {\n\tdefaultAiConfirmationStrings,\n\ttype AiConfirmationProps,\n\ttype AiConfirmationTone,\n} from './types';\n\nconst TONE: Record<\n\tAiConfirmationTone,\n\t{ ring: string; icon: 'neutral' | 'primary' | 'success' | 'warning' | 'destructive' | 'info' }\n> = {\n\tneutral: { ring: 'border-border/60 bg-card', icon: 'neutral' },\n\tdestructive: { ring: 'border-destructive/40 bg-destructive/5', icon: 'destructive' },\n\twarning: { ring: 'border-warning/40 bg-warning/5', icon: 'warning' },\n\tinfo: { ring: 'border-info/40 bg-info/5', icon: 'info' },\n\tprimary: { ring: 'border-primary/40 bg-primary/5', icon: 'primary' },\n};\n\nexport function AiConfirmation({\n\ttitle,\n\tdescription,\n\ticon,\n\ttone = 'neutral',\n\tstatus = 'pending',\n\tonApprove,\n\tonReject,\n\tapproveLabel,\n\trejectLabel,\n\tdetails,\n\tclassName,\n\tstrings: stringsProp,\n}: AiConfirmationProps) {\n\tconst strings = useStrings(defaultAiConfirmationStrings, stringsProp);\n\t// No default glyph: the title states the action and the tone states the risk.\n\tconst Icon = icon;\n\tconst toneCfg = TONE[tone];\n\n\treturn (\n\t\t<div\n\t\t\trole=\"region\"\n\t\t\taria-live=\"polite\"\n\t\t\tclassName={cn('ai-confirmation--component',\n\t\t\t\t'@container/ai-confirmation rounded-radius border p-surface-xs',\n\t\t\t\ttoneCfg.ring,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<div className=\"ai-confirmation--header flex items-start gap-space-lg\">\n\t\t\t\t{!!Icon && <IconBadge icon={Icon} tone={toneCfg.icon} size=\"md\" shape=\"square\" />}\n\t\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t\t<Stack gap=\"normal\">\n\t\t\t\t\t<Text weight=\"semibold\">{title}</Text>\n\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t<Text type=\"secondary\">\n\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t\t</Stack>\n\t\t\t\t\t{!!details && <div className=\"mt-space-md\">{details}</div>}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{status === 'pending' ? (\n\t\t\t\t<div className=\"ai-confirmation--footer mt-space-lg flex flex-col items-stretch gap-space-md @sm/ai-confirmation:flex-row @sm/ai-confirmation:items-center @sm/ai-confirmation:justify-between\">\n\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t{strings.pending}\n\t\t\t\t\t</Text>\n\t\t\t\t\t<Stack direction=\"horizontal\" align=\"center\" justify=\"end\" gap=\"md\" className=\"ai-confirmation--actions\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tonClick={onReject}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{rejectLabel ?? strings.reject}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\ttone={tone === 'destructive' ? 'destructive' : 'primary'}\n\t\t\t\t\t\t\tonClick={onApprove}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{approveLabel ?? strings.approve}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</Stack>\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<div className=\"ai-confirmation--footer mt-space-lg flex items-center gap-space-md\">\n\t\t\t\t\t{status === 'approved' ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<Check className=\"size-icon-md text-success\" />\n\t\t\t\t\t\t\t<Text size=\"xs\" type=\"success\" weight=\"medium\">\n\t\t\t\t\t\t\t\t{strings.approved}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<X className=\"size-icon-md text-muted-foreground\" />\n\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" weight=\"medium\">\n\t\t\t\t\t\t\t\t{strings.rejected}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nAiConfirmation.displayName = 'AiConfirmation';\n","import type { ReactNode } from 'react';\nimport type { StringsProp } from '../../../../lib/strings';\n\nexport interface AiSourceItem {\n\t/** Stable identity for this entry. */\n\tid: string;\n\t/** Surface title. */\n\ttitle: ReactNode;\n\turl?: string;\n\t/** Hostname / publisher / \"doc-section\" — rendered under the title. */\n\tpublisher?: string;\n\t/** Favicon / logo URL — rendered as a small avatar; falls back to a globe. */\n\tfaviconUrl?: string;\n\t/** Optional short snippet shown only in the expanded variant. */\n\tsnippet?: ReactNode;\n}\n\nexport interface AiSourcesStrings {\n\t/** Header title — `{{count}}` placeholder for the source count. */\n\ttitle: string;\n\texpand: string;\n\tcollapse: string;\n\tvisit: string;\n}\n\nexport const defaultAiSourcesStrings: AiSourcesStrings = {\n\ttitle: '{{count}} sources',\n\texpand: 'Show all sources',\n\tcollapse: 'Hide sources',\n\tvisit: 'Visit source',\n};\n\nexport type AiSourcesVariant = 'list' | 'avatars';\n\nexport interface AiSourcesProps {\n\t/** Source list. Order is significant — index drives the displayed number. */\n\tsources: ReadonlyArray<AiSourceItem>;\n\t/** `list` is a vertical row layout; `avatars` is a stacked-favicons strip. */\n\tvariant?: AiSourcesVariant;\n\t/** Number of sources rendered in the avatar strip before the \"+N\" overflow. */\n\tmaxAvatars?: number;\n\t/** Expanded state, for controlled use in the list variant. */\n\texpanded?: boolean;\n\t/** Render the list expanded by default (only applies to `list` variant). */\n\tdefaultExpanded?: boolean;\n\t/** Fired whenever the disclosure state changes. */\n\tonExpandedChange?: (expanded: boolean) => void;\n\t/** Click handler — preferred over `url` for SPA routing. */\n\tonSelect?: (source: AiSourceItem, index: number) => void;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<AiSourcesStrings>;\n}\n","/**\n * AiSources — light-weight source list rendered under streamed content. Two\n * shapes: `list` is a vertical stack of source rows (favicon + title + host);\n * `avatars` is a compact stacked-favicon strip used when space is tight (chat\n * footer, side panel header). For richer \"expandable\" footnote-style sources\n * with relevance bars and snippets, see `<AiCitation>`.\n */\nimport { useEffect, useState } from 'react';\nimport { ChevronDown, ChevronRight, ExternalLink, Globe } from 'lucide-react';\nimport { Button } from '../../../base/buttons';\nimport { Stack } from '../../../base/structure';\nimport { Number as NumberValue, SecondaryValue } from '../../../primitives';\nimport { Text, TextLink } from '../../../typography';\nimport { mergeStrings } from '../../../../lib/strings';\nimport { cn } from '../../../../lib/utils';\n\nimport { defaultAiSourcesStrings, type AiSourceItem, type AiSourcesProps } from './types';\n\nfunction interpolate(template: string, params: Record<string, string | number>): 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\nexport function AiSources({\n\tsources,\n\tvariant = 'list',\n\tmaxAvatars = 5,\n\texpanded: expandedProp,\n\tdefaultExpanded = false,\n\tonExpandedChange,\n\tonSelect,\n\tclassName,\n\tstrings: stringsProp,\n}: AiSourcesProps) {\n\tconst strings = mergeStrings(defaultAiSourcesStrings, stringsProp);\n\tconst [internalExpanded, setInternalExpanded] = useState(defaultExpanded);\n\tconst expanded = expandedProp ?? internalExpanded;\n\tconst setExpanded = (next: boolean) => {\n\t\tif (expandedProp === undefined) setInternalExpanded(next);\n\t\tonExpandedChange?.(next);\n\t};\n\tconst titleText = interpolate(strings.title, { count: sources.length });\n\n\tif (variant === 'avatars') {\n\t\treturn (\n\t\t\t<AvatarStrip\n\t\t\t\tsources={sources}\n\t\t\t\tmax={maxAvatars}\n\t\t\t\ttitle={titleText}\n\t\t\t\tvisitLabel={strings.visit}\n\t\t\t\tonSelect={onSelect}\n\t\t\t\tclassName={cn('ai-sources--component', className)}\n\t\t\t/>\n\t\t);\n\t}\n\n\tconst visible = expanded ? sources : sources.slice(0, 0);\n\n\treturn (\n\t\t<div className={cn('ai-sources--component rounded-radius border border-border/60 bg-card', className)}>\n\t\t\t<Button\n\t\t\t\ttype=\"button\"\n\t\t\t\ttone=\"secondary\"\n\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\tsize=\"md\"\n\t\t\t\tonClick={() => setExpanded(!expanded)}\n\t\t\t\taria-expanded={expanded}\n\t\t\t\taria-label={expanded ? strings.collapse : strings.expand}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'ai-sources--trigger h-auto min-h-0 w-full justify-start gap-space-md px-surface-xs py-row-y text-left',\n\t\t\t\t\t'rounded-inner hover:bg-muted/40',\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<AvatarStack sources={sources.slice(0, 4)} />\n\t\t\t\t<Text weight=\"medium\" className=\"flex-1\">\n\t\t\t\t\t{titleText}\n\t\t\t\t</Text>\n\t\t\t\t{expanded ? (\n\t\t\t\t\t<ChevronDown className=\"size-icon-md text-muted-foreground\" />\n\t\t\t\t) : (\n\t\t\t\t\t<ChevronRight className=\"size-icon-md text-muted-foreground\" />\n\t\t\t\t)}\n\t\t\t</Button>\n\n\t\t\t{expanded && (\n\t\t\t\t<div className=\"ai-sources--list border-t border-border/60 px-surface-xs py-row-y\">\n\t\t\t\t\t<Stack render={<ol />} gap=\"2xs\" className=\"m-0 list-none p-0 font-sans\">\n\t\t\t\t\t\t{visible.map((source, idx) => (\n\t\t\t\t\t\t\t<SourceRow\n\t\t\t\t\t\t\t\tkey={source.id}\n\t\t\t\t\t\t\t\tsource={source}\n\t\t\t\t\t\t\t\tindex={idx + 1}\n\t\t\t\t\t\t\t\tonSelect={onSelect ? () => onSelect(source, idx) : undefined}\n\t\t\t\t\t\t\t\tvisitLabel={strings.visit}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</Stack>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nAiSources.displayName = 'AiSources';\n\nfunction AvatarStrip({\n\tsources,\n\tmax,\n\ttitle,\n\tvisitLabel,\n\tonSelect,\n\tclassName,\n}: {\n\tsources: ReadonlyArray<AiSourceItem>;\n\tmax: number;\n\ttitle: string;\n\tvisitLabel: string;\n\tonSelect?: (source: AiSourceItem, index: number) => void;\n\tclassName?: string;\n}) {\n\tconst visible = sources.slice(0, max);\n\tconst overflow = sources.length - visible.length;\n\treturn (\n\t\t<div className={cn('inline-flex items-center gap-space-md', className)}>\n\t\t\t<AvatarStack sources={visible} onSelect={onSelect} visitLabel={visitLabel} />\n\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t{title}\n\t\t\t</Text>\n\t\t\t{overflow > 0 && (\n\t\t\t\t<SecondaryValue size=\"xs\" className=\"tabular-nums\">\n\t\t\t\t\t+\n\t\t\t\t\t<NumberValue value={overflow} size=\"xs\" type=\"secondary\" align=\"left\" />\n\t\t\t\t</SecondaryValue>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nfunction AvatarStack({\n\tsources,\n\tonSelect,\n\tvisitLabel,\n}: {\n\tsources: ReadonlyArray<AiSourceItem>;\n\tonSelect?: (source: AiSourceItem, index: number) => void;\n\tvisitLabel?: string;\n}) {\n\treturn (\n\t\t<div className={cn('flex', onSelect ? 'gap-space-2xs' : '-space-x-space-sm')}>\n\t\t\t{sources.map((s, i) => {\n\t\t\t\tconst visual = (\n\t\t\t\t\t<span\n\t\t\t\t\t\tkey={s.id}\n\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\ttitle={typeof s.title === 'string' ? s.title : undefined}\n\t\t\t\t\t\tclassName=\"inline-flex size-icon-lg items-center justify-center overflow-hidden rounded-full border border-card bg-muted text-muted-foreground ring-1 ring-border/60\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<SourceFavicon src={s.faviconUrl} />\n\t\t\t\t\t</span>\n\t\t\t\t);\n\t\t\t\tif (onSelect) {\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={() => onSelect(s, i)}\n\t\t\t\t\t\t\taria-label={typeof s.title === 'string' ? `${visitLabel}: ${s.title}` : visitLabel}\n\t\t\t\t\t\t\tclassName=\"box-border inline-flex size-action-xs shrink-0 items-center justify-center rounded-inner border-0 bg-transparent p-0 font-sans focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{visual}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\treturn visual;\n\t\t\t})}\n\t\t</div>\n\t);\n}\n\nfunction SourceFavicon({ src }: { src?: string }) {\n\tconst [failed, setFailed] = useState(false);\n\n\tuseEffect(() => {\n\t\tsetFailed(false);\n\t}, [src]);\n\n\tif (!src || failed) {\n\t\treturn <Globe className=\"size-icon-sm\" />;\n\t}\n\n\treturn <img src={src} alt=\"\" className=\"size-full object-cover\" onError={() => setFailed(true)} />;\n}\n\nfunction SourceRow({\n\tsource,\n\tindex,\n\tonSelect,\n\tvisitLabel,\n}: {\n\tsource: AiSourceItem;\n\tindex: number;\n\tonSelect?: () => void;\n\tvisitLabel: string;\n}) {\n\tconst interactive = Boolean(source.url || onSelect);\n\tconst rowClassName = cn(\n\t\t'group box-border flex w-full items-start gap-space-lg rounded-inner border-0 bg-transparent px-row-x py-row-y-sm text-left font-sans text-foreground',\n\t\tinteractive && 'hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n\t);\n\tconst rowContent = (\n\t\t<>\n\t\t\t<NumberValue\n\t\t\t\tvalue={index}\n\t\t\t\tsize=\"xs\"\n\t\t\t\tweight=\"semibold\"\n\t\t\t\ttype=\"secondary\"\n\t\t\t\talign=\"center\"\n\t\t\t\tclassName=\"inline-flex size-icon-lg shrink-0 items-center justify-center rounded-full bg-muted\"\n\t\t\t/>\n\t\t\t<Stack gap=\"dense\" className=\"min-w-0 flex-1\">\n\t\t\t\t<Text weight=\"medium\" className=\"truncate\">\n\t\t\t\t\t{source.title}\n\t\t\t\t\t{!!source.url && (\n\t\t\t\t\t\t<ExternalLink className=\"ml-1 inline size-icon-sm text-muted-foreground/70 align-baseline\" />\n\t\t\t\t\t)}\n\t\t\t\t</Text>\n\t\t\t\t{!!source.publisher && (\n\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t\t{source.publisher}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t\t{!!source.snippet && (\n\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"line-clamp-2\">\n\t\t\t\t\t\t{source.snippet}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t</Stack>\n\t\t</>\n\t);\n\n\treturn (\n\t\t<li>\n\t\t\t{source.url && !onSelect ? (\n\t\t\t\t<TextLink\n\t\t\t\t\thref={source.url}\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\tsize=\"inherit\"\n\t\t\t\t\tunderline={false}\n\t\t\t\t\tclassName={rowClassName}\n\t\t\t\t\taria-label={visitLabel}\n\t\t\t\t>\n\t\t\t\t\t{rowContent}\n\t\t\t\t</TextLink>\n\t\t\t) : onSelect ? (\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tonClick={onSelect}\n\t\t\t\t\tclassName={cn(rowClassName, 'h-auto justify-start whitespace-normal')}\n\t\t\t\t\taria-label={source.url ? visitLabel : undefined}\n\t\t\t\t>\n\t\t\t\t\t{rowContent}\n\t\t\t\t</button>\n\t\t\t) : (\n\t\t\t\t<span className={rowClassName}>{rowContent}</span>\n\t\t\t)}\n\t\t</li>\n\t);\n}\n","import type { ReactNode } from 'react';\nimport type { StringsProp } from '../../../../lib/strings';\n\nexport interface AiReasoningStrings {\n\t/** Header label when collapsed and reasoning is in progress. */\n\tthinking: string;\n\t/** Header label when reasoning is complete. Use `{{duration}}` for the formatted elapsed time. */\n\tthoughtFor: string;\n\t/** Header label when no duration is available. */\n\tthoughtDone: string;\n\texpandAria: string;\n\tcollapseAria: string;\n}\n\nexport const defaultAiReasoningStrings: AiReasoningStrings = {\n\tthinking: 'Thinking…',\n\tthoughtFor: 'Thought for {{duration}}',\n\tthoughtDone: 'Reasoning complete',\n\texpandAria: 'Expand reasoning',\n\tcollapseAria: 'Collapse reasoning',\n};\n\nexport interface AiReasoningProps {\n\t/** Reasoning trace — typically streamed plaintext. */\n\tchildren?: ReactNode;\n\t/** Show the live \"Thinking…\" header with shimmer. */\n\tstreaming?: boolean;\n\t/** Total elapsed time in seconds — shown in the collapsed-done header. */\n\tdurationSeconds?: number;\n\t/** Auto-expand while streaming. */\n\texpandWhileStreaming?: boolean;\n\t/** Initial expanded state. */\n\tdefaultExpanded?: boolean;\n\t/** Controlled expanded state. */\n\texpanded?: boolean;\n\tonExpandedChange?: (expanded: boolean) => void;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<AiReasoningStrings>;\n}\n","/**\n * AiReasoning — collapsible \"thinking\" trace shown above the assistant's\n * final answer. While `streaming` is true the header runs the shimmer label\n * and the body is auto-expanded; once streaming ends, the header switches\n * to a localized duration summary and the body collapses to a peek.\n *\n * Accept the trace as `children` so the consumer can stream raw text, JSX\n * blocks (substeps, code), or Markdown via their own renderer.\n */\nimport { useEffect, useState, type ReactNode } from 'react';\nimport { Brain, ChevronDown, ChevronRight } from 'lucide-react';\nimport { Button } from '../../../base/buttons';\nimport { Duration } from '../../../primitives';\nimport { Text } from '../../../typography';\nimport { useStrings } from '../../../../lib/strings';\nimport { cn } from '../../../../lib/utils';\n\nimport { AiShimmer } from '../ai-shimmer/ai-shimmer';\nimport { defaultAiReasoningStrings, type AiReasoningProps } from './types';\n\nfunction renderThoughtFor(template: string, seconds: number): ReactNode {\n\tconst durationParts = template.split(/\\{\\{\\s*duration\\s*\\}\\}/);\n\tif (durationParts.length === 1) return template;\n\n\treturn (\n\t\t<>\n\t\t\t{durationParts[0]}\n\t\t\t<Duration value={seconds} maxParts={1} align=\"left\" />\n\t\t\t{durationParts.slice(1).join('{{duration}}')}\n\t\t</>\n\t);\n}\n\nexport function AiReasoning({\n\tchildren,\n\tstreaming = false,\n\tdurationSeconds,\n\texpandWhileStreaming = true,\n\tdefaultExpanded = false,\n\texpanded: expandedProp,\n\tonExpandedChange,\n\tclassName,\n\tstrings: stringsProp,\n}: AiReasoningProps) {\n\tconst strings = useStrings(defaultAiReasoningStrings, stringsProp);\n\tconst [internalExpanded, setInternalExpanded] = useState(defaultExpanded);\n\tconst expanded = expandedProp ?? internalExpanded;\n\tconst setExpanded = (next: boolean) => {\n\t\tif (expandedProp === undefined) setInternalExpanded(next);\n\t\tonExpandedChange?.(next);\n\t};\n\n\tuseEffect(() => {\n\t\tif (streaming && expandWhileStreaming && !expanded) {\n\t\t\tsetExpanded(true);\n\t\t}\n\t\tif (!streaming && expandWhileStreaming && expanded && !defaultExpanded && expandedProp === undefined) {\n\t\t\t// auto-collapse only once when streaming flips off and consumer hasn't pinned state\n\t\t\tsetExpanded(false);\n\t\t}\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [streaming]);\n\n\tconst headerLabel: ReactNode = streaming ? (\n\t\t<AiShimmer className=\"flex-1\">{strings.thinking}</AiShimmer>\n\t) : durationSeconds !== undefined ? (\n\t\t<Text weight=\"medium\" className=\"flex-1\">\n\t\t\t{renderThoughtFor(strings.thoughtFor, durationSeconds)}\n\t\t</Text>\n\t) : (\n\t\t<Text weight=\"medium\" className=\"flex-1\">\n\t\t\t{strings.thoughtDone}\n\t\t</Text>\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('ai-reasoning--component', \n\t\t\t\t'overflow-hidden rounded-radius border border-border/60 bg-muted/20',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<Button\n\t\t\t\ttype=\"button\"\n\t\t\t\ttone=\"secondary\"\n\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\tsize=\"md\"\n\t\t\t\tonClick={() => setExpanded(!expanded)}\n\t\t\t\taria-expanded={expanded}\n\t\t\t\taria-label={expanded ? strings.collapseAria : strings.expandAria}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'ai-reasoning--trigger h-auto min-h-0 w-full justify-start gap-space-md rounded-none px-surface-xs py-row-y text-left',\n\t\t\t\t\t'hover:bg-muted/30',\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<Brain className=\"size-icon-md text-muted-foreground\" />\n\t\t\t\t{headerLabel}\n\t\t\t\t{expanded ? (\n\t\t\t\t\t<ChevronDown className=\"size-icon-md text-muted-foreground\" />\n\t\t\t\t) : (\n\t\t\t\t\t<ChevronRight className=\"size-icon-md text-muted-foreground\" />\n\t\t\t\t)}\n\t\t\t</Button>\n\n\t\t\t{expanded && (\n\t\t\t\t<div className=\"ai-reasoning--body border-t border-border/60 p-surface-xs\">\n\t\t\t\t\t{typeof children === 'string' ? (\n\t\t\t\t\t\t<Text type=\"secondary\" lineHeight=\"relaxed\" className=\"whitespace-pre-wrap\">\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div className=\"whitespace-pre-wrap\">{children}</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nAiReasoning.displayName = 'AiReasoning';\n","import type { LucideIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport type { StringsProp } from '../../../../lib/strings';\n\nexport type AiChainStepStatus = 'pending' | 'active' | 'completed' | 'failed';\n\nexport interface AiChainStep {\n\t/** Stable identity for this entry. */\n\tid: string;\n\t/** Surface title. */\n\ttitle: ReactNode;\n\t/** Optional rationale rendered under the title. */\n\tdescription?: ReactNode;\n\t/** Step status — drives the marker style. */\n\tstatus?: AiChainStepStatus;\n\t/** Custom icon override for the step marker. */\n\ticon?: LucideIcon;\n\t/** Free-form children rendered inside the step body (substeps, code, …). */\n\tbody?: ReactNode;\n}\n\nexport interface AiChainOfThoughtStrings {\n\t/** Surface title. */\n\ttitle: string;\n\tstreamingHint: string;\n}\n\nexport const defaultAiChainOfThoughtStrings: AiChainOfThoughtStrings = {\n\ttitle: 'Reasoning',\n\tstreamingHint: 'Working through the steps…',\n};\n\nexport interface AiChainOfThoughtProps {\n\t/** Step list — order is significant. */\n\tsteps: ReadonlyArray<AiChainStep>;\n\t/** Hide the header strip. */\n\thideHeader?: boolean;\n\t/** Show the streaming hint under the header. */\n\tstreaming?: boolean;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<AiChainOfThoughtStrings>;\n}\n","/**\n * AiChainOfThought — vertical timeline of reasoning steps an agent took (or\n * is taking) to reach a conclusion. Status-aware markers; per-step body slot\n * for nested content (tool calls, code, sub-steps). Pair with `AiReasoning`\n * (free-form trace) when the model emits structured plan steps.\n */\nimport { AlertCircle, Check, Circle, Loader2, type LucideIcon } from 'lucide-react';\nimport { Stack } from '../../../base/structure';\nimport { DisplayLabel, Text } from '../../../typography';\nimport { useStrings } from '../../../../lib/strings';\nimport { cn } from '../../../../lib/utils';\n\nimport { AiShimmer } from '../ai-shimmer/ai-shimmer';\nimport {\n\tdefaultAiChainOfThoughtStrings,\n\ttype AiChainOfThoughtProps,\n\ttype AiChainStepStatus,\n} from './types';\n\nconst STATUS_VISUAL: Record<\n\tAiChainStepStatus,\n\t{ icon: LucideIcon; iconCls: string; ring: string; spin?: boolean }\n> = {\n\tpending: {\n\t\ticon: Circle,\n\t\ticonCls: 'text-muted-foreground/60',\n\t\tring: 'border-border/60 bg-card',\n\t},\n\tactive: {\n\t\ticon: Loader2,\n\t\ticonCls: 'text-primary-accent',\n\t\tring: 'border-primary/40 bg-primary/5',\n\t\tspin: true,\n\t},\n\tcompleted: {\n\t\ticon: Check,\n\t\ticonCls: 'text-success-foreground',\n\t\tring: 'border-success/40 bg-success',\n\t},\n\tfailed: {\n\t\ticon: AlertCircle,\n\t\ticonCls: 'text-destructive-foreground',\n\t\tring: 'border-destructive/40 bg-destructive',\n\t},\n};\n\nexport function AiChainOfThought({\n\tsteps,\n\thideHeader = false,\n\tstreaming = false,\n\tclassName,\n\tstrings: stringsProp,\n}: AiChainOfThoughtProps) {\n\tconst strings = useStrings(defaultAiChainOfThoughtStrings, stringsProp);\n\n\treturn (\n\t\t// The surface owns one inset; the header flows into the steps by the Stack gap\n\t\t// rather than sitting on a rule of its own.\n\t\t<Stack\n\t\t\tgap=\"lg\"\n\t\t\tclassName={cn('ai-chain-of-thought--component', 'rounded-radius border border-border/60 bg-card p-surface', className)}\n\t\t>\n\t\t\t{!hideHeader && (\n\t\t\t\t<div className=\"ai-chain-of-thought--header\">\n\t\t\t\t<Stack direction=\"horizontal\" gap=\"sm\" wrap={false}>\n\t\t\t\t\t<DisplayLabel>\n\t\t\t\t\t\t{strings.title}\n\t\t\t\t\t</DisplayLabel>\n\t\t\t\t\t{streaming && (\n\t\t\t\t\t\t<AiShimmer className=\"ml-auto !text-xs\">\n\t\t\t\t\t\t\t{strings.streamingHint}\n\t\t\t\t\t\t</AiShimmer>\n\t\t\t\t\t)}\n\t\t\t\t</Stack>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<ol className=\"ai-chain-of-thought--body relative m-0 list-none p-0 font-sans\">\n\t\t\t\t{steps.map((step, idx) => {\n\t\t\t\t\tconst status: AiChainStepStatus = step.status ?? 'pending';\n\t\t\t\t\tconst visual = STATUS_VISUAL[status];\n\t\t\t\t\tconst Icon = step.icon ?? visual.icon;\n\t\t\t\t\tconst isLast = idx === steps.length - 1;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li key={step.id} className=\"relative flex gap-space-lg pb-space-lg last:pb-0\">\n\t\t\t\t\t\t\t{!isLast && (\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=\"absolute bottom-0 left-[11px] top-[26px] w-px bg-border/60\"\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<span\n\t\t\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'relative z-[1] mt-0.5 inline-flex size-6 shrink-0 items-center justify-center rounded-full border',\n\t\t\t\t\t\t\t\t\tvisual.ring,\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\t<Icon\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'size-icon-sm',\n\t\t\t\t\t\t\t\t\t\tvisual.iconCls,\n\t\t\t\t\t\t\t\t\t\tvisual.spin && 'animate-spin',\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</span>\n\t\t\t\t\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t\t\t\t\t<Stack gap=\"dense\">\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\tweight={status === 'active' ? 'semibold' : 'medium'}\n\t\t\t\t\t\t\t\t\tclassName={cn(status === 'pending' && 'text-muted-foreground')}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{step.title}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t{!!step.description && (\n\t\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t\t\t{step.description}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t\t{!!step.body && (\n\t\t\t\t\t\t\t\t\t<div className=\"mt-space-md\">{step.body}</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ol>\n\t\t</Stack>\n\t);\n}\n\nAiChainOfThought.displayName = 'AiChainOfThought';\n","import type { LucideIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport type { StringsProp } from '../../../../lib/strings';\n\nexport type AiTaskStatus = 'queued' | 'running' | 'completed' | 'failed' | 'cancelled' | 'skipped';\n\nexport interface AiTaskItem {\n\t/** Stable identity for this entry. */\n\tid: string;\n\t/** Surface title. */\n\ttitle: ReactNode;\n\t/** Status — drives the marker pill and icon. */\n\tstatus?: AiTaskStatus;\n\t/** Optional sub-task list rendered nested. */\n\tchildren?: ReadonlyArray<AiTaskItem>;\n\t/** Decorative icon override. */\n\ticon?: LucideIcon;\n\t/** Right-aligned slot — duration, byte count, etc. */\n\trightSlot?: ReactNode;\n\t/** Free-form body rendered under the title (logs, code, …). */\n\tbody?: ReactNode;\n}\n\nexport interface AiTaskStrings {\n\tstatusLabels: Record<AiTaskStatus, string>;\n\tcollapseSubtasks: string;\n\texpandSubtasks: string;\n}\n\nexport const defaultAiTaskStrings: AiTaskStrings = {\n\tstatusLabels: {\n\t\tqueued: 'Queued',\n\t\trunning: 'Running',\n\t\tcompleted: 'Done',\n\t\tfailed: 'Failed',\n\t\tcancelled: 'Cancelled',\n\t\tskipped: 'Skipped',\n\t},\n\tcollapseSubtasks: 'Collapse subtasks',\n\texpandSubtasks: 'Expand subtasks',\n};\n\nexport interface AiTaskProps {\n\t/** Top-level task. */\n\ttask: AiTaskItem;\n\t/** Compact = single row with collapsible children; expanded = always show. */\n\tdensity?: 'compact' | 'expanded';\n\t/** Indentation width per nesting level (px). */\n\tindent?: number;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<AiTaskStrings>;\n}\n","/**\n * AiTask — single task (with optional sub-tasks) used by agent surfaces to\n * surface long-running plans: scaffolding, package installs, multi-file\n * edits. Each row carries a status marker, a title, and optional body /\n * right-slot. Children render nested under the parent and are auto-\n * collapsed by default in the `compact` density.\n */\nimport { useState } from 'react';\nimport {\n\tAlertCircle,\n\tCheck,\n\tChevronDown,\n\tChevronRight,\n\tCircle,\n\tLoader2,\n\tMinusCircle,\n\tXCircle,\n\ttype LucideIcon,\n} from 'lucide-react';\nimport { Badge } from '../../../base/badge';\nimport { Button } from '../../../base/buttons';\nimport { Text } from '../../../typography';\nimport { useStrings } from '../../../../lib/strings';\nimport { cn } from '../../../../lib/utils';\n\nimport {\n\tdefaultAiTaskStrings,\n\ttype AiTaskItem,\n\ttype AiTaskProps,\n\ttype AiTaskStatus,\n} from './types';\n\nconst STATUS_ICON: Record<AiTaskStatus, { icon: LucideIcon; cls: string; spin?: boolean }> = {\n\tqueued: { icon: Circle, cls: 'text-muted-foreground/60' },\n\trunning: { icon: Loader2, cls: 'text-primary-accent', spin: true },\n\tcompleted: { icon: Check, cls: 'text-success' },\n\tfailed: { icon: AlertCircle, cls: 'text-destructive' },\n\tcancelled: { icon: XCircle, cls: 'text-muted-foreground' },\n\tskipped: { icon: MinusCircle, cls: 'text-muted-foreground' },\n};\n\n// A running task states a live status (info); primary is reserved for the main command.\nconst STATUS_VARIANT: Record<\n\tAiTaskStatus,\n\t'secondary' | 'info' | 'success' | 'destructive' | 'warning'\n> = {\n\tqueued: 'secondary',\n\trunning: 'info',\n\tcompleted: 'success',\n\tfailed: 'destructive',\n\tcancelled: 'secondary',\n\tskipped: 'secondary',\n};\n\nexport function AiTask({\n\ttask,\n\tdensity = 'compact',\n\tindent = 18,\n\tclassName,\n\tstrings: stringsProp,\n}: AiTaskProps) {\n\tconst strings = useStrings(defaultAiTaskStrings, stringsProp);\n\treturn (\n\t\t<div className={cn('ai-task--component', 'rounded-radius border border-border/60 bg-card', className)}>\n\t\t\t<TaskRow\n\t\t\t\titem={task}\n\t\t\t\tdepth={0}\n\t\t\t\tdensity={density}\n\t\t\t\tindent={indent}\n\t\t\t\tstrings={strings}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nAiTask.displayName = 'AiTask';\n\nfunction TaskRow({\n\titem,\n\tdepth,\n\tdensity,\n\tindent,\n\tstrings,\n}: {\n\titem: AiTaskItem;\n\tdepth: number;\n\tdensity: 'compact' | 'expanded';\n\tindent: number;\n\tstrings: ReturnType<typeof useStrings<typeof defaultAiTaskStrings>>;\n}) {\n\tconst status: AiTaskStatus = item.status ?? 'queued';\n\tconst visual = STATUS_ICON[status];\n\tconst Icon = item.icon ?? visual.icon;\n\tconst hasChildren = !!item.children?.length;\n\tconst [open, setOpen] = useState(density === 'expanded' || depth === 0 ? true : false);\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'flex items-start gap-space-md px-row-x py-row-y',\n\t\t\t\t\tdepth > 0 && 'border-t border-border/60',\n\t\t\t\t)}\n\t\t\t\tstyle={{ paddingInlineStart: `calc(var(--row-x) * var(--space-scale) + ${depth * indent}px)` }}\n\t\t\t>\n\t\t\t\t{hasChildren ? (\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\t\tonClick={() => setOpen((v) => !v)}\n\t\t\t\t\t\taria-expanded={open}\n\t\t\t\t\t\taria-label={open ? strings.collapseSubtasks : strings.expandSubtasks}\n\t\t\t\t\t\tclassName=\"-ml-1 mt-0.5 size-icon rounded-inner p-0 text-muted-foreground hover:text-foreground\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{open ? (\n\t\t\t\t\t\t\t<ChevronDown className=\"size-icon-md\" />\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<ChevronRight className=\"size-icon-md\" />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Button>\n\t\t\t\t) : (\n\t\t\t\t\t<span aria-hidden className=\"mt-0.5 size-icon\" />\n\t\t\t\t)}\n\t\t\t\t<Icon\n\t\t\t\t\tclassName={cn('mt-[3px] size-icon-md shrink-0', visual.cls, visual.spin && 'animate-spin')}\n\t\t\t\t/>\n\t\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t\t<div className=\"flex items-center gap-space-md\">\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tweight={status === 'running' ? 'semibold' : 'medium'}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'flex-1 truncate',\n\t\t\t\t\t\t\t\tstatus === 'queued' && 'text-muted-foreground',\n\t\t\t\t\t\t\t\tstatus === 'cancelled' && 'line-through text-muted-foreground',\n\t\t\t\t\t\t\t\tstatus === 'skipped' && 'text-muted-foreground/70',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Badge tone={STATUS_VARIANT[status]}>\n\t\t\t\t\t\t\t{strings.statusLabels[status]}\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t{!!item.rightSlot && (\n\t\t\t\t\t\t\t<span className=\"tabular-nums text-muted-foreground\">\n\t\t\t\t\t\t\t\t{item.rightSlot}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{!!item.body && <div className=\"mt-space-md\">{item.body}</div>}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{hasChildren && open && (\n\t\t\t\t<div>\n\t\t\t\t\t{item.children!.map((child) => (\n\t\t\t\t\t\t<TaskRow\n\t\t\t\t\t\t\tkey={child.id}\n\t\t\t\t\t\t\titem={child}\n\t\t\t\t\t\t\tdepth={depth + 1}\n\t\t\t\t\t\t\tdensity={density}\n\t\t\t\t\t\t\tindent={indent}\n\t\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</>\n\t);\n}\n","import type { LucideIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport type { StringsProp } from '../../../../lib/strings';\n\nexport interface AiArtifactStrings {\n\topenAria: string;\n\tcopy: string;\n\tcopied: string;\n\tcopyAria: string;\n    /** Failure feedback, additive for existing string dictionaries. */\n    copyError?: string;\n\tdownloadAria: string;\n\texpandAria: string;\n}\n\nexport const defaultAiArtifactStrings: AiArtifactStrings = {\n\topenAria: 'Open artifact',\n\tcopy: 'Copy',\n\tcopied: 'Copied',\n    copyError: 'Could not copy. Please try again.',\n\tcopyAria: 'Copy artifact',\n\tdownloadAria: 'Download artifact',\n\texpandAria: 'Expand artifact',\n};\n\nexport interface AiArtifactAction {\n\t/** Stable identity for this entry. */\n\tid: string;\n\t/** Display label. */\n\tlabel: string;\n\t/** Leading glyph. */\n\ticon?: LucideIcon;\n\t/** Fired when an entry is activated. */\n\tonSelect?: () => void;\n}\n\nexport interface AiArtifactProps {\n\t/** Title — typically the artifact name (e.g. \"App.tsx\", \"design-spec.md\"). */\n\ttitle: ReactNode;\n\t/** Subtitle — typically the kind / language (\"React component\", \"Markdown\"). */\n\tsubtitle?: ReactNode;\n\t/** Icon override for the leading badge. */\n\ticon?: LucideIcon;\n\t/** Plain text content used by the default copy action. */\n\tcopyText?: string;\n\t/** Body content — preview, code, sandbox iframe, etc. */\n\tchildren?: ReactNode;\n\t/** Hide the body and render the artifact as a clickable preview-only chip. */\n\tcollapsed?: boolean;\n\t/** Click handler for the whole header (e.g. open in side panel). */\n\tonOpen?: () => void;\n\t/** Custom actions in the header. */\n\tactions?: ReadonlyArray<AiArtifactAction>;\n\t/** Provide a download handler — adds a download button. */\n\tonDownload?: () => void;\n\t/** Merged onto the outermost node. */\n\t/** Called when the clipboard is unavailable or the write fails. */\n    onCopyError?: (error: unknown) => void;\n    className?: string;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<AiArtifactStrings>;\n}\n","import { useCopyFeedback } from '../use-copy-feedback';\n/**\n * AiArtifact — generic shell for a model-produced asset (code file, document,\n * design spec, sandbox preview, …). Header carries a leading icon, title /\n * subtitle, and an action toolbar (open, copy, download, custom actions).\n * Body slot accepts the preview itself: `<AiCodeBlock>`, an `<iframe>`, an\n * `<AiPackageInfo>`, etc.\n */\n\nimport {\n\tCheck,\n\tCopy,\n\tDownload,\n\tExternalLink,\n\tFileText,\n\ttype LucideIcon,\n\t} from 'lucide-react';\nimport { Button } from '../../../base/buttons';\nimport { IconBadge,\n} from '../../../base/display';\nimport { Text } from '../../../typography';\nimport { useStrings } from '../../../../lib/strings';\nimport { Stack } from '../../../base/structure';\nimport { cn } from '../../../../lib/utils';\n\nimport { defaultAiArtifactStrings, type AiArtifactProps } from './types';\n\nexport function AiArtifact({\n\ttitle,\n\tsubtitle,\n\ticon,\n\tcopyText,\n\tchildren,\n\tcollapsed = false,\n\tonOpen,\n\tactions,\n\tonDownload,\n\tonCopyError,\n\tclassName,\n\tstrings: stringsProp,\n}: AiArtifactProps) {\n\tconst strings = useStrings(defaultAiArtifactStrings, stringsProp);\n\tconst Icon: LucideIcon = icon ?? FileText;\n\tconst { copied, failed, copy } = useCopyFeedback(onCopyError, copyText);\n\n\tconst handleCopy = async () => {\n\t\tif (copyText) await copy(copyText);\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('ai-artifact--component', \n\t\t\t\t'overflow-hidden rounded-radius border border-border/60 bg-card',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<div className=\"ai-artifact--header @container/ai-artifact-header border-b border-border/60 bg-muted/20 p-surface\">\n\t\t\t<Stack direction=\"horizontal\" align=\"center\" gap=\"lg\">\n\t\t\t\t<div className=\"ai-artifact--identity flex min-w-0 basis-full items-center gap-space-lg @sm/ai-artifact-header:flex-1 @sm/ai-artifact-header:basis-0\">\n\t\t\t\t<IconBadge icon={Icon} tone=\"neutral\" size=\"md\" shape=\"square\" />\n\t\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t\t<Text weight=\"semibold\" className=\"break-words\">\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</Text>\n\t\t\t\t\t{!!subtitle && (\n\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"break-words\">\n\t\t\t\t\t\t\t{subtitle}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"ai-artifact--actions flex flex-wrap items-center gap-space-xs\">\n\t\t\t\t\t{actions?.map((action) => {\n\t\t\t\t\t\tconst ActionIcon = action.icon;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tkey={action.id}\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\tonClick={action.onSelect}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{!!ActionIcon && <ActionIcon className=\"size-icon-md\" />}\n\t\t\t\t\t\t\t\t{action.label}\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t\t{!!copyText && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\t\t\taria-label={strings.copyAria}\n\t\t\t\t\t\t\tonClick={handleCopy}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{copied ? (\n\t\t\t\t\t\t\t\t<Check className=\"size-icon-md text-success\" />\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<Copy className=\"size-icon-md\" />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!onDownload && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\t\t\taria-label={strings.downloadAria}\n\t\t\t\t\t\t\tonClick={onDownload}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Download className=\"size-icon-md\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!onOpen && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\t\t\taria-label={strings.openAria}\n\t\t\t\t\t\t\tonClick={onOpen}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ExternalLink className=\"size-icon-md\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Stack>\n\t\t\t</div>\n\t\t\t{!collapsed && !!children && <div className=\"bg-card\">{children}</div>}\n\n\t\t\t{failed && <div className=\"px-control py-row-y\"><Text role=\"alert\" size=\"xs\" type=\"error\">{strings.copyError ?? defaultAiArtifactStrings.copyError}</Text></div>}\n\t\t</div>\n\t);\n}\n\nAiArtifact.displayName = 'AiArtifact';\n"],"mappings":"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"}

package/dist/{app-shell-at8Kt4l_.js → app-shell-BE_j8-AT.js}

@@ -1,8 +1,8 @@
 "use client";
 import { i as e, n as t } from "./theme-scope-kStaAer0.js";
-import { t as n } from "./utils-C2EKeIw3.js";
-import { t as r } from "./structure-MvKVq-oL.js";
-import { i, r as a } from "./containers-6s-ucRQQ.js";
+import { t as n } from "./utils-Cospvlj1.js";
+import { t as r } from "./structure-hzCW-XsV.js";
+import { i, r as a } from "./containers-D_L4mTVb.js";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/layout/app-shell/topbar-sidebar-layout.tsx
 var l = {
@@ -16,14 +16,14 @@ function u({ children: i, headerTheme: u = "light", sidebarSide: d = "left", mob
 		...D
 	}, A = y?.sidebarTrigger ?? h, j = e(), M = y?.logo ?? g, N = y?.headerActions ?? _, P = y?.sidebar ?? v, F = y?.content ?? i, I = !!P, L = /* @__PURE__ */ s(a, {
 		render: /* @__PURE__ */ s(b, {}),
-		className: n("topbar-sidebar-layout--content bg-sidebar-accent", E),
+		className: n("topbar-sidebar-layout--content bg-background", E),
 		children: F
 	}), R = I ? /* @__PURE__ */ s("aside", {
 		className: n("topbar-sidebar-layout--sidebar min-h-0 min-w-0 overflow-hidden bg-sidebar text-sidebar-foreground", f === "drawer" ? "hidden md:block group-data-[mobile=true]/sidebar-wrapper:hidden" : null, T),
 		children: P
 	}) : null;
 	return /* @__PURE__ */ c("div", {
-		className: n("topbar-sidebar-layout--component @container/app-shell isolate flex min-h-svh flex-col overflow-hidden bg-background text-foreground", "shell-sidebar-vars", "has-[[data-slot=sidebar][data-collapsible=icon]]:shell-sidebar-icon-current", "has-[[data-slot=sidebar][data-collapsible=offcanvas]]:shell-sidebar-offcanvas-current", x),
+		className: n("topbar-sidebar-layout--component @container/app-shell isolate flex min-h-svh min-w-0 w-full flex-col overflow-hidden bg-background font-sans text-foreground", "shell-sidebar-vars", "has-[[data-slot=sidebar][data-collapsible=icon]]:shell-sidebar-icon-current", "has-[[data-slot=sidebar][data-collapsible=offcanvas]]:shell-sidebar-offcanvas-current", x),
 		style: k,
 		"data-header-theme": u,
 		"data-sidebar-side": d,
@@ -110,7 +110,7 @@ function d({ children: e, sidebarSide: t = "left", surface: i = "inset", toolbar
 			]
 		})
 	}) : null, k = /* @__PURE__ */ c("div", {
-		className: n("sidebar-inset-layout--main flex min-h-0 min-w-0 flex-1 flex-col bg-card text-card-foreground", E && "md:m-space-md md:overflow-hidden md:rounded-radius md:border md:border-border md:shadow-sm"),
+		className: n("sidebar-inset-layout--main flex min-h-0 min-w-0 flex-1 flex-col bg-background text-foreground", E && "md:m-space-md md:overflow-hidden md:rounded-radius md:border md:border-border md:shadow-sm"),
 		children: [O, /* @__PURE__ */ s(a, {
 			render: /* @__PURE__ */ s(m, {}),
 			className: n("sidebar-inset-layout--content", v),
@@ -118,7 +118,7 @@ function d({ children: e, sidebarSide: t = "left", surface: i = "inset", toolbar
 		})]
 	});
 	return /* @__PURE__ */ s("div", {
-		className: n("sidebar-inset-layout--component isolate grid min-h-svh grid-cols-1 overflow-hidden text-foreground", T && (t === "left" ? "md:shell-grid-left" : "md:shell-grid-right"), E ? "bg-sidebar" : "bg-background", "shell-sidebar-vars group-data-[mobile=true]/sidebar-wrapper:grid-cols-1", "has-[[data-slot=sidebar][data-collapsible=icon]]:shell-sidebar-icon-current", "has-[[data-slot=sidebar][data-collapsible=offcanvas]]:shell-sidebar-offcanvas-current", h),
+		className: n("sidebar-inset-layout--component isolate grid min-h-svh min-w-0 w-full grid-cols-1 overflow-hidden font-sans text-foreground", T && (t === "left" ? "md:shell-grid-left" : "md:shell-grid-right"), E ? "bg-sidebar" : "bg-background", "shell-sidebar-vars group-data-[mobile=true]/sidebar-wrapper:grid-cols-1", "has-[[data-slot=sidebar][data-collapsible=icon]]:shell-sidebar-icon-current", "has-[[data-slot=sidebar][data-collapsible=offcanvas]]:shell-sidebar-offcanvas-current", h),
 		style: x,
 		"data-sidebar-side": t,
 		"data-surface": i,
@@ -138,7 +138,7 @@ function p({ children: l, headerTheme: u = "light", contentWidth: d = "contained
 		...S
 	}, T = e(), E = g?.logo ?? m, D = g?.nav ?? h, O = g?.content ?? l;
 	return /* @__PURE__ */ c("div", {
-		className: n("stacked-layout--component @container/stacked-shell isolate flex min-h-svh flex-col bg-background text-foreground", v),
+		className: n("stacked-layout--component @container/stacked-shell isolate flex min-h-svh min-w-0 w-full flex-col bg-background font-sans text-foreground", v),
 		style: w,
 		"data-header-theme": u,
 		"data-content-width": d,
@@ -185,9 +185,10 @@ function p({ children: l, headerTheme: u = "light", contentWidth: d = "contained
 			}),
 			/* @__PURE__ */ s(a, {
 				render: /* @__PURE__ */ s(_, {}),
-				className: n("stacked-layout--content bg-sidebar-accent", x),
+				className: n("stacked-layout--content bg-background", x),
 				children: d === "contained" ? /* @__PURE__ */ s(i, {
 					maxWidth: "2xl",
+					gutter: "lg",
 					className: "stacked-layout--measure",
 					children: O
 				}) : O
@@ -232,4 +233,4 @@ function m(e) {
 //#endregion
 export { u as i, p as n, d as r, m as t };
 
-//# sourceMappingURL=app-shell-at8Kt4l_.js.map
+//# sourceMappingURL=app-shell-BE_j8-AT.js.map

package/dist/app-shell-BE_j8-AT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-shell-BE_j8-AT.js","names":["HEADER_THEME_CLASS","_Fragment","_Fragment","_Fragment","useThemeScopeHost","ThemeScopeHostProvider","cn","Stack","PageViewport","HEADER_THEME_CLASS$1","TopbarSidebarLayout","Content","props","headerStyle","headerHeight","sidebarWidth","style","resolvedSidebarTrigger","slots","sidebarTrigger","headerScope","resolvedLogo","logo","resolvedHeaderActions","headerActions","resolvedSidebar","sidebar","resolvedContent","children","hasSidebar","contentNode","contentClassName","sidebarNode","mobileSidebarMode","sidebarClassName","className","headerTheme","sidebarSide","headerClassName","headerInnerClassName","Fragment","bodyClassName","SidebarInsetLayout","shellStyle","resolvedTrigger","isInset","surface","toolbarNode","toolbar","toolbarClassName","mainNode","HEADER_THEME_CLASS","StackedLayout","resolvedNav","nav","contentWidth","event","viewport","action","insets","left","right","subheaderClassName","Container","AppLayout","presentation","_variant","shell","variant"],"sources":["../src/components/layout/app-shell/topbar-sidebar-layout.tsx","../src/components/layout/app-shell/sidebar-inset-layout.tsx","../src/components/layout/app-shell/stacked-layout.tsx","../src/components/layout/app-shell/app-layout.tsx"],"sourcesContent":["/**\n * TopbarSidebarLayout — header-first app shell with a two-column body.\n *\n * This shell is intentionally separate from the default shadcn sidebar layout:\n * the logo belongs in the header, while the sidebar and content occupy the\n * remaining page height below the header.\n */\nimport { cn } from '../../../lib/utils';\nimport { ThemeScopeHostProvider, useThemeScopeHost } from '../../../lib/theme-scope';\n\nimport { Stack } from '../../base/structure';\nimport { PageViewport } from '../containers';\n\nimport type {\n\tTopbarSidebarLayoutProps,\n\tTopbarSidebarLayoutStyle,\n} from './app-shell.types';\n\n/**\n * Header theme is just a token scope. `.light` / `.dark` remap the shadcn\n * palette for the header subtree (see css/themes/shadcn.default.css), so header\n * partials use ordinary tokens (`bg-background`, `text-foreground`, `bg-accent`\n * …) and invert against the header surface automatically — no header-specific\n * color variables required. `light` keeps the header light even on a dark page;\n * `dark` gives a dark topbar on a light page.\n */\nconst HEADER_THEME_CLASS: Record<NonNullable<TopbarSidebarLayoutProps['headerTheme']>, string> = {\n\tlight: 'light',\n\tdark: 'dark',\n};\n\nexport function TopbarSidebarLayout({\n\tchildren,\n\theaderTheme = 'light',\n\tsidebarSide = 'left',\n\tmobileSidebarMode = 'drawer',\n\theaderHeight,\n\tsidebarWidth,\n\tsidebarTrigger,\n\tlogo,\n\theaderActions,\n\tsidebar,\n\tslots,\n\tcontentAs: Content = 'main',\n\tclassName,\n\theaderClassName,\n\theaderInnerClassName,\n\tbodyClassName,\n\tsidebarClassName,\n\tcontentClassName,\n\tstyle,\n\t...props\n}: TopbarSidebarLayoutProps) {\n\tconst headerStyle = {\n\t\t...(headerHeight ? { '--shell-header-height': headerHeight } : null),\n\t\t...(sidebarWidth ? { '--shell-sidebar-width': sidebarWidth } : null),\n\t\t...style,\n\t} as TopbarSidebarLayoutStyle;\n\tconst resolvedSidebarTrigger = slots?.sidebarTrigger ?? sidebarTrigger;\n\tconst headerScope = useThemeScopeHost<HTMLElement>();\n\tconst resolvedLogo = slots?.logo ?? logo;\n\tconst resolvedHeaderActions = slots?.headerActions ?? headerActions;\n\tconst resolvedSidebar = slots?.sidebar ?? sidebar;\n\tconst resolvedContent = slots?.content ?? children;\n\tconst hasSidebar = Boolean(resolvedSidebar);\n\tconst contentNode = (\n\t\t<PageViewport\n\t\t\trender={<Content />}\n\t\t\tclassName={cn(\n\t\t\t\t'topbar-sidebar-layout--content bg-background',\n\t\t\t\tcontentClassName,\n\t\t\t)}\n\t\t>\n\t\t\t{resolvedContent}\n\t\t</PageViewport>\n\t);\n\tconst sidebarNode = hasSidebar ? (\n\t\t<aside\n\t\t\tclassName={cn(\n\t\t\t\t'topbar-sidebar-layout--sidebar min-h-0 min-w-0 overflow-hidden bg-sidebar text-sidebar-foreground',\n\t\t\t\tmobileSidebarMode === 'drawer' ? 'hidden md:block group-data-[mobile=true]/sidebar-wrapper:hidden' : null,\n\t\t\t\tsidebarClassName,\n\t\t\t)}\n\t\t>\n\t\t\t{resolvedSidebar}\n\t\t</aside>\n\t) : null;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'topbar-sidebar-layout--component @container/app-shell isolate flex min-h-svh min-w-0 w-full flex-col overflow-hidden bg-background font-sans text-foreground',\n\t\t\t\t'shell-sidebar-vars',\n\t\t\t\t'has-[[data-slot=sidebar][data-collapsible=icon]]:shell-sidebar-icon-current',\n\t\t\t\t'has-[[data-slot=sidebar][data-collapsible=offcanvas]]:shell-sidebar-offcanvas-current',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tstyle={headerStyle}\n\t\t\tdata-header-theme={headerTheme}\n\t\t\tdata-sidebar-side={sidebarSide}\n\t\t\tdata-mobile-sidebar-mode={mobileSidebarMode}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ThemeScopeHostProvider value={headerScope.context}>\n\t\t\t<header\n\t\t\t\tref={headerScope.attachHost}\n\t\t\t\tdata-theme-scope=\"\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'topbar-sidebar-layout--header z-40 flex min-h-shell-header shrink-0 items-center border-b border-border bg-background px-surface py-space-sm text-foreground',\n\t\t\t\t\tHEADER_THEME_CLASS[headerTheme],\n\t\t\t\t\theaderClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<Stack direction=\"horizontal\" align=\"center\" gap=\"lg\" wrap\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'topbar-sidebar-layout--header-inner min-h-action w-full min-w-0 @3xl/app-shell:gap-space-2xl',\n\t\t\t\t\t\theaderInnerClassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{slots?.header ?? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{!!resolvedSidebarTrigger && (\n\t\t\t\t\t\t\t\t<div className=\"topbar-sidebar-layout--sidebar-trigger flex shrink-0 items-center\">\n\t\t\t\t\t\t\t\t\t{resolvedSidebarTrigger}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!!resolvedLogo && (\n\t\t\t\t\t\t\t\t<div className=\"topbar-sidebar-layout--logo flex min-w-0 shrink-0 items-center\">\n\t\t\t\t\t\t\t\t\t{resolvedLogo}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!!slots?.headerStart && (\n\t\t\t\t\t\t\t\t<div className=\"topbar-sidebar-layout--header-start flex min-w-0 items-center\">\n\t\t\t\t\t\t\t\t\t{slots.headerStart}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!!slots?.headerCenter && (\n\t\t\t\t\t\t\t\t<div className=\"topbar-sidebar-layout--header-center hidden min-w-0 flex-1 items-center @3xl/app-shell:flex\">\n\t\t\t\t\t\t\t\t\t{slots.headerCenter}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!!(resolvedHeaderActions || slots?.headerEnd) && (\n\t\t\t\t\t\t\t\t<div className=\"topbar-sidebar-layout--header-trailing ms-auto flex min-w-0 max-w-full flex-wrap items-center justify-end gap-space-sm @3xl/app-shell:gap-space-md [&>*]:max-w-full\">\n\t\t\t\t\t\t\t\t\t{!!resolvedHeaderActions && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"topbar-sidebar-layout--header-actions flex min-w-0 max-w-full flex-wrap items-center gap-space-sm @3xl/app-shell:gap-space-md [&>*]:max-w-full\">\n\t\t\t\t\t\t\t\t\t\t\t{resolvedHeaderActions}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{!!slots?.headerEnd && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"topbar-sidebar-layout--header-end flex min-w-0 max-w-full flex-wrap items-center gap-space-sm @3xl/app-shell:gap-space-md [&>*]:max-w-full\">\n\t\t\t\t\t\t\t\t\t\t\t{slots.headerEnd}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t</Stack>\n\t\t\t</header>\n\t\t\t</ThemeScopeHostProvider>\n\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'topbar-sidebar-layout--body grid min-h-0 flex-1 grid-cols-1',\n\t\t\t\t\t\thasSidebar && mobileSidebarMode === 'drawer' && 'group-data-[mobile=true]/sidebar-wrapper:grid-cols-1',\n\t\t\t\t\thasSidebar && (\n\t\t\t\t\t\tsidebarSide === 'left'\n\t\t\t\t\t\t\t? 'md:shell-grid-left'\n\t\t\t\t\t\t\t: 'md:shell-grid-right'\n\t\t\t\t\t),\n\t\t\t\t\tbodyClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{sidebarSide === 'left' ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{sidebarNode}\n\t\t\t\t\t\t{contentNode}\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{contentNode}\n\t\t\t\t\t\t{sidebarNode}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n","/**\n * SidebarInsetLayout — sidebar-first app shell with no global header.\n *\n * The counterpart to `TopbarSidebarLayout`. There the header spans the page and\n * owns the logo, with the sidebar below it; here the sidebar owns the full page\n * height and the logo sits inside it, so the content column carries only a slim\n * toolbar of its own. This is the shape shadcn's dashboard uses, and it is the\n * one to reach for when navigation should read as the primary frame.\n *\n * `toolbar={false}` removes even that row, for a shell with no header chrome.\n */\nimport { cn } from '../../../lib/utils';\n\nimport { Stack } from '../../base/structure';\nimport { PageViewport } from '../containers';\n\nimport type {\n\tSidebarInsetLayoutProps,\n\tTopbarSidebarLayoutStyle,\n} from './app-shell.types';\n\nexport function SidebarInsetLayout({\n\tchildren,\n\tsidebarSide = 'left',\n\tsurface = 'inset',\n\ttoolbar = true,\n\tsidebarWidth,\n\tsidebar,\n\tsidebarTrigger,\n\tslots,\n\tcontentAs: Content = 'main',\n\tclassName,\n\tsidebarClassName,\n\ttoolbarClassName,\n\tcontentClassName,\n\tstyle,\n\t...props\n}: SidebarInsetLayoutProps) {\n\tconst shellStyle = {\n\t\t...(sidebarWidth ? { '--shell-sidebar-width': sidebarWidth } : null),\n\t\t...style,\n\t} as TopbarSidebarLayoutStyle;\n\n\tconst resolvedSidebar = slots?.sidebar ?? sidebar;\n\tconst resolvedTrigger = slots?.sidebarTrigger ?? sidebarTrigger;\n\tconst resolvedContent = slots?.content ?? children;\n\tconst hasSidebar = Boolean(resolvedSidebar);\n\tconst isInset = surface === 'inset';\n\n\tconst sidebarNode = hasSidebar ? (\n\t\t<aside\n\t\t\tclassName={cn(\n\t\t\t\t'sidebar-inset-layout--sidebar min-h-0 min-w-0 shrink-0 overflow-hidden bg-sidebar text-sidebar-foreground',\n\t\t\t\t// Below `md` the column is hidden so `SidebarTrigger` can open the\n\t\t\t\t// sheet instead, matching `TopbarSidebarLayout`'s drawer behaviour.\n\t\t\t\t'hidden md:block group-data-[mobile=true]/sidebar-wrapper:hidden',\n\t\t\t\tsidebarClassName,\n\t\t\t)}\n\t\t>\n\t\t\t{resolvedSidebar}\n\t\t</aside>\n\t) : null;\n\n\tconst toolbarNode = toolbar ? (\n\t\t<header\n\t\t\tclassName={cn(\n\t\t\t\t'sidebar-inset-layout--toolbar @container/toolbar flex min-h-shell-header shrink-0 items-center gap-space-md px-surface py-space-sm',\n\t\t\t\t// The toolbar and scrolling body share one surface boundary.\n\t\t\t\t'border-b border-border',\n\t\t\t\ttoolbarClassName,\n\t\t\t)}\n\t\t>\n\t\t\t{slots?.toolbar ?? (\n\t\t\t\t<Stack\n\t\t\t\t\tdirection=\"horizontal\"\n\t\t\t\t\talign=\"center\"\n\t\t\t\t\tgap=\"md\" wrap\n\t\t\t\t\tclassName=\"sidebar-inset-layout--toolbar-inner min-h-action w-full min-w-0\"\n\t\t\t\t>\n\t\t\t\t\t{!!resolvedTrigger && (\n\t\t\t\t\t\t<div className=\"sidebar-inset-layout--sidebar-trigger flex shrink-0 items-center\">\n\t\t\t\t\t\t\t{resolvedTrigger}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!slots?.toolbarStart && (\n\t\t\t\t\t\t<div className=\"sidebar-inset-layout--toolbar-start flex min-w-0 flex-1 basis-32 items-center [&>*]:min-w-0 [&>*]:max-w-full\">\n\t\t\t\t\t\t\t{slots.toolbarStart}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!slots?.toolbarEnd && (\n\t\t\t\t\t\t<div className=\"sidebar-inset-layout--toolbar-end ms-auto flex min-w-0 max-w-full flex-wrap items-center justify-end gap-space-sm [&>*]:max-w-full\">\n\t\t\t\t\t\t\t{slots.toolbarEnd}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</Stack>\n\t\t\t)}\n\t\t</header>\n\t) : null;\n\n\tconst mainNode = (\n\t\t<div className={cn('sidebar-inset-layout--main flex min-h-0 min-w-0 flex-1 flex-col bg-background text-foreground', isInset && 'md:m-space-md md:overflow-hidden md:rounded-radius md:border md:border-border md:shadow-sm')}>\n\t\t\t{toolbarNode}\n\t\t\t<PageViewport\n\t\t\t\trender={<Content />}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'sidebar-inset-layout--content',\n\t\t\t\t\tcontentClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{resolvedContent}\n\t\t\t</PageViewport>\n\t\t</div>\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t// Grid, not flex: the sidebar column's width lives in\n\t\t\t\t// `--shell-sidebar-width-current`, which `shell-grid-left/right`\n\t\t\t\t// consume and the `has-[…]` variants below rewrite for the icon and\n\t\t\t\t// offcanvas collapse modes. A flex column has no intrinsic width here\n\t\t\t\t// — the shadcn sidebar inside it is positioned — so it collapses to 0.\n\t\t\t\t'sidebar-inset-layout--component isolate grid min-h-svh min-w-0 w-full grid-cols-1 overflow-hidden font-sans text-foreground',\n\t\t\t\thasSidebar && (sidebarSide === 'left' ? 'md:shell-grid-left' : 'md:shell-grid-right'),\n\t\t\t\tisInset ? 'bg-sidebar' : 'bg-background',\n\t\t\t\t'shell-sidebar-vars group-data-[mobile=true]/sidebar-wrapper:grid-cols-1',\n\t\t\t\t'has-[[data-slot=sidebar][data-collapsible=icon]]:shell-sidebar-icon-current',\n\t\t\t\t'has-[[data-slot=sidebar][data-collapsible=offcanvas]]:shell-sidebar-offcanvas-current',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tstyle={shellStyle}\n\t\t\tdata-sidebar-side={sidebarSide}\n\t\t\tdata-surface={surface}\n\t\t\t{...props}\n\t\t>\n\t\t\t{sidebarSide === 'left' ? (\n\t\t\t\t<>\n\t\t\t\t\t{sidebarNode}\n\t\t\t\t\t{mainNode}\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t{mainNode}\n\t\t\t\t\t{sidebarNode}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n","/**\n * StackedLayout — header-only app shell with horizontal navigation.\n *\n * The third shape alongside `TopbarSidebarLayout` (header over sidebar) and\n * `SidebarInsetLayout` (sidebar owns the page). Here there is no sidebar at all:\n * primary navigation runs across the header and the page stacks beneath it.\n *\n * Reach for this when the navigation is shallow enough to fit a row — settings,\n * marketing consoles, single-resource tools — where a sidebar would be mostly\n * empty. `contentWidth=\"contained\"` holds the page to a reading measure;\n * `\"full\"` lets dashboards span. Header flow follows the shell width: below\n * 48rem navigation owns a full row; wider shells place it beside the logo.\n */\nimport { cn } from '../../../lib/utils';\nimport { ThemeScopeHostProvider, useThemeScopeHost } from '../../../lib/theme-scope';\n\nimport { Stack } from '../../base/structure';\nimport { Container, PageViewport } from '../containers';\n\nimport type {\n\tStackedLayoutProps,\n\tTopbarSidebarLayoutStyle,\n} from './app-shell.types';\n\n/** Same token-scope trick as `TopbarSidebarLayout` — see its note. */\nconst HEADER_THEME_CLASS: Record<NonNullable<StackedLayoutProps['headerTheme']>, string> = {\n\tlight: 'light',\n\tdark: 'dark',\n};\n\nexport function StackedLayout({\n\tchildren,\n\theaderTheme = 'light',\n\tcontentWidth = 'contained',\n\theaderHeight,\n\tlogo,\n\tnav,\n\tslots,\n\tcontentAs: Content = 'main',\n\tclassName,\n\theaderClassName,\n\tsubheaderClassName,\n\tcontentClassName,\n\tstyle,\n\t...props\n}: StackedLayoutProps) {\n\tconst shellStyle = {\n\t\t...(headerHeight ? { '--shell-header-height': headerHeight } : null),\n\t\t...style,\n\t} as TopbarSidebarLayoutStyle;\n\n\tconst headerScope = useThemeScopeHost<HTMLElement>();\n\tconst resolvedLogo = slots?.logo ?? logo;\n\tconst resolvedNav = slots?.nav ?? nav;\n\tconst resolvedContent = slots?.content ?? children;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'stacked-layout--component @container/stacked-shell isolate flex min-h-svh min-w-0 w-full flex-col bg-background font-sans text-foreground',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tstyle={shellStyle}\n\t\t\tdata-header-theme={headerTheme}\n\t\t\tdata-content-width={contentWidth}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ThemeScopeHostProvider value={headerScope.context}>\n\t\t\t<header\n\t\t\t\tref={headerScope.attachHost}\n\t\t\t\tdata-theme-scope=\"\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'stacked-layout--header z-40 flex shrink-0 items-center border-b border-border bg-background px-surface py-space-sm text-foreground @3xl/stacked-shell:min-h-shell-header @3xl/stacked-shell:py-0',\n\t\t\t\t\tHEADER_THEME_CLASS[headerTheme],\n\t\t\t\t\theaderClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<Stack\n\t\t\t\t\tdirection=\"horizontal\"\n\t\t\t\t\talign=\"center\"\n\t\t\t\t\tgap=\"lg\"\n\t\t\t\t\twrap\n\t\t\t\t\t// The shell width owns header adaptation, including narrow parents\n\t\t\t\t\t// on wide viewports. Children keep their identity across both flows.\n\t\t\t\t\tclassName=\"stacked-layout--header-inner min-h-action w-full min-w-0 @3xl/stacked-shell:flex-nowrap @3xl/stacked-shell:gap-space-2xl\"\n\t\t\t\t>\n\t\t\t\t\t{slots?.header ?? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{!!resolvedLogo && (\n\t\t\t\t\t\t\t\t<div className=\"stacked-layout--logo flex min-w-0 shrink-0 items-center @3xl/stacked-shell:order-1\">\n\t\t\t\t\t\t\t\t\t{resolvedLogo}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!!resolvedNav && (\n\t\t\t\t\t\t\t\t// This shell has no sidebar, so hiding the nav in narrow shells left\n\t\t\t\t\t\t\t\t// the app with no navigation at all — logo and account menu\n\t\t\t\t\t\t\t\t// only. Instead it drops to its own full-width row and scrolls\n\t\t\t\t\t\t\t\t// horizontally, and returns inline when its parent is wide enough.\n\t\t\t\t\t\t\t\t//\n\t\t\t\t\t\t\t\t// Rendered once, not duplicated per breakpoint: a second copy\n\t\t\t\t\t\t\t\t// would put every nav link in the accessibility tree twice.\n\t\t\t\t\t\t\t\t//\n\t\t\t\t\t\t\t\t// Keep navigation intrinsic and single-line inside its scroller.\n\t\t\t\t\t\t\t\t// The shared inset reserves room for outer focus rings on every side.\n\t\t\t\t\t\t\t\t<nav\n\t\t\t\t\t\t\t\t\tonFocusCapture={(event) => {\n\t\t\t\t\t\t\t\t\t\t// Native focus can leave a partially visible action clipped.\n\t\t\t\t\t\t\t\t\t\t// Reveal only within this horizontal owner; preserve page scroll.\n\t\t\t\t\t\t\t\t\t\tconst nav = event.currentTarget;\n\t\t\t\t\t\t\t\t\t\t// React portal focus bubbles through its logical nav ancestry.\n\t\t\t\t\t\t\t\t\t\tif (!nav.contains(event.target)) return;\n\t\t\t\t\t\t\t\t\t\tconst viewport = nav.getBoundingClientRect();\n\t\t\t\t\t\t\t\t\t\tconst action = event.target.getBoundingClientRect();\n\t\t\t\t\t\t\t\t\t\tconst insets = getComputedStyle(nav);\n\t\t\t\t\t\t\t\t\t\tconst left = viewport.left + (parseFloat(insets.paddingLeft) || 0);\n\t\t\t\t\t\t\t\t\t\tconst right = viewport.right - (parseFloat(insets.paddingRight) || 0);\n\t\t\t\t\t\t\t\t\t\tif (action.left < left) nav.scrollLeft += action.left - left;\n\t\t\t\t\t\t\t\t\t\telse if (action.right > right) nav.scrollLeft += action.right - right;\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tclassName=\"stacked-layout--nav order-last flex w-full min-w-0 flex-nowrap items-center overflow-x-auto p-space-sm @3xl/stacked-shell:order-2 @3xl/stacked-shell:w-auto @3xl/stacked-shell:flex-1 [&>*]:shrink-0 [&>*]:flex-nowrap\">\n\t\t\t\t\t\t\t\t\t{resolvedNav}\n\t\t\t\t\t\t\t\t</nav>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!!slots?.headerEnd && (\n\t\t\t\t\t\t\t\t<div className=\"stacked-layout--header-end ms-auto flex min-w-0 max-w-full flex-wrap items-center justify-end gap-space-sm @3xl/stacked-shell:order-3 @3xl/stacked-shell:gap-space-md [&>*]:max-w-full\">\n\t\t\t\t\t\t\t\t\t{slots.headerEnd}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t</Stack>\n\t\t\t</header>\n\t\t\t</ThemeScopeHostProvider>\n\n\t\t\t{!!slots?.subheader && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'stacked-layout--subheader shrink-0 border-b border-border bg-background px-surface',\n\t\t\t\t\t\tsubheaderClassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{slots.subheader}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<PageViewport\n\t\t\t\trender={<Content />}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'stacked-layout--content bg-background',\n\t\t\t\t\tcontentClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{contentWidth === 'contained' ? (\n\t\t\t\t\t<Container maxWidth=\"2xl\" gutter=\"lg\" className=\"stacked-layout--measure\">\n\t\t\t\t\t\t{resolvedContent}\n\t\t\t\t\t</Container>\n\t\t\t\t) : (\n\t\t\t\t\tresolvedContent\n\t\t\t\t)}\n\t\t\t</PageViewport>\n\t\t</div>\n\t);\n}\n","import { cn } from '../../../lib/utils';\nimport { SidebarInsetLayout } from './sidebar-inset-layout';\nimport { StackedLayout } from './stacked-layout';\nimport { TopbarSidebarLayout } from './topbar-sidebar-layout';\nimport type { SidebarInsetLayoutProps, StackedLayoutProps, TopbarSidebarLayoutProps } from './app-shell.types';\n\n/** Presets select chrome; each underlying shell retains its own typed slots and behavior. */\nexport type AppLayoutProps =\n | (Omit<TopbarSidebarLayoutProps, 'headerTheme'> & {variant?: 'light-header' | 'dark-header'})\n | (Omit<SidebarInsetLayoutProps, 'surface'> & {variant: 'sidebar' | 'inset'})\n | (StackedLayoutProps & {variant: 'stacked'});\n\nexport type AppLayoutVariant = NonNullable<AppLayoutProps['variant']>;\n\n/** Five ready compositions using three shell owners, with one page viewport. */\nexport function AppLayout(props: AppLayoutProps) {\n const presentation = {'data-app-layout': props.variant ?? 'light-header', className: cn('app-layout--component', props.className)};\n switch (props.variant) {\n  case 'stacked': {\n   const {variant: _variant, ...shell} = props;\n   return <StackedLayout {...shell} {...presentation} />;\n  }\n  case 'sidebar':\n  case 'inset': {\n   const {variant, ...shell} = props;\n   return <SidebarInsetLayout {...shell} {...presentation} surface={variant === 'sidebar' ? 'flush' : 'inset'} />;\n  }\n  default: {\n   const {variant = 'light-header', ...shell} = props;\n   return <TopbarSidebarLayout {...shell} {...presentation} headerTheme={variant === 'dark-header' ? 'dark' : 'light'} />;\n  }\n }\n}\n"],"mappings":"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"}

package/dist/{attachment-BO2R47wn.js → attachment-q69dlt5Y.js}

@@ -1,11 +1,11 @@
 "use client";
 import { useStrings as e } from "./lib/strings.js";
-import { t } from "./utils-C2EKeIw3.js";
-import { n } from "./buttons-Co6GavvM.js";
-import { a as r } from "./typography-Cv8MT-82.js";
-import { t as i } from "./progress-BOe8l_FZ.js";
-import { i as a } from "./primitives-DKPOGVpj.js";
-import { c as o, i as s, n as c, r as l, t as u, u as d } from "./item-pJ0GsOiJ.js";
+import { t } from "./utils-Cospvlj1.js";
+import { s as n } from "./typography-CAr3dQhX.js";
+import { t as r } from "./button-BS3KDg00.js";
+import { t as i } from "./progress-Br9WTFya.js";
+import { i as a } from "./primitives-BHrwQXFC.js";
+import { c as o, i as s, n as c, r as l, t as u, u as d } from "./item-xzh8Df65.js";
 import { forwardRef as f } from "react";
 import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 import { Archive as g, AudioLines as _, Download as v, Eye as y, FileCode as b, FileText as x, ImageIcon as S, Video as C, X as w } from "lucide-react";
@@ -135,8 +135,8 @@ var I = f(function({ name: i = "", meta: o, bytes: s, locale: c, kind: l, media:
 		className: t("attachment--component relative isolate min-w-0 max-w-full bg-card text-card-foreground", R === "gallery" ? "flex-col items-stretch" : "flex-nowrap", g === "error" && "border-destructive", G),
 		children: [W ?? /* @__PURE__ */ h(p, { children: [
 			/* @__PURE__ */ m(A, {
-				variant: f ? "image" : "icon",
-				className: R === "gallery" ? "w-full h-auto aspect-video" : void 0,
+				variant: f && R !== "gallery" ? "image" : "icon",
+				className: R === "gallery" ? "aspect-video h-auto w-full overflow-hidden rounded-inner bg-muted text-muted-foreground" : void 0,
 				children: d ?? (f ? /* @__PURE__ */ m("img", {
 					src: f,
 					alt: "",
@@ -163,12 +163,12 @@ var I = f(function({ name: i = "", meta: o, bytes: s, locale: c, kind: l, media:
 				}),
 				(x !== void 0 || Z) && /* @__PURE__ */ h(N, {
 					clamp: "none",
-					children: [x === void 0 ? /* @__PURE__ */ m(r, {
+					children: [x === void 0 ? /* @__PURE__ */ m(n, {
 						tag: "span",
 						size: "xs",
 						type: g === "error" ? "error" : "secondary",
 						children: Z
-					}) : x, g === "error" && b ? /* @__PURE__ */ h(p, { children: [" — ", /* @__PURE__ */ m(r, {
+					}) : x, g === "error" && b ? /* @__PURE__ */ h(p, { children: [" — ", /* @__PURE__ */ m(n, {
 						tag: "span",
 						role: "alert",
 						size: "xs",
@@ -184,7 +184,7 @@ var I = f(function({ name: i = "", meta: o, bytes: s, locale: c, kind: l, media:
 				})
 			] }),
 			(S || D || O || I) && /* @__PURE__ */ h(P, { children: [
-				D && /* @__PURE__ */ m(n, {
+				D && /* @__PURE__ */ m(r, {
 					type: "button",
 					tone: "secondary",
 					buttonStyle: "ghost",
@@ -198,7 +198,7 @@ var I = f(function({ name: i = "", meta: o, bytes: s, locale: c, kind: l, media:
 						className: "size-icon-sm"
 					})
 				}),
-				O && /* @__PURE__ */ m(n, {
+				O && /* @__PURE__ */ m(r, {
 					type: "button",
 					tone: "secondary",
 					buttonStyle: "ghost",
@@ -212,7 +212,7 @@ var I = f(function({ name: i = "", meta: o, bytes: s, locale: c, kind: l, media:
 						className: "size-icon-sm"
 					})
 				}),
-				I && /* @__PURE__ */ m(n, {
+				I && /* @__PURE__ */ m(r, {
 					type: "button",
 					tone: "secondary",
 					buttonStyle: "ghost",
@@ -241,4 +241,4 @@ I.displayName = "Attachment";
 //#endregion
 export { k as a, M as c, N as i, O as l, P as n, A as o, j as r, F as s, I as t, E as u };
 
-//# sourceMappingURL=attachment-BO2R47wn.js.map
+//# sourceMappingURL=attachment-q69dlt5Y.js.map

package/dist/attachment-q69dlt5Y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachment-q69dlt5Y.js","names":["_Fragment","Button","ButtonPrimitive","Text","Button$1","Progress","FileSize","ItemMedia","ItemDescription","ItemActions","ItemContent","Item","ItemTitle","Fragment$1","defaultAttachmentStrings","name","icons","ImageIcon","FileText","AudioLines","Video","FileCode","Archive","getAttachmentKind","extension","AttachmentFileIcon","Icon","kind","AttachmentMedia","forwardRef","props","cn","className","AttachmentContent","AttachmentTitle","AttachmentDescription","AttachmentActions","AttachmentProgress","Attachment","stringsProp","strings","useStrings","showProgress","status","pct","progress","statusCopy","density","layout","disabled","children","thumbnailUrl","media","meta","bytes","description","error","actions","onPreview","onDownload","onRemove","Eye","Download","X","onOpen","Button"],"sources":["../src/components/base/attachment/attachment.types.ts","../src/components/base/attachment/attachment.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode, ReactElement } from 'react';\nimport type { StringsProp } from '../../../lib/strings';\nimport type { ItemDensity, ItemSize, ItemVariant } from '../item';\nexport type AttachmentKind = 'image' | 'document' | 'audio' | 'video' | 'code' | 'archive' | 'generic';\nexport type AttachmentStatus = 'queued' | 'uploading' | 'done' | 'error' | 'cancelled';\nexport interface AttachmentStrings {\n preview: (name: string) => string;\n download: (name: string) => string;\n remove: (name: string) => string;\n queued: string; uploading: string; done: string; error: string; cancelled: string;\n}\nexport const defaultAttachmentStrings: AttachmentStrings = {\n preview: name => `Preview ${name}`, download: name => `Download ${name}`, remove: name => `Remove ${name}`,\n queued: 'Queued', uploading: 'Uploading', done: 'Uploaded', error: 'Failed', cancelled: 'Cancelled',\n};\nexport interface AttachmentProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title' | 'onError'> {\n /** Display filename. Omit only when assembling children using Attachment anatomy. */\n name?: string;\n /** Caller-formatted metadata takes precedence over bytes. */\n meta?: ReactNode;\n bytes?: number;\n locale?: string;\n kind?: AttachmentKind;\n media?: ReactNode;\n thumbnailUrl?: string;\n status?: AttachmentStatus;\n /** Upload progress in the 0–100 range. A missing uploading value is indeterminate. */\n progress?: number | null;\n error?: ReactNode;\n /** Override generated status copy while preserving status/progress behavior. */\n description?: ReactNode;\n /** Additional sibling actions. */\n actions?: ReactNode;\n /** Open or preview the whole body, with independent sibling action buttons. Uses the preview string for its accessible name. */\n onOpen?: () => void;\n onPreview?: () => void;\n onDownload?: () => void;\n onRemove?: () => void;\n disabled?: boolean;\n /** Compact horizontal chip, full list row, or a media-first gallery tile. */\n layout?: 'compact' | 'list' | 'gallery';\n size?: ItemSize;\n density?: ItemDensity;\n variant?: ItemVariant;\n /** Element used for a list item without wrapping or inspecting children. */\n render?: ReactElement;\n strings?: StringsProp<AttachmentStrings>;\n}\n","import { forwardRef } from 'react';\nimport { Button as ButtonPrimitive } from '@base-ui/react/button';\nimport { Archive, AudioLines, Download, Eye, FileCode, FileText, ImageIcon, Video, X } from 'lucide-react';\nimport { Button } from '../buttons';\nimport { FileSize } from '../../primitives';\nimport { Text } from '../../typography';\nimport { Progress, type ProgressProps } from '../feedback';\nimport { Item, ItemMedia, ItemContent, ItemTitle, ItemDescription, ItemActions, type ItemMediaProps, type ItemContentProps, type ItemTitleProps, type ItemDescriptionProps, type ItemActionsProps } from '../item';\nimport { useStrings } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\nimport { defaultAttachmentStrings, type AttachmentProps, type AttachmentKind } from './attachment.types';\nconst icons = { image: ImageIcon, document: FileText, audio: AudioLines, video: Video, code: FileCode, archive: Archive, generic: FileText };\n/** Filename categorization is display-only and does not trust a file's extension for validation. */\nexport function getAttachmentKind(name: string): AttachmentKind {\n const extension = name.split('.').at(-1)?.toLowerCase();\n if (extension && ['png','jpg','jpeg','gif','webp','svg','avif'].includes(extension)) return 'image';\n if (extension && ['mp3','wav','ogg','flac','m4a'].includes(extension)) return 'audio';\n if (extension && ['mp4','webm','mov','avi'].includes(extension)) return 'video';\n if (extension && ['zip','gz','tar','rar','7z'].includes(extension)) return 'archive';\n if (extension && ['ts','tsx','js','jsx','css','html','json','py','sh','sql'].includes(extension)) return 'code';\n if (extension && ['pdf','doc','docx','txt','md','xls','xlsx','csv'].includes(extension)) return 'document';\n return 'generic';\n}\nexport function AttachmentFileIcon({ name, kind }: { name: string; kind?: AttachmentKind }) { const Icon = icons[kind ?? getAttachmentKind(name)]; return <Icon aria-hidden=\"true\" />; }\nexport const AttachmentMedia = forwardRef<HTMLDivElement, ItemMediaProps>(function AttachmentMedia({ className, ...props }, ref) { return <ItemMedia {...props} ref={ref} className={cn('attachment--media self-center group-has-data-[slot=item-description]/item:self-center', className)} />; });\nexport const AttachmentContent = forwardRef<HTMLDivElement, ItemContentProps>(function AttachmentContent({ className, ...props }, ref) { return <ItemContent {...props} ref={ref} className={cn('attachment--content w-full max-w-full', className)} />; });\nexport const AttachmentTitle = forwardRef<HTMLDivElement, ItemTitleProps>(function AttachmentTitle({ className, ...props }, ref) { return <ItemTitle {...props} ref={ref} className={cn('attachment--title block w-full truncate [&>span]:block [&>span]:min-w-0 [&>span]:truncate', className)} />; });\nexport const AttachmentDescription = forwardRef<HTMLParagraphElement, ItemDescriptionProps>(function AttachmentDescription({ className, ...props }, ref) { return <ItemDescription {...props} ref={ref} className={cn('attachment--description', className)} />; });\nexport const AttachmentActions = forwardRef<HTMLDivElement, ItemActionsProps>(function AttachmentActions({ className, ...props }, ref) { return <ItemActions {...props} ref={ref} className={cn('attachment--actions relative z-10', className)} />; });\nexport function AttachmentProgress({ className, ...props }: ProgressProps) { return <Progress {...props} className={cn('attachment--progress', className)} />; }\n/** File presentation; callbacks own preview, transfer and removal. Card framing belongs to the caller. */\nexport const Attachment = forwardRef<HTMLDivElement, AttachmentProps>(function Attachment({\n name = '', meta, bytes, locale, kind, media, thumbnailUrl, status, progress, error, description, actions, onOpen, onPreview, onDownload, onRemove,\n disabled = false, layout = 'list', size, density, variant = 'outline', render, strings: stringsProp, children, className, ...props\n}, ref) {\n const strings = useStrings(defaultAttachmentStrings, stringsProp);\n const showProgress = status === 'queued' || status === 'uploading';\n const pct = progress === null || progress === undefined ? null : Number.isFinite(progress) ? Math.max(0, Math.min(100, progress)) : 0;\n const statusCopy = status ? strings[status] : undefined;\n return <Item {...props} ref={ref} render={render} size={size} density={density ?? (layout === 'compact' ? 'compact' : 'default')} variant={variant} padding=\"default\" data-status={status} data-layout={layout} data-disabled={disabled || undefined} className={cn('attachment--component relative isolate min-w-0 max-w-full bg-card text-card-foreground', layout === 'gallery' ? 'flex-col items-stretch' : 'flex-nowrap', status === 'error' && 'border-destructive', className)}>\n  {children ?? <>\n   {/* A gallery tile owns one full-width media frame. The row thumbnail recipe (a\n       size-scaled square) would otherwise shrink a gallery image to an icon. */}\n   <AttachmentMedia variant={thumbnailUrl && layout !== 'gallery' ? 'image' : 'icon'} className={layout === 'gallery' ? 'aspect-video h-auto w-full overflow-hidden rounded-inner bg-muted text-muted-foreground' : undefined}>{media ?? (thumbnailUrl ? <img src={thumbnailUrl} alt=\"\" className=\"h-full w-full object-cover\" /> : <AttachmentFileIcon name={name} kind={kind} />)}</AttachmentMedia>\n   <AttachmentContent>\n    <AttachmentTitle title={name}>{name}</AttachmentTitle>\n    {(meta !== undefined || bytes !== undefined) && <AttachmentDescription clamp={1}>{meta ?? <FileSize value={bytes} locale={locale} size=\"xs\" type=\"secondary\" align=\"left\" />}</AttachmentDescription>}\n    {(description !== undefined || statusCopy) && <AttachmentDescription clamp=\"none\">{description !== undefined ? description : <Text tag=\"span\" size=\"xs\" type={status === 'error' ? 'error' : 'secondary'}>{statusCopy}</Text>}{status === 'error' && error ? <> — <Text tag=\"span\" role=\"alert\" size=\"xs\" type=\"error\">{error}</Text></> : null}</AttachmentDescription>}\n    {showProgress && <AttachmentProgress value={status === 'queued' && pct === null ? 0 : pct} aria-label={name} size=\"sm\" tone={status === 'queued' ? 'neutral' : 'primary'} />}\n   </AttachmentContent>\n   {(actions || onPreview || onDownload || onRemove) && <AttachmentActions>\n    {onPreview && <Button type=\"button\" tone=\"secondary\" buttonStyle=\"ghost\" size=\"sm\" iconOnly disabled={disabled} aria-label={strings.preview(name)} onClick={onPreview}><Eye aria-hidden=\"true\" className=\"size-icon-sm\" /></Button>}\n    {onDownload && <Button type=\"button\" tone=\"secondary\" buttonStyle=\"ghost\" size=\"sm\" iconOnly disabled={disabled} aria-label={strings.download(name)} onClick={onDownload}><Download aria-hidden=\"true\" className=\"size-icon-sm\" /></Button>}\n    {onRemove && <Button type=\"button\" tone=\"secondary\" buttonStyle=\"ghost\" size=\"sm\" iconOnly disabled={disabled} aria-label={strings.remove(name)} onClick={onRemove}><X aria-hidden=\"true\" className=\"size-icon-sm\" /></Button>}\n    {actions}\n   </AttachmentActions>}\n  </>}\n  {onOpen && <ButtonPrimitive type=\"button\" disabled={disabled} aria-label={strings.preview(name)} onClick={onOpen} className=\"attachment--trigger absolute inset-0 z-0 cursor-pointer rounded-radius outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset disabled:cursor-not-allowed\" />}\n </Item>;\n});\nAttachment.displayName = 'Attachment';\n"],"mappings":"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"}