aicodeman 1.40.0 → 1.41.1

package/dist/web/public/{subagent-windows.e6ca799f.js → subagent-windows.07277a58.js}

@@ -283,12 +283,14 @@ Object.assign(CodemanApp.prototype, {
       wizardRect = wizardContent.getBoundingClientRect();
     }
 
-    // Read tab rects for normal mode (only tabs that are actually needed)
+    // Read tab rects for normal mode (only tabs that are actually needed).
+    // Only a painted row is cached: a row a search or filter hid has no line
+    // (_paintedSessionTab), rather than one drawn from the viewport's corner.
     if (!wizardOpen) {
       for (const { agentId } of visibleSubagentWindows) {
         const parentSessionId = this.subagentParentMap.get(agentId);
         if (!parentSessionId || rects.has('tab:' + parentSessionId)) continue;
-        const tab = document.querySelector(`.session-tab[data-id="${parentSessionId}"]`);
+        const tab = this._paintedSessionTab(parentSessionId);
         if (tab) rects.set('tab:' + parentSessionId, tab.getBoundingClientRect());
       }
     }
@@ -397,7 +399,7 @@ Object.assign(CodemanApp.prototype, {
 
         const tabRect = rects.get('tab:' + parentSessionId);
         if (!tabRect) {
-          // Tab not in DOM (might be scrolled out or session closed)
+          // Tab not painted (session closed, collapsed group, or hidden by a search)
           continue;
         }
 
@@ -691,8 +693,8 @@ Object.assign(CodemanApp.prototype, {
       }
     }
 
-    // Get parent TAB element for spawn animation
-    const parentTab = parentSessionId ? document.querySelector(`.session-tab[data-id="${parentSessionId}"]`) : null;
+    // Get parent TAB element for spawn animation (a hidden row spawns normally)
+    const parentTab = this._paintedSessionTab(parentSessionId);
 
     // Create window element
     const win = document.createElement('div');

package/dist/web/public/sw.js

@@ -26,7 +26,7 @@
 // not the current one, so the old constant key meant that cleanup never deleted
 // anything — hashed assets from every release ever deployed accumulated in one
 // bucket until the origin hit its storage quota.
-const BUILD_ID = '56d036511286';
+const BUILD_ID = '95cf4ad0cf5b';
 const CACHE_NAME = `codeman-${BUILD_ID}`;
 
 // Reverse-proxy base path: the worker is served at `<base>/sw.js`, so its own
@@ -48,7 +48,7 @@ const B = (p) => (p && p[0] === '/' ? SW_BASE + p : p);
 // handler caches every successful GET at runtime, but the precache warmed
 // nothing while looking like it did. Deriving it from the same manifest that
 // renames the files is the only thing that keeps the two from drifting again.
-const HASHED_ASSETS = ["styles.8ee12666.css", "mobile.111b187d.css", "constants.c0f8f9de.js", "i18n.a31747a9.js", "mobile-handlers.0ef9c311.js", "voice-input.2342c37b.js", "notification-manager.50bb87d8.js", "keyboard-accessory.c1e7c7b7.js", "input-cjk.8bc46081.js", "mobile-ime-preview.2dbaf262.js", "terminal-keycode229-recovery.af09f99a.js", "sanitize-html.e7147e76.js", "tab-layout-browser.065fcba4.js", "app.abadc970.js", "tab-rail-resize.a5867793.js", "terminal-ui.5059b30e.js", "respawn-ui.ff0dae4c.js", "ralph-panel.b350e2ef.js", "settings-ui.a97ab16f.js", "panels-ui.4735dfc2.js", "session-ui.f731602c.js", "ralph-wizard.b6c0dd19.js", "api-client.c9b1cddc.js", "subagent-windows.e6ca799f.js", "image-input.898a538b.js", "spreadsheet-preview.af82fa2f.js", "vendor/xterm-zerolag-input.bbb5f84c.js", "vendor/xterm-predictive-echo.ae5e3d5d.js"];
+const HASHED_ASSETS = ["styles.900a28e4.css", "mobile.2dff1580.css", "constants.17d77b65.js", "i18n.9afd8e4d.js", "mobile-handlers.0ef9c311.js", "voice-input.2342c37b.js", "notification-manager.feb82c04.js", "keyboard-accessory.c458eea8.js", "input-cjk.8bc46081.js", "mobile-ime-preview.2dbaf262.js", "terminal-keycode229-recovery.af09f99a.js", "sanitize-html.e7147e76.js", "tab-layout-browser.2d6189f7.js", "app.24689381.js", "tab-rail-resize.7157e0bd.js", "terminal-ui.858f5da5.js", "respawn-ui.ff0dae4c.js", "ralph-panel.b350e2ef.js", "settings-ui.81ac264e.js", "panels-ui.73ec0137.js", "session-ui.dbc6819b.js", "ralph-wizard.b6c0dd19.js", "api-client.c9b1cddc.js", "subagent-windows.07277a58.js", "image-input.9ed1d0d2.js", "spreadsheet-preview.75c751de.js", "vendor/xterm-zerolag-input.0b69623c.js", "vendor/xterm-predictive-echo.ae5e3d5d.js"];
 
 // Core app shell -- cached on install for instant startup
 const APP_SHELL = [
@@ -101,6 +101,10 @@ self.addEventListener('fetch', (event) => {
   if (request.headers.get('upgrade') === 'websocket') return;
   if (request.headers.get('accept') === 'text/event-stream') return;
   if (request.url.includes('/api/')) return;
+  // A rendered HTML page is served `no-store` behind a capability that logout
+  // revokes; caching a popped-out page here would let the offline fallback
+  // serve it after the capability is gone.
+  if (request.url.includes('/html-view/')) return;
 
   event.respondWith(
     fetch(request)

package/dist/web/public/tab-layout-browser.2d6189f7.js

@@ -0,0 +1 @@
+"use strict";(function(Y){"use strict";const K="codeman:tab-groups-collapsed",H="codeman:tab-focus-collapsed",c=t=>`${t.kind}:${t.id}`,R=t=>!!t&&(t.kind==="session"||t.kind==="webview")&&typeof t.id=="string"&&t.id.length>0,_=t=>Array.isArray(t)?t.filter(n=>typeof n=="string"&&n):[],G=t=>[...new Set(_(t))],E=t=>{const n={kind:t.kind,id:t.id};return t.placement==="manual"&&(n.placement="manual"),t.focus===!0&&(n.focus=!0),n},X=t=>Array.isArray(t)?t.filter(R).map(E):[];function m(t){if(!t||typeof t!="object")throw new Error("Invalid tab layout");const n=Array.isArray(t.groups)?t.groups:[];return{version:Number.isSafeInteger(t.version)&&t.version>=0?t.version:0,updatedAt:typeof t.updatedAt=="string"?t.updatedAt:"",groups:n.filter(e=>e&&typeof e.id=="string"&&e.id.length>0).map(e=>({id:e.id,name:typeof e.name=="string"?e.name:"",refs:X(e.refs)})),ungrouped:X(t.ungrouped)}}function U(t){return!!t&&Array.isArray(t.groups)&&t.groups.length>0}function Q(t){if(t===null)return[];try{const n=JSON.parse(t);return Array.isArray(n)?G(n):null}catch{return null}}function Z(t,n){try{const e=Q(t.getItem(K)),r=e||[];if(n===void 0)return{ids:r,ok:!0};const o=new Set(G(n)),s=r.filter(a=>o.has(a));return(!e||s.length!==r.length)&&t.setItem(K,JSON.stringify(s)),{ids:s,ok:!0}}catch{return{ids:[],ok:!1}}}function ee(t){try{return{collapsed:t.getItem(H)==="true",ok:!0}}catch{return{collapsed:!1,ok:!1}}}function te(t,n){try{return t.setItem(H,n===!0?"true":"false"),{collapsed:n===!0,ok:!0}}catch{return{collapsed:!1,ok:!1}}}function B(t,n={}){if(!t)return[];const e=m(t),r=new Set(_(n.liveSessionIds)),o=new Set(_(n.openWebviewIds)),s=new Set,a=[];for(const i of[...e.groups.flatMap(u=>u.refs),...e.ungrouped]){if(i.focus!==!0||!(i.kind==="session"?r.has(i.id):o.has(i.id)))continue;const u=c(i);s.has(u)||(s.add(u),a.push({kind:i.kind,id:i.id}))}return a}function ne(t,n){const e=G(n);try{return t.setItem(K,JSON.stringify(e)),{ids:e,ok:!0}}catch{return{ids:[],ok:!1}}}function re(t,n={}){if(!t)return null;const e=m(t);if(!U(e))return null;const r=G(n.liveSessionIds),o=G(n.openWebviewIds),s=new Set(r),a=new Set(o),i=new Set(_(n.collapsedGroupIds)),u=n.activeWebviewId?`webview:${n.activeWebviewId}`:n.activeSessionId?`session:${n.activeSessionId}`:"",f=h=>h.kind==="session"?s.has(h.id):a.has(h.id),p=se(e,r,n.parents),d=new Set,y=[],b={},v={},l=[],g=(h,k,J)=>{const O=[],F=[];let V=0;for(const C of h){const M=c(C);if(d.has(M)||!f(C))continue;d.add(M),v[M]=k,V++;const W={kind:C.kind,id:C.id};if(J&&M!==u){b[M]=k,F.push(W);continue}O.push(W),y.push(W)}return{shown:O,hidden:F,count:V}};for(const h of e.groups){const k=i.has(h.id),{shown:J,hidden:O,count:F}=g(p(h.refs),h.id,k);l.push({id:h.id,name:h.name,refs:J,hidden:O,count:F,collapsed:k})}const S=[...r.map(h=>({kind:"session",id:h})),...o.map(h=>({kind:"webview",id:h}))],I=g([...p(e.ungrouped),...S],null,!1);return I.count>0&&l.push({id:null,name:"",refs:I.shown,hidden:[],count:I.count,collapsed:!1}),{sections:l,visibleRefs:y,hiddenTabGroupByRef:b,sectionByRef:v,focusRefs:B(e,n)}}const D={action:2,idle:1};function oe(t,n){const e={},r=t&&Array.isArray(t.sections)?t.sections:[];for(const o of r){if(o.id===null||!Array.isArray(o.hidden))continue;let s=null;for(const a of o.hidden){if(a.kind!=="session")continue;const i=n(a.id);D[i]&&(!s||D[i]>D[s])&&(s=i)}s&&(e[o.id]=s)}return e}function se(t,n,e){if(!e||typeof e!="object")return a=>a;const r=new Set(A(t).map(a=>c(a.ref))),o=new Set,s=new Map;for(let a=!0;a;){a=!1;for(const i of n){const u=`session:${i}`,f=e[i];if(r.has(u)||o.has(u)||typeof f!="string"||f===i)continue;const p=`session:${f}`;!r.has(p)&&!o.has(p)||(o.add(u),s.has(p)||s.set(p,[]),s.get(p).push({kind:"session",id:i}),a=!0)}}return s.size?a=>{const i=[...a];for(const[u,f]of s){const p=$(t,{kind:"session",id:u.slice(8)},e);let d=-1;i.forEach((y,b)=>{p.has(c(y))&&(d=b)}),d>=0&&i.splice(d+1,0,...f)}return i}:a=>a}function ae(t,n,e){return n?JSON.stringify({collapsed:G(e).sort(),sections:n.sections.map(r=>[r.id,r.name,r.count,r.refs.map(c),(r.hidden||[]).map(c)])}):null}function ie(t,n,e){return(t&&Array.isArray(t.sections)?t.sections:[]).map((o,s)=>{const a=o.refs.map(b=>n(b)).join("");if(o.id===null)return`<section class="tab-layout-group tab-layout-ungrouped" role="presentation" data-tab-group-id=""><div class="tab-layout-group-header tab-layout-ungrouped-header" aria-hidden="true"><span class="tab-layout-group-name">Ungrouped</span><span class="tab-layout-group-count">${o.count}</span></div><div class="tab-layout-group-refs" role="presentation">${a}</div></section>`;const i=e(o.id),u=`tab-layout-group-refs-${s}`,f=`tab-layout-group-name-${s}`,p=o.count===0,d=!o.collapsed&&!p,y=p?"":` aria-expanded="${d?"true":"false"}"`;return`<section class="tab-layout-group${o.collapsed?" tab-layout-group--collapsed":""}" role="presentation" data-tab-group-id="${i}"><div class="tab-layout-group-header tab-layout-group-toggle" role="treeitem" tabindex="-1" data-tab-group-header="${i}"${y}${d?` aria-owns="${u}"`:""} onclick="app.toggleTabGroupCollapsed(this.dataset.tabGroupHeader)" oncontextmenu="event.preventDefault(); app.openTabGroupMenu(event, this.dataset.tabGroupHeader)"><span class="tab-layout-group-chevron" aria-hidden="true"></span><span class="tab-layout-group-name" id="${f}" data-i18n-skip>${e(o.name)}</span><span class="tab-layout-group-count">${o.count}</span><span class="tab-layout-group-menu" aria-hidden="true" title="Group actions" onclick="event.stopPropagation(); app.openTabGroupMenu(event, this.closest('[data-tab-group-header]').dataset.tabGroupHeader)">&#x22EF;</span></div><div class="tab-layout-group-refs" id="${u}" ${d?`role="group" aria-labelledby="${f}"`:'role="presentation"'}>${a}</div></section>`}).join("")}function ue(t){const n=Number.isFinite(t.retryDelayMs)?t.retryDelayMs:5e3,e=Number.isFinite(t.maxRetryDelayMs)?t.maxRetryDelayMs:6e4,r=Number.isSafeInteger(t.maxRetries)?t.maxRetries:4;let o=0,s=!1,a=null,i=0;const u=()=>{a!==null&&t.cancelRetry&&t.cancelRetry(a),a=null},f=async()=>{if(s)return!1;const p=++o;u();try{const d=await t.fetchLayout();return s||p!==o?!1:(i=0,t.applyLayout(d),!0)}catch{if(s||p!==o)return!1;if(i++,t.applyFallback(),i<=r){const y=Math.min(e,n*2**(i-1));a=t.scheduleRetry(()=>f(),y)}return!1}};return{load:f,dispose(){s=!0,o++,u()}}}function w(t){throw new Error(`Tab layout edit failed: ${t}`)}const P=(t,n)=>Number.isInteger(t)?Math.max(0,Math.min(t,n)):n;function q(t){const n=typeof t=="string"?t.trim():"";return(!n||n.length>60)&&w("group name must be 1-60 characters"),n}function A(t){return[...t.groups.flatMap(n=>n.refs.map(e=>({groupId:n.id,ref:e}))),...t.ungrouped.map(n=>({groupId:null,ref:n}))]}function T(t,n){if(n===null)return t.ungrouped;const e=t.groups.find(r=>r.id===n);return e||w("unknown group"),e.refs}function $(t,n,e){const r=new Map(A(t).map(i=>[c(i.ref),i.ref])),o=new Map;for(const[i,u]of Object.entries(e||{})){const f=r.get(`session:${i}`);!f||f.placement==="manual"||!r.has(`session:${u}`)||(o.has(u)||o.set(u,[]),o.get(u).push(i))}const s=new Set,a=i=>{if(!s.has(i)&&(s.add(i),i.startsWith("session:")))for(const u of o.get(i.slice(8))||[])a(`session:${u}`)};return a(c(n)),s}function j(t,n,e){const r=m(t);if(!R(n)||n.kind!=="session")return null;const o=e?.[n.id];if(typeof o!="string"||!o||o===n.id)return null;const s=new Map(A(r).map(u=>[c(u.ref),u.ref])),a=s.get(c(n));if(!a)return null;if(!s.has(`session:${o}`))return{state:"dangling",parentId:o,canFollow:!1};const i=new Set([n.id]);for(let u=o;u&&s.has(`session:${u}`);u=e[u]){if(i.has(u))return{state:"cycle",parentId:o,canFollow:!1};i.add(u)}return a.placement==="manual"?{state:"manual",parentId:o,canFollow:!0}:{state:"inherited",parentId:o,canFollow:!1}}function z(t,n,e,r,o,s){const a=m(t),i=$(a,n,s),u=T(a,e).filter(p=>!i.has(c(p)));if(!r)return{groupId:e};const f=u.findIndex(p=>c(p)===c(r));return f<0?{groupId:e}:{groupId:e,index:o==="after"?f+1:f}}function le(t,n,e,r){const o=m(t);if(!n||!e)return null;if(n.type==="group"){const d=o.groups.findIndex(v=>v.id===n.groupId);if(d<0)return null;const y=e.type==="ungrouped"?null:e.groupId??null,b=y===null?o.groups.length-1:o.groups.findIndex(v=>v.id===y);return b<0||b===d?null:{type:"reorderGroup",groupId:n.groupId,index:b}}if(n.type!=="ref"||!R(n.ref))return null;const s=A(o).find(d=>c(d.ref)===c(n.ref));if(!s)return null;let a,i=null,u="before";if(e.type==="ref"&&R(e.ref)){if($(o,n.ref,r).has(c(e.ref)))return null;a=e.groupId??null,i=e.ref,u=e.placement==="after"?"after":"before"}else if(e.type==="group"){if(a=e.groupId??null,a===s.groupId)return null}else if(e.type==="ungrouped"){if(a=null,s.groupId===null)return null}else return null;if(a!==null&&!o.groups.some(d=>d.id===a))return null;const f=z(o,n.ref,a,i,u,r),p={type:"moveRef",ref:{kind:n.ref.kind,id:n.ref.id},groupId:f.groupId,...f.index===void 0?{}:{index:f.index},parents:r||{}};return x(L(o,p))===x(o)?null:p}function L(t,n){const e=m(t),r=n||{},o=e.groups.findIndex(s=>s.id===r.groupId);switch(r.type){case"createGroup":{(typeof r.id!="string"||!r.id)&&w("invalid group id");const s=q(r.name);return e.groups.some(a=>a.id===r.id)||(e.groups.length>=32&&w("group limit reached"),e.groups.splice(P(r.index,e.groups.length),0,{id:r.id,name:s,refs:[]})),e}case"renameGroup":return o<0&&w("unknown group"),e.groups[o].name=q(r.name),e;case"deleteGroup":{if(o<0)return e;const[s]=e.groups.splice(o,1);return e.ungrouped.push(...s.refs),e}case"reorderGroup":{o<0&&w("unknown group");const[s]=e.groups.splice(o,1);return e.groups.splice(P(r.index,e.groups.length),0,s),e}case"setFocus":{R(r.ref)||w("invalid row"),typeof r.focused!="boolean"&&w("invalid Focus state");const s=A(e).find(a=>c(a.ref)===c(r.ref));return s||w("unknown row"),r.focused?s.ref.focus=!0:delete s.ref.focus,e}case"moveRef":{R(r.ref)||w("invalid row");const s=c(r.ref);A(e).some(d=>c(d.ref)===s)||w("unknown row");const a=r.groupId??null;T(e,a);const i=$(e,r.ref,r.parents),u=A(e).filter(d=>i.has(c(d.ref))).map(d=>E(d.ref)),f=u.find(d=>c(d)===s);r.ref.kind==="session"&&r.parents?.[r.ref.id]&&(f.placement="manual"),u.sort((d,y)=>d===f?-1:y===f?1:0);for(const d of e.groups)d.refs=d.refs.filter(y=>!i.has(c(y)));e.ungrouped=e.ungrouped.filter(d=>!i.has(c(d)));const p=T(e,a);return p.splice(P(r.index,p.length),0,...u),e}case"followParent":{const s=j(e,r.ref,r.parents);if((!s||s.state==="dangling"||s.state==="cycle")&&w("no parent to follow"),s.state!=="manual")return e;const a=c(r.ref),i=l=>{if(c(l)!==a)return l;const g=E(l);return delete g.placement,g};for(const l of e.groups)l.refs=l.refs.map(i);e.ungrouped=e.ungrouped.map(i);const u=new Set;for(const l of $(e,r.ref,r.parents))u.add(l);const f=A(e).filter(l=>u.has(c(l.ref))).map(l=>E(l.ref));f.sort((l,g)=>c(l)===a?-1:c(g)===a?1:0);for(const l of e.groups)l.refs=l.refs.filter(g=>!u.has(c(g)));e.ungrouped=e.ungrouped.filter(l=>!u.has(c(l)));const p={kind:"session",id:s.parentId},d=A(e).find(l=>c(l.ref)===c(p)),y=T(e,d.groupId),b=$(e,p,r.parents);let v=-1;return y.forEach((l,g)=>{b.has(c(l))&&(v=g)}),y.splice(v+1,0,...f),e}default:return w(`unknown operation ${r.type}`)}}function x(t){const n=m(t);return JSON.stringify([n.groups,n.ungrouped])}function N(t,n){let e=m(t);const r=[];let o=0;for(const s of n)try{e=L(e,s),r.push(s)}catch{o++}return{layout:e,kept:r,dropped:o}}function de(t){let n=m(t.initialLayout),e=n,r=[],o=[],s=!1,a=null,i=!1;const u=t.schedule||(l=>setTimeout(l,0)),f=t.cancel||(l=>clearTimeout(l)),p=t.maxAttempts||3,d=l=>t.reportError?.(l),y=l=>t.applyLayout(m(e),l),b=()=>{a===null&&(a=u(v))};async function v(){if(a=null,i||s||r.length===0)return;s=!0,o=r,r=[];let l=!1,g=!1,S=!1;try{for(let I=0;I<p&&o.length;I++){const h=N(n,o);if(o=h.kept,h.dropped&&!g&&(g=!0,d("Tab groups changed elsewhere; part of your edit no longer applies.")),!o.length||x(h.layout)===x(n)){o=[];break}const k=await t.put({baseVersion:n.version,layout:h.layout});if(i)return;if(k?.ok&&k.layout)n=m(k.layout),o=[];else if(k?.status===409&&k.layout)n=m(k.layout);else if(k?.status===400&&t.fetchLayout&&!S){if(S=!0,n=m(await t.fetchLayout()),i)return}else throw new Error("Tab layout save failed")}o.length&&(l=!0,d("Tab groups kept changing elsewhere; your edit was not saved."))}catch{l=!0,d("Could not save tab groups.")}finally{if(o=[],s=!1,!i){const I=N(n,r);I.dropped&&!l&&!g&&d("Tab groups changed elsewhere; part of your edit no longer applies."),r=I.kept,e=I.layout,y({authoritative:!0}),l&&t.onFailure?.(),r.length?b():t.onSettled?.()}}}return{enqueue(l){return e=L(e,l),r.push(l),y({optimistic:!0}),b(),m(e)},restore(l){const g=N(e,Array.isArray(l)?l:[]);return!g.kept.length||x(g.layout)===x(e)?!1:(e=g.layout,r.push(...g.kept),y({optimistic:!0}),b(),!0)},adoptExternal(l){if(i||s)return!1;const g=m(l);if(g.version<n.version)return!1;n=g;const S=N(g,r);return S.dropped&&d("Tab groups changed elsewhere; part of your edit no longer applies."),r=S.kept,e=S.layout,y({authoritative:!0,external:!0}),!0},flush:v,isWriting:()=>s,hasPending:()=>s||r.length>0,pendingOperations:()=>JSON.parse(JSON.stringify([...o,...r])),baseVersion:()=>n.version,getLayout:()=>m(e),dispose(){i=!0,a!==null&&f(a),a=null,r=[]}}}Y.CodemanTabLayout={normalizeLayout:m,hasGroups:U,project:re,hiddenGroupAlerts:oe,structureKey:ae,renderProjection:ie,applyOperation:L,moveDestination:z,movingRefKeys:(t,n,e)=>[...$(m(t),n,e)],placementState:j,dropOperation:le,contentKey:x,createEditCoordinator:de,createLoadCoordinator:ue,loadCollapsedGroupIds:Z,saveCollapsedGroupIds:ne,focusRefs:B,loadFocusCollapsed:ee,saveFocusCollapsed:te,MAX_GROUPS:32}})(typeof window<"u"?window:globalThis);

package/dist/web/public/{tab-rail-resize.a5867793.js → tab-rail-resize.7157e0bd.js}

@@ -1 +1 @@
-"use strict";Object.assign(CodemanApp.prototype,{_getTabRailMinimumTerminalWidth(){const t=this.terminal?._core?._renderService?.dimensions?.css?.cell?.width;return Number.isFinite(t)&&t>0?Math.ceil(t*40+24):420},_getTabRailBounds(){const t=document.querySelector(".main");return{viewportWidth:window.innerWidth,mainWidth:t?.clientWidth||window.innerWidth,minTerminalWidth:this._getTabRailMinimumTerminalWidth()}},_getCurrentTabRailWidth(){const t=Number.parseFloat(document.documentElement.style.getPropertyValue("--tab-rail-width"));if(Number.isFinite(t))return t;const e=document.getElementById("tabRail")?.getBoundingClientRect?.().width;return Number.isFinite(e)&&e>0?e:window.CodemanTabRail?.DEFAULT_WIDTH||256},readTabRailWidthSetting(){const t=document.getElementById("appSettingsTabRailWidth");return t?t.value==="custom"?Number(t.dataset.currentWidth)||this._getCurrentTabRailWidth():Number(t.value)||window.CodemanTabRail?.DEFAULT_WIDTH||256:this._getCurrentTabRailWidth()},syncTabRailWidthSetting(t){const e=document.getElementById("appSettingsTabRailWidth");if(!e)return;const i=Math.round(t);if(e.dataset.currentWidth=String(i),e.querySelector(`option[value="${i}"]`)){e.value=String(i);return}const n=e.querySelector('option[value="custom"]');n&&(n.textContent=`Custom (${i}px)`),e.value="custom"},_setTabRailWidth(t){const e=window.CodemanTabRail;if(!e)return 256;const i=e.resolveWidth({width:t}),a=this._getTabRailBounds(),n=e.resolveWidth({width:i,...a}),h=e.resolveWidth({width:e.MAX_WIDTH,...a}),r=document.documentElement;r.style.setProperty("--tab-rail-width",`${n}px`);const o=r.classList.contains("tab-rail-compact"),s=n<240;if(r.classList.toggle("tab-rail-compact",s),r.classList.toggle("tab-rail-tight",n<288),o!==s){const d=this._tallTabsEnabled;this.applyTabWrapSettings?.(),d!==void 0&&this._tallTabsEnabled!==d||this._fullRenderSessionTabs?.()}const l=document.getElementById("tabRailResizeHandle");return l&&(l.setAttribute("aria-valuemax",String(h)),l.setAttribute("aria-valuenow",String(n))),this.syncTabRailWidthSetting(i),n},_persistTabRailWidth(t){const e=this.loadAppSettingsFromStorage();e.tabRailWidth!==t&&(e.tabRailWidth=t,this.saveAppSettingsToStorage(e))},_claimTabRailResize(){this._tabRailResizeOwnsObserver=!0,clearTimeout(this._tabRailResizeWatchdog),clearTimeout(this._tabRailReleaseTimer),this._tabRailReleaseRaf&&cancelAnimationFrame(this._tabRailReleaseRaf),this._armTabRailResizeWatchdog(),this._resizeRaf&&cancelAnimationFrame(this._resizeRaf),this._resizeTimeout&&clearTimeout(this._resizeTimeout),this._resizeRaf=null,this._resizeTimeout=null},_armTabRailResizeWatchdog(){this._tabRailResizeWatchdog=setTimeout(()=>{if(this._tabRailResizeWatchdog=null,document.body.classList.contains("tab-rail-resizing")){this._armTabRailResizeWatchdog();return}this._tabRailResizeOwnsObserver=!1},1e3)},_releaseTabRailResize(){clearTimeout(this._tabRailResizeWatchdog),this._tabRailResizeWatchdog=null;const t=()=>{clearTimeout(this._tabRailReleaseTimer),this._tabRailReleaseTimer=null,this._tabRailReleaseRaf=null,this._tabRailResizeOwnsObserver=!1};typeof requestAnimationFrame=="function"?(this._tabRailReleaseRaf=requestAnimationFrame(()=>{this._tabRailReleaseRaf=requestAnimationFrame(t)}),this._tabRailReleaseTimer=setTimeout(t,250)):t()},_scheduleTabRailSettle(t,e=t){clearTimeout(this._tabRailSettleTimer),this._tabRailSettleTimer=setTimeout(async()=>{this._tabRailSettleTimer=null,this._persistTabRailWidth(e);try{this.activeSessionId&&this.sendResize?await this.sendResize(this.activeSessionId):this.syncTerminalGeometry?.(),this._updateConnectionLinesImmediate?.()}catch(i){console.warn("Failed to resize terminal after rail resize:",i)}finally{this._releaseTabRailResize()}},150)},_defaultTabRailWidth(){return document.documentElement.dataset.tabRailDetail!=="simple"?window.CodemanTabRail?.RICH_DEFAULT_WIDTH??320:window.CodemanTabRail?.DEFAULT_WIDTH??256},applyTabRailWidth(t={}){const i=this.loadAppSettingsFromStorage().tabRailWidth??this._defaultTabRailWidth(),a=window.CodemanTabRail?.resolveWidth({width:i})??256;t.settle&&this._claimTabRailResize();const n=this._setTabRailWidth(a);return t.persist!==!1&&i!==a&&this._persistTabRailWidth(a),t.settle&&this._scheduleTabRailSettle(n,a),n},_applyTabRailPointerWidth(t){const e=document.querySelector(".main");if(!e)return this._getCurrentTabRailWidth();const i=this._getCurrentTabRailWidth(),a=this._setTabRailWidth(t-e.getBoundingClientRect().left);let n=null;try{n=this.fitAddon?.proposeDimensions?.()}catch{}return n&&n.cols<40?this._setTabRailWidth(i):a},_queueTabRailPointerWidth(t){this._tabRailPendingClientX=t,!this._tabRailPointerRaf&&(this._tabRailPointerRaf=requestAnimationFrame(()=>{this._tabRailPointerRaf=null,this._tabRailDragWidth=this._applyTabRailPointerWidth(this._tabRailPendingClientX)}))},_finishTabRailDrag(t,e){if(!document.body.classList.contains("tab-rail-resizing"))return;this._tabRailPointerRaf&&(cancelAnimationFrame(this._tabRailPointerRaf),this._tabRailPointerRaf=null,this._tabRailDragWidth=this._applyTabRailPointerWidth(this._tabRailPendingClientX)),document.body.classList.remove("tab-rail-resizing");const i=document.getElementById("tabRailResizeShield");i&&(i.hidden=!0);try{t.hasPointerCapture?.(e)&&t.releasePointerCapture(e)}catch{}const a=window.CodemanTabRail?.resolveWidth({width:this._tabRailDragWidth})??this._tabRailDragWidth;this._scheduleTabRailSettle(this._tabRailDragWidth||this._getCurrentTabRailWidth(),a)},_onTabRailKeyDown(t){const e=window.CodemanTabRail?.resolveKeyboardWidth({key:t.key,shiftKey:t.shiftKey,currentWidth:this._getCurrentTabRailWidth(),defaultWidth:this._defaultTabRailWidth?.(),...this._getTabRailBounds()});if(e==null)return;t.preventDefault(),this._claimTabRailResize();const i=this._setTabRailWidth(e);this._scheduleTabRailSettle(i,window.CodemanTabRail.resolveWidth({width:e}))},initTabRailResize(){const t=document.getElementById("tabRailResizeHandle");if(!t||t.dataset.ready==="1")return;t.dataset.ready="1",this.applyTabRailWidth(),t.addEventListener("pointerdown",i=>{if(i.button!==0)return;i.preventDefault(),this.closeTabRailActionMenu(),this._claimTabRailResize(),this._tabRailDragWidth=this._getCurrentTabRailWidth(),this._tabRailPendingClientX=i.clientX,document.body.classList.add("tab-rail-resizing");const a=document.getElementById("tabRailResizeShield");a&&(a.hidden=!1);try{t.setPointerCapture(i.pointerId)}catch{document.body.classList.remove("tab-rail-resizing"),a&&(a.hidden=!0),this._releaseTabRailResize()}}),t.addEventListener("pointermove",i=>{t.hasPointerCapture?.(i.pointerId)&&this._queueTabRailPointerWidth(i.clientX)}),t.addEventListener("pointerup",i=>this._finishTabRailDrag(t,i.pointerId)),t.addEventListener("pointercancel",i=>this._finishTabRailDrag(t,i.pointerId)),t.addEventListener("lostpointercapture",i=>this._finishTabRailDrag(t,i.pointerId)),t.addEventListener("keydown",i=>this._onTabRailKeyDown(i)),t.addEventListener("dblclick",i=>{i.preventDefault(),this._claimTabRailResize();const a=this._defaultTabRailWidth?.()??(window.CodemanTabRail?.DEFAULT_WIDTH||256),n=this._setTabRailWidth(a);this._scheduleTabRailSettle(n,a)});let e=null;window.addEventListener("resize",()=>{clearTimeout(e),e=setTimeout(()=>{this.applyTabOrientation?.(),this.applyTabRailWidth({persist:!1})},100)})},closeTabRailActionMenu(t={}){const e=document.querySelector(".tab-rail-action-menu:not(.tab-layout-group-action-menu)"),i=this._tabRailActionMenuTrigger;e?.remove(),this._tabRailActionMenuOutside&&(document.removeEventListener("pointerdown",this._tabRailActionMenuOutside,!0),this._tabRailActionMenuOutside=null),this._tabRailActionMenuViewport&&(window.removeEventListener("resize",this._tabRailActionMenuViewport),this._tabRailActionMenuViewport=null),this._tabRailActionMenuTrigger=null,t.restoreFocus&&i?.focus?.()},openTabRailActionMenu(t,e){t.preventDefault(),t.stopPropagation(),this.closeTabRailActionMenu();const i=t.currentTarget,a=document.createElement("div");a.className="tab-rail-action-menu",a.setAttribute("role","menu"),a.setAttribute("aria-label","Session actions");const n=this.loadAppSettingsFromStorage(),h=[{label:"Session options",run:()=>this.openSessionOptions(e)},...this._tabRefMoveActions?.({kind:"session",id:e})||[],...(this.tabDetachButtonEnabled?.(n)??n.showTabDetachButton)||this.detachedSessions?.has(e)?[{label:"Open in a new window",run:()=>this.detachSession(e)}]:[],{label:"Close session",className:"danger",run:()=>this.requestCloseSession(e)}];for(const s of h){const l=document.createElement("button");l.type="button",l.setAttribute("role","menuitem"),l.textContent=s.label,s.className&&(l.className=s.className),l.addEventListener("click",()=>{this.closeTabRailActionMenu(),s.run()}),a.appendChild(l)}document.body.appendChild(a);const r=i.getBoundingClientRect(),o=a.getBoundingClientRect();a.style.left=`${Math.max(8,Math.min(r.right-o.width,window.innerWidth-o.width-8))}px`,a.style.top=`${Math.max(8,Math.min(r.bottom+4,window.innerHeight-o.height-8))}px`,this._tabRailActionMenuTrigger=i,this._tabRailActionMenuOutside=s=>{!a.contains(s.target)&&s.target!==i&&this.closeTabRailActionMenu()},document.addEventListener("pointerdown",this._tabRailActionMenuOutside,!0),this._tabRailActionMenuViewport=()=>this.closeTabRailActionMenu(),window.addEventListener("resize",this._tabRailActionMenuViewport,{once:!0}),a.addEventListener("keydown",s=>{const l=[...a.querySelectorAll("button")],d=l.indexOf(document.activeElement);if(s.key==="Escape")s.preventDefault(),this.closeTabRailActionMenu({restoreFocus:!0});else if(s.key==="ArrowDown"||s.key==="ArrowUp"){s.preventDefault();const c=s.key==="ArrowDown"?1:-1;l[(d+c+l.length)%l.length]?.focus()}}),a.querySelector("button")?.focus()}});
+"use strict";Object.assign(CodemanApp.prototype,{_getTabRailMinimumTerminalWidth(){const t=this.terminal?._core?._renderService?.dimensions?.css?.cell?.width;return Number.isFinite(t)&&t>0?Math.ceil(t*40+24):420},_getTabRailBounds(){const t=document.querySelector(".main");return{viewportWidth:window.innerWidth,mainWidth:t?.clientWidth||window.innerWidth,minTerminalWidth:this._getTabRailMinimumTerminalWidth()}},_getCurrentTabRailWidth(){const t=Number.parseFloat(document.documentElement.style.getPropertyValue("--tab-rail-width"));if(Number.isFinite(t))return t;const e=document.getElementById("tabRail")?.getBoundingClientRect?.().width;return Number.isFinite(e)&&e>0?e:window.CodemanTabRail?.DEFAULT_WIDTH||256},readTabRailWidthSetting(){const t=document.getElementById("appSettingsTabRailWidth");return t?t.value==="custom"?Number(t.dataset.currentWidth)||this._getCurrentTabRailWidth():Number(t.value)||window.CodemanTabRail?.DEFAULT_WIDTH||256:this._getCurrentTabRailWidth()},syncTabRailWidthSetting(t){const e=document.getElementById("appSettingsTabRailWidth");if(!e)return;const i=Math.round(t);if(e.dataset.currentWidth=String(i),e.querySelector(`option[value="${i}"]`)){e.value=String(i);return}const n=e.querySelector('option[value="custom"]');n&&(n.textContent=`Custom (${i}px)`),e.value="custom"},_setTabRailWidth(t){const e=window.CodemanTabRail;if(!e)return 256;const i=e.resolveWidth({width:t}),a=this._getTabRailBounds(),n=e.resolveWidth({width:i,...a}),h=e.resolveWidth({width:e.MAX_WIDTH,...a}),o=document.documentElement;o.style.setProperty("--tab-rail-width",`${n}px`);const d=o.classList.contains("tab-rail-compact"),s=n<240;if(o.classList.toggle("tab-rail-compact",s),o.classList.toggle("tab-rail-tight",n<288),d!==s){const r=this._tallTabsEnabled;this.applyTabWrapSettings?.(),r!==void 0&&this._tallTabsEnabled!==r||this._fullRenderSessionTabs?.()}const l=document.getElementById("tabRailResizeHandle");return l&&(l.setAttribute("aria-valuemax",String(h)),l.setAttribute("aria-valuenow",String(n))),this.syncTabRailWidthSetting(i),n},_persistTabRailWidth(t){const e=this.loadAppSettingsFromStorage();e.tabRailWidth!==t&&(e.tabRailWidth=t,this.saveAppSettingsToStorage(e))},_claimTabRailResize(){this._tabRailResizeOwnsObserver=!0,clearTimeout(this._tabRailResizeWatchdog),clearTimeout(this._tabRailReleaseTimer),this._tabRailReleaseRaf&&cancelAnimationFrame(this._tabRailReleaseRaf),this._armTabRailResizeWatchdog(),this._resizeRaf&&cancelAnimationFrame(this._resizeRaf),this._resizeTimeout&&clearTimeout(this._resizeTimeout),this._resizeRaf=null,this._resizeTimeout=null},_armTabRailResizeWatchdog(){this._tabRailResizeWatchdog=setTimeout(()=>{if(this._tabRailResizeWatchdog=null,document.body.classList.contains("tab-rail-resizing")){this._armTabRailResizeWatchdog();return}this._tabRailResizeOwnsObserver=!1},1e3)},_releaseTabRailResize(){clearTimeout(this._tabRailResizeWatchdog),this._tabRailResizeWatchdog=null;const t=()=>{clearTimeout(this._tabRailReleaseTimer),this._tabRailReleaseTimer=null,this._tabRailReleaseRaf=null,this._tabRailResizeOwnsObserver=!1};typeof requestAnimationFrame=="function"?(this._tabRailReleaseRaf=requestAnimationFrame(()=>{this._tabRailReleaseRaf=requestAnimationFrame(t)}),this._tabRailReleaseTimer=setTimeout(t,250)):t()},_scheduleTabRailSettle(t,e=t){clearTimeout(this._tabRailSettleTimer),this._tabRailSettleTimer=setTimeout(async()=>{this._tabRailSettleTimer=null,this._persistTabRailWidth(e);try{this.activeSessionId&&this.sendResize?await this.sendResize(this.activeSessionId):this.syncTerminalGeometry?.(),this._updateConnectionLinesImmediate?.()}catch(i){console.warn("Failed to resize terminal after rail resize:",i)}finally{this._releaseTabRailResize()}},150)},_defaultTabRailWidth(){return document.documentElement.dataset.tabRailDetail!=="simple"?window.CodemanTabRail?.RICH_DEFAULT_WIDTH??320:window.CodemanTabRail?.DEFAULT_WIDTH??256},applyTabRailWidth(t={}){const i=this.loadAppSettingsFromStorage().tabRailWidth??this._defaultTabRailWidth(),a=window.CodemanTabRail?.resolveWidth({width:i})??256;t.settle&&this._claimTabRailResize();const n=this._setTabRailWidth(a);return t.persist!==!1&&i!==a&&this._persistTabRailWidth(a),t.settle&&this._scheduleTabRailSettle(n,a),n},_applyTabRailPointerWidth(t){const e=document.querySelector(".main");if(!e)return this._getCurrentTabRailWidth();const i=this._getCurrentTabRailWidth(),a=this._setTabRailWidth(t-e.getBoundingClientRect().left);let n=null;try{n=this.fitAddon?.proposeDimensions?.()}catch{}return n&&n.cols<40?this._setTabRailWidth(i):a},_queueTabRailPointerWidth(t){this._tabRailPendingClientX=t,!this._tabRailPointerRaf&&(this._tabRailPointerRaf=requestAnimationFrame(()=>{this._tabRailPointerRaf=null,this._tabRailDragWidth=this._applyTabRailPointerWidth(this._tabRailPendingClientX)}))},_finishTabRailDrag(t,e){if(!document.body.classList.contains("tab-rail-resizing"))return;this._tabRailPointerRaf&&(cancelAnimationFrame(this._tabRailPointerRaf),this._tabRailPointerRaf=null,this._tabRailDragWidth=this._applyTabRailPointerWidth(this._tabRailPendingClientX)),document.body.classList.remove("tab-rail-resizing");const i=document.getElementById("tabRailResizeShield");i&&(i.hidden=!0);try{t.hasPointerCapture?.(e)&&t.releasePointerCapture(e)}catch{}const a=window.CodemanTabRail?.resolveWidth({width:this._tabRailDragWidth})??this._tabRailDragWidth;this._scheduleTabRailSettle(this._tabRailDragWidth||this._getCurrentTabRailWidth(),a)},_onTabRailKeyDown(t){const e=window.CodemanTabRail?.resolveKeyboardWidth({key:t.key,shiftKey:t.shiftKey,currentWidth:this._getCurrentTabRailWidth(),defaultWidth:this._defaultTabRailWidth?.(),...this._getTabRailBounds()});if(e==null)return;t.preventDefault(),this._claimTabRailResize();const i=this._setTabRailWidth(e);this._scheduleTabRailSettle(i,window.CodemanTabRail.resolveWidth({width:e}))},initTabRailResize(){const t=document.getElementById("tabRailResizeHandle");if(!t||t.dataset.ready==="1")return;t.dataset.ready="1",this.applyTabRailWidth(),t.addEventListener("pointerdown",i=>{if(i.button!==0)return;i.preventDefault(),this.closeTabRailActionMenu(),this._claimTabRailResize(),this._tabRailDragWidth=this._getCurrentTabRailWidth(),this._tabRailPendingClientX=i.clientX,document.body.classList.add("tab-rail-resizing");const a=document.getElementById("tabRailResizeShield");a&&(a.hidden=!1);try{t.setPointerCapture(i.pointerId)}catch{document.body.classList.remove("tab-rail-resizing"),a&&(a.hidden=!0),this._releaseTabRailResize()}}),t.addEventListener("pointermove",i=>{t.hasPointerCapture?.(i.pointerId)&&this._queueTabRailPointerWidth(i.clientX)}),t.addEventListener("pointerup",i=>this._finishTabRailDrag(t,i.pointerId)),t.addEventListener("pointercancel",i=>this._finishTabRailDrag(t,i.pointerId)),t.addEventListener("lostpointercapture",i=>this._finishTabRailDrag(t,i.pointerId)),t.addEventListener("keydown",i=>this._onTabRailKeyDown(i)),t.addEventListener("dblclick",i=>{i.preventDefault(),this._claimTabRailResize();const a=this._defaultTabRailWidth?.()??(window.CodemanTabRail?.DEFAULT_WIDTH||256),n=this._setTabRailWidth(a);this._scheduleTabRailSettle(n,a)});let e=null;window.addEventListener("resize",()=>{clearTimeout(e),e=setTimeout(()=>{this.applyTabOrientation?.(),this.applyTabRailWidth({persist:!1})},100)})},closeTabRailActionMenu(t={}){const e=document.querySelector(".tab-rail-action-menu:not(.tab-layout-group-action-menu)"),i=this._tabRailActionMenuTrigger;e?.remove(),this._tabRailActionMenuOutside&&(document.removeEventListener("pointerdown",this._tabRailActionMenuOutside,!0),this._tabRailActionMenuOutside=null),this._tabRailActionMenuViewport&&(window.removeEventListener("resize",this._tabRailActionMenuViewport),this._tabRailActionMenuViewport=null),this._tabRailActionMenuTrigger=null,t.restoreFocus&&i?.focus?.()},openTabRailActionMenu(t,e){t.preventDefault(),t.stopPropagation(),this.closeTabRailActionMenu();const i=t.currentTarget,a=document.createElement("div");a.className="tab-rail-action-menu",a.setAttribute("role","menu"),a.setAttribute("aria-label","Session actions");const n=this.loadAppSettingsFromStorage(),h=[{label:"Session options",run:()=>this.openSessionOptions(e)},...this._tabRefFocusActions?.({kind:"session",id:e})||[],...this._tabRefMoveActions?.({kind:"session",id:e})||[],...this._tileGrid?.has?.(e)&&this._tileDetachAllowed?.()?[{label:"Open in a new window",run:()=>this.detachTile(e)}]:(this.tabDetachButtonEnabled?.(n)??n.showTabDetachButton)||this.detachedSessions?.has(e)?[{label:"Open in a new window",run:()=>this.detachSession(e)}]:[],{label:"Close session",className:"danger",run:()=>this.requestCloseSession(e)}];for(const s of h){if(s.note){const r=document.createElement("div");r.className="tab-rail-action-menu-note",r.setAttribute("role","none"),r.id="tabRailActionMenuNote",r.textContent=s.label,a.setAttribute("aria-describedby",r.id),a.appendChild(r);continue}const l=document.createElement("button");l.type="button",l.setAttribute("role","menuitem"),l.textContent=s.label,s.className&&(l.className=s.className),l.addEventListener("click",()=>{this.closeTabRailActionMenu(),s.run()}),a.appendChild(l)}document.body.appendChild(a);const o=i.getBoundingClientRect(),d=a.getBoundingClientRect();a.style.left=`${Math.max(8,Math.min(o.right-d.width,window.innerWidth-d.width-8))}px`,a.style.top=`${Math.max(8,Math.min(o.bottom+4,window.innerHeight-d.height-8))}px`,this._tabRailActionMenuTrigger=i,this._tabRailActionMenuOutside=s=>{!a.contains(s.target)&&s.target!==i&&this.closeTabRailActionMenu()},document.addEventListener("pointerdown",this._tabRailActionMenuOutside,!0),this._tabRailActionMenuViewport=()=>this.closeTabRailActionMenu(),window.addEventListener("resize",this._tabRailActionMenuViewport,{once:!0}),a.addEventListener("keydown",s=>{const l=[...a.querySelectorAll("button")],r=l.indexOf(document.activeElement);if(s.key==="Escape")s.preventDefault(),this.closeTabRailActionMenu({restoreFocus:!0});else if(s.key==="ArrowDown"||s.key==="ArrowUp"){s.preventDefault();const c=s.key==="ArrowDown"?1:-1;l[(r+c+l.length)%l.length]?.focus()}}),a.querySelector("button")?.focus()}});

package/dist/web/public/terminal-tile.js

@@ -11,21 +11,29 @@
  *
  * Deliberately plainer than the primary pane (this.terminal/this._ws in
  * terminal-ui.js): no local-echo overlay, no CJK IME textarea, no touch/mobile
- * handlers (a swipe on a touch screen pages nothing), no keyboard accessory
- * bar, and no SGR wheel forwarding to Claude's fullscreen renderer
- * (docs/tile-grid-plan.md follow-up 4). Built for wide screens; see
- * docs/split-pane-sessions-plan.md and docs/tile-grid-plan.md.
+ * handlers (a swipe on a touch screen pages nothing), and no keyboard
+ * accessory bar. Built for wide screens; see docs/split-pane-sessions-plan.md
+ * and docs/tile-grid-plan.md.
  *
  * What it does carry over from the primary pane, through the primary pane's
  * own code aimed at THIS pane (its terminal, its session, never the active
  * one):
- *  - Hollow-buffer paging (#555): a CLI that draws in place (opencode on the
- *    alternate screen, Claude's repaint mode) leaves the xterm no scrollback,
- *    so the wheel pages the CLI's own transcript with PageUp/PageDown
- *    (_maybePageCliTranscript) through the primary pane's gates, plus an
- *    overflow-row discount for this pane's capture-before-resize load
- *    (_localRows), and only while the viewport is on the live screen (a
- *    wheel-down from those overflow rows is xterm's, and brings it home).
+ *  - SGR wheel forwarding (_maybeForwardWheelToCli): Claude's fullscreen
+ *    renderer scrolls its own transcript on SGR wheel reports, while this
+ *    xterm holds only replayed repaint frames, so the wheel goes to the CLI
+ *    as reports at the pointer's cell in this pane, through the primary
+ *    pane's forwarding gate and its encoding (sgrWheelReports). Shift+wheel
+ *    scrolls the local scrollback itself (_maybeScrollLocalOnShift), as the
+ *    primary pane does, since xterm turns it into a horizontal no-op.
+ *  - Hollow-buffer paging (#555): a CLI that draws in place (opencode and codex
+ *    on the alternate screen, Claude's repaint mode) leaves the xterm no
+ *    scrollback, so the wheel pages the CLI's own transcript with
+ *    PageUp/PageDown (_maybePageCliTranscript) through the primary pane's gates
+ *    and its pure gesture rules (CodemanTerminalInput.pageKeysForGesture), plus
+ *    an overflow-row discount for this pane's capture-before-resize load
+ *    (_localRows), only while the viewport is on the live screen (a wheel-down
+ *    from those overflow rows is xterm's, and brings it home), and never while
+ *    THIS pane's session has a dialog open.
  *  - The desktop click report: a plain left-click hand-encoded as SGR while
  *    the session's CLI has mouse tracking on (cliMouseTracking), for the modes
  *    whose mouse DECSETs the server strips (_installClickListener), sent
@@ -42,8 +50,8 @@
  *    Android tablet, or a large foldable unfolded in landscape, reaches.
  *
  * @dependency vendor/xterm.js, vendor/xterm-addon-fit.js
- * @dependency constants.js (window.CodemanTerminalFont, window.CodemanFetchDeadline, DEFAULT_SCROLLBACK, TERMINAL_TAIL_SIZE, TERMINAL_CHUNK_SIZE)
- * @dependency terminal-ui.js (codemanCurrentXtermTheme, codemanCurrentSkinIsLight, CodemanTerminalInput.shouldSuppressTerminalQueryResponse/isTerminalFocusOrMouseReport/wheelDeltaLines/pageKeysForTravel, app._shouldForwardWheelToApp/_localScrollbackIsHollow/_terminalViewportAtBottom/_handleDesktopTerminalClick)
+ * @dependency constants.js (window.CodemanTerminalFont, window.CodemanFetchDeadline, DEFAULT_SCROLLBACK, TERMINAL_TAIL_SIZE, SHELL_LOAD_BASE_QUERY, SHELL_LOAD_QUERY, TERMINAL_CHUNK_SIZE)
+ * @dependency terminal-ui.js (codemanCurrentXtermTheme, codemanCurrentSkinIsLight, CodemanTerminalInput.shouldSuppressTerminalQueryResponse/isTerminalFocusOrMouseReport/wheelDeltaLines/wheelDeltaWholeLines/sgrWheelReports/pageKeysForGesture, app._shouldForwardWheelToApp/_localScrollbackIsHollow/_terminalViewportAtBottom/_clientPointToCell/_handleDesktopTerminalClick, app.tabAlerts)
  * @dependency terminal-keycode229-recovery.js (window.CodemanKeyCode229Recovery, optional: absent, xterm's own textarea handling stands)
  * @loadorder 7.4 of 16, loaded after terminal-ui.js and before terminal-split.js
  */
@@ -198,9 +206,13 @@
       // flag, app._linkHovered, belongs to its terminal alone).
       this._linkHovered = false;
       this._onFocusIn = null;
-      // Hollow-buffer paging (_maybePageCliTranscript): wheel travel short of a
-      // whole page, carried to the next wheel event.
-      this._pageKeyPending = 0;
+      // Hollow-buffer paging (_maybePageCliTranscript): the gesture in progress
+      // (travel short of a whole page, its direction and last event time), the
+      // state CodemanTerminalInput.pageKeysForGesture hands back.
+      this._pageKeyGesture = null;
+      // Shift+wheel travel short of a whole line, carried to the next wheel
+      // event (_maybeScrollLocalOnShift).
+      this._shiftScrollPending = 0;
       // Page keys waiting for the 40 ms flush, and its timer (_queueScrollBytes).
       this._scrollBytes = '';
       this._scrollFlushTimer = null;
@@ -234,6 +246,9 @@
 
       this.fitAddon = new FitAddon.FitAddon();
       this.terminal.loadAddon(this.fitAddon);
+      // OSC 52 clipboard writes from this pane's PTY, gated on THIS pane's
+      // buffer load so a replay never re-copies (terminal-ui.js).
+      global.app?._installOsc52Clipboard?.(this.terminal, () => this._bufferLoading);
       this.terminal.open(this.mountEl);
       this.fitAddon.fit();
 
@@ -761,8 +776,15 @@
         try {
           if (this._destroyed) return;
           const shell = this.sessionMode === 'shell';
-          let query = shell ? `tail=${TERMINAL_TAIL_SIZE}` : 'full=1';
-          if (this.boundedLoad && !shell) query = `full=1&tail=${TERMINAL_TAIL_SIZE}${this._historyLinesQuery()}`;
+          // A shell loads tmux's rendered history, bounded (SHELL_LOAD_QUERY,
+          // constants.js), never the raw byte recording; a grid tile bounds it
+          // by its own scrollback instead.
+          let query = shell ? SHELL_LOAD_QUERY : 'full=1';
+          if (this.boundedLoad) {
+            query = shell
+              ? `${SHELL_LOAD_BASE_QUERY}${this._historyLinesQuery()}`
+              : `full=1&tail=${TERMINAL_TAIL_SIZE}${this._historyLinesQuery()}`;
+          }
           this._loadAbort = controller;
           armDeadline(global.CodemanFetchDeadline?.terminalFetchDeadlineMs?.({ full: !shell }) ?? 45000);
           let payload;
@@ -1027,16 +1049,18 @@
 
     // Capture phase, because xterm's own wheel handler stopPropagation()s every
     // event it consumes, so a bubbling listener here would never see the wheel
-    // while the pane still has scrollback to scroll. Not passive: the one route
-    // this pane takes over, paging a hollow buffer's CLI transcript
-    // (_maybePageCliTranscript), is consumed right here (preventDefault plus
+    // while the pane still has scrollback to scroll. Not passive: the three
+    // routes this pane takes over, forwarding the wheel to Claude's fullscreen
+    // renderer (_maybeForwardWheelToCli), paging a hollow buffer's CLI
+    // transcript (_maybePageCliTranscript) and Shift+wheel's local scrollback
+    // (_maybeScrollLocalOnShift), are consumed right here (preventDefault plus
     // stopPropagation in the capture phase, the primary pane's technique), so
-    // xterm's viewport, a descendant, never sees it. Every other wheel is left
+    // xterm's viewport, a descendant, never sees them. Every other wheel is left
     // to xterm, which keeps doing the scrolling, and only observed for the
     // shell history pull.
     _installWheelListener() {
       this._onWheel = (ev) => {
-        if (this._maybePageCliTranscript(ev)) {
+        if (this._maybeForwardWheelToCli(ev) || this._maybePageCliTranscript(ev) || this._maybeScrollLocalOnShift(ev)) {
           ev.preventDefault();
           ev.stopPropagation();
           return;
@@ -1046,6 +1070,71 @@
       this.mountEl.addEventListener('wheel', this._onWheel, { capture: true, passive: false });
     }
 
+    // SGR wheel forwarding, the twin of the primary pane's capture-phase wheel
+    // handler and _forwardScrollToApp (terminal-ui.js; keep them in step).
+    // Claude's fullscreen renderer (claude 2.1.187+ while its mouse tracking is
+    // on, cliMouseTracking) scrolls its own transcript on SGR wheel reports,
+    // while this xterm holds only Codeman's replayed repaint frames (tmux keeps
+    // no history for such a pane). Left to xterm, the wheel dragged those stale
+    // frames, Claude's pinned input box with them, up the tile, or scrolled
+    // nothing at all. The gate is the primary pane's own, asked for THIS pane
+    // (its terminal, its session, never the active one), so the CLI rules stay
+    // in terminal-ui.js and this file names no CLI; the reports go to this
+    // pane's session through its own coalescer. Returns true when the wheel
+    // belongs to the CLI: a gesture with no whole line or no measurable cell is
+    // consumed too, as in the primary pane, so xterm never scrolls the stale
+    // frames under a forwarding session. Shift fails the gate, so Shift+wheel
+    // still scrolls the local scrollback (_maybeScrollLocalOnShift).
+    _maybeForwardWheelToCli(ev) {
+      if (this._destroyed || !this.terminal || !ev) return false;
+      const app = global.app;
+      const input = global.CodemanTerminalInput;
+      if (!app?._shouldForwardWheelToApp || !input?.sgrWheelReports || !input.wheelDeltaWholeLines) return false;
+      // xterm's own encoder forwards the wheel while the CLI's tracking reaches
+      // it, and its alt-scroll owns the alternate buffer, as in the primary pane.
+      const tracking = this.terminal.modes?.mouseTrackingMode;
+      if (tracking && tracking !== 'none') return false;
+      if (this.terminal.buffer?.active?.type === 'alternate') return false;
+      if (!app._shouldForwardWheelToApp(ev, { terminal: this.terminal, sessionId: this.sessionId })) return false;
+      // SGR coordinates address the live screen, so a report from a scrolled-up
+      // viewport would hit-test another row: snap home first (_forwardScrollToApp).
+      if (!app._terminalViewportAtBottom?.(this.terminal)) this.terminal.scrollToBottom?.();
+      const lines = input.wheelDeltaWholeLines(ev, this.terminal.rows);
+      const pos = app._clientPointToCell?.(ev.clientX, ev.clientY, this.terminal);
+      const bytes = input.sgrWheelReports(lines, pos);
+      if (bytes) this._queueScrollBytes(bytes);
+      return true;
+    }
+
+    // Shift+wheel scrolls this xterm's local scrollback, the explicit "local
+    // history" gesture, here as in the primary pane (whose capture-phase wheel
+    // handler scrolls with terminal.scrollLines() for the same reason). Left to
+    // xterm it was dead off macOS: Chrome on Windows sends Shift+wheel as a
+    // HORIZONTAL wheel (deltaX), and xterm's own scroller turns a Shift+vertical
+    // wheel into a horizontal one, so the viewport never moved. Reads the
+    // dominant axis under Shift (wheelDeltaLines), keeps the sub-line remainder
+    // for the next event (a trackpad's small deltas), and on the way up still
+    // asks a shell pane for more history. Returns true when the wheel was
+    // consumed here.
+    _maybeScrollLocalOnShift(ev) {
+      if (this._destroyed || !this.terminal || !ev?.shiftKey) return false;
+      const input = global.CodemanTerminalInput;
+      if (!input?.wheelDeltaLines) return false;
+      // xterm's own encoder forwards the wheel while the CLI's tracking reaches
+      // it, and its alt-scroll owns the alternate buffer, as in the primary pane.
+      const tracking = this.terminal.modes?.mouseTrackingMode;
+      if (tracking && tracking !== 'none') return false;
+      if (this.terminal.buffer?.active?.type === 'alternate') return false;
+      const total = this._shiftScrollPending + input.wheelDeltaLines(ev, this.terminal.rows);
+      const lines = Math.trunc(total);
+      this._shiftScrollPending = total - lines;
+      if (lines) {
+        this.terminal.scrollLines(lines);
+        if (lines < 0) this._maybeLoadMoreHistory();
+      }
+      return true;
+    }
+
     // A plain left-click reported to the CLI, the primary pane's desktop click
     // (terminal-ui.js _handleDesktopTerminalClick) aimed at this pane. The
     // server strips the mouse DECSETs of some modes (opencode's since #555, so a
@@ -1071,25 +1160,28 @@
 
     // Hollow-buffer paging, the twin of the primary pane's
     // _maybePageCliTranscript (terminal-ui.js; keep the two in step). A CLI that
-    // draws in place (opencode, on the alternate screen; Claude's repaint mode)
-    // leaves this xterm no scrollback, so a wheel scrolled nothing; instead the
-    // travel pages the CLI's own transcript with PageUp/PageDown. Every gate is
-    // the primary pane's own, asked for THIS pane (its terminal, its session,
-    // never the active one), so the CLI rules stay in terminal-ui.js and this
-    // file names no CLI. Returns true when the wheel was consumed here.
+    // draws in place (on the alternate screen, or Claude's repaint mode) leaves
+    // this xterm no scrollback, so a wheel scrolled nothing; instead the travel
+    // pages the CLI's own transcript with PageUp/PageDown. Every gate is the
+    // primary pane's own, asked for THIS pane (its terminal, its session, never
+    // the active one), so the CLI rules stay in terminal-ui.js and this file
+    // names no CLI. The gesture rules (first-event page, notch accumulation,
+    // pinch and sideways-swipe consume) are the shared pure
+    // CodemanTerminalInput.pageKeysForGesture, run on this tile's own state.
+    // Returns true when the wheel was consumed here.
     _maybePageCliTranscript(ev) {
       if (this._destroyed || !this.terminal || !ev || ev.shiftKey) return false;
       const app = global.app;
       const input = global.CodemanTerminalInput;
-      if (!app || !input?.pageKeysForTravel || !input.wheelDeltaLines) return false;
+      if (!app || !input?.pageKeysForGesture || !input.wheelDeltaLines) return false;
       // xterm's own encoder forwards the wheel while the CLI's tracking reaches
       // it (a shell running htop), as in the primary pane.
       const tracking = this.terminal.modes?.mouseTrackingMode;
       if (tracking && tracking !== 'none') return false;
       const target = { terminal: this.terminal, sessionId: this.sessionId };
-      // The primary pane would forward this wheel to Claude's fullscreen
-      // renderer as SGR reports. Tiles do not do that yet (docs/tile-grid-plan.md
-      // follow-up 4), so the wheel stays with xterm, as before.
+      // A wheel for Claude's fullscreen renderer was forwarded as SGR reports
+      // before this ran (_maybeForwardWheelToCli); the gate is repeated so a
+      // forwarding session is never paged.
       if (app._shouldForwardWheelToApp?.(ev, target)) return false;
       if (!app._localScrollbackIsHollow?.({ ...target, localRows: this._localRows() })) return false;
       // Only from the live screen. The one gate the primary pane never needs: a
@@ -1105,14 +1197,19 @@
       if (!app._terminalViewportAtBottom?.(this.terminal)) return false;
       const lines = input.wheelDeltaLines(ev, this.terminal.rows);
       if (!lines) return false;
-      const step = input.pageKeysForTravel(this._pageKeyPending, lines, this.terminal.rows);
-      this._pageKeyPending = step.pending;
+      // An open dialog (a pending permission prompt or question) in THIS tile's
+      // session, which is usually not the active one: a page key would move its
+      // selector. Consumed, so xterm does not scroll the rows under it either.
+      if (app.tabAlerts?.get(this.sessionId) === 'action') return true;
+      const step = input.pageKeysForGesture(this._pageKeyGesture, ev, lines, this.terminal.rows, performance.now());
+      this._pageKeyGesture = step.state;
       if (step.keys) this._queueScrollBytes(step.keys);
       return true;
     }
 
-    // Coalesces the page keys into one send per 40 ms, bounded at 512 bytes so a
-    // fling cannot build a backlog that keeps paging after it stops. A narrow
+    // Coalesces the scroll bytes (SGR wheel reports and page keys alike) into
+    // one send per 40 ms, bounded at 512 bytes so a fling cannot build a backlog
+    // that keeps scrolling after it stops. A narrow
     // twin of the primary pane's _queueScrollBytes / _flushWheelSgrQueue
     // (terminal-ui.js; keep the two in step), which flushes to the active
     // session only. Sent ephemeral (no seq, never persisted) to THIS pane's
@@ -1459,7 +1556,7 @@
       clearTimeout(this._scrollFlushTimer);
       this._scrollFlushTimer = null;
       this._scrollBytes = '';
-      this._pageKeyPending = 0;
+      this._pageKeyGesture = null;
       this._detachSocket();
       if (this._onFocusIn) {
         this.terminal?.textarea?.removeEventListener('focus', this._onFocusIn);