itwillsync 1.3.8 → 1.5.1

package/dist/hub/dashboard/assets/{index-DgUZUPW_.js → index-DdOxsvuU.js}

@@ -1,2 +1,2 @@
 (function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const a of document.querySelectorAll('link[rel="modulepreload"]'))o(a);new MutationObserver(a=>{for(const s of a)if(s.type==="childList")for(const i of s.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&o(i)}).observe(document,{childList:!0,subtree:!0});function n(a){const s={};return a.integrity&&(s.integrity=a.integrity),a.referrerPolicy&&(s.referrerPolicy=a.referrerPolicy),a.crossOrigin==="use-credentials"?s.credentials="include":a.crossOrigin==="anonymous"?s.credentials="omit":s.credentials="same-origin",s}function o(a){if(a.ep)return;a.ep=!0;const s=n(a);fetch(a.href,s)}})();function B(e){const t=Math.floor(e/1e3);if(t<60)return`${t}s`;const n=Math.floor(t/60);if(n<60)return`${n}m`;const o=Math.floor(n/60),a=n%60;return`${o}h ${a}m`}function z(e){const t=e.match(/^\/(?:Users|home)\/[^/]+/)?.[0];return t?"~"+e.slice(t.length):e}function X(e){return e<1024?`${e} KB`:`${(e/1024).toFixed(1)} MB`}function H(e,t,n){const o=document.createElement("div");o.className=`session-card${e.status==="attention"?" attention":""}`,o.dataset.sessionId=e.id;const a=B(Date.now()-e.connectedAt),s=z(e.cwd),i=document.createElement("div");i.className="card-header";const c=document.createElement("div");c.className="card-agent";const p=document.createElement("div");p.className=`agent-dot ${e.status}`;const P=document.createElement("span");P.className="agent-name",P.textContent=e.name||e.agent,c.appendChild(p),c.appendChild(P);const k=document.createElement("span");k.className="card-uptime",k.textContent=a,i.appendChild(c),i.appendChild(k);const I=document.createElement("div");I.className="card-cwd",I.textContent=s;const h=document.createElement("div");h.className="card-preview";const $=document.createElement("pre");$.className="card-preview-text",$.textContent="Waiting for output...",h.appendChild($),h.addEventListener("click",l=>{l.stopPropagation(),n.onOpen(e)});const g=document.createElement("div");g.className="card-status";const E=document.createElement("span");E.className=`status-badge ${e.status}`,E.textContent=e.status,e.status==="attention"&&(E.style.display="none");const v=document.createElement("span");v.className="attention-badge",v.textContent="Needs your attention",e.status!=="attention"&&(v.style.display="none"),g.appendChild(E),g.appendChild(v);const f=document.createElement("div");f.className="card-actions";const C=document.createElement("button");C.className="action-btn stop",C.textContent="Stop",C.addEventListener("click",l=>{l.stopPropagation(),Q(o,e.id,n.onStop)});const w=document.createElement("button");w.className="action-btn rename",w.textContent="Rename",w.addEventListener("click",l=>{l.stopPropagation(),Z(o,e.id,n.onRename)});const N=document.createElement("button");N.className="action-btn info",N.textContent="Info",N.addEventListener("click",l=>{l.stopPropagation(),n.onInfo(e.id)});const b=document.createElement("button");b.className="action-btn open",b.textContent="Open",b.addEventListener("click",l=>{l.stopPropagation(),n.onOpen(e)}),f.appendChild(b),f.appendChild(w),f.appendChild(N),f.appendChild(C);const R=document.createElement("div");return R.className="card-metadata hidden",o.addEventListener("click",()=>{n.onOpen(e)}),o.appendChild(i),o.appendChild(I),o.appendChild(h),o.appendChild(g),o.appendChild(f),o.appendChild(R),o}function Q(e,t,n){e.querySelector(".confirm-overlay")?.remove();const o=document.createElement("div");o.className="confirm-overlay";const a=document.createElement("span");a.className="confirm-msg",a.textContent="Stop this session?";const s=document.createElement("button");s.className="confirm-btn yes",s.textContent="Yes",s.addEventListener("click",c=>{c.stopPropagation(),n(t),o.remove()});const i=document.createElement("button");i.className="confirm-btn no",i.textContent="No",i.addEventListener("click",c=>{c.stopPropagation(),o.remove()}),o.addEventListener("click",c=>c.stopPropagation()),o.appendChild(a),o.appendChild(s),o.appendChild(i),e.appendChild(o)}function Z(e,t,n){const o=e.querySelector(".agent-name");if(!o)return;const a=o.textContent||"",s=document.createElement("input");s.className="rename-input",s.type="text",s.value=a;const i=()=>{const c=s.value.trim();c&&c!==a&&n(t,c),o.textContent=c||a,o.style.display="",s.remove()};s.addEventListener("keydown",c=>{c.stopPropagation(),c.key==="Enter"?i():c.key==="Escape"&&(o.textContent=a,o.style.display="",s.remove())}),s.addEventListener("blur",i),s.addEventListener("click",c=>c.stopPropagation()),o.style.display="none",o.parentElement?.insertBefore(s,o.nextSibling),s.focus(),s.select()}function G(e,t){const n=e.querySelector(".agent-dot"),o=e.querySelector(".status-badge"),a=e.querySelector(".card-uptime"),s=e.querySelector(".agent-name");n&&(n.className=`agent-dot ${t.status}`),o&&(o.className=`status-badge ${t.status}`,o.textContent=t.status),a&&(a.textContent=B(Date.now()-t.connectedAt)),s&&!s.style.display&&(s.textContent=t.name||t.agent);const i=t.status==="attention";o&&(o.style.display=i?"none":"");const c=e.querySelector(".attention-badge");c&&(c.style.display=i?"":"none"),t.status==="attention"?e.classList.add("attention"):e.classList.remove("attention")}function ee(e,t){const n=e.querySelector(".card-preview-text");n&&(t.length>0?(n.textContent=t.join(`
-`),n.classList.remove("empty")):(n.textContent="Waiting for output...",n.classList.add("empty")))}function te(e,t){const n=e.querySelector(".card-metadata");if(!n)return;for(;n.firstChild;)n.removeChild(n.firstChild);const o=[["PID",String(t.pid)],["Agent",t.agent],["Port",String(t.port)],["Directory",t.cwd],["Memory",X(t.memoryKB)],["Uptime",B(t.uptimeMs)]];for(const[a,s]of o){const i=document.createElement("div");i.className="meta-row";const c=document.createElement("span");c.className="meta-label",c.textContent=a;const p=document.createElement("span");p.className="meta-value",p.textContent=s,i.appendChild(c),i.appendChild(p),n.appendChild(i)}n.classList.toggle("hidden")}let r=null,q=!1;function ne(){if(!q){q=!0;try{r=new AudioContext,r.state==="suspended"&&r.resume()}catch{}}}function U(){if(!r)return;r.state==="suspended"&&r.resume();const e=r.currentTime,t=r.createOscillator(),n=r.createGain();t.frequency.value=587.33,t.type="sine",n.gain.setValueAtTime(.3,e),n.gain.exponentialRampToValueAtTime(.01,e+.3),t.connect(n),n.connect(r.destination),t.start(e),t.stop(e+.3);const o=r.createOscillator(),a=r.createGain();o.frequency.value=880,o.type="sine",a.gain.setValueAtTime(.3,e+.15),a.gain.exponentialRampToValueAtTime(.01,e+.45),o.connect(a),a.connect(r.destination),o.start(e+.15),o.stop(e+.45)}const D=120*1e3,u=new Map;function _(e){if(u.has(e))return;U();const t=setTimeout(function n(){U();const o=u.get(e);o&&(o.timerId=setTimeout(n,D))},D);u.set(e,{timerId:t})}function A(e){const t=u.get(e);t&&(clearTimeout(t.timerId),u.delete(e))}function V(){for(const e of u.values())clearTimeout(e.timerId);u.clear()}const oe=new URLSearchParams(window.location.search),J=oe.get("token");if(!J)throw document.body.textContent="Missing authentication token.",new Error("No token in URL");const ae=window.location.protocol==="https:"?"wss:":"ws:",se=`${ae}//${window.location.host}?token=${J}`,Y=window.location.hostname,y=new Map,m=new Map,ce=document.getElementById("session-list"),O=document.getElementById("empty-state"),ie=document.getElementById("session-count"),W=document.getElementById("status-dot");let M=null;function x(){ne(),document.removeEventListener("click",x),document.removeEventListener("touchstart",x)}document.addEventListener("click",x);document.addEventListener("touchstart",x);function S(e){d&&d.readyState===WebSocket.OPEN&&d.send(JSON.stringify(e))}const re={onOpen(e){const t=y.get(e.id)||e;t.status==="attention"&&(S({type:"clear-attention",sessionId:t.id}),A(t.id));const n=window.location.href,o=`http://${Y}:${t.port}?token=${t.token}&hub=${encodeURIComponent(n)}`;window.open(o,"_blank")},onStop(e){S({type:"stop-session",sessionId:e})},onRename(e,t){S({type:"rename-session",sessionId:e,name:t})},onInfo(e){S({type:"get-metadata",sessionId:e})}};function j(){const e=y.size;ie.textContent=`${e} session${e!==1?"s":""}`,e===0?O.style.display="flex":O.style.display="none"}function F(e){y.set(e.id,e);const t=H(e,Y,re);m.set(e.id,t),ce.insertBefore(t,O),j()}function K(e){y.delete(e);const t=m.get(e);t&&(t.remove(),m.delete(e)),j()}function de(e){y.set(e.id,e);const t=m.get(e.id);t&&G(t,e)}function le(){for(const[e,t]of y){const n=m.get(e);n&&G(n,t)}}let d=null,L=0;const me=1e4;function T(){d=new WebSocket(se),d.onopen=()=>{W.className="connected",L=0,M&&clearInterval(M),M=setInterval(le,1e4)},d.onmessage=e=>{try{const t=JSON.parse(e.data);switch(t.type){case"sessions":{V();for(const n of m.keys())K(n);for(const n of t.sessions)F(n),n.status==="attention"&&_(n.id);break}case"session-added":{F(t.session);break}case"session-removed":{const n=t.sessionId;A(n),K(n);break}case"session-updated":{const n=t.session;de(n),n.status==="attention"?_(n.id):A(n.id);break}case"preview":{const n=m.get(t.sessionId);n&&ee(n,t.lines);break}case"metadata":{const n=m.get(t.sessionId);n&&te(n,t.metadata);break}case"operation-error":{console.warn(`Operation "${t.operation}" failed for session ${t.sessionId}: ${t.error}`);break}}}catch{}},d.onclose=()=>{W.className="reconnecting",V(),ue()},d.onerror=()=>{d?.close()}}function ue(){const e=Math.min(1e3*Math.pow(1.5,L),me);L++,setTimeout(T,e)}document.addEventListener("visibilitychange",()=>{document.visibilityState==="visible"&&d?.readyState!==WebSocket.OPEN&&(L=0,T())});T();
+`),n.classList.remove("empty")):(n.textContent="Waiting for output...",n.classList.add("empty")))}function te(e,t){const n=e.querySelector(".card-metadata");if(!n)return;for(;n.firstChild;)n.removeChild(n.firstChild);const o=[["PID",String(t.pid)],["Agent",t.agent],["Port",String(t.port)],["Directory",t.cwd],["Memory",X(t.memoryKB)],["Uptime",B(t.uptimeMs)]];for(const[a,s]of o){const i=document.createElement("div");i.className="meta-row";const c=document.createElement("span");c.className="meta-label",c.textContent=a;const p=document.createElement("span");p.className="meta-value",p.textContent=s,i.appendChild(c),i.appendChild(p),n.appendChild(i)}n.classList.toggle("hidden")}let r=null,q=!1;function ne(){if(!q){q=!0;try{r=new AudioContext,r.state==="suspended"&&r.resume()}catch{}}}function U(){if(!r)return;r.state==="suspended"&&r.resume();const e=r.currentTime,t=r.createOscillator(),n=r.createGain();t.frequency.value=587.33,t.type="sine",n.gain.setValueAtTime(.3,e),n.gain.exponentialRampToValueAtTime(.01,e+.3),t.connect(n),n.connect(r.destination),t.start(e),t.stop(e+.3);const o=r.createOscillator(),a=r.createGain();o.frequency.value=880,o.type="sine",a.gain.setValueAtTime(.3,e+.15),a.gain.exponentialRampToValueAtTime(.01,e+.45),o.connect(a),a.connect(r.destination),o.start(e+.15),o.stop(e+.45)}const D=120*1e3,u=new Map;function V(e){if(u.has(e))return;U();const t=setTimeout(function n(){U();const o=u.get(e);o&&(o.timerId=setTimeout(n,D))},D);u.set(e,{timerId:t})}function A(e){const t=u.get(e);t&&(clearTimeout(t.timerId),u.delete(e))}function W(){for(const e of u.values())clearTimeout(e.timerId);u.clear()}const oe=new URLSearchParams(window.location.search),J=oe.get("token");if(!J)throw document.body.textContent="Missing authentication token.",new Error("No token in URL");const ae=window.location.protocol==="https:"?"wss:":"ws:",se=`${ae}//${window.location.host}?token=${J}`,Y=window.location.hostname,y=new Map,m=new Map,ce=document.getElementById("session-list"),O=document.getElementById("empty-state"),ie=document.getElementById("session-count"),_=document.getElementById("status-dot");let M=null;function x(){ne(),document.removeEventListener("click",x),document.removeEventListener("touchstart",x)}document.addEventListener("click",x);document.addEventListener("touchstart",x);function S(e){d&&d.readyState===WebSocket.OPEN&&d.send(JSON.stringify(e))}const re={onOpen(e){const t=y.get(e.id)||e;t.status==="attention"&&(S({type:"clear-attention",sessionId:t.id}),A(t.id));const n=window.location.href,o=`http://${Y}:${t.port}?token=${t.token}&hub=${encodeURIComponent(n)}`;window.open(o,`session-${t.id}`)},onStop(e){S({type:"stop-session",sessionId:e})},onRename(e,t){S({type:"rename-session",sessionId:e,name:t})},onInfo(e){S({type:"get-metadata",sessionId:e})}};function j(){const e=y.size;ie.textContent=`${e} session${e!==1?"s":""}`,e===0?O.style.display="flex":O.style.display="none"}function F(e){y.set(e.id,e);const t=H(e,Y,re);m.set(e.id,t),ce.insertBefore(t,O),j()}function K(e){y.delete(e);const t=m.get(e);t&&(t.remove(),m.delete(e)),j()}function de(e){y.set(e.id,e);const t=m.get(e.id);t&&G(t,e)}function le(){for(const[e,t]of y){const n=m.get(e);n&&G(n,t)}}let d=null,L=0;const me=1e4;function T(){d=new WebSocket(se),d.onopen=()=>{_.className="connected",L=0,M&&clearInterval(M),M=setInterval(le,1e4)},d.onmessage=e=>{try{const t=JSON.parse(e.data);switch(t.type){case"sessions":{W();for(const n of m.keys())K(n);for(const n of t.sessions)F(n),n.status==="attention"&&V(n.id);break}case"session-added":{F(t.session);break}case"session-removed":{const n=t.sessionId;A(n),K(n);break}case"session-updated":{const n=t.session;de(n),n.status==="attention"?V(n.id):A(n.id);break}case"preview":{const n=m.get(t.sessionId);n&&ee(n,t.lines);break}case"metadata":{const n=m.get(t.sessionId);n&&te(n,t.metadata);break}case"operation-error":{console.warn(`Operation "${t.operation}" failed for session ${t.sessionId}: ${t.error}`);break}}}catch{}},d.onclose=()=>{_.className="reconnecting",W(),ue()},d.onerror=()=>{d?.close()}}function ue(){const e=Math.min(1e3*Math.pow(1.5,L),me);L++,setTimeout(T,e)}document.addEventListener("visibilitychange",()=>{document.visibilityState==="visible"&&d?.readyState!==WebSocket.OPEN&&(L=0,T())});T();

package/dist/hub/dashboard/index.html

@@ -7,7 +7,7 @@
   <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
   <meta name="theme-color" content="#1a1a2e" />
   <title>itwillsync Dashboard</title>
-  <script type="module" crossorigin src="/assets/index-DgUZUPW_.js"></script>
+  <script type="module" crossorigin src="/assets/index-DdOxsvuU.js"></script>
   <link rel="stylesheet" crossorigin href="/assets/index-Erqx_a0N.css">
 </head>
 <body>

package/dist/index.js

@@ -3732,9 +3732,11 @@ var PtyManager = class {
    */
   resize(cols, rows) {
     try {
-      this.ptyProcess.resize(cols, rows);
-      this._cols = cols;
-      this._rows = rows;
+      const clampedCols = Math.max(1, Math.min(500, Math.floor(cols)));
+      const clampedRows = Math.max(1, Math.min(200, Math.floor(rows)));
+      this.ptyProcess.resize(clampedCols, clampedRows);
+      this._cols = clampedCols;
+      this._rows = clampedRows;
     } catch {
     }
   }
@@ -3937,12 +3939,25 @@ async function serveStaticFile(webClientPath, filePath, req, res) {
   }
 }
 var PING_INTERVAL_MS = 3e4;
-var SCROLLBACK_BUFFER_SIZE = 5e4;
+var DEFAULT_SCROLLBACK_SIZE = 10485760;
+var DEFAULT_CLIENT_BUFFER_LIMIT = 262144;
 function createSyncServer(options) {
-  const { ptyManager, token, webClientPath, host, port, localTerminalOwnsResize = false } = options;
+  const {
+    ptyManager,
+    token,
+    webClientPath,
+    host,
+    port,
+    resizePolicy = "last-writer-wins",
+    scrollbackBufferSize = DEFAULT_SCROLLBACK_SIZE,
+    clientBufferLimit = DEFAULT_CLIENT_BUFFER_LIMIT,
+    logger
+  } = options;
   const clients = /* @__PURE__ */ new Set();
   const aliveMap = /* @__PURE__ */ new WeakMap();
+  const dropCounters = /* @__PURE__ */ new WeakMap();
   let scrollbackBuffer = "";
+  let scrollbackBytes = 0;
   let seq = 0;
   const httpServer = createServer2(async (req, res) => {
     const url = new URL(req.url || "/", `http://${req.headers.host}`);
@@ -3979,9 +3994,12 @@ function createSyncServer(options) {
   wssServer.on("connection", (ws) => {
     clients.add(ws);
     aliveMap.set(ws, true);
-    if (scrollbackBuffer.length > 0) {
-      ws.send(JSON.stringify({ type: "data", data: scrollbackBuffer, seq }));
-    }
+    let syncReceived = false;
+    const fallbackTimer = setTimeout(() => {
+      if (!syncReceived && scrollbackBuffer.length > 0) {
+        ws.send(JSON.stringify({ type: "data", data: scrollbackBuffer, seq }));
+      }
+    }, 150);
     ws.send(JSON.stringify({ type: "resize", cols: ptyManager.cols, rows: ptyManager.rows }));
     ws.on("pong", () => {
       aliveMap.set(ws, true);
@@ -3992,10 +4010,32 @@ function createSyncServer(options) {
         if (message.type === "input" && typeof message.data === "string") {
           ptyManager.write(message.data);
         } else if (message.type === "resize" && typeof message.cols === "number" && typeof message.rows === "number") {
-          if (!localTerminalOwnsResize) {
+          if (resizePolicy === "last-writer-wins") {
             ptyManager.resize(message.cols, message.rows);
+            const resizeMsg = JSON.stringify({ type: "resize", cols: ptyManager.cols, rows: ptyManager.rows });
+            for (const c of clients) {
+              if (c.readyState === c.OPEN) {
+                c.send(resizeMsg);
+              }
+            }
+          }
+        } else if (message.type === "sync" && typeof message.lastSeq === "number") {
+          syncReceived = true;
+          clearTimeout(fallbackTimer);
+          if (message.lastSeq === -1 || message.lastSeq < seq - scrollbackBuffer.length) {
+            if (scrollbackBuffer.length > 0) {
+              ws.send(JSON.stringify({ type: "data", data: scrollbackBuffer, seq }));
+            }
+          } else {
+            const missed = seq - message.lastSeq;
+            if (missed > 0 && scrollbackBuffer.length > 0) {
+              const delta = missed <= scrollbackBuffer.length ? scrollbackBuffer.slice(-missed) : scrollbackBuffer;
+              ws.send(JSON.stringify({ type: "data", data: delta, seq }));
+            }
           }
         } else if (message.type === "resume" && typeof message.lastSeq === "number") {
+          syncReceived = true;
+          clearTimeout(fallbackTimer);
           const missed = seq - message.lastSeq;
           if (missed > 0 && scrollbackBuffer.length > 0) {
             const delta = missed <= scrollbackBuffer.length ? scrollbackBuffer.slice(-missed) : scrollbackBuffer;
@@ -4013,16 +4053,31 @@ function createSyncServer(options) {
     });
   });
   ptyManager.onData((data) => {
+    if (logger) logger.write(data);
     seq += data.length;
     scrollbackBuffer += data;
-    if (scrollbackBuffer.length > SCROLLBACK_BUFFER_SIZE) {
-      scrollbackBuffer = scrollbackBuffer.slice(-SCROLLBACK_BUFFER_SIZE);
+    scrollbackBytes += Buffer.byteLength(data, "utf-8");
+    if (scrollbackBytes > scrollbackBufferSize) {
+      const target = Math.floor(scrollbackBufferSize * 0.5);
+      const excessBytes = scrollbackBytes - target;
+      const avgBytesPerChar = scrollbackBytes / scrollbackBuffer.length;
+      const trimChars = Math.min(Math.ceil(excessBytes / avgBytesPerChar), scrollbackBuffer.length);
+      const trimmed = scrollbackBuffer.slice(0, trimChars);
+      scrollbackBuffer = scrollbackBuffer.slice(trimChars);
+      scrollbackBytes -= Buffer.byteLength(trimmed, "utf-8");
     }
     const msg = JSON.stringify({ type: "data", data, seq });
     for (const client of clients) {
-      if (client.readyState === client.OPEN) {
-        client.send(msg);
+      if (client.readyState !== client.OPEN) continue;
+      if (client.bufferedAmount > clientBufferLimit) {
+        const count = (dropCounters.get(client) || 0) + 1;
+        dropCounters.set(client, count);
+        if (count === 100 || count > 100 && count % 1e3 === 0) {
+          console.warn(`  Warning: Dropped ${count} messages for slow client`);
+        }
+        continue;
       }
+      client.send(msg);
     }
   });
   httpServer.listen(port, host);
@@ -4038,8 +4093,9 @@ function createSyncServer(options) {
       wssServer.close();
       httpServer.close();
     },
-    broadcastResize(cols, rows) {
-      const msg = JSON.stringify({ type: "resize", cols, rows });
+    resizeFromLocal(cols, rows) {
+      ptyManager.resize(cols, rows);
+      const msg = JSON.stringify({ type: "resize", cols: ptyManager.cols, rows: ptyManager.rows });
       for (const client of clients) {
         if (client.readyState === client.OPEN) {
           client.send(msg);
@@ -4072,7 +4128,17 @@ import { existsSync, readFileSync, writeFileSync, mkdirSync } from "fs";
 import { homedir } from "os";
 import { join as join3 } from "path";
 var DEFAULT_CONFIG = {
-  networkingMode: "local"
+  networkingMode: "local",
+  scrollbackBufferSize: 10485760,
+  // 10MB
+  maxSessions: 20,
+  idleTimeoutMs: 864e5,
+  // 24 hours
+  logRetentionDays: 30,
+  clientBufferLimit: 262144,
+  // 256KB
+  maxTerminalCols: 500,
+  maxTerminalRows: 200
 };
 function getConfigDir() {
   return process.env.ITWILLSYNC_CONFIG_DIR || join3(homedir(), ".itwillsync");
@@ -4102,6 +4168,65 @@ function saveConfig(config) {
   );
 }
 
+// src/session-logger.ts
+import { createWriteStream, mkdirSync as mkdirSync2, unlinkSync } from "fs";
+import { createGzip } from "zlib";
+import { pipeline } from "stream/promises";
+import { createReadStream } from "fs";
+import { join as join4 } from "path";
+var FLUSH_INTERVAL_MS = 100;
+var BUFFER_SIZE = 4096;
+function getLogsDir() {
+  return join4(getConfigDir(), "logs");
+}
+var SessionLogger = class {
+  buffer = "";
+  stream;
+  logPath;
+  flushTimer;
+  closed = false;
+  constructor(sessionId) {
+    const logsDir = getLogsDir();
+    mkdirSync2(logsDir, { recursive: true });
+    this.logPath = join4(logsDir, `${sessionId}.log`);
+    this.stream = createWriteStream(this.logPath, { flags: "a" });
+    this.flushTimer = setInterval(() => this.flush(), FLUSH_INTERVAL_MS);
+  }
+  write(data) {
+    if (this.closed) return;
+    this.buffer += data;
+    if (this.buffer.length >= BUFFER_SIZE) {
+      this.flush();
+    }
+  }
+  flush() {
+    if (this.buffer.length === 0 || this.closed) return;
+    this.stream.write(this.buffer);
+    this.buffer = "";
+  }
+  async close() {
+    if (this.closed) return;
+    this.closed = true;
+    clearInterval(this.flushTimer);
+    this.flush();
+    await new Promise((resolve) => {
+      this.stream.end(() => resolve());
+    });
+    try {
+      const gzPath = this.logPath + ".gz";
+      const source = createReadStream(this.logPath);
+      const gzip = createGzip();
+      const dest = createWriteStream(gzPath);
+      await pipeline(source, gzip, dest);
+      try {
+        unlinkSync(this.logPath);
+      } catch {
+      }
+    } catch {
+    }
+  }
+};
+
 // src/wizard.ts
 import * as p from "@clack/prompts";
 async function runSetupWizard() {
@@ -4173,23 +4298,23 @@ async function runSetupWizard() {
 // src/cli-options.ts
 import { readFileSync as readFileSync3 } from "fs";
 import { fileURLToPath as fileURLToPath3 } from "url";
-import { dirname as dirname3, join as join5 } from "path";
+import { dirname as dirname3, join as join6 } from "path";
 
 // src/hub-client.ts
 import { spawn as spawn2 } from "child_process";
-import { readFileSync as readFileSync2, existsSync as existsSync2, unlinkSync } from "fs";
+import { readFileSync as readFileSync2, existsSync as existsSync2, unlinkSync as unlinkSync2 } from "fs";
 import { homedir as homedir2 } from "os";
-import { join as join4, dirname as dirname2 } from "path";
+import { join as join5, dirname as dirname2 } from "path";
 import { fileURLToPath as fileURLToPath2 } from "url";
 import { request } from "http";
 var HUB_INTERNAL_PORT = 7963;
 var HUB_EXTERNAL_PORT = 7962;
 var SESSION_PORT_START = 7964;
 function getHubDir() {
-  return process.env.ITWILLSYNC_CONFIG_DIR || join4(homedir2(), ".itwillsync");
+  return process.env.ITWILLSYNC_CONFIG_DIR || join5(homedir2(), ".itwillsync");
 }
 function getHubConfigPath() {
-  return join4(getHubDir(), "hub.json");
+  return join5(getHubDir(), "hub.json");
 }
 async function discoverHub() {
   return new Promise((resolve) => {
@@ -4272,18 +4397,18 @@ async function killStaleHub() {
   }
   const hubDir = getHubDir();
   try {
-    unlinkSync(join4(hubDir, "hub.json"));
+    unlinkSync2(join5(hubDir, "hub.json"));
   } catch {
   }
   try {
-    unlinkSync(join4(hubDir, "hub.pid"));
+    unlinkSync2(join5(hubDir, "hub.pid"));
   } catch {
   }
   return true;
 }
 async function spawnHub() {
   const __dirname2 = dirname2(fileURLToPath2(import.meta.url));
-  const hubPath = join4(__dirname2, "hub", "daemon.js");
+  const hubPath = join5(__dirname2, "hub", "daemon.js");
   return new Promise((resolve, reject) => {
     const child = spawn2("node", [hubPath], {
       detached: true,
@@ -4478,7 +4603,7 @@ async function sendHeartbeat(sessionId) {
 var __filename = fileURLToPath3(import.meta.url);
 var __dirname = dirname3(__filename);
 var { version } = JSON.parse(
-  readFileSync3(join5(__dirname, "..", "package.json"), "utf-8")
+  readFileSync3(join6(__dirname, "..", "package.json"), "utf-8")
 );
 var DEFAULT_PORT = SESSION_PORT_START;
 function parseArgs(argv) {
@@ -4594,7 +4719,7 @@ Hub Management:
 
 // src/index.ts
 import { fileURLToPath as fileURLToPath4 } from "url";
-import { join as join6, dirname as dirname4 } from "path";
+import { join as join7, dirname as dirname4 } from "path";
 import { spawn as spawn3 } from "child_process";
 function preventSleep() {
   try {
@@ -4729,13 +4854,13 @@ async function main() {
     printHelp();
     process.exit(1);
   }
+  const config = loadConfig();
   let networkingMode = "local";
   if (options.tailscale) {
     networkingMode = "tailscale";
   } else if (options.local) {
     networkingMode = "local";
   } else {
-    const config = loadConfig();
     networkingMode = config.networkingMode;
   }
   const [cmd, ...cmdArgs] = options.command;
@@ -4746,15 +4871,20 @@ async function main() {
   const host = options.localhost ? "127.0.0.1" : "0.0.0.0";
   const ip = await resolveSessionIP(networkingMode, options.localhost);
   const __dirname2 = dirname4(fileURLToPath4(import.meta.url));
-  const webClientPath = join6(__dirname2, "web-client");
+  const webClientPath = join7(__dirname2, "web-client");
   const ptyManager = new PtyManager(cmd, cmdArgs);
+  const sessionId = `${cmd}-${Date.now().toString(36)}`;
+  const sessionLogger = new SessionLogger(sessionId);
   const server = createSyncServer({
     ptyManager,
     token,
     webClientPath,
     host,
     port,
-    localTerminalOwnsResize: true
+    resizePolicy: "last-writer-wins",
+    scrollbackBufferSize: config.scrollbackBufferSize,
+    clientBufferLimit: config.clientBufferLimit,
+    logger: sessionLogger
   });
   let registeredSession = null;
   let heartbeatInterval = null;
@@ -4805,6 +4935,11 @@ async function main() {
   process.stdin.resume();
   process.stdin.setEncoding("utf-8");
   process.stdin.on("data", (data) => {
+    if (process.stdout.columns && process.stdout.rows) {
+      if (process.stdout.columns !== ptyManager.cols || process.stdout.rows !== ptyManager.rows) {
+        server.resizeFromLocal(process.stdout.columns, process.stdout.rows);
+      }
+    }
     ptyManager.write(data);
   });
   ptyManager.onData((data) => {
@@ -4812,8 +4947,7 @@ async function main() {
   });
   function handleResize() {
     if (process.stdout.columns && process.stdout.rows) {
-      ptyManager.resize(process.stdout.columns, process.stdout.rows);
-      server.broadcastResize(process.stdout.columns, process.stdout.rows);
+      server.resizeFromLocal(process.stdout.columns, process.stdout.rows);
     }
   }
   process.stdout.on("resize", handleResize);
@@ -4835,6 +4969,7 @@ async function main() {
     sleepGuard?.kill();
     server.close();
     ptyManager.kill();
+    await sessionLogger.close();
   }
   ptyManager.onExit(async (exitCode) => {
     console.log(`