@miiflow/assistant-ui 0.5.1 → 0.5.2

package/dist/{WelcomeScreen-88hzx0rD.d.ts → WelcomeScreen-D32Tsu6G.d.ts}

@@ -1,8 +1,8 @@
 import * as react from 'react';
 import { HTMLAttributes, ReactNode } from 'react';
-import { A as Attachment, M as MessageData, P as ParticipantRole, d as SuggestedAction, S as SourceReference } from './message-BnGtSz1P.js';
-import { h as AvatarProps$1 } from './avatar-B6YLvJt3.js';
-import { S as StreamingChunk, V as VisualizationChunkData, M as MediaChunkData, C as ClarificationData } from './streaming-DrnCgnnh.js';
+import { A as Attachment, M as MessageData, P as ParticipantRole, e as SuggestedAction, S as SourceReference, a as MemoryFeedbackType } from './message-D3D59U_Q.js';
+import { h as AvatarProps$1 } from './avatar-CAmTN1L7.js';
+import { S as StreamingChunk, V as VisualizationChunkData, M as MediaChunkData, C as ClarificationData } from './streaming-Q8hp5ev4.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface AttachmentPreviewProps {
@@ -96,6 +96,10 @@ interface MessageProps {
     pendingClarification?: ClarificationData;
     /** Callback when user responds to a clarification */
     onClarificationSubmit?: (response: string) => void;
+    /** Callback when user gives feedback on a memory citation */
+    onMemoryFeedback?: (semanticAtomId: string, feedback: MemoryFeedbackType) => void;
+    /** Current feedback state for memory citations (atomId -> feedback) */
+    memoryFeedbackState?: Record<string, MemoryFeedbackType>;
 }
 /**
  * Styled Message component with grid layout matching the main app.
@@ -129,6 +133,10 @@ interface MessageComposerProps {
     isSubmitting?: boolean;
     /** Centered/welcome mode: bigger radius, more padding, nicer shadow (used inside WelcomeScreen) */
     centered?: boolean;
+    /** Whether assistant is currently streaming a response */
+    isStreaming?: boolean;
+    /** Callback to stop the current streaming response */
+    onStopStreaming?: () => void;
 }
 /**
  * MessageComposer with textarea, attachment support,

package/dist/{avatar-B6YLvJt3.d.ts → avatar-CAmTN1L7.d.ts}

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, TextareaHTMLAttributes, ButtonHTMLAttributes } from 'react';
-import { M as MessageData, P as ParticipantRole } from './message-BnGtSz1P.js';
+import { M as MessageData, P as ParticipantRole } from './message-D3D59U_Q.js';
 
 interface MessageContextValue {
     message: MessageData;

package/dist/chunk-VDFIXLNO.js

@@ -0,0 +1,20 @@
+import {l,m,c,d,r}from'./chunk-6RN7SUWT.js';import {a as a$2}from'./chunk-D2PFIJNZ.js';import {a as a$1}from'./chunk-4WWJTYYA.js';import {a}from'./chunk-OCKHJ4WO.js';import {forwardRef,useState,useContext,useMemo,useRef,useCallback,useEffect}from'react';import {X,Zap,ExternalLink,Search,Mail,Copy,Navigation,Send,Loader2,Paperclip,Square,ArrowUp,Image,FileText,File,User,Bot,Link,ArrowRight,Sparkle,AlertCircle,ThumbsUp,ThumbsDown,MessageCircle,MessageCircleQuestion,Check,Users,GitBranch,Terminal,Globe,Wrench,ListTodo,Download,CheckCircle2,XCircle,ChevronDown,ChevronRight,Eye,Save,Pencil,Clock,FileSearch,FolderSearch,ChevronUp,Video,FileIcon,CircleDashed,CircleCheck,CircleX,MoreVertical,Circle}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsxs,jsx,Fragment}from'react/jsx-runtime';import Vr from'react-markdown';import Fr from'remark-gfm';import {Prism}from'react-syntax-highlighter';import {oneLight,oneDark}from'react-syntax-highlighter/dist/esm/styles/prism';import {AnimatePresence,motion}from'framer-motion';import {ResponsiveContainer,ScatterChart,CartesianGrid,XAxis,YAxis,Tooltip,Legend,Scatter,PieChart,Pie,Cell,AreaChart,Area,BarChart,Bar,LineChart,Line}from'recharts';import {z}from'zod';function i(...e){return twMerge(clsx(e))}function Nr(e){return e.startsWith("image/")?Image:e==="application/pdf"||e.startsWith("text/")?FileText:File}function Cr(e){return e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/1024/1024).toFixed(1)} MB`}var za=forwardRef(({attachment:e,onRemove:a,removable:r=true,className:t},n)=>{let o=Nr(e.mimeType),s=e.mimeType.startsWith("image/");return jsxs("div",{ref:n,className:i("relative group","flex items-center gap-2","p-2 rounded-lg","border border-chat-border","bg-chat-panel-bg",t),children:[jsx("div",{className:i("w-10 h-10 rounded","flex items-center justify-center","bg-gray-100 dark:bg-gray-800","overflow-hidden flex-shrink-0"),children:s&&e.previewUrl?jsx("img",{src:e.previewUrl,alt:e.filename,className:"w-full h-full object-cover"}):jsx(o,{className:"w-5 h-5 text-chat-subtle"})}),jsxs("div",{className:"flex-1 min-w-0",children:[jsx("p",{className:"text-sm font-medium truncate text-chat-text",children:e.filename}),jsx("p",{className:"text-xs text-chat-subtle",children:Cr(e.size)})]}),r&&a&&jsx("button",{type:"button",onClick:a,className:i("absolute -top-1.5 -right-1.5","w-5 h-5 rounded-full","flex items-center justify-center","bg-gray-500 text-white","opacity-0 group-hover:opacity-100","hover:bg-gray-600","transition-opacity duration-200"),"aria-label":`Remove ${e.filename}`,children:jsx(X,{className:"w-3 h-3"})})]})});za.displayName="AttachmentPreview";var Pr={sm:"w-6 h-6 text-xs",md:"w-8 h-8 text-sm",lg:"w-10 h-10 text-base"},Tr={sm:14,md:16,lg:20};function Dr(e,a){let r=Tr[a];switch(e){case "assistant":return jsx(Bot,{size:r});case "user":return jsx(User,{size:r});default:return jsx(User,{size:r})}}var Te=forwardRef(({name:e,src:a,alt:r,role:t,size:n="md",className:o,...s},l$1)=>jsx(l,{ref:l$1,name:e,src:a,alt:r,role:t,className:i("rounded-full overflow-hidden flex-shrink-0","flex items-center justify-center","font-medium",t==="assistant"?"bg-primary/10 text-primary":"bg-gray-200 dark:bg-gray-700 text-gray-600 dark:text-gray-300",Pr[n],o),fallback:Dr(t,n),...s}));Te.displayName="Avatar";var Ta=forwardRef(({children:e,className:a,...r},t)=>jsx("div",{ref:t,className:i("flex flex-col h-full","bg-white dark:bg-gray-900","font-sans text-chat-text",a),...r,children:e}));Ta.displayName="ChatContainer";var Rr={small:"w-1.5 h-1.5",medium:"w-2 h-2",large:"w-2.5 h-2.5"},Ar={small:"gap-1",medium:"gap-1.5",large:"gap-2"};function Ye({size:e="medium",className:a}){let r=Rr[e];return jsxs("div",{className:i("flex items-center",Ar[e],a),children:[jsx("div",{className:i(r,"rounded-full bg-[var(--chat-text-subtle)]","animate-loading-dot animate-loading-dot-1")}),jsx("div",{className:i(r,"rounded-full bg-[var(--chat-text-subtle)]","animate-loading-dot animate-loading-dot-2")}),jsx("div",{className:i(r,"rounded-full bg-[var(--chat-text-subtle)]","animate-loading-dot animate-loading-dot-3")})]})}var Hr={js:"javascript",ts:"typescript",jsx:"jsx",tsx:"tsx",py:"python",rb:"ruby",rs:"rust",go:"go",java:"java",cpp:"cpp",c:"c",cs:"csharp",swift:"swift",kt:"kotlin",php:"php",sql:"sql",sh:"bash",bash:"bash",zsh:"bash",shell:"bash",html:"html",css:"css",scss:"scss",json:"json",yaml:"yaml",yml:"yaml",xml:"xml",md:"markdown",graphql:"graphql",dockerfile:"docker",toml:"toml"};function Ur(e){return Hr[e.toLowerCase()]||e.toLowerCase()}function Ot(e){return e.toLowerCase().replace(/[^\w\s-]/g,"").replace(/\s+/g,"-").replace(/-+/g,"-").trim()}function Kr({text:e}){let[a,r]=useState(false),t=useCallback(async()=>{try{await navigator.clipboard.writeText(e),r(!0),setTimeout(()=>r(!1),2e3);}catch{}},[e]);return jsxs("button",{onClick:t,className:"flex items-center gap-1 px-2 py-1 text-xs rounded hover:bg-white/10 transition-colors text-gray-400 hover:text-gray-200","aria-label":a?"Copied":"Copy code",children:[a?jsx(Check,{size:14}):jsx(Copy,{size:14}),a?"Copied":"Copy"]})}function de({children:e,className:a,baselineFontSize:r=1,darkCodeTheme:t}){let n=t??(typeof window<"u"&&window.matchMedia?.("(prefers-color-scheme: dark)").matches),o=r!==1?{fontSize:`${r}rem`}:void 0;return jsx(Vr,{className:i("chat-prose",a),remarkPlugins:[Fr],components:{h1:({children:s})=>{let l=String(s),c=Ot(l);return jsxs("h1",{id:c,className:"group text-xl font-semibold mt-4 mb-2 first:mt-0",style:o,children:[s,jsx("a",{href:`#${c}`,className:"ml-2 opacity-0 group-hover:opacity-50 transition-opacity","aria-label":"Link to heading",children:jsx(Link,{size:16,className:"inline"})})]})},h2:({children:s})=>{let l=String(s),c=Ot(l);return jsxs("h2",{id:c,className:"group text-lg font-semibold mt-3 mb-2 first:mt-0",style:o,children:[s,jsx("a",{href:`#${c}`,className:"ml-2 opacity-0 group-hover:opacity-50 transition-opacity","aria-label":"Link to heading",children:jsx(Link,{size:14,className:"inline"})})]})},h3:({children:s})=>{let l=String(s),c=Ot(l);return jsxs("h3",{id:c,className:"group text-base font-medium mt-2 mb-1 first:mt-0",style:o,children:[s,jsx("a",{href:`#${c}`,className:"ml-2 opacity-0 group-hover:opacity-50 transition-opacity","aria-label":"Link to heading",children:jsx(Link,{size:12,className:"inline"})})]})},h4:({children:s})=>jsx("h4",{className:"text-base font-medium mt-2 mb-1 first:mt-0",style:o,children:s}),p:({children:s})=>jsx("p",{className:"mb-2 last:mb-0 leading-relaxed",style:o,children:s}),a:({href:s,children:l})=>s&&/\.(png|jpe?g|gif|webp|svg)(\?.*)?$/i.test(s)?jsx("img",{src:s,alt:typeof l=="string"?l:"",className:"max-w-full h-auto rounded-lg my-2",loading:"lazy"}):jsx("a",{href:s,target:"_blank",rel:"noopener noreferrer",className:"text-primary underline hover:opacity-80 transition-opacity",style:o,children:l}),ul:({children:s})=>jsx("ul",{className:"list-disc pl-4 mb-2 space-y-1",children:s}),ol:({children:s})=>jsx("ol",{className:"list-decimal pl-4 mb-2 space-y-1",children:s}),li:({children:s})=>jsx("li",{className:"leading-relaxed",style:o,children:s}),blockquote:({children:s})=>jsx("blockquote",{className:"border-l-2 border-gray-300 dark:border-gray-600 pl-3 my-2 italic text-chat-subtle",style:o,children:s}),code:({className:s,children:l})=>{let c=/language-(\w+)/.exec(s||""),d=String(l).replace(/\n$/,"");if(!c&&!d.includes(`
+`))return jsx("code",{className:"bg-gray-100 dark:bg-gray-800 px-1.5 py-0.5 rounded text-sm font-mono",style:o,children:l});let h=c?Ur(c[1]):"text";return jsxs("div",{className:"relative group my-2 rounded-lg overflow-hidden border border-gray-200 dark:border-gray-700",children:[jsxs("div",{className:"flex items-center justify-between px-3 py-1.5 bg-gray-800 dark:bg-gray-900 border-b border-gray-700",children:[jsx("span",{className:"text-xs font-mono text-gray-400",children:h}),jsx(Kr,{text:d})]}),jsx(Prism,{language:h,style:n===false?oneLight:oneDark,customStyle:{margin:0,borderRadius:0,fontSize:"0.8125rem",lineHeight:"1.6"},codeTagProps:{style:{fontFamily:"'Fira Code', 'JetBrains Mono', monospace"}},children:d})]})},pre:({children:s})=>jsx(Fragment,{children:s}),table:({children:s})=>jsx("div",{className:"overflow-x-auto my-2 rounded-lg border border-gray-200 dark:border-gray-700",children:jsx("table",{className:"min-w-full",children:s})}),thead:({children:s})=>jsx("thead",{className:"bg-gray-50 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700",children:s}),th:({children:s})=>jsx("th",{className:"px-3 py-2 text-left text-sm font-medium text-gray-700 dark:text-gray-300",style:o,children:s}),td:({children:s})=>jsx("td",{className:"px-3 py-2 text-sm text-gray-600 dark:text-gray-400 border-t border-gray-100 dark:border-gray-700",style:o,children:s}),hr:()=>jsx("hr",{className:"my-4 border-gray-200 dark:border-gray-700"}),strong:({children:s})=>jsx("strong",{className:"font-semibold",children:s}),em:({children:s})=>jsx("em",{className:"italic",children:s}),img:({src:s,alt:l})=>jsx("img",{src:s,alt:l??"",className:"max-w-full h-auto rounded-lg my-2",loading:"lazy"})},children:e})}function st(e){return e.source_type==="memory"}function Aa(e){switch(e){case "knowledge_base":return {label:"Knowledge Base",color:"#4caf50"};case "api":return {label:"API",color:"#2196f3"};case "system_tool":return {label:"Tool",color:"#ff9800"};case "mcp_tool":return {label:"MCP",color:"#9c27b0"};case "workflow":return {label:"Workflow",color:"#00bcd4"};case "memory":return {label:"Memory",color:"#e91e63"};default:return {label:"Source",color:"#757575"}}}function jt({sources:e,className:a,onMemoryFeedback:r,memoryFeedbackState:t}){let[n,o]=useState(null),[s,l]=useState({}),[c,d]=useState(false),g={...s,...t};if(!e||e.length===0)return null;let h=(y,w)=>{let P=y.metadata?.semantic_atom_id;if(!P)return;if(g[P]===w){l($=>{let z={...$};return delete z[P],z});return}l($=>({...$,[P]:w})),r?.(P,w);},k=8,x=c?e:e.slice(0,k),u=e.length-k;return jsxs(Fragment,{children:[jsxs("div",{className:i("flex flex-wrap gap-1.5 mt-2",a),children:[x.map(y=>{let w=Aa(y.source_type),P=st(y),M=y.metadata?.semantic_atom_id,$=M?g[M]:void 0;return jsxs("span",{className:"inline-flex items-center gap-0.5",children:[jsxs("button",{onClick:()=>o(y),className:"inline-flex items-center h-6 px-2 text-[0.75rem] font-medium rounded-full border cursor-pointer transition-colors max-w-[280px] truncate",style:{backgroundColor:w.color+"1a",color:w.color,borderColor:w.color+"40"},children:["[",y.index,"] ",y.title]}),P&&M&&r&&jsxs(Fragment,{children:[jsx("button",{onClick:z=>{z.stopPropagation(),h(y,"relevant");},className:i("inline-flex items-center justify-center w-5 h-5 rounded-full transition-colors",$==="relevant"?"bg-green-100 text-green-600 dark:bg-green-900/40 dark:text-green-400":"text-gray-400 hover:text-green-500 hover:bg-green-50 dark:hover:bg-green-900/20"),title:"Relevant memory",children:jsx(ThumbsUp,{size:11})}),jsx("button",{onClick:z=>{z.stopPropagation(),h(y,"not_relevant");},className:i("inline-flex items-center justify-center w-5 h-5 rounded-full transition-colors",$==="not_relevant"?"bg-red-100 text-red-600 dark:bg-red-900/40 dark:text-red-400":"text-gray-400 hover:text-red-500 hover:bg-red-50 dark:hover:bg-red-900/20"),title:"Not relevant memory",children:jsx(ThumbsDown,{size:11})})]})]},y.index)}),!c&&u>0&&jsxs("button",{onClick:()=>d(true),className:"inline-flex items-center h-6 px-2 text-[0.75rem] font-medium rounded-full border cursor-pointer transition-colors text-gray-500 border-gray-300 hover:bg-gray-50 dark:border-gray-600 dark:hover:bg-gray-800",children:["+",u," more"]})]}),jsx(_a,{source:n,onClose:()=>o(null),onMemoryFeedback:r,feedbackState:g,onFeedbackChange:h})]})}function _a({source:e,onClose:a,onMemoryFeedback:r,feedbackState:t={},onFeedbackChange:n}){if(useEffect(()=>{if(!e)return;let d=g=>{g.key==="Escape"&&a();};return document.addEventListener("keydown",d),()=>document.removeEventListener("keydown",d)},[e,a]),!e)return null;let o=Aa(e.source_type),s=st(e),l=e.metadata?.semantic_atom_id,c=l?t[l]:void 0;return jsx(AnimatePresence,{children:e&&jsxs("div",{className:"fixed inset-0 z-50 flex items-center justify-center p-4",children:[jsx(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},className:"absolute inset-0 bg-black/50",onClick:a}),jsxs(motion.div,{initial:{opacity:0,scale:.95,y:10},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.95,y:10},transition:{duration:.15},className:"relative bg-white dark:bg-gray-900 rounded-xl shadow-xl border border-gray-200 dark:border-gray-700 w-full max-w-2xl max-h-[80vh] flex flex-col overflow-hidden",children:[jsxs("div",{className:"flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700",children:[jsxs("div",{className:"flex items-center gap-2 min-w-0 flex-1",children:[jsx("h3",{className:"text-lg font-semibold truncate",children:e.title}),jsx("span",{className:"text-[0.7rem] px-1.5 py-0.5 rounded font-medium shrink-0",style:{backgroundColor:o.color+"1a",color:o.color},children:o.label})]}),jsx("button",{onClick:a,className:"p-1 rounded hover:bg-gray-100 dark:hover:bg-gray-800 ml-2",children:jsx(X,{size:16})})]}),jsxs("div",{className:"flex-1 overflow-y-auto p-4",children:[jsxs("div",{className:"flex flex-wrap gap-1.5 mb-4",children:[jsx("span",{className:"text-[0.7rem] px-1.5 py-0.5 rounded border border-gray-200 dark:border-gray-700",children:e.tool_name.replace(/_/g," ")}),e.query&&jsxs("span",{className:"text-[0.7rem] px-1.5 py-0.5 rounded border border-gray-200 dark:border-gray-700 max-w-[200px] truncate",title:e.query,children:["Query: ",e.query.slice(0,40),e.query.length>40?"...":""]})]}),e.url&&jsx("div",{className:"mb-4",children:jsxs("a",{href:e.url,target:"_blank",rel:"noopener noreferrer",className:"text-sm text-blue-500 hover:underline inline-flex items-center gap-1",children:[e.url.length>80?`${e.url.slice(0,80)}...`:e.url,jsx(ExternalLink,{size:12})]})}),e.description&&jsx("p",{className:"text-sm text-gray-500 mb-4",children:e.description}),e.full_content?jsx("div",{className:"whitespace-pre-wrap font-mono text-sm leading-relaxed p-4 rounded-lg bg-gray-50 dark:bg-gray-800/50 border border-gray-200 dark:border-gray-700 max-h-[400px] overflow-auto",children:e.full_content}):e.snippet?jsx("div",{className:"whitespace-pre-wrap font-mono text-sm leading-relaxed p-4 rounded-lg bg-gray-50 dark:bg-gray-800/50 border border-gray-200 dark:border-gray-700",children:e.snippet}):jsx("p",{className:"text-sm text-gray-400 italic",children:"No content available for this source."}),s&&l&&r&&n&&jsxs("div",{className:"mt-4 flex items-center gap-3",children:[jsx("span",{className:"text-sm text-gray-500",children:"Was this memory helpful?"}),jsxs("button",{onClick:()=>n(e,"relevant"),className:i("inline-flex items-center gap-1.5 px-3 py-1.5 text-sm rounded-lg border transition-colors",c==="relevant"?"bg-green-50 text-green-700 border-green-300 dark:bg-green-900/30 dark:text-green-400 dark:border-green-700":"text-gray-500 border-gray-200 hover:bg-green-50 hover:text-green-600 dark:border-gray-700 dark:hover:bg-green-900/20"),children:[jsx(ThumbsUp,{size:14}),"Relevant"]}),jsxs("button",{onClick:()=>n(e,"not_relevant"),className:i("inline-flex items-center gap-1.5 px-3 py-1.5 text-sm rounded-lg border transition-colors",c==="not_relevant"?"bg-red-50 text-red-700 border-red-300 dark:bg-red-900/30 dark:text-red-400 dark:border-red-700":"text-gray-500 border-gray-200 hover:bg-red-50 hover:text-red-600 dark:border-gray-700 dark:hover:bg-red-900/20"),children:[jsx(ThumbsDown,{size:14}),"Not relevant"]})]})]}),jsx("div",{className:"flex justify-end p-3 border-t border-gray-200 dark:border-gray-700",children:jsx("button",{onClick:a,className:"px-3 py-1.5 text-sm rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors",children:"Close"})})]})]})})}function Jr({index:e,source:a}){return jsx("span",{className:i("inline-flex items-center justify-center min-w-[16px] h-4 rounded-full","bg-blue-500 text-white text-[0.6rem] font-semibold","px-0.5 mx-0.5 align-super",a?.url?"cursor-pointer hover:opacity-85":"cursor-default"),title:a?`${a.title}${a.description?": "+a.description:""}`:void 0,onClick:r=>{a?.url&&(r.stopPropagation(),window.open(a.url,"_blank","noopener,noreferrer"));},children:e})}function Ht({clarification:e,onSubmit:a,onOptionSelect:r,disabled:t=false,loading:n=false,className:o}){let[s,l]=useState(""),c=useCallback(x=>{x.trim()&&(l(""),a(x.trim()));},[a]),d=x=>{let u=x.target.value;r?.(u),c(u);},g=x=>{x.key==="Enter"&&!x.shiftKey&&s.trim()&&(x.preventDefault(),c(s));},h=e.options&&e.options.length>0,k=e.allowFreeText!==false;return jsxs("div",{className:i("mx-4 mb-3 px-4 py-3","bg-orange-50/60 dark:bg-orange-950/20","border-l-[3px] border-orange-400","rounded-r-lg",o),children:[jsxs("div",{className:i("flex items-start gap-2",(h||k)&&"mb-2"),children:[jsx("span",{className:"text-orange-600 mt-0.5",children:jsx(MessageCircle,{size:14})}),jsx("p",{className:"text-sm font-medium",children:e.question})]}),h&&jsx("div",{className:i("ml-5 space-y-1",k&&"mb-2"),children:e.options.map((x,u)=>jsxs("label",{className:"flex items-center gap-2 py-0.5 cursor-pointer text-sm hover:bg-orange-100/50 dark:hover:bg-orange-900/20 rounded px-1 -mx-1",children:[jsx("input",{type:"radio",name:"clarification-option",value:x,onChange:d,disabled:t||n,className:"accent-orange-500 w-3.5 h-3.5"}),x]},u))}),k&&jsxs("div",{className:"flex items-center ml-5 bg-white dark:bg-gray-900 rounded border border-orange-200 dark:border-orange-800 px-3 py-1",children:[jsx("input",{type:"text",value:s,onChange:x=>l(x.target.value),onKeyDown:g,placeholder:h?"Or type your response...":"Type your response...",disabled:t||n,className:"flex-1 text-sm bg-transparent outline-none placeholder:text-gray-400 disabled:opacity-50"}),jsx("button",{onClick:()=>c(s),disabled:!s.trim()||t||n,className:i("p-1 rounded transition-colors",s.trim()?"text-orange-600 hover:text-orange-700":"text-gray-300"),children:jsx(Send,{size:16})})]})]})}function Ut({textContent:e,onRegenerate:a,onEdit:r,className:t}){let[n,o]=useState(false),s=useCallback(async()=>{try{await navigator.clipboard.writeText(e),o(!0),setTimeout(()=>o(!1),2e3);}catch{let l=document.createElement("textarea");l.value=e,l.style.position="fixed",l.style.opacity="0",document.body.appendChild(l),l.select(),document.execCommand("copy"),document.body.removeChild(l),o(true),setTimeout(()=>o(false),2e3);}},[e]);return jsxs("div",{className:i("flex items-center gap-1","opacity-0 group-hover:opacity-100 transition-opacity duration-150",t),children:[jsx("button",{type:"button",onClick:s,"aria-label":n?"Copied":"Copy message",className:i("flex items-center justify-center","w-7 h-7 rounded-md","text-[var(--chat-text-subtle)] hover:text-[var(--chat-text)]","hover:bg-[var(--chat-panel-bg)]","transition-colors duration-150"),children:n?jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsx("polyline",{points:"20 6 9 17 4 12"})}):jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2"}),jsx("path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"})]})}),a&&jsx("button",{type:"button",onClick:a,"aria-label":"Regenerate response",className:i("flex items-center justify-center","w-7 h-7 rounded-md","text-[var(--chat-text-subtle)] hover:text-[var(--chat-text)]","hover:bg-[var(--chat-panel-bg)]","transition-colors duration-150"),children:jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"}),jsx("path",{d:"M21 3v5h-5"}),jsx("path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"}),jsx("path",{d:"M8 16H3v5"})]})}),r&&jsx("button",{type:"button",onClick:r,"aria-label":"Edit message",className:i("flex items-center justify-center","w-7 h-7 rounded-md","text-[var(--chat-text-subtle)] hover:text-[var(--chat-text)]","hover:bg-[var(--chat-panel-bg)]","transition-colors duration-150"),children:jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("path",{d:"M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"}),jsx("path",{d:"m15 5 4 4"})]})})]})}function qt({attachments:e,onDownload:a,onPreview:r,className:t}){let[n,o]=useState(null);if(!e||e.length===0)return null;let s=c=>{if(a){a(c);return}if(c.url){let d=document.createElement("a");d.href=c.url,d.download=c.filename,d.target="_blank",document.body.appendChild(d),d.click(),document.body.removeChild(d);}},l=c=>{if(r){r(c);return}c.isImage&&c.url&&o(c.url);};return jsxs("div",{className:i("flex flex-wrap gap-1.5",t),children:[e.map(c=>jsx(un,{attachment:c,onDownload:()=>s(c),onPreview:()=>l(c)},c.id)),n&&jsxs("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/80",onClick:()=>o(null),children:[jsx("button",{className:"absolute top-4 right-4 p-2 text-white hover:bg-white/20 rounded-full transition-colors",onClick:()=>o(null),"aria-label":"Close",children:jsx(X,{size:24})}),jsx("img",{src:n,alt:"Preview",className:"max-w-[90vw] max-h-[90vh] object-contain",onClick:c=>c.stopPropagation()})]})]})}function un({attachment:e,onDownload:a,onPreview:r}){let t=e.humanReadableSize||fn(e.size);return jsxs("div",{className:i("inline-flex items-center gap-2 px-2.5 py-1.5 rounded-lg max-w-full","border border-[var(--chat-border)] bg-[var(--chat-panel-bg)]",e.isImage&&e.url&&"cursor-pointer hover:bg-[var(--chat-border)]/30"),onClick:e.isImage&&e.url?r:void 0,children:[jsx(gn,{mimeType:e.mimeType,size:14}),jsx("span",{className:"text-xs text-[var(--chat-text)] truncate min-w-0",children:e.filename}),t&&t!=="0 Bytes"&&jsx("span",{className:"text-[10px] text-[var(--chat-text-subtle)] flex-shrink-0",children:t}),e.url&&jsx("button",{onClick:n=>{n.stopPropagation(),a();},className:"p-0.5 hover:bg-[var(--chat-border)] rounded transition-colors flex-shrink-0","aria-label":"Download",children:jsx(Download,{size:12,className:"text-[var(--chat-text-subtle)]"})})]})}function gn({mimeType:e,size:a=14}){return e.startsWith("image/")?jsx(Image,{size:a,className:"text-[var(--chat-primary)] flex-shrink-0"}):e.startsWith("video/")?jsx(Video,{size:a,className:"text-[var(--chat-primary)] flex-shrink-0"}):e==="application/pdf"?jsx(FileText,{size:a,className:"text-red-500 flex-shrink-0"}):jsx(FileIcon,{size:a,className:"text-gray-500 flex-shrink-0"})}function fn(e){if(e===0)return "0 Bytes";let a=1024,r=["Bytes","KB","MB","GB"],t=Math.floor(Math.log(e)/Math.log(a));return parseFloat((e/Math.pow(a,t)).toFixed(2))+" "+r[t]}var Ia="miiflow-beamer-keyframes";function $e(e){if(typeof document>"u")return;let a=e?.getRootNode?.(),r=a instanceof ShadowRoot?a:document.head;if(r.querySelector(`#${Ia}`))return;let t=document.createElement("style");t.id=Ia,t.textContent="@keyframes beamer{0%{left:-30%}100%{left:100%}}",r.appendChild(t);}var Oe={position:"absolute",top:0,left:"-30%",width:"30%",height:"100%",background:"linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.7) 50%, transparent 100%)",animation:"beamer 2s linear infinite",zIndex:1,pointerEvents:"none"};function ct({status:e,size:a=16,className:r}){let t=Math.max(a-4,10);return jsxs("div",{className:i("relative flex-shrink-0 flex items-center justify-center",r),style:{width:a,height:a},children:[e==="pending"&&jsx(CircleDashed,{size:a,strokeWidth:2,className:"text-[var(--chat-text-subtle)] opacity-40"}),e==="running"&&jsxs("div",{className:"relative flex items-center justify-center",style:{width:a,height:a},children:[jsx("div",{className:"absolute inset-0 rounded-full bg-indigo-500/20 animate-ping",style:{animationDuration:"1.5s"}}),jsx("div",{className:"relative rounded-full bg-gradient-to-br from-indigo-500 to-purple-500 p-[2px] animate-pulse-glow",children:jsx("div",{className:"rounded-full bg-white dark:bg-gray-900 flex items-center justify-center",style:{width:t,height:t},children:jsx(Loader2,{size:t-2,strokeWidth:2.5,className:"text-indigo-500 animate-spin"})})})]}),e==="completed"&&jsx("div",{className:"animate-complete-pop",children:jsx("div",{className:"rounded-full animate-success-flash",children:jsx(CircleCheck,{size:a,strokeWidth:2,className:"text-green-500"})})}),e==="failed"&&jsx(CircleX,{size:a,strokeWidth:2,className:"text-red-500"})]})}function We({items:e,badgeSize:a=20,className:r}){let t=useRef(null);return useEffect(()=>{$e(t.current);},[]),e.length===0?null:jsx("div",{ref:t,className:i("max-w-full",r),children:jsx("div",{className:"flex flex-col",children:e.map((n,o)=>{let s=o===e.length-1,c=(s?null:e[o+1])?.status==="pending",d=n.status==="running"&&!s;return jsxs("div",{className:"animate-fade-in",style:{display:"grid",gridTemplateColumns:`${a}px 1fr`,gap:"0.5rem",paddingBottom:s?0:"0.5rem",position:"relative"},children:[jsxs("div",{className:"relative flex flex-col items-center flex-shrink-0",style:{paddingTop:"4px"},children:[jsx(ct,{status:n.status,size:a}),!s&&(d?jsx("div",{className:"absolute left-1/2 -translate-x-1/2 w-[2px] animate-flow-down",style:{top:a+6,height:`calc(100% - ${a}px + 4px)`,background:`repeating-linear-gradient(
+                          180deg,
+                          rgb(99, 102, 241) 0px,
+                          rgb(99, 102, 241) 4px,
+                          transparent 4px,
+                          transparent 8px
+                        )`,zIndex:1}}):jsx("div",{className:"absolute left-1/2 -translate-x-1/2",style:{top:a+6,height:`calc(100% - ${a}px + 4px)`,width:0,borderLeft:"2px",borderStyle:c?"dashed":"solid",borderColor:"var(--chat-border)",zIndex:1}}))]}),jsxs("div",{style:{minWidth:0,flex:1,display:"flex",alignItems:"center",position:"relative",overflow:"hidden",borderRadius:4,...n.status==="running"&&{backgroundColor:"rgba(0, 0, 0, 0.02)",padding:"2px 4px"}},children:[n.status==="running"&&jsx("div",{style:Oe}),n.content]})]},n.id)})})})}function vn({status:e,isLast:a=false,badgeSize:r=16,children:t,className:n}){let o=useRef(null);useEffect(()=>{$e(o.current);},[]);let s=e==="running"&&!a;return jsxs("div",{ref:o,className:i("relative flex items-start gap-3 animate-fade-in",!a&&"pb-3",n),children:[jsxs("div",{className:"relative flex-shrink-0 pt-0.5",children:[jsx(ct,{status:e,size:r}),!a&&(s?jsx("div",{className:"absolute w-[2px] animate-flow-down",style:{left:r/2-1,top:r+4,height:"calc(100% + 12px)",background:`repeating-linear-gradient(
+                  180deg,
+                  rgb(99, 102, 241) 0px,
+                  rgb(99, 102, 241) 4px,
+                  transparent 4px,
+                  transparent 8px
+                )`,zIndex:1}}):jsx("div",{className:"absolute bg-[var(--chat-border)] opacity-30",style:{left:r/2-.5,top:r+4,height:"calc(100% + 12px)",width:1,zIndex:1}}))]}),jsxs("div",{style:{minWidth:0,flex:1,position:"relative",overflow:"hidden",borderRadius:4,...e==="running"&&{backgroundColor:"rgba(0, 0, 0, 0.02)",padding:"2px 4px"}},children:[e==="running"&&jsx("div",{style:Oe}),t]})]})}function Xt({event:e,className:a,isRunning:r}){let t=useRef(null);if(useEffect(()=>{$e(t.current);},[]),e.type==="thinking")return jsx("div",{ref:t,className:i("p-1 rounded transition-colors","bg-black/[0.01] hover:bg-black/[0.02]",a),children:jsx("div",{className:"text-[var(--chat-text-subtle)] leading-relaxed",children:jsx(de,{className:"text-[14px]",children:e.content})})});if(e.type==="planning")return jsx("div",{ref:t,className:i("p-1 rounded transition-colors","bg-black/[0.01] hover:bg-black/[0.02]",a),children:jsx("div",{className:"text-[var(--chat-text-subtle)] leading-relaxed",children:jsx(de,{className:"text-[14px]",children:e.content})})});if(e.type==="tool")return jsxs("div",{ref:t,className:i("inline-flex items-center gap-1.5",a),style:{position:"relative",overflow:"hidden",borderRadius:4,...r&&{backgroundColor:"rgba(0, 0, 0, 0.02)",padding:"2px 4px"}},children:[r&&jsx("div",{style:Oe}),jsx(Wrench,{size:14,className:"text-black/50 relative z-10 shrink-0"}),jsx("span",{className:"text-[14px] text-black/65 relative z-10",children:e.toolDescription||e.toolName})]});if(e.type==="observation"){let n=e.success!==false;return jsxs("div",{ref:t,className:i("px-3 py-1.5 rounded max-w-full overflow-auto",n?"bg-green-50 border-l-[3px] border-green-400":"bg-yellow-50 border-l-[3px] border-yellow-400",a),children:[jsxs("span",{className:i("text-xs font-semibold uppercase tracking-wide block mb-1",n?"text-green-700":"text-yellow-700"),children:[e.toolName," Result"]}),jsx("div",{className:i(n?"text-green-900":"text-yellow-900"),children:jsx(de,{className:"text-[14px]",children:e.content})})]})}return null}var Cn=["create_plan","unknown"];function $a(e){return e?Cn.includes(e.toLowerCase().trim()):false}function dt(e,a){if(e.toolName&&$a(e.toolName))return null;if(e.type==="thinking")return !e.content||e.content.trim().length===0?null:{id:`thinking-${a}`,type:"thinking",status:"completed",content:e.content};if(e.type==="planning"){if(!e.content||e.content.trim().length===0)return null;let r=e.planData!==void 0||e.content.includes("\u2713 Created plan");return {id:`planning-${a}`,type:"planning",status:r?"completed":"running",content:e.content,isComplete:r}}if(e.type==="tool"){let r=e.status==="executing"?"running":e.status==="completed"?"completed":"pending";return {id:`tool-${a}`,type:"tool",status:r,toolName:e.toolName||"Unknown Tool",toolDescription:e.toolDescription}}return null}function Sn(e){let a=[];return e.forEach((r,t)=>{if(r.type==="thought"){let n=r.thought;if(!n||n.trim().length===0)return;a.push({id:`thought-${t}`,type:"thinking",status:"completed",content:n});}else if(r.type==="tool"){let n=r.tool||"Unknown Tool";if($a(n))return;a.push({id:`tool-${t}`,type:"tool",status:"completed",toolName:n,toolDescription:r.tool_description});}}),a}function Ee({events:e,className:a}){if(e.length===0)return null;let r=e.map(t=>({id:t.id,status:t.status,content:jsx(Xt,{event:t,isRunning:t.status==="running"})}));return jsx(We,{items:r,badgeSize:20,className:a})}function Dn(e){let a=[];return e.forEach((r,t)=>{if(r.type==="thinking"){if(!r.content||r.content.trim().length===0)return;a.push({id:`thinking-${t}`,type:"thinking",status:"completed",content:r.content});}else if(r.type==="tool"){let n=r.status==="executing"?"running":r.status==="completed"?"completed":"pending";a.push({id:`tool-${t}`,type:"tool",status:n,toolName:r.toolName||"Unknown Tool",toolDescription:r.toolDescription});}}),a}function En({subtask:e,executionChunks:a=[]}){let[r,t]=useState(e.status==="running"),n=e.status==="running",o=e.status==="failed",s=e.status==="completed";n&&!r&&t(true);let l=a.length>0,c=Dn(a);return jsxs("div",{className:"flex-1 min-w-0",children:[jsxs("div",{onClick:()=>l&&t(!r),className:i("flex items-center gap-2 min-w-0",l&&"cursor-pointer"),children:[jsx("span",{className:i("text-sm font-medium truncate",o?"text-red-500":"text-black/85"),children:e.description}),o&&e.error&&jsx("span",{className:"text-sm text-red-500 truncate flex-1",children:e.error}),s&&e.execution_time!=null&&e.execution_time>0&&jsxs("span",{className:"text-xs text-black/40 shrink-0 tabular-nums",children:[e.execution_time.toFixed(1),"s"]}),l&&jsx("span",{className:"text-black/40 shrink-0 flex items-center",children:r?jsx(ChevronUp,{size:14}):jsx(ChevronDown,{size:14})})]}),l&&r&&jsx("div",{className:"mt-2 pl-2",children:jsx(Ee,{events:c})})]})}function mt({plan:e,streamingChunks:a=[],className:r}){let t=e.subtasks.map(n=>{let o=a.filter(l=>l.subtaskId===n.id),s=n.status==="running"?"running":n.status==="completed"?"completed":n.status==="failed"?"failed":"pending";return {id:String(n.id),status:s,content:jsx(En,{subtask:n,executionChunks:o})}});return jsxs("div",{className:i("space-y-2",r),children:[jsx("span",{className:"text-sm text-black/50",children:"Plan:"}),jsx(We,{items:t,badgeSize:20})]})}function ut({chunk:e}){let[a,r]=useState(false),t=e.claudeToolData;if(!t)return null;let n=t.status==="pending",o=t.status==="error",s=t.status==="completed",l=()=>n?jsx(Loader2,{size:14,className:"animate-spin text-gray-400"}):o?jsx(XCircle,{size:14,className:"text-red-500"}):jsx(CheckCircle2,{size:14,className:"text-green-500"});return jsxs("div",{className:"bg-gray-50 dark:bg-gray-800/50 rounded-lg border border-gray-200 dark:border-gray-700 overflow-hidden",children:[jsxs("div",{onClick:()=>r(!a),className:"flex items-center gap-2 px-3 py-2 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800",children:[jsx(Wrench,{size:16,className:"text-gray-400 shrink-0"}),jsxs("span",{className:"flex-1 text-sm truncate",children:[jsx("span",{className:"font-medium",children:(()=>{let d=t.toolName;if(d.startsWith("mcp__")){let g=d.split("__");if(g.length>=3)return `${g[1]}/${g[2]}`}return d})()}),t.toolDescription&&jsx("span",{className:"text-gray-400 ml-2",children:t.toolDescription})]}),l(),s&&t.durationMs!=null&&jsxs("span",{className:"text-[0.7rem] px-1.5 py-0.5 bg-black/5 dark:bg-white/5 rounded",children:[Math.round(t.durationMs),"ms"]}),jsx("span",{className:"p-0.5",children:a?jsx(ChevronDown,{size:14}):jsx(ChevronRight,{size:14})})]}),a&&jsxs("div",{className:"border-t border-gray-200 dark:border-gray-700 p-3",children:[t.toolInput&&Object.keys(t.toolInput).length>0&&jsxs("div",{className:"mb-3",children:[jsx("div",{className:"text-[0.75rem] text-gray-400 uppercase tracking-wider mb-1",children:"Input"}),jsx("pre",{className:"text-[0.75rem] font-mono bg-gray-100 dark:bg-gray-900 rounded p-2 overflow-auto max-h-[150px] m-0",children:JSON.stringify(t.toolInput,null,2)})]}),o&&jsx("p",{className:"text-sm text-red-500 font-mono",children:t.content||"Tool execution failed"}),n&&jsx("p",{className:"text-sm text-gray-400 italic",children:"Executing tool..."}),s&&t.content&&!t.isError&&jsxs("div",{children:[jsx("div",{className:"text-[0.75rem] text-gray-400 uppercase tracking-wider mb-1",children:"Result"}),jsx("pre",{className:"text-[0.75rem] font-mono bg-gray-100 dark:bg-gray-900 rounded p-2 overflow-auto max-h-[200px] whitespace-pre-wrap break-words m-0",children:t.content.length>1500?`${t.content.slice(0,1500)}
+... (truncated)`:t.content})]})]})]})}function gt({chunk:e}){let[a,r]=useState(true),t=e.terminalData;if(!t)return null;let n=()=>{switch(t.status){case "running":return jsx(Loader2,{size:14,className:"animate-spin text-blue-500"});case "completed":return jsx(CheckCircle2,{size:14,className:"text-green-500"});case "failed":return jsx(XCircle,{size:14,className:"text-red-500"});default:return null}},o=t.status==="running"?"border-blue-500/30":t.status==="failed"?"border-red-500/30":t.exitCode===0?"border-green-500/30":"border-yellow-500/30",s=t.status==="running"?"bg-blue-500/10":t.status==="failed"?"bg-red-500/10":"bg-green-500/10",l=t.status==="running"?"text-blue-500":t.status==="failed"?"text-red-500":"text-green-500",c=d=>d?d<1e3?d+"ms":(d/1e3).toFixed(1)+"s":null;return jsxs("div",{className:i("my-1 bg-[#1a1a1a] rounded border",o,"overflow-hidden"),children:[jsxs("div",{onClick:()=>r(!a),className:i("flex items-center gap-2 px-3 py-1.5 cursor-pointer",s,"hover:brightness-110"),children:[jsx("span",{className:"p-0.5 text-gray-500",children:a?jsx(ChevronDown,{size:16}):jsx(ChevronRight,{size:16})}),jsx(Terminal,{size:16,className:l}),jsxs("span",{className:"flex-1 font-mono text-[0.75rem] text-gray-300 truncate",children:[jsx("span",{className:"text-gray-500",children:"$ "}),t.command]}),t.durationMs!=null&&jsx("span",{className:"text-[0.7rem] text-gray-600",children:c(t.durationMs)}),n(),t.status!=="running"&&t.exitCode!==void 0&&jsxs("span",{className:i("text-[0.7rem] font-mono",t.exitCode===0?"text-green-500":"text-red-500"),children:["[",t.exitCode,"]"]})]}),a&&jsxs("div",{className:"p-3",children:[t.description&&jsx("p",{className:"text-gray-500 text-[0.75rem] italic mb-2",children:t.description}),t.stdout&&jsx("pre",{className:i("m-0 p-2 text-[0.7rem] font-mono bg-[#0d0d0d] rounded overflow-auto max-h-[300px]","text-green-400 whitespace-pre-wrap break-words",t.stderr&&"mb-2"),children:t.stdout}),t.stderr&&jsx("pre",{className:"m-0 p-2 text-[0.7rem] font-mono bg-red-500/10 rounded border border-red-500/30 overflow-auto max-h-[200px] text-red-400 whitespace-pre-wrap break-words",children:t.stderr}),t.status==="running"&&!t.stdout&&!t.stderr&&jsx("p",{className:"text-gray-500 text-[0.75rem] italic",children:"Running..."}),t.status==="completed"&&!t.stdout&&!t.stderr&&t.exitCode===0&&jsx("p",{className:"text-gray-600 text-[0.75rem] italic",children:"Command completed with no output"})]})]})}function ft({chunk:e}){let[a,r]=useState(false),t=e.fileOperationData;if(!t)return null;let n=t.operation==="read"?jsx(Eye,{size:16}):t.operation==="write"?jsx(Save,{size:16}):t.operation==="edit"?jsx(Pencil,{size:16}):jsx(FileText,{size:16}),o=t.operation==="read"?"text-blue-500 border-blue-500":t.operation==="write"?"text-green-500 border-green-500":t.operation==="edit"?"text-yellow-500 border-yellow-500":"text-gray-500 border-gray-500",s=t.operation==="read"?"bg-blue-500/5 hover:bg-blue-500/8":t.operation==="write"?"bg-green-500/5 hover:bg-green-500/8":t.operation==="edit"?"bg-yellow-500/5 hover:bg-yellow-500/8":"bg-gray-500/5",l=t.status==="pending"?jsx(Clock,{size:14,className:"text-gray-400"}):t.status==="completed"?jsx(CheckCircle2,{size:14,className:"text-green-500"}):jsx(XCircle,{size:14,className:"text-red-500"}),c=t.operation==="read"?"Read":t.operation==="write"?"Write":t.operation==="edit"?"Edit":"File",d=g=>{let h=g.split("/");return h.length<=3?g:".../"+h.slice(-3).join("/")};return jsxs("div",{className:i("my-1 border rounded overflow-hidden",o.split(" ")[1]+"/30"),children:[jsxs("div",{onClick:()=>r(!a),className:i("flex items-center gap-2 px-3 py-1.5 cursor-pointer",s),children:[jsx("span",{className:"p-0.5",children:a?jsx(ChevronDown,{size:16}):jsx(ChevronRight,{size:16})}),jsx("span",{className:o.split(" ")[0],children:n}),jsx("span",{className:i("font-medium text-[0.75rem]",o.split(" ")[0]),children:c}),jsx("span",{className:"flex-1 font-mono text-[0.75rem] text-gray-500 truncate",children:d(t.filePath)}),t.totalLines!=null&&jsxs("span",{className:"text-[0.7rem] text-gray-400",children:[t.totalLines," lines"]}),l]}),a&&jsxs("div",{className:"p-3 bg-gray-50 dark:bg-[#1e1e1e]",children:[t.operation==="read"&&t.content&&jsx(ao,{content:t.content}),t.operation==="edit"&&jsx(ro,{oldString:t.oldString,newString:t.newString}),t.operation==="write"&&t.status==="completed"&&jsx("p",{className:"text-green-500 text-sm",children:"File written successfully"}),t.error&&jsxs("p",{className:"text-red-500 text-sm",children:["Error: ",t.error]})]})]})}function ao({content:e}){let a=useMemo(()=>e.split(`
+`).slice(0,50),[e]),r=e.split(`
+`).length,t=r>50;return jsxs("div",{children:[jsx("pre",{className:"m-0 p-2 text-[0.75rem] font-mono bg-gray-100 dark:bg-[#1a1a1a] rounded overflow-auto max-h-[300px]",children:a.map((n,o)=>jsxs("div",{className:"flex",children:[jsx("span",{className:"inline-block w-10 text-right pr-3 mr-3 border-r border-gray-200 dark:border-gray-700 text-gray-400 select-none",children:o+1}),jsx("span",{children:n||" "})]},o))}),t&&jsxs("p",{className:"text-[0.75rem] text-gray-400 mt-1",children:["... and ",r-50," more lines"]})]})}function ro({oldString:e,newString:a}){return !e&&!a?jsx("p",{className:"text-gray-500 text-sm",children:"No changes to display"}):jsxs("div",{className:"flex gap-4",children:[jsxs("div",{className:"flex-1",children:[jsx("span",{className:"text-[0.75rem] font-medium text-red-500 block mb-1",children:"- Removed"}),jsx("pre",{className:"m-0 p-2 text-[0.7rem] font-mono bg-red-500/10 rounded border border-red-500/30 overflow-auto max-h-[200px] whitespace-pre-wrap break-words",children:e||"(empty)"})]}),jsxs("div",{className:"flex-1",children:[jsx("span",{className:"text-[0.75rem] font-medium text-green-500 block mb-1",children:"+ Added"}),jsx("pre",{className:"m-0 p-2 text-[0.7rem] font-mono bg-green-500/10 rounded border border-green-500/30 overflow-auto max-h-[200px] whitespace-pre-wrap break-words",children:a||"(empty)"})]})]})}function bt({chunk:e}){let[a,r]=useState(true),t=e.searchResultsData;if(!t)return null;let n=t.tool==="grep",o=n?"text-purple-500":"text-blue-500",s=n?"border-purple-500/30":"border-blue-500/30",l=n?"bg-purple-500/5 hover:bg-purple-500/8":"bg-blue-500/5 hover:bg-blue-500/8",c=n?"bg-purple-500/10 text-purple-500":"bg-blue-500/10 text-blue-500";return jsxs("div",{className:i("my-1 border rounded overflow-hidden",s),children:[jsxs("div",{onClick:()=>r(!a),className:i("flex items-center gap-2 px-3 py-1.5 cursor-pointer",l),children:[jsx("span",{className:"p-0.5",children:a?jsx(ChevronDown,{size:16}):jsx(ChevronRight,{size:16})}),jsx("span",{className:o,children:n?jsx(FileSearch,{size:16}):jsx(FolderSearch,{size:16})}),jsx("span",{className:i("text-[0.7rem] px-1.5 py-0.5 rounded font-medium",c),children:n?"Grep":"Glob"}),jsx("span",{className:"flex-1 font-mono text-[0.75rem] text-gray-500 truncate",children:t.pattern}),jsxs("span",{className:i("text-[0.7rem] px-1.5 py-0.5 rounded",t.totalCount>0?"bg-green-500/10 text-green-500":"bg-gray-500/10 text-gray-500"),children:[t.totalCount," results"]})]}),a&&jsxs("div",{className:"max-h-[300px] overflow-auto",children:[t.results.length>0?jsxs("div",{children:[t.results.slice(0,50).map((d,g)=>jsx(po,{result:d,isGrep:n},g)),t.results.length>50&&jsx("div",{className:"py-1 px-3",children:jsxs("span",{className:"text-[0.75rem] text-gray-400",children:["... and ",t.results.length-50," more results"]})})]}):jsx("div",{className:"p-3",children:jsx("p",{className:"text-gray-500 text-sm",children:"No results found"})}),t.error&&jsx("div",{className:"p-3",children:jsxs("p",{className:"text-red-500 text-sm",children:["Error: ",t.error]})})]})]})}function po({result:e,isGrep:a}){return jsxs("div",{className:"flex items-start gap-2 py-1 px-3 border-b border-gray-100 dark:border-gray-800 last:border-b-0 hover:bg-gray-50 dark:hover:bg-gray-800/50",children:[jsx(File,{size:14,className:"text-gray-400 mt-0.5 shrink-0"}),jsxs("div",{className:"min-w-0 flex-1",children:[jsxs("div",{className:"flex items-center gap-2",children:[jsx("span",{className:"font-mono text-[0.75rem] truncate",children:(t=>{let n=t.split("/");return n.length<=4?t:".../"+n.slice(-4).join("/")})(e.filePath)}),a&&e.lineNumber!=null&&jsxs("span",{className:"font-mono text-[0.7rem] text-blue-500",children:[":",e.lineNumber]})]}),e.snippet&&jsx("p",{className:"font-mono text-[0.7rem] text-gray-500 truncate max-w-[400px]",children:e.snippet})]})]})}function ht({chunk:e}){let[a,r]=useState(false),t=e.webOperationData;if(!t)return null;let n=t.operation==="search",o=t.status==="pending",s=t.status==="error",l=t.status==="completed",c=()=>o?jsx(Loader2,{size:14,className:"animate-spin text-gray-400"}):s?jsx(XCircle,{size:14,className:"text-red-500"}):jsx(CheckCircle2,{size:14,className:"text-green-500"}),g=n?(()=>{if(!t.results||typeof t.results!="string")return [];let h=/\[([^\]]+)\]\(([^)]+)\)/g,k=[],x;for(;(x=h.exec(t.results))!==null;)k.push({title:x[1],url:x[2]});return k})():[];return jsxs("div",{className:"bg-gray-50 dark:bg-gray-800/50 rounded-lg border border-gray-200 dark:border-gray-700 overflow-hidden",children:[jsxs("div",{onClick:()=>r(!a),className:"flex items-center gap-2 px-3 py-2 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800",children:[n?jsx(Search,{size:16,className:"text-gray-400 shrink-0"}):jsx(Globe,{size:16,className:"text-gray-400 shrink-0"}),jsx("span",{className:"flex-1 text-sm truncate",children:n?jsxs(Fragment,{children:["Searching: ",jsx("span",{className:"font-medium",children:t.query})]}):jsxs(Fragment,{children:["Fetching: ",jsx("span",{className:"font-medium",children:t.url})]})}),c(),l&&t.durationMs!=null&&jsxs("span",{className:"text-[0.7rem] px-1.5 py-0.5 bg-black/5 dark:bg-white/5 rounded",children:[Math.round(t.durationMs),"ms"]}),jsx("span",{className:"p-0.5",children:a?jsx(ChevronDown,{size:14}):jsx(ChevronRight,{size:14})})]}),a&&jsxs("div",{className:"border-t border-gray-200 dark:border-gray-700 p-3",children:[s&&t.error&&jsx("p",{className:"text-sm text-red-500 font-mono",children:t.error}),o&&jsx("p",{className:"text-sm text-gray-400 italic",children:n?"Searching the web...":"Fetching content..."}),n&&l&&g.length>0&&jsxs("div",{className:"space-y-2",children:[jsxs("div",{className:"text-[0.75rem] text-gray-400 uppercase tracking-wider",children:[g.length," Results"]}),g.slice(0,5).map((h,k)=>jsxs("div",{className:i("flex items-center gap-2 py-1",k<Math.min(g.length,5)-1&&"border-b border-gray-200 dark:border-gray-700"),children:[jsx(ExternalLink,{size:12,className:"text-gray-400 shrink-0"}),jsx("a",{href:h.url,target:"_blank",rel:"noopener noreferrer",className:"text-sm truncate hover:underline",children:h.title})]},k)),g.length>5&&jsxs("p",{className:"text-[0.75rem] text-gray-400 italic",children:["+",g.length-5," more results"]})]}),n&&l&&g.length===0&&t.results&&jsxs("p",{className:"text-sm whitespace-pre-wrap max-h-[200px] overflow-auto",children:[typeof t.results=="string"?t.results.slice(0,1e3):JSON.stringify(t.results,null,2).slice(0,1e3),t.results.length>1e3&&"..."]}),!n&&l&&t.content&&jsx("div",{className:"max-h-[300px] overflow-auto bg-gray-100 dark:bg-gray-900 rounded p-2",children:jsxs("pre",{className:"text-[0.75rem] font-mono whitespace-pre-wrap break-words m-0",children:[t.content.slice(0,2e3),t.content.length>2e3&&`
+... (truncated)`]})})]})]})}var To={code_reviewer:"Code Review",researcher:"Research",data_analyst:"Data Analysis",Explore:"Explore",Plan:"Planning",Bash:"Command Execution"};function xt({chunk:e}){let[a,r]=useState(true),t=e.subagentData;if(!t)return null;let n=t.status==="running"?jsx(Loader2,{size:16,className:"animate-spin text-blue-500"}):t.status==="completed"?jsx(CheckCircle2,{size:16,className:"text-green-500"}):t.status==="failed"?jsx(XCircle,{size:16,className:"text-red-500"}):null,o=t.status==="running"?"border-blue-500":t.status==="completed"?"border-green-500":t.status==="failed"?"border-red-500":"border-gray-500",s=t.status==="running"?"bg-blue-500/3":t.status==="completed"?"bg-green-500/3":t.status==="failed"?"bg-red-500/3":"bg-gray-500/3",l=t.status==="running"?"bg-blue-500/10 text-blue-500":t.status==="completed"?"bg-green-500/10 text-green-500":t.status==="failed"?"bg-red-500/10 text-red-500":"bg-gray-500/10 text-gray-500",c=g=>g?g<1e3?g+"ms":(g/1e3).toFixed(1)+"s":null,d=To[t.subagentType]||t.subagentType;return jsxs("div",{className:i("border border-dashed rounded ml-4 my-2 overflow-hidden",o+"/50",s),children:[jsxs("div",{onClick:()=>r(!a),className:i("flex items-center gap-2 px-3 py-1.5 cursor-pointer hover:brightness-95"),children:[jsx("span",{className:"p-0.5",children:a?jsx(ChevronDown,{size:18}):jsx(ChevronRight,{size:18})}),jsx(GitBranch,{size:16,className:o.replace("border-","text-")}),jsx("span",{className:i("text-[0.75rem] px-2 py-0.5 rounded font-medium",l),children:d}),jsx("span",{className:"flex-1 text-sm text-gray-500 truncate",children:t.description}),n,t.durationMs!=null&&jsx("span",{className:"text-[0.7rem] text-gray-400",children:c(t.durationMs)})]}),a&&jsxs("div",{className:"px-4 pb-3",children:[t.nestedChunks&&t.nestedChunks.length>0&&jsx("div",{className:"mt-2 space-y-1",children:t.nestedChunks.map((g,h)=>jsx(Do,{chunk:g},h))}),t.status==="completed"&&t.result&&jsxs("div",{className:"mt-2 p-2 rounded bg-green-500/5 border border-green-500/20",children:[jsx("span",{className:"text-[0.75rem] font-medium text-green-500",children:"Result"}),jsx("p",{className:"mt-1 text-sm text-gray-500 whitespace-pre-wrap",children:t.result.length>500?t.result.slice(0,500)+"...":t.result})]})]})]})}function Do({chunk:e}){return e.type==="tool"||e.type==="observation"?jsxs("div",{className:"py-1 px-2 my-1 rounded bg-blue-500/5 text-[0.75rem]",children:[jsxs("span",{className:"font-medium text-blue-500",children:[e.toolName||"Tool",":"]})," ",jsxs("span",{className:"text-gray-500",children:[e.content?.slice(0,200)||e.toolDescription||"Executing...",e.content&&e.content.length>200&&"..."]})]}):e.type==="thinking"||e.type==="claude_thinking"?jsxs("p",{className:"py-1 text-[0.75rem] text-gray-400 italic",children:[e.content?.slice(0,150),e.content&&e.content.length>150&&"..."]}):null}function $o(e){let a=useRef(null),[r,t]=useState(0),n=useRef(0);return useEffect(()=>{if(e){a.current===null&&(a.current=Date.now());let o=setInterval(()=>{if(a.current!==null){let s=Math.floor((Date.now()-a.current)/1e3);t(s),n.current=s;}},1e3);return ()=>clearInterval(o)}else a.current!==null&&(n.current=Math.floor((Date.now()-a.current)/1e3),t(n.current),a.current=null);},[e]),{display:`${r}`,finalSeconds:n.current}}function Oo(e){return e.some(a=>a.orchestrator==="claude_agent_sdk"||a.type==="subagent"||a.type==="file_operation"||a.type==="terminal"||a.type==="search_results"||a.type==="web_operation"||a.type==="claude_text"||a.type==="claude_thinking")}function Wo(e){return e.some(a=>a.type==="wave_start"||a.type==="wave_complete"||a.type==="parallel_subtask_start"||a.type==="parallel_subtask_complete"||a.isParallel)}function jo(e){let a=e.filter(c=>c.type==="wave_start"&&c.waveData);if(a.length===0)return null;let r=a[a.length-1],t=r.waveData?.waveNumber??0,n=r.waveData?.totalWaves??1,o=r.waveData?.parallelCount??0,s=[],l=[];return e.forEach(c=>{if(c.type==="parallel_subtask_start"&&c.waveNumber===t&&c.subtaskId!==void 0&&(l.includes(c.subtaskId)||s.push(c.subtaskId)),c.type==="parallel_subtask_complete"&&c.waveNumber===t&&c.subtaskId!==void 0){l.push(c.subtaskId);let d=s.indexOf(c.subtaskId);d>=0&&s.splice(d,1);}}),{currentWave:t,totalWaves:n,parallelCount:o,activeSubtasks:s,completedSubtasks:l}}function Ho(e){return e.some(a=>a.type==="multi_agent_planning"||a.type==="multi_agent_planning_complete"||a.type==="subagent_start"||a.type==="subagent_complete"||a.type==="subagent_failed"||a.type==="synthesis"||a.isMultiAgent)}function Ka(e){return e.find(r=>(r.type==="multi_agent_planning"||r.type==="multi_agent_planning_complete")&&r.subagentAllocations)?.subagentAllocations||[]}function qa(e){let a=new Map,r=false;Ka(e).forEach(o=>{a.set(o.name,{name:o.name,task:o.query||o.focus,status:"pending"});});let t={pending:0,running:1,completed:2,failed:2};e.forEach(o=>{if(o.subagentInfo?.name){let s=o.subagentInfo.id||o.subagentInfo.name,l=a.get(s);(!l||(t[o.subagentInfo.status]??0)>=(t[l.status]??0))&&a.set(s,o.subagentInfo);}o.type==="synthesis"&&(r=true);});let n=[...a.values()];return {subagents:a,running:n.filter(o=>o.status==="running").length,completed:n.filter(o=>o.status==="completed").length,failed:n.filter(o=>o.status==="failed").length,pending:n.filter(o=>o.status==="pending").length,isSynthesizing:r}}function Uo(e){let a=[];return e.forEach(r=>{r.type==="thought"&&r.thought?a.push({type:"thinking",content:r.thought,subtaskId:r.subtask_id}):r.type==="tool"&&(a.push({type:"tool",content:"",toolName:r.tool||"Unknown Tool",toolDescription:r.tool_description,status:"completed",subtaskId:r.subtask_id}),r.observation&&a.push({type:"observation",content:r.observation,toolName:r.tool||"Unknown Tool",success:true,subtaskId:r.subtask_id}));}),a}function Ko({chunks:e}){let a=qa(e),r=[...a.subagents.values()];if(r.length===0){let n=e.some(s=>s.type==="multi_agent_planning"),o=Ka(e);return o.length>0?jsxs("div",{className:"flex items-center gap-2",children:[jsx(Loader2,{size:14,className:"animate-spin text-gray-400"}),jsxs("span",{className:"text-sm text-gray-500",children:["Allocating agents: ",o.map(s=>s.name).join(", ")]})]}):n?jsxs("div",{className:"flex items-center gap-2",children:[jsx(Loader2,{size:14,className:"animate-spin text-gray-400"}),jsx("span",{className:"text-sm text-gray-500",children:"Planning agent allocation..."})]}):null}let t=r.map((n,o)=>({id:n.id||`agent-${o}`,status:n.status==="running"?"running":n.status==="completed"?"completed":n.status==="failed"?"failed":"pending",content:jsxs("div",{className:"flex items-center gap-2 min-w-0 flex-1",children:[jsx("span",{className:"text-sm font-medium",children:n.name}),jsx("span",{className:i("text-sm flex-1 truncate",n.status==="failed"?"text-red-500":"text-gray-500"),children:n.status==="failed"&&n.error?n.error:n.task}),n.status==="completed"&&n.executionTime!=null&&jsxs("span",{className:"text-xs text-gray-400 shrink-0",children:[n.executionTime.toFixed(1),"s"]})]})}));return jsxs("div",{className:"space-y-2",children:[jsx("span",{className:"text-sm text-gray-500",children:a.running===0?"Agents:":"Running agents:"}),jsx(We,{items:t,badgeSize:16}),a.isSynthesizing&&jsxs("div",{className:"flex items-center gap-2",children:[jsx(Sparkle,{size:14,className:"text-gray-500"}),jsx("span",{className:"text-sm text-gray-500",children:"Synthesizing results..."})]})]})}function qo({chunks:e}){return jsx("div",{className:"space-y-2",children:e.map((a,r)=>a.type==="subagent"&&a.subagentData?jsx(xt,{chunk:a},`subagent-${a.subagentData.subagentId}-${r}`):a.type==="file_operation"&&a.fileOperationData?jsx(ft,{chunk:a},`file-op-${a.fileOperationData.toolUseId}-${r}`):a.type==="terminal"&&a.terminalData?jsx(gt,{chunk:a},`terminal-${a.terminalData.toolUseId}-${r}`):a.type==="search_results"&&a.searchResultsData?jsx(bt,{chunk:a},`search-${a.searchResultsData.toolUseId}-${r}`):a.type==="web_operation"&&a.webOperationData?jsx(ht,{chunk:a},`web-op-${a.webOperationData.toolUseId}-${r}`):a.claudeToolData?jsx(ut,{chunk:a},`claude-tool-${a.claudeToolData.toolUseId}-${r}`):null)})}function ja(e){return e<1?`${Math.round(e*1e3)}ms`:`${e.toFixed(1)}s`}function Zt({isStreaming:e=false,chunks:a=[],plan:r,executionTimeline:t=[],userMessageTimestamp:n,executionTime:o,defaultExpanded:s=false,expanded:l,onExpandedChange:c,className:d}){let[g,h]=useState(s),{display:k,finalSeconds:x}=$o(e),u=useRef(null);useEffect(()=>{$e(u.current);},[]);let y=a$2(u,300),w=l??g,P=useCallback(N=>{y(),h(N),c?.(N);},[y,c]),M=useMemo(()=>e?a.map((N,R)=>dt(N,R)).filter(N=>N!==null):[],[e,a]),$=useMemo(()=>!e&&(t.length>0||a.length>0)?a.map((N,R)=>dt(N,R)).filter(N=>N!==null):[],[e,t,a]),z=useMemo(()=>!e&&t.length>0?Uo(t):[],[e,t]),b=useMemo(()=>{if(!e)return null;let N=a.find(f=>f.planData!==void 0);if(!N?.planData)return null;let R={...N.planData},H=[...R.subtasks||[]],ee=0,Z=0;return a.forEach(f=>{if(f.type==="parallel_subtask_start"&&f.subtaskId!==void 0){let A=H.findIndex(C=>String(C.id)===String(f.subtaskId));A!==-1&&(H[A]={...H[A],status:"running"});}else if(f.type==="parallel_subtask_complete"&&f.subtaskId!==void 0){let A=H.findIndex(C=>String(C.id)===String(f.subtaskId));if(A!==-1){let C={...H[A]};f.parallelSubtaskData?.success===false||f.success===false?(C.status="failed",C.error=f.parallelSubtaskData?.error,Z++):(C.status="completed",C.result=f.parallelSubtaskData?.result,C.execution_time=f.parallelSubtaskData?.executionTime,ee++),H[A]=C;}}else if(f.type==="subtask"&&f.subtaskId!==void 0){let A=H.findIndex(C=>String(C.id)===String(f.subtaskId));if(A!==-1){let C={...H[A]};if(f.content.includes("\u2713 Completed"))C.status="completed",f.subtaskData?.execution_time&&(C.execution_time=f.subtaskData.execution_time),ee++;else if(f.content.includes("\u2717 Failed")){C.status="failed";let V=f.content.match(/✗ Failed: (.*)/);V&&(C.error=V[1]),Z++;}else f.content.includes("\u2192 **Subtask")&&(C.status="running");H[A]=C;}}}),R.subtasks=H,R.completed_subtasks=ee,R.failed_subtasks=Z,R.progress_percentage=ee/R.total_subtasks*100,R},[e,a]),v=useMemo(()=>{if(o&&o>0)return o;if(!e){if(r?.subtasks)return r.subtasks.reduce((N,R)=>N+(R.execution_time||0),0);if(t.length>0){let N=t[t.length-1];if(n&&N.timestamp){let R=N.timestamp-n;if(R>0)return R}if(t.length>1){let R=t[0];if(R.timestamp&&N.timestamp){let H=N.timestamp-R.timestamp;if(H>0)return H}}}}return 0},[e,r,t,n,o]);if(!e){let N=r||t.length>0||a.length>0;if(!N||N&&$.length===0&&!r&&t.length===0)return null}let m=a.length>0?a[a.length-1]:null,U=m?.type==="tool"||!!m?.toolName,S=m?.type==="planning",q=Wo(a),L=q?jo(a):null,Ne=Oo(a),K=Ho(a),Ce=K?qa(a):null,xe=()=>{if(!e)return v>0?`Thought for ${ja(v)}`:x>0?`Thought for ${ja(x)}`:(a.length>0,"Thought for a few seconds");if(K&&Ce){let{running:N,completed:R,failed:H,isSynthesizing:ee}=Ce;if(ee)return "Synthesizing results...";if(m?.type==="multi_agent_planning")return "Planning subagent allocation...";if(m?.type==="subagent_start"&&m?.subagentInfo)return `${m.subagentInfo.name}: ${m.subagentInfo.task?.slice(0,30)||"working"}...`;if(m?.type==="subagent_complete"&&m?.subagentInfo)return `${m.subagentInfo.name} complete`;if(m?.type==="subagent_failed"&&m?.subagentInfo)return `${m.subagentInfo.name} failed`;let Z=N+R+H;if(N>0)return `${N} subagent${N>1?"s":""} running (${R}/${Z} done)`;if(Z>0)return `Multi-agent execution (${R}/${Z} complete)`}if(Ne){if(m?.type==="subagent"&&m?.subagentData)return `${m.subagentData.subagentType}: ${m.subagentData.description}`;if(m?.type==="file_operation"&&m?.fileOperationData){let N=m.fileOperationData.operation,R=m.fileOperationData.filePath.split("/").pop();return `${N==="read"?"Reading":N==="edit"?"Editing":"Writing"} ${R}`}if(m?.type==="terminal"&&m?.terminalData){let N=m.terminalData.command;return N.length>40?`$ ${N.slice(0,37)}...`:`$ ${N}`}if(m?.type==="search_results"&&m?.searchResultsData)return `${m.searchResultsData.tool}: ${m.searchResultsData.pattern}`;if(m?.type==="web_operation"&&m?.webOperationData)return m.webOperationData.operation==="search"?`Searching: ${m.webOperationData.query}`:`Fetching: ${m.webOperationData.url?.slice(0,40)}...`}if(q&&L){let{currentWave:N,totalWaves:R,parallelCount:H,activeSubtasks:ee,completedSubtasks:Z}=L;if(m?.type==="wave_start")return `Wave ${N+1}/${R}: ${H} parallel subtasks`;if(m?.type==="wave_complete")return `Wave ${N+1} complete (${Z.length} done)`;if(m?.type==="parallel_subtask_start"&&m?.parallelSubtaskData?.description){let f=m.parallelSubtaskData.description;return f.length>40?`${f.slice(0,37)}...`:f}return ee.length>0?`Wave ${N+1}/${R}: ${ee.length} running...`:`Parallel execution (Wave ${N+1}/${R})`}if(m?.toolDescription)return m.toolDescription;if(m?.toolName)return m.toolName;switch(m?.type){case "planning":return "Planning...";case "thinking":return "Thinking...";case "tool":return m.toolName||"Using tool...";case "subtask":return `Executing subtask ${m.subtaskId||""}...`;case "observation":return "Analyzing results...";case "progress":return "Working...";case "wave_start":return "Starting parallel execution...";case "wave_complete":return "Parallel wave complete";case "parallel_subtask_start":return "Running parallel subtask...";case "parallel_subtask_complete":return "Parallel subtask complete";default:return "Thinking..."}},Le=()=>K?jsx(Users,{size:14}):Ne?m?.type==="subagent"?jsx(GitBranch,{size:14}):m?.type==="file_operation"?jsx(FileText,{size:14}):m?.type==="terminal"?jsx(Terminal,{size:14}):m?.type==="search_results"?jsx(Search,{size:14}):m?.type==="web_operation"?jsx(Globe,{size:14}):jsx(Sparkle,{size:14}):q?jsx(Zap,{size:14}):U?jsx(Wrench,{size:14}):S?jsx(ListTodo,{size:14}):jsx(Sparkle,{size:14}),Ve=N=>N?.subtasks&&N.subtasks.length>=2,Pe=e?b:r,Fe=Ve(Pe);return jsxs("div",{ref:u,className:i("max-w-full",d),children:[jsxs("div",{onClick:()=>P(!w),style:{position:"relative",display:"inline-flex",alignItems:"center",gap:6,padding:"4px 6px",overflow:"hidden",borderRadius:8,cursor:"pointer",transition:"opacity 0.2s",...!e&&{opacity:.6}},children:[e&&jsx("div",{style:Oe}),jsx("span",{className:i("flex items-center text-gray-500"),children:e?Le():jsx(Sparkle,{size:14})}),jsx("span",{className:i("text-sm font-normal text-gray-500 text-[var(--chat-text-subtle)]"),children:xe()}),e&&parseInt(k)>0&&jsxs("span",{className:"text-gray-500 font-normal tabular-nums text-sm",children:[k,"s"]})]}),w&&jsx("div",{className:"mt-3 animate-fade-in",children:e?K?jsx(Ko,{chunks:a}):Ne?jsx(qo,{chunks:a}):Fe&&Pe?jsx(mt,{plan:Pe,streamingChunks:a}):b?.subtasks?.length===1?jsx(Ee,{events:M}):b?.subtasks?.length===0?null:jsx(Ee,{events:M}):r?r.subtasks?.length===0?null:r.subtasks?.length===1?jsx(Ee,{events:$}):jsx(mt,{plan:r,streamingChunks:z}):jsx(Ee,{events:$})})]})}var Qe=forwardRef(({content:e,isStreaming:a=false,renderMarkdown:r=true,className:t,baselineFontSize:n,markdownProps:o},s)=>jsx(m,{ref:s,content:e,isStreaming:a,showCursor:false,className:i("relative",t),children:r?jsx(de,{baselineFontSize:n,...o,children:e}):jsx("span",{className:"whitespace-pre-wrap",children:e})}));Qe.displayName="StreamingText";var is={send_message:jsx(Send,{size:14}),navigate:jsx(Navigation,{size:14}),copy_text:jsx(Copy,{size:14}),compose_email:jsx(Mail,{size:14}),search_emails:jsx(Search,{size:14}),open_modal:jsx(ExternalLink,{size:14}),api_call:jsx(Zap,{size:14})};function ls(e){return e?is[e]||jsx(ArrowRight,{size:14}):jsx(ArrowRight,{size:14})}var vt=forwardRef(({actions:e,onSelect:a,className:r,showIcons:t=true,disabled:n=false},o)=>{let[s,l]=useState(null);if(e.length===0)return null;let c=async(d,g)=>{if(!(!a||s!==null)){l(g);try{await a(d);}finally{l(null);}}};return jsx("div",{ref:o,role:"group","aria-label":"Suggested actions",className:i("flex flex-wrap gap-2",r),children:jsx(AnimatePresence,{children:e.map((d,g)=>{let h=s===g,k=n||s!==null;return jsxs(motion.button,{type:"button",initial:{opacity:0,y:4},animate:{opacity:1,y:0},exit:{opacity:0,y:-4},transition:{duration:.2,delay:g*.05},disabled:k,onClick:()=>c(d,g),className:i("inline-flex items-center gap-1.5","px-3 py-1.5 rounded-lg","text-sm font-medium","border border-gray-200 dark:border-gray-700","bg-white dark:bg-gray-800","text-gray-700 dark:text-gray-300","opacity-80 hover:opacity-100","hover:border-gray-300 dark:hover:border-gray-600","hover:bg-gray-50 dark:hover:bg-gray-750","hover:-translate-y-px","active:translate-y-0","transition-all duration-200","focus:outline-none focus:ring-2 focus:ring-blue-500/20","disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:translate-y-0"),children:[h?jsx(Loader2,{size:14,className:"animate-spin"}):t&&jsx("span",{className:"text-gray-400 dark:text-gray-500",children:ls(d.type)}),d.label]},d.id)})})})});vt.displayName="SuggestedActions";var ws=["#3B82F6","#10B981","#F59E0B","#EF4444","#8B5CF6","#EC4899","#06B6D4","#F97316"];function Ct({data:e,config:a,isStreaming:r=false}){let{chartType:t,series:n,xAxis:o,yAxis:s}=e,l=a?.colors||ws,c=a?.height||300,d=a?.legend!==false,g=a?.grid!==false,h=a?.tooltip!==false,k=a?.animate!==false&&!r,x=a?.stacked||false,y=(()=>{if(t==="pie")return (n[0]?.data||[]).map((v,m)=>({name:v.name||v.x||`Item ${m+1}`,value:v.value??v.y??0}));let z=new Map;return n.forEach(b=>{b.data.forEach(v=>{let m=v.x??v.name;z.has(m)||z.set(m,{x:m}),z.get(m)[b.name]=v.y??v.value??0;});}),Array.from(z.values())})(),w={data:y,margin:{top:10,right:30,left:0,bottom:0}},P={fontSize:12},M={backgroundColor:"#fff",border:"1px solid #e5e7eb",borderRadius:8};return jsx("div",{className:"w-full",style:{height:c},children:jsx(ResponsiveContainer,{width:"100%",height:"100%",children:(()=>{switch(t){case "line":return jsxs(LineChart,{...w,children:[g&&jsx(CartesianGrid,{strokeDasharray:"3 3",stroke:"#e5e7eb"}),jsx(XAxis,{dataKey:"x",...P,tickLine:false,padding:{left:10,right:10}}),jsx(YAxis,{...P,tickLine:false,width:40}),h&&jsx(Tooltip,{contentStyle:M}),d&&jsx(Legend,{}),n.map((z,b)=>jsx(Line,{type:"monotone",dataKey:z.name,stroke:z.color||l[b%l.length],strokeWidth:2,dot:false,activeDot:{r:4},isAnimationActive:k},z.name))]});case "bar":return jsxs(BarChart,{...w,children:[g&&jsx(CartesianGrid,{strokeDasharray:"3 3",stroke:"#e5e7eb"}),jsx(XAxis,{dataKey:"x",...P,tickLine:false,padding:{left:10,right:10}}),jsx(YAxis,{...P,tickLine:false,width:40}),h&&jsx(Tooltip,{contentStyle:M}),d&&jsx(Legend,{}),n.map((z,b)=>jsx(Bar,{dataKey:z.name,fill:z.color||l[b%l.length],stackId:x?"stack":void 0,isAnimationActive:k,radius:[4,4,0,0]},z.name))]});case "area":return jsxs(AreaChart,{...w,children:[g&&jsx(CartesianGrid,{strokeDasharray:"3 3",stroke:"#e5e7eb"}),jsx(XAxis,{dataKey:"x",...P,tickLine:false,padding:{left:10,right:10}}),jsx(YAxis,{...P,tickLine:false,width:40}),h&&jsx(Tooltip,{contentStyle:M}),d&&jsx(Legend,{}),n.map((z,b)=>jsx(Area,{type:"monotone",dataKey:z.name,stroke:z.color||l[b%l.length],fill:z.color||l[b%l.length],fillOpacity:.3,stackId:x?"stack":void 0,isAnimationActive:k},z.name))]});case "pie":return jsxs(PieChart,{children:[h&&jsx(Tooltip,{contentStyle:M}),d&&jsx(Legend,{}),jsx(Pie,{data:y,dataKey:"value",nameKey:"name",cx:"50%",cy:"50%",outerRadius:Math.min(c,300)/3,isAnimationActive:k,label:({name:z,percent:b})=>`${z}: ${((b??0)*100).toFixed(0)}%`,labelLine:false,children:y.map((z,b)=>jsx(Cell,{fill:l[b%l.length]},`cell-${b}`))})]});case "scatter":return jsxs(ScatterChart,{...w,children:[g&&jsx(CartesianGrid,{strokeDasharray:"3 3",stroke:"#e5e7eb"}),jsx(XAxis,{dataKey:"x",type:"number",...P,tickLine:false,name:o?.label,padding:{left:10,right:10}}),jsx(YAxis,{...P,tickLine:false,name:s?.label,width:40}),h&&jsx(Tooltip,{contentStyle:M}),d&&jsx(Legend,{}),n.map((z,b)=>jsx(Scatter,{name:z.name,data:z.data.map(v=>({x:v.x,y:v.y})),fill:z.color||l[b%l.length],isAnimationActive:k},z.name))]});default:return null}})()||jsx(Fragment,{})})})}var Ds={active:"bg-green-100 text-green-700",completed:"bg-green-100 text-green-700",success:"bg-green-100 text-green-700",enabled:"bg-green-100 text-green-700",pending:"bg-yellow-100 text-yellow-700",processing:"bg-yellow-100 text-yellow-700",in_progress:"bg-yellow-100 text-yellow-700",failed:"bg-red-100 text-red-700",error:"bg-red-100 text-red-700",disabled:"bg-red-100 text-red-700",inactive:"bg-gray-100 text-gray-700",draft:"bg-gray-100 text-gray-700"};function Es(e,a){if(e==null)return jsx("span",{className:"text-gray-400",children:"-"});switch(a.type||"string"){case "number":return typeof e=="number"?e.toLocaleString():String(e);case "currency":return typeof e=="number"?new Intl.NumberFormat("en-US",{style:"currency",currency:"USD"}).format(e):String(e);case "date":try{return new Date(e).toLocaleDateString()}catch{return String(e)}case "badge":{let t=String(e).toLowerCase().replace(/\s+/g,"_"),n=Ds[t]||"bg-gray-100 text-gray-700";return jsx("span",{className:i("inline-block px-2 py-0.5 rounded-full text-xs font-medium",n),children:String(e)})}case "link":return jsx("a",{href:String(e),target:"_blank",rel:"noopener noreferrer",className:"text-blue-500 hover:underline",children:String(e)});case "boolean":return e?jsx(Check,{size:18,className:"text-green-500"}):jsx(X,{size:18,className:"text-gray-400"});case "progress":{let t=typeof e=="number"?e:parseFloat(String(e));return jsxs("div",{className:"flex items-center gap-2",children:[jsx("div",{className:"flex-1 h-2 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden",children:jsx("div",{className:"h-full bg-blue-500 rounded-full",style:{width:`${Math.min(100,Math.max(0,t))}%`}})}),jsxs("span",{className:"text-xs text-gray-500",children:[t.toFixed(0),"%"]})]})}default:return String(e)}}function Xa(e,a,r){let t=e[r],n=a[r];return t==null?1:n==null?-1:typeof t=="number"&&typeof n=="number"?n-t:String(n).localeCompare(String(t))}function St({data:e,config:a}){let{columns:r,rows:t}=e,n=a?.sortable!==false,o=a?.paginated||false,s=a?.pageSize||10,[l,c]=useState("asc"),[d,g]=useState(r[0]?.key||""),[h,k]=useState(0),x=w=>{c(d===w&&l==="asc"?"desc":"asc"),g(w);},u=useMemo(()=>{let w=[...t];return n&&d&&w.sort((P,M)=>l==="desc"?Xa(P,M,d):-Xa(P,M,d)),o&&(w=w.slice(h*s,(h+1)*s)),w},[t,l,d,h,s,n,o]),y=Math.ceil(t.length/s);return jsxs("div",{className:"w-full overflow-x-auto",children:[jsxs("table",{className:"min-w-full text-sm",children:[jsx("thead",{children:jsx("tr",{children:r.map(w=>jsx("th",{className:i("px-3 py-2 font-semibold bg-gray-50 dark:bg-gray-800 whitespace-nowrap text-left",n&&"cursor-pointer select-none hover:bg-gray-100 dark:hover:bg-gray-700"),style:{width:w.width,textAlign:w.align||"left"},onClick:()=>n&&x(w.key),children:jsxs("span",{className:"inline-flex items-center gap-1",children:[w.label,n&&d===w.key&&(l==="asc"?jsx(ChevronUp,{size:14}):jsx(ChevronDown,{size:14}))]})},w.key))})}),jsxs("tbody",{children:[u.map((w,P)=>jsx("tr",{className:"border-t border-gray-100 dark:border-gray-800 hover:bg-gray-50 dark:hover:bg-gray-800/50",children:r.map(M=>jsx("td",{className:"px-3 py-2 whitespace-nowrap max-w-[300px] overflow-hidden text-ellipsis",style:{textAlign:M.align||"left"},children:Es(w[M.key],M)},M.key))},P)),u.length===0&&jsx("tr",{children:jsx("td",{colSpan:r.length,className:"px-3 py-8 text-center text-gray-400",children:"No data available"})})]})]}),o&&t.length>s&&jsxs("div",{className:"flex items-center justify-between px-3 py-2 border-t border-gray-200 dark:border-gray-700 text-sm",children:[jsxs("span",{className:"text-gray-500",children:[h*s+1,"-",Math.min((h+1)*s,t.length)," of ",t.length]}),jsxs("div",{className:"flex gap-1",children:[jsx("button",{onClick:()=>k(Math.max(0,h-1)),disabled:h===0,className:"px-2 py-1 rounded hover:bg-gray-100 dark:hover:bg-gray-800 disabled:opacity-30",children:"Prev"}),jsx("button",{onClick:()=>k(Math.min(y-1,h+1)),disabled:h>=y-1,className:"px-2 py-1 rounded hover:bg-gray-100 dark:hover:bg-gray-800 disabled:opacity-30",children:"Next"})]})]})]})}function zt({data:e,config:a,onAction:r}){let{subtitle:t,imageUrl:n,sections:o,actions:s}=e,l=a?.collapsible||false,c=a?.initiallyCollapsed||false,[d,g]=useState(!c),h=u=>{u.startsWith("http://")||u.startsWith("https://")||u.startsWith("/")?window.open(u,"_blank","noopener,noreferrer"):r?r({type:"card_action",action:u}):window.dispatchEvent(new CustomEvent("visualization-action",{detail:{action:u}}));},k=(u,y)=>jsxs("div",{className:i(y<o.length-1&&"mb-4"),children:[u.title&&jsx("h4",{className:"font-semibold text-sm mb-2",children:u.title}),u.items&&u.items.length>0&&jsx("div",{className:"space-y-1",children:u.items.map((w,P)=>jsxs("div",{className:"flex justify-between items-start gap-4",children:[jsx("span",{className:"text-sm text-gray-500 shrink-0",children:w.label}),jsx("span",{className:"text-sm font-medium text-right",children:w.value})]},P))}),u.content&&jsx(de,{children:u.content})]},y),x=jsxs(Fragment,{children:[n&&jsx("img",{src:n,alt:"",className:"w-full h-[140px] object-cover border-b border-gray-200 dark:border-gray-700"}),t&&jsx("p",{className:"text-sm text-gray-500 italic mb-4",children:t}),o.map((u,y)=>jsxs("div",{children:[k(u,y),y<o.length-1&&jsx("hr",{className:"my-4 border-gray-200 dark:border-gray-700"})]},y))]});return jsxs("div",{className:"w-full",children:[l&&jsxs("div",{className:"flex items-center justify-between mb-2 cursor-pointer",onClick:()=>g(!d),children:[jsx("span",{className:"text-sm text-gray-500",children:d?"Click to collapse":"Click to expand"}),jsx("button",{className:"p-1",children:d?jsx(ChevronUp,{size:18}):jsx(ChevronDown,{size:18})})]}),(!l||d)&&x,s&&s.length>0&&jsx("div",{className:"flex gap-2 mt-4 pt-4 border-t border-gray-200 dark:border-gray-700",children:s.map((u,y)=>jsxs("button",{onClick:()=>h(u.action),className:i("px-3 py-1.5 text-sm rounded-lg transition-colors",u.variant==="primary"?"bg-blue-500 text-white hover:bg-blue-600":u.variant==="text"?"text-blue-500 hover:bg-blue-50":"border border-gray-300 hover:bg-gray-50"),children:[u.label,u.action.startsWith("http")&&jsx(ExternalLink,{size:14,className:"inline ml-1"})]},y))})]})}var Ws=["#3B82F6","#10B981","#F59E0B","#8B5CF6"];function js({metric:e,color:a,animate:r}){let t=e.trend==="up"?jsx(ArrowUp,{size:16,className:"text-green-500"}):e.trend==="down"?jsx(ChevronDown,{size:16,className:"text-red-500"}):e.trend==="neutral"?jsx(Circle,{size:14,className:"text-gray-400"}):null,n=e.trend==="up"?"text-green-500":e.trend==="down"?"text-red-500":"text-gray-500",o=e.sparkline?.map((s,l)=>({value:s,idx:l}));return jsxs("div",{className:"p-4 rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 relative overflow-hidden",children:[o&&o.length>0&&jsx("div",{className:"absolute bottom-0 left-0 right-0 h-10 opacity-30",children:jsx(ResponsiveContainer,{width:"100%",height:"100%",children:jsx(AreaChart,{data:o,margin:{top:0,right:0,left:0,bottom:0},children:jsx(Area,{type:"monotone",dataKey:"value",stroke:e.color||a,fill:e.color||a,strokeWidth:1,isAnimationActive:r})})})}),jsxs("div",{className:"relative z-10",children:[jsx("span",{className:"text-xs text-gray-500 font-medium uppercase tracking-wider",children:e.label}),jsxs("div",{className:"flex items-baseline gap-1 mt-1",children:[jsx("span",{className:"text-2xl font-bold",children:e.value}),e.unit&&jsx("span",{className:"text-sm text-gray-500",children:e.unit})]}),(e.trend||e.change)&&jsxs("div",{className:"flex items-center gap-1 mt-2",children:[t,e.change&&jsx("span",{className:i("text-sm font-medium",n),children:e.change}),e.changeLabel&&jsx("span",{className:"text-xs text-gray-500",children:e.changeLabel})]})]})]})}function Tt({data:e,config:a,isStreaming:r=false}){let{metrics:t,layout:n="row"}=e,o=a?.colors||Ws,s=a?.animate!==false&&!r,l=n==="grid";return jsx("div",{className:i("w-full",l?"grid grid-cols-1 sm:grid-cols-2 gap-4":"flex gap-4 flex-wrap"),children:t.map((c,d)=>jsx("div",{className:i(!l&&"flex-1 min-w-[200px]"),children:jsx(js,{metric:c,color:c.color||o[d%o.length],animate:s})},d))})}var Zs={js:"javascript",ts:"typescript",jsx:"jsx",tsx:"tsx",py:"python",rb:"ruby",rs:"rust",go:"go",java:"java",cpp:"cpp",c:"c",cs:"csharp",sh:"bash",bash:"bash",sql:"sql",html:"html",css:"css",json:"json",yaml:"yaml",yml:"yaml",xml:"xml",md:"markdown",graphql:"graphql"};function Dt({data:e}){let{code:a,language:r,lineNumbers:t=true,highlightLines:n=[],startLine:o=1}=e,[s,l]=useState(false),c=Zs[r.toLowerCase()]||r.toLowerCase(),d=async()=>{try{await navigator.clipboard.writeText(a),l(!0);}catch{}};return useEffect(()=>{if(s){let h=setTimeout(()=>l(false),2e3);return ()=>clearTimeout(h)}},[s]),jsxs("div",{className:"relative rounded-lg overflow-hidden border border-gray-200 dark:border-gray-700",children:[jsxs("div",{className:"flex items-center justify-between px-3 py-1.5 bg-gray-800 dark:bg-gray-900 border-b border-gray-700",children:[jsxs("div",{className:"flex items-center gap-2",children:[jsx(FileText,{size:16,className:"text-gray-400"}),jsx("span",{className:"text-xs font-mono text-gray-400 lowercase",children:c})]}),jsx("button",{onClick:d,className:"flex items-center gap-1 px-2 py-1 text-xs rounded hover:bg-white/10 transition-colors text-gray-400 hover:text-gray-200",title:s?"Copied!":"Copy code",children:s?jsx(Check,{size:14,className:"text-green-400"}):jsx(Copy,{size:14})})]}),jsx(Prism,{language:c,style:oneDark,showLineNumbers:t,startingLineNumber:o,wrapLines:true,lineProps:h=>{let k={};return n.includes(h)&&(k.backgroundColor="rgba(59, 130, 246, 0.1)",k.display="block",k.borderLeft="3px solid #3B82F6",k.paddingLeft="8px",k.marginLeft="-11px"),{style:k}},customStyle:{margin:0,borderRadius:0,fontSize:"0.8125rem",lineHeight:"1.6",background:"#1e1e1e"},codeTagProps:{style:{fontFamily:"'Fira Code', 'JetBrains Mono', monospace"}},children:a.trim()})]})}function Et({data:e,config:a,isStreaming:r=false,onAction:t}){let{fields:n,submitAction:o}=e,s=a?.submitButtonText||"Submit",l=a?.cancelButtonText||"Cancel",[c,d]=useState(()=>{let b={};return n.forEach(v=>{v.defaultValue!==void 0?b[v.name]=v.defaultValue:v.type==="multiselect"?b[v.name]=[]:v.type==="checkbox"?b[v.name]=false:b[v.name]="";}),b}),[g,h]=useState({}),[k,x]=useState(false),u=(b,v)=>{d(m=>({...m,[b]:v})),g[b]&&h(m=>{let U={...m};return delete U[b],U});},y=()=>{let b={};return n.forEach(v=>{let m=c[v.name];if(v.required&&(m==null||m===""||Array.isArray(m)&&m.length===0)){b[v.name]=`${v.label} is required`;return}if(!(!m&&!v.required)){if(v.validation){let{min:U,max:S,pattern:q,message:L}=v.validation;U!==void 0&&typeof m=="number"&&m<U&&(b[v.name]=L||`Minimum value is ${U}`),S!==void 0&&typeof m=="number"&&m>S&&(b[v.name]=L||`Maximum value is ${S}`),q&&typeof m=="string"&&!new RegExp(q).test(m)&&(b[v.name]=L||"Invalid format");}v.type==="email"&&typeof m=="string"&&m&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(m)&&(b[v.name]="Invalid email address");}}),h(b),Object.keys(b).length===0},w=b=>{b.preventDefault(),y()&&(t?t({type:"form_submit",action:o||"",data:c}):window.dispatchEvent(new CustomEvent("visualization-form-submit",{detail:{action:o,data:c}})),x(true));},P=()=>{t?t({type:"form_cancel",action:o||""}):window.dispatchEvent(new CustomEvent("visualization-form-cancel",{detail:{action:o}}));};if(k)return jsxs("div",{className:"text-center py-8",children:[jsx("p",{className:"text-lg font-semibold text-green-500 mb-1",children:"Form Submitted"}),jsx("p",{className:"text-sm text-gray-500",children:"Your response has been recorded."})]});let M="w-full px-3 py-2 text-sm rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-900 focus:ring-2 focus:ring-blue-500/20 focus:border-blue-500 outline-none transition-colors",$="border-red-500 focus:ring-red-500/20 focus:border-red-500",z=b=>{let v=c[b.name],U=!!g[b.name];switch(b.type){case "text":case "email":case "number":return jsx("input",{type:b.type,placeholder:b.placeholder,required:b.required,value:String(v||""),onChange:S=>u(b.name,b.type==="number"?parseFloat(S.target.value)||"":S.target.value),className:i(M,U&&$),min:b.validation?.min,max:b.validation?.max});case "textarea":return jsx("textarea",{placeholder:b.placeholder,required:b.required,value:String(v||""),onChange:S=>u(b.name,S.target.value),className:i(M,"min-h-[100px] resize-y",U&&$),rows:4});case "select":return jsxs("select",{value:String(v||""),onChange:S=>u(b.name,S.target.value),className:i(M,U&&$),children:[jsx("option",{value:"",disabled:true,children:b.placeholder||"Select an option"}),b.options?.map(S=>jsx("option",{value:S.value,children:S.label},S.value))]});case "multiselect":return jsx("select",{multiple:true,value:v||[],onChange:S=>u(b.name,Array.from(S.target.selectedOptions,q=>q.value)),className:i(M,"min-h-[80px]",U&&$),children:b.options?.map(S=>jsx("option",{value:S.value,children:S.label},S.value))});case "checkbox":return jsxs("label",{className:"flex items-center gap-2 cursor-pointer",children:[jsx("input",{type:"checkbox",checked:!!v,onChange:S=>u(b.name,S.target.checked),className:"w-4 h-4 accent-blue-500 rounded"}),jsx("span",{className:"text-sm",children:b.label})]});case "radio":return jsx("div",{className:"space-y-1",children:b.options?.map(S=>jsxs("label",{className:"flex items-center gap-2 cursor-pointer text-sm",children:[jsx("input",{type:"radio",name:b.name,value:S.value,checked:v===S.value,onChange:q=>u(b.name,q.target.value),className:"w-3.5 h-3.5 accent-blue-500"}),S.label]},S.value))});case "date":return jsx("input",{type:"date",value:String(v||""),onChange:S=>u(b.name,S.target.value),className:i(M,U&&$)});case "datetime":return jsx("input",{type:"datetime-local",value:String(v||""),onChange:S=>u(b.name,S.target.value),className:i(M,U&&$)});default:return null}};return jsxs("form",{onSubmit:w,className:"space-y-4",children:[n.map(b=>jsxs("div",{children:[b.type!=="checkbox"&&jsxs("label",{className:"block text-sm font-medium mb-1",children:[b.label,b.required&&jsx("span",{className:"text-red-500 ml-0.5",children:"*"})]}),z(b),g[b.name]&&jsx("p",{className:"text-xs text-red-500 mt-1",children:g[b.name]})]},b.name)),jsxs("div",{className:"flex gap-2 pt-2",children:[jsx("button",{type:"submit",disabled:r,className:"px-4 py-2 text-sm rounded-lg bg-blue-500 text-white hover:bg-blue-600 disabled:opacity-50 transition-colors",children:s}),jsx("button",{type:"button",onClick:P,className:"px-4 py-2 text-sm rounded-lg border border-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors",children:l})]})]})}var Ya="__miiflow_visualization_registry__",Mt=globalThis[Ya]??(globalThis[Ya]=new Map);function Ae(e,a){Mt.set(e,a);}function Rt(e){return Mt.get(e)}function Za(){return Array.from(Mt.keys())}Ae("chart",{component:Ct});Ae("table",{component:St});Ae("card",{component:zt});Ae("kpi",{component:Tt});Ae("code_preview",{component:Dt});Ae("form",{component:Et});function Ja(e){for(let[a,r]of Object.entries(e)){let t=Mt.get(a);t&&(t.schema=r);}}var Js=z.object({name:z.string(),data:z.array(z.union([z.object({x:z.union([z.string(),z.number()]),y:z.number()}),z.object({name:z.string(),value:z.number()})])),color:z.string().nullish()}),Qa=z.object({label:z.string().nullish(),type:z.enum(["category","number","time"]).nullish(),min:z.number().nullish(),max:z.number().nullish()}),aa=z.object({chartType:z.enum(["line","bar","pie","area","scatter","composed"]),series:z.array(Js),xAxis:Qa.nullish(),yAxis:Qa.nullish()}),Qs=z.object({key:z.string(),label:z.string(),type:z.enum(["string","number","currency","date","badge","link","boolean","progress"]).nullish(),align:z.enum(["left","center","right"]).nullish(),width:z.string().nullish()}),ra=z.object({columns:z.array(Qs),rows:z.array(z.record(z.string(),z.unknown()))}),ei=z.object({title:z.string().nullish(),items:z.array(z.object({label:z.string(),value:z.union([z.string(),z.number()])})).nullish(),content:z.string().nullish()}),ti=z.object({label:z.string(),action:z.string(),variant:z.enum(["primary","secondary","text"]).nullish()}),na=z.object({subtitle:z.string().nullish(),imageUrl:z.string().nullish(),sections:z.array(ei),actions:z.array(ti).nullish()}),ai=z.object({label:z.string(),value:z.union([z.string(),z.number()]),unit:z.string().nullish(),trend:z.enum(["up","down","neutral"]).nullish(),change:z.string().nullish(),changeLabel:z.string().nullish(),sparkline:z.array(z.number()).nullish(),color:z.string().nullish()}),oa=z.object({metrics:z.array(ai),layout:z.enum(["row","grid"]).nullish()}),sa=z.object({code:z.string(),language:z.string(),lineNumbers:z.boolean().nullish(),highlightLines:z.array(z.number()).nullish(),startLine:z.number().nullish()}),ri=z.object({name:z.string(),type:z.enum(["text","number","email","select","multiselect","checkbox","radio","textarea","date","datetime"]),label:z.string(),required:z.boolean().nullish(),placeholder:z.string().nullish(),options:z.array(z.object({value:z.string(),label:z.string()})).nullish(),defaultValue:z.unknown().nullish(),validation:z.object({min:z.number().nullish(),max:z.number().nullish(),pattern:z.string().nullish(),message:z.string().nullish()}).nullish()}),ia=z.object({fields:z.array(ri),submitAction:z.string().nullish()});Ja({chart:aa,table:ra,card:na,kpi:oa,code_preview:sa,form:ia});function rt({data:e,isStreaming:a=false,onAction:r}){let{type:t,title:n,description:o,data:s,config:l}=e;return jsxs("div",{className:"my-3 overflow-hidden",children:[(n||o)&&jsxs("div",{className:"mb-2",children:[n&&jsx("p",{className:"text-sm font-semibold",children:n}),o&&jsx("p",{className:"text-xs text-gray-500 mt-0.5",children:o})]}),jsx("div",{children:(()=>{let d=Rt(t);if(t==="auth_prompt"){let h=globalThis.__miiflow_visualization_registry__;console.log("[chat-ui VizRenderer] auth_prompt lookup:",{found:!!d,globalThisExists:!!h,globalThisSize:h?.size,globalThisHas:h?.has?.("auth_prompt"),globalThisKeys:h?Array.from(h.keys()):[]});}if(!d)return jsxs("div",{className:"flex items-center gap-2 p-4 text-yellow-500",children:[jsx(AlertCircle,{size:20}),jsxs("span",{className:"text-sm",children:["Unknown visualization type: ",t]})]});if(d.schema){let h=d.schema.safeParse(s);if(!h.success){let k=h.error.issues.slice(0,3);return jsxs("div",{className:"p-4 rounded-lg border border-red-200 dark:border-red-800 bg-red-50 dark:bg-red-950/30",children:[jsxs("div",{className:"flex items-center gap-2 text-red-600 dark:text-red-400 mb-2",children:[jsx(AlertCircle,{size:18}),jsxs("span",{className:"text-sm font-medium",children:["Invalid ",t," visualization data"]})]}),jsxs("ul",{className:"text-xs text-red-500 dark:text-red-400 space-y-1 list-disc list-inside",children:[k.map((x,u)=>jsxs("li",{children:[x.path.join("."),": ",x.message]},u)),h.error.issues.length>3&&jsxs("li",{children:["...and ",h.error.issues.length-3," more"]})]})]})}}let g=d.component;return jsx(g,{data:s,config:l,isStreaming:a,onAction:r})})()})]})}var tr=/\[(VIZ|MEDIA):([a-f0-9-]+)\]/gi;function ar(e){let a=[],r=0,t;for(tr.lastIndex=0;(t=tr.exec(e))!==null;){if(t.index>r){let o=e.slice(r,t.index);o.trim()&&a.push({type:"text",content:o});}t[1].toUpperCase()==="VIZ"?a.push({type:"viz",id:t[2]}):a.push({type:"media",id:t[2]}),r=t.index+t[0].length;}if(r<e.length){let n=e.slice(r);n.trim()&&a.push({type:"text",content:n});}return a}var rr=forwardRef(({message:e,viewerRole:a$1="user",className:r,showAvatar:t=true,showTimestamp:n=true,renderMarkdown:o=true,reasoning:s,executionPlan:l,executionTimeline:c$1,suggestedActions:d$1,onSuggestedAction:g,reasoningExpanded:h,onReasoningExpandedChange:k,citations:x,visualizations:u,medias:y,baselineFontSize:w,executionTime:P,pendingClarification:M,onClarificationSubmit:$,onMemoryFeedback:z,memoryFeedbackState:b},v)=>{let U=useContext(a)?.onVisualizationAction,S=(e.participant?.role||"").toLowerCase(),q=(a$1||"").toLowerCase(),L=S===q,Ne=S==="assistant",K=e.isStreaming,Ce=s?.filter(T=>T.type==="thinking"||T.type==="tool"||T.type==="observation"||T.type==="planning"||T.type==="subtask"||T.type==="wave_start"||T.type==="wave_complete"||T.type==="parallel_subtask_start"||T.type==="parallel_subtask_complete"||T.type==="multi_agent_planning"||T.type==="subagent_start"||T.type==="subagent_complete"||T.type==="subagent_failed"||T.type==="synthesis"||T.type==="claude_thinking"||T.type==="subagent"||T.type==="file_operation"||T.type==="terminal"||T.type==="search_results"||T.type==="web_operation"||T.claudeToolData!=null),xe=Ce&&Ce.length>0,Le=!K&&(l||c$1&&c$1.length>0),Ve=xe||Le,Pe=K&&!e.textContent&&!Ve,Fe=e.attachments,N=Fe&&Fe.length>0,R=useMemo(()=>{if(!u||u.length===0)return null;let T=new Map;return u.forEach(F=>T.set(F.id,F)),T},[u]),H=R&&R.size>0,ee=useMemo(()=>!H||!e.textContent?null:ar(e.textContent),[H,e.textContent]),Z=useMemo(()=>!y||y.length===0||!e.textContent?e.textContent:e.textContent.replace(/\[MEDIA:[a-f0-9-]+\]/gi,"").trim(),[e.textContent,y]),f=()=>{if(!e.textContent)return null;if(ee&&ee.length>0&&H){let T=new Set;return jsx(Fragment,{children:ee.map((F,te)=>{if(F.type==="text")return K?jsx(Qe,{content:F.content,isStreaming:true,baselineFontSize:w},te):jsx(de,{baselineFontSize:w,className:L?"prose-invert":"",children:F.content},te);if(F.type==="viz"){if(T.has(F.id))return null;let ba=R?.get(F.id);return ba?(T.add(F.id),jsx(rt,{data:ba,isStreaming:K,onAction:U},`viz-${F.id}`)):null}return null})})}return K&&o?jsx(Qe,{content:Z||"",isStreaming:true,baselineFontSize:w,className:L?"prose-invert":""}):o?jsx(de,{baselineFontSize:w,className:L?"prose-invert":"",children:Z||""}):jsx("p",{className:"whitespace-pre-wrap",children:Z})},A=()=>{if(!y||y.length===0)return null;let T=Z||"",F=y.filter(te=>te.mediaType!=="image"?true:!T.includes(te.url));return F.length===0?null:F.map(te=>te.mediaType==="image"?jsx("div",{className:"my-3",children:jsx("img",{src:te.url,alt:te.altText||"Generated image",className:"max-w-full rounded-lg",style:{maxHeight:512,display:"block"}})},`media-${te.id}`):null)},C=useRef(K);K&&(C.current=true);let V=!K&&!C.current;return jsx(c,{ref:v,message:e,viewerRole:a$1,className:i("w-full",V&&"animate-message-in",r),children:jsxs("div",{className:i("flex flex-col gap-1 w-full"),"data-is-viewer":L,children:[Pe&&jsxs("div",{className:i("flex items-start gap-2 w-full"),children:[t&&!L&&jsx("div",{className:"flex-shrink-0",children:jsx(Te,{name:e.participant?.name,src:e.participant?.avatarUrl,role:e.participant?.role,className:"w-10 h-10 flex-shrink-0"})}),jsx("div",{className:"px-4 py-3",children:jsx(Ye,{size:"small"})})]}),Ve&&Ne&&jsx("div",{className:"w-full max-w-[80%]",children:jsx(Zt,{isStreaming:K,chunks:Ce,plan:l,executionTimeline:c$1,userMessageTimestamp:e.createdAt?new Date((typeof e.createdAt=="string",e.createdAt)).getTime()/1e3:void 0,executionTime:P,expanded:h,onExpandedChange:k})}),e.textContent&&jsxs("div",{className:i("group flex items-start gap-2 w-full",L?"flex-row-reverse":"flex-row"),children:[t&&!L&&jsx("div",{className:"flex-shrink-0",children:jsx(Te,{name:e.participant?.name,src:e.participant?.avatarUrl,role:e.participant?.role,className:"w-10 h-10 flex-shrink-0"})}),jsxs("div",{className:i("max-w-[85%]","flex flex-col"),"data-message-role":L?"viewer":"other",children:[jsxs("div",{className:i("rounded-2xl",L||t?"px-4 py-3":""),style:{backgroundColor:L?"var(--chat-user-message-bg)":"transparent",color:L?"var(--chat-user-message-text, #ffffff)":"var(--chat-text)"},children:[jsx(d,{children:f()}),A(),u&&u.length>0&&(()=>{let T=e.textContent||"",F=u.filter(te=>!T.includes(`[VIZ:${te.id}]`));return F.length===0?null:F.map(te=>jsx("div",{className:"my-3",children:jsx(rt,{data:te,isStreaming:K,onAction:U})},`viz-unreferenced-${te.id}`))})(),x&&x.length>0&&jsx("div",{className:"mt-2 pt-2 border-t border-[var(--chat-border)]",children:jsx(jt,{sources:x,onMemoryFeedback:z,memoryFeedbackState:b})})]}),N&&jsx("div",{className:"mt-2",children:jsx(qt,{attachments:Fe})}),!K&&(n&&e.createdAt||Ne&&e.textContent)&&jsxs("div",{className:i("flex items-center gap-2 mt-1",L&&"flex-row-reverse"),children:[n&&e.createdAt&&jsx(li,{createdAt:typeof e.createdAt=="string"?e.createdAt:e.createdAt.toISOString(),isViewer:L}),Ne&&e.textContent&&jsx(Ut,{textContent:e.textContent})]})]})]}),e.error&&jsxs("div",{className:i("flex items-start gap-2 w-full max-w-[85%]","rounded-lg border px-3 py-2 mt-1"),style:{borderColor:"var(--chat-error, #B1001B)",backgroundColor:"color-mix(in srgb, var(--chat-error, #B1001B) 6%, transparent)",color:"var(--chat-error, #B1001B)"},children:[jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"flex-shrink-0 mt-0.5",children:[jsx("path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"}),jsx("line",{x1:"12",y1:"9",x2:"12",y2:"13"}),jsx("line",{x1:"12",y1:"17",x2:"12.01",y2:"17"})]}),jsx("span",{className:"text-sm",children:e.error.message})]}),!e.textContent&&t&&!L&&Ve&&!Pe&&jsx("div",{className:"flex items-start gap-2 w-full",children:jsx("div",{className:"flex-shrink-0",children:jsx(Te,{name:e.participant?.name,src:e.participant?.avatarUrl,role:e.participant?.role,className:"w-10 h-10 flex-shrink-0"})})}),M&&!K&&$&&jsx("div",{className:"w-full max-w-[80%]",children:jsx(Ht,{clarification:M,onSubmit:$})}),d$1&&d$1.length>0&&!K&&jsx("div",{className:"w-full max-w-[80%]",children:jsx(vt,{actions:d$1,onSelect:g})})]})})});rr.displayName="Message";function li({createdAt:e}){return jsx("span",{className:"text-xs text-[var(--chat-text-subtle)]",children:(r=>{try{return new Date(r).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}catch{return ""}})(e)})}var yi=100*1024*1024,vi=["image/jpeg","image/jpg","image/png","image/gif","image/webp","image/svg+xml","image/bmp"],ki=["application/pdf","text/plain","text/csv","text/markdown","application/json","text/json","application/msword","application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/vnd.ms-excel","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],wi=["video/mp4","video/webm","video/ogg","video/avi","video/mov","video/wmv","video/flv","video/mkv"],Ni=[...vi,...ki,...wi];function or(e){if(e===0)return "0 Bytes";let a=1024,r=["Bytes","KB","MB","GB"],t=Math.floor(Math.log(e)/Math.log(a));return parseFloat((e/Math.pow(a,t)).toFixed(2))+" "+r[t]}function Ci(e,a,r){return e.size>r?`File size (${or(e.size)}) exceeds max (${or(r)})`:a.includes(e.type)?null:`File type ${e.type||"unknown"} is not allowed`}function Si({attachments:e,onRemove:a,disabled:r}){return e.length===0?null:jsx("div",{className:"flex flex-wrap gap-2 px-3 pt-3 pb-0",children:e.map(t=>{let n=t.file.type.startsWith("image/"),o=t.status==="error",s=t.status==="uploading";return jsxs("div",{className:i("relative flex items-center gap-1.5 px-2 py-1.5 rounded-lg text-xs max-w-[200px]",o?"bg-red-50 dark:bg-red-900/30 text-red-600 dark:text-red-400":"bg-gray-100 dark:bg-zinc-700 text-gray-600 dark:text-zinc-300"),children:[s?jsx(Loader2,{size:14,className:"flex-shrink-0 animate-spin"}):o?jsx(AlertCircle,{size:14,className:"flex-shrink-0"}):n&&t.previewUrl?jsx("img",{src:t.previewUrl,alt:t.file.name,className:"w-5 h-5 rounded object-cover"}):n?jsx(Image,{size:14,className:"flex-shrink-0"}):jsx(FileText,{size:14,className:"flex-shrink-0"}),jsx("span",{className:"truncate",title:o?t.error:t.file.name,children:o?t.error:t.file.name}),!r&&jsx("button",{type:"button",onClick:()=>a(t.id),className:"flex-shrink-0 ml-0.5 p-0.5 rounded-full hover:bg-gray-200 dark:hover:bg-zinc-600 transition-colors",children:jsx(X,{size:12})})]},t.id)})})}var ir=forwardRef(({onSubmit:e,onAttach:a,onUploadFile:r,onRemoveUploadedAttachment:t,disabled:n=false,supportsAttachments:o=true,allowedFileTypes:s=Ni,maxFileSize:l=yi,placeholder:c="Type a message...",className:d,isSubmitting:g=false,centered:h=false,isStreaming:k=false,onStopStreaming:x},u)=>{let[y,w]=useState(""),[P,M]=useState([]),[$,z]=useState(false),b=useRef(null),v=useRef(null),m=useRef(0),U=useRef(false),S=n||g,q=P.some(f=>f.status==="uploading"),L=P.filter(f=>f.status==="uploaded"&&f.attachmentId).map(f=>f.attachmentId),Ne=L.length>0||P.some(f=>f.status==="pending"),K=y.trim().length>0||Ne,Ce=useCallback(()=>{let f=v.current;f&&(f.style.height="auto",f.style.height=Math.min(f.scrollHeight,200)+"px");},[]);useEffect(()=>{Ce();},[y,Ce]);let xe=useCallback(async f=>{let A=f.map(C=>{let V=Ci(C,s,l),T={id:`${Date.now()}-${Math.random().toString(36).slice(2,9)}`,file:C,status:V?"error":r?"uploading":"pending",error:V||void 0};return !V&&C.type.startsWith("image/")&&(T.previewUrl=URL.createObjectURL(C)),T});if(M(C=>[...C,...A]),a?.(f),r){for(let C of A)if(C.status==="uploading")try{let V=await r(C.file);M(T=>T.map(F=>F.id===C.id?{...F,status:"uploaded",attachmentId:V}:F));}catch(V){M(T=>T.map(F=>F.id===C.id?{...F,status:"error",error:V instanceof Error?V.message:"Upload failed"}:F));}}},[s,l,r,a]),Le=useCallback(async()=>{if(!K||S||q||U.current)return;U.current=true;let f=y,A=P.filter(V=>V.status!=="error").map(V=>V.file),C=P;w(""),M([]);try{r&&L.length>0?await e(f,void 0,L):await e(f,A.length>0?A:void 0);}catch{w(f),M(C);}finally{U.current=false;}},[y,P,K,S,q,e,r,L]),Ve=useCallback(f=>{f.key==="Enter"&&!f.shiftKey&&(f.preventDefault(),!S&&!q&&Le());},[Le,S,q]),Pe=useCallback(f=>{let A=f.target.files;!A||A.length===0||(xe(Array.from(A)),f.target.value="");},[xe]),Fe=useCallback(f=>{if(!o||g)return;let A=f.clipboardData;if(!A)return;let C=[];for(let V of A.files)C.push(V);if(C.length===0&&A.items){for(let V of A.items)if(V.kind==="file"){let T=V.getAsFile();T&&C.push(T);}}C.length>0&&(f.preventDefault(),xe(C));},[o,g,xe]),N=useCallback(f=>{M(A=>{let C=A.find(V=>V.id===f);return C?.previewUrl&&URL.revokeObjectURL(C.previewUrl),C?.attachmentId&&t&&t(C.attachmentId),A.filter(V=>V.id!==f)});},[t]),R=useCallback(f=>{f.preventDefault(),f.stopPropagation(),!(!o||g)&&(m.current++,f.dataTransfer.types.includes("Files")&&z(true));},[o,g]),H=useCallback(f=>{f.preventDefault(),f.stopPropagation(),m.current--,m.current===0&&z(false);},[]),ee=useCallback(f=>{f.preventDefault(),f.stopPropagation();},[]),Z=useCallback(f=>{if(f.preventDefault(),f.stopPropagation(),m.current=0,z(false),!o||g)return;let A=Array.from(f.dataTransfer.files);A.length>0&&xe(A);},[o,g,xe]);return useEffect(()=>()=>{P.forEach(f=>{f.previewUrl&&URL.revokeObjectURL(f.previewUrl);});},[]),jsx("div",{ref:u,className:i("flex-shrink-0",h?"p-0 bg-transparent":"px-3 pb-3",d),style:h?{padding:0,background:"transparent",border:"none"}:void 0,onDragEnter:R,onDragLeave:H,onDragOver:ee,onDrop:Z,children:jsxs("div",{className:i("mx-auto max-w-[900px]","bg-white dark:bg-zinc-800","transition-all duration-200",h?"":"rounded-xl border border-gray-200 dark:border-zinc-700 shadow-sm focus-within:shadow-md focus-within:border-gray-300 dark:focus-within:border-zinc-600",$&&"ring-2 ring-blue-400 border-blue-400"),style:h?{borderRadius:"1rem",overflow:"hidden",backgroundColor:"var(--chat-composer-bg, #ffffff)",border:"1px solid var(--chat-composer-border, rgba(0,0,0,0.06))",boxShadow:"var(--chat-composer-shadow, 0 8px 30px rgba(0,0,0,0.08))"}:void 0,children:[$&&jsx("div",{className:"px-3 pt-3 pb-0",children:jsx("div",{className:"flex items-center justify-center py-4 rounded-lg border-2 border-dashed border-blue-300 bg-blue-50 dark:bg-blue-900/20 text-blue-500 text-sm",children:"Drop files here"})}),jsx(Si,{attachments:P,onRemove:N,disabled:g}),jsxs("div",{className:i("flex items-center gap-2",h?"p-4":"p-3",P.length>0&&"pt-1.5"),style:h?{padding:"1rem"}:void 0,children:[o&&jsx("button",{type:"button",onClick:()=>b.current?.click(),disabled:g,className:i("flex-shrink-0","w-8 h-8 rounded-lg","flex items-center justify-center","border border-gray-200 dark:border-zinc-600","text-gray-500 dark:text-zinc-400","hover:bg-gray-50 dark:hover:bg-zinc-700","disabled:opacity-40 disabled:cursor-not-allowed","transition-colors"),children:jsx(Paperclip,{size:16})}),jsx("div",{className:"flex-1 min-w-0 flex items-center",children:jsx("textarea",{ref:v,value:y,onChange:f=>w(f.target.value),onKeyDown:Ve,onPaste:Fe,disabled:S,placeholder:c,rows:1,className:i("w-full resize-none outline-none","p-0 border-0 shadow-none","min-h-[24px] max-h-[200px]","text-sm leading-relaxed","text-gray-900 dark:text-zinc-100","placeholder:text-gray-400 dark:placeholder:text-zinc-500","bg-transparent","disabled:opacity-50 disabled:cursor-not-allowed")})}),k&&x?jsxs("div",{className:"relative flex-shrink-0 w-9 h-9",children:[jsx("span",{className:"absolute inset-0 rounded-lg bg-gray-400 dark:bg-zinc-400",style:{animation:"streaming-flash 3s ease-in-out infinite"}}),jsx("button",{type:"button",onClick:x,className:i("relative w-full h-full rounded-lg","flex items-center justify-center","bg-gray-900 dark:bg-zinc-100 text-white dark:text-zinc-900","hover:bg-gray-700 dark:hover:bg-zinc-300","transition-colors duration-200"),children:jsx(Square,{size:14,fill:"currentColor"})})]}):jsx("button",{type:"button",onClick:Le,disabled:!K||S||q,className:i("flex-shrink-0","w-9 h-9 rounded-lg","flex items-center justify-center","bg-gray-900 dark:bg-zinc-100 text-white dark:text-zinc-900","shadow-sm","hover:bg-gray-700 dark:hover:bg-zinc-300 hover:shadow-md","active:shadow-sm","disabled:bg-gray-200 dark:disabled:bg-zinc-700 disabled:text-gray-400 dark:disabled:text-zinc-500 disabled:shadow-none disabled:cursor-not-allowed","transition-all duration-200"),children:g||q?jsx(Loader2,{size:16,className:"animate-spin"}):jsx(ArrowUp,{size:16})})]}),o&&jsx("input",{ref:b,type:"file",multiple:true,accept:s.join(","),onChange:Pe,className:"hidden"})]})})});ir.displayName="MessageComposer";function pa({isAtBottom:e,onScrollToBottom:a,className:r}){return jsx("button",{type:"button",onClick:a,"aria-label":"Scroll to bottom",className:i("absolute bottom-4 left-1/2 -translate-x-1/2 z-10","flex items-center justify-center","w-8 h-8 rounded-full","bg-[var(--chat-bg,#ffffff)] border border-[var(--chat-border)]","shadow-subtle hover:shadow-button-hover","text-[var(--chat-text-subtle)] hover:text-[var(--chat-text)]","transition-all duration-200",e?"opacity-0 pointer-events-none translate-y-2":"opacity-100 translate-y-0",r),children:jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("path",{d:"M12 5v14"}),jsx("path",{d:"m19 12-7 7-7-7"})]})})}var cr=forwardRef(({children:e,autoScroll:a=true,showScrollToBottom:r=true,className:t},n)=>{let{containerRef:o,scrollToBottom:s,isAtBottom:l}=a$1({enabled:a});return jsxs("div",{className:"relative flex-1 overflow-hidden",style:{mask:"linear-gradient(to bottom, black 0%, black calc(100% - 20px), transparent 100%)",WebkitMask:"linear-gradient(to bottom, black 0%, black calc(100% - 20px), transparent 100%)"},children:[jsx("div",{ref:d=>{o.current=d,typeof n=="function"?n(d):n&&(n.current=d);},className:i("h-full overflow-y-auto","flex flex-col gap-4 p-4 pb-12","chat-scrollbar",t),children:e}),r&&jsx(pa,{isAtBottom:l,onScrollToBottom:()=>s("smooth")})]})});cr.displayName="MessageList";function Di({label:e,className:a}){return jsxs("div",{className:`flex items-center gap-3 py-6 select-none ${a??""}`,role:"separator",children:[jsx("div",{className:"flex-1 h-px bg-[var(--chat-border)]"}),jsx("span",{className:"text-xs font-medium text-[var(--chat-text-subtle)] whitespace-nowrap",children:e}),jsx("div",{className:"flex-1 h-px bg-[var(--chat-border)]"})]})}var pr=forwardRef(({className:e},a)=>jsx(r,{ref:a,className:i("inline-flex items-center gap-1","px-4 py-3",e),children:jsx(Ye,{size:"small"})}));pr.displayName="TypingIndicator";function Li({title:e,subtitle:a,logo:r,actions:t,showClose:n,onClose:o,loading:s,className:l,style:c}){let[d,g]=useState(false),h=useRef(null),k=useRef(null);return useEffect(()=>{let x=u=>{let y=u.composedPath();h.current&&!y.includes(h.current)&&k.current&&!y.includes(k.current)&&g(false);};if(d)return document.addEventListener("mousedown",x),()=>document.removeEventListener("mousedown",x)},[d]),jsxs("header",{className:i("flex items-center justify-between gap-3","px-4 py-3","border-b border-[var(--chat-border)]","bg-[var(--chat-header-bg,#ffffff)]",l),style:c,children:[jsxs("div",{className:"flex items-center gap-3 flex-1 min-w-0",children:[r&&jsx("div",{className:"flex-shrink-0",children:typeof r=="string"?jsx("img",{src:r,alt:"",className:"w-10 h-10 rounded-lg object-contain"}):r}),jsxs("div",{className:"flex flex-col min-w-0",children:[s?jsx("div",{className:"h-5 w-24 bg-gray-200 rounded animate-pulse"}):jsx("h1",{className:"text-lg font-semibold text-[var(--chat-text)] truncate",children:e}),a&&jsx("p",{className:"text-sm text-[var(--chat-text-subtle)] truncate",children:a})]})]}),jsxs("div",{className:"flex items-center gap-1 flex-shrink-0",children:[t&&t.length>0&&jsxs("div",{className:"relative",children:[jsx("button",{ref:k,onClick:()=>g(!d),className:i("p-2 rounded-lg","text-[var(--chat-text-subtle)]","hover:bg-[var(--chat-panel-bg)] hover:text-[var(--chat-text)]","transition-colors duration-200"),"aria-label":"Menu","aria-expanded":d,children:jsx(MoreVertical,{size:18})}),d&&jsx("div",{ref:h,className:i("absolute right-0 top-full mt-1 z-50","min-w-[180px]","bg-white rounded-lg shadow-lg","border border-[var(--chat-border)]","py-1","animate-fade-in"),children:t.map(x=>jsxs("button",{onClick:()=>{x.onClick(),g(false);},disabled:x.disabled,className:i("w-full flex items-center gap-2 px-3 py-2","text-sm text-left","text-[var(--chat-text)]","hover:bg-[var(--chat-panel-bg)]","disabled:opacity-50 disabled:cursor-not-allowed","transition-colors duration-150"),children:[x.icon&&jsx("span",{className:"flex-shrink-0 text-[var(--chat-text-subtle)]",children:x.icon}),x.label]},x.id))})]}),n&&o&&jsx("button",{onClick:o,className:i("p-2 rounded-lg","text-[var(--chat-text-subtle)]","hover:bg-[var(--chat-panel-bg)] hover:text-[var(--chat-text)]","transition-colors duration-200"),"aria-label":"Close",children:jsx(X,{size:18})})]})]})}function Vi({toolName:e,status:a,description:r,className:t}){return jsxs("div",{className:i("relative flex items-center gap-2 py-1 px-2 rounded-md text-sm overflow-hidden",a==="running"&&"animate-shimmer",t),children:[jsx(Fi,{status:a}),jsx("span",{className:"font-medium text-[var(--chat-text)]",children:e}),r&&jsx("span",{className:"text-[var(--chat-text-subtle)] truncate",children:r})]})}function Fi({status:e}){switch(e){case "running":return jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"animate-spin text-[var(--chat-primary)]",children:jsx("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"})});case "complete":return jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"text-[var(--chat-secondary,#56C18A)]",children:[jsx("path",{d:"M22 11.08V12a10 10 0 1 1-5.93-9.14"}),jsx("polyline",{points:"22 4 12 14.01 9 11.01"})]});case "failed":return jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"text-[var(--chat-error,#B1001B)]",children:[jsx("circle",{cx:"12",cy:"12",r:"10"}),jsx("line",{x1:"15",y1:"9",x2:"9",y2:"15"}),jsx("line",{x1:"9",y1:"9",x2:"15",y2:"15"})]});case "pending":return jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"text-[var(--chat-text-subtle)]",children:[jsx("circle",{cx:"12",cy:"12",r:"10"}),jsx("polyline",{points:"12 6 12 12 16 14"})]})}}var ur=forwardRef(({isEmpty:e,header:a,welcomeScreen:r,messageList:t,composer:n,footer:o,className:s},l)=>jsx("div",{ref:l,"data-chat-ui":true,className:i("relative h-full overflow-hidden flex flex-col min-h-0",s),children:jsx(AnimatePresence,{mode:"wait",children:e&&r?jsxs(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.3},className:"flex-1 flex flex-col overflow-hidden min-h-0",children:[a,r]},"welcome"):jsxs(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.4},className:"flex-1 flex flex-col overflow-hidden min-h-0",children:[a,jsx(motion.div,{initial:{opacity:0,y:-20},animate:{opacity:1,y:0},transition:{duration:.4,delay:.1},className:"flex-1 overflow-hidden flex flex-col min-h-0",children:t}),jsxs(motion.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.4,delay:.2},className:"relative z-10",children:[o,n]})]},"active")})}));ur.displayName="ChatLayout";function Ui(e,a=3e3){let[r,t]=useState(0),n=useRef(null);return useEffect(()=>{if(e.length<=1)return;let o=()=>{n.current=setInterval(()=>{t(l=>(l+1)%e.length);},a);},s=()=>{document.visibilityState!=="visible"?n.current&&(clearInterval(n.current),n.current=null):o();};return o(),document.addEventListener("visibilitychange",s),()=>{n.current&&clearInterval(n.current),document.removeEventListener("visibilitychange",s);}},[e,a]),e[r]??""}function Ki({placeholder:e,onSubmit:a,disabled:r,supportsAttachments:t}){let[n,o]=useState(""),[s,l]=useState([]),c=useRef(null),d=useRef(null);useEffect(()=>{c.current&&(c.current.style.height="auto",c.current.style.height=c.current.scrollHeight+"px");},[n]);let g=u=>{u.key==="Enter"&&!u.shiftKey&&(u.preventDefault(),h());},h=()=>{!n.trim()&&s.length===0||r||(a(n.trim(),s.length>0?s:void 0),o(""),l([]));},k=u=>{u.target.files&&l(y=>[...y,...Array.from(u.target.files)]),u.target.value="";},x=u=>{l(y=>y.filter((w,P)=>P!==u));};return jsxs("form",{className:i("w-full relative mx-auto","rounded-2xl overflow-hidden","transition duration-200"),style:{borderRadius:"1rem",overflow:"hidden",backgroundColor:"var(--chat-composer-bg, #ffffff)",border:"1px solid var(--chat-composer-border, rgba(0,0,0,0.06))",boxShadow:"var(--chat-composer-shadow, 0 8px 30px rgba(0,0,0,0.08))"},onSubmit:u=>{u.preventDefault(),h();},children:[s.length>0&&jsx("div",{className:"flex flex-wrap gap-2 px-4 pt-3",children:s.map((u,y)=>jsxs("div",{className:i("flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-xs","bg-gray-100 dark:bg-zinc-700 text-gray-600 dark:text-zinc-300"),children:[jsx("span",{className:"max-w-[120px] truncate",children:u.name}),jsx("button",{type:"button",onClick:()=>x(y),className:"flex-shrink-0 text-gray-400 hover:text-gray-600 dark:hover:text-zinc-200",children:jsx(X,{size:12})})]},`${u.name}-${y}`))}),jsxs("div",{className:"flex items-center gap-2",style:{padding:"0.25rem 0"},children:[t&&jsx("button",{type:"button",onClick:()=>d.current?.click(),disabled:r,className:i("ml-3 flex-shrink-0","w-8 h-8 rounded-lg","flex items-center justify-center","text-gray-400 dark:text-zinc-500","hover:bg-gray-100 dark:hover:bg-zinc-700","hover:text-gray-600 dark:hover:text-zinc-300","disabled:opacity-40 disabled:cursor-not-allowed","transition-colors"),style:{marginLeft:"0.75rem"},children:jsx(Paperclip,{size:16})}),jsx("textarea",{ref:c,value:n,onChange:u=>o(u.target.value),onKeyDown:g,disabled:r,rows:1,placeholder:e,className:i("flex-1 text-sm sm:text-base","border-none bg-transparent","text-gray-900 dark:text-white","focus:outline-none focus:ring-0 resize-none","py-4 sm:py-5",t?"pl-1":"pl-4 sm:pl-6","placeholder:text-gray-400 dark:placeholder:text-zinc-500","disabled:opacity-50 disabled:cursor-not-allowed","max-h-[200px] overflow-y-auto"),style:{padding:"1rem 0.25rem",border:"none",background:"transparent",outline:"none",resize:"none"}}),jsx("button",{type:"submit",disabled:!n.trim()&&s.length===0||!!r,className:i("mr-3 flex-shrink-0","w-9 h-9 rounded-lg","flex items-center justify-center","bg-gray-900 dark:bg-zinc-600 text-white dark:text-zinc-100","shadow-sm","hover:bg-gray-700 dark:hover:bg-zinc-500","hover:shadow-md hover:-translate-y-px","active:translate-y-0 active:shadow-sm","disabled:bg-gray-300 dark:disabled:bg-zinc-700","disabled:text-gray-500 dark:disabled:text-zinc-400","disabled:shadow-none disabled:translate-y-0 disabled:cursor-not-allowed","transition-all duration-200"),style:{marginRight:"0.75rem",width:"2.25rem",height:"2.25rem",borderRadius:"0.5rem"},children:jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsx("path",{d:"M12 19V5M5 12l7-7 7 7"})})})]}),t&&jsx("input",{ref:d,type:"file",multiple:true,onChange:k,className:"hidden"})]})}function qi({text:e,onClick:a,index:r}){let t=useRef(null),n=useRef(typeof window<"u"?window.matchMedia("(prefers-reduced-motion: reduce)").matches:false),[o,s]=useState(null),l=useCallback(d=>{if(n.current)return;let g=d.currentTarget.getBoundingClientRect();s({x:d.clientX-g.left,y:d.clientY-g.top});},[]),c=useCallback(()=>{s(null);},[]);return jsx(motion.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.2+r*.1,duration:.4},children:jsxs("button",{ref:t,type:"button",onClick:a,onMouseMove:l,onMouseLeave:c,className:i("relative overflow-hidden","w-full text-left","p-3","cursor-pointer","border border-gray-200 dark:border-zinc-700","rounded-lg","transition-all duration-200 ease-out","bg-white dark:bg-zinc-800","hover:border-gray-300 dark:hover:border-zinc-600","hover:bg-gray-50 dark:hover:bg-zinc-750","hover:shadow-sm","active:bg-gray-100 dark:active:bg-zinc-700"),children:[o&&jsx("div",{className:"pointer-events-none absolute inset-0 z-0",style:{background:`radial-gradient(120px circle at ${o.x}px ${o.y}px, var(--chat-halo-primary, rgba(16,105,151,0.06)), transparent)`}}),jsxs("div",{className:"relative z-10 flex items-start gap-2.5",children:[jsx(MessageCircleQuestion,{size:16,strokeWidth:2,className:"mt-0.5 text-gray-400 dark:text-zinc-500 flex-shrink-0"}),jsx("span",{className:"text-sm text-gray-600 dark:text-zinc-300 leading-relaxed flex-1",children:e})]})]})})}var fr=forwardRef(({placeholders:e=[],suggestions:a=[],onSubmit:r,onSuggestionClick:t,welcomeText:n="How can I help you today?",supportsAttachments:o,composerSlot:s,className:l,assistantAvatar:c,assistantName:d},g)=>{let h=Ui(e),k=useCallback(x=>{t?.(x);},[t]);return jsxs("div",{ref:g,className:i("relative overflow-hidden","flex-1 flex items-center justify-center","px-4 sm:px-6",l),children:[jsx("div",{className:"pointer-events-none absolute inset-0 animate-welcome-halo",style:{background:"radial-gradient(ellipse 60% 50% at 50% 45%, var(--chat-halo-primary, rgba(16,105,151,0.06)), var(--chat-halo-secondary, rgba(86,193,138,0.03)) 60%, transparent 100%)"}}),jsxs(motion.div,{layout:true,initial:{scale:.95,y:20,opacity:0},animate:{scale:1,y:0,opacity:1},transition:{type:"spring",stiffness:200,damping:25},className:"relative w-full max-w-[800px] flex flex-col items-center gap-8",children:[n&&c?jsxs(motion.div,{initial:{opacity:0,y:-10},animate:{opacity:1,y:0},transition:{delay:.1,duration:.4},className:"flex items-start gap-2 w-full",children:[jsx("div",{className:"flex-shrink-0",children:jsx(Te,{name:d,src:c,role:"assistant",className:"w-10 h-10 flex-shrink-0"})}),jsx("div",{className:"rounded-2xl px-4 py-3",children:jsx("p",{style:{fontSize:"1rem",lineHeight:"1.5rem"},className:"text-base text-gray-800 dark:text-white",children:n})})]}):n?jsx(motion.h2,{initial:{opacity:0,y:-10},animate:{opacity:1,y:0},transition:{delay:.1,duration:.4},style:{fontSize:"1.5rem",lineHeight:"2rem",fontWeight:600},className:"text-2xl font-semibold text-gray-800 dark:text-white text-center",children:n}):null,jsx("div",{className:i("w-full rounded-2xl","transition-shadow duration-500","shadow-[0_0_15px_rgba(16,105,151,0.08)]","focus-within:shadow-[0_0_20px_rgba(16,105,151,0.15),0_0_40px_rgba(86,193,138,0.08)]","dark:shadow-[0_0_15px_rgba(255,255,255,0.04)]","dark:focus-within:shadow-[0_0_20px_rgba(255,255,255,0.08),0_0_40px_rgba(255,255,255,0.03)]"),children:s??jsx(Ki,{placeholder:h,onSubmit:(x,u)=>r?.(x,u),supportsAttachments:o})}),a.length>0&&jsx("div",{className:i("grid gap-3 w-full max-w-[900px]","grid-cols-1 sm:grid-cols-[repeat(auto-fit,minmax(250px,1fr))]"),children:a.map((x,u)=>jsx(qi,{text:x,onClick:()=>k(x),index:u},u))})]})]})});fr.displayName="WelcomeScreen";
+export{Li as $,xt as A,Zt as B,Qe as C,vt as D,Ct as E,St as F,zt as G,Tt as H,Dt as I,Et as J,Ae as K,Rt as L,Za as M,aa as N,ra as O,na as P,oa as Q,sa as R,ia as S,rt as T,ar as U,rr as V,ir as W,pa as X,cr as Y,Di as Z,pr as _,st as a,Vi as aa,i as b,ur as ba,za as c,fr as ca,Te as d,Ta as e,Ye as f,de as g,jt as h,_a as i,Jr as j,Ht as k,Ut as l,qt as m,ct as n,We as o,vn as p,Xt as q,dt as r,Sn as s,Ee as t,mt as u,ut as v,gt as w,ft as x,bt as y,ht as z};//# sourceMappingURL=chunk-VDFIXLNO.js.map
+//# sourceMappingURL=chunk-VDFIXLNO.js.map