sparkecoder 0.1.138 → 0.1.140

package/web/.next/standalone/web/.next/static/{static/chunks/3f50fe2a802aa800.js → chunks/b0cae7e255cae74d.js}

@@ -10,4 +10,4 @@ ${ez.updateCommand}`;ti(e),eF(!0)}catch(e){console.error("Failed to start update
 ${n.trim()}
 </sparkecoder-user-selected-elements>`;i=`${e}
 
-${i}`}let a=i,o=r?.map(e=>({type:e.type,data:e.data,mediaType:e.mediaType,filename:e.filename})),l={id:`user-${Date.now()}`,type:"user-message",content:e||(s?"Selected elements attached":""),attachments:o};c(e=>[...e,l]),x(!0),G(!1),eb.current=!0,X(""),J(""),Q(!1),et([]),eh.current="",em.current="",ep.current=[],ex.current=(0,xt.runAgent)(t.id,a||"Please analyze the attached files.",tn,{onStreamId:e=>H(e),attachments:r})},ti=async(e,t)=>{let r=!!(p&&p.trim());if(e.trim()||t&&0!==t.length||r){if(g){let r;return void(r={id:`q-${Date.now()}-${Math.random().toString(36).slice(2,6)}`,text:e,attachments:t,selectedElements:p},w(e=>[...e,r]),d(""),f(null))}d(""),f(null),await ts(e,t,p)}},ta=async e=>{let t=!!e.text?.trim(),r=!!e.files?.length,n=!!(p&&p.trim());if(!t&&!r&&!n)return;let s=[];if(r&&e.files.length>0){for(let t of e.files)if(t.url)try{let e=await fetch(t.url),r=await e.blob(),n=await new Promise(e=>{let t=new FileReader;t.onloadend=()=>e(t.result),t.readAsDataURL(r)}),i=t.mediaType||r.type||"application/octet-stream",a=i.startsWith("image/");s.push({type:a?"image":"file",data:n,mediaType:i,filename:t.filename})}catch(e){console.error("Failed to process attachment:",e)}}ti(e.text||"",s.length>0?s:void 0)},to=async()=>{try{await (0,xt.abortStream)(t.id)}catch(e){console.error("Failed to abort stream:",e)}if(ex.current&&(ex.current(),ex.current=null),em.current.trim()){let e={id:`reasoning-${Date.now()}`,type:"reasoning",content:em.current};c(t=>[...t,e])}if(eh.current.trim()){let e={id:`text-${Date.now()}`,type:"assistant-text",content:eh.current+" [stopped]"};c(t=>[...t,e])}X(""),J(""),Q(!1),et([]),H(null),eh.current="",em.current="",ep.current=[],ev.current=!1,x(!1),G(!1)},tl=(0,b.useRef)(ts);tl.current=ts;let tc=e=>{w(t=>t.map(t=>t.id===e?{...t,text:E}:t)),T(null),P("")},tu=async e=>{let t=y.find(t=>t.id===e);t&&(w(t=>t.filter(t=>t.id!==e)),g?(await to(),setTimeout(()=>{tl.current(t.text,t.attachments,t.selectedElements)},500)):tl.current(t.text,t.attachments,t.selectedElements))},td=async e=>{en(t=>t.filter(t=>t.id!==e.id));try{await (0,xt.approveExecution)(t.id,e.toolCallId)}catch(e){console.error("Failed to approve:",e)}},th=async e=>{en(t=>t.filter(t=>t.id!==e.id));try{await (0,xt.rejectExecution)(t.id,e.toolCallId,"User rejected")}catch(e){console.error("Failed to reject:",e)}},tm=async e=>{en(t=>t.filter(t=>t.id!==e.id));try{await (0,xt.approveExecution)(t.id,e.toolCallId);let r=await (0,xt.updateToolApproval)(t.id,e.toolName,!1,eE);eP(r.config||{})}catch(e){console.error("Failed to approve and disable:",e)}},tp=async(e,r)=>{try{let n=await (0,xt.updateToolApproval)(t.id,e,!r,eE);eP(n.config||{})}catch(e){console.error("Failed to update tool approval:",e)}},tf=e=>({ts:"typescript",tsx:"tsx",js:"javascript",jsx:"jsx",py:"python",rb:"ruby",go:"go",rs:"rust",java:"java",c:"c",cpp:"cpp",h:"c",hpp:"cpp",cs:"csharp",php:"php",swift:"swift",kt:"kotlin",scala:"scala",sh:"bash",bash:"bash",zsh:"bash",fish:"bash",ps1:"powershell",sql:"sql",html:"html",htm:"html",css:"css",scss:"scss",sass:"sass",less:"less",json:"json",yaml:"yaml",yml:"yaml",xml:"xml",md:"markdown",markdown:"markdown",txt:"plaintext",toml:"toml",ini:"ini",cfg:"ini",conf:"ini",dockerfile:"dockerfile",makefile:"makefile"})[e.split(".").pop()?.toLowerCase()||""]||"plaintext";return(0,v.jsxs)("div",{className:(0,k.cn)("flex flex-col h-full bg-background min-w-0 overflow-x-hidden",r&&"embed-mode text-[13px]"),children:[r&&(0,v.jsxs)("div",{className:"border-b border-border/50 px-2 py-1.5 flex items-center justify-between bg-card/50",children:[(0,v.jsx)(S.Button,{size:"icon",variant:"ghost",onClick:o,className:"size-6",children:(0,v.jsx)(xb.PanelLeft,{className:"size-3.5"})}),(0,v.jsx)("span",{className:"text-[11px] text-muted-foreground truncate max-w-[120px] font-medium",children:eN||"Session"}),(0,v.jsx)(S.Button,{size:"icon",variant:"ghost",onClick:()=>eM(!0),className:"size-6",children:(0,v.jsx)(xx.Settings,{className:"size-3.5"})})]}),!r&&(0,v.jsxs)("div",{className:"border-b border-border/50 px-3 sm:px-4 py-2 flex items-center justify-between bg-card/50 backdrop-blur-sm",children:[(0,v.jsxs)("div",{className:"min-w-0 flex items-center gap-2 sm:gap-3",children:[(0,v.jsx)(vr,{}),(0,v.jsx)("div",{className:"flex items-center gap-1.5",children:eC?(0,v.jsxs)("form",{onSubmit:e=>{e.preventDefault(),e9()},className:"flex items-center gap-1",children:[(0,v.jsx)(gC.Input,{ref:eI,value:eN,onChange:e=>eS(e.target.value),onBlur:e9,className:"h-7 text-sm font-semibold w-40 px-2",placeholder:"Session name"}),(0,v.jsx)(S.Button,{type:"submit",size:"icon",variant:"ghost",className:"size-6 text-muted-foreground hover:text-foreground",children:(0,v.jsx)(xg.Check,{className:"size-3.5"})})]}):(0,v.jsx)(C.TooltipProvider,{children:(0,v.jsxs)(C.Tooltip,{children:[(0,v.jsx)(C.TooltipTrigger,{asChild:!0,children:(0,v.jsxs)("button",{onClick:()=>eA(!0),className:"flex items-center gap-1.5 group hover:bg-muted/50 rounded px-1.5 py-0.5 -mx-1.5 transition-colors",children:[(0,v.jsx)("h2",{className:"font-semibold text-foreground truncate max-w-[200px]",children:eN||"Untitled Session"}),(0,v.jsx)(xf.Pencil,{className:"size-3 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity"})]})}),(0,v.jsx)(C.TooltipContent,{children:"Click to rename"})]})})}),t.workingDirectory?(0,v.jsx)(C.TooltipProvider,{children:(0,v.jsxs)(C.Tooltip,{children:[(0,v.jsx)(C.TooltipTrigger,{asChild:!0,children:(0,v.jsxs)("div",{className:"flex items-center gap-1.5 px-2 py-1 rounded-md bg-muted/30 text-xs text-muted-foreground max-w-[200px]",children:[(0,v.jsx)(xv.FolderOpen,{className:"size-3.5 shrink-0"}),(0,v.jsx)("span",{className:"truncate font-mono",children:t.workingDirectory.split("/").pop()||t.workingDirectory})]})}),(0,v.jsx)(C.TooltipContent,{side:"bottom",className:"max-w-md",children:(0,v.jsx)("p",{className:"font-mono text-xs",children:t.workingDirectory})})]})}):null]}),(0,v.jsxs)("div",{className:"flex items-center gap-2 shrink-0",children:[eQ.filter(e=>"browser-recording"===e.category&&e.downloadUrl).map(e=>(0,v.jsx)(yk,{fileName:e.fileName,downloadUrl:e.downloadUrl,sizeBytes:e.sizeBytes,createdAt:e.createdAt},e.id)),W&&(0,v.jsx)(C.TooltipProvider,{children:(0,v.jsxs)(C.Tooltip,{children:[(0,v.jsx)(C.TooltipTrigger,{asChild:!0,children:(0,v.jsxs)(N.Badge,{variant:"outline",className:"gap-1.5 text-xs border-emerald-500/30 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 cursor-help",children:[(0,v.jsx)("span",{className:"size-1.5 rounded-full bg-current animate-pulse"}),"Watching"]})}),(0,v.jsx)(C.TooltipContent,{children:"Watching stream from another client"})]})}),(0,v.jsx)(C.TooltipProvider,{children:(0,v.jsxs)(C.Tooltip,{children:[(0,v.jsx)(C.TooltipTrigger,{asChild:!0,children:(0,v.jsx)(N.Badge,{variant:g?"default":"secondary",className:`cursor-help ${g?"bg-primary/90":""}`,children:g?W?"streaming":"running":t.status})}),(0,v.jsx)(C.TooltipContent,{children:g?W?"Receiving streamed response":"Agent is processing":`Session is ${t.status}`})]})}),(0,v.jsx)(C.TooltipProvider,{children:(0,v.jsxs)(C.Tooltip,{children:[(0,v.jsx)(C.TooltipTrigger,{asChild:!0,children:(0,v.jsx)(S.Button,{size:"icon",variant:"ghost",className:"size-7 hover:bg-accent transition-colors",onClick:()=>eM(!0),children:(0,v.jsx)(xx.Settings,{className:"size-4"})})}),(0,v.jsx)(C.TooltipContent,{children:"Session Settings"})]})}),(0,v.jsxs)(go,{children:[(0,v.jsx)(gl,{asChild:!0,children:(0,v.jsx)(S.Button,{size:"icon",variant:"ghost",className:"size-7 hover:bg-accent transition-colors",children:(0,v.jsx)(xP,{className:"size-4"})})}),(0,v.jsxs)(gc,{align:"end",className:"w-52",children:[(0,v.jsxs)(gu,{onClick:()=>{eY(!1),(0,xt.getBrowserStreamStatus)(t.id).then(e=>{e?.active?(eW(!0),console.log("[browser] Reconnecting PIP — stream active")):console.log("[browser] No active browser stream")})},children:[(0,v.jsx)(gX,{className:"size-4 mr-2"}),"Open Browser PIP"]}),(0,v.jsxs)(gu,{onClick:async()=>{e3(await (0,xt.getBrowserRecordings)(t.id)),e2(!0)},children:[(0,v.jsx)(gZ,{className:"size-4 mr-2"}),"Browser Recordings"]}),(0,v.jsxs)(gu,{onClick:async()=>{e6("copying");try{let e=await vi(t.id);await navigator.clipboard.writeText(e),e6("copied"),console.log(`[debug-dump] copied ${e.length.toLocaleString()} chars to clipboard for session ${t.id}`),setTimeout(()=>e6("idle"),2500)}catch(e){console.error("[debug-dump] failed:",e),e6("error"),setTimeout(()=>e6("idle"),2500)}},children:["copying"===e4?(0,v.jsx)(xh.RefreshCw,{className:"size-4 mr-2 animate-spin"}):"copied"===e4?(0,v.jsx)(xg.Check,{className:"size-4 mr-2 text-green-500"}):"error"===e4?(0,v.jsx)(xm,{className:"size-4 mr-2 text-red-500"}):(0,v.jsx)(xR,{className:"size-4 mr-2"}),"copying"===e4?"Gathering…":"copied"===e4?"Copied to clipboard":"error"===e4?"Failed — see console":"Copy debug JSON"]})]})]})]})]}),(0,v.jsx)(pb.Dialog,{open:eR,onOpenChange:eM,children:(0,v.jsxs)(pb.DialogContent,{className:"sm:max-w-md",children:[(0,v.jsx)(pb.DialogHeader,{children:(0,v.jsxs)(pb.DialogTitle,{className:"flex items-center gap-2",children:[(0,v.jsx)("div",{className:"size-8 rounded-lg bg-muted flex items-center justify-center",children:(0,v.jsx)(xx.Settings,{className:"size-4"})}),"Session Settings"]})}),(0,v.jsxs)("div",{className:"space-y-4 pt-2",children:[(0,v.jsxs)("div",{className:"space-y-2",children:[(0,v.jsx)(xL.Label,{className:"text-sm font-medium",children:"Model"}),(0,v.jsxs)(oh.Select,{value:ej,onValueChange:e8,disabled:g,children:[(0,v.jsx)(oh.SelectTrigger,{className:"w-full",children:(0,v.jsx)(oh.SelectValue,{placeholder:"Select model"})}),(0,v.jsx)(oh.SelectContent,{children:e_?.availableModels.map(e=>(0,v.jsx)(oh.SelectItem,{value:e.id,children:(0,v.jsxs)("div",{className:"flex items-center gap-2",children:[(0,v.jsx)("span",{children:e.name}),(0,v.jsx)("span",{className:"text-xs text-muted-foreground",children:e.provider})]})},e.id))})]}),g&&(0,v.jsx)("p",{className:"text-xs text-muted-foreground",children:"Cannot change model while agent is running"})]}),(0,v.jsxs)("div",{className:"space-y-2",children:[(0,v.jsx)(xL.Label,{className:"flex items-center gap-2 text-sm font-medium",children:"Tool Approvals"}),(0,v.jsx)("p",{className:"text-xs text-muted-foreground -mt-0.5",children:"Toggle on to require approval before tool executes"}),(0,v.jsx)("div",{className:"space-y-1 rounded-lg border p-2.5 bg-muted/30",children:e_?.availableTools.map(e=>{var t;let r=(t=e.id,eE.toolApprovals?.[t]!==void 0?eE.toolApprovals[t]:"bash"===t);return(0,v.jsxs)("div",{className:"flex items-center justify-between py-1.5 hover:bg-muted/50 rounded px-2 -mx-1 transition-colors",children:[(0,v.jsxs)("div",{className:"space-y-0",children:[(0,v.jsxs)("div",{className:"flex items-center gap-2",children:[(0,v.jsx)("span",{className:"text-sm font-medium",children:e.name}),e.dangerous&&(0,v.jsx)("span",{className:"text-[10px] bg-amber-500/20 text-amber-600 dark:text-amber-400 px-1.5 py-0.5 rounded font-medium",children:"risky"})]}),(0,v.jsx)("p",{className:"text-[11px] text-muted-foreground",children:e.description})]}),(0,v.jsx)(xI.Switch,{checked:r,onCheckedChange:()=>tp(e.id,r)})]},e.id)})})]}),(0,v.jsx)("p",{className:"text-xs text-muted-foreground",children:"These settings only apply to this session. Changes take effect for future tool calls."})]})]})}),(0,v.jsx)(pb.Dialog,{open:e1,onOpenChange:e2,children:(0,v.jsxs)(pb.DialogContent,{className:"max-w-2xl w-full p-0 overflow-hidden rounded-xl",children:[(0,v.jsx)(pb.DialogHeader,{className:"px-5 pt-5 pb-3",children:(0,v.jsxs)(pb.DialogTitle,{className:"flex items-center gap-2 text-sm font-medium",children:[(0,v.jsx)("div",{className:"flex items-center justify-center size-6 rounded-lg bg-violet-500/10 dark:bg-violet-400/10",children:(0,v.jsx)(gZ,{className:"size-3.5 text-violet-600 dark:text-violet-400"})}),"Browser Recordings"]})}),(0,v.jsx)("div",{className:"px-5 pb-5 space-y-3",children:0===e5.length?(0,v.jsx)("p",{className:"text-sm text-muted-foreground py-4 text-center",children:"No browser recordings for this session"}):e5.map(e=>(0,v.jsxs)("div",{className:"flex items-center gap-3 p-3 rounded-lg border bg-muted/30 hover:bg-muted/50 transition-colors",children:[(0,v.jsx)("div",{className:"flex items-center justify-center size-10 rounded-lg bg-violet-500/10 dark:bg-violet-400/10 shrink-0",children:(0,v.jsx)(xC,{className:"size-4 text-violet-600 dark:text-violet-400 ml-0.5"})}),(0,v.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,v.jsx)("p",{className:"text-sm font-medium truncate",children:e.fileName}),(0,v.jsxs)("p",{className:"text-xs text-muted-foreground",children:[e.createdAt&&new Date(e.createdAt).toLocaleString(),null!=e.sizeBytes&&` \xb7 ${e.sizeBytes>1048576?`${(e.sizeBytes/1048576).toFixed(1)} MB`:`${(e.sizeBytes/1024).toFixed(0)} KB`}`]})]}),e.downloadUrl&&(0,v.jsxs)(S.Button,{size:"sm",variant:"outline",className:"shrink-0",onClick:()=>window.open(e.downloadUrl,"_blank"),children:[(0,v.jsx)(xC,{className:"size-3 mr-1"}),"Watch"]})]},e.id))})]})}),!r&&ez?.updateAvailable&&!eB&&(0,v.jsxs)("div",{className:"px-4 py-2 border-b border-amber-500/30 bg-amber-500/10 flex items-center justify-between gap-3",children:[(0,v.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,v.jsx)(xj,{className:"size-4 text-amber-600 dark:text-amber-400 shrink-0"}),(0,v.jsxs)("span",{className:"text-sm text-amber-700 dark:text-amber-300",children:["Update available: ",(0,v.jsxs)("strong",{children:["v",ez.latestVersion]}),(0,v.jsxs)("span",{className:"text-amber-600/70 dark:text-amber-400/70 ml-1",children:["(current: v",ez.currentVersion,")"]})]})]}),(0,v.jsxs)("div",{className:"flex items-center gap-2 shrink-0",children:[(0,v.jsx)(S.Button,{size:"sm",variant:"outline",className:"h-7 text-xs border-amber-500/50 bg-amber-500/20 hover:bg-amber-500/30 text-amber-700 dark:text-amber-300",onClick:e7,disabled:e$,children:e$?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(xh.RefreshCw,{className:"size-3 mr-1.5 animate-spin"}),"Creating..."]}):(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(xj,{className:"size-3 mr-1.5"}),"Update Now"]})}),(0,v.jsx)(C.TooltipProvider,{children:(0,v.jsxs)(C.Tooltip,{children:[(0,v.jsx)(C.TooltipTrigger,{asChild:!0,children:(0,v.jsx)(S.Button,{size:"icon",variant:"ghost",className:"size-6 text-amber-600 dark:text-amber-400 hover:bg-amber-500/20",onClick:()=>{eF(!0),ez?.latestVersion&&localStorage.setItem("sparkecoder-dismissed-version",ez.latestVersion)},children:(0,v.jsx)(xk.X,{className:"size-3.5"})})}),(0,v.jsx)(C.TooltipContent,{children:"Dismiss (won't show again for this version)"})]})})]})]}),!r&&(es&&es.todos&&es.todos.length>0||ea.length>0)&&(0,v.jsx)("div",{className:"px-4 py-2 border-b border-border/50 bg-muted/20",children:(0,v.jsx)(xo,{todosData:es,plans:ea})}),er.length>0&&(0,v.jsx)("div",{className:(0,k.cn)("p-4 border-b border-border space-y-3",r&&"p-2 space-y-2"),children:er.map(e=>{let t=e.input;return(0,v.jsxs)(oG,{approval:{id:e.id,approved:!1},state:"approval-requested",children:[(0,v.jsx)(oq,{children:(0,v.jsxs)("div",{className:"flex items-start gap-3",children:[(0,v.jsx)("div",{className:"size-8 rounded-lg bg-amber-500/20 flex items-center justify-center shrink-0",children:(0,v.jsx)(xm,{className:"size-4 text-amber-500"})}),(0,v.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,v.jsx)("p",{className:"font-medium text-sm",children:"Approval Required"}),(0,v.jsx)("p",{className:"text-sm text-muted-foreground mt-0.5",children:(0,v.jsx)("code",{className:"bg-muted px-1.5 py-0.5 rounded font-mono text-foreground",children:e.toolName})}),(0,v.jsx)("div",{className:"mt-3 rounded-lg border bg-muted/30 overflow-hidden",children:Object.entries(t).map(([e,t])=>(0,v.jsxs)("div",{className:"flex border-b border-border/50 last:border-b-0",children:[(0,v.jsx)("div",{className:"px-3 py-2 bg-muted/50 text-xs font-medium text-muted-foreground w-24 shrink-0",children:e}),(0,v.jsx)("div",{className:"px-3 py-2 text-xs font-mono flex-1 min-w-0 overflow-auto max-h-24",children:"string"==typeof t?(0,v.jsx)("span",{className:"whitespace-pre-wrap break-words",children:t}):(0,v.jsx)("span",{className:"text-muted-foreground",children:JSON.stringify(t)})})]},e))})]})]})}),(0,v.jsxs)(oH,{children:[(0,v.jsx)(oK,{variant:"outline",onClick:()=>th(e),children:"Reject"}),(0,v.jsx)(oK,{variant:"ghost",onClick:()=>tm(e),className:"text-muted-foreground hover:text-foreground",children:"Always Allow"}),(0,v.jsx)(oK,{variant:"default",onClick:()=>td(e),children:"Approve"})]})]},e.id)})}),(0,v.jsxs)(B,{className:(0,k.cn)("flex-1 p-4",r&&"p-2"),children:[(0,v.jsxs)(F,{className:(0,k.cn)("max-w-3xl mx-auto w-full",r&&"max-w-none"),children:[t.config?.task?.enabled&&(s="running"===(n=t.config.task).status,i="completed"===n.status,a="failed"===n.status,(0,v.jsxs)("div",{className:(0,k.cn)("mb-4 rounded-lg border px-3.5 py-2.5 flex items-center gap-2.5 text-sm transition-colors",i&&"border-emerald-500/30 bg-emerald-500/5",a&&"border-red-500/30 bg-red-500/5",s&&"border-blue-500/30 bg-blue-500/5"),children:[(0,v.jsx)(xE.ListChecks,{className:(0,k.cn)("size-4 shrink-0",i&&"text-emerald-500",a&&"text-red-500",s&&"text-blue-500")}),(0,v.jsx)("span",{className:"font-medium truncate",children:t.name||"Task"}),(0,v.jsx)("span",{className:(0,k.cn)("text-xs shrink-0",i&&"text-emerald-600 dark:text-emerald-400",a&&"text-red-600 dark:text-red-400",s&&"text-blue-600 dark:text-blue-400 animate-pulse"),children:s?"Running":i?"Completed":"Failed"}),null!=n.iterations&&(0,v.jsxs)("span",{className:"text-xs text-muted-foreground ml-auto tabular-nums shrink-0",children:[n.iterations," iter."]}),a&&n.error&&(0,v.jsxs)("span",{className:"text-xs text-red-500 truncate ml-1",title:n.error,children:["— ",n.error]})]})),ef&&(0,v.jsx)("div",{className:"flex justify-center py-12",children:(0,v.jsx)(oY,{size:24})}),!ef&&0===l.length&&!K&&(0,v.jsx)($,{icon:(0,v.jsxs)("div",{className:"relative overflow-hidden rounded-2xl size-16 shadow-lg ring-1 ring-white/10",children:[(0,v.jsx)(j.default,{src:"/sparke-coder.png",alt:"SparkECoder",width:64,height:64,className:"absolute inset-0 size-full object-cover",priority:!0}),g&&(0,v.jsx)("video",{src:"/sparkecode.mp4",autoPlay:!0,muted:!0,loop:!0,playsInline:!0,className:"absolute inset-0 size-full object-cover"})]}),title:"Start a conversation",description:"Ask SparkECoder to help you with coding tasks"}),l.filter(e=>{if("tool-call"===e.type&&e.toolCall){if(er.some(t=>t.toolCallId===e.toolCall?.toolCallId))return!1;let t=ee.some(t=>t.toolCallId===e.toolCall?.toolCallId),r=ee.some(t=>t.toolCallId.startsWith(`${e.toolCall?.toolName}_pending_`)&&("streaming"===t.status||"running"===t.status));if(t||r)return!1}return!0}).map(e=>{if("user-message"===e.type){let t,r,n,s=e.content?function(e){let t=e.match(/^\[([A-Z]+)(?:\s+([^\]]*))?\]\s*([\s\S]*)$/);if(!t)return{pill:null,rest:e};let r=t[1];return["WEB","SLACK","SYSTEM","SCHEDULE","WEBHOOK"].includes(r)?{pill:{channel:r,detail:t[2]?.trim()||void 0},rest:t[3]}:{pill:null,rest:e}}(e.content):{pill:null,rest:e.content||""};if(s.pill&&y7.has(s.pill.channel))return(0,v.jsx)(vt,{pill:s.pill,body:s.rest},e.id);let i=!!s.pill&&"WEB"!==s.pill.channel,a=void 0!==e.messageSequence&&el.some(t=>t.messageSequence===e.messageSequence);return(0,v.jsxs)("div",{className:i?"flex flex-col items-end gap-1":void 0,children:[i&&s.pill&&(0,v.jsxs)("div",{className:`inline-flex items-center gap-1.5 text-[10px] font-medium uppercase tracking-wide px-2 py-0.5 rounded-md border self-end ${y8[s.pill.channel]||"bg-muted text-muted-foreground border-border"}`,children:[(0,v.jsx)("span",{children:s.pill.channel}),s.pill.detail&&(0,v.jsx)("span",{className:"font-normal normal-case opacity-80",children:s.pill.detail})]}),(0,v.jsxs)(aF,{from:"user",children:[(0,v.jsxs)(a$,{children:[e.attachments&&e.attachments.length>0&&(0,v.jsx)("div",{className:"flex flex-wrap gap-2 mb-2",children:e.attachments.map((e,t)=>(0,v.jsx)("div",{className:"relative",children:"image"===e.type?(0,v.jsx)("div",{className:"relative rounded-lg overflow-hidden border border-border/50 max-w-[200px]",children:(0,v.jsx)("img",{src:e.data.startsWith("data:")?e.data:`data:${e.mediaType||"image/png"};base64,${e.data}`,alt:e.filename||"Image attachment",className:"max-w-full h-auto max-h-[150px] object-contain"})}):(0,v.jsxs)("div",{className:"flex items-center gap-2 px-3 py-2 rounded-lg bg-muted/50 border border-border/50",children:[(0,v.jsx)(xw,{className:"h-4 w-4 text-muted-foreground"}),(0,v.jsx)("span",{className:"text-sm text-muted-foreground truncate max-w-[150px]",children:e.filename||"File"})]})},t))}),e.content&&(r=(t=s.rest).replace(y6,"").trim(),n=function(e){let t=e.match(/<devtools-context>([\s\S]*?)<\/devtools-context>/);if(!t)return null;let r=t[1],n=r.match(/<page\s+url="([^"]*)"\s+path="([^"]*)"\s+name="([^"]*)"/),s=r.match(/<viewport\s+width="([^"]*)"\s+height="([^"]*)"(?:\s+dpr="([^"]*)")?/);return n?{url:n[1],path:n[2],pageName:n[3],viewportWidth:s?.[1],viewportHeight:s?.[2],dpr:s?.[3]}:null}(t),(0,v.jsxs)(v.Fragment,{children:[!i&&s.pill&&(0,v.jsx)(y9,{...s.pill}),r&&(0,v.jsx)("p",{className:"whitespace-pre-wrap",children:r}),n&&(0,v.jsxs)("div",{className:"flex items-center gap-1.5 mt-1.5 text-[11px] text-muted-foreground/60",children:[(0,v.jsx)(xT,{className:"h-3 w-3"}),(0,v.jsx)("span",{children:n.path}),n.viewportWidth&&n.viewportHeight&&(0,v.jsxs)("span",{className:"text-muted-foreground/40",children:[n.viewportWidth,"x",n.viewportHeight]})]})]}))]}),a&&!g&&(0,v.jsx)(aV,{className:"justify-end mt-1",children:(0,v.jsx)(C.TooltipProvider,{children:(0,v.jsxs)(C.Tooltip,{children:[(0,v.jsx)(C.TooltipTrigger,{asChild:!0,children:(0,v.jsxs)(S.Button,{variant:"ghost",size:"sm",onClick:()=>tr(e.messageSequence,e.content),disabled:eu,className:"h-6 px-2 text-xs text-muted-foreground hover:text-destructive gap-1",children:[(0,v.jsx)(xy,{className:"h-3 w-3"}),"Revert"]})}),(0,v.jsx)(C.TooltipContent,{children:(0,v.jsx)("p",{children:"Revert to before this message (undo all changes after)"})})]})})})]})]},e.id)}if("reasoning"===e.type)return(0,v.jsxs)(mq,{isStreaming:!1,defaultOpen:!1,children:[(0,v.jsx)(mK,{}),(0,v.jsx)(mX,{children:e.content||""})]},e.id);if("assistant-text"===e.type)return(0,v.jsx)(aF,{from:"assistant",children:(0,v.jsxs)("div",{className:"flex gap-3",children:[(0,v.jsx)("div",{className:"relative overflow-hidden rounded-lg size-8 shadow-sm ring-1 ring-white/10 shrink-0",children:(0,v.jsx)(j.default,{src:"/sparke-coder.png",alt:"SparkECoder",width:32,height:32,className:"absolute inset-0 size-full object-cover"})}),(0,v.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,v.jsx)(a$,{children:(0,v.jsx)(aG,{children:e.content||""})}),(0,v.jsx)(aV,{children:(0,v.jsx)(aU,{label:"Copy",onClick:()=>navigator.clipboard.writeText(e.content||""),children:(0,v.jsx)(xd.Copy,{className:"size-3"})})})]})]})},e.id);if("tool-call"===e.type&&e.toolCall){let t=e.toolCall,r=`tool-${t.toolName}`;if("messenger"===t.toolName&&t.input?.action==="post")return(0,v.jsx)(ve,{input:t.input,output:t.output,status:t.status},e.id);if("write_file"===t.toolName)return(0,v.jsx)(xB,{input:t.input,output:t.output,status:t.status,streamingArgsText:t.streamingArgsText,liveContent:t.liveContent,liveOldString:t.liveOldString,liveNewString:t.liveNewString},e.id);if("read_file"===t.toolName)return(0,v.jsx)(xV,{input:t.input,output:t.output,status:t.status},e.id);if("bash"===t.toolName)return(0,v.jsx)(xq,{input:t.input,output:t.output,status:t.status,terminalId:t.terminalId,liveOutput:t.liveOutput},e.id);if("explore_agent"===t.toolName)return(0,v.jsx)(x1,{input:t.input,output:t.output,status:t.status,steps:t.exploreSteps},e.id);if("todo"===t.toolName)return(0,v.jsx)(ye,{input:t.input,output:t.output,status:t.status},e.id);if("load_skill"===t.toolName)return(0,v.jsx)(yn,{input:t.input,output:t.output,status:t.status},e.id);if("linter"===t.toolName)return(0,v.jsx)(yl,{input:t.input,output:t.output,status:t.status},e.id);if("code_graph"===t.toolName)return(0,v.jsx)(yh,{input:t.input,output:t.output,status:t.status},e.id);if("complete_task"===t.toolName||"task_failed"===t.toolName)return(0,v.jsx)(yg,{toolName:t.toolName,input:t.input,output:t.output,status:t.status},e.id);let n="completed"!==t.status;return(0,v.jsxs)(oT,{defaultOpen:n,children:[(0,v.jsx)(oE,{type:r,state:function(e){switch(e){case"pending":case"streaming":default:return"input-streaming";case"running":return"input-available";case"completed":return"output-available";case"rejected":return"output-denied";case"error":return"output-error"}}(t.status),title:t.toolName}),(0,v.jsxs)(oP,{children:[(0,v.jsx)(oR,{input:t.input}),(e=>{let t=e.output,r=e.input;if("bash"===e.toolName)return(0,v.jsx)(xq,{input:e.input,output:e.output,status:e.status,terminalId:e.terminalId,liveOutput:e.liveOutput,className:"mt-2"});if("explore_agent"===e.toolName)return(0,v.jsx)(x1,{input:e.input,output:e.output,status:e.status,steps:e.exploreSteps,className:"mt-2"});if("todo"===e.toolName)return(0,v.jsx)(ye,{input:e.input,output:e.output,status:e.status,className:"mt-2"});if("load_skill"===e.toolName)return(0,v.jsx)(yn,{input:e.input,output:e.output,status:e.status,className:"mt-2"});if("linter"===e.toolName)return(0,v.jsx)(yl,{input:e.input,output:e.output,status:e.status,className:"mt-2"});if("code_graph"===e.toolName)return(0,v.jsx)(yh,{input:e.input,output:e.output,status:e.status,className:"mt-2"});if("write_file"===e.toolName&&r){let e=r.path||"file",n=r.mode||"full",s=e.split("/").pop()||"file",i=tf(e);if("str_replace"===n){let e=r.old_string||"",n=r.new_string||"";return(0,v.jsxs)("div",{className:"mt-2 max-w-full overflow-hidden space-y-2",children:[(0,v.jsxs)("div",{className:"flex items-center gap-2 text-sm",children:[(0,v.jsx)(xp,{className:"size-4 text-muted-foreground"}),(0,v.jsx)("span",{className:"font-medium",children:s}),(0,v.jsx)(N.Badge,{variant:"secondary",className:"text-xs",children:"str_replace"})]}),(0,v.jsxs)("div",{className:"rounded-md border overflow-hidden",children:[(0,v.jsxs)("div",{className:"bg-red-500/10 border-b p-2",children:[(0,v.jsx)("div",{className:"text-xs text-red-500 mb-1",children:"- Remove:"}),(0,v.jsx)("pre",{className:"text-xs overflow-x-auto whitespace-pre-wrap break-words text-red-400",children:e.length>500?e.slice(0,500)+"...":e})]}),(0,v.jsxs)("div",{className:"bg-green-500/10 p-2",children:[(0,v.jsx)("div",{className:"text-xs text-green-500 mb-1",children:"+ Add:"}),(0,v.jsx)("pre",{className:"text-xs overflow-x-auto whitespace-pre-wrap break-words text-green-400",children:n.length>500?n.slice(0,500)+"...":n})]})]}),t&&(0,v.jsxs)("div",{className:`text-xs flex items-center gap-1 ${t.success?"text-green-600 dark:text-green-400":"text-red-600 dark:text-red-400"}`,children:[(0,v.jsx)("span",{children:t.success?"✓":"✗"}),(0,v.jsx)("span",{children:t.success?`Replaced (${void 0!==t.lineDelta?(t.lineDelta>=0?"+":"")+t.lineDelta+" lines":"done"})`:t.error||"Failed"})]})]})}let a=r.content||"";return(0,v.jsxs)("div",{className:"mt-2 max-w-full overflow-hidden",children:[(0,v.jsxs)(oI,{children:[(0,v.jsxs)(oL,{children:[(0,v.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,v.jsx)(xp,{className:"size-4 text-muted-foreground shrink-0"}),(0,v.jsx)(oD,{className:"truncate",children:s}),(0,v.jsx)(oz,{className:"truncate text-xs hidden sm:block",children:e})]}),(0,v.jsx)(oO,{children:(0,v.jsx)(oB,{icon:xd.Copy,label:"Copy",onClick:()=>navigator.clipboard.writeText(a)})})]}),a&&(0,v.jsx)(oF,{className:"p-0 max-h-[300px] overflow-auto",children:(0,v.jsx)(o_,{code:a,language:i,showLineNumbers:!0,children:(0,v.jsx)(oN,{className:"sr-only",children:(0,v.jsx)(oS,{children:(0,v.jsx)(oC,{children:s})})})})})]}),t&&(0,v.jsxs)("div",{className:`mt-2 text-xs flex items-center gap-1 ${t.success?"text-green-600 dark:text-green-400":"text-red-600 dark:text-red-400"}`,children:[(0,v.jsx)("span",{children:t.success?"✓":"✗"}),(0,v.jsx)("span",{children:t.success?`File ${t.action||"written"} successfully`:t.error||"Failed"})]})]})}if("read_file"===e.toolName&&t){let e=r?.path||"file",n=e.split("/").pop()||"file",s=t.imageData,i=t.mediaType;if(s&&i)return(0,v.jsx)("div",{className:"mt-2 max-w-full overflow-hidden",children:(0,v.jsxs)(oI,{children:[(0,v.jsx)(oL,{children:(0,v.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,v.jsx)(gM,{className:"size-4 text-muted-foreground shrink-0"}),(0,v.jsx)(oD,{className:"truncate",children:n}),(0,v.jsx)(oz,{className:"truncate text-xs hidden sm:block",children:e})]})}),(0,v.jsx)(oF,{className:"p-0 max-h-[400px] overflow-auto",children:(0,v.jsx)("div",{className:"p-3 flex justify-center bg-muted/20",children:(0,v.jsx)("img",{src:`data:${i};base64,${s}`,alt:n,className:"max-w-full max-h-[350px] object-contain rounded"})})})]})});let a=t.content||JSON.stringify(t,null,2),o=tf(e);return(0,v.jsx)("div",{className:"mt-2 max-w-full overflow-hidden",children:(0,v.jsxs)(oI,{children:[(0,v.jsxs)(oL,{children:[(0,v.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,v.jsx)(xp,{className:"size-4 text-muted-foreground shrink-0"}),(0,v.jsx)(oD,{className:"truncate",children:n}),(0,v.jsx)(oz,{className:"truncate text-xs hidden sm:block",children:e})]}),(0,v.jsx)(oO,{children:(0,v.jsx)(oB,{icon:xd.Copy,label:"Copy",onClick:()=>navigator.clipboard.writeText(a)})})]}),(0,v.jsx)(oF,{className:"p-0 max-h-[300px] overflow-auto",children:(0,v.jsx)(o_,{code:a,language:o,showLineNumbers:!0,children:(0,v.jsx)(oN,{className:"sr-only",children:(0,v.jsx)(oS,{children:(0,v.jsx)(oC,{children:n})})})})})]})})}return t?(0,v.jsx)(oM,{output:(0,v.jsxs)("pre",{className:"text-xs overflow-x-auto max-w-full whitespace-pre-wrap break-words",children:[JSON.stringify(t,null,2).slice(0,500),JSON.stringify(t).length>500?"...":""]}),errorText:"error"===e.status?"Tool execution failed":void 0}):null})(t)]})]},e.id)}return null}),g&&!K&&!Y&&0===ee.length&&(0,v.jsxs)("div",{className:"flex gap-3 items-center",children:[(0,v.jsx)("div",{className:"relative overflow-hidden rounded-lg size-8 shadow-sm ring-1 ring-white/10 shrink-0",children:(0,v.jsx)("video",{src:"/sparkecode.mp4",autoPlay:!0,muted:!0,loop:!0,playsInline:!0,className:"absolute inset-0 size-full object-cover"})}),(0,v.jsx)("span",{className:"text-sm text-muted-foreground",children:"Thinking..."})]}),g&&(Z||Y)&&(0,v.jsxs)(mq,{isStreaming:Z,defaultOpen:!0,children:[(0,v.jsx)(mK,{}),(0,v.jsx)(mX,{children:Y})]}),g&&K&&(0,v.jsx)(aF,{from:"assistant",children:(0,v.jsxs)("div",{className:"flex gap-3",children:[(0,v.jsx)("div",{className:"relative overflow-hidden rounded-lg size-8 shadow-sm ring-1 ring-white/10 shrink-0",children:(0,v.jsx)("video",{src:"/sparkecode.mp4",autoPlay:!0,muted:!0,loop:!0,playsInline:!0,className:"absolute inset-0 size-full object-cover"})}),(0,v.jsx)("div",{className:"flex-1 min-w-0",children:(0,v.jsxs)(a$,{children:[(0,v.jsx)(aG,{children:K}),(0,v.jsx)("span",{className:"inline-block w-2 h-4 bg-primary animate-pulse ml-1"})]})})]})}),g&&ee.map(e=>"write_file"===e.toolName?(0,v.jsx)(xB,{input:e.input,output:e.output,status:e.status,streamingArgsText:e.streamingArgsText,liveContent:e.liveContent,liveOldString:e.liveOldString,liveNewString:e.liveNewString},e.toolCallId):"read_file"===e.toolName?(0,v.jsx)(xV,{input:e.input,output:e.output,status:e.status},e.toolCallId):"bash"===e.toolName?(0,v.jsx)(xq,{input:e.input,output:e.output,status:e.status,terminalId:e.terminalId,liveOutput:e.liveOutput},e.toolCallId):"explore_agent"===e.toolName?(0,v.jsx)(x1,{input:e.input,output:e.output,status:e.status,steps:e.exploreSteps},e.toolCallId):"todo"===e.toolName?(0,v.jsx)(ye,{input:e.input,output:e.output,status:e.status},e.toolCallId):"load_skill"===e.toolName?(0,v.jsx)(yn,{input:e.input,output:e.output,status:e.status},e.toolCallId):"linter"===e.toolName?(0,v.jsx)(yl,{input:e.input,output:e.output,status:e.status},e.toolCallId):"code_graph"===e.toolName?(0,v.jsx)(yh,{input:e.input,output:e.output,status:e.status},e.toolCallId):"complete_task"===e.toolName||"task_failed"===e.toolName?(0,v.jsx)(yg,{toolName:e.toolName,input:e.input,output:e.output,status:e.status},e.toolCallId):(0,v.jsxs)(oT,{defaultOpen:!0,children:[(0,v.jsx)(oE,{type:`tool-${e.toolName}`,state:"streaming"===e.status?"input-streaming":"input-available",title:e.toolName}),(0,v.jsxs)(oP,{children:[(0,v.jsx)(oR,{input:e.input}),(0,v.jsxs)("div",{className:"flex items-center gap-2 p-3 text-muted-foreground",children:[(0,v.jsx)(oY,{size:14}),(0,v.jsx)("span",{className:"text-sm",children:"streaming"===e.status?"Receiving...":"Executing..."})]})]})]},e.toolCallId)),g&&!K&&0===ee.length&&(0,v.jsxs)("div",{className:"flex items-center gap-2 text-muted-foreground",children:[(0,v.jsx)(oY,{size:16}),(0,v.jsx)("span",{className:"text-sm",children:"Thinking..."})]})]}),(0,v.jsx)(V,{})]}),I&&(0,v.jsxs)("div",{className:"fixed bottom-28 right-4 w-80 max-h-80 overflow-auto border bg-background/95 shadow-lg rounded-md text-xs",children:[(0,v.jsx)("div",{className:"px-3 py-2 border-b font-mono text-muted-foreground",children:"SSE Debug"}),(0,v.jsxs)("div",{className:"px-3 py-2 space-y-1",children:[0===D.length&&0===O.length&&(0,v.jsx)("div",{className:"text-muted-foreground",children:"No events yet"}),D.map((e,t)=>(0,v.jsx)("div",{className:"font-mono",children:e},`evt-${t}`)),O.map((e,t)=>(0,v.jsx)("div",{className:"font-mono text-red-600",children:e},`err-${t}`))]})]}),(0,v.jsx)("div",{className:(0,k.cn)("border-t border-border/50 p-4 pb-6 bg-card/30",r&&"p-2 pb-2"),children:(0,v.jsxs)("div",{className:(0,k.cn)("max-w-3xl mx-auto",r&&"max-w-none"),children:[!r&&!ef&&0===l.length&&!K&&!g&&(0,v.jsx)(g7,{className:"mb-3",children:['Create a hello.txt file with "Hello, World!"',"List files in the current directory","Show the current git status"].map(e=>(0,v.jsx)(xe,{suggestion:e,onClick:e=>{d(e)}},e))}),y.length>0&&(0,v.jsxs)("div",{className:(0,k.cn)("mb-2 rounded-lg border border-border/60 bg-muted/20 overflow-hidden",r&&"mb-1"),children:[(0,v.jsxs)("button",{type:"button",onClick:()=>M(e=>!e),className:(0,k.cn)("w-full flex items-center justify-between px-3 py-1.5 text-xs text-muted-foreground hover:bg-muted/30 transition-colors",r&&"px-2 py-1"),children:[(0,v.jsxs)("div",{className:"flex items-center gap-1.5",children:[R?(0,v.jsx)(xN.ChevronDown,{className:"size-3"}):(0,v.jsx)(xS.default,{className:"size-3"}),(0,v.jsxs)("span",{className:"font-medium",children:[y.length," Queued"]})]}),(0,v.jsx)("span",{className:"text-[10px]",children:"Stop ^C"})]}),R&&(0,v.jsx)("div",{className:"border-t border-border/40 divide-y divide-border/30",children:y.map((e,t)=>(0,v.jsxs)("div",{className:(0,k.cn)("flex items-start gap-2 px-3 py-2 group",r&&"px-2 py-1.5 gap-1.5"),children:[(0,v.jsx)("span",{className:"text-[10px] text-muted-foreground/60 pt-0.5 w-4 shrink-0 text-center",children:t+1}),(0,v.jsxs)("div",{className:"flex-1 min-w-0",children:[_===e.id?(0,v.jsxs)("div",{className:"flex items-center gap-1",children:[(0,v.jsx)("input",{type:"text",value:E,onChange:e=>P(e.target.value),onKeyDown:t=>{"Enter"===t.key&&tc(e.id),"Escape"===t.key&&T(null)},className:(0,k.cn)("flex-1 bg-background border border-border rounded px-2 py-0.5 text-xs focus:outline-none focus:ring-1 focus:ring-primary/30",r&&"text-[11px]"),autoFocus:!0}),(0,v.jsx)("button",{type:"button",onClick:()=>tc(e.id),className:"p-0.5 text-primary hover:text-primary/80",children:(0,v.jsx)(xg.Check,{className:"size-3"})})]}):(0,v.jsx)("p",{className:(0,k.cn)("text-xs text-foreground truncate",r&&"text-[11px]"),children:e.text||"Selected elements attached"}),e.attachments&&e.attachments.length>0&&(0,v.jsxs)("span",{className:"text-[10px] text-muted-foreground",children:[e.attachments.length," file",e.attachments.length>1?"s":""]}),e.selectedElements&&(0,v.jsx)("span",{className:"text-[10px] text-muted-foreground",children:"+ selected elements"})]}),(0,v.jsxs)("div",{className:(0,k.cn)("flex items-center gap-0.5 shrink-0 transition-opacity",r?"opacity-100":"opacity-0 group-hover:opacity-100"),children:[(0,v.jsx)("button",{type:"button",onClick:()=>{T(e.id),P(e.text)},className:"p-1 rounded text-muted-foreground hover:text-foreground hover:bg-muted/50",title:"Edit",children:(0,v.jsx)(xf.Pencil,{className:"size-3"})}),t>0&&(0,v.jsx)("button",{type:"button",onClick:()=>{var t;return t=e.id,void w(e=>{let r=e.findIndex(e=>e.id===t);if(-1===r)return e;let n=r-1;if(n<0||n>=e.length)return e;let s=[...e];return[s[r],s[n]]=[s[n],s[r]],s})},className:"p-1 rounded text-muted-foreground hover:text-foreground hover:bg-muted/50",title:"Move up",children:(0,v.jsx)(xA,{className:"size-3"})}),(0,v.jsx)("button",{type:"button",onClick:()=>tu(e.id),className:"p-1 rounded text-muted-foreground hover:text-foreground hover:bg-muted/50",title:"Send now",children:(0,v.jsx)(xC,{className:"size-3"})}),(0,v.jsx)("button",{type:"button",onClick:()=>{var t;return t=e.id,void w(e=>e.filter(e=>e.id!==t))},className:"p-1 rounded text-muted-foreground hover:text-destructive hover:bg-muted/50",title:"Remove",children:(0,v.jsx)(x_.Trash2,{className:"size-3"})})]})]},e.id))})]}),(0,v.jsx)(y3,{children:(0,v.jsxs)(gU,{onSubmit:ta,className:"shadow-sm",globalDrop:!0,multiple:!0,children:[(0,v.jsxs)(gG,{children:[p&&(0,v.jsxs)("div",{className:(0,k.cn)("mb-2 flex items-center justify-between rounded-md border border-border/60 bg-muted/40 px-2 py-1 text-xs",r&&"mb-1"),children:[(0,v.jsxs)("div",{className:"flex items-center gap-1.5 text-muted-foreground",children:[(0,v.jsx)("span",{className:"size-1.5 rounded-full bg-primary/70"}),(0,v.jsx)("span",{children:"Selected elements attached"})]}),(0,v.jsx)("button",{type:"button",onClick:()=>f(null),className:"rounded-sm p-1 text-muted-foreground hover:text-foreground","aria-label":"Remove selected elements",children:(0,v.jsx)(xk.X,{className:"size-3.5"})})]}),(0,v.jsx)(vn,{})]}),(0,v.jsx)(gW,{children:(0,v.jsxs)("div",{className:"relative w-full",children:[(0,v.jsx)(y4,{sessionId:t.id,value:u+(h?(!u||u.endsWith(" ")||u.endsWith("\n")?"":" ")+h:""),onChange:e=>{h&&m(""),d(e)},placeholder:g?"Type to queue a message...":"Ask SparkECoder... (@ to mention files, / for commands)",disabled:!1,autoFocus:!0,className:(0,k.cn)("min-h-[80px] focus:ring-2 focus:ring-primary/20 transition-all field-sizing-content max-h-48",h&&"caret-red-500",r&&"min-h-[40px] text-sm max-h-24")}),h&&(0,v.jsxs)("div",{className:"absolute bottom-2 right-2 flex items-center gap-1.5 text-xs text-red-500 bg-background/80 backdrop-blur-sm px-2 py-1 rounded-full",children:[(0,v.jsx)("span",{className:"size-2 bg-red-500 rounded-full animate-pulse"}),"Listening..."]})]})}),(0,v.jsxs)(gq,{className:r?"py-1":void 0,children:[!r&&(0,v.jsx)("div",{className:"flex items-center gap-1 text-xs text-muted-foreground",children:(0,v.jsx)("span",{className:"hidden sm:inline",children:"Type @ to mention files, / for commands"})}),(0,v.jsxs)("div",{className:"flex items-center gap-2",children:[(0,v.jsx)(yv,{size:"icon",className:"size-9",onTranscriptionChange:e=>{d(t=>{let r=t&&!t.endsWith(" ")&&!t.endsWith("\n");return t+(r?" ":"")+e})},onInterimTranscription:e=>{m(e)},disabled:g}),(0,v.jsx)(vs,{input:u+h,isRunning:g,onStop:to,hasExtraContent:!!(p&&p.trim())})]})]})]})})]})}),(0,v.jsx)(yw,{sessionId:t.id,frame:eG,metadata:eH,active:eU&&!eX,onDismiss:()=>{eY(!0),eW(!1)}})]})}var vo=e.i(482079),vl=e.i(461957);function vc({sessionId:e}){let[t,r]=(0,b.useState)(null),[n,s]=(0,b.useState)(""),[i,a]=(0,b.useState)(!1),o=(0,b.useCallback)(async()=>{let t=await (0,xt.getSession)(e);r(t?.pendingQuestion??null)},[e]);if((0,b.useEffect)(()=>{let e=!1,t=async()=>{e||await o()};t();let r=setInterval(t,3e3);return()=>{e=!0,clearInterval(r)}},[o]),!t)return null;let l=async()=>{if(n.trim()&&!i){a(!0);try{await (0,xt.answerAgentQuestion)(e,t.questionId,n.trim()),s(""),r(null),o()}finally{a(!1)}}};return(0,v.jsx)("div",{className:"border-b border-amber-500/40 bg-amber-500/5 px-4 py-3",children:(0,v.jsxs)("div",{className:"flex items-start gap-3 max-w-3xl mx-auto",children:[(0,v.jsx)(vo.MessageCircleQuestion,{className:"size-5 text-amber-500 shrink-0 mt-0.5"}),(0,v.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,v.jsx)("p",{className:"text-sm font-medium text-amber-800 dark:text-amber-200",children:t.question}),t.context&&(0,v.jsx)("p",{className:"text-xs text-muted-foreground mt-1",children:t.context}),t.choices&&t.choices.length>0&&(0,v.jsx)("div",{className:"flex flex-wrap gap-1.5 mt-2",children:t.choices.map(e=>(0,v.jsx)("button",{type:"button",onClick:()=>s(e),className:"text-xs px-2 py-1 rounded bg-amber-500/10 hover:bg-amber-500/20 text-amber-800 dark:text-amber-200",children:e},e))}),(0,v.jsxs)("div",{className:"flex gap-2 mt-2",children:[(0,v.jsx)("input",{type:"text",value:n,onChange:e=>s(e.target.value),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),l())},placeholder:"Type your answer…",className:"flex-1 px-3 py-1.5 text-sm rounded border border-border bg-background focus:outline-none focus:ring-2 focus:ring-amber-500/40",autoFocus:!0}),(0,v.jsx)(S.Button,{size:"sm",onClick:l,disabled:!n.trim()||i,children:i?(0,v.jsx)(vl.Loader2,{className:"size-3.5 animate-spin"}):"Answer"})]})]})]})})}function vu({params:e}){let{id:t}=(0,b.use)(e),r=(0,w.useRouter)(),[n,s]=(0,b.useState)(null),[i,a]=(0,b.useState)(!0),[o,l]=(0,b.useState)(null);return((0,b.useEffect)(()=>{!async function(){try{let e=await (0,xt.getSession)(t);if(!e)return void l("Session not found");s(e)}catch(e){console.error("Failed to load session:",e),l("Failed to load session")}finally{a(!1)}}()},[t]),i)?(0,v.jsx)("div",{className:"flex items-center justify-center h-full",children:(0,v.jsx)(vl.Loader2,{className:"size-8 animate-spin text-muted-foreground"})}):o||!n?(0,v.jsx)("div",{className:"flex items-center justify-center h-full",children:(0,v.jsxs)("div",{className:"text-center",children:[(0,v.jsx)("p",{className:"text-muted-foreground mb-4",children:o||"Session not found"}),(0,v.jsx)("button",{onClick:()=>r.push("/"),className:"text-primary hover:underline",children:"Go back home"})]})}):(0,v.jsxs)("div",{className:"flex flex-col h-full",children:[(0,v.jsx)(vc,{sessionId:n.id}),(0,v.jsx)("div",{className:"flex-1 min-h-0",children:(0,v.jsx)(va,{session:n})})]})}e.s(["default",()=>vu],330460)}]);
+${i}`}let a=i,o=r?.map(e=>({type:e.type,data:e.data,mediaType:e.mediaType,filename:e.filename})),l={id:`user-${Date.now()}`,type:"user-message",content:e||(s?"Selected elements attached":""),attachments:o};c(e=>[...e,l]),x(!0),G(!1),eb.current=!0,X(""),J(""),Q(!1),et([]),eh.current="",em.current="",ep.current=[],ex.current=(0,xt.runAgent)(t.id,a||"Please analyze the attached files.",tn,{onStreamId:e=>H(e),attachments:r})},ti=async(e,t)=>{let r=!!(p&&p.trim());if(e.trim()||t&&0!==t.length||r){if(g){let r;return void(r={id:`q-${Date.now()}-${Math.random().toString(36).slice(2,6)}`,text:e,attachments:t,selectedElements:p},w(e=>[...e,r]),d(""),f(null))}d(""),f(null),await ts(e,t,p)}},ta=async e=>{let t=!!e.text?.trim(),r=!!e.files?.length,n=!!(p&&p.trim());if(!t&&!r&&!n)return;let s=[];if(r&&e.files.length>0){for(let t of e.files)if(t.url)try{let e=await fetch(t.url),r=await e.blob(),n=await new Promise(e=>{let t=new FileReader;t.onloadend=()=>e(t.result),t.readAsDataURL(r)}),i=t.mediaType||r.type||"application/octet-stream",a=i.startsWith("image/");s.push({type:a?"image":"file",data:n,mediaType:i,filename:t.filename})}catch(e){console.error("Failed to process attachment:",e)}}ti(e.text||"",s.length>0?s:void 0)},to=async()=>{try{await (0,xt.abortStream)(t.id)}catch(e){console.error("Failed to abort stream:",e)}if(ex.current&&(ex.current(),ex.current=null),em.current.trim()){let e={id:`reasoning-${Date.now()}`,type:"reasoning",content:em.current};c(t=>[...t,e])}if(eh.current.trim()){let e={id:`text-${Date.now()}`,type:"assistant-text",content:eh.current+" [stopped]"};c(t=>[...t,e])}X(""),J(""),Q(!1),et([]),H(null),eh.current="",em.current="",ep.current=[],ev.current=!1,x(!1),G(!1)},tl=(0,b.useRef)(ts);tl.current=ts;let tc=e=>{w(t=>t.map(t=>t.id===e?{...t,text:E}:t)),T(null),P("")},tu=async e=>{let t=y.find(t=>t.id===e);t&&(w(t=>t.filter(t=>t.id!==e)),g?(await to(),setTimeout(()=>{tl.current(t.text,t.attachments,t.selectedElements)},500)):tl.current(t.text,t.attachments,t.selectedElements))},td=async e=>{en(t=>t.filter(t=>t.id!==e.id));try{await (0,xt.approveExecution)(t.id,e.toolCallId)}catch(e){console.error("Failed to approve:",e)}},th=async e=>{en(t=>t.filter(t=>t.id!==e.id));try{await (0,xt.rejectExecution)(t.id,e.toolCallId,"User rejected")}catch(e){console.error("Failed to reject:",e)}},tm=async e=>{en(t=>t.filter(t=>t.id!==e.id));try{await (0,xt.approveExecution)(t.id,e.toolCallId);let r=await (0,xt.updateToolApproval)(t.id,e.toolName,!1,eE);eP(r.config||{})}catch(e){console.error("Failed to approve and disable:",e)}},tp=async(e,r)=>{try{let n=await (0,xt.updateToolApproval)(t.id,e,!r,eE);eP(n.config||{})}catch(e){console.error("Failed to update tool approval:",e)}},tf=e=>({ts:"typescript",tsx:"tsx",js:"javascript",jsx:"jsx",py:"python",rb:"ruby",go:"go",rs:"rust",java:"java",c:"c",cpp:"cpp",h:"c",hpp:"cpp",cs:"csharp",php:"php",swift:"swift",kt:"kotlin",scala:"scala",sh:"bash",bash:"bash",zsh:"bash",fish:"bash",ps1:"powershell",sql:"sql",html:"html",htm:"html",css:"css",scss:"scss",sass:"sass",less:"less",json:"json",yaml:"yaml",yml:"yaml",xml:"xml",md:"markdown",markdown:"markdown",txt:"plaintext",toml:"toml",ini:"ini",cfg:"ini",conf:"ini",dockerfile:"dockerfile",makefile:"makefile"})[e.split(".").pop()?.toLowerCase()||""]||"plaintext";return(0,v.jsxs)("div",{className:(0,k.cn)("flex flex-col h-full bg-background min-w-0 overflow-x-hidden",r&&"embed-mode text-[13px]"),children:[r&&(0,v.jsxs)("div",{className:"border-b border-border/50 px-2 py-1.5 flex items-center justify-between bg-card/50",children:[(0,v.jsx)(S.Button,{size:"icon",variant:"ghost",onClick:o,className:"size-6",children:(0,v.jsx)(xb.PanelLeft,{className:"size-3.5"})}),(0,v.jsx)("span",{className:"text-[11px] text-muted-foreground truncate max-w-[120px] font-medium",children:eN||"Session"}),(0,v.jsx)(S.Button,{size:"icon",variant:"ghost",onClick:()=>eM(!0),className:"size-6",children:(0,v.jsx)(xx.Settings,{className:"size-3.5"})})]}),!r&&(0,v.jsxs)("div",{className:"border-b border-border/50 px-3 sm:px-4 py-2 flex items-center justify-between bg-card/50 backdrop-blur-sm",children:[(0,v.jsxs)("div",{className:"min-w-0 flex items-center gap-2 sm:gap-3",children:[(0,v.jsx)(vr,{}),(0,v.jsx)("div",{className:"flex items-center gap-1.5",children:eC?(0,v.jsxs)("form",{onSubmit:e=>{e.preventDefault(),e9()},className:"flex items-center gap-1",children:[(0,v.jsx)(gC.Input,{ref:eI,value:eN,onChange:e=>eS(e.target.value),onBlur:e9,className:"h-7 text-sm font-semibold w-40 px-2",placeholder:"Session name"}),(0,v.jsx)(S.Button,{type:"submit",size:"icon",variant:"ghost",className:"size-6 text-muted-foreground hover:text-foreground",children:(0,v.jsx)(xg.Check,{className:"size-3.5"})})]}):(0,v.jsx)(C.TooltipProvider,{children:(0,v.jsxs)(C.Tooltip,{children:[(0,v.jsx)(C.TooltipTrigger,{asChild:!0,children:(0,v.jsxs)("button",{onClick:()=>eA(!0),className:"flex items-center gap-1.5 group hover:bg-muted/50 rounded px-1.5 py-0.5 -mx-1.5 transition-colors",children:[(0,v.jsx)("h2",{className:"font-semibold text-foreground truncate max-w-[200px]",children:eN||"Untitled Session"}),(0,v.jsx)(xf.Pencil,{className:"size-3 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity"})]})}),(0,v.jsx)(C.TooltipContent,{children:"Click to rename"})]})})}),t.workingDirectory?(0,v.jsx)(C.TooltipProvider,{children:(0,v.jsxs)(C.Tooltip,{children:[(0,v.jsx)(C.TooltipTrigger,{asChild:!0,children:(0,v.jsxs)("div",{className:"flex items-center gap-1.5 px-2 py-1 rounded-md bg-muted/30 text-xs text-muted-foreground max-w-[200px]",children:[(0,v.jsx)(xv.FolderOpen,{className:"size-3.5 shrink-0"}),(0,v.jsx)("span",{className:"truncate font-mono",children:t.workingDirectory.split("/").pop()||t.workingDirectory})]})}),(0,v.jsx)(C.TooltipContent,{side:"bottom",className:"max-w-md",children:(0,v.jsx)("p",{className:"font-mono text-xs",children:t.workingDirectory})})]})}):null]}),(0,v.jsxs)("div",{className:"flex items-center gap-2 shrink-0",children:[eQ.filter(e=>"browser-recording"===e.category&&e.downloadUrl).map(e=>(0,v.jsx)(yk,{fileName:e.fileName,downloadUrl:e.downloadUrl,sizeBytes:e.sizeBytes,createdAt:e.createdAt},e.id)),W&&(0,v.jsx)(C.TooltipProvider,{children:(0,v.jsxs)(C.Tooltip,{children:[(0,v.jsx)(C.TooltipTrigger,{asChild:!0,children:(0,v.jsxs)(N.Badge,{variant:"outline",className:"gap-1.5 text-xs border-emerald-500/30 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 cursor-help",children:[(0,v.jsx)("span",{className:"size-1.5 rounded-full bg-current animate-pulse"}),"Watching"]})}),(0,v.jsx)(C.TooltipContent,{children:"Watching stream from another client"})]})}),(0,v.jsx)(C.TooltipProvider,{children:(0,v.jsxs)(C.Tooltip,{children:[(0,v.jsx)(C.TooltipTrigger,{asChild:!0,children:(0,v.jsx)(N.Badge,{variant:g?"default":"secondary",className:`cursor-help ${g?"bg-primary/90":""}`,children:g?W?"streaming":"running":t.status})}),(0,v.jsx)(C.TooltipContent,{children:g?W?"Receiving streamed response":"Agent is processing":`Session is ${t.status}`})]})}),(0,v.jsx)(C.TooltipProvider,{children:(0,v.jsxs)(C.Tooltip,{children:[(0,v.jsx)(C.TooltipTrigger,{asChild:!0,children:(0,v.jsx)(S.Button,{size:"icon",variant:"ghost",className:"size-7 hover:bg-accent transition-colors",onClick:()=>eM(!0),children:(0,v.jsx)(xx.Settings,{className:"size-4"})})}),(0,v.jsx)(C.TooltipContent,{children:"Session Settings"})]})}),(0,v.jsxs)(go,{children:[(0,v.jsx)(gl,{asChild:!0,children:(0,v.jsx)(S.Button,{size:"icon",variant:"ghost",className:"size-7 hover:bg-accent transition-colors",children:(0,v.jsx)(xP,{className:"size-4"})})}),(0,v.jsxs)(gc,{align:"end",className:"w-52",children:[(0,v.jsxs)(gu,{onClick:()=>{eY(!1),(0,xt.getBrowserStreamStatus)(t.id).then(e=>{e?.active?(eW(!0),console.log("[browser] Reconnecting PIP — stream active")):console.log("[browser] No active browser stream")})},children:[(0,v.jsx)(gX,{className:"size-4 mr-2"}),"Open Browser PIP"]}),(0,v.jsxs)(gu,{onClick:async()=>{e3(await (0,xt.getBrowserRecordings)(t.id)),e2(!0)},children:[(0,v.jsx)(gZ,{className:"size-4 mr-2"}),"Browser Recordings"]}),(0,v.jsxs)(gu,{onClick:async()=>{e6("copying");try{let e=await vi(t.id);await navigator.clipboard.writeText(e),e6("copied"),console.log(`[debug-dump] copied ${e.length.toLocaleString()} chars to clipboard for session ${t.id}`),setTimeout(()=>e6("idle"),2500)}catch(e){console.error("[debug-dump] failed:",e),e6("error"),setTimeout(()=>e6("idle"),2500)}},children:["copying"===e4?(0,v.jsx)(xh.RefreshCw,{className:"size-4 mr-2 animate-spin"}):"copied"===e4?(0,v.jsx)(xg.Check,{className:"size-4 mr-2 text-green-500"}):"error"===e4?(0,v.jsx)(xm,{className:"size-4 mr-2 text-red-500"}):(0,v.jsx)(xR,{className:"size-4 mr-2"}),"copying"===e4?"Gathering…":"copied"===e4?"Copied to clipboard":"error"===e4?"Failed — see console":"Copy debug JSON"]})]})]})]})]}),(0,v.jsx)(pb.Dialog,{open:eR,onOpenChange:eM,children:(0,v.jsxs)(pb.DialogContent,{className:"sm:max-w-md",children:[(0,v.jsx)(pb.DialogHeader,{children:(0,v.jsxs)(pb.DialogTitle,{className:"flex items-center gap-2",children:[(0,v.jsx)("div",{className:"size-8 rounded-lg bg-muted flex items-center justify-center",children:(0,v.jsx)(xx.Settings,{className:"size-4"})}),"Session Settings"]})}),(0,v.jsxs)("div",{className:"space-y-4 pt-2",children:[(0,v.jsxs)("div",{className:"space-y-2",children:[(0,v.jsx)(xL.Label,{className:"text-sm font-medium",children:"Model"}),(0,v.jsxs)(oh.Select,{value:ej,onValueChange:e8,disabled:g,children:[(0,v.jsx)(oh.SelectTrigger,{className:"w-full",children:(0,v.jsx)(oh.SelectValue,{placeholder:"Select model"})}),(0,v.jsx)(oh.SelectContent,{children:e_?.availableModels.map(e=>(0,v.jsx)(oh.SelectItem,{value:e.id,children:(0,v.jsxs)("div",{className:"flex items-center gap-2",children:[(0,v.jsx)("span",{children:e.name}),(0,v.jsx)("span",{className:"text-xs text-muted-foreground",children:e.provider})]})},e.id))})]}),g&&(0,v.jsx)("p",{className:"text-xs text-muted-foreground",children:"Cannot change model while agent is running"})]}),(0,v.jsxs)("div",{className:"space-y-2",children:[(0,v.jsx)(xL.Label,{className:"flex items-center gap-2 text-sm font-medium",children:"Tool Approvals"}),(0,v.jsx)("p",{className:"text-xs text-muted-foreground -mt-0.5",children:"Toggle on to require approval before tool executes"}),(0,v.jsx)("div",{className:"space-y-1 rounded-lg border p-2.5 bg-muted/30",children:e_?.availableTools.map(e=>{var t;let r=(t=e.id,eE.toolApprovals?.[t]!==void 0?eE.toolApprovals[t]:"bash"===t);return(0,v.jsxs)("div",{className:"flex items-center justify-between py-1.5 hover:bg-muted/50 rounded px-2 -mx-1 transition-colors",children:[(0,v.jsxs)("div",{className:"space-y-0",children:[(0,v.jsxs)("div",{className:"flex items-center gap-2",children:[(0,v.jsx)("span",{className:"text-sm font-medium",children:e.name}),e.dangerous&&(0,v.jsx)("span",{className:"text-[10px] bg-amber-500/20 text-amber-600 dark:text-amber-400 px-1.5 py-0.5 rounded font-medium",children:"risky"})]}),(0,v.jsx)("p",{className:"text-[11px] text-muted-foreground",children:e.description})]}),(0,v.jsx)(xI.Switch,{checked:r,onCheckedChange:()=>tp(e.id,r)})]},e.id)})})]}),(0,v.jsx)("p",{className:"text-xs text-muted-foreground",children:"These settings only apply to this session. Changes take effect for future tool calls."})]})]})}),(0,v.jsx)(pb.Dialog,{open:e1,onOpenChange:e2,children:(0,v.jsxs)(pb.DialogContent,{className:"max-w-2xl w-full p-0 overflow-hidden rounded-xl",children:[(0,v.jsx)(pb.DialogHeader,{className:"px-5 pt-5 pb-3",children:(0,v.jsxs)(pb.DialogTitle,{className:"flex items-center gap-2 text-sm font-medium",children:[(0,v.jsx)("div",{className:"flex items-center justify-center size-6 rounded-lg bg-violet-500/10 dark:bg-violet-400/10",children:(0,v.jsx)(gZ,{className:"size-3.5 text-violet-600 dark:text-violet-400"})}),"Browser Recordings"]})}),(0,v.jsx)("div",{className:"px-5 pb-5 space-y-3",children:0===e5.length?(0,v.jsx)("p",{className:"text-sm text-muted-foreground py-4 text-center",children:"No browser recordings for this session"}):e5.map(e=>(0,v.jsxs)("div",{className:"flex items-center gap-3 p-3 rounded-lg border bg-muted/30 hover:bg-muted/50 transition-colors",children:[(0,v.jsx)("div",{className:"flex items-center justify-center size-10 rounded-lg bg-violet-500/10 dark:bg-violet-400/10 shrink-0",children:(0,v.jsx)(xC,{className:"size-4 text-violet-600 dark:text-violet-400 ml-0.5"})}),(0,v.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,v.jsx)("p",{className:"text-sm font-medium truncate",children:e.fileName}),(0,v.jsxs)("p",{className:"text-xs text-muted-foreground",children:[e.createdAt&&new Date(e.createdAt).toLocaleString(),null!=e.sizeBytes&&` \xb7 ${e.sizeBytes>1048576?`${(e.sizeBytes/1048576).toFixed(1)} MB`:`${(e.sizeBytes/1024).toFixed(0)} KB`}`]})]}),e.downloadUrl&&(0,v.jsxs)(S.Button,{size:"sm",variant:"outline",className:"shrink-0",onClick:()=>window.open(e.downloadUrl,"_blank"),children:[(0,v.jsx)(xC,{className:"size-3 mr-1"}),"Watch"]})]},e.id))})]})}),!r&&ez?.updateAvailable&&!eB&&(0,v.jsxs)("div",{className:"px-4 py-2 border-b border-amber-500/30 bg-amber-500/10 flex items-center justify-between gap-3",children:[(0,v.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,v.jsx)(xj,{className:"size-4 text-amber-600 dark:text-amber-400 shrink-0"}),(0,v.jsxs)("span",{className:"text-sm text-amber-700 dark:text-amber-300",children:["Update available: ",(0,v.jsxs)("strong",{children:["v",ez.latestVersion]}),(0,v.jsxs)("span",{className:"text-amber-600/70 dark:text-amber-400/70 ml-1",children:["(current: v",ez.currentVersion,")"]})]})]}),(0,v.jsxs)("div",{className:"flex items-center gap-2 shrink-0",children:[(0,v.jsx)(S.Button,{size:"sm",variant:"outline",className:"h-7 text-xs border-amber-500/50 bg-amber-500/20 hover:bg-amber-500/30 text-amber-700 dark:text-amber-300",onClick:e7,disabled:e$,children:e$?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(xh.RefreshCw,{className:"size-3 mr-1.5 animate-spin"}),"Creating..."]}):(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(xj,{className:"size-3 mr-1.5"}),"Update Now"]})}),(0,v.jsx)(C.TooltipProvider,{children:(0,v.jsxs)(C.Tooltip,{children:[(0,v.jsx)(C.TooltipTrigger,{asChild:!0,children:(0,v.jsx)(S.Button,{size:"icon",variant:"ghost",className:"size-6 text-amber-600 dark:text-amber-400 hover:bg-amber-500/20",onClick:()=>{eF(!0),ez?.latestVersion&&localStorage.setItem("sparkecoder-dismissed-version",ez.latestVersion)},children:(0,v.jsx)(xk.X,{className:"size-3.5"})})}),(0,v.jsx)(C.TooltipContent,{children:"Dismiss (won't show again for this version)"})]})})]})]}),!r&&(es&&es.todos&&es.todos.length>0||ea.length>0)&&(0,v.jsx)("div",{className:"px-4 py-2 border-b border-border/50 bg-muted/20",children:(0,v.jsx)(xo,{todosData:es,plans:ea})}),er.length>0&&(0,v.jsx)("div",{className:(0,k.cn)("p-4 border-b border-border space-y-3",r&&"p-2 space-y-2"),children:er.map(e=>{let t=e.input;return(0,v.jsxs)(oG,{approval:{id:e.id,approved:!1},state:"approval-requested",children:[(0,v.jsx)(oq,{children:(0,v.jsxs)("div",{className:"flex items-start gap-3",children:[(0,v.jsx)("div",{className:"size-8 rounded-lg bg-amber-500/20 flex items-center justify-center shrink-0",children:(0,v.jsx)(xm,{className:"size-4 text-amber-500"})}),(0,v.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,v.jsx)("p",{className:"font-medium text-sm",children:"Approval Required"}),(0,v.jsx)("p",{className:"text-sm text-muted-foreground mt-0.5",children:(0,v.jsx)("code",{className:"bg-muted px-1.5 py-0.5 rounded font-mono text-foreground",children:e.toolName})}),(0,v.jsx)("div",{className:"mt-3 rounded-lg border bg-muted/30 overflow-hidden",children:Object.entries(t).map(([e,t])=>(0,v.jsxs)("div",{className:"flex border-b border-border/50 last:border-b-0",children:[(0,v.jsx)("div",{className:"px-3 py-2 bg-muted/50 text-xs font-medium text-muted-foreground w-24 shrink-0",children:e}),(0,v.jsx)("div",{className:"px-3 py-2 text-xs font-mono flex-1 min-w-0 overflow-auto max-h-24",children:"string"==typeof t?(0,v.jsx)("span",{className:"whitespace-pre-wrap break-words",children:t}):(0,v.jsx)("span",{className:"text-muted-foreground",children:JSON.stringify(t)})})]},e))})]})]})}),(0,v.jsxs)(oH,{children:[(0,v.jsx)(oK,{variant:"outline",onClick:()=>th(e),children:"Reject"}),(0,v.jsx)(oK,{variant:"ghost",onClick:()=>tm(e),className:"text-muted-foreground hover:text-foreground",children:"Always Allow"}),(0,v.jsx)(oK,{variant:"default",onClick:()=>td(e),children:"Approve"})]})]},e.id)})}),(0,v.jsxs)(B,{className:(0,k.cn)("flex-1 p-4",r&&"p-2"),children:[(0,v.jsxs)(F,{className:(0,k.cn)("max-w-3xl mx-auto w-full",r&&"max-w-none"),children:[t.config?.task?.enabled&&(s="running"===(n=t.config.task).status,i="completed"===n.status,a="failed"===n.status,(0,v.jsxs)("div",{className:(0,k.cn)("mb-4 rounded-lg border px-3.5 py-2.5 flex items-center gap-2.5 text-sm transition-colors",i&&"border-emerald-500/30 bg-emerald-500/5",a&&"border-red-500/30 bg-red-500/5",s&&"border-blue-500/30 bg-blue-500/5"),children:[(0,v.jsx)(xE.ListChecks,{className:(0,k.cn)("size-4 shrink-0",i&&"text-emerald-500",a&&"text-red-500",s&&"text-blue-500")}),(0,v.jsx)("span",{className:"font-medium truncate",children:t.name||"Task"}),(0,v.jsx)("span",{className:(0,k.cn)("text-xs shrink-0",i&&"text-emerald-600 dark:text-emerald-400",a&&"text-red-600 dark:text-red-400",s&&"text-blue-600 dark:text-blue-400 animate-pulse"),children:s?"Running":i?"Completed":"Failed"}),null!=n.iterations&&(0,v.jsxs)("span",{className:"text-xs text-muted-foreground ml-auto tabular-nums shrink-0",children:[n.iterations," iter."]}),a&&n.error&&(0,v.jsxs)("span",{className:"text-xs text-red-500 truncate ml-1",title:n.error,children:["— ",n.error]})]})),ef&&(0,v.jsx)("div",{className:"flex justify-center py-12",children:(0,v.jsx)(oY,{size:24})}),!ef&&0===l.length&&!K&&(0,v.jsx)($,{icon:(0,v.jsxs)("div",{className:"relative overflow-hidden rounded-2xl size-16 shadow-lg ring-1 ring-white/10",children:[(0,v.jsx)(j.default,{src:"/sparke-coder.png",alt:"SparkECoder",width:64,height:64,className:"absolute inset-0 size-full object-cover",priority:!0}),g&&(0,v.jsx)("video",{src:"/sparkecode.mp4",autoPlay:!0,muted:!0,loop:!0,playsInline:!0,className:"absolute inset-0 size-full object-cover"})]}),title:"Start a conversation",description:"Ask SparkECoder to help you with coding tasks"}),l.filter(e=>{if("tool-call"===e.type&&e.toolCall){if(er.some(t=>t.toolCallId===e.toolCall?.toolCallId))return!1;let t=ee.some(t=>t.toolCallId===e.toolCall?.toolCallId),r=ee.some(t=>t.toolCallId.startsWith(`${e.toolCall?.toolName}_pending_`)&&("streaming"===t.status||"running"===t.status));if(t||r)return!1}return!0}).map(e=>{if("user-message"===e.type){let t,r,n,s=e.content?function(e){let t=e.replace(/^\s+/,"");for(;;){let e=t;if((t=(t=t.replace(/^\[Local device time:[^\]]*\]\s*/,"")).replace(/^\[REPLAY[^\]]*\]\s*/,""))===e)break}let r=t.match(/^\[([A-Z]+)(?:\s+([^\]]*))?\]\s*([\s\S]*)$/);if(!r)return{pill:null,rest:e};let n=r[1];return["WEB","SLACK","SYSTEM","SCHEDULE","WEBHOOK"].includes(n)?{pill:{channel:n,detail:r[2]?.replace(/\s*reply-with=[\s\S]*$/,"").trim()||void 0},rest:r[3]}:{pill:null,rest:e}}(e.content):{pill:null,rest:e.content||""};if(s.pill&&y7.has(s.pill.channel))return(0,v.jsx)(vt,{pill:s.pill,body:s.rest},e.id);let i=!!s.pill&&"WEB"!==s.pill.channel,a=void 0!==e.messageSequence&&el.some(t=>t.messageSequence===e.messageSequence);return(0,v.jsxs)("div",{className:i?"flex flex-col items-end gap-1":void 0,children:[i&&s.pill&&(0,v.jsxs)("div",{className:`inline-flex items-center gap-1.5 text-[10px] font-medium uppercase tracking-wide px-2 py-0.5 rounded-md border self-end ${y8[s.pill.channel]||"bg-muted text-muted-foreground border-border"}`,children:[(0,v.jsx)("span",{children:s.pill.channel}),s.pill.detail&&(0,v.jsx)("span",{className:"font-normal normal-case opacity-80",children:s.pill.detail})]}),(0,v.jsxs)(aF,{from:"user",children:[(0,v.jsxs)(a$,{children:[e.attachments&&e.attachments.length>0&&(0,v.jsx)("div",{className:"flex flex-wrap gap-2 mb-2",children:e.attachments.map((e,t)=>(0,v.jsx)("div",{className:"relative",children:"image"===e.type?(0,v.jsx)("div",{className:"relative rounded-lg overflow-hidden border border-border/50 max-w-[200px]",children:(0,v.jsx)("img",{src:e.data.startsWith("data:")?e.data:`data:${e.mediaType||"image/png"};base64,${e.data}`,alt:e.filename||"Image attachment",className:"max-w-full h-auto max-h-[150px] object-contain"})}):(0,v.jsxs)("div",{className:"flex items-center gap-2 px-3 py-2 rounded-lg bg-muted/50 border border-border/50",children:[(0,v.jsx)(xw,{className:"h-4 w-4 text-muted-foreground"}),(0,v.jsx)("span",{className:"text-sm text-muted-foreground truncate max-w-[150px]",children:e.filename||"File"})]})},t))}),e.content&&(r=(t=s.rest).replace(y6,"").trim(),n=function(e){let t=e.match(/<devtools-context>([\s\S]*?)<\/devtools-context>/);if(!t)return null;let r=t[1],n=r.match(/<page\s+url="([^"]*)"\s+path="([^"]*)"\s+name="([^"]*)"/),s=r.match(/<viewport\s+width="([^"]*)"\s+height="([^"]*)"(?:\s+dpr="([^"]*)")?/);return n?{url:n[1],path:n[2],pageName:n[3],viewportWidth:s?.[1],viewportHeight:s?.[2],dpr:s?.[3]}:null}(t),(0,v.jsxs)(v.Fragment,{children:[!i&&s.pill&&(0,v.jsx)(y9,{...s.pill}),r&&(0,v.jsx)("p",{className:"whitespace-pre-wrap",children:r}),n&&(0,v.jsxs)("div",{className:"flex items-center gap-1.5 mt-1.5 text-[11px] text-muted-foreground/60",children:[(0,v.jsx)(xT,{className:"h-3 w-3"}),(0,v.jsx)("span",{children:n.path}),n.viewportWidth&&n.viewportHeight&&(0,v.jsxs)("span",{className:"text-muted-foreground/40",children:[n.viewportWidth,"x",n.viewportHeight]})]})]}))]}),a&&!g&&(0,v.jsx)(aV,{className:"justify-end mt-1",children:(0,v.jsx)(C.TooltipProvider,{children:(0,v.jsxs)(C.Tooltip,{children:[(0,v.jsx)(C.TooltipTrigger,{asChild:!0,children:(0,v.jsxs)(S.Button,{variant:"ghost",size:"sm",onClick:()=>tr(e.messageSequence,e.content),disabled:eu,className:"h-6 px-2 text-xs text-muted-foreground hover:text-destructive gap-1",children:[(0,v.jsx)(xy,{className:"h-3 w-3"}),"Revert"]})}),(0,v.jsx)(C.TooltipContent,{children:(0,v.jsx)("p",{children:"Revert to before this message (undo all changes after)"})})]})})})]})]},e.id)}if("reasoning"===e.type)return(0,v.jsxs)(mq,{isStreaming:!1,defaultOpen:!1,children:[(0,v.jsx)(mK,{}),(0,v.jsx)(mX,{children:e.content||""})]},e.id);if("assistant-text"===e.type)return(0,v.jsx)(aF,{from:"assistant",children:(0,v.jsxs)("div",{className:"flex gap-3",children:[(0,v.jsx)("div",{className:"relative overflow-hidden rounded-lg size-8 shadow-sm ring-1 ring-white/10 shrink-0",children:(0,v.jsx)(j.default,{src:"/sparke-coder.png",alt:"SparkECoder",width:32,height:32,className:"absolute inset-0 size-full object-cover"})}),(0,v.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,v.jsx)(a$,{children:(0,v.jsx)(aG,{children:e.content||""})}),(0,v.jsx)(aV,{children:(0,v.jsx)(aU,{label:"Copy",onClick:()=>navigator.clipboard.writeText(e.content||""),children:(0,v.jsx)(xd.Copy,{className:"size-3"})})})]})]})},e.id);if("tool-call"===e.type&&e.toolCall){let t=e.toolCall,r=`tool-${t.toolName}`;if("messenger"===t.toolName&&t.input?.action==="post")return(0,v.jsx)(ve,{input:t.input,output:t.output,status:t.status},e.id);if("write_file"===t.toolName)return(0,v.jsx)(xB,{input:t.input,output:t.output,status:t.status,streamingArgsText:t.streamingArgsText,liveContent:t.liveContent,liveOldString:t.liveOldString,liveNewString:t.liveNewString},e.id);if("read_file"===t.toolName)return(0,v.jsx)(xV,{input:t.input,output:t.output,status:t.status},e.id);if("bash"===t.toolName)return(0,v.jsx)(xq,{input:t.input,output:t.output,status:t.status,terminalId:t.terminalId,liveOutput:t.liveOutput},e.id);if("explore_agent"===t.toolName)return(0,v.jsx)(x1,{input:t.input,output:t.output,status:t.status,steps:t.exploreSteps},e.id);if("todo"===t.toolName)return(0,v.jsx)(ye,{input:t.input,output:t.output,status:t.status},e.id);if("load_skill"===t.toolName)return(0,v.jsx)(yn,{input:t.input,output:t.output,status:t.status},e.id);if("linter"===t.toolName)return(0,v.jsx)(yl,{input:t.input,output:t.output,status:t.status},e.id);if("code_graph"===t.toolName)return(0,v.jsx)(yh,{input:t.input,output:t.output,status:t.status},e.id);if("complete_task"===t.toolName||"task_failed"===t.toolName)return(0,v.jsx)(yg,{toolName:t.toolName,input:t.input,output:t.output,status:t.status},e.id);let n="completed"!==t.status;return(0,v.jsxs)(oT,{defaultOpen:n,children:[(0,v.jsx)(oE,{type:r,state:function(e){switch(e){case"pending":case"streaming":default:return"input-streaming";case"running":return"input-available";case"completed":return"output-available";case"rejected":return"output-denied";case"error":return"output-error"}}(t.status),title:t.toolName}),(0,v.jsxs)(oP,{children:[(0,v.jsx)(oR,{input:t.input}),(e=>{let t=e.output,r=e.input;if("bash"===e.toolName)return(0,v.jsx)(xq,{input:e.input,output:e.output,status:e.status,terminalId:e.terminalId,liveOutput:e.liveOutput,className:"mt-2"});if("explore_agent"===e.toolName)return(0,v.jsx)(x1,{input:e.input,output:e.output,status:e.status,steps:e.exploreSteps,className:"mt-2"});if("todo"===e.toolName)return(0,v.jsx)(ye,{input:e.input,output:e.output,status:e.status,className:"mt-2"});if("load_skill"===e.toolName)return(0,v.jsx)(yn,{input:e.input,output:e.output,status:e.status,className:"mt-2"});if("linter"===e.toolName)return(0,v.jsx)(yl,{input:e.input,output:e.output,status:e.status,className:"mt-2"});if("code_graph"===e.toolName)return(0,v.jsx)(yh,{input:e.input,output:e.output,status:e.status,className:"mt-2"});if("write_file"===e.toolName&&r){let e=r.path||"file",n=r.mode||"full",s=e.split("/").pop()||"file",i=tf(e);if("str_replace"===n){let e=r.old_string||"",n=r.new_string||"";return(0,v.jsxs)("div",{className:"mt-2 max-w-full overflow-hidden space-y-2",children:[(0,v.jsxs)("div",{className:"flex items-center gap-2 text-sm",children:[(0,v.jsx)(xp,{className:"size-4 text-muted-foreground"}),(0,v.jsx)("span",{className:"font-medium",children:s}),(0,v.jsx)(N.Badge,{variant:"secondary",className:"text-xs",children:"str_replace"})]}),(0,v.jsxs)("div",{className:"rounded-md border overflow-hidden",children:[(0,v.jsxs)("div",{className:"bg-red-500/10 border-b p-2",children:[(0,v.jsx)("div",{className:"text-xs text-red-500 mb-1",children:"- Remove:"}),(0,v.jsx)("pre",{className:"text-xs overflow-x-auto whitespace-pre-wrap break-words text-red-400",children:e.length>500?e.slice(0,500)+"...":e})]}),(0,v.jsxs)("div",{className:"bg-green-500/10 p-2",children:[(0,v.jsx)("div",{className:"text-xs text-green-500 mb-1",children:"+ Add:"}),(0,v.jsx)("pre",{className:"text-xs overflow-x-auto whitespace-pre-wrap break-words text-green-400",children:n.length>500?n.slice(0,500)+"...":n})]})]}),t&&(0,v.jsxs)("div",{className:`text-xs flex items-center gap-1 ${t.success?"text-green-600 dark:text-green-400":"text-red-600 dark:text-red-400"}`,children:[(0,v.jsx)("span",{children:t.success?"✓":"✗"}),(0,v.jsx)("span",{children:t.success?`Replaced (${void 0!==t.lineDelta?(t.lineDelta>=0?"+":"")+t.lineDelta+" lines":"done"})`:t.error||"Failed"})]})]})}let a=r.content||"";return(0,v.jsxs)("div",{className:"mt-2 max-w-full overflow-hidden",children:[(0,v.jsxs)(oI,{children:[(0,v.jsxs)(oL,{children:[(0,v.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,v.jsx)(xp,{className:"size-4 text-muted-foreground shrink-0"}),(0,v.jsx)(oD,{className:"truncate",children:s}),(0,v.jsx)(oz,{className:"truncate text-xs hidden sm:block",children:e})]}),(0,v.jsx)(oO,{children:(0,v.jsx)(oB,{icon:xd.Copy,label:"Copy",onClick:()=>navigator.clipboard.writeText(a)})})]}),a&&(0,v.jsx)(oF,{className:"p-0 max-h-[300px] overflow-auto",children:(0,v.jsx)(o_,{code:a,language:i,showLineNumbers:!0,children:(0,v.jsx)(oN,{className:"sr-only",children:(0,v.jsx)(oS,{children:(0,v.jsx)(oC,{children:s})})})})})]}),t&&(0,v.jsxs)("div",{className:`mt-2 text-xs flex items-center gap-1 ${t.success?"text-green-600 dark:text-green-400":"text-red-600 dark:text-red-400"}`,children:[(0,v.jsx)("span",{children:t.success?"✓":"✗"}),(0,v.jsx)("span",{children:t.success?`File ${t.action||"written"} successfully`:t.error||"Failed"})]})]})}if("read_file"===e.toolName&&t){let e=r?.path||"file",n=e.split("/").pop()||"file",s=t.imageData,i=t.mediaType;if(s&&i)return(0,v.jsx)("div",{className:"mt-2 max-w-full overflow-hidden",children:(0,v.jsxs)(oI,{children:[(0,v.jsx)(oL,{children:(0,v.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,v.jsx)(gM,{className:"size-4 text-muted-foreground shrink-0"}),(0,v.jsx)(oD,{className:"truncate",children:n}),(0,v.jsx)(oz,{className:"truncate text-xs hidden sm:block",children:e})]})}),(0,v.jsx)(oF,{className:"p-0 max-h-[400px] overflow-auto",children:(0,v.jsx)("div",{className:"p-3 flex justify-center bg-muted/20",children:(0,v.jsx)("img",{src:`data:${i};base64,${s}`,alt:n,className:"max-w-full max-h-[350px] object-contain rounded"})})})]})});let a=t.content||JSON.stringify(t,null,2),o=tf(e);return(0,v.jsx)("div",{className:"mt-2 max-w-full overflow-hidden",children:(0,v.jsxs)(oI,{children:[(0,v.jsxs)(oL,{children:[(0,v.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,v.jsx)(xp,{className:"size-4 text-muted-foreground shrink-0"}),(0,v.jsx)(oD,{className:"truncate",children:n}),(0,v.jsx)(oz,{className:"truncate text-xs hidden sm:block",children:e})]}),(0,v.jsx)(oO,{children:(0,v.jsx)(oB,{icon:xd.Copy,label:"Copy",onClick:()=>navigator.clipboard.writeText(a)})})]}),(0,v.jsx)(oF,{className:"p-0 max-h-[300px] overflow-auto",children:(0,v.jsx)(o_,{code:a,language:o,showLineNumbers:!0,children:(0,v.jsx)(oN,{className:"sr-only",children:(0,v.jsx)(oS,{children:(0,v.jsx)(oC,{children:n})})})})})]})})}return t?(0,v.jsx)(oM,{output:(0,v.jsxs)("pre",{className:"text-xs overflow-x-auto max-w-full whitespace-pre-wrap break-words",children:[JSON.stringify(t,null,2).slice(0,500),JSON.stringify(t).length>500?"...":""]}),errorText:"error"===e.status?"Tool execution failed":void 0}):null})(t)]})]},e.id)}return null}),g&&!K&&!Y&&0===ee.length&&(0,v.jsxs)("div",{className:"flex gap-3 items-center",children:[(0,v.jsx)("div",{className:"relative overflow-hidden rounded-lg size-8 shadow-sm ring-1 ring-white/10 shrink-0",children:(0,v.jsx)("video",{src:"/sparkecode.mp4",autoPlay:!0,muted:!0,loop:!0,playsInline:!0,className:"absolute inset-0 size-full object-cover"})}),(0,v.jsx)("span",{className:"text-sm text-muted-foreground",children:"Thinking..."})]}),g&&(Z||Y)&&(0,v.jsxs)(mq,{isStreaming:Z,defaultOpen:!0,children:[(0,v.jsx)(mK,{}),(0,v.jsx)(mX,{children:Y})]}),g&&K&&(0,v.jsx)(aF,{from:"assistant",children:(0,v.jsxs)("div",{className:"flex gap-3",children:[(0,v.jsx)("div",{className:"relative overflow-hidden rounded-lg size-8 shadow-sm ring-1 ring-white/10 shrink-0",children:(0,v.jsx)("video",{src:"/sparkecode.mp4",autoPlay:!0,muted:!0,loop:!0,playsInline:!0,className:"absolute inset-0 size-full object-cover"})}),(0,v.jsx)("div",{className:"flex-1 min-w-0",children:(0,v.jsxs)(a$,{children:[(0,v.jsx)(aG,{children:K}),(0,v.jsx)("span",{className:"inline-block w-2 h-4 bg-primary animate-pulse ml-1"})]})})]})}),g&&ee.map(e=>"write_file"===e.toolName?(0,v.jsx)(xB,{input:e.input,output:e.output,status:e.status,streamingArgsText:e.streamingArgsText,liveContent:e.liveContent,liveOldString:e.liveOldString,liveNewString:e.liveNewString},e.toolCallId):"read_file"===e.toolName?(0,v.jsx)(xV,{input:e.input,output:e.output,status:e.status},e.toolCallId):"bash"===e.toolName?(0,v.jsx)(xq,{input:e.input,output:e.output,status:e.status,terminalId:e.terminalId,liveOutput:e.liveOutput},e.toolCallId):"explore_agent"===e.toolName?(0,v.jsx)(x1,{input:e.input,output:e.output,status:e.status,steps:e.exploreSteps},e.toolCallId):"todo"===e.toolName?(0,v.jsx)(ye,{input:e.input,output:e.output,status:e.status},e.toolCallId):"load_skill"===e.toolName?(0,v.jsx)(yn,{input:e.input,output:e.output,status:e.status},e.toolCallId):"linter"===e.toolName?(0,v.jsx)(yl,{input:e.input,output:e.output,status:e.status},e.toolCallId):"code_graph"===e.toolName?(0,v.jsx)(yh,{input:e.input,output:e.output,status:e.status},e.toolCallId):"complete_task"===e.toolName||"task_failed"===e.toolName?(0,v.jsx)(yg,{toolName:e.toolName,input:e.input,output:e.output,status:e.status},e.toolCallId):(0,v.jsxs)(oT,{defaultOpen:!0,children:[(0,v.jsx)(oE,{type:`tool-${e.toolName}`,state:"streaming"===e.status?"input-streaming":"input-available",title:e.toolName}),(0,v.jsxs)(oP,{children:[(0,v.jsx)(oR,{input:e.input}),(0,v.jsxs)("div",{className:"flex items-center gap-2 p-3 text-muted-foreground",children:[(0,v.jsx)(oY,{size:14}),(0,v.jsx)("span",{className:"text-sm",children:"streaming"===e.status?"Receiving...":"Executing..."})]})]})]},e.toolCallId)),g&&!K&&0===ee.length&&(0,v.jsxs)("div",{className:"flex items-center gap-2 text-muted-foreground",children:[(0,v.jsx)(oY,{size:16}),(0,v.jsx)("span",{className:"text-sm",children:"Thinking..."})]})]}),(0,v.jsx)(V,{})]}),I&&(0,v.jsxs)("div",{className:"fixed bottom-28 right-4 w-80 max-h-80 overflow-auto border bg-background/95 shadow-lg rounded-md text-xs",children:[(0,v.jsx)("div",{className:"px-3 py-2 border-b font-mono text-muted-foreground",children:"SSE Debug"}),(0,v.jsxs)("div",{className:"px-3 py-2 space-y-1",children:[0===D.length&&0===O.length&&(0,v.jsx)("div",{className:"text-muted-foreground",children:"No events yet"}),D.map((e,t)=>(0,v.jsx)("div",{className:"font-mono",children:e},`evt-${t}`)),O.map((e,t)=>(0,v.jsx)("div",{className:"font-mono text-red-600",children:e},`err-${t}`))]})]}),(0,v.jsx)("div",{className:(0,k.cn)("border-t border-border/50 p-4 pb-6 bg-card/30",r&&"p-2 pb-2"),children:(0,v.jsxs)("div",{className:(0,k.cn)("max-w-3xl mx-auto",r&&"max-w-none"),children:[!r&&!ef&&0===l.length&&!K&&!g&&(0,v.jsx)(g7,{className:"mb-3",children:['Create a hello.txt file with "Hello, World!"',"List files in the current directory","Show the current git status"].map(e=>(0,v.jsx)(xe,{suggestion:e,onClick:e=>{d(e)}},e))}),y.length>0&&(0,v.jsxs)("div",{className:(0,k.cn)("mb-2 rounded-lg border border-border/60 bg-muted/20 overflow-hidden",r&&"mb-1"),children:[(0,v.jsxs)("button",{type:"button",onClick:()=>M(e=>!e),className:(0,k.cn)("w-full flex items-center justify-between px-3 py-1.5 text-xs text-muted-foreground hover:bg-muted/30 transition-colors",r&&"px-2 py-1"),children:[(0,v.jsxs)("div",{className:"flex items-center gap-1.5",children:[R?(0,v.jsx)(xN.ChevronDown,{className:"size-3"}):(0,v.jsx)(xS.default,{className:"size-3"}),(0,v.jsxs)("span",{className:"font-medium",children:[y.length," Queued"]})]}),(0,v.jsx)("span",{className:"text-[10px]",children:"Stop ^C"})]}),R&&(0,v.jsx)("div",{className:"border-t border-border/40 divide-y divide-border/30",children:y.map((e,t)=>(0,v.jsxs)("div",{className:(0,k.cn)("flex items-start gap-2 px-3 py-2 group",r&&"px-2 py-1.5 gap-1.5"),children:[(0,v.jsx)("span",{className:"text-[10px] text-muted-foreground/60 pt-0.5 w-4 shrink-0 text-center",children:t+1}),(0,v.jsxs)("div",{className:"flex-1 min-w-0",children:[_===e.id?(0,v.jsxs)("div",{className:"flex items-center gap-1",children:[(0,v.jsx)("input",{type:"text",value:E,onChange:e=>P(e.target.value),onKeyDown:t=>{"Enter"===t.key&&tc(e.id),"Escape"===t.key&&T(null)},className:(0,k.cn)("flex-1 bg-background border border-border rounded px-2 py-0.5 text-xs focus:outline-none focus:ring-1 focus:ring-primary/30",r&&"text-[11px]"),autoFocus:!0}),(0,v.jsx)("button",{type:"button",onClick:()=>tc(e.id),className:"p-0.5 text-primary hover:text-primary/80",children:(0,v.jsx)(xg.Check,{className:"size-3"})})]}):(0,v.jsx)("p",{className:(0,k.cn)("text-xs text-foreground truncate",r&&"text-[11px]"),children:e.text||"Selected elements attached"}),e.attachments&&e.attachments.length>0&&(0,v.jsxs)("span",{className:"text-[10px] text-muted-foreground",children:[e.attachments.length," file",e.attachments.length>1?"s":""]}),e.selectedElements&&(0,v.jsx)("span",{className:"text-[10px] text-muted-foreground",children:"+ selected elements"})]}),(0,v.jsxs)("div",{className:(0,k.cn)("flex items-center gap-0.5 shrink-0 transition-opacity",r?"opacity-100":"opacity-0 group-hover:opacity-100"),children:[(0,v.jsx)("button",{type:"button",onClick:()=>{T(e.id),P(e.text)},className:"p-1 rounded text-muted-foreground hover:text-foreground hover:bg-muted/50",title:"Edit",children:(0,v.jsx)(xf.Pencil,{className:"size-3"})}),t>0&&(0,v.jsx)("button",{type:"button",onClick:()=>{var t;return t=e.id,void w(e=>{let r=e.findIndex(e=>e.id===t);if(-1===r)return e;let n=r-1;if(n<0||n>=e.length)return e;let s=[...e];return[s[r],s[n]]=[s[n],s[r]],s})},className:"p-1 rounded text-muted-foreground hover:text-foreground hover:bg-muted/50",title:"Move up",children:(0,v.jsx)(xA,{className:"size-3"})}),(0,v.jsx)("button",{type:"button",onClick:()=>tu(e.id),className:"p-1 rounded text-muted-foreground hover:text-foreground hover:bg-muted/50",title:"Send now",children:(0,v.jsx)(xC,{className:"size-3"})}),(0,v.jsx)("button",{type:"button",onClick:()=>{var t;return t=e.id,void w(e=>e.filter(e=>e.id!==t))},className:"p-1 rounded text-muted-foreground hover:text-destructive hover:bg-muted/50",title:"Remove",children:(0,v.jsx)(x_.Trash2,{className:"size-3"})})]})]},e.id))})]}),(0,v.jsx)(y3,{children:(0,v.jsxs)(gU,{onSubmit:ta,className:"shadow-sm",globalDrop:!0,multiple:!0,children:[(0,v.jsxs)(gG,{children:[p&&(0,v.jsxs)("div",{className:(0,k.cn)("mb-2 flex items-center justify-between rounded-md border border-border/60 bg-muted/40 px-2 py-1 text-xs",r&&"mb-1"),children:[(0,v.jsxs)("div",{className:"flex items-center gap-1.5 text-muted-foreground",children:[(0,v.jsx)("span",{className:"size-1.5 rounded-full bg-primary/70"}),(0,v.jsx)("span",{children:"Selected elements attached"})]}),(0,v.jsx)("button",{type:"button",onClick:()=>f(null),className:"rounded-sm p-1 text-muted-foreground hover:text-foreground","aria-label":"Remove selected elements",children:(0,v.jsx)(xk.X,{className:"size-3.5"})})]}),(0,v.jsx)(vn,{})]}),(0,v.jsx)(gW,{children:(0,v.jsxs)("div",{className:"relative w-full",children:[(0,v.jsx)(y4,{sessionId:t.id,value:u+(h?(!u||u.endsWith(" ")||u.endsWith("\n")?"":" ")+h:""),onChange:e=>{h&&m(""),d(e)},placeholder:g?"Type to queue a message...":"Ask SparkECoder... (@ to mention files, / for commands)",disabled:!1,autoFocus:!0,className:(0,k.cn)("min-h-[80px] focus:ring-2 focus:ring-primary/20 transition-all field-sizing-content max-h-48",h&&"caret-red-500",r&&"min-h-[40px] text-sm max-h-24")}),h&&(0,v.jsxs)("div",{className:"absolute bottom-2 right-2 flex items-center gap-1.5 text-xs text-red-500 bg-background/80 backdrop-blur-sm px-2 py-1 rounded-full",children:[(0,v.jsx)("span",{className:"size-2 bg-red-500 rounded-full animate-pulse"}),"Listening..."]})]})}),(0,v.jsxs)(gq,{className:r?"py-1":void 0,children:[!r&&(0,v.jsx)("div",{className:"flex items-center gap-1 text-xs text-muted-foreground",children:(0,v.jsx)("span",{className:"hidden sm:inline",children:"Type @ to mention files, / for commands"})}),(0,v.jsxs)("div",{className:"flex items-center gap-2",children:[(0,v.jsx)(yv,{size:"icon",className:"size-9",onTranscriptionChange:e=>{d(t=>{let r=t&&!t.endsWith(" ")&&!t.endsWith("\n");return t+(r?" ":"")+e})},onInterimTranscription:e=>{m(e)},disabled:g}),(0,v.jsx)(vs,{input:u+h,isRunning:g,onStop:to,hasExtraContent:!!(p&&p.trim())})]})]})]})})]})}),(0,v.jsx)(yw,{sessionId:t.id,frame:eG,metadata:eH,active:eU&&!eX,onDismiss:()=>{eY(!0),eW(!1)}})]})}var vo=e.i(482079),vl=e.i(461957);function vc({sessionId:e}){let[t,r]=(0,b.useState)(null),[n,s]=(0,b.useState)(""),[i,a]=(0,b.useState)(!1),o=(0,b.useCallback)(async()=>{let t=await (0,xt.getSession)(e);r(t?.pendingQuestion??null)},[e]);if((0,b.useEffect)(()=>{let e=!1,t=async()=>{e||await o()};t();let r=setInterval(t,3e3);return()=>{e=!0,clearInterval(r)}},[o]),!t)return null;let l=async()=>{if(n.trim()&&!i){a(!0);try{await (0,xt.answerAgentQuestion)(e,t.questionId,n.trim()),s(""),r(null),o()}finally{a(!1)}}};return(0,v.jsx)("div",{className:"border-b border-amber-500/40 bg-amber-500/5 px-4 py-3",children:(0,v.jsxs)("div",{className:"flex items-start gap-3 max-w-3xl mx-auto",children:[(0,v.jsx)(vo.MessageCircleQuestion,{className:"size-5 text-amber-500 shrink-0 mt-0.5"}),(0,v.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,v.jsx)("p",{className:"text-sm font-medium text-amber-800 dark:text-amber-200",children:t.question}),t.context&&(0,v.jsx)("p",{className:"text-xs text-muted-foreground mt-1",children:t.context}),t.choices&&t.choices.length>0&&(0,v.jsx)("div",{className:"flex flex-wrap gap-1.5 mt-2",children:t.choices.map(e=>(0,v.jsx)("button",{type:"button",onClick:()=>s(e),className:"text-xs px-2 py-1 rounded bg-amber-500/10 hover:bg-amber-500/20 text-amber-800 dark:text-amber-200",children:e},e))}),(0,v.jsxs)("div",{className:"flex gap-2 mt-2",children:[(0,v.jsx)("input",{type:"text",value:n,onChange:e=>s(e.target.value),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),l())},placeholder:"Type your answer…",className:"flex-1 px-3 py-1.5 text-sm rounded border border-border bg-background focus:outline-none focus:ring-2 focus:ring-amber-500/40",autoFocus:!0}),(0,v.jsx)(S.Button,{size:"sm",onClick:l,disabled:!n.trim()||i,children:i?(0,v.jsx)(vl.Loader2,{className:"size-3.5 animate-spin"}):"Answer"})]})]})]})})}function vu({params:e}){let{id:t}=(0,b.use)(e),r=(0,w.useRouter)(),[n,s]=(0,b.useState)(null),[i,a]=(0,b.useState)(!0),[o,l]=(0,b.useState)(null);return((0,b.useEffect)(()=>{!async function(){try{let e=await (0,xt.getSession)(t);if(!e)return void l("Session not found");s(e)}catch(e){console.error("Failed to load session:",e),l("Failed to load session")}finally{a(!1)}}()},[t]),i)?(0,v.jsx)("div",{className:"flex items-center justify-center h-full",children:(0,v.jsx)(vl.Loader2,{className:"size-8 animate-spin text-muted-foreground"})}):o||!n?(0,v.jsx)("div",{className:"flex items-center justify-center h-full",children:(0,v.jsxs)("div",{className:"text-center",children:[(0,v.jsx)("p",{className:"text-muted-foreground mb-4",children:o||"Session not found"}),(0,v.jsx)("button",{onClick:()=>r.push("/"),className:"text-primary hover:underline",children:"Go back home"})]})}):(0,v.jsxs)("div",{className:"flex flex-col h-full",children:[(0,v.jsx)(vc,{sessionId:n.id}),(0,v.jsx)("div",{className:"flex-1 min-h-0",children:(0,v.jsx)(va,{session:n})})]})}e.s(["default",()=>vu],330460)}]);

package/web/.next/{static/chunks/3f50fe2a802aa800.js → standalone/web/.next/static/static/chunks/b0cae7e255cae74d.js}

@@ -10,4 +10,4 @@ ${ez.updateCommand}`;ti(e),eF(!0)}catch(e){console.error("Failed to start update
 ${n.trim()}
 </sparkecoder-user-selected-elements>`;i=`${e}
 
-${i}`}let a=i,o=r?.map(e=>({type:e.type,data:e.data,mediaType:e.mediaType,filename:e.filename})),l={id:`user-${Date.now()}`,type:"user-message",content:e||(s?"Selected elements attached":""),attachments:o};c(e=>[...e,l]),x(!0),G(!1),eb.current=!0,X(""),J(""),Q(!1),et([]),eh.current="",em.current="",ep.current=[],ex.current=(0,xt.runAgent)(t.id,a||"Please analyze the attached files.",tn,{onStreamId:e=>H(e),attachments:r})},ti=async(e,t)=>{let r=!!(p&&p.trim());if(e.trim()||t&&0!==t.length||r){if(g){let r;return void(r={id:`q-${Date.now()}-${Math.random().toString(36).slice(2,6)}`,text:e,attachments:t,selectedElements:p},w(e=>[...e,r]),d(""),f(null))}d(""),f(null),await ts(e,t,p)}},ta=async e=>{let t=!!e.text?.trim(),r=!!e.files?.length,n=!!(p&&p.trim());if(!t&&!r&&!n)return;let s=[];if(r&&e.files.length>0){for(let t of e.files)if(t.url)try{let e=await fetch(t.url),r=await e.blob(),n=await new Promise(e=>{let t=new FileReader;t.onloadend=()=>e(t.result),t.readAsDataURL(r)}),i=t.mediaType||r.type||"application/octet-stream",a=i.startsWith("image/");s.push({type:a?"image":"file",data:n,mediaType:i,filename:t.filename})}catch(e){console.error("Failed to process attachment:",e)}}ti(e.text||"",s.length>0?s:void 0)},to=async()=>{try{await (0,xt.abortStream)(t.id)}catch(e){console.error("Failed to abort stream:",e)}if(ex.current&&(ex.current(),ex.current=null),em.current.trim()){let e={id:`reasoning-${Date.now()}`,type:"reasoning",content:em.current};c(t=>[...t,e])}if(eh.current.trim()){let e={id:`text-${Date.now()}`,type:"assistant-text",content:eh.current+" [stopped]"};c(t=>[...t,e])}X(""),J(""),Q(!1),et([]),H(null),eh.current="",em.current="",ep.current=[],ev.current=!1,x(!1),G(!1)},tl=(0,b.useRef)(ts);tl.current=ts;let tc=e=>{w(t=>t.map(t=>t.id===e?{...t,text:E}:t)),T(null),P("")},tu=async e=>{let t=y.find(t=>t.id===e);t&&(w(t=>t.filter(t=>t.id!==e)),g?(await to(),setTimeout(()=>{tl.current(t.text,t.attachments,t.selectedElements)},500)):tl.current(t.text,t.attachments,t.selectedElements))},td=async e=>{en(t=>t.filter(t=>t.id!==e.id));try{await (0,xt.approveExecution)(t.id,e.toolCallId)}catch(e){console.error("Failed to approve:",e)}},th=async e=>{en(t=>t.filter(t=>t.id!==e.id));try{await (0,xt.rejectExecution)(t.id,e.toolCallId,"User rejected")}catch(e){console.error("Failed to reject:",e)}},tm=async e=>{en(t=>t.filter(t=>t.id!==e.id));try{await (0,xt.approveExecution)(t.id,e.toolCallId);let r=await (0,xt.updateToolApproval)(t.id,e.toolName,!1,eE);eP(r.config||{})}catch(e){console.error("Failed to approve and disable:",e)}},tp=async(e,r)=>{try{let n=await (0,xt.updateToolApproval)(t.id,e,!r,eE);eP(n.config||{})}catch(e){console.error("Failed to update tool approval:",e)}},tf=e=>({ts:"typescript",tsx:"tsx",js:"javascript",jsx:"jsx",py:"python",rb:"ruby",go:"go",rs:"rust",java:"java",c:"c",cpp:"cpp",h:"c",hpp:"cpp",cs:"csharp",php:"php",swift:"swift",kt:"kotlin",scala:"scala",sh:"bash",bash:"bash",zsh:"bash",fish:"bash",ps1:"powershell",sql:"sql",html:"html",htm:"html",css:"css",scss:"scss",sass:"sass",less:"less",json:"json",yaml:"yaml",yml:"yaml",xml:"xml",md:"markdown",markdown:"markdown",txt:"plaintext",toml:"toml",ini:"ini",cfg:"ini",conf:"ini",dockerfile:"dockerfile",makefile:"makefile"})[e.split(".").pop()?.toLowerCase()||""]||"plaintext";return(0,v.jsxs)("div",{className:(0,k.cn)("flex flex-col h-full bg-background min-w-0 overflow-x-hidden",r&&"embed-mode text-[13px]"),children:[r&&(0,v.jsxs)("div",{className:"border-b border-border/50 px-2 py-1.5 flex items-center justify-between bg-card/50",children:[(0,v.jsx)(S.Button,{size:"icon",variant:"ghost",onClick:o,className:"size-6",children:(0,v.jsx)(xb.PanelLeft,{className:"size-3.5"})}),(0,v.jsx)("span",{className:"text-[11px] text-muted-foreground truncate max-w-[120px] font-medium",children:eN||"Session"}),(0,v.jsx)(S.Button,{size:"icon",variant:"ghost",onClick:()=>eM(!0),className:"size-6",children:(0,v.jsx)(xx.Settings,{className:"size-3.5"})})]}),!r&&(0,v.jsxs)("div",{className:"border-b border-border/50 px-3 sm:px-4 py-2 flex items-center justify-between bg-card/50 backdrop-blur-sm",children:[(0,v.jsxs)("div",{className:"min-w-0 flex items-center gap-2 sm:gap-3",children:[(0,v.jsx)(vr,{}),(0,v.jsx)("div",{className:"flex items-center gap-1.5",children:eC?(0,v.jsxs)("form",{onSubmit:e=>{e.preventDefault(),e9()},className:"flex items-center gap-1",children:[(0,v.jsx)(gC.Input,{ref:eI,value:eN,onChange:e=>eS(e.target.value),onBlur:e9,className:"h-7 text-sm font-semibold w-40 px-2",placeholder:"Session name"}),(0,v.jsx)(S.Button,{type:"submit",size:"icon",variant:"ghost",className:"size-6 text-muted-foreground hover:text-foreground",children:(0,v.jsx)(xg.Check,{className:"size-3.5"})})]}):(0,v.jsx)(C.TooltipProvider,{children:(0,v.jsxs)(C.Tooltip,{children:[(0,v.jsx)(C.TooltipTrigger,{asChild:!0,children:(0,v.jsxs)("button",{onClick:()=>eA(!0),className:"flex items-center gap-1.5 group hover:bg-muted/50 rounded px-1.5 py-0.5 -mx-1.5 transition-colors",children:[(0,v.jsx)("h2",{className:"font-semibold text-foreground truncate max-w-[200px]",children:eN||"Untitled Session"}),(0,v.jsx)(xf.Pencil,{className:"size-3 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity"})]})}),(0,v.jsx)(C.TooltipContent,{children:"Click to rename"})]})})}),t.workingDirectory?(0,v.jsx)(C.TooltipProvider,{children:(0,v.jsxs)(C.Tooltip,{children:[(0,v.jsx)(C.TooltipTrigger,{asChild:!0,children:(0,v.jsxs)("div",{className:"flex items-center gap-1.5 px-2 py-1 rounded-md bg-muted/30 text-xs text-muted-foreground max-w-[200px]",children:[(0,v.jsx)(xv.FolderOpen,{className:"size-3.5 shrink-0"}),(0,v.jsx)("span",{className:"truncate font-mono",children:t.workingDirectory.split("/").pop()||t.workingDirectory})]})}),(0,v.jsx)(C.TooltipContent,{side:"bottom",className:"max-w-md",children:(0,v.jsx)("p",{className:"font-mono text-xs",children:t.workingDirectory})})]})}):null]}),(0,v.jsxs)("div",{className:"flex items-center gap-2 shrink-0",children:[eQ.filter(e=>"browser-recording"===e.category&&e.downloadUrl).map(e=>(0,v.jsx)(yk,{fileName:e.fileName,downloadUrl:e.downloadUrl,sizeBytes:e.sizeBytes,createdAt:e.createdAt},e.id)),W&&(0,v.jsx)(C.TooltipProvider,{children:(0,v.jsxs)(C.Tooltip,{children:[(0,v.jsx)(C.TooltipTrigger,{asChild:!0,children:(0,v.jsxs)(N.Badge,{variant:"outline",className:"gap-1.5 text-xs border-emerald-500/30 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 cursor-help",children:[(0,v.jsx)("span",{className:"size-1.5 rounded-full bg-current animate-pulse"}),"Watching"]})}),(0,v.jsx)(C.TooltipContent,{children:"Watching stream from another client"})]})}),(0,v.jsx)(C.TooltipProvider,{children:(0,v.jsxs)(C.Tooltip,{children:[(0,v.jsx)(C.TooltipTrigger,{asChild:!0,children:(0,v.jsx)(N.Badge,{variant:g?"default":"secondary",className:`cursor-help ${g?"bg-primary/90":""}`,children:g?W?"streaming":"running":t.status})}),(0,v.jsx)(C.TooltipContent,{children:g?W?"Receiving streamed response":"Agent is processing":`Session is ${t.status}`})]})}),(0,v.jsx)(C.TooltipProvider,{children:(0,v.jsxs)(C.Tooltip,{children:[(0,v.jsx)(C.TooltipTrigger,{asChild:!0,children:(0,v.jsx)(S.Button,{size:"icon",variant:"ghost",className:"size-7 hover:bg-accent transition-colors",onClick:()=>eM(!0),children:(0,v.jsx)(xx.Settings,{className:"size-4"})})}),(0,v.jsx)(C.TooltipContent,{children:"Session Settings"})]})}),(0,v.jsxs)(go,{children:[(0,v.jsx)(gl,{asChild:!0,children:(0,v.jsx)(S.Button,{size:"icon",variant:"ghost",className:"size-7 hover:bg-accent transition-colors",children:(0,v.jsx)(xP,{className:"size-4"})})}),(0,v.jsxs)(gc,{align:"end",className:"w-52",children:[(0,v.jsxs)(gu,{onClick:()=>{eY(!1),(0,xt.getBrowserStreamStatus)(t.id).then(e=>{e?.active?(eW(!0),console.log("[browser] Reconnecting PIP — stream active")):console.log("[browser] No active browser stream")})},children:[(0,v.jsx)(gX,{className:"size-4 mr-2"}),"Open Browser PIP"]}),(0,v.jsxs)(gu,{onClick:async()=>{e3(await (0,xt.getBrowserRecordings)(t.id)),e2(!0)},children:[(0,v.jsx)(gZ,{className:"size-4 mr-2"}),"Browser Recordings"]}),(0,v.jsxs)(gu,{onClick:async()=>{e6("copying");try{let e=await vi(t.id);await navigator.clipboard.writeText(e),e6("copied"),console.log(`[debug-dump] copied ${e.length.toLocaleString()} chars to clipboard for session ${t.id}`),setTimeout(()=>e6("idle"),2500)}catch(e){console.error("[debug-dump] failed:",e),e6("error"),setTimeout(()=>e6("idle"),2500)}},children:["copying"===e4?(0,v.jsx)(xh.RefreshCw,{className:"size-4 mr-2 animate-spin"}):"copied"===e4?(0,v.jsx)(xg.Check,{className:"size-4 mr-2 text-green-500"}):"error"===e4?(0,v.jsx)(xm,{className:"size-4 mr-2 text-red-500"}):(0,v.jsx)(xR,{className:"size-4 mr-2"}),"copying"===e4?"Gathering…":"copied"===e4?"Copied to clipboard":"error"===e4?"Failed — see console":"Copy debug JSON"]})]})]})]})]}),(0,v.jsx)(pb.Dialog,{open:eR,onOpenChange:eM,children:(0,v.jsxs)(pb.DialogContent,{className:"sm:max-w-md",children:[(0,v.jsx)(pb.DialogHeader,{children:(0,v.jsxs)(pb.DialogTitle,{className:"flex items-center gap-2",children:[(0,v.jsx)("div",{className:"size-8 rounded-lg bg-muted flex items-center justify-center",children:(0,v.jsx)(xx.Settings,{className:"size-4"})}),"Session Settings"]})}),(0,v.jsxs)("div",{className:"space-y-4 pt-2",children:[(0,v.jsxs)("div",{className:"space-y-2",children:[(0,v.jsx)(xL.Label,{className:"text-sm font-medium",children:"Model"}),(0,v.jsxs)(oh.Select,{value:ej,onValueChange:e8,disabled:g,children:[(0,v.jsx)(oh.SelectTrigger,{className:"w-full",children:(0,v.jsx)(oh.SelectValue,{placeholder:"Select model"})}),(0,v.jsx)(oh.SelectContent,{children:e_?.availableModels.map(e=>(0,v.jsx)(oh.SelectItem,{value:e.id,children:(0,v.jsxs)("div",{className:"flex items-center gap-2",children:[(0,v.jsx)("span",{children:e.name}),(0,v.jsx)("span",{className:"text-xs text-muted-foreground",children:e.provider})]})},e.id))})]}),g&&(0,v.jsx)("p",{className:"text-xs text-muted-foreground",children:"Cannot change model while agent is running"})]}),(0,v.jsxs)("div",{className:"space-y-2",children:[(0,v.jsx)(xL.Label,{className:"flex items-center gap-2 text-sm font-medium",children:"Tool Approvals"}),(0,v.jsx)("p",{className:"text-xs text-muted-foreground -mt-0.5",children:"Toggle on to require approval before tool executes"}),(0,v.jsx)("div",{className:"space-y-1 rounded-lg border p-2.5 bg-muted/30",children:e_?.availableTools.map(e=>{var t;let r=(t=e.id,eE.toolApprovals?.[t]!==void 0?eE.toolApprovals[t]:"bash"===t);return(0,v.jsxs)("div",{className:"flex items-center justify-between py-1.5 hover:bg-muted/50 rounded px-2 -mx-1 transition-colors",children:[(0,v.jsxs)("div",{className:"space-y-0",children:[(0,v.jsxs)("div",{className:"flex items-center gap-2",children:[(0,v.jsx)("span",{className:"text-sm font-medium",children:e.name}),e.dangerous&&(0,v.jsx)("span",{className:"text-[10px] bg-amber-500/20 text-amber-600 dark:text-amber-400 px-1.5 py-0.5 rounded font-medium",children:"risky"})]}),(0,v.jsx)("p",{className:"text-[11px] text-muted-foreground",children:e.description})]}),(0,v.jsx)(xI.Switch,{checked:r,onCheckedChange:()=>tp(e.id,r)})]},e.id)})})]}),(0,v.jsx)("p",{className:"text-xs text-muted-foreground",children:"These settings only apply to this session. Changes take effect for future tool calls."})]})]})}),(0,v.jsx)(pb.Dialog,{open:e1,onOpenChange:e2,children:(0,v.jsxs)(pb.DialogContent,{className:"max-w-2xl w-full p-0 overflow-hidden rounded-xl",children:[(0,v.jsx)(pb.DialogHeader,{className:"px-5 pt-5 pb-3",children:(0,v.jsxs)(pb.DialogTitle,{className:"flex items-center gap-2 text-sm font-medium",children:[(0,v.jsx)("div",{className:"flex items-center justify-center size-6 rounded-lg bg-violet-500/10 dark:bg-violet-400/10",children:(0,v.jsx)(gZ,{className:"size-3.5 text-violet-600 dark:text-violet-400"})}),"Browser Recordings"]})}),(0,v.jsx)("div",{className:"px-5 pb-5 space-y-3",children:0===e5.length?(0,v.jsx)("p",{className:"text-sm text-muted-foreground py-4 text-center",children:"No browser recordings for this session"}):e5.map(e=>(0,v.jsxs)("div",{className:"flex items-center gap-3 p-3 rounded-lg border bg-muted/30 hover:bg-muted/50 transition-colors",children:[(0,v.jsx)("div",{className:"flex items-center justify-center size-10 rounded-lg bg-violet-500/10 dark:bg-violet-400/10 shrink-0",children:(0,v.jsx)(xC,{className:"size-4 text-violet-600 dark:text-violet-400 ml-0.5"})}),(0,v.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,v.jsx)("p",{className:"text-sm font-medium truncate",children:e.fileName}),(0,v.jsxs)("p",{className:"text-xs text-muted-foreground",children:[e.createdAt&&new Date(e.createdAt).toLocaleString(),null!=e.sizeBytes&&` \xb7 ${e.sizeBytes>1048576?`${(e.sizeBytes/1048576).toFixed(1)} MB`:`${(e.sizeBytes/1024).toFixed(0)} KB`}`]})]}),e.downloadUrl&&(0,v.jsxs)(S.Button,{size:"sm",variant:"outline",className:"shrink-0",onClick:()=>window.open(e.downloadUrl,"_blank"),children:[(0,v.jsx)(xC,{className:"size-3 mr-1"}),"Watch"]})]},e.id))})]})}),!r&&ez?.updateAvailable&&!eB&&(0,v.jsxs)("div",{className:"px-4 py-2 border-b border-amber-500/30 bg-amber-500/10 flex items-center justify-between gap-3",children:[(0,v.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,v.jsx)(xj,{className:"size-4 text-amber-600 dark:text-amber-400 shrink-0"}),(0,v.jsxs)("span",{className:"text-sm text-amber-700 dark:text-amber-300",children:["Update available: ",(0,v.jsxs)("strong",{children:["v",ez.latestVersion]}),(0,v.jsxs)("span",{className:"text-amber-600/70 dark:text-amber-400/70 ml-1",children:["(current: v",ez.currentVersion,")"]})]})]}),(0,v.jsxs)("div",{className:"flex items-center gap-2 shrink-0",children:[(0,v.jsx)(S.Button,{size:"sm",variant:"outline",className:"h-7 text-xs border-amber-500/50 bg-amber-500/20 hover:bg-amber-500/30 text-amber-700 dark:text-amber-300",onClick:e7,disabled:e$,children:e$?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(xh.RefreshCw,{className:"size-3 mr-1.5 animate-spin"}),"Creating..."]}):(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(xj,{className:"size-3 mr-1.5"}),"Update Now"]})}),(0,v.jsx)(C.TooltipProvider,{children:(0,v.jsxs)(C.Tooltip,{children:[(0,v.jsx)(C.TooltipTrigger,{asChild:!0,children:(0,v.jsx)(S.Button,{size:"icon",variant:"ghost",className:"size-6 text-amber-600 dark:text-amber-400 hover:bg-amber-500/20",onClick:()=>{eF(!0),ez?.latestVersion&&localStorage.setItem("sparkecoder-dismissed-version",ez.latestVersion)},children:(0,v.jsx)(xk.X,{className:"size-3.5"})})}),(0,v.jsx)(C.TooltipContent,{children:"Dismiss (won't show again for this version)"})]})})]})]}),!r&&(es&&es.todos&&es.todos.length>0||ea.length>0)&&(0,v.jsx)("div",{className:"px-4 py-2 border-b border-border/50 bg-muted/20",children:(0,v.jsx)(xo,{todosData:es,plans:ea})}),er.length>0&&(0,v.jsx)("div",{className:(0,k.cn)("p-4 border-b border-border space-y-3",r&&"p-2 space-y-2"),children:er.map(e=>{let t=e.input;return(0,v.jsxs)(oG,{approval:{id:e.id,approved:!1},state:"approval-requested",children:[(0,v.jsx)(oq,{children:(0,v.jsxs)("div",{className:"flex items-start gap-3",children:[(0,v.jsx)("div",{className:"size-8 rounded-lg bg-amber-500/20 flex items-center justify-center shrink-0",children:(0,v.jsx)(xm,{className:"size-4 text-amber-500"})}),(0,v.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,v.jsx)("p",{className:"font-medium text-sm",children:"Approval Required"}),(0,v.jsx)("p",{className:"text-sm text-muted-foreground mt-0.5",children:(0,v.jsx)("code",{className:"bg-muted px-1.5 py-0.5 rounded font-mono text-foreground",children:e.toolName})}),(0,v.jsx)("div",{className:"mt-3 rounded-lg border bg-muted/30 overflow-hidden",children:Object.entries(t).map(([e,t])=>(0,v.jsxs)("div",{className:"flex border-b border-border/50 last:border-b-0",children:[(0,v.jsx)("div",{className:"px-3 py-2 bg-muted/50 text-xs font-medium text-muted-foreground w-24 shrink-0",children:e}),(0,v.jsx)("div",{className:"px-3 py-2 text-xs font-mono flex-1 min-w-0 overflow-auto max-h-24",children:"string"==typeof t?(0,v.jsx)("span",{className:"whitespace-pre-wrap break-words",children:t}):(0,v.jsx)("span",{className:"text-muted-foreground",children:JSON.stringify(t)})})]},e))})]})]})}),(0,v.jsxs)(oH,{children:[(0,v.jsx)(oK,{variant:"outline",onClick:()=>th(e),children:"Reject"}),(0,v.jsx)(oK,{variant:"ghost",onClick:()=>tm(e),className:"text-muted-foreground hover:text-foreground",children:"Always Allow"}),(0,v.jsx)(oK,{variant:"default",onClick:()=>td(e),children:"Approve"})]})]},e.id)})}),(0,v.jsxs)(B,{className:(0,k.cn)("flex-1 p-4",r&&"p-2"),children:[(0,v.jsxs)(F,{className:(0,k.cn)("max-w-3xl mx-auto w-full",r&&"max-w-none"),children:[t.config?.task?.enabled&&(s="running"===(n=t.config.task).status,i="completed"===n.status,a="failed"===n.status,(0,v.jsxs)("div",{className:(0,k.cn)("mb-4 rounded-lg border px-3.5 py-2.5 flex items-center gap-2.5 text-sm transition-colors",i&&"border-emerald-500/30 bg-emerald-500/5",a&&"border-red-500/30 bg-red-500/5",s&&"border-blue-500/30 bg-blue-500/5"),children:[(0,v.jsx)(xE.ListChecks,{className:(0,k.cn)("size-4 shrink-0",i&&"text-emerald-500",a&&"text-red-500",s&&"text-blue-500")}),(0,v.jsx)("span",{className:"font-medium truncate",children:t.name||"Task"}),(0,v.jsx)("span",{className:(0,k.cn)("text-xs shrink-0",i&&"text-emerald-600 dark:text-emerald-400",a&&"text-red-600 dark:text-red-400",s&&"text-blue-600 dark:text-blue-400 animate-pulse"),children:s?"Running":i?"Completed":"Failed"}),null!=n.iterations&&(0,v.jsxs)("span",{className:"text-xs text-muted-foreground ml-auto tabular-nums shrink-0",children:[n.iterations," iter."]}),a&&n.error&&(0,v.jsxs)("span",{className:"text-xs text-red-500 truncate ml-1",title:n.error,children:["— ",n.error]})]})),ef&&(0,v.jsx)("div",{className:"flex justify-center py-12",children:(0,v.jsx)(oY,{size:24})}),!ef&&0===l.length&&!K&&(0,v.jsx)($,{icon:(0,v.jsxs)("div",{className:"relative overflow-hidden rounded-2xl size-16 shadow-lg ring-1 ring-white/10",children:[(0,v.jsx)(j.default,{src:"/sparke-coder.png",alt:"SparkECoder",width:64,height:64,className:"absolute inset-0 size-full object-cover",priority:!0}),g&&(0,v.jsx)("video",{src:"/sparkecode.mp4",autoPlay:!0,muted:!0,loop:!0,playsInline:!0,className:"absolute inset-0 size-full object-cover"})]}),title:"Start a conversation",description:"Ask SparkECoder to help you with coding tasks"}),l.filter(e=>{if("tool-call"===e.type&&e.toolCall){if(er.some(t=>t.toolCallId===e.toolCall?.toolCallId))return!1;let t=ee.some(t=>t.toolCallId===e.toolCall?.toolCallId),r=ee.some(t=>t.toolCallId.startsWith(`${e.toolCall?.toolName}_pending_`)&&("streaming"===t.status||"running"===t.status));if(t||r)return!1}return!0}).map(e=>{if("user-message"===e.type){let t,r,n,s=e.content?function(e){let t=e.match(/^\[([A-Z]+)(?:\s+([^\]]*))?\]\s*([\s\S]*)$/);if(!t)return{pill:null,rest:e};let r=t[1];return["WEB","SLACK","SYSTEM","SCHEDULE","WEBHOOK"].includes(r)?{pill:{channel:r,detail:t[2]?.trim()||void 0},rest:t[3]}:{pill:null,rest:e}}(e.content):{pill:null,rest:e.content||""};if(s.pill&&y7.has(s.pill.channel))return(0,v.jsx)(vt,{pill:s.pill,body:s.rest},e.id);let i=!!s.pill&&"WEB"!==s.pill.channel,a=void 0!==e.messageSequence&&el.some(t=>t.messageSequence===e.messageSequence);return(0,v.jsxs)("div",{className:i?"flex flex-col items-end gap-1":void 0,children:[i&&s.pill&&(0,v.jsxs)("div",{className:`inline-flex items-center gap-1.5 text-[10px] font-medium uppercase tracking-wide px-2 py-0.5 rounded-md border self-end ${y8[s.pill.channel]||"bg-muted text-muted-foreground border-border"}`,children:[(0,v.jsx)("span",{children:s.pill.channel}),s.pill.detail&&(0,v.jsx)("span",{className:"font-normal normal-case opacity-80",children:s.pill.detail})]}),(0,v.jsxs)(aF,{from:"user",children:[(0,v.jsxs)(a$,{children:[e.attachments&&e.attachments.length>0&&(0,v.jsx)("div",{className:"flex flex-wrap gap-2 mb-2",children:e.attachments.map((e,t)=>(0,v.jsx)("div",{className:"relative",children:"image"===e.type?(0,v.jsx)("div",{className:"relative rounded-lg overflow-hidden border border-border/50 max-w-[200px]",children:(0,v.jsx)("img",{src:e.data.startsWith("data:")?e.data:`data:${e.mediaType||"image/png"};base64,${e.data}`,alt:e.filename||"Image attachment",className:"max-w-full h-auto max-h-[150px] object-contain"})}):(0,v.jsxs)("div",{className:"flex items-center gap-2 px-3 py-2 rounded-lg bg-muted/50 border border-border/50",children:[(0,v.jsx)(xw,{className:"h-4 w-4 text-muted-foreground"}),(0,v.jsx)("span",{className:"text-sm text-muted-foreground truncate max-w-[150px]",children:e.filename||"File"})]})},t))}),e.content&&(r=(t=s.rest).replace(y6,"").trim(),n=function(e){let t=e.match(/<devtools-context>([\s\S]*?)<\/devtools-context>/);if(!t)return null;let r=t[1],n=r.match(/<page\s+url="([^"]*)"\s+path="([^"]*)"\s+name="([^"]*)"/),s=r.match(/<viewport\s+width="([^"]*)"\s+height="([^"]*)"(?:\s+dpr="([^"]*)")?/);return n?{url:n[1],path:n[2],pageName:n[3],viewportWidth:s?.[1],viewportHeight:s?.[2],dpr:s?.[3]}:null}(t),(0,v.jsxs)(v.Fragment,{children:[!i&&s.pill&&(0,v.jsx)(y9,{...s.pill}),r&&(0,v.jsx)("p",{className:"whitespace-pre-wrap",children:r}),n&&(0,v.jsxs)("div",{className:"flex items-center gap-1.5 mt-1.5 text-[11px] text-muted-foreground/60",children:[(0,v.jsx)(xT,{className:"h-3 w-3"}),(0,v.jsx)("span",{children:n.path}),n.viewportWidth&&n.viewportHeight&&(0,v.jsxs)("span",{className:"text-muted-foreground/40",children:[n.viewportWidth,"x",n.viewportHeight]})]})]}))]}),a&&!g&&(0,v.jsx)(aV,{className:"justify-end mt-1",children:(0,v.jsx)(C.TooltipProvider,{children:(0,v.jsxs)(C.Tooltip,{children:[(0,v.jsx)(C.TooltipTrigger,{asChild:!0,children:(0,v.jsxs)(S.Button,{variant:"ghost",size:"sm",onClick:()=>tr(e.messageSequence,e.content),disabled:eu,className:"h-6 px-2 text-xs text-muted-foreground hover:text-destructive gap-1",children:[(0,v.jsx)(xy,{className:"h-3 w-3"}),"Revert"]})}),(0,v.jsx)(C.TooltipContent,{children:(0,v.jsx)("p",{children:"Revert to before this message (undo all changes after)"})})]})})})]})]},e.id)}if("reasoning"===e.type)return(0,v.jsxs)(mq,{isStreaming:!1,defaultOpen:!1,children:[(0,v.jsx)(mK,{}),(0,v.jsx)(mX,{children:e.content||""})]},e.id);if("assistant-text"===e.type)return(0,v.jsx)(aF,{from:"assistant",children:(0,v.jsxs)("div",{className:"flex gap-3",children:[(0,v.jsx)("div",{className:"relative overflow-hidden rounded-lg size-8 shadow-sm ring-1 ring-white/10 shrink-0",children:(0,v.jsx)(j.default,{src:"/sparke-coder.png",alt:"SparkECoder",width:32,height:32,className:"absolute inset-0 size-full object-cover"})}),(0,v.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,v.jsx)(a$,{children:(0,v.jsx)(aG,{children:e.content||""})}),(0,v.jsx)(aV,{children:(0,v.jsx)(aU,{label:"Copy",onClick:()=>navigator.clipboard.writeText(e.content||""),children:(0,v.jsx)(xd.Copy,{className:"size-3"})})})]})]})},e.id);if("tool-call"===e.type&&e.toolCall){let t=e.toolCall,r=`tool-${t.toolName}`;if("messenger"===t.toolName&&t.input?.action==="post")return(0,v.jsx)(ve,{input:t.input,output:t.output,status:t.status},e.id);if("write_file"===t.toolName)return(0,v.jsx)(xB,{input:t.input,output:t.output,status:t.status,streamingArgsText:t.streamingArgsText,liveContent:t.liveContent,liveOldString:t.liveOldString,liveNewString:t.liveNewString},e.id);if("read_file"===t.toolName)return(0,v.jsx)(xV,{input:t.input,output:t.output,status:t.status},e.id);if("bash"===t.toolName)return(0,v.jsx)(xq,{input:t.input,output:t.output,status:t.status,terminalId:t.terminalId,liveOutput:t.liveOutput},e.id);if("explore_agent"===t.toolName)return(0,v.jsx)(x1,{input:t.input,output:t.output,status:t.status,steps:t.exploreSteps},e.id);if("todo"===t.toolName)return(0,v.jsx)(ye,{input:t.input,output:t.output,status:t.status},e.id);if("load_skill"===t.toolName)return(0,v.jsx)(yn,{input:t.input,output:t.output,status:t.status},e.id);if("linter"===t.toolName)return(0,v.jsx)(yl,{input:t.input,output:t.output,status:t.status},e.id);if("code_graph"===t.toolName)return(0,v.jsx)(yh,{input:t.input,output:t.output,status:t.status},e.id);if("complete_task"===t.toolName||"task_failed"===t.toolName)return(0,v.jsx)(yg,{toolName:t.toolName,input:t.input,output:t.output,status:t.status},e.id);let n="completed"!==t.status;return(0,v.jsxs)(oT,{defaultOpen:n,children:[(0,v.jsx)(oE,{type:r,state:function(e){switch(e){case"pending":case"streaming":default:return"input-streaming";case"running":return"input-available";case"completed":return"output-available";case"rejected":return"output-denied";case"error":return"output-error"}}(t.status),title:t.toolName}),(0,v.jsxs)(oP,{children:[(0,v.jsx)(oR,{input:t.input}),(e=>{let t=e.output,r=e.input;if("bash"===e.toolName)return(0,v.jsx)(xq,{input:e.input,output:e.output,status:e.status,terminalId:e.terminalId,liveOutput:e.liveOutput,className:"mt-2"});if("explore_agent"===e.toolName)return(0,v.jsx)(x1,{input:e.input,output:e.output,status:e.status,steps:e.exploreSteps,className:"mt-2"});if("todo"===e.toolName)return(0,v.jsx)(ye,{input:e.input,output:e.output,status:e.status,className:"mt-2"});if("load_skill"===e.toolName)return(0,v.jsx)(yn,{input:e.input,output:e.output,status:e.status,className:"mt-2"});if("linter"===e.toolName)return(0,v.jsx)(yl,{input:e.input,output:e.output,status:e.status,className:"mt-2"});if("code_graph"===e.toolName)return(0,v.jsx)(yh,{input:e.input,output:e.output,status:e.status,className:"mt-2"});if("write_file"===e.toolName&&r){let e=r.path||"file",n=r.mode||"full",s=e.split("/").pop()||"file",i=tf(e);if("str_replace"===n){let e=r.old_string||"",n=r.new_string||"";return(0,v.jsxs)("div",{className:"mt-2 max-w-full overflow-hidden space-y-2",children:[(0,v.jsxs)("div",{className:"flex items-center gap-2 text-sm",children:[(0,v.jsx)(xp,{className:"size-4 text-muted-foreground"}),(0,v.jsx)("span",{className:"font-medium",children:s}),(0,v.jsx)(N.Badge,{variant:"secondary",className:"text-xs",children:"str_replace"})]}),(0,v.jsxs)("div",{className:"rounded-md border overflow-hidden",children:[(0,v.jsxs)("div",{className:"bg-red-500/10 border-b p-2",children:[(0,v.jsx)("div",{className:"text-xs text-red-500 mb-1",children:"- Remove:"}),(0,v.jsx)("pre",{className:"text-xs overflow-x-auto whitespace-pre-wrap break-words text-red-400",children:e.length>500?e.slice(0,500)+"...":e})]}),(0,v.jsxs)("div",{className:"bg-green-500/10 p-2",children:[(0,v.jsx)("div",{className:"text-xs text-green-500 mb-1",children:"+ Add:"}),(0,v.jsx)("pre",{className:"text-xs overflow-x-auto whitespace-pre-wrap break-words text-green-400",children:n.length>500?n.slice(0,500)+"...":n})]})]}),t&&(0,v.jsxs)("div",{className:`text-xs flex items-center gap-1 ${t.success?"text-green-600 dark:text-green-400":"text-red-600 dark:text-red-400"}`,children:[(0,v.jsx)("span",{children:t.success?"✓":"✗"}),(0,v.jsx)("span",{children:t.success?`Replaced (${void 0!==t.lineDelta?(t.lineDelta>=0?"+":"")+t.lineDelta+" lines":"done"})`:t.error||"Failed"})]})]})}let a=r.content||"";return(0,v.jsxs)("div",{className:"mt-2 max-w-full overflow-hidden",children:[(0,v.jsxs)(oI,{children:[(0,v.jsxs)(oL,{children:[(0,v.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,v.jsx)(xp,{className:"size-4 text-muted-foreground shrink-0"}),(0,v.jsx)(oD,{className:"truncate",children:s}),(0,v.jsx)(oz,{className:"truncate text-xs hidden sm:block",children:e})]}),(0,v.jsx)(oO,{children:(0,v.jsx)(oB,{icon:xd.Copy,label:"Copy",onClick:()=>navigator.clipboard.writeText(a)})})]}),a&&(0,v.jsx)(oF,{className:"p-0 max-h-[300px] overflow-auto",children:(0,v.jsx)(o_,{code:a,language:i,showLineNumbers:!0,children:(0,v.jsx)(oN,{className:"sr-only",children:(0,v.jsx)(oS,{children:(0,v.jsx)(oC,{children:s})})})})})]}),t&&(0,v.jsxs)("div",{className:`mt-2 text-xs flex items-center gap-1 ${t.success?"text-green-600 dark:text-green-400":"text-red-600 dark:text-red-400"}`,children:[(0,v.jsx)("span",{children:t.success?"✓":"✗"}),(0,v.jsx)("span",{children:t.success?`File ${t.action||"written"} successfully`:t.error||"Failed"})]})]})}if("read_file"===e.toolName&&t){let e=r?.path||"file",n=e.split("/").pop()||"file",s=t.imageData,i=t.mediaType;if(s&&i)return(0,v.jsx)("div",{className:"mt-2 max-w-full overflow-hidden",children:(0,v.jsxs)(oI,{children:[(0,v.jsx)(oL,{children:(0,v.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,v.jsx)(gM,{className:"size-4 text-muted-foreground shrink-0"}),(0,v.jsx)(oD,{className:"truncate",children:n}),(0,v.jsx)(oz,{className:"truncate text-xs hidden sm:block",children:e})]})}),(0,v.jsx)(oF,{className:"p-0 max-h-[400px] overflow-auto",children:(0,v.jsx)("div",{className:"p-3 flex justify-center bg-muted/20",children:(0,v.jsx)("img",{src:`data:${i};base64,${s}`,alt:n,className:"max-w-full max-h-[350px] object-contain rounded"})})})]})});let a=t.content||JSON.stringify(t,null,2),o=tf(e);return(0,v.jsx)("div",{className:"mt-2 max-w-full overflow-hidden",children:(0,v.jsxs)(oI,{children:[(0,v.jsxs)(oL,{children:[(0,v.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,v.jsx)(xp,{className:"size-4 text-muted-foreground shrink-0"}),(0,v.jsx)(oD,{className:"truncate",children:n}),(0,v.jsx)(oz,{className:"truncate text-xs hidden sm:block",children:e})]}),(0,v.jsx)(oO,{children:(0,v.jsx)(oB,{icon:xd.Copy,label:"Copy",onClick:()=>navigator.clipboard.writeText(a)})})]}),(0,v.jsx)(oF,{className:"p-0 max-h-[300px] overflow-auto",children:(0,v.jsx)(o_,{code:a,language:o,showLineNumbers:!0,children:(0,v.jsx)(oN,{className:"sr-only",children:(0,v.jsx)(oS,{children:(0,v.jsx)(oC,{children:n})})})})})]})})}return t?(0,v.jsx)(oM,{output:(0,v.jsxs)("pre",{className:"text-xs overflow-x-auto max-w-full whitespace-pre-wrap break-words",children:[JSON.stringify(t,null,2).slice(0,500),JSON.stringify(t).length>500?"...":""]}),errorText:"error"===e.status?"Tool execution failed":void 0}):null})(t)]})]},e.id)}return null}),g&&!K&&!Y&&0===ee.length&&(0,v.jsxs)("div",{className:"flex gap-3 items-center",children:[(0,v.jsx)("div",{className:"relative overflow-hidden rounded-lg size-8 shadow-sm ring-1 ring-white/10 shrink-0",children:(0,v.jsx)("video",{src:"/sparkecode.mp4",autoPlay:!0,muted:!0,loop:!0,playsInline:!0,className:"absolute inset-0 size-full object-cover"})}),(0,v.jsx)("span",{className:"text-sm text-muted-foreground",children:"Thinking..."})]}),g&&(Z||Y)&&(0,v.jsxs)(mq,{isStreaming:Z,defaultOpen:!0,children:[(0,v.jsx)(mK,{}),(0,v.jsx)(mX,{children:Y})]}),g&&K&&(0,v.jsx)(aF,{from:"assistant",children:(0,v.jsxs)("div",{className:"flex gap-3",children:[(0,v.jsx)("div",{className:"relative overflow-hidden rounded-lg size-8 shadow-sm ring-1 ring-white/10 shrink-0",children:(0,v.jsx)("video",{src:"/sparkecode.mp4",autoPlay:!0,muted:!0,loop:!0,playsInline:!0,className:"absolute inset-0 size-full object-cover"})}),(0,v.jsx)("div",{className:"flex-1 min-w-0",children:(0,v.jsxs)(a$,{children:[(0,v.jsx)(aG,{children:K}),(0,v.jsx)("span",{className:"inline-block w-2 h-4 bg-primary animate-pulse ml-1"})]})})]})}),g&&ee.map(e=>"write_file"===e.toolName?(0,v.jsx)(xB,{input:e.input,output:e.output,status:e.status,streamingArgsText:e.streamingArgsText,liveContent:e.liveContent,liveOldString:e.liveOldString,liveNewString:e.liveNewString},e.toolCallId):"read_file"===e.toolName?(0,v.jsx)(xV,{input:e.input,output:e.output,status:e.status},e.toolCallId):"bash"===e.toolName?(0,v.jsx)(xq,{input:e.input,output:e.output,status:e.status,terminalId:e.terminalId,liveOutput:e.liveOutput},e.toolCallId):"explore_agent"===e.toolName?(0,v.jsx)(x1,{input:e.input,output:e.output,status:e.status,steps:e.exploreSteps},e.toolCallId):"todo"===e.toolName?(0,v.jsx)(ye,{input:e.input,output:e.output,status:e.status},e.toolCallId):"load_skill"===e.toolName?(0,v.jsx)(yn,{input:e.input,output:e.output,status:e.status},e.toolCallId):"linter"===e.toolName?(0,v.jsx)(yl,{input:e.input,output:e.output,status:e.status},e.toolCallId):"code_graph"===e.toolName?(0,v.jsx)(yh,{input:e.input,output:e.output,status:e.status},e.toolCallId):"complete_task"===e.toolName||"task_failed"===e.toolName?(0,v.jsx)(yg,{toolName:e.toolName,input:e.input,output:e.output,status:e.status},e.toolCallId):(0,v.jsxs)(oT,{defaultOpen:!0,children:[(0,v.jsx)(oE,{type:`tool-${e.toolName}`,state:"streaming"===e.status?"input-streaming":"input-available",title:e.toolName}),(0,v.jsxs)(oP,{children:[(0,v.jsx)(oR,{input:e.input}),(0,v.jsxs)("div",{className:"flex items-center gap-2 p-3 text-muted-foreground",children:[(0,v.jsx)(oY,{size:14}),(0,v.jsx)("span",{className:"text-sm",children:"streaming"===e.status?"Receiving...":"Executing..."})]})]})]},e.toolCallId)),g&&!K&&0===ee.length&&(0,v.jsxs)("div",{className:"flex items-center gap-2 text-muted-foreground",children:[(0,v.jsx)(oY,{size:16}),(0,v.jsx)("span",{className:"text-sm",children:"Thinking..."})]})]}),(0,v.jsx)(V,{})]}),I&&(0,v.jsxs)("div",{className:"fixed bottom-28 right-4 w-80 max-h-80 overflow-auto border bg-background/95 shadow-lg rounded-md text-xs",children:[(0,v.jsx)("div",{className:"px-3 py-2 border-b font-mono text-muted-foreground",children:"SSE Debug"}),(0,v.jsxs)("div",{className:"px-3 py-2 space-y-1",children:[0===D.length&&0===O.length&&(0,v.jsx)("div",{className:"text-muted-foreground",children:"No events yet"}),D.map((e,t)=>(0,v.jsx)("div",{className:"font-mono",children:e},`evt-${t}`)),O.map((e,t)=>(0,v.jsx)("div",{className:"font-mono text-red-600",children:e},`err-${t}`))]})]}),(0,v.jsx)("div",{className:(0,k.cn)("border-t border-border/50 p-4 pb-6 bg-card/30",r&&"p-2 pb-2"),children:(0,v.jsxs)("div",{className:(0,k.cn)("max-w-3xl mx-auto",r&&"max-w-none"),children:[!r&&!ef&&0===l.length&&!K&&!g&&(0,v.jsx)(g7,{className:"mb-3",children:['Create a hello.txt file with "Hello, World!"',"List files in the current directory","Show the current git status"].map(e=>(0,v.jsx)(xe,{suggestion:e,onClick:e=>{d(e)}},e))}),y.length>0&&(0,v.jsxs)("div",{className:(0,k.cn)("mb-2 rounded-lg border border-border/60 bg-muted/20 overflow-hidden",r&&"mb-1"),children:[(0,v.jsxs)("button",{type:"button",onClick:()=>M(e=>!e),className:(0,k.cn)("w-full flex items-center justify-between px-3 py-1.5 text-xs text-muted-foreground hover:bg-muted/30 transition-colors",r&&"px-2 py-1"),children:[(0,v.jsxs)("div",{className:"flex items-center gap-1.5",children:[R?(0,v.jsx)(xN.ChevronDown,{className:"size-3"}):(0,v.jsx)(xS.default,{className:"size-3"}),(0,v.jsxs)("span",{className:"font-medium",children:[y.length," Queued"]})]}),(0,v.jsx)("span",{className:"text-[10px]",children:"Stop ^C"})]}),R&&(0,v.jsx)("div",{className:"border-t border-border/40 divide-y divide-border/30",children:y.map((e,t)=>(0,v.jsxs)("div",{className:(0,k.cn)("flex items-start gap-2 px-3 py-2 group",r&&"px-2 py-1.5 gap-1.5"),children:[(0,v.jsx)("span",{className:"text-[10px] text-muted-foreground/60 pt-0.5 w-4 shrink-0 text-center",children:t+1}),(0,v.jsxs)("div",{className:"flex-1 min-w-0",children:[_===e.id?(0,v.jsxs)("div",{className:"flex items-center gap-1",children:[(0,v.jsx)("input",{type:"text",value:E,onChange:e=>P(e.target.value),onKeyDown:t=>{"Enter"===t.key&&tc(e.id),"Escape"===t.key&&T(null)},className:(0,k.cn)("flex-1 bg-background border border-border rounded px-2 py-0.5 text-xs focus:outline-none focus:ring-1 focus:ring-primary/30",r&&"text-[11px]"),autoFocus:!0}),(0,v.jsx)("button",{type:"button",onClick:()=>tc(e.id),className:"p-0.5 text-primary hover:text-primary/80",children:(0,v.jsx)(xg.Check,{className:"size-3"})})]}):(0,v.jsx)("p",{className:(0,k.cn)("text-xs text-foreground truncate",r&&"text-[11px]"),children:e.text||"Selected elements attached"}),e.attachments&&e.attachments.length>0&&(0,v.jsxs)("span",{className:"text-[10px] text-muted-foreground",children:[e.attachments.length," file",e.attachments.length>1?"s":""]}),e.selectedElements&&(0,v.jsx)("span",{className:"text-[10px] text-muted-foreground",children:"+ selected elements"})]}),(0,v.jsxs)("div",{className:(0,k.cn)("flex items-center gap-0.5 shrink-0 transition-opacity",r?"opacity-100":"opacity-0 group-hover:opacity-100"),children:[(0,v.jsx)("button",{type:"button",onClick:()=>{T(e.id),P(e.text)},className:"p-1 rounded text-muted-foreground hover:text-foreground hover:bg-muted/50",title:"Edit",children:(0,v.jsx)(xf.Pencil,{className:"size-3"})}),t>0&&(0,v.jsx)("button",{type:"button",onClick:()=>{var t;return t=e.id,void w(e=>{let r=e.findIndex(e=>e.id===t);if(-1===r)return e;let n=r-1;if(n<0||n>=e.length)return e;let s=[...e];return[s[r],s[n]]=[s[n],s[r]],s})},className:"p-1 rounded text-muted-foreground hover:text-foreground hover:bg-muted/50",title:"Move up",children:(0,v.jsx)(xA,{className:"size-3"})}),(0,v.jsx)("button",{type:"button",onClick:()=>tu(e.id),className:"p-1 rounded text-muted-foreground hover:text-foreground hover:bg-muted/50",title:"Send now",children:(0,v.jsx)(xC,{className:"size-3"})}),(0,v.jsx)("button",{type:"button",onClick:()=>{var t;return t=e.id,void w(e=>e.filter(e=>e.id!==t))},className:"p-1 rounded text-muted-foreground hover:text-destructive hover:bg-muted/50",title:"Remove",children:(0,v.jsx)(x_.Trash2,{className:"size-3"})})]})]},e.id))})]}),(0,v.jsx)(y3,{children:(0,v.jsxs)(gU,{onSubmit:ta,className:"shadow-sm",globalDrop:!0,multiple:!0,children:[(0,v.jsxs)(gG,{children:[p&&(0,v.jsxs)("div",{className:(0,k.cn)("mb-2 flex items-center justify-between rounded-md border border-border/60 bg-muted/40 px-2 py-1 text-xs",r&&"mb-1"),children:[(0,v.jsxs)("div",{className:"flex items-center gap-1.5 text-muted-foreground",children:[(0,v.jsx)("span",{className:"size-1.5 rounded-full bg-primary/70"}),(0,v.jsx)("span",{children:"Selected elements attached"})]}),(0,v.jsx)("button",{type:"button",onClick:()=>f(null),className:"rounded-sm p-1 text-muted-foreground hover:text-foreground","aria-label":"Remove selected elements",children:(0,v.jsx)(xk.X,{className:"size-3.5"})})]}),(0,v.jsx)(vn,{})]}),(0,v.jsx)(gW,{children:(0,v.jsxs)("div",{className:"relative w-full",children:[(0,v.jsx)(y4,{sessionId:t.id,value:u+(h?(!u||u.endsWith(" ")||u.endsWith("\n")?"":" ")+h:""),onChange:e=>{h&&m(""),d(e)},placeholder:g?"Type to queue a message...":"Ask SparkECoder... (@ to mention files, / for commands)",disabled:!1,autoFocus:!0,className:(0,k.cn)("min-h-[80px] focus:ring-2 focus:ring-primary/20 transition-all field-sizing-content max-h-48",h&&"caret-red-500",r&&"min-h-[40px] text-sm max-h-24")}),h&&(0,v.jsxs)("div",{className:"absolute bottom-2 right-2 flex items-center gap-1.5 text-xs text-red-500 bg-background/80 backdrop-blur-sm px-2 py-1 rounded-full",children:[(0,v.jsx)("span",{className:"size-2 bg-red-500 rounded-full animate-pulse"}),"Listening..."]})]})}),(0,v.jsxs)(gq,{className:r?"py-1":void 0,children:[!r&&(0,v.jsx)("div",{className:"flex items-center gap-1 text-xs text-muted-foreground",children:(0,v.jsx)("span",{className:"hidden sm:inline",children:"Type @ to mention files, / for commands"})}),(0,v.jsxs)("div",{className:"flex items-center gap-2",children:[(0,v.jsx)(yv,{size:"icon",className:"size-9",onTranscriptionChange:e=>{d(t=>{let r=t&&!t.endsWith(" ")&&!t.endsWith("\n");return t+(r?" ":"")+e})},onInterimTranscription:e=>{m(e)},disabled:g}),(0,v.jsx)(vs,{input:u+h,isRunning:g,onStop:to,hasExtraContent:!!(p&&p.trim())})]})]})]})})]})}),(0,v.jsx)(yw,{sessionId:t.id,frame:eG,metadata:eH,active:eU&&!eX,onDismiss:()=>{eY(!0),eW(!1)}})]})}var vo=e.i(482079),vl=e.i(461957);function vc({sessionId:e}){let[t,r]=(0,b.useState)(null),[n,s]=(0,b.useState)(""),[i,a]=(0,b.useState)(!1),o=(0,b.useCallback)(async()=>{let t=await (0,xt.getSession)(e);r(t?.pendingQuestion??null)},[e]);if((0,b.useEffect)(()=>{let e=!1,t=async()=>{e||await o()};t();let r=setInterval(t,3e3);return()=>{e=!0,clearInterval(r)}},[o]),!t)return null;let l=async()=>{if(n.trim()&&!i){a(!0);try{await (0,xt.answerAgentQuestion)(e,t.questionId,n.trim()),s(""),r(null),o()}finally{a(!1)}}};return(0,v.jsx)("div",{className:"border-b border-amber-500/40 bg-amber-500/5 px-4 py-3",children:(0,v.jsxs)("div",{className:"flex items-start gap-3 max-w-3xl mx-auto",children:[(0,v.jsx)(vo.MessageCircleQuestion,{className:"size-5 text-amber-500 shrink-0 mt-0.5"}),(0,v.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,v.jsx)("p",{className:"text-sm font-medium text-amber-800 dark:text-amber-200",children:t.question}),t.context&&(0,v.jsx)("p",{className:"text-xs text-muted-foreground mt-1",children:t.context}),t.choices&&t.choices.length>0&&(0,v.jsx)("div",{className:"flex flex-wrap gap-1.5 mt-2",children:t.choices.map(e=>(0,v.jsx)("button",{type:"button",onClick:()=>s(e),className:"text-xs px-2 py-1 rounded bg-amber-500/10 hover:bg-amber-500/20 text-amber-800 dark:text-amber-200",children:e},e))}),(0,v.jsxs)("div",{className:"flex gap-2 mt-2",children:[(0,v.jsx)("input",{type:"text",value:n,onChange:e=>s(e.target.value),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),l())},placeholder:"Type your answer…",className:"flex-1 px-3 py-1.5 text-sm rounded border border-border bg-background focus:outline-none focus:ring-2 focus:ring-amber-500/40",autoFocus:!0}),(0,v.jsx)(S.Button,{size:"sm",onClick:l,disabled:!n.trim()||i,children:i?(0,v.jsx)(vl.Loader2,{className:"size-3.5 animate-spin"}):"Answer"})]})]})]})})}function vu({params:e}){let{id:t}=(0,b.use)(e),r=(0,w.useRouter)(),[n,s]=(0,b.useState)(null),[i,a]=(0,b.useState)(!0),[o,l]=(0,b.useState)(null);return((0,b.useEffect)(()=>{!async function(){try{let e=await (0,xt.getSession)(t);if(!e)return void l("Session not found");s(e)}catch(e){console.error("Failed to load session:",e),l("Failed to load session")}finally{a(!1)}}()},[t]),i)?(0,v.jsx)("div",{className:"flex items-center justify-center h-full",children:(0,v.jsx)(vl.Loader2,{className:"size-8 animate-spin text-muted-foreground"})}):o||!n?(0,v.jsx)("div",{className:"flex items-center justify-center h-full",children:(0,v.jsxs)("div",{className:"text-center",children:[(0,v.jsx)("p",{className:"text-muted-foreground mb-4",children:o||"Session not found"}),(0,v.jsx)("button",{onClick:()=>r.push("/"),className:"text-primary hover:underline",children:"Go back home"})]})}):(0,v.jsxs)("div",{className:"flex flex-col h-full",children:[(0,v.jsx)(vc,{sessionId:n.id}),(0,v.jsx)("div",{className:"flex-1 min-h-0",children:(0,v.jsx)(va,{session:n})})]})}e.s(["default",()=>vu],330460)}]);
+${i}`}let a=i,o=r?.map(e=>({type:e.type,data:e.data,mediaType:e.mediaType,filename:e.filename})),l={id:`user-${Date.now()}`,type:"user-message",content:e||(s?"Selected elements attached":""),attachments:o};c(e=>[...e,l]),x(!0),G(!1),eb.current=!0,X(""),J(""),Q(!1),et([]),eh.current="",em.current="",ep.current=[],ex.current=(0,xt.runAgent)(t.id,a||"Please analyze the attached files.",tn,{onStreamId:e=>H(e),attachments:r})},ti=async(e,t)=>{let r=!!(p&&p.trim());if(e.trim()||t&&0!==t.length||r){if(g){let r;return void(r={id:`q-${Date.now()}-${Math.random().toString(36).slice(2,6)}`,text:e,attachments:t,selectedElements:p},w(e=>[...e,r]),d(""),f(null))}d(""),f(null),await ts(e,t,p)}},ta=async e=>{let t=!!e.text?.trim(),r=!!e.files?.length,n=!!(p&&p.trim());if(!t&&!r&&!n)return;let s=[];if(r&&e.files.length>0){for(let t of e.files)if(t.url)try{let e=await fetch(t.url),r=await e.blob(),n=await new Promise(e=>{let t=new FileReader;t.onloadend=()=>e(t.result),t.readAsDataURL(r)}),i=t.mediaType||r.type||"application/octet-stream",a=i.startsWith("image/");s.push({type:a?"image":"file",data:n,mediaType:i,filename:t.filename})}catch(e){console.error("Failed to process attachment:",e)}}ti(e.text||"",s.length>0?s:void 0)},to=async()=>{try{await (0,xt.abortStream)(t.id)}catch(e){console.error("Failed to abort stream:",e)}if(ex.current&&(ex.current(),ex.current=null),em.current.trim()){let e={id:`reasoning-${Date.now()}`,type:"reasoning",content:em.current};c(t=>[...t,e])}if(eh.current.trim()){let e={id:`text-${Date.now()}`,type:"assistant-text",content:eh.current+" [stopped]"};c(t=>[...t,e])}X(""),J(""),Q(!1),et([]),H(null),eh.current="",em.current="",ep.current=[],ev.current=!1,x(!1),G(!1)},tl=(0,b.useRef)(ts);tl.current=ts;let tc=e=>{w(t=>t.map(t=>t.id===e?{...t,text:E}:t)),T(null),P("")},tu=async e=>{let t=y.find(t=>t.id===e);t&&(w(t=>t.filter(t=>t.id!==e)),g?(await to(),setTimeout(()=>{tl.current(t.text,t.attachments,t.selectedElements)},500)):tl.current(t.text,t.attachments,t.selectedElements))},td=async e=>{en(t=>t.filter(t=>t.id!==e.id));try{await (0,xt.approveExecution)(t.id,e.toolCallId)}catch(e){console.error("Failed to approve:",e)}},th=async e=>{en(t=>t.filter(t=>t.id!==e.id));try{await (0,xt.rejectExecution)(t.id,e.toolCallId,"User rejected")}catch(e){console.error("Failed to reject:",e)}},tm=async e=>{en(t=>t.filter(t=>t.id!==e.id));try{await (0,xt.approveExecution)(t.id,e.toolCallId);let r=await (0,xt.updateToolApproval)(t.id,e.toolName,!1,eE);eP(r.config||{})}catch(e){console.error("Failed to approve and disable:",e)}},tp=async(e,r)=>{try{let n=await (0,xt.updateToolApproval)(t.id,e,!r,eE);eP(n.config||{})}catch(e){console.error("Failed to update tool approval:",e)}},tf=e=>({ts:"typescript",tsx:"tsx",js:"javascript",jsx:"jsx",py:"python",rb:"ruby",go:"go",rs:"rust",java:"java",c:"c",cpp:"cpp",h:"c",hpp:"cpp",cs:"csharp",php:"php",swift:"swift",kt:"kotlin",scala:"scala",sh:"bash",bash:"bash",zsh:"bash",fish:"bash",ps1:"powershell",sql:"sql",html:"html",htm:"html",css:"css",scss:"scss",sass:"sass",less:"less",json:"json",yaml:"yaml",yml:"yaml",xml:"xml",md:"markdown",markdown:"markdown",txt:"plaintext",toml:"toml",ini:"ini",cfg:"ini",conf:"ini",dockerfile:"dockerfile",makefile:"makefile"})[e.split(".").pop()?.toLowerCase()||""]||"plaintext";return(0,v.jsxs)("div",{className:(0,k.cn)("flex flex-col h-full bg-background min-w-0 overflow-x-hidden",r&&"embed-mode text-[13px]"),children:[r&&(0,v.jsxs)("div",{className:"border-b border-border/50 px-2 py-1.5 flex items-center justify-between bg-card/50",children:[(0,v.jsx)(S.Button,{size:"icon",variant:"ghost",onClick:o,className:"size-6",children:(0,v.jsx)(xb.PanelLeft,{className:"size-3.5"})}),(0,v.jsx)("span",{className:"text-[11px] text-muted-foreground truncate max-w-[120px] font-medium",children:eN||"Session"}),(0,v.jsx)(S.Button,{size:"icon",variant:"ghost",onClick:()=>eM(!0),className:"size-6",children:(0,v.jsx)(xx.Settings,{className:"size-3.5"})})]}),!r&&(0,v.jsxs)("div",{className:"border-b border-border/50 px-3 sm:px-4 py-2 flex items-center justify-between bg-card/50 backdrop-blur-sm",children:[(0,v.jsxs)("div",{className:"min-w-0 flex items-center gap-2 sm:gap-3",children:[(0,v.jsx)(vr,{}),(0,v.jsx)("div",{className:"flex items-center gap-1.5",children:eC?(0,v.jsxs)("form",{onSubmit:e=>{e.preventDefault(),e9()},className:"flex items-center gap-1",children:[(0,v.jsx)(gC.Input,{ref:eI,value:eN,onChange:e=>eS(e.target.value),onBlur:e9,className:"h-7 text-sm font-semibold w-40 px-2",placeholder:"Session name"}),(0,v.jsx)(S.Button,{type:"submit",size:"icon",variant:"ghost",className:"size-6 text-muted-foreground hover:text-foreground",children:(0,v.jsx)(xg.Check,{className:"size-3.5"})})]}):(0,v.jsx)(C.TooltipProvider,{children:(0,v.jsxs)(C.Tooltip,{children:[(0,v.jsx)(C.TooltipTrigger,{asChild:!0,children:(0,v.jsxs)("button",{onClick:()=>eA(!0),className:"flex items-center gap-1.5 group hover:bg-muted/50 rounded px-1.5 py-0.5 -mx-1.5 transition-colors",children:[(0,v.jsx)("h2",{className:"font-semibold text-foreground truncate max-w-[200px]",children:eN||"Untitled Session"}),(0,v.jsx)(xf.Pencil,{className:"size-3 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity"})]})}),(0,v.jsx)(C.TooltipContent,{children:"Click to rename"})]})})}),t.workingDirectory?(0,v.jsx)(C.TooltipProvider,{children:(0,v.jsxs)(C.Tooltip,{children:[(0,v.jsx)(C.TooltipTrigger,{asChild:!0,children:(0,v.jsxs)("div",{className:"flex items-center gap-1.5 px-2 py-1 rounded-md bg-muted/30 text-xs text-muted-foreground max-w-[200px]",children:[(0,v.jsx)(xv.FolderOpen,{className:"size-3.5 shrink-0"}),(0,v.jsx)("span",{className:"truncate font-mono",children:t.workingDirectory.split("/").pop()||t.workingDirectory})]})}),(0,v.jsx)(C.TooltipContent,{side:"bottom",className:"max-w-md",children:(0,v.jsx)("p",{className:"font-mono text-xs",children:t.workingDirectory})})]})}):null]}),(0,v.jsxs)("div",{className:"flex items-center gap-2 shrink-0",children:[eQ.filter(e=>"browser-recording"===e.category&&e.downloadUrl).map(e=>(0,v.jsx)(yk,{fileName:e.fileName,downloadUrl:e.downloadUrl,sizeBytes:e.sizeBytes,createdAt:e.createdAt},e.id)),W&&(0,v.jsx)(C.TooltipProvider,{children:(0,v.jsxs)(C.Tooltip,{children:[(0,v.jsx)(C.TooltipTrigger,{asChild:!0,children:(0,v.jsxs)(N.Badge,{variant:"outline",className:"gap-1.5 text-xs border-emerald-500/30 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 cursor-help",children:[(0,v.jsx)("span",{className:"size-1.5 rounded-full bg-current animate-pulse"}),"Watching"]})}),(0,v.jsx)(C.TooltipContent,{children:"Watching stream from another client"})]})}),(0,v.jsx)(C.TooltipProvider,{children:(0,v.jsxs)(C.Tooltip,{children:[(0,v.jsx)(C.TooltipTrigger,{asChild:!0,children:(0,v.jsx)(N.Badge,{variant:g?"default":"secondary",className:`cursor-help ${g?"bg-primary/90":""}`,children:g?W?"streaming":"running":t.status})}),(0,v.jsx)(C.TooltipContent,{children:g?W?"Receiving streamed response":"Agent is processing":`Session is ${t.status}`})]})}),(0,v.jsx)(C.TooltipProvider,{children:(0,v.jsxs)(C.Tooltip,{children:[(0,v.jsx)(C.TooltipTrigger,{asChild:!0,children:(0,v.jsx)(S.Button,{size:"icon",variant:"ghost",className:"size-7 hover:bg-accent transition-colors",onClick:()=>eM(!0),children:(0,v.jsx)(xx.Settings,{className:"size-4"})})}),(0,v.jsx)(C.TooltipContent,{children:"Session Settings"})]})}),(0,v.jsxs)(go,{children:[(0,v.jsx)(gl,{asChild:!0,children:(0,v.jsx)(S.Button,{size:"icon",variant:"ghost",className:"size-7 hover:bg-accent transition-colors",children:(0,v.jsx)(xP,{className:"size-4"})})}),(0,v.jsxs)(gc,{align:"end",className:"w-52",children:[(0,v.jsxs)(gu,{onClick:()=>{eY(!1),(0,xt.getBrowserStreamStatus)(t.id).then(e=>{e?.active?(eW(!0),console.log("[browser] Reconnecting PIP — stream active")):console.log("[browser] No active browser stream")})},children:[(0,v.jsx)(gX,{className:"size-4 mr-2"}),"Open Browser PIP"]}),(0,v.jsxs)(gu,{onClick:async()=>{e3(await (0,xt.getBrowserRecordings)(t.id)),e2(!0)},children:[(0,v.jsx)(gZ,{className:"size-4 mr-2"}),"Browser Recordings"]}),(0,v.jsxs)(gu,{onClick:async()=>{e6("copying");try{let e=await vi(t.id);await navigator.clipboard.writeText(e),e6("copied"),console.log(`[debug-dump] copied ${e.length.toLocaleString()} chars to clipboard for session ${t.id}`),setTimeout(()=>e6("idle"),2500)}catch(e){console.error("[debug-dump] failed:",e),e6("error"),setTimeout(()=>e6("idle"),2500)}},children:["copying"===e4?(0,v.jsx)(xh.RefreshCw,{className:"size-4 mr-2 animate-spin"}):"copied"===e4?(0,v.jsx)(xg.Check,{className:"size-4 mr-2 text-green-500"}):"error"===e4?(0,v.jsx)(xm,{className:"size-4 mr-2 text-red-500"}):(0,v.jsx)(xR,{className:"size-4 mr-2"}),"copying"===e4?"Gathering…":"copied"===e4?"Copied to clipboard":"error"===e4?"Failed — see console":"Copy debug JSON"]})]})]})]})]}),(0,v.jsx)(pb.Dialog,{open:eR,onOpenChange:eM,children:(0,v.jsxs)(pb.DialogContent,{className:"sm:max-w-md",children:[(0,v.jsx)(pb.DialogHeader,{children:(0,v.jsxs)(pb.DialogTitle,{className:"flex items-center gap-2",children:[(0,v.jsx)("div",{className:"size-8 rounded-lg bg-muted flex items-center justify-center",children:(0,v.jsx)(xx.Settings,{className:"size-4"})}),"Session Settings"]})}),(0,v.jsxs)("div",{className:"space-y-4 pt-2",children:[(0,v.jsxs)("div",{className:"space-y-2",children:[(0,v.jsx)(xL.Label,{className:"text-sm font-medium",children:"Model"}),(0,v.jsxs)(oh.Select,{value:ej,onValueChange:e8,disabled:g,children:[(0,v.jsx)(oh.SelectTrigger,{className:"w-full",children:(0,v.jsx)(oh.SelectValue,{placeholder:"Select model"})}),(0,v.jsx)(oh.SelectContent,{children:e_?.availableModels.map(e=>(0,v.jsx)(oh.SelectItem,{value:e.id,children:(0,v.jsxs)("div",{className:"flex items-center gap-2",children:[(0,v.jsx)("span",{children:e.name}),(0,v.jsx)("span",{className:"text-xs text-muted-foreground",children:e.provider})]})},e.id))})]}),g&&(0,v.jsx)("p",{className:"text-xs text-muted-foreground",children:"Cannot change model while agent is running"})]}),(0,v.jsxs)("div",{className:"space-y-2",children:[(0,v.jsx)(xL.Label,{className:"flex items-center gap-2 text-sm font-medium",children:"Tool Approvals"}),(0,v.jsx)("p",{className:"text-xs text-muted-foreground -mt-0.5",children:"Toggle on to require approval before tool executes"}),(0,v.jsx)("div",{className:"space-y-1 rounded-lg border p-2.5 bg-muted/30",children:e_?.availableTools.map(e=>{var t;let r=(t=e.id,eE.toolApprovals?.[t]!==void 0?eE.toolApprovals[t]:"bash"===t);return(0,v.jsxs)("div",{className:"flex items-center justify-between py-1.5 hover:bg-muted/50 rounded px-2 -mx-1 transition-colors",children:[(0,v.jsxs)("div",{className:"space-y-0",children:[(0,v.jsxs)("div",{className:"flex items-center gap-2",children:[(0,v.jsx)("span",{className:"text-sm font-medium",children:e.name}),e.dangerous&&(0,v.jsx)("span",{className:"text-[10px] bg-amber-500/20 text-amber-600 dark:text-amber-400 px-1.5 py-0.5 rounded font-medium",children:"risky"})]}),(0,v.jsx)("p",{className:"text-[11px] text-muted-foreground",children:e.description})]}),(0,v.jsx)(xI.Switch,{checked:r,onCheckedChange:()=>tp(e.id,r)})]},e.id)})})]}),(0,v.jsx)("p",{className:"text-xs text-muted-foreground",children:"These settings only apply to this session. Changes take effect for future tool calls."})]})]})}),(0,v.jsx)(pb.Dialog,{open:e1,onOpenChange:e2,children:(0,v.jsxs)(pb.DialogContent,{className:"max-w-2xl w-full p-0 overflow-hidden rounded-xl",children:[(0,v.jsx)(pb.DialogHeader,{className:"px-5 pt-5 pb-3",children:(0,v.jsxs)(pb.DialogTitle,{className:"flex items-center gap-2 text-sm font-medium",children:[(0,v.jsx)("div",{className:"flex items-center justify-center size-6 rounded-lg bg-violet-500/10 dark:bg-violet-400/10",children:(0,v.jsx)(gZ,{className:"size-3.5 text-violet-600 dark:text-violet-400"})}),"Browser Recordings"]})}),(0,v.jsx)("div",{className:"px-5 pb-5 space-y-3",children:0===e5.length?(0,v.jsx)("p",{className:"text-sm text-muted-foreground py-4 text-center",children:"No browser recordings for this session"}):e5.map(e=>(0,v.jsxs)("div",{className:"flex items-center gap-3 p-3 rounded-lg border bg-muted/30 hover:bg-muted/50 transition-colors",children:[(0,v.jsx)("div",{className:"flex items-center justify-center size-10 rounded-lg bg-violet-500/10 dark:bg-violet-400/10 shrink-0",children:(0,v.jsx)(xC,{className:"size-4 text-violet-600 dark:text-violet-400 ml-0.5"})}),(0,v.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,v.jsx)("p",{className:"text-sm font-medium truncate",children:e.fileName}),(0,v.jsxs)("p",{className:"text-xs text-muted-foreground",children:[e.createdAt&&new Date(e.createdAt).toLocaleString(),null!=e.sizeBytes&&` \xb7 ${e.sizeBytes>1048576?`${(e.sizeBytes/1048576).toFixed(1)} MB`:`${(e.sizeBytes/1024).toFixed(0)} KB`}`]})]}),e.downloadUrl&&(0,v.jsxs)(S.Button,{size:"sm",variant:"outline",className:"shrink-0",onClick:()=>window.open(e.downloadUrl,"_blank"),children:[(0,v.jsx)(xC,{className:"size-3 mr-1"}),"Watch"]})]},e.id))})]})}),!r&&ez?.updateAvailable&&!eB&&(0,v.jsxs)("div",{className:"px-4 py-2 border-b border-amber-500/30 bg-amber-500/10 flex items-center justify-between gap-3",children:[(0,v.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,v.jsx)(xj,{className:"size-4 text-amber-600 dark:text-amber-400 shrink-0"}),(0,v.jsxs)("span",{className:"text-sm text-amber-700 dark:text-amber-300",children:["Update available: ",(0,v.jsxs)("strong",{children:["v",ez.latestVersion]}),(0,v.jsxs)("span",{className:"text-amber-600/70 dark:text-amber-400/70 ml-1",children:["(current: v",ez.currentVersion,")"]})]})]}),(0,v.jsxs)("div",{className:"flex items-center gap-2 shrink-0",children:[(0,v.jsx)(S.Button,{size:"sm",variant:"outline",className:"h-7 text-xs border-amber-500/50 bg-amber-500/20 hover:bg-amber-500/30 text-amber-700 dark:text-amber-300",onClick:e7,disabled:e$,children:e$?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(xh.RefreshCw,{className:"size-3 mr-1.5 animate-spin"}),"Creating..."]}):(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(xj,{className:"size-3 mr-1.5"}),"Update Now"]})}),(0,v.jsx)(C.TooltipProvider,{children:(0,v.jsxs)(C.Tooltip,{children:[(0,v.jsx)(C.TooltipTrigger,{asChild:!0,children:(0,v.jsx)(S.Button,{size:"icon",variant:"ghost",className:"size-6 text-amber-600 dark:text-amber-400 hover:bg-amber-500/20",onClick:()=>{eF(!0),ez?.latestVersion&&localStorage.setItem("sparkecoder-dismissed-version",ez.latestVersion)},children:(0,v.jsx)(xk.X,{className:"size-3.5"})})}),(0,v.jsx)(C.TooltipContent,{children:"Dismiss (won't show again for this version)"})]})})]})]}),!r&&(es&&es.todos&&es.todos.length>0||ea.length>0)&&(0,v.jsx)("div",{className:"px-4 py-2 border-b border-border/50 bg-muted/20",children:(0,v.jsx)(xo,{todosData:es,plans:ea})}),er.length>0&&(0,v.jsx)("div",{className:(0,k.cn)("p-4 border-b border-border space-y-3",r&&"p-2 space-y-2"),children:er.map(e=>{let t=e.input;return(0,v.jsxs)(oG,{approval:{id:e.id,approved:!1},state:"approval-requested",children:[(0,v.jsx)(oq,{children:(0,v.jsxs)("div",{className:"flex items-start gap-3",children:[(0,v.jsx)("div",{className:"size-8 rounded-lg bg-amber-500/20 flex items-center justify-center shrink-0",children:(0,v.jsx)(xm,{className:"size-4 text-amber-500"})}),(0,v.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,v.jsx)("p",{className:"font-medium text-sm",children:"Approval Required"}),(0,v.jsx)("p",{className:"text-sm text-muted-foreground mt-0.5",children:(0,v.jsx)("code",{className:"bg-muted px-1.5 py-0.5 rounded font-mono text-foreground",children:e.toolName})}),(0,v.jsx)("div",{className:"mt-3 rounded-lg border bg-muted/30 overflow-hidden",children:Object.entries(t).map(([e,t])=>(0,v.jsxs)("div",{className:"flex border-b border-border/50 last:border-b-0",children:[(0,v.jsx)("div",{className:"px-3 py-2 bg-muted/50 text-xs font-medium text-muted-foreground w-24 shrink-0",children:e}),(0,v.jsx)("div",{className:"px-3 py-2 text-xs font-mono flex-1 min-w-0 overflow-auto max-h-24",children:"string"==typeof t?(0,v.jsx)("span",{className:"whitespace-pre-wrap break-words",children:t}):(0,v.jsx)("span",{className:"text-muted-foreground",children:JSON.stringify(t)})})]},e))})]})]})}),(0,v.jsxs)(oH,{children:[(0,v.jsx)(oK,{variant:"outline",onClick:()=>th(e),children:"Reject"}),(0,v.jsx)(oK,{variant:"ghost",onClick:()=>tm(e),className:"text-muted-foreground hover:text-foreground",children:"Always Allow"}),(0,v.jsx)(oK,{variant:"default",onClick:()=>td(e),children:"Approve"})]})]},e.id)})}),(0,v.jsxs)(B,{className:(0,k.cn)("flex-1 p-4",r&&"p-2"),children:[(0,v.jsxs)(F,{className:(0,k.cn)("max-w-3xl mx-auto w-full",r&&"max-w-none"),children:[t.config?.task?.enabled&&(s="running"===(n=t.config.task).status,i="completed"===n.status,a="failed"===n.status,(0,v.jsxs)("div",{className:(0,k.cn)("mb-4 rounded-lg border px-3.5 py-2.5 flex items-center gap-2.5 text-sm transition-colors",i&&"border-emerald-500/30 bg-emerald-500/5",a&&"border-red-500/30 bg-red-500/5",s&&"border-blue-500/30 bg-blue-500/5"),children:[(0,v.jsx)(xE.ListChecks,{className:(0,k.cn)("size-4 shrink-0",i&&"text-emerald-500",a&&"text-red-500",s&&"text-blue-500")}),(0,v.jsx)("span",{className:"font-medium truncate",children:t.name||"Task"}),(0,v.jsx)("span",{className:(0,k.cn)("text-xs shrink-0",i&&"text-emerald-600 dark:text-emerald-400",a&&"text-red-600 dark:text-red-400",s&&"text-blue-600 dark:text-blue-400 animate-pulse"),children:s?"Running":i?"Completed":"Failed"}),null!=n.iterations&&(0,v.jsxs)("span",{className:"text-xs text-muted-foreground ml-auto tabular-nums shrink-0",children:[n.iterations," iter."]}),a&&n.error&&(0,v.jsxs)("span",{className:"text-xs text-red-500 truncate ml-1",title:n.error,children:["— ",n.error]})]})),ef&&(0,v.jsx)("div",{className:"flex justify-center py-12",children:(0,v.jsx)(oY,{size:24})}),!ef&&0===l.length&&!K&&(0,v.jsx)($,{icon:(0,v.jsxs)("div",{className:"relative overflow-hidden rounded-2xl size-16 shadow-lg ring-1 ring-white/10",children:[(0,v.jsx)(j.default,{src:"/sparke-coder.png",alt:"SparkECoder",width:64,height:64,className:"absolute inset-0 size-full object-cover",priority:!0}),g&&(0,v.jsx)("video",{src:"/sparkecode.mp4",autoPlay:!0,muted:!0,loop:!0,playsInline:!0,className:"absolute inset-0 size-full object-cover"})]}),title:"Start a conversation",description:"Ask SparkECoder to help you with coding tasks"}),l.filter(e=>{if("tool-call"===e.type&&e.toolCall){if(er.some(t=>t.toolCallId===e.toolCall?.toolCallId))return!1;let t=ee.some(t=>t.toolCallId===e.toolCall?.toolCallId),r=ee.some(t=>t.toolCallId.startsWith(`${e.toolCall?.toolName}_pending_`)&&("streaming"===t.status||"running"===t.status));if(t||r)return!1}return!0}).map(e=>{if("user-message"===e.type){let t,r,n,s=e.content?function(e){let t=e.replace(/^\s+/,"");for(;;){let e=t;if((t=(t=t.replace(/^\[Local device time:[^\]]*\]\s*/,"")).replace(/^\[REPLAY[^\]]*\]\s*/,""))===e)break}let r=t.match(/^\[([A-Z]+)(?:\s+([^\]]*))?\]\s*([\s\S]*)$/);if(!r)return{pill:null,rest:e};let n=r[1];return["WEB","SLACK","SYSTEM","SCHEDULE","WEBHOOK"].includes(n)?{pill:{channel:n,detail:r[2]?.replace(/\s*reply-with=[\s\S]*$/,"").trim()||void 0},rest:r[3]}:{pill:null,rest:e}}(e.content):{pill:null,rest:e.content||""};if(s.pill&&y7.has(s.pill.channel))return(0,v.jsx)(vt,{pill:s.pill,body:s.rest},e.id);let i=!!s.pill&&"WEB"!==s.pill.channel,a=void 0!==e.messageSequence&&el.some(t=>t.messageSequence===e.messageSequence);return(0,v.jsxs)("div",{className:i?"flex flex-col items-end gap-1":void 0,children:[i&&s.pill&&(0,v.jsxs)("div",{className:`inline-flex items-center gap-1.5 text-[10px] font-medium uppercase tracking-wide px-2 py-0.5 rounded-md border self-end ${y8[s.pill.channel]||"bg-muted text-muted-foreground border-border"}`,children:[(0,v.jsx)("span",{children:s.pill.channel}),s.pill.detail&&(0,v.jsx)("span",{className:"font-normal normal-case opacity-80",children:s.pill.detail})]}),(0,v.jsxs)(aF,{from:"user",children:[(0,v.jsxs)(a$,{children:[e.attachments&&e.attachments.length>0&&(0,v.jsx)("div",{className:"flex flex-wrap gap-2 mb-2",children:e.attachments.map((e,t)=>(0,v.jsx)("div",{className:"relative",children:"image"===e.type?(0,v.jsx)("div",{className:"relative rounded-lg overflow-hidden border border-border/50 max-w-[200px]",children:(0,v.jsx)("img",{src:e.data.startsWith("data:")?e.data:`data:${e.mediaType||"image/png"};base64,${e.data}`,alt:e.filename||"Image attachment",className:"max-w-full h-auto max-h-[150px] object-contain"})}):(0,v.jsxs)("div",{className:"flex items-center gap-2 px-3 py-2 rounded-lg bg-muted/50 border border-border/50",children:[(0,v.jsx)(xw,{className:"h-4 w-4 text-muted-foreground"}),(0,v.jsx)("span",{className:"text-sm text-muted-foreground truncate max-w-[150px]",children:e.filename||"File"})]})},t))}),e.content&&(r=(t=s.rest).replace(y6,"").trim(),n=function(e){let t=e.match(/<devtools-context>([\s\S]*?)<\/devtools-context>/);if(!t)return null;let r=t[1],n=r.match(/<page\s+url="([^"]*)"\s+path="([^"]*)"\s+name="([^"]*)"/),s=r.match(/<viewport\s+width="([^"]*)"\s+height="([^"]*)"(?:\s+dpr="([^"]*)")?/);return n?{url:n[1],path:n[2],pageName:n[3],viewportWidth:s?.[1],viewportHeight:s?.[2],dpr:s?.[3]}:null}(t),(0,v.jsxs)(v.Fragment,{children:[!i&&s.pill&&(0,v.jsx)(y9,{...s.pill}),r&&(0,v.jsx)("p",{className:"whitespace-pre-wrap",children:r}),n&&(0,v.jsxs)("div",{className:"flex items-center gap-1.5 mt-1.5 text-[11px] text-muted-foreground/60",children:[(0,v.jsx)(xT,{className:"h-3 w-3"}),(0,v.jsx)("span",{children:n.path}),n.viewportWidth&&n.viewportHeight&&(0,v.jsxs)("span",{className:"text-muted-foreground/40",children:[n.viewportWidth,"x",n.viewportHeight]})]})]}))]}),a&&!g&&(0,v.jsx)(aV,{className:"justify-end mt-1",children:(0,v.jsx)(C.TooltipProvider,{children:(0,v.jsxs)(C.Tooltip,{children:[(0,v.jsx)(C.TooltipTrigger,{asChild:!0,children:(0,v.jsxs)(S.Button,{variant:"ghost",size:"sm",onClick:()=>tr(e.messageSequence,e.content),disabled:eu,className:"h-6 px-2 text-xs text-muted-foreground hover:text-destructive gap-1",children:[(0,v.jsx)(xy,{className:"h-3 w-3"}),"Revert"]})}),(0,v.jsx)(C.TooltipContent,{children:(0,v.jsx)("p",{children:"Revert to before this message (undo all changes after)"})})]})})})]})]},e.id)}if("reasoning"===e.type)return(0,v.jsxs)(mq,{isStreaming:!1,defaultOpen:!1,children:[(0,v.jsx)(mK,{}),(0,v.jsx)(mX,{children:e.content||""})]},e.id);if("assistant-text"===e.type)return(0,v.jsx)(aF,{from:"assistant",children:(0,v.jsxs)("div",{className:"flex gap-3",children:[(0,v.jsx)("div",{className:"relative overflow-hidden rounded-lg size-8 shadow-sm ring-1 ring-white/10 shrink-0",children:(0,v.jsx)(j.default,{src:"/sparke-coder.png",alt:"SparkECoder",width:32,height:32,className:"absolute inset-0 size-full object-cover"})}),(0,v.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,v.jsx)(a$,{children:(0,v.jsx)(aG,{children:e.content||""})}),(0,v.jsx)(aV,{children:(0,v.jsx)(aU,{label:"Copy",onClick:()=>navigator.clipboard.writeText(e.content||""),children:(0,v.jsx)(xd.Copy,{className:"size-3"})})})]})]})},e.id);if("tool-call"===e.type&&e.toolCall){let t=e.toolCall,r=`tool-${t.toolName}`;if("messenger"===t.toolName&&t.input?.action==="post")return(0,v.jsx)(ve,{input:t.input,output:t.output,status:t.status},e.id);if("write_file"===t.toolName)return(0,v.jsx)(xB,{input:t.input,output:t.output,status:t.status,streamingArgsText:t.streamingArgsText,liveContent:t.liveContent,liveOldString:t.liveOldString,liveNewString:t.liveNewString},e.id);if("read_file"===t.toolName)return(0,v.jsx)(xV,{input:t.input,output:t.output,status:t.status},e.id);if("bash"===t.toolName)return(0,v.jsx)(xq,{input:t.input,output:t.output,status:t.status,terminalId:t.terminalId,liveOutput:t.liveOutput},e.id);if("explore_agent"===t.toolName)return(0,v.jsx)(x1,{input:t.input,output:t.output,status:t.status,steps:t.exploreSteps},e.id);if("todo"===t.toolName)return(0,v.jsx)(ye,{input:t.input,output:t.output,status:t.status},e.id);if("load_skill"===t.toolName)return(0,v.jsx)(yn,{input:t.input,output:t.output,status:t.status},e.id);if("linter"===t.toolName)return(0,v.jsx)(yl,{input:t.input,output:t.output,status:t.status},e.id);if("code_graph"===t.toolName)return(0,v.jsx)(yh,{input:t.input,output:t.output,status:t.status},e.id);if("complete_task"===t.toolName||"task_failed"===t.toolName)return(0,v.jsx)(yg,{toolName:t.toolName,input:t.input,output:t.output,status:t.status},e.id);let n="completed"!==t.status;return(0,v.jsxs)(oT,{defaultOpen:n,children:[(0,v.jsx)(oE,{type:r,state:function(e){switch(e){case"pending":case"streaming":default:return"input-streaming";case"running":return"input-available";case"completed":return"output-available";case"rejected":return"output-denied";case"error":return"output-error"}}(t.status),title:t.toolName}),(0,v.jsxs)(oP,{children:[(0,v.jsx)(oR,{input:t.input}),(e=>{let t=e.output,r=e.input;if("bash"===e.toolName)return(0,v.jsx)(xq,{input:e.input,output:e.output,status:e.status,terminalId:e.terminalId,liveOutput:e.liveOutput,className:"mt-2"});if("explore_agent"===e.toolName)return(0,v.jsx)(x1,{input:e.input,output:e.output,status:e.status,steps:e.exploreSteps,className:"mt-2"});if("todo"===e.toolName)return(0,v.jsx)(ye,{input:e.input,output:e.output,status:e.status,className:"mt-2"});if("load_skill"===e.toolName)return(0,v.jsx)(yn,{input:e.input,output:e.output,status:e.status,className:"mt-2"});if("linter"===e.toolName)return(0,v.jsx)(yl,{input:e.input,output:e.output,status:e.status,className:"mt-2"});if("code_graph"===e.toolName)return(0,v.jsx)(yh,{input:e.input,output:e.output,status:e.status,className:"mt-2"});if("write_file"===e.toolName&&r){let e=r.path||"file",n=r.mode||"full",s=e.split("/").pop()||"file",i=tf(e);if("str_replace"===n){let e=r.old_string||"",n=r.new_string||"";return(0,v.jsxs)("div",{className:"mt-2 max-w-full overflow-hidden space-y-2",children:[(0,v.jsxs)("div",{className:"flex items-center gap-2 text-sm",children:[(0,v.jsx)(xp,{className:"size-4 text-muted-foreground"}),(0,v.jsx)("span",{className:"font-medium",children:s}),(0,v.jsx)(N.Badge,{variant:"secondary",className:"text-xs",children:"str_replace"})]}),(0,v.jsxs)("div",{className:"rounded-md border overflow-hidden",children:[(0,v.jsxs)("div",{className:"bg-red-500/10 border-b p-2",children:[(0,v.jsx)("div",{className:"text-xs text-red-500 mb-1",children:"- Remove:"}),(0,v.jsx)("pre",{className:"text-xs overflow-x-auto whitespace-pre-wrap break-words text-red-400",children:e.length>500?e.slice(0,500)+"...":e})]}),(0,v.jsxs)("div",{className:"bg-green-500/10 p-2",children:[(0,v.jsx)("div",{className:"text-xs text-green-500 mb-1",children:"+ Add:"}),(0,v.jsx)("pre",{className:"text-xs overflow-x-auto whitespace-pre-wrap break-words text-green-400",children:n.length>500?n.slice(0,500)+"...":n})]})]}),t&&(0,v.jsxs)("div",{className:`text-xs flex items-center gap-1 ${t.success?"text-green-600 dark:text-green-400":"text-red-600 dark:text-red-400"}`,children:[(0,v.jsx)("span",{children:t.success?"✓":"✗"}),(0,v.jsx)("span",{children:t.success?`Replaced (${void 0!==t.lineDelta?(t.lineDelta>=0?"+":"")+t.lineDelta+" lines":"done"})`:t.error||"Failed"})]})]})}let a=r.content||"";return(0,v.jsxs)("div",{className:"mt-2 max-w-full overflow-hidden",children:[(0,v.jsxs)(oI,{children:[(0,v.jsxs)(oL,{children:[(0,v.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,v.jsx)(xp,{className:"size-4 text-muted-foreground shrink-0"}),(0,v.jsx)(oD,{className:"truncate",children:s}),(0,v.jsx)(oz,{className:"truncate text-xs hidden sm:block",children:e})]}),(0,v.jsx)(oO,{children:(0,v.jsx)(oB,{icon:xd.Copy,label:"Copy",onClick:()=>navigator.clipboard.writeText(a)})})]}),a&&(0,v.jsx)(oF,{className:"p-0 max-h-[300px] overflow-auto",children:(0,v.jsx)(o_,{code:a,language:i,showLineNumbers:!0,children:(0,v.jsx)(oN,{className:"sr-only",children:(0,v.jsx)(oS,{children:(0,v.jsx)(oC,{children:s})})})})})]}),t&&(0,v.jsxs)("div",{className:`mt-2 text-xs flex items-center gap-1 ${t.success?"text-green-600 dark:text-green-400":"text-red-600 dark:text-red-400"}`,children:[(0,v.jsx)("span",{children:t.success?"✓":"✗"}),(0,v.jsx)("span",{children:t.success?`File ${t.action||"written"} successfully`:t.error||"Failed"})]})]})}if("read_file"===e.toolName&&t){let e=r?.path||"file",n=e.split("/").pop()||"file",s=t.imageData,i=t.mediaType;if(s&&i)return(0,v.jsx)("div",{className:"mt-2 max-w-full overflow-hidden",children:(0,v.jsxs)(oI,{children:[(0,v.jsx)(oL,{children:(0,v.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,v.jsx)(gM,{className:"size-4 text-muted-foreground shrink-0"}),(0,v.jsx)(oD,{className:"truncate",children:n}),(0,v.jsx)(oz,{className:"truncate text-xs hidden sm:block",children:e})]})}),(0,v.jsx)(oF,{className:"p-0 max-h-[400px] overflow-auto",children:(0,v.jsx)("div",{className:"p-3 flex justify-center bg-muted/20",children:(0,v.jsx)("img",{src:`data:${i};base64,${s}`,alt:n,className:"max-w-full max-h-[350px] object-contain rounded"})})})]})});let a=t.content||JSON.stringify(t,null,2),o=tf(e);return(0,v.jsx)("div",{className:"mt-2 max-w-full overflow-hidden",children:(0,v.jsxs)(oI,{children:[(0,v.jsxs)(oL,{children:[(0,v.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,v.jsx)(xp,{className:"size-4 text-muted-foreground shrink-0"}),(0,v.jsx)(oD,{className:"truncate",children:n}),(0,v.jsx)(oz,{className:"truncate text-xs hidden sm:block",children:e})]}),(0,v.jsx)(oO,{children:(0,v.jsx)(oB,{icon:xd.Copy,label:"Copy",onClick:()=>navigator.clipboard.writeText(a)})})]}),(0,v.jsx)(oF,{className:"p-0 max-h-[300px] overflow-auto",children:(0,v.jsx)(o_,{code:a,language:o,showLineNumbers:!0,children:(0,v.jsx)(oN,{className:"sr-only",children:(0,v.jsx)(oS,{children:(0,v.jsx)(oC,{children:n})})})})})]})})}return t?(0,v.jsx)(oM,{output:(0,v.jsxs)("pre",{className:"text-xs overflow-x-auto max-w-full whitespace-pre-wrap break-words",children:[JSON.stringify(t,null,2).slice(0,500),JSON.stringify(t).length>500?"...":""]}),errorText:"error"===e.status?"Tool execution failed":void 0}):null})(t)]})]},e.id)}return null}),g&&!K&&!Y&&0===ee.length&&(0,v.jsxs)("div",{className:"flex gap-3 items-center",children:[(0,v.jsx)("div",{className:"relative overflow-hidden rounded-lg size-8 shadow-sm ring-1 ring-white/10 shrink-0",children:(0,v.jsx)("video",{src:"/sparkecode.mp4",autoPlay:!0,muted:!0,loop:!0,playsInline:!0,className:"absolute inset-0 size-full object-cover"})}),(0,v.jsx)("span",{className:"text-sm text-muted-foreground",children:"Thinking..."})]}),g&&(Z||Y)&&(0,v.jsxs)(mq,{isStreaming:Z,defaultOpen:!0,children:[(0,v.jsx)(mK,{}),(0,v.jsx)(mX,{children:Y})]}),g&&K&&(0,v.jsx)(aF,{from:"assistant",children:(0,v.jsxs)("div",{className:"flex gap-3",children:[(0,v.jsx)("div",{className:"relative overflow-hidden rounded-lg size-8 shadow-sm ring-1 ring-white/10 shrink-0",children:(0,v.jsx)("video",{src:"/sparkecode.mp4",autoPlay:!0,muted:!0,loop:!0,playsInline:!0,className:"absolute inset-0 size-full object-cover"})}),(0,v.jsx)("div",{className:"flex-1 min-w-0",children:(0,v.jsxs)(a$,{children:[(0,v.jsx)(aG,{children:K}),(0,v.jsx)("span",{className:"inline-block w-2 h-4 bg-primary animate-pulse ml-1"})]})})]})}),g&&ee.map(e=>"write_file"===e.toolName?(0,v.jsx)(xB,{input:e.input,output:e.output,status:e.status,streamingArgsText:e.streamingArgsText,liveContent:e.liveContent,liveOldString:e.liveOldString,liveNewString:e.liveNewString},e.toolCallId):"read_file"===e.toolName?(0,v.jsx)(xV,{input:e.input,output:e.output,status:e.status},e.toolCallId):"bash"===e.toolName?(0,v.jsx)(xq,{input:e.input,output:e.output,status:e.status,terminalId:e.terminalId,liveOutput:e.liveOutput},e.toolCallId):"explore_agent"===e.toolName?(0,v.jsx)(x1,{input:e.input,output:e.output,status:e.status,steps:e.exploreSteps},e.toolCallId):"todo"===e.toolName?(0,v.jsx)(ye,{input:e.input,output:e.output,status:e.status},e.toolCallId):"load_skill"===e.toolName?(0,v.jsx)(yn,{input:e.input,output:e.output,status:e.status},e.toolCallId):"linter"===e.toolName?(0,v.jsx)(yl,{input:e.input,output:e.output,status:e.status},e.toolCallId):"code_graph"===e.toolName?(0,v.jsx)(yh,{input:e.input,output:e.output,status:e.status},e.toolCallId):"complete_task"===e.toolName||"task_failed"===e.toolName?(0,v.jsx)(yg,{toolName:e.toolName,input:e.input,output:e.output,status:e.status},e.toolCallId):(0,v.jsxs)(oT,{defaultOpen:!0,children:[(0,v.jsx)(oE,{type:`tool-${e.toolName}`,state:"streaming"===e.status?"input-streaming":"input-available",title:e.toolName}),(0,v.jsxs)(oP,{children:[(0,v.jsx)(oR,{input:e.input}),(0,v.jsxs)("div",{className:"flex items-center gap-2 p-3 text-muted-foreground",children:[(0,v.jsx)(oY,{size:14}),(0,v.jsx)("span",{className:"text-sm",children:"streaming"===e.status?"Receiving...":"Executing..."})]})]})]},e.toolCallId)),g&&!K&&0===ee.length&&(0,v.jsxs)("div",{className:"flex items-center gap-2 text-muted-foreground",children:[(0,v.jsx)(oY,{size:16}),(0,v.jsx)("span",{className:"text-sm",children:"Thinking..."})]})]}),(0,v.jsx)(V,{})]}),I&&(0,v.jsxs)("div",{className:"fixed bottom-28 right-4 w-80 max-h-80 overflow-auto border bg-background/95 shadow-lg rounded-md text-xs",children:[(0,v.jsx)("div",{className:"px-3 py-2 border-b font-mono text-muted-foreground",children:"SSE Debug"}),(0,v.jsxs)("div",{className:"px-3 py-2 space-y-1",children:[0===D.length&&0===O.length&&(0,v.jsx)("div",{className:"text-muted-foreground",children:"No events yet"}),D.map((e,t)=>(0,v.jsx)("div",{className:"font-mono",children:e},`evt-${t}`)),O.map((e,t)=>(0,v.jsx)("div",{className:"font-mono text-red-600",children:e},`err-${t}`))]})]}),(0,v.jsx)("div",{className:(0,k.cn)("border-t border-border/50 p-4 pb-6 bg-card/30",r&&"p-2 pb-2"),children:(0,v.jsxs)("div",{className:(0,k.cn)("max-w-3xl mx-auto",r&&"max-w-none"),children:[!r&&!ef&&0===l.length&&!K&&!g&&(0,v.jsx)(g7,{className:"mb-3",children:['Create a hello.txt file with "Hello, World!"',"List files in the current directory","Show the current git status"].map(e=>(0,v.jsx)(xe,{suggestion:e,onClick:e=>{d(e)}},e))}),y.length>0&&(0,v.jsxs)("div",{className:(0,k.cn)("mb-2 rounded-lg border border-border/60 bg-muted/20 overflow-hidden",r&&"mb-1"),children:[(0,v.jsxs)("button",{type:"button",onClick:()=>M(e=>!e),className:(0,k.cn)("w-full flex items-center justify-between px-3 py-1.5 text-xs text-muted-foreground hover:bg-muted/30 transition-colors",r&&"px-2 py-1"),children:[(0,v.jsxs)("div",{className:"flex items-center gap-1.5",children:[R?(0,v.jsx)(xN.ChevronDown,{className:"size-3"}):(0,v.jsx)(xS.default,{className:"size-3"}),(0,v.jsxs)("span",{className:"font-medium",children:[y.length," Queued"]})]}),(0,v.jsx)("span",{className:"text-[10px]",children:"Stop ^C"})]}),R&&(0,v.jsx)("div",{className:"border-t border-border/40 divide-y divide-border/30",children:y.map((e,t)=>(0,v.jsxs)("div",{className:(0,k.cn)("flex items-start gap-2 px-3 py-2 group",r&&"px-2 py-1.5 gap-1.5"),children:[(0,v.jsx)("span",{className:"text-[10px] text-muted-foreground/60 pt-0.5 w-4 shrink-0 text-center",children:t+1}),(0,v.jsxs)("div",{className:"flex-1 min-w-0",children:[_===e.id?(0,v.jsxs)("div",{className:"flex items-center gap-1",children:[(0,v.jsx)("input",{type:"text",value:E,onChange:e=>P(e.target.value),onKeyDown:t=>{"Enter"===t.key&&tc(e.id),"Escape"===t.key&&T(null)},className:(0,k.cn)("flex-1 bg-background border border-border rounded px-2 py-0.5 text-xs focus:outline-none focus:ring-1 focus:ring-primary/30",r&&"text-[11px]"),autoFocus:!0}),(0,v.jsx)("button",{type:"button",onClick:()=>tc(e.id),className:"p-0.5 text-primary hover:text-primary/80",children:(0,v.jsx)(xg.Check,{className:"size-3"})})]}):(0,v.jsx)("p",{className:(0,k.cn)("text-xs text-foreground truncate",r&&"text-[11px]"),children:e.text||"Selected elements attached"}),e.attachments&&e.attachments.length>0&&(0,v.jsxs)("span",{className:"text-[10px] text-muted-foreground",children:[e.attachments.length," file",e.attachments.length>1?"s":""]}),e.selectedElements&&(0,v.jsx)("span",{className:"text-[10px] text-muted-foreground",children:"+ selected elements"})]}),(0,v.jsxs)("div",{className:(0,k.cn)("flex items-center gap-0.5 shrink-0 transition-opacity",r?"opacity-100":"opacity-0 group-hover:opacity-100"),children:[(0,v.jsx)("button",{type:"button",onClick:()=>{T(e.id),P(e.text)},className:"p-1 rounded text-muted-foreground hover:text-foreground hover:bg-muted/50",title:"Edit",children:(0,v.jsx)(xf.Pencil,{className:"size-3"})}),t>0&&(0,v.jsx)("button",{type:"button",onClick:()=>{var t;return t=e.id,void w(e=>{let r=e.findIndex(e=>e.id===t);if(-1===r)return e;let n=r-1;if(n<0||n>=e.length)return e;let s=[...e];return[s[r],s[n]]=[s[n],s[r]],s})},className:"p-1 rounded text-muted-foreground hover:text-foreground hover:bg-muted/50",title:"Move up",children:(0,v.jsx)(xA,{className:"size-3"})}),(0,v.jsx)("button",{type:"button",onClick:()=>tu(e.id),className:"p-1 rounded text-muted-foreground hover:text-foreground hover:bg-muted/50",title:"Send now",children:(0,v.jsx)(xC,{className:"size-3"})}),(0,v.jsx)("button",{type:"button",onClick:()=>{var t;return t=e.id,void w(e=>e.filter(e=>e.id!==t))},className:"p-1 rounded text-muted-foreground hover:text-destructive hover:bg-muted/50",title:"Remove",children:(0,v.jsx)(x_.Trash2,{className:"size-3"})})]})]},e.id))})]}),(0,v.jsx)(y3,{children:(0,v.jsxs)(gU,{onSubmit:ta,className:"shadow-sm",globalDrop:!0,multiple:!0,children:[(0,v.jsxs)(gG,{children:[p&&(0,v.jsxs)("div",{className:(0,k.cn)("mb-2 flex items-center justify-between rounded-md border border-border/60 bg-muted/40 px-2 py-1 text-xs",r&&"mb-1"),children:[(0,v.jsxs)("div",{className:"flex items-center gap-1.5 text-muted-foreground",children:[(0,v.jsx)("span",{className:"size-1.5 rounded-full bg-primary/70"}),(0,v.jsx)("span",{children:"Selected elements attached"})]}),(0,v.jsx)("button",{type:"button",onClick:()=>f(null),className:"rounded-sm p-1 text-muted-foreground hover:text-foreground","aria-label":"Remove selected elements",children:(0,v.jsx)(xk.X,{className:"size-3.5"})})]}),(0,v.jsx)(vn,{})]}),(0,v.jsx)(gW,{children:(0,v.jsxs)("div",{className:"relative w-full",children:[(0,v.jsx)(y4,{sessionId:t.id,value:u+(h?(!u||u.endsWith(" ")||u.endsWith("\n")?"":" ")+h:""),onChange:e=>{h&&m(""),d(e)},placeholder:g?"Type to queue a message...":"Ask SparkECoder... (@ to mention files, / for commands)",disabled:!1,autoFocus:!0,className:(0,k.cn)("min-h-[80px] focus:ring-2 focus:ring-primary/20 transition-all field-sizing-content max-h-48",h&&"caret-red-500",r&&"min-h-[40px] text-sm max-h-24")}),h&&(0,v.jsxs)("div",{className:"absolute bottom-2 right-2 flex items-center gap-1.5 text-xs text-red-500 bg-background/80 backdrop-blur-sm px-2 py-1 rounded-full",children:[(0,v.jsx)("span",{className:"size-2 bg-red-500 rounded-full animate-pulse"}),"Listening..."]})]})}),(0,v.jsxs)(gq,{className:r?"py-1":void 0,children:[!r&&(0,v.jsx)("div",{className:"flex items-center gap-1 text-xs text-muted-foreground",children:(0,v.jsx)("span",{className:"hidden sm:inline",children:"Type @ to mention files, / for commands"})}),(0,v.jsxs)("div",{className:"flex items-center gap-2",children:[(0,v.jsx)(yv,{size:"icon",className:"size-9",onTranscriptionChange:e=>{d(t=>{let r=t&&!t.endsWith(" ")&&!t.endsWith("\n");return t+(r?" ":"")+e})},onInterimTranscription:e=>{m(e)},disabled:g}),(0,v.jsx)(vs,{input:u+h,isRunning:g,onStop:to,hasExtraContent:!!(p&&p.trim())})]})]})]})})]})}),(0,v.jsx)(yw,{sessionId:t.id,frame:eG,metadata:eH,active:eU&&!eX,onDismiss:()=>{eY(!0),eW(!1)}})]})}var vo=e.i(482079),vl=e.i(461957);function vc({sessionId:e}){let[t,r]=(0,b.useState)(null),[n,s]=(0,b.useState)(""),[i,a]=(0,b.useState)(!1),o=(0,b.useCallback)(async()=>{let t=await (0,xt.getSession)(e);r(t?.pendingQuestion??null)},[e]);if((0,b.useEffect)(()=>{let e=!1,t=async()=>{e||await o()};t();let r=setInterval(t,3e3);return()=>{e=!0,clearInterval(r)}},[o]),!t)return null;let l=async()=>{if(n.trim()&&!i){a(!0);try{await (0,xt.answerAgentQuestion)(e,t.questionId,n.trim()),s(""),r(null),o()}finally{a(!1)}}};return(0,v.jsx)("div",{className:"border-b border-amber-500/40 bg-amber-500/5 px-4 py-3",children:(0,v.jsxs)("div",{className:"flex items-start gap-3 max-w-3xl mx-auto",children:[(0,v.jsx)(vo.MessageCircleQuestion,{className:"size-5 text-amber-500 shrink-0 mt-0.5"}),(0,v.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,v.jsx)("p",{className:"text-sm font-medium text-amber-800 dark:text-amber-200",children:t.question}),t.context&&(0,v.jsx)("p",{className:"text-xs text-muted-foreground mt-1",children:t.context}),t.choices&&t.choices.length>0&&(0,v.jsx)("div",{className:"flex flex-wrap gap-1.5 mt-2",children:t.choices.map(e=>(0,v.jsx)("button",{type:"button",onClick:()=>s(e),className:"text-xs px-2 py-1 rounded bg-amber-500/10 hover:bg-amber-500/20 text-amber-800 dark:text-amber-200",children:e},e))}),(0,v.jsxs)("div",{className:"flex gap-2 mt-2",children:[(0,v.jsx)("input",{type:"text",value:n,onChange:e=>s(e.target.value),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),l())},placeholder:"Type your answer…",className:"flex-1 px-3 py-1.5 text-sm rounded border border-border bg-background focus:outline-none focus:ring-2 focus:ring-amber-500/40",autoFocus:!0}),(0,v.jsx)(S.Button,{size:"sm",onClick:l,disabled:!n.trim()||i,children:i?(0,v.jsx)(vl.Loader2,{className:"size-3.5 animate-spin"}):"Answer"})]})]})]})})}function vu({params:e}){let{id:t}=(0,b.use)(e),r=(0,w.useRouter)(),[n,s]=(0,b.useState)(null),[i,a]=(0,b.useState)(!0),[o,l]=(0,b.useState)(null);return((0,b.useEffect)(()=>{!async function(){try{let e=await (0,xt.getSession)(t);if(!e)return void l("Session not found");s(e)}catch(e){console.error("Failed to load session:",e),l("Failed to load session")}finally{a(!1)}}()},[t]),i)?(0,v.jsx)("div",{className:"flex items-center justify-center h-full",children:(0,v.jsx)(vl.Loader2,{className:"size-8 animate-spin text-muted-foreground"})}):o||!n?(0,v.jsx)("div",{className:"flex items-center justify-center h-full",children:(0,v.jsxs)("div",{className:"text-center",children:[(0,v.jsx)("p",{className:"text-muted-foreground mb-4",children:o||"Session not found"}),(0,v.jsx)("button",{onClick:()=>r.push("/"),className:"text-primary hover:underline",children:"Go back home"})]})}):(0,v.jsxs)("div",{className:"flex flex-col h-full",children:[(0,v.jsx)(vc,{sessionId:n.id}),(0,v.jsx)("div",{className:"flex-1 min-h-0",children:(0,v.jsx)(va,{session:n})})]})}e.s(["default",()=>vu],330460)}]);

package/web/.next/standalone/web/runtime-config.json

@@ -1,7 +1,7 @@
 {
   "apiBaseUrl": "http://127.0.0.1:3199",
   "localApiBaseUrl": "http://127.0.0.1:3199",
-  "version": "0.1.137",
+  "version": "0.1.139",
   "apiPort": 3199,
-  "writtenAt": "2026-06-12T23:17:31.599Z"
+  "writtenAt": "2026-06-13T01:09:01.847Z"
 }

package/web/.next/standalone/web/src/components/chat-interface.tsx

@@ -248,14 +248,31 @@ interface ChannelPillInfo {
   detail?: string;        // remainder of the bracket, e.g. "#ops by @ryan"
 }
 function extractChannelPill(text: string): { pill: ChannelPillInfo | null; rest: string } {
-  const m = text.match(/^\[([A-Z]+)(?:\s+([^\]]*))?\]\s*([\s\S]*)$/);
+  // The orchestrator pipeline prepends meta-tags BEFORE the real channel
+  // pill: a `[Local device time: ...]` line (added to every orchestrator
+  // message) and, for replayed events, one or more `[REPLAY attempt X/Y
+  // — ...]` nudges. The pill regex must match at the START, so without
+  // peeling these the message falls back to a raw user bubble (showing the
+  // whole `[Local device time]\n[REPLAY]\n[SLACK]...` blob). Peel them
+  // first so SLACK/SYSTEM/etc. render with their proper pill/compact row.
+  let working = text.replace(/^\s+/, '');
+  for (;;) {
+    const before = working;
+    working = working.replace(/^\[Local device time:[^\]]*\]\s*/, '');
+    working = working.replace(/^\[REPLAY[^\]]*\]\s*/, '');
+    if (working === before) break;
+  }
+  const m = working.match(/^\[([A-Z]+)(?:\s+([^\]]*))?\]\s*([\s\S]*)$/);
   if (!m) return { pill: null, rest: text };
   const channel = m[1];
   // Only treat as a channel pill if it's a known channel id.
   if (!['WEB', 'SLACK', 'SYSTEM', 'SCHEDULE', 'WEBHOOK'].includes(channel)) {
     return { pill: null, rest: text };
   }
-  return { pill: { channel, detail: m[2]?.trim() || undefined }, rest: m[3] };
+  // Drop the machine-only `reply-with=messenger({...})` instruction from the
+  // human-facing pill detail — it's guidance for the model, not the user.
+  const detail = m[2]?.replace(/\s*reply-with=[\s\S]*$/, '').trim() || undefined;
+  return { pill: { channel, detail }, rest: m[3] };
 }
 
 const CHANNEL_PALETTE: Record<string, string> = {