tmux-weblink 1.5.1 → 1.5.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/shell-client.js +22 -37
- package/dist/browser/shell-client.js +18 -33
- package/dist/index.js +10 -10
- package/dist/lib/agents-watch.js +2 -2
- package/dist/lib/icons.js +1 -1
- package/dist/lib/pages/shell.js +22 -124
- package/dist/lib/watched-panes.js +1 -1
- package/dist/lib/web-browse.js +1 -1
- package/package.json +1 -1
|
@@ -1,48 +1,33 @@
|
|
|
1
|
-
var
|
|
1
|
+
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
|
|
2
2
|
`).join(`
|
|
3
3
|
`).split(`
|
|
4
|
-
`).join("\r")}async function
|
|
4
|
+
`).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>
|
|
5
5
|
<span>${p(n.name)}</span>
|
|
6
6
|
<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>
|
|
7
|
-
`,s.addEventListener("click",
|
|
7
|
+
`,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,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""")}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">
|
|
8
8
|
<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>
|
|
9
|
-
${p(
|
|
10
|
-
<div class="git-popover-footer"><button id="git-popover-browse">Browse repository \u2192</button></div>`;else{let
|
|
11
|
-
${
|
|
12
|
-
<span class="file-add">${
|
|
13
|
-
<span class="file-del">${
|
|
14
|
-
</div>`}
|
|
15
|
-
`:"")+
|
|
16
|
-
`),s="",
|
|
9
|
+
${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>
|
|
10
|
+
<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}">
|
|
11
|
+
${d}<span class="file-path">${p(s.path)}</span>
|
|
12
|
+
<span class="file-add">${o>0?"+"+o:""}</span>
|
|
13
|
+
<span class="file-del">${l>0?"-"+l:""}</span>
|
|
14
|
+
</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?`
|
|
15
|
+
`:"")+e).split(`
|
|
16
|
+
`),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">
|
|
17
17
|
<button class="diff-back">\u2190 Back</button>
|
|
18
|
-
<span class="diff-filename">${p(
|
|
18
|
+
<span class="diff-filename">${p(t)}</span>
|
|
19
19
|
<span class="diff-loading">Loading\u2026</span>
|
|
20
|
-
</div></div>`,
|
|
20
|
+
</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">
|
|
21
21
|
<button class="diff-back">\u2190 Back</button>
|
|
22
|
-
<span class="diff-filename">${p(
|
|
23
|
-
</div><div class="diff-empty">Error loading diff: ${p(s)}</div></div>`}}}function
|
|
22
|
+
<span class="diff-filename">${p(t)}</span>
|
|
23
|
+
</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">
|
|
24
24
|
<button class="diff-back">\u2190 Back</button>
|
|
25
|
-
<span class="diff-filename">${p(
|
|
26
|
-
</div><div class="diff-empty">No diff content available</div></div>`;return}let{html:s,lineCount:
|
|
25
|
+
<span class="diff-filename">${p(t)}</span>
|
|
26
|
+
</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">
|
|
27
27
|
<button class="diff-back">\u2190 Back</button>
|
|
28
|
-
<span class="diff-filename">${p(
|
|
29
|
-
<span class="diff-filesize">${
|
|
30
|
-
</div><div class="diff-content">${s}</div></div>`,
|
|
31
|
-
<span class="tab-fav">${Te(16)}</span>
|
|
32
|
-
<span class="tab-title">${p(n.title)}</span>
|
|
33
|
-
<button class="tab-close" data-close="${n.id}" title="Close tab" aria-label="Close tab">×</button>
|
|
34
|
-
</div>`}e+='<button class="tab-new" id="tab-new-btn"><svg viewBox="0 0 24 24" fill="currentColor" width="16" height="16"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg> New Tab</button>',m.innerHTML=e,m.querySelectorAll(".tab-item").forEach(n=>{n.addEventListener("click",s=>{s.target.closest(".tab-close")||vt(n.dataset.tab)})}),m.querySelectorAll(".tab-close").forEach(n=>{n.addEventListener("click",s=>{s.stopPropagation(),vn(n.dataset.close)})});let t=document.getElementById("tab-new-btn");t&&t.addEventListener("click",()=>{te(),x.focus()})}function vt(e){h=e,I();let t=V();t&&(x.value=t.url||"",Y(),t.error?ne(t.error):t.url?A(t.id,t.url,!1):Ie())}function vn(e){let t=S.findIndex(n=>n.id===e);if(t!==-1){if(S.splice(t,1),S.length===0){h=null,I(),Ie();return}h===e?(h=S[Math.max(0,t-1)].id,vt(h)):I()}}function Y(){let e=V();pt.disabled=!e||e.historyIdx<=0,ft.disabled=!e||e.historyIdx>=e.history.length-1}function Ie(){z.innerHTML=`<div class="browser-state">
|
|
35
|
-
<div class="big">${Te(44)}</div>
|
|
36
|
-
<div>Type a URL or search terms in the address bar above.</div>
|
|
37
|
-
<div class="hint">Ctrl/Cmd-click any link to open it in a new tab.</div>
|
|
38
|
-
</div>`,Y()}function ne(e){z.innerHTML=`<div class="browser-state">
|
|
39
|
-
<div class="big" style="color:#ef4444">${Te(44)}</div>
|
|
40
|
-
<div>Could not load page</div>
|
|
41
|
-
<div class="hint" style="color:#ef4444">${p(e)}</div>
|
|
42
|
-
</div>`}function yt(){z.innerHTML=`<div class="browser-state">
|
|
43
|
-
<div class="big">${Te(44)}</div>
|
|
44
|
-
<div>Loading\u2026</div>
|
|
45
|
-
</div>`}async function A(e,t,n){let s=S.find(c=>c.id===e);if(!s)return;let l=hn(t);if(!l)return;let o=++s.seq;n&&(s.history=s.history.slice(0,s.historyIdx+1),s.history.push(l),s.historyIdx=s.history.length-1),s.url=l,s.error=null,h===e&&(x.value=l,Y(),yt());try{let c=await fetch("/api/browse?url="+encodeURIComponent(l)+"&tab="+encodeURIComponent(e)),r=await c.json();if(s.seq!==o)return;if(!c.ok||r.error){let g=r.error||"HTTP "+c.status;s.error=g,h===e&&ne(g),I();return}let f=r.finalUrl||l;s.url=f,s.title=r.title||s.title,s.history[s.historyIdx]=f,h===e&&(x.value=f,Y(),gt(r)),I()}catch(c){if(s.seq!==o)return;s.error="Network error: "+(c instanceof Error?c.message:String(c)),h===e&&ne(s.error),I()}}function yn(){let e=V();!e||e.historyIdx<=0||(e.historyIdx--,A(e.id,e.history[e.historyIdx],!1))}function gn(){let e=V();!e||e.historyIdx>=e.history.length-1||(e.historyIdx++,A(e.id,e.history[e.historyIdx],!1))}function gt(e){let t="";e.truncated&&(t+='<div class="browser-bar"><span class="err">Response truncated \u2014 page may be incomplete.</span></div>'),t+=e.html||"",z.innerHTML=t,wn(),z.scrollTop=0}function wn(){z.querySelectorAll("a[href]").forEach(e=>{e.addEventListener("click",t=>{let n=e.getAttribute("href")||"";if(n.startsWith("/api/browse?")){t.preventDefault();let s=t,l=null;try{l=new URL(n,location.origin).searchParams.get("url")}catch{return}if(!l)return;if(s.ctrlKey||s.metaKey||s.shiftKey){let o=te();A(o,l,!0)}else A(h,l,!0)}else/^(about|blob|file):/i.test(n)&&t.preventDefault()})}),z.querySelectorAll("form").forEach(e=>{e.addEventListener("submit",t=>{t.preventDefault();let n=e.getAttribute("action")||"";if(!n.startsWith("/api/browse/submit?"))return;let s=null;try{s=new URL(n,location.origin).searchParams.get("tab")||h}catch{s=h}if(!s)return;let l=new FormData(e),o=new URLSearchParams;l.forEach((c,r)=>o.append(r,String(c))),bn(s,o)})})}async function bn(e,t){let n=S.find(o=>o.id===e);if(!n)return;let s=++n.seq,l=t.get("__browse_action")||"";h===e&&yt();try{let o=await fetch("/api/browse/submit?tab="+encodeURIComponent(e),{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:t.toString()}),c=await o.json();if(n.seq!==s)return;if(!o.ok||c.error){let f=c.error||"HTTP "+o.status;n.error=f,h===e&&ne(f);return}let r=c.finalUrl||l||n.url||"";n.url=r,n.title=c.title||n.title,n.history=n.history.slice(0,n.historyIdx+1),n.history.push(r),n.historyIdx=n.history.length-1,n.error=null,h===e&&(x.value=r,Y(),gt(c)),I()}catch(o){if(n.seq!==s)return;n.error="Network error: "+(o instanceof Error?o.message:String(o)),h===e&&ne(n.error)}}function Ln(){if(!ke){if(ke=!0,$.style.display!=="none"?(F="files",u&&(U(),u.destroy(),u=null)):u||w.style.display!=="none"?(F="terminal",xe=v,u&&(U(),u.destroy(),u=null),v=null):F="none",w.style.display="none",$.style.display="none",Pe.style.display="none",C.style.display="none",j(null),mt.style.display="none",ut.style.display="flex",!h)te();else{I();let e=V();e&&(x.value=e.url||"",Y(),e.url?A(e.id,e.url,!1):Ie())}he()}}function se(){if(ke){if(ke=!1,ut.style.display="none",mt.style.display="",F==="files")$.style.display="flex";else if(F==="terminal"&&xe){let e=xe;xe=null,Q(e)}else v?(w.style.display="",w.classList.add("terminal-pending"),Ne()):C.style.display="flex";F="none"}}pt.addEventListener("click",yn),ft.addEventListener("click",gn),pn.addEventListener("click",()=>{let e=V();e&&e.url&&A(e.id,e.url,!1)}),fn.addEventListener("click",()=>{te(),x.focus(),x.select()}),x.addEventListener("keydown",e=>{if(e.key==="Enter"){e.preventDefault();let t=h||te();A(t,x.value,!0),x.blur()}}),document.getElementById("mode-settings").addEventListener("click",()=>{let e=tt.classList.toggle("open");$e.classList.toggle("open",e)}),$e.addEventListener("click",()=>{tt.classList.remove("open"),$e.classList.remove("open")});var N="",ie=document.createElement("div");ie.className="session-popover-backdrop",document.body.appendChild(ie);var H=document.createElement("div");H.id="session-popover",H.className="session-popover",H.style.display="none",H.innerHTML=`<div class="sp-field">
|
|
28
|
+
<span class="diff-filename">${p(t)}</span>
|
|
29
|
+
<span class="diff-filesize">${o} lines</span>
|
|
30
|
+
</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">
|
|
46
31
|
<label>Rename session</label>
|
|
47
32
|
<input type="text" id="sp-name" />
|
|
48
33
|
</div>
|
|
@@ -51,5 +36,5 @@ var Ft="https://esm.sh/ghostty-web@0.4.0",Vt=/\x1b\](?:10|11|110|111|104)(?:;[^\
|
|
|
51
36
|
<button class="btn" id="sp-cancel">Cancel</button>
|
|
52
37
|
</div>
|
|
53
38
|
<hr class="sp-divider" />
|
|
54
|
-
<button class="btn danger" id="sp-delete">Delete session</button>`,document.body.appendChild(
|
|
55
|
-
`).length;
|
|
39
|
+
<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(`
|
|
40
|
+
`).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+'">×</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();
|
|
@@ -1,45 +1,30 @@
|
|
|
1
|
-
import{initTerminal as
|
|
2
|
-
<span>${
|
|
3
|
-
<button class="session-edit-btn" data-session="${
|
|
4
|
-
`,a.addEventListener("click",
|
|
1
|
+
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>
|
|
2
|
+
<span>${c(i.name)}</span>
|
|
3
|
+
<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>
|
|
4
|
+
`,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,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""")}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">
|
|
5
5
|
<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>
|
|
6
|
-
${
|
|
6
|
+
${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>
|
|
7
7
|
<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}">
|
|
8
|
-
${o}<span class="file-path">${
|
|
8
|
+
${o}<span class="file-path">${c(s.path)}</span>
|
|
9
9
|
<span class="file-add">${i>0?"+"+i:""}</span>
|
|
10
10
|
<span class="file-del">${a>0?"-"+a:""}</span>
|
|
11
|
-
</div>`}t+='<div class="git-popover-footer"><button id="git-popover-browse">Browse repository \u2192</button></div>',
|
|
11
|
+
</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?`
|
|
12
12
|
`:"")+t).split(`
|
|
13
|
-
`);let i="",a=0,o=0;for(const
|
|
13
|
+
`);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">
|
|
14
14
|
<button class="diff-back">\u2190 Back</button>
|
|
15
|
-
<span class="diff-filename">${
|
|
15
|
+
<span class="diff-filename">${c(e)}</span>
|
|
16
16
|
<span class="diff-loading">Loading\u2026</span>
|
|
17
|
-
</div></div>`,
|
|
17
|
+
</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">
|
|
18
18
|
<button class="diff-back">\u2190 Back</button>
|
|
19
|
-
<span class="diff-filename">${
|
|
20
|
-
</div><div class="diff-empty">Error loading diff: ${
|
|
19
|
+
<span class="diff-filename">${c(e)}</span>
|
|
20
|
+
</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">
|
|
21
21
|
<button class="diff-back">\u2190 Back</button>
|
|
22
|
-
<span class="diff-filename">${
|
|
23
|
-
</div><div class="diff-empty">No diff content available</div></div>`;return}const{html:s,lineCount:i}=
|
|
22
|
+
<span class="diff-filename">${c(e)}</span>
|
|
23
|
+
</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">
|
|
24
24
|
<button class="diff-back">\u2190 Back</button>
|
|
25
|
-
<span class="diff-filename">${
|
|
25
|
+
<span class="diff-filename">${c(e)}</span>
|
|
26
26
|
<span class="diff-filesize">${i} lines</span>
|
|
27
|
-
</div><div class="diff-content">${s}</div></div>`,
|
|
28
|
-
<span class="tab-fav">${ce(16)}</span>
|
|
29
|
-
<span class="tab-title">${d(n.title)}</span>
|
|
30
|
-
<button class="tab-close" data-close="${n.id}" title="Close tab" aria-label="Close tab">×</button>
|
|
31
|
-
</div>`}e+='<button class="tab-new" id="tab-new-btn"><svg viewBox="0 0 24 24" fill="currentColor" width="16" height="16"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg> New Tab</button>',f.innerHTML=e,f.querySelectorAll(".tab-item").forEach(n=>{n.addEventListener("click",s=>{s.target.closest(".tab-close")||Fe(n.dataset.tab)})}),f.querySelectorAll(".tab-close").forEach(n=>{n.addEventListener("click",s=>{s.stopPropagation(),ft(n.dataset.close)})});const t=document.getElementById("tab-new-btn");t&&t.addEventListener("click",()=>{G(),b.focus()})}function Fe(e){p=e,w();const t=A();t&&(b.value=t.url||"",F(),t.error?O(t.error):t.url?T(t.id,t.url,!1):de())}function ft(e){const t=k.findIndex(n=>n.id===e);if(t!==-1){if(k.splice(t,1),k.length===0){p=null,w(),de();return}p===e?(p=k[Math.max(0,t-1)].id,Fe(p)):w()}}function F(){const e=A();De.disabled=!e||e.historyIdx<=0,Ne.disabled=!e||e.historyIdx>=e.history.length-1}function de(){S.innerHTML=`<div class="browser-state">
|
|
32
|
-
<div class="big">${ce(44)}</div>
|
|
33
|
-
<div>Type a URL or search terms in the address bar above.</div>
|
|
34
|
-
<div class="hint">Ctrl/Cmd-click any link to open it in a new tab.</div>
|
|
35
|
-
</div>`,F()}function O(e){S.innerHTML=`<div class="browser-state">
|
|
36
|
-
<div class="big" style="color:#ef4444">${ce(44)}</div>
|
|
37
|
-
<div>Could not load page</div>
|
|
38
|
-
<div class="hint" style="color:#ef4444">${d(e)}</div>
|
|
39
|
-
</div>`}function qe(){S.innerHTML=`<div class="browser-state">
|
|
40
|
-
<div class="big">${ce(44)}</div>
|
|
41
|
-
<div>Loading\u2026</div>
|
|
42
|
-
</div>`}async function T(e,t,n){const s=k.find(o=>o.id===e);if(!s)return;const i=dt(t);if(!i)return;const a=++s.seq;n&&(s.history=s.history.slice(0,s.historyIdx+1),s.history.push(i),s.historyIdx=s.history.length-1),s.url=i,s.error=null,p===e&&(b.value=i,F(),qe());try{const o=await fetch("/api/browse?url="+encodeURIComponent(i)+"&tab="+encodeURIComponent(e)),l=await o.json();if(s.seq!==a)return;if(!o.ok||l.error){const h=l.error||"HTTP "+o.status;s.error=h,p===e&&O(h),w();return}const r=l.finalUrl||i;s.url=r,s.title=l.title||s.title,s.history[s.historyIdx]=r,p===e&&(b.value=r,F(),Ue(l)),w()}catch(o){if(s.seq!==a)return;s.error="Network error: "+(o instanceof Error?o.message:String(o)),p===e&&O(s.error),w()}}function pt(){const e=A();!e||e.historyIdx<=0||(e.historyIdx--,T(e.id,e.history[e.historyIdx],!1))}function ut(){const e=A();!e||e.historyIdx>=e.history.length-1||(e.historyIdx++,T(e.id,e.history[e.historyIdx],!1))}function Ue(e){let t="";e.truncated&&(t+='<div class="browser-bar"><span class="err">Response truncated \u2014 page may be incomplete.</span></div>'),t+=e.html||"",S.innerHTML=t,mt(),S.scrollTop=0}function mt(){S.querySelectorAll("a[href]").forEach(e=>{e.addEventListener("click",t=>{const n=e.getAttribute("href")||"";if(n.startsWith("/api/browse?")){t.preventDefault();const s=t;let i=null;try{i=new URL(n,location.origin).searchParams.get("url")}catch{return}if(!i)return;if(s.ctrlKey||s.metaKey||s.shiftKey){const a=G();T(a,i,!0)}else T(p,i,!0)}else/^(about|blob|file):/i.test(n)&&t.preventDefault()})}),S.querySelectorAll("form").forEach(e=>{e.addEventListener("submit",t=>{t.preventDefault();const n=e.getAttribute("action")||"";if(!n.startsWith("/api/browse/submit?"))return;let s=null;try{s=new URL(n,location.origin).searchParams.get("tab")||p}catch{s=p}if(!s)return;const i=new FormData(e),a=new URLSearchParams;i.forEach((o,l)=>a.append(l,String(o))),vt(s,a)})})}async function vt(e,t){const n=k.find(a=>a.id===e);if(!n)return;const s=++n.seq,i=t.get("__browse_action")||"";p===e&&qe();try{const a=await fetch("/api/browse/submit?tab="+encodeURIComponent(e),{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:t.toString()}),o=await a.json();if(n.seq!==s)return;if(!a.ok||o.error){const r=o.error||"HTTP "+a.status;n.error=r,p===e&&O(r);return}const l=o.finalUrl||i||n.url||"";n.url=l,n.title=o.title||n.title,n.history=n.history.slice(0,n.historyIdx+1),n.history.push(l),n.historyIdx=n.history.length-1,n.error=null,p===e&&(b.value=l,F(),Ue(o)),w()}catch(a){if(n.seq!==s)return;n.error="Network error: "+(a instanceof Error?a.message:String(a)),p===e&&O(n.error)}}function yt(){if(!re){if(re=!0,I.style.display!=="none"?(P="files",c&&(N(),c.destroy(),c=null)):c||v.style.display!=="none"?(P="terminal",le=u,c&&(N(),c.destroy(),c=null),u=null):P="none",v.style.display="none",I.style.display="none",ye.style.display="none",E.style.display="none",D(null),Pe.style.display="none",Re.style.display="flex",!p)G();else{w();const e=A();e&&(b.value=e.url||"",F(),e.url?T(e.id,e.url,!1):de())}Q()}}function V(){if(re){if(re=!1,Re.style.display="none",Pe.style.display="",P==="files")I.style.display="flex";else if(P==="terminal"&&le){const e=le;le=null,z(e)}else u?(v.style.display="",v.classList.add("terminal-pending"),ge()):E.style.display="flex";P="none"}}De.addEventListener("click",pt),Ne.addEventListener("click",ut),rt.addEventListener("click",()=>{const e=A();e&&e.url&&T(e.id,e.url,!1)}),lt.addEventListener("click",()=>{G(),b.focus(),b.select()}),b.addEventListener("keydown",e=>{if(e.key==="Enter"){e.preventDefault();const t=p||G();T(t,b.value,!0),b.blur()}}),document.getElementById("mode-settings").addEventListener("click",()=>{const e=ke.classList.toggle("open");ue.classList.toggle("open",e)}),ue.addEventListener("click",()=>{ke.classList.remove("open"),ue.classList.remove("open")});let H="";const _=document.createElement("div");_.className="session-popover-backdrop",document.body.appendChild(_);const x=document.createElement("div");x.id="session-popover",x.className="session-popover",x.style.display="none",x.innerHTML=`<div class="sp-field">
|
|
27
|
+
</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">
|
|
43
28
|
<label>Rename session</label>
|
|
44
29
|
<input type="text" id="sp-name" />
|
|
45
30
|
</div>
|
|
@@ -48,5 +33,5 @@ import{initTerminal as We}from"./terminal-core.js";const q=window.__TMUX_WEB_SHE
|
|
|
48
33
|
<button class="btn" id="sp-cancel">Cancel</button>
|
|
49
34
|
</div>
|
|
50
35
|
<hr class="sp-divider" />
|
|
51
|
-
<button class="btn danger" id="sp-delete">Delete session</button>`,document.body.appendChild(
|
|
52
|
-
`).length;
|
|
36
|
+
<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(`
|
|
37
|
+
`).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+'">×</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();
|