aicodeman 0.5.13 → 0.6.0

package/dist/web/public/{panels-ui.8cdc0c1f.js → panels-ui.07e4dee7.js}

@@ -14,7 +14,7 @@
         <span class="stat-card-value">${this.formatTokens(d+u)}</span>
         <span class="stat-card-cost">~$${h.toFixed(2)}</span>
       </div>
-    `;const p=document.getElementById("statsChart"),f=document.getElementById("statsChartDays"),b=[];for(let v=6;v>=0;v--){const S=new Date;S.setDate(S.getDate()-v);const $=S.toISOString().split("T")[0],y=t.find(D=>D.date===$);b.push({date:$,dayName:S.toLocaleDateString("en-US",{weekday:"short"}),tokens:y?y.inputTokens+y.outputTokens:0,cost:y?y.estimatedCost:0})}const g=Math.max(...b.map(v=>v.tokens),1);p.innerHTML=b.map(v=>{const S=Math.max(v.tokens/g*100,3),$=`${v.dayName}: ${this.formatTokens(v.tokens)} (~$${v.cost.toFixed(2)})`;return`<div class="bar" style="height: ${S}%" data-tooltip="${$}"></div>`}).join(""),f.innerHTML=b.map(v=>`<span>${v.dayName}</span>`).join("");const w=document.getElementById("statsTable"),T=t.slice(0,14);T.length===0?w.innerHTML='<div class="stats-no-data">No usage data recorded yet</div>':w.innerHTML=`
+    `;const p=document.getElementById("statsChart"),f=document.getElementById("statsChartDays"),w=[];for(let v=6;v>=0;v--){const S=new Date;S.setDate(S.getDate()-v);const $=S.toISOString().split("T")[0],y=t.find(D=>D.date===$);w.push({date:$,dayName:S.toLocaleDateString("en-US",{weekday:"short"}),tokens:y?y.inputTokens+y.outputTokens:0,cost:y?y.estimatedCost:0})}const g=Math.max(...w.map(v=>v.tokens),1);p.innerHTML=w.map(v=>{const S=Math.max(v.tokens/g*100,3),$=`${v.dayName}: ${this.formatTokens(v.tokens)} (~$${v.cost.toFixed(2)})`;return`<div class="bar" style="height: ${S}%" data-tooltip="${$}"></div>`}).join(""),f.innerHTML=w.map(v=>`<span>${v.dayName}</span>`).join("");const b=document.getElementById("statsTable"),T=t.slice(0,14);T.length===0?b.innerHTML='<div class="stats-no-data">No usage data recorded yet</div>':b.innerHTML=`
         <div class="stats-table-header">
           <span>Date</span>
           <span>Input</span>
@@ -29,7 +29,7 @@
               <span class="cell cell-cost">$${v.estimatedCost.toFixed(2)}</span>
             </div>
           `).join("")}
-      `},closeTokenStats(){const e=document.getElementById("tokenStatsModal");e&&e.classList.remove("active")},async toggleMonitorPanel(){const e=document.getElementById("monitorPanel"),t=document.getElementById("monitorToggleBtn");e.classList.toggle("open"),e.classList.contains("open")?(await this.loadMuxSessions(),await fetch("/api/mux-sessions/stats/start",{method:"POST"}),this.renderTaskPanel(),t&&(t.innerHTML="&#x25BC;")):(await fetch("/api/mux-sessions/stats/stop",{method:"POST"}),t&&(t.innerHTML="&#x25B2;"))},toggleTaskPanel(){this.toggleMonitorPanel()},toggleMonitorDetach(){const e=document.getElementById("monitorPanel"),t=document.getElementById("monitorDetachBtn");e.classList.contains("detached")?(e.classList.remove("detached"),e.style.top="",e.style.left="",e.style.width="",e.style.height="",t&&(t.innerHTML="&#x29C9;",t.title="Detach panel")):(e.classList.add("detached"),e.classList.add("open"),t&&(t.innerHTML="&#x229E;",t.title="Attach panel"),this.setupMonitorDrag())},setupMonitorDrag(){const e=document.getElementById("monitorPanel"),t=document.getElementById("monitorPanelHeader");if(!e||!t)return;let s=!1,n,a,o,r;const i=d=>{if(d.target.closest("button")||!e.classList.contains("detached"))return;s=!0;const u=getEventCoords(d);n=u.clientX,a=u.clientY;const h=e.getBoundingClientRect();o=h.left,r=h.top,document.addEventListener("mousemove",l),document.addEventListener("mouseup",c),document.addEventListener("touchmove",l,{passive:!1}),document.addEventListener("touchend",c),d.preventDefault()},l=d=>{if(!s)return;const u=getEventCoords(d),h=u.clientX-n,m=u.clientY-a;let p=o+h,f=r+m;const b=e.getBoundingClientRect();p=Math.max(0,Math.min(window.innerWidth-b.width,p)),f=Math.max(0,Math.min(window.innerHeight-b.height,f)),e.style.left=p+"px",e.style.top=f+"px"},c=()=>{s=!1,document.removeEventListener("mousemove",l),document.removeEventListener("mouseup",c),document.removeEventListener("touchmove",l),document.removeEventListener("touchend",c)};t.removeEventListener("mousedown",t._dragHandler),t.removeEventListener("touchstart",t._touchDragHandler),t._dragHandler=i,t._touchDragHandler=i,t.addEventListener("mousedown",i),t.addEventListener("touchstart",i,{passive:!1})},toggleSubagentsDetach(){const e=document.getElementById("subagentsPanel"),t=document.getElementById("subagentsDetachBtn");e.classList.contains("detached")?(e.classList.remove("detached"),e.style.top="",e.style.left="",e.style.width="",e.style.height="",t&&(t.innerHTML="&#x29C9;",t.title="Detach panel")):(e.classList.add("detached"),e.classList.add("open"),t&&(t.innerHTML="&#x229E;",t.title="Attach panel"),this.setupSubagentsDrag())},setupSubagentsDrag(){const e=document.getElementById("subagentsPanel"),t=document.getElementById("subagentsPanelHeader");if(!e||!t)return;let s=!1,n,a,o,r;const i=d=>{if(d.target.closest("button")||!e.classList.contains("detached"))return;s=!0;const u=getEventCoords(d);n=u.clientX,a=u.clientY;const h=e.getBoundingClientRect();o=h.left,r=h.top,document.addEventListener("mousemove",l),document.addEventListener("mouseup",c),document.addEventListener("touchmove",l,{passive:!1}),document.addEventListener("touchend",c),d.preventDefault()},l=d=>{if(!s)return;const u=getEventCoords(d),h=u.clientX-n,m=u.clientY-a;let p=o+h,f=r+m;const b=e.getBoundingClientRect();p=Math.max(0,Math.min(window.innerWidth-b.width,p)),f=Math.max(0,Math.min(window.innerHeight-b.height,f)),e.style.left=p+"px",e.style.top=f+"px"},c=()=>{s=!1,document.removeEventListener("mousemove",l),document.removeEventListener("mouseup",c),document.removeEventListener("touchmove",l),document.removeEventListener("touchend",c)};t.removeEventListener("mousedown",t._dragHandler),t.removeEventListener("touchstart",t._touchDragHandler),t._dragHandler=i,t._touchDragHandler=i,t.addEventListener("mousedown",i),t.addEventListener("touchstart",i,{passive:!1})},renderTaskPanel(){this._debouncedCall("taskPanel",this._renderTaskPanelImmediate)},_renderTaskPanelImmediate(){const e=this.sessions.get(this.activeSessionId),t=document.getElementById("backgroundTasksBody"),s=document.getElementById("taskPanelStats"),n=document.getElementById("backgroundTasksSection");if(!e||!e.taskTree||e.taskTree.length===0){n&&(n.style.display="none"),t.innerHTML="",s.textContent="0 tasks";return}n&&(n.style.display="");const a=e.taskStats||{running:0,completed:0,failed:0,total:0};s.textContent=`${a.running} running, ${a.completed} done`;const o=(l,c)=>{const d=l.status==="running"?"":l.status==="completed"?"&#x2713;":"&#x2717;",u=l.endTime?`${((l.endTime-l.startTime)/1e3).toFixed(1)}s`:`${((Date.now()-l.startTime)/1e3).toFixed(0)}s...`;let h="";if(l.children&&l.children.length>0){h='<div class="task-children">';for(const m of l.children){const p=c.find(f=>f.id===m);p&&(h+=`<div class="task-node">${o(p,c)}</div>`)}h+="</div>"}return`
+      `},closeTokenStats(){const e=document.getElementById("tokenStatsModal");e&&e.classList.remove("active")},async toggleMonitorPanel(){const e=document.getElementById("monitorPanel"),t=document.getElementById("monitorToggleBtn");e.classList.toggle("open"),e.classList.contains("open")?(await this.loadMuxSessions(),await fetch("/api/mux-sessions/stats/start",{method:"POST"}),this.renderTaskPanel(),t&&(t.innerHTML="&#x25BC;")):(await fetch("/api/mux-sessions/stats/stop",{method:"POST"}),t&&(t.innerHTML="&#x25B2;"))},toggleTaskPanel(){this.toggleMonitorPanel()},toggleMonitorDetach(){const e=document.getElementById("monitorPanel"),t=document.getElementById("monitorDetachBtn");e.classList.contains("detached")?(e.classList.remove("detached"),e.style.top="",e.style.left="",e.style.width="",e.style.height="",t&&(t.innerHTML="&#x29C9;",t.title="Detach panel")):(e.classList.add("detached"),e.classList.add("open"),t&&(t.innerHTML="&#x229E;",t.title="Attach panel"),this.setupMonitorDrag())},setupMonitorDrag(){const e=document.getElementById("monitorPanel"),t=document.getElementById("monitorPanelHeader");if(!e||!t)return;let s=!1,n,a,o,r;const i=d=>{if(d.target.closest("button")||!e.classList.contains("detached"))return;s=!0;const u=getEventCoords(d);n=u.clientX,a=u.clientY;const h=e.getBoundingClientRect();o=h.left,r=h.top,document.addEventListener("mousemove",l),document.addEventListener("mouseup",c),document.addEventListener("touchmove",l,{passive:!1}),document.addEventListener("touchend",c),d.preventDefault()},l=d=>{if(!s)return;const u=getEventCoords(d),h=u.clientX-n,m=u.clientY-a;let p=o+h,f=r+m;const w=e.getBoundingClientRect();p=Math.max(0,Math.min(window.innerWidth-w.width,p)),f=Math.max(0,Math.min(window.innerHeight-w.height,f)),e.style.left=p+"px",e.style.top=f+"px"},c=()=>{s=!1,document.removeEventListener("mousemove",l),document.removeEventListener("mouseup",c),document.removeEventListener("touchmove",l),document.removeEventListener("touchend",c)};t.removeEventListener("mousedown",t._dragHandler),t.removeEventListener("touchstart",t._touchDragHandler),t._dragHandler=i,t._touchDragHandler=i,t.addEventListener("mousedown",i),t.addEventListener("touchstart",i,{passive:!1})},toggleSubagentsDetach(){const e=document.getElementById("subagentsPanel"),t=document.getElementById("subagentsDetachBtn");e.classList.contains("detached")?(e.classList.remove("detached"),e.style.top="",e.style.left="",e.style.width="",e.style.height="",t&&(t.innerHTML="&#x29C9;",t.title="Detach panel")):(e.classList.add("detached"),e.classList.add("open"),t&&(t.innerHTML="&#x229E;",t.title="Attach panel"),this.setupSubagentsDrag())},setupSubagentsDrag(){const e=document.getElementById("subagentsPanel"),t=document.getElementById("subagentsPanelHeader");if(!e||!t)return;let s=!1,n,a,o,r;const i=d=>{if(d.target.closest("button")||!e.classList.contains("detached"))return;s=!0;const u=getEventCoords(d);n=u.clientX,a=u.clientY;const h=e.getBoundingClientRect();o=h.left,r=h.top,document.addEventListener("mousemove",l),document.addEventListener("mouseup",c),document.addEventListener("touchmove",l,{passive:!1}),document.addEventListener("touchend",c),d.preventDefault()},l=d=>{if(!s)return;const u=getEventCoords(d),h=u.clientX-n,m=u.clientY-a;let p=o+h,f=r+m;const w=e.getBoundingClientRect();p=Math.max(0,Math.min(window.innerWidth-w.width,p)),f=Math.max(0,Math.min(window.innerHeight-w.height,f)),e.style.left=p+"px",e.style.top=f+"px"},c=()=>{s=!1,document.removeEventListener("mousemove",l),document.removeEventListener("mouseup",c),document.removeEventListener("touchmove",l),document.removeEventListener("touchend",c)};t.removeEventListener("mousedown",t._dragHandler),t.removeEventListener("touchstart",t._touchDragHandler),t._dragHandler=i,t._touchDragHandler=i,t.addEventListener("mousedown",i),t.addEventListener("touchstart",i,{passive:!1})},renderTaskPanel(){this._debouncedCall("taskPanel",this._renderTaskPanelImmediate)},_renderTaskPanelImmediate(){const e=this.sessions.get(this.activeSessionId),t=document.getElementById("backgroundTasksBody"),s=document.getElementById("taskPanelStats"),n=document.getElementById("backgroundTasksSection");if(!e||!e.taskTree||e.taskTree.length===0){n&&(n.style.display="none"),t.innerHTML="",s.textContent="0 tasks";return}n&&(n.style.display="");const a=e.taskStats||{running:0,completed:0,failed:0,total:0};s.textContent=`${a.running} running, ${a.completed} done`;const o=(l,c)=>{const d=l.status==="running"?"":l.status==="completed"?"&#x2713;":"&#x2717;",u=l.endTime?`${((l.endTime-l.startTime)/1e3).toFixed(1)}s`:`${((Date.now()-l.startTime)/1e3).toFixed(0)}s...`;let h="";if(l.children&&l.children.length>0){h='<div class="task-children">';for(const m of l.children){const p=c.find(f=>f.id===m);p&&(h+=`<div class="task-node">${o(p,c)}</div>`)}h+="</div>"}return`
         <div class="task-item">
           <span class="task-status-icon ${l.status}">${d}</span>
           <div class="task-info">
@@ -134,10 +134,10 @@
         <span class="tool-detail">${escapeHtml(a)}</span>
       </div>`}else if(e.type==="message"){const s=e.text.length>150?e.text.substring(0,150)+"...":e.text;return`<div class="message-line">
         <span class="time">${t}</span> \u{1F4AC} ${escapeHtml(s)}
-      </div>`}return""},updateSubagentWindows(){for(const e of this.subagentWindows.keys())this.renderSubagentWindowContent(e),this.updateSubagentWindowHeader(e)},updateSubagentWindowHeader(e){const t=this.subagents.get(e);if(!t)return;const s=document.getElementById(`subagent-window-${e}`);if(!s)return;const n=s.querySelector(".subagent-window-title .id");if(n){const c=this.getTeammateInfo(t),d=c?c.name:t.description||e.substring(0,7),u=d.length>50?d.substring(0,50)+"...":d;n.textContent=u}let a=s.querySelector(".teammate-badge");const o=this.getTeammateInfo(t);if(o&&!a){const c=s.querySelector(".subagent-window-title");if(c){const d=document.createElement("span");d.className=`teammate-badge teammate-color-${o.color}`,d.title=`Team: ${o.teamName}`,d.textContent=`@${o.name}`;const u=c.querySelector(".status");u&&u.insertAdjacentElement("beforebegin",d)}}const r=s.querySelector(".subagent-window-title");r&&(r.title=t.description||e);let i=s.querySelector(".subagent-window-title .subagent-model-badge");if(t.modelShort){if(!i){i=document.createElement("span"),i.className=`subagent-model-badge ${t.modelShort}`;const c=s.querySelector(".subagent-window-title .status");c&&c.insertAdjacentElement("beforebegin",i)}i.className=`subagent-model-badge ${t.modelShort}`,i.textContent=t.modelShort}const l=s.querySelector(".subagent-window-title .status");l&&(l.className=`status ${t.status}`,l.textContent=t.status)},openAllActiveSubagentWindows(){for(const[e,t]of this.subagents)t.status==="active"&&!this.subagentWindows.has(e)&&this.openSubagentWindow(e)},initTeammateTerminal(e,t,s){const n=s.querySelector(".subagent-window-body");if(!n)return;n.innerHTML="",n.classList.add("teammate-terminal-body"),s.classList.add("has-terminal");const a=t.sessionId,o=[];this.teammateTerminals.set(e,{terminal:null,fitAddon:null,paneTarget:t.paneTarget,sessionId:a,resizeObserver:null,pendingData:o}),requestAnimationFrame(()=>{if(!document.contains(n)){this.teammateTerminals.delete(e);return}const r=new Terminal({theme:{background:"#0d0d0d",foreground:"#e0e0e0",cursor:"#e0e0e0",cursorAccent:"#0d0d0d",selection:"rgba(255, 255, 255, 0.3)",black:"#0d0d0d",red:"#ff6b6b",green:"#51cf66",yellow:"#ffd43b",blue:"#339af0",magenta:"#cc5de8",cyan:"#22b8cf",white:"#e0e0e0",brightBlack:"#495057",brightRed:"#ff8787",brightGreen:"#69db7c",brightYellow:"#ffe066",brightBlue:"#5c7cfa",brightMagenta:"#da77f2",brightCyan:"#66d9e8",brightWhite:"#ffffff"},fontFamily:'"Fira Code", "Cascadia Code", "JetBrains Mono", "SF Mono", Monaco, monospace',fontSize:12,lineHeight:1.2,cursorBlink:!0,cursorStyle:"block",scrollback:5e3,allowTransparency:!0,allowProposedApi:!0}),i=new FitAddon.FitAddon;if(r.loadAddon(i),typeof Unicode11Addon<"u")try{const d=new Unicode11Addon.Unicode11Addon;r.loadAddon(d),r.unicode.activeVersion="11"}catch{}try{r.open(n)}catch(d){console.warn("[TeammateTerminal] Failed to open terminal:",d),this.teammateTerminals.delete(e);return}setTimeout(()=>{try{i.fit()}catch{}fetch(`/api/sessions/${a}/teammate-pane-buffer/${encodeURIComponent(t.paneTarget)}`).then(d=>d.json()).then(d=>{if(d.success&&d.data?.buffer)try{r.write(d.data.buffer)}catch{}}).catch(d=>console.error("[TeammateTerminal] Failed to fetch buffer:",d));for(const d of o)try{r.write(d)}catch{}o.length=0},100),r.onData(d=>{fetch(`/api/sessions/${a}/teammate-pane-input`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({paneTarget:t.paneTarget,input:d})}).catch(u=>console.error("[TeammateTerminal] Failed to send input:",u))});const l=new ResizeObserver(()=>{requestAnimationFrame(()=>{try{i.fit()}catch{}})});l.observe(n);const c=this.teammateTerminals.get(e);c&&(c.terminal=r,c.fitAddon=i,c.resizeObserver=l)})},openTeammateTerminalWindow(e){if(!this.sessions.has(e.sessionId))return;const t=`pane-${e.paneTarget}`;if(this.subagentWindows.has(t)){const y=this.subagentWindows.get(t);y.hidden&&(y.element.style.display="flex",y.hidden=!1),y.element.style.zIndex=++this.subagentWindowZIndex,y.minimized&&this.restoreSubagentWindow(t);return}const s=this.subagentWindows.size,n=550,a=400,o=20,r=window.innerWidth,i=window.innerHeight,l=50,c=120,d=Math.floor((r-l-50)/(n+o))||1,u=Math.floor((i-c-50)/(a+o))||1,h=s%d,m=Math.floor(s/d)%u;let p=l+h*(n+o),f=c+m*(a+o);p=Math.max(10,Math.min(p,r-n-10)),f=Math.max(10,Math.min(f,i-a-10));const b=e.color||"blue",g=document.createElement("div");g.className="subagent-window has-terminal",g.id=`subagent-window-${t}`,g.style.zIndex=++this.subagentWindowZIndex,g.style.left=`${p}px`,g.style.top=`${f}px`,g.style.width=`${n}px`,g.style.height=`${a}px`,g.innerHTML=`
+      </div>`}return""},updateSubagentWindows(){for(const e of this.subagentWindows.keys())this.renderSubagentWindowContent(e),this.updateSubagentWindowHeader(e)},updateSubagentWindowHeader(e){const t=this.subagents.get(e);if(!t)return;const s=document.getElementById(`subagent-window-${e}`);if(!s)return;const n=s.querySelector(".subagent-window-title .id");if(n){const c=this.getTeammateInfo(t),d=c?c.name:t.description||e.substring(0,7),u=d.length>50?d.substring(0,50)+"...":d;n.textContent=u}let a=s.querySelector(".teammate-badge");const o=this.getTeammateInfo(t);if(o&&!a){const c=s.querySelector(".subagent-window-title");if(c){const d=document.createElement("span");d.className=`teammate-badge teammate-color-${o.color}`,d.title=`Team: ${o.teamName}`,d.textContent=`@${o.name}`;const u=c.querySelector(".status");u&&u.insertAdjacentElement("beforebegin",d)}}const r=s.querySelector(".subagent-window-title");r&&(r.title=t.description||e);let i=s.querySelector(".subagent-window-title .subagent-model-badge");if(t.modelShort){if(!i){i=document.createElement("span"),i.className=`subagent-model-badge ${t.modelShort}`;const c=s.querySelector(".subagent-window-title .status");c&&c.insertAdjacentElement("beforebegin",i)}i.className=`subagent-model-badge ${t.modelShort}`,i.textContent=t.modelShort}const l=s.querySelector(".subagent-window-title .status");l&&(l.className=`status ${t.status}`,l.textContent=t.status)},openAllActiveSubagentWindows(){for(const[e,t]of this.subagents)t.status==="active"&&!this.subagentWindows.has(e)&&this.openSubagentWindow(e)},initTeammateTerminal(e,t,s){const n=s.querySelector(".subagent-window-body");if(!n)return;n.innerHTML="",n.classList.add("teammate-terminal-body"),s.classList.add("has-terminal");const a=t.sessionId,o=[];this.teammateTerminals.set(e,{terminal:null,fitAddon:null,paneTarget:t.paneTarget,sessionId:a,resizeObserver:null,pendingData:o}),requestAnimationFrame(()=>{if(!document.contains(n)){this.teammateTerminals.delete(e);return}const r=new Terminal({theme:{background:"#0d0d0d",foreground:"#e0e0e0",cursor:"#e0e0e0",cursorAccent:"#0d0d0d",selection:"rgba(255, 255, 255, 0.3)",black:"#0d0d0d",red:"#ff6b6b",green:"#51cf66",yellow:"#ffd43b",blue:"#339af0",magenta:"#cc5de8",cyan:"#22b8cf",white:"#e0e0e0",brightBlack:"#495057",brightRed:"#ff8787",brightGreen:"#69db7c",brightYellow:"#ffe066",brightBlue:"#5c7cfa",brightMagenta:"#da77f2",brightCyan:"#66d9e8",brightWhite:"#ffffff"},fontFamily:'"Fira Code", "Cascadia Code", "JetBrains Mono", "SF Mono", Monaco, monospace',fontSize:12,lineHeight:1.2,cursorBlink:!0,cursorStyle:"block",scrollback:5e3,allowTransparency:!0,allowProposedApi:!0}),i=new FitAddon.FitAddon;if(r.loadAddon(i),typeof Unicode11Addon<"u")try{const d=new Unicode11Addon.Unicode11Addon;r.loadAddon(d),r.unicode.activeVersion="11"}catch{}try{r.open(n)}catch(d){console.warn("[TeammateTerminal] Failed to open terminal:",d),this.teammateTerminals.delete(e);return}setTimeout(()=>{try{i.fit()}catch{}fetch(`/api/sessions/${a}/teammate-pane-buffer/${encodeURIComponent(t.paneTarget)}`).then(d=>d.json()).then(d=>{if(d.success&&d.data?.buffer)try{r.write(d.data.buffer)}catch{}}).catch(d=>console.error("[TeammateTerminal] Failed to fetch buffer:",d));for(const d of o)try{r.write(d)}catch{}o.length=0},100),r.onData(d=>{fetch(`/api/sessions/${a}/teammate-pane-input`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({paneTarget:t.paneTarget,input:d})}).catch(u=>console.error("[TeammateTerminal] Failed to send input:",u))});const l=new ResizeObserver(()=>{requestAnimationFrame(()=>{try{i.fit()}catch{}})});l.observe(n);const c=this.teammateTerminals.get(e);c&&(c.terminal=r,c.fitAddon=i,c.resizeObserver=l)})},openTeammateTerminalWindow(e){if(!this.sessions.has(e.sessionId))return;const t=`pane-${e.paneTarget}`;if(this.subagentWindows.has(t)){const y=this.subagentWindows.get(t);y.hidden&&(y.element.style.display="flex",y.hidden=!1),y.element.style.zIndex=++this.subagentWindowZIndex,y.minimized&&this.restoreSubagentWindow(t);return}const s=this.subagentWindows.size,n=550,a=400,o=20,r=window.innerWidth,i=window.innerHeight,l=50,c=120,d=Math.floor((r-l-50)/(n+o))||1,u=Math.floor((i-c-50)/(a+o))||1,h=s%d,m=Math.floor(s/d)%u;let p=l+h*(n+o),f=c+m*(a+o);p=Math.max(10,Math.min(p,r-n-10)),f=Math.max(10,Math.min(f,i-a-10));const w=e.color||"blue",g=document.createElement("div");g.className="subagent-window has-terminal",g.id=`subagent-window-${t}`,g.style.zIndex=++this.subagentWindowZIndex,g.style.left=`${p}px`,g.style.top=`${f}px`,g.style.width=`${n}px`,g.style.height=`${a}px`,g.innerHTML=`
       <div class="subagent-window-header">
         <div class="subagent-window-title" title="Teammate terminal: ${escapeHtml(e.teammateName)} (pane ${e.paneTarget})">
-          <span class="icon" style="color: var(--team-color-${b}, #339af0)">\u2B24</span>
+          <span class="icon" style="color: var(--team-color-${w}, #339af0)">\u2B24</span>
           <span class="id">${escapeHtml(e.teammateName)}</span>
           <span class="status running">terminal</span>
         </div>
@@ -147,10 +147,10 @@
       </div>
       <div class="subagent-window-body teammate-terminal-body" id="subagent-window-body-${t}">
       </div>
-    `,document.body.appendChild(g);const w=this.makeWindowDraggable(g,g.querySelector(".subagent-window-header"));typeof this.makeWindowResizable=="function"&&this.makeWindowResizable(g);const S=(this.loadAppSettingsFromStorage().subagentActiveTabOnly??!0)&&e.sessionId!==this.activeSessionId;this.subagentWindows.set(t,{element:g,minimized:!1,hidden:S,dragListeners:w,description:`Teammate: ${e.teammateName}`}),this.subagentParentMap.set(t,e.sessionId),S&&(g.style.display="none"),g.addEventListener("mousedown",()=>{g.style.zIndex=++this.subagentWindowZIndex});const $=new ResizeObserver(()=>{this.updateConnectionLines()});if($.observe(g),this.subagentWindows.get(t).resizeObserver=$,S){const y=this.subagentWindows.get(t);y&&(y._lazyTerminal=!0,y._lazyPaneTarget=e.paneTarget,y._lazySessionId=e.sessionId)}else this.initTeammateTerminal(t,e,g);requestAnimationFrame(()=>{g.style.transition="transform 0.3s ease, opacity 0.3s ease",g.style.transform="scale(1)",g.style.opacity="1"})},rebuildTeammateMap(){this.teammateMap.clear();for(const[e,t]of this.teams)for(const s of t.members)s.agentType!=="team-lead"&&this.teammateMap.set(s.name,{name:s.name,color:s.color||"blue",teamName:e,agentId:s.agentId})},getTeammateInfo(e){if(!e?.description)return null;const t=e.description.match(/<teammate-message\s+teammate_id="?([^">\s]+)/);if(!t)return null;const n=t[1].split("@")[0];return this.teammateMap.get(n)||{name:n,color:"blue",teamName:"unknown"}},getTeammateBadgeHtml(e){const t=this.getTeammateInfo(e);return t?`<span class="teammate-badge teammate-color-${t.color}" title="Team: ${escapeHtml(t.teamName)}">@${escapeHtml(t.name)}</span>`:""},renderTeamTasksPanel(){const e=document.getElementById("teamTasksPanel");if(!e)return;let t=null,s=null;if(this.activeSessionId){for(const[m,p]of this.teams)if(p.leadSessionId===this.activeSessionId){t=p,s=m;break}}if(!t){e.style.display="none";return}const n=e.style.display==="none";if(e.style.display="flex",n&&!this.teamTasksDragListeners){e.style.left=`${Math.max(10,window.innerWidth-360-20)}px`,e.style.top=`${Math.max(10,window.innerHeight-300-70)}px`;const f=e.querySelector(".team-tasks-header");f&&(this.teamTasksDragListeners=this.makeWindowDraggable(e,f))}const a=this.teamTasks.get(s)||[],o=a.filter(m=>m.status==="completed").length,r=a.length,i=r>0?Math.round(o/r*100):0,l=e.querySelector(".team-tasks-header-text");if(l){const m=t.members.filter(p=>p.agentType!=="team-lead").length;l.textContent=`Team Tasks (${m} teammates)`}const c=e.querySelector(".team-tasks-progress-fill");c&&(c.style.width=`${i}%`);const d=e.querySelector(".team-tasks-progress-text");d&&(d.textContent=`${o}/${r}`);const u=e.querySelector(".team-tasks-list");if(!u)return;if(a.length===0){u.innerHTML='<div class="team-task-empty">No tasks yet</div>';return}const h=a.map(m=>{const p=m.status==="completed"?"\u2713":m.status==="in_progress"?"\u25C9":"\u25CB",f=m.status.replace("_","-"),b=m.owner?`<span class="team-task-owner teammate-color-${this.getTeammateColor(m.owner)}">${escapeHtml(m.owner)}</span>`:"";return`<div class="team-task-item ${f}">
+    `,document.body.appendChild(g);const b=this.makeWindowDraggable(g,g.querySelector(".subagent-window-header"));typeof this.makeWindowResizable=="function"&&this.makeWindowResizable(g);const S=(this.loadAppSettingsFromStorage().subagentActiveTabOnly??!0)&&e.sessionId!==this.activeSessionId;this.subagentWindows.set(t,{element:g,minimized:!1,hidden:S,dragListeners:b,description:`Teammate: ${e.teammateName}`}),this.subagentParentMap.set(t,e.sessionId),S&&(g.style.display="none"),g.addEventListener("mousedown",()=>{g.style.zIndex=++this.subagentWindowZIndex});const $=new ResizeObserver(()=>{this.updateConnectionLines()});if($.observe(g),this.subagentWindows.get(t).resizeObserver=$,S){const y=this.subagentWindows.get(t);y&&(y._lazyTerminal=!0,y._lazyPaneTarget=e.paneTarget,y._lazySessionId=e.sessionId)}else this.initTeammateTerminal(t,e,g);requestAnimationFrame(()=>{g.style.transition="transform 0.3s ease, opacity 0.3s ease",g.style.transform="scale(1)",g.style.opacity="1"})},rebuildTeammateMap(){this.teammateMap.clear();for(const[e,t]of this.teams)for(const s of t.members)s.agentType!=="team-lead"&&this.teammateMap.set(s.name,{name:s.name,color:s.color||"blue",teamName:e,agentId:s.agentId})},getTeammateInfo(e){if(!e?.description)return null;const t=e.description.match(/<teammate-message\s+teammate_id="?([^">\s]+)/);if(!t)return null;const n=t[1].split("@")[0];return this.teammateMap.get(n)||{name:n,color:"blue",teamName:"unknown"}},getTeammateBadgeHtml(e){const t=this.getTeammateInfo(e);return t?`<span class="teammate-badge teammate-color-${t.color}" title="Team: ${escapeHtml(t.teamName)}">@${escapeHtml(t.name)}</span>`:""},renderTeamTasksPanel(){const e=document.getElementById("teamTasksPanel");if(!e)return;let t=null,s=null;if(this.activeSessionId){for(const[m,p]of this.teams)if(p.leadSessionId===this.activeSessionId){t=p,s=m;break}}if(!t){e.style.display="none";return}const n=e.style.display==="none";if(e.style.display="flex",n&&!this.teamTasksDragListeners){e.style.left=`${Math.max(10,window.innerWidth-360-20)}px`,e.style.top=`${Math.max(10,window.innerHeight-300-70)}px`;const f=e.querySelector(".team-tasks-header");f&&(this.teamTasksDragListeners=this.makeWindowDraggable(e,f))}const a=this.teamTasks.get(s)||[],o=a.filter(m=>m.status==="completed").length,r=a.length,i=r>0?Math.round(o/r*100):0,l=e.querySelector(".team-tasks-header-text");if(l){const m=t.members.filter(p=>p.agentType!=="team-lead").length;l.textContent=`Team Tasks (${m} teammates)`}const c=e.querySelector(".team-tasks-progress-fill");c&&(c.style.width=`${i}%`);const d=e.querySelector(".team-tasks-progress-text");d&&(d.textContent=`${o}/${r}`);const u=e.querySelector(".team-tasks-list");if(!u)return;if(a.length===0){u.innerHTML='<div class="team-task-empty">No tasks yet</div>';return}const h=a.map(m=>{const p=m.status==="completed"?"\u2713":m.status==="in_progress"?"\u25C9":"\u25CB",f=m.status.replace("_","-"),w=m.owner?`<span class="team-task-owner teammate-color-${this.getTeammateColor(m.owner)}">${escapeHtml(m.owner)}</span>`:"";return`<div class="team-task-item ${f}">
         <span class="team-task-status">${p}</span>
         <span class="team-task-subject">${escapeHtml(m.subject)}</span>
-        ${b}
+        ${w}
       </div>`}).join("");u.innerHTML=h},hideTeamTasksPanel(){const e=document.getElementById("teamTasksPanel");e&&(e.style.display="none"),this.teamTasksDragListeners&&(document.removeEventListener("mousemove",this.teamTasksDragListeners.move),document.removeEventListener("mouseup",this.teamTasksDragListeners.up),this.teamTasksDragListeners.touchMove&&(document.removeEventListener("touchmove",this.teamTasksDragListeners.touchMove),document.removeEventListener("touchend",this.teamTasksDragListeners.up),document.removeEventListener("touchcancel",this.teamTasksDragListeners.up)),this.teamTasksDragListeners.handle&&(this.teamTasksDragListeners.handle.removeEventListener("mousedown",this.teamTasksDragListeners.handleMouseDown),this.teamTasksDragListeners.handle.removeEventListener("touchstart",this.teamTasksDragListeners.handleTouchStart)),this.teamTasksDragListeners=null)},getTeammateColor(e){return this.teammateMap.get(e)?.color||"blue"},normalizeFilePath(e,t){if(!e)return"";let s=e.trim();const n="/home/"+(window.USER||"user");s.startsWith("~/")?s=n+s.slice(1):s==="~"&&(s=n),!s.startsWith("/")&&t&&(s=t+"/"+s);const a=s.split("/"),o=[];for(const r of a)r===""||r==="."||(r===".."?o.length>1&&o.pop():o.push(r));return"/"+o.join("/")},getFilename(e){const t=e.split("/");return t[t.length-1]||""},isShallowRootPath(e){return e.startsWith("/")?e.split("/").filter(s=>s!=="").length===1:!1},isPathInWorkingDir(e,t){if(!t)return!1;const s=this.normalizeFilePath(e,t);return s.startsWith(t+"/")||s===t},pathsAreEquivalent(e,t,s){const n=this.normalizeFilePath(e,s),a=this.normalizeFilePath(t,s);if(n===a)return!0;const o=this.getFilename(n),r=this.getFilename(a);if(o!==r)return!1;const i=this.isShallowRootPath(e),l=this.isShallowRootPath(t),c=this.isPathInWorkingDir(n,s),d=this.isPathInWorkingDir(a,s);return!!(i&&d||l&&c)},pickBetterPath(e,t,s){if(s){const o=this.isPathInWorkingDir(e,s),r=this.isPathInWorkingDir(t,s);if(o&&!r)return e;if(r&&!o)return t}const n=e.startsWith("/"),a=t.startsWith("/");return n&&!a?e:a&&!n?t:e.length!==t.length?e.length>t.length?e:t:!e.includes("~")&&t.includes("~")?e:!t.includes("~")&&e.includes("~")?t:e},deduplicateProjectInsightPaths(e,t){const s=[];for(const o of e)for(const r of o.filePaths)s.push({rawPath:r,toolId:o.id});if(s.length<=1){const o=new Map;for(const r of s)o.set(this.normalizeFilePath(r.rawPath,t),r);return o}s.sort((o,r)=>{const i=this.isPathInWorkingDir(o.rawPath,t),l=this.isPathInWorkingDir(r.rawPath,t);return i&&!l?-1:l&&!i?1:r.rawPath.length-o.rawPath.length});const n=new Map,a=new Set;for(const{rawPath:o,toolId:r}of s){const i=this.normalizeFilePath(o,t);let l=!1;for(const[,c]of n)if(this.pathsAreEquivalent(o,c.rawPath,t)){l=!0;break}!l&&!a.has(i)&&(n.set(i,{rawPath:o,toolId:r}),a.add(i))}return n},handleBashToolStart(e,t){let s=this.projectInsights.get(e)||[];s=s.filter(n=>n.id!==t.id),s.push(t),this.projectInsights.set(e,s),this.renderProjectInsightsPanel()},handleBashToolEnd(e,t){const n=(this.projectInsights.get(e)||[]).find(a=>a.id===t.id);n&&(n.status="completed"),this.renderProjectInsightsPanel(),setTimeout(()=>{const a=this.projectInsights.get(e)||[];this.projectInsights.set(e,a.filter(o=>o.id!==t.id)),this.renderProjectInsightsPanel()},2e3)},handleBashToolsUpdate(e,t){this.projectInsights.set(e,t),this.renderProjectInsightsPanel()},renderProjectInsightsPanel(){const e=this.$("projectInsightsPanel"),t=this.$("projectInsightsList");if(!e||!t)return;if(!(this.loadAppSettingsFromStorage().showProjectInsights??!1)){e.classList.remove("visible"),this.projectInsightsPanelVisible=!1;return}const o=(this.projectInsights.get(this.activeSessionId)||[]).filter(u=>u.status==="running");if(o.length===0){e.classList.remove("visible"),this.projectInsightsPanelVisible=!1;return}e.classList.add("visible"),this.projectInsightsPanelVisible=!0;const i=this.sessions.get(this.activeSessionId)?.workingDir||this.currentSessionWorkingDir,l=this.deduplicateProjectInsightPaths(o,i),c=new Set(Array.from(l.values()).map(u=>u.rawPath)),d=[];for(const u of o){const h=u.filePaths.filter(p=>c.has(p));if(h.length===0)continue;const m=u.command.length>50?u.command.substring(0,50)+"...":u.command;d.push(`
         <div class="project-insight-item" data-tool-id="${u.id}">
           <div class="project-insight-command">
@@ -167,15 +167,15 @@
         `)}d.push(`
           </div>
         </div>
-      `)}t.innerHTML=d.join("")},closeProjectInsightsPanel(){const e=this.$("projectInsightsPanel");e&&(e.classList.remove("visible"),this.projectInsightsPanelVisible=!1)},async loadFileBrowser(e){if(!e)return;const t=this.$("fileBrowserTree"),s=this.$("fileBrowserStatus");if(t){t.innerHTML='<div class="file-browser-loading">Loading files...</div>';try{const n=await fetch(`/api/sessions/${e}/files?depth=5&showHidden=false`);if(!n.ok)throw new Error("Failed to load files");const a=await n.json();if(!a.success)throw new Error(a.error||"Failed to load files");if(this.fileBrowserData=a.data,this.renderFileBrowserTree(),s){const{totalFiles:o,totalDirectories:r,truncated:i}=a.data;s.textContent=`${o} files, ${r} dirs${i?" (truncated)":""}`}}catch(n){console.error("Failed to load file browser:",n),t.innerHTML=`<div class="file-browser-empty">Failed to load files: ${escapeHtml(n.message)}</div>`}}},renderFileBrowserTree(){const e=this.$("fileBrowserTree");if(!e||!this.fileBrowserData)return;const{tree:t}=this.fileBrowserData;if(!t||t.length===0){e.innerHTML='<div class="file-browser-empty">No files found</div>';return}const s=[],n=this.fileBrowserFilter.toLowerCase(),a=(o,r)=>{const i=o.type==="directory",l=this.fileBrowserExpandedDirs.has(o.path),c=!n||o.name.toLowerCase().includes(n);let d=!1;i&&n&&o.children&&(d=this.hasMatchingChild(o,n));const h=!(c||d)&&n?" hidden-by-filter":"",m=i?l?"\u{1F4C2}":"\u{1F4C1}":this.getFileIcon(o.extension),p=i?`<span class="file-tree-expand${l?" expanded":""}">\u25B6</span>`:'<span class="file-tree-expand"></span>',f=!i&&o.size!==void 0?`<span class="file-tree-size">${this.formatFileSize(o.size)}</span>`:"",b=i?"file-tree-name directory":"file-tree-name",g=i?"":`<a class="file-tree-download" href="/api/sessions/${this.activeSessionId}/file-raw?path=${encodeURIComponent(o.path)}&download=true" title="Download" onclick="event.stopPropagation()">&#x2B07;</a>`;if(s.push(`
+      `)}t.innerHTML=d.join("")},closeProjectInsightsPanel(){const e=this.$("projectInsightsPanel");e&&(e.classList.remove("visible"),this.projectInsightsPanelVisible=!1)},async loadFileBrowser(e){if(!e)return;const t=this.$("fileBrowserTree"),s=this.$("fileBrowserStatus");if(t){t.innerHTML='<div class="file-browser-loading">Loading files...</div>';try{const n=await fetch(`/api/sessions/${e}/files?depth=5&showHidden=false`);if(!n.ok)throw new Error("Failed to load files");const a=await n.json();if(!a.success)throw new Error(a.error||"Failed to load files");if(this.fileBrowserData=a.data,this.renderFileBrowserTree(),s){const{totalFiles:o,totalDirectories:r,truncated:i}=a.data;s.textContent=`${o} files, ${r} dirs${i?" (truncated)":""}`}}catch(n){console.error("Failed to load file browser:",n),t.innerHTML=`<div class="file-browser-empty">Failed to load files: ${escapeHtml(n.message)}</div>`}}},renderFileBrowserTree(){const e=this.$("fileBrowserTree");if(!e||!this.fileBrowserData)return;const{tree:t}=this.fileBrowserData;if(!t||t.length===0){e.innerHTML='<div class="file-browser-empty">No files found</div>';return}const s=[],n=this.fileBrowserFilter.toLowerCase(),a=(o,r)=>{const i=o.type==="directory",l=this.fileBrowserExpandedDirs.has(o.path),c=!n||o.name.toLowerCase().includes(n);let d=!1;i&&n&&o.children&&(d=this.hasMatchingChild(o,n));const h=!(c||d)&&n?" hidden-by-filter":"",m=i?l?"\u{1F4C2}":"\u{1F4C1}":this.getFileIcon(o.extension),p=i?`<span class="file-tree-expand${l?" expanded":""}">\u25B6</span>`:'<span class="file-tree-expand"></span>',f=!i&&o.size!==void 0?`<span class="file-tree-size">${this.formatFileSize(o.size)}</span>`:"",w=i?"file-tree-name directory":"file-tree-name",g=i?"":`<a class="file-tree-download" href="/api/sessions/${this.activeSessionId}/file-raw?path=${encodeURIComponent(o.path)}&download=true" title="Download" onclick="event.stopPropagation()">&#x2B07;</a>`;if(s.push(`
         <div class="file-tree-item${h}" data-path="${escapeHtml(o.path)}" data-type="${o.type}" data-depth="${r}">
           ${p}
           <span class="file-tree-icon">${m}</span>
-          <span class="${b}">${escapeHtml(o.name)}</span>
+          <span class="${w}">${escapeHtml(o.name)}</span>
           ${f}
           ${g}
         </div>
-      `),i&&l&&o.children)for(const w of o.children)a(w,r+1)};for(const o of t)a(o,0);e.innerHTML=s.join(""),e.querySelectorAll(".file-tree-item").forEach(o=>{o.addEventListener("click",()=>{const r=o.dataset.path;o.dataset.type==="directory"?this.toggleFileBrowserFolder(r):this.openFilePreview(r)})})},hasMatchingChild(e,t){if(!e.children)return!1;for(const s of e.children)if(s.name.toLowerCase().includes(t)||s.type==="directory"&&this.hasMatchingChild(s,t))return!0;return!1},toggleFileBrowserFolder(e){this.fileBrowserExpandedDirs.has(e)?this.fileBrowserExpandedDirs.delete(e):this.fileBrowserExpandedDirs.add(e),this.renderFileBrowserTree()},filterFileBrowser(e){this.fileBrowserFilter=e,e&&this.expandAllDirectories(this.fileBrowserData?.tree||[]),this.renderFileBrowserTree()},expandAllDirectories(e){for(const t of e)t.type==="directory"&&(this.fileBrowserExpandedDirs.add(t.path),t.children&&this.expandAllDirectories(t.children))},collapseAllDirectories(){this.fileBrowserExpandedDirs.clear()},toggleFileBrowserExpand(){this.fileBrowserAllExpanded=!this.fileBrowserAllExpanded;const e=this.$("fileBrowserExpandBtn");this.fileBrowserAllExpanded?(this.expandAllDirectories(this.fileBrowserData?.tree||[]),e&&(e.innerHTML="\u229F")):(this.collapseAllDirectories(),e&&(e.innerHTML="\u229E")),this.renderFileBrowserTree()},refreshFileBrowser(){if(this.activeSessionId){this.fileBrowserExpandedDirs.clear(),this.fileBrowserFilter="",this.fileBrowserAllExpanded=!1;const e=this.$("fileBrowserSearch");e&&(e.value=""),this.loadFileBrowser(this.activeSessionId)}},closeFileBrowserPanel(){const e=this.$("fileBrowserPanel");if(e&&(e.classList.remove("visible"),e.style.left="",e.style.top="",e.style.bottom="",e.style.right=""),this.fileBrowserDragListeners){const s=this.fileBrowserDragListeners;document.removeEventListener("mousemove",s.move),document.removeEventListener("mouseup",s.up),document.removeEventListener("touchmove",s.touchMove),document.removeEventListener("touchend",s.up),document.removeEventListener("touchcancel",s.up),s.handle&&(s.handle.removeEventListener("mousedown",s.handleMouseDown),s.handle.removeEventListener("touchstart",s.handleTouchStart),s._onFirstDrag&&(s.handle.removeEventListener("mousedown",s._onFirstDrag),s.handle.removeEventListener("touchstart",s._onFirstDrag))),this.fileBrowserDragListeners=null}const t=this.loadAppSettingsFromStorage();t.showFileBrowser=!1,this.saveAppSettingsToStorage(t)},async openFilePreview(e){if(!this.activeSessionId||!e)return;const t=this.$("filePreviewOverlay"),s=this.$("filePreviewTitle"),n=this.$("filePreviewBody"),a=this.$("filePreviewFooter");if(!(!t||!n)){t.classList.add("visible"),s.textContent=e,n.innerHTML='<div class="binary-message">Loading...</div>',a.textContent="";try{const o=await fetch(`/api/sessions/${this.activeSessionId}/file-content?path=${encodeURIComponent(e)}&lines=500`);if(!o.ok)throw new Error("Failed to load file");const r=await o.json();if(!r.success)throw new Error(r.error||"Failed to load file");const i=r.data;if(i.type==="image")n.innerHTML=`<img src="${i.url}" alt="${escapeHtml(e)}">`,a.textContent=`${this.formatFileSize(i.size)} \u2022 ${i.extension}`;else if(i.type==="video")n.innerHTML=`<video src="${i.url}" controls autoplay></video>`,a.textContent=`${this.formatFileSize(i.size)} \u2022 ${i.extension}`;else if(i.type==="binary")n.innerHTML=`<div class="binary-message">Binary file (${this.formatFileSize(i.size)})<br>Cannot preview</div>`,a.textContent=i.extension||"binary";else{this.filePreviewContent=i.content,n.innerHTML=`<pre><code>${escapeHtml(i.content)}</code></pre>`;const l=i.truncated?` (showing 500/${i.totalLines} lines)`:"";a.textContent=`${i.totalLines} lines \u2022 ${this.formatFileSize(i.size)}${l}`}}catch(o){console.error("Failed to preview file:",o),n.innerHTML=`<div class="binary-message">Error: ${escapeHtml(o.message)}</div>`}}},closeFilePreview(){const e=this.$("filePreviewOverlay");e&&e.classList.remove("visible"),this.filePreviewContent=""},copyFilePreviewContent(){this.filePreviewContent&&navigator.clipboard.writeText(this.filePreviewContent).then(()=>{this.showToast("Copied to clipboard","success")}).catch(()=>{this.showToast("Failed to copy","error")})},getFileIcon(e){return e&&{ts:"\u{1F4D8}",tsx:"\u{1F4D8}",js:"\u{1F4D2}",jsx:"\u{1F4D2}",mjs:"\u{1F4D2}",cjs:"\u{1F4D2}",py:"\u{1F40D}",pyx:"\u{1F40D}",pyw:"\u{1F40D}",rs:"\u{1F980}",go:"\u{1F439}",c:"\u2699\uFE0F",cpp:"\u2699\uFE0F",h:"\u2699\uFE0F",hpp:"\u2699\uFE0F",html:"\u{1F310}",htm:"\u{1F310}",css:"\u{1F3A8}",scss:"\u{1F3A8}",sass:"\u{1F3A8}",less:"\u{1F3A8}",json:"\u{1F4CB}",yaml:"\u{1F4CB}",yml:"\u{1F4CB}",xml:"\u{1F4CB}",toml:"\u{1F4CB}",csv:"\u{1F4CB}",md:"\u{1F4DD}",markdown:"\u{1F4DD}",txt:"\u{1F4DD}",rst:"\u{1F4DD}",png:"\u{1F5BC}\uFE0F",jpg:"\u{1F5BC}\uFE0F",jpeg:"\u{1F5BC}\uFE0F",gif:"\u{1F5BC}\uFE0F",svg:"\u{1F5BC}\uFE0F",webp:"\u{1F5BC}\uFE0F",ico:"\u{1F5BC}\uFE0F",bmp:"\u{1F5BC}\uFE0F",mp4:"\u{1F3AC}",webm:"\u{1F3AC}",mov:"\u{1F3AC}",mp3:"\u{1F3B5}",wav:"\u{1F3B5}",ogg:"\u{1F3B5}",sh:"\u{1F4BB}",bash:"\u{1F4BB}",zsh:"\u{1F4BB}",env:"\u{1F510}",gitignore:"\u{1F6AB}",dockerfile:"\u{1F433}",lock:"\u{1F512}"}[e.toLowerCase()]||"\u{1F4C4}"},formatFileSize(e){return e==null?"":e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:e<1024*1024*1024?`${(e/(1024*1024)).toFixed(1)} MB`:`${(e/(1024*1024*1024)).toFixed(1)} GB`},openLogViewerWindow(e,t){if(t=t||this.activeSessionId,!t)return;const s=`${t}-${e.replace(/[^a-zA-Z0-9]/g,"_")}`;if(this.logViewerWindows.has(s)){const d=this.logViewerWindows.get(s);d.element.style.zIndex=++this.logViewerWindowZIndex;return}const n=this.logViewerWindows.size,a=100+n%5*30,o=100+n%5*30,r=e.split("/").pop(),i=document.createElement("div");i.className="log-viewer-window",i.id=`log-viewer-window-${s}`,i.style.left=`${a}px`,i.style.top=`${o}px`,i.style.zIndex=++this.logViewerWindowZIndex,i.innerHTML=`
+      `),i&&l&&o.children)for(const b of o.children)a(b,r+1)};for(const o of t)a(o,0);e.innerHTML=s.join(""),e.querySelectorAll(".file-tree-item").forEach(o=>{o.addEventListener("click",()=>{const r=o.dataset.path;o.dataset.type==="directory"?this.toggleFileBrowserFolder(r):this.openFilePreview(r)})})},hasMatchingChild(e,t){if(!e.children)return!1;for(const s of e.children)if(s.name.toLowerCase().includes(t)||s.type==="directory"&&this.hasMatchingChild(s,t))return!0;return!1},toggleFileBrowserFolder(e){this.fileBrowserExpandedDirs.has(e)?this.fileBrowserExpandedDirs.delete(e):this.fileBrowserExpandedDirs.add(e),this.renderFileBrowserTree()},filterFileBrowser(e){this.fileBrowserFilter=e,e&&this.expandAllDirectories(this.fileBrowserData?.tree||[]),this.renderFileBrowserTree()},expandAllDirectories(e){for(const t of e)t.type==="directory"&&(this.fileBrowserExpandedDirs.add(t.path),t.children&&this.expandAllDirectories(t.children))},collapseAllDirectories(){this.fileBrowserExpandedDirs.clear()},toggleFileBrowserExpand(){this.fileBrowserAllExpanded=!this.fileBrowserAllExpanded;const e=this.$("fileBrowserExpandBtn");this.fileBrowserAllExpanded?(this.expandAllDirectories(this.fileBrowserData?.tree||[]),e&&(e.innerHTML="\u229F")):(this.collapseAllDirectories(),e&&(e.innerHTML="\u229E")),this.renderFileBrowserTree()},refreshFileBrowser(){if(this.activeSessionId){this.fileBrowserExpandedDirs.clear(),this.fileBrowserFilter="",this.fileBrowserAllExpanded=!1;const e=this.$("fileBrowserSearch");e&&(e.value=""),this.loadFileBrowser(this.activeSessionId)}},closeFileBrowserPanel(){const e=this.$("fileBrowserPanel");if(e&&(e.classList.remove("visible"),e.style.left="",e.style.top="",e.style.bottom="",e.style.right=""),this.fileBrowserDragListeners){const s=this.fileBrowserDragListeners;document.removeEventListener("mousemove",s.move),document.removeEventListener("mouseup",s.up),document.removeEventListener("touchmove",s.touchMove),document.removeEventListener("touchend",s.up),document.removeEventListener("touchcancel",s.up),s.handle&&(s.handle.removeEventListener("mousedown",s.handleMouseDown),s.handle.removeEventListener("touchstart",s.handleTouchStart),s._onFirstDrag&&(s.handle.removeEventListener("mousedown",s._onFirstDrag),s.handle.removeEventListener("touchstart",s._onFirstDrag))),this.fileBrowserDragListeners=null}const t=this.loadAppSettingsFromStorage();t.showFileBrowser=!1,this.saveAppSettingsToStorage(t)},async openFilePreview(e){if(!this.activeSessionId||!e)return;const t=this.$("filePreviewOverlay"),s=this.$("filePreviewTitle"),n=this.$("filePreviewBody"),a=this.$("filePreviewFooter");if(!(!t||!n)){t.classList.add("visible"),s.textContent=e,n.innerHTML='<div class="binary-message">Loading...</div>',a.textContent="";try{const o=await fetch(`/api/sessions/${this.activeSessionId}/file-content?path=${encodeURIComponent(e)}&lines=500`);if(!o.ok)throw new Error("Failed to load file");const r=await o.json();if(!r.success)throw new Error(r.error||"Failed to load file");const i=r.data;if(i.type==="image")n.innerHTML=`<img src="${i.url}" alt="${escapeHtml(e)}">`,a.textContent=`${this.formatFileSize(i.size)} \u2022 ${i.extension}`;else if(i.type==="video")n.innerHTML=`<video src="${i.url}" controls autoplay></video>`,a.textContent=`${this.formatFileSize(i.size)} \u2022 ${i.extension}`;else if(i.type==="binary")n.innerHTML=`<div class="binary-message">Binary file (${this.formatFileSize(i.size)})<br>Cannot preview</div>`,a.textContent=i.extension||"binary";else{this.filePreviewContent=i.content,n.innerHTML=`<pre><code>${escapeHtml(i.content)}</code></pre>`;const l=i.truncated?` (showing 500/${i.totalLines} lines)`:"";a.textContent=`${i.totalLines} lines \u2022 ${this.formatFileSize(i.size)}${l}`}}catch(o){console.error("Failed to preview file:",o),n.innerHTML=`<div class="binary-message">Error: ${escapeHtml(o.message)}</div>`}}},closeFilePreview(){const e=this.$("filePreviewOverlay");e&&e.classList.remove("visible"),this.filePreviewContent=""},copyFilePreviewContent(){this.filePreviewContent&&navigator.clipboard.writeText(this.filePreviewContent).then(()=>{this.showToast("Copied to clipboard","success")}).catch(()=>{this.showToast("Failed to copy","error")})},getFileIcon(e){return e&&{ts:"\u{1F4D8}",tsx:"\u{1F4D8}",js:"\u{1F4D2}",jsx:"\u{1F4D2}",mjs:"\u{1F4D2}",cjs:"\u{1F4D2}",py:"\u{1F40D}",pyx:"\u{1F40D}",pyw:"\u{1F40D}",rs:"\u{1F980}",go:"\u{1F439}",c:"\u2699\uFE0F",cpp:"\u2699\uFE0F",h:"\u2699\uFE0F",hpp:"\u2699\uFE0F",html:"\u{1F310}",htm:"\u{1F310}",css:"\u{1F3A8}",scss:"\u{1F3A8}",sass:"\u{1F3A8}",less:"\u{1F3A8}",json:"\u{1F4CB}",yaml:"\u{1F4CB}",yml:"\u{1F4CB}",xml:"\u{1F4CB}",toml:"\u{1F4CB}",csv:"\u{1F4CB}",md:"\u{1F4DD}",markdown:"\u{1F4DD}",txt:"\u{1F4DD}",rst:"\u{1F4DD}",png:"\u{1F5BC}\uFE0F",jpg:"\u{1F5BC}\uFE0F",jpeg:"\u{1F5BC}\uFE0F",gif:"\u{1F5BC}\uFE0F",svg:"\u{1F5BC}\uFE0F",webp:"\u{1F5BC}\uFE0F",ico:"\u{1F5BC}\uFE0F",bmp:"\u{1F5BC}\uFE0F",mp4:"\u{1F3AC}",webm:"\u{1F3AC}",mov:"\u{1F3AC}",mp3:"\u{1F3B5}",wav:"\u{1F3B5}",ogg:"\u{1F3B5}",sh:"\u{1F4BB}",bash:"\u{1F4BB}",zsh:"\u{1F4BB}",env:"\u{1F510}",gitignore:"\u{1F6AB}",dockerfile:"\u{1F433}",lock:"\u{1F512}"}[e.toLowerCase()]||"\u{1F4C4}"},formatFileSize(e){return e==null?"":e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:e<1024*1024*1024?`${(e/(1024*1024)).toFixed(1)} MB`:`${(e/(1024*1024*1024)).toFixed(1)} GB`},openLogViewerWindow(e,t){if(t=t||this.activeSessionId,!t)return;const s=`${t}-${e.replace(/[^a-zA-Z0-9]/g,"_")}`;if(this.logViewerWindows.has(s)){const d=this.logViewerWindows.get(s);d.element.style.zIndex=++this.logViewerWindowZIndex;return}const n=this.logViewerWindows.size,a=100+n%5*30,o=100+n%5*30,r=e.split("/").pop(),i=document.createElement("div");i.className="log-viewer-window",i.id=`log-viewer-window-${s}`,i.style.left=`${a}px`,i.style.top=`${o}px`,i.style.zIndex=++this.logViewerWindowZIndex,i.innerHTML=`
       <div class="log-viewer-window-header">
         <div class="log-viewer-window-title" title="${escapeHtml(e)}">
           <span class="icon">\u{1F4C4}</span>
@@ -189,13 +189,13 @@
       <div class="log-viewer-window-body" id="log-viewer-body-${s}">
         <div class="log-info">Connecting to ${escapeHtml(e)}...</div>
       </div>
-    `,document.body.appendChild(i);const l=this.makeWindowDraggable(i,i.querySelector(".log-viewer-window-header")),c=new EventSource(`/api/sessions/${t}/tail-file?path=${encodeURIComponent(e)}&lines=50`);c.onmessage=d=>{const u=JSON.parse(d.data),h=document.getElementById(`log-viewer-body-${s}`);if(h)switch(u.type){case"connected":h.innerHTML="";break;case"data":const m=h.scrollTop+h.clientHeight>=h.scrollHeight-10,p=escapeHtml(u.content);h.innerHTML+=p,m&&(h.scrollTop=h.scrollHeight),h.innerHTML.length>5e5&&(h.innerHTML=h.innerHTML.slice(-4e5));break;case"end":this.updateLogViewerStatus(s,"disconnected","ended");break;case"error":h.innerHTML+=`<div class="log-error">${escapeHtml(u.error)}</div>`,this.updateLogViewerStatus(s,"error","error");break}},c.onerror=()=>{this.updateLogViewerStatus(s,"disconnected","connection error")},this.logViewerWindows.set(s,{element:i,eventSource:c,filePath:e,sessionId:t,dragListeners:l})},updateLogViewerStatus(e,t,s){const n=document.querySelector(`#log-viewer-window-${e} .status`);n&&(n.className=`status ${t}`,n.textContent=s)},closeLogViewerWindow(e){const t=this.logViewerWindows.get(e);t&&(t.eventSource&&t.eventSource.close(),t.dragListeners&&(document.removeEventListener("mousemove",t.dragListeners.move),document.removeEventListener("mouseup",t.dragListeners.up),t.dragListeners.handle&&(t.dragListeners.handle.removeEventListener("mousedown",t.dragListeners.handleMouseDown),t.dragListeners.handle.removeEventListener("touchstart",t.dragListeners.handleTouchStart))),t.element.remove(),this.logViewerWindows.delete(e))},closeSessionLogViewerWindows(e){const t=[];for(const[s,n]of this.logViewerWindows)n.sessionId===e&&t.push(s);for(const s of t)this.closeLogViewerWindow(s)},openImagePopup(e){const{sessionId:t,filePath:s,relativePath:n,fileName:a,timestamp:o,size:r}=e,i=`${t}-${o}`;if(this.imagePopups.has(i)){const v=this.imagePopups.get(i);v.element.style.zIndex=++this.imagePopupZIndex;return}if(this.imagePopups.size>=20){const v=this.imagePopups.keys().next().value;v&&this.closeImagePopup(v)}const c=this.imagePopups.size,d=(window.innerWidth-600)/2,u=(window.innerHeight-500)/2,h=d+c%5*30,m=u+c%5*30,f=this.sessions.get(t)?.name||t.substring(0,8),b=(r/1024).toFixed(1),g=`/api/sessions/${t}/file-raw?path=${encodeURIComponent(n||a)}`,w=document.createElement("div");w.className="image-popup-window",w.id=`image-popup-${i}`,w.style.left=`${h}px`,w.style.top=`${m}px`,w.style.zIndex=++this.imagePopupZIndex,w.innerHTML=`
+    `,document.body.appendChild(i);const l=this.makeWindowDraggable(i,i.querySelector(".log-viewer-window-header")),c=new EventSource(`/api/sessions/${t}/tail-file?path=${encodeURIComponent(e)}&lines=50`);c.onmessage=d=>{const u=JSON.parse(d.data),h=document.getElementById(`log-viewer-body-${s}`);if(h)switch(u.type){case"connected":h.innerHTML="";break;case"data":const m=h.scrollTop+h.clientHeight>=h.scrollHeight-10,p=escapeHtml(u.content);h.innerHTML+=p,m&&(h.scrollTop=h.scrollHeight),h.innerHTML.length>5e5&&(h.innerHTML=h.innerHTML.slice(-4e5));break;case"end":this.updateLogViewerStatus(s,"disconnected","ended");break;case"error":h.innerHTML+=`<div class="log-error">${escapeHtml(u.error)}</div>`,this.updateLogViewerStatus(s,"error","error");break}},c.onerror=()=>{this.updateLogViewerStatus(s,"disconnected","connection error")},this.logViewerWindows.set(s,{element:i,eventSource:c,filePath:e,sessionId:t,dragListeners:l})},updateLogViewerStatus(e,t,s){const n=document.querySelector(`#log-viewer-window-${e} .status`);n&&(n.className=`status ${t}`,n.textContent=s)},closeLogViewerWindow(e){const t=this.logViewerWindows.get(e);t&&(t.eventSource&&t.eventSource.close(),t.dragListeners&&(document.removeEventListener("mousemove",t.dragListeners.move),document.removeEventListener("mouseup",t.dragListeners.up),t.dragListeners.handle&&(t.dragListeners.handle.removeEventListener("mousedown",t.dragListeners.handleMouseDown),t.dragListeners.handle.removeEventListener("touchstart",t.dragListeners.handleTouchStart))),t.element.remove(),this.logViewerWindows.delete(e))},closeSessionLogViewerWindows(e){const t=[];for(const[s,n]of this.logViewerWindows)n.sessionId===e&&t.push(s);for(const s of t)this.closeLogViewerWindow(s)},openImagePopup(e){const{sessionId:t,filePath:s,relativePath:n,fileName:a,timestamp:o,size:r}=e,i=`${t}-${o}`;if(this.imagePopups.has(i)){const v=this.imagePopups.get(i);v.element.style.zIndex=++this.imagePopupZIndex;return}if(this.imagePopups.size>=20){const v=this.imagePopups.keys().next().value;v&&this.closeImagePopup(v)}const c=this.imagePopups.size,d=(window.innerWidth-600)/2,u=(window.innerHeight-500)/2,h=d+c%5*30,m=u+c%5*30,f=this.sessions.get(t)?.name||t.substring(0,8),w=(r/1024).toFixed(1),g=`/api/sessions/${t}/file-raw?path=${encodeURIComponent(n||a)}`,b=document.createElement("div");b.className="image-popup-window",b.id=`image-popup-${i}`,b.style.left=`${h}px`,b.style.top=`${m}px`,b.style.zIndex=++this.imagePopupZIndex,b.innerHTML=`
       <div class="image-popup-header">
         <div class="image-popup-title" title="${escapeHtml(s)}">
           <span class="icon">\u{1F5BC}\uFE0F</span>
           <span class="filename">${escapeHtml(a)}</span>
           <span class="session-badge">${escapeHtml(f)}</span>
-          <span class="size-badge">${b} KB</span>
+          <span class="size-badge">${w} KB</span>
         </div>
         <div class="image-popup-actions">
           <button onclick="app.openImageInNewTab('${escapeHtml(g)}')" title="Open in new tab">\u2197</button>
@@ -207,21 +207,21 @@
              onerror="this.parentElement.innerHTML='<div class=\\'image-error\\'>Failed to load image</div>'"
              onclick="app.openImageInNewTab('${escapeHtml(g)}')" />
       </div>
-    `,document.body.appendChild(w);const T=this.makeWindowDraggable(w,w.querySelector(".image-popup-header"));w.addEventListener("mousedown",()=>{w.style.zIndex=++this.imagePopupZIndex}),this.imagePopups.set(i,{element:w,sessionId:t,filePath:s,dragListeners:T})},closeImagePopup(e){const t=this.imagePopups.get(e);t&&(t.dragListeners&&(document.removeEventListener("mousemove",t.dragListeners.move),document.removeEventListener("mouseup",t.dragListeners.up),t.dragListeners.touchMove&&(document.removeEventListener("touchmove",t.dragListeners.touchMove),document.removeEventListener("touchend",t.dragListeners.up),document.removeEventListener("touchcancel",t.dragListeners.up)),t.dragListeners.handle&&(t.dragListeners.handle.removeEventListener("mousedown",t.dragListeners.handleMouseDown),t.dragListeners.handle.removeEventListener("touchstart",t.dragListeners.handleTouchStart))),t.element.remove(),this.imagePopups.delete(e))},openImageInNewTab(e){window.open(e,"_blank")},closeSessionImagePopups(e){const t=[];for(const[s,n]of this.imagePopups)n.sessionId===e&&t.push(s);for(const s of t)this.closeImagePopup(s)},async loadMuxSessions(){try{const t=await(await fetch("/api/mux-sessions")).json();this.muxSessions=t.sessions||[],this.renderMuxSessions()}catch(e){console.error("Failed to load mux sessions:",e)}},killAllMuxSessions(){const e=this.muxSessions?.length||0;if(e===0){alert("No sessions to kill");return}document.getElementById("killAllCount").textContent=e;const t=document.getElementById("killAllModal");t.classList.add("active"),this.activeFocusTrap=new FocusTrap(t),this.activeFocusTrap.activate()},closeKillAllModal(){document.getElementById("killAllModal").classList.remove("active"),this.activeFocusTrap&&(this.activeFocusTrap.deactivate(),this.activeFocusTrap=null)},async confirmKillAll(e){this.closeKillAllModal();try{if(e){if((await(await fetch("/api/sessions",{method:"DELETE"})).json()).success){this.sessions.clear(),this.muxSessions=[],this.activeSessionId=null;try{localStorage.removeItem("codeman-active-session")}catch{}this.renderSessionTabs(),this.renderMuxSessions(),this.terminal.clear(),this.terminal.reset(),this.toast("All sessions and tmux killed","success")}}else{this.sessions.clear(),this.activeSessionId=null;try{localStorage.removeItem("codeman-active-session")}catch{}this.renderSessionTabs(),this.terminal.clear(),this.terminal.reset(),this.toast("All tabs removed, tmux still running","info")}}catch(t){console.error("Failed to kill sessions:",t),this.toast("Failed to kill sessions: "+t.message,"error")}},renderMuxSessions(){this._debouncedCall("muxSessions",this._renderMuxSessionsImmediate)},_renderMuxSessionsImmediate(){const e=document.getElementById("muxSessionsBody");if(!this.muxSessions||this.muxSessions.length===0){e.innerHTML='<div class="monitor-empty">No mux sessions</div>';return}let t="";for(const s of this.muxSessions){const n=s.stats||{memoryMB:0,cpuPercent:0,childCount:0},a=this.sessions.get(s.sessionId),o=a?a.status:"unknown",r=a?a.isWorking:!1;let i,l;o==="idle"&&!r?(i="IDLE",l="status-idle"):o==="busy"||r?(i="WORKING",l="status-working"):o==="stopped"?(i="STOPPED",l="status-stopped"):(i=o.toUpperCase(),l="");const c=a&&a.tokens?a.tokens:null,d=a?a.totalCost:0,u=a&&a.cliModel||"",h=u.includes("opus")?"opus":u.includes("sonnet")?"sonnet":u.includes("haiku")?"haiku":"",m=a?a.ralphTodoStats:null;let p="";if(m&&m.total>0){const T=Math.round(m.completed/m.total*100);p=`<span class="process-stat todo-progress">${m.completed}/${m.total} (${T}%)</span>`}let f="";c&&c.total>0&&(f=`<span class="process-stat tokens">${(c.total/1e3).toFixed(1)}k tok</span>`);let b="";d>0&&(b=`<span class="process-stat cost">$${d.toFixed(2)}</span>`);let g="";h&&(g=`<span class="monitor-model-badge ${h}">${h}</span>`);const w=escapeHtml(s.sessionId);t+=`
-        <div class="process-item process-item-clickable" onclick="app.selectSession('${w}')" title="Switch to session">
+    `,document.body.appendChild(b);const T=this.makeWindowDraggable(b,b.querySelector(".image-popup-header"));b.addEventListener("mousedown",()=>{b.style.zIndex=++this.imagePopupZIndex}),this.imagePopups.set(i,{element:b,sessionId:t,filePath:s,dragListeners:T})},closeImagePopup(e){const t=this.imagePopups.get(e);t&&(t.dragListeners&&(document.removeEventListener("mousemove",t.dragListeners.move),document.removeEventListener("mouseup",t.dragListeners.up),t.dragListeners.touchMove&&(document.removeEventListener("touchmove",t.dragListeners.touchMove),document.removeEventListener("touchend",t.dragListeners.up),document.removeEventListener("touchcancel",t.dragListeners.up)),t.dragListeners.handle&&(t.dragListeners.handle.removeEventListener("mousedown",t.dragListeners.handleMouseDown),t.dragListeners.handle.removeEventListener("touchstart",t.dragListeners.handleTouchStart))),t.element.remove(),this.imagePopups.delete(e))},openImageInNewTab(e){window.open(e,"_blank")},closeSessionImagePopups(e){const t=[];for(const[s,n]of this.imagePopups)n.sessionId===e&&t.push(s);for(const s of t)this.closeImagePopup(s)},async loadMuxSessions(){try{const t=await(await fetch("/api/mux-sessions")).json();this.muxSessions=t.sessions||[],this.renderMuxSessions()}catch(e){console.error("Failed to load mux sessions:",e)}},killAllMuxSessions(){const e=this.muxSessions?.length||0;if(e===0){alert("No sessions to kill");return}document.getElementById("killAllCount").textContent=e;const t=document.getElementById("killAllModal");t.classList.add("active"),this.activeFocusTrap=new FocusTrap(t),this.activeFocusTrap.activate()},closeKillAllModal(){document.getElementById("killAllModal").classList.remove("active"),this.activeFocusTrap&&(this.activeFocusTrap.deactivate(),this.activeFocusTrap=null)},async confirmKillAll(e){this.closeKillAllModal();try{if(e){if((await(await fetch("/api/sessions",{method:"DELETE"})).json()).success){this.sessions.clear(),this.muxSessions=[],this.activeSessionId=null;try{localStorage.removeItem("codeman-active-session")}catch{}this.renderSessionTabs(),this.renderMuxSessions(),this.terminal.clear(),this.terminal.reset(),this.toast("All sessions and tmux killed","success")}}else{this.sessions.clear(),this.activeSessionId=null;try{localStorage.removeItem("codeman-active-session")}catch{}this.renderSessionTabs(),this.terminal.clear(),this.terminal.reset(),this.toast("All tabs removed, tmux still running","info")}}catch(t){console.error("Failed to kill sessions:",t),this.toast("Failed to kill sessions: "+t.message,"error")}},renderMuxSessions(){this._debouncedCall("muxSessions",this._renderMuxSessionsImmediate)},_renderMuxSessionsImmediate(){const e=document.getElementById("muxSessionsBody");if(!this.muxSessions||this.muxSessions.length===0){e.innerHTML='<div class="monitor-empty">No mux sessions</div>';return}let t="";for(const s of this.muxSessions){const n=s.stats||{memoryMB:0,cpuPercent:0,childCount:0},a=this.sessions.get(s.sessionId),o=a?a.status:"unknown",r=a?a.isWorking:!1;let i,l;o==="idle"&&!r?(i="IDLE",l="status-idle"):o==="busy"||r?(i="WORKING",l="status-working"):o==="stopped"?(i="STOPPED",l="status-stopped"):(i=o.toUpperCase(),l="");const c=a&&a.tokens?a.tokens:null,d=a?a.totalCost:0,u=a&&a.cliModel||"",h=u.includes("opus")?"opus":u.includes("sonnet")?"sonnet":u.includes("haiku")?"haiku":"",m=a?a.ralphTodoStats:null;let p="";if(m&&m.total>0){const T=Math.round(m.completed/m.total*100);p=`<span class="process-stat todo-progress">${m.completed}/${m.total} (${T}%)</span>`}let f="";c&&c.total>0&&(f=`<span class="process-stat tokens">${(c.total/1e3).toFixed(1)}k tok</span>`);let w="";d>0&&(w=`<span class="process-stat cost">$${d.toFixed(2)}</span>`);let g="";h&&(g=`<span class="monitor-model-badge ${h}">${h}</span>`);const b=escapeHtml(s.sessionId);t+=`
+        <div class="process-item process-item-clickable" onclick="app.selectSession('${b}')" title="Switch to session">
           <span class="monitor-status-badge ${l}">${i}</span>
           <div class="process-info">
             <div class="process-name">${g} ${escapeHtml(s.name||s.muxName)}</div>
             <div class="process-meta">
               ${f}
-              ${b}
+              ${w}
               ${p}
               <span class="process-stat memory">${n.memoryMB}MB</span>
               <span class="process-stat cpu">${n.cpuPercent}%</span>
             </div>
           </div>
           <div class="process-actions">
-            <button class="btn-toolbar btn-sm btn-danger" onclick="event.stopPropagation(); app.killMuxSession('${w}')" title="Kill session">Kill</button>
+            <button class="btn-toolbar btn-sm btn-danger" onclick="event.stopPropagation(); app.killMuxSession('${b}')" title="Kill session">Kill</button>
           </div>
         </div>
       `}e.innerHTML=t},renderMonitorSubagents(){const e=document.getElementById("monitorSubagentsBody"),t=document.getElementById("monitorSubagentStats");if(!e)return;const s=Array.from(this.subagents.values()),n=s.filter(o=>o.status==="active"||o.status==="idle").length;if(t&&(t.textContent=`${s.length} tracked`+(n>0?`, ${n} active`:"")),s.length===0){e.innerHTML='<div class="monitor-empty">No background agents</div>';return}let a="";for(const o of s){const r=o.status==="active"?"active":o.status==="idle"?"idle":"completed",i=o.modelShort?`<span class="model-badge ${o.modelShort}">${o.modelShort}</span>`:"",l=o.description?escapeHtml(o.description.substring(0,40)):o.agentId;a+=`
@@ -238,4 +238,4 @@
             ${o.status!=="completed"?`<button class="btn-toolbar btn-sm btn-danger" onclick="app.killSubagent('${escapeHtml(o.agentId)}')" title="Kill agent">Kill</button>`:""}
           </div>
         </div>
-      `}e.innerHTML=a},async killMuxSession(e){if(confirm("Kill this mux session?")){try{await this.closeSession(e,!0)}catch{try{await fetch(`/api/mux-sessions/${e}`,{method:"DELETE"})}catch{}this.showToast("Tmux session killed","success")}this.muxSessions=this.muxSessions.filter(t=>t.sessionId!==e),this.renderMuxSessions()}},async reconcileMuxSessions(){try{const t=await(await fetch("/api/mux-sessions/reconcile",{method:"POST"})).json();t.dead&&t.dead.length>0?(this.showToast(`Found ${t.dead.length} dead mux session(s)`,"warning"),await this.loadMuxSessions()):this.showToast("All mux sessions are alive","success")}catch{this.showToast("Failed to reconcile mux sessions","error")}},toggleNotifications(){this.notificationManager?.toggleDrawer()},toast(e,t="info"){return this.showToast(e,t)},showToast(e,t="info",s={}){const{duration:n=3e3,action:a}=s,o=document.createElement("div");o.className=`toast toast-${t}`;const r=document.createElement("span");if(r.textContent=e,o.appendChild(r),a){const i=document.createElement("button");i.textContent=a.label,i.style.cssText="margin-left:12px;padding:2px 10px;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);border-radius:3px;color:inherit;cursor:pointer;font-size:12px",i.onclick=l=>{l.stopPropagation(),a.onClick(),o.remove()},o.appendChild(i)}this._toastContainer||(this._toastContainer=document.querySelector(".toast-container"),this._toastContainer||(this._toastContainer=document.createElement("div"),this._toastContainer.className="toast-container",document.body.appendChild(this._toastContainer))),this._toastContainer.appendChild(o),requestAnimationFrame(()=>o.classList.add("show")),setTimeout(()=>{o.classList.remove("show"),setTimeout(()=>o.remove(),200)},n)},startSystemStatsPolling(){this.stopSystemStatsPolling(),this.fetchSystemStats(),this.systemStatsInterval=setInterval(()=>{this.fetchSystemStats()},2e3)},stopSystemStatsPolling(){this.systemStatsInterval&&(clearInterval(this.systemStatsInterval),this.systemStatsInterval=null)},async fetchSystemStats(){const e=document.getElementById("headerSystemStats");if(!(!e||e.style.display==="none"))try{const s=await(await fetch("/api/system/stats")).json();this.updateSystemStatsDisplay(s)}catch{}},updateSystemStatsDisplay(e){const t=this.$("statCpu"),s=this.$("statCpuBar"),n=this.$("statMem"),a=this.$("statMemBar");if(t&&s&&(t.textContent=`${e.cpu}%`,s.style.width=`${Math.min(100,e.cpu)}%`,s.classList.remove("medium","high"),t.classList.remove("high"),e.cpu>80?(s.classList.add("high"),t.classList.add("high")):e.cpu>50&&s.classList.add("medium")),n&&a){const o=(e.memory.usedMB/1024).toFixed(1);n.textContent=`${o}G`,a.style.width=`${Math.min(100,e.memory.percent)}%`,a.classList.remove("medium","high"),n.classList.remove("high"),e.memory.percent>80?(a.classList.add("high"),n.classList.add("high")):e.memory.percent>50&&a.classList.add("medium")}}});
+      `}e.innerHTML=a},async killMuxSession(e){if(confirm("Kill this mux session?")){try{await this.closeSession(e,!0)}catch{try{await fetch(`/api/mux-sessions/${e}`,{method:"DELETE"})}catch{}this.showToast("Tmux session killed","success")}this.muxSessions=this.muxSessions.filter(t=>t.sessionId!==e),this.renderMuxSessions()}},async reconcileMuxSessions(){try{const t=await(await fetch("/api/mux-sessions/reconcile",{method:"POST"})).json();t.dead&&t.dead.length>0?(this.showToast(`Found ${t.dead.length} dead mux session(s)`,"warning"),await this.loadMuxSessions()):this.showToast("All mux sessions are alive","success")}catch{this.showToast("Failed to reconcile mux sessions","error")}},toggleNotifications(){this.notificationManager?.toggleDrawer()},toast(e,t="info"){return this.showToast(e,t)},showToast(e,t="info",s={}){const{duration:n=3e3,action:a}=s,o=document.createElement("div");o.className=`toast toast-${t}`;const r=document.createElement("span");if(r.textContent=e,o.appendChild(r),a){const i=document.createElement("button");i.textContent=a.label,i.style.cssText="margin-left:12px;padding:2px 10px;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);border-radius:3px;color:inherit;cursor:pointer;font-size:12px",i.onclick=l=>{l.stopPropagation(),a.onClick(),o.remove()},o.appendChild(i)}this._toastContainer||(this._toastContainer=document.querySelector(".toast-container"),this._toastContainer||(this._toastContainer=document.createElement("div"),this._toastContainer.className="toast-container",document.body.appendChild(this._toastContainer))),this._toastContainer.appendChild(o),requestAnimationFrame(()=>o.classList.add("show")),setTimeout(()=>{o.classList.remove("show"),setTimeout(()=>o.remove(),200)},n)},startSystemStatsPolling(){this.stopSystemStatsPolling(),this.fetchSystemStats(),this.systemStatsInterval=setInterval(()=>{this.fetchSystemStats()},2e3)},stopSystemStatsPolling(){this.systemStatsInterval&&(clearInterval(this.systemStatsInterval),this.systemStatsInterval=null)},async fetchSystemStats(){const e=document.getElementById("headerSystemStats");if(!(!e||e.style.display==="none"))try{const s=await(await fetch("/api/system/stats")).json();this.updateSystemStatsDisplay(s)}catch{}},updateSystemStatsDisplay(e){const t=this.$("statCpu"),s=this.$("statCpuBar"),n=this.$("statMem"),a=this.$("statMemBar");if(t&&s&&(t.textContent=`${e.cpu}%`,s.style.width=`${Math.min(100,e.cpu)}%`,s.classList.remove("medium","high"),t.classList.remove("high"),e.cpu>80?(s.classList.add("high"),t.classList.add("high")):e.cpu>50&&s.classList.add("medium")),n&&a){const o=(e.memory.usedMB/1024).toFixed(1);n.textContent=`${o}G`,a.style.width=`${Math.min(100,e.memory.percent)}%`,a.classList.remove("medium","high"),n.classList.remove("high"),e.memory.percent>80?(a.classList.add("high"),n.classList.add("high")):e.memory.percent>50&&a.classList.add("medium")}},async _onClipboardWrite(e){const t=e?.text;if(typeof t=="string")try{await navigator.clipboard.writeText(t),this.showToast(`Copied to clipboard (${t.length} chars)`,"success")}catch{this._showClipboardFallback(t)}},_showClipboardFallback(e){const t=document.createElement("div");t.style.cssText="position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:10000;display:flex;align-items:center;justify-content:center";const s=document.createElement("div");s.style.cssText="background:#1e1e2e;border:1px solid #444;border-radius:8px;padding:16px;max-width:600px;width:90%;max-height:60vh;display:flex;flex-direction:column;gap:12px";const n=document.createElement("div");n.style.cssText="display:flex;justify-content:space-between;align-items:center";const a=document.createElement("span");a.style.cssText="color:#cdd6f4;font-weight:600",a.textContent="Clipboard (browser blocked auto-copy)";const o=document.createElement("button");o.style.cssText="background:none;border:none;color:#cdd6f4;font-size:18px;cursor:pointer",o.textContent="\xD7",n.appendChild(a),n.appendChild(o);const r=document.createElement("textarea");r.readOnly=!0,r.style.cssText="background:#181825;color:#cdd6f4;border:1px solid #555;border-radius:4px;padding:8px;font-family:monospace;font-size:13px;resize:none;height:200px;width:100%",r.value=e;const i=document.createElement("button");i.style.cssText="background:#89b4fa;color:#1e1e2e;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-weight:600",i.textContent="Copy to Clipboard",s.appendChild(n),s.appendChild(r),s.appendChild(i),t.appendChild(s),document.body.appendChild(t),i.onclick=async()=>{try{await navigator.clipboard.writeText(e),this.showToast("Copied to clipboard","success"),t.remove()}catch{r.select(),document.execCommand("copy"),this.showToast("Copied (fallback)","success"),t.remove()}};const l=()=>t.remove();o.onclick=l,t.onclick=c=>{c.target===t&&l()}}});

package/dist/web/public/styles.2e748af7.css

@@ -0,0 +1 @@
+:root{--bg-dark: #09090b;--bg-card: #131316;--bg-input: #1a1a1f;--bg-hover: #1f1f26;--border: #232329;--border-light: #2e2e38;--text: #ececf0;--text-dim: #8b8b97;--text-muted: #52525e;--accent: #3b82f6;--accent-hover: #60a5fa;--green: #22c55e;--yellow: #eab308;--red: #ef4444;--header-height: 36px;--toolbar-height: 42px;--glass-bg: rgba(19, 19, 22, .85);--glass-border: rgba(255, 255, 255, .06);--subtle-shadow: 0 -1px 3px rgba(0, 0, 0, .3), 0 -4px 16px rgba(0, 0, 0, .15);--btn-radius: 6px;--transition-smooth: .2s cubic-bezier(.4, 0, .2, 1);--session-red: #ef4444;--session-orange: #f97316;--session-yellow: #eab308;--session-green: #22c55e;--session-blue: #3b82f6;--session-purple: #a855f7;--session-pink: #ec4899;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--touch-target-min: 44px}*{box-sizing:border-box;margin:0;padding:0}.skip-link{position:absolute;top:-50px;left:8px;padding:8px 16px;background:var(--accent);color:#fff;text-decoration:none;border-radius:4px;z-index:10000;font-size:.875rem;transition:top .2s}.skip-link:focus{top:8px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}button:focus-visible,.btn-toolbar:focus-visible,.btn-icon:focus-visible,.btn-icon-header:focus-visible,.btn-icon-sm:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);outline:none}.xterm-helper-textarea{border:none!important;box-shadow:none!important;outline:none!important;opacity:0!important;caret-color:transparent!important}.touch-device .xterm .xterm-helper-textarea{left:0!important;top:0!important;width:1px!important;height:1px!important;z-index:-1!important;font-size:16px!important}.session-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;z-index:1}.modal-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-dark);color:var(--text);height:100vh;height:100dvh;height:var(--app-height, 100dvh);overflow:hidden}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;height:var(--app-height, 100dvh)}.header{display:flex;align-items:flex-start;min-height:var(--header-height);padding:.35rem .75rem;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);flex-shrink:0;position:relative;z-index:100;contain:layout style paint}.header-brand{display:flex;align-items:center;padding-right:.75rem;border-right:1px solid var(--glass-border);margin-right:.5rem;height:var(--header-height);flex-shrink:0}.logo{font-size:.85rem;font-weight:700;color:var(--accent-hover);letter-spacing:-.02em;cursor:pointer;transition:color var(--transition-smooth),text-shadow var(--transition-smooth),filter var(--transition-smooth)}.logo:hover{color:#93c5fd;text-shadow:0 0 12px rgba(96,165,250,.5),0 0 24px rgba(96,165,250,.2);filter:brightness(1.1)}.session-tabs{display:flex;align-items:flex-start;flex-wrap:nowrap;gap:4px 2px;flex:1;overflow-x:auto;overflow-y:hidden;padding:.15rem .25rem;contain:layout}.session-tabs.tabs-two-rows{flex-wrap:wrap;overflow-x:hidden;overflow-y:auto;max-height:120px}.session-tabs::-webkit-scrollbar{width:4px;height:0}.session-tabs::-webkit-scrollbar-track{background:transparent}.session-tabs::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.session-tabs::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.session-tab{display:flex;align-items:center;gap:.35rem;padding:.35rem .6rem;background:transparent;border:1px solid transparent;border-radius:var(--btn-radius);color:var(--text-dim);font-size:.75rem;cursor:pointer;white-space:nowrap;transition:background var(--transition-smooth),border-color var(--transition-smooth),color var(--transition-smooth),box-shadow var(--transition-smooth)}.session-tab:hover{background:#22c55e0f;color:var(--text);box-shadow:0 0 8px 2px #22c55e2e,inset 0 0 6px 1px #22c55e0f;border-color:#22c55e2e}.session-tab:active{background:#22c55e1f;box-shadow:0 0 12px 4px #22c55e59,inset 0 0 8px 2px #22c55e26;border-color:#22c55e4d}.session-tab.active{background:#22c55e26!important;border:2px solid #00FF66!important;color:#fff!important;box-shadow:none!important;outline:none!important}.session-tab.tab-glow{animation:tab-glow .35s ease-out}@keyframes tab-glow{0%{box-shadow:0 0 #22c55e00;background:transparent}10%{box-shadow:0 0 18px 6px #22c55eb3,0 0 40px 12px #22c55e4d,inset 0 0 12px 3px #22c55e40;background:#22c55e1f}30%{box-shadow:0 0 14px 5px #22c55e80,0 0 30px 10px #22c55e33,inset 0 0 10px 2px #22c55e26;background:#22c55e14}to{box-shadow:0 0 #22c55e00;background:transparent}}.session-tab .tab-status{width:6px;height:6px;border-radius:50%;flex-shrink:0}.session-tab .tab-status.idle{background:var(--green)}.session-tab .tab-status.busy{background:var(--green);animation:pulse 1.5s infinite;will-change:opacity}.session-tab .tab-status.error{background:var(--red)}.session-tab .tab-status.ended{background:var(--text-muted);opacity:.5}.session-tab[data-ended]{opacity:.55}.session-tab[data-color=red]{border-left:3px solid var(--session-red)}.session-tab[data-color=orange]{border-left:3px solid var(--session-orange)}.session-tab[data-color=yellow]{border-left:3px solid var(--session-yellow)}.session-tab[data-color=green]{border-left:3px solid var(--session-green)}.session-tab[data-color=blue]{border-left:3px solid var(--session-blue)}.session-tab[data-color=purple]{border-left:3px solid var(--session-purple)}.session-tab[data-color=pink]{border-left:3px solid var(--session-pink)}.session-tab.active[data-color=red]{background:#ef444426;border-color:#ef444480;box-shadow:0 0 10px #ef44444d}.session-tab.active[data-color=orange]{background:#f9731626;border-color:#f9731680;box-shadow:0 0 10px #f973164d}.session-tab.active[data-color=yellow]{background:#eab30826;border-color:#eab30880;box-shadow:0 0 10px #eab3084d}.session-tab.active[data-color=green]{background:#22c55e26;border-color:#22c55e80;box-shadow:0 0 10px #22c55e4d}.session-tab.active[data-color=blue]{background:#3b82f626;border-color:#3b82f680;box-shadow:0 0 10px #3b82f64d}.session-tab.active[data-color=purple]{background:#a855f726;border-color:#a855f780;box-shadow:0 0 10px #a855f74d}.session-tab.active[data-color=pink]{background:#ec489926;border-color:#ec489980;box-shadow:0 0 10px #ec48994d}.session-tab .tab-number{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:3px;background:#ffffff26;border:1px solid rgba(255,255,255,.35);color:#ffffffbf;font-size:.6rem;font-weight:700;flex-shrink:0;font-family:monospace}.session-tab.active .tab-number{background:#0f63!important;border-color:#00ff6680!important;color:#0f6!important}.session-tab .tab-info{display:flex;flex-direction:column;overflow:hidden;min-width:0}.session-tab .tab-name-row{display:flex;align-items:center;gap:.25rem}.session-tab .tab-name{overflow:hidden;text-overflow:ellipsis}.session-tab .tab-prefix{color:var(--text-muted)}.session-tab .tab-suffix{color:var(--text);font-weight:500}.session-tab .tab-folder{font-size:.6rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;display:none}.tabs-show-folder .session-tab .tab-folder{display:block}.session-tab .tab-close{opacity:0;width:0;padding:0;font-size:.9rem;line-height:1;color:var(--text-muted);overflow:hidden;cursor:default;border-radius:3px;transition:opacity .05s ease-out,width .05s ease-out,padding .05s ease-out}.session-tab:hover .tab-close{opacity:1;width:auto;padding:.15rem .35rem}.session-tab .tab-close:hover{color:var(--red);background:#ffffff1a}.session-tab.new-tab{padding:.35rem .5rem;color:var(--text-muted);font-size:1rem;font-weight:300}.session-tab.new-tab:hover{color:var(--green)}.session-tab.tab-alert-action{animation:tab-blink-red 2.5s ease-in-out infinite}.session-tab.tab-alert-idle{animation:tab-blink-yellow 3.5s ease-in-out infinite}@keyframes tab-blink-red{0%,to{background:transparent;border-color:transparent}50%{background:#ef44441f;border-color:var(--red)}}@keyframes tab-blink-yellow{0%,to{background:transparent;border-color:transparent}50%{background:#eab3081a;border-color:var(--yellow)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.session-tab[draggable=true]{cursor:grab}.session-tab.dragging{opacity:.5;cursor:grabbing}.session-tab.drag-over-left{box-shadow:-2px 0 0 0 var(--accent)}.session-tab.drag-over-right{box-shadow:2px 0 0 0 var(--accent)}.header-right{display:flex;align-items:center;gap:.5rem;margin-left:auto;padding-left:.75rem;border-left:1px solid var(--glass-border)}.connection-indicator{display:flex;align-items:center;gap:.35rem;font-size:.7rem;color:var(--text-dim);font-family:SF Mono,Monaco,monospace;white-space:nowrap}.connection-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.connection-dot.offline{background:var(--red);box-shadow:0 0 6px var(--red)}.connection-dot.reconnecting{background:var(--yellow);animation:connection-pulse 1.5s ease-in-out infinite}.connection-dot.draining{background:var(--green);animation:connection-pulse .8s ease-in-out infinite}@keyframes connection-pulse{0%,to{opacity:1}50%{opacity:.3}}.tunnel-indicator{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;cursor:pointer;border-radius:var(--btn-radius);padding:0;position:relative;transition:background var(--transition-smooth)}.tunnel-indicator:hover{background:#ffffff0f}.tunnel-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e,0 0 12px #22c55e66;animation:tunnel-glow 2s ease-in-out infinite}.tunnel-indicator.connecting .tunnel-dot{background:#f59e0b;box-shadow:0 0 6px #f59e0b,0 0 12px #f59e0b66;animation:tunnel-glow-amber 1s ease-in-out infinite}@keyframes tunnel-glow{0%,to{box-shadow:0 0 6px #22c55e,0 0 12px #22c55e66}50%{box-shadow:0 0 8px #22c55e,0 0 18px #22c55e99}}@keyframes tunnel-glow-amber{0%,to{box-shadow:0 0 6px #f59e0b,0 0 12px #f59e0b66;opacity:1}50%{box-shadow:0 0 4px #f59e0b;opacity:.4}}.tunnel-panel{position:fixed;top:36px;right:12px;width:320px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 32px #00000080;z-index:1000;overflow:hidden}.tunnel-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border)}.tunnel-panel-header h3{margin:0;font-size:13px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px}.tunnel-panel-status{font-size:11px;font-weight:400;color:#22c55e}.tunnel-panel-status.offline{color:var(--text-muted)}.tunnel-panel-body{padding:10px 14px}.tunnel-panel-section{margin-bottom:12px}.tunnel-panel-section:last-child{margin-bottom:0}.tunnel-panel-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:6px}.tunnel-panel-url{font-family:SF Mono,Monaco,monospace;font-size:11px;color:var(--accent-hover);word-break:break-all;cursor:pointer;padding:6px 8px;background:var(--bg-input);border-radius:4px;transition:background .15s}.tunnel-panel-url:hover{background:var(--bg-hover)}.tunnel-panel-stat{display:flex;align-items:center;justify-content:space-between;padding:4px 0;font-size:12px;color:var(--text-dim)}.tunnel-panel-stat-value{color:var(--text);font-family:SF Mono,Monaco,monospace;font-size:11px}.tunnel-panel-session{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--bg-input);border-radius:4px;margin-bottom:4px;font-size:11px;color:var(--text-dim)}.tunnel-panel-session-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;flex-shrink:0}.tunnel-panel-session-info{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tunnel-panel-session-method{font-size:10px;padding:1px 5px;border-radius:3px;background:var(--bg-hover);color:var(--text-muted);text-transform:uppercase;flex-shrink:0}.tunnel-panel-actions{display:flex;gap:6px;padding-top:8px;border-top:1px solid var(--border)}.tunnel-panel-btn{flex:1;padding:6px 0;font-size:12px;font-weight:500;border:1px solid var(--border);border-radius:5px;cursor:pointer;text-align:center;transition:all .15s}.tunnel-panel-btn.btn-start{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.tunnel-panel-btn.btn-start:hover{background:#22c55e33}.tunnel-panel-btn.btn-stop{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.tunnel-panel-btn.btn-stop:hover{background:#ef444433}.tunnel-panel-btn.btn-qr{background:var(--bg-input);color:var(--text-dim)}.tunnel-panel-btn.btn-qr:hover{background:var(--bg-hover);color:var(--text)}.tunnel-panel-btn.btn-revoke{background:#ef44441a;border-color:#ef44444d;color:#ef4444;font-size:11px}.tunnel-panel-btn.btn-revoke:hover{background:#ef444433}.tunnel-panel-empty{font-size:11px;color:var(--text-muted);font-style:italic;padding:4px 0}.header-tokens{font-size:.75rem;font-weight:500;color:var(--accent-hover);font-family:SF Mono,Monaco,monospace}.header-system-stats{display:flex;gap:.75rem;font-size:.65rem;font-family:SF Mono,Monaco,monospace;color:var(--text-dim);padding:0 .5rem}.stat-item{display:flex;align-items:center;gap:.35rem}.stat-label{color:var(--text-muted);font-size:.6rem;text-transform:uppercase;min-width:24px}.stat-bar{width:40px;height:5px;background:#ffffff0f;border-radius:3px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:3px;transition:width .3s ease,background .3s ease}.stat-bar-cpu{background:linear-gradient(90deg,var(--green) 0%,var(--green) 100%)}.stat-bar-cpu.medium{background:linear-gradient(90deg,var(--green) 0%,var(--yellow) 100%)}.stat-bar-cpu.high{background:linear-gradient(90deg,var(--yellow) 0%,var(--red) 100%)}.stat-bar-mem{background:linear-gradient(90deg,var(--accent) 0%,var(--accent-hover) 100%)}.stat-bar-mem.medium{background:linear-gradient(90deg,var(--accent) 0%,var(--yellow) 100%)}.stat-bar-mem.high{background:linear-gradient(90deg,var(--yellow) 0%,var(--red) 100%)}.stat-value{min-width:32px;text-align:right;color:var(--text-dim)}.stat-value.high{color:var(--red);font-weight:500}.btn-icon-header{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:transparent;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;border-radius:var(--btn-radius);transition:all var(--transition-smooth)}.btn-icon-header:hover{background:#ffffff12;color:var(--text);transform:rotate(45deg)}.btn-icon-header.btn-settings{width:30px;height:30px;margin-left:0}.btn-icon-header.btn-sm{width:20px;height:20px;font-size:.7rem;font-weight:600}.btn-icon-header.btn-sm:hover{transform:none}.header-font-controls{display:flex;align-items:center;gap:.25rem;padding:.15rem .4rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.04);border-radius:var(--btn-radius)}.header-font-controls .font-size-display{font-size:.7rem;color:var(--text-muted);min-width:18px;text-align:center;font-family:SF Mono,Monaco,monospace}.session-tab .tab-gear{opacity:0;width:0;padding:0;font-size:1rem;line-height:1;color:var(--text-muted);cursor:pointer;overflow:hidden;transition:opacity .15s,width .15s,padding .15s,transform .2s}.session-tab:hover .tab-gear{opacity:1;width:auto;padding:0 .3rem}.session-tab .tab-gear:hover{color:var(--accent-hover);transform:rotate(45deg)}.session-tab .tab-mode{font-size:.6rem;padding:1px 4px;border-radius:3px;background:var(--bg-hover);color:var(--text-muted);text-transform:uppercase}.session-tab .tab-mode.shell{background:#eab30833;color:var(--yellow)}.session-tab .tab-mode.opencode{background:#10b98133;color:#10b981}.timer-banner{display:flex;align-items:center;gap:1rem;padding:.4rem 1rem;background:linear-gradient(90deg,#1e3a5fcc,#152238cc);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(59,130,246,.2);flex-shrink:0}.timer-content{display:flex;align-items:center;gap:1rem;flex:1}.timer-value{font-size:1rem;font-weight:600;font-family:SF Mono,Monaco,monospace;color:var(--accent-hover)}.timer-progress{flex:1;height:4px;background:#0000004d;border-radius:2px;max-width:200px}.timer-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:2px;transition:width 1s linear}.timer-meta{font-size:.7rem;color:var(--text-dim)}.respawn-banner{display:flex;padding:.25rem .75rem;background:linear-gradient(90deg,#1e3a1ecc,#132513cc);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(34,197,94,.2);font-size:.7rem;flex-shrink:0}.respawn-compact-layout{display:flex;width:100%;gap:1rem}.respawn-status-col{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex-shrink:0}.respawn-status-row1{display:flex;align-items:center;gap:.5rem}.respawn-status-row2{display:flex;align-items:center;gap:.5rem;min-height:1.2em;font-size:.65rem;color:var(--text-dim)}.respawn-status-row2:empty{display:none}.respawn-countdown-timers{display:flex;gap:.3rem;flex-wrap:wrap}.respawn-countdown-timer{display:flex;align-items:center;gap:.25rem;background:#00000059;padding:.1rem .35rem;border-radius:3px;font-family:SF Mono,Monaco,monospace;font-size:.6rem}.respawn-countdown-timer .timer-name{color:var(--text-dim)}.respawn-countdown-timer .timer-value{color:var(--green);font-weight:500;min-width:2em;text-align:right}.respawn-timer-bar{width:30px;height:2px;background:#ffffff26;border-radius:1px;overflow:hidden}.respawn-timer-progress{height:100%;background:var(--green);transition:width .1s linear}.respawn-action-log{flex:1;max-height:3.2em;overflow-y:auto;font-size:.65rem;font-family:SF Mono,Monaco,monospace;color:var(--text-dim);border-left:1px solid rgba(34,197,94,.2);padding-left:.5rem}.respawn-action-log::-webkit-scrollbar{width:3px}.respawn-action-log::-webkit-scrollbar-thumb{background:#22c55e4d;border-radius:2px}.respawn-action-entry{padding:.05rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.respawn-action-entry .action-time{color:var(--text-muted);margin-right:.3rem}.respawn-action-entry .action-type{color:var(--green);margin-right:.3rem}.respawn-action-entry .action-detail{color:var(--text-dim)}.respawn-action-entry.action-command{color:var(--accent)}.respawn-action-entry.action-command .action-type{color:var(--accent);font-weight:600}.respawn-action-entry.action-command .action-detail{color:var(--text);font-weight:500}.respawn-indicator{color:var(--green);animation:spin 2s linear infinite;font-size:.8rem}.respawn-state{color:#fff;font-weight:600;background:#22c55e4d;padding:.1rem .4rem;border-radius:3px;font-size:.7rem}.respawn-state.respawn-blocked{background:#f443364d;color:#f44336;animation:respawn-blocked-pulse 1.5s ease-in-out infinite}@keyframes respawn-blocked-pulse{0%,to{opacity:1}50%{opacity:.6}}.respawn-cycles{color:var(--text-muted);font-family:SF Mono,Monaco,monospace;font-size:.65rem}.respawn-timer{color:var(--accent-hover);font-family:SF Mono,Monaco,monospace;font-weight:500;font-size:.65rem;padding:0 .4rem;border-left:1px solid rgba(34,197,94,.3)}.respawn-tokens{color:var(--text-dim);font-family:SF Mono,Monaco,monospace;font-size:.65rem}.detection-status{color:var(--text-dim);font-size:.65rem}.detection-ai-check{font-size:.65rem;padding:.05rem .3rem;border-radius:2px;background:#ffffff1a}.detection-ai-check.ai-checking{color:var(--accent);background:#3b82f626}.detection-ai-check.ai-idle{color:var(--green);background:#22c55e26}.detection-ai-check.ai-working{color:var(--yellow);background:#eab30826}.detection-ai-check.ai-disabled{color:var(--text-muted);background:#ffffff0d}.detection-confidence{color:var(--text-dim);font-family:SF Mono,Monaco,monospace;font-size:.6rem;padding:.05rem .25rem;background:#22c55e26;border-radius:2px}.detection-confidence.high{background:#22c55e4d;color:var(--green)}.detection-confidence.medium{background:#eab30833;color:var(--yellow)}.detection-confidence.hook-confirmed{background:#8b5cf64d;color:var(--purple, #a78bfa)}.detection-hook{font-size:.65rem;padding:.05rem .3rem;border-radius:2px;background:#8b5cf626;color:var(--purple, #a78bfa)}.detection-hook.hook-active{background:#8b5cf640;color:var(--purple, #a78bfa);font-weight:500}@keyframes pulse-hook{0%,to{opacity:1}50%{opacity:.7}}.ralph-panel{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--glass-border);font-size:.75rem;flex-shrink:0;overflow:hidden;position:relative;overflow-anchor:none;contain:layout style paint}.ralph-ring-mini{position:relative;width:32px;height:32px;flex-shrink:0}.ralph-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.ralph-ring-bg{fill:none;stroke:var(--bg-input);stroke-width:3}.ralph-ring-progress{fill:none;stroke:url(#ralphGradient);stroke-width:3;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .5s ease-out}.ralph-ring-progress-mini{fill:none;stroke:url(#ralphGradientMini);stroke-width:3;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .5s ease-out}.ralph-ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.4rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;text-align:center}.ralph-summary-info{flex:1;display:flex;align-items:center;gap:.75rem;min-width:0}.ralph-title{font-weight:600;color:var(--text);font-size:.8rem;white-space:nowrap}.ralph-status-badge{display:flex;align-items:center;gap:.35rem;padding:.2rem .5rem;border-radius:4px;background:var(--bg-input);font-size:.7rem;font-weight:500}.ralph-status-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);transition:background .2s}.ralph-status-badge.active .ralph-status-dot{background:var(--accent);animation:ralph-pulse 1.5s ease-in-out infinite}.ralph-status-badge.completed .ralph-status-dot{background:var(--green)}.ralph-status-badge.tracking .ralph-status-dot{background:var(--yellow)}@keyframes ralph-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.ralph-circuit-breaker{display:flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s;margin-left:.5rem}.ralph-circuit-breaker.half-open{background:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.4)}.ralph-circuit-breaker.half-open:hover{background:#ffc1074d}.ralph-circuit-breaker.open{background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.4);animation:circuit-breaker-pulse 1s ease-in-out infinite}.ralph-circuit-breaker.open:hover{background:#f443364d}.ralph-circuit-breaker .cb-icon{font-size:.8rem}.ralph-circuit-breaker .cb-text{font-size:.65rem;text-transform:uppercase;letter-spacing:.5px}@keyframes circuit-breaker-pulse{0%,to{opacity:1}50%{opacity:.7}}.ralph-status-block{background:var(--bg-input);border-radius:4px;padding:.5rem .75rem;margin-top:.5rem;font-size:.75rem}.ralph-status-block-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem;font-weight:600;color:var(--text-bright)}.ralph-status-block-status{padding:.1rem .4rem;border-radius:3px;font-size:.65rem;font-weight:600;text-transform:uppercase}.ralph-status-block-status.in-progress{background:#2196f333;color:#2196f3}.ralph-status-block-status.complete{background:#4caf5033;color:#4caf50}.ralph-status-block-status.blocked{background:#f4433633;color:#f44336}.ralph-status-block-stats{display:flex;gap:1rem;color:var(--text-dim)}.ralph-status-block-stats span{display:flex;align-items:center;gap:.25rem}.ralph-status-block-recommendation{margin-top:.4rem;padding-top:.4rem;border-top:1px solid var(--border);color:var(--text-muted);font-style:italic}.ralph-summary-stats{display:flex;align-items:center;gap:.75rem}.ralph-stat{display:flex;align-items:center;gap:.25rem;color:var(--text-dim);font-size:.7rem}.ralph-stat-icon{font-size:.75rem;opacity:.7}.ralph-toggle{color:var(--text-dim);font-size:.6rem;flex-shrink:0}.ralph-panel.collapsed .ralph-detail{display:none}.ralph-detail{padding:.5rem .75rem;border-top:1px solid var(--border);background:var(--bg-dark)}.ralph-detail-row{display:flex;align-items:center;gap:1rem}.ralph-ring-compact{position:relative;width:75px;height:75px;flex-shrink:0}.ralph-ring-compact .ralph-ring-percent{font-size:.95rem;font-weight:600}.ralph-ring-compact .ralph-ring-label{font-size:.55rem}.ralph-info-unified{flex:1;display:flex;align-items:flex-start;gap:.75rem;overflow:hidden;min-width:0;background:var(--bg-input);padding:.4rem .6rem;border-radius:4px}.ralph-info-labels{display:grid;grid-template-columns:auto auto;gap:.15rem .5rem;flex-shrink:0;align-items:center}.ralph-info-row{display:contents}.ralph-info-label{font-size:.5rem;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);text-align:right}.ralph-info-unified code{font-size:.7rem;font-weight:500;padding:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:transparent;color:var(--text)}.ralph-info-unified span:not(.ralph-info-label){font-size:.7rem;font-weight:500;color:var(--text)}.ralph-info-unified .ralph-tasks-count{font-size:.7rem;font-weight:500;color:var(--text)}.ralph-info-unified .ralph-tasks-grid{flex:1;display:flex;flex-wrap:wrap;gap:.2rem;padding:0;max-height:60px;overflow-y:auto;align-content:flex-start}.ralph-tasks-compact .ralph-task-card{padding:.2rem .4rem;font-size:.65rem;border-left-width:2px}.ralph-tasks-compact .ralph-task-icon{font-size:.7rem}.ralph-tasks-compact .ralph-task-content{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ralph-ring-svg-large{width:100%;height:100%;transform:rotate(-90deg)}.ralph-ring-track{fill:none;stroke:var(--bg-input);stroke-width:6}.ralph-ring-fill{fill:none;stroke:url(#ralphGradient);stroke-width:6;stroke-linecap:round;stroke-dasharray:264;stroke-dashoffset:264;transition:stroke-dashoffset .5s ease-out}.ralph-ring-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.ralph-ring-percent{font-size:1.25rem;font-weight:700;color:var(--text);line-height:1}.ralph-ring-label{font-size:.6rem;color:var(--text-dim);margin-top:.15rem}.ralph-tasks-count{color:var(--text-dim);font-weight:400}.ralph-tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;padding:.5rem;max-height:200px;overflow-y:auto}.ralph-task-card{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;background:var(--bg-dark);border-radius:4px;border-left:2px solid var(--text-muted);transition:border-color .2s,background .2s;position:relative}.ralph-task-card.task-pending{border-left-color:var(--text-muted)}.ralph-task-card.task-in-progress{border-left-color:var(--accent);background:#3b82f60d}.ralph-task-card.task-completed{border-left-color:var(--green);opacity:.75}.ralph-task-icon{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:.7rem;border-radius:50%}.ralph-task-card.task-pending .ralph-task-icon{color:var(--text-muted)}.ralph-task-card.task-in-progress .ralph-task-icon{color:var(--accent);animation:ralph-spin 2s linear infinite}.ralph-task-card.task-completed .ralph-task-icon{color:var(--green)}@keyframes ralph-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ralph-task-content{flex:1;font-size:.7rem;color:var(--text-dim);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ralph-task-card.task-completed .ralph-task-content{color:var(--text-dim)}.ralph-task-priority{font-size:.55rem;font-weight:700;padding:.1rem .25rem;border-radius:2px;flex-shrink:0;text-transform:uppercase}.ralph-task-priority.priority-p0{background:#f443364d;color:#f44336}.ralph-task-priority.priority-p1{background:#ffc1074d;color:#ffc107}.ralph-task-priority.priority-p2{background:#2196f333;color:#2196f3}.ralph-task-card.task-priority-p0{border-left-color:#f44336}.ralph-task-card.task-priority-p1:not(.task-completed){border-left-color:#ffc107}.ralph-state-empty{color:var(--text-muted);font-style:italic;padding:.5rem}.ralph-summary{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;user-select:none;transition:background .15s}.ralph-summary-content{display:flex;align-items:center;gap:.75rem;flex:1;cursor:pointer}.ralph-summary-content:hover{background:var(--bg-hover)}.ralph-controls{display:flex;gap:.25rem;flex-shrink:0}.ralph-menu-container{position:relative}.ralph-dropdown{display:none;position:absolute;top:100%;right:0;background:#16161cf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:10px;min-width:170px;box-shadow:0 8px 32px #0006,0 2px 8px #0003;z-index:1000;padding:4px}.ralph-dropdown.show{display:block}.ralph-dropdown button{display:block;width:100%;padding:.5rem .75rem;border:none;background:transparent;color:var(--text);text-align:left;font-size:.75rem;cursor:pointer;border-radius:var(--btn-radius);transition:background var(--transition-smooth)}.ralph-dropdown button:hover{background:#ffffff12}.ralph-dropdown hr{margin:.25rem 4px;border:none;border-top:1px solid rgba(255,255,255,.06)}.ralph-panel.detached{position:fixed;top:80px;left:50px;width:600px;height:400px;min-width:350px;min-height:200px;max-width:90vw;max-height:80vh;z-index:1000;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 16px 64px #00000080,0 4px 16px #0000004d;background:#131316f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden;resize:both;display:flex;flex-direction:column}.ralph-panel.detached .ralph-summary{cursor:move;background:linear-gradient(180deg,var(--bg-hover) 0%,var(--bg-card) 100%);border-bottom:1px solid var(--border);border-radius:8px 8px 0 0;flex-shrink:0}.ralph-panel.detached .ralph-summary-content{cursor:move}.ralph-panel.detached .ralph-summary-content:hover{background:transparent}.ralph-panel.detached .ralph-detail{flex:1;max-height:none;overflow:auto;display:flex;flex-direction:column}.ralph-panel.detached .ralph-detail-row{flex:1;overflow:auto}.ralph-panel.detached .ralph-info-unified{flex-direction:column;flex:1;overflow:auto}.ralph-panel.detached .ralph-info-unified .ralph-tasks-grid{max-height:none;flex:1}.ralph-panel.detached.collapsed{min-height:auto;height:auto}.main{flex:1;display:flex;overflow:hidden;background:var(--bg-dark);position:relative}.terminal-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden}.terminal-container{flex:1;background:#0d0d0d;overflow:hidden;position:relative;contain:layout paint;will-change:contents}.terminal-container .xterm{height:100%;padding:0}.terminal-container .xterm-viewport{background:transparent!important}.welcome-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);z-index:10;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.welcome-overlay.visible{opacity:1;pointer-events:auto}.welcome-content{text-align:center;max-width:520px;padding:2rem}.welcome-title{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#60a5fa,#93c5fd,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;letter-spacing:-.04em}.welcome-desc{color:var(--text-dim);font-size:.9rem;line-height:1.6;margin-bottom:.5rem}.welcome-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:2rem;margin-bottom:1.5rem}.welcome-btn{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.3rem;font-size:.85rem;font-weight:600;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:all var(--transition-smooth);letter-spacing:.01em}.welcome-btn-claude{background:linear-gradient(135deg,#1a3358,#1e4fb8,#2563eb);border-color:#3b82f666;color:#e0e7ff;box-shadow:0 2px 8px #2563eb33,inset 0 1px #ffffff14}.welcome-btn-claude:hover{background:linear-gradient(135deg,#2454a8,#2d6cf0,#4b8af7);box-shadow:0 4px 20px #3b82f659,0 0 40px #3b82f626,inset 0 1px #ffffff1a;border-color:#60a5fa80;color:#fff;transform:translateY(-1px)}.welcome-btn-opencode{background:linear-gradient(135deg,#0a2e2a,#0b3d35,#0d4a40);border-color:#10b98166;color:#6ee7b7;box-shadow:0 2px 8px #10b98126,inset 0 1px #ffffff0f}.welcome-btn-opencode:hover{background:linear-gradient(135deg,#0d4a40,#116a58,#15856e);box-shadow:0 4px 20px #10b9814d,0 0 40px #10b9811a,inset 0 1px #ffffff14;border-color:#34d39980;color:#a7f3d0;transform:translateY(-1px)}.welcome-btn-tunnel{background:linear-gradient(135deg,#221538,#3b1a7a,#6d28d9);border-color:#7c3aed66;color:#ddd6fe;box-shadow:0 2px 8px #6d28d933,inset 0 1px #ffffff0f}.welcome-btn-tunnel:hover{background:linear-gradient(135deg,#4c1d95,#6d28d9,#7c3aed);box-shadow:0 4px 20px #7c3aed59,0 0 40px #7c3aed26,inset 0 1px #ffffff1a;border-color:#8b5cf680;color:#fff;transform:translateY(-1px)}.welcome-btn-tunnel.active{background:linear-gradient(135deg,#047857,#059669,#10b981);border-color:#34d39980;color:#ecfdf5;box-shadow:0 2px 8px #10b98133,inset 0 1px #ffffff14}.welcome-btn-tunnel.active:hover{background:linear-gradient(135deg,#059669,#10b981,#34d399);box-shadow:0 4px 20px #34d39959,0 0 40px #34d39926,inset 0 1px #ffffff1a;color:#fff;transform:translateY(-1px)}.welcome-btn-tunnel.connecting{background:linear-gradient(135deg,#1e1e3a,#312e81,#4338ca);border-color:#6366f166;color:#c7d2fe;cursor:wait}.tunnel-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.25);border-top-color:currentColor;border-radius:50%;animation:tunnel-spin .8s linear infinite;flex-shrink:0}@keyframes tunnel-spin{to{transform:rotate(360deg)}}.welcome-qr{display:none;flex-direction:column;align-items:center;margin-top:1.5rem;margin-bottom:.5rem;cursor:pointer;transition:transform .2s ease}.welcome-qr.visible{display:flex}.welcome-qr-inner{background:#fff;border-radius:10px;padding:12px;width:140px;height:140px;transition:width .25s ease,height .25s ease,padding .25s ease}.welcome-qr-inner svg{width:100%;height:100%}.welcome-qr.expanded .welcome-qr-inner{width:280px;height:280px;padding:16px}.welcome-qr-url{margin-top:8px;font-family:monospace;font-size:11px;color:var(--text-muted);word-break:break-all;max-width:320px;text-align:center}.history-sessions{margin-top:1.5rem;width:100%;max-width:560px}.history-title{font-size:.85rem;color:var(--text-dim);margin-bottom:.5rem;font-weight:500;text-align:left}.history-list{display:flex;flex-direction:column;gap:.35rem;max-height:240px;overflow-y:auto}.history-item{display:flex;align-items:center;gap:.75rem;padding:.55rem .8rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;cursor:pointer;transition:all var(--transition-smooth);text-align:left}.history-item:hover{border-color:#3b82f64d;background:#ffffff0f;box-shadow:0 2px 8px #0003}.history-item-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.history-item-title{font-size:.8rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-subtitle{font-size:.65rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-meta{font-size:.7rem;color:var(--text-muted);white-space:nowrap}.history-item-size{font-size:.7rem;color:var(--text-dim);white-space:nowrap;min-width:45px;text-align:right}.history-show-more{width:100%;padding:.5rem;margin-top:.25rem;background:#ffffff0a;border:1px dashed rgba(255,255,255,.1);border-radius:8px;color:var(--text-muted);font-size:.75rem;cursor:pointer;transition:background var(--transition-smooth),color var(--transition-smooth)}.history-show-more:hover{background:#ffffff14;color:var(--text)}.welcome-hint{color:var(--text-muted);font-size:.8rem}.welcome-hint kbd{display:inline-block;padding:.15rem .45rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:5px;font-family:inherit;font-size:.75rem;color:var(--text-dim);box-shadow:0 1px 2px #00000026}.welcome-ralph-link{background:none;border:none;color:var(--text-muted);font-size:.75rem;cursor:pointer;padding:.25rem 0;margin-top:.25rem;transition:color .15s ease}.welcome-ralph-link:hover{color:var(--accent)}.toolbar{display:flex;align-items:center;justify-content:space-between;position:relative;height:var(--toolbar-height);padding:0 .75rem;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--glass-border);box-shadow:0 -1px 3px #0003,0 -4px 12px #0000001a;flex-shrink:0;contain:style}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:.5rem}.toolbar-center{position:absolute;left:50%;transform:translate(-50%)}.version-display{font-family:SF Mono,Monaco,monospace;font-size:.6rem;color:var(--text-muted);padding:.2rem .5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.04);border-radius:var(--btn-radius);cursor:default;user-select:none;opacity:.8;letter-spacing:.02em}.toolbar-group{display:flex;align-items:center;gap:0}.btn-toolbar{display:flex;align-items:center;gap:.35rem;padding:.4rem .8rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-radius:var(--btn-radius);color:var(--text-dim);font-size:.75rem;cursor:pointer;transition:all var(--transition-smooth);white-space:nowrap}.btn-toolbar:hover{background:#ffffff17;color:var(--text);border-color:#ffffff1f;box-shadow:0 1px 4px #0003}.btn-toolbar:active{background:#ffffff0f;transform:translateY(.5px)}.btn-toolbar.btn-sm{padding:.3rem .55rem;font-size:.7rem}.btn-toolbar.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-toolbar.btn-primary:hover{background:var(--accent-hover)}.run-btn-group{display:flex;position:relative}.btn-toolbar.btn-run{border-radius:var(--btn-radius) 0 0 var(--btn-radius);border-right:1px solid rgba(255,255,255,.12);font-weight:600;padding:.45rem .9rem;gap:.45rem;letter-spacing:.01em}.btn-toolbar.btn-run svg{flex-shrink:0;width:12px;height:12px}.btn-toolbar.btn-run-gear{border-radius:0 var(--btn-radius) var(--btn-radius) 0;padding:.45rem;min-width:unset}.btn-toolbar.btn-run.mode-claude,.btn-toolbar.btn-run-gear.mode-claude{background:linear-gradient(135deg,#1a3358,#1e4fb8,#2563eb);border-color:#3b82f680;color:#e0e7ff;box-shadow:0 1px 2px #0003,inset 0 1px #ffffff14}.btn-toolbar.btn-run.mode-claude:hover,.btn-toolbar.btn-run-gear.mode-claude:hover{background:linear-gradient(135deg,#2454a8,#2d6cf0,#4b8af7);box-shadow:0 0 16px #3b82f666,0 2px 8px #3b82f633,inset 0 1px #ffffff1a;border-color:#60a5fa99;color:#fff}.btn-toolbar.btn-run.mode-opencode,.btn-toolbar.btn-run-gear.mode-opencode{background:linear-gradient(135deg,#0a2e2a,#0b3d35,#0d4a40);border-color:#10b98180;color:#6ee7b7;box-shadow:0 1px 2px #0003,inset 0 1px #ffffff0f}.btn-toolbar.btn-run.mode-opencode:hover,.btn-toolbar.btn-run-gear.mode-opencode:hover{background:linear-gradient(135deg,#0d4a40,#116a58,#15856e);box-shadow:0 0 12px #10b98159,0 2px 8px #10b98133,inset 0 1px #ffffff14;border-color:#34d39999;color:#a7f3d0}.run-mode-menu{display:none;position:absolute;bottom:100%;left:0;margin-bottom:6px;background:#16161cf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:4px;z-index:1000;min-width:190px;max-width:300px;box-shadow:0 8px 32px #00000080,0 2px 8px #0000004d}.run-mode-menu.active{display:flex;flex-direction:column;gap:2px}.run-mode-option{display:flex;align-items:center;gap:8px;padding:7px 12px;background:none;border:none;border-radius:var(--btn-radius);color:var(--text);cursor:pointer;font-size:.8rem;white-space:nowrap;transition:background var(--transition-smooth)}.run-mode-option:hover{background:#ffffff12}.run-mode-option.selected{background:#ffffff14;font-weight:600}.run-mode-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.run-mode-dot.claude{background:#3b82f6}.run-mode-dot.opencode{background:#10b981}.run-mode-sep{height:1px;background:var(--border);margin:4px 0}.run-mode-header{padding:4px 10px 2px;font-size:.72em;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.run-mode-history{max-height:200px;overflow-y:auto}.run-mode-option .hist-dir{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.run-mode-option .hist-meta{font-size:.85em;color:var(--text-muted);white-space:nowrap}.run-mode-hist-empty{padding:6px 10px;color:var(--text-muted);font-style:italic}.btn-toolbar.btn-shell{background:linear-gradient(135deg,#1a2e1a,#1e3a1e,#234023);border-color:#2d5a2d99;color:#8fbc8f;font-weight:600;letter-spacing:.01em;box-shadow:0 1px 2px #0003,inset 0 1px #ffffff0d}.btn-toolbar.btn-shell:hover{background:linear-gradient(135deg,#234023,#2d5a2d,#357035);border-color:#3d7a3db3;box-shadow:0 0 12px #228b224d,0 2px 8px #228b2226,inset 0 1px #ffffff14;color:#a8d8a8}.btn-toolbar.btn-stop{display:none;background:linear-gradient(135deg,#4a1515,#5a1a1a,#7f1d1d);border-color:#dc262680;color:#fca5a5;font-weight:600;box-shadow:0 1px 2px #0003,inset 0 1px #ffffff0d}.btn-toolbar.btn-stop:hover{background:linear-gradient(135deg,#7f1d1d,#991b1b,#b91c1c);border-color:#ef444499;box-shadow:0 0 12px #dc262659,0 2px 8px #dc262633,inset 0 1px #ffffff14;color:#fff}.btn-toolbar.btn-stop svg{flex-shrink:0;width:12px;height:12px}.btn-toolbar.btn-stop.confirming{background:linear-gradient(135deg,#6b4f00,#856200);border-color:#b8860b;color:#ffd54f;font-size:.65rem;white-space:nowrap}.btn-settings-mobile{display:none}.btn-toolbar.btn-case-mobile{display:none;background:transparent;border:1px solid rgba(255,255,255,.2);color:#9ca3af;gap:4px}.btn-toolbar.btn-case-mobile:hover{background:#ffffff1a;color:#fff}.btn-toolbar.btn-case-mobile svg{flex-shrink:0}.btn-toolbar.btn-case-mobile #mobileCaseName{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-voice-mobile,.btn-case-settings-mobile,.case-settings-popover-mobile,.case-settings-popover-mobile.hidden{display:none}.btn-toolbar .btn-icon{display:inline-flex;align-items:center;justify-content:center}.btn-toolbar.btn-success{background:linear-gradient(135deg,#16a34a,#22c55e);border-color:#22c55e80;color:#fff;box-shadow:0 1px 2px #0003,inset 0 1px #ffffff1a}.btn-toolbar.btn-success:hover{background:linear-gradient(135deg,#15803d,#16a34a);box-shadow:0 0 10px #22c55e4d,inset 0 1px #ffffff1a}.btn-toolbar.btn-danger{color:var(--red);border-color:#ef444433}.btn-toolbar.btn-danger:hover{background:linear-gradient(135deg,#b91c1c,#ef4444);color:#fff;border-color:#ef444480;box-shadow:0 0 10px #ef444440}.btn-toolbar.btn-voice{padding:.3rem .5rem}@media(max-width:1023px){.toolbar-center .btn-toolbar.btn-voice{display:none!important}}.btn-toolbar.btn-voice:hover{color:var(--text);border-color:#3b82f666}.btn-toolbar.btn-voice.recording{background:#ef444433;border-color:#ef444499;color:#ef4444;animation:voice-pulse 1.2s ease-in-out infinite}.btn-toolbar.btn-voice.recording:hover{background:#ef44444d;border-color:#ef4444cc;color:#f87171}@keyframes voice-pulse{0%,to{box-shadow:0 0 #ef444480;background:#ef444433}50%{box-shadow:0 0 0 6px #ef444400;background:#ef444459}}@media(prefers-reduced-motion:reduce){.btn-toolbar.btn-voice.recording,.btn-voice-mobile.recording{animation:none}}.voice-preview{position:fixed;bottom:48px;left:50%;transform:translate(-50%);background:#000000e0;color:#ffffffb3;font-style:italic;font-family:var(--font-mono, monospace);padding:8px 20px;border-radius:8px;border:1px solid rgba(255,255,255,.1);font-size:.85rem;max-width:80%;max-height:3.6em;overflow:hidden;z-index:10001;pointer-events:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.voice-preview-badge{display:inline-block;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#3b82f64d;color:#60a5fa;padding:1px 5px;border-radius:3px;font-style:normal;vertical-align:middle}.voice-provider-status{font-size:.75rem;color:var(--text-dim);padding:2px 8px;border-radius:4px;background:#ffffff0d}.voice-provider-status.active{color:#4ade80;background:#4ade801a}.voice-recording-indicator{display:inline-flex;align-items:center;gap:6px;margin-right:8px;flex-shrink:0}.voice-rec-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ef4444;animation:voice-rec-blink 1s ease-in-out infinite}@keyframes voice-rec-blink{0%,to{opacity:1}50%{opacity:.3}}.voice-level-bars{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.voice-level-bar{display:inline-block;width:3px;background:#ef444440;border-radius:1px;transition:background .1s ease,height .1s ease}.voice-level-bar:nth-child(1){height:4px}.voice-level-bar:nth-child(2){height:7px}.voice-level-bar:nth-child(3){height:10px}.voice-level-bar:nth-child(4){height:13px}.voice-level-bar:nth-child(5){height:14px}.voice-level-bar.active{background:#ef4444}.voice-timer{font-size:.7rem;font-weight:600;color:#ef4444;font-variant-numeric:tabular-nums;min-width:2.5em}.voice-preview:has(.voice-recording-indicator){border-color:#ef44444d;background:#140000eb}@media(prefers-reduced-motion:reduce){.voice-rec-dot{animation:none;opacity:1}}.voice-send-active{background:#22c55e33!important;border-color:#22c55eb3!important;color:#22c55e!important;animation:voice-send-glow 1.4s ease-in-out infinite}.voice-send-active:active{transform:scale(.9);background:#22c55e66!important}@keyframes voice-send-glow{0%,to{box-shadow:0 0 4px #22c55e4d;border-color:#22c55e80!important}50%{box-shadow:0 0 12px #22c55e99;border-color:#22c55ee6!important}}.voice-send-active.voice-send-blink{animation:voice-send-flash .4s ease-out!important}@keyframes voice-send-flash{0%{background:#22c55e99!important;box-shadow:0 0 16px #22c55ecc}to{background:transparent!important;box-shadow:none;opacity:0}}@media(prefers-reduced-motion:reduce){.voice-send-active{animation:none;box-shadow:0 0 6px #22c55e66}.voice-send-active.voice-send-blink{animation:none}}.form-row input[type=password]{width:100%;padding:.5rem .75rem;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:.8rem;font-family:inherit}.form-row input[type=password]:focus{outline:none;border-color:var(--accent)}.btn-icon-only{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:1px solid rgba(255,255,255,.07);border-radius:var(--btn-radius);color:var(--text-dim);font-size:.7rem;cursor:pointer;transition:all var(--transition-smooth)}.btn-icon-only:hover{background:#ffffff12;color:var(--text)}.case-select-group{display:flex;align-items:stretch;position:relative}.toolbar-select{padding:.4rem 1.5rem .4rem .6rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-radius:var(--btn-radius) 0 0 var(--btn-radius);color:var(--text-dim);font-size:.75rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%238b8b97' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .4rem center;width:fit-content;min-width:unset;max-width:unset;transition:all var(--transition-smooth)}.toolbar-select:hover{border-color:#ffffff1f;background:#ffffff12}.toolbar-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px #3b82f633}.btn-case-add{display:flex;align-items:center;justify-content:center;width:28px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-left:none;border-radius:0;color:var(--green);font-size:1.1rem;font-weight:500;cursor:pointer;transition:all var(--transition-smooth)}.btn-case-add:hover{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 0 8px #22c55e4d}.btn-case-settings{display:flex;align-items:center;justify-content:center;width:28px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-left:none;border-radius:0 var(--btn-radius) var(--btn-radius) 0;color:var(--text-dim);font-size:1rem;cursor:pointer;transition:all var(--transition-smooth)}.btn-case-settings:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.case-settings-popover{position:absolute;bottom:100%;right:0;margin-bottom:6px;background:#16161cf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.6rem .7rem;width:220px;z-index:1000;box-shadow:0 8px 32px #0006,0 2px 8px #0003}.case-settings-popover.hidden{display:none}.case-settings-popover .form-hint{margin-top:.2rem;font-size:.6rem}.case-manage-list{display:flex;flex-direction:column;gap:4px;max-height:320px;overflow-y:auto}.case-manage-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:6px;transition:background var(--transition-smooth)}.case-manage-item:hover{background:#ffffff0f}.case-manage-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.case-manage-name{font-size:.8rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-manage-path{font-size:.65rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-manage-actions{display:flex;gap:4px;margin-left:10px;flex-shrink:0}.case-manage-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:var(--text-dim);font-size:.65rem;cursor:pointer;transition:all var(--transition-smooth)}.case-manage-btn:hover:not(:disabled){background:#ffffff1a;color:var(--text)}.case-manage-btn:disabled{opacity:.25;cursor:not-allowed}.case-manage-btn-delete:hover:not(:disabled){background:#ef444426;border-color:#ef44444d;color:#ef4444}.toolbar-input{padding:.4rem .5rem;background:var(--bg-input);border:1px solid var(--accent);border-radius:4px;color:var(--text);font-size:.75rem;width:350px;max-width:50vw}.tab-count-group{display:flex;align-items:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:var(--btn-radius);overflow:hidden;margin:0 .25rem}.tab-count-btn{display:flex;align-items:center;justify-content:center;width:22px;height:26px;background:transparent;border:none;color:var(--text-dim);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-smooth)}.tab-count-btn:hover{background:#ffffff14;color:var(--accent-hover)}.tab-count-btn:active{background:var(--accent);color:#fff}.tab-count-input{width:24px;height:26px;background:transparent;border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);color:var(--text);font-size:.75rem;font-weight:600;text-align:center;font-family:SF Mono,Monaco,monospace;-moz-appearance:textfield}.tab-count-input::-webkit-inner-spin-button,.tab-count-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tab-count-input:focus{outline:none}.toolbar-input-sm{padding:.3rem .4rem;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:.75rem;width:40px;text-align:center}.toolbar-input-sm:focus{outline:none;border-color:var(--accent)}.toolbar-input-sm::-webkit-inner-spin-button,.toolbar-input-sm::-webkit-outer-spin-button{opacity:1;height:16px}#dirDisplay{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:rtl;text-align:left}.toolbar-input:focus{outline:none}.toolbar-input.hidden{display:none}.font-size-display{font-size:.65rem;color:var(--text-muted);min-width:20px;text-align:center;font-family:SF Mono,Monaco,monospace}.btn-close{background:transparent;border:none;color:var(--text-dim);font-size:1.2rem;cursor:pointer;padding:0 .25rem;line-height:1}.btn-close:hover{color:var(--text)}.btn-icon-sm{background:transparent;border:none;color:var(--text-dim);font-size:1rem;cursor:pointer;padding:.25rem;line-height:1;border-radius:4px}.btn-icon-sm:hover{color:var(--text);background:var(--bg-hover)}.settings-section{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.settings-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.form-row{margin-bottom:.75rem}.form-row label{display:block;font-size:.7rem;color:var(--text-dim);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.03em}.form-row input[type=text],.form-row input[type=number],.form-row textarea,.form-select{width:100%;padding:.5rem .75rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--btn-radius);color:var(--text);font-size:.8rem;font-family:inherit;transition:border-color var(--transition-smooth),box-shadow var(--transition-smooth)}.form-row input:focus,.form-row textarea:focus,.form-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #3b82f626}.form-col{flex:1}.form-col label{display:block;font-size:.7rem;color:var(--text-dim);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.03em}.input-suffix{display:flex;align-items:center}.input-suffix input{flex:1;border-radius:4px 0 0 4px;border-right:none}.input-suffix span{padding:.5rem;background:var(--bg-hover);border:1px solid var(--border);border-radius:0 4px 4px 0;color:var(--text-muted);font-size:.75rem}.form-hint{display:block;font-size:.65rem;color:var(--text-muted);margin-top:.35rem}.preset-selector{display:flex;gap:8px;align-items:center}.preset-selector select{flex:1;min-width:0;padding:.4rem .5rem;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:.75rem}.preset-selector select:focus{outline:none;border-color:var(--accent)}.preset-selector .btn-sm{white-space:nowrap;padding:4px 8px;font-size:.7rem;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text);cursor:pointer;transition:all .15s}.preset-selector .btn-sm:hover{background:var(--bg-hover);border-color:var(--border-light)}.form-section-header{font-size:.7rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin:1rem 0 .5rem;padding-bottom:.25rem;border-bottom:1px solid var(--border)}.form-section-header:first-child{margin-top:0}.form-row-switch{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.form-row-switch>label:first-child{margin-bottom:0;min-width:120px}.form-row-switch .form-hint{flex-basis:100%;margin-top:.25rem}.switch{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#ffffff0f;border:1px solid rgba(255,255,255,.08);transition:.2s cubic-bezier(.4,0,.2,1);border-radius:20px}.switch .slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:var(--text-muted);transition:.2s;border-radius:50%}.switch input:checked+.slider{background-color:var(--accent);border-color:var(--accent)}.switch input:checked+.slider:before{transform:translate(16px);background-color:#fff}.switch input:focus+.slider{box-shadow:0 0 0 2px #3b82f64d}.switch-sm{width:28px;height:16px}.switch-sm .slider:before{height:10px;width:10px;left:2px;bottom:2px}.switch-sm input:checked+.slider:before{transform:translate(12px)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem}.settings-section-header{grid-column:1 / -1;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:.5rem 0 .25rem;border-bottom:1px solid var(--border);margin-top:.75rem}.settings-section-header:first-child{margin-top:0}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:.45rem .7rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--btn-radius);font-size:.75rem;transition:background var(--transition-smooth)}.settings-item-label{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-item-multiline{align-items:center}.settings-item-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.settings-item-desc{font-size:.6rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-item-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.settings-grid-3col{grid-template-columns:1fr 1fr 1fr}.settings-item-input{width:60px;padding:.2rem .4rem;font-size:.7rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:3px;color:var(--text);text-align:right}.settings-item-input:focus{outline:none;border-color:var(--accent)}.settings-status{font-size:.6rem;padding:2px 6px;border-radius:3px;background:var(--bg-hover);color:var(--text-dim)}.settings-status.granted{background:#22c55e33;color:var(--green)}.settings-status.denied{background:#ef444433;color:var(--red)}.event-type-grid{display:grid;grid-template-columns:1fr 50px 50px 50px 50px;gap:6px 8px;align-items:center;margin-top:8px;padding:8px;background:var(--bg-dark);border-radius:4px}.event-header{font-size:.65rem;text-transform:uppercase;color:var(--text-dim);text-align:center;font-weight:500}.event-header:first-child{text-align:left}.event-label{font-size:.75rem;color:var(--text)}.event-type-grid input[type=checkbox]{justify-self:center;width:14px;height:14px;cursor:pointer}.color-picker{display:flex;gap:6px;flex-wrap:wrap}.color-swatch{width:28px;height:28px;border-radius:4px;border:2px solid transparent;background:transparent;padding:2px;cursor:pointer;transition:border-color .15s,transform .1s}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{border-color:var(--accent)}.swatch-inner{display:block;width:100%;height:100%;border-radius:2px}.form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem;padding:.75rem;border-top:1px solid var(--border)}.modal{display:none;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center;contain:layout paint}.modal.active{display:flex}.modal-backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.modal-content{position:relative;background:#131316f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:12px;width:90%;max-width:400px;box-shadow:0 16px 64px #00000080,0 4px 16px #0000004d;contain:layout style paint}.modal-content.modal-sm{max-width:340px}.modal-content.modal-lg{max-width:540px;max-height:85vh;display:flex;flex-direction:column}.modal-content.modal-lg>.modal-body{overflow-y:auto;flex:1;min-height:0}.mobile-case-picker-sheet{position:fixed;bottom:0;left:0;right:0;background:#1a1a1a;border-radius:16px 16px 0 0;max-height:70vh;display:flex;flex-direction:column;z-index:1001;box-shadow:0 -4px 20px #0006}.mobile-case-picker-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-case-picker-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#fff}.mobile-case-picker-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 0;max-height:50vh}.mobile-case-list{display:flex;flex-direction:column}.mobile-case-item{display:flex;align-items:center;gap:12px;padding:14px 20px;background:transparent;border:none;color:#e5e5e5;font-size:.95rem;text-align:left;cursor:pointer;transition:background .1s;width:100%}.mobile-case-item:hover{background:#ffffff0d}.mobile-case-item:active{background:#ffffff1a}.mobile-case-item.selected{background:#22c55e26;color:#22c55e}.mobile-case-item-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.mobile-case-item.selected .mobile-case-item-icon{color:#22c55e}.mobile-case-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-case-item-check{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#22c55e;opacity:0;flex-shrink:0}.mobile-case-item.selected .mobile-case-item-check{opacity:1}.mobile-case-item-delete{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);opacity:.4;flex-shrink:0;border-radius:4px;transition:all var(--transition-smooth)}.mobile-case-item-delete:active{opacity:1;color:#ef4444;background:#ef444426}.mobile-case-picker-footer{padding:12px 20px 16px;border-top:1px solid rgba(255,255,255,.1)}.btn-case-create-mobile{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:var(--bg-input);border:1px solid var(--border-light);border-radius:8px;color:var(--text);font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s}.btn-case-create-mobile:hover,.btn-case-create-mobile:active{background:var(--bg-hover)}.btn-case-create-mobile svg{width:16px;height:16px}.fix-plan-modal{max-width:600px;width:95%}.fix-plan-textarea{width:100%;height:400px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.75rem;line-height:1.4;background:var(--bg-dark);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:.75rem;resize:vertical}.fix-plan-stats{color:var(--text-muted);font-size:.75rem;margin-right:auto}#summary-tab{display:flex;flex-direction:column;max-height:calc(70vh - 120px);overflow:hidden}#summary-tab.hidden,#respawn-tab.hidden,#context-tab.hidden,#ralph-tab.hidden,#summary-tab.hidden .run-summary-filters,#summary-tab.hidden .run-summary-timeline,#summary-tab.hidden .run-summary-footer{display:none!important}#summary-tab .run-summary-filters{flex-shrink:0}#summary-tab .run-summary-timeline{flex:1;min-height:0;max-height:none}#summary-tab .run-summary-footer{flex-shrink:0}.run-summary-filters{display:flex;gap:.375rem;margin-bottom:.75rem;flex-wrap:wrap}.filter-btn{padding:.25rem .625rem;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:100px;color:var(--text-dim);cursor:pointer;font-size:.7rem;transition:all .15s}.filter-btn:hover{background:#ffffff0a;border-color:#ffffff26;color:var(--text)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.run-summary-timeline{max-height:400px;overflow-y:auto;padding-right:.25rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.run-summary-timeline::-webkit-scrollbar{width:4px}.run-summary-timeline::-webkit-scrollbar-track{background:transparent}.run-summary-timeline::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.run-summary-timeline::-webkit-scrollbar-thumb:hover{background:#fff3}.timeline-event{display:flex;gap:.5rem;padding:.5rem .625rem;margin-bottom:.375rem;background:#ffffff05;border-radius:6px;border-left:2px solid var(--border);transition:background .15s;content-visibility:auto;contain-intrinsic-size:auto 40px}.timeline-event:hover{background:#ffffff0a}.timeline-event.event-success{border-left-color:var(--green)}.timeline-event.event-warning{border-left-color:var(--yellow)}.timeline-event.event-error{border-left-color:var(--red)}.timeline-event.event-info{border-left-color:var(--accent)}.event-icon{font-size:.9rem;flex-shrink:0;opacity:.8}.event-content{flex:1;min-width:0}.event-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.event-title{font-weight:500;font-size:.8rem;color:var(--text)}.event-time{font-size:.65rem;color:var(--text-muted);flex-shrink:0;font-family:SF Mono,Monaco,monospace}.event-details{font-size:.7rem;color:var(--text-dim);margin-top:.125rem}.run-summary-session-info{font-size:.7rem;color:var(--text-muted);font-family:SF Mono,Monaco,monospace;padding:.25rem 0}.run-summary-footer{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding-top:.625rem;border-top:1px solid rgba(255,255,255,.06)}.run-summary-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.run-summary-actions .btn-toolbar{font-size:.7rem;padding:.25rem .5rem}.auto-refresh-label{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:var(--text-dim);cursor:pointer}.auto-refresh-label input[type=checkbox]{cursor:pointer;width:12px;height:12px}.run-summary-timeline .empty-message{color:var(--text-muted);font-size:.75rem;text-align:center;padding:2rem 1rem;margin:0}#runSummaryModal .modal-footer{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;border-top:1px solid rgba(255,255,255,.06)}#runSummaryModal .modal-footer .run-summary-session-info{font-size:.7rem;color:var(--text-muted);font-family:SF Mono,Monaco,monospace}.modal-warning-text{color:var(--text-dim);font-size:.85rem;margin-bottom:.5rem}.close-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.close-option{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.75rem 1rem;background:var(--bg-hover);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .15s;text-align:left}.close-option:hover{background:var(--bg-card);border-color:var(--accent)}.close-option-danger{border-color:var(--red);background:#ef44441a}.close-option-danger:hover{background:#ef444433;border-color:var(--red)}.close-option-title{font-weight:500;font-size:.9rem;color:var(--text)}.close-option-danger .close-option-title{color:var(--red)}.close-option-desc{font-size:.75rem;color:var(--text-muted);margin-top:.15rem}.modal-footer-cancel{display:flex;justify-content:center;padding-top:.5rem;border-top:1px solid var(--border)}.modal-session-name{font-family:SF Mono,Monaco,monospace;font-size:.8rem;color:var(--accent-hover);background:var(--bg-input);padding:.5rem .75rem;border-radius:4px;border:1px solid var(--border)}.session-respawn-section{padding-top:0;margin-top:0}.session-respawn-status{display:flex;align-items:center;gap:.4rem;font-size:.75rem;padding:.25rem .5rem;background:var(--bg-input);border-radius:4px}.session-respawn-status .respawn-status-indicator{width:6px;height:6px;border-radius:50%;background:var(--text-muted)}.session-respawn-status .respawn-status-text{color:var(--text-dim)}.session-respawn-status.active .respawn-status-indicator{background:var(--green);animation:pulse 1.5s infinite}.session-respawn-status.active .respawn-status-text{color:var(--green)}.checkbox-inline{display:flex;align-items:center;gap:.35rem;cursor:pointer;font-size:.8rem;color:var(--text-dim)}.checkbox-inline input[type=checkbox]{accent-color:var(--accent)}.checkbox-inline:hover{color:var(--text)}.input-suffix-sm{display:flex;align-items:center}.input-suffix-sm input{width:80px;padding:.35rem .5rem;font-size:.75rem}.input-suffix-sm span{padding:.35rem .4rem;font-size:.7rem}.duration-presets{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.duration-preset-btn{padding:.4rem .7rem;font-size:.75rem;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text-dim);cursor:pointer;transition:all .15s}.duration-preset-btn:hover{border-color:var(--border-light);color:var(--text)}.duration-preset-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.duration-custom{display:flex;align-items:center;gap:.35rem}.duration-custom-input{display:none}.duration-custom-input.visible{display:flex}.duration-custom-input input{width:60px}.respawn-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.respawn-header .respawn-actions{margin:0;padding:0;border:none}.respawn-options-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.25rem}.respawn-actions{display:flex;gap:.5rem}.modal-tabs{display:flex;gap:.5rem;padding:0 1rem .75rem;border-bottom:1px solid var(--border)}.modal-tab-btn{padding:.5rem 1rem;font-size:.8rem;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-dim);cursor:pointer;transition:all .15s}.modal-tab-btn:hover{background:var(--bg-input);color:var(--text)}.modal-tab-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.modal-tab-content.hidden{display:none!important}.context-settings-grid{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem}.context-setting{padding:.875rem;background:#ffffff05;border:1px solid var(--border);border-radius:6px}.context-setting-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.625rem}.context-setting-header .checkbox-inline span{font-weight:500}.context-setting-header .input-suffix-sm{flex-shrink:0}.context-setting-header .input-suffix-sm input{width:70px}.context-setting input[type=text]{width:100%;padding:.375rem .5rem;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:.75rem}.context-setting input[type=text]:focus{outline:none;border-color:var(--accent)}.context-setting .form-hint{margin-top:.5rem}.ralph-limits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:.5rem}@media(max-width:500px){.ralph-limits-grid{grid-template-columns:1fr 1fr}}.ralph-limits-grid .form-col input[type=number]{width:100%;padding:.375rem .5rem;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:.8rem}.ralph-limits-grid .form-col .form-hint{font-size:.6rem}.ralph-config-actions{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06)}.modal-header h3{font-size:.95rem;font-weight:600}.modal-header-actions{display:flex;align-items:center;gap:.25rem}.modal-close{background:transparent;border:none;color:var(--text-dim);font-size:1.5rem;cursor:pointer;line-height:1}.modal-close:hover{color:var(--text)}.modal-body{padding:1rem}.shortcuts-grid{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;font-size:.8rem}.shortcuts-grid>div:nth-child(odd){text-align:right}.shortcuts-grid>div:nth-child(2n){color:var(--text-dim)}kbd{display:inline-block;padding:.15rem .45rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:5px;font-family:SF Mono,Monaco,monospace;box-shadow:0 1px 2px #0003;font-size:.7rem;color:var(--text)}.token-stats-modal{max-width:560px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.token-stats-modal .modal-body{overflow-y:auto;padding:1rem}.stats-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem}.stat-card{background:#ffffff08;border:1px solid var(--border);padding:.75rem;border-radius:8px;text-align:center}.stat-card-label{display:block;font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.stat-card-value{display:block;font-size:1.1rem;font-weight:600;color:var(--text);font-family:SF Mono,Monaco,monospace}.stat-card-cost{display:block;font-size:.7rem;color:var(--accent-hover);margin-top:.15rem}.stats-chart-container{margin-bottom:1.25rem}.stats-chart-label,.stats-table-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.stats-chart{display:flex;align-items:flex-end;gap:4px;height:80px;padding:0 4px}.stats-chart .bar{flex:1;background:linear-gradient(to top,var(--accent),var(--green));border-radius:3px 3px 0 0;min-height:3px;transition:opacity .15s;position:relative}.stats-chart .bar:hover{opacity:.8}.stats-chart .bar:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:.25rem .5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;font-size:.65rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:10}.stats-chart .bar:hover:after{opacity:1}.stats-chart-days{display:flex;gap:4px;padding:0 4px;margin-top:.35rem}.stats-chart-days span{flex:1;text-align:center;font-size:.6rem;color:var(--text-muted)}.stats-table-container{max-height:200px;overflow-y:auto}.stats-table{width:100%;font-size:.75rem}.stats-table-header,.stats-table-row{display:grid;grid-template-columns:1fr 1fr 1fr .8fr;gap:.5rem;padding:.5rem .25rem;border-bottom:1px solid var(--border)}.stats-table-header{color:var(--text-muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;background:var(--bg-card)}.stats-table-row:last-child{border-bottom:none}.stats-table-row .cell{font-family:SF Mono,Monaco,monospace}.stats-table-row .cell-date{color:var(--text-dim)}.stats-table-row .cell-cost{color:var(--accent-hover)}.stats-no-data{text-align:center;color:var(--text-muted);padding:2rem 1rem;font-size:.8rem}.header-tokens.clickable{cursor:pointer;transition:color .15s}.header-tokens.clickable:hover{color:var(--text)}.toast-container{position:fixed;top:calc(var(--header-height) + .5rem);right:.5rem;display:flex;flex-direction:column;gap:.5rem;z-index:10000;pointer-events:none}.toast{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:.6rem 1rem;font-size:.8rem;color:var(--text);box-shadow:0 4px 12px #0006;transform:translate(100%);opacity:0;transition:all .2s ease;pointer-events:auto}.toast.show{transform:translate(0);opacity:1}.toast-success{border-color:#22c55e66}.toast-error{border-color:#ef444466}.toast-warning{border-color:#eab30866}.toast-info{border-color:#3b82f666}.btn-icon-header.btn-notifications{position:relative;width:32px;height:32px;font-size:1.1rem;margin-left:0;margin-right:2px}.btn-icon-header.btn-notifications:hover{transform:none}.notification-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;background:var(--red);color:#fff;font-size:.6rem;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:notif-badge-pulse 2s ease-in-out infinite}@keyframes notif-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.notification-drawer{position:fixed;top:var(--header-height);right:0;width:340px;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));background:var(--bg-card);border-left:1px solid var(--border);z-index:10001;display:flex;flex-direction:column;transform:translate(100%);transition:transform .2s ease;box-shadow:-4px 0 16px #0000004d}.notification-drawer.open{transform:translate(0)}.notif-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.notif-drawer-title{font-size:.85rem;font-weight:600;color:var(--text)}.notif-drawer-actions{display:flex;gap:4px}.btn-notif-action{background:none;border:1px solid var(--border);color:var(--text-dim);width:26px;height:26px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .15s}.btn-notif-action:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border-light)}.notif-drawer-list{flex:1;overflow-y:auto;padding:6px}.notif-drawer-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:.8rem}.notif-item{padding:10px 12px;margin-bottom:4px;border-radius:6px;border-left:3px solid var(--border-light);background:var(--bg-dark);cursor:pointer;transition:background .15s;animation:notif-slide-in .2s ease;content-visibility:auto;contain-intrinsic-size:auto 60px}.notif-item:hover{background:var(--bg-hover)}.notif-item.unread{background:#3b82f60d}.notif-item-critical{border-left-color:var(--red)}.notif-item-warning{border-left-color:var(--yellow)}.notif-item-info{border-left-color:var(--accent)}.notif-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.notif-item-title{font-size:.78rem;font-weight:600;color:var(--text)}.notif-item-count{font-size:.65rem;color:var(--text-muted);margin-left:6px}.notif-item-time{font-size:.65rem;color:var(--text-muted);white-space:nowrap}.notif-item-message{font-size:.72rem;color:var(--text-dim);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-item-session{display:inline-block;margin-top:4px;padding:1px 6px;background:var(--bg-hover);border:1px solid var(--border);border-radius:3px;font-size:.65rem;color:var(--text-dim)}@keyframes notif-slide-in{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.session-tab .tab-badge{display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;background:var(--yellow);border-radius:8px;font-size:.65rem;font-weight:600;color:#000;animation:pulse 1.5s infinite}.session-tab .tab-badge.completed{background:var(--green);animation:none}.session-tab .tab-subagent-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:2px;height:16px;padding:0 5px;border-radius:8px;font-size:.6rem;cursor:pointer;background:var(--accent);color:#fff;margin-left:4px;transition:transform .1s,background .15s}@media(hover:hover){.session-tab .tab-subagent-badge:hover{background:var(--accent-hover);transform:scale(1.05)}}.session-tab .tab-subagent-badge .subagent-label{font-size:.55rem;font-weight:600;letter-spacing:.03em}.subagent-dropdown{display:none;position:fixed;min-width:180px;max-width:280px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 16px #0006;z-index:10000;overflow:hidden;padding:4px 0}.subagent-dropdown.open{display:block;animation:dropdownFadeIn .1s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.subagent-dropdown.pinned{border-color:var(--accent)}.subagent-dropdown-header{display:none}.subagent-dropdown-item{display:flex;align-items:center;gap:6px;padding:6px 10px;cursor:pointer;transition:background .1s}@media(hover:hover){.subagent-dropdown-item:hover{background:var(--bg-hover)}.subagent-dropdown-item:hover .subagent-dropdown-name{color:var(--accent-hover)}.subagent-dropdown-item:hover .subagent-dropdown-close{opacity:.6}.subagent-dropdown-close:hover{opacity:1;color:var(--red)}}@media(hover:none){.subagent-dropdown-item:active{background:var(--bg-hover)}.subagent-dropdown-close{opacity:.6}}.subagent-dropdown-status{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--text-muted)}.subagent-dropdown-status.active{background:var(--green);box-shadow:0 0 4px var(--green)}.subagent-dropdown-status.idle{background:var(--yellow)}.subagent-dropdown-status.completed{background:var(--accent)}.subagent-dropdown-name{flex:1;font-size:.72rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subagent-dropdown-close{font-size:.9rem;color:var(--text-muted);cursor:pointer;padding:0 2px;opacity:0;transition:opacity .1s,color .1s}.task-empty{padding:1rem;text-align:center;color:var(--text-muted);font-size:.8rem}.task-tree{font-size:.75rem}.task-node{border-left:2px solid var(--border);padding-left:.75rem;margin-left:.5rem;margin-bottom:.25rem}.task-node:first-child{border-left:none;margin-left:0;padding-left:0}.task-item{display:flex;align-items:flex-start;gap:.5rem;padding:.4rem .5rem;background:var(--bg-input);border-radius:4px;margin-bottom:.25rem}.task-status-icon{flex-shrink:0;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem}.task-status-icon.running{background:var(--yellow);animation:pulse 1.5s infinite}.task-status-icon.completed{background:var(--green);color:#fff}.task-status-icon.failed{background:var(--red);color:#fff}.task-info{flex:1;min-width:0}.task-description{color:var(--text);word-break:break-word}.task-meta{display:flex;gap:.5rem;font-size:.65rem;color:var(--text-muted);margin-top:.2rem}.task-type{color:var(--accent)}.task-children{margin-top:.25rem}.task-toggle-btn{position:relative}.task-toggle-btn .badge{position:absolute;top:-4px;right:-4px;min-width:14px;height:14px;padding:0 3px;background:var(--yellow);border-radius:7px;font-size:.6rem;font-weight:600;color:#000;display:flex;align-items:center;justify-content:center}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.process-empty{padding:1rem;text-align:center;color:var(--text-muted);font-size:.8rem}.process-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:var(--bg-input);border-radius:4px;margin-bottom:.5rem}.process-item:hover{background:var(--bg-hover)}.process-item-clickable{cursor:pointer;transition:border-color .15s,background .15s;border:1px solid transparent}.process-item-clickable:hover{border-color:var(--accent)}.process-info{flex:1;min-width:0}.process-name{font-size:.8rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.process-meta{display:flex;gap:.75rem;font-size:.7rem;color:var(--text-muted);margin-top:.2rem}.process-stat{display:flex;align-items:center;gap:.25rem}.process-stat.memory{color:var(--accent-hover)}.process-stat.cpu{color:var(--green)}.process-stat.children{color:var(--yellow)}.process-actions{display:flex;gap:.25rem}.process-mode{font-size:.6rem;padding:2px 6px;border-radius:3px;background:var(--bg-hover);color:var(--text-muted);text-transform:uppercase}.process-mode.shell{background:#eab30833;color:var(--yellow)}.monitor-status-badge{font-size:.55rem;font-weight:700;padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;min-width:52px;text-align:center}.monitor-status-badge.status-idle{background:#eab30833;color:var(--yellow)}.monitor-status-badge.status-working{background:#4ade8033;color:var(--green);animation:pulse-working 2s ease-in-out infinite}.monitor-status-badge.status-stopped{background:#ef444433;color:var(--red, #ef4444)}@keyframes pulse-working{0%,to{opacity:1}50%{opacity:.6}}.monitor-model-badge{font-size:.55rem;padding:1px 4px;border-radius:2px;font-weight:600;text-transform:uppercase}.monitor-model-badge.opus{background:#a855f733;color:#c084fc}.monitor-model-badge.sonnet{background:#3b82f633;color:#60a5fa}.monitor-model-badge.haiku{background:#4ade8033;color:#4ade80}.process-stat.tokens{color:var(--accent-hover)}.process-stat.cost{color:#f59e0b}.process-stat.todo-progress{color:#c084fc}.monitor-panel{position:fixed;bottom:var(--toolbar-height);right:.5rem;width:380px;max-width:calc(100vw - 1rem);max-height:80vh;background:#131316f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.07);border-bottom:none;border-radius:10px 10px 0 0;box-shadow:0 -8px 32px #0006,0 -2px 8px #0003;z-index:100;transform:translateY(100%);transition:transform .2s ease,width .2s ease;display:flex;flex-direction:column}.monitor-panel.open{transform:translateY(0)}.monitor-panel.detached{bottom:auto;right:auto;top:100px;left:calc(50% - 300px);width:600px;height:500px;max-height:none;border-radius:8px;border-bottom:1px solid var(--border);box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff0d;transform:none;resize:both;overflow:hidden;min-width:350px;min-height:250px}.monitor-panel.detached .monitor-panel-header{cursor:move;background:linear-gradient(180deg,var(--bg-hover) 0%,var(--bg-card) 100%);user-select:none}.monitor-panel.detached .monitor-resize-handle{display:block}.monitor-panel.detached .monitor-section-body{max-height:none}.monitor-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.4rem 1rem;border-bottom:1px solid var(--border);font-size:.85rem;font-weight:500;flex-shrink:0}.monitor-panel-title{font-weight:600;font-size:.8rem;color:var(--text)}.monitor-panel-actions{display:flex;align-items:center;gap:.5rem}.monitor-panel-body{flex:1;overflow-y:auto;padding:0}.monitor-resize-handle{display:none;position:absolute;bottom:0;right:0;width:16px;height:16px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,var(--border-light) 50%);border-radius:0 0 8px}.monitor-resize-handle:before{content:"";position:absolute;bottom:3px;right:3px;width:8px;height:8px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted)}.monitor-section{border-bottom:1px solid var(--border)}.monitor-section:last-child{border-bottom:none}.monitor-section-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--bg-input);font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.monitor-section-body{padding:.5rem;max-height:25vh;overflow-y:auto}.monitor-empty{padding:1rem;text-align:center;color:var(--text-muted);font-size:.8rem}.task-stats{font-size:.65rem;color:var(--text-dim);padding:.15rem .4rem;background:var(--bg-card);border-radius:8px}@media(max-width:600px){.header-brand{padding-right:.4rem;margin-right:.3rem}.header-brand .logo{font-size:.75rem}.connection-text{display:none}.toolbar-left .toolbar-group:not(:first-child){display:none}.monitor-panel{width:100%;max-width:100%;border-radius:8px 8px 0 0}}.subagents-panel{position:fixed;bottom:var(--toolbar-height);right:.5rem;width:500px;max-width:calc(100vw - 1rem);max-height:50vh;background:#131316f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.07);border-bottom:none;border-radius:10px 10px 0 0;z-index:91;transform:translateY(calc(100% - 36px));transition:transform .2s ease,width .2s ease;display:flex;flex-direction:column}.subagents-panel.open{transform:translateY(0);max-height:65vh}.subagents-panel.hidden{display:none}.subagents-panel.detached{bottom:auto;right:auto;top:80px;left:calc(50% - 350px);width:700px;height:500px;max-height:none;border-radius:8px;border-bottom:1px solid var(--border);box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff0d;transform:none;resize:both;overflow:hidden;min-width:400px;min-height:300px}.subagents-panel.detached .subagents-panel-header{cursor:move;background:linear-gradient(180deg,var(--bg-hover) 0%,var(--bg-card) 100%);user-select:none}.subagents-panel.detached .subagents-resize-handle{display:block}.subagents-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.4rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.subagents-panel-title{font-weight:600;font-size:.8rem;color:var(--text);display:flex;align-items:center;gap:.5rem}.subagents-panel-actions{display:flex;align-items:center;gap:.5rem}.subagents-panel-body{flex:1;overflow-y:auto;padding:.5rem}.subagents-resize-handle{display:none;position:absolute;bottom:0;right:0;width:16px;height:16px;cursor:se-resize}.subagents-resize-handle:after{content:"";position:absolute;bottom:3px;right:3px;width:8px;height:8px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted)}@media(max-width:600px){.subagents-panel{width:100%;max-width:100%;left:0;right:0;border-radius:8px 8px 0 0}}.subagent-container{display:flex;gap:.5rem;height:100%;min-height:280px}.subagent-list{flex:0 0 200px;overflow-y:auto;border-right:1px solid var(--border);padding-right:.5rem}.subagent-detail{flex:1;overflow-y:auto;padding-left:.5rem}.subagent-empty{color:var(--text-dim);font-size:.75rem;text-align:center;padding:1rem}.subagent-badge{background:var(--accent);color:#fff;font-size:.65rem;padding:.1rem .4rem;border-radius:8px;margin-left:.5rem}.subagent-item{padding:.5rem;border-radius:6px;background:var(--bg-input);margin-bottom:.4rem;cursor:pointer;transition:background .15s;content-visibility:auto;contain-intrinsic-size:auto 48px}.subagent-item:hover{background:var(--bg-card)}.subagent-item.selected{background:var(--bg-card);border:1px solid var(--accent)}.subagent-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.3rem}.subagent-icon{font-size:.9rem}.subagent-id{font-family:var(--font-mono);font-size:.75rem;color:#fff}.subagent-status{font-size:.6rem;padding:.1rem .3rem;border-radius:4px;margin-left:auto}.subagent-status.active{background:var(--success);color:#fff}.subagent-status.idle{background:var(--warning);color:#000}.subagent-status.completed{background:var(--text-muted);color:#fff}.subagent-window-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.1rem .3rem;font-size:.75rem;margin-left:auto}.subagent-window-btn:hover{color:var(--accent)}.subagent-kill-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.1rem .3rem;font-size:.7rem;opacity:.6;transition:opacity .15s,color .15s}.subagent-kill-btn:hover{color:var(--red);opacity:1}.subagent-meta{display:flex;gap:.5rem;font-size:.65rem;color:var(--text-muted)}.subagent-last-tool{color:var(--accent)}.subagent-detail-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.subagent-detail-header .subagent-id{font-size:.85rem;font-weight:600}.subagent-transcript-btn{margin-left:auto;font-size:.65rem;padding:.2rem .5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;color:var(--text);cursor:pointer}.subagent-transcript-btn:hover{background:var(--bg-hover)}.subagent-detail-stats{display:flex;gap:1rem;font-size:.7rem;color:var(--text-muted);margin-bottom:.5rem}.subagent-activity-log{font-family:var(--font-mono);font-size:.7rem;max-height:150px;overflow-y:auto}.subagent-activity{display:flex;gap:.4rem;padding:.2rem 0;border-bottom:1px solid var(--border-subtle)}.subagent-activity .time{color:var(--text-muted);flex:0 0 60px}.subagent-activity .icon{flex:0 0 20px}.subagent-activity .name{color:var(--accent);flex:0 0 80px}.subagent-activity .detail{color:var(--text-dim);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subagent-activity.tool .icon{color:var(--accent)}.subagent-activity.progress .icon{color:var(--warning)}.subagent-activity.message .icon{color:var(--text)}.subagent-model-badge{font-size:.55rem;padding:.1rem .35rem;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.subagent-model-badge.haiku{background:#4ade80;color:#052e16}.subagent-model-badge.sonnet{background:#60a5fa;color:#1e3a5f}.subagent-model-badge.opus{background:#c084fc;color:#3b0764}.subagent-activity.progress.hook .icon,.activity-line.hook-line .tool-icon{color:#f59e0b}.subagent-activity.tool-result .icon{color:var(--success)}.subagent-activity.tool-result.error .icon{color:var(--red)}.activity-line.result-line .tool-icon{color:var(--success)}.activity-line.result-line.error .tool-icon{color:var(--red)}.activity-line.result-line .tool-detail{color:var(--text-dim);font-style:italic}.tool-expand-btn{background:transparent;border:1px solid var(--border);border-radius:3px;color:var(--text-muted);cursor:pointer;font-size:.6rem;padding:.1rem .3rem;margin-left:.3rem;transition:all .15s}.tool-expand-btn:hover{background:var(--bg-hover);color:var(--text)}.tool-params-expanded{background:var(--bg-dark);border-left:2px solid var(--accent);margin:.3rem 0 .3rem 2rem;padding:.4rem .6rem;border-radius:0 4px 4px 0;font-size:.65rem;max-height:150px;overflow-y:auto}.tool-params-expanded pre{margin:0;white-space:pre-wrap;word-break:break-all;color:var(--text-dim)}.subagent-window{position:fixed;width:420px;height:350px;min-width:280px;min-height:180px;max-width:90vw;max-height:80vh;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 32px #0006;z-index:1000;display:flex;flex-direction:column;overflow:hidden;resize:both;contain:layout paint}.subagent-window:after{content:"";position:absolute;bottom:4px;right:4px;width:12px;height:12px;background:linear-gradient(135deg,transparent 50%,var(--border-light) 50%,var(--border-light) 60%,transparent 60%,transparent 70%,var(--border-light) 70%,var(--border-light) 80%,transparent 80%);pointer-events:none;opacity:.6}.subagent-window-header{display:flex;align-items:center;padding:.5rem .75rem;background:var(--bg-input);border-bottom:1px solid var(--border);cursor:move}.subagent-window-title{display:flex;align-items:center;gap:.4rem;flex:1}.subagent-window-title .icon{font-size:1rem}.subagent-window-title .id{font-family:var(--font-mono);font-size:.8rem;color:#fff}.subagent-window-title .status{font-size:.6rem;padding:.1rem .3rem;border-radius:4px}.subagent-window-title .status.active{background:var(--green);color:#fff}.subagent-window-title .status.idle{background:var(--yellow);color:#000}.subagent-window-title .status.completed{background:var(--accent);color:#fff}.subagent-window-actions{display:flex;gap:.3rem}.subagent-window-actions button{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.2rem .4rem;font-size:.9rem}.subagent-window-actions button:hover{color:var(--text)}.subagent-window-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:.5rem;font-family:var(--font-mono);font-size:.75rem;background:#111;color:#c8c8c8;min-height:0;scroll-behavior:smooth}.subagent-window-body::-webkit-scrollbar{width:6px}.subagent-window-body::-webkit-scrollbar-track{background:transparent}.subagent-window-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.subagent-window-body::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.subagent-window-body .activity-line{display:flex;gap:.3rem;padding:.15rem 0;align-items:baseline}.subagent-window-body .activity-line .time{color:#888;flex:0 0 auto;white-space:nowrap}.subagent-window-body .activity-line .tool-icon{flex:0 0 auto;opacity:.9}.subagent-window-body .activity-line .tool-name{color:#b0b0b0;flex:0 0 auto;white-space:nowrap}.subagent-window-body .activity-line .tool-detail{color:#d0d0d0;flex:1;overflow:hidden;text-overflow:ellipsis}.subagent-window-body .message-line{padding:.3rem 0;color:#c8c8c8}.subagent-window-body .progress-line{color:#a0a0a0;font-style:italic}.subagent-window-parent{background:var(--bg-darker);padding:4px 12px;font-size:11px;color:var(--text-muted);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px}.subagent-window-parent .parent-label{opacity:.7}.subagent-window-parent .parent-name{color:var(--accent);cursor:pointer;font-weight:500}.subagent-window-parent .parent-name:hover{text-decoration:underline}.subagent-window.spawning{pointer-events:none}.connection-lines-svg{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;pointer-events:none;z-index:999}.connection-line{stroke:#3b82f6;stroke-width:3;stroke-dasharray:5 3;fill:none;opacity:.9;filter:drop-shadow(0 0 2px rgba(0,0,0,.8)) drop-shadow(0 0 4px rgba(59,130,246,.8)) drop-shadow(0 0 8px rgba(59,130,246,.5));transition:opacity .2s,stroke-width .2s,filter .2s}.connection-line:hover{opacity:1;stroke-width:3.5;filter:drop-shadow(0 0 2px rgba(0,0,0,.9)) drop-shadow(0 0 6px rgba(59,130,246,1)) drop-shadow(0 0 12px rgba(59,130,246,.7))}.connection-line.spawning-line{stroke-dasharray:1000;stroke-dashoffset:1000}.connection-line.wizard-connection{stroke:#60a5fa;stroke-width:3;filter:drop-shadow(0 0 2px rgba(0,0,0,.8)) drop-shadow(0 0 5px #60a5fa) drop-shadow(0 0 10px #60a5fa);stroke-dasharray:8 4;animation:wizard-pulse 1.5s ease-in-out infinite}@keyframes wizard-pulse{0%,to{opacity:.75}50%{opacity:1}}.connection-line.plan-to-subagent-line{stroke:#3b82f6;stroke-width:3;filter:drop-shadow(0 0 2px rgba(0,0,0,.8)) drop-shadow(0 0 4px rgba(59,130,246,.8)) drop-shadow(0 0 8px rgba(59,130,246,.5));stroke-dasharray:5 3;animation:plan-subagent-pulse 1.2s ease-in-out infinite}.connection-line.plan-to-subagent-line:hover{stroke-width:3.5;filter:drop-shadow(0 0 2px rgba(0,0,0,.9)) drop-shadow(0 0 6px rgba(59,130,246,1)) drop-shadow(0 0 12px rgba(59,130,246,.7))}@keyframes plan-subagent-pulse{0%,to{opacity:.8}50%{opacity:1}}.project-insights-panel{position:fixed;right:20px;top:calc(var(--header-height) + 10px);width:450px;height:350px;min-width:300px;min-height:200px;background:#131316f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.07);border-radius:12px;box-shadow:0 16px 64px #0006,0 4px 16px #0003;z-index:1000;display:none;flex-direction:column;overflow:hidden;resize:both}.project-insights-panel.visible{display:flex}.project-insights-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--bg-input);border-bottom:1px solid var(--border);border-radius:8px 8px 0 0;flex-shrink:0}.project-insights-title{font-size:.85rem;font-weight:600;color:var(--text)}.project-insights-body{flex:1;overflow-y:auto;padding:.5rem}.project-insights-resize-handle{position:absolute;bottom:0;right:0;width:16px;height:16px;cursor:se-resize;opacity:.5}.project-insights-resize-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:8px;height:8px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted)}.project-insight-item{display:flex;flex-direction:column;padding:.5rem .6rem;border-radius:4px;background:var(--bg-input);margin-bottom:.4rem}.project-insight-item:last-child{margin-bottom:0}.project-insight-command{display:flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.8rem;color:var(--text)}.project-insight-command .icon{font-size:1rem}.project-insight-command .cmd{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-insight-paths{display:flex;flex-direction:column;gap:.25rem;margin-top:.4rem;padding-left:1.4rem}.project-insight-filepath{cursor:pointer;color:var(--accent);font-family:var(--font-mono);font-size:.75rem;text-decoration:underline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-insight-filepath:hover{color:var(--accent-hover)}.project-insight-timeout{font-size:.7rem;color:var(--text-muted);margin-left:auto}.project-insight-status{font-size:.7rem;padding:.15rem .35rem;border-radius:3px;margin-left:.3rem}.project-insight-status.running{background:var(--success);color:#fff}.project-insight-status.completed{background:var(--text-muted);color:#fff}.file-browser-panel{position:fixed;top:calc(var(--header-height) + 10px);right:20px;width:280px;height:calc(100vh - var(--header-height) - var(--toolbar-height) - 40px);height:calc(100dvh - var(--header-height) - var(--toolbar-height) - 40px);max-height:600px;min-width:200px;min-height:300px;background:#131316f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.07);border-radius:12px;box-shadow:0 8px 32px #0006,0 2px 8px #0003;z-index:100;display:none;flex-direction:column;overflow:hidden;resize:both}.file-browser-panel.visible{display:flex}.file-browser-header{display:flex;align-items:center;justify-content:space-between;padding:.4rem .6rem;background:var(--bg-input);border-bottom:1px solid var(--border);flex-shrink:0;cursor:move;user-select:none}.file-browser-title{font-size:.8rem;font-weight:600;color:var(--text)}.file-browser-actions{display:flex;gap:.25rem}.file-browser-search{padding:.4rem;border-bottom:1px solid var(--border);flex-shrink:0}.file-browser-search input{width:100%;padding:.3rem .5rem;font-size:.75rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:4px;color:var(--text)}.file-browser-search input:focus{outline:none;border-color:var(--accent)}.file-browser-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:.25rem 0}.file-browser-body::-webkit-scrollbar{width:6px}.file-browser-body::-webkit-scrollbar-track{background:transparent}.file-browser-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.file-browser-body::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.file-browser-status{padding:.25rem .5rem;font-size:.65rem;color:var(--text-muted);border-top:1px solid var(--border);flex-shrink:0}.file-browser-empty{padding:1rem;text-align:center;color:var(--text-muted);font-size:.75rem}.file-browser-loading{padding:1rem;text-align:center;color:var(--text-dim);font-size:.75rem}.file-tree-item{display:flex;align-items:center;gap:.35rem;padding:.2rem .5rem;cursor:pointer;font-size:.75rem;white-space:nowrap;user-select:none;transition:background .1s}.file-tree-item:hover{background:var(--bg-hover)}.file-tree-item.selected{background:#3b82f626}.file-tree-item.hidden-by-filter{display:none}.file-tree-icon{width:1rem;text-align:center;flex-shrink:0;font-size:.9rem}.file-tree-expand{width:.75rem;color:var(--text-muted);font-size:.6rem;flex-shrink:0;transition:transform .15s}.file-tree-expand.expanded{transform:rotate(90deg)}.file-tree-name{flex:1;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.file-tree-name.directory{color:var(--accent-hover);font-weight:500}.file-tree-size{font-size:.65rem;color:var(--text-muted);margin-left:auto;padding-left:.5rem}.file-tree-download{display:none;margin-left:auto;padding:0 4px;color:#888;text-decoration:none;font-size:12px;flex-shrink:0}.file-tree-item:hover .file-tree-download{display:inline}.file-tree-download:hover{color:#4fc3f7}.file-tree-item[data-depth="0"]{padding-left:.5rem}.file-tree-item[data-depth="1"]{padding-left:1.25rem}.file-tree-item[data-depth="2"]{padding-left:2rem}.file-tree-item[data-depth="3"]{padding-left:2.75rem}.file-tree-item[data-depth="4"]{padding-left:3.5rem}.file-tree-item[data-depth="5"]{padding-left:4.25rem}.file-tree-item[data-depth="6"]{padding-left:5rem}.file-tree-item[data-depth="7"]{padding-left:5.75rem}.file-tree-item[data-depth="8"]{padding-left:6.5rem}.file-tree-item[data-depth="9"]{padding-left:7.25rem}.file-preview-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:2000;display:none;align-items:center;justify-content:center}.file-preview-overlay.visible{display:flex}.file-preview-window{width:80vw;max-width:900px;height:80vh;max-height:700px;background:#131316f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 16px 64px #00000080,0 4px 16px #0000004d;display:flex;flex-direction:column;overflow:hidden}.file-preview-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--bg-input);border-bottom:1px solid var(--border);flex-shrink:0}.file-preview-title{font-family:var(--font-mono);font-size:.85rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-actions{display:flex;gap:.25rem}.file-preview-body{flex:1;overflow:auto;padding:0;background:#111}.file-preview-body pre{margin:0;padding:.75rem;font-family:var(--font-mono);font-size:.8rem;line-height:1.5;color:#d4d4d4;white-space:pre-wrap;word-break:break-all}.file-preview-body pre code{font-family:inherit}.file-preview-body img{max-width:100%;max-height:100%;object-fit:contain}.file-preview-body video{max-width:100%;max-height:100%}.file-preview-body .binary-message{padding:2rem;text-align:center;color:var(--text-muted)}.file-preview-footer{padding:.35rem .75rem;font-size:.7rem;color:var(--text-muted);border-top:1px solid var(--border);flex-shrink:0}.log-viewer-window{position:fixed;width:550px;height:400px;min-width:350px;min-height:200px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);z-index:2000;display:flex;flex-direction:column;overflow:hidden;resize:both;contain:layout paint}.log-viewer-window-header{display:flex;align-items:center;padding:.5rem .75rem;background:var(--bg-input);border-bottom:1px solid var(--border);cursor:move}.log-viewer-window-title{display:flex;align-items:center;gap:.4rem;flex:1}.log-viewer-window-title .icon{font-size:1rem}.log-viewer-window-title .filename{font-family:var(--font-mono);font-size:.8rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-viewer-window-title .status{font-size:.6rem;padding:.1rem .3rem;border-radius:4px;margin-left:.5rem}.log-viewer-window-title .status.streaming{background:var(--success);color:#fff;animation:pulse 2s infinite}.log-viewer-window-title .status.disconnected{background:var(--text-muted);color:#fff}.log-viewer-window-title .status.error{background:var(--error);color:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.log-viewer-window-actions{display:flex;gap:.3rem}.log-viewer-window-actions button{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.2rem .4rem;font-size:.9rem}.log-viewer-window-actions button:hover{color:var(--text)}.log-viewer-window-body{flex:1;overflow-y:auto;padding:.5rem;font-family:var(--font-mono);font-size:.75rem;background:var(--bg-dark);white-space:pre-wrap;word-break:break-all;color:var(--text);line-height:1.4}.log-viewer-window-body .log-line{padding:.1rem 0;content-visibility:auto;contain-intrinsic-size:auto 20px}.log-viewer-window-body .log-error{color:var(--error)}.log-viewer-window-body .log-info{color:var(--text-muted);font-style:italic}.image-popup-window{position:fixed;width:600px;height:500px;min-width:300px;min-height:250px;max-width:90vw;max-height:90vh;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;resize:both;z-index:3000;contain:layout paint}.image-popup-header{display:flex;align-items:center;padding:.5rem .75rem;background:var(--bg-input);border-bottom:1px solid var(--border);cursor:move}.image-popup-title{display:flex;align-items:center;gap:.4rem;flex:1;min-width:0}.image-popup-title .icon{font-size:1rem;flex-shrink:0}.image-popup-title .filename{font-family:var(--font-mono);font-size:.8rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-popup-title .session-badge{font-size:.6rem;padding:.1rem .4rem;border-radius:4px;background:var(--accent);color:#fff;flex-shrink:0}.image-popup-title .size-badge{font-size:.6rem;padding:.1rem .3rem;border-radius:4px;background:var(--text-muted);color:#fff;flex-shrink:0}.image-popup-actions{display:flex;gap:.3rem;flex-shrink:0}.image-popup-actions button{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.2rem .4rem;font-size:.9rem}.image-popup-actions button:hover{color:var(--text)}.image-popup-body{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#1a1a1a;padding:.5rem}.image-popup-body img{max-width:100%;max-height:100%;object-fit:contain;cursor:pointer;transition:transform .1s ease}.image-popup-body img:hover{transform:scale(1.02)}.image-popup-body .image-error{color:var(--error);font-size:.85rem;padding:1rem;text-align:center}.xterm-link-layer .xterm-link{text-decoration:underline;text-decoration-style:dotted;cursor:pointer}.xterm .xterm-screen .xterm-decoration-container .xterm-decoration.xterm-link-decoration{cursor:pointer}.wizard-progress{display:flex;justify-content:center;gap:1.5rem;padding:.5rem .75rem;background:var(--bg-dark);border-bottom:1px solid var(--border)}.wizard-step{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.8rem;transition:color .2s}.wizard-step.active{color:var(--accent)}.wizard-step.completed{color:var(--green)}.wizard-step-number{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--bg-input);border:1px solid var(--border);border-radius:50%;font-size:.7rem;font-weight:600}.wizard-step.active .wizard-step-number{background:var(--accent);border-color:var(--accent);color:#fff}.wizard-step.completed .wizard-step-number{background:var(--green);border-color:var(--green);color:#fff}.wizard-step-label{font-weight:500}.wizard-page{min-height:180px}.wizard-page.hidden{display:none}.wizard-footer{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-top:1px solid var(--border);background:var(--bg-card)}.wizard-footer-right{display:flex;gap:.5rem}.modal-wizard{width:480px;max-width:95vw;max-height:70vh;display:flex;flex-direction:column}.modal-wizard.draggable{position:absolute;transform:none;cursor:default}.modal-wizard .modal-body{overflow-y:auto;flex:1;min-height:0}.modal-wizard .wizard-footer{flex-shrink:0}.wizard-page-compact{min-height:auto;padding:.5rem 0}.wizard-step-intro{text-align:center;margin-bottom:.75rem;color:var(--text-dim);font-size:.9rem}.wizard-step-intro p{margin:0}.wizard-inline-row{display:flex;gap:1rem;margin-top:.75rem}.wizard-inline-field{flex:1}.wizard-inline-field-small{flex:0 0 auto}.wizard-inline-field label{display:block;font-size:.8rem;color:var(--text-dim);margin-bottom:.25rem}.iteration-presets-compact{display:flex;gap:.25rem}.iteration-presets-compact .iteration-preset-btn{padding:.35rem .6rem;font-size:.75rem;min-width:36px}.plan-section{padding:1rem;text-align:center}.plan-actions{display:flex;gap:.5rem;justify-content:center}.existing-plan-badge{font-size:.7rem;background:var(--accent);color:#fff;padding:.1rem .4rem;border-radius:3px;margin-left:.5rem;font-weight:400}.existing-plan-card{background:var(--bg-input);border:1px solid var(--accent);border-radius:6px;padding:1rem;text-align:left}.existing-plan-header{display:flex;align-items:center;gap:.5rem;font-weight:500;margin-bottom:.75rem}.existing-plan-icon{font-size:1.2rem}.existing-plan-stats{display:flex;gap:1rem;margin-bottom:1rem;font-size:.85rem}.existing-plan-stats .stat{display:flex;align-items:center;gap:.25rem}.existing-plan-stats .stat.pending{color:var(--yellow)}.existing-plan-stats .stat.completed{color:var(--green)}.existing-plan-stats .stat.total{color:var(--text-muted)}.existing-plan-actions{display:flex;gap:.5rem}.plan-loading-state{padding:1.5rem 1rem;text-align:center}.plan-loading-content{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.75rem}.plan-spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.plan-loading-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.plan-loading-title{font-weight:500;color:var(--text)}.plan-loading-time{font-size:.8rem;color:var(--text-muted);font-family:SF Mono,Monaco,monospace}.plan-loading-hint{color:var(--text-dim);font-size:.85rem;margin:0 0 1rem}.plan-error-msg{color:var(--red);margin-bottom:1rem}.plan-option-group{display:flex;align-items:center;gap:.5rem}.plan-option-group label{font-size:.8rem;color:var(--text-dim)}.plan-option-group select{padding:.3rem .5rem;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:.8rem}.plan-detail-btns{display:flex;gap:.25rem}.plan-detail-btn{padding:.3rem .6rem;font-size:.75rem;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text-dim);cursor:pointer;transition:all .15s}.plan-detail-btn:hover{border-color:var(--border-light)}.plan-detail-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.plan-editor-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem;font-weight:500;font-size:.9rem}.plan-stats{font-weight:400;font-size:.8rem;color:var(--text-muted);margin-left:.5rem}.plan-editor-actions{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center}.plan-items-list{display:flex;flex-direction:column;gap:.35rem;max-height:280px;overflow-y:auto;margin-bottom:.5rem}.plan-loading-actions{display:flex;gap:.5rem;justify-content:center}.plan-autostart-toggle{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.plan-autostart-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;justify-content:center}.plan-autostart-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.plan-autostart-text{font-size:.85rem;color:var(--text)}.plan-autostart-label:hover .plan-autostart-text{color:var(--accent)}.existing-wizard-files-section{padding:1rem}.existing-wizard-card{background:var(--bg-dark);border:1px solid var(--accent);border-radius:8px;padding:1rem}.existing-wizard-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.existing-wizard-icon{font-size:1.2rem}.existing-wizard-title{font-weight:600;color:var(--text)}.existing-wizard-desc{font-size:.85rem;color:var(--text-dim);margin:0 0 .75rem}.existing-wizard-agents{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}.existing-wizard-agent{background:#60a5fa33;color:var(--accent);padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.existing-wizard-actions{display:flex;gap:.5rem;justify-content:center}.plan-cancel-btn{color:var(--red)}.plan-stopped-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;background:var(--surface);border-radius:6px;border:1px solid var(--border)}.plan-stopped-icon{color:var(--red);font-size:1rem}.plan-stopped-text{font-weight:500;color:var(--text)}.plan-skip-hint{font-size:.75rem;color:var(--text-muted);text-align:center;margin-top:.75rem}.plan-skip-hint strong{color:var(--text-dim)}.plan-subagent-window{position:fixed;width:280px;background:var(--bg-card);border:1px solid var(--accent);border-radius:8px;box-shadow:0 4px 20px #0006,0 0 20px #60a5fa33;overflow:hidden;animation:planSubagentSpawn .3s ease-out}@keyframes planSubagentSpawn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.plan-subagent-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:linear-gradient(135deg,#60a5fa33,#60a5fa1a);border-bottom:1px solid var(--border);cursor:grab;user-select:none}.plan-subagent-header:active{cursor:grabbing}.plan-subagent-icon{font-size:1rem}.plan-subagent-title{flex:1;font-weight:500;font-size:.8rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-subagent-model{font-size:.65rem;padding:.15rem .4rem;background:#7c3aed;color:#fff;border-radius:3px;text-transform:uppercase;font-weight:600}.plan-subagent-body{padding:.75rem}.plan-subagent-status{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.plan-subagent-status.running .plan-subagent-spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.plan-subagent-status.completed .plan-subagent-status-text{color:var(--green)}.plan-subagent-status.failed .plan-subagent-status-text{color:var(--red)}.plan-subagent-status-text{font-size:.8rem;font-weight:500}.plan-subagent-detail{font-size:.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-subagent-prompt-link{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.15rem .3rem;margin:-.15rem -.3rem;border-radius:4px;transition:background .15s ease}.plan-subagent-prompt-link:hover{background:#ffffff1a}.plan-subagent-status-text.clickable{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.plan-subagent-status-text.clickable:hover{text-decoration-style:solid;color:var(--accent)}.ralph-version-info{display:flex;align-items:center;gap:.35rem;font-size:.7rem;color:var(--text-muted);margin-left:auto}.ralph-version-info .version-badge{background:var(--bg-card);padding:.1rem .25rem;border-radius:2px;font-family:SF Mono,Monaco,monospace}.ralph-version-info .rollback-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.65rem;padding:.1rem .25rem}.ralph-version-info .rollback-btn:hover{text-decoration:underline}.textarea-with-assist{position:relative}.textarea-with-assist textarea{width:100%;padding:.6rem;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:.85rem;font-family:SF Mono,Monaco,Courier New,monospace;resize:vertical;min-height:80px}.textarea-with-assist textarea:focus{outline:none;border-color:var(--accent)}.iteration-presets{display:flex;gap:.35rem;flex-wrap:wrap}.iteration-preset-btn{padding:.5rem 1rem;font-size:.8rem;font-weight:500;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text-dim);cursor:pointer;transition:all .15s;min-width:50px}.iteration-preset-btn:hover{border-color:var(--border-light);color:var(--text)}.iteration-preset-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.case-select-inline{display:flex;gap:.5rem}.case-select-inline select{flex:1}.ralph-preview-section{margin-bottom:1rem}.ralph-preview-section>label{display:block;font-size:.7rem;color:var(--text-dim);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.03em}.ralph-prompt-preview{background:var(--bg-dark);border:1px solid var(--border);border-radius:4px;padding:.5rem .75rem;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.75rem;color:var(--text-dim);max-height:120px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.ralph-prompt-preview .preview-highlight{color:var(--accent);font-weight:500}.ralph-config-summary{background:var(--bg-input);border-radius:4px;padding:.75rem;margin-bottom:1rem}.config-summary-row{display:flex;justify-content:space-between;padding:.35rem 0;font-size:.8rem}.config-summary-row:not(:last-child){border-bottom:1px solid var(--border)}.config-label{color:var(--text-dim)}.config-summary-row code{background:var(--bg-dark);padding:.15rem .4rem;border-radius:3px;font-size:.75rem;color:var(--green)}.advanced-options{margin-top:1rem}.advanced-options summary{cursor:pointer;font-size:.8rem;color:var(--text-dim);padding:.5rem 0;border-top:1px solid var(--border)}.advanced-options summary:hover{color:var(--text)}.advanced-options[open] summary{margin-bottom:.75rem}.advanced-options-content{padding-left:.5rem}.btn-response-viewer-header{display:none!important}.response-viewer{display:none;position:fixed;bottom:0;left:0;right:0;max-height:85vh;background:#1a1a2e;border-top:1px solid #333;border-radius:12px 12px 0 0;z-index:5000;flex-direction:column;transform:translateY(100%);transition:transform .25s ease-out}.response-viewer.visible{display:flex;transform:translateY(0)}.response-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #333;flex-shrink:0;font-size:14px;font-weight:600;color:#e0e0e0}.response-viewer-actions{display:flex;align-items:center;gap:8px}.response-viewer-more{background:#2a2a4a;border:1px solid #444;color:#aaa;font-size:12px;padding:3px 10px;border-radius:4px;cursor:pointer}.response-viewer-more:active{background:#3a3a5a}.response-viewer-close{background:none;border:none;color:#888;font-size:22px;cursor:pointer;padding:0 4px;line-height:1}.rv-message{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #2a2a3a}.rv-message:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.rv-role{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.rv-role-user{color:#5c7cfa}.rv-role-assistant{color:#51cf66}.rv-text{word-break:break-word;line-height:1.6}.rv-text p{margin:0 0 .6em}.rv-text p:last-child{margin-bottom:0}.rv-text h1,.rv-text h2,.rv-text h3,.rv-text h4{color:#e0e0e0;margin:1em 0 .4em;line-height:1.3}.rv-text h1{font-size:1.3em}.rv-text h2{font-size:1.15em}.rv-text h3{font-size:1.05em}.rv-text code{background:#2a2a3e;padding:1px 5px;border-radius:3px;font-size:.9em}.rv-text pre{background:#1e1e2e;border:1px solid #333;border-radius:6px;padding:10px 12px;overflow-x:auto;margin:.6em 0}.rv-text pre code{background:none;padding:0;font-size:.85em;line-height:1.5}.rv-text ul,.rv-text ol{margin:.4em 0;padding-left:1.4em}.rv-text li{margin-bottom:.2em}.rv-text blockquote{border-left:3px solid #444;margin:.6em 0;padding:.3em 0 .3em 12px;color:#999}.rv-text strong{color:#f0f0f0}.rv-text a{color:#5c7cfa;text-decoration:none}.rv-text table{border-collapse:collapse;margin:.6em 0;width:100%;font-size:.9em}.rv-text th,.rv-text td{border:1px solid #333;padding:4px 8px;text-align:left}.rv-text th{background:#2a2a3e;color:#e0e0e0}.rv-text hr{border:none;border-top:1px solid #333;margin:1em 0}.response-viewer-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px;font-family:Fira Code,Cascadia Code,JetBrains Mono,SF Mono,Monaco,monospace;font-size:13px;line-height:1.5;color:#d4d4d4}.response-viewer-body:empty:after{content:"No response yet";color:#555;font-style:italic}.response-viewer-backdrop{display:none;position:fixed;inset:0;background:#00000080;z-index:4999}.response-viewer-backdrop.visible{display:block}#cjkInput{display:none;flex-shrink:0;width:100%;font-family:Fira Code,Cascadia Code,JetBrains Mono,SF Mono,Monaco,monospace;font-size:14px;background:#1a1a2e;color:#e0e0e0;border:1px solid #333;border-top:none;padding:6px 10px;outline:none;resize:none;line-height:1.4;box-sizing:border-box}#cjkInput:focus{border-color:#339af0;background:#111}#cjkInput::placeholder{color:#495057;font-size:12px}.orchestrator-panel{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--glass-border);font-size:.75rem;flex-shrink:0;overflow:hidden;position:relative;contain:layout style paint}.orchestrator-header{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.orchestrator-title{font-weight:600;color:var(--text-primary);font-size:.8rem}.orchestrator-state-badge{display:inline-block;padding:1px 8px;border-radius:10px;color:#fff;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.orchestrator-actions{display:flex;gap:4px;margin-left:auto}.orchestrator-close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:0 4px;line-height:1}.orchestrator-close-btn:hover{color:var(--text-primary)}.orch-btn{padding:2px 8px;border:1px solid var(--border);border-radius:4px;background:var(--bg-input);color:var(--text-primary);cursor:pointer;font-size:.7rem}.orch-btn:hover{background:var(--bg-hover)}.orch-btn-primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.orch-btn-primary:hover{background:#2563eb}.orch-btn-warn{background:#f59e0b;color:#000;border-color:#f59e0b}.orch-btn-warn:hover{background:#d97706}.orch-btn-danger{background:#ef4444;color:#fff;border-color:#ef4444}.orch-btn-danger:hover{background:#dc2626}.orchestrator-body{max-height:300px;overflow-y:auto;padding:8px 10px}.orch-empty{color:var(--text-secondary);text-align:center;padding:12px}.orch-planning{display:flex;flex-direction:column;gap:8px;color:#f59e0b;padding:12px}.orch-planning>.orch-spinner{display:inline-block}.orch-progress-log{display:flex;flex-direction:column;gap:3px;font-size:.8em;color:var(--text-secondary);max-height:200px;overflow-y:auto}.orch-progress-item{padding:2px 0;line-height:1.3}.orch-progress-phase{color:#f59e0b;font-weight:600;margin-right:4px}.orch-spinner{width:14px;height:14px;border:2px solid #f59e0b33;border-top-color:#f59e0b;border-radius:50%;animation:orch-spin .8s linear infinite}@keyframes orch-spin{to{transform:rotate(360deg)}}.orch-goal{margin-bottom:6px;color:var(--text-secondary);line-height:1.3}.orch-progress-bar{position:relative;height:18px;background:var(--bg-input);border-radius:4px;overflow:hidden;margin-bottom:8px}.orch-progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#3b82f6,#22c55e);transition:width .3s ease;border-radius:4px}.orch-progress-bar span{position:relative;display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-primary);font-size:.65rem;font-weight:600;z-index:1}.orch-phases{display:flex;flex-direction:column;gap:2px}.orch-phase{border:1px solid var(--border);border-radius:4px;overflow:hidden}.orch-phase-active{border-color:#3b82f6}.orch-phase-passed{opacity:.7}.orch-phase-skipped{opacity:.5}.orch-phase-failed{border-color:#ef4444}.orch-phase-header{display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--bg-secondary)}.orch-phase-icon{width:14px;text-align:center}.orch-phase-name{flex:1;color:var(--text-primary);font-weight:500}.orch-phase-tasks,.orch-phase-duration{color:var(--text-secondary);font-size:.65rem}.orch-phase-actions{display:flex;gap:2px}.orch-phase-btn{padding:1px 6px;border:1px solid var(--border);border-radius:3px;background:var(--bg-input);color:var(--text-secondary);cursor:pointer;font-size:.6rem}.orch-phase-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.orch-phase-tasks-list{padding:4px 8px 4px 26px;border-top:1px solid var(--border)}.orch-task{display:flex;align-items:flex-start;gap:4px;padding:2px 0;line-height:1.3}.orch-task-icon{width:12px;text-align:center;flex-shrink:0;margin-top:1px}.orch-task-prompt{color:var(--text-primary);word-break:break-word}.orch-task-error{color:#ef4444;font-size:.6rem;margin-left:auto}.orch-task-completed .orch-task-prompt{color:var(--text-secondary)}.orch-task-failed .orch-task-icon{color:#ef4444}.orch-verify-pass{color:#22c55e;padding:2px 8px;font-size:.65rem}.orch-verify-fail{color:#ef4444;padding:2px 8px;font-size:.65rem}.orch-stats{display:flex;flex-wrap:wrap;gap:12px;padding:6px 0;margin-top:6px;border-top:1px solid var(--border);color:var(--text-secondary);font-size:.65rem}.orch-error{color:#ef4444;padding:4px 0;margin-top:4px;font-size:.7rem}