sparkecoder 0.1.130 → 0.1.132

package/web/.next/static/chunks/ea89ca7892d8c557.js

@@ -1 +0,0 @@
-(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,138134,e=>{"use strict";var s=e.i(414294),t=e.i(529757),a=e.i(430878),i=e.i(353913),r=e.i(504561),l=e.i(292623),n=e.i(996720),d=e.i(667249),c=e.i(904781),o=e.i(461957),x=e.i(816187),m=e.i(292511);let h=(0,m.default)("panel-left-close",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M9 3v18",key:"fh3hqa"}],["path",{d:"m16 15-3-3 3-3",key:"14y99z"}]]);var u=e.i(220563),p=e.i(846193),j=e.i(719583),g=e.i(707387),f=e.i(991234),N=e.i(775377);let v=(0,m.default)("volume-2",[["path",{d:"M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",key:"uqj9uw"}],["path",{d:"M16 9a5 5 0 0 1 0 6",key:"1q6k2b"}],["path",{d:"M19.364 18.364a9 9 0 0 0 0-12.728",key:"ijwkga"}]]);var b=e.i(79092),y=e.i(372379),k=e.i(266514);let S=(0,m.default)("layout-grid",[["rect",{width:"7",height:"7",x:"3",y:"3",rx:"1",key:"1g98yp"}],["rect",{width:"7",height:"7",x:"14",y:"3",rx:"1",key:"6d4xhi"}],["rect",{width:"7",height:"7",x:"14",y:"14",rx:"1",key:"nxv5o0"}],["rect",{width:"7",height:"7",x:"3",y:"14",rx:"1",key:"1bb6yr"}]]),T=(0,m.default)("sliders-vertical",[["path",{d:"M10 8h4",key:"1sr2af"}],["path",{d:"M12 21v-9",key:"17s77i"}],["path",{d:"M12 8V3",key:"13r4qs"}],["path",{d:"M17 16h4",key:"h1uq16"}],["path",{d:"M19 12V3",key:"o1uvq1"}],["path",{d:"M19 21v-5",key:"qua636"}],["path",{d:"M3 14h4",key:"bcjad9"}],["path",{d:"M5 10V3",key:"cb8scm"}],["path",{d:"M5 21v-7",key:"1w1uti"}]]);var C=e.i(928574),w=e.i(666904),z=e.i(836191),M=e.i(77982),P=e.i(634066),L=e.i(865259),A=e.i(553880),D=e.i(87614),B=e.i(524741),I=e.i(455706),$=e.i(743053),F=e.i(739963),E=e.i(555552),q=e.i(300739),O=e.i(335130);function V(){let e,m,V,K,R,U=(0,i.useRouter)(),W=(0,i.usePathname)(),{state:H,toggleSidebar:J}=(0,t.useSidebar)(),{sessions:G,isLoading:X}=(0,q.useSessions)(),[Y,_]=(0,a.useState)(!1),[Q,Z]=(0,a.useState)(!1),[ee,es]=(0,a.useState)(!1),[et,ea]=(0,a.useState)(null),[ei,er]=(0,a.useState)(null),el=(0,a.useRef)(null),[en,ed]=(0,a.useState)(""),[ec,eo]=(0,a.useState)(""),[ex,em]=(0,a.useState)({}),[eh,eu]=(0,a.useState)(!1),[ep,ej]=(0,a.useState)(""),eg={type:"object",properties:{},required:[]},[ef,eN]=(0,a.useState)(eg),[ev,eb]=(0,a.useState)(""),[ey,ek]=(0,a.useState)(""),[eS,eT]=(0,a.useState)(""),[eC,ew]=(0,a.useState)(""),[ez,eM]=(0,a.useState)("50"),[eP,eL]=(0,a.useState)(!1),[eA,eD]=(0,a.useState)([]),[eB,eI]=(0,a.useState)(null),[e$,eF]=(0,a.useState)(""),[eE,eq]=(0,a.useState)(!1),[eO,eV]=(0,a.useState)(!1),{enabled:eK,setEnabled:eR}=(0,O.useNotificationSound)(),eU=W.startsWith("/session/")?W.split("/session/")[1]:null,eW="/session",eH=G.some(e=>e.isStreaming),eJ=async()=>{let e=await (0,F.getConfig)();ea(e),eo(e.defaultModel),em(e.defaultToolApprovals)},eG=async()=>{try{let e=await (0,B.getApiKeys)();eD(e.providers)}catch(e){console.error("Failed to load API keys:",e)}};(0,a.useEffect)(()=>{eJ(),eG()},[]),(0,a.useEffect)(()=>{ee&&eG()},[ee]);let eX=async e=>{if(e$.trim()){eV(!0);try{await (0,B.setApiKey)(e,e$),await eG(),eI(null),eF(""),eq(!1)}catch(e){console.error("Failed to save API key:",e)}finally{eV(!1)}}},eY=()=>{eI(null),eF(""),eq(!1)};(0,a.useEffect)(()=>{el.current&&(eH?el.current.play().catch(()=>{}):(el.current.pause(),el.current.currentTime=0))},[eH]);let e_=async()=>{if(!Y){_(!0);try{let e=await (0,B.createSession)({name:`Session ${G.length+1}`,model:et?.defaultModel||"anthropic/claude-opus-4.7",toolApprovals:ex});(0,q.mutateSessions)(),U.push(`${eW}/${e.id}`)}catch(e){console.error("Failed to create session:",e)}finally{_(!1)}}},eQ=async()=>{_(!0);try{let e=await (0,B.createSession)({name:en||`Session ${G.length+1}`,model:ec,toolApprovals:ex});(0,q.mutateSessions)(),eZ(),Z(!1),U.push(`${eW}/${e.id}`)}catch(e){console.error("Failed to create session:",e)}finally{_(!1)}},eZ=()=>{ed(""),et&&(eo(et.defaultModel),em(et.defaultToolApprovals))},e0=()=>{ej(""),eN(eg),eb(""),ek(""),eT(""),ew(et?.defaultModel||""),eM("50")},e1=async()=>{if(ep.trim()){if(eb(""),!ef||"object"!=typeof ef)return void eb("Schema must be a JSON object");eL(!0);try{let e=await (0,B.createTask)({prompt:ep,outputSchema:ef,webhookUrl:ey||void 0,model:eC||et?.defaultModel,name:eS||void 0,maxIterations:parseInt(ez)||50});(0,q.mutateSessions)(),eu(!1),e0(),U.push(`${eW}/${e.taskId}`)}catch(e){console.error("Failed to create task:",e)}finally{eL(!1)}}},e5=async(e,s)=>{e.preventDefault(),e.stopPropagation();try{await (0,B.deleteSession)(s),(0,q.mutateSessions)(),eU===s&&U.push("/")}catch(e){console.error("Failed to delete session:",e)}},e2=e=>{em(s=>({...s,[e]:!s[e]}))},e4="collapsed"===H;return(0,s.jsxs)(t.Sidebar,{collapsible:"icon",className:"border-r border-border/50",children:[(0,s.jsxs)(t.SidebarHeader,{className:(0,E.cn)(e4?"p-2 space-y-2":"p-3 space-y-3"),children:[!e4&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"flex items-center gap-3",children:[(0,s.jsxs)("div",{className:"relative shrink-0 overflow-hidden rounded-xl size-10 shadow-md ring-1 ring-white/10",children:[(0,s.jsx)(l.default,{src:"/sparke-coder.png",alt:"Sparke",width:40,height:40,className:"absolute inset-0 size-full object-cover",priority:!0}),(0,s.jsx)("video",{ref:el,src:"/sparkecode.mp4",muted:!0,loop:!0,playsInline:!0,className:(0,E.cn)("absolute inset-0 size-full object-cover transition-opacity duration-300",eH?"opacity-100":"opacity-0")})]}),(0,s.jsxs)("div",{className:"flex flex-1 items-center justify-between min-w-0",children:[(0,s.jsx)("h1",{className:"text-lg font-bold text-foreground",children:"SparkECoder"}),(0,s.jsx)(D.TooltipProvider,{children:(0,s.jsxs)(D.Tooltip,{children:[(0,s.jsx)(D.TooltipTrigger,{asChild:!0,children:(0,s.jsx)(w.Button,{size:"icon",variant:"ghost",className:"size-7 hover:bg-accent transition-colors",onClick:J,children:(0,s.jsx)(h,{className:"size-4"})})}),(0,s.jsxs)(D.TooltipContent,{side:"bottom",children:["Collapse ",(0,s.jsx)("kbd",{className:"ml-1 text-[10px] opacity-60",children:"⌘B"})]})]})})]})]}),(e=G.find(e=>"orchestrator"===e.role),V=(m=G.filter(e=>"worker"===e.role)).filter(e=>"needs_attention"===e.agentStatus).length,K=m.filter(e=>"running"===e.agentStatus).length,(0,s.jsxs)("div",{className:"flex flex-col gap-1 w-full",children:[(0,s.jsxs)(r.default,{href:e?`/session/${e.id}`:"#",className:(0,E.cn)("flex items-center gap-2 px-2 py-1.5 rounded-md text-sm transition-colors",W.startsWith("/session/")&&e&&W.includes(e.id)?"bg-accent text-foreground":"hover:bg-accent/60 text-foreground/80"),children:[(0,s.jsx)(k.Bot,{className:"size-4 text-primary shrink-0"}),(0,s.jsx)("span",{className:"flex-1 truncate",children:"Orchestrator"}),e?.isStreaming&&(0,s.jsx)("span",{className:"size-1.5 rounded-full bg-emerald-500 animate-pulse"})]}),(0,s.jsxs)(r.default,{href:"/agents",className:(0,E.cn)("flex items-center gap-2 px-2 py-1.5 rounded-md text-sm transition-colors","/agents"===W?"bg-accent text-foreground":"hover:bg-accent/60 text-foreground/80"),children:[(0,s.jsx)(S,{className:"size-4 text-muted-foreground shrink-0"}),(0,s.jsx)("span",{className:"flex-1 truncate",children:"Agents"}),(0,s.jsx)("span",{className:"text-[10px] text-muted-foreground tabular-nums",children:m.length}),V>0&&(0,s.jsxs)("span",{className:"text-[10px] px-1 rounded bg-amber-500/20 text-amber-600 dark:text-amber-300 tabular-nums",children:[V,"!"]}),K>0&&0===V&&(0,s.jsx)("span",{className:"size-1.5 rounded-full bg-emerald-500 animate-pulse"})]}),(0,s.jsxs)(r.default,{href:"/settings",className:(0,E.cn)("flex items-center gap-2 px-2 py-1.5 rounded-md text-sm transition-colors","/settings"===W?"bg-accent text-foreground":"hover:bg-accent/60 text-foreground/80"),children:[(0,s.jsx)(T,{className:"size-4 text-muted-foreground shrink-0"}),(0,s.jsx)("span",{className:"flex-1 truncate",children:"Settings"})]})]})),(0,s.jsxs)("div",{className:"flex gap-2 w-full",children:[(0,s.jsxs)(w.Button,{onClick:e_,disabled:Y,className:"flex-1 justify-center gap-2 h-9",children:[Y?(0,s.jsx)(o.Loader2,{className:"size-4 animate-spin"}):(0,s.jsx)(n.Plus,{className:"size-4"}),"New Agent"]}),(0,s.jsx)(D.TooltipProvider,{children:(0,s.jsxs)(D.Tooltip,{children:[(0,s.jsx)(D.TooltipTrigger,{asChild:!0,children:(0,s.jsx)(w.Button,{variant:"outline",onClick:()=>{et||eJ(),eu(!0)},className:"h-9 px-2.5",children:(0,s.jsx)(b.ListChecks,{className:"size-4"})})}),(0,s.jsx)(D.TooltipContent,{side:"bottom",children:"New Task"})]})})]})]}),e4&&(0,s.jsxs)("div",{className:"flex flex-col items-center gap-2 w-full",children:[(0,s.jsx)(D.TooltipProvider,{children:(0,s.jsxs)(D.Tooltip,{children:[(0,s.jsx)(D.TooltipTrigger,{asChild:!0,children:(0,s.jsx)(w.Button,{size:"icon",variant:"ghost",onClick:J,className:"size-8 mx-auto",children:(0,s.jsx)(u.PanelLeft,{className:"size-4"})})}),(0,s.jsxs)(D.TooltipContent,{side:"right",children:["Expand ",(0,s.jsx)("kbd",{className:"ml-1 text-[10px] opacity-60",children:"⌘B"})]})]})}),(0,s.jsxs)("div",{className:"relative overflow-hidden rounded-xl size-8 shadow-md ring-1 ring-white/10 mx-auto",children:[(0,s.jsx)(l.default,{src:"/sparke-coder.png",alt:"SparkECoder",width:32,height:32,className:"absolute inset-0 size-full object-cover",priority:!0}),(0,s.jsx)("video",{ref:el,src:"/sparkecode.mp4",muted:!0,loop:!0,playsInline:!0,className:(0,E.cn)("absolute inset-0 size-full object-cover transition-opacity duration-300",eH?"opacity-100":"opacity-0")})]}),(0,s.jsx)(D.TooltipProvider,{children:(0,s.jsxs)(D.Tooltip,{children:[(0,s.jsx)(D.TooltipTrigger,{asChild:!0,children:(0,s.jsx)(w.Button,{size:"icon",onClick:e_,disabled:Y,className:"size-8 mx-auto",children:Y?(0,s.jsx)(o.Loader2,{className:"size-4 animate-spin"}):(0,s.jsx)(n.Plus,{className:"size-4"})})}),(0,s.jsx)(D.TooltipContent,{side:"right",children:"New Agent"})]})}),(R=G.find(e=>"orchestrator"===e.role),(0,s.jsx)(D.TooltipProvider,{children:(0,s.jsxs)(D.Tooltip,{children:[(0,s.jsx)(D.TooltipTrigger,{asChild:!0,children:(0,s.jsx)(r.default,{href:R?`/session/${R.id}`:"#",className:"size-8 mx-auto inline-flex items-center justify-center rounded-md hover:bg-accent",children:(0,s.jsx)(k.Bot,{className:"size-4 text-primary"})})}),(0,s.jsx)(D.TooltipContent,{side:"right",children:"Orchestrator"})]})})),(0,s.jsx)(D.TooltipProvider,{children:(0,s.jsxs)(D.Tooltip,{children:[(0,s.jsx)(D.TooltipTrigger,{asChild:!0,children:(0,s.jsx)(r.default,{href:"/agents",className:"size-8 mx-auto inline-flex items-center justify-center rounded-md hover:bg-accent",children:(0,s.jsx)(S,{className:"size-4"})})}),(0,s.jsx)(D.TooltipContent,{side:"right",children:"Agents board"})]})}),(0,s.jsx)(D.TooltipProvider,{children:(0,s.jsxs)(D.Tooltip,{children:[(0,s.jsx)(D.TooltipTrigger,{asChild:!0,children:(0,s.jsx)(r.default,{href:"/settings",className:"size-8 mx-auto inline-flex items-center justify-center rounded-md hover:bg-accent",children:(0,s.jsx)(T,{className:"size-4"})})}),(0,s.jsx)(D.TooltipContent,{side:"right",children:"Settings"})]})}),(0,s.jsx)(D.TooltipProvider,{children:(0,s.jsxs)(D.Tooltip,{children:[(0,s.jsx)(D.TooltipTrigger,{asChild:!0,children:(0,s.jsx)(w.Button,{size:"icon",variant:"outline",onClick:()=>{et||eJ(),eu(!0)},className:"size-8 mx-auto",children:(0,s.jsx)(b.ListChecks,{className:"size-4"})})}),(0,s.jsx)(D.TooltipContent,{side:"right",children:"New Task"})]})})]})]}),(0,s.jsx)(z.Dialog,{open:Q,onOpenChange:e=>{Z(e),e&&eZ()},children:(0,s.jsxs)(z.DialogContent,{className:"sm:max-w-md",children:[(0,s.jsx)(z.DialogHeader,{children:(0,s.jsxs)(z.DialogTitle,{className:"flex items-center gap-2",children:[(0,s.jsx)("div",{className:"size-8 rounded-lg bg-primary flex items-center justify-center",children:(0,s.jsx)(x.Settings,{className:"size-4 text-primary-foreground"})}),"New Agent"]})}),(0,s.jsxs)("div",{className:"space-y-4 pt-2",children:[(0,s.jsxs)("div",{className:"space-y-1.5",children:[(0,s.jsx)(P.Label,{htmlFor:"name",className:"text-sm font-medium",children:"Session Name"}),(0,s.jsx)(M.Input,{id:"name",placeholder:"My Coding Project (optional)",value:en,onChange:e=>ed(e.target.value),className:"transition-all focus:ring-2 focus:ring-primary/20"})]}),(0,s.jsxs)("div",{className:"space-y-1.5",children:[(0,s.jsx)(P.Label,{className:"text-sm font-medium",children:"Model"}),(0,s.jsxs)(A.Select,{value:ec,onValueChange:eo,children:[(0,s.jsx)(A.SelectTrigger,{className:"transition-all hover:border-primary/50",children:(0,s.jsx)(A.SelectValue,{placeholder:"Select a model"})}),(0,s.jsx)(A.SelectContent,{children:et?.availableModels.map(e=>(0,s.jsx)(A.SelectItem,{value:e.id,children:(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("span",{children:e.name}),(0,s.jsx)("span",{className:"text-xs text-muted-foreground",children:e.provider})]})},e.id))})]})]}),(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsx)(P.Label,{className:"flex items-center gap-2 text-sm font-medium",children:"Tool Approvals"}),(0,s.jsx)("p",{className:"text-xs text-muted-foreground -mt-0.5",children:"Toggle on to require approval before tool executes"}),(0,s.jsx)("div",{className:"space-y-1 rounded-lg border p-2.5 bg-muted/30",children:et?.availableTools.map(e=>(0,s.jsxs)("div",{className:"flex items-center justify-between py-1.5 hover:bg-muted/50 rounded px-2 -mx-1 transition-colors",children:[(0,s.jsxs)("div",{className:"space-y-0",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("span",{className:"text-sm font-medium",children:e.name}),e.dangerous&&(0,s.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,s.jsx)("p",{className:"text-[11px] text-muted-foreground",children:e.description})]}),(0,s.jsx)(L.Switch,{checked:ex[e.id]??!1,onCheckedChange:()=>e2(e.id)})]},e.id))})]}),(0,s.jsxs)(w.Button,{onClick:eQ,disabled:Y,className:"w-full",children:[Y?(0,s.jsx)(o.Loader2,{className:"size-4 animate-spin mr-2"}):(0,s.jsx)(n.Plus,{className:"size-4 mr-2"}),"Create Session"]})]})]})}),(0,s.jsx)(z.Dialog,{open:eh,onOpenChange:e=>{eu(e),e&&e0()},children:(0,s.jsxs)(z.DialogContent,{className:"sm:max-w-lg",children:[(0,s.jsx)(z.DialogHeader,{children:(0,s.jsxs)(z.DialogTitle,{className:"flex items-center gap-2",children:[(0,s.jsx)("div",{className:"size-8 rounded-lg bg-blue-600 flex items-center justify-center",children:(0,s.jsx)(b.ListChecks,{className:"size-4 text-white"})}),"New Task"]})}),(0,s.jsxs)("div",{className:"space-y-4 pt-2",children:[(0,s.jsxs)("div",{className:"space-y-1.5",children:[(0,s.jsx)(P.Label,{htmlFor:"task-prompt",className:"text-sm font-medium",children:"What should the agent do?"}),(0,s.jsx)(I.Textarea,{id:"task-prompt",placeholder:"e.g. Refactor the auth module to use JWT tokens...",value:ep,onChange:e=>ej(e.target.value),rows:3,autoFocus:!0})]}),(0,s.jsxs)("div",{className:"space-y-1.5",children:[(0,s.jsx)(P.Label,{className:"text-sm font-medium",children:"Expected output shape"}),(0,s.jsx)("p",{className:"text-[11px] text-muted-foreground -mt-0.5",children:"Define the JSON structure the agent must return"}),(0,s.jsx)("div",{className:(0,E.cn)("rounded-md border bg-muted/30 overflow-hidden transition-colors",ev&&"border-red-500"),children:(0,s.jsx)($.VisualJson,{value:ef,onChange:e=>{eN(e),eb("")},children:(0,s.jsx)($.TreeView,{className:"h-44 text-sm"})})}),ev&&(0,s.jsx)("p",{className:"text-xs text-red-500 mt-1",children:ev})]}),(0,s.jsxs)("div",{className:"grid grid-cols-2 gap-3",children:[(0,s.jsxs)("div",{className:"space-y-1.5",children:[(0,s.jsx)(P.Label,{className:"text-xs text-muted-foreground",children:"Model"}),(0,s.jsxs)(A.Select,{value:eC,onValueChange:ew,children:[(0,s.jsx)(A.SelectTrigger,{className:"h-9",children:(0,s.jsx)(A.SelectValue,{placeholder:"Select a model"})}),(0,s.jsx)(A.SelectContent,{children:et?.availableModels.map(e=>(0,s.jsx)(A.SelectItem,{value:e.id,children:(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("span",{children:e.name}),(0,s.jsx)("span",{className:"text-xs text-muted-foreground",children:e.provider})]})},e.id))})]})]}),(0,s.jsxs)("div",{className:"space-y-1.5",children:[(0,s.jsx)(P.Label,{htmlFor:"task-name",className:"text-xs text-muted-foreground",children:"Name"}),(0,s.jsx)(M.Input,{id:"task-name",placeholder:"Optional",value:eS,onChange:e=>eT(e.target.value),className:"h-9"})]})]}),(0,s.jsxs)("details",{className:"group",children:[(0,s.jsxs)("summary",{className:"flex items-center gap-1.5 text-xs text-muted-foreground cursor-pointer select-none hover:text-foreground transition-colors",children:[(0,s.jsx)(y.ChevronDown,{className:"size-3 transition-transform group-open:rotate-180"}),"Advanced"]}),(0,s.jsxs)("div",{className:"grid grid-cols-2 gap-3 pt-3",children:[(0,s.jsxs)("div",{className:"space-y-1.5",children:[(0,s.jsx)(P.Label,{htmlFor:"task-webhook",className:"text-xs text-muted-foreground",children:"Webhook URL"}),(0,s.jsx)(M.Input,{id:"task-webhook",placeholder:"https://...",value:ey,onChange:e=>ek(e.target.value),className:"h-9"})]}),(0,s.jsxs)("div",{className:"space-y-1.5",children:[(0,s.jsx)(P.Label,{htmlFor:"task-iterations",className:"text-xs text-muted-foreground",children:"Max iterations"}),(0,s.jsx)(M.Input,{id:"task-iterations",type:"number",min:1,max:500,value:ez,onChange:e=>eM(e.target.value),className:"h-9"})]})]})]}),(0,s.jsx)(w.Button,{onClick:e1,disabled:eP||!ep.trim(),className:"w-full",children:eP?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(o.Loader2,{className:"size-4 animate-spin mr-2"}),"Creating..."]}):"Start Task"})]})]})}),(0,s.jsx)(t.SidebarContent,{className:"px-2",children:(0,s.jsx)(t.SidebarGroup,{className:"p-0",children:(0,s.jsx)(t.SidebarGroupContent,{children:(0,s.jsx)(t.SidebarMenu,{className:"gap-1",children:X?(0,s.jsx)("div",{className:"flex justify-center py-8",children:(0,s.jsx)(o.Loader2,{className:"size-5 animate-spin text-muted-foreground"})}):0===G.filter(e=>"orchestrator"!==e.role).length?!e4&&(0,s.jsxs)("div",{className:"text-center py-8 px-4",children:[(0,s.jsxs)("div",{className:"relative overflow-hidden rounded-xl size-12 mx-auto mb-3 shadow-md ring-1 ring-white/10",children:[(0,s.jsx)(l.default,{src:"/sparke-coder.png",alt:"SparkECoder",width:48,height:48,className:"absolute inset-0 size-full object-cover"}),eH&&(0,s.jsx)("video",{src:"/sparkecode.mp4",autoPlay:!0,muted:!0,loop:!0,playsInline:!0,className:"absolute inset-0 size-full object-cover"})]}),(0,s.jsx)("p",{className:"text-sm text-foreground",children:"No sessions yet"}),(0,s.jsx)("p",{className:"text-xs text-muted-foreground mt-1",children:"Click New Agent above"})]}):G.filter(e=>"orchestrator"!==e.role).map(e=>{let a,i,l,n,o=e.id===eU,x=ei===e.id,m=!0===e.isStreaming,h=!e4&&(x||o);return(0,s.jsx)(t.SidebarMenuItem,{onMouseEnter:()=>er(e.id),onMouseLeave:()=>er(null),children:e4?(0,s.jsx)(D.TooltipProvider,{children:(0,s.jsxs)(D.Tooltip,{children:[(0,s.jsx)(D.TooltipTrigger,{asChild:!0,children:(0,s.jsx)(r.default,{href:`${eW}/${e.id}`,className:(0,E.cn)("flex items-center justify-center size-8 rounded-lg transition-colors mx-auto",o?"bg-accent":"hover:bg-accent/60",m&&!o&&"bg-emerald-500/10"),children:m?(0,s.jsx)("span",{className:"size-2 rounded-full bg-emerald-500 animate-pulse"}):(0,s.jsx)(d.MessageSquare,{className:(0,E.cn)("size-4",o?"text-primary":"text-muted-foreground")})})}),(0,s.jsxs)(D.TooltipContent,{side:"right",children:[e.name||"Untitled",m&&" (Running)"]})]})}):(0,s.jsx)(t.SidebarMenuButton,{asChild:!0,isActive:o,className:(0,E.cn)("h-9 transition-all duration-150","hover:bg-accent/60",o&&"bg-accent",m&&!o&&"bg-emerald-500/5"),children:(0,s.jsxs)(r.default,{href:`${eW}/${e.id}`,className:"flex items-center gap-2.5 px-2",children:[m?(0,s.jsx)("span",{className:"size-2 rounded-full bg-emerald-500 animate-pulse shrink-0"}):(0,s.jsx)(d.MessageSquare,{className:(0,E.cn)("size-4 shrink-0",o?"text-primary":"text-muted-foreground")}),(0,s.jsx)("span",{className:(0,E.cn)("truncate flex-1 text-sm",m&&"text-emerald-600 dark:text-emerald-400"),children:e.name||"Untitled"}),e.config?.task?.enabled&&(0,s.jsxs)(C.Badge,{variant:"outline",className:(0,E.cn)("shrink-0 text-[10px] px-1.5 py-0 h-4 font-medium gap-1","completed"===e.config.task.status&&"border-emerald-500/30 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400","failed"===e.config.task.status&&"border-red-500/30 bg-red-500/10 text-red-600 dark:text-red-400","running"===e.config.task.status&&"border-blue-500/30 bg-blue-500/10 text-blue-600 dark:text-blue-400"),children:[(0,s.jsx)(b.ListChecks,{className:"size-2.5"}),"Task"]}),h?(0,s.jsx)(D.TooltipProvider,{children:(0,s.jsxs)(D.Tooltip,{children:[(0,s.jsx)(D.TooltipTrigger,{asChild:!0,children:(0,s.jsx)(w.Button,{size:"icon",variant:"ghost",className:"size-6 shrink-0 hover:bg-destructive/10 hover:text-destructive transition-colors",onClick:s=>e5(s,e.id),children:(0,s.jsx)(c.Trash2,{className:"size-3.5"})})}),(0,s.jsx)(D.TooltipContent,{side:"right",children:"Delete session"})]})}):m&&!e.config?.task?.enabled?(0,s.jsx)("span",{className:"inline-flex items-center gap-1 text-[10px] text-emerald-600 dark:text-emerald-400 shrink-0 font-medium",children:"Active"}):"waiting"===e.status?(0,s.jsx)("span",{className:"text-[10px] text-amber-600 dark:text-amber-400 shrink-0 font-medium",children:"Waiting"}):"error"===e.status?(0,s.jsx)("span",{className:"text-[10px] text-red-600 dark:text-red-400 shrink-0 font-medium",children:"Error"}):(0,s.jsx)("span",{className:"text-[11px] text-muted-foreground shrink-0 tabular-nums",children:(a=new Date(e.createdAt),n=Math.floor((l=Math.floor((i=Math.floor(Math.floor((new Date().getTime()-a.getTime())/1e3)/60))/60))/24),i<1?"now":i<60?`${i}m`:l<24?`${l}h`:n<7?`${n}d`:`${Math.floor(n/7)}w`)})]})})},e.id)})})})})}),(0,s.jsx)(t.SidebarFooter,{className:(0,E.cn)("border-t border-border/50",e4?"p-2":"p-3"),children:(0,s.jsx)("div",{className:"flex items-center justify-between",children:e4?(0,s.jsx)("div",{className:"flex flex-col items-center gap-2 w-full",children:(0,s.jsx)(D.TooltipProvider,{children:(0,s.jsxs)(D.Tooltip,{children:[(0,s.jsx)(D.TooltipTrigger,{asChild:!0,children:(0,s.jsx)("div",{className:"flex items-center justify-center",children:(0,s.jsx)("span",{className:(0,E.cn)("size-2 rounded-full",et?.serverConnected?"bg-emerald-500 animate-pulse":"bg-red-500")})})}),(0,s.jsx)(D.TooltipContent,{side:"right",children:et?.serverConnected?"Connected":"Disconnected"})]})})}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 text-xs",children:[et?.serverConnected?(0,s.jsxs)("div",{className:"flex items-center gap-1.5 text-emerald-600 dark:text-emerald-400",children:[(0,s.jsx)("span",{className:"size-1.5 rounded-full bg-current animate-pulse"}),(0,s.jsx)("span",{children:"Connected"})]}):(0,s.jsxs)("div",{className:"flex items-center gap-1.5 text-red-500",children:[(0,s.jsx)("span",{className:"size-1.5 rounded-full bg-current"}),(0,s.jsx)("span",{children:"Disconnected"})]}),(0,s.jsx)("span",{className:"text-muted-foreground",children:"·"}),(0,s.jsx)("span",{className:"text-muted-foreground",children:G.length})]}),(0,s.jsx)(z.Dialog,{open:!1,onOpenChange:es,children:(0,s.jsxs)(z.DialogContent,{className:"sm:max-w-md",children:[(0,s.jsx)(z.DialogHeader,{children:(0,s.jsxs)(z.DialogTitle,{className:"flex items-center gap-2",children:[(0,s.jsx)("div",{className:"size-8 rounded-lg bg-muted flex items-center justify-center",children:(0,s.jsx)(x.Settings,{className:"size-4"})}),"Settings"]})}),(0,s.jsxs)("div",{className:"space-y-4 pt-2",children:[(0,s.jsxs)("div",{className:"space-y-1.5",children:[(0,s.jsx)(P.Label,{className:"text-sm font-medium",children:"Default Model"}),(0,s.jsxs)(A.Select,{value:ec,onValueChange:eo,children:[(0,s.jsx)(A.SelectTrigger,{className:"transition-all hover:border-primary/50",children:(0,s.jsx)(A.SelectValue,{placeholder:"Select a model"})}),(0,s.jsx)(A.SelectContent,{children:et?.availableModels.map(e=>(0,s.jsx)(A.SelectItem,{value:e.id,children:(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("span",{children:e.name}),(0,s.jsx)("span",{className:"text-xs text-muted-foreground",children:e.provider})]})},e.id))})]})]}),(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsx)(P.Label,{className:"flex items-center gap-2 text-sm font-medium",children:"Tool Approvals"}),(0,s.jsx)("p",{className:"text-xs text-muted-foreground -mt-0.5",children:"Toggle on to require approval before tool executes"}),(0,s.jsx)("div",{className:"space-y-1 rounded-lg border p-2.5 bg-muted/30",children:et?.availableTools.map(e=>(0,s.jsxs)("div",{className:"flex items-center justify-between py-1.5 hover:bg-muted/50 rounded px-2 -mx-1 transition-colors",children:[(0,s.jsxs)("div",{className:"space-y-0",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("span",{className:"text-sm font-medium",children:e.name}),e.dangerous&&(0,s.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,s.jsx)("p",{className:"text-[11px] text-muted-foreground",children:e.description})]}),(0,s.jsx)(L.Switch,{checked:ex[e.id]??!1,onCheckedChange:()=>e2(e.id)})]},e.id))})]}),(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsxs)(P.Label,{className:"flex items-center gap-2 text-sm font-medium",children:[(0,s.jsx)(p.Key,{className:"size-4"}),"API Keys"]}),(0,s.jsx)("p",{className:"text-xs text-muted-foreground -mt-0.5",children:"Configure API keys for different providers. Keys are stored securely on your machine."}),(0,s.jsx)("div",{className:"space-y-1 rounded-lg border p-2.5 bg-muted/30",children:eA.map(e=>(0,s.jsx)("div",{className:"py-1.5 hover:bg-muted/50 rounded px-2 -mx-1 transition-colors",children:eB===e.provider?(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsx)("span",{className:"text-sm font-medium capitalize",children:e.provider}),(0,s.jsx)("span",{className:"text-[10px] text-muted-foreground font-mono",children:e.envVar})]}),(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsxs)("div",{className:"relative flex-1",children:[(0,s.jsx)(M.Input,{type:eE?"text":"password",value:e$,onChange:e=>eF(e.target.value),placeholder:"Paste your API key...",className:"pr-8 text-sm font-mono",autoFocus:!0}),(0,s.jsx)(w.Button,{type:"button",variant:"ghost",size:"icon",className:"absolute right-0 top-0 h-full px-2 hover:bg-transparent",onClick:()=>eq(!eE),children:eE?(0,s.jsx)(N.EyeOff,{className:"size-4"}):(0,s.jsx)(f.Eye,{className:"size-4"})})]}),(0,s.jsx)(w.Button,{size:"icon",variant:"ghost",className:"shrink-0",onClick:()=>eX(e.provider),disabled:eO||!e$.trim(),children:eO?(0,s.jsx)(o.Loader2,{className:"size-4 animate-spin"}):(0,s.jsx)(j.Check,{className:"size-4 text-green-500"})}),(0,s.jsx)(w.Button,{size:"icon",variant:"ghost",className:"shrink-0",onClick:eY,children:(0,s.jsx)(g.X,{className:"size-4 text-muted-foreground"})})]})]}):(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsxs)("div",{className:"space-y-0",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("span",{className:"text-sm font-medium capitalize",children:e.provider}),e.configured&&(0,s.jsx)("span",{className:(0,E.cn)("text-[10px] px-1.5 py-0.5 rounded font-medium","env"===e.source?"bg-blue-500/20 text-blue-600 dark:text-blue-400":"bg-green-500/20 text-green-600 dark:text-green-400"),children:"env"===e.source?"from env":"saved"})]}),(0,s.jsx)("p",{className:"text-[11px] text-muted-foreground font-mono",children:e.configured?e.maskedKey:"Not configured"})]}),(0,s.jsx)(w.Button,{size:"sm",variant:"ghost",className:"h-7 text-xs",onClick:()=>eI(e.provider),children:e.configured?"Update":"Add"})]})},e.provider))})]}),(0,s.jsxs)("div",{className:"space-y-1.5",children:[(0,s.jsxs)(P.Label,{className:"flex items-center gap-2 text-sm font-medium",children:[(0,s.jsx)(v,{className:"size-4"}),"Notification Sound"]}),(0,s.jsxs)("div",{className:"flex items-center justify-between rounded-lg border p-2.5 bg-muted/30",children:[(0,s.jsxs)("div",{className:"space-y-0",children:[(0,s.jsx)("span",{className:"text-sm font-medium",children:"Play sound when done"}),(0,s.jsx)("p",{className:"text-[11px] text-muted-foreground",children:"Ding when the assistant finishes responding"})]}),(0,s.jsx)(L.Switch,{checked:eK,onCheckedChange:eR})]})]}),(0,s.jsx)("p",{className:"text-xs text-muted-foreground",children:"These settings apply to new sessions. You can also change the model per-session in the chat header."})]})]})})]})})})]})}function K({children:e}){return(0,s.jsxs)(t.SidebarProvider,{defaultOpen:!0,children:[(0,s.jsx)(V,{}),(0,s.jsx)(t.SidebarInset,{className:"h-screen flex flex-col bg-background min-w-0",children:(0,s.jsx)("div",{className:"flex-1 overflow-hidden min-w-0",children:e})})]})}e.s(["default",()=>K],138134)}]);