tmux-weblink 1.5.2 → 2.0.0

package/README.md

@@ -37,8 +37,17 @@ TMUX_WEB_TERMINAL_RENDERER=ghostty tmux-weblink
 
 # Optional: tail-first buffer loading (see docs/architecture.md)
 TMUX_WEB_INITIAL_LINES=1000 TMUX_WEB_HISTORY_CHUNK=500 tmux-weblink
+
+# Federation: join this machine to a hub (no ports opened)
+tmux-weblink agent --hub wss://hub.example.com --token <agent-token> --name laptop
 ```
 
+> **Every machine uses the same start command.** To join a hub, open
+> `http://localhost:21000/settings/federation` on the machine you want to
+> attach, paste the hub URL + token, and press **Save & Connect** — the agent
+> client runs in-process next to the normal server. The hub's own
+> `/settings/federation` page creates/revokes tokens.
+
 Then open `http://localhost:21000` in your browser. You'll see a list of active tmux sessions — click one to attach.
 
 ## Documentation
@@ -48,6 +57,7 @@ Then open `http://localhost:21000` in your browser. You'll see a list of active
 - [Scheduler](docs/scheduler.md) — delayed `send-keys` tasks
 - **Windows drawer** — switch tmux windows from the terminal header (mobile-friendly tab picker)
 - [Extensions](docs/extensions.md) — install, configure, and build sidebar plugins
+- [Federation / Agents](docs/agents.md) — join NAT'd machines to a public hub
 - [Architecture](docs/architecture.md) — how the server, terminal, and extensions connect
 
 ## Prerequisites

package/dist/agent.js

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+import{createRequire as l}from"node:module";import{hostname as h}from"node:os";import T from"node:path";import{listSessions as E}from"./sessions.js";import{loadSecurityConfig as g}from"./lib/security-config.js";import{TokenStore as _}from"./lib/auth.js";import{RateLimiter as w}from"./lib/rateLimiter.js";import{db as n}from"./lib/db.js";import{loadExtensions as b,spawnExtensionBackend as k}from"./lib/ext-loader.js";import{SchedulerService as A}from"./lib/scheduler.js";import{handleClientMessage as M}from"./lib/ws-message.js";import{loadDotEnv as N}from"./lib/load-env.js";import{readSettings as y}from"./lib/settings.js";import{readActiveTheme as S}from"./lib/theme-store.js";import{buildApp as x}from"./lib/build-app.js";import{acquireControlClient as B}from"./lib/tmux-control.js";import{getSessionPaneTarget as C,capturePaneTail as U,capturePaneHistoryChunk as W,toCrlf as G}from"./lib/tmux-capture.js";import{readTerminalBufferConfig as D}from"./lib/terminal-config.js";import{startAgentClient as H}from"./lib/agent-client.js";N();const O=l(import.meta.url),{version:R}=O("../package.json");function P(e){let r=process.env.TMUX_WEB_AGENT_HUB||"",s=process.env.TMUX_WEB_AGENT_TOKEN||"",a=process.env.TMUX_WEB_AGENT_NAME||h();for(let o=0;o<e.length;o++){const t=e[o];if(t!=="agent"){if((t==="--hub"||t==="-h")&&e[o+1]){r=e[++o];continue}if((t==="--token"||t==="-t")&&e[o+1]){s=e[++o];continue}if((t==="--name"||t==="-n")&&e[o+1]){a=e[++o];continue}t.startsWith("--hub=")&&(r=t.slice(6)),t.startsWith("--token=")&&(s=t.slice(8)),t.startsWith("--name=")&&(a=t.slice(7))}}return r||(console.error("usage: tmux-web agent --hub wss://HOST[:PORT] --token TOKEN [--name NAME]"),console.error("  (or set TMUX_WEB_AGENT_HUB / TMUX_WEB_AGENT_TOKEN)"),process.exit(1)),s||(console.error("agent token required (--token or TMUX_WEB_AGENT_TOKEN)"),process.exit(1)),{hub:r,token:s,name:a.slice(0,64)}}const{hub:X,token:q,name:I}=P(process.argv.slice(2)),c=D(),K=g(),j=new _,F=new w;await n.read(),n.data.sessionAccess??=[],n.data.pinnedViews??=[],n.data.watchedPanes??=[],n.data.triggeredTasks??=[],n.data.quickCommands??=[];const i=await y(),L=await S(),$=i.commandbar===!0,p=z(i.scheduleHistoryDays),f=T.join(process.cwd(),"extensions"),d=await b(f);for(const e of d)e.start&&k(e.dir,e);const m=new A({db:n,historyRetentionMs:p*864e5,onMissedTask:e=>console.warn(`[scheduler] dropped missed task ${e.id} (was due ${new Date(e.fireAt).toISOString()})`)});await m.restoreFromDb();const v=x({mode:"agent",securityConfig:K,tokenStore:j,rateLimiter:F,scheduler:m,settings:i,commandbarEnabled:$,terminalRenderer:i.terminalRenderer==="ghostty"?"ghostty":"xterm",scheduleHistoryDays:p,extsDir:f,extensions:d,terminalBufferConfig:c,getAgentId:()=>null,state:{activeTheme:L,settingUpPassword:!1}}),V=H({hub:X,token:q,name:I,version:R,app:v,listSessions:E,terminalBufferConfig:c,getSessionPaneTarget:C,capturePaneTail:U,capturePaneHistoryChunk:W,toCrlf:G,handleClientMessage:M,acquireControlClient:B});function u(){m.cleanup(),V.stop(),process.exit(0)}process.on("SIGINT",u),process.on("SIGTERM",u);function z(e){return typeof e!="number"||!Number.isFinite(e)?7:Math.min(365,Math.max(1,Math.round(e)))}

package/dist/assets/shell-client.js

@@ -1,33 +1,36 @@
-var wt="https://esm.sh/ghostty-web@0.4.0",bt=/\x1b\](?:10|11|110|111|104)(?:;[^\x07\x1b]*)?\x1b?(?:\\|\x07)/g;function Z(t){return t.replace(bt,"")}var G;function Lt(){return G||(document.querySelector("link[data-tmux-web-xterm-css]")?G=Promise.resolve():(G=new Promise(t=>{let e=document.createElement("link");e.rel="stylesheet",e.href="/assets/xterm.css",e.setAttribute("data-tmux-web-xterm-css",""),e.addEventListener("load",()=>t(),{once:!0}),e.addEventListener("error",()=>t(),{once:!0}),document.head.appendChild(e)}),G))}var Se=class Ze{terminal;fitAddon;container;constructor(e,n,s){this.container=e,this.terminal=n,this.fitAddon=s,this.terminal.loadAddon(this.fitAddon),this.terminal.open(e)}static async create(e,n,s){let[{Terminal:o},{FitAddon:l}]=await Promise.all([import("./xterm-BXEES47M.js"),import("./addon-fit-D5N335P2.js"),Lt()]),d=new o({fontSize:14,fontFamily:"'JetBrains Mono', 'SF Mono', 'Menlo', monospace",cursorBlink:!0,cursorStyle:"bar",scrollback:n,convertEol:!1,theme:s});return new Ze(e,d,new l)}get cols(){return this.terminal.cols}get rows(){return this.terminal.rows}write(e){return new Promise(n=>this.terminal.write(e,n))}reset(){this.terminal.reset()}scrollToBottom(){this.terminal.scrollToBottom()}scrollToLine(e){this.terminal.scrollToLine(Math.max(0,e))}isNearScrollbackTop(){return this.terminal.buffer.active.viewportY<=1}viewportY(){return this.terminal.buffer.active.viewportY}baseY(){return this.terminal.buffer.active.baseY}fit(){let e=He(this.container);return e.width<=0||e.height<=0?!1:(this.fitAddon.fit(),!0)}focus(){this.terminal.focus()}pasteText(e){this.terminal.paste(e)}input(e){this.terminal.input(e,!1)}onData(e){this.terminal.onData(e),this.terminal.onBinary(e)}onResize(e){this.terminal.onResize(e)}onScroll(e){this.terminal.onScroll(e)}attachCustomKeyEventHandler(e){this.terminal.attachCustomKeyEventHandler(e)}isFocused(){let e=document.activeElement;return!!e&&(e===this.container||this.container.contains(e))}},Et=class Ge{terminal;container;colsValue=80;rowsValue=24;charW=0;charH=0;resizeCallbacks=[];constructor(e,n){this.container=e,this.terminal=n,this.terminal.open(e)}static async create(e,n,s){let o=await import(wt);await o.init();let l=new o.Terminal({fontSize:14,fontFamily:"'JetBrains Mono', 'SF Mono', 'Menlo', monospace",cursorBlink:!0,cursorStyle:"bar",scrollback:n,convertEol:!1,theme:s});return new Ge(e,l)}get cols(){return this.colsValue}get rows(){return this.rowsValue}write(e){return new Promise(n=>this.terminal.write(e,n))}reset(){this.terminal.reset()}scrollToBottom(){this.terminal.scrollToBottom?.()}scrollToLine(e){this.terminal.scrollToLine?.(Math.max(0,e))}isNearScrollbackTop(){let e=this.terminal.buffer?.active;return e?e.viewportY>=e.baseY:!1}viewportY(){return this.terminal.buffer?.active?.viewportY??0}baseY(){return this.terminal.buffer?.active?.baseY??0}fit(){let e=He(this.container);if(e.width<=0||e.height<=0)return!1;this.updateCellMetrics(!this.charW||!this.charH);let n=Math.floor(e.width/this.charW),s=Math.floor(e.height/this.charH);if(n<10||s<5)return!1;if(n!==this.colsValue||s!==this.rowsValue){this.colsValue=n,this.rowsValue=s,this.terminal.resize(n,s);for(let o of this.resizeCallbacks)o({cols:n,rows:s})}return!0}focus(){(this.terminal.textarea||this.container.querySelector("textarea")||this.container)?.focus?.()}pasteText(e){let n=this.terminal.getMode?.(2004)??!1;this.input(n?"\x1B[200~"+e+"\x1B[201~":e)}input(e){this.terminal.input?.(e,!1)}onData(e){this.terminal.onData(n=>e(n))}onResize(e){this.resizeCallbacks.push(e)}onScroll(e){this.terminal.onScroll(e)}attachCustomKeyEventHandler(e){this.terminal.attachCustomKeyEventHandler(e)}isFocused(){let e=document.activeElement;return!!e&&(e===this.container||e===this.terminal.textarea||this.container.contains(e))}updateCellMetrics(e=!1){let n=this.container.querySelector("canvas");if(n instanceof HTMLElement&&n.offsetWidth>0&&n.offsetHeight>0&&this.colsValue>0&&this.rowsValue>0){let s=n.offsetWidth/this.colsValue,o=n.offsetHeight/this.rowsValue;(e||!this.charW||!this.charH)&&(this.charW=s,this.charH=o)}(!this.charW||!this.charH)&&(this.charW=9,this.charH=18)}};function He(t){let e=t.getBoundingClientRect(),n=window.visualViewport;return n?{width:Math.min(e.width,n.width),height:Math.max(0,Math.min(e.height,n.height-Math.max(0,e.top)))}:e}function kt(t,e,n){return t.innerHTML="",t.classList.add("terminal-pending"),(async()=>{let s;if(n.renderer==="ghostty")try{s=await Et.create(t,n.scrollback,n.theme)}catch{console.error("[tmux-web] ghostty-web failed; falling back to xterm.js"),s=await Se.create(t,n.scrollback,n.theme)}else s=await Se.create(t,n.scrollback,n.theme);let o,l=0,d,r=null,v=0,y="connecting",T=0,K=!1,X=[],D="",pe=!1,A=1e3,Qe=(location.protocol==="https:"?"wss:":"ws:")+"//"+location.host+"/ws/"+encodeURIComponent(e),et="/api/session/"+encodeURIComponent(e)+"/upload",tt=/^((?!chrome|android|crios|fxios|edgios).)*safari/i.test(navigator.userAgent);function nt(){return X.join("")+D}async function st(i,a=0){let c=i?s.viewportY():0,b=i?s.baseY():0,k=Z(nt());if(s.reset(),!k){i||s.scrollToBottom();return}await s.write(k),i?s.scrollToLine(b+c+a):s.scrollToBottom()}function R(i){o?.readyState===WebSocket.OPEN&&o.send(JSON.stringify(i))}function it(i){let a;try{a=JSON.parse(i)}catch{y==="live"&&(D+=i,s.write(Z(i)));return}if(a.type==="auth.required"){let c=localStorage.getItem("tmux-web-token");c?R({type:"auth.token",token:c}):location.href="/login?returnTo="+encodeURIComponent(location.pathname+location.search);return}if(a.type==="auth.ok"){a.token&&localStorage.setItem("tmux-web-token",a.token),A=1e3,z(),R({type:"resize",cols:s.cols,rows:s.rows}),w();return}if(a.type==="auth.failed"){if(a.permanentLock||a.retryAfterMs&&a.retryAfterMs>6e4){localStorage.removeItem("tmux-web-token"),location.href="/login?error="+encodeURIComponent(a.message);return}return}if(a.type==="snapshot"&&typeof a.data=="string"){let c=Z(a.data);X=[c],D="",T=typeof a.lines=="number"?a.lines:n.terminal.initialLines,y="live",s.reset(),s.write(c).then(()=>s.scrollToBottom());return}if(a.type==="window_changed"&&typeof a.activeIndex=="number"){let c=new URL(location.href);c.searchParams.get("window")!==String(a.activeIndex)&&(c.searchParams.set("window",String(a.activeIndex)),history.replaceState(history.state,"",c)),window.dispatchEvent(new CustomEvent("tmux:windows",{detail:a.windows}));return}if(a.type==="history"&&typeof a.data=="string"){K=!1,a.lines>0&&a.data&&(X.unshift(a.data),T+=a.lines,st(!0,a.lines));return}if(a.type==="data"&&typeof a.data=="string"){let c=Z(a.data);if(y==="connecting"){y="live",D=c,s.write(c);return}y==="live"&&(D+=c,s.write(c))}}function be(){let i=Qe,a=localStorage.getItem("tmux-web-token");a&&(i+=(i.includes("?")?"&":"?")+"token="+encodeURIComponent(a)),o=new WebSocket(i),o.onopen=()=>{y="connecting",T=0,K=!1,X=[],D="",s.reset(),A=1e3},o.onmessage=c=>{typeof c.data=="string"&&it(c.data)},o.onclose=()=>{pe||(y="connecting",setTimeout(()=>{A=Math.min(A*2,1e4),pe||be()},A))},o.onerror=()=>o?.close()}function _(i){R({type:"input",data:i})}function z(){return s.fit()}function ue(){t.classList.remove("terminal-pending")}function w(){l&&cancelAnimationFrame(l),d&&clearTimeout(d),z(),l=requestAnimationFrame(()=>{l=0,z()&&ue()}),d=setTimeout(()=>{z()&&ue()},120)}function at(){w(),setTimeout(w,50),setTimeout(w,150),setTimeout(w,300)}function Le(i){return typeof i=="string"&&i.startsWith("image/")}function Ee(i){return i?.files?.length?i.files[0]??null:null}function ot(i){if(!i?.items)return null;for(let a=0;a<i.items.length;a++){let c=i.items[a];if(c?.kind==="file"&&Le(c.type))return c.getAsFile()}return null}async function lt(i){let a=new FormData,c=i instanceof File&&i.name?i.name:"upload";a.append("file",i,c);let b=localStorage.getItem("tmux-web-token"),k={};b&&(k.Authorization="Bearer "+b);let me=await fetch(et,{method:"POST",body:a,headers:k});if(!me.ok){let Ie="upload failed";try{let Ce=await me.json();Ce.error&&(Ie=Ce.error)}catch{}throw new Error(Ie)}let Be=await me.json();if(!Be.path)throw new Error("no path in response");return Be.path}async function fe(i){try{let a=await lt(i);_(a)}catch{}}s.onData(i=>_(i)),s.onResize(({cols:i,rows:a})=>R({type:"resize",cols:i,rows:a})),s.onScroll(()=>{y!=="live"||K||!s.isNearScrollbackTop()||(K=!0,R({type:"load_history",before:T}))}),s.attachCustomKeyEventHandler(i=>i.type!=="keydown"?!0:(i.ctrlKey||i.metaKey)&&i.code==="KeyV"?(i.preventDefault(),(async()=>{try{if(navigator.clipboard?.read){let a=await navigator.clipboard.read();for(let c of a)for(let b of c.types)if(Le(b)){let k=await c.getType(b);await fe(k);return}}}catch{}try{let a=await navigator.clipboard?.readText();a&&s.pasteText(ke(a))}catch{}})(),!1):!0);let J=0;function ke(i){return i.split(`\r
+var Nt="https://esm.sh/ghostty-web@0.4.0",Wt=/\x1b\](?:10|11|110|111|104)(?:;[^\x07\x1b]*)?\x1b?(?:\\|\x07)/g;function ce(t){return t.replace(Wt,"")}var de;function jt(){return de||(document.querySelector("link[data-tmux-web-xterm-css]")?de=Promise.resolve():(de=new Promise(t=>{let e=document.createElement("link");e.rel="stylesheet",e.href="/assets/xterm.css",e.setAttribute("data-tmux-web-xterm-css",""),e.addEventListener("load",()=>t(),{once:!0}),e.addEventListener("error",()=>t(),{once:!0}),document.head.appendChild(e)}),de))}var qe=class ft{terminal;fitAddon;container;constructor(e,n,a){this.container=e,this.terminal=n,this.fitAddon=a,this.terminal.loadAddon(this.fitAddon),this.terminal.open(e)}static async create(e,n,a){let[{Terminal:o},{FitAddon:r}]=await Promise.all([import("./xterm-BXEES47M.js"),import("./addon-fit-D5N335P2.js"),jt()]),c=new o({fontSize:14,fontFamily:"'JetBrains Mono', 'SF Mono', 'Menlo', monospace",cursorBlink:!0,cursorStyle:"bar",scrollback:n,convertEol:!1,theme:a});return new ft(e,c,new r)}get cols(){return this.terminal.cols}get rows(){return this.terminal.rows}write(e){return new Promise(n=>this.terminal.write(e,n))}reset(){this.terminal.reset()}scrollToBottom(){this.terminal.scrollToBottom()}scrollToLine(e){this.terminal.scrollToLine(Math.max(0,e))}isNearScrollbackTop(){return this.terminal.buffer.active.viewportY<=1}viewportY(){return this.terminal.buffer.active.viewportY}baseY(){return this.terminal.buffer.active.baseY}fit(){let e=Oe(this.container);return e.width<=0||e.height<=0?!1:(this.fitAddon.fit(),!0)}focus(){this.terminal.focus()}pasteText(e){this.terminal.paste(e)}input(e){this.terminal.input(e,!1)}onData(e){this.terminal.onData(e),this.terminal.onBinary(e)}onResize(e){this.terminal.onResize(e)}onScroll(e){this.terminal.onScroll(e)}attachCustomKeyEventHandler(e){this.terminal.attachCustomKeyEventHandler(e)}isFocused(){let e=document.activeElement;return!!e&&(e===this.container||this.container.contains(e))}getScreenText(){return this.getRowsText(0,this.terminal.rows-1)}getRowsText(e,n){let a=this.terminal.buffer.active,[o,r]=e<=n?[e,n]:[n,e],c=a.viewportY,l=[];for(let u=o;u<=r;u++){let f=a.getLine(c+u);l.push(f?f.translateToString(!0):"")}return l.join(`
+`)}selectRows(e,n){let a=this.terminal.buffer.active,[o,r]=e<=n?[e,n]:[n,e];this.terminal.selectLines(a.viewportY+o,a.viewportY+r)}hasSelectionSupport(){return!0}},Vt=class mt{terminal;container;colsValue=80;rowsValue=24;charW=0;charH=0;resizeCallbacks=[];constructor(e,n){this.container=e,this.terminal=n,this.terminal.open(e)}static async create(e,n,a){let o=await import(Nt);await o.init();let r=new o.Terminal({fontSize:14,fontFamily:"'JetBrains Mono', 'SF Mono', 'Menlo', monospace",cursorBlink:!0,cursorStyle:"bar",scrollback:n,convertEol:!1,theme:a});return new mt(e,r)}get cols(){return this.colsValue}get rows(){return this.rowsValue}write(e){return new Promise(n=>this.terminal.write(e,n))}reset(){this.terminal.reset()}scrollToBottom(){this.terminal.scrollToBottom?.()}scrollToLine(e){this.terminal.scrollToLine?.(Math.max(0,e))}isNearScrollbackTop(){let e=this.terminal.buffer?.active;return e?e.viewportY>=e.baseY:!1}viewportY(){return this.terminal.buffer?.active?.viewportY??0}baseY(){return this.terminal.buffer?.active?.baseY??0}fit(){let e=Oe(this.container);if(e.width<=0||e.height<=0)return!1;this.updateCellMetrics(!this.charW||!this.charH);let n=Math.floor(e.width/this.charW),a=Math.floor(e.height/this.charH);if(n<10||a<5)return!1;if(n!==this.colsValue||a!==this.rowsValue){this.colsValue=n,this.rowsValue=a,this.terminal.resize(n,a);for(let o of this.resizeCallbacks)o({cols:n,rows:a})}return!0}focus(){(this.terminal.textarea||this.container.querySelector("textarea")||this.container)?.focus?.()}pasteText(e){let n=this.terminal.getMode?.(2004)??!1;this.input(n?"\x1B[200~"+e+"\x1B[201~":e)}input(e){this.terminal.input?.(e,!1)}onData(e){this.terminal.onData(n=>e(n))}onResize(e){this.resizeCallbacks.push(e)}onScroll(e){this.terminal.onScroll(e)}attachCustomKeyEventHandler(e){this.terminal.attachCustomKeyEventHandler(e)}isFocused(){let e=document.activeElement;return!!e&&(e===this.container||e===this.terminal.textarea||this.container.contains(e))}getScreenText(){return this.getRowsText(0,this.rowsValue-1)}getRowsText(e,n){try{let a=this.terminal.buffer?.active;if(!a||typeof a.getLine!="function")return"";let[o,r]=e<=n?[e,n]:[n,e],c=typeof a.viewportY=="number"?a.viewportY:0,l=[];for(let u=o;u<=r;u++){let f=a.getLine(c+u);l.push(typeof f?.translateToString=="function"?f.translateToString(!0):"")}return l.join(`
+`)}catch{return""}}selectRows(e,n){try{if(typeof this.terminal?.selectLines!="function")return;let a=this.terminal.buffer?.active,o=typeof a?.viewportY=="number"?a.viewportY:0,[r,c]=e<=n?[e,n]:[n,e];this.terminal.selectLines(o+r,o+c)}catch{}}hasSelectionSupport(){return typeof this.terminal?.selectLines=="function"}updateCellMetrics(e=!1){let n=this.container.querySelector("canvas");if(n instanceof HTMLElement&&n.offsetWidth>0&&n.offsetHeight>0&&this.colsValue>0&&this.rowsValue>0){let a=n.offsetWidth/this.colsValue,o=n.offsetHeight/this.rowsValue;(e||!this.charW||!this.charH)&&(this.charW=a,this.charH=o)}(!this.charW||!this.charH)&&(this.charW=9,this.charH=18)}};function Oe(t){let e=t.getBoundingClientRect(),n=window.visualViewport;return n?{width:Math.min(e.width,n.width),height:Math.max(0,Math.min(e.height,n.height-Math.max(0,e.top)))}:e}function Ft(t,e,n){return t.innerHTML="",t.classList.add("terminal-pending"),(async()=>{let a;if(n.renderer==="ghostty")try{a=await Vt.create(t,n.scrollback,n.theme)}catch{console.error("[tmux-web] ghostty-web failed; falling back to xterm.js"),a=await qe.create(t,n.scrollback,n.theme)}else a=await qe.create(t,n.scrollback,n.theme);let o,r=0,c,l=null,u=0,f="connecting",B=0,se=!1,oe=[],z="",Y=!1,V=1e3,ht=location.protocol==="https:"?"wss:":"ws:",vt=n.wsBase||"/ws",yt=ht+"//"+location.host+vt+"/"+encodeURIComponent(e),gt="/api/session/"+encodeURIComponent(e)+"/upload",wt=/^((?!chrome|android|crios|fxios|edgios).)*safari/i.test(navigator.userAgent);function bt(){return oe.join("")+z}async function Lt(i,s=0){let d=i?a.viewportY():0,L=i?a.baseY():0,T=ce(bt());if(a.reset(),!T){i||a.scrollToBottom();return}await a.write(T),i?a.scrollToLine(L+d+s):a.scrollToBottom()}function F(i){o?.readyState===WebSocket.OPEN&&o.send(JSON.stringify(i))}function Et(i){let s;try{s=JSON.parse(i)}catch{f==="live"&&(z+=i,a.write(ce(i)));return}if(s.type==="auth.required"){let d=localStorage.getItem("tmux-web-token");d?F({type:"auth.token",token:d}):location.href="/login?returnTo="+encodeURIComponent(location.pathname+location.search);return}if(s.type==="auth.ok"){s.token&&localStorage.setItem("tmux-web-token",s.token),V=1e3,K(),F({type:"resize",cols:a.cols,rows:a.rows}),w();return}if(s.type==="auth.failed"){if(s.permanentLock||s.retryAfterMs&&s.retryAfterMs>6e4){localStorage.removeItem("tmux-web-token"),location.href="/login?error="+encodeURIComponent(s.message);return}return}if(s.type==="snapshot"&&typeof s.data=="string"){let d=ce(s.data);oe=[d],z="",B=typeof s.lines=="number"?s.lines:n.terminal.initialLines,f="live",a.reset(),a.write(d).then(()=>a.scrollToBottom());return}if(s.type==="window_changed"&&typeof s.activeIndex=="number"){let d=new URL(location.href);d.searchParams.get("window")!==String(s.activeIndex)&&(d.searchParams.set("window",String(s.activeIndex)),history.replaceState(history.state,"",d)),window.dispatchEvent(new CustomEvent("tmux:windows",{detail:s.windows}));return}if(s.type==="history"&&typeof s.data=="string"){se=!1,s.lines>0&&s.data&&(oe.unshift(s.data),B+=s.lines,Lt(!0,s.lines));return}if(s.type==="data"&&typeof s.data=="string"){let d=ce(s.data);if(f==="connecting"){f="live",z=d,a.write(d);return}f==="live"&&(z+=d,a.write(d))}}function De(){let i=yt,s=localStorage.getItem("tmux-web-token");s&&(i+=(i.includes("?")?"&":"?")+"token="+encodeURIComponent(s)),o=new WebSocket(i),o.onopen=()=>{f="connecting",B=0,se=!1,oe=[],z="",a.reset(),V=1e3},o.onmessage=d=>{typeof d.data=="string"&&Et(d.data)},o.onclose=()=>{Y||(f="connecting",setTimeout(()=>{V=Math.min(V*2,1e4),Y||De()},V))},o.onerror=()=>o?.close()}function le(i){F({type:"input",data:i})}function K(){return a.fit()}function Ee(){t.classList.remove("terminal-pending")}function w(){r&&cancelAnimationFrame(r),c&&clearTimeout(c),K(),r=requestAnimationFrame(()=>{r=0,K()&&Ee()}),c=setTimeout(()=>{K()&&Ee()},120)}function kt(){w(),setTimeout(w,50),setTimeout(w,150),setTimeout(w,300)}function Re(i){return typeof i=="string"&&i.startsWith("image/")}function $e(i){return i?.files?.length?i.files[0]??null:null}function xt(i){if(!i?.items)return null;for(let s=0;s<i.items.length;s++){let d=i.items[s];if(d?.kind==="file"&&Re(d.type))return d.getAsFile()}return null}async function Tt(i){let s=new FormData,d=i instanceof File&&i.name?i.name:"upload";s.append("file",i,d);let L=localStorage.getItem("tmux-web-token"),T={};L&&(T.Authorization="Bearer "+L);let Ce=await fetch(gt,{method:"POST",body:s,headers:T});if(!Ce.ok){let Ke="upload failed";try{let Ue=await Ce.json();Ue.error&&(Ke=Ue.error)}catch{}throw new Error(Ke)}let Fe=await Ce.json();if(!Fe.path)throw new Error("no path in response");return Fe.path}async function ke(i){try{let s=await Tt(i);le(s)}catch{}}a.onData(i=>le(i)),a.onResize(({cols:i,rows:s})=>F({type:"resize",cols:i,rows:s})),a.onScroll(()=>{f!=="live"||se||!a.isNearScrollbackTop()||(se=!0,F({type:"load_history",before:B}))});let U=!1,q=!1,k=null,D=null,O=document.createElement("div");O.className="terminal-copy-banner",O.innerHTML='<strong>Copy mode</strong><span class="hint">drag to select \xB7 Esc exits</span>',O.hidden=!0,t.appendChild(O);let P=document.createElement("div");P.className="terminal-copy-banner terminal-copy-toast",P.textContent="Copied",P.hidden=!0,t.appendChild(P);function Ae(i){let s=t.getBoundingClientRect(),d=s.height>0&&a.rows>0?s.height/a.rows:18;return Math.max(0,Math.min(a.rows-1,Math.floor((i-s.top)/d)))}async function ze(i){if(!i)return;try{if(navigator.clipboard?.writeText){await navigator.clipboard.writeText(i);return}}catch{}let s=document.createElement("textarea");s.value=i,s.style.position="fixed",s.style.opacity="0",s.style.pointerEvents="none",document.body.appendChild(s),s.focus(),s.select();try{document.execCommand("copy")}catch{}s.remove()}let _;function Ye(){P.hidden=!1,_&&clearTimeout(_),_=setTimeout(()=>{P.hidden=!0},1e3)}function X(i){U=i,O.hidden=!i,t.classList.toggle("terminal-copy-mode-active",i),i&&a.focus()}function Pe(){X(!U)}function Ct(){return k===null||D===null?null:k<=D?[k,D]:[D,k]}function Mt(i){Y||i.button!==0||q||(U||i.shiftKey)&&(i.preventDefault(),i.stopPropagation(),q=!0,k=Ae(i.clientY),D=k,a.selectRows(k,k),document.addEventListener("mousemove",xe,!0),document.addEventListener("mouseup",Te,!0))}function xe(i){Y||!q||k===null||(i.preventDefault(),i.stopPropagation(),D=Ae(i.clientY),a.selectRows(k,D))}function Te(i){if(Y||!q||k===null)return;i.preventDefault(),i.stopPropagation();let s=Ct();document.removeEventListener("mousemove",xe,!0),document.removeEventListener("mouseup",Te,!0),q=!1,X(!1),s&&(ze(a.getRowsText(s[0],s[1])).then(Ye),a.focus())}t.addEventListener("mousedown",Mt,!0),a.attachCustomKeyEventHandler(i=>{if(i.type!=="keydown")return!0;if(U){if(i.key==="Escape")return i.preventDefault(),X(!1),!1;if(i.key==="Enter"||(i.ctrlKey||i.metaKey)&&i.code==="KeyC")return i.preventDefault(),ze(a.getScreenText()).then(Ye),X(!1),!1}return i.altKey&&i.code==="KeyC"&&!i.ctrlKey&&!i.metaKey?(i.preventDefault(),Pe(),!1):(i.ctrlKey||i.metaKey)&&i.code==="KeyV"?(i.preventDefault(),(async()=>{try{if(navigator.clipboard?.read){let s=await navigator.clipboard.read();for(let d of s)for(let L of d.types)if(Re(L)){let T=await d.getType(L);await ke(T);return}}}catch{}try{let s=await navigator.clipboard?.readText();s&&a.pasteText(Ne(s))}catch{}})(),!1):!0});let re=0;function Ne(i){return i.split(`\r
 `).join(`
 `).split(`
-`).join("\r")}async function rt(i){let a=ot(i.clipboardData);if(a){i.preventDefault(),i.stopPropagation();let k=Date.now();if(k-J<50)return;J=k,await fe(a);return}let c=i.clipboardData?.getData("text/plain");if(!c)return;i.preventDefault(),i.stopPropagation();let b=Date.now();b-J<50||(J=b,s.pasteText(ke(c)))}let P=0;function ct(i){i.preventDefault(),P++,Ee(i.dataTransfer)&&t.classList.add("terminal-drag-over")}function dt(i){i.preventDefault(),i.dataTransfer&&(i.dataTransfer.dropEffect="copy")}function pt(i){i.preventDefault(),P--,P<=0&&(P=0,t.classList.remove("terminal-drag-over"))}async function ut(i){i.preventDefault(),P=0,t.classList.remove("terminal-drag-over");let a=Ee(i.dataTransfer);a&&await fe(a)}function xe(i){!tt||i.key!=="Escape"||i.defaultPrevented||i.repeat||i.metaKey||i.ctrlKey||i.altKey||s.isFocused()&&(i.preventDefault(),i.stopPropagation(),_("\x1B"))}t.addEventListener("paste",rt),t.addEventListener("dragenter",ct),t.addEventListener("dragover",dt),t.addEventListener("dragleave",pt),t.addEventListener("drop",ut),document.addEventListener("keydown",xe,!0);function ft(i){if(i.touches.length!==1){r=null;return}let a=i.touches[0];a&&(r={startX:a.clientX,startY:a.clientY,lastX:a.clientX,lastY:a.clientY,scrolling:!1},i.stopPropagation())}function mt(i){if(!r||i.touches.length!==1)return;let a=i.touches[0];if(!a)return;let c=a.clientY-r.startY,b=a.clientX-r.startX;if(!r.scrolling){if(Math.abs(c)<8||Math.abs(c)<Math.abs(b))return;r.scrolling=!0,v=Date.now()+500}i.preventDefault(),i.stopPropagation(),gt(-(a.clientY-r.lastY),a.clientX,a.clientY),r.lastX=a.clientX,r.lastY=a.clientY}function ht(i){if(!r)return;let a=r.scrolling;r=null,i.stopPropagation(),a?(v=Date.now()+500,i.preventDefault()):s.focus()}function vt(i){r=null,i.stopPropagation()}function yt(i){i.pointerType==="touch"&&Date.now()<v&&(i.preventDefault(),i.stopPropagation())}function gt(i,a,c){(t.querySelector(".xterm-screen")??t).dispatchEvent(new WheelEvent("wheel",{deltaY:i,deltaMode:WheelEvent.DOM_DELTA_PIXEL,clientX:a,clientY:c,bubbles:!0,cancelable:!0}))}t.addEventListener("touchstart",ft,{passive:!0,capture:!0}),t.addEventListener("touchmove",mt,{passive:!1,capture:!0}),t.addEventListener("touchend",ht,{passive:!1,capture:!0}),t.addEventListener("touchcancel",vt,{passive:!0,capture:!0}),t.addEventListener("pointerup",yt,!0);function Te(){w()}window.addEventListener("resize",Te),window.visualViewport?.addEventListener("resize",w),window.visualViewport?.addEventListener("scroll",w);let Me=new ResizeObserver(()=>w());return Me.observe(t),document.fonts?.ready.then(()=>{w(),setTimeout(w,50),setTimeout(w,200)}),t.addEventListener("focusin",at,!0),requestAnimationFrame(()=>{z()&&ue(),be(),w()}),{destroy(){if(pe=!0,o){try{o.close(1e3,"session switch")}catch{}o=void 0}t.innerHTML="",t.classList.remove("terminal-pending"),window.removeEventListener("resize",Te),Me.disconnect(),document.removeEventListener("keydown",xe,!0)},focus(){s.focus()},sendInput(i){_(i)}}})()}var W=window.__TMUX_WEB_SHELL__,u=null,h=null,De="sessions",B="",Q="",ee="",$e="",f=document.getElementById("sidebar-content"),C=document.getElementById("main-placeholder"),L=document.getElementById("terminal-container"),j=document.getElementById("file-editor"),xt=document.getElementById("fe-path"),E=document.getElementById("fe-status"),N=document.getElementById("fe-content"),S=document.getElementById("fe-save"),Tt=document.getElementById("fe-delete"),Mt=document.getElementById("fe-back"),Ae=document.getElementById("fe-new-name"),Bt=document.getElementById("fe-new-btn"),he=document.getElementById("settings-backdrop"),Re=document.getElementById("settings-popover"),ze=document.querySelector(".sidebar");function It(){return window.matchMedia("(max-width: 640px)").matches}function ve(){It()&&ze.classList.add("collapsed")}function Pe(){ze.classList.remove("collapsed")}document.getElementById("mode-sessions").addEventListener("click",()=>{Pe(),We("sessions")}),document.getElementById("mode-files").addEventListener("click",()=>{Pe(),We("files")});function We(t){De=t,document.querySelectorAll(".mode-btn").forEach(n=>n.classList.remove("active"));let e=document.getElementById(t==="sessions"?"mode-sessions":"mode-files");e&&e.classList.add("active"),t==="sessions"?Y():Pt()}async function Y(){f.innerHTML='<div class="sidebar-section-label">Sessions</div><button class="new-session-sidebar-btn" id="ns-btn">+ New Session</button>';try{let e=(await(await fetch("/api/sidebar/sessions")).json()).recent||[];for(let n of e){let s=document.createElement("div");s.className="session-item"+(n.name===h?" active":""),s.setAttribute("data-session",n.name),s.innerHTML=`<svg viewBox="0 0 24 24" fill="currentColor"><path d="${n.attached?"M19 4H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 14H5V6h14v12z":"M4 6h16v2H4V6zm0 5h16v2H4v-2zm0 5h16v2H4v-2z"}"></svg>
-			<span>${p(n.name)}</span>
-			<button class="session-edit-btn" data-session="${p(n.name)}" title="Edit session"><svg viewBox="0 0 24 24" fill="currentColor" width="14" height="14"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a1 1 0 000-1.41l-2.34-2.34a1 1 0 00-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg></button>
-`,s.addEventListener("click",l=>{l.target.closest(".session-edit-btn")||te(n.name)}),f.appendChild(s);let o=s.querySelector(".session-edit-btn");o&&o.addEventListener("click",l=>{l.stopPropagation(),Ft(n.name,o)})}}catch{f.innerHTML+='<div class="file-tree-empty">Failed to load sessions</div>'}let t=document.getElementById("ns-btn");t&&t.addEventListener("click",()=>document.getElementById("new-session-modal")?.classList.add("open"))}function p(t){return t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}async function te(t){if(!(h===t&&u)){j.style.display="none",C.style.display="none",L.style.display="",L.classList.add("terminal-pending"),ve(),u&&(ce(),u.destroy(),u=null),h=t;for(let e of f.querySelectorAll(".session-item"))e.classList.toggle("active",e.getAttribute("data-session")===t);try{u=await kt(L,t,{terminal:W.terminal,scrollback:W.scrollback,theme:W.theme,renderer:W.renderer}),Xe()}catch(e){console.error("[shell] terminal init failed:",e);let n=e&&typeof e=="object"&&"message"in e?e.message:String(e);L.textContent="Failed to open terminal for "+t+": "+n,L.classList.remove("terminal-pending")}}}var ne=[],m=null,je=!1;function Ct(t){if(!m||!m.files.length)return null;let e=m.repoRoot;if(!e||!t.startsWith(e))return null;let n=t.slice(e.length+1);for(let s of m.files)if(s.path===n)return s.status;return null}async function St(t){je=!0;try{let e=await fetch("/api/git/status?path="+encodeURIComponent(t));e.ok?m=await e.json():m=null}catch{m=null}finally{je=!1}}function Ht(){if(!m||!m.branch)return"";let{branch:t,linesAdded:e,linesRemoved:n}=m,s=`<div class="sidebar-git"><div class="git-branch-badge">
+`).join("\r")}async function Bt(i){let s=xt(i.clipboardData);if(s){i.preventDefault(),i.stopPropagation();let T=Date.now();if(T-re<50)return;re=T,await ke(s);return}let d=i.clipboardData?.getData("text/plain");if(!d)return;i.preventDefault(),i.stopPropagation();let L=Date.now();L-re<50||(re=L,a.pasteText(Ne(d)))}let J=0;function It(i){i.preventDefault(),J++,$e(i.dataTransfer)&&t.classList.add("terminal-drag-over")}function St(i){i.preventDefault(),i.dataTransfer&&(i.dataTransfer.dropEffect="copy")}function Ht(i){i.preventDefault(),J--,J<=0&&(J=0,t.classList.remove("terminal-drag-over"))}async function Dt(i){i.preventDefault(),J=0,t.classList.remove("terminal-drag-over");let s=$e(i.dataTransfer);s&&await ke(s)}function We(i){!wt||i.key!=="Escape"||U||i.defaultPrevented||i.repeat||i.metaKey||i.ctrlKey||i.altKey||a.isFocused()&&(i.preventDefault(),i.stopPropagation(),le("\x1B"))}t.addEventListener("paste",Bt),t.addEventListener("dragenter",It),t.addEventListener("dragover",St),t.addEventListener("dragleave",Ht),t.addEventListener("drop",Dt),document.addEventListener("keydown",We,!0);function Rt(i){if(i.touches.length!==1){l=null;return}let s=i.touches[0];s&&(l={startX:s.clientX,startY:s.clientY,lastX:s.clientX,lastY:s.clientY,scrolling:!1},i.stopPropagation())}function $t(i){if(!l||i.touches.length!==1)return;let s=i.touches[0];if(!s)return;let d=s.clientY-l.startY,L=s.clientX-l.startX;if(!l.scrolling){if(Math.abs(d)<8||Math.abs(d)<Math.abs(L))return;l.scrolling=!0,u=Date.now()+500}i.preventDefault(),i.stopPropagation(),Pt(-(s.clientY-l.lastY),s.clientX,s.clientY),l.lastX=s.clientX,l.lastY=s.clientY}function At(i){if(!l)return;let s=l.scrolling;l=null,i.stopPropagation(),s?(u=Date.now()+500,i.preventDefault()):a.focus()}function zt(i){l=null,i.stopPropagation()}function Yt(i){i.pointerType==="touch"&&Date.now()<u&&(i.preventDefault(),i.stopPropagation())}function Pt(i,s,d){(t.querySelector(".xterm-screen")??t).dispatchEvent(new WheelEvent("wheel",{deltaY:i,deltaMode:WheelEvent.DOM_DELTA_PIXEL,clientX:s,clientY:d,bubbles:!0,cancelable:!0}))}t.addEventListener("touchstart",Rt,{passive:!0,capture:!0}),t.addEventListener("touchmove",$t,{passive:!1,capture:!0}),t.addEventListener("touchend",At,{passive:!1,capture:!0}),t.addEventListener("touchcancel",zt,{passive:!0,capture:!0}),t.addEventListener("pointerup",Yt,!0);function je(){w()}window.addEventListener("resize",je),window.visualViewport?.addEventListener("resize",w),window.visualViewport?.addEventListener("scroll",w);let Ve=new ResizeObserver(()=>w());return Ve.observe(t),document.fonts?.ready.then(()=>{w(),setTimeout(w,50),setTimeout(w,200)}),t.addEventListener("focusin",kt,!0),requestAnimationFrame(()=>{K()&&Ee(),De(),w()}),{destroy(){if(Y=!0,X(!1),_&&clearTimeout(_),document.removeEventListener("mousemove",xe,!0),document.removeEventListener("mouseup",Te,!0),o){try{o.close(1e3,"session switch")}catch{}o=void 0}t.innerHTML="",t.classList.remove("terminal-pending"),window.removeEventListener("resize",je),Ve.disconnect(),document.removeEventListener("keydown",We,!0)},focus(){a.focus()},sendInput(i){le(i)},toggleCopyMode(){Pe()}}})()}var N=window.__TMUX_WEB_SHELL__,h=null,y=null,C=null,_e="sessions",S="",ue="",pe="",Xe="";function b(t){return C?"/a/"+encodeURIComponent(C)+t:t}var m=document.getElementById("sidebar-content"),R=document.getElementById("main-placeholder"),E=document.getElementById("terminal-container"),Z=document.getElementById("file-editor"),Kt=document.getElementById("fe-path"),x=document.getElementById("fe-status"),G=document.getElementById("fe-content"),$=document.getElementById("fe-save"),Ut=document.getElementById("fe-delete"),qt=document.getElementById("fe-back"),Je=document.getElementById("fe-new-name"),Ot=document.getElementById("fe-new-btn"),Me=document.getElementById("settings-backdrop"),Ze=document.getElementById("settings-popover"),Ge=document.querySelector(".sidebar");function _t(){return window.matchMedia("(max-width: 640px)").matches}function Be(){_t()&&Ge.classList.add("collapsed")}function Qe(){Ge.classList.remove("collapsed")}document.getElementById("mode-sessions").addEventListener("click",()=>{Qe(),et("sessions")}),document.getElementById("mode-files").addEventListener("click",()=>{Qe(),et("files")});function et(t){_e=t,document.querySelectorAll(".mode-btn").forEach(n=>n.classList.remove("active"));let e=document.getElementById(t==="sessions"?"mode-sessions":"mode-files");e&&e.classList.add("active"),t==="sessions"?W():an()}async function W(){m.innerHTML='<div class="sidebar-section-label">Sessions</div><button class="new-session-sidebar-btn" id="ns-btn">+ New Session</button>';try{let e=await(await fetch("/api/sidebar/sessions")).json(),n=e.recent||[];for(let o of n){let r=document.createElement("div");r.className="session-item"+(o.name===y&&!C?" active":""),r.setAttribute("data-session",o.name),r.innerHTML=`<svg viewBox="0 0 24 24" fill="currentColor"><path d="${o.attached?"M19 4H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 14H5V6h14v12z":"M4 6h16v2H4V6zm0 5h16v2H4v-2zm0 5h16v2H4v-2z"}"></svg>
+			<span>${p(o.name)}</span>
+			<button class="session-edit-btn" data-session="${p(o.name)}" title="Edit session"><svg viewBox="0 0 24 24" fill="currentColor" width="14" height="14"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a1 1 0 000-1.41l-2.34-2.34a1 1 0 00-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg></button>
+`,r.addEventListener("click",l=>{l.target.closest(".session-edit-btn")||Q(o.name)}),m.appendChild(r);let c=r.querySelector(".session-edit-btn");c&&c.addEventListener("click",l=>{l.stopPropagation(),cn(o.name,c)})}let a=e.agents||[];for(let o of a){if(!o.sessions||o.sessions.length===0)continue;let r=document.createElement("div");r.className="sidebar-section-label"+(o.online?"":" agent-offline-label"),r.textContent=o.agentName+(o.online?"":" (offline)"),m.appendChild(r);for(let c of o.sessions){let l=document.createElement("div");l.className="session-item"+(c.name===y&&C===o.agentId?" active":"")+(o.online?"":" session-offline"),l.setAttribute("data-session",c.name),l.setAttribute("data-agent",o.agentId),l.innerHTML=`<svg viewBox="0 0 24 24" fill="currentColor"><path d="${c.attached?"M19 4H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 14H5V6h14v12z":"M4 6h16v2H4V6zm0 5h16v2H4v-2zm0 5h16v2H4v-2z"}"></svg>
+			<span>${p(c.name)}</span><span class="meta">${o.online?"":"offline"}</span>`,o.online&&l.addEventListener("click",u=>{u.target.closest(".session-edit-btn")||Q(c.name,o.agentId)}),m.appendChild(l)}}}catch{m.innerHTML+='<div class="file-tree-empty">Failed to load sessions</div>'}let t=document.getElementById("ns-btn");t&&t.addEventListener("click",()=>document.getElementById("new-session-modal")?.classList.add("open"))}function p(t){return t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}async function Q(t,e){if(!(y===t&&h&&C===(e||null))){Z.style.display="none",R.style.display="none",E.style.display="",E.classList.add("terminal-pending"),Be(),h&&(be(),h.destroy(),h=null),y=t,C=e||null,window.__tmuxWebScopeAgent=C;for(let n of m.querySelectorAll(".session-item"))n.classList.toggle("active",n.getAttribute("data-session")===t&&(n.getAttribute("data-agent")||null)===C);try{h=await Ft(E,t,{terminal:N.terminal,scrollback:N.scrollback,theme:N.theme,renderer:N.renderer,wsBase:C?"/ws/a/"+encodeURIComponent(C):N.wsBase||"/ws"}),dt()}catch(n){console.error("[shell] terminal init failed:",n);let a=n&&typeof n=="object"&&"message"in n?n.message:String(n);E.textContent="Failed to open terminal for "+t+": "+a,E.classList.remove("terminal-pending")}}}var fe=[],v=null,tt=!1;function Xt(t){if(!v||!v.files.length)return null;let e=v.repoRoot;if(!e||!t.startsWith(e))return null;let n=t.slice(e.length+1);for(let a of v.files)if(a.path===n)return a.status;return null}async function Jt(t){tt=!0;try{let e=await fetch(b("/api/git/status?path="+encodeURIComponent(t)));e.ok?v=await e.json():v=null}catch{v=null}finally{tt=!1}}function Zt(){if(!v||!v.branch)return"";let{branch:t,linesAdded:e,linesRemoved:n}=v,a=`<div class="sidebar-git"><div class="git-branch-badge">
 		<svg viewBox="0 0 16 16" fill="currentColor"><path d="M11.63 1.22a.75.75 0 00-1.06 0L5.99 5.8 4.12 3.93a.75.75 0 10-1.06 1.06L4.93 6.87A3.5 3.5 0 003 10.09v3.16a.75.75 0 001 0v-3.16a2.5 2.5 0 012.5-2.5h.27l-1.06 1.06a.75.75 0 001.06 1.06l2.37-2.38a.75.75 0 000-1.06L7.59 5.27l4.04-4.05a.75.75 0 000-1.06L11.63 1.22zM3.25 13.94a.75.75 0 01-.75-.75v-.69a.75.75 0 011.5 0v.69c0 .414-.336.75-.75.75z"/></svg>
-		${p(t)}</div>`;return(e>0||n>0)&&(s+=`<div class="git-diff-stats">+<span class="add">${e}</span> <span class="del">-${n}</span></div>`),s+"</div>"}f.addEventListener("click",t=>{t.target.closest(".sidebar-git")&&$&&m&&(t.stopPropagation(),Oe())});var F=document.getElementById("header-git"),Ne=document.getElementById("git-diff-view"),Ye=document.getElementById("gd-path"),se=document.getElementById("gd-status"),ie=document.getElementById("gd-content"),Dt=document.getElementById("gd-back"),$=null;function V(t){if(!t||!t.branch){F.style.display="none",$=null;return}$=t.repoRoot;let{branch:e,linesAdded:n,linesRemoved:s}=t,o=`<span class="branch">${p(e)}</span>`;(n>0||s>0)&&(o+=`<span class="sep">\xB7</span>+<span class="diff-add">${n}</span> <span class="diff-del">-${s}</span>`),F.innerHTML=o,F.style.display="block"}F.addEventListener("click",t=>{$&&m&&(t.stopPropagation(),Oe())});var g=document.getElementById("git-popover"),ae=document.getElementById("git-popover-backdrop");function ye(){let t=F.getBoundingClientRect();g.style.top=t.bottom+4+"px",g.style.left=Math.max(8,Math.min(t.left,window.innerWidth-400))+"px"}function Fe(){let t=$,e=document.getElementById("git-popover-browse");e&&e.addEventListener("click",()=>{if(le(),t){De="files",document.querySelectorAll(".mode-btn").forEach(s=>s.classList.remove("active"));let n=document.getElementById("mode-files");n&&n.classList.add("active"),I(t)}})}var Ve="";function Oe(){if(!m)return;let t=m.files||[];if(!t.length)g.innerHTML=`<div class="git-popover-header">No changes \u2014 clean working tree</div>
-		<div class="git-popover-footer"><button id="git-popover-browse">Browse repository \u2192</button></div>`;else{let e=`<div class="git-popover-header">${t.length} file${t.length>1?"s":""} changed</div>`;for(let n=0;n<t.length;n++){let s=t[n],o=s.additions||0,l=s.deletions||0,d="";switch(s.status){case"M":d='<span class="git-file-status M">M</span>';break;case"A":d='<span class="git-file-status A">A</span>';break;case"D":d='<span class="git-file-status D">D</span>';break;case"?":d='<span class="git-file-status ?">?</span>';break;case"R":d='<span class="git-file-status R">R</span>';break}e+=`<div class="git-popover-item" data-idx="${n}">
-			${d}<span class="file-path">${p(s.path)}</span>
+		${p(t)}</div>`;return(e>0||n>0)&&(a+=`<div class="git-diff-stats">+<span class="add">${e}</span> <span class="del">-${n}</span></div>`),a+"</div>"}m.addEventListener("click",t=>{t.target.closest(".sidebar-git")&&j&&v&&(t.stopPropagation(),ot())});var ee=document.getElementById("header-git"),nt=document.getElementById("git-diff-view"),it=document.getElementById("gd-path"),me=document.getElementById("gd-status"),he=document.getElementById("gd-content"),Gt=document.getElementById("gd-back"),j=null;function te(t){if(!t||!t.branch){ee.style.display="none",j=null;return}j=t.repoRoot;let{branch:e,linesAdded:n,linesRemoved:a}=t,o=`<span class="branch">${p(e)}</span>`;(n>0||a>0)&&(o+=`<span class="sep">\xB7</span>+<span class="diff-add">${n}</span> <span class="diff-del">-${a}</span>`),ee.innerHTML=o,ee.style.display="block"}ee.addEventListener("click",t=>{j&&v&&(t.stopPropagation(),ot())});var g=document.getElementById("git-popover"),ve=document.getElementById("git-popover-backdrop");function Ie(){let t=ee.getBoundingClientRect();g.style.top=t.bottom+4+"px",g.style.left=Math.max(8,Math.min(t.left,window.innerWidth-400))+"px"}function at(){let t=j,e=document.getElementById("git-popover-browse");e&&e.addEventListener("click",()=>{if(ge(),t){_e="files",document.querySelectorAll(".mode-btn").forEach(a=>a.classList.remove("active"));let n=document.getElementById("mode-files");n&&n.classList.add("active"),H(t)}})}var st="";function ot(){if(!v)return;let t=v.files||[];if(!t.length)g.innerHTML=`<div class="git-popover-header">No changes \u2014 clean working tree</div>
+		<div class="git-popover-footer"><button id="git-popover-browse">Browse repository \u2192</button></div>`;else{let e=`<div class="git-popover-header">${t.length} file${t.length>1?"s":""} changed</div>`;for(let n=0;n<t.length;n++){let a=t[n],o=a.additions||0,r=a.deletions||0,c="";switch(a.status){case"M":c='<span class="git-file-status M">M</span>';break;case"A":c='<span class="git-file-status A">A</span>';break;case"D":c='<span class="git-file-status D">D</span>';break;case"?":c='<span class="git-file-status ?">?</span>';break;case"R":c='<span class="git-file-status R">R</span>';break}e+=`<div class="git-popover-item" data-idx="${n}">
+			${c}<span class="file-path">${p(a.path)}</span>
 			<span class="file-add">${o>0?"+"+o:""}</span>
-			<span class="file-del">${l>0?"-"+l:""}</span>
-		</div>`}e+='<div class="git-popover-footer"><button id="git-popover-browse">Browse repository \u2192</button></div>',Ve=e,g.innerHTML=e,g.querySelectorAll(".git-popover-item").forEach(n=>{let s=parseInt(n.dataset.idx||"0",10),o=t[s];!o||o.status==="D"||(n.classList.add("clickable"),n.style.cursor="pointer",n.addEventListener("click",()=>Ue(o.path)))})}ye(),g.classList.add("open"),ae.classList.add("open"),Fe()}function $t(){return window.innerWidth>=1024}function qe(t,e){let n=(t+(e&&t?`
+			<span class="file-del">${r>0?"-"+r:""}</span>
+		</div>`}e+='<div class="git-popover-footer"><button id="git-popover-browse">Browse repository \u2192</button></div>',st=e,g.innerHTML=e,g.querySelectorAll(".git-popover-item").forEach(n=>{let a=parseInt(n.dataset.idx||"0",10),o=t[a];!o||o.status==="D"||(n.classList.add("clickable"),n.style.cursor="pointer",n.addEventListener("click",()=>rt(o.path)))})}Ie(),g.classList.add("open"),ve.classList.add("open"),at()}function Qt(){return window.innerWidth>=1024}function lt(t,e){let n=(t+(e&&t?`
 `:"")+e).split(`
-`),s="",o=0,l=0;for(let d of n){let r=d;if(r.startsWith("@@")){let v=r.match(/@@\s+-(\d+)[^+]*\+(\d+)/);v&&(o=parseInt(v[1],10)-1,l=parseInt(v[2],10)-1),s+=`<div class="diff-line hunk"><span class="ln-body">${p(r)}</span></div>`;continue}if(r.startsWith("diff --git")||r.startsWith("index ")||r.startsWith("--- ")||r.startsWith("+++ ")||r.startsWith("new file")||r.startsWith("deleted file")){r.startsWith("diff --git")&&(s+=`<div class="diff-line header"><span class="ln-body">${p(r)}</span></div>`);continue}if(r.startsWith("+"))l++,s+=`<div class="diff-line add"><span class="ln-no">${l}</span><span class="ln-body">${p(r)}</span></div>`;else if(r.startsWith("-"))o++,s+=`<div class="diff-line del"><span class="ln-no">${o}</span><span class="ln-body">${p(r)}</span></div>`;else if(r.startsWith("\\"))s+=`<div class="diff-line"><span class="ln-body">${p(r)}</span></div>`;else{if(!r&&!o&&!l)continue;o++,l++,s+=`<div class="diff-line"><span class="ln-no">${o}</span><span class="ln-no" style="margin-right:12px">${l}</span><span class="ln-body">${p(r)}</span></div>`}}return{html:s,lineCount:n.length}}var oe=null;async function Ue(t){let e=$;if(e)if(le(),$t()){L.style.display="none",u&&(ce(),u.destroy(),u=null,oe=h,h=null),V(null),j.style.display="none",C.style.display="none",Ne.style.display="flex",Ye.textContent=t,se.textContent="Loading\u2026",ie.innerHTML="";try{let n=await fetch("/api/git/diff?path="+encodeURIComponent(e)+"&file="+encodeURIComponent(t));if(!n.ok)throw new Error(await n.text());let s=await n.json();Rt(t,s.diff,s.stagedDiff)}catch(n){let s=n instanceof Error?n.message:String(n);se.textContent="Error",ie.innerHTML=`<div class="diff-empty" style="padding:24px;text-align:center;color:var(--panel-muted)">Error: ${p(s)}</div>`}}else{g.innerHTML=`<div class="git-diff-view"><div class="diff-header">
+`),a="",o=0,r=0;for(let c of n){let l=c;if(l.startsWith("@@")){let u=l.match(/@@\s+-(\d+)[^+]*\+(\d+)/);u&&(o=parseInt(u[1],10)-1,r=parseInt(u[2],10)-1),a+=`<div class="diff-line hunk"><span class="ln-body">${p(l)}</span></div>`;continue}if(l.startsWith("diff --git")||l.startsWith("index ")||l.startsWith("--- ")||l.startsWith("+++ ")||l.startsWith("new file")||l.startsWith("deleted file")){l.startsWith("diff --git")&&(a+=`<div class="diff-line header"><span class="ln-body">${p(l)}</span></div>`);continue}if(l.startsWith("+"))r++,a+=`<div class="diff-line add"><span class="ln-no">${r}</span><span class="ln-body">${p(l)}</span></div>`;else if(l.startsWith("-"))o++,a+=`<div class="diff-line del"><span class="ln-no">${o}</span><span class="ln-body">${p(l)}</span></div>`;else if(l.startsWith("\\"))a+=`<div class="diff-line"><span class="ln-body">${p(l)}</span></div>`;else{if(!l&&!o&&!r)continue;o++,r++,a+=`<div class="diff-line"><span class="ln-no">${o}</span><span class="ln-no" style="margin-right:12px">${r}</span><span class="ln-body">${p(l)}</span></div>`}}return{html:a,lineCount:n.length}}var ye=null;async function rt(t){let e=j;if(e)if(ge(),Qt()){E.style.display="none",h&&(be(),h.destroy(),h=null,ye=y,y=null),te(null),Z.style.display="none",R.style.display="none",nt.style.display="flex",it.textContent=t,me.textContent="Loading\u2026",he.innerHTML="";try{let n=await fetch(b("/api/git/diff?path="+encodeURIComponent(e)+"&file="+encodeURIComponent(t)));if(!n.ok)throw new Error(await n.text());let a=await n.json();tn(t,a.diff,a.stagedDiff)}catch(n){let a=n instanceof Error?n.message:String(n);me.textContent="Error",he.innerHTML=`<div class="diff-empty" style="padding:24px;text-align:center;color:var(--panel-muted)">Error: ${p(a)}</div>`}}else{g.innerHTML=`<div class="git-diff-view"><div class="diff-header">
 			<button class="diff-back">\u2190 Back</button>
 			<span class="diff-filename">${p(t)}</span>
 			<span class="diff-loading">Loading\u2026</span>
-		</div></div>`,ye(),g.classList.add("open"),ae.classList.add("open");try{let n=await fetch("/api/git/diff?path="+encodeURIComponent(e)+"&file="+encodeURIComponent(t));if(!n.ok)throw new Error(await n.text());let s=await n.json();At(t,s.diff,s.stagedDiff)}catch(n){let s=n instanceof Error?n.message:String(n);g.innerHTML=`<div class="git-diff-view"><div class="diff-header">
+		</div></div>`,Ie(),g.classList.add("open"),ve.classList.add("open");try{let n=await fetch(b("/api/git/diff?path="+encodeURIComponent(e)+"&file="+encodeURIComponent(t)));if(!n.ok)throw new Error(await n.text());let a=await n.json();en(t,a.diff,a.stagedDiff)}catch(n){let a=n instanceof Error?n.message:String(n);g.innerHTML=`<div class="git-diff-view"><div class="diff-header">
 				<button class="diff-back">\u2190 Back</button>
 				<span class="diff-filename">${p(t)}</span>
-			</div><div class="diff-empty">Error loading diff: ${p(s)}</div></div>`}}}function At(t,e,n){if(!e&&!n){g.innerHTML=`<div class="git-diff-view"><div class="diff-header">
+			</div><div class="diff-empty">Error loading diff: ${p(a)}</div></div>`}}}function en(t,e,n){if(!e&&!n){g.innerHTML=`<div class="git-diff-view"><div class="diff-header">
 			<button class="diff-back">\u2190 Back</button>
 			<span class="diff-filename">${p(t)}</span>
-		</div><div class="diff-empty">No diff content available</div></div>`;return}let{html:s,lineCount:o}=qe(e,n);g.innerHTML=`<div class="git-diff-view"><div class="diff-header">
+		</div><div class="diff-empty">No diff content available</div></div>`;return}let{html:a,lineCount:o}=lt(e,n);g.innerHTML=`<div class="git-diff-view"><div class="diff-header">
 		<button class="diff-back">\u2190 Back</button>
 		<span class="diff-filename">${p(t)}</span>
 		<span class="diff-filesize">${o} lines</span>
-	</div><div class="diff-content">${s}</div></div>`,g.querySelector(".diff-back")?.addEventListener("click",()=>{g.innerHTML=Ve,ye(),m&&g.querySelectorAll(".git-popover-item").forEach(l=>{let d=parseInt(l.dataset.idx||"0",10),r=m.files[d];!r||r.status==="D"||(l.style.cursor="pointer",l.addEventListener("click",()=>Ue(r.path)))}),Fe()})}function Rt(t,e,n){if(!e&&!n){se.textContent="No diff",ie.innerHTML='<div class="diff-empty" style="padding:24px;text-align:center;color:var(--panel-muted)">No diff content available</div>';return}let{html:s,lineCount:o}=qe(e,n);Ye.textContent=t,se.textContent=o+" lines",ie.innerHTML=s}function zt(){Ne.style.display="none",oe?(L.style.display="",L.classList.add("terminal-pending"),te(oe),oe=null):h?(L.style.display="",L.classList.add("terminal-pending"),Xe()):C.style.display="flex"}Dt.addEventListener("click",zt);function le(){g.classList.remove("open"),ae.classList.remove("open")}ae.addEventListener("click",le),document.addEventListener("keydown",t=>{t.key==="Escape"&&(le(),de())});async function Ke(t){try{let e=await(await fetch("/api/fs/session-path?session="+encodeURIComponent(t))).json();if(e.path){let n=await fetch("/api/git/status?path="+encodeURIComponent(e.path));if(n.ok){let s=await n.json();m=s,V(s);return}}}catch{}m=null,V(null)}var re=null;function Xe(){ce(),h&&(Ke(h),re=setInterval(()=>{h&&Ke(h)},3e4))}function ce(){re&&(clearInterval(re),re=null)}function Pt(){if(ne=W.fsRoots||[],ne.length===0){if(h){Wt(h);return}f.innerHTML='<div class="file-tree-info">Open a session first, then switch to Files to browse its directory.</div>';return}f.innerHTML="";for(let t of ne){let e=document.createElement("div");e.className="file-tree-item",e.innerHTML=`<svg viewBox="0 0 24 24" fill="currentColor" class="file-icon"><path d="M10 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/></svg> ${p(t)}`,e.addEventListener("click",()=>I(t)),f.appendChild(e)}}async function Wt(t){f.innerHTML='<div class="file-tree-empty">Loading...</div>';try{let e=await(await fetch("/api/fs/session-path?session="+encodeURIComponent(t))).json();e.path?I(e.path):f.innerHTML='<div class="file-tree-info">Could not determine session directory.</div>'}catch{f.innerHTML='<div class="file-tree-error">Failed to get session directory</div>'}}async function I(t){B=t,f.innerHTML='<div class="file-tree-empty">Loading...</div>';let e=St(t);try{let n=await(await fetch("/api/fs/list?path="+encodeURIComponent(t))).json();await e,f.innerHTML="",V(m),f.innerHTML+=Ht();let s=jt(t);if(s&&!ne.some(l=>t===l)){let l=document.createElement("div");l.className="file-tree-item",l.innerHTML="..",l.addEventListener("click",()=>I(s)),f.appendChild(l)}if(n.dirs)for(let l of n.dirs){let d=l.split("/").pop()||l.split("\\").pop(),r=document.createElement("div");r.className="file-tree-item",r.innerHTML=`<svg viewBox="0 0 24 24" fill="currentColor" class="file-icon"><path d="M10 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/></svg> ${p(d)}`,r.addEventListener("click",()=>I(l)),f.appendChild(r)}else f.innerHTML="";let o=n.files||[];for(let l of o){let d=l.split("/").pop()||l.split("\\").pop(),r=Ct(l),v="",y="";if(r)switch(r){case"M":v="git-mod",y='<span class="git-file-status M">M</span>';break;case"A":v="git-add",y='<span class="git-file-status A">A</span>';break;case"D":v="git-del",y='<span class="git-file-status D">D</span>';break;case"?":v="git-untracked",y='<span class="git-file-status ?">?</span>';break;case"R":v="git-mod",y='<span class="git-file-status R">R</span>';break}let T=document.createElement("div");T.className="file-tree-item file"+(v?" "+v:""),T.innerHTML=`<span class="file-icon">\u{1F4C4}</span> ${y}${p(d)}`,T.addEventListener("click",()=>Nt(l)),f.appendChild(T)}}catch{f.innerHTML='<div class="file-tree-error">Failed to load directory</div>'}}function jt(t){let e=t.lastIndexOf("/");return e<=0?null:t.substring(0,e)}async function Nt(t){Q=t,L.style.display="none",u&&(ce(),u.destroy(),u=null,h=null),V(null),ve(),C.style.display="none",j.style.display="flex",xt.textContent=t,E.textContent="Loading...",S.style.display="none";try{let e=await fetch("/api/file?path="+encodeURIComponent(t));if(!e.ok){let s=await e.json();E.textContent=s.error||"Failed to load",N.value="";return}let n=await e.json();N.value=n.content,ee=n.content,$e=n.content,E.textContent=n.size+" bytes",S.style.display=""}catch{E.textContent="Failed to load",N.value=""}}N.addEventListener("input",()=>{ee=N.value}),S.addEventListener("click",async()=>{S.textContent="Saving...",S.disabled=!0;try{let t=await fetch("/api/file",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({path:Q,content:ee})});if(!t.ok){let e=await t.json();E.textContent=e.error||"Save failed";return}$e=ee,E.textContent="Saved"}catch{E.textContent="Save failed"}finally{S.disabled=!1,S.textContent="Save"}}),Tt.addEventListener("click",async()=>{if(confirm("Delete "+Q+"?"))try{let t=await fetch("/api/file/delete",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({path:Q})});if(!t.ok){let e=await t.json();E.textContent=e.error||"Delete failed";return}j.style.display="none",C.style.display="flex",B&&I(B)}catch{E.textContent="Delete failed"}}),Mt.addEventListener("click",()=>{j.style.display="none",C.style.display="flex",B&&I(B)}),Bt.addEventListener("click",async()=>{let t=Ae.value.trim();if(!t)return;let e=B+"/"+t;try{let n=await fetch("/api/file/touch",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({path:e})});if(!n.ok){let s=await n.json();E.textContent=s.error||"Create failed";return}Ae.value="",B&&I(B)}catch{E.textContent="Create failed"}}),document.getElementById("mode-settings").addEventListener("click",()=>{let t=Re.classList.toggle("open");he.classList.toggle("open",t)}),he.addEventListener("click",()=>{Re.classList.remove("open"),he.classList.remove("open")});var H="",O=document.createElement("div");O.className="session-popover-backdrop",document.body.appendChild(O);var M=document.createElement("div");M.id="session-popover",M.className="session-popover",M.style.display="none",M.innerHTML=`<div class="sp-field">
+	</div><div class="diff-content">${a}</div></div>`,g.querySelector(".diff-back")?.addEventListener("click",()=>{g.innerHTML=st,Ie(),v&&g.querySelectorAll(".git-popover-item").forEach(r=>{let c=parseInt(r.dataset.idx||"0",10),l=v.files[c];!l||l.status==="D"||(r.style.cursor="pointer",r.addEventListener("click",()=>rt(l.path)))}),at()})}function tn(t,e,n){if(!e&&!n){me.textContent="No diff",he.innerHTML='<div class="diff-empty" style="padding:24px;text-align:center;color:var(--panel-muted)">No diff content available</div>';return}let{html:a,lineCount:o}=lt(e,n);it.textContent=t,me.textContent=o+" lines",he.innerHTML=a}function nn(){nt.style.display="none",ye?(E.style.display="",E.classList.add("terminal-pending"),Q(ye),ye=null):y?(E.style.display="",E.classList.add("terminal-pending"),dt()):R.style.display="flex"}Gt.addEventListener("click",nn);function ge(){g.classList.remove("open"),ve.classList.remove("open")}ve.addEventListener("click",ge),document.addEventListener("keydown",t=>{t.key==="Escape"&&(ge(),Le())});async function ct(t){try{let e=await(await fetch("/api/fs/session-path?session="+encodeURIComponent(t))).json();if(e.path){let n=await fetch("/api/git/status?path="+encodeURIComponent(e.path));if(n.ok){let a=await n.json();v=a,te(a);return}}}catch{}v=null,te(null)}var we=null;function dt(){be(),y&&(ct(y),we=setInterval(()=>{y&&ct(y)},3e4))}function be(){we&&(clearInterval(we),we=null)}function an(){if(fe=N.fsRoots||[],fe.length===0){if(y){sn(y);return}m.innerHTML='<div class="file-tree-info">Open a session first, then switch to Files to browse its directory.</div>';return}m.innerHTML="";for(let t of fe){let e=document.createElement("div");e.className="file-tree-item",e.innerHTML=`<svg viewBox="0 0 24 24" fill="currentColor" class="file-icon"><path d="M10 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/></svg> ${p(t)}`,e.addEventListener("click",()=>H(t)),m.appendChild(e)}}async function sn(t){m.innerHTML='<div class="file-tree-empty">Loading...</div>';try{let e=await(await fetch(b("/api/fs/session-path?session="+encodeURIComponent(t)))).json();e.path?H(e.path):m.innerHTML='<div class="file-tree-info">Could not determine session directory.</div>'}catch{m.innerHTML='<div class="file-tree-error">Failed to get session directory</div>'}}async function H(t){S=t,m.innerHTML='<div class="file-tree-empty">Loading...</div>';let e=Jt(t);try{let n=await(await fetch(b("/api/fs/list?path="+encodeURIComponent(t)))).json();await e,m.innerHTML="",te(v),m.innerHTML+=Zt();let a=on(t);if(a&&!fe.some(r=>t===r)){let r=document.createElement("div");r.className="file-tree-item",r.innerHTML="..",r.addEventListener("click",()=>H(a)),m.appendChild(r)}if(n.dirs)for(let r of n.dirs){let c=r.split("/").pop()||r.split("\\").pop(),l=document.createElement("div");l.className="file-tree-item",l.innerHTML=`<svg viewBox="0 0 24 24" fill="currentColor" class="file-icon"><path d="M10 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/></svg> ${p(c)}`,l.addEventListener("click",()=>H(r)),m.appendChild(l)}else m.innerHTML="";let o=n.files||[];for(let r of o){let c=r.split("/").pop()||r.split("\\").pop(),l=Xt(r),u="",f="";if(l)switch(l){case"M":u="git-mod",f='<span class="git-file-status M">M</span>';break;case"A":u="git-add",f='<span class="git-file-status A">A</span>';break;case"D":u="git-del",f='<span class="git-file-status D">D</span>';break;case"?":u="git-untracked",f='<span class="git-file-status ?">?</span>';break;case"R":u="git-mod",f='<span class="git-file-status R">R</span>';break}let B=document.createElement("div");B.className="file-tree-item file"+(u?" "+u:""),B.innerHTML=`<span class="file-icon">\u{1F4C4}</span> ${f}${p(c)}`,B.addEventListener("click",()=>ln(r)),m.appendChild(B)}}catch{m.innerHTML='<div class="file-tree-error">Failed to load directory</div>'}}function on(t){let e=t.lastIndexOf("/");return e<=0?null:t.substring(0,e)}async function ln(t){ue=t,E.style.display="none",h&&(be(),h.destroy(),h=null,y=null),te(null),Be(),R.style.display="none",Z.style.display="flex",Kt.textContent=t,x.textContent="Loading...",$.style.display="none";try{let e=await fetch(b("/api/file?path="+encodeURIComponent(t)));if(!e.ok){let a=await e.json();x.textContent=a.error||"Failed to load",G.value="";return}let n=await e.json();G.value=n.content,pe=n.content,Xe=n.content,x.textContent=n.size+" bytes",$.style.display=""}catch{x.textContent="Failed to load",G.value=""}}G.addEventListener("input",()=>{pe=G.value}),$.addEventListener("click",async()=>{$.textContent="Saving...",$.disabled=!0;try{let t=await fetch(b("/api/file"),{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({path:ue,content:pe})});if(!t.ok){let e=await t.json();x.textContent=e.error||"Save failed";return}Xe=pe,x.textContent="Saved"}catch{x.textContent="Save failed"}finally{$.disabled=!1,$.textContent="Save"}}),Ut.addEventListener("click",async()=>{if(confirm("Delete "+ue+"?"))try{let t=await fetch(b("/api/file/delete"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({path:ue})});if(!t.ok){let e=await t.json();x.textContent=e.error||"Delete failed";return}Z.style.display="none",R.style.display="flex",S&&H(S)}catch{x.textContent="Delete failed"}}),qt.addEventListener("click",()=>{Z.style.display="none",R.style.display="flex",S&&H(S)}),Ot.addEventListener("click",async()=>{let t=Je.value.trim();if(!t)return;let e=S+"/"+t;try{let n=await fetch(b("/api/file/touch"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({path:e})});if(!n.ok){let a=await n.json();x.textContent=a.error||"Create failed";return}Je.value="",S&&H(S)}catch{x.textContent="Create failed"}}),document.getElementById("mode-settings").addEventListener("click",()=>{let t=Ze.classList.toggle("open");Me.classList.toggle("open",t)}),Me.addEventListener("click",()=>{Ze.classList.remove("open"),Me.classList.remove("open")});var A="",ne=document.createElement("div");ne.className="session-popover-backdrop",document.body.appendChild(ne);var I=document.createElement("div");I.id="session-popover",I.className="session-popover",I.style.display="none",I.innerHTML=`<div class="sp-field">
   <label>Rename session</label>
   <input type="text" id="sp-name" />
 </div>
@@ -36,5 +39,5 @@ var wt="https://esm.sh/ghostty-web@0.4.0",bt=/\x1b\](?:10|11|110|111|104)(?:;[^\
   <button class="btn" id="sp-cancel">Cancel</button>
 </div>
 <hr class="sp-divider" />
-<button class="btn danger" id="sp-delete">Delete session</button>`,document.body.appendChild(M);function Yt(t){let e=t.getBoundingClientRect();M.style.top=e.bottom+4+"px",M.style.left=Math.max(8,Math.min(e.left,window.innerWidth-240))+"px"}function Ft(t,e){H=t;let n=document.getElementById("sp-name");n.value=t,O.classList.add("open"),M.style.display="block",Yt(e),setTimeout(()=>n.focus(),50)}function q(){O.classList.remove("open"),M.style.display="none"}O.addEventListener("click",q),document.getElementById("sp-save").addEventListener("click",async()=>{let t=document.getElementById("sp-name").value.trim();if(!t||t===H){q();return}try{if(!(await fetch("/api/sessions/rename",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({oldName:H,newName:t})})).ok)return;q(),Y(),h===H&&te(t)}catch{}}),document.getElementById("sp-delete").addEventListener("click",async()=>{if(confirm('Delete session "'+H+'"?'))try{if(!(await fetch("/api/sessions/kill",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:H})})).ok)return;q(),h===H&&(u&&(u.destroy(),u=null),h=null,L.style.display="none",C.style.display="flex"),Y()}catch{}}),document.getElementById("sp-cancel").addEventListener("click",q);var Vt={esc:"\x1B",tab:"	","s-tab":"\x1B[Z",up:"\x1B[A",down:"\x1B[B",left:"\x1B[D",right:"\x1B[C",space:" ",enter:"\r",exit:"exit\r",yes:"yes\r"};document.getElementById("mobile-keys").addEventListener("click",t=>{let e=t.target.closest("button[data-key]");if(!e||!u)return;let n=Vt[e.dataset.key];n&&(u.sendInput(n),u.focus())});var x=document.getElementById("mk-input"),_e=document.getElementById("mk-send");function Je(){if(!x||!u)return;let t=x.value;t&&(u.sendInput(t+"\r"),x.value="",x.rows=1,u.focus())}if(x&&(x.addEventListener("input",()=>{x.rows=1;let t=x.value.split(`
-`).length;x.rows=Math.min(t,4)}),x.addEventListener("keydown",t=>{t.key==="Enter"&&!t.shiftKey&&(t.preventDefault(),Je())})),_e&&_e.addEventListener("click",Je),window.visualViewport){let t=document.querySelector(".app-layout"),e=()=>{t&&(t.style.height=window.visualViewport.height+"px"),window.scrollTo(0,0),document.documentElement.scrollTop=0,document.body.scrollTop=0};window.visualViewport.addEventListener("resize",e),window.addEventListener("orientationchange",()=>setTimeout(e,100)),document.addEventListener("touchstart",()=>{(window.scrollY>0||document.documentElement.scrollTop>0)&&window.scrollTo(0,0)},{passive:!0})}var ge=document.getElementById("process-panel"),U=document.getElementById("proc-list"),Ot=document.getElementById("proc-close"),we=document.getElementById("proc-backdrop"),qt=document.getElementById("header-ram");function Ut(){U.innerHTML='<div class="proc-empty">Loading\u2026</div>',fetch("/api/system/processes").then(t=>t.json()).then(t=>{if(!Array.isArray(t)||!t.length){U.innerHTML='<div class="proc-empty">No processes</div>';return}let e="";for(let n of t){let s=n.rss,o=s<1048576?(s/1024).toFixed(0)+"K":(s/1048576).toFixed(1)+"M";e+='<div class="proc-row" data-pid="'+n.pid+'"><span class="proc-mem">'+n.mem+'%</span><span class="proc-rss">'+o+'</span><span class="proc-cmd" title="'+p(n.command)+'">'+p(n.command)+'</span><button class="proc-kill" title="Kill PID '+n.pid+'">&times;</button></div>'}U.innerHTML=e;for(let n of U.querySelectorAll(".proc-row")){let s=n.querySelector(".proc-kill");s&&s.addEventListener("click",o=>{let l=o.target.closest(".proc-row");!l||!confirm("Kill PID "+l.dataset.pid+"?")||fetch("/api/system/kill",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({pid:parseInt(l.dataset.pid,10)})}).then(d=>d.json()).then(d=>{d.ok?l.style.opacity="0.3":alert("Failed: "+(d.error||"unknown"))}).catch(()=>alert("Network error"))})}}).catch(()=>{U.innerHTML='<div class="proc-empty">Failed to load</div>'})}function Kt(){ge.classList.add("open"),we.classList.add("open"),Ut()}function de(){ge.classList.remove("open"),we.classList.remove("open")}qt.addEventListener("click",t=>{t.stopPropagation(),ge.classList.contains("open")?de():Kt()}),Ot.addEventListener("click",de),we.addEventListener("click",de),window.__openSession=te,window.__refreshSidebar=Y,Y(),ve();
+<button class="btn danger" id="sp-delete">Delete session</button>`,document.body.appendChild(I);function rn(t){let e=t.getBoundingClientRect();I.style.top=e.bottom+4+"px",I.style.left=Math.max(8,Math.min(e.left,window.innerWidth-240))+"px"}function cn(t,e){A=t;let n=document.getElementById("sp-name");n.value=t,ne.classList.add("open"),I.style.display="block",rn(e),setTimeout(()=>n.focus(),50)}function ie(){ne.classList.remove("open"),I.style.display="none"}ne.addEventListener("click",ie),document.getElementById("sp-save").addEventListener("click",async()=>{let t=document.getElementById("sp-name").value.trim();if(!t||t===A){ie();return}try{if(!(await fetch(b("/api/sessions/rename"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({oldName:A,newName:t})})).ok)return;ie(),W(),y===A&&Q(t)}catch{}}),document.getElementById("sp-delete").addEventListener("click",async()=>{if(confirm('Delete session "'+A+'"?'))try{if(!(await fetch(b("/api/sessions/kill"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:A})})).ok)return;ie(),y===A&&(h&&(h.destroy(),h=null),y=null,E.style.display="none",R.style.display="flex"),W()}catch{}}),document.getElementById("sp-cancel").addEventListener("click",ie);var dn={esc:"\x1B",tab:"	","s-tab":"\x1B[Z",up:"\x1B[A",down:"\x1B[B",left:"\x1B[D",right:"\x1B[C",space:" ",enter:"\r",exit:"exit\r",yes:"yes\r"};document.getElementById("mobile-keys").addEventListener("click",t=>{let e=t.target.closest("button[data-key]");if(!e||!h)return;let n=dn[e.dataset.key];n&&(h.sendInput(n),h.focus())});var M=document.getElementById("mk-input"),ut=document.getElementById("mk-send");function pt(){if(!M||!h)return;let t=M.value;t&&(h.sendInput(t+"\r"),M.value="",M.rows=1,h.focus())}if(M&&(M.addEventListener("input",()=>{M.rows=1;let t=M.value.split(`
+`).length;M.rows=Math.min(t,4)}),M.addEventListener("keydown",t=>{t.key==="Enter"&&!t.shiftKey&&(t.preventDefault(),pt())})),ut&&ut.addEventListener("click",pt),window.visualViewport){let t=document.querySelector(".app-layout"),e=()=>{t&&(t.style.height=window.visualViewport.height+"px"),window.scrollTo(0,0),document.documentElement.scrollTop=0,document.body.scrollTop=0};window.visualViewport.addEventListener("resize",e),window.addEventListener("orientationchange",()=>setTimeout(e,100)),document.addEventListener("touchstart",()=>{(window.scrollY>0||document.documentElement.scrollTop>0)&&window.scrollTo(0,0)},{passive:!0})}var Se=document.getElementById("process-panel"),ae=document.getElementById("proc-list"),un=document.getElementById("proc-close"),He=document.getElementById("proc-backdrop"),pn=document.getElementById("header-ram");function fn(){ae.innerHTML='<div class="proc-empty">Loading\u2026</div>',fetch(b("/api/system/processes")).then(t=>t.json()).then(t=>{if(!Array.isArray(t)||!t.length){ae.innerHTML='<div class="proc-empty">No processes</div>';return}let e="";for(let n of t){let a=n.rss,o=a<1048576?(a/1024).toFixed(0)+"K":(a/1048576).toFixed(1)+"M";e+='<div class="proc-row" data-pid="'+n.pid+'"><span class="proc-mem">'+n.mem+'%</span><span class="proc-rss">'+o+'</span><span class="proc-cmd" title="'+p(n.command)+'">'+p(n.command)+'</span><button class="proc-kill" title="Kill PID '+n.pid+'">&times;</button></div>'}ae.innerHTML=e;for(let n of ae.querySelectorAll(".proc-row")){let a=n.querySelector(".proc-kill");a&&a.addEventListener("click",o=>{let r=o.target.closest(".proc-row");!r||!confirm("Kill PID "+r.dataset.pid+"?")||fetch(b("/api/system/kill"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({pid:parseInt(r.dataset.pid,10)})}).then(c=>c.json()).then(c=>{c.ok?r.style.opacity="0.3":alert("Failed: "+(c.error||"unknown"))}).catch(()=>alert("Network error"))})}}).catch(()=>{ae.innerHTML='<div class="proc-empty">Failed to load</div>'})}function mn(){Se.classList.add("open"),He.classList.add("open"),fn()}function Le(){Se.classList.remove("open"),He.classList.remove("open")}pn.addEventListener("click",t=>{t.stopPropagation(),Se.classList.contains("open")?Le():mn()}),un.addEventListener("click",Le),He.addEventListener("click",Le),window.__openSession=Q,window.__refreshSidebar=W,W(),Be(),setInterval(()=>{document.visibilityState==="visible"&&W()},1e4);

package/dist/browser/shell-client.js

@@ -1,30 +1,31 @@
-import{initTerminal as be}from"./terminal-core.js";const I=window.__TMUX_WEB_SHELL__;let r=null,u=null,ee="sessions",L="",P="",j="",te="";const p=document.getElementById("sidebar-content"),E=document.getElementById("main-placeholder"),v=document.getElementById("terminal-container"),M=document.getElementById("file-editor"),Le=document.getElementById("fe-path"),g=document.getElementById("fe-status"),T=document.getElementById("fe-content"),k=document.getElementById("fe-save"),we=document.getElementById("fe-delete"),Ee=document.getElementById("fe-back"),ne=document.getElementById("fe-new-name"),ke=document.getElementById("fe-new-btn"),K=document.getElementById("settings-backdrop"),se=document.getElementById("settings-popover"),ie=document.querySelector(".sidebar");function Be(){return window.matchMedia("(max-width: 640px)").matches}function X(){Be()&&ie.classList.add("collapsed")}function oe(){ie.classList.remove("collapsed")}document.getElementById("mode-sessions").addEventListener("click",()=>{oe(),ae("sessions")}),document.getElementById("mode-files").addEventListener("click",()=>{oe(),ae("files")});function ae(e){ee=e,document.querySelectorAll(".mode-btn").forEach(n=>n.classList.remove("active"));const t=document.getElementById(e==="sessions"?"mode-sessions":"mode-files");t&&t.classList.add("active"),e==="sessions"?S():Re()}async function S(){p.innerHTML='<div class="sidebar-section-label">Sessions</div><button class="new-session-sidebar-btn" id="ns-btn">+ New Session</button>';try{const s=(await(await fetch("/api/sidebar/sessions")).json()).recent||[];for(const i of s){const a=document.createElement("div");a.className="session-item"+(i.name===u?" active":""),a.setAttribute("data-session",i.name),a.innerHTML=`<svg viewBox="0 0 24 24" fill="currentColor"><path d="${i.attached?"M19 4H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 14H5V6h14v12z":"M4 6h16v2H4V6zm0 5h16v2H4v-2zm0 5h16v2H4v-2z"}"></svg>
-			<span>${c(i.name)}</span>
-			<button class="session-edit-btn" data-session="${c(i.name)}" title="Edit session"><svg viewBox="0 0 24 24" fill="currentColor" width="14" height="14"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a1 1 0 000-1.41l-2.34-2.34a1 1 0 00-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg></button>
-`,a.addEventListener("click",d=>{d.target.closest(".session-edit-btn")||A(i.name)}),p.appendChild(a);const o=a.querySelector(".session-edit-btn");o&&o.addEventListener("click",d=>{d.stopPropagation(),je(i.name,o)})}}catch{p.innerHTML+='<div class="file-tree-empty">Failed to load sessions</div>'}const e=document.getElementById("ns-btn");e&&e.addEventListener("click",()=>document.getElementById("new-session-modal")?.classList.add("open"))}function c(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}async function A(e){if(!(u===e&&r)){M.style.display="none",E.style.display="none",v.style.display="",v.classList.add("terminal-pending"),X(),r&&(_(),r.destroy(),r=null),u=e;for(const t of p.querySelectorAll(".session-item"))t.classList.toggle("active",t.getAttribute("data-session")===e);try{r=await be(v,e,{terminal:I.terminal,scrollback:I.scrollback,theme:I.theme,renderer:I.renderer}),ye()}catch(t){console.error("[shell] terminal init failed:",t);const n=t&&typeof t=="object"&&"message"in t?t.message:String(t);v.textContent="Failed to open terminal for "+e+": "+n,v.classList.remove("terminal-pending")}}}let W=[],f=null,le=!1;function xe(e){if(!f||!f.files.length)return null;const t=f.repoRoot;if(!t||!e.startsWith(t))return null;const n=e.slice(t.length+1);for(const s of f.files)if(s.path===n)return s.status;return null}async function Ce(e){le=!0;try{const t=await fetch("/api/git/status?path="+encodeURIComponent(e));t.ok?f=await t.json():f=null}catch{f=null}finally{le=!1}}function Ie(){if(!f||!f.branch)return"";const{branch:e,linesAdded:t,linesRemoved:n}=f;let s=`<div class="sidebar-git"><div class="git-branch-badge">
+import{initTerminal as we}from"./terminal-core.js";const M=window.__TMUX_WEB_SHELL__;let p=null,u=null,b=null,ne="sessions",E="",z="",W="",se="";function g(e){return b?"/a/"+encodeURIComponent(b)+e:e}const r=document.getElementById("sidebar-content"),B=document.getElementById("main-placeholder"),y=document.getElementById("terminal-container"),H=document.getElementById("file-editor"),Ee=document.getElementById("fe-path"),h=document.getElementById("fe-status"),$=document.getElementById("fe-content"),C=document.getElementById("fe-save"),ke=document.getElementById("fe-delete"),Be=document.getElementById("fe-back"),ie=document.getElementById("fe-new-name"),Ce=document.getElementById("fe-new-btn"),Y=document.getElementById("settings-backdrop"),oe=document.getElementById("settings-popover"),ae=document.querySelector(".sidebar");function Ie(){return window.matchMedia("(max-width: 640px)").matches}function Z(){Ie()&&ae.classList.add("collapsed")}function le(){ae.classList.remove("collapsed")}document.getElementById("mode-sessions").addEventListener("click",()=>{le(),ce("sessions")}),document.getElementById("mode-files").addEventListener("click",()=>{le(),ce("files")});function ce(e){ne=e,document.querySelectorAll(".mode-btn").forEach(t=>t.classList.remove("active"));const n=document.getElementById(e==="sessions"?"mode-sessions":"mode-files");n&&n.classList.add("active"),e==="sessions"?S():De()}async function S(){r.innerHTML='<div class="sidebar-section-label">Sessions</div><button class="new-session-sidebar-btn" id="ns-btn">+ New Session</button>';try{const t=await(await fetch("/api/sidebar/sessions")).json(),s=t.recent||[];for(const i of s){const o=document.createElement("div");o.className="session-item"+(i.name===u&&!b?" active":""),o.setAttribute("data-session",i.name),o.innerHTML=`<svg viewBox="0 0 24 24" fill="currentColor"><path d="${i.attached?"M19 4H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 14H5V6h14v12z":"M4 6h16v2H4V6zm0 5h16v2H4v-2zm0 5h16v2H4v-2z"}"></svg>
+			<span>${d(i.name)}</span>
+			<button class="session-edit-btn" data-session="${d(i.name)}" title="Edit session"><svg viewBox="0 0 24 24" fill="currentColor" width="14" height="14"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a1 1 0 000-1.41l-2.34-2.34a1 1 0 00-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg></button>
+`,o.addEventListener("click",a=>{a.target.closest(".session-edit-btn")||R(i.name)}),r.appendChild(o);const c=o.querySelector(".session-edit-btn");c&&c.addEventListener("click",a=>{a.stopPropagation(),ze(i.name,c)})}const l=t.agents||[];for(const i of l){if(!i.sessions||i.sessions.length===0)continue;const o=document.createElement("div");o.className="sidebar-section-label"+(i.online?"":" agent-offline-label"),o.textContent=i.agentName+(i.online?"":" (offline)"),r.appendChild(o);for(const c of i.sessions){const a=document.createElement("div");a.className="session-item"+(c.name===u&&b===i.agentId?" active":"")+(i.online?"":" session-offline"),a.setAttribute("data-session",c.name),a.setAttribute("data-agent",i.agentId),a.innerHTML=`<svg viewBox="0 0 24 24" fill="currentColor"><path d="${c.attached?"M19 4H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 14H5V6h14v12z":"M4 6h16v2H4V6zm0 5h16v2H4v-2zm0 5h16v2H4v-2z"}"></svg>
+			<span>${d(c.name)}</span><span class="meta">${i.online?"":"offline"}</span>`,i.online&&a.addEventListener("click",v=>{v.target.closest(".session-edit-btn")||R(c.name,i.agentId)}),r.appendChild(a)}}}catch{r.innerHTML+='<div class="file-tree-empty">Failed to load sessions</div>'}const e=document.getElementById("ns-btn");e&&e.addEventListener("click",()=>document.getElementById("new-session-modal")?.classList.add("open"))}function d(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}async function R(e,n){if(!(u===e&&p&&b===(n||null))){H.style.display="none",B.style.display="none",y.style.display="",y.classList.add("terminal-pending"),Z(),p&&(K(),p.destroy(),p=null),u=e,b=n||null,window.__tmuxWebScopeAgent=b;for(const t of r.querySelectorAll(".session-item"))t.classList.toggle("active",t.getAttribute("data-session")===e&&(t.getAttribute("data-agent")||null)===b);try{p=await we(y,e,{terminal:M.terminal,scrollback:M.scrollback,theme:M.theme,renderer:M.renderer,wsBase:b?"/ws/a/"+encodeURIComponent(b):M.wsBase||"/ws"}),he()}catch(t){console.error("[shell] terminal init failed:",t);const s=t&&typeof t=="object"&&"message"in t?t.message:String(t);y.textContent="Failed to open terminal for "+e+": "+s,y.classList.remove("terminal-pending")}}}let G=[],f=null,de=!1;function xe(e){if(!f||!f.files.length)return null;const n=f.repoRoot;if(!n||!e.startsWith(n))return null;const t=e.slice(n.length+1);for(const s of f.files)if(s.path===t)return s.status;return null}async function Me(e){de=!0;try{const n=await fetch(g("/api/git/status?path="+encodeURIComponent(e)));n.ok?f=await n.json():f=null}catch{f=null}finally{de=!1}}function Se(){if(!f||!f.branch)return"";const{branch:e,linesAdded:n,linesRemoved:t}=f;let s=`<div class="sidebar-git"><div class="git-branch-badge">
 		<svg viewBox="0 0 16 16" fill="currentColor"><path d="M11.63 1.22a.75.75 0 00-1.06 0L5.99 5.8 4.12 3.93a.75.75 0 10-1.06 1.06L4.93 6.87A3.5 3.5 0 003 10.09v3.16a.75.75 0 001 0v-3.16a2.5 2.5 0 012.5-2.5h.27l-1.06 1.06a.75.75 0 001.06 1.06l2.37-2.38a.75.75 0 000-1.06L7.59 5.27l4.04-4.05a.75.75 0 000-1.06L11.63 1.22zM3.25 13.94a.75.75 0 01-.75-.75v-.69a.75.75 0 011.5 0v.69c0 .414-.336.75-.75.75z"/></svg>
-		${c(e)}</div>`;return(t>0||n>0)&&(s+=`<div class="git-diff-stats">+<span class="add">${t}</span> <span class="del">-${n}</span></div>`),s+"</div>"}p.addEventListener("click",e=>{e.target.closest(".sidebar-git")&&C&&f&&(e.stopPropagation(),fe())});const H=document.getElementById("header-git"),ce=document.getElementById("git-diff-view"),de=document.getElementById("gd-path"),G=document.getElementById("gd-status"),z=document.getElementById("gd-content"),Me=document.getElementById("gd-back");let C=null;function $(e){if(!e||!e.branch){H.style.display="none",C=null;return}C=e.repoRoot;const{branch:t,linesAdded:n,linesRemoved:s}=e;let i=`<span class="branch">${c(t)}</span>`;(n>0||s>0)&&(i+=`<span class="sep">\xB7</span>+<span class="diff-add">${n}</span> <span class="diff-del">-${s}</span>`),H.innerHTML=i,H.style.display="block"}H.addEventListener("click",e=>{C&&f&&(e.stopPropagation(),fe())});const m=document.getElementById("git-popover"),O=document.getElementById("git-popover-backdrop");function Y(){const e=H.getBoundingClientRect();m.style.top=e.bottom+4+"px",m.style.left=Math.max(8,Math.min(e.left,window.innerWidth-400))+"px"}function re(){const e=C,t=document.getElementById("git-popover-browse");t&&t.addEventListener("click",()=>{if(U(),e){ee="files",document.querySelectorAll(".mode-btn").forEach(s=>s.classList.remove("active"));const n=document.getElementById("mode-files");n&&n.classList.add("active"),w(e)}})}let pe="";function fe(){if(!f)return;const e=f.files||[];if(!e.length)m.innerHTML=`<div class="git-popover-header">No changes \u2014 clean working tree</div>
-		<div class="git-popover-footer"><button id="git-popover-browse">Browse repository \u2192</button></div>`;else{let t=`<div class="git-popover-header">${e.length} file${e.length>1?"s":""} changed</div>`;for(let n=0;n<e.length;n++){const s=e[n],i=s.additions||0,a=s.deletions||0;let o="";switch(s.status){case"M":o='<span class="git-file-status M">M</span>';break;case"A":o='<span class="git-file-status A">A</span>';break;case"D":o='<span class="git-file-status D">D</span>';break;case"?":o='<span class="git-file-status ?">?</span>';break;case"R":o='<span class="git-file-status R">R</span>';break}t+=`<div class="git-popover-item" data-idx="${n}">
-			${o}<span class="file-path">${c(s.path)}</span>
-			<span class="file-add">${i>0?"+"+i:""}</span>
-			<span class="file-del">${a>0?"-"+a:""}</span>
-		</div>`}t+='<div class="git-popover-footer"><button id="git-popover-browse">Browse repository \u2192</button></div>',pe=t,m.innerHTML=t,m.querySelectorAll(".git-popover-item").forEach(n=>{const s=parseInt(n.dataset.idx||"0",10),i=e[s];!i||i.status==="D"||(n.classList.add("clickable"),n.style.cursor="pointer",n.addEventListener("click",()=>me(i.path)))})}Y(),m.classList.add("open"),O.classList.add("open"),re()}function Te(){return window.innerWidth>=1024}function ue(e,t){const s=(e+(t&&e?`
-`:"")+t).split(`
-`);let i="",a=0,o=0;for(const d of s){const l=d;if(l.startsWith("@@")){const y=l.match(/@@\s+-(\d+)[^+]*\+(\d+)/);y&&(a=parseInt(y[1],10)-1,o=parseInt(y[2],10)-1),i+=`<div class="diff-line hunk"><span class="ln-body">${c(l)}</span></div>`;continue}if(l.startsWith("diff --git")||l.startsWith("index ")||l.startsWith("--- ")||l.startsWith("+++ ")||l.startsWith("new file")||l.startsWith("deleted file")){l.startsWith("diff --git")&&(i+=`<div class="diff-line header"><span class="ln-body">${c(l)}</span></div>`);continue}if(l.startsWith("+"))o++,i+=`<div class="diff-line add"><span class="ln-no">${o}</span><span class="ln-body">${c(l)}</span></div>`;else if(l.startsWith("-"))a++,i+=`<div class="diff-line del"><span class="ln-no">${a}</span><span class="ln-body">${c(l)}</span></div>`;else if(l.startsWith("\\"))i+=`<div class="diff-line"><span class="ln-body">${c(l)}</span></div>`;else{if(!l&&!a&&!o)continue;a++,o++,i+=`<div class="diff-line"><span class="ln-no">${a}</span><span class="ln-no" style="margin-right:12px">${o}</span><span class="ln-body">${c(l)}</span></div>`}}return{html:i,lineCount:s.length}}let q=null;async function me(e){const t=C;if(t)if(U(),Te()){v.style.display="none",r&&(_(),r.destroy(),r=null,q=u,u=null),$(null),M.style.display="none",E.style.display="none",ce.style.display="flex",de.textContent=e,G.textContent="Loading\u2026",z.innerHTML="";try{const n=await fetch("/api/git/diff?path="+encodeURIComponent(t)+"&file="+encodeURIComponent(e));if(!n.ok)throw new Error(await n.text());const s=await n.json();He(e,s.diff,s.stagedDiff)}catch(n){const s=n instanceof Error?n.message:String(n);G.textContent="Error",z.innerHTML=`<div class="diff-empty" style="padding:24px;text-align:center;color:var(--panel-muted)">Error: ${c(s)}</div>`}}else{m.innerHTML=`<div class="git-diff-view"><div class="diff-header">
+		${d(e)}</div>`;return(n>0||t>0)&&(s+=`<div class="git-diff-stats">+<span class="add">${n}</span> <span class="del">-${t}</span></div>`),s+"</div>"}r.addEventListener("click",e=>{e.target.closest(".sidebar-git")&&T&&f&&(e.stopPropagation(),me())});const N=document.getElementById("header-git"),re=document.getElementById("git-diff-view"),pe=document.getElementById("gd-path"),O=document.getElementById("gd-status"),U=document.getElementById("gd-content"),Te=document.getElementById("gd-back");let T=null;function D(e){if(!e||!e.branch){N.style.display="none",T=null;return}T=e.repoRoot;const{branch:n,linesAdded:t,linesRemoved:s}=e;let l=`<span class="branch">${d(n)}</span>`;(t>0||s>0)&&(l+=`<span class="sep">\xB7</span>+<span class="diff-add">${t}</span> <span class="diff-del">-${s}</span>`),N.innerHTML=l,N.style.display="block"}N.addEventListener("click",e=>{T&&f&&(e.stopPropagation(),me())});const m=document.getElementById("git-popover"),V=document.getElementById("git-popover-backdrop");function Q(){const e=N.getBoundingClientRect();m.style.top=e.bottom+4+"px",m.style.left=Math.max(8,Math.min(e.left,window.innerWidth-400))+"px"}function fe(){const e=T,n=document.getElementById("git-popover-browse");n&&n.addEventListener("click",()=>{if(_(),e){ne="files",document.querySelectorAll(".mode-btn").forEach(s=>s.classList.remove("active"));const t=document.getElementById("mode-files");t&&t.classList.add("active"),k(e)}})}let ue="";function me(){if(!f)return;const e=f.files||[];if(!e.length)m.innerHTML=`<div class="git-popover-header">No changes \u2014 clean working tree</div>
+		<div class="git-popover-footer"><button id="git-popover-browse">Browse repository \u2192</button></div>`;else{let n=`<div class="git-popover-header">${e.length} file${e.length>1?"s":""} changed</div>`;for(let t=0;t<e.length;t++){const s=e[t],l=s.additions||0,i=s.deletions||0;let o="";switch(s.status){case"M":o='<span class="git-file-status M">M</span>';break;case"A":o='<span class="git-file-status A">A</span>';break;case"D":o='<span class="git-file-status D">D</span>';break;case"?":o='<span class="git-file-status ?">?</span>';break;case"R":o='<span class="git-file-status R">R</span>';break}n+=`<div class="git-popover-item" data-idx="${t}">
+			${o}<span class="file-path">${d(s.path)}</span>
+			<span class="file-add">${l>0?"+"+l:""}</span>
+			<span class="file-del">${i>0?"-"+i:""}</span>
+		</div>`}n+='<div class="git-popover-footer"><button id="git-popover-browse">Browse repository \u2192</button></div>',ue=n,m.innerHTML=n,m.querySelectorAll(".git-popover-item").forEach(t=>{const s=parseInt(t.dataset.idx||"0",10),l=e[s];!l||l.status==="D"||(t.classList.add("clickable"),t.style.cursor="pointer",t.addEventListener("click",()=>ge(l.path)))})}Q(),m.classList.add("open"),V.classList.add("open"),fe()}function He(){return window.innerWidth>=1024}function ve(e,n){const s=(e+(n&&e?`
+`:"")+n).split(`
+`);let l="",i=0,o=0;for(const c of s){const a=c;if(a.startsWith("@@")){const v=a.match(/@@\s+-(\d+)[^+]*\+(\d+)/);v&&(i=parseInt(v[1],10)-1,o=parseInt(v[2],10)-1),l+=`<div class="diff-line hunk"><span class="ln-body">${d(a)}</span></div>`;continue}if(a.startsWith("diff --git")||a.startsWith("index ")||a.startsWith("--- ")||a.startsWith("+++ ")||a.startsWith("new file")||a.startsWith("deleted file")){a.startsWith("diff --git")&&(l+=`<div class="diff-line header"><span class="ln-body">${d(a)}</span></div>`);continue}if(a.startsWith("+"))o++,l+=`<div class="diff-line add"><span class="ln-no">${o}</span><span class="ln-body">${d(a)}</span></div>`;else if(a.startsWith("-"))i++,l+=`<div class="diff-line del"><span class="ln-no">${i}</span><span class="ln-body">${d(a)}</span></div>`;else if(a.startsWith("\\"))l+=`<div class="diff-line"><span class="ln-body">${d(a)}</span></div>`;else{if(!a&&!i&&!o)continue;i++,o++,l+=`<div class="diff-line"><span class="ln-no">${i}</span><span class="ln-no" style="margin-right:12px">${o}</span><span class="ln-body">${d(a)}</span></div>`}}return{html:l,lineCount:s.length}}let q=null;async function ge(e){const n=T;if(n)if(_(),He()){y.style.display="none",p&&(K(),p.destroy(),p=null,q=u,u=null),D(null),H.style.display="none",B.style.display="none",re.style.display="flex",pe.textContent=e,O.textContent="Loading\u2026",U.innerHTML="";try{const t=await fetch(g("/api/git/diff?path="+encodeURIComponent(n)+"&file="+encodeURIComponent(e)));if(!t.ok)throw new Error(await t.text());const s=await t.json();Re(e,s.diff,s.stagedDiff)}catch(t){const s=t instanceof Error?t.message:String(t);O.textContent="Error",U.innerHTML=`<div class="diff-empty" style="padding:24px;text-align:center;color:var(--panel-muted)">Error: ${d(s)}</div>`}}else{m.innerHTML=`<div class="git-diff-view"><div class="diff-header">
 			<button class="diff-back">\u2190 Back</button>
-			<span class="diff-filename">${c(e)}</span>
+			<span class="diff-filename">${d(e)}</span>
 			<span class="diff-loading">Loading\u2026</span>
-		</div></div>`,Y(),m.classList.add("open"),O.classList.add("open");try{const n=await fetch("/api/git/diff?path="+encodeURIComponent(t)+"&file="+encodeURIComponent(e));if(!n.ok)throw new Error(await n.text());const s=await n.json();Se(e,s.diff,s.stagedDiff)}catch(n){const s=n instanceof Error?n.message:String(n);m.innerHTML=`<div class="git-diff-view"><div class="diff-header">
+		</div></div>`,Q(),m.classList.add("open"),V.classList.add("open");try{const t=await fetch(g("/api/git/diff?path="+encodeURIComponent(n)+"&file="+encodeURIComponent(e)));if(!t.ok)throw new Error(await t.text());const s=await t.json();$e(e,s.diff,s.stagedDiff)}catch(t){const s=t instanceof Error?t.message:String(t);m.innerHTML=`<div class="git-diff-view"><div class="diff-header">
 				<button class="diff-back">\u2190 Back</button>
-				<span class="diff-filename">${c(e)}</span>
-			</div><div class="diff-empty">Error loading diff: ${c(s)}</div></div>`}}}function Se(e,t,n){if(!t&&!n){m.innerHTML=`<div class="git-diff-view"><div class="diff-header">
+				<span class="diff-filename">${d(e)}</span>
+			</div><div class="diff-empty">Error loading diff: ${d(s)}</div></div>`}}}function $e(e,n,t){if(!n&&!t){m.innerHTML=`<div class="git-diff-view"><div class="diff-header">
 			<button class="diff-back">\u2190 Back</button>
-			<span class="diff-filename">${c(e)}</span>
-		</div><div class="diff-empty">No diff content available</div></div>`;return}const{html:s,lineCount:i}=ue(t,n);m.innerHTML=`<div class="git-diff-view"><div class="diff-header">
+			<span class="diff-filename">${d(e)}</span>
+		</div><div class="diff-empty">No diff content available</div></div>`;return}const{html:s,lineCount:l}=ve(n,t);m.innerHTML=`<div class="git-diff-view"><div class="diff-header">
 		<button class="diff-back">\u2190 Back</button>
-		<span class="diff-filename">${c(e)}</span>
-		<span class="diff-filesize">${i} lines</span>
-	</div><div class="diff-content">${s}</div></div>`,m.querySelector(".diff-back")?.addEventListener("click",()=>{m.innerHTML=pe,Y(),f&&m.querySelectorAll(".git-popover-item").forEach(a=>{const o=parseInt(a.dataset.idx||"0",10),d=f.files[o];!d||d.status==="D"||(a.style.cursor="pointer",a.addEventListener("click",()=>me(d.path)))}),re()})}function He(e,t,n){if(!t&&!n){G.textContent="No diff",z.innerHTML='<div class="diff-empty" style="padding:24px;text-align:center;color:var(--panel-muted)">No diff content available</div>';return}const{html:s,lineCount:i}=ue(t,n);de.textContent=e,G.textContent=i+" lines",z.innerHTML=s}function $e(){ce.style.display="none",q?(v.style.display="",v.classList.add("terminal-pending"),A(q),q=null):u?(v.style.display="",v.classList.add("terminal-pending"),ye()):E.style.display="flex"}Me.addEventListener("click",$e);function U(){m.classList.remove("open"),O.classList.remove("open")}O.addEventListener("click",U),document.addEventListener("keydown",e=>{e.key==="Escape"&&(U(),J())});async function ve(e){try{const n=await(await fetch("/api/fs/session-path?session="+encodeURIComponent(e))).json();if(n.path){const s=await fetch("/api/git/status?path="+encodeURIComponent(n.path));if(s.ok){const i=await s.json();f=i,$(i);return}}}catch{}f=null,$(null)}let V=null;function ye(){_(),u&&(ve(u),V=setInterval(()=>{u&&ve(u)},3e4))}function _(){V&&(clearInterval(V),V=null)}function Re(){if(W=I.fsRoots||[],W.length===0){if(u){De(u);return}p.innerHTML='<div class="file-tree-info">Open a session first, then switch to Files to browse its directory.</div>';return}p.innerHTML="";for(const e of W){const t=document.createElement("div");t.className="file-tree-item",t.innerHTML=`<svg viewBox="0 0 24 24" fill="currentColor" class="file-icon"><path d="M10 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/></svg> ${c(e)}`,t.addEventListener("click",()=>w(e)),p.appendChild(t)}}async function De(e){p.innerHTML='<div class="file-tree-empty">Loading...</div>';try{const n=await(await fetch("/api/fs/session-path?session="+encodeURIComponent(e))).json();n.path?w(n.path):p.innerHTML='<div class="file-tree-info">Could not determine session directory.</div>'}catch{p.innerHTML='<div class="file-tree-error">Failed to get session directory</div>'}}async function w(e){L=e,p.innerHTML='<div class="file-tree-empty">Loading...</div>';const t=Ce(e);try{const s=await(await fetch("/api/fs/list?path="+encodeURIComponent(e))).json();await t,p.innerHTML="",$(f),p.innerHTML+=Ie();const i=Ne(e);if(i&&!W.some(d=>e===d)){const d=document.createElement("div");d.className="file-tree-item",d.innerHTML="..",d.addEventListener("click",()=>w(i)),p.appendChild(d)}if(s.dirs)for(const o of s.dirs){const d=o.split("/").pop()||o.split("\\").pop(),l=document.createElement("div");l.className="file-tree-item",l.innerHTML=`<svg viewBox="0 0 24 24" fill="currentColor" class="file-icon"><path d="M10 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/></svg> ${c(d)}`,l.addEventListener("click",()=>w(o)),p.appendChild(l)}else p.innerHTML="";const a=s.files||[];for(const o of a){const d=o.split("/").pop()||o.split("\\").pop(),l=xe(o);let y="",x="";if(l)switch(l){case"M":y="git-mod",x='<span class="git-file-status M">M</span>';break;case"A":y="git-add",x='<span class="git-file-status A">A</span>';break;case"D":y="git-del",x='<span class="git-file-status D">D</span>';break;case"?":y="git-untracked",x='<span class="git-file-status ?">?</span>';break;case"R":y="git-mod",x='<span class="git-file-status R">R</span>';break}const F=document.createElement("div");F.className="file-tree-item file"+(y?" "+y:""),F.innerHTML=`<span class="file-icon">\u{1F4C4}</span> ${x}${c(d)}`,F.addEventListener("click",()=>Fe(o)),p.appendChild(F)}}catch{p.innerHTML='<div class="file-tree-error">Failed to load directory</div>'}}function Ne(e){const t=e.lastIndexOf("/");return t<=0?null:e.substring(0,t)}async function Fe(e){P=e,v.style.display="none",r&&(_(),r.destroy(),r=null,u=null),$(null),X(),E.style.display="none",M.style.display="flex",Le.textContent=e,g.textContent="Loading...",k.style.display="none";try{const t=await fetch("/api/file?path="+encodeURIComponent(e));if(!t.ok){const s=await t.json();g.textContent=s.error||"Failed to load",T.value="";return}const n=await t.json();T.value=n.content,j=n.content,te=n.content,g.textContent=n.size+" bytes",k.style.display=""}catch{g.textContent="Failed to load",T.value=""}}T.addEventListener("input",()=>{j=T.value}),k.addEventListener("click",async()=>{k.textContent="Saving...",k.disabled=!0;try{const e=await fetch("/api/file",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({path:P,content:j})});if(!e.ok){const t=await e.json();g.textContent=t.error||"Save failed";return}te=j,g.textContent="Saved"}catch{g.textContent="Save failed"}finally{k.disabled=!1,k.textContent="Save"}}),we.addEventListener("click",async()=>{if(confirm("Delete "+P+"?"))try{const e=await fetch("/api/file/delete",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({path:P})});if(!e.ok){const t=await e.json();g.textContent=t.error||"Delete failed";return}M.style.display="none",E.style.display="flex",L&&w(L)}catch{g.textContent="Delete failed"}}),Ee.addEventListener("click",()=>{M.style.display="none",E.style.display="flex",L&&w(L)}),ke.addEventListener("click",async()=>{const e=ne.value.trim();if(!e)return;const t=L+"/"+e;try{const n=await fetch("/api/file/touch",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({path:t})});if(!n.ok){const s=await n.json();g.textContent=s.error||"Create failed";return}ne.value="",L&&w(L)}catch{g.textContent="Create failed"}}),document.getElementById("mode-settings").addEventListener("click",()=>{const e=se.classList.toggle("open");K.classList.toggle("open",e)}),K.addEventListener("click",()=>{se.classList.remove("open"),K.classList.remove("open")});let B="";const R=document.createElement("div");R.className="session-popover-backdrop",document.body.appendChild(R);const b=document.createElement("div");b.id="session-popover",b.className="session-popover",b.style.display="none",b.innerHTML=`<div class="sp-field">
+		<span class="diff-filename">${d(e)}</span>
+		<span class="diff-filesize">${l} lines</span>
+	</div><div class="diff-content">${s}</div></div>`,m.querySelector(".diff-back")?.addEventListener("click",()=>{m.innerHTML=ue,Q(),f&&m.querySelectorAll(".git-popover-item").forEach(i=>{const o=parseInt(i.dataset.idx||"0",10),c=f.files[o];!c||c.status==="D"||(i.style.cursor="pointer",i.addEventListener("click",()=>ge(c.path)))}),fe()})}function Re(e,n,t){if(!n&&!t){O.textContent="No diff",U.innerHTML='<div class="diff-empty" style="padding:24px;text-align:center;color:var(--panel-muted)">No diff content available</div>';return}const{html:s,lineCount:l}=ve(n,t);pe.textContent=e,O.textContent=l+" lines",U.innerHTML=s}function Ne(){re.style.display="none",q?(y.style.display="",y.classList.add("terminal-pending"),R(q),q=null):u?(y.style.display="",y.classList.add("terminal-pending"),he()):B.style.display="flex"}Te.addEventListener("click",Ne);function _(){m.classList.remove("open"),V.classList.remove("open")}V.addEventListener("click",_),document.addEventListener("keydown",e=>{e.key==="Escape"&&(_(),X())});async function ye(e){try{const t=await(await fetch("/api/fs/session-path?session="+encodeURIComponent(e))).json();if(t.path){const s=await fetch("/api/git/status?path="+encodeURIComponent(t.path));if(s.ok){const l=await s.json();f=l,D(l);return}}}catch{}f=null,D(null)}let J=null;function he(){K(),u&&(ye(u),J=setInterval(()=>{u&&ye(u)},3e4))}function K(){J&&(clearInterval(J),J=null)}function De(){if(G=M.fsRoots||[],G.length===0){if(u){Ae(u);return}r.innerHTML='<div class="file-tree-info">Open a session first, then switch to Files to browse its directory.</div>';return}r.innerHTML="";for(const e of G){const n=document.createElement("div");n.className="file-tree-item",n.innerHTML=`<svg viewBox="0 0 24 24" fill="currentColor" class="file-icon"><path d="M10 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/></svg> ${d(e)}`,n.addEventListener("click",()=>k(e)),r.appendChild(n)}}async function Ae(e){r.innerHTML='<div class="file-tree-empty">Loading...</div>';try{const t=await(await fetch(g("/api/fs/session-path?session="+encodeURIComponent(e)))).json();t.path?k(t.path):r.innerHTML='<div class="file-tree-info">Could not determine session directory.</div>'}catch{r.innerHTML='<div class="file-tree-error">Failed to get session directory</div>'}}async function k(e){E=e,r.innerHTML='<div class="file-tree-empty">Loading...</div>';const n=Me(e);try{const s=await(await fetch(g("/api/fs/list?path="+encodeURIComponent(e)))).json();await n,r.innerHTML="",D(f),r.innerHTML+=Se();const l=Fe(e);if(l&&!G.some(c=>e===c)){const c=document.createElement("div");c.className="file-tree-item",c.innerHTML="..",c.addEventListener("click",()=>k(l)),r.appendChild(c)}if(s.dirs)for(const o of s.dirs){const c=o.split("/").pop()||o.split("\\").pop(),a=document.createElement("div");a.className="file-tree-item",a.innerHTML=`<svg viewBox="0 0 24 24" fill="currentColor" class="file-icon"><path d="M10 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/></svg> ${d(c)}`,a.addEventListener("click",()=>k(o)),r.appendChild(a)}else r.innerHTML="";const i=s.files||[];for(const o of i){const c=o.split("/").pop()||o.split("\\").pop(),a=xe(o);let v="",x="";if(a)switch(a){case"M":v="git-mod",x='<span class="git-file-status M">M</span>';break;case"A":v="git-add",x='<span class="git-file-status A">A</span>';break;case"D":v="git-del",x='<span class="git-file-status D">D</span>';break;case"?":v="git-untracked",x='<span class="git-file-status ?">?</span>';break;case"R":v="git-mod",x='<span class="git-file-status R">R</span>';break}const j=document.createElement("div");j.className="file-tree-item file"+(v?" "+v:""),j.innerHTML=`<span class="file-icon">\u{1F4C4}</span> ${x}${d(c)}`,j.addEventListener("click",()=>Pe(o)),r.appendChild(j)}}catch{r.innerHTML='<div class="file-tree-error">Failed to load directory</div>'}}function Fe(e){const n=e.lastIndexOf("/");return n<=0?null:e.substring(0,n)}async function Pe(e){z=e,y.style.display="none",p&&(K(),p.destroy(),p=null,u=null),D(null),Z(),B.style.display="none",H.style.display="flex",Ee.textContent=e,h.textContent="Loading...",C.style.display="none";try{const n=await fetch(g("/api/file?path="+encodeURIComponent(e)));if(!n.ok){const s=await n.json();h.textContent=s.error||"Failed to load",$.value="";return}const t=await n.json();$.value=t.content,W=t.content,se=t.content,h.textContent=t.size+" bytes",C.style.display=""}catch{h.textContent="Failed to load",$.value=""}}$.addEventListener("input",()=>{W=$.value}),C.addEventListener("click",async()=>{C.textContent="Saving...",C.disabled=!0;try{const e=await fetch(g("/api/file"),{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({path:z,content:W})});if(!e.ok){const n=await e.json();h.textContent=n.error||"Save failed";return}se=W,h.textContent="Saved"}catch{h.textContent="Save failed"}finally{C.disabled=!1,C.textContent="Save"}}),ke.addEventListener("click",async()=>{if(confirm("Delete "+z+"?"))try{const e=await fetch(g("/api/file/delete"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({path:z})});if(!e.ok){const n=await e.json();h.textContent=n.error||"Delete failed";return}H.style.display="none",B.style.display="flex",E&&k(E)}catch{h.textContent="Delete failed"}}),Be.addEventListener("click",()=>{H.style.display="none",B.style.display="flex",E&&k(E)}),Ce.addEventListener("click",async()=>{const e=ie.value.trim();if(!e)return;const n=E+"/"+e;try{const t=await fetch(g("/api/file/touch"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({path:n})});if(!t.ok){const s=await t.json();h.textContent=s.error||"Create failed";return}ie.value="",E&&k(E)}catch{h.textContent="Create failed"}}),document.getElementById("mode-settings").addEventListener("click",()=>{const e=oe.classList.toggle("open");Y.classList.toggle("open",e)}),Y.addEventListener("click",()=>{oe.classList.remove("open"),Y.classList.remove("open")});let I="";const A=document.createElement("div");A.className="session-popover-backdrop",document.body.appendChild(A);const w=document.createElement("div");w.id="session-popover",w.className="session-popover",w.style.display="none",w.innerHTML=`<div class="sp-field">
   <label>Rename session</label>
   <input type="text" id="sp-name" />
 </div>
@@ -33,5 +34,5 @@ import{initTerminal as be}from"./terminal-core.js";const I=window.__TMUX_WEB_SHE
   <button class="btn" id="sp-cancel">Cancel</button>
 </div>
 <hr class="sp-divider" />
-<button class="btn danger" id="sp-delete">Delete session</button>`,document.body.appendChild(b);function Pe(e){const t=e.getBoundingClientRect();b.style.top=t.bottom+4+"px",b.style.left=Math.max(8,Math.min(t.left,window.innerWidth-240))+"px"}function je(e,t){B=e;const n=document.getElementById("sp-name");n.value=e,R.classList.add("open"),b.style.display="block",Pe(t),setTimeout(()=>n.focus(),50)}function D(){R.classList.remove("open"),b.style.display="none"}R.addEventListener("click",D),document.getElementById("sp-save").addEventListener("click",async()=>{const e=document.getElementById("sp-name").value.trim();if(!e||e===B){D();return}try{if(!(await fetch("/api/sessions/rename",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({oldName:B,newName:e})})).ok)return;D(),S(),u===B&&A(e)}catch{}}),document.getElementById("sp-delete").addEventListener("click",async()=>{if(confirm('Delete session "'+B+'"?'))try{if(!(await fetch("/api/sessions/kill",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:B})})).ok)return;D(),u===B&&(r&&(r.destroy(),r=null),u=null,v.style.display="none",E.style.display="flex"),S()}catch{}}),document.getElementById("sp-cancel").addEventListener("click",D);const Ae={esc:"\x1B",tab:"	","s-tab":"\x1B[Z",up:"\x1B[A",down:"\x1B[B",left:"\x1B[D",right:"\x1B[C",space:" ",enter:"\r",exit:"exit\r",yes:"yes\r"};document.getElementById("mobile-keys").addEventListener("click",e=>{const t=e.target.closest("button[data-key]");if(!t||!r)return;const n=Ae[t.dataset.key];n&&(r.sendInput(n),r.focus())});const h=document.getElementById("mk-input"),ge=document.getElementById("mk-send");function he(){if(!h||!r)return;const e=h.value;e&&(r.sendInput(e+"\r"),h.value="",h.rows=1,r.focus())}if(h&&(h.addEventListener("input",()=>{h.rows=1;const e=h.value.split(`
-`).length;h.rows=Math.min(e,4)}),h.addEventListener("keydown",e=>{e.key==="Enter"&&!e.shiftKey&&(e.preventDefault(),he())})),ge&&ge.addEventListener("click",he),window.visualViewport){const e=document.querySelector(".app-layout"),t=()=>{e&&(e.style.height=window.visualViewport.height+"px"),window.scrollTo(0,0),document.documentElement.scrollTop=0,document.body.scrollTop=0};window.visualViewport.addEventListener("resize",t),window.addEventListener("orientationchange",()=>setTimeout(t,100)),document.addEventListener("touchstart",()=>{(window.scrollY>0||document.documentElement.scrollTop>0)&&window.scrollTo(0,0)},{passive:!0})}const Z=document.getElementById("process-panel"),N=document.getElementById("proc-list"),We=document.getElementById("proc-close"),Q=document.getElementById("proc-backdrop"),Ge=document.getElementById("header-ram");function ze(){N.innerHTML='<div class="proc-empty">Loading\u2026</div>',fetch("/api/system/processes").then(e=>e.json()).then(e=>{if(!Array.isArray(e)||!e.length){N.innerHTML='<div class="proc-empty">No processes</div>';return}let t="";for(const n of e){const s=n.rss,i=s<1048576?(s/1024).toFixed(0)+"K":(s/1048576).toFixed(1)+"M";t+='<div class="proc-row" data-pid="'+n.pid+'"><span class="proc-mem">'+n.mem+'%</span><span class="proc-rss">'+i+'</span><span class="proc-cmd" title="'+c(n.command)+'">'+c(n.command)+'</span><button class="proc-kill" title="Kill PID '+n.pid+'">&times;</button></div>'}N.innerHTML=t;for(const n of N.querySelectorAll(".proc-row")){const s=n.querySelector(".proc-kill");s&&s.addEventListener("click",i=>{const a=i.target.closest(".proc-row");!a||!confirm("Kill PID "+a.dataset.pid+"?")||fetch("/api/system/kill",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({pid:parseInt(a.dataset.pid,10)})}).then(o=>o.json()).then(o=>{o.ok?a.style.opacity="0.3":alert("Failed: "+(o.error||"unknown"))}).catch(()=>alert("Network error"))})}}).catch(()=>{N.innerHTML='<div class="proc-empty">Failed to load</div>'})}function Oe(){Z.classList.add("open"),Q.classList.add("open"),ze()}function J(){Z.classList.remove("open"),Q.classList.remove("open")}Ge.addEventListener("click",e=>{e.stopPropagation(),Z.classList.contains("open")?J():Oe()}),We.addEventListener("click",J),Q.addEventListener("click",J),window.__openSession=A,window.__refreshSidebar=S,S(),X();
+<button class="btn danger" id="sp-delete">Delete session</button>`,document.body.appendChild(w);function je(e){const n=e.getBoundingClientRect();w.style.top=n.bottom+4+"px",w.style.left=Math.max(8,Math.min(n.left,window.innerWidth-240))+"px"}function ze(e,n){I=e;const t=document.getElementById("sp-name");t.value=e,A.classList.add("open"),w.style.display="block",je(n),setTimeout(()=>t.focus(),50)}function F(){A.classList.remove("open"),w.style.display="none"}A.addEventListener("click",F),document.getElementById("sp-save").addEventListener("click",async()=>{const e=document.getElementById("sp-name").value.trim();if(!e||e===I){F();return}try{if(!(await fetch(g("/api/sessions/rename"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({oldName:I,newName:e})})).ok)return;F(),S(),u===I&&R(e)}catch{}}),document.getElementById("sp-delete").addEventListener("click",async()=>{if(confirm('Delete session "'+I+'"?'))try{if(!(await fetch(g("/api/sessions/kill"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:I})})).ok)return;F(),u===I&&(p&&(p.destroy(),p=null),u=null,y.style.display="none",B.style.display="flex"),S()}catch{}}),document.getElementById("sp-cancel").addEventListener("click",F);const We={esc:"\x1B",tab:"	","s-tab":"\x1B[Z",up:"\x1B[A",down:"\x1B[B",left:"\x1B[D",right:"\x1B[C",space:" ",enter:"\r",exit:"exit\r",yes:"yes\r"};document.getElementById("mobile-keys").addEventListener("click",e=>{const n=e.target.closest("button[data-key]");if(!n||!p)return;const t=We[n.dataset.key];t&&(p.sendInput(t),p.focus())});const L=document.getElementById("mk-input"),be=document.getElementById("mk-send");function Le(){if(!L||!p)return;const e=L.value;e&&(p.sendInput(e+"\r"),L.value="",L.rows=1,p.focus())}if(L&&(L.addEventListener("input",()=>{L.rows=1;const e=L.value.split(`
+`).length;L.rows=Math.min(e,4)}),L.addEventListener("keydown",e=>{e.key==="Enter"&&!e.shiftKey&&(e.preventDefault(),Le())})),be&&be.addEventListener("click",Le),window.visualViewport){const e=document.querySelector(".app-layout"),n=()=>{e&&(e.style.height=window.visualViewport.height+"px"),window.scrollTo(0,0),document.documentElement.scrollTop=0,document.body.scrollTop=0};window.visualViewport.addEventListener("resize",n),window.addEventListener("orientationchange",()=>setTimeout(n,100)),document.addEventListener("touchstart",()=>{(window.scrollY>0||document.documentElement.scrollTop>0)&&window.scrollTo(0,0)},{passive:!0})}const ee=document.getElementById("process-panel"),P=document.getElementById("proc-list"),Ge=document.getElementById("proc-close"),te=document.getElementById("proc-backdrop"),Oe=document.getElementById("header-ram");function Ue(){P.innerHTML='<div class="proc-empty">Loading\u2026</div>',fetch(g("/api/system/processes")).then(e=>e.json()).then(e=>{if(!Array.isArray(e)||!e.length){P.innerHTML='<div class="proc-empty">No processes</div>';return}let n="";for(const t of e){const s=t.rss,l=s<1048576?(s/1024).toFixed(0)+"K":(s/1048576).toFixed(1)+"M";n+='<div class="proc-row" data-pid="'+t.pid+'"><span class="proc-mem">'+t.mem+'%</span><span class="proc-rss">'+l+'</span><span class="proc-cmd" title="'+d(t.command)+'">'+d(t.command)+'</span><button class="proc-kill" title="Kill PID '+t.pid+'">&times;</button></div>'}P.innerHTML=n;for(const t of P.querySelectorAll(".proc-row")){const s=t.querySelector(".proc-kill");s&&s.addEventListener("click",l=>{const i=l.target.closest(".proc-row");!i||!confirm("Kill PID "+i.dataset.pid+"?")||fetch(g("/api/system/kill"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({pid:parseInt(i.dataset.pid,10)})}).then(o=>o.json()).then(o=>{o.ok?i.style.opacity="0.3":alert("Failed: "+(o.error||"unknown"))}).catch(()=>alert("Network error"))})}}).catch(()=>{P.innerHTML='<div class="proc-empty">Failed to load</div>'})}function Ve(){ee.classList.add("open"),te.classList.add("open"),Ue()}function X(){ee.classList.remove("open"),te.classList.remove("open")}Oe.addEventListener("click",e=>{e.stopPropagation(),ee.classList.contains("open")?X():Ve()}),Ge.addEventListener("click",X),te.addEventListener("click",X),window.__openSession=R,window.__refreshSidebar=S,S(),Z(),setInterval(()=>{document.visibilityState==="visible"&&S()},1e4);