@object-ui/plugin-chatbot 5.3.2 → 5.4.0
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.
- package/CHANGELOG.md +62 -0
- package/README.md +50 -1
- package/dist/index.js +1615 -425
- package/dist/index.umd.cjs +2 -1
- package/dist/packages/plugin-chatbot/src/ChatbotEnhanced.d.ts +74 -5
- package/dist/packages/plugin-chatbot/src/ChatbotEnhanced.d.ts.map +1 -1
- package/dist/packages/plugin-chatbot/src/elements/code-block.d.ts +18 -0
- package/dist/packages/plugin-chatbot/src/elements/code-block.d.ts.map +1 -0
- package/dist/packages/plugin-chatbot/src/elements/conversation.d.ts +16 -0
- package/dist/packages/plugin-chatbot/src/elements/conversation.d.ts.map +1 -0
- package/dist/packages/plugin-chatbot/src/elements/index.d.ts +22 -0
- package/dist/packages/plugin-chatbot/src/elements/index.d.ts.map +1 -0
- package/dist/packages/plugin-chatbot/src/elements/loader.d.ts +6 -0
- package/dist/packages/plugin-chatbot/src/elements/loader.d.ts.map +1 -0
- package/dist/packages/plugin-chatbot/src/elements/message.d.ts +47 -0
- package/dist/packages/plugin-chatbot/src/elements/message.d.ts.map +1 -0
- package/dist/packages/plugin-chatbot/src/elements/prompt-input.d.ts +185 -0
- package/dist/packages/plugin-chatbot/src/elements/prompt-input.d.ts.map +1 -0
- package/dist/packages/plugin-chatbot/src/elements/reasoning.d.ts +27 -0
- package/dist/packages/plugin-chatbot/src/elements/reasoning.d.ts.map +1 -0
- package/dist/packages/plugin-chatbot/src/elements/shimmer.d.ts +10 -0
- package/dist/packages/plugin-chatbot/src/elements/shimmer.d.ts.map +1 -0
- package/dist/packages/plugin-chatbot/src/elements/sources.d.ts +13 -0
- package/dist/packages/plugin-chatbot/src/elements/sources.d.ts.map +1 -0
- package/dist/packages/plugin-chatbot/src/elements/suggestion.d.ts +10 -0
- package/dist/packages/plugin-chatbot/src/elements/suggestion.d.ts.map +1 -0
- package/dist/packages/plugin-chatbot/src/elements/tool.d.ts +24 -0
- package/dist/packages/plugin-chatbot/src/elements/tool.d.ts.map +1 -0
- package/dist/packages/plugin-chatbot/src/elements/ui/button-group.d.ts +12 -0
- package/dist/packages/plugin-chatbot/src/elements/ui/button-group.d.ts.map +1 -0
- package/dist/packages/plugin-chatbot/src/elements/ui/input-group.d.ts +17 -0
- package/dist/packages/plugin-chatbot/src/elements/ui/input-group.d.ts.map +1 -0
- package/dist/packages/plugin-chatbot/src/index.d.ts +1 -0
- package/dist/packages/plugin-chatbot/src/index.d.ts.map +1 -1
- package/dist/packages/plugin-chatbot/src/useObjectChat.d.ts.map +1 -1
- package/package.json +13 -5
package/dist/index.umd.cjs
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`react`),require(`@object-ui/components`),require(`lucide-react`),require(`react/jsx-runtime`),require(`@ai-sdk/react`),require(`ai`),require(`react-dom`),require(`@object-ui/react`),require(`react-markdown`),require(`react-syntax-highlighter`),require(`react-syntax-highlighter/dist/esm/styles/prism`),require(`remark-gfm`),require(`@object-ui/core`)):typeof define==`function`&&define.amd?define([`exports`,`react`,`@object-ui/components`,`lucide-react`,`react/jsx-runtime`,`@ai-sdk/react`,`ai`,`react-dom`,`@object-ui/react`,`react-markdown`,`react-syntax-highlighter`,`react-syntax-highlighter/dist/esm/styles/prism`,`remark-gfm`,`@object-ui/core`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.ObjectUIPluginChatbot={},e.React,e.ObjectUIComponents,e.LucideReact,e.react_jsx_runtime,e._ai_sdk_react,e.ai,e.ReactDOM,e.ObjectUIReact,e.react_markdown,e.react_syntax_highlighter,e.react_syntax_highlighter_dist_esm_styles_prism,e.remark_gfm,e.ObjectUICore))})(this,function(e,t,n,r,i,a,o,s,c,l,u,d,f,p){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var m=Object.create,h=Object.defineProperty,g=Object.getOwnPropertyDescriptor,_=Object.getOwnPropertyNames,v=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty,b=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=_(t),a=0,o=i.length,s;a<o;a++)s=i[a],!y.call(e,s)&&s!==n&&h(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=g(t,s))||r.enumerable});return e},x=(e,t,n)=>(n=e==null?{}:m(v(e)),b(t||!e||!e.__esModule?h(n,`default`,{value:e,enumerable:!0}):n,e));t=x(t,1),s=x(s,1),l=x(l,1),f=x(f,1);function S(e=`msg`){return typeof crypto<`u`&&crypto.randomUUID?crypto.randomUUID():`${e}-${Date.now()}-${Math.random().toString(36).slice(2)}`}function C(e){return(e??[]).map((e,t)=>({id:e.id||`msg-${t}`,role:e.role||`user`,content:e.content||``,timestamp:typeof e.timestamp==`string`?e.timestamp:e.timestamp instanceof Date?e.timestamp.toISOString():void 0,metadata:e.metadata,streaming:e.streaming,toolInvocations:e.toolInvocations}))}function w(e={}){let{api:n,initialMessages:r,conversationId:i,systemPrompt:s,model:c,streamingEnabled:l=!0,headers:u,body:d,maxToolRoundtrips:f=5,onError:p,showTimestamp:m,autoResponse:h,autoResponseText:g,autoResponseDelay:_=1e3,onSend:v}=e,y=(0,t.useRef)(n?`api`:`local`).current===`api`,b=(0,t.useMemo)(()=>C(r).map(e=>({id:e.id,role:e.role,parts:[{type:`text`,text:e.content??``}]})),[]),x=(0,a.useChat)({transport:(0,t.useMemo)(()=>{if(y)return new o.DefaultChatTransport({api:n,headers:{...u},body:{...d,...i?{conversationId:i}:{},...c?{model:c}:{},...s?{systemPrompt:s}:{},...l===void 0?{}:{stream:l}}})},[y,n,u,d,c,s,l,i]),messages:y&&b.length>0?b:void 0,onError:y?e=>{p?.(e)}:void 0}),[w,T]=(0,t.useState)(()=>C(r)),[E,D]=(0,t.useState)(!1),[O,k]=(0,t.useState)(``),[A,j]=(0,t.useState)(``),M=(0,t.useRef)(null);if((0,t.useEffect)(()=>()=>{M.current&&=(clearTimeout(M.current),null)},[]),y){let{messages:e,status:n,error:r,sendMessage:i,regenerate:a,stop:o,setMessages:s}=x,c=n===`submitted`||n===`streaming`,l=e.map(t=>{let n=typeof t.content==`string`?t.content:Array.isArray(t.parts)?t.parts.filter(e=>e?.type===`text`).map(e=>e.text??``).join(``):``;return{id:t.id,role:t.role,content:n,toolInvocations:t.toolInvocations,streaming:c&&t.id===e[e.length-1]?.id&&t.role===`assistant`}});return{messages:l,isLoading:c,error:r,sendMessage:(0,t.useCallback)(e=>{let t=e.trim();if(!t)return;let n=[...l,{id:S(`msg`),role:`user`,content:t}];i({text:t}),j(``),v?.(t,n)},[i,v,l]),stop:o,reload:a,clear:(0,t.useCallback)(()=>{s([])},[s]),isApiMode:!0,input:A,setInput:j,handleInputChange:(0,t.useCallback)(e=>{j(e.target.value)},[])}}let N=(0,t.useCallback)(()=>{M.current&&=(clearTimeout(M.current),null),D(!1)},[]);return{messages:w,isLoading:E,error:void 0,sendMessage:(0,t.useCallback)(e=>{if(!e.trim())return;let t={id:S(`msg`),role:`user`,content:e.trim(),timestamp:m?new Date().toLocaleTimeString():void 0};T(n=>{let r=[...n,t];return v?.(e.trim(),r),r}),k(``),h&&(D(!0),M.current=setTimeout(()=>{let e={id:S(`msg`),role:`assistant`,content:g||`Thank you for your message!`,timestamp:m?new Date().toLocaleTimeString():void 0};T(t=>[...t,e]),D(!1)},_))},[m,h,g,_,v]),stop:N,reload:(0,t.useCallback)(()=>{},[]),clear:(0,t.useCallback)(()=>{N(),T([])},[N]),isApiMode:!1,input:O,setInput:k,handleInputChange:(0,t.useCallback)(e=>{k(e.target.value)},[])}}function T(e){return e.filter(e=>typeof e?.name==`string`&&e.name.length>0).map(e=>({name:e.name,label:e.label||e.name,description:e.description,role:e.role,active:e.active!==!1}))}function E(e={}){let{apiBase:n,headers:r,enabled:i=!0,fallback:a=[]}=e,[o,s]=(0,t.useState)(a),[c,l]=(0,t.useState)(!1),[u,d]=(0,t.useState)(void 0),[f,p]=(0,t.useState)(0),m=(0,t.useRef)(r);return m.current=r,(0,t.useEffect)(()=>{if(!i||!n)return;let e=new AbortController,t=!1;l(!0),d(void 0);let r=`${n.replace(/\/$/,``)}/agents`;return fetch(r,{method:`GET`,headers:{Accept:`application/json`,...m.current??{}},credentials:`include`,signal:e.signal}).then(async e=>{if(!e.ok)throw Error(`Failed to load agents (${e.status})`);return e.json()}).then(e=>{if(t)return;let n=T(Array.isArray(e)?e:e?.agents??[]);s(n.length>0?n:a)}).catch(e=>{t||e.name===`AbortError`||(d(e),s(a))}).finally(()=>{t||l(!1)}),()=>{t=!0,e.abort()}},[n,i,f]),{agents:o,isLoading:c,error:u,refetch:(0,t.useCallback)(()=>p(e=>e+1),[])}}var D=t.createContext(null);function O({defaultOpen:e=!1,children:n}){let[r,a]=t.useState(e),[o,s]=t.useState(!1),c=t.useMemo(()=>({isOpen:r,isFullscreen:o,open:()=>a(!0),close:()=>{a(!1),s(!1)},toggle:()=>a(e=>!e),toggleFullscreen:()=>s(e=>!e)}),[r,o]);return(0,i.jsx)(D.Provider,{value:c,children:n})}function k(){let e=t.useContext(D);if(!e)throw Error(`useFloatingChatbot must be used within a <FloatingChatbotProvider>`);return e}function A(){try{let{t:e}=(0,c.useObjectTranslation)();return(t,n)=>{let r=e(`common.${t}`);return!r||r===`common.${t}`?n:r}}catch{return(e,t)=>t}}function j({position:e=`bottom-right`,size:t=56,className:a}){let{isOpen:o,toggle:s}=k(),c=A();return(0,i.jsx)(n.Button,{onClick:s,className:(0,n.cn)(`fixed z-50 rounded-full shadow-lg transition-transform hover:scale-105`,e===`bottom-right`?`right-6 bottom-20 sm:bottom-6`:`left-6 bottom-20 sm:bottom-6`,a),style:{width:t,height:t},size:`icon`,"aria-label":o?c(`closeChat`,`Close chat`):c(`openChat`,`Open chat`),"data-testid":`floating-chatbot-trigger`,children:o?(0,i.jsx)(r.X,{className:`h-6 w-6`}):(0,i.jsx)(r.MessageCircle,{className:`h-6 w-6`})})}function M({title:e=`Chat`,position:t=`bottom-right`,width:a=400,height:o=520,children:s,className:c,headerExtra:l}){let{isOpen:u,isFullscreen:d,close:f,toggleFullscreen:p}=k();if(!u)return null;let m=d?{inset:0,width:`100vw`,height:`100vh`}:{width:a,height:o,maxHeight:`calc(100vh - 100px)`};return(0,i.jsxs)(`div`,{className:(0,n.cn)(`fixed z-50 flex flex-col rounded-lg border bg-background shadow-xl overflow-hidden transition-all`,d?`inset-0 rounded-none`:t===`bottom-right`?`right-6 bottom-20`:`left-6 bottom-20`,c),style:m,role:`dialog`,"aria-label":e,"data-testid":`floating-chatbot-panel`,children:[(0,i.jsxs)(`div`,{className:`flex items-center justify-between gap-2 px-4 py-2 border-b bg-muted/40`,children:[(0,i.jsx)(`span`,{className:`text-sm font-medium truncate shrink-0`,children:e}),l?(0,i.jsx)(`div`,{className:`flex-1 min-w-0 flex items-center justify-end mr-1`,"data-testid":`floating-chatbot-header-extra`,children:l}):null,(0,i.jsxs)(`div`,{className:`flex items-center gap-1 shrink-0`,children:[(0,i.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`h-7 w-7`,onClick:p,"aria-label":d?`Exit fullscreen`:`Fullscreen`,"data-testid":`floating-chatbot-fullscreen`,children:d?(0,i.jsx)(r.Minimize2,{className:`h-4 w-4`}):(0,i.jsx)(r.Maximize2,{className:`h-4 w-4`})}),(0,i.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`h-7 w-7`,onClick:f,"aria-label":`Close chat`,"data-testid":`floating-chatbot-close`,children:(0,i.jsx)(r.X,{className:`h-4 w-4`})})]})]}),(0,i.jsx)(`div`,{className:`flex-1 overflow-hidden`,children:s})]})}function N({content:e,enableMarkdown:t}){return t?(0,i.jsx)(`div`,{className:`prose prose-sm dark:prose-invert max-w-none`,children:(0,i.jsx)(l.default,{remarkPlugins:[f.default],components:{code({node:e,inline:t,className:r,children:a,...o}){let s=/language-(\w+)/.exec(r||``);return!t&&s?(0,i.jsx)(u.Prism,{style:d.oneDark,language:s[1],PreTag:`div`,className:`rounded-md my-2`,...o,children:String(a).replace(/\n$/,``)}):(0,i.jsx)(`code`,{className:(0,n.cn)(`bg-muted px-1 py-0.5 rounded text-sm`,r),...o,children:a})},p:({children:e})=>(0,i.jsx)(`p`,{className:`mb-2 last:mb-0`,children:e}),ul:({children:e})=>(0,i.jsx)(`ul`,{className:`list-disc pl-4 mb-2`,children:e}),ol:({children:e})=>(0,i.jsx)(`ol`,{className:`list-decimal pl-4 mb-2`,children:e}),li:({children:e})=>(0,i.jsx)(`li`,{className:`mb-1`,children:e}),a:({href:e,children:t})=>(0,i.jsx)(`a`,{href:e,className:`text-primary hover:underline`,target:`_blank`,rel:`noopener noreferrer`,children:t}),blockquote:({children:e})=>(0,i.jsx)(`blockquote`,{className:`border-l-4 border-primary pl-4 italic my-2 text-muted-foreground`,children:e}),table:({children:e})=>(0,i.jsx)(`div`,{className:`overflow-x-auto my-2`,children:(0,i.jsx)(`table`,{className:`min-w-full divide-y divide-border`,children:e})}),th:({children:e})=>(0,i.jsx)(`th`,{className:`px-3 py-2 text-left text-xs font-medium uppercase tracking-wider bg-muted`,children:e}),td:({children:e})=>(0,i.jsx)(`td`,{className:`px-3 py-2 text-sm border-t border-border`,children:e})},children:e})}):(0,i.jsx)(`div`,{className:`whitespace-pre-wrap`,children:e})}var P=t.forwardRef(({className:e,messages:a=[],placeholder:o=`Type your message...`,onSendMessage:s,onClear:c,onStop:l,onReload:u,disabled:d=!1,isLoading:f=!1,error:p,showTimestamp:m=!1,userAvatarUrl:h,userAvatarFallback:g=`You`,assistantAvatarUrl:_,assistantAvatarFallback:v=`AI`,maxHeight:y=`500px`,enableMarkdown:b=!0,enableFileUpload:x=!1,acceptedFileTypes:S=`image/*,.pdf,.doc,.docx,.txt`,maxFileSize:C=10*1024*1024,...w},T)=>{let[E,D]=t.useState(``),[O,k]=t.useState([]),A=t.useRef(null),j=t.useRef(null),M=t.useRef(null);t.useEffect(()=>{if(A.current){let e=A.current.querySelector(`[data-radix-scroll-area-viewport]`);e&&(e.scrollTop=e.scrollHeight)}},[a]);let P=()=>{(E.trim()||O.length>0)&&s&&(s(E.trim(),O),D(``),k([]),j.current?.focus())},F=d||f,I=F||!E.trim()&&O.length===0,L=e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),P())},R=e=>{let t=Array.from(e.target.files||[]),n=t.filter(e=>e.size>C?(console.warn(`File ${e.name} exceeds ${C/1024/1024}MB limit`),!1):S.split(`,`).map(e=>e.trim()).some(t=>{if(t.startsWith(`.`))return e.name.toLowerCase().endsWith(t.toLowerCase());if(t.endsWith(`/*`)){let n=t.split(`/`)[0];return e.type.startsWith(n+`/`)}return e.type===t})?!0:(console.warn(`File ${e.name} type ${e.type} not accepted`),!1));n.length<t.length&&console.warn(`${t.length-n.length} file(s) were rejected`),k(e=>[...e,...n])},z=e=>{k(t=>t.filter((t,n)=>n!==e))},B=()=>{c&&c()};return(0,i.jsxs)(`div`,{ref:T,className:(0,n.cn)(`flex flex-col border rounded-lg bg-background overflow-hidden`,e),style:{maxHeight:y},...w,children:[c&&a.length>0&&(0,i.jsxs)(`div`,{className:`flex items-center justify-between px-4 py-2 border-b bg-muted/30`,children:[(0,i.jsxs)(`span`,{className:`text-sm text-muted-foreground`,children:[a.length,` message`,a.length===1?``:`s`]}),(0,i.jsxs)(n.Button,{variant:`ghost`,size:`sm`,onClick:B,className:`h-8 text-xs`,children:[(0,i.jsx)(r.Trash2,{className:`h-3 w-3 mr-1`}),`Clear`]})]}),(0,i.jsx)(n.ScrollArea,{ref:A,className:`flex-1 p-4`,children:(0,i.jsx)(`div`,{className:`space-y-4`,children:a.length===0?(0,i.jsx)(`div`,{className:`flex items-center justify-center h-32 text-muted-foreground text-sm`,children:`Start a conversation...`}):a.map(e=>(0,i.jsxs)(`div`,{className:(0,n.cn)(`flex gap-3`,e.role===`user`?`justify-end`:`justify-start`),children:[e.role!==`user`&&(0,i.jsxs)(n.Avatar,{className:`h-8 w-8 shrink-0`,children:[(0,i.jsx)(n.AvatarImage,{src:e.avatar||_}),(0,i.jsx)(n.AvatarFallback,{children:e.avatarFallback||v})]}),(0,i.jsxs)(`div`,{className:(0,n.cn)(`rounded-lg px-4 py-2 max-w-[80%]`,e.role===`user`?`bg-primary text-primary-foreground`:`bg-muted`),children:[(0,i.jsx)(N,{content:e.content,enableMarkdown:b}),m&&e.timestamp&&(0,i.jsx)(`div`,{className:`text-xs opacity-70 mt-1`,children:e.timestamp}),e.streaming&&(0,i.jsxs)(`div`,{className:`flex gap-1 mt-2`,children:[(0,i.jsx)(`div`,{className:`w-2 h-2 bg-current rounded-full animate-bounce`,style:{animationDelay:`0ms`}}),(0,i.jsx)(`div`,{className:`w-2 h-2 bg-current rounded-full animate-bounce`,style:{animationDelay:`150ms`}}),(0,i.jsx)(`div`,{className:`w-2 h-2 bg-current rounded-full animate-bounce`,style:{animationDelay:`300ms`}})]})]}),e.role===`user`&&(0,i.jsxs)(n.Avatar,{className:`h-8 w-8 shrink-0`,children:[(0,i.jsx)(n.AvatarImage,{src:e.avatar||h}),(0,i.jsx)(n.AvatarFallback,{children:e.avatarFallback||g})]})]},e.id))})}),O.length>0&&(0,i.jsx)(`div`,{className:`px-4 py-2 border-t bg-muted/30`,children:(0,i.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:O.map((e,t)=>(0,i.jsxs)(`div`,{className:`flex items-center gap-2 bg-background border rounded px-2 py-1 text-xs`,children:[(0,i.jsx)(r.Paperclip,{className:`h-3 w-3`}),(0,i.jsx)(`span`,{className:`max-w-[150px] truncate`,children:e.name}),(0,i.jsx)(n.Button,{variant:`ghost`,size:`sm`,className:`h-4 w-4 p-0`,onClick:()=>z(t),children:(0,i.jsx)(r.X,{className:`h-3 w-3`})})]},t))})}),p&&(0,i.jsxs)(`div`,{className:`flex items-center gap-2 px-4 py-2 border-t bg-destructive/10 text-destructive text-sm`,role:`alert`,children:[(0,i.jsx)(r.AlertCircle,{className:`h-4 w-4 shrink-0`}),(0,i.jsx)(`span`,{className:`flex-1 truncate`,children:p.message||`An error occurred`}),u&&(0,i.jsxs)(n.Button,{variant:`ghost`,size:`sm`,onClick:u,className:`h-7 text-xs`,"aria-label":`Retry`,children:[(0,i.jsx)(r.RefreshCw,{className:`h-3 w-3 mr-1`}),`Retry`]})]}),f&&l&&(0,i.jsx)(`div`,{className:`flex items-center justify-center px-4 py-2 border-t`,children:(0,i.jsxs)(n.Button,{variant:`outline`,size:`sm`,onClick:l,className:`h-8 text-xs`,"aria-label":`Stop generating`,children:[(0,i.jsx)(r.Square,{className:`h-3 w-3 mr-1`}),`Stop generating`]})}),(0,i.jsxs)(`div`,{className:`flex items-center gap-2 p-4 border-t`,children:[x&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`input`,{ref:M,type:`file`,multiple:!0,accept:S,onChange:R,className:`hidden`}),(0,i.jsx)(n.Button,{variant:`ghost`,size:`icon`,onClick:()=>M.current?.click(),disabled:F,"aria-label":`Attach file`,children:(0,i.jsx)(r.Paperclip,{className:`h-4 w-4`})})]}),(0,i.jsx)(n.Input,{ref:j,value:E,onChange:e=>D(e.target.value),onKeyDown:L,placeholder:o,disabled:F,className:`flex-1`}),(0,i.jsx)(n.Button,{onClick:P,disabled:I,size:`icon`,"aria-label":`Send message`,children:(0,i.jsx)(r.Send,{className:`h-4 w-4`})})]})]})});P.displayName=`ChatbotEnhanced`;function F({floatingConfig:e,headerExtra:n,...r}){let{position:a=`bottom-right`,defaultOpen:o=!1,panelWidth:c=400,panelHeight:l=520,title:u=`Chat`,triggerSize:d=56}=e??{},[f,p]=t.useState(null);t.useEffect(()=>{let e=document.getElementById(`floating-chatbot-portal`);return e||(e=document.createElement(`div`),e.id=`floating-chatbot-portal`,document.body.appendChild(e)),p(e),()=>{e&&e.parentNode&&!e.hasChildNodes()&&e.parentNode.removeChild(e)}},[]);let m=(0,i.jsxs)(O,{defaultOpen:o,children:[(0,i.jsx)(j,{position:a,size:d}),(0,i.jsx)(M,{title:u,position:a,width:c,height:l,headerExtra:n,children:(0,i.jsx)(P,{...r,maxHeight:`100%`,className:`h-full border-0 rounded-none`})})]});return f?s.createPortal(m,f):m}p.ComponentRegistry.register(`chatbot`,({schema:e,className:t,...n})=>{let{messages:r,isLoading:a,sendMessage:o}=w({api:e.api,initialMessages:e.messages,conversationId:e.conversationId,systemPrompt:e.systemPrompt,model:e.model,streamingEnabled:e.streamingEnabled,headers:e.headers,body:e.requestBody,maxToolRoundtrips:e.maxToolRoundtrips,onError:e.onError,showTimestamp:e.showTimestamp,autoResponse:e.autoResponse,autoResponseText:e.autoResponseText,autoResponseDelay:e.autoResponseDelay,onSend:e.onSend});return(0,i.jsx)(I,{messages:r,placeholder:e.placeholder,onSendMessage:e=>{o(e)},disabled:e.disabled||a,showTimestamp:e.showTimestamp,userAvatarUrl:e.userAvatarUrl,userAvatarFallback:e.userAvatarFallback,assistantAvatarUrl:e.assistantAvatarUrl,assistantAvatarFallback:e.assistantAvatarFallback,maxHeight:e.maxHeight,className:t,...n})},{namespace:`plugin-chatbot`,label:`Chatbot`,inputs:[{name:`messages`,type:`array`,label:`Initial Messages`,description:`Array of message objects with id, role, content, and optional timestamp`},{name:`placeholder`,type:`string`,label:`Input Placeholder`,defaultValue:`Type your message...`},{name:`showTimestamp`,type:`boolean`,label:`Show Timestamps`,defaultValue:!1},{name:`disabled`,type:`boolean`,label:`Disabled`,defaultValue:!1},{name:`userAvatarUrl`,type:`string`,label:`User Avatar URL`,description:`URL of the user avatar image`},{name:`userAvatarFallback`,type:`string`,label:`User Avatar Fallback`,defaultValue:`You`,description:`Fallback text shown when user avatar image is not available`},{name:`assistantAvatarUrl`,type:`string`,label:`Assistant Avatar URL`,description:`URL of the assistant avatar image`},{name:`assistantAvatarFallback`,type:`string`,label:`Assistant Avatar Fallback`,defaultValue:`AI`,description:`Fallback text shown when assistant avatar image is not available`},{name:`maxHeight`,type:`string`,label:`Max Height`,defaultValue:`500px`},{name:`api`,type:`string`,label:`API Endpoint`,description:`Backend SSE endpoint (e.g., /api/v1/ai/chat). When set, enables streaming AI mode.`},{name:`conversationId`,type:`string`,label:`Conversation ID`,description:`Multi-turn conversation identifier`},{name:`systemPrompt`,type:`string`,label:`System Prompt`,description:`System prompt to configure assistant behavior`},{name:`model`,type:`string`,label:`AI Model`,description:`AI model identifier (e.g., gpt-4o)`},{name:`streamingEnabled`,type:`boolean`,label:`Enable Streaming`,defaultValue:!0},{name:`autoResponse`,type:`boolean`,label:`Enable Auto Response (Demo)`,defaultValue:!1,description:`Automatically send a response after user message (for demo purposes, ignored when API is set)`},{name:`autoResponseText`,type:`string`,label:`Auto Response Text`,defaultValue:`Thank you for your message!`},{name:`autoResponseDelay`,type:`number`,label:`Auto Response Delay (ms)`,defaultValue:1e3},{name:`className`,type:`string`,label:`CSS Class`}],defaultProps:{messages:[{id:`welcome`,role:`assistant`,content:`Hello! How can I help you today?`}],placeholder:`Type your message...`,showTimestamp:!1,disabled:!1,userAvatarFallback:`You`,assistantAvatarFallback:`AI`,maxHeight:`500px`,autoResponse:!0,autoResponseText:`Thank you for your message! This is an automated response.`,autoResponseDelay:1e3,className:`w-full max-w-2xl`}}),p.ComponentRegistry.register(`chatbot-enhanced`,({schema:e,className:t,...n})=>{let{messages:r,isLoading:a,error:o,sendMessage:s,stop:c,reload:l,clear:u,isApiMode:d}=w({api:e.api,initialMessages:e.messages,conversationId:e.conversationId,systemPrompt:e.systemPrompt,model:e.model,streamingEnabled:e.streamingEnabled,headers:e.headers,body:e.requestBody,maxToolRoundtrips:e.maxToolRoundtrips,onError:e.onError,showTimestamp:e.showTimestamp,autoResponse:e.autoResponse,autoResponseText:e.autoResponseText,autoResponseDelay:e.autoResponseDelay,onSend:e.onSend});return(0,i.jsx)(P,{messages:r,placeholder:e.placeholder,onSendMessage:(e,t)=>{s(e,t)},onClear:()=>{u(),e.onClear?.()},onStop:d&&a?c:void 0,onReload:d?l:void 0,disabled:e.disabled,isLoading:a,error:o,showTimestamp:e.showTimestamp,userAvatarUrl:e.userAvatarUrl,userAvatarFallback:e.userAvatarFallback,assistantAvatarUrl:e.assistantAvatarUrl,assistantAvatarFallback:e.assistantAvatarFallback,maxHeight:e.maxHeight,enableMarkdown:e.enableMarkdown??!0,enableFileUpload:e.enableFileUpload??!1,className:t,...n})},{namespace:`plugin-chatbot`,label:`Chatbot (Enhanced)`,inputs:[{name:`messages`,type:`array`,label:`Initial Messages`},{name:`placeholder`,type:`string`,label:`Input Placeholder`,defaultValue:`Type your message...`},{name:`showTimestamp`,type:`boolean`,label:`Show Timestamps`,defaultValue:!1},{name:`disabled`,type:`boolean`,label:`Disabled`,defaultValue:!1},{name:`enableMarkdown`,type:`boolean`,label:`Enable Markdown`,defaultValue:!0},{name:`enableFileUpload`,type:`boolean`,label:`Enable File Upload`,defaultValue:!1},{name:`userAvatarUrl`,type:`string`,label:`User Avatar URL`},{name:`userAvatarFallback`,type:`string`,label:`User Avatar Fallback`,defaultValue:`You`},{name:`assistantAvatarUrl`,type:`string`,label:`Assistant Avatar URL`},{name:`assistantAvatarFallback`,type:`string`,label:`Assistant Avatar Fallback`,defaultValue:`AI`},{name:`maxHeight`,type:`string`,label:`Max Height`,defaultValue:`500px`},{name:`api`,type:`string`,label:`API Endpoint`,description:`Backend SSE endpoint for streaming AI mode`},{name:`conversationId`,type:`string`,label:`Conversation ID`},{name:`systemPrompt`,type:`string`,label:`System Prompt`},{name:`model`,type:`string`,label:`AI Model`},{name:`streamingEnabled`,type:`boolean`,label:`Enable Streaming`,defaultValue:!0},{name:`autoResponse`,type:`boolean`,label:`Enable Auto Response (Demo)`,defaultValue:!1},{name:`autoResponseText`,type:`string`,label:`Auto Response Text`,defaultValue:`Thank you for your message!`},{name:`autoResponseDelay`,type:`number`,label:`Auto Response Delay (ms)`,defaultValue:1e3},{name:`className`,type:`string`,label:`CSS Class`}],defaultProps:{messages:[{id:`welcome`,role:`assistant`,content:`Hello! How can I help you today?`}],placeholder:`Type your message...`,showTimestamp:!1,disabled:!1,enableMarkdown:!0,enableFileUpload:!1,userAvatarFallback:`You`,assistantAvatarFallback:`AI`,maxHeight:`500px`,autoResponse:!0,autoResponseText:`Thank you for your message! This is an automated response.`,autoResponseDelay:1e3,className:`w-full max-w-2xl`}}),p.ComponentRegistry.register(`chatbot-floating`,({schema:e,className:t,...n})=>{let{messages:r,isLoading:a,error:o,sendMessage:s,stop:c,reload:l,clear:u,isApiMode:d}=w({api:e.api,initialMessages:e.messages,conversationId:e.conversationId,systemPrompt:e.systemPrompt,model:e.model,streamingEnabled:e.streamingEnabled,headers:e.headers,body:e.requestBody,maxToolRoundtrips:e.maxToolRoundtrips,onError:e.onError,showTimestamp:e.showTimestamp,autoResponse:e.autoResponse,autoResponseText:e.autoResponseText,autoResponseDelay:e.autoResponseDelay,onSend:e.onSend});return(0,i.jsx)(F,{floatingConfig:e.floatingConfig,messages:r,placeholder:e.placeholder,onSendMessage:(e,t)=>{s(e,t)},onClear:()=>{u(),e.onClear?.()},onStop:d&&a?c:void 0,onReload:d?l:void 0,disabled:e.disabled,isLoading:a,error:o,showTimestamp:e.showTimestamp,userAvatarUrl:e.userAvatarUrl,userAvatarFallback:e.userAvatarFallback,assistantAvatarUrl:e.assistantAvatarUrl,assistantAvatarFallback:e.assistantAvatarFallback,enableMarkdown:e.enableMarkdown??!0,enableFileUpload:e.enableFileUpload??!1,className:t,...n})},{namespace:`plugin-chatbot`,label:`Chatbot (Floating)`,inputs:[{name:`displayMode`,type:`string`,label:`Display Mode`,defaultValue:`floating`,description:`Set to "floating" for FAB widget`},{name:`floatingConfig.position`,type:`string`,label:`FAB Position`,defaultValue:`bottom-right`,description:`bottom-right or bottom-left`},{name:`floatingConfig.defaultOpen`,type:`boolean`,label:`Default Open`,defaultValue:!1},{name:`floatingConfig.panelWidth`,type:`number`,label:`Panel Width`,defaultValue:400},{name:`floatingConfig.panelHeight`,type:`number`,label:`Panel Height`,defaultValue:520},{name:`floatingConfig.title`,type:`string`,label:`Panel Title`,defaultValue:`Chat`},{name:`floatingConfig.triggerSize`,type:`number`,label:`Trigger Size`,defaultValue:56},{name:`messages`,type:`array`,label:`Initial Messages`},{name:`placeholder`,type:`string`,label:`Input Placeholder`,defaultValue:`Type your message...`},{name:`enableMarkdown`,type:`boolean`,label:`Enable Markdown`,defaultValue:!0},{name:`enableFileUpload`,type:`boolean`,label:`Enable File Upload`,defaultValue:!1},{name:`api`,type:`string`,label:`API Endpoint`,description:`Backend SSE endpoint for streaming AI mode`},{name:`conversationId`,type:`string`,label:`Conversation ID`},{name:`systemPrompt`,type:`string`,label:`System Prompt`},{name:`model`,type:`string`,label:`AI Model`},{name:`streamingEnabled`,type:`boolean`,label:`Enable Streaming`,defaultValue:!0},{name:`autoResponse`,type:`boolean`,label:`Enable Auto Response (Demo)`,defaultValue:!1},{name:`autoResponseText`,type:`string`,label:`Auto Response Text`,defaultValue:`Thank you for your message!`},{name:`autoResponseDelay`,type:`number`,label:`Auto Response Delay (ms)`,defaultValue:1e3},{name:`className`,type:`string`,label:`CSS Class`}],defaultProps:{displayMode:`floating`,floatingConfig:{position:`bottom-right`,defaultOpen:!1,panelWidth:400,panelHeight:520,title:`Chat`,triggerSize:56},messages:[{id:`welcome`,role:`assistant`,content:`Hello! How can I help you today?`}],placeholder:`Type your message...`,enableMarkdown:!0,enableFileUpload:!1,autoResponse:!0,autoResponseText:`Thank you for your message! This is an automated response.`,autoResponseDelay:1e3}});var I=t.forwardRef(({className:e,messages:a=[],placeholder:o=`Type your message...`,onSendMessage:s,disabled:c=!1,showTimestamp:l=!1,userAvatarUrl:u,userAvatarFallback:d=`You`,assistantAvatarUrl:f,assistantAvatarFallback:p=`AI`,maxHeight:m=`500px`,...h},g)=>{let[_,v]=t.useState(``),y=t.useRef(null),b=t.useRef(null);t.useEffect(()=>{if(y.current){let e=y.current.querySelector(`[data-radix-scroll-area-viewport]`);e&&(e.scrollTop=e.scrollHeight)}},[a]);let x=()=>{_.trim()&&s&&(s(_.trim()),v(``),b.current?.focus())},S=e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),x())};return(0,i.jsxs)(`div`,{ref:g,className:(0,n.cn)(`flex flex-col border rounded-lg bg-background overflow-hidden`,e),style:{maxHeight:m},...h,children:[(0,i.jsx)(n.ScrollArea,{ref:y,className:`flex-1 p-4`,children:(0,i.jsx)(`div`,{className:`space-y-4`,children:a.length===0?(0,i.jsx)(`div`,{className:`flex items-center justify-center h-32 text-muted-foreground text-sm`,children:`No messages yet. Start a conversation!`}):a.map(e=>(0,i.jsx)(L,{message:e,showTimestamp:l,userAvatarUrl:u,userAvatarFallback:d,assistantAvatarUrl:f,assistantAvatarFallback:p},e.id))})}),(0,i.jsx)(`div`,{className:`border-t p-4`,children:(0,i.jsxs)(`div`,{className:`flex gap-2`,children:[(0,i.jsx)(n.Input,{ref:b,value:_,onChange:e=>v(e.target.value),onKeyDown:S,placeholder:o,disabled:c,className:`flex-1`}),(0,i.jsx)(n.Button,{onClick:x,disabled:c||!_.trim(),size:`icon`,children:(0,i.jsx)(r.Send,{className:`h-4 w-4`})})]})})]})});I.displayName=`Chatbot`;var L=({message:e,showTimestamp:t,userAvatarUrl:r,userAvatarFallback:a,assistantAvatarUrl:o,assistantAvatarFallback:s})=>{let c=e.role===`user`;if(e.role===`system`)return(0,i.jsx)(`div`,{className:`flex justify-center`,children:(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground bg-muted px-3 py-1 rounded-full`,children:e.content})});let l=c?e.avatar||r:e.avatar||o,u=c?e.avatarFallback||a:e.avatarFallback||s;return(0,i.jsxs)(`div`,{className:(0,n.cn)(`flex gap-3`,c?`flex-row-reverse`:`flex-row`),children:[(0,i.jsxs)(n.Avatar,{className:`h-8 w-8`,children:[(0,i.jsx)(n.AvatarImage,{src:l}),(0,i.jsx)(n.AvatarFallback,{className:`text-xs`,children:u})]}),(0,i.jsxs)(`div`,{className:(0,n.cn)(`flex flex-col gap-1`,c?`items-end`:`items-start`),children:[(0,i.jsx)(`div`,{className:(0,n.cn)(`rounded-lg px-4 py-2 max-w-[70%] break-words`,c?`bg-primary text-primary-foreground`:`bg-muted`),children:(0,i.jsx)(`p`,{className:`text-sm whitespace-pre-wrap`,children:e.content})}),t&&e.timestamp&&(0,i.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:e.timestamp})]})]})},R=t.forwardRef(({className:e,avatarSrc:t,avatarFallback:r=`AI`,...a},o)=>(0,i.jsxs)(`div`,{ref:o,className:(0,n.cn)(`flex gap-3`,e),...a,children:[(0,i.jsxs)(n.Avatar,{className:`h-8 w-8`,children:[(0,i.jsx)(n.AvatarImage,{src:t}),(0,i.jsx)(n.AvatarFallback,{className:`text-xs`,children:r})]}),(0,i.jsx)(`div`,{className:`flex items-center bg-muted rounded-lg px-4 py-2`,children:(0,i.jsxs)(`div`,{className:`flex gap-1`,children:[(0,i.jsx)(`span`,{className:`w-2 h-2 bg-muted-foreground rounded-full animate-bounce [animation-delay:-0.3s]`}),(0,i.jsx)(`span`,{className:`w-2 h-2 bg-muted-foreground rounded-full animate-bounce [animation-delay:-0.15s]`}),(0,i.jsx)(`span`,{className:`w-2 h-2 bg-muted-foreground rounded-full animate-bounce`})]})})]}));R.displayName=`TypingIndicator`,e.Chatbot=I,e.FloatingChatbot=F,e.FloatingChatbotPanel=M,e.FloatingChatbotProvider=O,e.FloatingChatbotTrigger=j,e.TypingIndicator=R,e.useAgents=E,e.useFloatingChatbot=k,e.useObjectChat=w});
|
|
1
|
+
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`react`),require(`@object-ui/components`),require(`lucide-react`),require(`react/jsx-runtime`),require(`@ai-sdk/react`),require(`ai`),require(`react-dom`),require(`@object-ui/react`),require(`use-stick-to-bottom`),require(`class-variance-authority`),require(`@radix-ui/react-slot`),require(`streamdown`),require(`nanoid`),require(`shiki`),require(`@radix-ui/react-use-controllable-state`),require(`motion/react`),require(`@object-ui/core`)):typeof define==`function`&&define.amd?define([`exports`,`react`,`@object-ui/components`,`lucide-react`,`react/jsx-runtime`,`@ai-sdk/react`,`ai`,`react-dom`,`@object-ui/react`,`use-stick-to-bottom`,`class-variance-authority`,`@radix-ui/react-slot`,`streamdown`,`nanoid`,`shiki`,`@radix-ui/react-use-controllable-state`,`motion/react`,`@object-ui/core`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.ObjectUIPluginChatbot={},e.React,e.ObjectUIComponents,e.LucideReact,e.react_jsx_runtime,e._ai_sdk_react,e.ai,e.ReactDOM,e.ObjectUIReact,e.use_stick_to_bottom,e.class_variance_authority,e._radix_ui_react_slot,e.streamdown,e.nanoid,e.shiki,e._radix_ui_react_use_controllable_state,e.motion_react,e.ObjectUICore))})(this,function(e,t,n,r,i,a,o,s,c,l,u,d,f,p,m,h,g,_){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var v=Object.create,y=Object.defineProperty,b=Object.getOwnPropertyDescriptor,x=Object.getOwnPropertyNames,S=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty,w=(e,t)=>{let n={};for(var r in e)y(n,r,{get:e[r],enumerable:!0});return t||y(n,Symbol.toStringTag,{value:`Module`}),n},T=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=x(t),a=0,o=i.length,s;a<o;a++)s=i[a],!C.call(e,s)&&s!==n&&y(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=b(t,s))||r.enumerable});return e},E=(e,t,n)=>(n=e==null?{}:v(S(e)),T(t||!e||!e.__esModule?y(n,`default`,{value:e,enumerable:!0}):n,e));t=E(t,1),s=E(s,1);function D(e=`msg`){return typeof crypto<`u`&&crypto.randomUUID?crypto.randomUUID():`${e}-${Date.now()}-${Math.random().toString(36).slice(2)}`}function O(e){return(e??[]).map((e,t)=>({id:e.id||`msg-${t}`,role:e.role||`user`,content:e.content||``,timestamp:typeof e.timestamp==`string`?e.timestamp:e.timestamp instanceof Date?e.timestamp.toISOString():void 0,metadata:e.metadata,streaming:e.streaming,toolInvocations:e.toolInvocations}))}function k(e={}){let{api:n,initialMessages:r,conversationId:i,systemPrompt:s,model:c,streamingEnabled:l=!0,headers:u,body:d,maxToolRoundtrips:f=5,onError:p,showTimestamp:m,autoResponse:h,autoResponseText:g,autoResponseDelay:_=1e3,onSend:v}=e,y=(0,t.useRef)(n?`api`:`local`).current===`api`,b=(0,t.useMemo)(()=>O(r).map(e=>({id:e.id,role:e.role,parts:[{type:`text`,text:e.content??``}]})),[]),x=(0,a.useChat)({transport:(0,t.useMemo)(()=>{if(y)return new o.DefaultChatTransport({api:n,headers:{...u},body:{...d,...i?{conversationId:i}:{},...c?{model:c}:{},...s?{systemPrompt:s}:{},...l===void 0?{}:{stream:l}}})},[y,n,u,d,c,s,l,i]),messages:y&&b.length>0?b:void 0,onError:y?e=>{p?.(e)}:void 0}),[S,C]=(0,t.useState)(()=>O(r)),[w,T]=(0,t.useState)(!1),[E,k]=(0,t.useState)(``),[A,j]=(0,t.useState)(``),M=(0,t.useRef)(null);if((0,t.useEffect)(()=>()=>{M.current&&=(clearTimeout(M.current),null)},[]),y){let{messages:e,status:n,error:r,sendMessage:i,regenerate:a,stop:o,setMessages:s}=x,c=n===`submitted`||n===`streaming`,l=e.map(t=>{let n=Array.isArray(t.parts)?t.parts:[],r=typeof t.content==`string`?t.content:n.filter(e=>e?.type===`text`).map(e=>e.text??``).join(``),i=n.filter(e=>e?.type===`reasoning`).map(e=>e.text??``).join(`
|
|
2
|
+
`).trim()||void 0,a=n.filter(e=>typeof e?.type==`string`&&e.type.startsWith(`tool-`)).map(e=>({toolCallId:e.toolCallId??e.id??`${e.type}-${Math.random().toString(36).slice(2,8)}`,toolName:typeof e.type==`string`?e.type.replace(/^tool-/,``):`tool`,args:e.input??e.args,result:e.output??e.result,errorText:e.errorText,state:e.state})),o=n.filter(e=>e?.type===`source-url`||e?.type===`source`).map(e=>({id:e.id,title:e.title,url:e.url??e.href})).filter(e=>!!e.url),s=Array.isArray(t.toolInvocations)?t.toolInvocations:[];return{id:t.id,role:t.role,content:r,toolInvocations:a.length>0?a:s,reasoning:i,sources:o.length>0?o:void 0,metadata:t.metadata,streaming:c&&t.id===e[e.length-1]?.id&&t.role===`assistant`}});return{messages:l,isLoading:c,error:r,sendMessage:(0,t.useCallback)(e=>{let t=e.trim();if(!t)return;let n=[...l,{id:D(`msg`),role:`user`,content:t}];i({text:t}),j(``),v?.(t,n)},[i,v,l]),stop:o,reload:a,clear:(0,t.useCallback)(()=>{s([])},[s]),isApiMode:!0,input:A,setInput:j,handleInputChange:(0,t.useCallback)(e=>{j(e.target.value)},[])}}let N=(0,t.useCallback)(()=>{M.current&&=(clearTimeout(M.current),null),T(!1)},[]);return{messages:S,isLoading:w,error:void 0,sendMessage:(0,t.useCallback)(e=>{if(!e.trim())return;let t={id:D(`msg`),role:`user`,content:e.trim(),timestamp:m?new Date().toLocaleTimeString():void 0};C(n=>{let r=[...n,t];return v?.(e.trim(),r),r}),k(``),h&&(T(!0),M.current=setTimeout(()=>{let e={id:D(`msg`),role:`assistant`,content:g||`Thank you for your message!`,timestamp:m?new Date().toLocaleTimeString():void 0};C(t=>[...t,e]),T(!1)},_))},[m,h,g,_,v]),stop:N,reload:(0,t.useCallback)(()=>{},[]),clear:(0,t.useCallback)(()=>{N(),C([])},[N]),isApiMode:!1,input:E,setInput:k,handleInputChange:(0,t.useCallback)(e=>{k(e.target.value)},[])}}function A(e){return e.filter(e=>typeof e?.name==`string`&&e.name.length>0).map(e=>({name:e.name,label:e.label||e.name,description:e.description,role:e.role,active:e.active!==!1}))}function j(e={}){let{apiBase:n,headers:r,enabled:i=!0,fallback:a=[]}=e,[o,s]=(0,t.useState)(a),[c,l]=(0,t.useState)(!1),[u,d]=(0,t.useState)(void 0),[f,p]=(0,t.useState)(0),m=(0,t.useRef)(r);return m.current=r,(0,t.useEffect)(()=>{if(!i||!n)return;let e=new AbortController,t=!1;l(!0),d(void 0);let r=`${n.replace(/\/$/,``)}/agents`;return fetch(r,{method:`GET`,headers:{Accept:`application/json`,...m.current??{}},credentials:`include`,signal:e.signal}).then(async e=>{if(!e.ok)throw Error(`Failed to load agents (${e.status})`);return e.json()}).then(e=>{if(t)return;let n=A(Array.isArray(e)?e:e?.agents??[]);s(n.length>0?n:a)}).catch(e=>{t||e.name===`AbortError`||(d(e),s(a))}).finally(()=>{t||l(!1)}),()=>{t=!0,e.abort()}},[n,i,f]),{agents:o,isLoading:c,error:u,refetch:(0,t.useCallback)(()=>p(e=>e+1),[])}}var M=t.createContext(null);function N({defaultOpen:e=!1,children:n}){let[r,a]=t.useState(e),[o,s]=t.useState(!1),c=t.useMemo(()=>({isOpen:r,isFullscreen:o,open:()=>a(!0),close:()=>{a(!1),s(!1)},toggle:()=>a(e=>!e),toggleFullscreen:()=>s(e=>!e)}),[r,o]);return(0,i.jsx)(M.Provider,{value:c,children:n})}function P(){let e=t.useContext(M);if(!e)throw Error(`useFloatingChatbot must be used within a <FloatingChatbotProvider>`);return e}function F(){try{let{t:e}=(0,c.useObjectTranslation)();return(t,n)=>{let r=e(`common.${t}`);return!r||r===`common.${t}`?n:r}}catch{return(e,t)=>t}}function ee({position:e=`bottom-right`,size:t=56,className:a}){let{isOpen:o,toggle:s}=P(),c=F();return(0,i.jsx)(n.Button,{onClick:s,className:(0,n.cn)(`fixed z-50 rounded-full shadow-lg transition-transform hover:scale-105`,e===`bottom-right`?`right-6 bottom-20 sm:bottom-6`:`left-6 bottom-20 sm:bottom-6`,a),style:{width:t,height:t},size:`icon`,"aria-label":o?c(`closeChat`,`Close chat`):c(`openChat`,`Open chat`),"data-testid":`floating-chatbot-trigger`,children:o?(0,i.jsx)(r.X,{className:`h-6 w-6`}):(0,i.jsx)(r.MessageCircle,{className:`h-6 w-6`})})}function te({title:e=`Chat`,position:t=`bottom-right`,width:a=400,height:o=520,children:s,className:c,headerExtra:l}){let{isOpen:u,isFullscreen:d,close:f,toggleFullscreen:p}=P();if(!u)return null;let m=d?{inset:0,width:`100vw`,height:`100vh`}:{width:a,height:o,maxHeight:`calc(100vh - 100px)`};return(0,i.jsxs)(`div`,{className:(0,n.cn)(`fixed z-50 flex flex-col rounded-lg border bg-background shadow-xl overflow-hidden transition-all`,d?`inset-0 rounded-none`:t===`bottom-right`?`right-6 bottom-20`:`left-6 bottom-20`,c),style:m,role:`dialog`,"aria-label":e,"data-testid":`floating-chatbot-panel`,children:[(0,i.jsxs)(`div`,{className:`flex items-center justify-between gap-2 px-4 py-2 border-b bg-muted/40`,children:[(0,i.jsx)(`span`,{className:`text-sm font-medium truncate shrink-0`,children:e}),l?(0,i.jsx)(`div`,{className:`flex-1 min-w-0 flex items-center justify-end mr-1`,"data-testid":`floating-chatbot-header-extra`,children:l}):null,(0,i.jsxs)(`div`,{className:`flex items-center gap-1 shrink-0`,children:[(0,i.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`h-7 w-7`,onClick:p,"aria-label":d?`Exit fullscreen`:`Fullscreen`,"data-testid":`floating-chatbot-fullscreen`,children:d?(0,i.jsx)(r.Minimize2,{className:`h-4 w-4`}):(0,i.jsx)(r.Maximize2,{className:`h-4 w-4`})}),(0,i.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`h-7 w-7`,onClick:f,"aria-label":`Close chat`,"data-testid":`floating-chatbot-close`,children:(0,i.jsx)(r.X,{className:`h-4 w-4`})})]})]}),(0,i.jsx)(`div`,{className:`flex-1 overflow-hidden`,children:s})]})}var I=({className:e,...t})=>(0,i.jsx)(l.StickToBottom,{className:(0,n.cn)(`relative flex-1 overflow-y-hidden`,e),initial:`smooth`,resize:`smooth`,role:`log`,...t}),L=({className:e,...t})=>(0,i.jsx)(l.StickToBottom.Content,{className:(0,n.cn)(`flex flex-col gap-8 p-4`,e),...t}),ne=({className:e,title:t=`No messages yet`,description:r=`Start a conversation to see messages here`,icon:a,children:o,...s})=>(0,i.jsx)(`div`,{className:(0,n.cn)(`flex size-full flex-col items-center justify-center gap-3 p-8 text-center`,e),...s,children:o??(0,i.jsxs)(i.Fragment,{children:[a&&(0,i.jsx)(`div`,{className:`text-muted-foreground`,children:a}),(0,i.jsxs)(`div`,{className:`space-y-1`,children:[(0,i.jsx)(`h3`,{className:`font-medium text-sm`,children:t}),r&&(0,i.jsx)(`p`,{className:`text-muted-foreground text-sm`,children:r})]})]})}),re=({className:e,...a})=>{let{isAtBottom:o,scrollToBottom:s}=(0,l.useStickToBottomContext)(),c=(0,t.useCallback)(()=>{s()},[s]);return!o&&(0,i.jsx)(n.Button,{className:(0,n.cn)(`absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full`,e),onClick:c,size:`icon`,type:`button`,variant:`outline`,...a,children:(0,i.jsx)(r.ArrowDownIcon,{className:`size-4`})})},ie=(0,u.cva)(`flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1`,{variants:{orientation:{horizontal:`[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none`,vertical:`flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none`}},defaultVariants:{orientation:`horizontal`}});function ae({className:e,orientation:t,...r}){return(0,i.jsx)(`div`,{role:`group`,"data-slot":`button-group`,"data-orientation":t,className:(0,n.cn)(ie({orientation:t}),e),...r})}function oe({className:e,asChild:t=!1,...r}){return(0,i.jsx)(t?d.Slot:`div`,{className:(0,n.cn)(`flex items-center gap-2 rounded-md border bg-muted px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4`,e),...r})}var se=({className:e,from:t,...r})=>(0,i.jsx)(`div`,{className:(0,n.cn)(`group flex w-full max-w-[95%] flex-col gap-2`,t===`user`?`is-user ml-auto justify-end`:`is-assistant`,e),...r}),ce=({children:e,className:t,...r})=>(0,i.jsx)(`div`,{className:(0,n.cn)(`is-user:dark flex w-fit max-w-full min-w-0 flex-col gap-2 overflow-hidden text-sm`,`group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-secondary group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-foreground`,`group-[.is-assistant]:text-foreground`,t),...r,children:e}),le=({className:e,children:t,...r})=>(0,i.jsx)(`div`,{className:(0,n.cn)(`flex items-center gap-1`,e),...r,children:t}),R=({tooltip:e,children:t,label:r,variant:a=`ghost`,size:o=`icon`,...s})=>{let c=(0,i.jsxs)(n.Button,{size:o,type:`button`,variant:a,...s,children:[t,(0,i.jsx)(`span`,{className:`sr-only`,children:r||e})]});return e?(0,i.jsx)(n.TooltipProvider,{children:(0,i.jsxs)(n.Tooltip,{children:[(0,i.jsx)(n.TooltipTrigger,{asChild:!0,children:c}),(0,i.jsx)(n.TooltipContent,{children:(0,i.jsx)(`p`,{children:e})})]})}):c},ue=(0,t.createContext)(null),z=()=>{let e=(0,t.useContext)(ue);if(!e)throw Error(`MessageBranch components must be used within MessageBranch`);return e},de=({defaultBranch:e=0,onBranchChange:r,className:a,...o})=>{let[s,c]=(0,t.useState)(e),[l,u]=(0,t.useState)([]),d=e=>{c(e),r?.(e)},f={currentBranch:s,totalBranches:l.length,goToPrevious:()=>{d(s>0?s-1:l.length-1)},goToNext:()=>{d(s<l.length-1?s+1:0)},branches:l,setBranches:u};return(0,i.jsx)(ue.Provider,{value:f,children:(0,i.jsx)(`div`,{className:(0,n.cn)(`grid w-full gap-2 [&>div]:pb-0`,a),...o})})},fe=({children:e,...r})=>{let{currentBranch:a,setBranches:o,branches:s}=z(),c=Array.isArray(e)?e:[e];return(0,t.useEffect)(()=>{s.length!==c.length&&o(c)},[c,s,o]),c.map((e,t)=>(0,i.jsx)(`div`,{className:(0,n.cn)(`grid gap-2 overflow-hidden [&>div]:pb-0`,t===a?`block`:`hidden`),...r,children:e},e.key))},pe=({className:e,from:t,...n})=>{let{totalBranches:r}=z();return r<=1?null:(0,i.jsx)(ae,{className:`[&>*:not(:first-child)]:rounded-l-md [&>*:not(:last-child)]:rounded-r-md`,orientation:`horizontal`,...n})},me=({children:e,...t})=>{let{goToPrevious:a,totalBranches:o}=z();return(0,i.jsx)(n.Button,{"aria-label":`Previous branch`,disabled:o<=1,onClick:a,size:`icon`,type:`button`,variant:`ghost`,...t,children:e??(0,i.jsx)(r.ChevronLeftIcon,{size:14})})},he=({children:e,className:t,...a})=>{let{goToNext:o,totalBranches:s}=z();return(0,i.jsx)(n.Button,{"aria-label":`Next branch`,disabled:s<=1,onClick:o,size:`icon`,type:`button`,variant:`ghost`,...a,children:e??(0,i.jsx)(r.ChevronRightIcon,{size:14})})},ge=({className:e,...t})=>{let{currentBranch:r,totalBranches:a}=z();return(0,i.jsxs)(oe,{className:(0,n.cn)(`border-none bg-transparent text-muted-foreground shadow-none`,e),...t,children:[r+1,` of `,a]})},B=(0,t.memo)(({className:e,...t})=>(0,i.jsx)(f.Streamdown,{className:(0,n.cn)(`size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0`,e),...t}),(e,t)=>e.children===t.children);B.displayName=`MessageResponse`;function _e({data:e,className:t,onRemove:a,...o}){let s=e.filename||``,c=(e.mediaType?.startsWith(`image/`)&&e.url?`image`:`file`)==`image`,l=s||(c?`Image`:`Attachment`);return(0,i.jsx)(`div`,{className:(0,n.cn)(`group relative size-24 overflow-hidden rounded-lg`,t),...o,children:c?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`img`,{alt:s||`attachment`,className:`size-full object-cover`,height:100,src:e.url,width:100}),a&&(0,i.jsxs)(n.Button,{"aria-label":`Remove attachment`,className:`absolute top-2 right-2 size-6 rounded-full bg-background/80 p-0 opacity-0 backdrop-blur-sm transition-opacity hover:bg-background group-hover:opacity-100 [&>svg]:size-3`,onClick:e=>{e.stopPropagation(),a()},type:`button`,variant:`ghost`,children:[(0,i.jsx)(r.XIcon,{}),(0,i.jsx)(`span`,{className:`sr-only`,children:`Remove`})]})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(n.Tooltip,{children:[(0,i.jsx)(n.TooltipTrigger,{asChild:!0,children:(0,i.jsx)(`div`,{className:`flex size-full shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground`,children:(0,i.jsx)(r.PaperclipIcon,{className:`size-4`})})}),(0,i.jsx)(n.TooltipContent,{children:(0,i.jsx)(`p`,{children:l})})]}),a&&(0,i.jsxs)(n.Button,{"aria-label":`Remove attachment`,className:`size-6 shrink-0 rounded-full p-0 opacity-0 transition-opacity hover:bg-accent group-hover:opacity-100 [&>svg]:size-3`,onClick:e=>{e.stopPropagation(),a()},type:`button`,variant:`ghost`,children:[(0,i.jsx)(r.XIcon,{}),(0,i.jsx)(`span`,{className:`sr-only`,children:`Remove`})]})]})})}function ve({children:e,className:t,...r}){return e?(0,i.jsx)(`div`,{className:(0,n.cn)(`ml-auto flex w-fit flex-wrap items-start gap-2`,t),...r,children:e}):null}var ye=({className:e,children:t,...r})=>(0,i.jsx)(`div`,{className:(0,n.cn)(`mt-4 flex w-full items-center justify-between gap-4`,e),...r,children:t});function be({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`input-group`,role:`group`,className:(0,n.cn)(`group/input-group relative flex w-full items-center rounded-md border border-input shadow-xs transition-[color,box-shadow] outline-none dark:bg-input/30`,`h-9 min-w-0 has-[>textarea]:h-auto`,`has-[>[data-align=inline-start]]:[&>input]:pl-2`,`has-[>[data-align=inline-end]]:[&>input]:pr-2`,`has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3`,`has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3`,`has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50`,`has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-destructive/20 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40`,e),...t})}var xe=(0,u.cva)(`flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4`,{variants:{align:{"inline-start":`order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]`,"inline-end":`order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]`,"block-start":`order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5 [.border-b]:pb-3`,"block-end":`order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5 [.border-t]:pt-3`}},defaultVariants:{align:`inline-start`}});function V({className:e,align:t=`inline-start`,...r}){return(0,i.jsx)(`div`,{role:`group`,"data-slot":`input-group-addon`,"data-align":t,className:(0,n.cn)(xe({align:t}),e),onClick:e=>{e.target.closest(`button`)||e.currentTarget.parentElement?.querySelector(`input`)?.focus()},...r})}var Se=(0,u.cva)(`flex items-center gap-2 text-sm shadow-none`,{variants:{size:{xs:`h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg:not([class*='size-'])]:size-3.5`,sm:`h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5`,"icon-xs":`size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0`,"icon-sm":`size-8 p-0 has-[>svg]:p-0`}},defaultVariants:{size:`xs`}});function H({className:e,type:t=`button`,variant:r=`ghost`,size:a=`xs`,...o}){return(0,i.jsx)(n.Button,{type:t,"data-size":a,variant:r,className:(0,n.cn)(Se({size:a}),e),...o})}function Ce({className:e,...t}){return(0,i.jsx)(n.Textarea,{"data-slot":`input-group-control`,className:(0,n.cn)(`flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent`,e),...t})}var U=(0,t.createContext)(null),W=(0,t.createContext)(null),we=()=>{let e=(0,t.useContext)(U);if(!e)throw Error(`Wrap your component inside <PromptInputProvider> to use usePromptInputController().`);return e},Te=()=>(0,t.useContext)(U),Ee=()=>{let e=(0,t.useContext)(W);if(!e)throw Error(`Wrap your component inside <PromptInputProvider> to use useProviderAttachments().`);return e},De=()=>(0,t.useContext)(W);function Oe({initialInput:e=``,children:n}){let[r,a]=(0,t.useState)(e),o=(0,t.useCallback)(()=>a(``),[]),[s,c]=(0,t.useState)([]),l=(0,t.useRef)(null),u=(0,t.useRef)(()=>{}),d=(0,t.useCallback)(e=>{let t=Array.from(e);t.length!==0&&c(e=>e.concat(t.map(e=>({id:(0,p.nanoid)(),type:`file`,url:URL.createObjectURL(e),mediaType:e.type,filename:e.name}))))},[]),f=(0,t.useCallback)(e=>{c(t=>{let n=t.find(t=>t.id===e);return n?.url&&URL.revokeObjectURL(n.url),t.filter(t=>t.id!==e)})},[]),m=(0,t.useCallback)(()=>{c(e=>{for(let t of e)t.url&&URL.revokeObjectURL(t.url);return[]})},[]),h=(0,t.useRef)(s);h.current=s,(0,t.useEffect)(()=>()=>{for(let e of h.current)e.url&&URL.revokeObjectURL(e.url)},[]);let g=(0,t.useCallback)(()=>{u.current?.()},[]),_=(0,t.useMemo)(()=>({files:s,add:d,remove:f,clear:m,openFileDialog:g,fileInputRef:l}),[s,d,f,m,g]),v=(0,t.useCallback)((e,t)=>{l.current=e.current,u.current=t},[]),y=(0,t.useMemo)(()=>({textInput:{value:r,setInput:a,clear:o},attachments:_,__registerFileInput:v}),[r,o,_,v]);return(0,i.jsx)(U.Provider,{value:y,children:(0,i.jsx)(W.Provider,{value:_,children:n})})}var ke=(0,t.createContext)(null),G=()=>{let e=De(),n=(0,t.useContext)(ke),r=e??n;if(!r)throw Error(`usePromptInputAttachments must be used within a PromptInput or PromptInputProvider`);return r};function Ae({data:e,className:t,...a}){let o=G(),s=e.filename||``,c=(e.mediaType?.startsWith(`image/`)&&e.url?`image`:`file`)==`image`,l=s||(c?`Image`:`Attachment`);return(0,i.jsxs)(Xe,{children:[(0,i.jsx)(n.HoverCardTrigger,{asChild:!0,children:(0,i.jsxs)(`div`,{className:(0,n.cn)(`group relative flex h-8 cursor-pointer select-none items-center gap-1.5 rounded-md border border-border px-1.5 font-medium text-sm transition-all hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50`,t),...a,children:[(0,i.jsxs)(`div`,{className:`relative size-5 shrink-0`,children:[(0,i.jsx)(`div`,{className:`absolute inset-0 flex size-5 items-center justify-center overflow-hidden rounded bg-background transition-opacity group-hover:opacity-0`,children:c?(0,i.jsx)(`img`,{alt:s||`attachment`,className:`size-5 object-cover`,height:20,src:e.url,width:20}):(0,i.jsx)(`div`,{className:`flex size-5 items-center justify-center text-muted-foreground`,children:(0,i.jsx)(r.PaperclipIcon,{className:`size-3`})})}),(0,i.jsxs)(n.Button,{"aria-label":`Remove attachment`,className:`absolute inset-0 size-5 cursor-pointer rounded p-0 opacity-0 transition-opacity group-hover:pointer-events-auto group-hover:opacity-100 [&>svg]:size-2.5`,onClick:t=>{t.stopPropagation(),o.remove(e.id)},type:`button`,variant:`ghost`,children:[(0,i.jsx)(r.XIcon,{}),(0,i.jsx)(`span`,{className:`sr-only`,children:`Remove`})]})]}),(0,i.jsx)(`span`,{className:`flex-1 truncate`,children:l})]},e.id)}),(0,i.jsx)(Qe,{className:`w-auto p-2`,children:(0,i.jsxs)(`div`,{className:`w-auto space-y-3`,children:[c&&(0,i.jsx)(`div`,{className:`flex max-h-96 w-96 items-center justify-center overflow-hidden rounded-md border`,children:(0,i.jsx)(`img`,{alt:s||`attachment preview`,className:`max-h-full max-w-full object-contain`,height:384,src:e.url,width:448})}),(0,i.jsx)(`div`,{className:`flex items-center gap-2.5`,children:(0,i.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-1 px-0.5`,children:[(0,i.jsx)(`h4`,{className:`truncate font-semibold text-sm leading-none`,children:s||(c?`Image`:`Attachment`)}),e.mediaType&&(0,i.jsx)(`p`,{className:`truncate font-mono text-muted-foreground text-xs`,children:e.mediaType})]})})]})})]})}function je({children:e,className:r,...a}){let o=G();return o.files.length?(0,i.jsx)(`div`,{className:(0,n.cn)(`flex flex-wrap items-center gap-2 p-3 w-full`,r),...a,children:o.files.map(n=>(0,i.jsx)(t.Fragment,{children:e(n)},n.id))}):null}var Me=({label:e=`Add photos or files`,...t})=>{let a=G();return(0,i.jsxs)(n.DropdownMenuItem,{...t,onSelect:e=>{e.preventDefault(),a.openFileDialog()},children:[(0,i.jsx)(r.ImageIcon,{className:`mr-2 size-4`}),` `,e]})},Ne=({className:e,accept:r,multiple:a,globalDrop:o,syncHiddenInput:s,maxFiles:c,maxFileSize:l,onError:u,onSubmit:d,children:f,...m})=>{let h=Te(),g=!!h,_=(0,t.useRef)(null),v=(0,t.useRef)(null),[y,b]=(0,t.useState)([]),x=g?h.attachments.files:y,S=(0,t.useRef)(x);S.current=x;let C=(0,t.useCallback)(()=>{_.current?.click()},[]),w=(0,t.useCallback)(e=>!r||r.trim()===``?!0:r.split(`,`).map(e=>e.trim()).filter(Boolean).some(t=>{if(t.endsWith(`/*`)){let n=t.slice(0,-1);return e.type.startsWith(n)}return e.type===t}),[r]),T=(0,t.useCallback)(e=>{let t=Array.from(e),n=t.filter(e=>w(e));if(t.length&&n.length===0){u?.({code:`accept`,message:`No files match the accepted types.`});return}let r=n.filter(e=>l?e.size<=l:!0);if(n.length>0&&r.length===0){u?.({code:`max_file_size`,message:`All files exceed the maximum size.`});return}b(e=>{let t=typeof c==`number`?Math.max(0,c-e.length):void 0,n=typeof t==`number`?r.slice(0,t):r;typeof t==`number`&&r.length>t&&u?.({code:`max_files`,message:`Too many files. Some were not added.`});let i=[];for(let e of n)i.push({id:(0,p.nanoid)(),type:`file`,url:URL.createObjectURL(e),mediaType:e.type,filename:e.name});return e.concat(i)})},[w,c,l,u]),E=(0,t.useCallback)(e=>b(t=>{let n=t.find(t=>t.id===e);return n?.url&&URL.revokeObjectURL(n.url),t.filter(t=>t.id!==e)}),[]),D=(0,t.useCallback)(()=>b(e=>{for(let t of e)t.url&&URL.revokeObjectURL(t.url);return[]}),[]),O=g?h.attachments.add:T,k=g?h.attachments.remove:E,A=g?h.attachments.clear:D,j=g?h.attachments.openFileDialog:C;(0,t.useEffect)(()=>{g&&h.__registerFileInput(_,()=>_.current?.click())},[g,h]),(0,t.useEffect)(()=>{s&&_.current&&x.length===0&&(_.current.value=``)},[x,s]),(0,t.useEffect)(()=>{let e=v.current;if(!e||o)return;let t=e=>{e.dataTransfer?.types?.includes(`Files`)&&e.preventDefault()},n=e=>{e.dataTransfer?.types?.includes(`Files`)&&e.preventDefault(),e.dataTransfer?.files&&e.dataTransfer.files.length>0&&O(e.dataTransfer.files)};return e.addEventListener(`dragover`,t),e.addEventListener(`drop`,n),()=>{e.removeEventListener(`dragover`,t),e.removeEventListener(`drop`,n)}},[O,o]),(0,t.useEffect)(()=>{if(!o)return;let e=e=>{e.dataTransfer?.types?.includes(`Files`)&&e.preventDefault()},t=e=>{e.dataTransfer?.types?.includes(`Files`)&&e.preventDefault(),e.dataTransfer?.files&&e.dataTransfer.files.length>0&&O(e.dataTransfer.files)};return document.addEventListener(`dragover`,e),document.addEventListener(`drop`,t),()=>{document.removeEventListener(`dragover`,e),document.removeEventListener(`drop`,t)}},[O,o]),(0,t.useEffect)(()=>()=>{if(!g)for(let e of S.current)e.url&&URL.revokeObjectURL(e.url)},[g]);let M=e=>{e.currentTarget.files&&O(e.currentTarget.files),e.currentTarget.value=``},N=async e=>{try{let t=await(await fetch(e)).blob();return new Promise(e=>{let n=new FileReader;n.onloadend=()=>e(n.result),n.onerror=()=>e(null),n.readAsDataURL(t)})}catch{return null}},P=(0,t.useMemo)(()=>({files:x.map(e=>({...e,id:e.id})),add:O,remove:k,clear:A,openFileDialog:j,fileInputRef:_}),[x,O,k,A,j]),F=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`input`,{accept:r,"aria-label":`Upload files`,className:`hidden`,multiple:a,onChange:M,ref:_,title:`Upload files`,type:`file`}),(0,i.jsx)(`form`,{className:(0,n.cn)(`w-full`,e),onSubmit:e=>{e.preventDefault();let t=e.currentTarget,n=g?h.textInput.value:new FormData(t).get(`message`)||``;g||t.reset(),Promise.all(x.map(async({id:e,...t})=>{if(t.url&&t.url.startsWith(`blob:`)){let e=await N(t.url);return{...t,url:e??t.url}}return t})).then(t=>{try{let r=d({text:n,files:t},e);r instanceof Promise?r.then(()=>{A(),g&&h.textInput.clear()}).catch(()=>{}):(A(),g&&h.textInput.clear())}catch{}}).catch(()=>{})},ref:v,...m,children:(0,i.jsx)(be,{className:`overflow-hidden`,children:f})})]});return g?F:(0,i.jsx)(ke.Provider,{value:P,children:F})},Pe=({className:e,...t})=>(0,i.jsx)(`div`,{className:(0,n.cn)(`contents`,e),...t}),Fe=({onChange:e,className:r,placeholder:a=`What would you like to know?`,...o})=>{let s=Te(),c=G(),[l,u]=(0,t.useState)(!1),d=e=>{if(e.key===`Enter`){if(l||e.nativeEvent.isComposing||e.shiftKey)return;e.preventDefault();let t=e.currentTarget.form;if(t?.querySelector(`button[type="submit"]`)?.disabled)return;t?.requestSubmit()}if(e.key===`Backspace`&&e.currentTarget.value===``&&c.files.length>0){e.preventDefault();let t=c.files[c.files.length-1];t&&c.remove(t.id)}},f=e=>{let t=e.clipboardData?.items;if(!t)return;let n=[];for(let e of t)if(e.kind===`file`){let t=e.getAsFile();t&&n.push(t)}n.length>0&&(e.preventDefault(),c.add(n))},p=s?{value:s.textInput.value,onChange:t=>{s.textInput.setInput(t.currentTarget.value),e?.(t)}}:{onChange:e};return(0,i.jsx)(Ce,{className:(0,n.cn)(`field-sizing-content max-h-48 min-h-16`,r),name:`message`,onCompositionEnd:()=>u(!1),onCompositionStart:()=>u(!0),onKeyDown:d,onPaste:f,placeholder:a,...o,...p})},Ie=({className:e,...t})=>(0,i.jsx)(V,{align:`block-end`,className:(0,n.cn)(`order-first flex-wrap gap-1`,e),...t}),Le=({className:e,...t})=>(0,i.jsx)(V,{align:`block-end`,className:(0,n.cn)(`justify-between gap-1`,e),...t}),Re=({className:e,...t})=>(0,i.jsx)(`div`,{className:(0,n.cn)(`flex items-center gap-1`,e),...t}),K=({variant:e=`ghost`,className:r,size:a,...o})=>{let s=a??(t.Children.count(o.children)>1?`sm`:`icon-sm`);return(0,i.jsx)(H,{className:(0,n.cn)(r),size:s,type:`button`,variant:e,...o})},ze=e=>(0,i.jsx)(n.DropdownMenu,{...e}),Be=({className:e,children:t,...a})=>(0,i.jsx)(n.DropdownMenuTrigger,{asChild:!0,children:(0,i.jsx)(K,{className:e,...a,children:t??(0,i.jsx)(r.PlusIcon,{className:`size-4`})})}),Ve=({className:e,...t})=>(0,i.jsx)(n.DropdownMenuContent,{align:`start`,className:(0,n.cn)(e),...t}),He=({className:e,...t})=>(0,i.jsx)(n.DropdownMenuItem,{className:(0,n.cn)(e),...t}),Ue=({className:e,variant:t=`default`,size:a=`icon-sm`,status:o,children:s,...c})=>{let l=(0,i.jsx)(r.CornerDownLeftIcon,{className:`size-4`});return o===`submitted`?l=(0,i.jsx)(r.Loader2Icon,{className:`size-4 animate-spin`}):o===`streaming`?l=(0,i.jsx)(r.SquareIcon,{className:`size-4`}):o===`error`&&(l=(0,i.jsx)(r.XIcon,{className:`size-4`})),(0,i.jsx)(H,{"aria-label":`Submit`,className:(0,n.cn)(e),size:a,type:`submit`,variant:t,...c,children:s??l})},We=({className:e,textareaRef:a,onTranscriptionChange:o,...s})=>{let[c,l]=(0,t.useState)(!1),[u,d]=(0,t.useState)(null),f=(0,t.useRef)(null);(0,t.useEffect)(()=>{if(typeof window<`u`&&(`SpeechRecognition`in window||`webkitSpeechRecognition`in window)){let e=new(window.SpeechRecognition||window.webkitSpeechRecognition);e.continuous=!0,e.interimResults=!0,e.lang=`en-US`,e.onstart=()=>{l(!0)},e.onend=()=>{l(!1)},e.onresult=e=>{let t=``;for(let n=e.resultIndex;n<e.results.length;n++){let r=e.results[n];r.isFinal&&(t+=r[0]?.transcript??``)}if(t&&a?.current){let e=a.current,n=e.value,r=n+(n?` `:``)+t;e.value=r,e.dispatchEvent(new Event(`input`,{bubbles:!0})),o?.(r)}},e.onerror=e=>{console.error(`Speech recognition error:`,e.error),l(!1)},f.current=e,d(e)}return()=>{f.current&&f.current.stop()}},[a,o]);let p=(0,t.useCallback)(()=>{u&&(c?u.stop():u.start())},[u,c]);return(0,i.jsx)(K,{className:(0,n.cn)(`relative transition-all duration-200`,c&&`animate-pulse bg-accent text-accent-foreground`,e),disabled:!u,onClick:p,...s,children:(0,i.jsx)(r.MicIcon,{className:`size-4`})})},Ge=e=>(0,i.jsx)(n.Select,{...e}),Ke=({className:e,...t})=>(0,i.jsx)(n.SelectTrigger,{className:(0,n.cn)(`border-none bg-transparent font-medium text-muted-foreground shadow-none transition-colors`,`hover:bg-accent hover:text-foreground aria-expanded:bg-accent aria-expanded:text-foreground`,e),...t}),qe=({className:e,...t})=>(0,i.jsx)(n.SelectContent,{className:(0,n.cn)(e),...t}),Je=({className:e,...t})=>(0,i.jsx)(n.SelectItem,{className:(0,n.cn)(e),...t}),Ye=({className:e,...t})=>(0,i.jsx)(n.SelectValue,{className:(0,n.cn)(e),...t}),Xe=({openDelay:e=0,closeDelay:t=0,...r})=>(0,i.jsx)(n.HoverCard,{closeDelay:t,openDelay:e,...r}),Ze=e=>(0,i.jsx)(n.HoverCardTrigger,{...e}),Qe=({align:e=`start`,...t})=>(0,i.jsx)(n.HoverCardContent,{align:e,...t}),$e=({className:e,...t})=>(0,i.jsx)(`div`,{className:(0,n.cn)(e),...t}),et=({className:e,...t})=>(0,i.jsx)(`div`,{className:(0,n.cn)(e),...t}),tt=({className:e,...t})=>(0,i.jsx)(`h3`,{className:(0,n.cn)(`mb-2 px-3 font-medium text-muted-foreground text-xs`,e),...t}),nt=({className:e,...t})=>(0,i.jsx)(`div`,{className:(0,n.cn)(`space-y-1`,e),...t}),rt=({className:e,...t})=>(0,i.jsx)(`div`,{className:(0,n.cn)(`flex items-center gap-2 px-3 py-2 text-xs hover:bg-accent`,e),...t}),it=({className:e,...t})=>(0,i.jsx)(n.Command,{className:(0,n.cn)(e),...t}),at=({className:e,...t})=>(0,i.jsx)(n.CommandInput,{className:(0,n.cn)(e),...t}),ot=({className:e,...t})=>(0,i.jsx)(n.CommandList,{className:(0,n.cn)(e),...t}),st=({className:e,...t})=>(0,i.jsx)(n.CommandEmpty,{className:(0,n.cn)(e),...t}),ct=({className:e,...t})=>(0,i.jsx)(n.CommandGroup,{className:(0,n.cn)(e),...t}),lt=({className:e,...t})=>(0,i.jsx)(n.CommandItem,{className:(0,n.cn)(e),...t}),ut=({className:e,...t})=>(0,i.jsx)(n.CommandSeparator,{className:(0,n.cn)(e),...t}),dt=({className:e,children:t,...r})=>(0,i.jsxs)(n.ScrollArea,{className:`w-full overflow-x-auto whitespace-nowrap`,...r,children:[(0,i.jsx)(`div`,{className:(0,n.cn)(`flex w-max flex-nowrap items-center gap-2`,e),children:t}),(0,i.jsx)(n.ScrollBar,{className:`hidden`,orientation:`horizontal`})]}),ft=({suggestion:e,onClick:t,className:r,variant:a=`outline`,size:o=`sm`,children:s,...c})=>(0,i.jsx)(n.Button,{className:(0,n.cn)(`cursor-pointer rounded-full px-4`,r),onClick:()=>{t?.(e)},size:o,type:`button`,variant:a,...c,children:s||e}),pt=(0,t.createContext)({code:``}),mt={name:`line-numbers`,line(e,t){e.children.unshift({type:`element`,tagName:`span`,properties:{className:[`inline-block`,`min-w-10`,`mr-4`,`text-right`,`select-none`,`text-muted-foreground`]},children:[{type:`text`,value:String(t)}]})}};async function ht(e,t,n=!1){let r=n?[mt]:[];return await Promise.all([(0,m.codeToHtml)(e,{lang:t,theme:`one-light`,transformers:r}),(0,m.codeToHtml)(e,{lang:t,theme:`one-dark-pro`,transformers:r})])}var q=({code:e,language:r,showLineNumbers:a=!1,className:o,children:s,...c})=>{let[l,u]=(0,t.useState)(``),[d,f]=(0,t.useState)(``),p=(0,t.useRef)(!1);return(0,t.useEffect)(()=>(ht(e,r,a).then(([e,t])=>{p.current||=(u(e),f(t),!0)}),()=>{p.current=!1}),[e,r,a]),(0,i.jsx)(pt.Provider,{value:{code:e},children:(0,i.jsx)(`div`,{className:(0,n.cn)(`group relative w-full overflow-hidden rounded-md border bg-background text-foreground`,o),...c,children:(0,i.jsxs)(`div`,{className:`relative`,children:[(0,i.jsx)(`div`,{className:`overflow-auto dark:hidden [&>pre]:m-0 [&>pre]:bg-background! [&>pre]:p-4 [&>pre]:text-foreground! [&>pre]:text-sm [&_code]:font-mono [&_code]:text-sm`,dangerouslySetInnerHTML:{__html:l}}),(0,i.jsx)(`div`,{className:`hidden overflow-auto dark:block [&>pre]:m-0 [&>pre]:bg-background! [&>pre]:p-4 [&>pre]:text-foreground! [&>pre]:text-sm [&_code]:font-mono [&_code]:text-sm`,dangerouslySetInnerHTML:{__html:d}}),s&&(0,i.jsx)(`div`,{className:`absolute top-2 right-2 flex items-center gap-2`,children:s})]})})})},gt=({onCopy:e,onError:a,timeout:o=2e3,children:s,className:c,...l})=>{let[u,d]=(0,t.useState)(!1),{code:f}=(0,t.useContext)(pt),p=async()=>{if(typeof window>`u`||!navigator?.clipboard?.writeText){a?.(Error(`Clipboard API not available`));return}try{await navigator.clipboard.writeText(f),d(!0),e?.(),setTimeout(()=>d(!1),o)}catch(e){a?.(e)}},m=u?r.CheckIcon:r.CopyIcon;return(0,i.jsx)(n.Button,{className:(0,n.cn)(`shrink-0`,c),onClick:p,size:`icon`,variant:`ghost`,...l,children:s??(0,i.jsx)(m,{size:14})})},_t=({className:e,...t})=>(0,i.jsx)(n.Collapsible,{className:(0,n.cn)(`not-prose mb-4 w-full rounded-md border`,e),...t}),vt=e=>(0,i.jsxs)(n.Badge,{className:`gap-1.5 rounded-full text-xs`,variant:`secondary`,children:[{"input-streaming":(0,i.jsx)(r.CircleIcon,{className:`size-4`}),"input-available":(0,i.jsx)(r.ClockIcon,{className:`size-4 animate-pulse`}),"approval-requested":(0,i.jsx)(r.ClockIcon,{className:`size-4 text-yellow-600`}),"approval-responded":(0,i.jsx)(r.CheckCircleIcon,{className:`size-4 text-blue-600`}),"output-available":(0,i.jsx)(r.CheckCircleIcon,{className:`size-4 text-green-600`}),"output-error":(0,i.jsx)(r.XCircleIcon,{className:`size-4 text-red-600`}),"output-denied":(0,i.jsx)(r.XCircleIcon,{className:`size-4 text-orange-600`})}[e],{"input-streaming":`Pending`,"input-available":`Running`,"approval-requested":`Awaiting Approval`,"approval-responded":`Responded`,"output-available":`Completed`,"output-error":`Error`,"output-denied":`Denied`}[e]]}),yt=({className:e,title:t,type:a,state:o,...s})=>(0,i.jsxs)(n.CollapsibleTrigger,{className:(0,n.cn)(`flex w-full items-center justify-between gap-4 p-3`,e),...s,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(r.WrenchIcon,{className:`size-4 text-muted-foreground`}),(0,i.jsx)(`span`,{className:`font-medium text-sm`,children:t??a.split(`-`).slice(1).join(`-`)}),vt(o)]}),(0,i.jsx)(r.ChevronDownIcon,{className:`size-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180`})]}),bt=({className:e,...t})=>(0,i.jsx)(n.CollapsibleContent,{className:(0,n.cn)(`data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in`,e),...t}),xt=({className:e,input:t,...r})=>(0,i.jsxs)(`div`,{className:(0,n.cn)(`space-y-2 overflow-hidden p-4`,e),...r,children:[(0,i.jsx)(`h4`,{className:`font-medium text-muted-foreground text-xs uppercase tracking-wide`,children:`Parameters`}),(0,i.jsx)(`div`,{className:`rounded-md bg-muted/50`,children:(0,i.jsx)(q,{code:JSON.stringify(t,null,2),language:`json`})})]}),St=({className:e,output:r,errorText:a,...o})=>{if(!(r||a))return null;let s=(0,i.jsx)(`div`,{children:r});return typeof r==`object`&&!(0,t.isValidElement)(r)?s=(0,i.jsx)(q,{code:JSON.stringify(r,null,2),language:`json`}):typeof r==`string`&&(s=(0,i.jsx)(q,{code:r,language:`json`})),(0,i.jsxs)(`div`,{className:(0,n.cn)(`space-y-2 p-4`,e),...o,children:[(0,i.jsx)(`h4`,{className:`font-medium text-muted-foreground text-xs uppercase tracking-wide`,children:a?`Error`:`Result`}),(0,i.jsxs)(`div`,{className:(0,n.cn)(`overflow-x-auto rounded-md text-xs [&_table]:w-full`,a?`bg-destructive/10 text-destructive`:`bg-muted/50 text-foreground`),children:[a&&(0,i.jsx)(`div`,{children:a}),s]})]})},Ct=(0,t.memo)(({children:e,as:r=`p`,className:a,duration:o=2,spread:s=2})=>{let c=g.motion.create(r),l=(0,t.useMemo)(()=>(e?.length??0)*s,[e,s]);return(0,i.jsx)(c,{animate:{backgroundPosition:`0% center`},className:(0,n.cn)(`relative inline-block bg-[length:250%_100%,auto] bg-clip-text text-transparent`,`[--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--color-background),#0000_calc(50%+var(--spread)))] [background-repeat:no-repeat,padding-box]`,a),initial:{backgroundPosition:`100% center`},style:{"--spread":`${l}px`,backgroundImage:`var(--bg), linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))`},transition:{repeat:1/0,duration:o,ease:`linear`},children:e})}),wt=(0,t.createContext)(null),Tt=()=>{let e=(0,t.useContext)(wt);if(!e)throw Error(`Reasoning components must be used within Reasoning`);return e},Et=1e3,Dt=1e3,J=(0,t.memo)(({className:e,isStreaming:r=!1,open:a,defaultOpen:o=!0,onOpenChange:s,duration:c,children:l,...u})=>{let[d,f]=(0,h.useControllableState)({prop:a,defaultProp:o,onChange:s}),[p,m]=(0,h.useControllableState)({prop:c,defaultProp:void 0}),[g,_]=(0,t.useState)(!1),[v,y]=(0,t.useState)(null);return(0,t.useEffect)(()=>{r?v===null&&y(Date.now()):v!==null&&(m(Math.ceil((Date.now()-v)/Dt)),y(null))},[r,v,m]),(0,t.useEffect)(()=>{if(o&&!r&&d&&!g){let e=setTimeout(()=>{f(!1),_(!0)},Et);return()=>clearTimeout(e)}},[r,d,o,f,g]),(0,i.jsx)(wt.Provider,{value:{isStreaming:r,isOpen:d,setIsOpen:f,duration:p},children:(0,i.jsx)(n.Collapsible,{className:(0,n.cn)(`not-prose mb-4`,e),onOpenChange:e=>{f(e)},open:d,...u,children:l})})}),Ot=(e,t)=>e||t===0?(0,i.jsx)(Ct,{duration:1,children:`Thinking...`}):t===void 0?(0,i.jsx)(`p`,{children:`Thought for a few seconds`}):(0,i.jsxs)(`p`,{children:[`Thought for `,t,` seconds`]}),Y=(0,t.memo)(({className:e,children:t,getThinkingMessage:a=Ot,...o})=>{let{isStreaming:s,isOpen:c,duration:l}=Tt();return(0,i.jsx)(n.CollapsibleTrigger,{className:(0,n.cn)(`flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground`,e),...o,children:t??(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.BrainIcon,{className:`size-4`}),a(s,l),(0,i.jsx)(r.ChevronDownIcon,{className:(0,n.cn)(`size-4 transition-transform`,c?`rotate-180`:`rotate-0`)})]})})}),X=(0,t.memo)(({className:e,children:t,...r})=>(0,i.jsx)(n.CollapsibleContent,{className:(0,n.cn)(`mt-4 text-sm`,`data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-muted-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in`,e),...r,children:(0,i.jsx)(f.Streamdown,{...r,children:t})}));J.displayName=`Reasoning`,Y.displayName=`ReasoningTrigger`,X.displayName=`ReasoningContent`;var Z=({className:e,...t})=>(0,i.jsx)(n.Collapsible,{className:(0,n.cn)(`not-prose mb-4 text-primary text-xs`,e),...t}),kt=({className:e,count:t,children:a,...o})=>(0,i.jsx)(n.CollapsibleTrigger,{className:(0,n.cn)(`flex items-center gap-2`,e),...o,children:a??(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(`p`,{className:`font-medium`,children:[`Used `,t,` sources`]}),(0,i.jsx)(r.ChevronDownIcon,{className:`h-4 w-4`})]})}),At=({className:e,...t})=>(0,i.jsx)(n.CollapsibleContent,{className:(0,n.cn)(`mt-3 flex w-fit flex-col gap-2`,`data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 outline-none data-[state=closed]:animate-out data-[state=open]:animate-in`,e),...t}),jt=({href:e,title:t,children:n,...a})=>(0,i.jsx)(`a`,{className:`flex items-center gap-2`,href:e,rel:`noreferrer`,target:`_blank`,...a,children:n??(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.BookIcon,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{className:`block font-medium`,children:t})]})});function Mt(e,t){return t?`error`:e?`streaming`:`ready`}function Nt(e){return e===`user`?`user`:`assistant`}var Q=t.forwardRef(({className:e,messages:a=[],placeholder:o=`Type your message...`,onSendMessage:s,onClear:c,onStop:l,onReload:u,disabled:d=!1,isLoading:f=!1,error:p,showTimestamp:m=!1,userAvatarUrl:h,userAvatarFallback:g=`You`,assistantAvatarUrl:_,assistantAvatarFallback:v=`AI`,maxHeight:y=`500px`,enableMarkdown:b=!0,enableFileUpload:x=!1,acceptedFileTypes:S=`image/*,.pdf,.doc,.docx,.txt`,maxFileSize:C=10*1024*1024,suggestions:w,models:T,selectedModelId:E,onModelChange:D,...O},k)=>{let A=Mt(f,p),[j,M]=t.useState(null),N=t.useCallback(e=>{let t=!!e.text?.trim(),n=e.files?.map(e=>e.file).filter(Boolean),r=!!(n&&n.length>0);(t||r)&&s?.(e.text?.trim()??``,n)},[s]),P=t.useCallback(e=>{s?.(e)},[s]),F=t.useCallback(e=>{navigator.clipboard?.writeText(e.content),M(e.id),window.setTimeout(()=>M(t=>t===e.id?null:t),1500)},[]);return(0,i.jsxs)(`div`,{ref:k,className:(0,n.cn)(`flex flex-col border rounded-lg bg-background overflow-hidden`,e),style:{maxHeight:y},...O,children:[c&&a.length>0&&(0,i.jsxs)(`div`,{className:`flex items-center justify-between px-4 py-2 border-b bg-muted/30`,children:[(0,i.jsxs)(`span`,{className:`text-sm text-muted-foreground`,children:[a.length,` message`,a.length===1?``:`s`]}),(0,i.jsx)(`button`,{type:`button`,onClick:c,className:`text-xs text-muted-foreground hover:text-foreground transition-colors`,children:`Clear`})]}),(0,i.jsxs)(I,{className:`flex-1 min-h-0`,children:[(0,i.jsx)(L,{className:`space-y-4 px-4 py-3`,children:a.length===0?(0,i.jsx)(ne,{title:`Start a conversation`,description:`Ask anything — the assistant has access to your current app context.`,children:w&&w.length>0?(0,i.jsx)(dt,{className:`justify-center pt-2`,children:w.map(e=>(0,i.jsx)(ft,{suggestion:e,onClick:P},e))}):null}):a.map(e=>{let t=e.role===`user`,n=e.toolInvocations??[],a=e.reasoning?.trim(),o=e.sources??[];return(0,i.jsxs)(se,{from:Nt(e.role),children:[(0,i.jsxs)(ce,{children:[!t&&a?(0,i.jsxs)(J,{isStreaming:!!e.streaming&&!e.content,className:`mb-2`,children:[(0,i.jsx)(Y,{}),(0,i.jsx)(X,{children:a})]}):null,!t&&n.length>0?n.map(e=>{let t=e.state??(e.errorText?`output-error`:e.result===void 0?`input-available`:`output-available`),n=`tool-${e.toolName}`;return(0,i.jsxs)(_t,{defaultOpen:t!==`output-available`,children:[(0,i.jsx)(yt,{type:n,state:t,title:e.toolName}),(0,i.jsxs)(bt,{children:[e.args===void 0?null:(0,i.jsx)(xt,{input:e.args}),(0,i.jsx)(St,{output:e.result,errorText:e.errorText})]})]},e.toolCallId)}):null,e.content,e.streaming?(0,i.jsx)(`span`,{"aria-hidden":!0,className:`ml-0.5 inline-block w-[2px] h-4 align-middle bg-current animate-pulse`}):null,!t&&o.length>0?(0,i.jsxs)(Z,{children:[(0,i.jsx)(kt,{count:o.length}),(0,i.jsx)(At,{children:o.map((e,t)=>(0,i.jsx)(jt,{href:e.url,title:e.title??e.url},e.id??e.url??t))})]}):null,m&&e.timestamp?(0,i.jsx)(`div`,{className:`text-[10px] opacity-70 mt-1`,children:e.timestamp}):null]}),t?null:(0,i.jsxs)(le,{children:[(0,i.jsx)(R,{label:`Copy`,tooltip:`Copy`,onClick:()=>F(e),children:j===e.id?(0,i.jsx)(r.Check,{className:`size-3.5`}):(0,i.jsx)(r.Copy,{className:`size-3.5`})}),u?(0,i.jsx)(R,{label:`Regenerate`,tooltip:`Regenerate`,onClick:u,children:(0,i.jsx)(r.RefreshCw,{className:`size-3.5`})}):null,e.traceId?(0,i.jsx)(`a`,{href:`#trace/${e.traceId}`,"data-trace-id":e.traceId,className:`text-[10px] text-muted-foreground hover:text-foreground ml-1 underline`,title:`View trace`,children:`trace`}):null]})]},e.id)})}),(0,i.jsx)(re,{})]}),p?(0,i.jsxs)(`div`,{className:`flex items-center gap-2 px-4 py-2 border-t bg-destructive/10 text-destructive text-sm`,role:`alert`,children:[(0,i.jsx)(r.AlertCircle,{className:`h-4 w-4 shrink-0`}),(0,i.jsx)(`span`,{className:`flex-1 truncate`,children:p.message||`An error occurred`}),u?(0,i.jsx)(`button`,{type:`button`,onClick:u,className:`text-xs underline hover:no-underline`,children:`Retry`}):null]}):null,(0,i.jsxs)(Ne,{accept:S,maxFileSize:C,onSubmit:N,onError:e=>{console.warn(`[plugin-chatbot] prompt-input error`,e)},children:[x?(0,i.jsx)(Pe,{children:(0,i.jsx)(je,{children:e=>(0,i.jsx)(Ae,{data:e})})}):null,(0,i.jsx)(Fe,{placeholder:o,disabled:d||A===`streaming`}),(0,i.jsxs)(Le,{children:[(0,i.jsxs)(Re,{children:[x?(0,i.jsxs)(ze,{children:[(0,i.jsx)(Be,{}),(0,i.jsx)(Ve,{children:(0,i.jsx)(Me,{})})]}):null,T&&T.length>0?(0,i.jsx)(`select`,{"aria-label":`Model`,value:E??T[0].id,onChange:e=>D?.(e.target.value),className:`h-7 rounded-md border bg-background px-2 text-xs text-muted-foreground hover:text-foreground focus:outline-none focus:ring-1 focus:ring-ring`,children:T.map(e=>(0,i.jsxs)(`option`,{value:e.id,children:[e.label??e.id,e.provider?` · ${e.provider}`:``]},e.id))}):null]}),(0,i.jsx)(Ue,{status:A,disabled:d,onClick:A===`streaming`?l:void 0})]})]}),(0,i.jsx)(`span`,{hidden:!0,"data-avatar-user":h??g,"data-avatar-assistant":_??v})]})});Q.displayName=`ChatbotEnhanced`;function Pt({floatingConfig:e,headerExtra:n,...r}){let{position:a=`bottom-right`,defaultOpen:o=!1,panelWidth:c=400,panelHeight:l=520,title:u=`Chat`,triggerSize:d=56}=e??{},[f,p]=t.useState(null);t.useEffect(()=>{let e=document.getElementById(`floating-chatbot-portal`);return e||(e=document.createElement(`div`),e.id=`floating-chatbot-portal`,document.body.appendChild(e)),p(e),()=>{e&&e.parentNode&&!e.hasChildNodes()&&e.parentNode.removeChild(e)}},[]);let m=(0,i.jsxs)(N,{defaultOpen:o,children:[(0,i.jsx)(ee,{position:a,size:d}),(0,i.jsx)(te,{title:u,position:a,width:c,height:l,headerExtra:n,children:(0,i.jsx)(Q,{...r,maxHeight:`100%`,className:`h-full border-0 rounded-none`})})]});return f?s.createPortal(m,f):m}_.ComponentRegistry.register(`chatbot`,({schema:e,className:t,...n})=>{let{messages:r,isLoading:a,sendMessage:o}=k({api:e.api,initialMessages:e.messages,conversationId:e.conversationId,systemPrompt:e.systemPrompt,model:e.model,streamingEnabled:e.streamingEnabled,headers:e.headers,body:e.requestBody,maxToolRoundtrips:e.maxToolRoundtrips,onError:e.onError,showTimestamp:e.showTimestamp,autoResponse:e.autoResponse,autoResponseText:e.autoResponseText,autoResponseDelay:e.autoResponseDelay,onSend:e.onSend});return(0,i.jsx)($,{messages:r,placeholder:e.placeholder,onSendMessage:e=>{o(e)},disabled:e.disabled||a,showTimestamp:e.showTimestamp,userAvatarUrl:e.userAvatarUrl,userAvatarFallback:e.userAvatarFallback,assistantAvatarUrl:e.assistantAvatarUrl,assistantAvatarFallback:e.assistantAvatarFallback,maxHeight:e.maxHeight,className:t,...n})},{namespace:`plugin-chatbot`,label:`Chatbot`,inputs:[{name:`messages`,type:`array`,label:`Initial Messages`,description:`Array of message objects with id, role, content, and optional timestamp`},{name:`placeholder`,type:`string`,label:`Input Placeholder`,defaultValue:`Type your message...`},{name:`showTimestamp`,type:`boolean`,label:`Show Timestamps`,defaultValue:!1},{name:`disabled`,type:`boolean`,label:`Disabled`,defaultValue:!1},{name:`userAvatarUrl`,type:`string`,label:`User Avatar URL`,description:`URL of the user avatar image`},{name:`userAvatarFallback`,type:`string`,label:`User Avatar Fallback`,defaultValue:`You`,description:`Fallback text shown when user avatar image is not available`},{name:`assistantAvatarUrl`,type:`string`,label:`Assistant Avatar URL`,description:`URL of the assistant avatar image`},{name:`assistantAvatarFallback`,type:`string`,label:`Assistant Avatar Fallback`,defaultValue:`AI`,description:`Fallback text shown when assistant avatar image is not available`},{name:`maxHeight`,type:`string`,label:`Max Height`,defaultValue:`500px`},{name:`api`,type:`string`,label:`API Endpoint`,description:`Backend SSE endpoint (e.g., /api/v1/ai/chat). When set, enables streaming AI mode.`},{name:`conversationId`,type:`string`,label:`Conversation ID`,description:`Multi-turn conversation identifier`},{name:`systemPrompt`,type:`string`,label:`System Prompt`,description:`System prompt to configure assistant behavior`},{name:`model`,type:`string`,label:`AI Model`,description:`AI model identifier (e.g., gpt-4o)`},{name:`streamingEnabled`,type:`boolean`,label:`Enable Streaming`,defaultValue:!0},{name:`autoResponse`,type:`boolean`,label:`Enable Auto Response (Demo)`,defaultValue:!1,description:`Automatically send a response after user message (for demo purposes, ignored when API is set)`},{name:`autoResponseText`,type:`string`,label:`Auto Response Text`,defaultValue:`Thank you for your message!`},{name:`autoResponseDelay`,type:`number`,label:`Auto Response Delay (ms)`,defaultValue:1e3},{name:`className`,type:`string`,label:`CSS Class`}],defaultProps:{messages:[{id:`welcome`,role:`assistant`,content:`Hello! How can I help you today?`}],placeholder:`Type your message...`,showTimestamp:!1,disabled:!1,userAvatarFallback:`You`,assistantAvatarFallback:`AI`,maxHeight:`500px`,autoResponse:!0,autoResponseText:`Thank you for your message! This is an automated response.`,autoResponseDelay:1e3,className:`w-full max-w-2xl`}}),_.ComponentRegistry.register(`chatbot-enhanced`,({schema:e,className:t,...n})=>{let{messages:r,isLoading:a,error:o,sendMessage:s,stop:c,reload:l,clear:u,isApiMode:d}=k({api:e.api,initialMessages:e.messages,conversationId:e.conversationId,systemPrompt:e.systemPrompt,model:e.model,streamingEnabled:e.streamingEnabled,headers:e.headers,body:e.requestBody,maxToolRoundtrips:e.maxToolRoundtrips,onError:e.onError,showTimestamp:e.showTimestamp,autoResponse:e.autoResponse,autoResponseText:e.autoResponseText,autoResponseDelay:e.autoResponseDelay,onSend:e.onSend});return(0,i.jsx)(Q,{messages:r,placeholder:e.placeholder,onSendMessage:(e,t)=>{s(e,t)},onClear:()=>{u(),e.onClear?.()},onStop:d&&a?c:void 0,onReload:d?l:void 0,disabled:e.disabled,isLoading:a,error:o,showTimestamp:e.showTimestamp,userAvatarUrl:e.userAvatarUrl,userAvatarFallback:e.userAvatarFallback,assistantAvatarUrl:e.assistantAvatarUrl,assistantAvatarFallback:e.assistantAvatarFallback,maxHeight:e.maxHeight,enableMarkdown:e.enableMarkdown??!0,enableFileUpload:e.enableFileUpload??!1,className:t,...n})},{namespace:`plugin-chatbot`,label:`Chatbot (Enhanced)`,inputs:[{name:`messages`,type:`array`,label:`Initial Messages`},{name:`placeholder`,type:`string`,label:`Input Placeholder`,defaultValue:`Type your message...`},{name:`showTimestamp`,type:`boolean`,label:`Show Timestamps`,defaultValue:!1},{name:`disabled`,type:`boolean`,label:`Disabled`,defaultValue:!1},{name:`enableMarkdown`,type:`boolean`,label:`Enable Markdown`,defaultValue:!0},{name:`enableFileUpload`,type:`boolean`,label:`Enable File Upload`,defaultValue:!1},{name:`userAvatarUrl`,type:`string`,label:`User Avatar URL`},{name:`userAvatarFallback`,type:`string`,label:`User Avatar Fallback`,defaultValue:`You`},{name:`assistantAvatarUrl`,type:`string`,label:`Assistant Avatar URL`},{name:`assistantAvatarFallback`,type:`string`,label:`Assistant Avatar Fallback`,defaultValue:`AI`},{name:`maxHeight`,type:`string`,label:`Max Height`,defaultValue:`500px`},{name:`api`,type:`string`,label:`API Endpoint`,description:`Backend SSE endpoint for streaming AI mode`},{name:`conversationId`,type:`string`,label:`Conversation ID`},{name:`systemPrompt`,type:`string`,label:`System Prompt`},{name:`model`,type:`string`,label:`AI Model`},{name:`streamingEnabled`,type:`boolean`,label:`Enable Streaming`,defaultValue:!0},{name:`autoResponse`,type:`boolean`,label:`Enable Auto Response (Demo)`,defaultValue:!1},{name:`autoResponseText`,type:`string`,label:`Auto Response Text`,defaultValue:`Thank you for your message!`},{name:`autoResponseDelay`,type:`number`,label:`Auto Response Delay (ms)`,defaultValue:1e3},{name:`className`,type:`string`,label:`CSS Class`}],defaultProps:{messages:[{id:`welcome`,role:`assistant`,content:`Hello! How can I help you today?`}],placeholder:`Type your message...`,showTimestamp:!1,disabled:!1,enableMarkdown:!0,enableFileUpload:!1,userAvatarFallback:`You`,assistantAvatarFallback:`AI`,maxHeight:`500px`,autoResponse:!0,autoResponseText:`Thank you for your message! This is an automated response.`,autoResponseDelay:1e3,className:`w-full max-w-2xl`}}),_.ComponentRegistry.register(`chatbot-floating`,({schema:e,className:t,...n})=>{let{messages:r,isLoading:a,error:o,sendMessage:s,stop:c,reload:l,clear:u,isApiMode:d}=k({api:e.api,initialMessages:e.messages,conversationId:e.conversationId,systemPrompt:e.systemPrompt,model:e.model,streamingEnabled:e.streamingEnabled,headers:e.headers,body:e.requestBody,maxToolRoundtrips:e.maxToolRoundtrips,onError:e.onError,showTimestamp:e.showTimestamp,autoResponse:e.autoResponse,autoResponseText:e.autoResponseText,autoResponseDelay:e.autoResponseDelay,onSend:e.onSend});return(0,i.jsx)(Pt,{floatingConfig:e.floatingConfig,messages:r,placeholder:e.placeholder,onSendMessage:(e,t)=>{s(e,t)},onClear:()=>{u(),e.onClear?.()},onStop:d&&a?c:void 0,onReload:d?l:void 0,disabled:e.disabled,isLoading:a,error:o,showTimestamp:e.showTimestamp,userAvatarUrl:e.userAvatarUrl,userAvatarFallback:e.userAvatarFallback,assistantAvatarUrl:e.assistantAvatarUrl,assistantAvatarFallback:e.assistantAvatarFallback,enableMarkdown:e.enableMarkdown??!0,enableFileUpload:e.enableFileUpload??!1,className:t,...n})},{namespace:`plugin-chatbot`,label:`Chatbot (Floating)`,inputs:[{name:`displayMode`,type:`string`,label:`Display Mode`,defaultValue:`floating`,description:`Set to "floating" for FAB widget`},{name:`floatingConfig.position`,type:`string`,label:`FAB Position`,defaultValue:`bottom-right`,description:`bottom-right or bottom-left`},{name:`floatingConfig.defaultOpen`,type:`boolean`,label:`Default Open`,defaultValue:!1},{name:`floatingConfig.panelWidth`,type:`number`,label:`Panel Width`,defaultValue:400},{name:`floatingConfig.panelHeight`,type:`number`,label:`Panel Height`,defaultValue:520},{name:`floatingConfig.title`,type:`string`,label:`Panel Title`,defaultValue:`Chat`},{name:`floatingConfig.triggerSize`,type:`number`,label:`Trigger Size`,defaultValue:56},{name:`messages`,type:`array`,label:`Initial Messages`},{name:`placeholder`,type:`string`,label:`Input Placeholder`,defaultValue:`Type your message...`},{name:`enableMarkdown`,type:`boolean`,label:`Enable Markdown`,defaultValue:!0},{name:`enableFileUpload`,type:`boolean`,label:`Enable File Upload`,defaultValue:!1},{name:`api`,type:`string`,label:`API Endpoint`,description:`Backend SSE endpoint for streaming AI mode`},{name:`conversationId`,type:`string`,label:`Conversation ID`},{name:`systemPrompt`,type:`string`,label:`System Prompt`},{name:`model`,type:`string`,label:`AI Model`},{name:`streamingEnabled`,type:`boolean`,label:`Enable Streaming`,defaultValue:!0},{name:`autoResponse`,type:`boolean`,label:`Enable Auto Response (Demo)`,defaultValue:!1},{name:`autoResponseText`,type:`string`,label:`Auto Response Text`,defaultValue:`Thank you for your message!`},{name:`autoResponseDelay`,type:`number`,label:`Auto Response Delay (ms)`,defaultValue:1e3},{name:`className`,type:`string`,label:`CSS Class`}],defaultProps:{displayMode:`floating`,floatingConfig:{position:`bottom-right`,defaultOpen:!1,panelWidth:400,panelHeight:520,title:`Chat`,triggerSize:56},messages:[{id:`welcome`,role:`assistant`,content:`Hello! How can I help you today?`}],placeholder:`Type your message...`,enableMarkdown:!0,enableFileUpload:!1,autoResponse:!0,autoResponseText:`Thank you for your message! This is an automated response.`,autoResponseDelay:1e3}});var Ft=({size:e=16})=>(0,i.jsxs)(`svg`,{height:e,strokeLinejoin:`round`,style:{color:`currentcolor`},viewBox:`0 0 16 16`,width:e,children:[(0,i.jsx)(`title`,{children:`Loader`}),(0,i.jsxs)(`g`,{clipPath:`url(#clip0_2393_1490)`,children:[(0,i.jsx)(`path`,{d:`M8 0V4`,stroke:`currentColor`,strokeWidth:`1.5`}),(0,i.jsx)(`path`,{d:`M8 16V12`,opacity:`0.5`,stroke:`currentColor`,strokeWidth:`1.5`}),(0,i.jsx)(`path`,{d:`M3.29773 1.52783L5.64887 4.7639`,opacity:`0.9`,stroke:`currentColor`,strokeWidth:`1.5`}),(0,i.jsx)(`path`,{d:`M12.7023 1.52783L10.3511 4.7639`,opacity:`0.1`,stroke:`currentColor`,strokeWidth:`1.5`}),(0,i.jsx)(`path`,{d:`M12.7023 14.472L10.3511 11.236`,opacity:`0.4`,stroke:`currentColor`,strokeWidth:`1.5`}),(0,i.jsx)(`path`,{d:`M3.29773 14.472L5.64887 11.236`,opacity:`0.6`,stroke:`currentColor`,strokeWidth:`1.5`}),(0,i.jsx)(`path`,{d:`M15.6085 5.52783L11.8043 6.7639`,opacity:`0.2`,stroke:`currentColor`,strokeWidth:`1.5`}),(0,i.jsx)(`path`,{d:`M0.391602 10.472L4.19583 9.23598`,opacity:`0.7`,stroke:`currentColor`,strokeWidth:`1.5`}),(0,i.jsx)(`path`,{d:`M15.6085 10.4722L11.8043 9.2361`,opacity:`0.3`,stroke:`currentColor`,strokeWidth:`1.5`}),(0,i.jsx)(`path`,{d:`M0.391602 5.52783L4.19583 6.7639`,opacity:`0.8`,stroke:`currentColor`,strokeWidth:`1.5`})]}),(0,i.jsx)(`defs`,{children:(0,i.jsx)(`clipPath`,{id:`clip0_2393_1490`,children:(0,i.jsx)(`rect`,{fill:`white`,height:`16`,width:`16`})})})]}),It=({className:e,size:t=16,...r})=>(0,i.jsx)(`div`,{className:(0,n.cn)(`inline-flex animate-spin items-center justify-center`,e),...r,children:(0,i.jsx)(Ft,{size:t})}),Lt=w({CodeBlock:()=>q,CodeBlockCopyButton:()=>gt,Conversation:()=>I,ConversationContent:()=>L,ConversationEmptyState:()=>ne,ConversationScrollButton:()=>re,Loader:()=>It,Message:()=>se,MessageAction:()=>R,MessageActions:()=>le,MessageAttachment:()=>_e,MessageAttachments:()=>ve,MessageBranch:()=>de,MessageBranchContent:()=>fe,MessageBranchNext:()=>he,MessageBranchPage:()=>ge,MessageBranchPrevious:()=>me,MessageBranchSelector:()=>pe,MessageContent:()=>ce,MessageResponse:()=>B,MessageToolbar:()=>ye,PromptInput:()=>Ne,PromptInputActionAddAttachments:()=>Me,PromptInputActionMenu:()=>ze,PromptInputActionMenuContent:()=>Ve,PromptInputActionMenuItem:()=>He,PromptInputActionMenuTrigger:()=>Be,PromptInputAttachment:()=>Ae,PromptInputAttachments:()=>je,PromptInputBody:()=>Pe,PromptInputButton:()=>K,PromptInputCommand:()=>it,PromptInputCommandEmpty:()=>st,PromptInputCommandGroup:()=>ct,PromptInputCommandInput:()=>at,PromptInputCommandItem:()=>lt,PromptInputCommandList:()=>ot,PromptInputCommandSeparator:()=>ut,PromptInputFooter:()=>Le,PromptInputHeader:()=>Ie,PromptInputHoverCard:()=>Xe,PromptInputHoverCardContent:()=>Qe,PromptInputHoverCardTrigger:()=>Ze,PromptInputProvider:()=>Oe,PromptInputSelect:()=>Ge,PromptInputSelectContent:()=>qe,PromptInputSelectItem:()=>Je,PromptInputSelectTrigger:()=>Ke,PromptInputSelectValue:()=>Ye,PromptInputSpeechButton:()=>We,PromptInputSubmit:()=>Ue,PromptInputTab:()=>et,PromptInputTabBody:()=>nt,PromptInputTabItem:()=>rt,PromptInputTabLabel:()=>tt,PromptInputTabsList:()=>$e,PromptInputTextarea:()=>Fe,PromptInputTools:()=>Re,Reasoning:()=>J,ReasoningContent:()=>X,ReasoningTrigger:()=>Y,Shimmer:()=>Ct,Source:()=>jt,Sources:()=>Z,SourcesContent:()=>At,SourcesTrigger:()=>kt,Suggestion:()=>ft,Suggestions:()=>dt,Tool:()=>_t,ToolContent:()=>bt,ToolHeader:()=>yt,ToolInput:()=>xt,ToolOutput:()=>St,highlightCode:()=>ht,usePromptInputAttachments:()=>G,usePromptInputController:()=>we,useProviderAttachments:()=>Ee,useReasoning:()=>Tt}),$=t.forwardRef(({className:e,messages:a=[],placeholder:o=`Type your message...`,onSendMessage:s,disabled:c=!1,showTimestamp:l=!1,userAvatarUrl:u,userAvatarFallback:d=`You`,assistantAvatarUrl:f,assistantAvatarFallback:p=`AI`,maxHeight:m=`500px`,...h},g)=>{let[_,v]=t.useState(``),y=t.useRef(null),b=t.useRef(null);t.useEffect(()=>{if(y.current){let e=y.current.querySelector(`[data-radix-scroll-area-viewport]`);e&&(e.scrollTop=e.scrollHeight)}},[a]);let x=()=>{_.trim()&&s&&(s(_.trim()),v(``),b.current?.focus())},S=e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),x())};return(0,i.jsxs)(`div`,{ref:g,className:(0,n.cn)(`flex flex-col border rounded-lg bg-background overflow-hidden`,e),style:{maxHeight:m},...h,children:[(0,i.jsx)(n.ScrollArea,{ref:y,className:`flex-1 p-4`,children:(0,i.jsx)(`div`,{className:`space-y-4`,children:a.length===0?(0,i.jsx)(`div`,{className:`flex items-center justify-center h-32 text-muted-foreground text-sm`,children:`No messages yet. Start a conversation!`}):a.map(e=>(0,i.jsx)(Rt,{message:e,showTimestamp:l,userAvatarUrl:u,userAvatarFallback:d,assistantAvatarUrl:f,assistantAvatarFallback:p},e.id))})}),(0,i.jsx)(`div`,{className:`border-t p-4`,children:(0,i.jsxs)(`div`,{className:`flex gap-2`,children:[(0,i.jsx)(n.Input,{ref:b,value:_,onChange:e=>v(e.target.value),onKeyDown:S,placeholder:o,disabled:c,className:`flex-1`}),(0,i.jsx)(n.Button,{onClick:x,disabled:c||!_.trim(),size:`icon`,children:(0,i.jsx)(r.Send,{className:`h-4 w-4`})})]})})]})});$.displayName=`Chatbot`;var Rt=({message:e,showTimestamp:t,userAvatarUrl:r,userAvatarFallback:a,assistantAvatarUrl:o,assistantAvatarFallback:s})=>{let c=e.role===`user`;if(e.role===`system`)return(0,i.jsx)(`div`,{className:`flex justify-center`,children:(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground bg-muted px-3 py-1 rounded-full`,children:e.content})});let l=c?e.avatar||r:e.avatar||o,u=c?e.avatarFallback||a:e.avatarFallback||s;return(0,i.jsxs)(`div`,{className:(0,n.cn)(`flex gap-3`,c?`flex-row-reverse`:`flex-row`),children:[(0,i.jsxs)(n.Avatar,{className:`h-8 w-8`,children:[(0,i.jsx)(n.AvatarImage,{src:l}),(0,i.jsx)(n.AvatarFallback,{className:`text-xs`,children:u})]}),(0,i.jsxs)(`div`,{className:(0,n.cn)(`flex flex-col gap-1`,c?`items-end`:`items-start`),children:[(0,i.jsx)(`div`,{className:(0,n.cn)(`rounded-lg px-4 py-2 max-w-[70%] break-words`,c?`bg-primary text-primary-foreground`:`bg-muted`),children:(0,i.jsx)(`p`,{className:`text-sm whitespace-pre-wrap`,children:e.content})}),t&&e.timestamp&&(0,i.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:e.timestamp})]})]})},zt=t.forwardRef(({className:e,avatarSrc:t,avatarFallback:r=`AI`,...a},o)=>(0,i.jsxs)(`div`,{ref:o,className:(0,n.cn)(`flex gap-3`,e),...a,children:[(0,i.jsxs)(n.Avatar,{className:`h-8 w-8`,children:[(0,i.jsx)(n.AvatarImage,{src:t}),(0,i.jsx)(n.AvatarFallback,{className:`text-xs`,children:r})]}),(0,i.jsx)(`div`,{className:`flex items-center bg-muted rounded-lg px-4 py-2`,children:(0,i.jsxs)(`div`,{className:`flex gap-1`,children:[(0,i.jsx)(`span`,{className:`w-2 h-2 bg-muted-foreground rounded-full animate-bounce [animation-delay:-0.3s]`}),(0,i.jsx)(`span`,{className:`w-2 h-2 bg-muted-foreground rounded-full animate-bounce [animation-delay:-0.15s]`}),(0,i.jsx)(`span`,{className:`w-2 h-2 bg-muted-foreground rounded-full animate-bounce`})]})})]}));zt.displayName=`TypingIndicator`,Object.defineProperty(e,`AIElements`,{enumerable:!0,get:function(){return Lt}}),e.Chatbot=$,e.FloatingChatbot=Pt,e.FloatingChatbotPanel=te,e.FloatingChatbotProvider=N,e.FloatingChatbotTrigger=ee,e.TypingIndicator=zt,e.useAgents=j,e.useFloatingChatbot=P,e.useObjectChat=k});
|
|
@@ -4,25 +4,72 @@
|
|
|
4
4
|
*
|
|
5
5
|
* This source code is licensed under the MIT license found in the
|
|
6
6
|
* LICENSE file in the root directory of this source tree.
|
|
7
|
+
*
|
|
8
|
+
* ChatbotEnhanced — composed on top of vendored Vercel AI Elements
|
|
9
|
+
* (src/elements/, MIT). Public props remain backwards compatible with the
|
|
10
|
+
* previous custom implementation; internally we now get:
|
|
11
|
+
* - multi-line auto-growing prompt input (PromptInput)
|
|
12
|
+
* - smart reverse-stick scroll (Conversation + useStickToBottom)
|
|
13
|
+
* - message action toolbar surface (Message.actions slot)
|
|
14
|
+
* - tool-call visualisation (Tool* family)
|
|
15
|
+
* - reasoning / chain-of-thought collapsible (Reasoning*)
|
|
16
|
+
* - inline citations / sources panel (Sources*)
|
|
17
|
+
* - suggestion chips on empty state (Suggestion / Suggestions)
|
|
18
|
+
* - streaming markdown via streamdown (used by Message internals)
|
|
7
19
|
*/
|
|
8
|
-
import * as React from
|
|
20
|
+
import * as React from 'react';
|
|
9
21
|
export interface ChatMessage {
|
|
10
22
|
id: string;
|
|
11
|
-
role:
|
|
23
|
+
role: 'user' | 'assistant' | 'system';
|
|
12
24
|
content: string;
|
|
13
25
|
timestamp?: string;
|
|
14
26
|
avatar?: string;
|
|
15
27
|
avatarFallback?: string;
|
|
28
|
+
/** Streaming flag — surfaces a shimmer cursor on the assistant bubble. */
|
|
16
29
|
streaming?: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* Tool invocations attached to this message. Mirrors the AI SDK's
|
|
32
|
+
* `ToolUIPart` shape (see `vercel/ai` v3) so we can render them with the
|
|
33
|
+
* vendored `<Tool>` element without any extra mapping.
|
|
34
|
+
*/
|
|
35
|
+
toolInvocations?: ChatToolInvocation[];
|
|
36
|
+
/** Chain-of-thought / reasoning text emitted alongside the answer. */
|
|
37
|
+
reasoning?: string;
|
|
38
|
+
/** Optional citation / RAG sources for this assistant message. */
|
|
39
|
+
sources?: ChatSource[];
|
|
40
|
+
/** Optional backend trace id (e.g. `ai_traces.id`) for debugging. */
|
|
41
|
+
traceId?: string;
|
|
42
|
+
}
|
|
43
|
+
export interface ChatToolInvocation {
|
|
44
|
+
toolCallId: string;
|
|
45
|
+
toolName: string;
|
|
46
|
+
args?: unknown;
|
|
47
|
+
result?: unknown;
|
|
48
|
+
errorText?: string;
|
|
49
|
+
/**
|
|
50
|
+
* AI SDK v6 lifecycle states for a tool part. Defaults to
|
|
51
|
+
* `output-available` when only `result` is present and `input-available`
|
|
52
|
+
* when only `args` is present.
|
|
53
|
+
*/
|
|
54
|
+
state?: 'input-streaming' | 'input-available' | 'approval-requested' | 'approval-responded' | 'output-available' | 'output-error' | 'output-denied';
|
|
55
|
+
}
|
|
56
|
+
export interface ChatSource {
|
|
57
|
+
id?: string;
|
|
58
|
+
title?: string;
|
|
59
|
+
url: string;
|
|
17
60
|
}
|
|
18
61
|
export interface ChatbotEnhancedProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
19
62
|
messages?: ChatMessage[];
|
|
20
63
|
placeholder?: string;
|
|
64
|
+
/**
|
|
65
|
+
* Send handler. Signature kept backwards compatible — `files` is the list
|
|
66
|
+
* of attachments selected via the prompt-input action menu.
|
|
67
|
+
*/
|
|
21
68
|
onSendMessage?: (message: string, files?: File[]) => void;
|
|
22
69
|
onClear?: () => void;
|
|
23
|
-
/** Stop the current streaming response
|
|
70
|
+
/** Stop the current streaming response */
|
|
24
71
|
onStop?: () => void;
|
|
25
|
-
/** Reload / retry the last assistant message
|
|
72
|
+
/** Reload / retry the last assistant message */
|
|
26
73
|
onReload?: () => void;
|
|
27
74
|
disabled?: boolean;
|
|
28
75
|
/** Whether the assistant is currently generating a response */
|
|
@@ -35,11 +82,33 @@ export interface ChatbotEnhancedProps extends React.HTMLAttributes<HTMLDivElemen
|
|
|
35
82
|
assistantAvatarUrl?: string;
|
|
36
83
|
assistantAvatarFallback?: string;
|
|
37
84
|
maxHeight?: string;
|
|
85
|
+
/** Kept for back-compat — markdown is now always rendered by streamdown. */
|
|
38
86
|
enableMarkdown?: boolean;
|
|
87
|
+
/** Enable the attachment action menu. */
|
|
39
88
|
enableFileUpload?: boolean;
|
|
89
|
+
/** Comma-separated list (or accept string) forwarded to the file picker. */
|
|
40
90
|
acceptedFileTypes?: string;
|
|
91
|
+
/** Max file size in bytes (default 10 MB). */
|
|
41
92
|
maxFileSize?: number;
|
|
42
|
-
|
|
93
|
+
/**
|
|
94
|
+
* Optional suggestion chips rendered on the empty conversation state.
|
|
95
|
+
* Clicking a chip submits the message immediately.
|
|
96
|
+
*/
|
|
97
|
+
suggestions?: string[];
|
|
98
|
+
/**
|
|
99
|
+
* Available LLM models for the picker (sourced from
|
|
100
|
+
* `GET /api/v1/ai/models` exposed by `@objectstack/service-ai`).
|
|
101
|
+
*/
|
|
102
|
+
models?: ChatbotModelOption[];
|
|
103
|
+
/** Currently selected model id (controlled). */
|
|
104
|
+
selectedModelId?: string;
|
|
105
|
+
/** Fired when the user picks a different model. */
|
|
106
|
+
onModelChange?: (modelId: string) => void;
|
|
107
|
+
}
|
|
108
|
+
export interface ChatbotModelOption {
|
|
109
|
+
id: string;
|
|
110
|
+
label?: string;
|
|
111
|
+
provider?: string;
|
|
43
112
|
}
|
|
44
113
|
declare const ChatbotEnhanced: React.ForwardRefExoticComponent<ChatbotEnhancedProps & React.RefAttributes<HTMLDivElement>>;
|
|
45
114
|
export { ChatbotEnhanced };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatbotEnhanced.d.ts","sourceRoot":"","sources":["../../../../src/ChatbotEnhanced.tsx"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"ChatbotEnhanced.d.ts","sourceRoot":"","sources":["../../../../src/ChatbotEnhanced.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoD/B,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,eAAe,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACvC,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,qEAAqE;IACrE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EACF,iBAAiB,GACjB,iBAAiB,GACjB,oBAAoB,GACpB,oBAAoB,GACpB,kBAAkB,GAClB,cAAc,GACd,eAAe,CAAC;CACrB;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAC1D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kCAAkC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,yCAAyC;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB;;;OAGG;IACH,MAAM,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC9B,gDAAgD;IAChD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mDAAmD;IACnD,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAcD,QAAA,MAAM,eAAe,6FA6SpB,CAAC;AAIF,OAAO,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Button } from '@object-ui/components';
|
|
2
|
+
import { ComponentProps, HTMLAttributes } from 'react';
|
|
3
|
+
import { BundledLanguage } from 'shiki';
|
|
4
|
+
type CodeBlockProps = HTMLAttributes<HTMLDivElement> & {
|
|
5
|
+
code: string;
|
|
6
|
+
language: BundledLanguage;
|
|
7
|
+
showLineNumbers?: boolean;
|
|
8
|
+
};
|
|
9
|
+
export declare function highlightCode(code: string, language: BundledLanguage, showLineNumbers?: boolean): Promise<[string, string]>;
|
|
10
|
+
export declare const CodeBlock: ({ code, language, showLineNumbers, className, children, ...props }: CodeBlockProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export type CodeBlockCopyButtonProps = ComponentProps<typeof Button> & {
|
|
12
|
+
onCopy?: () => void;
|
|
13
|
+
onError?: (error: Error) => void;
|
|
14
|
+
timeout?: number;
|
|
15
|
+
};
|
|
16
|
+
export declare const CodeBlockCopyButton: ({ onCopy, onError, timeout, children, className, ...props }: CodeBlockCopyButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=code-block.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../../../../src/elements/code-block.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAG/C,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EAKpB,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,KAAK,eAAe,EAAqC,MAAM,OAAO,CAAC;AAEhF,KAAK,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACrD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,eAAe,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AA+BF,wBAAsB,aAAa,CACjC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,eAAe,EACzB,eAAe,UAAQ,6BAkBxB;AAED,eAAO,MAAM,SAAS,GAAI,oEAOvB,cAAc,4CAgDhB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACrE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,6DAOjC,wBAAwB,4CAiC1B,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Button } from '@object-ui/components';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { StickToBottom } from 'use-stick-to-bottom';
|
|
4
|
+
export type ConversationProps = ComponentProps<typeof StickToBottom>;
|
|
5
|
+
export declare const Conversation: ({ className, ...props }: ConversationProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export type ConversationContentProps = ComponentProps<typeof StickToBottom.Content>;
|
|
7
|
+
export declare const ConversationContent: ({ className, ...props }: ConversationContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export type ConversationEmptyStateProps = ComponentProps<"div"> & {
|
|
9
|
+
title?: string;
|
|
10
|
+
description?: string;
|
|
11
|
+
icon?: React.ReactNode;
|
|
12
|
+
};
|
|
13
|
+
export declare const ConversationEmptyState: ({ className, title, description, icon, children, ...props }: ConversationEmptyStateProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export type ConversationScrollButtonProps = ComponentProps<typeof Button>;
|
|
15
|
+
export declare const ConversationScrollButton: ({ className, ...props }: ConversationScrollButtonProps) => false | import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
//# sourceMappingURL=conversation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../../../../src/elements/conversation.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAG/C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,aAAa,EAA2B,MAAM,qBAAqB,CAAC;AAE7E,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AAErE,eAAO,MAAM,YAAY,GAAI,yBAAyB,iBAAiB,4CAQtE,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CACnD,OAAO,aAAa,CAAC,OAAO,CAC7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,yBAGjC,wBAAwB,4CAK1B,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,6DAOpC,2BAA2B,4CAoB7B,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAE1E,eAAO,MAAM,wBAAwB,GAAI,yBAGtC,6BAA6B,oDAwB/B,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ObjectUI
|
|
3
|
+
* Copyright (c) 2024-present ObjectStack Inc.
|
|
4
|
+
*
|
|
5
|
+
* Barrel re-exporting Vercel AI Elements primitives that are vendored under
|
|
6
|
+
* `src/elements/`. Wrappers (e.g. <ObjectUIChat>) should import from here so
|
|
7
|
+
* a future re-sync of the upstream registry only requires touching this
|
|
8
|
+
* folder.
|
|
9
|
+
*
|
|
10
|
+
* Upstream: https://elements.ai-sdk.dev (MIT)
|
|
11
|
+
*/
|
|
12
|
+
export * from './conversation';
|
|
13
|
+
export * from './message';
|
|
14
|
+
export * from './prompt-input';
|
|
15
|
+
export * from './reasoning';
|
|
16
|
+
export * from './tool';
|
|
17
|
+
export * from './sources';
|
|
18
|
+
export * from './suggestion';
|
|
19
|
+
export * from './code-block';
|
|
20
|
+
export * from './loader';
|
|
21
|
+
export * from './shimmer';
|
|
22
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
export type LoaderProps = HTMLAttributes<HTMLDivElement> & {
|
|
3
|
+
size?: number;
|
|
4
|
+
};
|
|
5
|
+
export declare const Loader: ({ className, size, ...props }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
//# sourceMappingURL=loader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../../../../src/elements/loader.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAgF5C,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACzD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,+BAAoC,WAAW,4CAUrE,CAAC"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { Button } from '@object-ui/components';
|
|
2
|
+
import { FileUIPart, UIMessage } from 'ai';
|
|
3
|
+
import { ComponentProps, HTMLAttributes } from 'react';
|
|
4
|
+
import { Streamdown } from 'streamdown';
|
|
5
|
+
export type MessageProps = HTMLAttributes<HTMLDivElement> & {
|
|
6
|
+
from: UIMessage["role"];
|
|
7
|
+
};
|
|
8
|
+
export declare const Message: ({ className, from, ...props }: MessageProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export type MessageContentProps = HTMLAttributes<HTMLDivElement>;
|
|
10
|
+
export declare const MessageContent: ({ children, className, ...props }: MessageContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export type MessageActionsProps = ComponentProps<"div">;
|
|
12
|
+
export declare const MessageActions: ({ className, children, ...props }: MessageActionsProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export type MessageActionProps = ComponentProps<typeof Button> & {
|
|
14
|
+
tooltip?: string;
|
|
15
|
+
label?: string;
|
|
16
|
+
};
|
|
17
|
+
export declare const MessageAction: ({ tooltip, children, label, variant, size, ...props }: MessageActionProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export type MessageBranchProps = HTMLAttributes<HTMLDivElement> & {
|
|
19
|
+
defaultBranch?: number;
|
|
20
|
+
onBranchChange?: (branchIndex: number) => void;
|
|
21
|
+
};
|
|
22
|
+
export declare const MessageBranch: ({ defaultBranch, onBranchChange, className, ...props }: MessageBranchProps) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export type MessageBranchContentProps = HTMLAttributes<HTMLDivElement>;
|
|
24
|
+
export declare const MessageBranchContent: ({ children, ...props }: MessageBranchContentProps) => import("react/jsx-runtime").JSX.Element[];
|
|
25
|
+
export type MessageBranchSelectorProps = HTMLAttributes<HTMLDivElement> & {
|
|
26
|
+
from: UIMessage["role"];
|
|
27
|
+
};
|
|
28
|
+
export declare const MessageBranchSelector: ({ className, from, ...props }: MessageBranchSelectorProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
29
|
+
export type MessageBranchPreviousProps = ComponentProps<typeof Button>;
|
|
30
|
+
export declare const MessageBranchPrevious: ({ children, ...props }: MessageBranchPreviousProps) => import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
export type MessageBranchNextProps = ComponentProps<typeof Button>;
|
|
32
|
+
export declare const MessageBranchNext: ({ children, className, ...props }: MessageBranchNextProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
export type MessageBranchPageProps = HTMLAttributes<HTMLSpanElement>;
|
|
34
|
+
export declare const MessageBranchPage: ({ className, ...props }: MessageBranchPageProps) => import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
export type MessageResponseProps = ComponentProps<typeof Streamdown>;
|
|
36
|
+
export declare const MessageResponse: import('react').MemoExoticComponent<({ className, ...props }: MessageResponseProps) => import("react/jsx-runtime").JSX.Element>;
|
|
37
|
+
export type MessageAttachmentProps = HTMLAttributes<HTMLDivElement> & {
|
|
38
|
+
data: FileUIPart;
|
|
39
|
+
className?: string;
|
|
40
|
+
onRemove?: () => void;
|
|
41
|
+
};
|
|
42
|
+
export declare function MessageAttachment({ data, className, onRemove, ...props }: MessageAttachmentProps): import("react/jsx-runtime").JSX.Element;
|
|
43
|
+
export type MessageAttachmentsProps = ComponentProps<"div">;
|
|
44
|
+
export declare function MessageAttachments({ children, className, ...props }: MessageAttachmentsProps): import("react/jsx-runtime").JSX.Element | null;
|
|
45
|
+
export type MessageToolbarProps = ComponentProps<"div">;
|
|
46
|
+
export declare const MessageToolbar: ({ className, children, ...props }: MessageToolbarProps) => import("react/jsx-runtime").JSX.Element;
|
|
47
|
+
//# sourceMappingURL=message.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../../../src/elements/message.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAY/C,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAOhD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAgB,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC1D,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,+BAA+B,YAAY,4CASlE,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEjE,eAAO,MAAM,cAAc,GAAI,mCAI5B,mBAAmB,4CAYrB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAExD,eAAO,MAAM,cAAc,GAAI,mCAI5B,mBAAmB,4CAIrB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,uDAO3B,kBAAkB,4CAsBpB,CAAC;AA2BF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAChE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,wDAK3B,kBAAkB,4CAsCpB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEvE,eAAO,MAAM,oBAAoB,GAAI,wBAGlC,yBAAyB,8CAuB3B,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACxE,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,+BAInC,0BAA0B,mDAe5B,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAEvE,eAAO,MAAM,qBAAqB,GAAI,wBAGnC,0BAA0B,4CAgB5B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAEnE,eAAO,MAAM,iBAAiB,GAAI,mCAI/B,sBAAsB,4CAgBxB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAErE,eAAO,MAAM,iBAAiB,GAAI,yBAG/B,sBAAsB,4CAcxB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAErE,eAAO,MAAM,eAAe,gEACA,oBAAoB,6CAU/C,CAAC;AAIF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACpE,IAAI,EAAE,UAAU,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAuExB;AAED,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE5D,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,kDAgBzB;AAED,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAExD,eAAO,MAAM,cAAc,GAAI,mCAI5B,mBAAmB,4CAUrB,CAAC"}
|