@jlongo78/agent-spaces 0.3.12 → 0.4.0

package/.next/standalone/.next/server/chunks/ssr/src_app_(desktop)_terminal_page_tsx_de5e8d85._.js

@@ -1,3 +1,3 @@
-module.exports=[66490,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(15618),e=a.i(96221),f=a.i(80386),g=a.i(87532),h=a.i(63588),i=a.i(96101),j=a.i(41710),k=a.i(5784),l=a.i(50522),m=a.i(70106);let n=(0,m.default)("save",[["path",{d:"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",key:"1c8476"}],["path",{d:"M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7",key:"1ydtos"}],["path",{d:"M7 3v4a1 1 0 0 0 1 1h7",key:"t51u73"}]]);var o=a.i(81560),p=a.i(99464),q=a.i(33441),r=a.i(33508),s=a.i(5151),t=a.i(81010);let u=(0,m.default)("circle-x",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m15 9-6 6",key:"1uzhvr"}],["path",{d:"m9 9 6 6",key:"z0biqf"}]]),v=(0,m.default)("arrow-left-to-line",[["path",{d:"M3 19V5",key:"rwsyhb"}],["path",{d:"m13 6-6 6 6 6",key:"1yhaz7"}],["path",{d:"M7 12h14",key:"uoisry"}]]);var w=a.i(44494),x=a.i(92e3),y=a.i(50944),z=a.i(55402),A=a.i(63002);let B=(0,m.default)("folder",[["path",{d:"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",key:"1kt360"}]]);var C=a.i(67552),D=a.i(21161),E=a.i(19032);function F({value:a,onChange:d}){let[f,g]=(0,c.useState)(!1),[h,j]=(0,c.useState)([]),[k,m]=(0,c.useState)(!1),[n,o]=(0,c.useState)(""),[p,q]=(0,c.useState)(null),[r,s]=(0,c.useState)(!1),[t,u]=(0,c.useState)("list"),v=(0,c.useRef)(null);(0,c.useEffect)(()=>{fetch((0,E.api)("/api/config")).then(a=>a.json()).then(a=>{j(a.devDirectories||[]),m(!0)}).catch(()=>m(!0))},[]),(0,c.useEffect)(()=>{f&&"browse"===t&&n&&(s(!0),fetch((0,E.api)(`/api/folders?path=${encodeURIComponent(n)}`)).then(a=>a.json()).then(a=>{q(a),s(!1)}).catch(()=>s(!1)))},[f,t,n]),(0,c.useEffect)(()=>{let a=a=>{v.current&&!v.current.contains(a.target)&&g(!1)};return document.addEventListener("mousedown",a),()=>document.removeEventListener("mousedown",a)},[]);let w=()=>{f?g(!1):(1===h.length?(u("browse"),o(h[0])):u("list"),g(!0))},x=a=>{d(a),g(!1)},y=a=>{o(a)},z=h.find(a=>p?.current===a||p?.current?.startsWith(a+"/")),A=z?.split("/").pop()||"",F=z&&p?.current?p.current.slice(z.length):"",G=F?F.split("/").filter(Boolean):[];return(0,b.jsxs)("div",{ref:v,className:"relative",children:[(0,b.jsxs)("div",{className:"flex items-center gap-0",children:[(0,b.jsx)("input",{type:"text",placeholder:"Working directory",value:a,onChange:a=>d(a.target.value),onFocus:()=>{f||w()},className:"flex-1 px-3 py-2 text-sm bg-zinc-800 border border-zinc-700 rounded-l-md focus:outline-none focus:border-indigo-500 text-white font-mono"}),(0,b.jsx)("button",{type:"button",onClick:w,className:"px-3 py-2 text-sm bg-zinc-700 border border-zinc-700 border-l-0 rounded-r-md hover:bg-zinc-600 text-zinc-300 hover:text-white transition-colors",title:"Browse folders",children:(0,b.jsx)(i.FolderOpen,{className:"w-4 h-4"})})]}),f&&(0,b.jsxs)("div",{className:"absolute z-50 top-full left-0 right-0 mt-1 bg-zinc-800 border border-zinc-700 rounded-md shadow-xl overflow-hidden",children:[k?0===h.length&&"list"===t?(0,b.jsxs)("div",{className:"py-6 px-4 text-center",children:[(0,b.jsx)(D.Settings,{className:"w-5 h-5 text-zinc-500 mx-auto mb-2"}),(0,b.jsx)("p",{className:"text-xs text-zinc-400 mb-1",children:"No development directories configured"}),(0,b.jsx)("p",{className:"text-[11px] text-zinc-500",children:"Add them in Settings to browse project folders here."})]}):"list"===t?(0,b.jsxs)("div",{children:[(0,b.jsx)("div",{className:"px-3 py-1.5 border-b border-zinc-700/50 text-[11px] text-zinc-500 font-medium",children:"Development Directories"}),(0,b.jsx)("div",{className:"max-h-[250px] overflow-y-auto",children:h.map(a=>(0,b.jsxs)("button",{className:"w-full flex items-center gap-2 px-3 py-2 text-xs hover:bg-zinc-700 transition-colors group",onClick:()=>{u("browse"),o(a)},onDoubleClick:()=>x(a),title:"Click to browse, double-click to select",children:[(0,b.jsx)(B,{className:"w-3.5 h-3.5 text-amber-500/70"}),(0,b.jsx)("span",{className:"font-mono text-white truncate flex-1 text-left",children:a}),(0,b.jsx)(l.ChevronRight,{className:"w-3 h-3 text-zinc-600 group-hover:text-zinc-400"})]},a))})]}):(0,b.jsxs)("div",{children:[(0,b.jsxs)("div",{className:"flex items-center gap-0.5 px-2 py-1.5 border-b border-zinc-700/50 overflow-x-auto text-[11px] flex-nowrap",children:[h.length>1&&(0,b.jsx)("button",{onClick:()=>{u("list"),q(null)},className:"text-zinc-400 hover:text-white flex-shrink-0 p-0.5 mr-0.5",title:"Back to dev directories",children:(0,b.jsx)(C.ChevronUp,{className:"w-3 h-3"})}),(0,b.jsx)("button",{onClick:()=>z&&y(z),className:"text-zinc-400 hover:text-white flex-shrink-0",children:A}),G.map((a,c)=>{let d=z+"/"+G.slice(0,c+1).join("/");return(0,b.jsxs)("span",{className:"flex items-center gap-0.5 flex-shrink-0",children:[(0,b.jsx)(l.ChevronRight,{className:"w-2.5 h-2.5 text-zinc-600"}),(0,b.jsx)("button",{onClick:()=>y(d),className:"text-zinc-400 hover:text-white hover:underline",children:a})]},c)})]}),(0,b.jsx)("div",{className:"max-h-[250px] overflow-y-auto",children:r||!p?(0,b.jsx)("div",{className:"flex items-center justify-center py-6",children:(0,b.jsx)(e.Loader2,{className:"w-4 h-4 animate-spin text-zinc-400"})}):p.error?(0,b.jsx)("div",{className:"py-4 px-3 text-xs text-red-400 text-center",children:p.error}):(0,b.jsxs)(b.Fragment,{children:[p?.parent&&(0,b.jsxs)("button",{onClick:()=>y(p.parent),className:"w-full flex items-center gap-2 px-3 py-1.5 text-xs text-zinc-400 hover:text-white hover:bg-zinc-700/50 transition-colors border-b border-zinc-700/30",children:[(0,b.jsx)(C.ChevronUp,{className:"w-3.5 h-3.5"}),(0,b.jsx)("span",{children:".."})]}),(0,b.jsxs)("button",{onClick:()=>x(p.current),className:"w-full flex items-center gap-2 px-3 py-2 text-xs text-indigo-400 hover:bg-indigo-500/10 transition-colors border-b border-zinc-700/30 font-medium",children:[(0,b.jsx)(i.FolderOpen,{className:"w-3.5 h-3.5"}),(0,b.jsx)("span",{children:"Select this folder"}),(0,b.jsx)("span",{className:"ml-auto text-[10px] text-zinc-500 font-mono truncate max-w-[200px]",children:p.current.split("/").pop()})]}),p?.folders.length===0?(0,b.jsx)("div",{className:"py-3 px-3 text-[11px] text-zinc-500 text-center",children:"No subfolders"}):p?.folders.map(a=>(0,b.jsxs)("button",{onClick:()=>y(a.path),onDoubleClick:()=>x(a.path),className:"w-full flex items-center gap-2 px-3 py-1.5 text-xs text-white hover:bg-zinc-700 transition-colors",title:"Click to open, double-click to select",children:[(0,b.jsx)(B,{className:"w-3.5 h-3.5 text-amber-500/70"}),(0,b.jsx)("span",{className:"truncate",children:a.name})]},a.path))]})})]}):(0,b.jsx)("div",{className:"flex items-center justify-center py-6",children:(0,b.jsx)(e.Loader2,{className:"w-4 h-4 animate-spin text-zinc-400"})}),(0,b.jsx)("div",{className:"border-t border-zinc-700/50 px-2 py-1 flex justify-end",children:(0,b.jsx)("button",{onClick:()=>g(!1),className:"text-[11px] text-zinc-500 hover:text-white px-2 py-0.5",children:"Close"})})]})]})}var G=a.i(1279),H=a.i(59326);function I({value:a,onChange:c}){let{data:d}=(0,G.useNodes)(H.HAS_NETWORK);return Array.isArray(d)&&0!==d.length?(0,b.jsxs)("div",{children:[(0,b.jsx)("label",{className:"text-[11px] text-zinc-400 mb-1.5 block",children:"Node"}),(0,b.jsxs)("div",{className:"relative",children:[(0,b.jsx)(w.Globe,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-zinc-500"}),(0,b.jsxs)("select",{value:a,onChange:a=>c(a.target.value),className:"w-full pl-8 pr-3 py-2 text-sm bg-zinc-800 border border-zinc-700 rounded-md focus:outline-none focus:border-indigo-500 text-white appearance-none",children:[(0,b.jsx)("option",{value:"",children:"Local (this machine)"}),d.map(a=>(0,b.jsx)("option",{value:a.id,disabled:"offline"===a.status,children:"offline"===a.status?`${a.name} (offline)`:a.name},a.id))]})]})]}):null}var J=a.i(79082),K=a.i(5699),L=a.i(59603),M=a.i(58037);function N(){return(0,b.jsx)(J.TotpGate,{children:a=>(0,b.jsx)(O,{terminalToken:a})})}function O({terminalToken:a}){let m=(0,y.useRouter)(),[B,C]=(0,c.useState)([]),[D,G]=(0,c.useState)(!0),[H,J]=(0,c.useState)(!0),[N,O]=(0,c.useState)(!1),[P,Q]=(0,c.useState)(null),[R,S]=(0,c.useState)(new Set),[T,U]=(0,c.useState)(!1),[V,W]=(0,c.useState)([]),[X,Y]=(0,c.useState)(null),[Z,$]=(0,c.useState)(!1),[_,aa]=(0,c.useState)(!1),[ab,ac]=(0,c.useState)(""),[ad,ae]=(0,c.useState)("#6366f1"),[af,ag]=(0,c.useState)(null),[ah,ai]=(0,c.useState)(""),[aj,ak]=(0,c.useState)(""),[al,am]=(0,c.useState)(""),[an,ao]=(0,c.useState)("#6366f1"),[ap,aq]=(0,c.useState)(""),[ar,as]=(0,c.useState)("shell"),[at,au]=(0,c.useState)("new"),[av,aw]=(0,c.useState)(""),[ax,ay]=(0,c.useState)(""),az=(0,L.useRemoteWorkspaces)(),[aA,aB]=(0,c.useState)(new Set),aC=(0,c.useCallback)(a=>{aB(b=>{let c=new Set(b);return c.has(a)?c.delete(a):c.add(a),c})},[]),[aD,aE]=(0,c.useState)(""),[aF,aG]=(0,c.useState)([]),[aH,aI]=(0,c.useState)(!1),[aJ,aK]=(0,c.useState)(!1),[aL,aM]=(0,c.useState)(null),[aN,aO]=(0,c.useState)(!0),aP=(0,c.useRef)(null),aQ=(0,c.useRef)(null),aR=(0,c.useRef)(null),aS=(0,c.useCallback)(async()=>{let a=await fetch((0,E.api)("/api/workspaces")),b=await a.json();W(b),Y(b.find(a=>a.isActive)||null),J(!1)},[]),aT=(0,c.useCallback)(async()=>{let a=await fetch((0,E.api)("/api/panes")),b=await a.json();C(b);let c=new Set;for(let a of b)a.isPopout&&c.add(a.id);S(c),G(!1)},[]);(0,c.useEffect)(()=>{aS()},[aS]),(0,c.useEffect)(()=>{T&&aT()},[T,aT]),(0,c.useEffect)(()=>{let a=new BroadcastChannel("spaces-panes");return aR.current=a,a.onmessage=a=>{let b=a.data;"popout-opened"===b.type?S(a=>new Set(a).add(b.paneId)):"popout-closed"===b.type?(S(a=>{let c=new Set(a);return c.delete(b.paneId),c}),aT()):"pane-updated"===b.type&&C(a=>a.map(a=>a.id===b.paneId?{...a,...b.data}:a))},()=>a.close()},[aT]);let[aU,aV]=(0,c.useState)(0);(0,c.useEffect)(()=>{if(!D)for(let a of B)a.isPopout&&a$(a)},[D,aU]),(0,c.useEffect)(()=>{if("claude"!==ar||"resume"!==at)return;aI(!0);let a=setTimeout(()=>{let a=new URLSearchParams({sortBy:"modified",sortDir:"DESC",limit:"200"});aD&&a.set("search",aD),aN&&al&&a.set("projectPath",al),a.set("agentType",ar),fetch((0,E.api)(`/api/sessions?${a}`)).then(a=>a.json()).then(a=>{aG(a.sessions||[]),aI(!1)}).catch(()=>aI(!1))},300*!!aD);return()=>clearTimeout(a)},[ar,at,aD,aN,al]),(0,c.useEffect)(()=>{function a(a){aP.current&&!aP.current.contains(a.target)&&aK(!1),aQ.current&&!aQ.current.contains(a.target)&&$(!1)}return document.addEventListener("mousedown",a),()=>document.removeEventListener("mousedown",a)},[]);let aW=(0,c.useCallback)(async()=>{let a,b=crypto.randomUUID(),c=K.AGENT_TYPES[ar],d=al||aL?.projectPath||"/";"shell"!==ar&&(a="resume"===at&&c?.supportsResume?aL?.sessionId||ap:"new");let e=aj||(aL?aL.customName||aL.firstPrompt?.slice(0,50)||c?.name||"Agent":"")||("shell"===ar?"Terminal":c?.name||"Agent"),f=await fetch((0,E.api)("/api/panes"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({id:b,title:e,color:an,cwd:d,claudeSessionId:a,agentType:ar,customCommand:"custom"===ar?av:void 0,nodeId:ax||void 0})}),g=await f.json();C(a=>[...a,g]),(0,M.track)("pane_created",{agentType:ar}),O(!1),ak(""),am(""),ao("#6366f1"),aq(""),as("shell"),au("new"),aw(""),ay(""),aM(null),aE("")},[aj,al,an,ap,ar,at,av,ax,aL]),aX=(0,c.useCallback)(async a=>{let b=B.find(b=>b.id===a);await fetch((0,E.api)(`/api/panes/${a}`),{method:"DELETE"}),C(b=>b.filter(b=>b.id!==a)),b&&(0,M.track)("pane_closed",{agentType:b.agentType}),P===a&&Q(null),S(b=>{let c=new Set(b);return c.delete(a),c})},[P,B]),aY=(0,c.useCallback)(async(a,b)=>{await fetch((0,E.api)(`/api/panes/${a}`),{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(b)}),C(c=>c.map(c=>c.id===a?{...c,...b}:c))},[]),aZ=(0,c.useCallback)(a=>{Q(b=>b===a?null:a)},[]),a$=(0,c.useCallback)(a=>{let b=a.winWidth||900,c=a.winHeight||600,d=a.winX??Math.round(screen.width/2-b/2),e=a.winY??Math.round(screen.height/2-c/2),f=`left=${d},top=${e},width=${b},height=${c},menubar=no,toolbar=no,location=no,status=no`;window.open((0,E.api)(`/terminal/pane/${a.id}`),`spaces-pane-${a.id}`,f),S(b=>new Set(b).add(a.id)),fetch((0,E.api)(`/api/panes/${a.id}`),{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isPopout:!0,winX:d,winY:e,winWidth:b,winHeight:c})})},[]),a_=(0,c.useCallback)(a=>{let b=B.find(b=>b.id===a);b&&a$(b)},[B,a$]),a0=(0,c.useCallback)(async a=>{aR.current?.postMessage({type:"close-popouts"}),await fetch((0,E.api)(`/api/panes/${a}`),{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isPopout:!1})}),S(b=>{let c=new Set(b);return c.delete(a),c})},[]),a1=(0,c.useCallback)(()=>{R.size>0&&(aR.current?.postMessage({type:"close-popouts"}),S(new Set))},[R]),a2=(0,c.useCallback)(async a=>{a1(),await fetch((0,E.api)("/api/workspaces"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"switch",workspaceId:a})}),Q(null),await aS(),await aT(),$(!1),T?(0,M.track)("workspace_switched"):(0,M.track)("workspace_entered"),U(!0),aV(a=>a+1)},[aS,aT,a1,T]),a3=(0,c.useCallback)(async()=>{ab.trim()&&X&&(await fetch((0,E.api)("/api/workspaces"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"duplicate",sourceId:X.id,name:ab.trim(),color:ad})}),ac(""),ae("#6366f1"),aa(!1),await aS())},[ab,ad,X,aS]),a4=(0,c.useCallback)(async()=>{let a=await fetch((0,E.api)("/api/workspaces"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:"New Space",color:"#6366f1"})}),b=await a.json();(0,M.track)("workspace_created"),await a2(b.id)},[a2]),a5=(0,c.useCallback)(async a=>{a1(),await fetch((0,E.api)(`/api/workspaces/${a}`),{method:"DELETE"}),(0,M.track)("workspace_deleted"),await aS(),await aT(),$(!1)},[aS,aT,a1]),a6=(0,c.useCallback)(()=>{a1(),C([]),U(!1)},[a1]),a7=(0,c.useCallback)(async(a,b)=>{await fetch((0,E.api)(`/api/workspaces/${a}`),{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:b})}),ag(null),await aS()},[aS]),a8=B.filter(a=>!R.has(a.id));return T?D?(0,b.jsx)("div",{className:"flex items-center justify-center h-screen bg-zinc-950",children:(0,b.jsx)(e.Loader2,{className:"w-6 h-6 animate-spin text-indigo-500"})}):(0,b.jsxs)("div",{className:"h-screen flex flex-col bg-zinc-950 text-zinc-100",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between px-4 py-2 border-b border-zinc-800 flex-shrink-0",children:[(0,b.jsxs)("div",{className:"flex items-center gap-3",children:[(0,b.jsx)("button",{onClick:a6,className:"p-1.5 -ml-1 text-zinc-500 hover:text-white hover:bg-zinc-800 rounded-md transition-colors",title:"Close space and go home",children:(0,b.jsx)(t.Home,{className:"w-4 h-4"})}),(0,b.jsx)("div",{className:"w-px h-4 bg-zinc-800"}),(0,b.jsx)("h1",{className:"text-sm font-semibold",children:"Spaces"}),(0,b.jsxs)("div",{ref:aQ,className:"relative",children:[(0,b.jsxs)("button",{onClick:()=>$(!Z),className:"flex items-center gap-1.5 px-2.5 py-1 text-xs bg-zinc-800 border border-zinc-700 rounded-md hover:border-zinc-600 transition-colors",children:[X&&(0,b.jsx)("span",{className:"w-2 h-2 rounded-full flex-shrink-0",style:{backgroundColor:X.color}}),(0,b.jsx)("span",{className:"max-w-[150px] truncate",children:X?.name||"No space"}),(0,b.jsx)(k.ChevronDown,{className:"w-3 h-3 text-zinc-500"})]}),Z&&(0,b.jsxs)("div",{className:"absolute z-50 top-full left-0 mt-1 w-72 bg-zinc-800 border border-zinc-700 rounded-md shadow-xl overflow-hidden",children:[(0,b.jsx)("div",{className:"p-2 border-b border-zinc-700/50 text-[10px] text-zinc-500 uppercase tracking-wider font-medium",children:"Switch Space"}),(0,b.jsx)("div",{className:"max-h-[300px] overflow-y-auto",children:V.map(a=>(0,b.jsx)("div",{className:"flex items-center gap-2 hover:bg-zinc-700/50 transition-colors group",children:af===a.id?(0,b.jsxs)("div",{className:"flex items-center gap-1 flex-1 px-3 py-2",children:[(0,b.jsx)("input",{autoFocus:!0,value:ah,onChange:a=>ai(a.target.value),onKeyDown:b=>{"Enter"===b.key&&a7(a.id,ah),"Escape"===b.key&&ag(null)},className:"flex-1 bg-transparent border border-zinc-600 rounded px-1.5 py-0.5 text-xs focus:outline-none focus:border-indigo-400"}),(0,b.jsx)("button",{onClick:()=>a7(a.id,ah),className:"text-green-400 hover:text-green-300",children:(0,b.jsx)(q.Check,{className:"w-3 h-3"})})]}):(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)("button",{onClick:()=>a2(a.id),className:"flex items-center gap-2 flex-1 px-3 py-2 text-left",children:[(0,b.jsx)("span",{className:"w-2.5 h-2.5 rounded-full flex-shrink-0",style:{backgroundColor:a.color}}),(0,b.jsx)("span",{className:"text-xs text-white truncate flex-1",children:a.name}),(0,b.jsxs)("span",{className:"text-[10px] text-zinc-500",children:[a.paneCount||0," panes"]}),a.isActive&&(0,b.jsx)("span",{className:"text-[10px] text-indigo-400",children:"active"})]}),(0,b.jsxs)("div",{className:"flex items-center gap-0.5 pr-2 opacity-0 group-hover:opacity-100",children:[(0,b.jsx)("button",{onClick:b=>{b.stopPropagation(),ag(a.id),ai(a.name)},className:"p-1 text-zinc-500 hover:text-white rounded",title:"Rename",children:(0,b.jsx)(p.Pencil,{className:"w-2.5 h-2.5"})}),!a.isActive&&V.length>1&&(0,b.jsx)("button",{onClick:b=>{b.stopPropagation(),confirm(`Delete space "${a.name}" and all its panes?`)&&a5(a.id)},className:"p-1 text-zinc-500 hover:text-red-400 rounded",title:"Delete",children:(0,b.jsx)(o.Trash2,{className:"w-2.5 h-2.5"})})]})]})},a.id))}),(0,b.jsxs)("div",{className:"border-t border-zinc-700/50 p-1.5 flex gap-1",children:[(0,b.jsxs)("button",{onClick:a4,className:"flex items-center gap-1.5 px-2.5 py-1.5 text-[11px] text-zinc-400 hover:text-white hover:bg-zinc-700 rounded transition-colors flex-1",children:[(0,b.jsx)(d.Plus,{className:"w-3 h-3"})," New Empty"]}),(0,b.jsxs)("button",{onClick:()=>{aa(!0),$(!1)},className:"flex items-center gap-1.5 px-2.5 py-1.5 text-[11px] text-zinc-400 hover:text-white hover:bg-zinc-700 rounded transition-colors flex-1",children:[(0,b.jsx)(s.Copy,{className:"w-3 h-3"})," Duplicate Current"]})]})]})]}),(0,b.jsxs)("span",{className:"text-[11px] text-zinc-500",children:[a8.length," pane",1!==a8.length?"s":"",R.size>0&&` + ${R.size} popped out`]})]}),(0,b.jsxs)("div",{className:"flex items-center gap-2",children:[(0,b.jsxs)("button",{onClick:a6,className:"flex items-center gap-1.5 px-3 py-1.5 text-xs border border-zinc-700 text-zinc-400 rounded-md hover:text-white hover:border-zinc-600 transition-colors",title:"Close space and return home",children:[(0,b.jsx)(u,{className:"w-3.5 h-3.5"}),"Close"]}),(0,b.jsxs)("button",{onClick:()=>O(!0),className:"flex items-center gap-1.5 px-3 py-1.5 text-xs bg-indigo-600 text-white rounded-md hover:bg-indigo-500 transition-colors",children:[(0,b.jsx)(d.Plus,{className:"w-3.5 h-3.5"}),"Add Pane"]})]})]}),_&&(0,b.jsx)("div",{className:"border-b border-zinc-800 bg-zinc-900 px-4 py-3",children:(0,b.jsxs)("div",{className:"max-w-md flex items-center gap-2",children:[(0,b.jsx)(n,{className:"w-4 h-4 text-indigo-400 flex-shrink-0"}),(0,b.jsx)("input",{autoFocus:!0,type:"text",placeholder:"New space name...",value:ab,onChange:a=>ac(a.target.value),onKeyDown:a=>"Enter"===a.key&&a3(),className:"flex-1 px-3 py-1.5 text-sm bg-zinc-800 border border-zinc-700 rounded-md focus:outline-none focus:border-indigo-500 text-white"}),(0,b.jsx)(A.ColorPicker,{value:ad,onChange:ae}),(0,b.jsx)("button",{onClick:a3,disabled:!ab.trim(),className:"px-3 py-1.5 text-xs bg-indigo-600 text-white rounded-md hover:bg-indigo-500 disabled:opacity-50",children:"Save"}),(0,b.jsx)("button",{onClick:()=>aa(!1),className:"p-1.5 text-zinc-400 hover:text-white",children:(0,b.jsx)(r.X,{className:"w-4 h-4"})})]})}),N&&(0,b.jsx)("div",{className:"border-b border-zinc-800 bg-zinc-900 px-4 py-4",children:(0,b.jsxs)("div",{className:"max-w-lg space-y-3",children:[(0,b.jsx)("h3",{className:"text-sm font-semibold",children:"Add Pane"}),(0,b.jsxs)("div",{children:[(0,b.jsx)("label",{className:"text-[11px] text-zinc-400 mb-1.5 block",children:"Agent"}),(0,b.jsx)("div",{className:"grid grid-cols-3 gap-1.5",children:K.AGENT_LIST.map(a=>(0,b.jsxs)("button",{onClick:()=>{as(a.id),au("new"),aM(null),aq("")},className:`flex items-center gap-2 px-3 py-2 rounded-md border text-left transition-colors ${ar===a.id?"border-indigo-500 bg-indigo-600/20 text-white":"border-zinc-700 text-zinc-400 hover:text-white hover:border-zinc-600"}`,children:[(0,b.jsx)("span",{className:"w-2.5 h-2.5 rounded-full flex-shrink-0",style:{backgroundColor:a.color}}),(0,b.jsxs)("div",{className:"min-w-0",children:[(0,b.jsx)("div",{className:"text-xs font-medium truncate",children:a.name}),(0,b.jsx)("div",{className:"text-[10px] text-zinc-500 truncate",children:a.description})]})]},a.id))})]}),K.AGENT_TYPES[ar]?.supportsResume&&(0,b.jsxs)("div",{className:"flex gap-2",children:[(0,b.jsx)("button",{onClick:()=>{au("new"),aM(null),aq("")},className:`px-3 py-1.5 text-xs rounded-md border transition-colors ${"new"===at?"bg-indigo-600 border-indigo-500 text-white":"border-zinc-700 text-zinc-400 hover:text-white hover:border-zinc-600"}`,children:"New Session"}),(0,b.jsx)("button",{onClick:()=>au("resume"),className:`px-3 py-1.5 text-xs rounded-md border transition-colors ${"resume"===at?"bg-indigo-600 border-indigo-500 text-white":"border-zinc-700 text-zinc-400 hover:text-white hover:border-zinc-600"}`,children:"Resume Session"})]}),"custom"===ar&&(0,b.jsx)("input",{type:"text",placeholder:"Command to run (e.g. python agent.py)",value:av,onChange:a=>aw(a.target.value),className:"w-full px-3 py-2 text-sm bg-zinc-800 border border-zinc-700 rounded-md focus:outline-none focus:border-indigo-500 text-white font-mono"}),(0,b.jsx)(I,{value:ax,onChange:ay}),(0,b.jsx)("input",{type:"text",placeholder:"Title (optional)",value:aj,onChange:a=>ak(a.target.value),className:"w-full px-3 py-2 text-sm bg-zinc-800 border border-zinc-700 rounded-md focus:outline-none focus:border-indigo-500 text-white"}),ax?(0,b.jsxs)("div",{children:[(0,b.jsx)("label",{className:"text-[11px] text-zinc-400 mb-1.5 block",children:"Working directory (on remote node)"}),(0,b.jsx)("input",{type:"text",placeholder:"e.g. /home/user/project or ~ for home",value:al,onChange:a=>am(a.target.value),className:"w-full px-3 py-2 text-sm bg-zinc-800 border border-zinc-700 rounded-md focus:outline-none focus:border-indigo-500 text-white font-mono"})]}):(0,b.jsx)(F,{value:al,onChange:am}),"claude"===ar&&"resume"===at&&(0,b.jsxs)("div",{ref:aP,className:"relative",children:[aL?(0,b.jsxs)("div",{className:"flex items-center gap-2 px-3 py-2 text-sm bg-zinc-800 border border-zinc-700 rounded-md",children:[(0,b.jsx)(h.MessageSquare,{className:"w-3.5 h-3.5 text-indigo-400 flex-shrink-0"}),(0,b.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,b.jsx)("div",{className:"text-white truncate",children:aL.customName||aL.firstPrompt?.slice(0,60)||"Untitled"}),(0,b.jsxs)("div",{className:"text-[10px] text-zinc-500 flex items-center gap-2",children:[(0,b.jsx)("span",{children:aL.projectName}),(0,b.jsxs)("span",{children:[aL.messageCount," msgs"]}),(0,b.jsxs)("span",{className:"font-mono",children:[aL.sessionId.slice(0,8),"..."]})]})]}),(0,b.jsx)("button",{onClick:()=>{aM(null),aK(!0)},className:"text-zinc-400 hover:text-white text-xs",children:"Change"})]}):(0,b.jsxs)("div",{className:"flex items-center gap-2 px-3 py-2 text-sm bg-zinc-800 border border-zinc-700 rounded-md cursor-text",onClick:()=>aK(!0),children:[(0,b.jsx)(g.Search,{className:"w-3.5 h-3.5 text-zinc-500"}),(0,b.jsx)("input",{type:"text",placeholder:"Search sessions by name, prompt, or project...",value:aD,onChange:a=>{aE(a.target.value),aK(!0)},onFocus:()=>aK(!0),className:"flex-1 bg-transparent focus:outline-none text-white placeholder:text-zinc-500"}),al&&(0,b.jsx)("button",{onClick:a=>{a.stopPropagation(),aO(!aN)},className:`flex-shrink-0 px-1.5 py-0.5 text-[10px] rounded border transition-colors ${aN?"border-indigo-500/50 bg-indigo-600/20 text-indigo-400":"border-zinc-600 text-zinc-500 hover:text-zinc-400"}`,title:aN?"Showing sessions for this directory — click to show all":"Showing all sessions — click to filter by directory",children:aN?al.split("/").pop():"All"}),(0,b.jsx)(k.ChevronDown,{className:"w-3.5 h-3.5 text-zinc-500"})]}),aJ&&!aL&&(0,b.jsx)("div",{className:"absolute z-50 top-full left-0 right-0 mt-1 max-h-[300px] overflow-y-auto bg-zinc-800 border border-zinc-700 rounded-md shadow-xl",children:aH?(0,b.jsxs)("div",{className:"flex items-center justify-center py-6",children:[(0,b.jsx)(e.Loader2,{className:"w-4 h-4 animate-spin text-zinc-400"}),(0,b.jsx)("span",{className:"text-xs text-zinc-400 ml-2",children:"Loading sessions..."})]}):0===aF.length?(0,b.jsx)("div",{className:"py-4 px-3 text-xs text-zinc-500 text-center",children:aD?"No sessions match your search":"No sessions found"}):aF.map(a=>(0,b.jsx)("button",{onClick:()=>{aM(a),aq(a.sessionId),!al&&a.projectPath&&am(a.projectPath),aj||ak(a.customName||""),aK(!1)},className:"w-full text-left px-3 py-2.5 hover:bg-zinc-700 border-b border-zinc-700/50 last:border-0 transition-colors",children:(0,b.jsxs)("div",{className:"flex items-start gap-2",children:[(0,b.jsx)(h.MessageSquare,{className:"w-3.5 h-3.5 text-indigo-400 mt-0.5 flex-shrink-0"}),(0,b.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,b.jsx)("div",{className:"text-xs text-white truncate",children:a.customName||a.firstPrompt?.slice(0,70)||"Untitled session"}),(0,b.jsxs)("div",{className:"flex items-center gap-2 mt-0.5",children:[(0,b.jsxs)("span",{className:"text-[10px] text-indigo-400/70 flex items-center gap-0.5",children:[(0,b.jsx)(i.FolderOpen,{className:"w-2.5 h-2.5"}),a.projectName]}),(0,b.jsxs)("span",{className:"text-[10px] text-zinc-500",children:[a.messageCount," msgs"]}),(0,b.jsxs)("span",{className:"text-[10px] text-zinc-500 flex items-center gap-0.5",children:[(0,b.jsx)(j.Clock,{className:"w-2.5 h-2.5"}),new Date(a.modified).toLocaleDateString()]}),a.starred&&(0,b.jsx)("span",{className:"text-[10px]",children:"★"})]}),a.tags?.length>0&&(0,b.jsx)("div",{className:"flex gap-1 mt-1",children:a.tags.map(a=>(0,b.jsx)("span",{className:"text-[9px] px-1.5 py-0.5 bg-zinc-700 rounded text-zinc-400",children:a},a))})]})]})},a.sessionId))})]}),(0,b.jsxs)("div",{children:[(0,b.jsx)("label",{className:"text-[11px] text-zinc-400 mb-1.5 block",children:"Color"}),(0,b.jsx)(A.ColorPicker,{value:an,onChange:ao})]}),(0,b.jsxs)("div",{className:"flex gap-2 pt-1",children:[(0,b.jsx)("button",{onClick:aW,disabled:"custom"===ar&&!av.trim(),className:"px-4 py-2 text-sm bg-indigo-600 text-white rounded-md hover:bg-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed",children:"Create"}),(0,b.jsx)("button",{onClick:()=>O(!1),className:"px-4 py-2 text-sm border border-zinc-700 text-zinc-400 rounded-md hover:text-white hover:border-zinc-600",children:"Cancel"})]})]})}),R.size>0&&(0,b.jsxs)("div",{className:"flex items-center gap-2 px-4 py-1.5 border-b border-zinc-800 bg-zinc-900/50",children:[(0,b.jsx)("span",{className:"text-[10px] text-zinc-500",children:"Popped out:"}),B.filter(a=>R.has(a.id)).map(a=>(0,b.jsxs)("div",{className:"flex items-center gap-0.5",children:[(0,b.jsxs)("button",{onClick:()=>a$(a),className:"flex items-center gap-1 px-2 py-0.5 text-[10px] bg-zinc-800 border border-zinc-700 rounded-l text-zinc-400 hover:text-white hover:border-zinc-600",title:"Focus popout window",children:[(0,b.jsx)("span",{className:"w-1.5 h-1.5 rounded-full",style:{backgroundColor:a.color}}),a.title]}),(0,b.jsx)("button",{onClick:()=>a0(a.id),className:"px-1 py-0.5 text-[10px] bg-zinc-800 border border-zinc-700 border-l-0 rounded-r text-zinc-500 hover:text-white hover:border-zinc-600",title:"Pop back into grid",children:(0,b.jsx)(v,{className:"w-2.5 h-2.5"})})]},a.id))]}),0===a8.length&&0===R.size?(0,b.jsx)("div",{className:"flex-1 flex items-center justify-center",children:(0,b.jsxs)("div",{className:"text-center space-y-3",children:[(0,b.jsx)("img",{src:`${process.env.NEXT_PUBLIC_BASE_PATH||""}/spaces_icon.png`,alt:"Spaces",className:"w-16 h-16 mx-auto opacity-30"}),(0,b.jsx)("p",{className:"text-zinc-500",children:"No panes yet."}),(0,b.jsx)("p",{className:"text-zinc-600 text-xs",children:"Add a pane to start a shell, Claude, Codex, Gemini, or any agent."}),(0,b.jsxs)("button",{onClick:()=>O(!0),className:"px-4 py-2 text-sm bg-indigo-600 text-white rounded-md hover:bg-indigo-500 inline-flex items-center gap-2",children:[(0,b.jsx)(d.Plus,{className:"w-4 h-4"}),"Add your first pane"]})]})}):0===a8.length?(0,b.jsx)("div",{className:"flex-1 flex items-center justify-center",children:(0,b.jsxs)("div",{className:"text-center space-y-2",children:[(0,b.jsx)("p",{className:"text-zinc-500 text-sm",children:"All panes are popped out to separate windows."}),(0,b.jsxs)("button",{onClick:()=>O(!0),className:"px-3 py-1.5 text-xs text-zinc-400 hover:text-white border border-zinc-700 rounded-md hover:border-zinc-600 inline-flex items-center gap-1.5",children:[(0,b.jsx)(d.Plus,{className:"w-3.5 h-3.5"}),"Add another pane"]})]})}):(0,b.jsx)("div",{className:"flex-1 p-2 gap-2 overflow-auto",style:{display:"grid",gridTemplateColumns:1===a8.length?"1fr":a8.length<=2||a8.length<=4?"repeat(2, 1fr)":"repeat(3, 1fr)",gridAutoRows:a8.length<=2?"1fr":"minmax(300px, 1fr)"},children:a8.map(c=>P&&P!==c.id?null:(0,b.jsx)(z.TerminalPane,{pane:c,onClose:aX,onUpdate:aY,isMaximized:P===c.id,onToggleMaximize:aZ,onPopout:a_,terminalToken:a},c.id))})]}):(0,b.jsxs)("div",{className:"h-screen flex flex-col bg-zinc-950 text-zinc-100",children:[(0,b.jsx)("div",{className:"absolute top-4 left-4",children:(0,b.jsxs)("button",{onClick:()=>m.push("/"),className:"flex items-center gap-2 px-3 py-1.5 text-xs text-zinc-500 hover:text-white hover:bg-zinc-800 rounded-md transition-colors",children:[(0,b.jsx)(t.Home,{className:"w-3.5 h-3.5"}),"Home"]})}),(0,b.jsx)("div",{className:"flex-1 flex items-center justify-center p-8",children:(0,b.jsxs)("div",{className:"w-full max-w-2xl",children:[(0,b.jsxs)("div",{className:"text-center mb-10",children:[(0,b.jsx)("img",{src:`${process.env.NEXT_PUBLIC_BASE_PATH||""}/spaces_icon.png`,alt:"Spaces",className:"w-16 h-16 mx-auto mb-4"}),(0,b.jsx)("h1",{className:"text-2xl font-bold mb-2",children:"Spaces"}),(0,b.jsx)("p",{className:"text-zinc-400 text-sm",children:"Choose a workspace to open, or create a new one."})]}),H?(0,b.jsx)("div",{className:"flex justify-center py-12",children:(0,b.jsx)(e.Loader2,{className:"w-6 h-6 animate-spin text-indigo-500"})}):(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{className:"grid grid-cols-2 gap-3 mb-6",children:V.map(a=>(0,b.jsxs)("button",{onClick:()=>a2(a.id),className:"flex items-center gap-3 p-4 bg-zinc-900 border border-zinc-800 rounded-lg hover:border-zinc-600 hover:bg-zinc-800/50 transition-colors text-left group",children:[(0,b.jsx)("span",{className:"w-3.5 h-3.5 rounded-full flex-shrink-0",style:{backgroundColor:a.color}}),(0,b.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,b.jsx)("div",{className:"text-sm font-medium text-white truncate",children:a.name}),(0,b.jsxs)("div",{className:"text-xs text-zinc-500 mt-0.5",children:[a.paneCount||0," pane",1!==(a.paneCount||0)?"s":"",a.isActive&&(0,b.jsx)("span",{className:"text-indigo-400 ml-2",children:"last active"})]})]}),(0,b.jsx)(f.Terminal,{className:"w-4 h-4 text-zinc-600 group-hover:text-zinc-400 transition-colors"})]},a.id))}),(0,b.jsx)("div",{className:"flex justify-center",children:(0,b.jsxs)("button",{onClick:a4,className:"flex items-center gap-2 px-4 py-2.5 text-sm border border-zinc-700 text-zinc-400 rounded-lg hover:text-white hover:border-zinc-500 transition-colors",children:[(0,b.jsx)(d.Plus,{className:"w-4 h-4"}),"New Workspace"]})}),az.isLoading&&(0,b.jsxs)("div",{className:"flex items-center justify-center gap-2 py-4 mt-6 border-t border-zinc-800",children:[(0,b.jsx)(e.Loader2,{className:"w-4 h-4 animate-spin text-zinc-500"}),(0,b.jsx)("span",{className:"text-xs text-zinc-500",children:"Loading network spaces..."})]}),az.data?.remote&&az.data.remote.length>0&&(0,b.jsxs)("div",{className:"mt-6 border-t border-zinc-800 pt-6",children:[(0,b.jsxs)("div",{className:"flex items-center gap-2 mb-4",children:[(0,b.jsx)(w.Globe,{className:"w-4 h-4 text-zinc-500"}),(0,b.jsx)("h2",{className:"text-sm font-medium text-zinc-400",children:"Network Spaces"})]}),az.data.remote.map(a=>(0,b.jsxs)("div",{className:"mb-3",children:[(0,b.jsxs)("button",{onClick:()=>aC(a.nodeId),className:"flex items-center gap-2 w-full px-2 py-1.5 text-left text-xs text-zinc-400 hover:text-white rounded-md hover:bg-zinc-800/50 transition-colors",children:[aA.has(a.nodeId)?(0,b.jsx)(l.ChevronRight,{className:"w-3.5 h-3.5 text-zinc-600"}):(0,b.jsx)(k.ChevronDown,{className:"w-3.5 h-3.5 text-zinc-600"}),(0,b.jsx)(w.Globe,{className:"w-3 h-3 text-zinc-600"}),(0,b.jsx)("span",{className:"font-medium",children:a.nodeName}),(0,b.jsxs)("span",{className:"text-zinc-600",children:[a.workspaces.length," space",1!==a.workspaces.length?"s":""]})]}),!aA.has(a.nodeId)&&(0,b.jsx)("div",{className:"grid grid-cols-2 gap-2 mt-2 ml-5",children:a.workspaces.map(c=>(0,b.jsxs)("button",{onClick:()=>{m.push(`/terminal/remote/${a.nodeId}/${c.id}`)},className:"flex items-center gap-3 p-3 bg-zinc-900/50 border border-zinc-800/50 rounded-lg hover:border-zinc-600 hover:bg-zinc-800/30 transition-colors text-left group",children:[(0,b.jsx)("span",{className:"w-3 h-3 rounded-full flex-shrink-0 ring-1 ring-zinc-700",style:{backgroundColor:c.color}}),(0,b.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,b.jsx)("div",{className:"text-xs font-medium text-zinc-300 truncate",children:c.name}),(0,b.jsxs)("div",{className:"text-[10px] text-zinc-600 mt-0.5",children:[c.paneCount||0," pane",1!==(c.paneCount||0)?"s":""]})]}),(0,b.jsx)(w.Globe,{className:"w-3 h-3 text-zinc-700 group-hover:text-zinc-500 transition-colors"})]},`${a.nodeId}-${c.id}`))})]},a.nodeId)),az.data.errors&&az.data.errors.length>0&&(0,b.jsx)("div",{className:"mt-3 space-y-1",children:az.data.errors.map(a=>(0,b.jsxs)("div",{className:"flex items-center gap-2 px-2 py-1.5 text-[10px] text-zinc-600",children:[(0,b.jsx)(x.AlertCircle,{className:"w-3 h-3 text-red-500/50"}),(0,b.jsxs)("span",{children:[a.nodeName,": ",a.error]})]},a.nodeId))})]})]})]})})]})}a.s(["default",()=>N],66490)}];
+module.exports=[66490,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(15618),e=a.i(96221),f=a.i(80386),g=a.i(87532),h=a.i(63588),i=a.i(96101),j=a.i(41710),k=a.i(5784),l=a.i(50522),m=a.i(70106);let n=(0,m.default)("save",[["path",{d:"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",key:"1c8476"}],["path",{d:"M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7",key:"1ydtos"}],["path",{d:"M7 3v4a1 1 0 0 0 1 1h7",key:"t51u73"}]]);var o=a.i(81560),p=a.i(99464),q=a.i(33441),r=a.i(33508),s=a.i(5151),t=a.i(81010);let u=(0,m.default)("circle-x",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m15 9-6 6",key:"1uzhvr"}],["path",{d:"m9 9 6 6",key:"z0biqf"}]]),v=(0,m.default)("arrow-left-to-line",[["path",{d:"M3 19V5",key:"rwsyhb"}],["path",{d:"m13 6-6 6 6 6",key:"1yhaz7"}],["path",{d:"M7 12h14",key:"uoisry"}]]);var w=a.i(44494),x=a.i(92e3),y=a.i(60246),z=a.i(50944),A=a.i(55402),B=a.i(63002);let C=(0,m.default)("folder",[["path",{d:"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",key:"1kt360"}]]);var D=a.i(67552),E=a.i(21161),F=a.i(19032);function G({value:a,onChange:d}){let[f,g]=(0,c.useState)(!1),[h,j]=(0,c.useState)([]),[k,m]=(0,c.useState)(!1),[n,o]=(0,c.useState)(""),[p,q]=(0,c.useState)(null),[r,s]=(0,c.useState)(!1),[t,u]=(0,c.useState)("list"),v=(0,c.useRef)(null);(0,c.useEffect)(()=>{fetch((0,F.api)("/api/config")).then(a=>a.json()).then(a=>{j(a.devDirectories||[]),m(!0)}).catch(()=>m(!0))},[]),(0,c.useEffect)(()=>{f&&"browse"===t&&n&&(s(!0),fetch((0,F.api)(`/api/folders?path=${encodeURIComponent(n)}`)).then(a=>a.json()).then(a=>{q(a),s(!1)}).catch(()=>s(!1)))},[f,t,n]),(0,c.useEffect)(()=>{let a=a=>{v.current&&!v.current.contains(a.target)&&g(!1)};return document.addEventListener("mousedown",a),()=>document.removeEventListener("mousedown",a)},[]);let w=()=>{f?g(!1):(1===h.length?(u("browse"),o(h[0])):u("list"),g(!0))},x=a=>{d(a),g(!1)},y=a=>{o(a)},z=h.find(a=>p?.current===a||p?.current?.startsWith(a+"/")),A=z?.split("/").pop()||"",B=z&&p?.current?p.current.slice(z.length):"",G=B?B.split("/").filter(Boolean):[];return(0,b.jsxs)("div",{ref:v,className:"relative",children:[(0,b.jsxs)("div",{className:"flex items-center gap-0",children:[(0,b.jsx)("input",{type:"text",placeholder:"Working directory",value:a,onChange:a=>d(a.target.value),onFocus:()=>{f||w()},className:"flex-1 px-3 py-2 text-sm bg-zinc-800 border border-zinc-700 rounded-l-md focus:outline-none focus:border-indigo-500 text-white font-mono"}),(0,b.jsx)("button",{type:"button",onClick:w,className:"px-3 py-2 text-sm bg-zinc-700 border border-zinc-700 border-l-0 rounded-r-md hover:bg-zinc-600 text-zinc-300 hover:text-white transition-colors",title:"Browse folders",children:(0,b.jsx)(i.FolderOpen,{className:"w-4 h-4"})})]}),f&&(0,b.jsxs)("div",{className:"absolute z-50 top-full left-0 right-0 mt-1 bg-zinc-800 border border-zinc-700 rounded-md shadow-xl overflow-hidden",children:[k?0===h.length&&"list"===t?(0,b.jsxs)("div",{className:"py-6 px-4 text-center",children:[(0,b.jsx)(E.Settings,{className:"w-5 h-5 text-zinc-500 mx-auto mb-2"}),(0,b.jsx)("p",{className:"text-xs text-zinc-400 mb-1",children:"No development directories configured"}),(0,b.jsx)("p",{className:"text-[11px] text-zinc-500",children:"Add them in Settings to browse project folders here."})]}):"list"===t?(0,b.jsxs)("div",{children:[(0,b.jsx)("div",{className:"px-3 py-1.5 border-b border-zinc-700/50 text-[11px] text-zinc-500 font-medium",children:"Development Directories"}),(0,b.jsx)("div",{className:"max-h-[250px] overflow-y-auto",children:h.map(a=>(0,b.jsxs)("button",{className:"w-full flex items-center gap-2 px-3 py-2 text-xs hover:bg-zinc-700 transition-colors group",onClick:()=>{u("browse"),o(a)},onDoubleClick:()=>x(a),title:"Click to browse, double-click to select",children:[(0,b.jsx)(C,{className:"w-3.5 h-3.5 text-amber-500/70"}),(0,b.jsx)("span",{className:"font-mono text-white truncate flex-1 text-left",children:a}),(0,b.jsx)(l.ChevronRight,{className:"w-3 h-3 text-zinc-600 group-hover:text-zinc-400"})]},a))})]}):(0,b.jsxs)("div",{children:[(0,b.jsxs)("div",{className:"flex items-center gap-0.5 px-2 py-1.5 border-b border-zinc-700/50 overflow-x-auto text-[11px] flex-nowrap",children:[h.length>1&&(0,b.jsx)("button",{onClick:()=>{u("list"),q(null)},className:"text-zinc-400 hover:text-white flex-shrink-0 p-0.5 mr-0.5",title:"Back to dev directories",children:(0,b.jsx)(D.ChevronUp,{className:"w-3 h-3"})}),(0,b.jsx)("button",{onClick:()=>z&&y(z),className:"text-zinc-400 hover:text-white flex-shrink-0",children:A}),G.map((a,c)=>{let d=z+"/"+G.slice(0,c+1).join("/");return(0,b.jsxs)("span",{className:"flex items-center gap-0.5 flex-shrink-0",children:[(0,b.jsx)(l.ChevronRight,{className:"w-2.5 h-2.5 text-zinc-600"}),(0,b.jsx)("button",{onClick:()=>y(d),className:"text-zinc-400 hover:text-white hover:underline",children:a})]},c)})]}),(0,b.jsx)("div",{className:"max-h-[250px] overflow-y-auto",children:r||!p?(0,b.jsx)("div",{className:"flex items-center justify-center py-6",children:(0,b.jsx)(e.Loader2,{className:"w-4 h-4 animate-spin text-zinc-400"})}):p.error?(0,b.jsx)("div",{className:"py-4 px-3 text-xs text-red-400 text-center",children:p.error}):(0,b.jsxs)(b.Fragment,{children:[p?.parent&&(0,b.jsxs)("button",{onClick:()=>y(p.parent),className:"w-full flex items-center gap-2 px-3 py-1.5 text-xs text-zinc-400 hover:text-white hover:bg-zinc-700/50 transition-colors border-b border-zinc-700/30",children:[(0,b.jsx)(D.ChevronUp,{className:"w-3.5 h-3.5"}),(0,b.jsx)("span",{children:".."})]}),(0,b.jsxs)("button",{onClick:()=>x(p.current),className:"w-full flex items-center gap-2 px-3 py-2 text-xs text-indigo-400 hover:bg-indigo-500/10 transition-colors border-b border-zinc-700/30 font-medium",children:[(0,b.jsx)(i.FolderOpen,{className:"w-3.5 h-3.5"}),(0,b.jsx)("span",{children:"Select this folder"}),(0,b.jsx)("span",{className:"ml-auto text-[10px] text-zinc-500 font-mono truncate max-w-[200px]",children:p.current.split("/").pop()})]}),p?.folders.length===0?(0,b.jsx)("div",{className:"py-3 px-3 text-[11px] text-zinc-500 text-center",children:"No subfolders"}):p?.folders.map(a=>(0,b.jsxs)("button",{onClick:()=>y(a.path),onDoubleClick:()=>x(a.path),className:"w-full flex items-center gap-2 px-3 py-1.5 text-xs text-white hover:bg-zinc-700 transition-colors",title:"Click to open, double-click to select",children:[(0,b.jsx)(C,{className:"w-3.5 h-3.5 text-amber-500/70"}),(0,b.jsx)("span",{className:"truncate",children:a.name})]},a.path))]})})]}):(0,b.jsx)("div",{className:"flex items-center justify-center py-6",children:(0,b.jsx)(e.Loader2,{className:"w-4 h-4 animate-spin text-zinc-400"})}),(0,b.jsx)("div",{className:"border-t border-zinc-700/50 px-2 py-1 flex justify-end",children:(0,b.jsx)("button",{onClick:()=>g(!1),className:"text-[11px] text-zinc-500 hover:text-white px-2 py-0.5",children:"Close"})})]})]})}var H=a.i(1279),I=a.i(97498);function J({value:a,onChange:c}){let{hasNetwork:d}=(0,I.useTier)(),{data:e}=(0,H.useNodes)(d);return Array.isArray(e)&&0!==e.length?(0,b.jsxs)("div",{children:[(0,b.jsx)("label",{className:"text-[11px] text-zinc-400 mb-1.5 block",children:"Node"}),(0,b.jsxs)("div",{className:"relative",children:[(0,b.jsx)(w.Globe,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-zinc-500"}),(0,b.jsxs)("select",{value:a,onChange:a=>c(a.target.value),className:"w-full pl-8 pr-3 py-2 text-sm bg-zinc-800 border border-zinc-700 rounded-md focus:outline-none focus:border-indigo-500 text-white appearance-none",children:[(0,b.jsx)("option",{value:"",children:"Local (this machine)"}),e.map(a=>(0,b.jsx)("option",{value:a.id,disabled:"offline"===a.status,children:"offline"===a.status?`${a.name} (offline)`:a.name},a.id))]})]})]}):null}var K=a.i(79082),L=a.i(5699),M=a.i(59603),N=a.i(92759);let O=(0,m.default)("chevron-left",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]]);var P=a.i(33217),Q=a.i(70025),R=a.i(37927);function S({workspaceId:a,panes:d,collapsed:e,onToggle:f}){let g,i,j,k,[m,n]=(0,c.useState)("messages"),[p,q]=(0,c.useState)(""),r=(0,c.useRef)(null),{data:s=[]}=(0,P.useQuery)({queryKey:["workspace-messages",a,void 0],queryFn:async()=>{let b=new URLSearchParams;return(await fetch((0,F.api)(`/api/workspaces/${a}/messages?${b}`))).json()},enabled:!!a,refetchInterval:3e3}),{data:t=[]}=(0,P.useQuery)({queryKey:["workspace-context",a],queryFn:async()=>(await fetch((0,F.api)(`/api/workspaces/${a}/context`))).json(),enabled:!!a}),u=(g=(0,R.useQueryClient)(),(0,Q.useMutation)({mutationFn:async b=>(await fetch((0,F.api)(`/api/workspaces/${a}/messages`),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({...b,senderName:b.senderName||"User",type:b.type||"message"})})).json(),onSuccess:()=>{g.invalidateQueries({queryKey:["workspace-messages",a]})}})),v=(i=(0,R.useQueryClient)(),(0,Q.useMutation)({mutationFn:async({messageId:b,status:c})=>(await fetch((0,F.api)(`/api/workspaces/${a}/messages/${b}`),{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({status:c})})).json(),onSuccess:()=>{i.invalidateQueries({queryKey:["workspace-messages",a]})}})),w=(j=(0,R.useQueryClient)(),(0,Q.useMutation)({mutationFn:async()=>{await fetch((0,F.api)(`/api/workspaces/${a}/messages`),{method:"DELETE"})},onSuccess:()=>{j.invalidateQueries({queryKey:["workspace-messages",a]})}})),x=(k=(0,R.useQueryClient)(),(0,Q.useMutation)({mutationFn:async()=>{await fetch((0,F.api)(`/api/workspaces/${a}/context`),{method:"DELETE"})},onSuccess:()=>{k.invalidateQueries({queryKey:["workspace-context",a]})}})),y=s.filter(a=>"pending_approval"===a.status).length;(0,c.useEffect)(()=>{r.current&&(r.current.scrollTop=r.current.scrollHeight)},[s]);let z=()=>{p.trim()&&a&&(u.mutate({content:p.trim()}),q(""))};return e?(0,b.jsxs)("button",{onClick:f,className:"flex-shrink-0 w-10 border-l border-zinc-800 bg-zinc-900 flex flex-col items-center pt-3 gap-2",children:[(0,b.jsx)(O,{className:"w-4 h-4 text-zinc-400"}),(0,b.jsx)(h.MessageSquare,{className:"w-4 h-4 text-zinc-400"}),y>0&&(0,b.jsx)("span",{className:"bg-amber-500 text-black text-xs font-bold rounded-full w-5 h-5 flex items-center justify-center",children:y})]}):(0,b.jsxs)("div",{className:"flex-shrink-0 w-80 border-l border-zinc-800 bg-zinc-900 flex flex-col",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between px-3 py-2 border-b border-zinc-800",children:[(0,b.jsxs)("div",{className:"flex gap-1",children:[(0,b.jsxs)("button",{onClick:()=>n("messages"),className:`px-2 py-1 text-xs rounded ${"messages"===m?"bg-zinc-700 text-white":"text-zinc-400 hover:text-zinc-300"}`,children:["Messages",y>0&&(0,b.jsx)("span",{className:"ml-1 bg-amber-500 text-black text-xs font-bold rounded-full px-1.5",children:y})]}),(0,b.jsx)("button",{onClick:()=>n("context"),className:`px-2 py-1 text-xs rounded ${"context"===m?"bg-zinc-700 text-white":"text-zinc-400 hover:text-zinc-300"}`,children:"Context"})]}),(0,b.jsxs)("div",{className:"flex items-center gap-1",children:[(0,b.jsx)("button",{onClick:()=>"messages"===m?w.mutate():x.mutate(),className:"text-zinc-500 hover:text-red-400",title:"messages"===m?"Clear all messages":"Clear all context",children:(0,b.jsx)(o.Trash2,{className:"w-3.5 h-3.5"})}),(0,b.jsx)("button",{onClick:f,className:"text-zinc-400 hover:text-zinc-300",children:(0,b.jsx)(l.ChevronRight,{className:"w-4 h-4"})})]})]}),"messages"===m&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)("div",{ref:r,className:"flex-1 overflow-y-auto p-2 space-y-2",children:[[...s].reverse().map(a=>(0,b.jsx)(T,{message:a,panes:d,onApprove:()=>v.mutate({messageId:a.id,status:"approved"}),onReject:()=>v.mutate({messageId:a.id,status:"rejected"})},a.id)),0===s.length&&(0,b.jsx)("p",{className:"text-zinc-500 text-xs text-center py-8",children:"No messages yet. Agents will appear here."})]}),(0,b.jsx)("div",{className:"border-t border-zinc-800 p-2",children:(0,b.jsxs)("div",{className:"flex gap-1",children:[(0,b.jsx)("input",{value:p,onChange:a=>q(a.target.value),onKeyDown:a=>"Enter"===a.key&&!a.shiftKey&&z(),placeholder:"Message workspace...",className:"flex-1 bg-zinc-800 border border-zinc-700 rounded px-2 py-1 text-sm text-zinc-200 placeholder-zinc-500 focus:outline-none focus:border-zinc-600"}),(0,b.jsx)("button",{onClick:z,disabled:!p.trim(),className:"px-2 py-1 bg-indigo-600 hover:bg-indigo-500 disabled:bg-zinc-700 disabled:text-zinc-500 rounded text-sm",children:(0,b.jsx)(N.Send,{className:"w-3.5 h-3.5"})})]})})]}),"context"===m&&(0,b.jsx)(U,{workspaceId:a,context:t})]})}function T({message:a,panes:c,onApprove:d,onReject:e}){let f=c.find(b=>b.id===a.paneId),g="pending_approval"===a.status,h="rejected"===a.status;return(0,b.jsxs)("div",{className:`rounded p-2 text-xs ${g?"bg-amber-950/50 border border-amber-800/50":h?"bg-zinc-800/50 opacity-50":"bg-zinc-800/50"}`,children:[(0,b.jsxs)("div",{className:"flex items-center justify-between mb-1",children:[(0,b.jsxs)("span",{className:"font-medium text-zinc-300",children:[f&&(0,b.jsx)("span",{className:"inline-block w-2 h-2 rounded-full mr-1",style:{backgroundColor:f.color||"#6366f1"}}),a.senderName]}),(0,b.jsx)("span",{className:"text-zinc-500",children:new Date(a.created).toLocaleTimeString()})]}),(0,b.jsx)("p",{className:"text-zinc-300 whitespace-pre-wrap",children:a.content}),g&&(0,b.jsxs)("div",{className:"flex gap-1 mt-2",children:[(0,b.jsxs)("button",{onClick:d,className:"flex items-center gap-1 px-2 py-0.5 bg-green-700 hover:bg-green-600 rounded text-white text-xs",children:[(0,b.jsx)(q.Check,{className:"w-3 h-3"})," Approve"]}),(0,b.jsxs)("button",{onClick:e,className:"flex items-center gap-1 px-2 py-0.5 bg-zinc-700 hover:bg-zinc-600 rounded text-zinc-300 text-xs",children:[(0,b.jsx)(r.X,{className:"w-3 h-3"})," Reject"]})]}),"rejected"===a.status&&(0,b.jsx)("span",{className:"text-red-400 text-xs mt-1 block",children:"Rejected"})]})}function U({workspaceId:a,context:d}){let e,f,[g,h]=(0,c.useState)(""),[i,j]=(0,c.useState)(""),k=(e=(0,R.useQueryClient)(),(0,Q.useMutation)({mutationFn:async({key:b,value:c})=>(await fetch((0,F.api)(`/api/workspaces/${a}/context/${encodeURIComponent(b)}`),{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({value:c})})).json(),onSuccess:()=>{e.invalidateQueries({queryKey:["workspace-context",a]})}})),l=(f=(0,R.useQueryClient)(),(0,Q.useMutation)({mutationFn:async b=>{await fetch((0,F.api)(`/api/workspaces/${a}/context/${encodeURIComponent(b)}`),{method:"DELETE"})},onSuccess:()=>{f.invalidateQueries({queryKey:["workspace-context",a]})}})),m=()=>{g.trim()&&i.trim()&&(k.mutate({key:g.trim(),value:i.trim()}),h(""),j(""))};return(0,b.jsxs)("div",{className:"flex-1 overflow-y-auto p-2 space-y-2",children:[d.map(a=>(0,b.jsxs)("div",{className:"bg-zinc-800/50 rounded p-2 text-xs",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between mb-1",children:[(0,b.jsx)("span",{className:"font-mono font-medium text-indigo-300",children:a.key}),(0,b.jsx)("button",{onClick:()=>l.mutate(a.key),className:"text-zinc-500 hover:text-red-400",children:(0,b.jsx)(r.X,{className:"w-3 h-3"})})]}),(0,b.jsx)("p",{className:"text-zinc-300 whitespace-pre-wrap font-mono text-xs",children:a.value}),(0,b.jsxs)("span",{className:"text-zinc-500 text-xs",children:["by ",a.updatedBy]})]},a.key)),(0,b.jsxs)("div",{className:"border-t border-zinc-800 pt-2 space-y-1",children:[(0,b.jsx)("input",{value:g,onChange:a=>h(a.target.value),placeholder:"Key",className:"w-full bg-zinc-800 border border-zinc-700 rounded px-2 py-1 text-xs text-zinc-200 placeholder-zinc-500 focus:outline-none"}),(0,b.jsx)("input",{value:i,onChange:a=>j(a.target.value),placeholder:"Value",onKeyDown:a=>"Enter"===a.key&&m(),className:"w-full bg-zinc-800 border border-zinc-700 rounded px-2 py-1 text-xs text-zinc-200 placeholder-zinc-500 focus:outline-none"}),(0,b.jsx)("button",{onClick:m,disabled:!g.trim()||!i.trim(),className:"w-full px-2 py-1 bg-indigo-600 hover:bg-indigo-500 disabled:bg-zinc-700 disabled:text-zinc-500 rounded text-xs",children:"Add Entry"})]})]})}var V=a.i(58037);function W(){return(0,b.jsx)(K.TotpGate,{children:a=>(0,b.jsx)(X,{terminalToken:a})})}function X({terminalToken:a}){let m=(0,z.useRouter)(),{basePath:C,hasNetwork:D,hasCollaboration:E}=(0,I.useTier)(),[H,K]=(0,c.useState)([]),[N,O]=(0,c.useState)(!0),[P,Q]=(0,c.useState)(!0),[T,U]=(0,c.useState)(!1),[W,X]=(0,c.useState)(null),[Y,Z]=(0,c.useState)(new Set),[$,_]=(0,c.useState)(!1),[aa,ab]=(0,c.useState)(!0);!function(){let a=(0,R.useQueryClient)(),{hasCollaboration:b}=(0,I.useTier)();(0,c.useEffect)(()=>{if(!b)return;let c=new EventSource((0,F.api)("/api/events")),d=()=>{a.invalidateQueries({queryKey:["workspace-messages"]})},e=()=>{a.invalidateQueries({queryKey:["workspace-context"]})};return c.addEventListener("workspace:message",d),c.addEventListener("workspace:request",d),c.addEventListener("workspace:context_updated",e),()=>{c.removeEventListener("workspace:message",d),c.removeEventListener("workspace:request",d),c.removeEventListener("workspace:context_updated",e),c.close()}},[a,b])}();let[ac,ad]=(0,c.useState)([]),[ae,af]=(0,c.useState)(null),[ag,ah]=(0,c.useState)(!1),[ai,aj]=(0,c.useState)(!1),[ak,al]=(0,c.useState)(""),[am,an]=(0,c.useState)("#6366f1"),[ao,ap]=(0,c.useState)(null),[aq,ar]=(0,c.useState)(""),[as,at]=(0,c.useState)(""),[au,av]=(0,c.useState)(""),[aw,ax]=(0,c.useState)("#6366f1"),[ay,az]=(0,c.useState)(""),[aA,aB]=(0,c.useState)("shell"),[aC,aD]=(0,c.useState)("new"),[aE,aF]=(0,c.useState)(""),[aG,aH]=(0,c.useState)(""),aI=(0,M.useRemoteWorkspaces)(),[aJ,aK]=(0,c.useState)(new Set),aL=(0,c.useCallback)(a=>{aK(b=>{let c=new Set(b);return c.has(a)?c.delete(a):c.add(a),c})},[]),[aM,aN]=(0,c.useState)(""),[aO,aP]=(0,c.useState)([]),[aQ,aR]=(0,c.useState)(!1),[aS,aT]=(0,c.useState)(!1),[aU,aV]=(0,c.useState)(null),[aW,aX]=(0,c.useState)(!0),aY=(0,c.useRef)(null),aZ=(0,c.useRef)(null),a$=(0,c.useRef)(null),a_=(0,c.useCallback)(async()=>{let a=await fetch((0,F.api)("/api/workspaces")),b=await a.json();ad(b);let c=b.find(a=>a.isActive);return af(c||null),Q(!1),c||null},[]),a0=(0,c.useCallback)(async()=>{let a=await fetch((0,F.api)("/api/panes")),b=await a.json();K(b);let c=new Set;for(let a of b)a.isPopout&&c.add(a.id);Z(c),O(!1)},[]);(0,c.useEffect)(()=>{a_().then(a=>{a&&_(!0)})},[a_]),(0,c.useEffect)(()=>{$&&a0()},[$,a0]),(0,c.useEffect)(()=>{let a=new BroadcastChannel("spaces-panes");return a$.current=a,a.onmessage=a=>{let b=a.data;"popout-opened"===b.type?Z(a=>new Set(a).add(b.paneId)):"popout-closed"===b.type?(Z(a=>{let c=new Set(a);return c.delete(b.paneId),c}),a0()):"pane-updated"===b.type&&K(a=>a.map(a=>a.id===b.paneId?{...a,...b.data}:a))},()=>a.close()},[a0]);let[a1,a2]=(0,c.useState)(0);(0,c.useEffect)(()=>{if(!N)for(let a of H)a.isPopout&&a7(a)},[N,a1]),(0,c.useEffect)(()=>{if("claude"!==aA||"resume"!==aC)return;aR(!0);let a=setTimeout(()=>{let a=new URLSearchParams({sortBy:"modified",sortDir:"DESC",limit:"200"});aM&&a.set("search",aM),aW&&au&&a.set("projectPath",au),a.set("agentType",aA),fetch((0,F.api)(`/api/sessions?${a}`)).then(a=>a.json()).then(a=>{aP(a.sessions||[]),aR(!1)}).catch(()=>aR(!1))},300*!!aM);return()=>clearTimeout(a)},[aA,aC,aM,aW,au]),(0,c.useEffect)(()=>{function a(a){aY.current&&!aY.current.contains(a.target)&&aT(!1),aZ.current&&!aZ.current.contains(a.target)&&ah(!1)}return document.addEventListener("mousedown",a),()=>document.removeEventListener("mousedown",a)},[]);let a3=(0,c.useCallback)(async()=>{let a,b=L.AGENT_TYPES[aA],c=au||aU?.projectPath||"/";"shell"!==aA&&(a="resume"===aC&&b?.supportsResume?aU?.sessionId||ay:"new");let d=as||(aU?aU.customName||aU.firstPrompt?.slice(0,50)||b?.name||"Agent":"")||("shell"===aA?"Terminal":b?.name||"Agent"),e=ae?.collaboration&&"shell"!==aA,f=await fetch((0,F.api)("/api/panes"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({title:d,color:aw,cwd:c,claudeSessionId:a,agentType:aA,customCommand:"custom"===aA?aE:void 0,nodeId:aG||void 0,isCollaborating:e||void 0})}),g=await f.json();K(a=>[...a,g]),(0,V.track)("pane_created",{agentType:aA}),U(!1),at(""),av(""),ax("#6366f1"),az(""),aB("shell"),aD("new"),aF(""),aH(""),aV(null),aN("")},[as,au,aw,ay,aA,aC,aE,aG,aU]),a4=(0,c.useCallback)(async a=>{let b=H.find(b=>b.id===a);await fetch((0,F.api)(`/api/panes/${a}`),{method:"DELETE"}),K(b=>b.filter(b=>b.id!==a)),b&&(0,V.track)("pane_closed",{agentType:b.agentType}),W===a&&X(null),Z(b=>{let c=new Set(b);return c.delete(a),c})},[W,H]),a5=(0,c.useCallback)(async(a,b)=>{await fetch((0,F.api)(`/api/panes/${a}`),{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(b)}),K(c=>c.map(c=>c.id===a?{...c,...b}:c))},[]),a6=(0,c.useCallback)(a=>{X(b=>b===a?null:a)},[]),a7=(0,c.useCallback)(a=>{let b=a.winWidth||900,c=a.winHeight||600,d=a.winX??Math.round(screen.width/2-b/2),e=a.winY??Math.round(screen.height/2-c/2),f=`left=${d},top=${e},width=${b},height=${c},menubar=no,toolbar=no,location=no,status=no`;window.open((0,F.api)(`/terminal/pane/${a.id}`),`spaces-pane-${a.id}`,f),Z(b=>new Set(b).add(a.id)),fetch((0,F.api)(`/api/panes/${a.id}`),{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isPopout:!0,winX:d,winY:e,winWidth:b,winHeight:c})})},[]),a8=(0,c.useCallback)(a=>{let b=H.find(b=>b.id===a);b&&a7(b)},[H,a7]),a9=(0,c.useCallback)(async a=>{a$.current?.postMessage({type:"close-popouts"}),await fetch((0,F.api)(`/api/panes/${a}`),{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isPopout:!1})}),Z(b=>{let c=new Set(b);return c.delete(a),c})},[]),ba=(0,c.useCallback)(()=>{Y.size>0&&(a$.current?.postMessage({type:"close-popouts"}),Z(new Set))},[Y]),bb=(0,c.useCallback)(async a=>{ba(),await fetch((0,F.api)("/api/workspaces"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"switch",workspaceId:a})}),X(null),await a_(),await a0(),ah(!1),$?(0,V.track)("workspace_switched"):(0,V.track)("workspace_entered"),_(!0),a2(a=>a+1)},[a_,a0,ba,$]),bc=(0,c.useCallback)(async()=>{ak.trim()&&ae&&(await fetch((0,F.api)("/api/workspaces"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"duplicate",sourceId:ae.id,name:ak.trim(),color:am})}),al(""),an("#6366f1"),aj(!1),await a_())},[ak,am,ae,a_]),bd=(0,c.useCallback)(async()=>{let a=await fetch((0,F.api)("/api/workspaces"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:"New Space",color:"#6366f1"})}),b=await a.json();(0,V.track)("workspace_created"),await bb(b.id)},[bb]),be=(0,c.useCallback)(async a=>{ba(),await fetch((0,F.api)(`/api/workspaces/${a}`),{method:"DELETE"}),(0,V.track)("workspace_deleted"),await a_(),await a0(),ah(!1)},[a_,a0,ba]),bf=(0,c.useCallback)(()=>{ba(),K([]),_(!1)},[ba]),bg=(0,c.useCallback)(async(a,b)=>{await fetch((0,F.api)(`/api/workspaces/${a}`),{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:b})}),ap(null),await a_()},[a_]),bh=H.filter(a=>!Y.has(a.id));return $?N?(0,b.jsx)("div",{className:"flex items-center justify-center h-screen bg-zinc-950",children:(0,b.jsx)(e.Loader2,{className:"w-6 h-6 animate-spin text-indigo-500"})}):(0,b.jsxs)("div",{className:"h-screen flex flex-col bg-zinc-950 text-zinc-100",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between px-4 py-2 border-b border-zinc-800 flex-shrink-0",children:[(0,b.jsxs)("div",{className:"flex items-center gap-3",children:[(0,b.jsx)("button",{onClick:bf,className:"p-1.5 -ml-1 text-zinc-500 hover:text-white hover:bg-zinc-800 rounded-md transition-colors",title:"Close space and go home",children:(0,b.jsx)(t.Home,{className:"w-4 h-4"})}),(0,b.jsx)("div",{className:"w-px h-4 bg-zinc-800"}),(0,b.jsx)("h1",{className:"text-sm font-semibold",children:"Spaces"}),(0,b.jsxs)("div",{ref:aZ,className:"relative",children:[(0,b.jsxs)("button",{onClick:()=>ah(!ag),className:"flex items-center gap-1.5 px-2.5 py-1 text-xs bg-zinc-800 border border-zinc-700 rounded-md hover:border-zinc-600 transition-colors",children:[ae&&(0,b.jsx)("span",{className:"w-2 h-2 rounded-full flex-shrink-0",style:{backgroundColor:ae.color}}),(0,b.jsx)("span",{className:"max-w-[150px] truncate",children:ae?.name||"No space"}),(0,b.jsx)(k.ChevronDown,{className:"w-3 h-3 text-zinc-500"})]}),ag&&(0,b.jsxs)("div",{className:"absolute z-50 top-full left-0 mt-1 w-72 bg-zinc-800 border border-zinc-700 rounded-md shadow-xl overflow-hidden",children:[(0,b.jsx)("div",{className:"p-2 border-b border-zinc-700/50 text-[10px] text-zinc-500 uppercase tracking-wider font-medium",children:"Switch Space"}),(0,b.jsx)("div",{className:"max-h-[300px] overflow-y-auto",children:ac.map(a=>(0,b.jsx)("div",{className:"flex items-center gap-2 hover:bg-zinc-700/50 transition-colors group",children:ao===a.id?(0,b.jsxs)("div",{className:"flex items-center gap-1 flex-1 px-3 py-2",children:[(0,b.jsx)("input",{autoFocus:!0,value:aq,onChange:a=>ar(a.target.value),onKeyDown:b=>{"Enter"===b.key&&bg(a.id,aq),"Escape"===b.key&&ap(null)},className:"flex-1 bg-transparent border border-zinc-600 rounded px-1.5 py-0.5 text-xs focus:outline-none focus:border-indigo-400"}),(0,b.jsx)("button",{onClick:()=>bg(a.id,aq),className:"text-green-400 hover:text-green-300",children:(0,b.jsx)(q.Check,{className:"w-3 h-3"})})]}):(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)("button",{onClick:()=>bb(a.id),className:"flex items-center gap-2 flex-1 px-3 py-2 text-left",children:[(0,b.jsx)("span",{className:"w-2.5 h-2.5 rounded-full flex-shrink-0",style:{backgroundColor:a.color}}),(0,b.jsx)("span",{className:"text-xs text-white truncate flex-1",children:a.name}),(0,b.jsxs)("span",{className:"text-[10px] text-zinc-500",children:[a.paneCount||0," panes"]}),a.isActive&&(0,b.jsx)("span",{className:"text-[10px] text-indigo-400",children:"active"})]}),(0,b.jsxs)("div",{className:"flex items-center gap-0.5 pr-2 opacity-0 group-hover:opacity-100",children:[(0,b.jsx)("button",{onClick:b=>{b.stopPropagation(),ap(a.id),ar(a.name)},className:"p-1 text-zinc-500 hover:text-white rounded",title:"Rename",children:(0,b.jsx)(p.Pencil,{className:"w-2.5 h-2.5"})}),!a.isActive&&ac.length>1&&(0,b.jsx)("button",{onClick:b=>{b.stopPropagation(),confirm(`Delete space "${a.name}" and all its panes?`)&&be(a.id)},className:"p-1 text-zinc-500 hover:text-red-400 rounded",title:"Delete",children:(0,b.jsx)(o.Trash2,{className:"w-2.5 h-2.5"})})]})]})},a.id))}),(0,b.jsxs)("div",{className:"border-t border-zinc-700/50 p-1.5 flex gap-1",children:[(0,b.jsxs)("button",{onClick:bd,className:"flex items-center gap-1.5 px-2.5 py-1.5 text-[11px] text-zinc-400 hover:text-white hover:bg-zinc-700 rounded transition-colors flex-1",children:[(0,b.jsx)(d.Plus,{className:"w-3 h-3"})," New Empty"]}),(0,b.jsxs)("button",{onClick:()=>{aj(!0),ah(!1)},className:"flex items-center gap-1.5 px-2.5 py-1.5 text-[11px] text-zinc-400 hover:text-white hover:bg-zinc-700 rounded transition-colors flex-1",children:[(0,b.jsx)(s.Copy,{className:"w-3 h-3"})," Duplicate Current"]})]})]})]}),(0,b.jsxs)("span",{className:"text-[11px] text-zinc-500",children:[bh.length," pane",1!==bh.length?"s":"",Y.size>0&&` + ${Y.size} popped out`]})]}),(0,b.jsxs)("div",{className:"flex items-center gap-2",children:[E&&ae&&(0,b.jsxs)("button",{onClick:async()=>{let a=!ae.collaboration;await fetch((0,F.api)(`/api/workspaces/${ae.id}`),{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({collaboration:a})}),af(b=>b?{...b,collaboration:a}:b),ad(b=>b.map(b=>b.id===ae.id?{...b,collaboration:a}:b))},className:`flex items-center gap-1.5 px-2.5 py-1.5 text-xs rounded-md border transition-colors ${ae.collaboration?"border-indigo-500/50 bg-indigo-600/20 text-indigo-400":"border-zinc-700 text-zinc-500 hover:text-zinc-300 hover:border-zinc-600"}`,title:ae.collaboration?"Collaboration enabled — click to disable":"Enable collaboration for this workspace",children:[(0,b.jsx)(y.Users,{className:"w-3.5 h-3.5"}),"Collab"]}),(0,b.jsxs)("button",{onClick:bf,className:"flex items-center gap-1.5 px-3 py-1.5 text-xs border border-zinc-700 text-zinc-400 rounded-md hover:text-white hover:border-zinc-600 transition-colors",title:"Close space and return home",children:[(0,b.jsx)(u,{className:"w-3.5 h-3.5"}),"Close"]}),(0,b.jsxs)("button",{onClick:()=>U(!0),className:"flex items-center gap-1.5 px-3 py-1.5 text-xs bg-indigo-600 text-white rounded-md hover:bg-indigo-500 transition-colors",children:[(0,b.jsx)(d.Plus,{className:"w-3.5 h-3.5"}),"Add Pane"]})]})]}),ai&&(0,b.jsx)("div",{className:"border-b border-zinc-800 bg-zinc-900 px-4 py-3",children:(0,b.jsxs)("div",{className:"max-w-md flex items-center gap-2",children:[(0,b.jsx)(n,{className:"w-4 h-4 text-indigo-400 flex-shrink-0"}),(0,b.jsx)("input",{autoFocus:!0,type:"text",placeholder:"New space name...",value:ak,onChange:a=>al(a.target.value),onKeyDown:a=>"Enter"===a.key&&bc(),className:"flex-1 px-3 py-1.5 text-sm bg-zinc-800 border border-zinc-700 rounded-md focus:outline-none focus:border-indigo-500 text-white"}),(0,b.jsx)(B.ColorPicker,{value:am,onChange:an}),(0,b.jsx)("button",{onClick:bc,disabled:!ak.trim(),className:"px-3 py-1.5 text-xs bg-indigo-600 text-white rounded-md hover:bg-indigo-500 disabled:opacity-50",children:"Save"}),(0,b.jsx)("button",{onClick:()=>aj(!1),className:"p-1.5 text-zinc-400 hover:text-white",children:(0,b.jsx)(r.X,{className:"w-4 h-4"})})]})}),T&&(0,b.jsx)("div",{className:"border-b border-zinc-800 bg-zinc-900 px-4 py-4",children:(0,b.jsxs)("div",{className:"max-w-lg space-y-3",children:[(0,b.jsx)("h3",{className:"text-sm font-semibold",children:"Add Pane"}),(0,b.jsxs)("div",{children:[(0,b.jsx)("label",{className:"text-[11px] text-zinc-400 mb-1.5 block",children:"Agent"}),(0,b.jsx)("div",{className:"grid grid-cols-3 gap-1.5",children:L.AGENT_LIST.map(a=>(0,b.jsxs)("button",{onClick:()=>{aB(a.id),aD("new"),aV(null),az("")},className:`flex items-center gap-2 px-3 py-2 rounded-md border text-left transition-colors ${aA===a.id?"border-indigo-500 bg-indigo-600/20 text-white":"border-zinc-700 text-zinc-400 hover:text-white hover:border-zinc-600"}`,children:[(0,b.jsx)("span",{className:"w-2.5 h-2.5 rounded-full flex-shrink-0",style:{backgroundColor:a.color}}),(0,b.jsxs)("div",{className:"min-w-0",children:[(0,b.jsx)("div",{className:"text-xs font-medium truncate",children:a.name}),(0,b.jsx)("div",{className:"text-[10px] text-zinc-500 truncate",children:a.description})]})]},a.id))})]}),L.AGENT_TYPES[aA]?.supportsResume&&(0,b.jsxs)("div",{className:"flex gap-2",children:[(0,b.jsx)("button",{onClick:()=>{aD("new"),aV(null),az("")},className:`px-3 py-1.5 text-xs rounded-md border transition-colors ${"new"===aC?"bg-indigo-600 border-indigo-500 text-white":"border-zinc-700 text-zinc-400 hover:text-white hover:border-zinc-600"}`,children:"New Session"}),(0,b.jsx)("button",{onClick:()=>aD("resume"),className:`px-3 py-1.5 text-xs rounded-md border transition-colors ${"resume"===aC?"bg-indigo-600 border-indigo-500 text-white":"border-zinc-700 text-zinc-400 hover:text-white hover:border-zinc-600"}`,children:"Resume Session"})]}),"custom"===aA&&(0,b.jsx)("input",{type:"text",placeholder:"Command to run (e.g. python agent.py)",value:aE,onChange:a=>aF(a.target.value),className:"w-full px-3 py-2 text-sm bg-zinc-800 border border-zinc-700 rounded-md focus:outline-none focus:border-indigo-500 text-white font-mono"}),(0,b.jsx)(J,{value:aG,onChange:aH}),(0,b.jsx)("input",{type:"text",placeholder:"Title (optional)",value:as,onChange:a=>at(a.target.value),className:"w-full px-3 py-2 text-sm bg-zinc-800 border border-zinc-700 rounded-md focus:outline-none focus:border-indigo-500 text-white"}),aG?(0,b.jsxs)("div",{children:[(0,b.jsx)("label",{className:"text-[11px] text-zinc-400 mb-1.5 block",children:"Working directory (on remote node)"}),(0,b.jsx)("input",{type:"text",placeholder:"e.g. /home/user/project or ~ for home",value:au,onChange:a=>av(a.target.value),className:"w-full px-3 py-2 text-sm bg-zinc-800 border border-zinc-700 rounded-md focus:outline-none focus:border-indigo-500 text-white font-mono"})]}):(0,b.jsx)(G,{value:au,onChange:av}),"claude"===aA&&"resume"===aC&&(0,b.jsxs)("div",{ref:aY,className:"relative",children:[aU?(0,b.jsxs)("div",{className:"flex items-center gap-2 px-3 py-2 text-sm bg-zinc-800 border border-zinc-700 rounded-md",children:[(0,b.jsx)(h.MessageSquare,{className:"w-3.5 h-3.5 text-indigo-400 flex-shrink-0"}),(0,b.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,b.jsx)("div",{className:"text-white truncate",children:aU.customName||aU.firstPrompt?.slice(0,60)||"Untitled"}),(0,b.jsxs)("div",{className:"text-[10px] text-zinc-500 flex items-center gap-2",children:[(0,b.jsx)("span",{children:aU.projectName}),(0,b.jsxs)("span",{children:[aU.messageCount," msgs"]}),(0,b.jsxs)("span",{className:"font-mono",children:[aU.sessionId.slice(0,8),"..."]})]})]}),(0,b.jsx)("button",{onClick:()=>{aV(null),aT(!0)},className:"text-zinc-400 hover:text-white text-xs",children:"Change"})]}):(0,b.jsxs)("div",{className:"flex items-center gap-2 px-3 py-2 text-sm bg-zinc-800 border border-zinc-700 rounded-md cursor-text",onClick:()=>aT(!0),children:[(0,b.jsx)(g.Search,{className:"w-3.5 h-3.5 text-zinc-500"}),(0,b.jsx)("input",{type:"text",placeholder:"Search sessions by name, prompt, or project...",value:aM,onChange:a=>{aN(a.target.value),aT(!0)},onFocus:()=>aT(!0),className:"flex-1 bg-transparent focus:outline-none text-white placeholder:text-zinc-500"}),au&&(0,b.jsx)("button",{onClick:a=>{a.stopPropagation(),aX(!aW)},className:`flex-shrink-0 px-1.5 py-0.5 text-[10px] rounded border transition-colors ${aW?"border-indigo-500/50 bg-indigo-600/20 text-indigo-400":"border-zinc-600 text-zinc-500 hover:text-zinc-400"}`,title:aW?"Showing sessions for this directory — click to show all":"Showing all sessions — click to filter by directory",children:aW?au.split("/").pop():"All"}),(0,b.jsx)(k.ChevronDown,{className:"w-3.5 h-3.5 text-zinc-500"})]}),aS&&!aU&&(0,b.jsx)("div",{className:"absolute z-50 top-full left-0 right-0 mt-1 max-h-[300px] overflow-y-auto bg-zinc-800 border border-zinc-700 rounded-md shadow-xl",children:aQ?(0,b.jsxs)("div",{className:"flex items-center justify-center py-6",children:[(0,b.jsx)(e.Loader2,{className:"w-4 h-4 animate-spin text-zinc-400"}),(0,b.jsx)("span",{className:"text-xs text-zinc-400 ml-2",children:"Loading sessions..."})]}):0===aO.length?(0,b.jsx)("div",{className:"py-4 px-3 text-xs text-zinc-500 text-center",children:aM?"No sessions match your search":"No sessions found"}):aO.map(a=>(0,b.jsx)("button",{onClick:()=>{aV(a),az(a.sessionId),!au&&a.projectPath&&av(a.projectPath),as||at(a.customName||""),aT(!1)},className:"w-full text-left px-3 py-2.5 hover:bg-zinc-700 border-b border-zinc-700/50 last:border-0 transition-colors",children:(0,b.jsxs)("div",{className:"flex items-start gap-2",children:[(0,b.jsx)(h.MessageSquare,{className:"w-3.5 h-3.5 text-indigo-400 mt-0.5 flex-shrink-0"}),(0,b.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,b.jsx)("div",{className:"text-xs text-white truncate",children:a.customName||a.firstPrompt?.slice(0,70)||"Untitled session"}),(0,b.jsxs)("div",{className:"flex items-center gap-2 mt-0.5",children:[(0,b.jsxs)("span",{className:"text-[10px] text-indigo-400/70 flex items-center gap-0.5",children:[(0,b.jsx)(i.FolderOpen,{className:"w-2.5 h-2.5"}),a.projectName]}),(0,b.jsxs)("span",{className:"text-[10px] text-zinc-500",children:[a.messageCount," msgs"]}),(0,b.jsxs)("span",{className:"text-[10px] text-zinc-500 flex items-center gap-0.5",children:[(0,b.jsx)(j.Clock,{className:"w-2.5 h-2.5"}),new Date(a.modified).toLocaleDateString()]}),a.starred&&(0,b.jsx)("span",{className:"text-[10px]",children:"★"})]}),a.tags?.length>0&&(0,b.jsx)("div",{className:"flex gap-1 mt-1",children:a.tags.map(a=>(0,b.jsx)("span",{className:"text-[9px] px-1.5 py-0.5 bg-zinc-700 rounded text-zinc-400",children:a},a))})]})]})},a.sessionId))})]}),(0,b.jsxs)("div",{children:[(0,b.jsx)("label",{className:"text-[11px] text-zinc-400 mb-1.5 block",children:"Color"}),(0,b.jsx)(B.ColorPicker,{value:aw,onChange:ax})]}),(0,b.jsxs)("div",{className:"flex gap-2 pt-1",children:[(0,b.jsx)("button",{onClick:a3,disabled:"custom"===aA&&!aE.trim(),className:"px-4 py-2 text-sm bg-indigo-600 text-white rounded-md hover:bg-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed",children:"Create"}),(0,b.jsx)("button",{onClick:()=>U(!1),className:"px-4 py-2 text-sm border border-zinc-700 text-zinc-400 rounded-md hover:text-white hover:border-zinc-600",children:"Cancel"})]})]})}),Y.size>0&&(0,b.jsxs)("div",{className:"flex items-center gap-2 px-4 py-1.5 border-b border-zinc-800 bg-zinc-900/50",children:[(0,b.jsx)("span",{className:"text-[10px] text-zinc-500",children:"Popped out:"}),H.filter(a=>Y.has(a.id)).map(a=>(0,b.jsxs)("div",{className:"flex items-center gap-0.5",children:[(0,b.jsxs)("button",{onClick:()=>a7(a),className:"flex items-center gap-1 px-2 py-0.5 text-[10px] bg-zinc-800 border border-zinc-700 rounded-l text-zinc-400 hover:text-white hover:border-zinc-600",title:"Focus popout window",children:[(0,b.jsx)("span",{className:"w-1.5 h-1.5 rounded-full",style:{backgroundColor:a.color}}),a.title]}),(0,b.jsx)("button",{onClick:()=>a9(a.id),className:"px-1 py-0.5 text-[10px] bg-zinc-800 border border-zinc-700 border-l-0 rounded-r text-zinc-500 hover:text-white hover:border-zinc-600",title:"Pop back into grid",children:(0,b.jsx)(v,{className:"w-2.5 h-2.5"})})]},a.id))]}),(0,b.jsxs)("div",{className:"flex-1 flex overflow-hidden min-h-0",children:[0===bh.length&&0===Y.size?(0,b.jsx)("div",{className:"flex-1 flex items-center justify-center",children:(0,b.jsxs)("div",{className:"text-center space-y-3",children:[(0,b.jsx)("img",{src:`${C}/spaces_icon.png`,alt:"Spaces",className:"w-16 h-16 mx-auto opacity-30"}),(0,b.jsx)("p",{className:"text-zinc-500",children:"No panes yet."}),(0,b.jsx)("p",{className:"text-zinc-600 text-xs",children:"Add a pane to start a shell, Claude, Codex, Gemini, or any agent."}),(0,b.jsxs)("button",{onClick:()=>U(!0),className:"px-4 py-2 text-sm bg-indigo-600 text-white rounded-md hover:bg-indigo-500 inline-flex items-center gap-2",children:[(0,b.jsx)(d.Plus,{className:"w-4 h-4"}),"Add your first pane"]})]})}):0===bh.length?(0,b.jsx)("div",{className:"flex-1 flex items-center justify-center",children:(0,b.jsxs)("div",{className:"text-center space-y-2",children:[(0,b.jsx)("p",{className:"text-zinc-500 text-sm",children:"All panes are popped out to separate windows."}),(0,b.jsxs)("button",{onClick:()=>U(!0),className:"px-3 py-1.5 text-xs text-zinc-400 hover:text-white border border-zinc-700 rounded-md hover:border-zinc-600 inline-flex items-center gap-1.5",children:[(0,b.jsx)(d.Plus,{className:"w-3.5 h-3.5"}),"Add another pane"]})]})}):(0,b.jsx)("div",{className:"flex-1 p-2 gap-2 overflow-auto h-full",style:{display:"grid",gridTemplateColumns:1===bh.length?"1fr":bh.length<=2||bh.length<=4?"repeat(2, 1fr)":"repeat(3, 1fr)",gridAutoRows:bh.length<=2?"1fr":"minmax(300px, 1fr)"},children:bh.map(c=>W&&W!==c.id?null:(0,b.jsx)(A.TerminalPane,{pane:c,onClose:a4,onUpdate:a5,isMaximized:W===c.id,onToggleMaximize:a6,onPopout:a8,terminalToken:a,workspaceCollaboration:ae?.collaboration},c.id))}),ae?.collaboration&&(0,b.jsx)(S,{workspaceId:ae?.id??null,panes:bh.map(a=>({id:a.id,title:a.title,agentType:a.agentType,color:a.color})),collapsed:aa,onToggle:()=>ab(!aa)})]})]}):(0,b.jsxs)("div",{className:"h-screen flex flex-col bg-zinc-950 text-zinc-100",children:[(0,b.jsx)("div",{className:"absolute top-4 left-4",children:(0,b.jsxs)("button",{onClick:()=>m.push("/"),className:"flex items-center gap-2 px-3 py-1.5 text-xs text-zinc-500 hover:text-white hover:bg-zinc-800 rounded-md transition-colors",children:[(0,b.jsx)(t.Home,{className:"w-3.5 h-3.5"}),"Home"]})}),(0,b.jsx)("div",{className:"flex-1 flex items-center justify-center p-8",children:(0,b.jsxs)("div",{className:"w-full max-w-2xl",children:[(0,b.jsxs)("div",{className:"text-center mb-10",children:[(0,b.jsx)("img",{src:`${C}/spaces_icon.png`,alt:"Spaces",className:"w-16 h-16 mx-auto mb-4"}),(0,b.jsx)("h1",{className:"text-2xl font-bold mb-2",children:"Spaces"}),(0,b.jsx)("p",{className:"text-zinc-400 text-sm",children:"Choose a workspace to open, or create a new one."})]}),P?(0,b.jsx)("div",{className:"flex justify-center py-12",children:(0,b.jsx)(e.Loader2,{className:"w-6 h-6 animate-spin text-indigo-500"})}):(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{className:"grid grid-cols-2 gap-3 mb-6",children:ac.map(a=>(0,b.jsxs)("button",{onClick:()=>bb(a.id),className:"flex items-center gap-3 p-4 bg-zinc-900 border border-zinc-800 rounded-lg hover:border-zinc-600 hover:bg-zinc-800/50 transition-colors text-left group",children:[(0,b.jsx)("span",{className:"w-3.5 h-3.5 rounded-full flex-shrink-0",style:{backgroundColor:a.color}}),(0,b.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,b.jsx)("div",{className:"text-sm font-medium text-white truncate",children:a.name}),(0,b.jsxs)("div",{className:"text-xs text-zinc-500 mt-0.5",children:[a.paneCount||0," pane",1!==(a.paneCount||0)?"s":"",a.isActive&&(0,b.jsx)("span",{className:"text-indigo-400 ml-2",children:"last active"})]})]}),(0,b.jsx)(f.Terminal,{className:"w-4 h-4 text-zinc-600 group-hover:text-zinc-400 transition-colors"})]},a.id))}),(0,b.jsx)("div",{className:"flex justify-center",children:(0,b.jsxs)("button",{onClick:bd,className:"flex items-center gap-2 px-4 py-2.5 text-sm border border-zinc-700 text-zinc-400 rounded-lg hover:text-white hover:border-zinc-500 transition-colors",children:[(0,b.jsx)(d.Plus,{className:"w-4 h-4"}),"New Workspace"]})}),D&&aI.isLoading&&(0,b.jsxs)("div",{className:"flex items-center justify-center gap-2 py-4 mt-6 border-t border-zinc-800",children:[(0,b.jsx)(e.Loader2,{className:"w-4 h-4 animate-spin text-zinc-500"}),(0,b.jsx)("span",{className:"text-xs text-zinc-500",children:"Loading network spaces..."})]}),D&&aI.data?.remote&&aI.data.remote.length>0&&(0,b.jsxs)("div",{className:"mt-6 border-t border-zinc-800 pt-6",children:[(0,b.jsxs)("div",{className:"flex items-center gap-2 mb-4",children:[(0,b.jsx)(w.Globe,{className:"w-4 h-4 text-zinc-500"}),(0,b.jsx)("h2",{className:"text-sm font-medium text-zinc-400",children:"Network Spaces"})]}),aI.data.remote.map(a=>(0,b.jsxs)("div",{className:"mb-3",children:[(0,b.jsxs)("button",{onClick:()=>aL(a.nodeId),className:"flex items-center gap-2 w-full px-2 py-1.5 text-left text-xs text-zinc-400 hover:text-white rounded-md hover:bg-zinc-800/50 transition-colors",children:[aJ.has(a.nodeId)?(0,b.jsx)(l.ChevronRight,{className:"w-3.5 h-3.5 text-zinc-600"}):(0,b.jsx)(k.ChevronDown,{className:"w-3.5 h-3.5 text-zinc-600"}),(0,b.jsx)(w.Globe,{className:"w-3 h-3 text-zinc-600"}),(0,b.jsx)("span",{className:"font-medium",children:a.nodeName}),(0,b.jsxs)("span",{className:"text-zinc-600",children:[a.workspaces.length," space",1!==a.workspaces.length?"s":""]})]}),!aJ.has(a.nodeId)&&(0,b.jsx)("div",{className:"grid grid-cols-2 gap-2 mt-2 ml-5",children:a.workspaces.map(c=>(0,b.jsxs)("button",{onClick:()=>{m.push(`/terminal/remote/${a.nodeId}/${c.id}`)},className:"flex items-center gap-3 p-3 bg-zinc-900/50 border border-zinc-800/50 rounded-lg hover:border-zinc-600 hover:bg-zinc-800/30 transition-colors text-left group",children:[(0,b.jsx)("span",{className:"w-3 h-3 rounded-full flex-shrink-0 ring-1 ring-zinc-700",style:{backgroundColor:c.color}}),(0,b.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,b.jsx)("div",{className:"text-xs font-medium text-zinc-300 truncate",children:c.name}),(0,b.jsxs)("div",{className:"text-[10px] text-zinc-600 mt-0.5",children:[c.paneCount||0," pane",1!==(c.paneCount||0)?"s":""]})]}),(0,b.jsx)(w.Globe,{className:"w-3 h-3 text-zinc-700 group-hover:text-zinc-500 transition-colors"})]},`${a.nodeId}-${c.id}`))})]},a.nodeId)),aI.data.errors&&aI.data.errors.length>0&&(0,b.jsx)("div",{className:"mt-3 space-y-1",children:aI.data.errors.map(a=>(0,b.jsxs)("div",{className:"flex items-center gap-2 px-2 py-1.5 text-[10px] text-zinc-600",children:[(0,b.jsx)(x.AlertCircle,{className:"w-3 h-3 text-red-500/50"}),(0,b.jsxs)("span",{children:[a.nodeName,": ",a.error]})]},a.nodeId))})]})]})]})})]})}a.s(["default",()=>W],66490)}];
 
 //# sourceMappingURL=src_app_%28desktop%29_terminal_page_tsx_de5e8d85._.js.map

package/.next/standalone/.next/server/chunks/ssr/src_app_m_terminal_page_tsx_553a0130._.js

@@ -1,7 +1,7 @@
-module.exports=[27688,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(15618),e=a.i(96221),f=a.i(5784),g=a.i(81560),h=a.i(81010),i=a.i(17545),j=a.i(19544);let k=[{label:"Ctrl",data:null,modifier:"ctrl"},{label:"Esc",data:"\x1b"},{label:"Tab",data:"	"},{label:"|",data:"|"},{label:"~",data:"~"},{label:"↑",data:"\x1b[A"},{label:"↓",data:"\x1b[B"},{label:"←",data:"\x1b[D"},{label:"→",data:"\x1b[C"}];function l({onSend:a}){let c=b=>{"ctrl"===b.modifier?a("\0"):b.data&&a(b.data)};return(0,b.jsxs)("div",{className:"flex items-center gap-1 px-2 py-1.5 bg-zinc-900 border-t border-zinc-800 overflow-x-auto",children:[k.map(a=>(0,b.jsx)("button",{onTouchStart:b=>{b.preventDefault(),c(a)},onClick:()=>c(a),className:"flex-shrink-0 px-3 py-1.5 text-xs font-mono bg-zinc-800 border border-zinc-700 rounded text-zinc-300 active:bg-zinc-700 select-none",children:a.label},a.label)),(0,b.jsx)(j.VoiceInput,{onTranscript:a})]})}var m=a.i(92759),n=a.i(68114);function o({onSend:a}){let[d,e]=(0,c.useState)(""),f=(0,c.useRef)(null);(0,c.useEffect)(()=>{f.current&&(f.current.style.height="auto",f.current.style.height=`${Math.min(f.current.scrollHeight,96)}px`)},[d]);let g=(0,c.useCallback)(()=>{d.trim()&&(a(d+"\r"),e(""),f.current?.focus())},[d,a]),h=(0,c.useCallback)(a=>{e(b=>b?`${b} ${a}`:a),f.current?.focus()},[]);return(0,b.jsx)("div",{className:"flex-shrink-0 border-t border-zinc-800 bg-zinc-950 pb-[env(safe-area-inset-bottom)]",children:(0,b.jsxs)("div",{className:"flex items-end gap-2 px-3 py-2",children:[(0,b.jsx)(j.VoiceInput,{onTranscript:h}),(0,b.jsx)("textarea",{ref:f,value:d,onChange:a=>e(a.target.value),placeholder:"Type a command...",rows:1,className:(0,n.cn)("flex-1 resize-none rounded-xl border px-3 py-2 text-sm bg-zinc-900","focus:outline-none focus:ring-1 focus:ring-indigo-500","placeholder:text-zinc-600 border-zinc-700","max-h-[96px]")}),(0,b.jsx)("button",{onClick:g,disabled:!d.trim(),className:(0,n.cn)("p-2.5 rounded-xl flex-shrink-0",d.trim()?"bg-indigo-500 text-white":"bg-zinc-800 text-zinc-600"),children:(0,b.jsx)(m.Send,{className:"w-4 h-4"})})]})})}let p=process.env.NEXT_PUBLIC_WS_PATH;function q({pane:d,terminalToken:e,isVisible:f,onIdleChange:g,onUserInput:h}){let i=(0,c.useRef)(null),j=(0,c.useRef)(null),k=(0,c.useRef)(null),m=(0,c.useRef)(null),[n,q]=(0,c.useState)(!1),[r,s]=(0,c.useState)(!1),t=(0,c.useRef)(d);t.current=d;let u=(0,c.useRef)(e);u.current=e;let v=(0,c.useRef)(h);v.current=h;let{idleState:w,markConnected:x,markDataReceived:y,markUserInput:z,markDisconnected:A}=function({paneId:a,onIdleChange:b}){let[d,e]=(0,c.useState)("initializing"),f=(0,c.useRef)(null),g=(0,c.useRef)(null),h=(0,c.useRef)(!1),i=(0,c.useRef)("initializing"),j=(0,c.useRef)(b);j.current=b;let k=(0,c.useRef)(a);k.current=a;let l=(0,c.useCallback)(a=>{i.current!==a&&(i.current=a,e(a),j.current?.(k.current,a))},[]),m=(0,c.useCallback)(()=>{f.current&&(clearTimeout(f.current),f.current=null),g.current&&(clearTimeout(g.current),g.current=null)},[]),n=(0,c.useCallback)(()=>{f.current&&clearTimeout(f.current),f.current=setTimeout(()=>{l("idle")},1500)},[l]),o=(0,c.useCallback)(()=>{m(),h.current=!0,l("initializing"),g.current=setTimeout(()=>{h.current=!1,"initializing"===i.current&&n()},3e3)},[m,l,n]),p=(0,c.useCallback)(()=>{h.current||(l("busy"),n())},[l,n]);return{idleState:d,markConnected:o,markDataReceived:p,markUserInput:(0,c.useCallback)(()=>{!h.current&&(l("busy"),f.current&&(clearTimeout(f.current),f.current=null))},[l]),markDisconnected:(0,c.useCallback)(()=>{m(),h.current=!1,l("initializing")},[m,l])}}({paneId:d.id,onIdleChange:g}),B=(0,c.useRef)(!1),C=(0,c.useRef)(!1),D=(0,c.useRef)(null),E=(0,c.useRef)(0),F=(0,c.useCallback)(async()=>{if(!i.current)return;t.current,C.current=!1,E.current=0;let{Terminal:b}=await a.A(11809),{FitAddon:c}=await a.A(71789),{WebLinksAddon:d}=await a.A(14391);j.current&&j.current.dispose();let e=new b({cursorBlink:!0,fontSize:16,fontFamily:"'Cascadia Code', 'Fira Code', 'JetBrains Mono', Consolas, monospace",theme:{background:"#0a0a0a",foreground:"#e4e4e7",cursor:"#6366f1",selectionBackground:"#6366f133",black:"#18181b",red:"#ef4444",green:"#22c55e",yellow:"#eab308",blue:"#3b82f6",magenta:"#a855f7",cyan:"#06b6d4",white:"#e4e4e7",brightBlack:"#52525b",brightRed:"#f87171",brightGreen:"#4ade80",brightYellow:"#facc15",brightBlue:"#60a5fa",brightMagenta:"#c084fc",brightCyan:"#22d3ee",brightWhite:"#fafafa"},allowProposedApi:!0}),f=new c,g=new d;e.loadAddon(f),e.loadAddon(g),e.open(i.current),f.fit(),j.current=e,m.current=f;let h=()=>{let a,b,c,d;if(C.current)return;E.current>0&&(e.write("\x1b[2J\x1b[H"),e.clear());let f=new WebSocket((b=new URLSearchParams({paneId:(a=t.current).id,cwd:a.cwd,agentType:a.agentType||"shell",cols:String(e.cols),rows:String(e.rows)}),a.claudeSessionId&&b.set("agentSession",a.claudeSessionId),a.customCommand&&b.set("customCommand",a.customCommand),(c=u.current)&&b.set("terminalToken",c),d="https:"===location.protocol?"wss:":"ws:",`${d}//${location.host}${p||"/ws"}?${b}`));k.current=f,f.onopen=()=>{q(!0),s(!1),B.current=!1,E.current=0,x()},f.onmessage=a=>{try{let b=JSON.parse(a.data);"data"===b.type?(e.write(b.data),B.current||y()):"exit"===b.type?(s(!0),B.current=!0,A(),e.write(`\r
+module.exports=[27688,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(15618),e=a.i(96221),f=a.i(5784),g=a.i(81560),h=a.i(81010),i=a.i(17545),j=a.i(19544);let k=[{label:"Ctrl",data:null,modifier:"ctrl"},{label:"Esc",data:"\x1b"},{label:"Tab",data:"	"},{label:"|",data:"|"},{label:"~",data:"~"},{label:"↑",data:"\x1b[A"},{label:"↓",data:"\x1b[B"},{label:"←",data:"\x1b[D"},{label:"→",data:"\x1b[C"}];function l({onSend:a}){let c=b=>{"ctrl"===b.modifier?a("\0"):b.data&&a(b.data)};return(0,b.jsxs)("div",{className:"flex items-center gap-1 px-2 py-1.5 bg-zinc-900 border-t border-zinc-800 overflow-x-auto",children:[k.map(a=>(0,b.jsx)("button",{onTouchStart:b=>{b.preventDefault(),c(a)},onClick:()=>c(a),className:"flex-shrink-0 px-3 py-1.5 text-xs font-mono bg-zinc-800 border border-zinc-700 rounded text-zinc-300 active:bg-zinc-700 select-none",children:a.label},a.label)),(0,b.jsx)(j.VoiceInput,{onTranscript:a})]})}var m=a.i(92759),n=a.i(68114);function o({onSend:a}){let[d,e]=(0,c.useState)(""),f=(0,c.useRef)(null);(0,c.useEffect)(()=>{f.current&&(f.current.style.height="auto",f.current.style.height=`${Math.min(f.current.scrollHeight,96)}px`)},[d]);let g=(0,c.useCallback)(()=>{d.trim()&&(a(d+"\r"),e(""),f.current?.focus())},[d,a]),h=(0,c.useCallback)(a=>{e(b=>b?`${b} ${a}`:a),f.current?.focus()},[]);return(0,b.jsx)("div",{className:"flex-shrink-0 border-t border-zinc-800 bg-zinc-950 pb-[env(safe-area-inset-bottom)]",children:(0,b.jsxs)("div",{className:"flex items-end gap-2 px-3 py-2",children:[(0,b.jsx)(j.VoiceInput,{onTranscript:h}),(0,b.jsx)("textarea",{ref:f,value:d,onChange:a=>e(a.target.value),placeholder:"Type a command...",rows:1,className:(0,n.cn)("flex-1 resize-none rounded-xl border px-3 py-2 text-sm bg-zinc-900","focus:outline-none focus:ring-1 focus:ring-indigo-500","placeholder:text-zinc-600 border-zinc-700","max-h-[96px]")}),(0,b.jsx)("button",{onClick:g,disabled:!d.trim(),className:(0,n.cn)("p-2.5 rounded-xl flex-shrink-0",d.trim()?"bg-indigo-500 text-white":"bg-zinc-800 text-zinc-600"),children:(0,b.jsx)(m.Send,{className:"w-4 h-4"})})]})})}let p=process.env.NEXT_PUBLIC_WS_PATH;function q({pane:d,terminalToken:e,isVisible:f,onIdleChange:g,onUserInput:h}){let i=(0,c.useRef)(null),j=(0,c.useRef)(null),k=(0,c.useRef)(null),m=(0,c.useRef)(null),[n,q]=(0,c.useState)(!1),[r,s]=(0,c.useState)(!1),t=(0,c.useRef)(d);t.current=d;let u=(0,c.useRef)(e);u.current=e;let v=(0,c.useRef)(h);v.current=h;let{idleState:w,markConnected:x,markDataReceived:y,markUserInput:z,markDisconnected:A}=function({paneId:a,onIdleChange:b}){let[d,e]=(0,c.useState)("initializing"),f=(0,c.useRef)(null),g=(0,c.useRef)(null),h=(0,c.useRef)(!1),i=(0,c.useRef)("initializing"),j=(0,c.useRef)(b);j.current=b;let k=(0,c.useRef)(a);k.current=a;let l=(0,c.useCallback)(a=>{i.current!==a&&(i.current=a,e(a),j.current?.(k.current,a))},[]),m=(0,c.useCallback)(()=>{f.current&&(clearTimeout(f.current),f.current=null),g.current&&(clearTimeout(g.current),g.current=null)},[]),n=(0,c.useCallback)(()=>{f.current&&clearTimeout(f.current),f.current=setTimeout(()=>{l("idle")},1500)},[l]),o=(0,c.useCallback)(()=>{m(),h.current=!0,l("initializing"),g.current=setTimeout(()=>{h.current=!1,"initializing"===i.current&&n()},3e3)},[m,l,n]),p=(0,c.useCallback)(()=>{h.current||(l("busy"),n())},[l,n]);return{idleState:d,markConnected:o,markDataReceived:p,markUserInput:(0,c.useCallback)(()=>{!h.current&&(l("busy"),f.current&&(clearTimeout(f.current),f.current=null))},[l]),markDisconnected:(0,c.useCallback)(()=>{m(),h.current=!1,l("initializing")},[m,l])}}({paneId:d.id,onIdleChange:g}),B=(0,c.useRef)(!1),C=(0,c.useRef)(!1),D=(0,c.useRef)(null),E=(0,c.useRef)(0),F=(0,c.useCallback)(async()=>{if(!i.current)return;t.current,C.current=!1,E.current=0;let{Terminal:b}=await a.A(11809),{FitAddon:c}=await a.A(71789),{WebLinksAddon:d}=await a.A(14391);j.current&&j.current.dispose();let e=new b({cursorBlink:!0,fontSize:16,fontFamily:"'Cascadia Code', 'Fira Code', 'JetBrains Mono', Consolas, monospace",theme:{background:"#0a0a0a",foreground:"#e4e4e7",cursor:"#6366f1",selectionBackground:"#6366f133",black:"#18181b",red:"#ef4444",green:"#22c55e",yellow:"#eab308",blue:"#3b82f6",magenta:"#a855f7",cyan:"#06b6d4",white:"#e4e4e7",brightBlack:"#52525b",brightRed:"#f87171",brightGreen:"#4ade80",brightYellow:"#facc15",brightBlue:"#60a5fa",brightMagenta:"#c084fc",brightCyan:"#22d3ee",brightWhite:"#fafafa"},allowProposedApi:!0}),f=new c,g=new d;e.loadAddon(f),e.loadAddon(g),e.open(i.current);try{f.fit()}catch{}j.current=e,m.current=f;let h=()=>{try{f.fit()}catch{}};requestAnimationFrame(()=>requestAnimationFrame(h)),setTimeout(h,300);let l=()=>{let a,b,c,d,f;if(C.current)return;E.current>0&&(e.write("\x1b[2J\x1b[H"),e.clear());let g=new WebSocket((b=new URLSearchParams({paneId:(a=t.current).id,cwd:a.cwd,agentType:a.agentType||"shell",cols:String(e.cols),rows:String(e.rows)}),a.claudeSessionId&&b.set("agentSession",a.claudeSessionId),a.customCommand&&b.set("customCommand",a.customCommand),(c=u.current)&&b.set("terminalToken",c),d=p||"/ws",f="https:"===location.protocol?"wss:":"ws:",`${f}//${location.host}${d}?${b}`));k.current=g,g.onopen=()=>{q(!0),s(!1),B.current=!1,E.current=0,x()},g.onmessage=a=>{try{let b=JSON.parse(a.data);"data"===b.type?(e.write(b.data),B.current||y()):"exit"===b.type?(s(!0),B.current=!0,A(),e.write(`\r
 \x1b[90m[Process exited with code ${b.exitCode}]\x1b[0m\r
 `)):"error"===b.type&&e.write(`\r
 \x1b[31m${b.data}\x1b[0m\r
-`)}catch{}},f.onclose=()=>{if(q(!1),A(),!B.current&&!C.current){let a=E.current;if(a<20){let b=Math.min(1e3*Math.pow(1.5,a),3e4);E.current=a+1,D.current=setTimeout(h,b)}}},f.onerror=()=>{q(!1),A()}};e.onData(a=>{k.current?.readyState===WebSocket.OPEN&&(k.current.send(JSON.stringify({type:"data",data:a})),z(),v.current?.(t.current.id))}),e.onResize(({cols:a,rows:b})=>{k.current?.readyState===WebSocket.OPEN&&k.current.send(JSON.stringify({type:"resize",cols:a,rows:b}))}),h()},[x,y,z,A]);(0,c.useEffect)(()=>(F(),()=>{C.current=!0,D.current&&clearTimeout(D.current),k.current?.close(),j.current?.dispose()}),[F]),(0,c.useEffect)(()=>{let a=new ResizeObserver(()=>{if(m.current)try{m.current.fit()}catch{}});return i.current&&a.observe(i.current),()=>a.disconnect()},[]),(0,c.useEffect)(()=>{if(f&&m.current){let a=setTimeout(()=>{try{m.current?.fit()}catch{}},50);return()=>clearTimeout(a)}},[f]);let G=(0,c.useCallback)(a=>{k.current?.readyState===WebSocket.OPEN&&(k.current.send(JSON.stringify({type:"data",data:a})),z(),v.current?.(t.current.id))},[z]);return(0,b.jsxs)("div",{className:f?"flex flex-col flex-1 min-h-0":"invisible absolute inset-0 pointer-events-none flex flex-col flex-1 min-h-0",children:[(0,b.jsxs)("div",{className:"flex items-center gap-2 px-3 py-1.5 bg-zinc-900 border-b border-zinc-800 text-xs flex-shrink-0",children:[(0,b.jsx)("span",{className:"w-2 h-2 rounded-full",style:{backgroundColor:d.color}}),(0,b.jsx)("span",{className:"font-medium truncate flex-1",children:d.title}),!n&&!r&&(0,b.jsx)("span",{className:"text-yellow-500",children:"connecting..."}),r&&(0,b.jsx)("button",{onClick:()=>{C.current=!0,D.current&&clearTimeout(D.current),k.current?.close(),j.current?.dispose(),s(!1),B.current=!1,setTimeout(F,100)},className:"text-indigo-400 text-xs",children:"Restart"})]}),(0,b.jsx)("div",{ref:i,className:"flex-1 bg-[#0a0a0a]",style:{minHeight:"200px"}}),(0,b.jsx)(l,{onSend:G}),(0,b.jsx)(o,{onSend:G})]})}var r=a.i(79082),s=a.i(5699),t=a.i(19032);function u(){return(0,b.jsx)(r.TotpGate,{children:a=>(0,b.jsx)(v,{terminalToken:a})})}function v({terminalToken:a}){let[j,k]=(0,c.useState)([]),[l,m]=(0,c.useState)(!0),[o,p]=(0,c.useState)(!0),[r,u]=(0,c.useState)([]),[v,w]=(0,c.useState)(null),[x,y]=(0,c.useState)(!1),[z,A]=(0,c.useState)(null),[B,C]=(0,c.useState)(!1),[D,E]=(0,c.useState)(!1),[F,G]=(0,c.useState)({}),[H,I]=(0,c.useState)(!0),J=(0,c.useRef)(null),K=(0,c.useRef)(!1),L=(0,c.useCallback)(async()=>{let a=await fetch((0,t.api)("/api/workspaces")),b=await a.json();u(b),w(b.find(a=>a.isActive)||null),p(!1)},[]),M=(0,c.useCallback)(async()=>{let a=await fetch((0,t.api)("/api/panes")),b=await a.json();k(b),b.length>0&&!z&&A(b[0].id),m(!1)},[z]);(0,c.useEffect)(()=>{L()},[L]),(0,c.useEffect)(()=>{x&&M()},[x,M]);let N=(0,c.useCallback)(async a=>{await fetch((0,t.api)("/api/workspaces"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"switch",workspaceId:a})}),await L(),A(null),m(!0),G({});let b=await fetch((0,t.api)("/api/panes")),c=await b.json();k(c),c.length>0&&A(c[0].id),m(!1),y(!0),E(!1)},[L]),O=(0,c.useCallback)(async()=>{let a=await fetch((0,t.api)("/api/workspaces"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:"New Space",color:"#6366f1"})}),b=await a.json();await N(b.id)},[N]),[P,Q]=(0,c.useState)("/");(0,c.useEffect)(()=>{fetch((0,t.api)("/api/config")).then(a=>a.json()).then(a=>{let b=a.devDirectories||[];b.length>0&&Q(b[0])}).catch(()=>{})},[]);let R=(0,c.useCallback)(async a=>{let b=crypto.randomUUID(),c=s.AGENT_TYPES[a],d="shell"===a?"Terminal":c?.name||"Agent",e=await fetch((0,t.api)("/api/panes"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({id:b,title:d,color:c?.color||"#6366f1",cwd:P,claudeSessionId:"shell"!==a?"new":void 0,agentType:a})}),f=await e.json();k(a=>[...a,f]),A(f.id),C(!1)},[P]),S=(0,c.useCallback)(async a=>{await fetch((0,t.api)(`/api/panes/${a}`),{method:"DELETE"}),G(b=>{let c={...b};return delete c[a],c}),k(b=>{let c=b.filter(b=>b.id!==a);return z===a&&A(c.length>0?c[0].id:null),c})},[z]),T=(0,c.useCallback)((a,b)=>{G(c=>({...c,[a]:b}))},[]),U=(0,c.useCallback)(a=>{if(H){if(K.current){K.current=!1;return}J.current&&clearTimeout(J.current),J.current=setTimeout(()=>{G(b=>(k(c=>{let d=c.find(c=>c.id!==a&&"idle"===b[c.id]);return d&&A(d.id),c}),b))},800)}},[H]),V=(0,c.useCallback)(a=>{J.current&&(clearTimeout(J.current),J.current=null),K.current=!0,A(a)},[]);(0,c.useEffect)(()=>()=>{J.current&&clearTimeout(J.current)},[]);let W=j.filter(a=>a.id!==z&&"idle"===F[a.id]).length;if(!x)return(0,b.jsxs)("div",{className:"flex flex-col items-center justify-center h-[80dvh] px-6",children:[(0,b.jsx)("img",{src:`${process.env.NEXT_PUBLIC_BASE_PATH||""}/spaces_icon.png`,alt:"Spaces",className:"w-14 h-14 mb-4 opacity-60"}),(0,b.jsx)("h1",{className:"text-lg font-bold mb-1",children:"Spaces"}),(0,b.jsx)("p",{className:"text-zinc-500 text-sm mb-6",children:"Choose a workspace"}),o?(0,b.jsx)(e.Loader2,{className:"w-5 h-5 animate-spin text-indigo-500"}):(0,b.jsxs)("div",{className:"w-full max-w-sm space-y-2",children:[r.map(a=>(0,b.jsxs)("button",{onClick:()=>N(a.id),className:"flex items-center gap-3 w-full p-3.5 bg-zinc-900 border border-zinc-800 rounded-lg active:bg-zinc-800",children:[(0,b.jsx)("span",{className:"w-3 h-3 rounded-full flex-shrink-0",style:{backgroundColor:a.color}}),(0,b.jsx)("span",{className:"text-sm font-medium flex-1 text-left truncate",children:a.name}),(0,b.jsxs)("span",{className:"text-[11px] text-zinc-500",children:[a.paneCount||0," panes"]})]},a.id)),(0,b.jsxs)("button",{onClick:O,className:"flex items-center justify-center gap-2 w-full p-3 text-sm text-zinc-400 border border-zinc-800 border-dashed rounded-lg",children:[(0,b.jsx)(d.Plus,{className:"w-4 h-4"}),"New Workspace"]})]})]});if(l)return(0,b.jsx)("div",{className:"flex items-center justify-center h-[80dvh]",children:(0,b.jsx)(e.Loader2,{className:"w-5 h-5 animate-spin text-indigo-500"})});let X=j.find(a=>a.id===z);return(0,b.jsxs)("div",{className:"flex flex-col h-[calc(100dvh-64px)]",children:[(0,b.jsxs)("div",{className:"flex items-center gap-2 px-3 py-2 border-b border-zinc-800 flex-shrink-0 bg-zinc-950",children:[(0,b.jsx)("button",{onClick:()=>y(!1),className:"p-1.5 text-zinc-500 hover:text-white",children:(0,b.jsx)(h.Home,{className:"w-4 h-4"})}),(0,b.jsxs)("div",{className:"relative",children:[(0,b.jsxs)("button",{onClick:()=>E(!D),className:"flex items-center gap-1.5 px-2 py-1 text-xs bg-zinc-900 border border-zinc-800 rounded-md",children:[v&&(0,b.jsx)("span",{className:"w-2 h-2 rounded-full",style:{backgroundColor:v.color}}),(0,b.jsx)("span",{className:"max-w-[80px] truncate",children:v?.name||"Space"}),(0,b.jsx)(f.ChevronDown,{className:"w-3 h-3 text-zinc-500"})]}),D&&(0,b.jsx)("div",{className:"absolute z-50 top-full left-0 mt-1 w-56 bg-zinc-800 border border-zinc-700 rounded-lg shadow-xl overflow-hidden",children:r.map(a=>(0,b.jsxs)("button",{onClick:()=>N(a.id),className:"flex items-center gap-2 w-full px-3 py-2.5 text-xs text-left hover:bg-zinc-700",children:[(0,b.jsx)("span",{className:"w-2 h-2 rounded-full",style:{backgroundColor:a.color}}),(0,b.jsx)("span",{className:"truncate flex-1",children:a.name}),(0,b.jsx)("span",{className:"text-zinc-500",children:a.paneCount||0})]},a.id))})]}),(0,b.jsxs)("div",{className:"flex-1 flex items-center gap-1 overflow-x-auto",children:[j.map(a=>{let c=z===a.id,d=!c&&"idle"===F[a.id];return(0,b.jsxs)("button",{onClick:()=>V(a.id),className:(0,n.cn)("flex items-center gap-1.5 px-2.5 py-1 text-xs rounded-full flex-shrink-0 border transition-shadow",c?"bg-zinc-800 border-zinc-600 text-white":d?"border-transparent text-zinc-300 animate-idle-pulse":"border-transparent text-zinc-500"),style:d?{"--pulse-color":a.color}:void 0,children:[(0,b.jsx)("span",{className:(0,n.cn)("w-1.5 h-1.5 rounded-full",d&&"animate-ping-slow"),style:{backgroundColor:a.color}}),(0,b.jsx)("span",{className:"max-w-[60px] truncate",children:a.title})]},a.id)}),W>0&&(0,b.jsx)("span",{className:"flex-shrink-0 ml-1 px-1.5 py-0.5 text-[10px] font-bold rounded-full bg-amber-500/20 text-amber-400 border border-amber-500/30",children:W})]}),(0,b.jsxs)("div",{className:"flex items-center gap-1 flex-shrink-0",children:[(0,b.jsx)("button",{onClick:()=>I(!H),className:(0,n.cn)("p-1.5 rounded-md transition-colors",H?"text-amber-400 bg-amber-500/10":"text-zinc-600"),title:H?"Auto-switch: on":"Auto-switch: off",children:(0,b.jsx)(i.Layers,{className:"w-3.5 h-3.5"})}),X&&(0,b.jsx)("button",{onClick:()=>S(X.id),className:"p-1.5 text-zinc-500 hover:text-red-400",title:"Close pane",children:(0,b.jsx)(g.Trash2,{className:"w-3.5 h-3.5"})}),(0,b.jsxs)("div",{className:"relative",children:[(0,b.jsx)("button",{onClick:()=>C(!B),className:"p-1.5 bg-indigo-600 text-white rounded-md",children:(0,b.jsx)(d.Plus,{className:"w-3.5 h-3.5"})}),B&&(0,b.jsx)("div",{className:"absolute z-50 top-full right-0 mt-1 w-48 bg-zinc-800 border border-zinc-700 rounded-lg shadow-xl overflow-hidden",children:s.AGENT_LIST.map(a=>(0,b.jsxs)("button",{onClick:()=>R(a.id),className:"flex items-center gap-2 w-full px-3 py-2.5 text-xs text-left hover:bg-zinc-700",children:[(0,b.jsx)("span",{className:"w-2 h-2 rounded-full",style:{backgroundColor:a.color}}),(0,b.jsx)("span",{children:a.name})]},a.id))})]})]})]}),j.length>0?(0,b.jsx)("div",{className:"flex-1 relative min-h-0",children:j.map(c=>(0,b.jsx)(q,{pane:c,isVisible:c.id===z,onIdleChange:T,onUserInput:U,terminalToken:a},c.id))}):(0,b.jsxs)("div",{className:"flex-1 flex flex-col items-center justify-center gap-3",children:[(0,b.jsx)("img",{src:`${process.env.NEXT_PUBLIC_BASE_PATH||""}/spaces_icon.png`,alt:"",className:"w-12 h-12 opacity-20"}),(0,b.jsx)("p",{className:"text-zinc-500 text-sm",children:"No panes."}),(0,b.jsxs)("button",{onClick:()=>R("shell"),className:"px-4 py-2 text-sm bg-indigo-600 text-white rounded-lg flex items-center gap-2",children:[(0,b.jsx)(d.Plus,{className:"w-4 h-4"}),"Add Terminal"]})]})]})}a.s(["default",()=>u],27688)}];
+`)}catch{}},g.onclose=()=>{if(q(!1),A(),!B.current&&!C.current){let a=E.current;if(a<20){let b=Math.min(1e3*Math.pow(1.5,a),3e4);E.current=a+1,D.current=setTimeout(l,b)}}},g.onerror=()=>{q(!1),A()}};e.onData(a=>{k.current?.readyState===WebSocket.OPEN&&(k.current.send(JSON.stringify({type:"data",data:a})),z(),v.current?.(t.current.id))}),e.onResize(({cols:a,rows:b})=>{k.current?.readyState===WebSocket.OPEN&&k.current.send(JSON.stringify({type:"resize",cols:a,rows:b}))}),l()},[x,y,z,A]);(0,c.useEffect)(()=>(F(),()=>{C.current=!0,D.current&&clearTimeout(D.current),k.current?.close(),j.current?.dispose()}),[F]),(0,c.useEffect)(()=>{let a,b=new ResizeObserver(()=>{cancelAnimationFrame(a),a=requestAnimationFrame(()=>{if(m.current)try{m.current.fit()}catch{}})});return i.current&&b.observe(i.current),()=>{cancelAnimationFrame(a),b.disconnect()}},[]),(0,c.useEffect)(()=>{if(f&&m.current){let a=setTimeout(()=>{try{m.current?.fit()}catch{}},50);return()=>clearTimeout(a)}},[f]);let G=(0,c.useCallback)(a=>{k.current?.readyState===WebSocket.OPEN&&(k.current.send(JSON.stringify({type:"data",data:a})),z(),v.current?.(t.current.id))},[z]);return(0,b.jsxs)("div",{className:f?"flex flex-col flex-1 min-h-0":"invisible absolute inset-0 pointer-events-none flex flex-col flex-1 min-h-0",children:[(0,b.jsxs)("div",{className:"flex items-center gap-2 px-3 py-1.5 bg-zinc-900 border-b border-zinc-800 text-xs flex-shrink-0",children:[(0,b.jsx)("span",{className:"w-2 h-2 rounded-full",style:{backgroundColor:d.color}}),(0,b.jsx)("span",{className:"font-medium truncate flex-1",children:d.title}),!n&&!r&&(0,b.jsx)("span",{className:"text-yellow-500",children:"connecting..."}),r&&(0,b.jsx)("button",{onClick:()=>{C.current=!0,D.current&&clearTimeout(D.current),k.current?.close(),j.current?.dispose(),s(!1),B.current=!1,setTimeout(F,100)},className:"text-indigo-400 text-xs",children:"Restart"})]}),(0,b.jsx)("div",{ref:i,className:"flex-1 bg-[#0a0a0a]",style:{minHeight:"200px"}}),(0,b.jsx)(l,{onSend:G}),(0,b.jsx)(o,{onSend:G})]})}var r=a.i(79082),s=a.i(5699),t=a.i(19032),u=a.i(97498);function v(){return(0,b.jsx)(r.TotpGate,{children:a=>(0,b.jsx)(w,{terminalToken:a})})}function w({terminalToken:a}){let{basePath:j}=(0,u.useTier)(),[k,l]=(0,c.useState)([]),[m,o]=(0,c.useState)(!0),[p,r]=(0,c.useState)(!0),[v,w]=(0,c.useState)([]),[x,y]=(0,c.useState)(null),[z,A]=(0,c.useState)(!1),[B,C]=(0,c.useState)(null),[D,E]=(0,c.useState)(!1),[F,G]=(0,c.useState)(!1),[H,I]=(0,c.useState)({}),[J,K]=(0,c.useState)(!0),L=(0,c.useRef)(null),M=(0,c.useRef)(!1),N=(0,c.useCallback)(async()=>{let a=await fetch((0,t.api)("/api/workspaces")),b=await a.json();w(b);let c=b.find(a=>a.isActive);return y(c||null),r(!1),c||null},[]),O=(0,c.useCallback)(async()=>{let a=await fetch((0,t.api)("/api/panes")),b=await a.json();l(b),b.length>0&&!B&&C(b[0].id),o(!1)},[B]);(0,c.useEffect)(()=>{N().then(a=>{a&&A(!0)})},[N]),(0,c.useEffect)(()=>{z&&O()},[z,O]);let P=(0,c.useCallback)(async a=>{await fetch((0,t.api)("/api/workspaces"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"switch",workspaceId:a})}),await N(),C(null),o(!0),I({});let b=await fetch((0,t.api)("/api/panes")),c=await b.json();l(c),c.length>0&&C(c[0].id),o(!1),A(!0),G(!1)},[N]),Q=(0,c.useCallback)(async()=>{let a=await fetch((0,t.api)("/api/workspaces"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:"New Space",color:"#6366f1"})}),b=await a.json();await P(b.id)},[P]),[R,S]=(0,c.useState)("/");(0,c.useEffect)(()=>{fetch((0,t.api)("/api/config")).then(a=>a.json()).then(a=>{let b=a.devDirectories||[];b.length>0&&S(b[0])}).catch(()=>{})},[]);let T=(0,c.useCallback)(async a=>{let b=s.AGENT_TYPES[a],c="shell"===a?"Terminal":b?.name||"Agent",d=await fetch((0,t.api)("/api/panes"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({title:c,color:b?.color||"#6366f1",cwd:R,claudeSessionId:"shell"!==a?"new":void 0,agentType:a})}),e=await d.json();l(a=>[...a,e]),C(e.id),E(!1)},[R]),U=(0,c.useCallback)(async a=>{await fetch((0,t.api)(`/api/panes/${a}`),{method:"DELETE"}),I(b=>{let c={...b};return delete c[a],c}),l(b=>{let c=b.filter(b=>b.id!==a);return B===a&&C(c.length>0?c[0].id:null),c})},[B]),V=(0,c.useCallback)((a,b)=>{I(c=>({...c,[a]:b}))},[]),W=(0,c.useCallback)(a=>{if(J){if(M.current){M.current=!1;return}L.current&&clearTimeout(L.current),L.current=setTimeout(()=>{I(b=>(l(c=>{let d=c.find(c=>c.id!==a&&"idle"===b[c.id]);return d&&C(d.id),c}),b))},800)}},[J]),X=(0,c.useCallback)(a=>{L.current&&(clearTimeout(L.current),L.current=null),M.current=!0,C(a)},[]);(0,c.useEffect)(()=>()=>{L.current&&clearTimeout(L.current)},[]);let Y=k.filter(a=>a.id!==B&&"idle"===H[a.id]).length;if(!z)return(0,b.jsxs)("div",{className:"flex flex-col items-center justify-center h-[80dvh] px-6",children:[(0,b.jsx)("img",{src:`${j}/spaces_icon.png`,alt:"Spaces",className:"w-14 h-14 mb-4 opacity-60"}),(0,b.jsx)("h1",{className:"text-lg font-bold mb-1",children:"Spaces"}),(0,b.jsx)("p",{className:"text-zinc-500 text-sm mb-6",children:"Choose a workspace"}),p?(0,b.jsx)(e.Loader2,{className:"w-5 h-5 animate-spin text-indigo-500"}):(0,b.jsxs)("div",{className:"w-full max-w-sm space-y-2",children:[v.map(a=>(0,b.jsxs)("button",{onClick:()=>P(a.id),className:"flex items-center gap-3 w-full p-3.5 bg-zinc-900 border border-zinc-800 rounded-lg active:bg-zinc-800",children:[(0,b.jsx)("span",{className:"w-3 h-3 rounded-full flex-shrink-0",style:{backgroundColor:a.color}}),(0,b.jsx)("span",{className:"text-sm font-medium flex-1 text-left truncate",children:a.name}),(0,b.jsxs)("span",{className:"text-[11px] text-zinc-500",children:[a.paneCount||0," panes"]})]},a.id)),(0,b.jsxs)("button",{onClick:Q,className:"flex items-center justify-center gap-2 w-full p-3 text-sm text-zinc-400 border border-zinc-800 border-dashed rounded-lg",children:[(0,b.jsx)(d.Plus,{className:"w-4 h-4"}),"New Workspace"]})]})]});if(m)return(0,b.jsx)("div",{className:"flex items-center justify-center h-[80dvh]",children:(0,b.jsx)(e.Loader2,{className:"w-5 h-5 animate-spin text-indigo-500"})});let Z=k.find(a=>a.id===B);return(0,b.jsxs)("div",{className:"flex flex-col h-[calc(100dvh-64px)]",children:[(0,b.jsxs)("div",{className:"flex items-center gap-2 px-3 py-2 border-b border-zinc-800 flex-shrink-0 bg-zinc-950",children:[(0,b.jsx)("button",{onClick:()=>A(!1),className:"p-1.5 text-zinc-500 hover:text-white",children:(0,b.jsx)(h.Home,{className:"w-4 h-4"})}),(0,b.jsxs)("div",{className:"relative",children:[(0,b.jsxs)("button",{onClick:()=>G(!F),className:"flex items-center gap-1.5 px-2 py-1 text-xs bg-zinc-900 border border-zinc-800 rounded-md",children:[x&&(0,b.jsx)("span",{className:"w-2 h-2 rounded-full",style:{backgroundColor:x.color}}),(0,b.jsx)("span",{className:"max-w-[80px] truncate",children:x?.name||"Space"}),(0,b.jsx)(f.ChevronDown,{className:"w-3 h-3 text-zinc-500"})]}),F&&(0,b.jsx)("div",{className:"absolute z-50 top-full left-0 mt-1 w-56 bg-zinc-800 border border-zinc-700 rounded-lg shadow-xl overflow-hidden",children:v.map(a=>(0,b.jsxs)("button",{onClick:()=>P(a.id),className:"flex items-center gap-2 w-full px-3 py-2.5 text-xs text-left hover:bg-zinc-700",children:[(0,b.jsx)("span",{className:"w-2 h-2 rounded-full",style:{backgroundColor:a.color}}),(0,b.jsx)("span",{className:"truncate flex-1",children:a.name}),(0,b.jsx)("span",{className:"text-zinc-500",children:a.paneCount||0})]},a.id))})]}),(0,b.jsxs)("div",{className:"flex-1 flex items-center gap-1 overflow-x-auto",children:[k.map(a=>{let c=B===a.id,d=!c&&"idle"===H[a.id];return(0,b.jsxs)("button",{onClick:()=>X(a.id),className:(0,n.cn)("flex items-center gap-1.5 px-2.5 py-1 text-xs rounded-full flex-shrink-0 border transition-shadow",c?"bg-zinc-800 border-zinc-600 text-white":d?"border-transparent text-zinc-300 animate-idle-pulse":"border-transparent text-zinc-500"),style:d?{"--pulse-color":a.color}:void 0,children:[(0,b.jsx)("span",{className:(0,n.cn)("w-1.5 h-1.5 rounded-full",d&&"animate-ping-slow"),style:{backgroundColor:a.color}}),(0,b.jsx)("span",{className:"max-w-[60px] truncate",children:a.title})]},a.id)}),Y>0&&(0,b.jsx)("span",{className:"flex-shrink-0 ml-1 px-1.5 py-0.5 text-[10px] font-bold rounded-full bg-amber-500/20 text-amber-400 border border-amber-500/30",children:Y})]}),(0,b.jsxs)("div",{className:"flex items-center gap-1 flex-shrink-0",children:[(0,b.jsx)("button",{onClick:()=>K(!J),className:(0,n.cn)("p-1.5 rounded-md transition-colors",J?"text-amber-400 bg-amber-500/10":"text-zinc-600"),title:J?"Auto-switch: on":"Auto-switch: off",children:(0,b.jsx)(i.Layers,{className:"w-3.5 h-3.5"})}),Z&&(0,b.jsx)("button",{onClick:()=>U(Z.id),className:"p-1.5 text-zinc-500 hover:text-red-400",title:"Close pane",children:(0,b.jsx)(g.Trash2,{className:"w-3.5 h-3.5"})}),(0,b.jsxs)("div",{className:"relative",children:[(0,b.jsx)("button",{onClick:()=>E(!D),className:"p-1.5 bg-indigo-600 text-white rounded-md",children:(0,b.jsx)(d.Plus,{className:"w-3.5 h-3.5"})}),D&&(0,b.jsx)("div",{className:"absolute z-50 top-full right-0 mt-1 w-48 bg-zinc-800 border border-zinc-700 rounded-lg shadow-xl overflow-hidden",children:s.AGENT_LIST.map(a=>(0,b.jsxs)("button",{onClick:()=>T(a.id),className:"flex items-center gap-2 w-full px-3 py-2.5 text-xs text-left hover:bg-zinc-700",children:[(0,b.jsx)("span",{className:"w-2 h-2 rounded-full",style:{backgroundColor:a.color}}),(0,b.jsx)("span",{children:a.name})]},a.id))})]})]})]}),k.length>0?(0,b.jsx)("div",{className:"flex-1 relative min-h-0",children:k.map(c=>(0,b.jsx)(q,{pane:c,isVisible:c.id===B,onIdleChange:V,onUserInput:W,terminalToken:a},c.id))}):(0,b.jsxs)("div",{className:"flex-1 flex flex-col items-center justify-center gap-3",children:[(0,b.jsx)("img",{src:`${j}/spaces_icon.png`,alt:"",className:"w-12 h-12 opacity-20"}),(0,b.jsx)("p",{className:"text-zinc-500 text-sm",children:"No panes."}),(0,b.jsxs)("button",{onClick:()=>T("shell"),className:"px-4 py-2 text-sm bg-indigo-600 text-white rounded-lg flex items-center gap-2",children:[(0,b.jsx)(d.Plus,{className:"w-4 h-4"}),"Add Terminal"]})]})]})}a.s(["default",()=>v],27688)}];
 
 //# sourceMappingURL=src_app_m_terminal_page_tsx_553a0130._.js.map