admin-ui-starter-kit 0.1.4 → 0.4.2

package/dist/_shared/ai-artifact-DdlK_l56.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-artifact-DdlK_l56.js","names":[],"sources":["../../src/components/composed/ai/ai-message-bubble/types.ts","../../src/components/composed/ai/ai-message-bubble/ai-message-bubble.tsx","../../src/components/composed/ai/ai-tool-call/types.ts","../../src/components/composed/ai/ai-tool-call/ai-tool-call.tsx","../../src/components/composed/ai/ai-shimmer/ai-shimmer.tsx","../../src/components/composed/ai/ai-code-block/types.ts","../../src/components/composed/ai/ai-code-block/ai-code-block.tsx","../../src/components/composed/ai/ai-attachment/types.ts","../../src/components/composed/ai/ai-attachment/ai-attachment.tsx","../../src/components/composed/ai/ai-agent/types.ts","../../src/components/composed/ai/ai-agent/ai-agent.tsx","../../src/components/composed/ai/ai-confirmation/types.ts","../../src/components/composed/ai/ai-confirmation/ai-confirmation.tsx","../../src/components/composed/ai/ai-sources/types.ts","../../src/components/composed/ai/ai-sources/ai-sources.tsx","../../src/components/composed/ai/ai-reasoning/types.ts","../../src/components/composed/ai/ai-reasoning/ai-reasoning.tsx","../../src/components/composed/ai/ai-chain-of-thought/types.ts","../../src/components/composed/ai/ai-chain-of-thought/ai-chain-of-thought.tsx","../../src/components/composed/ai/ai-task/types.ts","../../src/components/composed/ai/ai-task/ai-task.tsx","../../src/components/composed/ai/ai-artifact/types.ts","../../src/components/composed/ai/ai-artifact/ai-artifact.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport type AiMessageRole = 'assistant' | 'user' | 'system';\n\nexport interface AiMessageBubbleStrings {\n\tcopyAria: string;\n\tcopied: string;\n\tregenerateAria: string;\n}\n\nexport const defaultAiMessageBubbleStrings: AiMessageBubbleStrings = {\n\tcopyAria: 'Copy message',\n\tcopied: 'Copied',\n\tregenerateAria: 'Regenerate response',\n};\n\nexport interface AiMessageBubbleProps {\n\trole?: AiMessageRole;\n\tavatar?: ReactNode;\n\tavatarLabel?: string;\n\tauthorName?: ReactNode;\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\tonCopy?: () => void;\n\tonRegenerate?: () => void;\n\tclassName?: string;\n\tstrings?: Partial<AiMessageBubbleStrings>;\n}\n","/**\n * AiMessageBubble — chat bubble surface with an avatar slot, role-aware\n * styling (assistant / user / system), an optional author + timestamp meta\n * row, and a trailing action toolbar (copy, regenerate). Use as the building\n * block for AI chat transcripts; pair with `AiThinking`, `AiFeedback`, and\n * `AiCitation` for richer turns. Strings overridable for i18n.\n */\nimport { useState, type ReactNode } from 'react';\nimport { Bot, Copy, RotateCcw, User } from 'lucide-react';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultAiMessageBubbleStrings,\n\ttype AiMessageBubbleProps,\n\ttype AiMessageRole,\n} from './types';\n\nconst ROLE_TONE: Record<AiMessageRole, { wrap: string; avatar: string; bubble: string }> = {\n\tassistant: {\n\t\twrap: 'flex-row',\n\t\tavatar: 'bg-primary/15 text-primary',\n\t\tbubble: 'bg-card border border-border/60',\n\t},\n\tuser: {\n\t\twrap: 'flex-row-reverse text-right',\n\t\tavatar: 'bg-muted text-foreground',\n\t\tbubble: 'bg-primary text-primary-foreground',\n\t},\n\tsystem: {\n\t\twrap: 'flex-row',\n\t\tavatar: 'bg-muted text-muted-foreground',\n\t\tbubble: 'bg-muted/40 border border-dashed border-border/60',\n\t},\n};\n\nconst ROLE_FALLBACK_ICON = {\n\tassistant: Bot,\n\tuser: User,\n\tsystem: Bot,\n} as const;\n\nexport function AiMessageBubble({\n\trole = 'assistant',\n\tavatar,\n\tavatarLabel,\n\tauthorName,\n\ttimestamp,\n\tchildren,\n\tplainText,\n\tloading = false,\n\tonCopy,\n\tonRegenerate,\n\tclassName,\n\tstrings: stringsProp,\n}: AiMessageBubbleProps) {\n\tconst strings = useStrings(defaultAiMessageBubbleStrings, stringsProp);\n\tconst [copied, setCopied] = useState(false);\n\tconst tone = ROLE_TONE[role];\n\tconst FallbackIcon = ROLE_FALLBACK_ICON[role];\n\n\tconst handleCopy = () => {\n\t\tconst text = plainText ?? (typeof children === 'string' ? children : '');\n\t\tif (text && typeof navigator !== 'undefined' && navigator.clipboard) {\n\t\t\tvoid navigator.clipboard.writeText(text);\n\t\t}\n\t\tsetCopied(true);\n\t\tonCopy?.();\n\t\twindow.setTimeout(() => setCopied(false), 1500);\n\t};\n\n\tconst renderedAvatar: ReactNode = avatar ?? (\n\t\t<span\n\t\t\taria-label={avatarLabel}\n\t\t\tclassName={cn(\n\t\t\t\t'inline-flex size-7 shrink-0 items-center justify-center rounded-full',\n\t\t\t\ttone.avatar,\n\t\t\t)}\n\t\t>\n\t\t\t<FallbackIcon className=\"size-3.5\" />\n\t\t</span>\n\t);\n\n\treturn (\n\t\t<div className={cn('ai-message-bubble--component', 'flex w-full items-start gap-2', tone.wrap, className)}>\n\t\t\t{renderedAvatar}\n\n\t\t\t<div className=\"flex max-w-[80%] flex-col gap-1\">\n\t\t\t\t{(authorName || timestamp) && (\n\t\t\t\t\t<div className=\"flex items-baseline gap-2\">\n\t\t\t\t\t\t{!!authorName && (\n\t\t\t\t\t\t\t<Text size=\"xs\" weight=\"medium\">\n\t\t\t\t\t\t\t\t{authorName}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!!timestamp && (\n\t\t\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" className=\"tabular-nums\">\n\t\t\t\t\t\t\t\t{timestamp}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'rounded-2xl px-3.5 py-2.5 text-sm leading-relaxed',\n\t\t\t\t\t\ttone.bubble,\n\t\t\t\t\t\tloading && 'animate-pulse',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\n\t\t\t\t{(onCopy !== undefined || plainText || onRegenerate) && role === 'assistant' && (\n\t\t\t\t\t<div className=\"flex items-center gap-1\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize=\"icon-xs\"\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<Copy className=\"size-3.5\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t{copied && (\n\t\t\t\t\t\t\t<Text size=\"xxs\" type=\"success\">\n\t\t\t\t\t\t\t\t{strings.copied}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!!onRegenerate && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\t\t\t\taria-label={strings.regenerateAria}\n\t\t\t\t\t\t\t\tonClick={onRegenerate}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<RotateCcw className=\"size-3.5\" />\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nAiMessageBubble.displayName = 'AiMessageBubble';\n","import type { LucideIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\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\tname: string;\n\tstatus: AiToolCallStatus;\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\tdefaultExpanded?: boolean;\n\tclassName?: string;\n\tstrings?: Partial<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 { useState, type ReactNode } from 'react';\nimport {\n\tAlertCircle,\n\tChevronDown,\n\tChevronRight,\n\tCircleDot,\n\tLoader2,\n\tWrench,\n\ttype LucideIcon,\n} from 'lucide-react';\nimport { Badge } from '@/components/base/badge';\nimport { Button } from '@/components/base/buttons';\nimport { IconBadge } from '@/components/base/display';\nimport { Text } from '@/components/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\nconst STATUS_BADGE: Record<\n\tAiToolCallStatus,\n\t{ variant: 'secondary' | 'primary' | 'success' | 'error'; icon?: LucideIcon }\n> = {\n\tpending: { variant: 'secondary', icon: CircleDot },\n\trunning: { variant: 'primary', icon: Loader2 },\n\tsuccess: { variant: 'success' },\n\terror: { variant: 'error', icon: AlertCircle },\n};\n\nfunction formatDuration(ms: number): string {\n\tif (ms < 1000) return `${Math.round(ms)}ms`;\n\treturn `${(ms / 1000).toFixed(ms < 10000 ? 1 : 0)}s`;\n}\n\nexport function AiToolCall({\n\tname,\n\tstatus,\n\ticon: IconComponent = Wrench,\n\targs,\n\tresult,\n\terror,\n\tdurationMs,\n\tdefaultExpanded = false,\n\tclassName,\n\tstrings: stringsProp,\n}: AiToolCallProps) {\n\tconst strings = useStrings(defaultAiToolCallStrings, stringsProp);\n\tconst [expanded, setExpanded] = useState(defaultExpanded);\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 StatusIcon = STATUS_BADGE[status].icon;\n\n\tconst hasDetails = Boolean(args || result || error);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('ai-tool-call--component', \n\t\t\t\t'overflow-hidden rounded-lg 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\tvariant=\"secondary\"\n\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\tsize=\"sm\"\n\t\t\t\tonClick={() => hasDetails && setExpanded((v) => !v)}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'ai-tool-call--trigger h-auto w-full justify-start gap-2 rounded-none px-3 py-2 text-left',\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<IconBadge icon={IconComponent} tone=\"muted\" size=\"sm\" shape=\"square\" />\n\t\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t\t<Text weight=\"medium\" className=\"truncate font-mono\">\n\t\t\t\t\t\t{name}\n\t\t\t\t\t</Text>\n\t\t\t\t</div>\n\t\t\t\t<Badge variant={STATUS_BADGE[status].variant} className=\"gap-1\">\n\t\t\t\t\t{!!StatusIcon && (\n\t\t\t\t\t\t<StatusIcon\n\t\t\t\t\t\t\tclassName={cn('size-3', status === 'running' && 'animate-spin')}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{labelByStatus[status]}\n\t\t\t\t</Badge>\n\t\t\t\t{!!durationMs && (\n\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" className=\"tabular-nums\">\n\t\t\t\t\t\t{strings.durationLabel} {formatDuration(durationMs)}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t\t{hasDetails &&\n\t\t\t\t\t(expanded ? (\n\t\t\t\t\t\t<ChevronDown className=\"size-3.5 text-muted-foreground\" />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<ChevronRight className=\"size-3.5 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<div className=\"border-t border-border/60 bg-muted/20 px-3 py-2 space-y-2\">\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=\"error\">\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</div>\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\tlabel: string;\n\tchildren: ReactNode;\n\ttone?: 'neutral' | 'error';\n}) {\n\treturn (\n\t\t<div className=\"space-y-1\">\n\t\t\t<Text size=\"xxs\" type=\"secondary\" weight=\"medium\" className=\"uppercase tracking-wider\">\n\t\t\t\t{label}\n\t\t\t</Text>\n\t\t\t<pre\n\t\t\t\ttabIndex={0}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'overflow-x-auto rounded-md bg-card px-2.5 py-2 font-mono text-xs leading-relaxed',\n\t\t\t\t\ttone === 'error' && '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</div>\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 '@/components/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 type=\"secondary\" className={cn('ai-shimmer--component', className)}>\n\t\t\t\t{children}\n\t\t\t</Text>\n\t\t);\n\t}\n\n\tconst style: CSSProperties = {\n\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t\t['--ai-shimmer-duration' as any]: `${duration}s`,\n\t};\n\n\treturn (\n\t\t<span\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'inline-block bg-clip-text text-sm font-medium 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)_30%,var(--ai-shimmer-highlight)_50%,var(--ai-shimmer-base)_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]',\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</span>\n\t);\n}\n\nAiShimmer.displayName = 'AiShimmer';\n","import type { ReactNode } from 'react';\n\nexport interface AiCodeBlockStrings {\n\tcopy: string;\n\tcopied: string;\n\tcopyAria: 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\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\tclassName?: string;\n\tstrings?: Partial<AiCodeBlockStrings>;\n}\n","/**\n * AiCodeBlock — code surface used inside AI responses and artifacts.\n * Renders a header (language label, optional filename, copy button), a\n * scrollable `<pre>` body, and optional line numbers / highlighted ranges.\n * No syntax highlighting is performed here — that belongs to a consumer-side\n * highlighter pass; we focus on the chrome, layout, and copy UX.\n */\nimport { useMemo, useState } from 'react';\nimport { Check, Copy } from 'lucide-react';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultAiCodeBlockStrings, type AiCodeBlockProps } from './types';\n\nexport function AiCodeBlock({\n\tcode,\n\tlanguage,\n\tfilename,\n\tshowLineNumbers = false,\n\thighlightLines,\n\thideHeader = false,\n\tmaxHeight,\n\theaderActions,\n\tonCopy,\n\tclassName,\n\tstrings: stringsProp,\n}: AiCodeBlockProps) {\n\tconst strings = useStrings(defaultAiCodeBlockStrings, stringsProp);\n\tconst [copied, setCopied] = useState(false);\n\n\tconst lines = useMemo(() => code.split('\\n'), [code]);\n\tconst highlightSet = useMemo(\n\t\t() => new Set(highlightLines ?? []),\n\t\t[highlightLines],\n\t);\n\n\tconst handleCopy = () => {\n\t\tif (typeof navigator !== 'undefined' && navigator.clipboard) {\n\t\t\tvoid navigator.clipboard.writeText(code);\n\t\t}\n\t\tsetCopied(true);\n\t\tonCopy?.();\n\t\twindow.setTimeout(() => setCopied(false), 1500);\n\t};\n\n\tconst headerLabel = filename || language || strings.defaultLanguageLabel;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('ai-code-block--component', \n\t\t\t\t'w-full min-w-0 max-w-full overflow-hidden rounded-lg border border-border/60 bg-card',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{!hideHeader && (\n\t\t\t\t<div className=\"flex min-w-0 items-center gap-2 border-b border-border/60 bg-muted/30 px-3 py-1.5\">\n\t\t\t\t\t<Text\n\t\t\t\t\t\tsize=\"xxs\"\n\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\tclassName=\"min-w-0 truncate font-mono uppercase tracking-wider\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{headerLabel}\n\t\t\t\t\t</Text>\n\t\t\t\t\t{!!filename && !!language && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<span aria-hidden className=\"text-muted-foreground/60\">\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<Text size=\"xxs\" type=\"discrete\" className=\"font-mono lowercase\">\n\t\t\t\t\t\t\t\t{language}\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<div className=\"ml-auto flex shrink-0 items-center gap-1\">\n\t\t\t\t\t\t{headerActions}\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize=\"icon-xs\"\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-3.5 text-success\" />\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<Copy className=\"size-3.5\" />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div\n\t\t\t\tclassName=\"min-w-0 max-w-full overflow-auto\"\n\t\t\t\ttabIndex={0}\n\t\t\t\tstyle={\n\t\t\t\t\tmaxHeight !== undefined\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tmaxHeight:\n\t\t\t\t\t\t\t\t\ttypeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<pre className=\"m-0 px-3 py-2.5 font-mono text-xs leading-relaxed\">\n\t\t\t\t\t{showLineNumbers ? (\n\t\t\t\t\t\t<table className=\"w-full border-collapse\">\n\t\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t\t{lines.map((line, idx) => {\n\t\t\t\t\t\t\t\t\tconst lineNum = idx + 1;\n\t\t\t\t\t\t\t\t\tconst highlighted = highlightSet.has(lineNum);\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<tr\n\t\t\t\t\t\t\t\t\t\t\tkey={idx}\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\thighlighted && 'bg-primary/10',\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'select-none pr-3 text-right tabular-nums text-muted-foreground/70',\n\t\t\t\t\t\t\t\t\t\t\t\t\t'w-[2.25rem] min-w-[2.25rem]',\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{lineNum}\n\t\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t\t<td className=\"whitespace-pre\">{line || ' '}</td>\n\t\t\t\t\t\t\t\t\t\t</tr>\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</tbody>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<code className=\"block whitespace-pre\">{code}</code>\n\t\t\t\t\t)}\n\t\t\t\t</pre>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nAiCodeBlock.displayName = 'AiCodeBlock';\n","import type { LucideIcon } from 'lucide-react';\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}\n\nexport const defaultAiAttachmentStrings: AiAttachmentStrings = {\n\tremoveAria: 'Remove attachment',\n\topenAria: 'Open attachment',\n\tuploadProgressAria: 'Upload progress',\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\tclassName?: string;\n\tstrings?: Partial<AiAttachmentStrings>;\n}\n","/**\n * AiAttachment — single attachment chip used in chat messages, prompt input\n * staging, and tool inputs. Renders an icon (or thumbnail), filename, and\n * optional meta line, with optional remove + click-to-open. When `progress`\n * is in `[0,1)` a thin progress bar runs underneath while the upload is in\n * flight.\n */\nimport {\n\tAlertCircle,\n\tArchive,\n\tAudioLines,\n\tFileCode,\n\tFileText,\n\tImageIcon,\n\tVideo,\n\tX,\n\ttype LucideIcon,\n} from 'lucide-react';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultAiAttachmentStrings,\n\ttype AiAttachmentKind,\n\ttype AiAttachmentProps,\n} from './types';\n\nconst KIND_ICON: Record<AiAttachmentKind, LucideIcon> = {\n\timage: ImageIcon,\n\tdocument: FileText,\n\taudio: AudioLines,\n\tvideo: Video,\n\tcode: FileCode,\n\tarchive: Archive,\n\tgeneric: FileText,\n};\n\nexport function AiAttachment({\n\tname,\n\tmeta,\n\tkind = 'generic',\n\ticon,\n\tthumbnailUrl,\n\tprogress,\n\terrored = false,\n\tonOpen,\n\tonRemove,\n\tclassName,\n\tstrings: stringsProp,\n}: AiAttachmentProps) {\n\tconst strings = useStrings(defaultAiAttachmentStrings, stringsProp);\n\tconst Icon = icon ?? KIND_ICON[kind];\n\tconst showProgress =\n\t\t!errored && typeof progress === 'number' && progress >= 0 && progress < 1;\n\n\tconst Body = (\n\t\t<>\n\t\t\t{thumbnailUrl ? (\n\t\t\t\t<span\n\t\t\t\t\taria-hidden\n\t\t\t\t\tclassName=\"size-9 shrink-0 overflow-hidden rounded-md bg-muted\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackgroundImage: `url(${thumbnailUrl})`,\n\t\t\t\t\t\tbackgroundSize: 'cover',\n\t\t\t\t\t\tbackgroundPosition: 'center',\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<span\n\t\t\t\t\taria-hidden\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'inline-flex size-9 shrink-0 items-center justify-center rounded-md',\n\t\t\t\t\t\terrored\n\t\t\t\t\t\t\t? 'bg-destructive/10 text-destructive'\n\t\t\t\t\t\t\t: 'bg-muted text-muted-foreground',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{errored ? (\n\t\t\t\t\t\t<AlertCircle className=\"size-4\" />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Icon className=\"size-4\" />\n\t\t\t\t\t)}\n\t\t\t\t</span>\n\t\t\t)}\n\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t<Text weight=\"medium\" className=\"block truncate\">\n\t\t\t\t\t{name}\n\t\t\t\t</Text>\n\t\t\t\t{!!meta && (\n\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" className=\"block truncate tabular-nums\">\n\t\t\t\t\t\t{meta}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t\t{showProgress && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"mt-1 h-1 overflow-hidden rounded-full bg-muted\"\n\t\t\t\t\t\taria-label={strings.uploadProgressAria}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"h-full rounded-full bg-primary transition-[width] duration-150\"\n\t\t\t\t\t\t\tstyle={{ width: `${Math.round((progress ?? 0) * 100)}%` }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</>\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('ai-attachment--component', \n\t\t\t\t'group inline-flex max-w-full items-center gap-2.5 rounded-lg border border-border/60 bg-card px-2.5 py-2',\n\t\t\t\terrored && 'border-destructive/40 bg-destructive/5',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{onOpen ? (\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\tonClick={onOpen}\n\t\t\t\t\taria-label={strings.openAria}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'h-auto min-w-0 flex-1 justify-start gap-2.5 rounded-md px-0 py-0 text-left',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{Body}\n\t\t\t\t</Button>\n\t\t\t) : (\n\t\t\t\t<div className=\"flex min-w-0 flex-1 items-center gap-2.5\">{Body}</div>\n\t\t\t)}\n\n\t\t\t{!!onRemove && (\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\taria-label={strings.removeAria}\n\t\t\t\t\tonClick={onRemove}\n\t\t\t\t\tclassName=\"opacity-60 group-hover:opacity-100\"\n\t\t\t\t>\n\t\t\t\t\t<X className=\"size-3.5\" />\n\t\t\t\t</Button>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nAiAttachment.displayName = 'AiAttachment';\n","import type { LucideIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\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\tclassName?: string;\n\tstrings?: Partial<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 '@/components/base/badge';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\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',\n\tsuccess: 'bg-success/15 text-success',\n\twarning: 'bg-warning/20 text-warning',\n\tdestructive: 'bg-destructive/15 text-destructive',\n\tinfo: 'bg-info/15 text-info',\n\tneutral: 'bg-muted text-muted-foreground',\n};\n\nconst STATUS_VARIANT: Record<\n\tAiAgentStatus,\n\t'secondary' | 'primary' | 'success' | 'warning' | 'error'\n> = {\n\tidle: 'secondary',\n\tthinking: 'primary',\n\tworking: 'primary',\n\tdone: 'success',\n\terror: 'error',\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-4' : 'size-3.5';\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 variant={STATUS_VARIANT[status]} className=\"gap-1\">\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\n\t\t\t\tclassName={cn('ai-agent--component', \n\t\t\t\t\t'flex items-center gap-3 rounded-lg border border-border/60 bg-card px-3 py-2.5',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{renderedAvatar}\n\t\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t\t<div className=\"flex items-center gap-2\">\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=\"mt-0.5 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</div>\n\t\t\t\t{!!trailing && <div className=\"ml-auto flex items-center gap-1\">{trailing}</div>}\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className={cn('inline-flex items-center gap-2', className)}>\n\t\t\t{renderedAvatar}\n\t\t\t<div className=\"flex min-w-0 items-center gap-2\">\n\t\t\t\t<Text size=\"xs\" 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=\"xxs\" 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</div>\n\t\t\t{!!trailing && <div className=\"ml-1 flex items-center gap-1\">{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';\n\nexport type AiConfirmationTone = 'neutral' | 'destructive' | 'warning' | 'info' | 'primary';\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/** Tone variant — drives accent colour. */\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\tclassName?: string;\n\tstrings?: Partial<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, ShieldCheck, X, type LucideIcon } from 'lucide-react';\nimport { Button } from '@/components/base/buttons';\nimport { IconBadge } from '@/components/base/display';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\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: 'primary' | 'success' | 'warning' | 'destructive' | 'info' | 'muted' }\n> = {\n\tneutral: { ring: 'border-border/60 bg-card', icon: 'muted' },\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\tconst Icon: LucideIcon = icon ?? ShieldCheck;\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'rounded-lg border px-3 py-2.5',\n\t\t\t\ttoneCfg.ring,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<div className=\"flex items-start gap-3\">\n\t\t\t\t<IconBadge icon={Icon} tone={toneCfg.icon} size=\"sm\" shape=\"square\" />\n\t\t\t\t<div className=\"min-w-0 flex-1\">\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 size=\"xs\" type=\"secondary\" className=\"mt-1\">\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{!!details && <div className=\"mt-2\">{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=\"mt-3 flex items-center justify-between gap-2 border-t border-border/60 pt-2.5\">\n\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\">\n\t\t\t\t\t\t{strings.pending}\n\t\t\t\t\t</Text>\n\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"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<X className=\"size-3.5\" />\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\tvariant={tone === 'destructive' ? 'error' : '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<Check className=\"size-3.5\" />\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</div>\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<div className=\"mt-3 flex items-center gap-2 border-t border-border/60 pt-2.5\">\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-3.5 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-3.5 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';\n\nexport interface AiSourceItem {\n\tid: string;\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/** Render the list expanded by default (only applies to `list` variant). */\n\tdefaultExpanded?: boolean;\n\t/** Click handler — preferred over `url` for SPA routing. */\n\tonSelect?: (source: AiSourceItem, index: number) => void;\n\tclassName?: string;\n\tstrings?: Partial<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 '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { mergeStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultAiSourcesStrings,\n\ttype AiSourceItem,\n\ttype AiSourcesProps,\n} 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\tdefaultExpanded = false,\n\tonSelect,\n\tclassName,\n\tstrings: stringsProp,\n}: AiSourcesProps) {\n\tconst strings = mergeStrings(defaultAiSourcesStrings, stringsProp);\n\tconst [expanded, setExpanded] = useState(defaultExpanded);\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\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-lg border border-border/60 bg-card', className)}>\n\t\t\t<Button\n\t\t\t\ttype=\"button\"\n\t\t\t\tvariant=\"secondary\"\n\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\tsize=\"sm\"\n\t\t\t\tonClick={() => setExpanded((v) => !v)}\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 w-full justify-start gap-2 px-3 py-2 text-left',\n\t\t\t\t\t'rounded-lg 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 size=\"xs\" 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-3.5 text-muted-foreground\" />\n\t\t\t\t) : (\n\t\t\t\t\t<ChevronRight className=\"size-3.5 text-muted-foreground\" />\n\t\t\t\t)}\n\t\t\t</Button>\n\n\t\t\t{expanded && (\n\t\t\t\t<ol className=\"border-t border-border/60 px-2 py-2 space-y-0.5\">\n\t\t\t\t\t{visible.map((source, idx) => (\n\t\t\t\t\t\t<SourceRow\n\t\t\t\t\t\t\tkey={source.id}\n\t\t\t\t\t\t\tsource={source}\n\t\t\t\t\t\t\tindex={idx + 1}\n\t\t\t\t\t\t\tonSelect={onSelect ? () => onSelect(source, idx) : undefined}\n\t\t\t\t\t\t\tvisitLabel={strings.visit}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</ol>\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\tonSelect,\n\tclassName,\n}: {\n\tsources: ReadonlyArray<AiSourceItem>;\n\tmax: number;\n\ttitle: 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-2', className)}>\n\t\t\t<AvatarStack sources={visible} onSelect={onSelect} />\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<Text size=\"xxs\" type=\"discrete\" className=\"tabular-nums\">\n\t\t\t\t\t+{overflow}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nfunction AvatarStack({\n\tsources,\n\tonSelect,\n}: {\n\tsources: ReadonlyArray<AiSourceItem>;\n\tonSelect?: (source: AiSourceItem, index: number) => void;\n}) {\n\treturn (\n\t\t<div className=\"flex -space-x-1.5\">\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-5 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\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\t\t\tonClick={() => onSelect(s, i)}\n\t\t\t\t\t\t\tclassName=\"size-5 rounded-full p-0\"\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-3\" />;\n\t}\n\n\treturn (\n\t\t<img\n\t\t\tsrc={src}\n\t\t\talt=\"\"\n\t\t\tclassName=\"size-full object-cover\"\n\t\t\tonError={() => setFailed(true)}\n\t\t/>\n\t);\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 TitleEl = source.url && !onSelect ? 'a' : onSelect ? 'button' : 'span';\n\tconst titleProps =\n\t\tsource.url && !onSelect\n\t\t\t? { href: source.url, target: '_blank' as const, rel: 'noopener noreferrer' }\n\t\t\t: onSelect\n\t\t\t\t? { type: 'button' as const, onClick: onSelect }\n\t\t\t\t: {};\n\treturn (\n\t\t<li>\n\t\t\t<TitleEl\n\t\t\t\t{...titleProps}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'group flex w-full items-start gap-2.5 rounded-md px-2 py-1.5 text-left',\n\t\t\t\t\t(source.url || onSelect) &&\n\t\t\t\t\t\t'hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40',\n\t\t\t\t)}\n\t\t\t\taria-label={source.url ? visitLabel : undefined}\n\t\t\t>\n\t\t\t\t<span className=\"inline-flex size-5 shrink-0 items-center justify-center rounded-full bg-muted text-xxs font-semibold text-muted-foreground tabular-nums\">\n\t\t\t\t\t{index}\n\t\t\t\t</span>\n\t\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t\t<Text weight=\"medium\" className=\"truncate\">\n\t\t\t\t\t\t{source.title}\n\t\t\t\t\t\t{!!source.url && (\n\t\t\t\t\t\t\t<ExternalLink className=\"ml-1 inline size-3 text-muted-foreground/70 align-baseline\" />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Text>\n\t\t\t\t\t{!!source.publisher && (\n\t\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t\t\t{source.publisher}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!source.snippet && (\n\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"mt-1 line-clamp-2\">\n\t\t\t\t\t\t\t{source.snippet}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</TitleEl>\n\t\t</li>\n\t);\n}\n","import type { ReactNode } from 'react';\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 (uses `{{seconds}}` placeholder). */\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 {{seconds}}s',\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\tclassName?: string;\n\tstrings?: Partial<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 \"Thought for Ns\" 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 '@/components/base/buttons';\nimport { Text } from '@/components/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 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 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>{strings.thinking}</AiShimmer>\n\t) : durationSeconds !== undefined ? (\n\t\t<Text weight=\"medium\">\n\t\t\t{interpolate(strings.thoughtFor, { seconds: durationSeconds.toFixed(1) })}\n\t\t</Text>\n\t) : (\n\t\t<Text weight=\"medium\">\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-lg 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\tvariant=\"secondary\"\n\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\tsize=\"sm\"\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 w-full justify-start gap-2 rounded-none px-3 py-2 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-3.5 text-muted-foreground\" />\n\t\t\t\t<div className=\"flex-1\">{headerLabel}</div>\n\t\t\t\t{expanded ? (\n\t\t\t\t\t<ChevronDown className=\"size-3.5 text-muted-foreground\" />\n\t\t\t\t) : (\n\t\t\t\t\t<ChevronRight className=\"size-3.5 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=\"border-t border-border/60 px-3 py-2.5\">\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';\n\nexport type AiChainStepStatus = 'pending' | 'active' | 'completed' | 'failed';\n\nexport interface AiChainStep {\n\tid: string;\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\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\tclassName?: string;\n\tstrings?: Partial<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 { Text } from '@/components/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',\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<div className={cn('ai-chain-of-thought--component', 'rounded-lg border border-border/60 bg-card', className)}>\n\t\t\t{!hideHeader && (\n\t\t\t\t<div className=\"flex items-center gap-2 border-b border-border/60 px-3 py-2\">\n\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" weight=\"medium\" className=\"uppercase tracking-wider\">\n\t\t\t\t\t\t{strings.title}\n\t\t\t\t\t</Text>\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</div>\n\t\t\t)}\n\t\t\t<ol className=\"relative px-3 py-3\">\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-3 pb-3 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 left-[11px] top-[26px] h-[calc(100%-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-[22px] 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-3',\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<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\" className=\"mt-0.5\">\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{!!step.body && (\n\t\t\t\t\t\t\t\t\t<div className=\"mt-2\">{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</div>\n\t);\n}\n\nAiChainOfThought.displayName = 'AiChainOfThought';\n","import type { LucideIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\n\nexport type AiTaskStatus = 'queued' | 'running' | 'completed' | 'failed' | 'cancelled' | 'skipped';\n\nexport interface AiTaskItem {\n\tid: string;\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\tclassName?: string;\n\tstrings?: Partial<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 '@/components/base/badge';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\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', 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\nconst STATUS_VARIANT: Record<\n\tAiTaskStatus,\n\t'secondary' | 'primary' | 'success' | 'error' | 'warning'\n> = {\n\tqueued: 'secondary',\n\trunning: 'primary',\n\tcompleted: 'success',\n\tfailed: 'error',\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-lg 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-2 px-3 py-2',\n\t\t\t\t\tdepth > 0 && 'border-t border-border/60',\n\t\t\t\t)}\n\t\t\t\tstyle={{ paddingLeft: 12 + depth * indent }}\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\tvariant=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\tsize=\"icon-xs\"\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-4 rounded 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-3.5\" />\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<ChevronRight className=\"size-3.5\" />\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-4\" />\n\t\t\t\t)}\n\t\t\t\t<Icon\n\t\t\t\t\tclassName={cn('mt-[3px] size-3.5 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-2\">\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 variant={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<Text\n\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\tsize=\"xxs\"\n\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\tclassName=\"tabular-nums\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{item.rightSlot}\n\t\t\t\t\t\t\t</Text>\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-2\">{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';\n\nexport interface AiArtifactStrings {\n\topenAria: string;\n\tcopy: string;\n\tcopied: string;\n\tcopyAria: string;\n\tdownloadAria: string;\n\texpandAria: string;\n}\n\nexport const defaultAiArtifactStrings: AiArtifactStrings = {\n\topenAria: 'Open artifact',\n\tcopy: 'Copy',\n\tcopied: 'Copied',\n\tcopyAria: 'Copy artifact',\n\tdownloadAria: 'Download artifact',\n\texpandAria: 'Expand artifact',\n};\n\nexport interface AiArtifactAction {\n\tid: string;\n\tlabel: string;\n\ticon?: LucideIcon;\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\tclassName?: string;\n\tstrings?: Partial<AiArtifactStrings>;\n}\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 */\nimport { useState } from 'react';\nimport {\n\tCheck,\n\tCopy,\n\tDownload,\n\tExternalLink,\n\tFileText,\n\ttype LucideIcon,\n} from 'lucide-react';\nimport { Button } from '@/components/base/buttons';\nimport { IconBadge } from '@/components/base/display';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\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\tclassName,\n\tstrings: stringsProp,\n}: AiArtifactProps) {\n\tconst strings = useStrings(defaultAiArtifactStrings, stringsProp);\n\tconst Icon: LucideIcon = icon ?? FileText;\n\tconst [copied, setCopied] = useState(false);\n\n\tconst handleCopy = () => {\n\t\tif (!copyText) return;\n\t\tif (typeof navigator !== 'undefined' && navigator.clipboard) {\n\t\t\tvoid navigator.clipboard.writeText(copyText);\n\t\t}\n\t\tsetCopied(true);\n\t\twindow.setTimeout(() => setCopied(false), 1500);\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-lg border border-border/60 bg-card',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<div className=\"flex items-center gap-3 border-b border-border/60 bg-muted/20 px-3 py-2\">\n\t\t\t\t<IconBadge icon={Icon} tone=\"muted\" size=\"sm\" shape=\"square\" />\n\t\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t\t<Text weight=\"semibold\" className=\"truncate\">\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=\"xxs\" type=\"secondary\" className=\"truncate\">\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 className=\"flex items-center gap-1\">\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\tvariant=\"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-3.5\" />}\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\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize=\"icon-xs\"\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-3.5 text-success\" />\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<Copy className=\"size-3.5\" />\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\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize=\"icon-xs\"\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-3.5\" />\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\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize=\"icon-xs\"\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-3.5\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{!collapsed && !!children && <div className=\"bg-card\">{children}</div>}\n\t\t</div>\n\t);\n}\n\nAiArtifact.displayName = 'AiArtifact';\n"],"mappings":"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"}

package/dist/_shared/alert-CuIIKJC-.cjs

@@ -0,0 +1,2 @@
+const e=require("../lib/utils.cjs"),t=require("./heading-0DYCOrgC.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=(0,require("class-variance-authority").cva)([`alert--component relative grid w-full grid-cols-[0_1fr] items-start gap-y-1 rounded-lg border px-4 py-3 text-left`,`has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5`,`has-[>[data-slot=alert-action]]:sm:grid-cols-[auto_1fr_auto]`,`[&>svg]:row-span-2 [&>svg]:mt-0.5 [&>svg]:size-4 [&>svg]:shrink-0`],{variants:{variant:{default:`border-border bg-card text-card-foreground`,info:`border-info/30 bg-info/5 text-card-foreground [&>svg]:text-info`,success:`border-success/30 bg-success/10 text-card-foreground [&>svg]:text-success`,warning:`border-warning/40 bg-warning/10 text-card-foreground [&>svg]:text-warning`,destructive:`border-destructive/30 bg-destructive/5 text-card-foreground [&>svg]:text-destructive`,inverse:[`border-foreground bg-foreground text-background`,`[&>svg]:text-background`,`[&_[data-slot=alert-title]_[data-typography=text]]:text-background`,`[&_[data-slot=alert-description]_[data-typography=text]]:text-background/75`]}},defaultVariants:{variant:`default`}}),a=(0,n.forwardRef)(function({className:t,variant:n,role:a=`alert`,...o},s){return(0,r.jsx)(`div`,{ref:s,"data-slot":`alert`,"data-variant":n??`default`,role:a,className:e.cn(i({variant:n}),t),...o})});a.displayName=`Alert`;var o=(0,n.forwardRef)(function({className:n,children:i,...a},o){return(0,r.jsx)(`div`,{ref:o,"data-slot":`alert-title`,className:e.cn(`alert--title col-start-2 min-h-4 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:opacity-80`,n),...a,children:(0,r.jsx)(t.n,{tag:`span`,weight:`semibold`,className:`leading-snug`,children:i})})});o.displayName=`AlertTitle`;var s=(0,n.forwardRef)(function({className:n,children:i,...a},o){return(0,r.jsx)(`div`,{ref:o,"data-slot":`alert-description`,className:e.cn(`alert--description col-start-2 grid justify-items-start gap-1 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:opacity-80 [&_p]:leading-relaxed`,n),...a,children:(0,r.jsx)(t.n,{tag:`span`,size:`xs`,type:`secondary`,className:`leading-normal`,children:i})})});s.displayName=`AlertDescription`;var c=(0,n.forwardRef)(function({className:t,...n},i){return(0,r.jsx)(`div`,{ref:i,"data-slot":`alert-action`,className:e.cn(`alert--action flex flex-wrap items-center gap-1.5 max-sm:col-start-2 max-sm:mt-2 max-sm:justify-start sm:col-start-3 sm:row-start-1 sm:justify-end sm:self-center`,t),...n})});c.displayName=`AlertAction`,Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=alert-CuIIKJC-.cjs.map

package/dist/_shared/alert-CuIIKJC-.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-CuIIKJC-.cjs","names":[],"sources":["../../src/components/base/display/alert.tsx"],"sourcesContent":["/**\n * Alert — base notice primitive with semantic variants and responsive actions.\n *\n * Package-owned wrapper inspired by ReUI's alert layout. It intentionally\n * does not edit `src/components/ui/alert.tsx`; consumers import this base\n * alert for the library's typography, token, and DOM-hook contract.\n */\nimport { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nconst alertVariants = cva(\n\t[\n\t\t'alert--component relative grid w-full grid-cols-[0_1fr] items-start gap-y-1 rounded-lg border px-4 py-3 text-left',\n\t\t'has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5',\n\t\t'has-[>[data-slot=alert-action]]:sm:grid-cols-[auto_1fr_auto]',\n\t\t'[&>svg]:row-span-2 [&>svg]:mt-0.5 [&>svg]:size-4 [&>svg]:shrink-0',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'border-border bg-card text-card-foreground',\n\t\t\t\tinfo: 'border-info/30 bg-info/5 text-card-foreground [&>svg]:text-info',\n\t\t\t\tsuccess: 'border-success/30 bg-success/10 text-card-foreground [&>svg]:text-success',\n\t\t\t\twarning: 'border-warning/40 bg-warning/10 text-card-foreground [&>svg]:text-warning',\n\t\t\t\tdestructive: 'border-destructive/30 bg-destructive/5 text-card-foreground [&>svg]:text-destructive',\n\t\t\t\tinverse: [\n\t\t\t\t\t'border-foreground bg-foreground text-background',\n\t\t\t\t\t'[&>svg]:text-background',\n\t\t\t\t\t'[&_[data-slot=alert-title]_[data-typography=text]]:text-background',\n\t\t\t\t\t'[&_[data-slot=alert-description]_[data-typography=text]]:text-background/75',\n\t\t\t\t],\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: 'default',\n\t\t},\n\t},\n);\n\nexport type AlertVariant = NonNullable<VariantProps<typeof alertVariants>['variant']>;\n\nexport interface AlertProps\n\textends ComponentPropsWithoutRef<'div'>,\n\t\tVariantProps<typeof alertVariants> {}\n\nconst Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(\n\t{ className, variant, role = 'alert', ...props },\n\tref,\n) {\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tdata-slot=\"alert\"\n\t\t\tdata-variant={variant ?? 'default'}\n\t\t\trole={role}\n\t\t\tclassName={cn(alertVariants({ variant }), className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\nAlert.displayName = 'Alert';\n\nconst AlertTitle = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n\tfunction AlertTitle({ className, children, ...props }, ref) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tdata-slot=\"alert-title\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'alert--title col-start-2 min-h-4 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:opacity-80',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<Text tag=\"span\" weight=\"semibold\" className=\"leading-snug\">\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t</div>\n\t\t);\n\t},\n);\nAlertTitle.displayName = 'AlertTitle';\n\nconst AlertDescription = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n\tfunction AlertDescription({ className, children, ...props }, ref) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tdata-slot=\"alert-description\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'alert--description col-start-2 grid justify-items-start gap-1 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:opacity-80 [&_p]:leading-relaxed',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"leading-normal\">\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t</div>\n\t\t);\n\t},\n);\nAlertDescription.displayName = 'AlertDescription';\n\nconst AlertAction = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n\tfunction AlertAction({ className, ...props }, ref) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tdata-slot=\"alert-action\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'alert--action flex flex-wrap items-center gap-1.5 max-sm:col-start-2 max-sm:mt-2 max-sm:justify-start sm:col-start-3 sm:row-start-1 sm:justify-end sm:self-center',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nAlertAction.displayName = 'AlertAction';\n\nexport { Alert, AlertTitle, AlertDescription, AlertAction, alertVariants };\n"],"mappings":"8HAaA,IAAM,GAAA,oCAAA,EAAA,KACL,CACC,oHACA,uDACA,+DACA,mEACD,EACA,CACC,SAAU,CACT,QAAS,CACR,QAAS,6CACT,KAAM,kEACN,QAAS,4EACT,QAAS,4EACT,YAAa,uFACb,QAAS,CACR,kDACA,0BACA,qEACA,6EACD,CACD,CACD,EACA,gBAAiB,CAChB,QAAS,SACV,CACD,CACD,EAQM,GAAA,EAAA,EAAA,YAA+C,SACpD,CAAE,YAAW,UAAS,OAAO,QAAS,GAAG,GACzC,EACC,CACD,OACC,EAAA,EAAA,KAAC,MAAD,CACM,MACL,YAAU,QACV,eAAc,GAAW,UACnB,OACN,UAAW,EAAA,GAAG,EAAc,CAAE,SAAQ,CAAC,EAAG,CAAS,EACnD,GAAI,CACJ,CAAA,CAEH,CAAC,EACD,EAAM,YAAc,QAEpB,IAAM,GAAA,EAAA,EAAA,YACL,SAAoB,CAAE,YAAW,WAAU,GAAG,GAAS,EAAK,CAC3D,OACC,EAAA,EAAA,KAAC,MAAD,CACM,MACL,YAAU,cACV,UAAW,EAAA,GACV,mGACA,CACD,EACA,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAA,EAAD,CAAM,IAAI,OAAO,OAAO,WAAW,UAAU,eAC3C,UACI,CAAA,CACF,CAAA,CAEP,CACD,EACA,EAAW,YAAc,aAEzB,IAAM,GAAA,EAAA,EAAA,YACL,SAA0B,CAAE,YAAW,WAAU,GAAG,GAAS,EAAK,CACjE,OACC,EAAA,EAAA,KAAC,MAAD,CACM,MACL,YAAU,oBACV,UAAW,EAAA,GACV,sJACA,CACD,EACA,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAA,EAAD,CAAM,IAAI,OAAO,KAAK,KAAK,KAAK,YAAY,UAAU,iBACpD,UACI,CAAA,CACF,CAAA,CAEP,CACD,EACA,EAAiB,YAAc,mBAE/B,IAAM,GAAA,EAAA,EAAA,YACL,SAAqB,CAAE,YAAW,GAAG,GAAS,EAAK,CAClD,OACC,EAAA,EAAA,KAAC,MAAD,CACM,MACL,YAAU,eACV,UAAW,EAAA,GACV,oKACA,CACD,EACA,GAAI,CACJ,CAAA,CAEH,CACD,EACA,EAAY,YAAc"}

package/dist/_shared/alert-k60OnTtb.js

@@ -0,0 +1,81 @@
+import { cn as e } from "../lib/utils.js";
+import { n as t } from "./heading-HeP06nXG.js";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { cva as i } from "class-variance-authority";
+//#region src/components/base/display/alert.tsx
+var a = i([
+	"alert--component relative grid w-full grid-cols-[0_1fr] items-start gap-y-1 rounded-lg border px-4 py-3 text-left",
+	"has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5",
+	"has-[>[data-slot=alert-action]]:sm:grid-cols-[auto_1fr_auto]",
+	"[&>svg]:row-span-2 [&>svg]:mt-0.5 [&>svg]:size-4 [&>svg]:shrink-0"
+], {
+	variants: { variant: {
+		default: "border-border bg-card text-card-foreground",
+		info: "border-info/30 bg-info/5 text-card-foreground [&>svg]:text-info",
+		success: "border-success/30 bg-success/10 text-card-foreground [&>svg]:text-success",
+		warning: "border-warning/40 bg-warning/10 text-card-foreground [&>svg]:text-warning",
+		destructive: "border-destructive/30 bg-destructive/5 text-card-foreground [&>svg]:text-destructive",
+		inverse: [
+			"border-foreground bg-foreground text-background",
+			"[&>svg]:text-background",
+			"[&_[data-slot=alert-title]_[data-typography=text]]:text-background",
+			"[&_[data-slot=alert-description]_[data-typography=text]]:text-background/75"
+		]
+	} },
+	defaultVariants: { variant: "default" }
+}), o = n(function({ className: t, variant: n, role: i = "alert", ...o }, s) {
+	return /* @__PURE__ */ r("div", {
+		ref: s,
+		"data-slot": "alert",
+		"data-variant": n ?? "default",
+		role: i,
+		className: e(a({ variant: n }), t),
+		...o
+	});
+});
+o.displayName = "Alert";
+var s = n(function({ className: n, children: i, ...a }, o) {
+	return /* @__PURE__ */ r("div", {
+		ref: o,
+		"data-slot": "alert-title",
+		className: e("alert--title col-start-2 min-h-4 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:opacity-80", n),
+		...a,
+		children: /* @__PURE__ */ r(t, {
+			tag: "span",
+			weight: "semibold",
+			className: "leading-snug",
+			children: i
+		})
+	});
+});
+s.displayName = "AlertTitle";
+var c = n(function({ className: n, children: i, ...a }, o) {
+	return /* @__PURE__ */ r("div", {
+		ref: o,
+		"data-slot": "alert-description",
+		className: e("alert--description col-start-2 grid justify-items-start gap-1 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:opacity-80 [&_p]:leading-relaxed", n),
+		...a,
+		children: /* @__PURE__ */ r(t, {
+			tag: "span",
+			size: "xs",
+			type: "secondary",
+			className: "leading-normal",
+			children: i
+		})
+	});
+});
+c.displayName = "AlertDescription";
+var l = n(function({ className: t, ...n }, i) {
+	return /* @__PURE__ */ r("div", {
+		ref: i,
+		"data-slot": "alert-action",
+		className: e("alert--action flex flex-wrap items-center gap-1.5 max-sm:col-start-2 max-sm:mt-2 max-sm:justify-start sm:col-start-3 sm:row-start-1 sm:justify-end sm:self-center", t),
+		...n
+	});
+});
+l.displayName = "AlertAction";
+//#endregion
+export { a, s as i, l as n, c as r, o as t };
+
+//# sourceMappingURL=alert-k60OnTtb.js.map

package/dist/_shared/alert-k60OnTtb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-k60OnTtb.js","names":[],"sources":["../../src/components/base/display/alert.tsx"],"sourcesContent":["/**\n * Alert — base notice primitive with semantic variants and responsive actions.\n *\n * Package-owned wrapper inspired by ReUI's alert layout. It intentionally\n * does not edit `src/components/ui/alert.tsx`; consumers import this base\n * alert for the library's typography, token, and DOM-hook contract.\n */\nimport { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nconst alertVariants = cva(\n\t[\n\t\t'alert--component relative grid w-full grid-cols-[0_1fr] items-start gap-y-1 rounded-lg border px-4 py-3 text-left',\n\t\t'has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5',\n\t\t'has-[>[data-slot=alert-action]]:sm:grid-cols-[auto_1fr_auto]',\n\t\t'[&>svg]:row-span-2 [&>svg]:mt-0.5 [&>svg]:size-4 [&>svg]:shrink-0',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'border-border bg-card text-card-foreground',\n\t\t\t\tinfo: 'border-info/30 bg-info/5 text-card-foreground [&>svg]:text-info',\n\t\t\t\tsuccess: 'border-success/30 bg-success/10 text-card-foreground [&>svg]:text-success',\n\t\t\t\twarning: 'border-warning/40 bg-warning/10 text-card-foreground [&>svg]:text-warning',\n\t\t\t\tdestructive: 'border-destructive/30 bg-destructive/5 text-card-foreground [&>svg]:text-destructive',\n\t\t\t\tinverse: [\n\t\t\t\t\t'border-foreground bg-foreground text-background',\n\t\t\t\t\t'[&>svg]:text-background',\n\t\t\t\t\t'[&_[data-slot=alert-title]_[data-typography=text]]:text-background',\n\t\t\t\t\t'[&_[data-slot=alert-description]_[data-typography=text]]:text-background/75',\n\t\t\t\t],\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: 'default',\n\t\t},\n\t},\n);\n\nexport type AlertVariant = NonNullable<VariantProps<typeof alertVariants>['variant']>;\n\nexport interface AlertProps\n\textends ComponentPropsWithoutRef<'div'>,\n\t\tVariantProps<typeof alertVariants> {}\n\nconst Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(\n\t{ className, variant, role = 'alert', ...props },\n\tref,\n) {\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tdata-slot=\"alert\"\n\t\t\tdata-variant={variant ?? 'default'}\n\t\t\trole={role}\n\t\t\tclassName={cn(alertVariants({ variant }), className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\nAlert.displayName = 'Alert';\n\nconst AlertTitle = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n\tfunction AlertTitle({ className, children, ...props }, ref) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tdata-slot=\"alert-title\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'alert--title col-start-2 min-h-4 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:opacity-80',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<Text tag=\"span\" weight=\"semibold\" className=\"leading-snug\">\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t</div>\n\t\t);\n\t},\n);\nAlertTitle.displayName = 'AlertTitle';\n\nconst AlertDescription = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n\tfunction AlertDescription({ className, children, ...props }, ref) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tdata-slot=\"alert-description\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'alert--description col-start-2 grid justify-items-start gap-1 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:opacity-80 [&_p]:leading-relaxed',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"leading-normal\">\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t</div>\n\t\t);\n\t},\n);\nAlertDescription.displayName = 'AlertDescription';\n\nconst AlertAction = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n\tfunction AlertAction({ className, ...props }, ref) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tdata-slot=\"alert-action\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'alert--action flex flex-wrap items-center gap-1.5 max-sm:col-start-2 max-sm:mt-2 max-sm:justify-start sm:col-start-3 sm:row-start-1 sm:justify-end sm:self-center',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nAlertAction.displayName = 'AlertAction';\n\nexport { Alert, AlertTitle, AlertDescription, AlertAction, alertVariants };\n"],"mappings":";;;;;;AAaA,IAAM,IAAgB,EACrB;CACC;CACA;CACA;CACA;AACD,GACA;CACC,UAAU,EACT,SAAS;EACR,SAAS;EACT,MAAM;EACN,SAAS;EACT,SAAS;EACT,aAAa;EACb,SAAS;GACR;GACA;GACA;GACA;EACD;CACD,EACD;CACA,iBAAiB,EAChB,SAAS,UACV;AACD,CACD,GAQM,IAAQ,EAAuC,SACpD,EAAE,cAAW,YAAS,UAAO,SAAS,GAAG,KACzC,GACC;CACD,OACC,kBAAC,OAAD;EACM;EACL,aAAU;EACV,gBAAc,KAAW;EACnB;EACN,WAAW,EAAG,EAAc,EAAE,WAAQ,CAAC,GAAG,CAAS;EACnD,GAAI;CACJ,CAAA;AAEH,CAAC;AACD,EAAM,cAAc;AAEpB,IAAM,IAAa,EAClB,SAAoB,EAAE,cAAW,aAAU,GAAG,KAAS,GAAK;CAC3D,OACC,kBAAC,OAAD;EACM;EACL,aAAU;EACV,WAAW,EACV,oGACA,CACD;EACA,GAAI;YAEJ,kBAAC,GAAD;GAAM,KAAI;GAAO,QAAO;GAAW,WAAU;GAC3C;EACI,CAAA;CACF,CAAA;AAEP,CACD;AACA,EAAW,cAAc;AAEzB,IAAM,IAAmB,EACxB,SAA0B,EAAE,cAAW,aAAU,GAAG,KAAS,GAAK;CACjE,OACC,kBAAC,OAAD;EACM;EACL,aAAU;EACV,WAAW,EACV,uJACA,CACD;EACA,GAAI;YAEJ,kBAAC,GAAD;GAAM,KAAI;GAAO,MAAK;GAAK,MAAK;GAAY,WAAU;GACpD;EACI,CAAA;CACF,CAAA;AAEP,CACD;AACA,EAAiB,cAAc;AAE/B,IAAM,IAAc,EACnB,SAAqB,EAAE,cAAW,GAAG,KAAS,GAAK;CAClD,OACC,kBAAC,OAAD;EACM;EACL,aAAU;EACV,WAAW,EACV,qKACA,CACD;EACA,GAAI;CACJ,CAAA;AAEH,CACD;AACA,EAAY,cAAc"}

package/dist/_shared/app-shell-DqDnnKT4.cjs

@@ -0,0 +1,2 @@
+const e=require("../lib/utils.cjs");let t=require("react/jsx-runtime");var n={light:`light`,dark:`dark`};function r({children:r,headerTheme:i=`light`,sidebarSide:a=`left`,mobileSidebarMode:o=`drawer`,headerHeight:s,sidebarWidth:c,sidebarTrigger:l,logo:u,headerActions:d,sidebar:f,slots:p,contentAs:m=`main`,className:h,headerClassName:g,headerInnerClassName:_,bodyClassName:v,sidebarClassName:y,contentClassName:b,style:x,...S}){let C={...s?{"--app-shell-header-height":s}:null,...c?{"--app-shell-sidebar-width-expanded":c}:null,...x},w=p?.sidebarTrigger??l,T=p?.logo??u,E=p?.headerActions??d,D=p?.sidebar??f,O=p?.content??r,k=!!D,A=(0,t.jsx)(m,{className:e.cn(`topbar-sidebar-layout--content min-h-0 min-w-0 flex-1 overflow-auto bg-background`,b),children:O}),j=k?(0,t.jsx)(`aside`,{className:e.cn(`topbar-sidebar-layout--sidebar min-h-0 min-w-0 overflow-hidden border-border bg-sidebar text-sidebar-foreground`,o===`drawer`?`hidden md:block`:`border-b md:border-b-0`,y),children:D}):null;return(0,t.jsxs)(`div`,{className:e.cn(`topbar-sidebar-layout--component flex min-h-svh flex-col overflow-hidden bg-background text-foreground`,`[--app-shell-sidebar-width-expanded:var(--app-shell-sidebar-width)]`,`[--app-shell-sidebar-width-current:var(--app-shell-sidebar-width-expanded)]`,`[--sidebar-width:var(--app-shell-sidebar-width-expanded)]`,`has-[[data-slot=sidebar][data-collapsible=icon]]:[--app-shell-sidebar-width-current:var(--sidebar-width-icon)]`,`has-[[data-slot=sidebar][data-collapsible=offcanvas]]:[--app-shell-sidebar-width-current:0rem]`,h),style:C,"data-header-theme":i,"data-sidebar-side":a,"data-mobile-sidebar-mode":o,...S,children:[(0,t.jsx)(`header`,{className:e.cn(`topbar-sidebar-layout--header z-40 flex min-h-[var(--app-shell-header-height)] shrink-0 items-center border-b border-border bg-background px-4 text-foreground`,n[i],g),children:(0,t.jsx)(`div`,{className:e.cn(`topbar-sidebar-layout--header-inner flex min-h-10 w-full min-w-0 items-center gap-3 md:gap-4`,_),children:p?.header??(0,t.jsxs)(t.Fragment,{children:[!!w&&(0,t.jsx)(`div`,{className:`topbar-sidebar-layout--sidebar-trigger flex shrink-0 items-center`,children:w}),!!T&&(0,t.jsx)(`div`,{className:`topbar-sidebar-layout--logo flex min-w-0 shrink-0 items-center`,children:T}),!!p?.headerStart&&(0,t.jsx)(`div`,{className:`topbar-sidebar-layout--header-start flex min-w-0 items-center`,children:p.headerStart}),!!p?.headerCenter&&(0,t.jsx)(`div`,{className:`topbar-sidebar-layout--header-center hidden min-w-0 flex-1 items-center md:flex`,children:p.headerCenter}),!!(E||p?.headerEnd)&&(0,t.jsxs)(`div`,{className:`topbar-sidebar-layout--header-trailing ml-auto flex shrink-0 items-center gap-1.5 md:gap-2`,children:[!!E&&(0,t.jsx)(`div`,{className:`topbar-sidebar-layout--header-actions flex shrink-0 items-center gap-1.5 md:gap-2`,children:E}),!!p?.headerEnd&&(0,t.jsx)(`div`,{className:`topbar-sidebar-layout--header-end flex shrink-0 items-center gap-1.5 md:gap-2`,children:p.headerEnd})]})]})})}),(0,t.jsx)(`div`,{className:e.cn(`topbar-sidebar-layout--body grid min-h-0 flex-1 grid-cols-1`,k&&(a===`left`?`md:grid-cols-[var(--app-shell-sidebar-width-current)_minmax(0,1fr)]`:`md:grid-cols-[minmax(0,1fr)_var(--app-shell-sidebar-width-current)]`),v),children:a===`left`?(0,t.jsxs)(t.Fragment,{children:[j,A]}):(0,t.jsxs)(t.Fragment,{children:[A,j]})})]})}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});
+//# sourceMappingURL=app-shell-DqDnnKT4.cjs.map

package/dist/_shared/app-shell-DqDnnKT4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-shell-DqDnnKT4.cjs","names":[],"sources":["../../src/components/layout/app-shell/topbar-sidebar-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';\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/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 ? { '--app-shell-header-height': headerHeight } : null),\n\t\t...(sidebarWidth ? { '--app-shell-sidebar-width-expanded': sidebarWidth } : null),\n\t\t...style,\n\t} as TopbarSidebarLayoutStyle;\n\tconst resolvedSidebarTrigger = slots?.sidebarTrigger ?? sidebarTrigger;\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<Content\n\t\t\tclassName={cn(\n\t\t\t\t'topbar-sidebar-layout--content min-h-0 min-w-0 flex-1 overflow-auto bg-background',\n\t\t\t\tcontentClassName,\n\t\t\t)}\n\t\t>\n\t\t\t{resolvedContent}\n\t\t</Content>\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 border-border bg-sidebar text-sidebar-foreground',\n\t\t\t\tmobileSidebarMode === 'drawer' ? 'hidden md:block' : 'border-b md:border-b-0',\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 flex min-h-svh flex-col overflow-hidden bg-background text-foreground',\n\t\t\t\t'[--app-shell-sidebar-width-expanded:var(--app-shell-sidebar-width)]',\n\t\t\t\t'[--app-shell-sidebar-width-current:var(--app-shell-sidebar-width-expanded)]',\n\t\t\t\t'[--sidebar-width:var(--app-shell-sidebar-width-expanded)]',\n\t\t\t\t'has-[[data-slot=sidebar][data-collapsible=icon]]:[--app-shell-sidebar-width-current:var(--sidebar-width-icon)]',\n\t\t\t\t'has-[[data-slot=sidebar][data-collapsible=offcanvas]]:[--app-shell-sidebar-width-current:0rem]',\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<header\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'topbar-sidebar-layout--header z-40 flex min-h-[var(--app-shell-header-height)] shrink-0 items-center border-b border-border bg-background px-4 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<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'topbar-sidebar-layout--header-inner flex min-h-10 w-full min-w-0 items-center gap-3 md:gap-4',\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 md: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 ml-auto flex shrink-0 items-center gap-1.5 md:gap-2\">\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 shrink-0 items-center gap-1.5 md:gap-2\">\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 shrink-0 items-center gap-1.5 md:gap-2\">\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</div>\n\t\t\t</header>\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\thasSidebar && (\n\t\t\t\t\t\tsidebarSide === 'left'\n\t\t\t\t\t\t\t? 'md:grid-cols-[var(--app-shell-sidebar-width-current)_minmax(0,1fr)]'\n\t\t\t\t\t\t\t: 'md:grid-cols-[minmax(0,1fr)_var(--app-shell-sidebar-width-current)]'\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"],"mappings":"uEAsBA,IAAM,EAA2F,CAChG,MAAO,QACP,KAAM,MACP,EAEA,SAAgB,EAAoB,CACnC,WACA,cAAc,QACd,cAAc,OACd,oBAAoB,SACpB,eACA,eACA,iBACA,OACA,gBACA,UACA,QACA,UAAW,EAAU,OACrB,YACA,kBACA,uBACA,gBACA,mBACA,mBACA,QACA,GAAG,GACyB,CAC5B,IAAM,EAAc,CACnB,GAAI,EAAe,CAAE,4BAA6B,CAAa,EAAI,KACnE,GAAI,EAAe,CAAE,qCAAsC,CAAa,EAAI,KAC5E,GAAG,CACJ,EACM,EAAyB,GAAO,gBAAkB,EAClD,EAAe,GAAO,MAAQ,EAC9B,EAAwB,GAAO,eAAiB,EAChD,EAAkB,GAAO,SAAW,EACpC,EAAkB,GAAO,SAAW,EACpC,EAAa,EAAQ,EACrB,GACL,EAAA,EAAA,KAAC,EAAD,CACC,UAAW,EAAA,GACV,oFACA,CACD,WAEC,CACO,CAAA,EAEJ,EAAc,GACnB,EAAA,EAAA,KAAC,QAAD,CACC,UAAW,EAAA,GACV,kHACA,IAAsB,SAAW,kBAAoB,yBACrD,CACD,WAEC,CACK,CAAA,EACJ,KAEJ,OACC,EAAA,EAAA,MAAC,MAAD,CACC,UAAW,EAAA,GACV,yGACA,sEACA,8EACA,4DACA,iHACA,iGACA,CACD,EACA,MAAO,EACP,oBAAmB,EACnB,oBAAmB,EACnB,2BAA0B,EAC1B,GAAI,WAdL,EAgBC,EAAA,EAAA,KAAC,SAAD,CACC,UAAW,EAAA,GACV,iKACA,EAAmB,GACnB,CACD,YAEA,EAAA,EAAA,KAAC,MAAD,CACC,UAAW,EAAA,GACV,+FACA,CACD,WAEC,GAAO,SACP,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACE,CAAC,CAAC,IACF,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,6EACb,CACG,CAAA,EAEL,CAAC,CAAC,IACF,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,0EACb,CACG,CAAA,EAEL,CAAC,CAAC,GAAO,cACT,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,yEACb,EAAM,WACH,CAAA,EAEL,CAAC,CAAC,GAAO,eACT,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,2FACb,EAAM,YACH,CAAA,EAEL,CAAC,EAAE,GAAyB,GAAO,aACnC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,sGAAf,CACE,CAAC,CAAC,IACF,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,6FACb,CACG,CAAA,EAEL,CAAC,CAAC,GAAO,YACT,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,yFACb,EAAM,SACH,CAAA,CAEF,GAEL,CAAA,CAAA,CAEC,CAAA,CACE,CAAA,GAER,EAAA,EAAA,KAAC,MAAD,CACC,UAAW,EAAA,GACV,8DACA,IACC,IAAgB,OACb,sEACA,uEAEJ,CACD,WAEC,IAAgB,QAChB,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACE,EACA,CACA,CAAA,CAAA,GAEF,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACE,EACA,CACA,CAAA,CAAA,CAEC,CAAA,CACD,GAEP"}

package/dist/_shared/app-shell-w5h0vEKg.js

@@ -0,0 +1,69 @@
+import { cn as e } from "../lib/utils.js";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/layout/app-shell/topbar-sidebar-layout.tsx
+var i = {
+	light: "light",
+	dark: "dark"
+};
+function a({ children: a, headerTheme: o = "light", sidebarSide: s = "left", mobileSidebarMode: c = "drawer", headerHeight: l, sidebarWidth: u, sidebarTrigger: d, logo: f, headerActions: p, sidebar: m, slots: h, contentAs: g = "main", className: _, headerClassName: v, headerInnerClassName: y, bodyClassName: b, sidebarClassName: x, contentClassName: S, style: C, ...w }) {
+	let T = {
+		...l ? { "--app-shell-header-height": l } : null,
+		...u ? { "--app-shell-sidebar-width-expanded": u } : null,
+		...C
+	}, E = h?.sidebarTrigger ?? d, D = h?.logo ?? f, O = h?.headerActions ?? p, k = h?.sidebar ?? m, A = h?.content ?? a, j = !!k, M = /* @__PURE__ */ n(g, {
+		className: e("topbar-sidebar-layout--content min-h-0 min-w-0 flex-1 overflow-auto bg-background", S),
+		children: A
+	}), N = j ? /* @__PURE__ */ n("aside", {
+		className: e("topbar-sidebar-layout--sidebar min-h-0 min-w-0 overflow-hidden border-border bg-sidebar text-sidebar-foreground", c === "drawer" ? "hidden md:block" : "border-b md:border-b-0", x),
+		children: k
+	}) : null;
+	return /* @__PURE__ */ r("div", {
+		className: e("topbar-sidebar-layout--component flex min-h-svh flex-col overflow-hidden bg-background text-foreground", "[--app-shell-sidebar-width-expanded:var(--app-shell-sidebar-width)]", "[--app-shell-sidebar-width-current:var(--app-shell-sidebar-width-expanded)]", "[--sidebar-width:var(--app-shell-sidebar-width-expanded)]", "has-[[data-slot=sidebar][data-collapsible=icon]]:[--app-shell-sidebar-width-current:var(--sidebar-width-icon)]", "has-[[data-slot=sidebar][data-collapsible=offcanvas]]:[--app-shell-sidebar-width-current:0rem]", _),
+		style: T,
+		"data-header-theme": o,
+		"data-sidebar-side": s,
+		"data-mobile-sidebar-mode": c,
+		...w,
+		children: [/* @__PURE__ */ n("header", {
+			className: e("topbar-sidebar-layout--header z-40 flex min-h-[var(--app-shell-header-height)] shrink-0 items-center border-b border-border bg-background px-4 text-foreground", i[o], v),
+			children: /* @__PURE__ */ n("div", {
+				className: e("topbar-sidebar-layout--header-inner flex min-h-10 w-full min-w-0 items-center gap-3 md:gap-4", y),
+				children: h?.header ?? /* @__PURE__ */ r(t, { children: [
+					!!E && /* @__PURE__ */ n("div", {
+						className: "topbar-sidebar-layout--sidebar-trigger flex shrink-0 items-center",
+						children: E
+					}),
+					!!D && /* @__PURE__ */ n("div", {
+						className: "topbar-sidebar-layout--logo flex min-w-0 shrink-0 items-center",
+						children: D
+					}),
+					!!h?.headerStart && /* @__PURE__ */ n("div", {
+						className: "topbar-sidebar-layout--header-start flex min-w-0 items-center",
+						children: h.headerStart
+					}),
+					!!h?.headerCenter && /* @__PURE__ */ n("div", {
+						className: "topbar-sidebar-layout--header-center hidden min-w-0 flex-1 items-center md:flex",
+						children: h.headerCenter
+					}),
+					!!(O || h?.headerEnd) && /* @__PURE__ */ r("div", {
+						className: "topbar-sidebar-layout--header-trailing ml-auto flex shrink-0 items-center gap-1.5 md:gap-2",
+						children: [!!O && /* @__PURE__ */ n("div", {
+							className: "topbar-sidebar-layout--header-actions flex shrink-0 items-center gap-1.5 md:gap-2",
+							children: O
+						}), !!h?.headerEnd && /* @__PURE__ */ n("div", {
+							className: "topbar-sidebar-layout--header-end flex shrink-0 items-center gap-1.5 md:gap-2",
+							children: h.headerEnd
+						})]
+					})
+				] })
+			})
+		}), /* @__PURE__ */ n("div", {
+			className: e("topbar-sidebar-layout--body grid min-h-0 flex-1 grid-cols-1", j && (s === "left" ? "md:grid-cols-[var(--app-shell-sidebar-width-current)_minmax(0,1fr)]" : "md:grid-cols-[minmax(0,1fr)_var(--app-shell-sidebar-width-current)]"), b),
+			children: s === "left" ? /* @__PURE__ */ r(t, { children: [N, M] }) : /* @__PURE__ */ r(t, { children: [M, N] })
+		})]
+	});
+}
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=app-shell-w5h0vEKg.js.map

package/dist/_shared/app-shell-w5h0vEKg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-shell-w5h0vEKg.js","names":[],"sources":["../../src/components/layout/app-shell/topbar-sidebar-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';\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/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 ? { '--app-shell-header-height': headerHeight } : null),\n\t\t...(sidebarWidth ? { '--app-shell-sidebar-width-expanded': sidebarWidth } : null),\n\t\t...style,\n\t} as TopbarSidebarLayoutStyle;\n\tconst resolvedSidebarTrigger = slots?.sidebarTrigger ?? sidebarTrigger;\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<Content\n\t\t\tclassName={cn(\n\t\t\t\t'topbar-sidebar-layout--content min-h-0 min-w-0 flex-1 overflow-auto bg-background',\n\t\t\t\tcontentClassName,\n\t\t\t)}\n\t\t>\n\t\t\t{resolvedContent}\n\t\t</Content>\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 border-border bg-sidebar text-sidebar-foreground',\n\t\t\t\tmobileSidebarMode === 'drawer' ? 'hidden md:block' : 'border-b md:border-b-0',\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 flex min-h-svh flex-col overflow-hidden bg-background text-foreground',\n\t\t\t\t'[--app-shell-sidebar-width-expanded:var(--app-shell-sidebar-width)]',\n\t\t\t\t'[--app-shell-sidebar-width-current:var(--app-shell-sidebar-width-expanded)]',\n\t\t\t\t'[--sidebar-width:var(--app-shell-sidebar-width-expanded)]',\n\t\t\t\t'has-[[data-slot=sidebar][data-collapsible=icon]]:[--app-shell-sidebar-width-current:var(--sidebar-width-icon)]',\n\t\t\t\t'has-[[data-slot=sidebar][data-collapsible=offcanvas]]:[--app-shell-sidebar-width-current:0rem]',\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<header\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'topbar-sidebar-layout--header z-40 flex min-h-[var(--app-shell-header-height)] shrink-0 items-center border-b border-border bg-background px-4 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<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'topbar-sidebar-layout--header-inner flex min-h-10 w-full min-w-0 items-center gap-3 md:gap-4',\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 md: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 ml-auto flex shrink-0 items-center gap-1.5 md:gap-2\">\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 shrink-0 items-center gap-1.5 md:gap-2\">\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 shrink-0 items-center gap-1.5 md:gap-2\">\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</div>\n\t\t\t</header>\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\thasSidebar && (\n\t\t\t\t\t\tsidebarSide === 'left'\n\t\t\t\t\t\t\t? 'md:grid-cols-[var(--app-shell-sidebar-width-current)_minmax(0,1fr)]'\n\t\t\t\t\t\t\t: 'md:grid-cols-[minmax(0,1fr)_var(--app-shell-sidebar-width-current)]'\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"],"mappings":";;;AAsBA,IAAM,IAA2F;CAChG,OAAO;CACP,MAAM;AACP;AAEA,SAAgB,EAAoB,EACnC,aACA,iBAAc,SACd,iBAAc,QACd,uBAAoB,UACpB,iBACA,iBACA,mBACA,SACA,kBACA,YACA,UACA,WAAW,IAAU,QACrB,cACA,oBACA,yBACA,kBACA,qBACA,qBACA,UACA,GAAG,KACyB;CAC5B,IAAM,IAAc;EACnB,GAAI,IAAe,EAAE,6BAA6B,EAAa,IAAI;EACnE,GAAI,IAAe,EAAE,sCAAsC,EAAa,IAAI;EAC5E,GAAG;CACJ,GACM,IAAyB,GAAO,kBAAkB,GAClD,IAAe,GAAO,QAAQ,GAC9B,IAAwB,GAAO,iBAAiB,GAChD,IAAkB,GAAO,WAAW,GACpC,IAAkB,GAAO,WAAW,GACpC,IAAa,EAAQ,GACrB,IACL,kBAAC,GAAD;EACC,WAAW,EACV,qFACA,CACD;YAEC;CACO,CAAA,GAEJ,IAAc,IACnB,kBAAC,SAAD;EACC,WAAW,EACV,mHACA,MAAsB,WAAW,oBAAoB,0BACrD,CACD;YAEC;CACK,CAAA,IACJ;CAEJ,OACC,kBAAC,OAAD;EACC,WAAW,EACV,0GACA,uEACA,+EACA,6DACA,kHACA,kGACA,CACD;EACA,OAAO;EACP,qBAAmB;EACnB,qBAAmB;EACnB,4BAA0B;EAC1B,GAAI;YAdL,CAgBC,kBAAC,UAAD;GACC,WAAW,EACV,kKACA,EAAmB,IACnB,CACD;aAEA,kBAAC,OAAD;IACC,WAAW,EACV,gGACA,CACD;cAEC,GAAO,UACP,kBAAA,GAAA,EAAA,UAAA;KACE,CAAC,CAAC,KACF,kBAAC,OAAD;MAAK,WAAU;gBACb;KACG,CAAA;KAEL,CAAC,CAAC,KACF,kBAAC,OAAD;MAAK,WAAU;gBACb;KACG,CAAA;KAEL,CAAC,CAAC,GAAO,eACT,kBAAC,OAAD;MAAK,WAAU;gBACb,EAAM;KACH,CAAA;KAEL,CAAC,CAAC,GAAO,gBACT,kBAAC,OAAD;MAAK,WAAU;gBACb,EAAM;KACH,CAAA;KAEL,CAAC,EAAE,KAAyB,GAAO,cACnC,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,CAAC,CAAC,KACF,kBAAC,OAAD;OAAK,WAAU;iBACb;MACG,CAAA,GAEL,CAAC,CAAC,GAAO,aACT,kBAAC,OAAD;OAAK,WAAU;iBACb,EAAM;MACH,CAAA,CAEF;;IAEL,EAAA,CAAA;GAEC,CAAA;EACE,CAAA,GAER,kBAAC,OAAD;GACC,WAAW,EACV,+DACA,MACC,MAAgB,SACb,wEACA,wEAEJ,CACD;aAEC,MAAgB,SAChB,kBAAA,GAAA,EAAA,UAAA,CACE,GACA,CACA,EAAA,CAAA,IAEF,kBAAA,GAAA,EAAA,UAAA,CACE,GACA,CACA,EAAA,CAAA;EAEC,CAAA,CACD;;AAEP"}

package/dist/_shared/auth-CDjZFJxy.cjs

@@ -0,0 +1,2 @@
+const e=require("./chunk-CMqjfN_6.cjs"),t=require("../lib/strings.cjs"),n=require("../lib/utils.cjs"),r=require("./heading-0DYCOrgC.cjs"),i=require("./button-C1qc97U1.cjs"),a=require("./smart-card-Df80VF8x.cjs"),o=require("./item-DoXXYgPm.cjs"),s=require("./hooks-MW0UTO3q.cjs");let c=require("react");c=e.t(c,1);let l=require("react/jsx-runtime"),u=require("lucide-react");function d({eyebrow:e,title:t,description:i,headerEnd:o,banner:s,media:c,footer:u,children:d,className:f,headerClassName:p,mediaClassName:m,contentClassName:h,footerClassName:g,..._}){let v=!!(e||t||i||o);return(0,l.jsxs)(a.c,{"data-slot":`auth-card`,className:n.cn(`auth-card--component`,`gap-0 overflow-hidden rounded-lg border border-border/70 bg-card py-0 shadow-sm`,f),..._,children:[!!c&&(0,l.jsx)(`div`,{className:n.cn(`auth-card--media`,`min-h-12 border-b border-border/60 bg-muted/50`,m),children:c}),!!v&&(0,l.jsxs)(`header`,{className:n.cn(`auth-card--header`,`flex items-start justify-between gap-4 px-6 pt-6 md:px-8 md:pt-8`,p),children:[(0,l.jsxs)(`div`,{className:`min-w-0 space-y-1.5`,children:[!!e&&(0,l.jsx)(r.n,{tag:`div`,size:`xxs`,type:`secondary`,weight:`semibold`,className:`auth-card--eyebrow uppercase tracking-wide`,children:e}),!!t&&(0,l.jsx)(r.t,{tag:`h1`,containerClassName:`space-y-0`,className:`auth-card--title border-0 pb-0 text-lg leading-tight`,children:t}),!!i&&(0,l.jsx)(r.n,{tag:`div`,type:`secondary`,lineHeight:`relaxed`,className:`auth-card--description max-w-prose`,children:i})]}),!!o&&(0,l.jsx)(`div`,{className:`auth-card--header-end shrink-0`,children:o})]}),(0,l.jsxs)(a.i,{className:n.cn(`auth-card--content`,`px-6 pb-6 md:px-8 md:pb-8`,v?`pt-5`:`pt-6 md:pt-8`,h),children:[!!s&&(0,l.jsx)(`div`,{className:`auth-card--banner mb-5`,children:s}),d]}),!!u&&(0,l.jsx)(a.o,{className:n.cn(`auth-card--footer`,`border-t border-border/60 px-6 py-4 md:px-8`,g),children:u})]})}function f(e){return!!(e&&typeof e==`object`&&!(0,c.isValidElement)(e)&&(`logo`in e||`label`in e||`description`in e||`href`in e))}function p({links:e=[],renderLink:t,LinkComponent:n}={}){let r=s.d({renderLink:t,LinkComponent:n});return{links:(0,c.useMemo)(()=>e.filter(e=>e.visible!==!1),[e]),renderLink:r}}function m({variant:e=`card`,brand:t,footer:n,footerLinks:r=[],policyLinks:i=[],languageLinks:a=[],languageSwitcher:o,postCard:l,socialProviders:u=[],splitPanel:d,renderLink:p,LinkComponent:m}={}){let h=s.d({renderLink:p,LinkComponent:m}),g=(0,c.useMemo)(()=>r.filter(e=>e.visible!==!1),[r]),_=(0,c.useMemo)(()=>i.filter(e=>e.visible!==!1),[i]),v=(0,c.useMemo)(()=>a.filter(e=>e.visible!==!1),[a]),y=(0,c.useMemo)(()=>u.filter(e=>e.visible!==!1),[u]),b=!!(t&&(f(t)?t.logo||t.label||t.description:t)),x=!!(l||n||o||g.length>0||_.length>0||v.length>0),S=!!d;return{variant:S?e:`card`,hasBrand:b,hasAfterCard:x,hasSplitPanel:S,hasSocialProviders:y.length>0,renderLink:h,footerLinks:g,policyLinks:_,languageLinks:v,socialProviders:y}}var h={socialDivider:`or continue with email`,socialProvidersLabel:`Social sign-in options`,footerLinksLabel:`Authentication links`,policyLinksLabel:`Policies`,languageLinksLabel:`Language options`},g={label:`Authentication links`},_={label:`Social sign-in options`},v={label:`Authentication method`,divider:`or`};function y({links:e,leadingIcon:i,separator:a=`·`,renderLink:o,LinkComponent:s,className:u,strings:d,...f}){let m=t.useStrings(g,d),{links:h,renderLink:_}=p({links:e,renderLink:o,LinkComponent:s});return h.length===0?null:(0,l.jsxs)(`nav`,{"aria-label":f[`aria-label`]??m.label,className:n.cn(`auth-footer-links--component`,`flex flex-wrap items-center justify-center gap-x-2 gap-y-1 text-center`,u),...f,children:[!!i&&(0,l.jsx)(`span`,{className:`auth-footer-links--icon flex shrink-0 items-center text-muted-foreground`,"aria-hidden":`true`,children:i}),h.map((e,t)=>{let i=_({href:e.href,target:e.target,rel:e.rel,external:e.external,disabled:e.disabled,onClick:e.onClick,className:n.cn(`auth-footer-links--item`,`text-muted-foreground transition-colors hover:text-foreground`,e.disabled&&`pointer-events-none opacity-50`),children:(0,l.jsx)(r.n,{tag:`span`,size:`xs`,className:`text-inherit`,children:e.label})});return(0,l.jsxs)(c.Fragment,{children:[t>0&&(0,l.jsx)(r.n,{tag:`span`,size:`xs`,type:`secondary`,"aria-hidden":`true`,className:`auth-footer-links--separator`,children:a}),i]},e.id??t)})]})}var b=`auth-social-provider-button--component inline-flex h-9 w-full items-center justify-center gap-2 rounded-md border border-input bg-background px-3 text-sm font-medium text-foreground shadow-xs transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50`;function x(){return(0,l.jsxs)(`svg`,{"aria-hidden":`true`,className:`size-4`,viewBox:`0 0 256 262`,xmlns:`http://www.w3.org/2000/svg`,children:[(0,l.jsx)(`path`,{fill:`#4285F4`,d:`M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027`}),(0,l.jsx)(`path`,{fill:`#34A853`,d:`M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1`}),(0,l.jsx)(`path`,{fill:`#FBBC05`,d:`M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782`}),(0,l.jsx)(`path`,{fill:`#EB4335`,d:`M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251`})]})}function S(){return(0,l.jsxs)(`svg`,{"aria-hidden":`true`,className:`size-4`,viewBox:`0 0 23 23`,children:[(0,l.jsx)(`path`,{fill:`#f25022`,d:`M1 1h10v10H1z`}),(0,l.jsx)(`path`,{fill:`#7fba00`,d:`M12 1h10v10H12z`}),(0,l.jsx)(`path`,{fill:`#00a4ef`,d:`M1 12h10v10H1z`}),(0,l.jsx)(`path`,{fill:`#ffb900`,d:`M12 12h10v10H12z`})]})}function C(){return(0,l.jsx)(`svg`,{"aria-hidden":`true`,className:`size-4`,viewBox:`0 0 24 24`,fill:`currentColor`,children:(0,l.jsx)(`path`,{d:`M12 2C6.48 2 2 6.58 2 12.24c0 4.53 2.87 8.37 6.84 9.73.5.09.68-.22.68-.49 0-.24-.01-.88-.01-1.73-2.78.62-3.37-1.37-3.37-1.37-.45-1.18-1.11-1.5-1.11-1.5-.91-.64.07-.63.07-.63 1 .07 1.53 1.06 1.53 1.06.9 1.57 2.36 1.12 2.93.86.09-.67.35-1.12.64-1.38-2.22-.26-4.56-1.14-4.56-5.07 0-1.12.39-2.04 1.03-2.76-.1-.26-.45-1.31.1-2.72 0 0 .84-.28 2.75 1.05A9.32 9.32 0 0 1 12 6.95c.85 0 1.7.12 2.5.35 1.9-1.33 2.74-1.05 2.74-1.05.55 1.41.2 2.46.1 2.72.64.72 1.03 1.64 1.03 2.76 0 3.94-2.34 4.8-4.57 5.06.36.32.68.95.68 1.91 0 1.38-.01 2.49-.01 2.83 0 .27.18.59.69.49A10.12 10.12 0 0 0 22 12.24C22 6.58 17.52 2 12 2Z`})})}function w(){return(0,l.jsx)(`svg`,{"aria-hidden":`true`,className:`size-4`,viewBox:`0 0 24 24`,fill:`currentColor`,children:(0,l.jsx)(`path`,{d:`M16.37 12.05c-.02-2.26 1.85-3.35 1.94-3.4-1.06-1.55-2.69-1.76-3.26-1.78-1.37-.14-2.7.82-3.39.82-.71 0-1.78-.8-2.93-.78-1.5.02-2.9.89-3.67 2.25-1.57 2.72-.4 6.72 1.1 8.92.76 1.08 1.64 2.29 2.79 2.25 1.13-.05 1.55-.72 2.91-.72 1.35 0 1.75.72 2.93.69 1.21-.02 1.98-1.09 2.71-2.18.87-1.24 1.22-2.46 1.23-2.52-.03-.01-2.34-.9-2.36-3.55ZM14.16 5.42c.61-.76 1.03-1.8.91-2.85-.88.04-1.98.61-2.62 1.35-.57.65-1.08 1.73-.95 2.74.99.08 2.02-.5 2.66-1.24Z`})})}function T({provider:e}){if(e.icon)return(0,l.jsx)(l.Fragment,{children:e.icon});switch(e.provider){case`google`:return(0,l.jsx)(x,{});case`github`:return(0,l.jsx)(C,{});case`microsoft`:return(0,l.jsx)(S,{});case`apple`:return(0,l.jsx)(w,{});default:return(0,l.jsx)(u.KeyRound,{className:`size-4`,"aria-hidden":`true`})}}function E({provider:e,renderLink:t,LinkComponent:a,className:o}){let c=s.d({renderLink:t,LinkComponent:a}),u=(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(T,{provider:e}),(0,l.jsx)(r.n,{tag:`span`,className:`text-inherit`,children:e.label})]}),d=n.cn(b,e.disabled&&`pointer-events-none opacity-50`,o);return e.href?c({href:e.href,target:e.target,rel:e.rel,external:e.external,disabled:e.disabled,onClick:e.onClick,className:d,children:u}):(0,l.jsx)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`outline`,fullWidth:!0,disabled:e.disabled,className:n.cn(`auth-social-provider-button--component`,o),onClick:t=>e.onClick?.(t),children:u})}function D({providers:e,layout:r=`stack`,renderLink:i,LinkComponent:a,className:o,strings:s,...c}){let u=t.useStrings(_,s),d=e?.filter(e=>e.visible!==!1)??[];return d.length===0?null:(0,l.jsx)(`div`,{role:`group`,"aria-label":c[`aria-label`]??u.label,"data-layout":r,className:n.cn(`auth-social-providers--component`,r===`grid`?`grid gap-2 sm:grid-cols-2`:`grid gap-2`,o),...c,children:d.map(e=>(0,l.jsx)(E,{provider:e,renderLink:i,LinkComponent:a},e.id??String(e.label)))})}var O={card:`border-border/70 bg-card`,muted:`border-border/60 bg-muted/40`};function k({eyebrow:e,title:t,description:i,media:a,features:s,footer:c,children:u,surface:d=`muted`,className:f,contentClassName:p,...m}){let h=!!(e||t||i),g=s?.filter(e=>e.title)??[];return(0,l.jsx)(`aside`,{"data-slot":`auth-split-panel`,"data-surface":d,className:n.cn(`auth-split-panel--component`,`flex min-h-full w-full flex-col justify-between overflow-hidden border`,O[d],f),...m,children:(0,l.jsxs)(`div`,{className:n.cn(`auth-split-panel--content`,`flex min-h-full flex-col justify-center gap-8 p-6 md:p-8 lg:p-10`,p),children:[!!a&&(0,l.jsx)(`div`,{className:`auth-split-panel--media overflow-hidden rounded-lg border border-border/60 bg-background/70`,children:a}),!!h&&(0,l.jsxs)(`div`,{className:`auth-split-panel--intro max-w-xl space-y-2`,children:[!!e&&(0,l.jsx)(r.n,{tag:`div`,size:`xxs`,type:`secondary`,weight:`semibold`,className:`auth-split-panel--eyebrow uppercase tracking-wide`,children:e}),!!t&&(0,l.jsx)(r.t,{tag:`h2`,containerClassName:`space-y-0`,className:`auth-split-panel--title border-0 pb-0 text-xl leading-tight`,children:t}),!!i&&(0,l.jsx)(r.n,{tag:`div`,type:`secondary`,lineHeight:`relaxed`,className:`auth-split-panel--description max-w-prose`,children:i})]}),g.length>0&&(0,l.jsx)(o.o,{className:`auth-split-panel--features grid gap-3`,children:g.map((e,t)=>(0,l.jsxs)(o.t,{variant:`muted`,className:`auth-split-panel--feature bg-background/70`,children:[!!e.icon&&(0,l.jsx)(o.c,{variant:`icon`,className:`text-muted-foreground`,children:e.icon}),(0,l.jsxs)(o.r,{className:`min-w-[min(12rem,100%)]`,children:[(0,l.jsx)(o.u,{children:e.title}),!!e.description&&(0,l.jsx)(o.i,{clamp:`none`,children:e.description})]})]},e.id??t))}),u,!!c&&(0,l.jsx)(`div`,{className:`auth-split-panel--footer`,children:c})]})})}var A={sm:`max-w-sm`,md:`max-w-md`,lg:`max-w-lg`};function j(e){return!!(e&&typeof e==`object`&&!(0,c.isValidElement)(e))}function M(e){let t=!!(e.label||e.description);return(0,l.jsxs)(l.Fragment,{children:[!!e.logo&&(0,l.jsx)(`div`,{className:`auth-shell--brand-logo shrink-0`,children:e.logo}),!!t&&(0,l.jsxs)(`div`,{className:`auth-shell--brand-text min-w-0`,children:[!!e.label&&(0,l.jsx)(r.n,{tag:`div`,weight:`semibold`,className:`auth-shell--brand-label`,children:e.label}),!!e.description&&(0,l.jsx)(r.n,{tag:`div`,size:`xs`,type:`secondary`,className:`auth-shell--brand-description`,children:e.description})]})]})}function ee({brand:e,renderLink:t}){if(!e)return null;if(!f(e))return(0,l.jsx)(`div`,{className:`auth-shell--brand flex items-center justify-center`,children:e});let r=M(e),i=n.cn(`auth-shell--brand`,`inline-flex items-center justify-center gap-2.5 self-center rounded-md text-foreground`,e.href&&`transition-opacity hover:opacity-80`);return e.href?t({href:e.href,"aria-label":e.ariaLabel,className:i,children:r}):(0,l.jsx)(`div`,{className:i,children:r})}function te(e){return e?(0,c.isValidElement)(e)?e:j(e)?(0,l.jsx)(k,{...e}):null:null}function N({children:e,variant:i=`card`,size:a=`md`,align:o=`center`,brand:s,eyebrow:c,title:f,description:p,headerEnd:g,banner:_,cardMedia:v,cardMediaClassName:b,cardFooter:x,postCard:S,footer:C,footerLinks:w,policyLinks:T,languageLinks:E,languageSwitcher:O,socialProviders:k,socialProvidersLayout:j=`stack`,socialDivider:M,splitPanel:N,splitSide:P=`left`,splitMobile:F=`hidden`,renderLink:I,LinkComponent:ne,className:L,mainClassName:R,stackClassName:re,cardClassName:ie,cardContentClassName:ae,splitGridClassName:oe,splitPanelClassName:z,footerClassName:se,strings:ce,...B}){let V=t.useStrings(h,ce),{variant:H,hasBrand:U,hasAfterCard:W,hasSplitPanel:le,hasSocialProviders:ue,renderLink:G,footerLinks:K,policyLinks:q,languageLinks:J,socialProviders:de}=m({variant:i,brand:s,footer:C,footerLinks:w,policyLinks:T,languageLinks:E,languageSwitcher:O,postCard:S,socialProviders:k,splitPanel:N,renderLink:I,LinkComponent:ne}),Y=H===`split`&&le,X=te(N),Z=P===`left`,Q=F===`stacked`,fe=U?ee({brand:s,renderLink:G}):null,$=(0,l.jsx)(`main`,{className:n.cn(`auth-shell--main`,`flex min-h-svh w-full items-center justify-center px-4 py-8 sm:px-6 md:px-8`,o===`start`&&`items-start pt-12`,Y&&`lg:min-h-svh`,R),children:(0,l.jsxs)(`div`,{className:n.cn(`auth-shell--stack`,`flex w-full flex-col gap-5`,A[a],re),children:[fe,(0,l.jsxs)(d,{eyebrow:c,title:f,description:p,headerEnd:g,banner:_,media:v,mediaClassName:b,footer:x,className:ie,contentClassName:ae,children:[!!ue&&(0,l.jsxs)(`div`,{className:`auth-shell--social mb-4 grid gap-4`,children:[(0,l.jsx)(D,{providers:de,layout:j,renderLink:G,strings:{label:V.socialProvidersLabel}}),(0,l.jsxs)(`div`,{className:`auth-shell--social-divider flex items-center gap-3`,children:[(0,l.jsx)(`span`,{className:`h-px min-w-0 flex-1 bg-border`,"aria-hidden":`true`}),(0,l.jsx)(r.n,{tag:`span`,size:`xs`,type:`secondary`,children:M??V.socialDivider}),(0,l.jsx)(`span`,{className:`h-px min-w-0 flex-1 bg-border`,"aria-hidden":`true`})]})]}),e]}),!!W&&(0,l.jsxs)(`div`,{className:n.cn(`auth-shell--after-card`,`flex flex-col items-center gap-3 text-center`,se),children:[!!S&&(0,l.jsx)(`div`,{className:`auth-shell--post-card`,children:S}),!!O&&(0,l.jsx)(`div`,{className:`auth-shell--language-switcher`,children:O}),J.length>0&&(0,l.jsx)(y,{className:`auth-shell--language-links`,links:J,leadingIcon:(0,l.jsx)(u.Globe2,{className:`size-3.5`}),renderLink:G,strings:{label:V.languageLinksLabel}}),K.length>0&&(0,l.jsx)(y,{className:`auth-shell--footer-links`,links:K,renderLink:G,strings:{label:V.footerLinksLabel}}),q.length>0&&(0,l.jsx)(y,{className:`auth-shell--policy-links`,links:q,renderLink:G,strings:{label:V.policyLinksLabel}}),!!C&&(0,l.jsx)(`div`,{className:`auth-shell--footer`,children:C})]})]})});return Y?(0,l.jsx)(`div`,{"data-slot":`auth-shell`,"data-variant":`split`,"data-split-side":P,"data-split-mobile":F,className:n.cn(`auth-shell--component`,`min-h-svh bg-background text-foreground`,L),...B,children:(0,l.jsxs)(`div`,{className:n.cn(`auth-shell--split-grid min-h-svh lg:grid`,Z?`lg:grid-cols-[minmax(0,1fr)_minmax(24rem,34rem)]`:`lg:grid-cols-[minmax(24rem,34rem)_minmax(0,1fr)]`,oe),children:[!!Z&&(0,l.jsx)(`div`,{className:n.cn(`auth-shell--split-panel`,Q?`block`:`hidden lg:block`,z),children:X}),$,!Z&&(0,l.jsx)(`div`,{className:n.cn(`auth-shell--split-panel`,Q?`block`:`hidden lg:block`,z),children:X})]})}):(0,l.jsx)(`div`,{"data-slot":`auth-shell`,"data-variant":`card`,className:n.cn(`auth-shell--component`,`min-h-svh bg-background text-foreground`,L),...B,children:$})}function P(e){return e.find(e=>!e.disabled)}function F({options:e=[],value:t,defaultValue:n,onValueChange:r}={}){let i=c.useMemo(()=>e.filter(e=>e.visible!==!1),[e]),a=n??P(i)?.id,[o,s]=c.useState(a),l=t!==void 0,u=l?t:o,d=i.find(e=>e.id===u),f=c.useCallback(e=>{let t=i.find(t=>t.id===e);!t||t.disabled||(l||s(e),r?.(e,t))},[l,r,i]);return c.useEffect(()=>{l||d||i.length===0||s(P(i)?.id)},[l,d,i]),{value:u,selectedOption:d,options:i,setValue:f}}function I({options:e=[],value:a,defaultValue:o,onValueChange:s,layout:c=`stack`,divider:u,className:d,strings:f,...p}){let m=t.useStrings(v,f),{"aria-label":h,...g}=p,{value:_,options:y,setValue:b}=F({options:e,value:a,defaultValue:o,onValueChange:s});return y.length===0?null:(0,l.jsxs)(`div`,{className:n.cn(`auth-method-switch--component grid gap-3`,d),...g,children:[u!==null&&u!==!1&&(0,l.jsxs)(`div`,{className:`auth-method-switch--divider flex items-center gap-3`,children:[(0,l.jsx)(`span`,{className:`h-px min-w-0 flex-1 bg-border`,"aria-hidden":`true`}),(0,l.jsx)(r.n,{tag:`span`,size:`xs`,type:`secondary`,children:u??m.divider}),(0,l.jsx)(`span`,{className:`h-px min-w-0 flex-1 bg-border`,"aria-hidden":`true`})]}),(0,l.jsx)(`div`,{role:`group`,"aria-label":h??m.label,"data-layout":c,className:n.cn(`auth-method-switch--options`,c===`grid`&&`grid gap-2 sm:grid-cols-2`,c===`stack`&&`grid gap-2`,c===`segmented`&&`grid grid-cols-[repeat(auto-fit,minmax(0,1fr))] gap-1 rounded-lg border border-border bg-muted/40 p-1`),...p,children:y.map(e=>{let t=e.id===_,a=c===`segmented`;return(0,l.jsx)(i.t,{type:`button`,"aria-pressed":t,disabled:e.disabled,variant:t?`dark`:`secondary`,buttonStyle:t?`solid`:a?`ghost`:`outline`,fullWidth:!0,className:n.cn(`auth-method-switch--option`,`h-auto min-h-10 justify-start rounded-md px-3 py-2.5 text-start`,a&&`min-h-9 justify-center border-0 px-2 py-2 text-center shadow-none min-[480px]:px-3 min-[480px]:text-start`,t&&`auth-method-switch--option-selected`),onClick:()=>b(e.id),children:(0,l.jsxs)(`span`,{className:n.cn(`auth-method-switch--option-inner flex min-w-0 items-center gap-2`,a&&`w-full flex-col justify-center gap-1 min-[480px]:w-auto min-[480px]:flex-row min-[480px]:justify-start min-[480px]:gap-2`),children:[!!e.icon&&(0,l.jsx)(`span`,{className:`auth-method-switch--option-icon shrink-0`,"aria-hidden":`true`,children:e.icon}),(0,l.jsxs)(`span`,{className:n.cn(`auth-method-switch--option-copy grid min-w-0 gap-0.5`,a&&`justify-items-center min-[480px]:justify-items-start`),children:[(0,l.jsx)(r.n,{tag:`span`,size:`xs`,weight:`semibold`,className:n.cn(`max-w-full text-inherit leading-tight`,a?`text-center min-[480px]:truncate min-[480px]:text-start`:`text-start`),children:e.label}),!!e.description&&(0,l.jsx)(r.n,{tag:`span`,size:`xxs`,className:n.cn(a?`hidden min-[480px]:block min-[480px]:truncate`:`text-start leading-snug`,t?`text-inherit opacity-75`:`text-muted-foreground`),children:e.description})]})]})},e.id)})})]})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return N}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return h}});
+//# sourceMappingURL=auth-CDjZFJxy.cjs.map