npm - admin-ui-starter-kit - Versions diffs - 0.4.5 → 0.6.1 - Mend

admin-ui-starter-kit 0.4.5 → 0.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1784) hide show

package/dist/components/features/ai-chat/index.cjs CHANGED Viewed

@@ -1,3 +1,3 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-BI347RlM.cjs"),r=require("../../../_shared/heading-0DYCOrgC.cjs"),i=require("../../../_shared/icon-badge-BAWl1oOe.cjs"),a=require("../../../_shared/badge-CBof1rbF.cjs"),o=require("../../../_shared/textarea-C4SOrh0z.cjs"),s=require("../../../_shared/ai-artifact-D4EjKoq6.cjs");let c=require("react"),l=require("react/jsx-runtime"),u=require("lucide-react");var d={placeholder:`Ask anything…`,attachAria:`Attach files`,submitAria:`Send message`,stopAria:`Stop generating`,modelPickerAria:`Choose model`,hint:`Press {{submitKey}} to send · {{newlineKey}} for newline`},f={scrollToBottom:`Jump to latest`,scrollToBottomAria:`Scroll to bottom`},p={header:`In queue`,cancelAria:`Remove from queue`,queuedLabel:`Queued`,runningLabel:`Running`},m={header:`Try`},h={pending:`Thinking…`},g={prompt:d,conversation:f,queue:p,suggestions:m,message:h,emptyTitle:`Start a conversation`,emptyDescription:`Ask a question, share context, or attach a file to get going.`};function _(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function v({attachments:e,onRemove:n,onOpen:r,className:i}){return e.length===0?null:(0,l.jsx)(`div`,{className:t.cn(`flex flex-wrap gap-2`,i),children:e.map(e=>(0,l.jsx)(s.h,{name:e.name,meta:e.meta,kind:e.kind,icon:e.icon,thumbnailUrl:e.thumbnailUrl,progress:e.progress,errored:e.errored,onOpen:r?()=>r(e):void 0,onRemove:n?()=>n(e.id):void 0},e.id))})}v.displayName=`AiChatAttachmentsStrip`;function y({threshold:e=80,dependency:t,disableAutoScroll:n=!1}={}){let r=(0,c.useRef)(null),i=(0,c.useRef)(null),[a,o]=(0,c.useState)(!0),s=(0,c.useCallback)((e=`smooth`)=>{i.current?.scrollIntoView({behavior:e,block:`end`})},[]);return(0,c.useEffect)(()=>{let t=r.current;if(!t)return;let n=()=>{o(t.scrollHeight-t.clientHeight-t.scrollTop<=e)};return n(),t.addEventListener(`scroll`,n,{passive:!0}),()=>t.removeEventListener(`scroll`,n)},[e]),(0,c.useEffect)(()=>{if(n||!a)return;let e=window.requestAnimationFrame(()=>s(`auto`));return()=>window.cancelAnimationFrame(e)},[t,n]),{containerRef:r,endRef:i,isAtBottom:a,scrollToBottom:s}}function b({messages:i,renderMessage:a,intro:o,footer:s,empty:c,disableAutoScroll:d,className:p,strings:m}){let h=e.useStrings(f,m),{containerRef:g,endRef:_,isAtBottom:v,scrollToBottom:b}=y({dependency:i.length,disableAutoScroll:d}),x=i.length===0&&!o;return(0,l.jsxs)(`div`,{className:t.cn(`relative flex h-full min-h-0 flex-col`,p),children:[(0,l.jsxs)(`div`,{ref:g,className:`flex-1 overflow-y-auto px-3 py-4 sm:px-4`,children:[!!o&&(0,l.jsx)(`div`,{className:`mb-4`,children:o}),x?c??(0,l.jsx)(`div`,{className:`flex h-full items-center justify-center px-6 py-12`,children:(0,l.jsx)(r.n,{type:`secondary`,children:`No messages yet.`})}):(0,l.jsx)(`ol`,{className:`space-y-4`,children:i.map((e,t)=>(0,l.jsx)(`li`,{children:a(e,{isLast:t===i.length-1,index:t})},e.id))}),!!s&&(0,l.jsx)(`div`,{className:`mt-4`,children:s}),(0,l.jsx)(`div`,{ref:_,"aria-hidden":!0,className:`h-px`})]}),!v&&(0,l.jsx)(`div`,{className:`pointer-events-none absolute bottom-3 left-1/2 -translate-x-1/2`,children:(0,l.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`solid`,"aria-label":h.scrollToBottomAria,onClick:()=>b(`smooth`),className:t.cn(`pointer-events-auto rounded-full shadow-md`,`border border-border/60`),children:[(0,l.jsx)(u.ArrowDown,{className:`size-3.5`}),h.scrollToBottom]})})]})}b.displayName=`AiChatConversation`;function x({title:e=`Start a conversation`,description:n,icon:a=u.Sparkles,below:o,className:s}){return(0,l.jsxs)(`div`,{className:t.cn(`flex h-full flex-col items-center justify-center gap-3 px-4 py-10 text-center`,s),children:[(0,l.jsx)(i.t,{icon:a,tone:`primary`,size:`md`,shape:`square`}),(0,l.jsxs)(`div`,{className:`max-w-md space-y-1`,children:[(0,l.jsx)(r.t,{tag:`h4`,children:e}),!!n&&(0,l.jsx)(r.n,{type:`secondary`,children:n})]}),!!o&&(0,l.jsx)(`div`,{className:`mt-4 w-full max-w-2xl`,children:o})]})}x.displayName=`AiChatEmptyState`;function S({message:n,onCopy:r,onRegenerate:i,onAttachmentOpen:a,className:o,strings:c}){let u=e.useStrings(h,c),d=[],f=[];for(let e of n.parts)e.type===`text`?d.push(e):f.push(e);let p=d.map(e=>e.type===`text`?e.plain??w(e.content):``).filter(Boolean).join(`
-`)||void 0,m=n.pending?(0,l.jsx)(s.y,{children:u.pending}):d.length===0&&f.length>0?null:(0,l.jsx)(`div`,{className:`space-y-2`,children:d.map((e,t)=>e.type===`text`?(0,l.jsx)(`div`,{className:`whitespace-pre-wrap`,children:e.content},t):null)});return(0,l.jsxs)(`div`,{className:t.cn(`space-y-2`,o),children:[(m!==null||n.pending)&&(0,l.jsx)(s.S,{role:n.role,avatar:n.avatar,authorName:n.authorName,timestamp:n.timestamp,plainText:p,loading:n.loading,onCopy:p?r??(()=>void 0):void 0,onRegenerate:i,children:m}),f.length>0&&(0,l.jsx)(`div`,{className:t.cn(`space-y-2`,n.role===`user`?`pr-9 sm:pl-12`:`pl-9 sm:pr-12`),children:f.map((e,t)=>(0,l.jsx)(C,{part:e,onAttachmentOpen:a},t))}),!!n.trailing&&(0,l.jsx)(`div`,{className:t.cn(n.role===`user`?`pr-9 sm:pl-12`:`pl-9 sm:pr-12`),children:n.trailing})]})}S.displayName=`AiChatMessage`;function C({part:e,onAttachmentOpen:t}){switch(e.type){case`text`:return(0,l.jsx)(r.n,{children:e.content});case`reasoning`:return(0,l.jsx)(s.s,{streaming:e.streaming,durationSeconds:e.durationSeconds,children:e.content});case`chain-of-thought`:return(0,l.jsx)(s.a,{steps:e.steps,streaming:e.streaming});case`tool`:return(0,l.jsx)(s.b,{name:e.name,status:e.status,icon:e.icon,args:e.args,result:e.result,error:e.error,durationMs:e.durationMs,defaultExpanded:e.defaultExpanded});case`code`:return(0,l.jsx)(s._,{code:e.code,language:e.language,filename:e.filename,showLineNumbers:e.showLineNumbers,highlightLines:e.highlightLines});case`attachments`:return(0,l.jsx)(v,{attachments:e.items,onOpen:t?e=>t(e.id):void 0});case`sources`:return(0,l.jsx)(s.l,{sources:e.items,variant:e.variant,defaultExpanded:e.defaultExpanded});case`task`:return(0,l.jsx)(s.r,{task:e.task});case`artifact`:return(0,l.jsx)(s.t,{title:e.title,subtitle:e.subtitle,icon:e.icon,copyText:e.copyText,actions:e.actions,onOpen:e.onOpen,onDownload:e.onDownload,children:e.body});case`confirmation`:return(0,l.jsx)(s.d,{title:e.title,description:e.description,tone:e.tone,status:e.status,details:e.details,onApprove:e.onApprove,onReject:e.onReject});case`custom`:return(0,l.jsx)(l.Fragment,{children:e.render()});default:return null}}function w(e){return typeof e==`string`||typeof e==`number`?String(e):Array.isArray(e)?e.map(w).join(``):``}function T({value:i,onChange:a,onSubmit:s,onStop:f,streaming:p=!1,disabled:m=!1,attachments:h=[],onRemoveAttachment:g,onAttach:y,showAttach:b,leadingActions:x,trailingActions:S,hideHint:C=!1,minRows:w=1,maxRows:T=8,autoFocus:E=!1,className:D,strings:O}){let k=e.useStrings(d,O),A=(0,c.useRef)(null),j=!p&&!m&&(i.trim().length>0||h.length>0),M=(0,c.useCallback)(()=>{j&&s?.({text:i,attachments:h})},[j,s,i,h]),N=(0,c.useCallback)(e=>{e.key===`Enter`&&!e.shiftKey&&!e.nativeEvent.isComposing&&(e.preventDefault(),M())},[M]),P=b??!!y,F=typeof navigator<`u`&&navigator.platform?.toLowerCase().includes(`mac`)?`⌘↩`:`↩`;return(0,l.jsxs)(`div`,{className:t.cn(`rounded-xl border border-border bg-card transition-colors duration-150`,`focus-within:border-foreground/20 focus-within:ring-2 focus-within:ring-ring/30`,m&&`opacity-60 pointer-events-none`,D),children:[h.length>0&&(0,l.jsx)(`div`,{className:`border-b border-border/60 p-2`,children:(0,l.jsx)(v,{attachments:h,onRemove:g})}),(0,l.jsx)(o.t,{ref:A,value:i,onChange:e=>a(e.target.value),onKeyDown:N,placeholder:k.placeholder,autoResize:!0,minRows:w,maxRows:T,autoFocus:E,disabled:m,className:t.cn(`!border-0 !bg-transparent !shadow-none focus-visible:!ring-0 resize-none px-3 py-2.5`)}),(0,l.jsxs)(`div`,{className:`flex items-center gap-1 border-t border-border/60 px-2 py-1.5`,children:[x,P&&(0,l.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-sm`,"aria-label":k.attachAria,onClick:y,disabled:m,children:(0,l.jsx)(u.Paperclip,{className:`size-4`})}),(0,l.jsxs)(`div`,{className:`ml-auto flex items-center gap-1`,children:[S,p?(0,l.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`solid`,size:`icon-sm`,"aria-label":k.stopAria,onClick:f,children:(0,l.jsx)(u.Square,{className:`size-3.5 fill-current`})}):(0,l.jsx)(n.t,{type:`button`,variant:`primary`,buttonStyle:`solid`,size:`icon-sm`,"aria-label":k.submitAria,onClick:M,disabled:!j,children:(0,l.jsx)(u.ArrowUp,{className:`size-4`})})]})]}),!C&&(0,l.jsx)(`div`,{className:`px-3 pb-2`,children:(0,l.jsx)(r.n,{size:`xxs`,type:`discrete`,children:_(k.hint,{submitKey:F,newlineKey:`⇧↩`})})})]})}T.displayName=`AiChatPromptInput`;function E({items:i,hideHeader:o=!1,onCancel:s,className:c,strings:d}){let f=e.useStrings(p,d);return i.length===0?null:(0,l.jsxs)(`div`,{className:t.cn(`rounded-lg border border-border/60 bg-muted/20 px-2.5 py-2`,c),children:[!o&&(0,l.jsxs)(r.n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`mb-1.5 px-1 uppercase tracking-wider`,children:[f.header,` · `,i.length]}),(0,l.jsx)(`ul`,{className:`space-y-1`,children:i.map(e=>{let t=e.status??`queued`;return(0,l.jsxs)(`li`,{className:`flex items-center gap-2 rounded-md bg-card px-2 py-1.5`,children:[t===`running`?(0,l.jsx)(u.Loader2,{className:`size-3.5 shrink-0 animate-spin text-primary`}):(0,l.jsx)(`span`,{"aria-hidden":!0,className:`size-2 shrink-0 rounded-full bg-muted-foreground/50`}),(0,l.jsx)(r.n,{size:`xs`,className:`flex-1 truncate`,children:e.label}),(0,l.jsx)(a.t,{variant:t===`running`?`primary`:`secondary`,children:t===`running`?f.runningLabel:f.queuedLabel}),(!!e.onCancel||!!s)&&(0,l.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":f.cancelAria,onClick:()=>{e.onCancel?.(),s?.(e.id)},children:(0,l.jsx)(u.X,{className:`size-3.5`})})]},e.id)})})]})}E.displayName=`AiChatQueue`;function D({suggestions:i,onPick:a,hideHeader:o=!1,className:s,strings:c}){let d=e.useStrings(m,c);return i.length===0?null:(0,l.jsxs)(`div`,{className:t.cn(`flex items-center gap-2`,s),children:[!o&&(0,l.jsxs)(`div`,{className:`inline-flex shrink-0 items-center gap-1.5`,children:[(0,l.jsx)(u.Sparkles,{className:`size-3.5 text-muted-foreground`}),(0,l.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:d.header})]}),(0,l.jsx)(`div`,{className:`-mx-1 flex flex-1 items-center gap-1.5 overflow-x-auto px-1 py-0.5 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden`,children:i.map(e=>{let i=e.icon;return(0,l.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:()=>a?.(e),className:t.cn(`h-auto shrink-0 gap-1.5 rounded-full border border-border/60 bg-card px-2.5 py-1`,`transition-[border-color,background] duration-150`,`hover:border-foreground/20 hover:bg-muted/40`),children:[!!i&&(0,l.jsx)(i,{className:`size-3 text-muted-foreground`}),(0,l.jsx)(r.n,{tag:`span`,size:`xs`,weight:`medium`,children:e.label})]},e.id)})})]})}D.displayName=`AiChatSuggestionsRow`;function O({messages:n,inputValue:i,onInputChange:a,onSubmit:o,onStop:u,streaming:d=!1,disabled:f=!1,attachments:p=[],onRemoveAttachment:m,onAttach:h,showAttach:_,agent:v,headerActions:y,queue:C=[],onCancelQueueItem:w,suggestions:O=[],onPickSuggestion:k,onMessageCopy:A,onMessageRegenerate:j,onAttachmentOpen:M,disableAutoScroll:N,slots:P,strings:F,className:I}){let L=e.useStrings(g,F),[,R]=(0,c.useState)(0),z=(0,c.useCallback)((e,t)=>P?.renderMessage?P.renderMessage(e,t):(0,l.jsx)(S,{className:`ai-chat-message--component`,message:e,strings:L.message,onCopy:A?()=>A(e):void 0,onRegenerate:j?()=>j(e):void 0,onAttachmentOpen:M?t=>M(e.id,t):void 0}),[M,A,j,P,L.message]),B=P?.header??(v?(0,l.jsxs)(`div`,{className:`flex items-center gap-3 border-b border-border bg-card px-3 py-2 sm:px-4`,children:[(0,l.jsx)(s.p,{name:v.name,icon:v.icon,avatar:v.avatar,subtitle:v.subtitle,tone:v.tone,status:v.status,variant:`inline`}),!!y&&(0,l.jsx)(`div`,{className:`ml-auto flex items-center gap-1`,children:y})]}):null),V=P?.empty??(n.length===0?(0,l.jsx)(x,{title:L.emptyTitle,description:L.emptyDescription}):null),H=P?.queue??(C.length>0?(0,l.jsx)(E,{items:C,onCancel:w,strings:L.queue}):null),U=P?.suggestions??(O.length>0?(0,l.jsx)(D,{suggestions:O,onPick:k,strings:L.suggestions}):null),W=P?.input??(0,l.jsx)(T,{value:i,onChange:a,onSubmit:e=>{o?.(e),R(e=>e+1)},onStop:u,streaming:d,disabled:f,attachments:p,onRemoveAttachment:m,onAttach:h,showAttach:_,strings:L.prompt});return(0,l.jsxs)(`div`,{className:t.cn(`ai-chat--component flex h-full flex-col overflow-hidden rounded-xl border border-border bg-background`,I),children:[B,(0,l.jsx)(b,{messages:n,renderMessage:z,intro:P?.intro,footer:P?.belowMessages,empty:V,disableAutoScroll:N,strings:L.conversation}),(H||U||W)&&(0,l.jsxs)(`div`,{className:`border-t border-border bg-card/60`,children:[H&&(0,l.jsx)(`div`,{className:`px-3 pb-2 pt-3 sm:px-4`,children:H}),U&&(0,l.jsx)(`div`,{className:t.cn(`px-3 sm:px-4`,!H&&`pt-3`,`pb-2`),children:U}),W&&(0,l.jsx)(`div`,{className:`px-3 pb-3 pt-2 sm:px-4 sm:pb-4`,children:W})]}),f&&(0,l.jsx)(r.n,{className:`sr-only`,"aria-live":`polite`,children:`Chat is disabled`})]})}O.displayName=`AiChat`,exports.AiChat=O,exports.AiChatAttachmentsStrip=v,exports.AiChatConversation=b,exports.AiChatEmptyState=x,exports.AiChatMessageView=S,exports.AiChatPromptInput=T,exports.AiChatQueue=E,exports.AiChatSuggestionsRow=D,exports.defaultAiChatConversationStrings=f,exports.defaultAiChatMessageStrings=h,exports.defaultAiChatPromptInputStrings=d,exports.defaultAiChatQueueStrings=p,exports.defaultAiChatStrings=g,exports.defaultAiChatSuggestionsStrings=m,exports.interpolateString=_,exports.useAiChatScroll=y;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-Bd5bEIiB.cjs"),r=require("../../../_shared/typography-CO9uwZhF.cjs"),i=require("../../../_shared/icon-badge-CU6ZkcER.cjs"),a=require("../../../_shared/badge-BeSKxX1u.cjs"),o=require("../../../_shared/textarea-B24qgdmd.cjs"),s=require("../../../_shared/ai-artifact-Dtr0bnVq.cjs");let c=require("react"),l=require("react/jsx-runtime"),u=require("lucide-react");var d={placeholder:`Ask anything…`,attachAria:`Attach files`,submitAria:`Send message`,stopAria:`Stop generating`,modelPickerAria:`Choose model`,hint:`Press {{submitKey}} to send · {{newlineKey}} for newline`},f={scrollToBottom:`Jump to latest`,scrollToBottomAria:`Scroll to bottom`},p={header:`In queue`,cancelAria:`Remove from queue`,queuedLabel:`Queued`,runningLabel:`Running`},m={header:`Try`},h={pending:`Thinking…`},g={prompt:d,conversation:f,queue:p,suggestions:m,message:h,emptyTitle:`Start a conversation`,emptyDescription:`Ask a question, share context, or attach a file to get going.`};function _(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function v({attachments:e,onRemove:n,onOpen:r,className:i}){return e.length===0?null:(0,l.jsx)(`div`,{className:t.cn(`flex flex-wrap gap-2`,i),children:e.map(e=>(0,l.jsx)(s.h,{name:e.name,meta:e.meta,kind:e.kind,icon:e.icon,thumbnailUrl:e.thumbnailUrl,progress:e.progress,errored:e.errored,onOpen:r?()=>r(e):void 0,onRemove:n?()=>n(e.id):void 0},e.id))})}v.displayName=`AiChatAttachmentsStrip`;function y({threshold:e=80,dependency:t,disableAutoScroll:n=!1}={}){let r=(0,c.useRef)(null),i=(0,c.useRef)(null),[a,o]=(0,c.useState)(!0),s=(0,c.useCallback)((e=`smooth`)=>{i.current?.scrollIntoView({behavior:e,block:`end`})},[]);return(0,c.useEffect)(()=>{let t=r.current;if(!t)return;let n=()=>{o(t.scrollHeight-t.clientHeight-t.scrollTop<=e)};return n(),t.addEventListener(`scroll`,n,{passive:!0}),()=>t.removeEventListener(`scroll`,n)},[e]),(0,c.useEffect)(()=>{if(n||!a)return;let e=window.requestAnimationFrame(()=>s(`auto`));return()=>window.cancelAnimationFrame(e)},[t,n]),{containerRef:r,endRef:i,isAtBottom:a,scrollToBottom:s}}function b({messages:i,renderMessage:a,intro:o,footer:s,empty:c,disableAutoScroll:d,className:p,strings:m}){let h=e.useStrings(f,m),{containerRef:g,endRef:_,isAtBottom:v,scrollToBottom:b}=y({dependency:i.length,disableAutoScroll:d}),x=i.length===0&&!o;return(0,l.jsxs)(`div`,{className:t.cn(`relative flex h-full min-h-0 flex-col`,p),children:[(0,l.jsxs)(`div`,{ref:g,className:`flex-1 overflow-y-auto px-3 py-4 sm:px-4`,children:[!!o&&(0,l.jsx)(`div`,{className:`mb-4`,children:o}),x?c??(0,l.jsx)(`div`,{className:`flex h-full items-center justify-center px-6 py-12`,children:(0,l.jsx)(r.s,{type:`secondary`,children:`No messages yet.`})}):(0,l.jsx)(`ol`,{className:`space-y-4`,children:i.map((e,t)=>(0,l.jsx)(`li`,{children:a(e,{isLast:t===i.length-1,index:t})},e.id))}),!!s&&(0,l.jsx)(`div`,{className:`mt-4`,children:s}),(0,l.jsx)(`div`,{ref:_,"aria-hidden":!0,className:`h-px`})]}),!v&&(0,l.jsx)(`div`,{className:`pointer-events-none absolute bottom-3 left-1/2 -translate-x-1/2`,children:(0,l.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`solid`,"aria-label":h.scrollToBottomAria,onClick:()=>b(`smooth`),className:t.cn(`pointer-events-auto rounded-full shadow-md`,`border border-border/60`),children:[(0,l.jsx)(u.ArrowDown,{className:`size-3.5`}),h.scrollToBottom]})})]})}b.displayName=`AiChatConversation`;function x({title:e=`Start a conversation`,description:n,icon:a=u.Sparkles,below:o,className:s}){return(0,l.jsxs)(`div`,{className:t.cn(`flex h-full flex-col items-center justify-center gap-3 px-4 py-10 text-center`,s),children:[(0,l.jsx)(i.t,{icon:a,tone:`primary`,size:`default`,shape:`square`}),(0,l.jsxs)(`div`,{className:`max-w-md space-y-1`,children:[(0,l.jsx)(r.o,{tag:`h4`,children:e}),!!n&&(0,l.jsx)(r.s,{type:`secondary`,children:n})]}),!!o&&(0,l.jsx)(`div`,{className:`mt-4 w-full max-w-2xl`,children:o})]})}x.displayName=`AiChatEmptyState`;function S({message:n,onCopy:r,onRegenerate:i,onAttachmentOpen:a,className:o,strings:c}){let u=e.useStrings(h,c),d=[],f=[];for(let e of n.parts)e.type===`text`?d.push(e):f.push(e);let p=d.map(e=>e.type===`text`?e.plain??w(e.content):``).filter(Boolean).join(`
+`)||void 0,m=n.pending?(0,l.jsx)(s.y,{children:u.pending}):d.length===0&&f.length>0?null:(0,l.jsx)(`div`,{className:`space-y-2`,children:d.map((e,t)=>e.type===`text`?(0,l.jsx)(`div`,{className:`whitespace-pre-wrap`,children:e.content},t):null)});return(0,l.jsxs)(`div`,{className:t.cn(`space-y-2`,o),children:[(m!==null||n.pending)&&(0,l.jsx)(s.S,{role:n.role,avatar:n.avatar,authorName:n.authorName,timestamp:n.timestamp,plainText:p,loading:n.loading,onCopy:p?r??(()=>void 0):void 0,onRegenerate:i,children:m}),f.length>0&&(0,l.jsx)(`div`,{className:t.cn(`space-y-2`,n.role===`user`?`pr-9 sm:pl-12`:`pl-9 sm:pr-12`),children:f.map((e,t)=>(0,l.jsx)(C,{part:e,onAttachmentOpen:a},t))}),!!n.trailing&&(0,l.jsx)(`div`,{className:t.cn(n.role===`user`?`pr-9 sm:pl-12`:`pl-9 sm:pr-12`),children:n.trailing})]})}S.displayName=`AiChatMessage`;function C({part:e,onAttachmentOpen:t}){switch(e.type){case`text`:return(0,l.jsx)(r.s,{children:e.content});case`reasoning`:return(0,l.jsx)(s.s,{streaming:e.streaming,durationSeconds:e.durationSeconds,children:e.content});case`chain-of-thought`:return(0,l.jsx)(s.a,{steps:e.steps,streaming:e.streaming});case`tool`:return(0,l.jsx)(s.b,{name:e.name,status:e.status,icon:e.icon,args:e.args,result:e.result,error:e.error,durationMs:e.durationMs,defaultExpanded:e.defaultExpanded});case`code`:return(0,l.jsx)(s._,{code:e.code,language:e.language,filename:e.filename,showLineNumbers:e.showLineNumbers,highlightLines:e.highlightLines});case`attachments`:return(0,l.jsx)(v,{attachments:e.items,onOpen:t?e=>t(e.id):void 0});case`sources`:return(0,l.jsx)(s.l,{sources:e.items,variant:e.variant,defaultExpanded:e.defaultExpanded});case`task`:return(0,l.jsx)(s.r,{task:e.task});case`artifact`:return(0,l.jsx)(s.t,{title:e.title,subtitle:e.subtitle,icon:e.icon,copyText:e.copyText,actions:e.actions,onOpen:e.onOpen,onDownload:e.onDownload,children:e.body});case`confirmation`:return(0,l.jsx)(s.d,{title:e.title,description:e.description,tone:e.tone,status:e.status,details:e.details,onApprove:e.onApprove,onReject:e.onReject});case`custom`:return(0,l.jsx)(l.Fragment,{children:e.render()});default:return null}}function w(e){return typeof e==`string`||typeof e==`number`?String(e):Array.isArray(e)?e.map(w).join(``):``}function T({value:i,onChange:a,onSubmit:s,onStop:f,streaming:p=!1,disabled:m=!1,attachments:h=[],onRemoveAttachment:g,onAttach:y,showAttach:b,leadingActions:x,trailingActions:S,hideHint:C=!1,minRows:w=1,maxRows:T=8,autoFocus:E=!1,className:D,strings:O}){let k=e.useStrings(d,O),A=(0,c.useRef)(null),j=!p&&!m&&(i.trim().length>0||h.length>0),M=(0,c.useCallback)(()=>{j&&s?.({text:i,attachments:h})},[j,s,i,h]),N=(0,c.useCallback)(e=>{e.key===`Enter`&&!e.shiftKey&&!e.nativeEvent.isComposing&&(e.preventDefault(),M())},[M]),P=b??!!y,F=typeof navigator<`u`&&navigator.platform?.toLowerCase().includes(`mac`)?`⌘↩`:`↩`;return(0,l.jsxs)(`div`,{className:t.cn(`rounded-xl border border-border bg-card transition-colors duration-150`,`focus-within:border-foreground/20 focus-within:ring-2 focus-within:ring-ring/30`,m&&`opacity-60 pointer-events-none`,D),children:[h.length>0&&(0,l.jsx)(`div`,{className:`border-b border-border/60 p-2`,children:(0,l.jsx)(v,{attachments:h,onRemove:g})}),(0,l.jsx)(o.t,{ref:A,value:i,onChange:e=>a(e.target.value),onKeyDown:N,placeholder:k.placeholder,autoResize:!0,minRows:w,maxRows:T,autoFocus:E,disabled:m,className:t.cn(`!border-0 !bg-transparent !shadow-none focus-visible:!ring-0 resize-none px-3 py-2.5`)}),(0,l.jsxs)(`div`,{className:`flex items-center gap-1 border-t border-border/60 px-2 py-1.5`,children:[x,P&&(0,l.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":k.attachAria,onClick:y,disabled:m,children:(0,l.jsx)(u.Paperclip,{className:`size-4`})}),(0,l.jsxs)(`div`,{className:`ml-auto flex items-center gap-1`,children:[S,p?(0,l.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`solid`,size:`icon-small`,"aria-label":k.stopAria,onClick:f,children:(0,l.jsx)(u.Square,{className:`size-3.5 fill-current`})}):(0,l.jsx)(n.t,{type:`button`,variant:`primary`,buttonStyle:`solid`,size:`icon-small`,"aria-label":k.submitAria,onClick:M,disabled:!j,children:(0,l.jsx)(u.ArrowUp,{className:`size-4`})})]})]}),!C&&(0,l.jsx)(`div`,{className:`px-3 pb-2`,children:(0,l.jsx)(r.s,{size:`xxs`,type:`discrete`,children:_(k.hint,{submitKey:F,newlineKey:`⇧↩`})})})]})}T.displayName=`AiChatPromptInput`;function E({items:i,hideHeader:o=!1,onCancel:s,className:c,strings:d}){let f=e.useStrings(p,d);return i.length===0?null:(0,l.jsxs)(`div`,{className:t.cn(`rounded-lg border border-border/60 bg-muted/20 px-2.5 py-2`,c),children:[!o&&(0,l.jsxs)(r.s,{size:`xxs`,type:`secondary`,weight:`medium`,className:`mb-1.5 px-1 uppercase tracking-wider`,children:[f.header,` · `,i.length]}),(0,l.jsx)(`ul`,{className:`space-y-1`,children:i.map(e=>{let t=e.status??`queued`;return(0,l.jsxs)(`li`,{className:`flex items-center gap-2 rounded-md bg-card px-2 py-1.5`,children:[t===`running`?(0,l.jsx)(u.Loader2,{className:`size-3.5 shrink-0 animate-spin text-primary`}):(0,l.jsx)(`span`,{"aria-hidden":!0,className:`size-2 shrink-0 rounded-full bg-muted-foreground/50`}),(0,l.jsx)(r.s,{size:`xs`,className:`flex-1 truncate`,children:e.label}),(0,l.jsx)(a.t,{variant:t===`running`?`primary`:`secondary`,children:t===`running`?f.runningLabel:f.queuedLabel}),(!!e.onCancel||!!s)&&(0,l.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":f.cancelAria,onClick:()=>{e.onCancel?.(),s?.(e.id)},children:(0,l.jsx)(u.X,{className:`size-3.5`})})]},e.id)})})]})}E.displayName=`AiChatQueue`;function D({suggestions:i,onPick:a,hideHeader:o=!1,className:s,strings:c}){let d=e.useStrings(m,c);return i.length===0?null:(0,l.jsxs)(`div`,{className:t.cn(`flex items-center gap-2`,s),children:[!o&&(0,l.jsxs)(`div`,{className:`inline-flex shrink-0 items-center gap-1.5`,children:[(0,l.jsx)(u.Sparkles,{className:`size-3.5 text-muted-foreground`}),(0,l.jsx)(r.s,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:d.header})]}),(0,l.jsx)(`div`,{className:`-mx-1 flex flex-1 items-center gap-1.5 overflow-x-auto px-1 py-0.5 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden`,children:i.map(e=>{let i=e.icon;return(0,l.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:()=>a?.(e),className:t.cn(`h-auto shrink-0 gap-1.5 rounded-full border border-border/60 bg-card px-2.5 py-1`,`transition-[border-color,background] duration-150`,`hover:border-foreground/20 hover:bg-muted/40`),children:[!!i&&(0,l.jsx)(i,{className:`size-3 text-muted-foreground`}),(0,l.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,children:e.label})]},e.id)})})]})}D.displayName=`AiChatSuggestionsRow`;function O({messages:n,inputValue:i,onInputChange:a,onSubmit:o,onStop:u,streaming:d=!1,disabled:f=!1,attachments:p=[],onRemoveAttachment:m,onAttach:h,showAttach:_,agent:v,headerActions:y,queue:C=[],onCancelQueueItem:w,suggestions:O=[],onPickSuggestion:k,onMessageCopy:A,onMessageRegenerate:j,onAttachmentOpen:M,disableAutoScroll:N,slots:P,strings:F,className:I}){let L=e.useStrings(g,F),[,R]=(0,c.useState)(0),z=(0,c.useCallback)((e,t)=>P?.renderMessage?P.renderMessage(e,t):(0,l.jsx)(S,{className:`ai-chat-message--component`,message:e,strings:L.message,onCopy:A?()=>A(e):void 0,onRegenerate:j?()=>j(e):void 0,onAttachmentOpen:M?t=>M(e.id,t):void 0}),[M,A,j,P,L.message]),B=P?.header??(v?(0,l.jsxs)(`div`,{className:`flex items-center gap-3 border-b border-border bg-card px-3 py-2 sm:px-4`,children:[(0,l.jsx)(s.p,{name:v.name,icon:v.icon,avatar:v.avatar,subtitle:v.subtitle,tone:v.tone,status:v.status,variant:`inline`}),!!y&&(0,l.jsx)(`div`,{className:`ml-auto flex items-center gap-1`,children:y})]}):null),V=P?.empty??(n.length===0?(0,l.jsx)(x,{title:L.emptyTitle,description:L.emptyDescription}):null),H=P?.queue??(C.length>0?(0,l.jsx)(E,{items:C,onCancel:w,strings:L.queue}):null),U=P?.suggestions??(O.length>0?(0,l.jsx)(D,{suggestions:O,onPick:k,strings:L.suggestions}):null),W=P?.input??(0,l.jsx)(T,{value:i,onChange:a,onSubmit:e=>{o?.(e),R(e=>e+1)},onStop:u,streaming:d,disabled:f,attachments:p,onRemoveAttachment:m,onAttach:h,showAttach:_,strings:L.prompt});return(0,l.jsxs)(`div`,{className:t.cn(`ai-chat--component flex h-full flex-col overflow-hidden rounded-xl border border-border bg-background`,I),children:[B,(0,l.jsx)(b,{messages:n,renderMessage:z,intro:P?.intro,footer:P?.belowMessages,empty:V,disableAutoScroll:N,strings:L.conversation}),(H||U||W)&&(0,l.jsxs)(`div`,{className:`border-t border-border bg-card/60`,children:[H&&(0,l.jsx)(`div`,{className:`px-3 pb-2 pt-3 sm:px-4`,children:H}),U&&(0,l.jsx)(`div`,{className:t.cn(`px-3 sm:px-4`,!H&&`pt-3`,`pb-2`),children:U}),W&&(0,l.jsx)(`div`,{className:`px-3 pb-3 pt-2 sm:px-4 sm:pb-4`,children:W})]}),f&&(0,l.jsx)(r.s,{className:`sr-only`,"aria-live":`polite`,children:`Chat is disabled`})]})}O.displayName=`AiChat`,exports.AiChat=O,exports.AiChatAttachmentsStrip=v,exports.AiChatConversation=b,exports.AiChatEmptyState=x,exports.AiChatMessageView=S,exports.AiChatPromptInput=T,exports.AiChatQueue=E,exports.AiChatSuggestionsRow=D,exports.defaultAiChatConversationStrings=f,exports.defaultAiChatMessageStrings=h,exports.defaultAiChatPromptInputStrings=d,exports.defaultAiChatQueueStrings=p,exports.defaultAiChatStrings=g,exports.defaultAiChatSuggestionsStrings=m,exports.interpolateString=_,exports.useAiChatScroll=y;
 //# sourceMappingURL=index.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/components/features/ai-chat/ai-chat.strings.ts","../../../../src/components/features/ai-chat/partials/ai-chat-attachments-strip.tsx","../../../../src/components/features/ai-chat/hooks/use-ai-chat-scroll.ts","../../../../src/components/features/ai-chat/partials/ai-chat-conversation.tsx","../../../../src/components/features/ai-chat/partials/ai-chat-empty-state.tsx","../../../../src/components/features/ai-chat/partials/ai-chat-message.tsx","../../../../src/components/features/ai-chat/partials/ai-chat-prompt-input.tsx","../../../../src/components/features/ai-chat/partials/ai-chat-queue.tsx","../../../../src/components/features/ai-chat/partials/ai-chat-suggestions-row.tsx","../../../../src/components/features/ai-chat/ai-chat.tsx"],"sourcesContent":["/*\n Strings for `<AiChat>` and its partials. Each interface is co-located so\n * partials and the feature root all read from one source of truth (rule 19).\n * Consumers override via the `strings` prop on the relevant component; values\n * are deep-merged over the defaults so partial overrides are safe.\n /\n\nexport interface AiChatPromptInputStrings {\n\t/* Placeholder copy for the textarea. /\n\tplaceholder: string;\n\t/* Aria label for the attach button. /\n\tattachAria: string;\n\t/* Aria label for the submit button. /\n\tsubmitAria: string;\n\t/* Aria label for the stop button (replaces submit while streaming). /\n\tstopAria: string;\n\t/* Aria label for the model picker button (when `modelPicker` is provided). /\n\tmodelPickerAria: string;\n\t/* Hint shown under the input. Supports `{{key}}` for the submit shortcut. /\n\thint: string;\n}\n\nexport const defaultAiChatPromptInputStrings: AiChatPromptInputStrings = {\n\tplaceholder: 'Ask anything…',\n\tattachAria: 'Attach files',\n\tsubmitAria: 'Send message',\n\tstopAria: 'Stop generating',\n\tmodelPickerAria: 'Choose model',\n\thint: 'Press {{submitKey}} to send · {{newlineKey}} for newline',\n};\n\nexport interface AiChatConversationStrings {\n\tscrollToBottom: string;\n\tscrollToBottomAria: string;\n}\n\nexport const defaultAiChatConversationStrings: AiChatConversationStrings = {\n\tscrollToBottom: 'Jump to latest',\n\tscrollToBottomAria: 'Scroll to bottom',\n};\n\nexport interface AiChatQueueStrings {\n\theader: string;\n\tcancelAria: string;\n\tqueuedLabel: string;\n\trunningLabel: string;\n}\n\nexport const defaultAiChatQueueStrings: AiChatQueueStrings = {\n\theader: 'In queue',\n\tcancelAria: 'Remove from queue',\n\tqueuedLabel: 'Queued',\n\trunningLabel: 'Running',\n};\n\nexport interface AiChatSuggestionsStrings {\n\theader: string;\n}\n\nexport const defaultAiChatSuggestionsStrings: AiChatSuggestionsStrings = {\n\theader: 'Try',\n};\n\nexport interface AiChatMessageStrings {\n\tpending: string;\n}\n\nexport const defaultAiChatMessageStrings: AiChatMessageStrings = {\n\tpending: 'Thinking…',\n};\n\nexport interface AiChatStrings {\n\tprompt: AiChatPromptInputStrings;\n\tconversation: AiChatConversationStrings;\n\tqueue: AiChatQueueStrings;\n\tsuggestions: AiChatSuggestionsStrings;\n\tmessage: AiChatMessageStrings;\n\temptyTitle: string;\n\temptyDescription: string;\n}\n\nexport const defaultAiChatStrings: AiChatStrings = {\n\tprompt: defaultAiChatPromptInputStrings,\n\tconversation: defaultAiChatConversationStrings,\n\tqueue: defaultAiChatQueueStrings,\n\tsuggestions: defaultAiChatSuggestionsStrings,\n\tmessage: defaultAiChatMessageStrings,\n\temptyTitle: 'Start a conversation',\n\temptyDescription: 'Ask a question, share context, or attach a file to get going.',\n};\n\n/* Replace `{{key}}` tokens with values from `params`. /\nexport function interpolateString(\n\ttemplate: string,\n\tparams: Record<string, string \| number>,\n): string {\n\treturn template.replace(/\\{\\{\\s(\\w+)\\s\\}\\}/g, (m, k) => {\n\t\tconst v = params[k];\n\t\treturn v === undefined ? m : String(v);\n\t});\n}\n","/\n AiChatAttachmentsStrip — flex-wrap row of `<AiAttachment>` chips. Used both\n * in the prompt input (staged uploads — pass `onRemove` to enable a remove\n * button) and inside messages (read-only attachment list).\n /\nimport { AiAttachment } from '@/components/composed/ai/ai-attachment';\nimport { cn } from '@/lib/utils';\n\nimport type { AiChatAttachment } from '../ai-chat.types';\n\nexport interface AiChatAttachmentsStripProps {\n\tattachments: ReadonlyArray<AiChatAttachment>;\n\t/* When set, each chip gets a remove button wired to this handler. /\n\tonRemove?: (id: string) => void;\n\t/* When set, click on a chip calls this. /\n\tonOpen?: (att: AiChatAttachment) => void;\n\tclassName?: string;\n}\n\nexport function AiChatAttachmentsStrip({\n\tattachments,\n\tonRemove,\n\tonOpen,\n\tclassName,\n}: AiChatAttachmentsStripProps) {\n\tif (attachments.length === 0) return null;\n\treturn (\n\t\t<div className={cn('flex flex-wrap gap-2', className)}>\n\t\t\t{attachments.map((att) => (\n\t\t\t\t<AiAttachment\n\t\t\t\t\tkey={att.id}\n\t\t\t\t\tname={att.name}\n\t\t\t\t\tmeta={att.meta}\n\t\t\t\t\tkind={att.kind}\n\t\t\t\t\ticon={att.icon}\n\t\t\t\t\tthumbnailUrl={att.thumbnailUrl}\n\t\t\t\t\tprogress={att.progress}\n\t\t\t\t\terrored={att.errored}\n\t\t\t\t\tonOpen={onOpen ? () => onOpen(att) : undefined}\n\t\t\t\t\tonRemove={onRemove ? () => onRemove(att.id) : undefined}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</div>\n\t);\n}\n\nAiChatAttachmentsStrip.displayName = 'AiChatAttachmentsStrip';\n","/\n useAiChatScroll — auto-stick-to-bottom scroll behaviour for chat\n * conversations. Detects when the user has scrolled away from the latest\n * message and pauses auto-scroll until they return.\n \n Returns:\n * - `containerRef` — attach to the scroll viewport.\n * - `endRef` — attach to a sentinel at the very bottom.\n * - `isAtBottom` — true when the viewport is pinned to the latest content.\n * - `scrollToBottom` — imperatively scroll to the sentinel.\n /\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nexport interface UseAiChatScrollOptions {\n\t/* Distance (px) from bottom counted as \"at bottom\". /\n\tthreshold?: number;\n\t/* Re-evaluate on these dependencies (typically the message count). /\n\tdependency?: unknown;\n\t/* Disable auto-scroll-on-update behaviour. /\n\tdisableAutoScroll?: boolean;\n}\n\nexport interface UseAiChatScrollReturn {\n\tcontainerRef: React.RefObject<HTMLDivElement \| null>;\n\tendRef: React.RefObject<HTMLDivElement \| null>;\n\tisAtBottom: boolean;\n\tscrollToBottom: (behavior?: ScrollBehavior) => void;\n}\n\nexport function useAiChatScroll({\n\tthreshold = 80,\n\tdependency,\n\tdisableAutoScroll = false,\n}: UseAiChatScrollOptions = {}): UseAiChatScrollReturn {\n\tconst containerRef = useRef<HTMLDivElement \| null>(null);\n\tconst endRef = useRef<HTMLDivElement \| null>(null);\n\tconst [isAtBottom, setIsAtBottom] = useState(true);\n\n\tconst scrollToBottom = useCallback(\n\t\t(behavior: ScrollBehavior = 'smooth') => {\n\t\t\tendRef.current?.scrollIntoView({ behavior, block: 'end' });\n\t\t},\n\t\t[],\n\t);\n\n\t// Track scroll position so we can pause auto-scroll when the user reads up.\n\tuseEffect(() => {\n\t\tconst el = containerRef.current;\n\t\tif (!el) return;\n\t\tconst onScroll = () => {\n\t\t\tconst distance = el.scrollHeight - el.clientHeight - el.scrollTop;\n\t\t\tsetIsAtBottom(distance <= threshold);\n\t\t};\n\t\tonScroll();\n\t\tel.addEventListener('scroll', onScroll, { passive: true });\n\t\treturn () => el.removeEventListener('scroll', onScroll);\n\t}, [threshold]);\n\n\t// Auto-scroll when content updates and the user is pinned at the bottom.\n\tuseEffect(() => {\n\t\tif (disableAutoScroll) return;\n\t\tif (!isAtBottom) return;\n\t\t// Use rAF so we wait for layout to settle after the new content paints.\n\t\tconst id = window.requestAnimationFrame(() => scrollToBottom('auto'));\n\t\treturn () => window.cancelAnimationFrame(id);\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [dependency, disableAutoScroll]);\n\n\treturn { containerRef, endRef, isAtBottom, scrollToBottom };\n}\n","/\n AiChatConversation — scrollable list container for chat messages with\n * auto-stick-to-bottom behaviour. Renders each message via the consumer's\n * `renderMessage` slot (or the default `<AiChatMessage>` via the parent\n * `<AiChat>`). Surfaces a \"Jump to latest\" pill when the user scrolls away\n * from the bottom while content streams in.\n /\nimport { ArrowDown } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultAiChatConversationStrings,\n\ttype AiChatConversationStrings,\n} from '../ai-chat.strings';\nimport type {\n\tAiChatMessage as AiChatMessageType,\n\tAiChatRenderMessageContext,\n} from '../ai-chat.types';\nimport { useAiChatScroll } from '../hooks/use-ai-chat-scroll';\n\nexport interface AiChatConversationProps {\n\tmessages: ReadonlyArray<AiChatMessageType>;\n\trenderMessage: (\n\t\tmessage: AiChatMessageType,\n\t\tctx: AiChatRenderMessageContext,\n\t) => ReactNode;\n\t/* Render before the messages list (intro card, agent greeting). /\n\tintro?: ReactNode;\n\t/* Render after the messages list (e.g. tip ribbon). /\n\tfooter?: ReactNode;\n\t/* Replaces the empty state when `messages.length === 0`. /\n\tempty?: ReactNode;\n\t/* Pause auto-scroll-on-update. /\n\tdisableAutoScroll?: boolean;\n\tclassName?: string;\n\tstrings?: StringsProp<AiChatConversationStrings>;\n}\n\nexport function AiChatConversation({\n\tmessages,\n\trenderMessage,\n\tintro,\n\tfooter,\n\tempty,\n\tdisableAutoScroll,\n\tclassName,\n\tstrings: stringsProp,\n}: AiChatConversationProps) {\n\tconst strings = useStrings(defaultAiChatConversationStrings, stringsProp);\n\tconst { containerRef, endRef, isAtBottom, scrollToBottom } = useAiChatScroll({\n\t\tdependency: messages.length,\n\t\tdisableAutoScroll,\n\t});\n\n\tconst isEmpty = messages.length === 0 && !intro;\n\n\treturn (\n\t\t<div className={cn('relative flex h-full min-h-0 flex-col', className)}>\n\t\t\t<div\n\t\t\t\tref={containerRef}\n\t\t\t\tclassName=\"flex-1 overflow-y-auto px-3 py-4 sm:px-4\"\n\t\t\t>\n\t\t\t\t{!!intro && <div className=\"mb-4\">{intro}</div>}\n\n\t\t\t\t{isEmpty ? (\n\t\t\t\t\tempty ?? (\n\t\t\t\t\t\t<div className=\"flex h-full items-center justify-center px-6 py-12\">\n\t\t\t\t\t\t\t<Text type=\"secondary\">No messages yet.</Text>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)\n\t\t\t\t) : (\n\t\t\t\t\t<ol className=\"space-y-4\">\n\t\t\t\t\t\t{messages.map((message, idx) => {\n\t\t\t\t\t\t\tconst ctx: AiChatRenderMessageContext = {\n\t\t\t\t\t\t\t\tisLast: idx === messages.length - 1,\n\t\t\t\t\t\t\t\tindex: idx,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<li key={message.id}>{renderMessage(message, ctx)}</li>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</ol>\n\t\t\t\t)}\n\n\t\t\t\t{!!footer && <div className=\"mt-4\">{footer}</div>}\n\n\t\t\t\t<div ref={endRef} aria-hidden className=\"h-px\" />\n\t\t\t</div>\n\n\t\t\t{!isAtBottom && (\n\t\t\t\t<div className=\"pointer-events-none absolute bottom-3 left-1/2 -translate-x-1/2\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"solid\"\n\t\t\t\t\t\taria-label={strings.scrollToBottomAria}\n\t\t\t\t\t\tonClick={() => scrollToBottom('smooth')}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'pointer-events-auto rounded-full shadow-md',\n\t\t\t\t\t\t\t'border border-border/60',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ArrowDown className=\"size-3.5\" />\n\t\t\t\t\t\t{strings.scrollToBottom}\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nAiChatConversation.displayName = 'AiChatConversation';\n","/\n AiChatEmptyState — default empty surface for `<AiChat>` when no messages\n * are present and no intro is provided. Centers a title + description with\n * an optional below-content slot for prompt-suggestion grids.\n /\nimport type { ReactNode } from 'react';\nimport { Sparkles } from 'lucide-react';\nimport { IconBadge } from '@/components/base/display';\nimport { Heading, Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface AiChatEmptyStateProps {\n\ttitle?: ReactNode;\n\tdescription?: ReactNode;\n\ticon?: React.ElementType;\n\tbelow?: ReactNode;\n\tclassName?: string;\n}\n\nexport function AiChatEmptyState({\n\ttitle = 'Start a conversation',\n\tdescription,\n\ticon: IconComponent = Sparkles,\n\tbelow,\n\tclassName,\n}: AiChatEmptyStateProps) {\n\treturn (\n\t\t<div className={cn('flex h-full flex-col items-center justify-center gap-3 px-4 py-10 text-center', className)}>\n\t\t\t<IconBadge icon={IconComponent} tone=\"primary\" size=\"md\" shape=\"square\" />\n\t\t\t<div className=\"max-w-md space-y-1\">\n\t\t\t\t<Heading tag=\"h4\">{title}</Heading>\n\t\t\t\t{!!description && (\n\t\t\t\t\t<Text type=\"secondary\">{description}</Text>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{!!below && <div className=\"mt-4 w-full max-w-2xl\">{below}</div>}\n\t\t</div>\n\t);\n}\n\nAiChatEmptyState.displayName = 'AiChatEmptyState';\n","/\n AiChatMessage — message renderer that wraps `<AiMessageBubble>` and routes\n * each `parts[]` entry to its dedicated `composed/ai/` surface (text, code,\n tool calls, reasoning, sources, attachments, …).\n \n Most surfaces sit BELOW the bubble (artifact, sources, task) since they\n * carry their own chrome; plain text and inline citations render INSIDE the\n * bubble. Custom-typed parts call `render()` directly.\n /\nimport type { ReactNode } from 'react';\nimport { AiArtifact } from '@/components/composed/ai/ai-artifact';\nimport { AiChainOfThought } from '@/components/composed/ai/ai-chain-of-thought';\nimport { AiCodeBlock } from '@/components/composed/ai/ai-code-block';\nimport { AiConfirmation } from '@/components/composed/ai/ai-confirmation';\nimport { AiMessageBubble } from '@/components/composed/ai/ai-message-bubble';\nimport { AiReasoning } from '@/components/composed/ai/ai-reasoning';\nimport { AiShimmer } from '@/components/composed/ai/ai-shimmer';\nimport { AiSources } from '@/components/composed/ai/ai-sources';\nimport { AiTask } from '@/components/composed/ai/ai-task';\nimport { AiToolCall } from '@/components/composed/ai/ai-tool-call';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultAiChatMessageStrings,\n\ttype AiChatMessageStrings,\n} from '../ai-chat.strings';\nimport type {\n\tAiChatMessage as AiChatMessageType,\n\tAiChatMessagePart,\n} from '../ai-chat.types';\nimport { AiChatAttachmentsStrip } from './ai-chat-attachments-strip';\n\nexport interface AiChatMessageProps {\n\tmessage: AiChatMessageType;\n\t/* Copy callback forwarded to the underlying bubble. /\n\tonCopy?: () => void;\n\t/* Regenerate callback forwarded to the underlying bubble (assistant only). /\n\tonRegenerate?: () => void;\n\t/* Open handler for attachment chips inside the message. /\n\tonAttachmentOpen?: (attachmentId: string) => void;\n\tclassName?: string;\n\tstrings?: StringsProp<AiChatMessageStrings>;\n}\n\nexport function AiChatMessage({\n\tmessage,\n\tonCopy,\n\tonRegenerate,\n\tonAttachmentOpen,\n\tclassName,\n\tstrings: stringsProp,\n}: AiChatMessageProps) {\n\tconst strings = useStrings(defaultAiChatMessageStrings, stringsProp);\n\n\t// Split parts: in-bubble (text) vs below-bubble (everything else).\n\tconst inBubble: AiChatMessagePart[] = [];\n\tconst below: AiChatMessagePart[] = [];\n\tfor (const part of message.parts) {\n\t\tif (part.type === 'text') inBubble.push(part);\n\t\telse below.push(part);\n\t}\n\n\tconst plainText =\n\t\tinBubble\n\t\t\t.map((p) => (p.type === 'text' ? p.plain ?? extractPlain(p.content) : ''))\n\t\t\t.filter(Boolean)\n\t\t\t.join('\\n') \|\| undefined;\n\n\tconst bubbleContent: ReactNode = message.pending ? (\n\t\t<AiShimmer>{strings.pending}</AiShimmer>\n\t) : inBubble.length === 0 && below.length > 0 ? null : (\n\t\t<div className=\"space-y-2\">\n\t\t\t{inBubble.map((part, idx) =>\n\t\t\t\tpart.type === 'text' ? (\n\t\t\t\t\t<div key={idx} className=\"whitespace-pre-wrap\">\n\t\t\t\t\t\t{part.content}\n\t\t\t\t\t</div>\n\t\t\t\t) : null,\n\t\t\t)}\n\t\t</div>\n\t);\n\n\treturn (\n\t\t<div className={cn('space-y-2', className)}>\n\t\t\t{(bubbleContent !== null \|\| message.pending) && (\n\t\t\t\t<AiMessageBubble\n\t\t\t\t\trole={message.role}\n\t\t\t\t\tavatar={message.avatar}\n\t\t\t\t\tauthorName={message.authorName}\n\t\t\t\t\ttimestamp={message.timestamp}\n\t\t\t\t\tplainText={plainText}\n\t\t\t\t\tloading={message.loading}\n\t\t\t\t\tonCopy={plainText ? onCopy ?? (() => undefined) : undefined}\n\t\t\t\t\tonRegenerate={onRegenerate}\n\t\t\t\t>\n\t\t\t\t\t{bubbleContent}\n\t\t\t\t</AiMessageBubble>\n\t\t\t)}\n\n\t\t\t{below.length > 0 && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'space-y-2',\n\t\t\t\t\t\tmessage.role === 'user'\n\t\t\t\t\t\t\t? 'pr-9 sm:pl-12'\n\t\t\t\t\t\t\t: 'pl-9 sm:pr-12',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{below.map((part, idx) => (\n\t\t\t\t\t\t<PartRenderer\n\t\t\t\t\t\t\tkey={idx}\n\t\t\t\t\t\t\tpart={part}\n\t\t\t\t\t\t\tonAttachmentOpen={onAttachmentOpen}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{!!message.trailing && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\tmessage.role === 'user' ? 'pr-9 sm:pl-12' : 'pl-9 sm:pr-12',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{message.trailing}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nAiChatMessage.displayName = 'AiChatMessage';\n\nfunction PartRenderer({\n\tpart,\n\tonAttachmentOpen,\n}: {\n\tpart: AiChatMessagePart;\n\tonAttachmentOpen?: (id: string) => void;\n}) {\n\tswitch (part.type) {\n\t\tcase 'text':\n\t\t\t// In-bubble. Should not reach here.\n\t\t\treturn <Text>{part.content}</Text>;\n\t\tcase 'reasoning':\n\t\t\treturn (\n\t\t\t\t<AiReasoning\n\t\t\t\t\tstreaming={part.streaming}\n\t\t\t\t\tdurationSeconds={part.durationSeconds}\n\t\t\t\t>\n\t\t\t\t\t{part.content}\n\t\t\t\t</AiReasoning>\n\t\t\t);\n\t\tcase 'chain-of-thought':\n\t\t\treturn <AiChainOfThought steps={part.steps} streaming={part.streaming} />;\n\t\tcase 'tool':\n\t\t\treturn (\n\t\t\t\t<AiToolCall\n\t\t\t\t\tname={part.name}\n\t\t\t\t\tstatus={part.status}\n\t\t\t\t\ticon={part.icon}\n\t\t\t\t\targs={part.args}\n\t\t\t\t\tresult={part.result}\n\t\t\t\t\terror={part.error}\n\t\t\t\t\tdurationMs={part.durationMs}\n\t\t\t\t\tdefaultExpanded={part.defaultExpanded}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'code':\n\t\t\treturn (\n\t\t\t\t<AiCodeBlock\n\t\t\t\t\tcode={part.code}\n\t\t\t\t\tlanguage={part.language}\n\t\t\t\t\tfilename={part.filename}\n\t\t\t\t\tshowLineNumbers={part.showLineNumbers}\n\t\t\t\t\thighlightLines={part.highlightLines}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'attachments':\n\t\t\treturn (\n\t\t\t\t<AiChatAttachmentsStrip\n\t\t\t\t\tattachments={part.items}\n\t\t\t\t\tonOpen={onAttachmentOpen ? (att) => onAttachmentOpen(att.id) : undefined}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'sources':\n\t\t\treturn (\n\t\t\t\t<AiSources\n\t\t\t\t\tsources={part.items}\n\t\t\t\t\tvariant={part.variant}\n\t\t\t\t\tdefaultExpanded={part.defaultExpanded}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'task':\n\t\t\treturn <AiTask task={part.task} />;\n\t\tcase 'artifact':\n\t\t\treturn (\n\t\t\t\t<AiArtifact\n\t\t\t\t\ttitle={part.title}\n\t\t\t\t\tsubtitle={part.subtitle}\n\t\t\t\t\ticon={part.icon}\n\t\t\t\t\tcopyText={part.copyText}\n\t\t\t\t\tactions={part.actions}\n\t\t\t\t\tonOpen={part.onOpen}\n\t\t\t\t\tonDownload={part.onDownload}\n\t\t\t\t>\n\t\t\t\t\t{part.body}\n\t\t\t\t</AiArtifact>\n\t\t\t);\n\t\tcase 'confirmation':\n\t\t\treturn (\n\t\t\t\t<AiConfirmation\n\t\t\t\t\ttitle={part.title}\n\t\t\t\t\tdescription={part.description}\n\t\t\t\t\ttone={part.tone}\n\t\t\t\t\tstatus={part.status}\n\t\t\t\t\tdetails={part.details}\n\t\t\t\t\tonApprove={part.onApprove}\n\t\t\t\t\tonReject={part.onReject}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'custom':\n\t\t\treturn <>{part.render()}</>;\n\t\tdefault:\n\t\t\treturn null;\n\t}\n}\n\nfunction extractPlain(node: ReactNode): string {\n\tif (typeof node === 'string' \|\| typeof node === 'number') return String(node);\n\tif (Array.isArray(node)) return node.map(extractPlain).join('');\n\treturn '';\n}\n","/\n AiChatPromptInput — multi-line composer for the chat. Carries:\n * - auto-resizing textarea\n * - staged attachment chips above the field\n * - leading actions slot (model picker, attach)\n * - submit / stop buttons (stop replaces submit while `streaming` is true)\n * - keyboard discipline: Enter to submit, Shift+Enter for newline\n \n Stateless: the consumer owns `value`, `attachments`, and `streaming`. The\n * component fires `onSubmit` with `{ text, attachments }` on submit.\n /\nimport { useCallback, useRef, type ReactNode } from 'react';\nimport { ArrowUp, Paperclip, Square } from 'lucide-react';\nimport { Button } from '@/components/base/buttons';\nimport { Textarea } from '@/components/base/forms/fields';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultAiChatPromptInputStrings,\n\tinterpolateString,\n\ttype AiChatPromptInputStrings,\n} from '../ai-chat.strings';\nimport type {\n\tAiChatAttachment,\n\tAiChatSubmitValues,\n} from '../ai-chat.types';\nimport { AiChatAttachmentsStrip } from './ai-chat-attachments-strip';\n\nexport interface AiChatPromptInputProps {\n\t/* Current text value (controlled). /\n\tvalue: string;\n\t/* Text change callback. /\n\tonChange: (value: string) => void;\n\t/* Submit callback — fires on Enter or send-button click. /\n\tonSubmit?: (values: AiChatSubmitValues) => void;\n\t/* Stop callback — wired to the stop button while `streaming`. /\n\tonStop?: () => void;\n\t/* Streaming flag — flips submit ↔ stop and disables the submit button. /\n\tstreaming?: boolean;\n\t/* Disable the entire composer (e.g. while waiting for an upload). /\n\tdisabled?: boolean;\n\t/* Staged attachments (controlled). /\n\tattachments?: ReadonlyArray<AiChatAttachment>;\n\t/* Remove a staged attachment. /\n\tonRemoveAttachment?: (id: string) => void;\n\t/* Triggered when the attach button is pressed. /\n\tonAttach?: () => void;\n\t/* Show the attach button (default: when `onAttach` is provided). /\n\tshowAttach?: boolean;\n\t/* Leading slot rendered before the attach button (typically a model picker). /\n\tleadingActions?: ReactNode;\n\t/* Trailing slot rendered before submit (custom action buttons). /\n\ttrailingActions?: ReactNode;\n\t/* Hide the keyboard hint under the field. /\n\thideHint?: boolean;\n\t/* Override the textarea minimum row count. /\n\tminRows?: number;\n\t/* Override the textarea maximum row count before scroll. /\n\tmaxRows?: number;\n\t/* Auto-focus the textarea on mount. /\n\tautoFocus?: boolean;\n\tclassName?: string;\n\tstrings?: StringsProp<AiChatPromptInputStrings>;\n}\n\nexport function AiChatPromptInput({\n\tvalue,\n\tonChange,\n\tonSubmit,\n\tonStop,\n\tstreaming = false,\n\tdisabled = false,\n\tattachments = [],\n\tonRemoveAttachment,\n\tonAttach,\n\tshowAttach,\n\tleadingActions,\n\ttrailingActions,\n\thideHint = false,\n\tminRows = 1,\n\tmaxRows = 8,\n\tautoFocus = false,\n\tclassName,\n\tstrings: stringsProp,\n}: AiChatPromptInputProps) {\n\tconst strings = useStrings(defaultAiChatPromptInputStrings, stringsProp);\n\tconst textareaRef = useRef<HTMLTextAreaElement \| null>(null);\n\n\tconst canSubmit =\n\t\t!streaming && !disabled && (value.trim().length > 0 \|\| attachments.length > 0);\n\n\tconst handleSubmit = useCallback(() => {\n\t\tif (!canSubmit) return;\n\t\tonSubmit?.({ text: value, attachments });\n\t}, [canSubmit, onSubmit, value, attachments]);\n\n\tconst handleKeyDown = useCallback(\n\t\t(e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n\t\t\tif (e.key === 'Enter' && !e.shiftKey && !e.nativeEvent.isComposing) {\n\t\t\t\te.preventDefault();\n\t\t\t\thandleSubmit();\n\t\t\t}\n\t\t},\n\t\t[handleSubmit],\n\t);\n\n\tconst showAttachBtn = showAttach ?? Boolean(onAttach);\n\tconst submitKeyLabel =\n\t\ttypeof navigator !== 'undefined' && navigator.platform?.toLowerCase().includes('mac')\n\t\t\t? '⌘↩'\n\t\t\t: '↩';\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'rounded-xl border border-border bg-card transition-colors duration-150',\n\t\t\t\t'focus-within:border-foreground/20 focus-within:ring-2 focus-within:ring-ring/30',\n\t\t\t\tdisabled && 'opacity-60 pointer-events-none',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{attachments.length > 0 && (\n\t\t\t\t<div className=\"border-b border-border/60 p-2\">\n\t\t\t\t\t<AiChatAttachmentsStrip\n\t\t\t\t\t\tattachments={attachments}\n\t\t\t\t\t\tonRemove={onRemoveAttachment}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<Textarea\n\t\t\t\tref={textareaRef}\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={(e) => onChange(e.target.value)}\n\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\tplaceholder={strings.placeholder}\n\t\t\t\tautoResize\n\t\t\t\tminRows={minRows}\n\t\t\t\tmaxRows={maxRows}\n\t\t\t\tautoFocus={autoFocus}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'!border-0 !bg-transparent !shadow-none focus-visible:!ring-0 resize-none px-3 py-2.5',\n\t\t\t\t)}\n\t\t\t/>\n\n\t\t\t<div className=\"flex items-center gap-1 border-t border-border/60 px-2 py-1.5\">\n\t\t\t\t{leadingActions}\n\t\t\t\t{showAttachBtn && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\tsize=\"icon-sm\"\n\t\t\t\t\t\taria-label={strings.attachAria}\n\t\t\t\t\t\tonClick={onAttach}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Paperclip className=\"size-4\" />\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t\t<div className=\"ml-auto flex items-center gap-1\">\n\t\t\t\t\t{trailingActions}\n\t\t\t\t\t{streaming ? (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"solid\"\n\t\t\t\t\t\t\tsize=\"icon-sm\"\n\t\t\t\t\t\t\taria-label={strings.stopAria}\n\t\t\t\t\t\t\tonClick={onStop}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Square className=\"size-3.5 fill-current\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\tbuttonStyle=\"solid\"\n\t\t\t\t\t\t\tsize=\"icon-sm\"\n\t\t\t\t\t\t\taria-label={strings.submitAria}\n\t\t\t\t\t\t\tonClick={handleSubmit}\n\t\t\t\t\t\t\tdisabled={!canSubmit}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ArrowUp className=\"size-4\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{!hideHint && (\n\t\t\t\t<div className=\"px-3 pb-2\">\n\t\t\t\t\t<Text size=\"xxs\" type=\"discrete\">\n\t\t\t\t\t\t{interpolateString(strings.hint, {\n\t\t\t\t\t\t\tsubmitKey: submitKeyLabel,\n\t\t\t\t\t\t\tnewlineKey: '⇧↩',\n\t\t\t\t\t\t})}\n\t\t\t\t\t</Text>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nAiChatPromptInput.displayName = 'AiChatPromptInput';\n","/\n AiChatQueue — pending message queue rendered above the prompt input. Used\n * to surface messages the user submitted faster than the assistant could\n * process — each item shows a status pill and an optional cancel control.\n /\nimport { Loader2, X } from 'lucide-react';\nimport { Badge } from '@/components/base/badge';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultAiChatQueueStrings,\n\ttype AiChatQueueStrings,\n} from '../ai-chat.strings';\nimport type { AiChatQueueItem } from '../ai-chat.types';\n\nexport interface AiChatQueueProps {\n\titems: ReadonlyArray<AiChatQueueItem>;\n\thideHeader?: boolean;\n\tonCancel?: (id: string) => void;\n\tclassName?: string;\n\tstrings?: StringsProp<AiChatQueueStrings>;\n}\n\nexport function AiChatQueue({\n\titems,\n\thideHeader = false,\n\tonCancel,\n\tclassName,\n\tstrings: stringsProp,\n}: AiChatQueueProps) {\n\tconst strings = useStrings(defaultAiChatQueueStrings, stringsProp);\n\tif (items.length === 0) return null;\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'rounded-lg border border-border/60 bg-muted/20 px-2.5 py-2',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{!hideHeader && (\n\t\t\t\t<Text\n\t\t\t\t\tsize=\"xxs\"\n\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\tclassName=\"mb-1.5 px-1 uppercase tracking-wider\"\n\t\t\t\t>\n\t\t\t\t\t{strings.header} · {items.length}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t\t<ul className=\"space-y-1\">\n\t\t\t\t{items.map((item) => {\n\t\t\t\t\tconst status = item.status ?? 'queued';\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li\n\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\tclassName=\"flex items-center gap-2 rounded-md bg-card px-2 py-1.5\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{status === 'running' ? (\n\t\t\t\t\t\t\t\t<Loader2 className=\"size-3.5 shrink-0 animate-spin text-primary\" />\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\t\t\t\tclassName=\"size-2 shrink-0 rounded-full bg-muted-foreground/50\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<Text size=\"xs\" className=\"flex-1 truncate\">\n\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<Badge variant={status === 'running' ? 'primary' : 'secondary'}>\n\t\t\t\t\t\t\t\t{status === 'running' ? strings.runningLabel : strings.queuedLabel}\n\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t{(!!item.onCancel \|\| !!onCancel) && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\t\t\t\t\taria-label={strings.cancelAria}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\titem.onCancel?.();\n\t\t\t\t\t\t\t\t\t\tonCancel?.(item.id);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<X className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ul>\n\t\t</div>\n\t);\n}\n\nAiChatQueue.displayName = 'AiChatQueue';\n","/\n AiChatSuggestionsRow — horizontal scrollable strip of small suggestion\n * chips rendered above the prompt input. Distinct from\n * `<AiPromptSuggestions>` (which is a card-grid of richer suggestions used\n * as a welcome surface): this is the inline, dense variant.\n /\nimport { Sparkles } from 'lucide-react';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultAiChatSuggestionsStrings,\n\ttype AiChatSuggestionsStrings,\n} from '../ai-chat.strings';\nimport type { AiChatSuggestion } from '../ai-chat.types';\n\nexport interface AiChatSuggestionsRowProps {\n\tsuggestions: ReadonlyArray<AiChatSuggestion>;\n\tonPick?: (s: AiChatSuggestion) => void;\n\thideHeader?: boolean;\n\tclassName?: string;\n\tstrings?: StringsProp<AiChatSuggestionsStrings>;\n}\n\nexport function AiChatSuggestionsRow({\n\tsuggestions,\n\tonPick,\n\thideHeader = false,\n\tclassName,\n\tstrings: stringsProp,\n}: AiChatSuggestionsRowProps) {\n\tconst strings = useStrings(defaultAiChatSuggestionsStrings, stringsProp);\n\tif (suggestions.length === 0) return null;\n\treturn (\n\t\t<div className={cn('flex items-center gap-2', className)}>\n\t\t\t{!hideHeader && (\n\t\t\t\t<div className=\"inline-flex shrink-0 items-center gap-1.5\">\n\t\t\t\t\t<Sparkles className=\"size-3.5 text-muted-foreground\" />\n\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" weight=\"medium\" className=\"uppercase tracking-wider\">\n\t\t\t\t\t\t{strings.header}\n\t\t\t\t\t</Text>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div className=\"-mx-1 flex flex-1 items-center gap-1.5 overflow-x-auto px-1 py-0.5 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\">\n\t\t\t\t{suggestions.map((s) => {\n\t\t\t\t\tconst Icon = s.icon;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={s.id}\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\tonClick={() => onPick?.(s)}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'h-auto shrink-0 gap-1.5 rounded-full border border-border/60 bg-card px-2.5 py-1',\n\t\t\t\t\t\t\t\t'transition-[border-color,background] duration-150',\n\t\t\t\t\t\t\t\t'hover:border-foreground/20 hover:bg-muted/40',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{!!Icon && <Icon className=\"size-3 text-muted-foreground\" />}\n\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"medium\">\n\t\t\t\t\t\t\t\t{s.label}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nAiChatSuggestionsRow.displayName = 'AiChatSuggestionsRow';\n","/\n AiChat — framework-agnostic AI chat surface. Tie-together component for\n * the `features/ai-chat/` partials. Renders an optional agent header, the\n scrollable conversation, an optional queue + suggestions row, and the\n * prompt input.\n \n Composition seams:\n * - `slots` — replace any region (header, intro, empty, queue,\n * suggestions, input, belowMessages) or per-message\n * (`renderMessage`).\n * - `strings` — deep-partial override of every default copy line\n * (prompt, conversation, queue, suggestions, message).\n * - Partials — every partial is exported individually so a consumer\n * can build a custom layout against the same data shape.\n \n Headless usage:\n * - The `useAiChatScroll` hook is exported for consumers building a\n * custom conversation layout while keeping auto-stick-to-bottom.\n \n Framework-agnostic:\n * - No router, no i18n SDK, no fetcher. Submission is a callback\n * (`onSubmit`); messages, queue, attachments are all controlled props.\n /\nimport { useCallback, useState, type ReactNode } from 'react';\nimport { AiAgent } from '@/components/composed/ai/ai-agent';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultAiChatStrings,\n\ttype AiChatStrings,\n} from './ai-chat.strings';\nimport type {\n\tAiChatAgent,\n\tAiChatAttachment,\n\tAiChatMessage as AiChatMessageType,\n\tAiChatQueueItem,\n\tAiChatSlots,\n\tAiChatSubmitValues,\n\tAiChatSuggestion,\n} from './ai-chat.types';\nimport {\n\tAiChatConversation,\n\tAiChatEmptyState,\n\tAiChatMessage,\n\tAiChatPromptInput,\n\tAiChatQueue,\n\tAiChatSuggestionsRow,\n} from './partials';\n\nexport interface AiChatProps {\n\t/* Conversation messages — order is significant. /\n\tmessages: ReadonlyArray<AiChatMessageType>;\n\n\t/* Controlled prompt input value. /\n\tinputValue: string;\n\t/* Prompt input change callback. /\n\tonInputChange: (value: string) => void;\n\t/* Fired on submit (Enter or send button). /\n\tonSubmit?: (values: AiChatSubmitValues) => void;\n\t/* Fired when the user clicks the stop button while `streaming`. /\n\tonStop?: () => void;\n\t/* Streaming flag — controls submit/stop UI in the prompt input. /\n\tstreaming?: boolean;\n\t/* Disable composer entirely. /\n\tdisabled?: boolean;\n\n\t/* Currently staged attachments. /\n\tattachments?: ReadonlyArray<AiChatAttachment>;\n\t/* Remove a staged attachment. /\n\tonRemoveAttachment?: (id: string) => void;\n\t/* Fires when the user clicks the attach button. /\n\tonAttach?: () => void;\n\t/* Toggles the attach button visibility. Defaults to `true` when `onAttach` is provided. /\n\tshowAttach?: boolean;\n\n\t/* Agent identity — drives the optional header strip. Pass `null` to hide. /\n\tagent?: AiChatAgent \| null;\n\t/* Trailing slot inside the header (e.g. settings button). /\n\theaderActions?: ReactNode;\n\n\t/* Pending message queue (rendered above the input). /\n\tqueue?: ReadonlyArray<AiChatQueueItem>;\n\t/* Cancel callback — fires per-item when the queue chip's × is clicked. /\n\tonCancelQueueItem?: (id: string) => void;\n\n\t/* Inline quick suggestions (rendered above the input). /\n\tsuggestions?: ReadonlyArray<AiChatSuggestion>;\n\t/* Suggestion select callback. /\n\tonPickSuggestion?: (s: AiChatSuggestion) => void;\n\n\t/* Per-message copy callback. /\n\tonMessageCopy?: (message: AiChatMessageType) => void;\n\t/* Per-message regenerate callback (assistant only). /\n\tonMessageRegenerate?: (message: AiChatMessageType) => void;\n\t/* Per-message attachment open callback. /\n\tonAttachmentOpen?: (messageId: string, attachmentId: string) => void;\n\n\t/* Disable auto-stick-to-bottom in the conversation. /\n\tdisableAutoScroll?: boolean;\n\n\t/* Slot map for replacing default surfaces. /\n\tslots?: AiChatSlots;\n\t/* String overrides. */\n\tstrings?: StringsProp<AiChatStrings>;\n\tclassName?: string;\n}\n\nexport function AiChat({\n\tmessages,\n\tinputValue,\n\tonInputChange,\n\tonSubmit,\n\tonStop,\n\tstreaming = false,\n\tdisabled = false,\n\tattachments = [],\n\tonRemoveAttachment,\n\tonAttach,\n\tshowAttach,\n\tagent,\n\theaderActions,\n\tqueue = [],\n\tonCancelQueueItem,\n\tsuggestions = [],\n\tonPickSuggestion,\n\tonMessageCopy,\n\tonMessageRegenerate,\n\tonAttachmentOpen,\n\tdisableAutoScroll,\n\tslots,\n\tstrings: stringsProp,\n\tclassName,\n}: AiChatProps) {\n\tconst strings = useStrings(defaultAiChatStrings, stringsProp);\n\tconst [, force] = useState(0);\n\n\tconst renderMessage = useCallback(\n\t\t(\n\t\t\tmessage: AiChatMessageType,\n\t\t\tctx: { isLast: boolean; index: number },\n\t\t): ReactNode => {\n\t\t\tif (slots?.renderMessage) {\n\t\t\t\treturn slots.renderMessage(message, ctx);\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<AiChatMessage className=\"ai-chat-message--component\"\n\t\t\t\t\tmessage={message}\n\t\t\t\t\tstrings={strings.message}\n\t\t\t\t\tonCopy={\n\t\t\t\t\t\tonMessageCopy ? () => onMessageCopy(message) : undefined\n\t\t\t\t\t}\n\t\t\t\t\tonRegenerate={\n\t\t\t\t\t\tonMessageRegenerate\n\t\t\t\t\t\t\t? () => onMessageRegenerate(message)\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tonAttachmentOpen={\n\t\t\t\t\t\tonAttachmentOpen\n\t\t\t\t\t\t\t? (attachmentId) => onAttachmentOpen(message.id, attachmentId)\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t);\n\t\t},\n\t\t[\n\t\t\tonAttachmentOpen,\n\t\t\tonMessageCopy,\n\t\t\tonMessageRegenerate,\n\t\t\tslots,\n\t\t\tstrings.message,\n\t\t],\n\t);\n\n\tconst Header: ReactNode =\n\t\tslots?.header ??\n\t\t(agent ? (\n\t\t\t<div className=\"flex items-center gap-3 border-b border-border bg-card px-3 py-2 sm:px-4\">\n\t\t\t\t<AiAgent\n\t\t\t\t\tname={agent.name}\n\t\t\t\t\ticon={agent.icon}\n\t\t\t\t\tavatar={agent.avatar}\n\t\t\t\t\tsubtitle={agent.subtitle}\n\t\t\t\t\ttone={agent.tone}\n\t\t\t\t\tstatus={agent.status}\n\t\t\t\t\tvariant=\"inline\"\n\t\t\t\t/>\n\t\t\t\t{!!headerActions && (\n\t\t\t\t\t<div className=\"ml-auto flex items-center gap-1\">{headerActions}</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t) : null);\n\n\tconst Empty: ReactNode =\n\t\tslots?.empty ??\n\t\t(messages.length === 0 ? (\n\t\t\t<AiChatEmptyState\n\t\t\t\ttitle={strings.emptyTitle}\n\t\t\t\tdescription={strings.emptyDescription}\n\t\t\t/>\n\t\t) : null);\n\n\tconst Queue: ReactNode =\n\t\tslots?.queue ??\n\t\t(queue.length > 0 ? (\n\t\t\t<AiChatQueue\n\t\t\t\titems={queue}\n\t\t\t\tonCancel={onCancelQueueItem}\n\t\t\t\tstrings={strings.queue}\n\t\t\t/>\n\t\t) : null);\n\n\tconst Suggestions: ReactNode =\n\t\tslots?.suggestions ??\n\t\t(suggestions.length > 0 ? (\n\t\t\t<AiChatSuggestionsRow\n\t\t\t\tsuggestions={suggestions}\n\t\t\t\tonPick={onPickSuggestion}\n\t\t\t\tstrings={strings.suggestions}\n\t\t\t/>\n\t\t) : null);\n\n\tconst Input: ReactNode =\n\t\tslots?.input ?? (\n\t\t\t<AiChatPromptInput\n\t\t\t\tvalue={inputValue}\n\t\t\t\tonChange={onInputChange}\n\t\t\t\tonSubmit={(values) => {\n\t\t\t\t\tonSubmit?.(values);\n\t\t\t\t\t// Force re-render so consumers that read inputValue/attachments\n\t\t\t\t\t// from controlled state see the freshly cleared values they\n\t\t\t\t\t// pushed in their onSubmit handler.\n\t\t\t\t\tforce((v) => v + 1);\n\t\t\t\t}}\n\t\t\t\tonStop={onStop}\n\t\t\t\tstreaming={streaming}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tattachments={attachments}\n\t\t\t\tonRemoveAttachment={onRemoveAttachment}\n\t\t\t\tonAttach={onAttach}\n\t\t\t\tshowAttach={showAttach}\n\t\t\t\tstrings={strings.prompt}\n\t\t\t/>\n\t\t);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'ai-chat--component flex h-full flex-col overflow-hidden rounded-xl border border-border bg-background',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{Header}\n\n\t\t\t<AiChatConversation\n\t\t\t\tmessages={messages}\n\t\t\t\trenderMessage={renderMessage}\n\t\t\t\tintro={slots?.intro}\n\t\t\t\tfooter={slots?.belowMessages}\n\t\t\t\tempty={Empty}\n\t\t\t\tdisableAutoScroll={disableAutoScroll}\n\t\t\t\tstrings={strings.conversation}\n\t\t\t/>\n\n\t\t\t{(Queue \|\| Suggestions \|\| Input) && (\n\t\t\t\t<div className=\"border-t border-border bg-card/60\">\n\t\t\t\t\t{Queue && (\n\t\t\t\t\t\t<div className=\"px-3 pb-2 pt-3 sm:px-4\">{Queue}</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{Suggestions && (\n\t\t\t\t\t\t<div className={cn('px-3 sm:px-4', !Queue && 'pt-3', 'pb-2')}>\n\t\t\t\t\t\t\t{Suggestions}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{Input && (\n\t\t\t\t\t\t<div className=\"px-3 pb-3 pt-2 sm:px-4 sm:pb-4\">{Input}</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{disabled && (\n\t\t\t\t<Text className=\"sr-only\" aria-live=\"polite\">\n\t\t\t\t\tChat is disabled\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nAiChat.displayName = 'AiChat';\n"],"mappings":"0hBAsBA,IAAa,EAA4D,CACxE,YAAa,gBACb,WAAY,eACZ,WAAY,eACZ,SAAU,kBACV,gBAAiB,eACjB,KAAM,0DACP,EAOa,EAA8D,CAC1E,eAAgB,iBAChB,mBAAoB,kBACrB,EASa,EAAgD,CAC5D,OAAQ,WACR,WAAY,oBACZ,YAAa,SACb,aAAc,SACf,EAMa,EAA4D,CACxE,OAAQ,KACT,EAMa,EAAoD,CAChE,QAAS,WACV,EAYa,EAAsC,CAClD,OAAQ,EACR,aAAc,EACd,MAAO,EACP,YAAa,EACb,QAAS,EACT,WAAY,uBACZ,iBAAkB,+DACnB,EAGA,SAAgB,EACf,EACA,EACS,CACT,OAAO,EAAS,QAAQ,wBAAyB,EAAG,IAAM,CACzD,IAAM,EAAI,EAAO,GACjB,OAAO,IAAM,IAAA,GAAY,EAAI,OAAO,CAAC,CACtC,CAAC,CACF,CCjFA,SAAgB,EAAuB,CACtC,cACA,WACA,SACA,aAC+B,CAE/B,OADI,EAAY,SAAW,EAAU,MAEpC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,GAAG,uBAAwB,CAAS,WAClD,EAAY,IAAK,IACjB,EAAA,EAAA,KAAC,EAAA,EAAD,CAEC,KAAM,EAAI,KACV,KAAM,EAAI,KACV,KAAM,EAAI,KACV,KAAM,EAAI,KACV,aAAc,EAAI,aAClB,SAAU,EAAI,SACd,QAAS,EAAI,QACb,OAAQ,MAAe,EAAO,CAAG,EAAI,IAAA,GACrC,SAAU,MAAiB,EAAS,EAAI,EAAE,EAAI,IAAA,EAC9C,EAVK,EAAI,EAUT,CACD,CACG,CAAA,CAEP,CAEA,EAAuB,YAAc,yBCjBrC,SAAgB,EAAgB,CAC/B,YAAY,GACZ,aACA,oBAAoB,IACO,CAAC,EAA0B,CACtD,IAAM,GAAA,EAAA,EAAA,QAA6C,IAAI,EACjD,GAAA,EAAA,EAAA,QAAuC,IAAI,EAC3C,CAAC,EAAY,IAAA,EAAA,EAAA,UAA0B,EAAI,EAE3C,GAAA,EAAA,EAAA,cACJ,EAA2B,WAAa,CACxC,EAAO,SAAS,eAAe,CAAE,WAAU,MAAO,KAAM,CAAC,CAC1D,EACA,CAAC,CACF,EAyBA,OAtBA,EAAA,EAAA,eAAgB,CACf,IAAM,EAAK,EAAa,QACxB,GAAI,CAAC,EAAI,OACT,IAAM,MAAiB,CAEtB,EADiB,EAAG,aAAe,EAAG,aAAe,EAAG,WAC9B,CAAS,CACpC,EAGA,OAFA,EAAS,EACT,EAAG,iBAAiB,SAAU,EAAU,CAAE,QAAS,EAAK,CAAC,MAC5C,EAAG,oBAAoB,SAAU,CAAQ,CACvD,EAAG,CAAC,CAAS,CAAC,GAGd,EAAA,EAAA,eAAgB,CAEf,GADI,GACA,CAAC,EAAY,OAEjB,IAAM,EAAK,OAAO,0BAA4B,EAAe,MAAM,CAAC,EACpE,UAAa,OAAO,qBAAqB,CAAE,CAE5C,EAAG,CAAC,EAAY,CAAiB,CAAC,EAE3B,CAAE,eAAc,SAAQ,aAAY,gBAAe,CAC3D,CC3BA,SAAgB,EAAmB,CAClC,WACA,gBACA,QACA,SACA,QACA,oBACA,YACA,QAAS,GACkB,CAC3B,IAAM,EAAU,EAAA,WAAW,EAAkC,CAAW,EAClE,CAAE,eAAc,SAAQ,aAAY,kBAAmB,EAAgB,CAC5E,WAAY,EAAS,OACrB,mBACD,CAAC,EAEK,EAAU,EAAS,SAAW,GAAK,CAAC,EAE1C,OACC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,GAAG,wCAAyC,CAAS,WAArE,EACC,EAAA,EAAA,MAAC,MAAD,CACC,IAAK,EACL,UAAU,oDAFX,CAIE,CAAC,CAAC,IAAS,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,gBAAQ,CAAW,CAAA,EAE7C,EACA,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,+DACd,EAAA,EAAA,KAAC,EAAA,EAAD,CAAM,KAAK,qBAAY,kBAAsB,CAAA,CACzC,CAAA,GAGN,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,qBACZ,EAAS,KAAK,EAAS,KAMtB,EAAA,EAAA,KAAC,KAAD,CAAA,SAAsB,EAAc,EAAS,CAJ7C,OAAQ,IAAQ,EAAS,OAAS,EAClC,MAAO,CAGsC,CAAG,CAAM,EAA7C,EAAQ,EAAqC,CAEvD,CACE,CAAA,EAGJ,CAAC,CAAC,IAAU,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,gBAAQ,CAAY,CAAA,GAEhD,EAAA,EAAA,KAAC,MAAD,CAAK,IAAK,EAAQ,cAAA,GAAY,UAAU,MAAQ,CAAA,CAC5C,IAEJ,CAAC,IACD,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,4EACd,EAAA,EAAA,MAAC,EAAA,EAAD,CACC,KAAK,SACL,QAAQ,YACR,YAAY,QACZ,aAAY,EAAQ,mBACpB,YAAe,EAAe,QAAQ,EACtC,UAAW,EAAA,GACV,6CACA,yBACD,WATD,EAWC,EAAA,EAAA,KAAC,EAAA,UAAD,CAAW,UAAU,UAAY,CAAA,EAChC,EAAQ,cACF,GACJ,CAAA,CAEF,GAEP,CAEA,EAAmB,YAAc,qBChGjC,SAAgB,EAAiB,CAChC,QAAQ,uBACR,cACA,KAAM,EAAgB,EAAA,SACtB,QACA,aACyB,CACzB,OACC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,GAAG,gFAAiF,CAAS,WAA7G,EACC,EAAA,EAAA,KAAC,EAAA,EAAD,CAAW,KAAM,EAAe,KAAK,UAAU,KAAK,KAAK,MAAM,QAAU,CAAA,GACzE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,8BAAf,EACC,EAAA,EAAA,KAAC,EAAA,EAAD,CAAS,IAAI,cAAM,CAAe,CAAA,EACjC,CAAC,CAAC,IACF,EAAA,EAAA,KAAC,EAAA,EAAD,CAAM,KAAK,qBAAa,CAAkB,CAAA,CAEvC,IACJ,CAAC,CAAC,IAAS,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iCAAyB,CAAW,CAAA,CAC3D,GAEP,CAEA,EAAiB,YAAc,mBCM/B,SAAgB,EAAc,CAC7B,UACA,SACA,eACA,mBACA,YACA,QAAS,GACa,CACtB,IAAM,EAAU,EAAA,WAAW,EAA6B,CAAW,EAG7D,EAAgC,CAAC,EACjC,EAA6B,CAAC,EACpC,IAAK,IAAM,KAAQ,EAAQ,MACtB,EAAK,OAAS,OAAQ,EAAS,KAAK,CAAI,EACvC,EAAM,KAAK,CAAI,EAGrB,IAAM,EACL,EACE,IAAK,GAAO,EAAE,OAAS,OAAS,EAAE,OAAS,EAAa,EAAE,OAAO,EAAI,EAAG,EACxE,OAAO,OAAO,EACd,KAAK;CAAI,GAAK,IAAA,GAEX,EAA2B,EAAQ,SACxC,EAAA,EAAA,KAAC,EAAA,EAAD,CAAA,SAAY,EAAQ,OAAmB,CAAA,EACpC,EAAS,SAAW,GAAK,EAAM,OAAS,EAAI,MAC/C,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,qBACb,EAAS,KAAK,EAAM,IACpB,EAAK,OAAS,QACb,EAAA,EAAA,KAAC,MAAD,CAAe,UAAU,+BACvB,EAAK,OACF,EAFK,CAEL,EACF,IACL,CACI,CAAA,EAGN,OACC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,GAAG,YAAa,CAAS,WAAzC,EACG,IAAkB,MAAQ,EAAQ,WACnC,EAAA,EAAA,KAAC,EAAA,EAAD,CACC,KAAM,EAAQ,KACd,OAAQ,EAAQ,OAChB,WAAY,EAAQ,WACpB,UAAW,EAAQ,UACR,YACX,QAAS,EAAQ,QACjB,OAAQ,EAAY,QAAiB,IAAA,IAAa,IAAA,GACpC,wBAEb,CACe,CAAA,EAGjB,EAAM,OAAS,IACf,EAAA,EAAA,KAAC,MAAD,CACC,UAAW,EAAA,GACV,YACA,EAAQ,OAAS,OACd,gBACA,eACJ,WAEC,EAAM,KAAK,EAAM,KACjB,EAAA,EAAA,KAAC,EAAD,CAEO,OACY,kBAClB,EAHK,CAGL,CACD,CACG,CAAA,EAGL,CAAC,CAAC,EAAQ,WACV,EAAA,EAAA,KAAC,MAAD,CACC,UAAW,EAAA,GACV,EAAQ,OAAS,OAAS,gBAAkB,eAC7C,WAEC,EAAQ,QACL,CAAA,CAEF,GAEP,CAEA,EAAc,YAAc,gBAE5B,SAAS,EAAa,CACrB,OACA,oBAIE,CACF,OAAQ,EAAK,KAAb,CACC,IAAK,OAEJ,OAAO,EAAA,EAAA,KAAC,EAAA,EAAD,CAAA,SAAO,EAAK,OAAc,CAAA,EAClC,IAAK,YACJ,OACC,EAAA,EAAA,KAAC,EAAA,EAAD,CACC,UAAW,EAAK,UAChB,gBAAiB,EAAK,yBAErB,EAAK,OACM,CAAA,EAEf,IAAK,mBACJ,OAAO,EAAA,EAAA,KAAC,EAAA,EAAD,CAAkB,MAAO,EAAK,MAAO,UAAW,EAAK,SAAY,CAAA,EACzE,IAAK,OACJ,OACC,EAAA,EAAA,KAAC,EAAA,EAAD,CACC,KAAM,EAAK,KACX,OAAQ,EAAK,OACb,KAAM,EAAK,KACX,KAAM,EAAK,KACX,OAAQ,EAAK,OACb,MAAO,EAAK,MACZ,WAAY,EAAK,WACjB,gBAAiB,EAAK,eACtB,CAAA,EAEH,IAAK,OACJ,OACC,EAAA,EAAA,KAAC,EAAA,EAAD,CACC,KAAM,EAAK,KACX,SAAU,EAAK,SACf,SAAU,EAAK,SACf,gBAAiB,EAAK,gBACtB,eAAgB,EAAK,cACrB,CAAA,EAEH,IAAK,cACJ,OACC,EAAA,EAAA,KAAC,EAAD,CACC,YAAa,EAAK,MAClB,OAAQ,EAAoB,GAAQ,EAAiB,EAAI,EAAE,EAAI,IAAA,EAC/D,CAAA,EAEH,IAAK,UACJ,OACC,EAAA,EAAA,KAAC,EAAA,EAAD,CACC,QAAS,EAAK,MACd,QAAS,EAAK,QACd,gBAAiB,EAAK,eACtB,CAAA,EAEH,IAAK,OACJ,OAAO,EAAA,EAAA,KAAC,EAAA,EAAD,CAAQ,KAAM,EAAK,IAAO,CAAA,EAClC,IAAK,WACJ,OACC,EAAA,EAAA,KAAC,EAAA,EAAD,CACC,MAAO,EAAK,MACZ,SAAU,EAAK,SACf,KAAM,EAAK,KACX,SAAU,EAAK,SACf,QAAS,EAAK,QACd,OAAQ,EAAK,OACb,WAAY,EAAK,oBAEhB,EAAK,IACK,CAAA,EAEd,IAAK,eACJ,OACC,EAAA,EAAA,KAAC,EAAA,EAAD,CACC,MAAO,EAAK,MACZ,YAAa,EAAK,YAClB,KAAM,EAAK,KACX,OAAQ,EAAK,OACb,QAAS,EAAK,QACd,UAAW,EAAK,UAChB,SAAU,EAAK,QACf,CAAA,EAEH,IAAK,SACJ,OAAO,EAAA,EAAA,KAAA,EAAA,SAAA,CAAA,SAAG,EAAK,OAAO,CAAI,CAAA,EAC3B,QACC,OAAO,IACT,CACD,CAEA,SAAS,EAAa,EAAyB,CAG9C,OAFI,OAAO,GAAS,UAAY,OAAO,GAAS,SAAiB,OAAO,CAAI,EACxE,MAAM,QAAQ,CAAI,EAAU,EAAK,IAAI,CAAY,EAAE,KAAK,EAAE,EACvD,EACR,CCvKA,SAAgB,EAAkB,CACjC,QACA,WACA,WACA,SACA,YAAY,GACZ,WAAW,GACX,cAAc,CAAC,EACf,qBACA,WACA,aACA,iBACA,kBACA,WAAW,GACX,UAAU,EACV,UAAU,EACV,YAAY,GACZ,YACA,QAAS,GACiB,CAC1B,IAAM,EAAU,EAAA,WAAW,EAAiC,CAAW,EACjE,GAAA,EAAA,EAAA,QAAiD,IAAI,EAErD,EACL,CAAC,GAAa,CAAC,IAAa,EAAM,KAAK,EAAE,OAAS,GAAK,EAAY,OAAS,GAEvE,GAAA,EAAA,EAAA,iBAAiC,CACjC,GACL,IAAW,CAAE,KAAM,EAAO,aAAY,CAAC,CACxC,EAAG,CAAC,EAAW,EAAU,EAAO,CAAW,CAAC,EAEtC,GAAA,EAAA,EAAA,aACJ,GAAgD,CAC5C,EAAE,MAAQ,SAAW,CAAC,EAAE,UAAY,CAAC,EAAE,YAAY,cACtD,EAAE,eAAe,EACjB,EAAa,EAEf,EACA,CAAC,CAAY,CACd,EAEM,EAAgB,GAAc,EAAQ,EACtC,EACL,OAAO,UAAc,KAAe,UAAU,UAAU,YAAY,EAAE,SAAS,KAAK,EACjF,KACA,IAEJ,OACC,EAAA,EAAA,MAAC,MAAD,CACC,UAAW,EAAA,GACV,yEACA,kFACA,GAAY,iCACZ,CACD,WAND,CAQE,EAAY,OAAS,IACrB,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,0CACd,EAAA,EAAA,KAAC,EAAD,CACc,cACb,SAAU,CACV,CAAA,CACG,CAAA,GAGN,EAAA,EAAA,KAAC,EAAA,EAAD,CACC,IAAK,EACE,QACP,SAAW,GAAM,EAAS,EAAE,OAAO,KAAK,EACxC,UAAW,EACX,YAAa,EAAQ,YACrB,WAAA,GACS,UACA,UACE,YACD,WACV,UAAW,EAAA,GACV,sFACD,CACA,CAAA,GAED,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,yEAAf,CACE,EACA,IACA,EAAA,EAAA,KAAC,EAAA,EAAD,CACC,KAAK,SACL,QAAQ,YACR,YAAY,QACZ,KAAK,UACL,aAAY,EAAQ,WACpB,QAAS,EACC,qBAEV,EAAA,EAAA,KAAC,EAAA,UAAD,CAAW,UAAU,QAAU,CAAA,CACxB,CAAA,GAET,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,2CAAf,CACE,EACA,GACA,EAAA,EAAA,KAAC,EAAA,EAAD,CACC,KAAK,SACL,QAAQ,YACR,YAAY,QACZ,KAAK,UACL,aAAY,EAAQ,SACpB,QAAS,YAET,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,UAAU,uBAAyB,CAAA,CACpC,CAAA,GAER,EAAA,EAAA,KAAC,EAAA,EAAD,CACC,KAAK,SACL,QAAQ,UACR,YAAY,QACZ,KAAK,UACL,aAAY,EAAQ,WACpB,QAAS,EACT,SAAU,CAAC,YAEX,EAAA,EAAA,KAAC,EAAA,QAAD,CAAS,UAAU,QAAU,CAAA,CACtB,CAAA,CAEL,GACD,IAEJ,CAAC,IACD,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sBACd,EAAA,EAAA,KAAC,EAAA,EAAD,CAAM,KAAK,MAAM,KAAK,oBACpB,EAAkB,EAAQ,KAAM,CAChC,UAAW,EACX,WAAY,IACb,CAAC,CACI,CAAA,CACF,CAAA,CAEF,GAEP,CAEA,EAAkB,YAAc,oBCpLhC,SAAgB,EAAY,CAC3B,QACA,aAAa,GACb,WACA,YACA,QAAS,GACW,CACpB,IAAM,EAAU,EAAA,WAAW,EAA2B,CAAW,EAEjE,OADI,EAAM,SAAW,EAAU,MAE9B,EAAA,EAAA,MAAC,MAAD,CACC,UAAW,EAAA,GACV,6DACA,CACD,WAJD,CAME,CAAC,IACD,EAAA,EAAA,MAAC,EAAA,EAAD,CACC,KAAK,MACL,KAAK,YACL,OAAO,SACP,UAAU,gDAJX,CAME,EAAQ,OAAO,MAAI,EAAM,MACrB,KAEP,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,qBACZ,EAAM,IAAK,GAAS,CACpB,IAAM,EAAS,EAAK,QAAU,SAC9B,OACC,EAAA,EAAA,MAAC,KAAD,CAEC,UAAU,kEAFX,CAIE,IAAW,WACX,EAAA,EAAA,KAAC,EAAA,QAAD,CAAS,UAAU,6CAA+C,CAAA,GAElE,EAAA,EAAA,KAAC,OAAD,CACC,cAAA,GACA,UAAU,qDACV,CAAA,GAEF,EAAA,EAAA,KAAC,EAAA,EAAD,CAAM,KAAK,KAAK,UAAU,2BACxB,EAAK,KACD,CAAA,GACN,EAAA,EAAA,KAAC,EAAA,EAAD,CAAO,QAAS,IAAW,UAAY,UAAY,qBACjD,IAAW,UAAY,EAAQ,aAAe,EAAQ,WACjD,CAAA,GACL,CAAC,CAAC,EAAK,UAAY,CAAC,CAAC,KACtB,EAAA,EAAA,KAAC,EAAA,EAAD,CACC,KAAK,SACL,QAAQ,YACR,YAAY,QACZ,KAAK,UACL,aAAY,EAAQ,WACpB,YAAe,CACd,EAAK,WAAW,EAChB,IAAW,EAAK,EAAE,CACnB,YAEA,EAAA,EAAA,KAAC,EAAA,EAAD,CAAG,UAAU,UAAY,CAAA,CAClB,CAAA,CAEN,GAhCE,EAAK,EAgCP,CAEN,CAAC,CACE,CAAA,CACA,GAEP,CAEA,EAAY,YAAc,cCvE1B,SAAgB,EAAqB,CACpC,cACA,SACA,aAAa,GACb,YACA,QAAS,GACoB,CAC7B,IAAM,EAAU,EAAA,WAAW,EAAiC,CAAW,EAEvE,OADI,EAAY,SAAW,EAAU,MAEpC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,GAAG,0BAA2B,CAAS,WAAvD,CACE,CAAC,IACD,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,qDAAf,EACC,EAAA,EAAA,KAAC,EAAA,SAAD,CAAU,UAAU,gCAAkC,CAAA,GACtD,EAAA,EAAA,KAAC,EAAA,EAAD,CAAM,KAAK,MAAM,KAAK,YAAY,OAAO,SAAS,UAAU,oCAC1D,EAAQ,MACJ,CAAA,CACF,KAEN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,mIACb,EAAY,IAAK,GAAM,CACvB,IAAM,EAAO,EAAE,KACf,OACC,EAAA,EAAA,MAAC,EAAA,EAAD,CAEC,KAAK,SACL,QAAQ,YACR,YAAY,QACZ,KAAK,KACL,YAAe,IAAS,CAAC,EACzB,UAAW,EAAA,GACV,mFACA,oDACA,8CACD,WAXD,CAaE,CAAC,CAAC,IAAQ,EAAA,EAAA,KAAC,EAAD,CAAM,UAAU,8BAAgC,CAAA,GAC3D,EAAA,EAAA,KAAC,EAAA,EAAD,CAAM,IAAI,OAAO,KAAK,KAAK,OAAO,kBAChC,EAAE,KACE,CAAA,CACC,GAhBF,EAAE,EAgBA,CAEV,CAAC,CACG,CAAA,CACD,GAEP,CAEA,EAAqB,YAAc,uBCmCnC,SAAgB,EAAO,CACtB,WACA,aACA,gBACA,WACA,SACA,YAAY,GACZ,WAAW,GACX,cAAc,CAAC,EACf,qBACA,WACA,aACA,QACA,gBACA,QAAQ,CAAC,EACT,oBACA,cAAc,CAAC,EACf,mBACA,gBACA,sBACA,mBACA,oBACA,QACA,QAAS,EACT,aACe,CACf,IAAM,EAAU,EAAA,WAAW,EAAsB,CAAW,EACtD,EAAG,IAAA,EAAA,EAAA,UAAkB,CAAC,EAEtB,GAAA,EAAA,EAAA,cAEJ,EACA,IAEI,GAAO,cACH,EAAM,cAAc,EAAS,CAAG,GAGvC,EAAA,EAAA,KAAC,EAAD,CAAe,UAAU,6BACf,UACT,QAAS,EAAQ,QACjB,OACC,MAAsB,EAAc,CAAO,EAAI,IAAA,GAEhD,aACC,MACS,EAAoB,CAAO,EACjC,IAAA,GAEJ,iBACC,EACI,GAAiB,EAAiB,EAAQ,GAAI,CAAY,EAC3D,IAAA,EAEJ,CAAA,EAGH,CACC,EACA,EACA,EACA,EACA,EAAQ,OACT,CACD,EAEM,EACL,GAAO,SACN,GACA,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,oFAAf,EACC,EAAA,EAAA,KAAC,EAAA,EAAD,CACC,KAAM,EAAM,KACZ,KAAM,EAAM,KACZ,OAAQ,EAAM,OACd,SAAU,EAAM,SAChB,KAAM,EAAM,KACZ,OAAQ,EAAM,OACd,QAAQ,QACR,CAAA,EACA,CAAC,CAAC,IACF,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,2CAAmC,CAAmB,CAAA,CAElE,IACF,MAEC,EACL,GAAO,QACN,EAAS,SAAW,GACpB,EAAA,EAAA,KAAC,EAAD,CACC,MAAO,EAAQ,WACf,YAAa,EAAQ,gBACrB,CAAA,EACE,MAEC,EACL,GAAO,QACN,EAAM,OAAS,GACf,EAAA,EAAA,KAAC,EAAD,CACC,MAAO,EACP,SAAU,EACV,QAAS,EAAQ,KACjB,CAAA,EACE,MAEC,EACL,GAAO,cACN,EAAY,OAAS,GACrB,EAAA,EAAA,KAAC,EAAD,CACc,cACb,OAAQ,EACR,QAAS,EAAQ,WACjB,CAAA,EACE,MAEC,EACL,GAAO,QACN,EAAA,EAAA,KAAC,EAAD,CACC,MAAO,EACP,SAAU,EACV,SAAW,GAAW,CACrB,IAAW,CAAM,EAIjB,EAAO,GAAM,EAAI,CAAC,CACnB,EACQ,SACG,YACD,WACG,cACO,qBACV,WACE,aACZ,QAAS,EAAQ,MACjB,CAAA,EAGH,OACC,EAAA,EAAA,MAAC,MAAD,CACC,UAAW,EAAA,GACV,wGACA,CACD,WAJD,CAME,GAED,EAAA,EAAA,KAAC,EAAD,CACW,WACK,gBACf,MAAO,GAAO,MACd,OAAQ,GAAO,cACf,MAAO,EACY,oBACnB,QAAS,EAAQ,YACjB,CAAA,GAEC,GAAS,GAAe,KACzB,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6CAAf,CACE,IACA,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,kCAA0B,CAAW,CAAA,EAEpD,IACA,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,GAAG,eAAgB,CAAC,GAAS,OAAQ,MAAM,WACzD,CACG,CAAA,EAEL,IACA,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,0CAAkC,CAAW,CAAA,CAEzD,IAGL,IACA,EAAA,EAAA,KAAC,EAAA,EAAD,CAAM,UAAU,UAAU,YAAU,kBAAS,kBAEvC,CAAA,CAEH,GAEP,CAEA,EAAO,YAAc"}
1	+ {"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/components/features/ai-chat/ai-chat.strings.ts","../../../../src/components/features/ai-chat/partials/ai-chat-attachments-strip.tsx","../../../../src/components/features/ai-chat/hooks/use-ai-chat-scroll.ts","../../../../src/components/features/ai-chat/partials/ai-chat-conversation.tsx","../../../../src/components/features/ai-chat/partials/ai-chat-empty-state.tsx","../../../../src/components/features/ai-chat/partials/ai-chat-message.tsx","../../../../src/components/features/ai-chat/partials/ai-chat-prompt-input.tsx","../../../../src/components/features/ai-chat/partials/ai-chat-queue.tsx","../../../../src/components/features/ai-chat/partials/ai-chat-suggestions-row.tsx","../../../../src/components/features/ai-chat/ai-chat.tsx"],"sourcesContent":["/*\n Strings for `<AiChat>` and its partials. Each interface is co-located so\n * partials and the feature root all read from one source of truth (rule 19).\n * Consumers override via the `strings` prop on the relevant component; values\n * are deep-merged over the defaults so partial overrides are safe.\n /\n\nexport interface AiChatPromptInputStrings {\n\t/* Placeholder copy for the textarea. /\n\tplaceholder: string;\n\t/* Aria label for the attach button. /\n\tattachAria: string;\n\t/* Aria label for the submit button. /\n\tsubmitAria: string;\n\t/* Aria label for the stop button (replaces submit while streaming). /\n\tstopAria: string;\n\t/* Aria label for the model picker button (when `modelPicker` is provided). /\n\tmodelPickerAria: string;\n\t/* Hint shown under the input. Supports `{{key}}` for the submit shortcut. /\n\thint: string;\n}\n\nexport const defaultAiChatPromptInputStrings: AiChatPromptInputStrings = {\n\tplaceholder: 'Ask anything…',\n\tattachAria: 'Attach files',\n\tsubmitAria: 'Send message',\n\tstopAria: 'Stop generating',\n\tmodelPickerAria: 'Choose model',\n\thint: 'Press {{submitKey}} to send · {{newlineKey}} for newline',\n};\n\nexport interface AiChatConversationStrings {\n\tscrollToBottom: string;\n\tscrollToBottomAria: string;\n}\n\nexport const defaultAiChatConversationStrings: AiChatConversationStrings = {\n\tscrollToBottom: 'Jump to latest',\n\tscrollToBottomAria: 'Scroll to bottom',\n};\n\nexport interface AiChatQueueStrings {\n\theader: string;\n\tcancelAria: string;\n\tqueuedLabel: string;\n\trunningLabel: string;\n}\n\nexport const defaultAiChatQueueStrings: AiChatQueueStrings = {\n\theader: 'In queue',\n\tcancelAria: 'Remove from queue',\n\tqueuedLabel: 'Queued',\n\trunningLabel: 'Running',\n};\n\nexport interface AiChatSuggestionsStrings {\n\theader: string;\n}\n\nexport const defaultAiChatSuggestionsStrings: AiChatSuggestionsStrings = {\n\theader: 'Try',\n};\n\nexport interface AiChatMessageStrings {\n\tpending: string;\n}\n\nexport const defaultAiChatMessageStrings: AiChatMessageStrings = {\n\tpending: 'Thinking…',\n};\n\nexport interface AiChatStrings {\n\tprompt: AiChatPromptInputStrings;\n\tconversation: AiChatConversationStrings;\n\tqueue: AiChatQueueStrings;\n\tsuggestions: AiChatSuggestionsStrings;\n\tmessage: AiChatMessageStrings;\n\temptyTitle: string;\n\temptyDescription: string;\n}\n\nexport const defaultAiChatStrings: AiChatStrings = {\n\tprompt: defaultAiChatPromptInputStrings,\n\tconversation: defaultAiChatConversationStrings,\n\tqueue: defaultAiChatQueueStrings,\n\tsuggestions: defaultAiChatSuggestionsStrings,\n\tmessage: defaultAiChatMessageStrings,\n\temptyTitle: 'Start a conversation',\n\temptyDescription: 'Ask a question, share context, or attach a file to get going.',\n};\n\n/* Replace `{{key}}` tokens with values from `params`. /\nexport function interpolateString(\n\ttemplate: string,\n\tparams: Record<string, string \| number>,\n): string {\n\treturn template.replace(/\\{\\{\\s(\\w+)\\s\\}\\}/g, (m, k) => {\n\t\tconst v = params[k];\n\t\treturn v === undefined ? m : String(v);\n\t});\n}\n","/\n AiChatAttachmentsStrip — flex-wrap row of `<AiAttachment>` chips. Used both\n * in the prompt input (staged uploads — pass `onRemove` to enable a remove\n * button) and inside messages (read-only attachment list).\n /\nimport { AiAttachment } from '@/components/composed/ai/ai-attachment';\nimport { cn } from '@/lib/utils';\n\nimport type { AiChatAttachment } from '../ai-chat.types';\n\nexport interface AiChatAttachmentsStripProps {\n\tattachments: ReadonlyArray<AiChatAttachment>;\n\t/* When set, each chip gets a remove button wired to this handler. /\n\tonRemove?: (id: string) => void;\n\t/* When set, click on a chip calls this. /\n\tonOpen?: (att: AiChatAttachment) => void;\n\tclassName?: string;\n}\n\nexport function AiChatAttachmentsStrip({\n\tattachments,\n\tonRemove,\n\tonOpen,\n\tclassName,\n}: AiChatAttachmentsStripProps) {\n\tif (attachments.length === 0) return null;\n\treturn (\n\t\t<div className={cn('flex flex-wrap gap-2', className)}>\n\t\t\t{attachments.map((att) => (\n\t\t\t\t<AiAttachment\n\t\t\t\t\tkey={att.id}\n\t\t\t\t\tname={att.name}\n\t\t\t\t\tmeta={att.meta}\n\t\t\t\t\tkind={att.kind}\n\t\t\t\t\ticon={att.icon}\n\t\t\t\t\tthumbnailUrl={att.thumbnailUrl}\n\t\t\t\t\tprogress={att.progress}\n\t\t\t\t\terrored={att.errored}\n\t\t\t\t\tonOpen={onOpen ? () => onOpen(att) : undefined}\n\t\t\t\t\tonRemove={onRemove ? () => onRemove(att.id) : undefined}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</div>\n\t);\n}\n\nAiChatAttachmentsStrip.displayName = 'AiChatAttachmentsStrip';\n","/\n useAiChatScroll — auto-stick-to-bottom scroll behaviour for chat\n * conversations. Detects when the user has scrolled away from the latest\n * message and pauses auto-scroll until they return.\n \n Returns:\n * - `containerRef` — attach to the scroll viewport.\n * - `endRef` — attach to a sentinel at the very bottom.\n * - `isAtBottom` — true when the viewport is pinned to the latest content.\n * - `scrollToBottom` — imperatively scroll to the sentinel.\n /\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nexport interface UseAiChatScrollOptions {\n\t/* Distance (px) from bottom counted as \"at bottom\". /\n\tthreshold?: number;\n\t/* Re-evaluate on these dependencies (typically the message count). /\n\tdependency?: unknown;\n\t/* Disable auto-scroll-on-update behaviour. /\n\tdisableAutoScroll?: boolean;\n}\n\nexport interface UseAiChatScrollReturn {\n\tcontainerRef: React.RefObject<HTMLDivElement \| null>;\n\tendRef: React.RefObject<HTMLDivElement \| null>;\n\tisAtBottom: boolean;\n\tscrollToBottom: (behavior?: ScrollBehavior) => void;\n}\n\nexport function useAiChatScroll({\n\tthreshold = 80,\n\tdependency,\n\tdisableAutoScroll = false,\n}: UseAiChatScrollOptions = {}): UseAiChatScrollReturn {\n\tconst containerRef = useRef<HTMLDivElement \| null>(null);\n\tconst endRef = useRef<HTMLDivElement \| null>(null);\n\tconst [isAtBottom, setIsAtBottom] = useState(true);\n\n\tconst scrollToBottom = useCallback(\n\t\t(behavior: ScrollBehavior = 'smooth') => {\n\t\t\tendRef.current?.scrollIntoView({ behavior, block: 'end' });\n\t\t},\n\t\t[],\n\t);\n\n\t// Track scroll position so we can pause auto-scroll when the user reads up.\n\tuseEffect(() => {\n\t\tconst el = containerRef.current;\n\t\tif (!el) return;\n\t\tconst onScroll = () => {\n\t\t\tconst distance = el.scrollHeight - el.clientHeight - el.scrollTop;\n\t\t\tsetIsAtBottom(distance <= threshold);\n\t\t};\n\t\tonScroll();\n\t\tel.addEventListener('scroll', onScroll, { passive: true });\n\t\treturn () => el.removeEventListener('scroll', onScroll);\n\t}, [threshold]);\n\n\t// Auto-scroll when content updates and the user is pinned at the bottom.\n\tuseEffect(() => {\n\t\tif (disableAutoScroll) return;\n\t\tif (!isAtBottom) return;\n\t\t// Use rAF so we wait for layout to settle after the new content paints.\n\t\tconst id = window.requestAnimationFrame(() => scrollToBottom('auto'));\n\t\treturn () => window.cancelAnimationFrame(id);\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [dependency, disableAutoScroll]);\n\n\treturn { containerRef, endRef, isAtBottom, scrollToBottom };\n}\n","/\n AiChatConversation — scrollable list container for chat messages with\n * auto-stick-to-bottom behaviour. Renders each message via the consumer's\n * `renderMessage` slot (or the default `<AiChatMessage>` via the parent\n * `<AiChat>`). Surfaces a \"Jump to latest\" pill when the user scrolls away\n * from the bottom while content streams in.\n /\nimport { ArrowDown } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultAiChatConversationStrings,\n\ttype AiChatConversationStrings,\n} from '../ai-chat.strings';\nimport type {\n\tAiChatMessage as AiChatMessageType,\n\tAiChatRenderMessageContext,\n} from '../ai-chat.types';\nimport { useAiChatScroll } from '../hooks/use-ai-chat-scroll';\n\nexport interface AiChatConversationProps {\n\tmessages: ReadonlyArray<AiChatMessageType>;\n\trenderMessage: (\n\t\tmessage: AiChatMessageType,\n\t\tctx: AiChatRenderMessageContext,\n\t) => ReactNode;\n\t/* Render before the messages list (intro card, agent greeting). /\n\tintro?: ReactNode;\n\t/* Render after the messages list (e.g. tip ribbon). /\n\tfooter?: ReactNode;\n\t/* Replaces the empty state when `messages.length === 0`. /\n\tempty?: ReactNode;\n\t/* Pause auto-scroll-on-update. /\n\tdisableAutoScroll?: boolean;\n\tclassName?: string;\n\tstrings?: StringsProp<AiChatConversationStrings>;\n}\n\nexport function AiChatConversation({\n\tmessages,\n\trenderMessage,\n\tintro,\n\tfooter,\n\tempty,\n\tdisableAutoScroll,\n\tclassName,\n\tstrings: stringsProp,\n}: AiChatConversationProps) {\n\tconst strings = useStrings(defaultAiChatConversationStrings, stringsProp);\n\tconst { containerRef, endRef, isAtBottom, scrollToBottom } = useAiChatScroll({\n\t\tdependency: messages.length,\n\t\tdisableAutoScroll,\n\t});\n\n\tconst isEmpty = messages.length === 0 && !intro;\n\n\treturn (\n\t\t<div className={cn('relative flex h-full min-h-0 flex-col', className)}>\n\t\t\t<div\n\t\t\t\tref={containerRef}\n\t\t\t\tclassName=\"flex-1 overflow-y-auto px-3 py-4 sm:px-4\"\n\t\t\t>\n\t\t\t\t{!!intro && <div className=\"mb-4\">{intro}</div>}\n\n\t\t\t\t{isEmpty ? (\n\t\t\t\t\tempty ?? (\n\t\t\t\t\t\t<div className=\"flex h-full items-center justify-center px-6 py-12\">\n\t\t\t\t\t\t\t<Text type=\"secondary\">No messages yet.</Text>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)\n\t\t\t\t) : (\n\t\t\t\t\t<ol className=\"space-y-4\">\n\t\t\t\t\t\t{messages.map((message, idx) => {\n\t\t\t\t\t\t\tconst ctx: AiChatRenderMessageContext = {\n\t\t\t\t\t\t\t\tisLast: idx === messages.length - 1,\n\t\t\t\t\t\t\t\tindex: idx,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<li key={message.id}>{renderMessage(message, ctx)}</li>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</ol>\n\t\t\t\t)}\n\n\t\t\t\t{!!footer && <div className=\"mt-4\">{footer}</div>}\n\n\t\t\t\t<div ref={endRef} aria-hidden className=\"h-px\" />\n\t\t\t</div>\n\n\t\t\t{!isAtBottom && (\n\t\t\t\t<div className=\"pointer-events-none absolute bottom-3 left-1/2 -translate-x-1/2\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"solid\"\n\t\t\t\t\t\taria-label={strings.scrollToBottomAria}\n\t\t\t\t\t\tonClick={() => scrollToBottom('smooth')}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'pointer-events-auto rounded-full shadow-md',\n\t\t\t\t\t\t\t'border border-border/60',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ArrowDown className=\"size-3.5\" />\n\t\t\t\t\t\t{strings.scrollToBottom}\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nAiChatConversation.displayName = 'AiChatConversation';\n","/\n AiChatEmptyState — default empty surface for `<AiChat>` when no messages\n * are present and no intro is provided. Centers a title + description with\n * an optional below-content slot for prompt-suggestion grids.\n /\nimport type { ReactNode } from 'react';\nimport { Sparkles } from 'lucide-react';\nimport { IconBadge } from '@/components/base/display';\nimport { Heading, Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface AiChatEmptyStateProps {\n\ttitle?: ReactNode;\n\tdescription?: ReactNode;\n\ticon?: React.ElementType;\n\tbelow?: ReactNode;\n\tclassName?: string;\n}\n\nexport function AiChatEmptyState({\n\ttitle = 'Start a conversation',\n\tdescription,\n\ticon: IconComponent = Sparkles,\n\tbelow,\n\tclassName,\n}: AiChatEmptyStateProps) {\n\treturn (\n\t\t<div className={cn('flex h-full flex-col items-center justify-center gap-3 px-4 py-10 text-center', className)}>\n\t\t\t<IconBadge icon={IconComponent} tone=\"primary\" size=\"default\" shape=\"square\" />\n\t\t\t<div className=\"max-w-md space-y-1\">\n\t\t\t\t<Heading tag=\"h4\">{title}</Heading>\n\t\t\t\t{!!description && (\n\t\t\t\t\t<Text type=\"secondary\">{description}</Text>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{!!below && <div className=\"mt-4 w-full max-w-2xl\">{below}</div>}\n\t\t</div>\n\t);\n}\n\nAiChatEmptyState.displayName = 'AiChatEmptyState';\n","/\n AiChatMessage — message renderer that wraps `<AiMessageBubble>` and routes\n * each `parts[]` entry to its dedicated `composed/ai/` surface (text, code,\n tool calls, reasoning, sources, attachments, …).\n \n Most surfaces sit BELOW the bubble (artifact, sources, task) since they\n * carry their own chrome; plain text and inline citations render INSIDE the\n * bubble. Custom-typed parts call `render()` directly.\n /\nimport type { ReactNode } from 'react';\nimport { AiArtifact } from '@/components/composed/ai/ai-artifact';\nimport { AiChainOfThought } from '@/components/composed/ai/ai-chain-of-thought';\nimport { AiCodeBlock } from '@/components/composed/ai/ai-code-block';\nimport { AiConfirmation } from '@/components/composed/ai/ai-confirmation';\nimport { AiMessageBubble } from '@/components/composed/ai/ai-message-bubble';\nimport { AiReasoning } from '@/components/composed/ai/ai-reasoning';\nimport { AiShimmer } from '@/components/composed/ai/ai-shimmer';\nimport { AiSources } from '@/components/composed/ai/ai-sources';\nimport { AiTask } from '@/components/composed/ai/ai-task';\nimport { AiToolCall } from '@/components/composed/ai/ai-tool-call';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultAiChatMessageStrings,\n\ttype AiChatMessageStrings,\n} from '../ai-chat.strings';\nimport type {\n\tAiChatMessage as AiChatMessageType,\n\tAiChatMessagePart,\n} from '../ai-chat.types';\nimport { AiChatAttachmentsStrip } from './ai-chat-attachments-strip';\n\nexport interface AiChatMessageProps {\n\tmessage: AiChatMessageType;\n\t/* Copy callback forwarded to the underlying bubble. /\n\tonCopy?: () => void;\n\t/* Regenerate callback forwarded to the underlying bubble (assistant only). /\n\tonRegenerate?: () => void;\n\t/* Open handler for attachment chips inside the message. /\n\tonAttachmentOpen?: (attachmentId: string) => void;\n\tclassName?: string;\n\tstrings?: StringsProp<AiChatMessageStrings>;\n}\n\nexport function AiChatMessage({\n\tmessage,\n\tonCopy,\n\tonRegenerate,\n\tonAttachmentOpen,\n\tclassName,\n\tstrings: stringsProp,\n}: AiChatMessageProps) {\n\tconst strings = useStrings(defaultAiChatMessageStrings, stringsProp);\n\n\t// Split parts: in-bubble (text) vs below-bubble (everything else).\n\tconst inBubble: AiChatMessagePart[] = [];\n\tconst below: AiChatMessagePart[] = [];\n\tfor (const part of message.parts) {\n\t\tif (part.type === 'text') inBubble.push(part);\n\t\telse below.push(part);\n\t}\n\n\tconst plainText =\n\t\tinBubble\n\t\t\t.map((p) => (p.type === 'text' ? p.plain ?? extractPlain(p.content) : ''))\n\t\t\t.filter(Boolean)\n\t\t\t.join('\\n') \|\| undefined;\n\n\tconst bubbleContent: ReactNode = message.pending ? (\n\t\t<AiShimmer>{strings.pending}</AiShimmer>\n\t) : inBubble.length === 0 && below.length > 0 ? null : (\n\t\t<div className=\"space-y-2\">\n\t\t\t{inBubble.map((part, idx) =>\n\t\t\t\tpart.type === 'text' ? (\n\t\t\t\t\t<div key={idx} className=\"whitespace-pre-wrap\">\n\t\t\t\t\t\t{part.content}\n\t\t\t\t\t</div>\n\t\t\t\t) : null,\n\t\t\t)}\n\t\t</div>\n\t);\n\n\treturn (\n\t\t<div className={cn('space-y-2', className)}>\n\t\t\t{(bubbleContent !== null \|\| message.pending) && (\n\t\t\t\t<AiMessageBubble\n\t\t\t\t\trole={message.role}\n\t\t\t\t\tavatar={message.avatar}\n\t\t\t\t\tauthorName={message.authorName}\n\t\t\t\t\ttimestamp={message.timestamp}\n\t\t\t\t\tplainText={plainText}\n\t\t\t\t\tloading={message.loading}\n\t\t\t\t\tonCopy={plainText ? onCopy ?? (() => undefined) : undefined}\n\t\t\t\t\tonRegenerate={onRegenerate}\n\t\t\t\t>\n\t\t\t\t\t{bubbleContent}\n\t\t\t\t</AiMessageBubble>\n\t\t\t)}\n\n\t\t\t{below.length > 0 && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'space-y-2',\n\t\t\t\t\t\tmessage.role === 'user'\n\t\t\t\t\t\t\t? 'pr-9 sm:pl-12'\n\t\t\t\t\t\t\t: 'pl-9 sm:pr-12',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{below.map((part, idx) => (\n\t\t\t\t\t\t<PartRenderer\n\t\t\t\t\t\t\tkey={idx}\n\t\t\t\t\t\t\tpart={part}\n\t\t\t\t\t\t\tonAttachmentOpen={onAttachmentOpen}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{!!message.trailing && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\tmessage.role === 'user' ? 'pr-9 sm:pl-12' : 'pl-9 sm:pr-12',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{message.trailing}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nAiChatMessage.displayName = 'AiChatMessage';\n\nfunction PartRenderer({\n\tpart,\n\tonAttachmentOpen,\n}: {\n\tpart: AiChatMessagePart;\n\tonAttachmentOpen?: (id: string) => void;\n}) {\n\tswitch (part.type) {\n\t\tcase 'text':\n\t\t\t// In-bubble. Should not reach here.\n\t\t\treturn <Text>{part.content}</Text>;\n\t\tcase 'reasoning':\n\t\t\treturn (\n\t\t\t\t<AiReasoning\n\t\t\t\t\tstreaming={part.streaming}\n\t\t\t\t\tdurationSeconds={part.durationSeconds}\n\t\t\t\t>\n\t\t\t\t\t{part.content}\n\t\t\t\t</AiReasoning>\n\t\t\t);\n\t\tcase 'chain-of-thought':\n\t\t\treturn <AiChainOfThought steps={part.steps} streaming={part.streaming} />;\n\t\tcase 'tool':\n\t\t\treturn (\n\t\t\t\t<AiToolCall\n\t\t\t\t\tname={part.name}\n\t\t\t\t\tstatus={part.status}\n\t\t\t\t\ticon={part.icon}\n\t\t\t\t\targs={part.args}\n\t\t\t\t\tresult={part.result}\n\t\t\t\t\terror={part.error}\n\t\t\t\t\tdurationMs={part.durationMs}\n\t\t\t\t\tdefaultExpanded={part.defaultExpanded}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'code':\n\t\t\treturn (\n\t\t\t\t<AiCodeBlock\n\t\t\t\t\tcode={part.code}\n\t\t\t\t\tlanguage={part.language}\n\t\t\t\t\tfilename={part.filename}\n\t\t\t\t\tshowLineNumbers={part.showLineNumbers}\n\t\t\t\t\thighlightLines={part.highlightLines}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'attachments':\n\t\t\treturn (\n\t\t\t\t<AiChatAttachmentsStrip\n\t\t\t\t\tattachments={part.items}\n\t\t\t\t\tonOpen={onAttachmentOpen ? (att) => onAttachmentOpen(att.id) : undefined}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'sources':\n\t\t\treturn (\n\t\t\t\t<AiSources\n\t\t\t\t\tsources={part.items}\n\t\t\t\t\tvariant={part.variant}\n\t\t\t\t\tdefaultExpanded={part.defaultExpanded}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'task':\n\t\t\treturn <AiTask task={part.task} />;\n\t\tcase 'artifact':\n\t\t\treturn (\n\t\t\t\t<AiArtifact\n\t\t\t\t\ttitle={part.title}\n\t\t\t\t\tsubtitle={part.subtitle}\n\t\t\t\t\ticon={part.icon}\n\t\t\t\t\tcopyText={part.copyText}\n\t\t\t\t\tactions={part.actions}\n\t\t\t\t\tonOpen={part.onOpen}\n\t\t\t\t\tonDownload={part.onDownload}\n\t\t\t\t>\n\t\t\t\t\t{part.body}\n\t\t\t\t</AiArtifact>\n\t\t\t);\n\t\tcase 'confirmation':\n\t\t\treturn (\n\t\t\t\t<AiConfirmation\n\t\t\t\t\ttitle={part.title}\n\t\t\t\t\tdescription={part.description}\n\t\t\t\t\ttone={part.tone}\n\t\t\t\t\tstatus={part.status}\n\t\t\t\t\tdetails={part.details}\n\t\t\t\t\tonApprove={part.onApprove}\n\t\t\t\t\tonReject={part.onReject}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'custom':\n\t\t\treturn <>{part.render()}</>;\n\t\tdefault:\n\t\t\treturn null;\n\t}\n}\n\nfunction extractPlain(node: ReactNode): string {\n\tif (typeof node === 'string' \|\| typeof node === 'number') return String(node);\n\tif (Array.isArray(node)) return node.map(extractPlain).join('');\n\treturn '';\n}\n","/\n AiChatPromptInput — multi-line composer for the chat. Carries:\n * - auto-resizing textarea\n * - staged attachment chips above the field\n * - leading actions slot (model picker, attach)\n * - submit / stop buttons (stop replaces submit while `streaming` is true)\n * - keyboard discipline: Enter to submit, Shift+Enter for newline\n \n Stateless: the consumer owns `value`, `attachments`, and `streaming`. The\n * component fires `onSubmit` with `{ text, attachments }` on submit.\n /\nimport { useCallback, useRef, type ReactNode } from 'react';\nimport { ArrowUp, Paperclip, Square } from 'lucide-react';\nimport { Button } from '@/components/base/buttons';\nimport { Textarea } from '@/components/base/forms/fields';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultAiChatPromptInputStrings,\n\tinterpolateString,\n\ttype AiChatPromptInputStrings,\n} from '../ai-chat.strings';\nimport type {\n\tAiChatAttachment,\n\tAiChatSubmitValues,\n} from '../ai-chat.types';\nimport { AiChatAttachmentsStrip } from './ai-chat-attachments-strip';\n\nexport interface AiChatPromptInputProps {\n\t/* Current text value (controlled). /\n\tvalue: string;\n\t/* Text change callback. /\n\tonChange: (value: string) => void;\n\t/* Submit callback — fires on Enter or send-button click. /\n\tonSubmit?: (values: AiChatSubmitValues) => void;\n\t/* Stop callback — wired to the stop button while `streaming`. /\n\tonStop?: () => void;\n\t/* Streaming flag — flips submit ↔ stop and disables the submit button. /\n\tstreaming?: boolean;\n\t/* Disable the entire composer (e.g. while waiting for an upload). /\n\tdisabled?: boolean;\n\t/* Staged attachments (controlled). /\n\tattachments?: ReadonlyArray<AiChatAttachment>;\n\t/* Remove a staged attachment. /\n\tonRemoveAttachment?: (id: string) => void;\n\t/* Triggered when the attach button is pressed. /\n\tonAttach?: () => void;\n\t/* Show the attach button (default: when `onAttach` is provided). /\n\tshowAttach?: boolean;\n\t/* Leading slot rendered before the attach button (typically a model picker). /\n\tleadingActions?: ReactNode;\n\t/* Trailing slot rendered before submit (custom action buttons). /\n\ttrailingActions?: ReactNode;\n\t/* Hide the keyboard hint under the field. /\n\thideHint?: boolean;\n\t/* Override the textarea minimum row count. /\n\tminRows?: number;\n\t/* Override the textarea maximum row count before scroll. /\n\tmaxRows?: number;\n\t/* Auto-focus the textarea on mount. /\n\tautoFocus?: boolean;\n\tclassName?: string;\n\tstrings?: StringsProp<AiChatPromptInputStrings>;\n}\n\nexport function AiChatPromptInput({\n\tvalue,\n\tonChange,\n\tonSubmit,\n\tonStop,\n\tstreaming = false,\n\tdisabled = false,\n\tattachments = [],\n\tonRemoveAttachment,\n\tonAttach,\n\tshowAttach,\n\tleadingActions,\n\ttrailingActions,\n\thideHint = false,\n\tminRows = 1,\n\tmaxRows = 8,\n\tautoFocus = false,\n\tclassName,\n\tstrings: stringsProp,\n}: AiChatPromptInputProps) {\n\tconst strings = useStrings(defaultAiChatPromptInputStrings, stringsProp);\n\tconst textareaRef = useRef<HTMLTextAreaElement \| null>(null);\n\n\tconst canSubmit =\n\t\t!streaming && !disabled && (value.trim().length > 0 \|\| attachments.length > 0);\n\n\tconst handleSubmit = useCallback(() => {\n\t\tif (!canSubmit) return;\n\t\tonSubmit?.({ text: value, attachments });\n\t}, [canSubmit, onSubmit, value, attachments]);\n\n\tconst handleKeyDown = useCallback(\n\t\t(e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n\t\t\tif (e.key === 'Enter' && !e.shiftKey && !e.nativeEvent.isComposing) {\n\t\t\t\te.preventDefault();\n\t\t\t\thandleSubmit();\n\t\t\t}\n\t\t},\n\t\t[handleSubmit],\n\t);\n\n\tconst showAttachBtn = showAttach ?? Boolean(onAttach);\n\tconst submitKeyLabel =\n\t\ttypeof navigator !== 'undefined' && navigator.platform?.toLowerCase().includes('mac')\n\t\t\t? '⌘↩'\n\t\t\t: '↩';\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'rounded-xl border border-border bg-card transition-colors duration-150',\n\t\t\t\t'focus-within:border-foreground/20 focus-within:ring-2 focus-within:ring-ring/30',\n\t\t\t\tdisabled && 'opacity-60 pointer-events-none',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{attachments.length > 0 && (\n\t\t\t\t<div className=\"border-b border-border/60 p-2\">\n\t\t\t\t\t<AiChatAttachmentsStrip\n\t\t\t\t\t\tattachments={attachments}\n\t\t\t\t\t\tonRemove={onRemoveAttachment}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<Textarea\n\t\t\t\tref={textareaRef}\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={(e) => onChange(e.target.value)}\n\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\tplaceholder={strings.placeholder}\n\t\t\t\tautoResize\n\t\t\t\tminRows={minRows}\n\t\t\t\tmaxRows={maxRows}\n\t\t\t\tautoFocus={autoFocus}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'!border-0 !bg-transparent !shadow-none focus-visible:!ring-0 resize-none px-3 py-2.5',\n\t\t\t\t)}\n\t\t\t/>\n\n\t\t\t<div className=\"flex items-center gap-1 border-t border-border/60 px-2 py-1.5\">\n\t\t\t\t{leadingActions}\n\t\t\t\t{showAttachBtn && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\t\taria-label={strings.attachAria}\n\t\t\t\t\t\tonClick={onAttach}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Paperclip className=\"size-4\" />\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t\t<div className=\"ml-auto flex items-center gap-1\">\n\t\t\t\t\t{trailingActions}\n\t\t\t\t\t{streaming ? (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"solid\"\n\t\t\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\t\t\taria-label={strings.stopAria}\n\t\t\t\t\t\t\tonClick={onStop}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Square className=\"size-3.5 fill-current\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\tbuttonStyle=\"solid\"\n\t\t\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\t\t\taria-label={strings.submitAria}\n\t\t\t\t\t\t\tonClick={handleSubmit}\n\t\t\t\t\t\t\tdisabled={!canSubmit}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ArrowUp className=\"size-4\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{!hideHint && (\n\t\t\t\t<div className=\"px-3 pb-2\">\n\t\t\t\t\t<Text size=\"xxs\" type=\"discrete\">\n\t\t\t\t\t\t{interpolateString(strings.hint, {\n\t\t\t\t\t\t\tsubmitKey: submitKeyLabel,\n\t\t\t\t\t\t\tnewlineKey: '⇧↩',\n\t\t\t\t\t\t})}\n\t\t\t\t\t</Text>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nAiChatPromptInput.displayName = 'AiChatPromptInput';\n","/\n AiChatQueue — pending message queue rendered above the prompt input. Used\n * to surface messages the user submitted faster than the assistant could\n * process — each item shows a status pill and an optional cancel control.\n /\nimport { Loader2, X } from 'lucide-react';\nimport { Badge } from '@/components/base/badge';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultAiChatQueueStrings,\n\ttype AiChatQueueStrings,\n} from '../ai-chat.strings';\nimport type { AiChatQueueItem } from '../ai-chat.types';\n\nexport interface AiChatQueueProps {\n\titems: ReadonlyArray<AiChatQueueItem>;\n\thideHeader?: boolean;\n\tonCancel?: (id: string) => void;\n\tclassName?: string;\n\tstrings?: StringsProp<AiChatQueueStrings>;\n}\n\nexport function AiChatQueue({\n\titems,\n\thideHeader = false,\n\tonCancel,\n\tclassName,\n\tstrings: stringsProp,\n}: AiChatQueueProps) {\n\tconst strings = useStrings(defaultAiChatQueueStrings, stringsProp);\n\tif (items.length === 0) return null;\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'rounded-lg border border-border/60 bg-muted/20 px-2.5 py-2',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{!hideHeader && (\n\t\t\t\t<Text\n\t\t\t\t\tsize=\"xxs\"\n\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\tclassName=\"mb-1.5 px-1 uppercase tracking-wider\"\n\t\t\t\t>\n\t\t\t\t\t{strings.header} · {items.length}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t\t<ul className=\"space-y-1\">\n\t\t\t\t{items.map((item) => {\n\t\t\t\t\tconst status = item.status ?? 'queued';\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li\n\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\tclassName=\"flex items-center gap-2 rounded-md bg-card px-2 py-1.5\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{status === 'running' ? (\n\t\t\t\t\t\t\t\t<Loader2 className=\"size-3.5 shrink-0 animate-spin text-primary\" />\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\t\t\t\tclassName=\"size-2 shrink-0 rounded-full bg-muted-foreground/50\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<Text size=\"xs\" className=\"flex-1 truncate\">\n\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<Badge variant={status === 'running' ? 'primary' : 'secondary'}>\n\t\t\t\t\t\t\t\t{status === 'running' ? strings.runningLabel : strings.queuedLabel}\n\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t{(!!item.onCancel \|\| !!onCancel) && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\t\t\t\t\taria-label={strings.cancelAria}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\titem.onCancel?.();\n\t\t\t\t\t\t\t\t\t\tonCancel?.(item.id);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<X className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ul>\n\t\t</div>\n\t);\n}\n\nAiChatQueue.displayName = 'AiChatQueue';\n","/\n AiChatSuggestionsRow — horizontal scrollable strip of small suggestion\n * chips rendered above the prompt input. Distinct from\n * `<AiPromptSuggestions>` (which is a card-grid of richer suggestions used\n * as a welcome surface): this is the inline, dense variant.\n /\nimport { Sparkles } from 'lucide-react';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultAiChatSuggestionsStrings,\n\ttype AiChatSuggestionsStrings,\n} from '../ai-chat.strings';\nimport type { AiChatSuggestion } from '../ai-chat.types';\n\nexport interface AiChatSuggestionsRowProps {\n\tsuggestions: ReadonlyArray<AiChatSuggestion>;\n\tonPick?: (s: AiChatSuggestion) => void;\n\thideHeader?: boolean;\n\tclassName?: string;\n\tstrings?: StringsProp<AiChatSuggestionsStrings>;\n}\n\nexport function AiChatSuggestionsRow({\n\tsuggestions,\n\tonPick,\n\thideHeader = false,\n\tclassName,\n\tstrings: stringsProp,\n}: AiChatSuggestionsRowProps) {\n\tconst strings = useStrings(defaultAiChatSuggestionsStrings, stringsProp);\n\tif (suggestions.length === 0) return null;\n\treturn (\n\t\t<div className={cn('flex items-center gap-2', className)}>\n\t\t\t{!hideHeader && (\n\t\t\t\t<div className=\"inline-flex shrink-0 items-center gap-1.5\">\n\t\t\t\t\t<Sparkles className=\"size-3.5 text-muted-foreground\" />\n\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" weight=\"medium\" className=\"uppercase tracking-wider\">\n\t\t\t\t\t\t{strings.header}\n\t\t\t\t\t</Text>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div className=\"-mx-1 flex flex-1 items-center gap-1.5 overflow-x-auto px-1 py-0.5 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\">\n\t\t\t\t{suggestions.map((s) => {\n\t\t\t\t\tconst Icon = s.icon;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={s.id}\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tonClick={() => onPick?.(s)}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'h-auto shrink-0 gap-1.5 rounded-full border border-border/60 bg-card px-2.5 py-1',\n\t\t\t\t\t\t\t\t'transition-[border-color,background] duration-150',\n\t\t\t\t\t\t\t\t'hover:border-foreground/20 hover:bg-muted/40',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{!!Icon && <Icon className=\"size-3 text-muted-foreground\" />}\n\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"medium\">\n\t\t\t\t\t\t\t\t{s.label}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nAiChatSuggestionsRow.displayName = 'AiChatSuggestionsRow';\n","/\n AiChat — framework-agnostic AI chat surface. Tie-together component for\n * the `features/ai-chat/` partials. Renders an optional agent header, the\n scrollable conversation, an optional queue + suggestions row, and the\n * prompt input.\n \n Composition seams:\n * - `slots` — replace any region (header, intro, empty, queue,\n * suggestions, input, belowMessages) or per-message\n * (`renderMessage`).\n * - `strings` — deep-partial override of every default copy line\n * (prompt, conversation, queue, suggestions, message).\n * - Partials — every partial is exported individually so a consumer\n * can build a custom layout against the same data shape.\n \n Headless usage:\n * - The `useAiChatScroll` hook is exported for consumers building a\n * custom conversation layout while keeping auto-stick-to-bottom.\n \n Framework-agnostic:\n * - No router, no i18n SDK, no fetcher. Submission is a callback\n * (`onSubmit`); messages, queue, attachments are all controlled props.\n /\nimport { useCallback, useState, type ReactNode } from 'react';\nimport { AiAgent } from '@/components/composed/ai/ai-agent';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultAiChatStrings,\n\ttype AiChatStrings,\n} from './ai-chat.strings';\nimport type {\n\tAiChatAgent,\n\tAiChatAttachment,\n\tAiChatMessage as AiChatMessageType,\n\tAiChatQueueItem,\n\tAiChatSlots,\n\tAiChatSubmitValues,\n\tAiChatSuggestion,\n} from './ai-chat.types';\nimport {\n\tAiChatConversation,\n\tAiChatEmptyState,\n\tAiChatMessage,\n\tAiChatPromptInput,\n\tAiChatQueue,\n\tAiChatSuggestionsRow,\n} from './partials';\n\nexport interface AiChatProps {\n\t/* Conversation messages — order is significant. /\n\tmessages: ReadonlyArray<AiChatMessageType>;\n\n\t/* Controlled prompt input value. /\n\tinputValue: string;\n\t/* Prompt input change callback. /\n\tonInputChange: (value: string) => void;\n\t/* Fired on submit (Enter or send button). /\n\tonSubmit?: (values: AiChatSubmitValues) => void;\n\t/* Fired when the user clicks the stop button while `streaming`. /\n\tonStop?: () => void;\n\t/* Streaming flag — controls submit/stop UI in the prompt input. /\n\tstreaming?: boolean;\n\t/* Disable composer entirely. /\n\tdisabled?: boolean;\n\n\t/* Currently staged attachments. /\n\tattachments?: ReadonlyArray<AiChatAttachment>;\n\t/* Remove a staged attachment. /\n\tonRemoveAttachment?: (id: string) => void;\n\t/* Fires when the user clicks the attach button. /\n\tonAttach?: () => void;\n\t/* Toggles the attach button visibility. Defaults to `true` when `onAttach` is provided. /\n\tshowAttach?: boolean;\n\n\t/* Agent identity — drives the optional header strip. Pass `null` to hide. /\n\tagent?: AiChatAgent \| null;\n\t/* Trailing slot inside the header (e.g. settings button). /\n\theaderActions?: ReactNode;\n\n\t/* Pending message queue (rendered above the input). /\n\tqueue?: ReadonlyArray<AiChatQueueItem>;\n\t/* Cancel callback — fires per-item when the queue chip's × is clicked. /\n\tonCancelQueueItem?: (id: string) => void;\n\n\t/* Inline quick suggestions (rendered above the input). /\n\tsuggestions?: ReadonlyArray<AiChatSuggestion>;\n\t/* Suggestion select callback. /\n\tonPickSuggestion?: (s: AiChatSuggestion) => void;\n\n\t/* Per-message copy callback. /\n\tonMessageCopy?: (message: AiChatMessageType) => void;\n\t/* Per-message regenerate callback (assistant only). /\n\tonMessageRegenerate?: (message: AiChatMessageType) => void;\n\t/* Per-message attachment open callback. /\n\tonAttachmentOpen?: (messageId: string, attachmentId: string) => void;\n\n\t/* Disable auto-stick-to-bottom in the conversation. /\n\tdisableAutoScroll?: boolean;\n\n\t/* Slot map for replacing default surfaces. /\n\tslots?: AiChatSlots;\n\t/* String overrides. */\n\tstrings?: StringsProp<AiChatStrings>;\n\tclassName?: string;\n}\n\nexport function AiChat({\n\tmessages,\n\tinputValue,\n\tonInputChange,\n\tonSubmit,\n\tonStop,\n\tstreaming = false,\n\tdisabled = false,\n\tattachments = [],\n\tonRemoveAttachment,\n\tonAttach,\n\tshowAttach,\n\tagent,\n\theaderActions,\n\tqueue = [],\n\tonCancelQueueItem,\n\tsuggestions = [],\n\tonPickSuggestion,\n\tonMessageCopy,\n\tonMessageRegenerate,\n\tonAttachmentOpen,\n\tdisableAutoScroll,\n\tslots,\n\tstrings: stringsProp,\n\tclassName,\n}: AiChatProps) {\n\tconst strings = useStrings(defaultAiChatStrings, stringsProp);\n\tconst [, force] = useState(0);\n\n\tconst renderMessage = useCallback(\n\t\t(\n\t\t\tmessage: AiChatMessageType,\n\t\t\tctx: { isLast: boolean; index: number },\n\t\t): ReactNode => {\n\t\t\tif (slots?.renderMessage) {\n\t\t\t\treturn slots.renderMessage(message, ctx);\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<AiChatMessage className=\"ai-chat-message--component\"\n\t\t\t\t\tmessage={message}\n\t\t\t\t\tstrings={strings.message}\n\t\t\t\t\tonCopy={\n\t\t\t\t\t\tonMessageCopy ? () => onMessageCopy(message) : undefined\n\t\t\t\t\t}\n\t\t\t\t\tonRegenerate={\n\t\t\t\t\t\tonMessageRegenerate\n\t\t\t\t\t\t\t? () => onMessageRegenerate(message)\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tonAttachmentOpen={\n\t\t\t\t\t\tonAttachmentOpen\n\t\t\t\t\t\t\t? (attachmentId) => onAttachmentOpen(message.id, attachmentId)\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t);\n\t\t},\n\t\t[\n\t\t\tonAttachmentOpen,\n\t\t\tonMessageCopy,\n\t\t\tonMessageRegenerate,\n\t\t\tslots,\n\t\t\tstrings.message,\n\t\t],\n\t);\n\n\tconst Header: ReactNode =\n\t\tslots?.header ??\n\t\t(agent ? (\n\t\t\t<div className=\"flex items-center gap-3 border-b border-border bg-card px-3 py-2 sm:px-4\">\n\t\t\t\t<AiAgent\n\t\t\t\t\tname={agent.name}\n\t\t\t\t\ticon={agent.icon}\n\t\t\t\t\tavatar={agent.avatar}\n\t\t\t\t\tsubtitle={agent.subtitle}\n\t\t\t\t\ttone={agent.tone}\n\t\t\t\t\tstatus={agent.status}\n\t\t\t\t\tvariant=\"inline\"\n\t\t\t\t/>\n\t\t\t\t{!!headerActions && (\n\t\t\t\t\t<div className=\"ml-auto flex items-center gap-1\">{headerActions}</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t) : null);\n\n\tconst Empty: ReactNode =\n\t\tslots?.empty ??\n\t\t(messages.length === 0 ? (\n\t\t\t<AiChatEmptyState\n\t\t\t\ttitle={strings.emptyTitle}\n\t\t\t\tdescription={strings.emptyDescription}\n\t\t\t/>\n\t\t) : null);\n\n\tconst Queue: ReactNode =\n\t\tslots?.queue ??\n\t\t(queue.length > 0 ? (\n\t\t\t<AiChatQueue\n\t\t\t\titems={queue}\n\t\t\t\tonCancel={onCancelQueueItem}\n\t\t\t\tstrings={strings.queue}\n\t\t\t/>\n\t\t) : null);\n\n\tconst Suggestions: ReactNode =\n\t\tslots?.suggestions ??\n\t\t(suggestions.length > 0 ? (\n\t\t\t<AiChatSuggestionsRow\n\t\t\t\tsuggestions={suggestions}\n\t\t\t\tonPick={onPickSuggestion}\n\t\t\t\tstrings={strings.suggestions}\n\t\t\t/>\n\t\t) : null);\n\n\tconst Input: ReactNode =\n\t\tslots?.input ?? (\n\t\t\t<AiChatPromptInput\n\t\t\t\tvalue={inputValue}\n\t\t\t\tonChange={onInputChange}\n\t\t\t\tonSubmit={(values) => {\n\t\t\t\t\tonSubmit?.(values);\n\t\t\t\t\t// Force re-render so consumers that read inputValue/attachments\n\t\t\t\t\t// from controlled state see the freshly cleared values they\n\t\t\t\t\t// pushed in their onSubmit handler.\n\t\t\t\t\tforce((v) => v + 1);\n\t\t\t\t}}\n\t\t\t\tonStop={onStop}\n\t\t\t\tstreaming={streaming}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tattachments={attachments}\n\t\t\t\tonRemoveAttachment={onRemoveAttachment}\n\t\t\t\tonAttach={onAttach}\n\t\t\t\tshowAttach={showAttach}\n\t\t\t\tstrings={strings.prompt}\n\t\t\t/>\n\t\t);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'ai-chat--component flex h-full flex-col overflow-hidden rounded-xl border border-border bg-background',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{Header}\n\n\t\t\t<AiChatConversation\n\t\t\t\tmessages={messages}\n\t\t\t\trenderMessage={renderMessage}\n\t\t\t\tintro={slots?.intro}\n\t\t\t\tfooter={slots?.belowMessages}\n\t\t\t\tempty={Empty}\n\t\t\t\tdisableAutoScroll={disableAutoScroll}\n\t\t\t\tstrings={strings.conversation}\n\t\t\t/>\n\n\t\t\t{(Queue \|\| Suggestions \|\| Input) && (\n\t\t\t\t<div className=\"border-t border-border bg-card/60\">\n\t\t\t\t\t{Queue && (\n\t\t\t\t\t\t<div className=\"px-3 pb-2 pt-3 sm:px-4\">{Queue}</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{Suggestions && (\n\t\t\t\t\t\t<div className={cn('px-3 sm:px-4', !Queue && 'pt-3', 'pb-2')}>\n\t\t\t\t\t\t\t{Suggestions}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{Input && (\n\t\t\t\t\t\t<div className=\"px-3 pb-3 pt-2 sm:px-4 sm:pb-4\">{Input}</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{disabled && (\n\t\t\t\t<Text className=\"sr-only\" aria-live=\"polite\">\n\t\t\t\t\tChat is disabled\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nAiChat.displayName = 'AiChat';\n"],"mappings":"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"}

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

@@ -1,11 +1,11 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { t as n } from "../../../_shared/button-BGKY8UY0.js";
-import { n as r, t as i } from "../../../_shared/heading-HeP06nXG.js";
-import { t as a } from "../../../_shared/icon-badge-zTBVtgt9.js";
-import { t as o } from "../../../_shared/badge-6WYAMJwA.js";
-import { t as s } from "../../../_shared/textarea-CsMkelmp.js";
-import { S as c, _ as l, a as u, b as d, d as f, h as p, l as m, p as h, r as g, s as _, t as v, y } from "../../../_shared/ai-artifact-nlOrSeqT.js";
+import { t as n } from "../../../_shared/button-DHksjMvc.js";
+import { o as r, s as i } from "../../../_shared/typography-DE0NGEIE.js";
+import { t as a } from "../../../_shared/icon-badge-dZQPvuas.js";
+import { t as o } from "../../../_shared/badge-a2Z3K5aQ.js";
+import { t as s } from "../../../_shared/textarea-ChLRmmVU.js";
+import { S as c, _ as l, a as u, b as d, d as f, h as p, l as m, p as h, r as g, s as _, t as v, y } from "../../../_shared/ai-artifact-B3qhuiKC.js";
 import { useCallback as b, useEffect as x, useRef as S, useState as C } from "react";
 import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
 import { ArrowDown as D, ArrowUp as O, Loader2 as k, Paperclip as A, Sparkles as j, Square as M, X as N } from "lucide-react";
@@ -88,11 +88,11 @@ function H({ threshold: e = 80, dependency: t, disableAutoScroll: n = !1 } = {})
 }
 //#endregion
 //#region src/components/features/ai-chat/partials/ai-chat-conversation.tsx
-function U({ messages: i, renderMessage: a, intro: o, footer: s, empty: c, disableAutoScroll: l, className: u, strings: d }) {
+function U({ messages: r, renderMessage: a, intro: o, footer: s, empty: c, disableAutoScroll: l, className: u, strings: d }) {
 	let f = e(F, d), { containerRef: p, endRef: m, isAtBottom: h, scrollToBottom: g } = H({
-		dependency: i.length,
+		dependency: r.length,
 		disableAutoScroll: l
-	}), _ = i.length === 0 && !o;
+	}), _ = r.length === 0 && !o;
 	return /* @__PURE__ */ E("div", {
 		className: t("relative flex h-full min-h-0 flex-col", u),
 		children: [/* @__PURE__ */ E("div", {
@@ -105,14 +105,14 @@ function U({ messages: i, renderMessage: a, intro: o, footer: s, empty: c, disab
 				}),
 				_ ? c ?? /* @__PURE__ */ T("div", {
 					className: "flex h-full items-center justify-center px-6 py-12",
-					children: /* @__PURE__ */ T(r, {
+					children: /* @__PURE__ */ T(i, {
 						type: "secondary",
 						children: "No messages yet."
 					})
 				}) : /* @__PURE__ */ T("ol", {
 					className: "space-y-4",
-					children: i.map((e, t) => /* @__PURE__ */ T("li", { children: a(e, {
-						isLast: t === i.length - 1,
+					children: r.map((e, t) => /* @__PURE__ */ T("li", { children: a(e, {
+						isLast: t === r.length - 1,
 						index: t
 					}) }, e.id))
 				}),
@@ -150,15 +150,15 @@ function W({ title: e = "Start a conversation", description: n, icon: o = j, bel
 			/* @__PURE__ */ T(a, {
 				icon: o,
 				tone: "primary",
-				size: "md",
+				size: "default",
 				shape: "square"
 			}),
 			/* @__PURE__ */ E("div", {
 				className: "max-w-md space-y-1",
-				children: [/* @__PURE__ */ T(i, {
+				children: [/* @__PURE__ */ T(r, {
 					tag: "h4",
 					children: e
-				}), !!n && /* @__PURE__ */ T(r, {
+				}), !!n && /* @__PURE__ */ T(i, {
 					type: "secondary",
 					children: n
 				})]
@@ -214,7 +214,7 @@ function G({ message: n, onCopy: r, onRegenerate: i, onAttachmentOpen: a, classN
 G.displayName = "AiChatMessage";
 function K({ part: e, onAttachmentOpen: t }) {
 	switch (e.type) {
-		case "text": return /* @__PURE__ */ T(r, { children: e.content });
+		case "text": return /* @__PURE__ */ T(i, { children: e.content });
 		case "reasoning": return /* @__PURE__ */ T(_, {
 			streaming: e.streaming,
 			durationSeconds: e.durationSeconds,
@@ -279,16 +279,16 @@ function q(e) {
 }
 //#endregion
 //#region src/components/features/ai-chat/partials/ai-chat-prompt-input.tsx
-function J({ value: i, onChange: a, onSubmit: o, onStop: c, streaming: l = !1, disabled: u = !1, attachments: d = [], onRemoveAttachment: f, onAttach: p, showAttach: m, leadingActions: h, trailingActions: g, hideHint: _ = !1, minRows: v = 1, maxRows: y = 8, autoFocus: x = !1, className: C, strings: w }) {
-	let D = e(P, w), k = S(null), j = !l && !u && (i.trim().length > 0 || d.length > 0), N = b(() => {
+function J({ value: r, onChange: a, onSubmit: o, onStop: c, streaming: l = !1, disabled: u = !1, attachments: d = [], onRemoveAttachment: f, onAttach: p, showAttach: m, leadingActions: h, trailingActions: g, hideHint: _ = !1, minRows: v = 1, maxRows: y = 8, autoFocus: x = !1, className: C, strings: w }) {
+	let D = e(P, w), k = S(null), j = !l && !u && (r.trim().length > 0 || d.length > 0), N = b(() => {
 		j && o?.({
-			text: i,
+			text: r,
 			attachments: d
 		});
 	}, [
 		j,
 		o,
-		i,
+		r,
 		d
 	]), F = b((e) => {
 		e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing && (e.preventDefault(), N());
@@ -305,7 +305,7 @@ function J({ value: i, onChange: a, onSubmit: o, onStop: c, streaming: l = !1, d
 			}),
 			/* @__PURE__ */ T(s, {
 				ref: k,
-				value: i,
+				value: r,
 				onChange: (e) => a(e.target.value),
 				onKeyDown: F,
 				placeholder: D.placeholder,
@@ -324,7 +324,7 @@ function J({ value: i, onChange: a, onSubmit: o, onStop: c, streaming: l = !1, d
 						type: "button",
 						variant: "secondary",
 						buttonStyle: "ghost",
-						size: "icon-sm",
+						size: "icon-small",
 						"aria-label": D.attachAria,
 						onClick: p,
 						disabled: u,
@@ -336,7 +336,7 @@ function J({ value: i, onChange: a, onSubmit: o, onStop: c, streaming: l = !1, d
 							type: "button",
 							variant: "secondary",
 							buttonStyle: "solid",
-							size: "icon-sm",
+							size: "icon-small",
 							"aria-label": D.stopAria,
 							onClick: c,
 							children: /* @__PURE__ */ T(M, { className: "size-3.5 fill-current" })
@@ -344,7 +344,7 @@ function J({ value: i, onChange: a, onSubmit: o, onStop: c, streaming: l = !1, d
 							type: "button",
 							variant: "primary",
 							buttonStyle: "solid",
-							size: "icon-sm",
+							size: "icon-small",
 							"aria-label": D.submitAria,
 							onClick: N,
 							disabled: !j,
@@ -355,7 +355,7 @@ function J({ value: i, onChange: a, onSubmit: o, onStop: c, streaming: l = !1, d
 			}),
 			!_ && /* @__PURE__ */ T("div", {
 				className: "px-3 pb-2",
-				children: /* @__PURE__ */ T(r, {
+				children: /* @__PURE__ */ T(i, {
 					size: "xxs",
 					type: "discrete",
 					children: B(D.hint, {
@@ -370,11 +370,11 @@ function J({ value: i, onChange: a, onSubmit: o, onStop: c, streaming: l = !1, d
 J.displayName = "AiChatPromptInput";
 //#endregion
 //#region src/components/features/ai-chat/partials/ai-chat-queue.tsx
-function Y({ items: i, hideHeader: a = !1, onCancel: s, className: c, strings: l }) {
+function Y({ items: r, hideHeader: a = !1, onCancel: s, className: c, strings: l }) {
 	let u = e(I, l);
-	return i.length === 0 ? null : /* @__PURE__ */ E("div", {
+	return r.length === 0 ? null : /* @__PURE__ */ E("div", {
 		className: t("rounded-lg border border-border/60 bg-muted/20 px-2.5 py-2", c),
-		children: [!a && /* @__PURE__ */ E(r, {
+		children: [!a && /* @__PURE__ */ E(i, {
 			size: "xxs",
 			type: "secondary",
 			weight: "medium",
@@ -382,11 +382,11 @@ function Y({ items: i, hideHeader: a = !1, onCancel: s, className: c, strings: l
 			children: [
 				u.header,
 				" · ",
-				i.length
+				r.length
 			]
 		}), /* @__PURE__ */ T("ul", {
 			className: "space-y-1",
-			children: i.map((e) => {
+			children: r.map((e) => {
 				let t = e.status ?? "queued";
 				return /* @__PURE__ */ E("li", {
 					className: "flex items-center gap-2 rounded-md bg-card px-2 py-1.5",
@@ -395,7 +395,7 @@ function Y({ items: i, hideHeader: a = !1, onCancel: s, className: c, strings: l
 							"aria-hidden": !0,
 							className: "size-2 shrink-0 rounded-full bg-muted-foreground/50"
 						}),
-						/* @__PURE__ */ T(r, {
+						/* @__PURE__ */ T(i, {
 							size: "xs",
 							className: "flex-1 truncate",
 							children: e.label
@@ -408,7 +408,7 @@ function Y({ items: i, hideHeader: a = !1, onCancel: s, className: c, strings: l
 							type: "button",
 							variant: "secondary",
 							buttonStyle: "ghost",
-							size: "icon-xs",
+							size: "icon-small",
 							"aria-label": u.cancelAria,
 							onClick: () => {
 								e.onCancel?.(), s?.(e.id);
@@ -424,13 +424,13 @@ function Y({ items: i, hideHeader: a = !1, onCancel: s, className: c, strings: l
 Y.displayName = "AiChatQueue";
 //#endregion
 //#region src/components/features/ai-chat/partials/ai-chat-suggestions-row.tsx
-function X({ suggestions: i, onPick: a, hideHeader: o = !1, className: s, strings: c }) {
+function X({ suggestions: r, onPick: a, hideHeader: o = !1, className: s, strings: c }) {
 	let l = e(L, c);
-	return i.length === 0 ? null : /* @__PURE__ */ E("div", {
+	return r.length === 0 ? null : /* @__PURE__ */ E("div", {
 		className: t("flex items-center gap-2", s),
 		children: [!o && /* @__PURE__ */ E("div", {
 			className: "inline-flex shrink-0 items-center gap-1.5",
-			children: [/* @__PURE__ */ T(j, { className: "size-3.5 text-muted-foreground" }), /* @__PURE__ */ T(r, {
+			children: [/* @__PURE__ */ T(j, { className: "size-3.5 text-muted-foreground" }), /* @__PURE__ */ T(i, {
 				size: "xxs",
 				type: "secondary",
 				weight: "medium",
@@ -439,16 +439,16 @@ function X({ suggestions: i, onPick: a, hideHeader: o = !1, className: s, string
 			})]
 		}), /* @__PURE__ */ T("div", {
 			className: "-mx-1 flex flex-1 items-center gap-1.5 overflow-x-auto px-1 py-0.5 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
-			children: i.map((e) => {
-				let i = e.icon;
+			children: r.map((e) => {
+				let r = e.icon;
 				return /* @__PURE__ */ E(n, {
 					type: "button",
 					variant: "secondary",
 					buttonStyle: "ghost",
-					size: "xs",
+					size: "small",
 					onClick: () => a?.(e),
 					className: t("h-auto shrink-0 gap-1.5 rounded-full border border-border/60 bg-card px-2.5 py-1", "transition-[border-color,background] duration-150", "hover:border-foreground/20 hover:bg-muted/40"),
-					children: [!!i && /* @__PURE__ */ T(i, { className: "size-3 text-muted-foreground" }), /* @__PURE__ */ T(r, {
+					children: [!!r && /* @__PURE__ */ T(r, { className: "size-3 text-muted-foreground" }), /* @__PURE__ */ T(i, {
 						tag: "span",
 						size: "xs",
 						weight: "medium",
@@ -462,7 +462,7 @@ function X({ suggestions: i, onPick: a, hideHeader: o = !1, className: s, string
 X.displayName = "AiChatSuggestionsRow";
 //#endregion
 //#region src/components/features/ai-chat/ai-chat.tsx
-function Z({ messages: n, inputValue: i, onInputChange: a, onSubmit: o, onStop: s, streaming: c = !1, disabled: l = !1, attachments: u = [], onRemoveAttachment: d, onAttach: f, showAttach: p, agent: m, headerActions: g, queue: _ = [], onCancelQueueItem: v, suggestions: y = [], onPickSuggestion: x, onMessageCopy: S, onMessageRegenerate: w, onAttachmentOpen: D, disableAutoScroll: O, slots: k, strings: A, className: j }) {
+function Z({ messages: n, inputValue: r, onInputChange: a, onSubmit: o, onStop: s, streaming: c = !1, disabled: l = !1, attachments: u = [], onRemoveAttachment: d, onAttach: f, showAttach: p, agent: m, headerActions: g, queue: _ = [], onCancelQueueItem: v, suggestions: y = [], onPickSuggestion: x, onMessageCopy: S, onMessageRegenerate: w, onAttachmentOpen: D, disableAutoScroll: O, slots: k, strings: A, className: j }) {
 	let M = e(z, A), [, N] = C(0), P = b((e, t) => k?.renderMessage ? k.renderMessage(e, t) : /* @__PURE__ */ T(G, {
 		className: "ai-chat-message--component",
 		message: e,
@@ -502,7 +502,7 @@ function Z({ messages: n, inputValue: i, onInputChange: a, onSubmit: o, onStop:
 		onPick: x,
 		strings: M.suggestions
 	}) : null), B = k?.input ?? /* @__PURE__ */ T(J, {
-		value: i,
+		value: r,
 		onChange: a,
 		onSubmit: (e) => {
 			o?.(e), N((e) => e + 1);
@@ -546,7 +546,7 @@ function Z({ messages: n, inputValue: i, onInputChange: a, onSubmit: o, onStop:
 					})
 				]
 			}),
-			l && /* @__PURE__ */ T(r, {
+			l && /* @__PURE__ */ T(i, {
 				className: "sr-only",
 				"aria-live": "polite",
 				children: "Chat is disabled"