admin-ui-starter-kit 0.6.8 → 0.6.9

package/.agents/skills/component-library-rules/references/components/base__display-utilities.md

@@ -120,16 +120,23 @@ export function NotificationBannerVariants() {
 
 export function SeparatorExample() {
 	return (
-		<div className="w-full max-w-md">
-			<Text>Section above</Text>
-			<Separator className="my-3" />
-			<Text>Section below</Text>
-			<div className="mt-4 flex h-6 items-center gap-2">
+		<div className="grid w-full max-w-md gap-space-lg">
+			<div>
+				<Text>Section above</Text>
+				<Separator className="my-3" />
+				<Text>Section below</Text>
+			</div>
+			<div>
+				<Text>Dashed section above</Text>
+				<Separator dashed className="my-3" />
+				<Text>Dashed section below</Text>
+			</div>
+			<div className="flex h-6 items-center gap-2">
 				<Text tag="span">Inline</Text>
 				<Separator orientation="vertical" />
-				<Text tag="span">Items</Text>
-				<Separator orientation="vertical" />
-				<Text tag="span">Here</Text>
+				<Text tag="span">Solid</Text>
+				<Separator dashed orientation="vertical" />
+				<Text tag="span">Dashed</Text>
 			</div>
 		</div>
 	);

package/dist/_shared/ai-artifact-Cv8VBibf.cjs

@@ -0,0 +1,3 @@
+const e=require("../lib/strings.cjs"),t=require("../lib/utils.cjs"),n=require("./button-CfQtOuBK.cjs"),r=require("./typography-CWEobAJV.cjs"),i=require("./icon-badge-CU6ZkcER.cjs"),a=require("./badge-C65rt1M9.cjs");let o=require("react"),s=require("react/jsx-runtime"),c=require("lucide-react");var l={copyAria:`Copy message`,copied:`Copied`,regenerateAria:`Regenerate response`},u={assistant:{wrap:`flex-row`,avatar:`bg-primary/15 text-primary`,bubble:`bg-card border border-border/60`},user:{wrap:`flex-row-reverse text-right`,avatar:`bg-muted text-foreground`,bubble:`bg-primary text-primary-foreground`},system:{wrap:`flex-row`,avatar:`bg-muted text-muted-foreground`,bubble:`bg-muted/40 border border-dashed border-border/60`}},d={assistant:c.Bot,user:c.User,system:c.Bot};function f({role:i=`assistant`,avatar:a,avatarLabel:f,authorName:p,timestamp:m,children:h,plainText:g,loading:_=!1,onCopy:v,onRegenerate:y,className:b,strings:x}){let S=e.useStrings(l,x),[C,w]=(0,o.useState)(!1),T=u[i],E=d[i],D=()=>{let e=g??(typeof h==`string`?h:``);e&&typeof navigator<`u`&&navigator.clipboard&&navigator.clipboard.writeText(e),w(!0),v?.(),window.setTimeout(()=>w(!1),1500)},O=a??(0,s.jsx)(`span`,{"aria-label":f,className:t.cn(`inline-flex size-7 shrink-0 items-center justify-center rounded-full`,T.avatar),children:(0,s.jsx)(E,{className:`size-3.5`})});return(0,s.jsxs)(`div`,{className:t.cn(`ai-message-bubble--component`,`flex w-full items-start gap-2`,T.wrap,b),children:[O,(0,s.jsxs)(`div`,{className:`flex max-w-[80%] flex-col gap-1`,children:[(p||m)&&(0,s.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[!!p&&(0,s.jsx)(r.s,{size:`xs`,weight:`medium`,children:p}),!!m&&(0,s.jsx)(r.s,{size:`xs`,type:`secondary`,className:`tabular-nums`,children:m})]}),(0,s.jsx)(`div`,{className:t.cn(`rounded-2xl px-3.5 py-2.5 text-sm leading-relaxed`,T.bubble,_&&`animate-pulse`),children:h}),(v!==void 0||g||y)&&i===`assistant`&&(0,s.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,s.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":S.copyAria,onClick:D,children:(0,s.jsx)(c.Copy,{className:`size-3.5`})}),C&&(0,s.jsx)(r.s,{size:`xs`,type:`success`,children:S.copied}),!!y&&(0,s.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":S.regenerateAria,onClick:y,children:(0,s.jsx)(c.RotateCcw,{className:`size-3.5`})})]})]})]})}f.displayName=`AiMessageBubble`;var p={pending:`Queued`,running:`Running`,success:`Success`,error:`Failed`,expand:`Show details`,collapse:`Hide details`,args:`Arguments`,result:`Result`,durationLabel:`Took`},m={pending:{variant:`secondary`,icon:c.CircleDot},running:{variant:`primary`,icon:c.Loader2},success:{variant:`success`},error:{variant:`error`,icon:c.AlertCircle}};function h(e){return e<1e3?`${Math.round(e)}ms`:`${(e/1e3).toFixed(+(e<1e4))}s`}function g({name:l,status:u,icon:d=c.Wrench,args:f,result:g,error:v,durationMs:y,defaultExpanded:b=!1,className:x,strings:S}){let C=e.useStrings(p,S),[w,T]=(0,o.useState)(b),E={pending:C.pending,running:C.running,success:C.success,error:C.error},D=m[u].icon,O=!!(f||g||v);return(0,s.jsxs)(`div`,{className:t.cn(`ai-tool-call--component`,`overflow-hidden rounded-lg border border-border/60 bg-card`,u===`error`&&`border-destructive/40 bg-destructive/5`,x),children:[(0,s.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`default`,onClick:()=>O&&T(e=>!e),className:t.cn(`ai-tool-call--trigger h-auto w-full justify-start gap-2 rounded-none px-3 py-2 text-left`,O?`cursor-pointer hover:bg-muted/40`:`cursor-default`),"aria-expanded":O?w:void 0,"aria-label":O?w?C.collapse:C.expand:void 0,children:[(0,s.jsx)(i.t,{icon:d,tone:`muted`,size:`default`,shape:`square`}),(0,s.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,s.jsx)(r.s,{weight:`medium`,className:`truncate font-mono`,children:l})}),(0,s.jsxs)(a.t,{variant:m[u].variant,className:`gap-1`,children:[!!D&&(0,s.jsx)(D,{className:t.cn(`size-3`,u===`running`&&`animate-spin`)}),E[u]]}),!!y&&(0,s.jsxs)(r.s,{size:`xs`,type:`secondary`,className:`tabular-nums`,children:[C.durationLabel,` `,h(y)]}),O&&(w?(0,s.jsx)(c.ChevronDown,{className:`size-3.5 text-muted-foreground`}):(0,s.jsx)(c.ChevronRight,{className:`size-3.5 text-muted-foreground`}))]}),!!w&&O&&(0,s.jsxs)(`div`,{className:`border-t border-border/60 bg-muted/20 px-3 py-2 space-y-2`,children:[!!f&&(0,s.jsx)(_,{label:C.args,children:f}),u===`error`&&v?(0,s.jsx)(_,{label:C.error,tone:`error`,children:v}):!!g&&(0,s.jsx)(_,{label:C.result,children:g})]})]})}g.displayName=`AiToolCall`;function _({label:e,children:n,tone:i=`neutral`}){return(0,s.jsxs)(`div`,{className:`space-y-1`,children:[(0,s.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e}),(0,s.jsx)(`pre`,{tabIndex:0,className:t.cn(`overflow-x-auto rounded-md bg-card px-2.5 py-2 font-mono text-xs leading-relaxed`,i===`error`&&`text-destructive bg-destructive/5`),children:n})]})}function v({children:e=`Thinking…`,paused:n=!1,duration:i=2.4,className:a}){if(n)return(0,s.jsx)(r.s,{type:`secondary`,className:t.cn(`ai-shimmer--component`,a),children:e});let o={"--ai-shimmer-duration":`${i}s`};return(0,s.jsx)(`span`,{"data-ai-shimmer":!0,role:`status`,"aria-live":`polite`,className:t.cn(`inline-block bg-clip-text text-sm font-medium text-transparent`,`bg-[linear-gradient(110deg,var(--ai-shimmer-base)_30%,var(--ai-shimmer-highlight)_50%,var(--ai-shimmer-base)_70%)]`,`bg-[length:200%_100%]`,`animate-[ai-shimmer-sweep_var(--ai-shimmer-duration,2.4s)_linear_infinite]`,a),style:o,children:e})}v.displayName=`AiShimmer`;var y={copy:`Copy`,copied:`Copied`,copyAria:`Copy code`,defaultLanguageLabel:`Code`};function b({code:i,language:a,filename:l,showLineNumbers:u=!1,highlightLines:d,hideHeader:f=!1,maxHeight:p,headerActions:m,onCopy:h,className:g,strings:_}){let v=e.useStrings(y,_),[b,x]=(0,o.useState)(!1),S=(0,o.useMemo)(()=>i.split(`
+`),[i]),C=(0,o.useMemo)(()=>new Set(d??[]),[d]),w=()=>{typeof navigator<`u`&&navigator.clipboard&&navigator.clipboard.writeText(i),x(!0),h?.(),window.setTimeout(()=>x(!1),1500)},T=l||a||v.defaultLanguageLabel;return(0,s.jsxs)(`div`,{className:t.cn(`ai-code-block--component`,`w-full min-w-0 max-w-full overflow-hidden rounded-lg border border-border/60 bg-card`,g),children:[!f&&(0,s.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2 border-b border-border/60 bg-muted/30 px-3 py-1.5`,children:[(0,s.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`min-w-0 truncate font-mono uppercase tracking-wider`,children:T}),!!l&&!!a&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(`span`,{"aria-hidden":!0,className:`text-muted-foreground/60`,children:`·`}),(0,s.jsx)(r.s,{size:`xs`,type:`discrete`,className:`font-mono lowercase`,children:a})]}),(0,s.jsxs)(`div`,{className:`ml-auto flex shrink-0 items-center gap-1`,children:[m,(0,s.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":v.copyAria,onClick:w,children:b?(0,s.jsx)(c.Check,{className:`size-3.5 text-success`}):(0,s.jsx)(c.Copy,{className:`size-3.5`})})]})]}),(0,s.jsx)(`div`,{className:`min-w-0 max-w-full overflow-auto`,tabIndex:0,style:p===void 0?void 0:{maxHeight:typeof p==`number`?`${p}px`:p},children:(0,s.jsx)(`pre`,{className:`m-0 px-3 py-2.5 font-mono text-xs leading-relaxed`,children:u?(0,s.jsx)(`table`,{className:`w-full border-collapse`,children:(0,s.jsx)(`tbody`,{children:S.map((e,n)=>{let r=n+1;return(0,s.jsxs)(`tr`,{className:t.cn(C.has(r)&&`bg-primary/10`),children:[(0,s.jsx)(`td`,{className:t.cn(`select-none pr-3 text-right tabular-nums text-muted-foreground/70`,`w-9 min-w-9`),children:r}),(0,s.jsx)(`td`,{className:`whitespace-pre`,children:e||` `})]},n)})})}):(0,s.jsx)(`code`,{className:`block whitespace-pre`,children:i})})})]})}b.displayName=`AiCodeBlock`;var x={removeAria:`Remove attachment`,openAria:`Open attachment`,uploadProgressAria:`Upload progress`},S={image:c.ImageIcon,document:c.FileText,audio:c.AudioLines,video:c.Video,code:c.FileCode,archive:c.Archive,generic:c.FileText};function C({name:i,meta:a,kind:o=`generic`,icon:l,thumbnailUrl:u,progress:d,errored:f=!1,onOpen:p,onRemove:m,className:h,strings:g}){let _=e.useStrings(x,g),v=l??S[o],y=!f&&typeof d==`number`&&d>=0&&d<1,b=(0,s.jsxs)(s.Fragment,{children:[u?(0,s.jsx)(`span`,{"aria-hidden":!0,className:`size-9 shrink-0 overflow-hidden rounded-md bg-muted`,style:{backgroundImage:`url(${u})`,backgroundSize:`cover`,backgroundPosition:`center`}}):(0,s.jsx)(`span`,{"aria-hidden":!0,className:t.cn(`inline-flex size-9 shrink-0 items-center justify-center rounded-md`,f?`bg-destructive/10 text-destructive`:`bg-muted text-muted-foreground`),children:f?(0,s.jsx)(c.AlertCircle,{className:`size-4`}):(0,s.jsx)(v,{className:`size-4`})}),(0,s.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,s.jsx)(r.s,{weight:`medium`,className:`block truncate`,children:i}),!!a&&(0,s.jsx)(r.s,{size:`xs`,type:`secondary`,className:`block truncate tabular-nums`,children:a}),y&&(0,s.jsx)(`div`,{className:`mt-1 h-1 overflow-hidden rounded-full bg-muted`,"aria-label":_.uploadProgressAria,children:(0,s.jsx)(`div`,{className:`h-full rounded-full bg-primary transition-[width] duration-150`,style:{width:`${Math.round((d??0)*100)}%`}})})]})]});return(0,s.jsxs)(`div`,{className:t.cn(`ai-attachment--component`,`group inline-flex max-w-full items-center gap-2.5 rounded-lg border border-border/60 bg-card px-2.5 py-2`,f&&`border-destructive/40 bg-destructive/5`,h),children:[p?(0,s.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`default`,onClick:p,"aria-label":_.openAria,className:t.cn(`h-auto min-w-0 flex-1 justify-start gap-2.5 rounded-md px-0 py-0 text-left`),children:b}):(0,s.jsx)(`div`,{className:`flex min-w-0 flex-1 items-center gap-2.5`,children:b}),!!m&&(0,s.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":_.removeAria,onClick:m,className:`opacity-60 group-hover:opacity-100`,children:(0,s.jsx)(c.X,{className:`size-3.5`})})]})}C.displayName=`AiAttachment`;var w={statusLabels:{idle:`Idle`,thinking:`Thinking`,working:`Working`,done:`Done`,error:`Error`,offline:`Offline`}},T={primary:`bg-primary/15 text-primary`,success:`bg-success/15 text-success`,warning:`bg-warning/20 text-warning`,destructive:`bg-destructive/15 text-destructive`,info:`bg-info/15 text-info`,neutral:`bg-muted text-muted-foreground`},E={idle:`secondary`,thinking:`primary`,working:`primary`,done:`success`,error:`error`,offline:`secondary`};function D({name:n,icon:i,avatar:o,subtitle:l,tone:u=`primary`,status:d,variant:f=`inline`,trailing:p,className:m,strings:h}){let g=e.useStrings(w,h),_=i??c.Bot,v=f===`card`?`size-9`:`size-7`,y=f===`card`?`size-4`:`size-3.5`,b=o??(0,s.jsx)(`span`,{"aria-hidden":!0,className:t.cn(`inline-flex shrink-0 items-center justify-center rounded-full`,v,T[u]),children:(0,s.jsx)(_,{className:y})}),x=!!d&&(0,s.jsxs)(a.t,{variant:E[d],className:`gap-1`,children:[(0,s.jsx)(`span`,{"aria-hidden":!0,className:t.cn(`inline-block size-1.5 rounded-full`,d===`thinking`||d===`working`?`animate-pulse bg-current`:`bg-current`)}),g.statusLabels[d]]});return f===`card`?(0,s.jsxs)(`div`,{className:t.cn(`ai-agent--component`,`flex items-center gap-3 rounded-lg border border-border/60 bg-card px-3 py-2.5`,m),children:[b,(0,s.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,s.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,s.jsx)(r.s,{weight:`semibold`,className:`truncate`,children:n}),x]}),!!l&&(0,s.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-0.5 line-clamp-1`,children:l})]}),!!p&&(0,s.jsx)(`div`,{className:`ml-auto flex items-center gap-1`,children:p})]}):(0,s.jsxs)(`div`,{className:t.cn(`inline-flex items-center gap-2`,m),children:[b,(0,s.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,s.jsx)(r.s,{size:`xs`,weight:`medium`,className:`truncate`,children:n}),!!l&&(0,s.jsx)(r.s,{size:`xs`,type:`secondary`,className:`truncate`,children:l}),x]}),!!p&&(0,s.jsx)(`div`,{className:`ml-1 flex items-center gap-1`,children:p})]})}D.displayName=`AiAgent`;var O={approve:`Approve`,reject:`Reject`,pending:`Awaiting your approval`,approved:`Approved`,rejected:`Rejected`},k={neutral:{ring:`border-border/60 bg-card`,icon:`muted`},destructive:{ring:`border-destructive/40 bg-destructive/5`,icon:`destructive`},warning:{ring:`border-warning/40 bg-warning/5`,icon:`warning`},info:{ring:`border-info/40 bg-info/5`,icon:`info`},primary:{ring:`border-primary/40 bg-primary/5`,icon:`primary`}};function A({title:a,description:o,icon:l,tone:u=`neutral`,status:d=`pending`,onApprove:f,onReject:p,approveLabel:m,rejectLabel:h,details:g,className:_,strings:v}){let y=e.useStrings(O,v),b=l??c.ShieldCheck,x=k[u];return(0,s.jsxs)(`div`,{role:`region`,"aria-live":`polite`,className:t.cn(`ai-confirmation--component`,`rounded-lg border px-3 py-2.5`,x.ring,_),children:[(0,s.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,s.jsx)(i.t,{icon:b,tone:x.icon,size:`default`,shape:`square`}),(0,s.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,s.jsx)(r.s,{weight:`semibold`,children:a}),!!o&&(0,s.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-1`,children:o}),!!g&&(0,s.jsx)(`div`,{className:`mt-2`,children:g})]})]}),d===`pending`?(0,s.jsxs)(`div`,{className:`mt-3 flex items-center justify-between gap-2 border-t border-border/60 pt-2.5`,children:[(0,s.jsx)(r.s,{size:`xs`,type:`secondary`,children:y.pending}),(0,s.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,s.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:p,children:[(0,s.jsx)(c.X,{className:`size-3.5`}),h??y.reject]}),(0,s.jsxs)(n.t,{type:`button`,variant:u===`destructive`?`error`:`primary`,onClick:f,children:[(0,s.jsx)(c.Check,{className:`size-3.5`}),m??y.approve]})]})]}):(0,s.jsx)(`div`,{className:`mt-3 flex items-center gap-2 border-t border-border/60 pt-2.5`,children:d===`approved`?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(c.Check,{className:`size-3.5 text-success`}),(0,s.jsx)(r.s,{size:`xs`,type:`success`,weight:`medium`,children:y.approved})]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(c.X,{className:`size-3.5 text-muted-foreground`}),(0,s.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,children:y.rejected})]})})]})}A.displayName=`AiConfirmation`;var j={title:`{{count}} sources`,expand:`Show all sources`,collapse:`Hide sources`,visit:`Visit source`};function M(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function N({sources:i,variant:a=`list`,maxAvatars:l=5,defaultExpanded:u=!1,onSelect:d,className:f,strings:p}){let m=e.mergeStrings(j,p),[h,g]=(0,o.useState)(u),_=M(m.title,{count:i.length});if(a===`avatars`)return(0,s.jsx)(P,{sources:i,max:l,title:_,onSelect:d,className:t.cn(`ai-sources--component`,f)});let v=h?i:i.slice(0,0);return(0,s.jsxs)(`div`,{className:t.cn(`ai-sources--component rounded-lg border border-border/60 bg-card`,f),children:[(0,s.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`default`,onClick:()=>g(e=>!e),"aria-expanded":h,"aria-label":h?m.collapse:m.expand,className:t.cn(`ai-sources--trigger h-auto w-full justify-start gap-2 px-3 py-2 text-left`,`rounded-lg hover:bg-muted/40`),children:[(0,s.jsx)(F,{sources:i.slice(0,4)}),(0,s.jsx)(r.s,{size:`xs`,weight:`medium`,className:`flex-1`,children:_}),h?(0,s.jsx)(c.ChevronDown,{className:`size-3.5 text-muted-foreground`}):(0,s.jsx)(c.ChevronRight,{className:`size-3.5 text-muted-foreground`})]}),h&&(0,s.jsx)(`ol`,{className:`border-t border-border/60 px-2 py-2 space-y-0.5`,children:v.map((e,t)=>(0,s.jsx)(L,{source:e,index:t+1,onSelect:d?()=>d(e,t):void 0,visitLabel:m.visit},e.id))})]})}N.displayName=`AiSources`;function P({sources:e,max:n,title:i,onSelect:a,className:o}){let c=e.slice(0,n),l=e.length-c.length;return(0,s.jsxs)(`div`,{className:t.cn(`inline-flex items-center gap-2`,o),children:[(0,s.jsx)(F,{sources:c,onSelect:a}),(0,s.jsx)(r.s,{size:`xs`,type:`secondary`,children:i}),l>0&&(0,s.jsxs)(r.s,{size:`xs`,type:`discrete`,className:`tabular-nums`,children:[`+`,l]})]})}function F({sources:e,onSelect:t}){return(0,s.jsx)(`div`,{className:`flex -space-x-1.5`,children:e.map((e,r)=>{let i=(0,s.jsx)(`span`,{"aria-hidden":!0,title:typeof e.title==`string`?e.title:void 0,className:`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`,children:(0,s.jsx)(I,{src:e.faviconUrl})},e.id);return t?(0,s.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,onClick:()=>t(e,r),className:`size-5 rounded-full p-0`,children:i},e.id):i})})}function I({src:e}){let[t,n]=(0,o.useState)(!1);return(0,o.useEffect)(()=>{n(!1)},[e]),!e||t?(0,s.jsx)(c.Globe,{className:`size-3`}):(0,s.jsx)(`img`,{src:e,alt:``,className:`size-full object-cover`,onError:()=>n(!0)})}function L({source:e,index:n,onSelect:i,visitLabel:a}){return(0,s.jsx)(`li`,{children:(0,s.jsxs)(e.url&&!i?`a`:i?`button`:`span`,{...e.url&&!i?{href:e.url,target:`_blank`,rel:`noopener noreferrer`}:i?{type:`button`,onClick:i}:{},className:t.cn(`group flex w-full items-start gap-2.5 rounded-md px-2 py-1.5 text-left`,(e.url||i)&&`hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`),"aria-label":e.url?a:void 0,children:[(0,s.jsx)(`span`,{className:`inline-flex size-5 shrink-0 items-center justify-center rounded-full bg-muted text-xs font-semibold text-muted-foreground tabular-nums`,children:n}),(0,s.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,s.jsxs)(r.s,{weight:`medium`,className:`truncate`,children:[e.title,!!e.url&&(0,s.jsx)(c.ExternalLink,{className:`ml-1 inline size-3 text-muted-foreground/70 align-baseline`})]}),!!e.publisher&&(0,s.jsx)(r.s,{size:`xs`,type:`secondary`,className:`truncate`,children:e.publisher}),!!e.snippet&&(0,s.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-1 line-clamp-2`,children:e.snippet})]})]})})}var R={thinking:`Thinking…`,thoughtFor:`Thought for {{seconds}}s`,thoughtDone:`Reasoning complete`,expandAria:`Expand reasoning`,collapseAria:`Collapse reasoning`};function z(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function B({children:i,streaming:a=!1,durationSeconds:l,expandWhileStreaming:u=!0,defaultExpanded:d=!1,expanded:f,onExpandedChange:p,className:m,strings:h}){let g=e.useStrings(R,h),[_,y]=(0,o.useState)(d),b=f??_,x=e=>{f===void 0&&y(e),p?.(e)};(0,o.useEffect)(()=>{a&&u&&!b&&x(!0),!a&&u&&b&&!d&&f===void 0&&x(!1)},[a]);let S=a?(0,s.jsx)(v,{children:g.thinking}):l===void 0?(0,s.jsx)(r.s,{weight:`medium`,children:g.thoughtDone}):(0,s.jsx)(r.s,{weight:`medium`,children:z(g.thoughtFor,{seconds:l.toFixed(1)})});return(0,s.jsxs)(`div`,{className:t.cn(`ai-reasoning--component`,`overflow-hidden rounded-lg border border-border/60 bg-muted/20`,m),children:[(0,s.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`default`,onClick:()=>x(!b),"aria-expanded":b,"aria-label":b?g.collapseAria:g.expandAria,className:t.cn(`ai-reasoning--trigger h-auto w-full justify-start gap-2 rounded-none px-3 py-2 text-left`,`hover:bg-muted/30`),children:[(0,s.jsx)(c.Brain,{className:`size-3.5 text-muted-foreground`}),(0,s.jsx)(`div`,{className:`flex-1`,children:S}),b?(0,s.jsx)(c.ChevronDown,{className:`size-3.5 text-muted-foreground`}):(0,s.jsx)(c.ChevronRight,{className:`size-3.5 text-muted-foreground`})]}),b&&(0,s.jsx)(`div`,{className:`border-t border-border/60 px-3 py-2.5`,children:typeof i==`string`?(0,s.jsx)(r.s,{type:`secondary`,lineHeight:`relaxed`,className:`whitespace-pre-wrap`,children:i}):(0,s.jsx)(`div`,{className:`whitespace-pre-wrap`,children:i})})]})}B.displayName=`AiReasoning`;var V={title:`Reasoning`,streamingHint:`Working through the steps…`},H={pending:{icon:c.Circle,iconCls:`text-muted-foreground/60`,ring:`border-border/60 bg-card`},active:{icon:c.Loader2,iconCls:`text-primary`,ring:`border-primary/40 bg-primary/5`,spin:!0},completed:{icon:c.Check,iconCls:`text-success-foreground`,ring:`border-success/40 bg-success`},failed:{icon:c.AlertCircle,iconCls:`text-destructive-foreground`,ring:`border-destructive/40 bg-destructive`}};function U({steps:n,hideHeader:i=!1,streaming:a=!1,className:o,strings:c}){let l=e.useStrings(V,c);return(0,s.jsxs)(`div`,{className:t.cn(`ai-chain-of-thought--component`,`rounded-lg border border-border/60 bg-card`,o),children:[!i&&(0,s.jsxs)(`div`,{className:`flex items-center gap-2 border-b border-border/60 px-3 py-2`,children:[(0,s.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:l.title}),a&&(0,s.jsx)(v,{className:`ml-auto !text-xs`,children:l.streamingHint})]}),(0,s.jsx)(`ol`,{className:`relative px-3 py-3`,children:n.map((e,i)=>{let a=e.status??`pending`,o=H[a],c=e.icon??o.icon;return(0,s.jsxs)(`li`,{className:`relative flex gap-3 pb-3 last:pb-0`,children:[i!==n.length-1&&(0,s.jsx)(`span`,{"aria-hidden":!0,className:`absolute bottom-0 left-[11px] top-[26px] w-px bg-border/60`}),(0,s.jsx)(`span`,{"aria-hidden":!0,className:t.cn(`relative z-[1] mt-0.5 inline-flex size-6 shrink-0 items-center justify-center rounded-full border`,o.ring),children:(0,s.jsx)(c,{className:t.cn(`size-3`,o.iconCls,o.spin&&`animate-spin`)})}),(0,s.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,s.jsx)(r.s,{weight:a===`active`?`semibold`:`medium`,className:t.cn(a===`pending`&&`text-muted-foreground`),children:e.title}),!!e.description&&(0,s.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:e.description}),!!e.body&&(0,s.jsx)(`div`,{className:`mt-2`,children:e.body})]})]},e.id)})})]})}U.displayName=`AiChainOfThought`;var W={statusLabels:{queued:`Queued`,running:`Running`,completed:`Done`,failed:`Failed`,cancelled:`Cancelled`,skipped:`Skipped`},collapseSubtasks:`Collapse subtasks`,expandSubtasks:`Expand subtasks`},G={queued:{icon:c.Circle,cls:`text-muted-foreground/60`},running:{icon:c.Loader2,cls:`text-primary`,spin:!0},completed:{icon:c.Check,cls:`text-success`},failed:{icon:c.AlertCircle,cls:`text-destructive`},cancelled:{icon:c.XCircle,cls:`text-muted-foreground`},skipped:{icon:c.MinusCircle,cls:`text-muted-foreground`}},K={queued:`secondary`,running:`primary`,completed:`success`,failed:`error`,cancelled:`secondary`,skipped:`secondary`};function q({task:n,density:r=`compact`,indent:i=18,className:a,strings:o}){let c=e.useStrings(W,o);return(0,s.jsx)(`div`,{className:t.cn(`ai-task--component`,`rounded-lg border border-border/60 bg-card`,a),children:(0,s.jsx)(J,{item:n,depth:0,density:r,indent:i,strings:c})})}q.displayName=`AiTask`;function J({item:e,depth:i,density:l,indent:u,strings:d}){let f=e.status??`queued`,p=G[f],m=e.icon??p.icon,h=!!e.children?.length,[g,_]=(0,o.useState)(l===`expanded`||i===0);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(`div`,{className:t.cn(`flex items-start gap-2 px-3 py-2`,i>0&&`border-t border-border/60`),style:{paddingLeft:12+i*u},children:[h?(0,s.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,onClick:()=>_(e=>!e),"aria-expanded":g,"aria-label":g?d.collapseSubtasks:d.expandSubtasks,className:`-ml-1 mt-0.5 size-4 rounded p-0 text-muted-foreground hover:text-foreground`,children:g?(0,s.jsx)(c.ChevronDown,{className:`size-3.5`}):(0,s.jsx)(c.ChevronRight,{className:`size-3.5`})}):(0,s.jsx)(`span`,{"aria-hidden":!0,className:`mt-0.5 size-4`}),(0,s.jsx)(m,{className:t.cn(`mt-[3px] size-3.5 shrink-0`,p.cls,p.spin&&`animate-spin`)}),(0,s.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,s.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,s.jsx)(r.s,{weight:f===`running`?`semibold`:`medium`,className:t.cn(`flex-1 truncate`,f===`queued`&&`text-muted-foreground`,f===`cancelled`&&`line-through text-muted-foreground`,f===`skipped`&&`text-muted-foreground/70`),children:e.title}),(0,s.jsx)(a.t,{variant:K[f],children:d.statusLabels[f]}),!!e.rightSlot&&(0,s.jsx)(r.s,{tag:`span`,size:`xs`,type:`secondary`,className:`tabular-nums`,children:e.rightSlot})]}),!!e.body&&(0,s.jsx)(`div`,{className:`mt-2`,children:e.body})]})]}),h&&g&&(0,s.jsx)(`div`,{children:e.children.map(e=>(0,s.jsx)(J,{item:e,depth:i+1,density:l,indent:u,strings:d},e.id))})]})}var Y={openAria:`Open artifact`,copy:`Copy`,copied:`Copied`,copyAria:`Copy artifact`,downloadAria:`Download artifact`,expandAria:`Expand artifact`};function X({title:a,subtitle:l,icon:u,copyText:d,children:f,collapsed:p=!1,onOpen:m,actions:h,onDownload:g,className:_,strings:v}){let y=e.useStrings(Y,v),b=u??c.FileText,[x,S]=(0,o.useState)(!1);return(0,s.jsxs)(`div`,{className:t.cn(`ai-artifact--component`,`overflow-hidden rounded-lg border border-border/60 bg-card`,_),children:[(0,s.jsxs)(`div`,{className:`flex items-center gap-3 border-b border-border/60 bg-muted/20 px-3 py-2`,children:[(0,s.jsx)(i.t,{icon:b,tone:`muted`,size:`default`,shape:`square`}),(0,s.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,s.jsx)(r.s,{weight:`semibold`,className:`truncate`,children:a}),!!l&&(0,s.jsx)(r.s,{size:`xs`,type:`secondary`,className:`truncate`,children:l})]}),(0,s.jsxs)(`div`,{className:`flex items-center gap-1`,children:[h?.map(e=>{let t=e.icon;return(0,s.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:e.onSelect,children:[!!t&&(0,s.jsx)(t,{className:`size-3.5`}),e.label]},e.id)}),!!d&&(0,s.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":y.copyAria,onClick:()=>{d&&(typeof navigator<`u`&&navigator.clipboard&&navigator.clipboard.writeText(d),S(!0),window.setTimeout(()=>S(!1),1500))},children:x?(0,s.jsx)(c.Check,{className:`size-3.5 text-success`}):(0,s.jsx)(c.Copy,{className:`size-3.5`})}),!!g&&(0,s.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":y.downloadAria,onClick:g,children:(0,s.jsx)(c.Download,{className:`size-3.5`})}),!!m&&(0,s.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":y.openAria,onClick:m,children:(0,s.jsx)(c.ExternalLink,{className:`size-3.5`})})]})]}),!p&&!!f&&(0,s.jsx)(`div`,{className:`bg-card`,children:f})]})}X.displayName=`AiArtifact`,Object.defineProperty(exports,"C",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"S",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return U}}),Object.defineProperty(exports,"b",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return W}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return N}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return Y}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return V}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return q}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return B}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return X}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,"v",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"x",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"y",{enumerable:!0,get:function(){return v}});
+//# sourceMappingURL=ai-artifact-Cv8VBibf.cjs.map

package/dist/_shared/ai-artifact-Cv8VBibf.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-artifact-Cv8VBibf.cjs","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';\nimport type { StringsProp } from '@/lib/strings';\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?: StringsProp<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=\"xs\" 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-small\"\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=\"xs\" 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-small\"\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';\nimport type { StringsProp } from '@/lib/strings';\n\nexport type AiToolCallStatus = 'pending' | 'running' | 'success' | 'error';\n\nexport interface AiToolCallStrings {\n\tpending: string;\n\trunning: string;\n\tsuccess: string;\n\terror: string;\n\texpand: string;\n\tcollapse: string;\n\targs: string;\n\tresult: string;\n\tdurationLabel: string;\n}\n\nexport const defaultAiToolCallStrings: AiToolCallStrings = {\n\tpending: 'Queued',\n\trunning: 'Running',\n\tsuccess: 'Success',\n\terror: 'Failed',\n\texpand: 'Show details',\n\tcollapse: 'Hide details',\n\targs: 'Arguments',\n\tresult: 'Result',\n\tdurationLabel: 'Took',\n};\n\nexport interface AiToolCallProps {\n\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?: StringsProp<AiToolCallStrings>;\n}\n","/**\n * AiToolCall — collapsible trace for a model-invoked tool / function. Header\n * shows the tool name, status pill, and an expand/collapse toggle. Expanded\n * content reveals JSON-style `args` and `result` blocks (or an error block\n * when status is `error`) plus an optional duration. Use to surface tool-use\n * transparency in chat / agent UIs. Strings overridable for i18n.\n */\nimport {\n\tuseState,\n\ttype ReactNode } from 'react';\nimport {\n\tAlertCircle,\n\tChevronDown,\n\tChevronRight,\n\tCircleDot,\n\tLoader2,\n\tWrench,\n\ttype LucideIcon,\n\t} from 'lucide-react';\nimport { Badge } from '@/components/base/badge';\nimport { Button } from '@/components/base/buttons';\nimport { IconBadge,\n} 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=\"default\"\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=\"default\" 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=\"xs\" 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=\"xs\" 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';\nimport type { StringsProp } from '@/lib/strings';\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?: StringsProp<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=\"xs\"\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=\"xs\" 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-small\"\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-9 min-w-9',\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';\nimport type { StringsProp } from '@/lib/strings';\n\nexport type AiAttachmentKind = 'image' | 'document' | 'audio' | 'video' | 'code' | 'archive' | 'generic';\n\nexport interface AiAttachmentStrings {\n\tremoveAria: string;\n\topenAria: string;\n\tuploadProgressAria: string;\n}\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?: StringsProp<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=\"xs\" 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=\"default\"\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-small\"\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';\nimport type { StringsProp } from '@/lib/strings';\n\nexport type AiAgentStatus = 'idle' | 'thinking' | 'working' | 'done' | 'error' | 'offline';\n\nexport interface AiAgentStrings {\n\tstatusLabels: Record<AiAgentStatus, string>;\n}\n\nexport const defaultAiAgentStrings: AiAgentStrings = {\n\tstatusLabels: {\n\t\tidle: 'Idle',\n\t\tthinking: 'Thinking',\n\t\tworking: 'Working',\n\t\tdone: 'Done',\n\t\terror: 'Error',\n\t\toffline: 'Offline',\n\t},\n};\n\nexport interface AiAgentProps {\n\t/** Display name (e.g. \"Atlas\", \"Claude\"). */\n\tname: string;\n\t/** Avatar / mark — typically an icon or short emoji. */\n\ticon?: LucideIcon;\n\t/** Override avatar with arbitrary content (image, gradient mark, etc.). */\n\tavatar?: ReactNode;\n\t/** Short blurb / model identifier rendered under the name. */\n\tsubtitle?: ReactNode;\n\t/** Tone color for the avatar wash. */\n\ttone?: 'primary' | 'success' | 'warning' | 'destructive' | 'info' | 'neutral';\n\t/** Live status displayed as a pill next to the name. */\n\tstatus?: AiAgentStatus;\n\t/** Density variant — `inline` is a single-line chip, `card` is a tile. */\n\tvariant?: 'inline' | 'card';\n\t/** Trailing slot — typically actions, badges. */\n\ttrailing?: ReactNode;\n\tclassName?: string;\n\tstrings?: StringsProp<AiAgentStrings>;\n}\n","/**\n * AiAgent — identity card for an AI persona / model. Renders avatar (icon\n * or custom), name, optional subtitle (model id, role), and a live status\n * pill. `variant='inline'` is a one-line chip (header strips, breadcrumbs);\n * `variant='card'` is a small tile (model picker, agent dock).\n */\nimport { Bot, type LucideIcon } from 'lucide-react';\nimport { Badge } from '@/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=\"xs\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t\t{subtitle}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t\t{StatusPill}\n\t\t\t</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';\nimport type { StringsProp } from '@/lib/strings';\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?: StringsProp<AiConfirmationStrings>;\n}\n","/**\n * AiConfirmation — inline approval prompt rendered in-stream when an agent\n * needs user permission before taking a side-effecting action (run command,\n * call write API, charge a card). Carries title, description, icon, optional\n * details, and an approve/reject pair. After resolution, the action row\n * collapses into a status pill.\n */\nimport {\n\tCheck,\n\tShieldCheck,\n\tX,\n\ttype LucideIcon } from 'lucide-react';\nimport { Button } from '@/components/base/buttons';\nimport { IconBadge,\n} 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=\"default\" 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=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t{strings.pending}\n\t\t\t\t\t</Text>\n\t\t\t\t\t<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';\nimport type { StringsProp } from '@/lib/strings';\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?: StringsProp<AiSourcesStrings>;\n}\n","/**\n * AiSources — light-weight source list rendered under streamed content. Two\n * shapes: `list` is a vertical stack of source rows (favicon + title + host);\n * `avatars` is a compact stacked-favicon strip used when space is tight (chat\n * footer, side panel header). For richer \"expandable\" footnote-style sources\n * with relevance bars and snippets, see `<AiCitation>`.\n */\nimport { useEffect, useState } from 'react';\nimport { ChevronDown, ChevronRight, ExternalLink, Globe } from 'lucide-react';\nimport { Button } from '@/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=\"default\"\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=\"xs\" 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-small\"\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-xs 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=\"xs\" 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';\nimport type { StringsProp } from '@/lib/strings';\n\nexport interface AiReasoningStrings {\n\t/** Header label when collapsed and reasoning is in progress. */\n\tthinking: string;\n\t/** Header label when reasoning is complete (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?: StringsProp<AiReasoningStrings>;\n}\n","/**\n * AiReasoning — collapsible \"thinking\" trace shown above the assistant's\n * final answer. While `streaming` is true the header runs the shimmer label\n * and the body is auto-expanded; once streaming ends, the header switches\n * to \"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=\"default\"\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';\nimport type { StringsProp } from '@/lib/strings';\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?: StringsProp<AiChainOfThoughtStrings>;\n}\n","/**\n * AiChainOfThought — vertical timeline of reasoning steps an agent took (or\n * is taking) to reach a conclusion. Status-aware markers; per-step body slot\n * for nested content (tool calls, code, sub-steps). Pair with `AiReasoning`\n * (free-form trace) when the model emits structured plan steps.\n */\nimport { AlertCircle, Check, Circle, Loader2, type LucideIcon } from 'lucide-react';\nimport { 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 bottom-0 left-[11px] top-[26px] w-px bg-border/60\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'relative z-[1] mt-0.5 inline-flex size-6 shrink-0 items-center justify-center rounded-full border',\n\t\t\t\t\t\t\t\t\tvisual.ring,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'size-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';\nimport type { StringsProp } from '@/lib/strings';\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?: StringsProp<AiTaskStrings>;\n}\n","/**\n * AiTask — single task (with optional sub-tasks) used by agent surfaces to\n * surface long-running plans: scaffolding, package installs, multi-file\n * edits. Each row carries a status marker, a title, and optional body /\n * right-slot. Children render nested under the parent and are auto-\n * collapsed by default in the `compact` density.\n */\nimport { useState } from 'react';\nimport {\n\tAlertCircle,\n\tCheck,\n\tChevronDown,\n\tChevronRight,\n\tCircle,\n\tLoader2,\n\tMinusCircle,\n\tXCircle,\n\ttype LucideIcon,\n} from 'lucide-react';\nimport { Badge } from '@/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-small\"\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=\"xs\"\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';\nimport type { StringsProp } from '@/lib/strings';\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?: StringsProp<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 {\n\tuseState } from 'react';\nimport {\n\tCheck,\n\tCopy,\n\tDownload,\n\tExternalLink,\n\tFileText,\n\ttype LucideIcon,\n\t} from 'lucide-react';\nimport { Button } from '@/components/base/buttons';\nimport { IconBadge,\n} 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=\"default\" 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=\"xs\" 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-small\"\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-small\"\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-small\"\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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"}