@hienlh/ppm 0.18.11 → 0.18.13

package/.spike/pip-spike-terminal-debug.ts

@@ -1,81 +0,0 @@
-// Debug stage: why does typing stop echoing after the PiP move, and does the DOM renderer survive?
-import { connectApp, saveResults, sleep } from "./pip-spike-common";
-
-const TAB = "terminal:1@panel-8281c2e3";
-const Q = `document.querySelector('[data-tab-pool-id="${TAB}"]')`;
-const W = `window.__spike.tw`;
-const T = `window.__spike.findTerminal(${W})`;
-const R: Record<string, unknown> = {};
-const h = await connectApp();
-const { ev, cdp, sid } = h;
-
-R.reset = await ev(`(() => { const S = window.__spike; const r = { hadPip: !!(S.pip && !S.pip.closed), twInPip: !!(S.tw && S.tw.ownerDocument !== document) };
-  if (r.twInPip) S.moveBack(S.tw); if (r.hadPip) S.pip.close(); S.pip = null; S.results = {}; return r; })()`);
-await sleep(500);
-await h.openViaUrl("/project/ppm/terminal/1");
-await h.waitFor(`${Q} && ${Q}.style.display !== 'none' && ${Q}.querySelector('.xterm-helper-textarea')`, 15000, "terminal visible");
-await ev(`window.__spike.tw = ${Q}; 'held'`);
-
-// Instrument: xterm onData, WebSocket ref (fiber hook whose .current is a WebSocket), ws messages
-R.instrument = await ev(`(() => {
-  const S = window.__spike; const w = ${W}; const t = ${T};
-  S.dataLog = []; S.wsMsgs = 0; S.writes = 0;
-  if (!S.instrumented) {
-    t.onData(d => S.dataLog.push(d));
-    const origWrite = t.write.bind(t); t.write = (d, cb) => { S.writes++; return origWrite(d, cb); };
-    const container = w.querySelector('.xterm').parentElement; let f = S.fiberOf(container); let ws = null;
-    for (let depth = 0; f && depth < 40 && !ws; depth++, f = f.return) {
-      let hook = f.memoizedState;
-      for (let i = 0; hook && i < 200; i++, hook = hook.next) { const c = hook.memoizedState && hook.memoizedState.current; if (c instanceof WebSocket) { ws = c; S.wsHook = hook.memoizedState; break; } }
-    }
-    if (ws) ws.addEventListener('message', () => S.wsMsgs++);
-    S.instrumented = true;
-  }
-  const ws = S.wsHook && S.wsHook.current;
-  return { wsFound: !!ws, wsState: ws && ws.readyState, wsUrl: ws && ws.url, rows: t.rows, cols: t.cols, textareaDoc: w.querySelector('.xterm-helper-textarea').ownerDocument === document };
-})()`);
-
-async function typeAndCheck(label: string, marker: string, targetSid: string, focusExpr: string) {
-  await cdp.eval(targetSid, focusExpr);
-  await ev(`window.__spike.dataLog = []; window.__spike.wsMsgs = 0; window.__spike.writes = 0; 'r'`);
-  await cdp.typeText(targetSid, `echo ${marker}`);
-  await cdp.pressKey(targetSid, "Enter", "Enter", 13, "\r");
-  await sleep(1500);
-  R[label] = await ev(`(() => { const S = window.__spike; const t = ${T}; const ws = S.wsHook && S.wsHook.current;
-    return { dataSent: S.dataLog.join(''), wsMsgs: S.wsMsgs, writes: S.writes, wsState: ws && ws.readyState, echoed: S.termText(t, 80).includes(${JSON.stringify(marker)}), tail: S.termText(t, 4) }; })()`);
-}
-
-await typeAndCheck("mainBeforePip", "DBG-MAIN-1", sid, `window.__spike.tw.querySelector('.xterm-helper-textarea').focus(); 'f'`);
-
-R.move = await h.runGesture("pip-terminal-dbg", `async () => {
-  const S = window.__spike; const w = ${W};
-  const pip = await documentPictureInPicture.requestWindow({ width: 900, height: 600 });
-  S.pip = pip; S.copyStyles(pip.document); const moved = S.moveToPip(pip, w);
-  await new Promise(r => setTimeout(r, 400));
-  const gl = [...w.querySelectorAll('canvas')].map(c => { const ctx = c.getContext('webgl2') || c.getContext('webgl'); return ctx ? { lost: ctx.isContextLost(), dbw: ctx.drawingBufferWidth, dbh: ctx.drawingBufferHeight } : { ctx2d: !!c.getContext('2d') }; });
-  return { moved, gl, pipSize: [pip.innerWidth, pip.innerHeight], screenBg: pip.getComputedStyle(w.querySelector('.xterm-viewport')).backgroundColor };
-}`);
-const pipSid = await h.attachPip();
-R.pipAttached = !!pipSid;
-if (pipSid) {
-  R.pipFocus = await cdp.eval(pipSid, `(() => { const ta = document.querySelector('.xterm-helper-textarea'); ta.focus(); return { active: document.activeElement === ta, hasFocus: document.hasFocus(), vis: document.visibilityState }; })()`);
-  await typeAndCheck("pipTrusted", "DBG-PIP-1", pipSid, `document.querySelector('.xterm-helper-textarea').focus(); 'f'`);
-  R.shotWebgl = await h.pipShot(pipSid, "spike-01c-terminal-pip-webgl-debug.png");
-  // Force GL context loss → app's onContextLoss disposes the WebGL addon → DOM renderer
-  R.forceLoss = await ev(`(async () => { const w = ${W}; const t = ${T}; const c = w.querySelector('canvas'); const gl = c && (c.getContext('webgl2') || c.getContext('webgl'));
-    if (!gl) return 'no gl canvas'; const ext = gl.getExtension('WEBGL_lose_context'); if (!ext) return 'no lose_context ext'; ext.loseContext();
-    await new Promise(r => setTimeout(r, 800)); t.refresh(0, t.rows - 1); await new Promise(r => setTimeout(r, 300));
-    return { canvasesLeft: w.querySelectorAll('canvas').length, rowsDom: w.querySelectorAll('.xterm-rows > div').length, rowsText: [...w.querySelectorAll('.xterm-rows > div')].slice(0, 3).map(r => r.textContent.trim()).filter(Boolean) }; })()`);
-  await sleep(500);
-  R.shotDom = await h.pipShot(pipSid, "spike-01d-terminal-pip-dom-renderer.png");
-  await typeAndCheck("pipTrustedAfterDomRenderer", "DBG-PIP-2", pipSid, `document.querySelector('.xterm-helper-textarea').focus(); 'f'`);
-  // Resize check with DOM renderer
-  R.resizeDom = await ev(`(async () => { const w = ${W}; const t = ${T}; const b = [t.rows, t.cols]; w.style.height = '50%'; await new Promise(r => setTimeout(r, 700)); const a = [t.rows, t.cols]; w.style.height = '100%'; await new Promise(r => setTimeout(r, 700)); return { before: b, after: a, restored: [t.rows, t.cols] }; })()`);
-}
-R.back = await ev(`(async () => { const S = window.__spike; const w = ${W}; const t = ${T}; const r = S.moveBack(w); await new Promise(res => setTimeout(res, 800)); return { ...r, rows: t.rows, cols: t.cols }; })()`);
-await ev(`window.__spike.pip.close(); 'c'`);
-await sleep(400);
-await typeAndCheck("mainAfterReturn", "DBG-MAIN-2", sid, `window.__spike.tw.querySelector('.xterm-helper-textarea').focus(); 'f'`);
-await cdp.screenshot(sid, "C:/Users/PC/ppm/plans/reports/screenshots/spike-03b-terminal-after-return-dom-renderer.png");
-await saveResults("pip-results-terminal-debug.json", R);
-cdp.close();

package/.spike/pip-spike-terminal-v2.ts

@@ -1,139 +0,0 @@
-// Stage 2 (clean re-run on a healthy terminal): full PASS/FAIL matrix for xterm in a Document PiP window.
-import { connectApp, saveResults, sleep } from "./pip-spike-common";
-
-const TAB = "terminal:2@panel-8281c2e3";
-const Q = `document.querySelector('[data-tab-pool-id="${TAB}"]')`;
-const W = `window.__spike.tw2`;
-const T = `window.__spike.t2`;
-const R: Record<string, unknown> = {};
-const h = await connectApp();
-const { ev, cdp, sid } = h;
-await cdp.send("Emulation.setFocusEmulationEnabled", { enabled: true }, sid);
-
-await ev(`(() => { const S = window.__spike; if (S.pip && !S.pip.closed) { if (S.tw2 && S.tw2.ownerDocument !== document) S.moveBack(S.tw2); S.pip.close(); } S.pip = null; S.results = {}; return 'reset'; })()`);
-await h.openViaUrl("/project/ppm/terminal/2");
-await h.waitFor(`${Q} && ${Q}.style.display !== 'none' && ${Q}.querySelector('.xterm-helper-textarea')`, 15000, "terminal 2 visible");
-await ev(`(() => { const S = window.__spike; S.tw2 = ${Q}; S.t2 = S.findTerminal(S.tw2); if (!S.t2Hooked) { S.dataLog2 = []; S.t2.onData(d => S.dataLog2.push(d)); S.t2Hooked = true; } return 'held'; })()`);
-
-async function typeMarker(targetSid: string, marker: string, focusExpr: string) {
-  await cdp.eval(targetSid, focusExpr);
-  await ev(`window.__spike.dataLog2 = []; 'r'`);
-  await cdp.typeText(targetSid, `echo ${marker}`);
-  await cdp.pressKey(targetSid, "Enter", "Enter", 13, "\r");
-  await sleep(1300);
-  return ev(`({ sent: window.__spike.dataLog2.join('').includes(${JSON.stringify(marker)}), echoed: window.__spike.termText(${T}, 60).includes(${JSON.stringify(marker)}) })`);
-}
-R.baselineTyping = await typeMarker(sid, "T2-BASE", `${W}.querySelector('.xterm-helper-textarea').focus(); 'f'`);
-R.baselineSize = await ev(`({ rows: ${T}.rows, cols: ${T}.cols, canvases: ${W}.querySelectorAll('canvas').length })`);
-
-R.move = await h.runGesture("pip-terminal-v2", `async () => {
-  const S = window.__spike; const w = ${W}; const t = ${T};
-  const pip = await documentPictureInPicture.requestWindow({ width: 900, height: 600 }); S.pip = pip;
-  const styles = S.copyStyles(pip.document); const moved = S.moveToPip(pip, w); S.installClickProbes(pip, w);
-  S.glEvents = []; for (const c of w.querySelectorAll('canvas')) { c.addEventListener('webglcontextlost', () => S.glEvents.push('lost')); c.addEventListener('webglcontextrestored', () => S.glEvents.push('restored')); }
-  await new Promise(r => setTimeout(r, 600));
-  const gl = [...w.querySelectorAll('canvas')].map(c => { const g = c.getContext('webgl2'); return g ? { webgl2: true, lost: g.isContextLost() } : { webgl2: false }; });
-  return { styles, moved, pipSize: [pip.innerWidth, pip.innerHeight], rowsCols: [t.rows, t.cols], canvasesNow: w.querySelectorAll('canvas').length, gl, glEvents: S.glEvents, domRows: w.querySelectorAll('.xterm-rows > div').length,
-    theme: { pipHtmlClass: pip.document.documentElement.className, statusBg: pip.getComputedStyle(w.querySelector('.bg-surface')).backgroundColor, mainSurfaceBg: getComputedStyle(document.querySelector('.bg-surface') || document.body).backgroundColor } };
-}`);
-const pipSid = await h.attachPip();
-R.pipAttached = !!pipSid;
-if (!pipSid) throw new Error("no pip target");
-await cdp.send("Emulation.setFocusEmulationEnabled", { enabled: true }, pipSid);
-await sleep(700);
-R.afterFocusEmu = await ev(`({ canvases: ${W}.querySelectorAll('canvas').length, domRows: ${W}.querySelectorAll('.xterm-rows > div').length, glEvents: window.__spike.glEvents, rowsCols: [${T}.rows, ${T}.cols], vis: window.__spike.pip.document.visibilityState })`);
-R.shotInPip = await h.pipShot(pipSid, "spike-01-terminal-in-pip.png");
-
-// (b) keyboard — trusted keys via the PiP target
-R.typingInPip = await typeMarker(pipSid, "T2-IN-PIP", `document.querySelector('.xterm-helper-textarea').focus(); 'f'`);
-R.shotTyped = await h.pipShot(pipSid, "spike-01b-terminal-in-pip-typed.png");
-
-// (c) drag selection — trusted mouse via PiP target, over the row that has the echoed text
-R.dragSelect = await (async () => {
-  const geo = await cdp.eval<any>(pipSid, `(() => { const s = document.querySelector('.xterm-screen').getBoundingClientRect(); return { x: s.x, y: s.y, w: s.width, h: s.height }; })()`);
-  const row = await ev<number>(`(() => { const t = ${T}; const b = t.buffer.active; for (let i = b.length - 1; i >= 0; i--) { if ((b.getLine(i)?.translateToString(true) ?? '').includes('T2-IN-PIP')) return i - b.viewportY; } return -1; })()`);
-  const cell = await ev<any>(`(() => { const d = ${T}._core._renderService.dimensions.css.cell; return { w: d.width, h: d.height }; })()`);
-  if (row < 0) return { error: "row not found" };
-  const y = geo.y + row * cell.h + cell.h / 2;
-  const x0 = geo.x + 2;
-  await cdp.send("Input.dispatchMouseEvent", { type: "mouseMoved", x: x0, y }, pipSid);
-  await cdp.send("Input.dispatchMouseEvent", { type: "mousePressed", x: x0, y, button: "left", clickCount: 1 }, pipSid);
-  for (let i = 1; i <= 8; i++) await cdp.send("Input.dispatchMouseEvent", { type: "mouseMoved", x: x0 + i * cell.w * 2, y, button: "left", buttons: 1 }, pipSid);
-  await cdp.send("Input.dispatchMouseEvent", { type: "mouseReleased", x: x0 + 16 * cell.w, y, button: "left", clickCount: 1 }, pipSid);
-  await sleep(300);
-  const sel = await ev<string>(`${T}.getSelection()`);
-  await h.pipShot(pipSid, "spike-01c-terminal-in-pip-selection.png");
-  await ev(`${T}.clearSelection(); 'c'`);
-  return { row, cell, selection: sel, pass: sel.length > 0 };
-})();
-
-// (d) resize: style change on wrapper (ResizeObserver path) and window.resizeTo inside a trusted click in the PiP doc
-R.resizeViaStyle = await ev(`(async () => { const w = ${W}; const t = ${T}; const before = [t.rows, t.cols]; w.style.height = '50%'; w.style.width = '70%';
-  await new Promise(r => setTimeout(r, 800)); const after = [t.rows, t.cols]; w.style.height = '100%'; w.style.width = '100%'; await new Promise(r => setTimeout(r, 800));
-  return { before, after, restored: [t.rows, t.cols], refit: before[0] !== after[0] || before[1] !== after[1] }; })()`);
-R.resizeViaWindow = await (async () => {
-  const pt = await cdp.eval<any>(pipSid, `(() => { const b = document.createElement('button'); b.id = 'rz'; b.textContent = 'rz'; b.style.cssText = 'position:fixed;right:4px;bottom:4px;z-index:99999'; b.onclick = () => { try { window.resizeTo(700, 450); window.__rz = 'ok'; } catch (e) { window.__rz = String(e); } }; document.body.append(b); const r = b.getBoundingClientRect(); return { x: r.x + r.width / 2, y: r.y + r.height / 2 }; })()`);
-  const before = await ev<any>(`[${T}.rows, ${T}.cols, window.__spike.pip.innerWidth, window.__spike.pip.innerHeight]`);
-  await cdp.click(pipSid, pt.x, pt.y);
-  await sleep(1200);
-  const after = await ev<any>(`[${T}.rows, ${T}.cols, window.__spike.pip.innerWidth, window.__spike.pip.innerHeight]`);
-  const err = await cdp.eval(pipSid, `window.__rz`);
-  await cdp.eval(pipSid, `document.getElementById('rz').remove(); 'x'`);
-  return { before, after, resizeToResult: err, refit: before[0] !== after[0] || before[1] !== after[1] };
-})();
-R.shotResized = await h.pipShot(pipSid, "spike-01d-terminal-in-pip-resized.png");
-
-// (f) React onClick inside the moved wrapper: trusted click on "Chat" (would toast "Sent to chat" in main doc)
-R.reactClickInPip = await (async () => {
-  const pt = await cdp.eval<any>(pipSid, `(() => { const r = document.querySelector('button[title="Send to Chat"]').getBoundingClientRect(); return { x: r.x + r.width / 2, y: r.y + r.height / 2 }; })()`);
-  await ev(`window.__spike.probe = { mainDocClick: 0, pipDocClick: 0, wrapperClick: 0, reactRootClick: 0 }; 'r'`);
-  await cdp.click(pipSid, pt.x, pt.y);
-  await sleep(700);
-  return ev(`({ probe: { ...window.__spike.probe }, toast: window.__spike.toastText(), reactHandlerFired: window.__spike.toastText().includes('Sent to chat') })`);
-})();
-
-// Pull-back probe: re-render ReparentingTab by switching active tab away and back via URL
-R.pullback = await (async () => {
-  const inPip0 = await ev<boolean>(`${W}.ownerDocument !== document`);
-  await h.openViaUrl("/project/ppm/editor/.spike/scratch-editor-target.ts");
-  const afterAway = await ev<any>(`({ inPip: ${W}.ownerDocument !== document, display: ${W}.style.display, parentIsSlot: ${W}.parentElement && ${W}.parentElement.className.includes('absolute inset-0') })`);
-  await h.openViaUrl("/project/ppm/terminal/2");
-  const afterBack = await ev<any>(`({ inPip: ${W}.ownerDocument !== document, display: ${W}.style.display })`);
-  return { inPipBefore: inPip0, afterSwitchAway: afterAway, afterSwitchBack: afterBack, note: "ReparentingTab layout effect re-appends wrapper into the panel slot on every re-render" };
-})();
-// Whatever state we are in now, ensure wrapper is in main, then test pagehide→moveBack survival with a second PiP
-R.ensureBack = await ev(`(() => { const S = window.__spike; const w = ${W}; const was = w.ownerDocument !== document; if (was) S.moveBack(w); return { wasInPip: was, inMain: w.ownerDocument === document }; })()`);
-await ev(`window.__spike.pip.close(); 'c'`);
-await sleep(600);
-R.afterReturnTyping = await typeMarker(sid, "T2-AFTER-RETURN", `${W}.querySelector('.xterm-helper-textarea').focus(); 'f'`);
-R.afterReturnState = await ev(`(async () => { const S = window.__spike; const w = ${W}; const t = ${T}; const txt = S.termText(t, 200);
-  const btn = w.querySelector('button[title="Send to Chat"]'); btn.click(); await new Promise(r => setTimeout(r, 600));
-  return { rows: t.rows, cols: t.cols, canvases: w.querySelectorAll('canvas').length, scrollback: { base: txt.includes('T2-BASE'), inPip: txt.includes('T2-IN-PIP'), after: txt.includes('T2-AFTER-RETURN') }, reactClickToast: S.toastText().includes('Sent to chat') }; })()`);
-await cdp.screenshot(sid, "C:/Users/PC/ppm/plans/reports/screenshots/spike-03-terminal-after-return.png");
-
-// pagehide → move back synchronously: do listeners survive the PiP window closing?
-R.pagehideGuard = await h.runGesture("pip-terminal-pagehide", `async () => {
-  const S = window.__spike; const w = ${W};
-  const pip = await documentPictureInPicture.requestWindow({ width: 800, height: 500 }); S.pip = pip; S.copyStyles(pip.document); S.moveToPip(pip, w);
-  pip.addEventListener('pagehide', () => { S.moveBack(w); S.note('pagehide: moved back'); });
-  await new Promise(r => setTimeout(r, 500));
-  pip.close();
-  await new Promise(r => setTimeout(r, 500));
-  return { inMain: w.ownerDocument === document, closed: pip.closed };
-}`);
-R.afterPagehideTyping = await typeMarker(sid, "T2-AFTER-PAGEHIDE", `${W}.querySelector('.xterm-helper-textarea').focus(); 'f'`);
-// Control (destructive, last): close a PiP with the wrapper still inside, then let React pull it back — listeners stripped?
-R.closeWithWrapperInside = await h.runGesture("pip-terminal-destroy", `async () => {
-  const S = window.__spike; const w = ${W};
-  const pip = await documentPictureInPicture.requestWindow({ width: 800, height: 500 }); S.pip = pip; S.copyStyles(pip.document); S.moveToPip(pip, w);
-  await new Promise(r => setTimeout(r, 500)); pip.close(); await new Promise(r => setTimeout(r, 500));
-  const r = { ownerAfterClose: w.ownerDocument === document ? 'main' : 'dead-pip-doc', connected: w.isConnected };
-  S.moveBack(w); // simulate React's layout effect re-adopting from the destroyed document
-  return { ...r, inMainNow: w.ownerDocument === document };
-}`);
-await sleep(500);
-R.afterDestroyTyping = await typeMarker(sid, "T2-AFTER-DESTROY", `${W}.querySelector('.xterm-helper-textarea').focus(); 'f'`);
-R.afterDestroyInputApi = await ev(`(async () => { const S = window.__spike; S.dataLog2 = []; S.t2.input('echo T2-INPUT-API\\r', true); await new Promise(r => setTimeout(r, 1200)); return { sent: S.dataLog2.join('').includes('T2-INPUT-API'), echoed: S.termText(S.t2, 60).includes('T2-INPUT-API') }; })()`);
-R.log = await ev(`window.__spike.log.slice(-10)`);
-await saveResults("pip-results-terminal-v2.json", R);
-cdp.close();

package/.spike/pip-spike-terminal.ts

@@ -1,169 +0,0 @@
-// Stage 2: move the live xterm tab wrapper into a Document PiP window and test it.
-import { connectApp, saveResults, sleep } from "./pip-spike-common";
-
-const TAB = "terminal:1@panel-8281c2e3";
-const Q = `document.querySelector('[data-tab-pool-id="${TAB}"]')`;
-const W = `window.__spike.tw`; // held reference: querySelector can't see it once adopted into the PiP doc
-const T = `window.__spike.findTerminal(${W})`;
-const R: Record<string, unknown> = {};
-const h = await connectApp();
-const { ev, cdp, sid } = h;
-
-// Reset leftovers from an aborted run (records whether the wrapper had been pulled back while idle)
-R.reset = await ev(`(() => { const S = window.__spike; const r = { hadPip: !!(S.pip && !S.pip.closed), twInPip: !!(S.tw && S.tw.ownerDocument !== document) };
-  if (r.twInPip) S.moveBack(S.tw); if (r.hadPip) S.pip.close(); S.pip = null; S.results = {}; return r; })()`);
-await sleep(500);
-await h.openViaUrl("/project/ppm/terminal/1");
-await h.waitFor(`${Q} && ${Q}.style.display !== 'none' && ${Q}.querySelector('.xterm-helper-textarea')`, 15000, "terminal visible");
-await ev(`window.__spike.tw = ${Q}; 'held'`);
-
-// Baseline typing in the main document (trusted CDP keys)
-await ev(`${W}.querySelector('.xterm-helper-textarea').focus(); 'f'`);
-await cdp.typeText(sid, "echo SPIKE-BEFORE-PIP");
-await cdp.pressKey(sid, "Enter", "Enter", 13, "\r");
-await sleep(1500);
-R.baseline = await ev(`(() => { const t = ${T}; return { rows: t.rows, cols: t.cols, echoed: window.__spike.termText(t, 80).includes('SPIKE-BEFORE-PIP'), renderer: ${W}.querySelectorAll('canvas').length + ' canvas' }; })()`);
-
-// Trusted gesture: open PiP, copy styles, move wrapper
-R.move = await h.runGesture("pip-terminal", `async () => {
-  const S = window.__spike; const w = ${W};
-  const pip = await documentPictureInPicture.requestWindow({ width: 900, height: 600 });
-  S.pip = pip;
-  const styles = S.copyStyles(pip.document);
-  const moved = S.moveToPip(pip, w);
-  S.installClickProbes(pip, w);
-  pip.addEventListener('pagehide', () => S.note('pip pagehide'));
-  await new Promise(r => setTimeout(r, 400));
-  const t = S.findTerminal(w);
-  const xterm = w.querySelector('.xterm'); const rect = xterm.getBoundingClientRect();
-  const canvases = [...w.querySelectorAll('canvas')].map(c => ({ w: c.width, h: c.height, ctx: c.getContext ? (c.__spikeCtx ?? 'n/a') : 'n/a' }));
-  return { styles, moved, rowsCols: { rows: t.rows, cols: t.cols }, xtermRect: { w: rect.width, h: rect.height }, canvases,
-    pipInner: { w: pip.innerWidth, h: pip.innerHeight }, mainHasFocus: document.hasFocus(), pipHasFocus: pip.document.hasFocus(),
-    themeBg: pip.getComputedStyle(w.firstElementChild.firstElementChild).backgroundColor, mainThemeBg: getComputedStyle(document.body).backgroundColor,
-    pipHtmlClass: pip.document.documentElement.className };
-}`);
-await sleep(800);
-
-// Did ReparentingTab's layout effect pull it back yet?
-R.stillInPipAfterIdle = await ev(`${W}.ownerDocument === window.__spike.pip.document`);
-
-// Is the PiP window a CDP target?
-R.newTargets = await h.newTargets();
-const pipSid = await h.attachPip();
-R.pipAttached = !!pipSid;
-if (pipSid) R.pipTargetInfo = await cdp.eval(pipSid, `({ url: location.href, w: innerWidth, h: innerHeight, hasWrapper: !!document.querySelector('[data-tab-pool-id]'), title: document.title })`);
-R.shot1 = { screen: await h.screenShot("spike-01-terminal-in-pip-screen.png"), pip: await h.pipShot(pipSid, "spike-01-terminal-in-pip.png") };
-
-// (b) keyboard: trusted via pip target if possible, else synthetic DOM events
-if (pipSid) {
-  await cdp.eval(pipSid, `document.querySelector('.xterm-helper-textarea').focus(); document.activeElement.className`);
-  await cdp.typeText(pipSid, "echo SPIKE-IN-PIP-TRUSTED");
-  await cdp.pressKey(pipSid, "Enter", "Enter", 13, "\r");
-  await sleep(1500);
-  R.typingTrustedInPip = await ev(`window.__spike.termText(${T}, 80).includes('SPIKE-IN-PIP-TRUSTED')`);
-}
-R.typingSyntheticInPip = await ev(`(async () => {
-  const w = ${W}; const ta = w.querySelector('.xterm-helper-textarea'); ta.focus();
-  const type = (s) => { for (const ch of s) { ta.dispatchEvent(new InputEvent('input', { data: ch, inputType: 'insertText', bubbles: true })); } };
-  type('echo SPIKE-IN-PIP-SYNTH');
-  ta.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', code: 'Enter', keyCode: 13, which: 13, bubbles: true }));
-  await new Promise(r => setTimeout(r, 1500));
-  return { echoed: window.__spike.termText(${T}, 80).includes('SPIKE-IN-PIP-SYNTH'), activeInPip: w.ownerDocument.activeElement === ta };
-})()`);
-
-// (c) mouse drag selection inside the PiP terminal
-const selExpr = `(() => { const t = ${T}; return t.getSelection(); })()`;
-if (pipSid) {
-  const rect = await cdp.eval<any>(pipSid, `(() => { const r = document.querySelector('.xterm-screen').getBoundingClientRect(); return { x: r.x, y: r.y, w: r.width, h: r.height }; })()`);
-  const y = rect.y + 8; // first row: prompt line
-  await cdp.send("Input.dispatchMouseEvent", { type: "mousePressed", x: rect.x + 4, y, button: "left", clickCount: 1 }, pipSid);
-  for (let i = 1; i <= 6; i++) await cdp.send("Input.dispatchMouseEvent", { type: "mouseMoved", x: rect.x + 4 + i * 40, y, button: "left", buttons: 1 }, pipSid);
-  await cdp.send("Input.dispatchMouseEvent", { type: "mouseReleased", x: rect.x + 244, y, button: "left", clickCount: 1 }, pipSid);
-  await sleep(300);
-  R.dragSelectTrustedInPip = { selection: await ev(selExpr), rect };
-  await ev(`${T}.clearSelection(); 'c'`);
-}
-R.dragSelectSyntheticInPip = await ev(`(async () => {
-  const w = ${W}; const t = ${T}; const pipDoc = w.ownerDocument; const screen = w.querySelector('.xterm-screen'); const r = screen.getBoundingClientRect();
-  const mk = (type, x, target, extra = {}) => target.dispatchEvent(new MouseEvent(type, { clientX: x, clientY: r.y + 8, button: 0, buttons: 1, bubbles: true, view: pipDoc.defaultView, ...extra }));
-  mk('mousedown', r.x + 4, screen);
-  for (let i = 1; i <= 6; i++) mk('mousemove', r.x + 4 + i * 40, pipDoc); // xterm listens on ownerDocument-at-open-time
-  mk('mouseup', r.x + 244, pipDoc);
-  await new Promise(res => setTimeout(res, 200));
-  const viaPipDoc = t.getSelection(); t.clearSelection();
-  mk('mousedown', r.x + 4, screen);
-  for (let i = 1; i <= 6; i++) mk('mousemove', r.x + 4 + i * 40, document);
-  mk('mouseup', r.x + 244, document);
-  await new Promise(res => setTimeout(res, 200));
-  const viaMainDoc = t.getSelection(); t.clearSelection();
-  return { viaPipDoc, viaMainDoc };
-})()`);
-
-// (d) resize: shrink wrapper height in the PiP body → ResizeObserver/fit?
-R.resizeViaStyle = await ev(`(async () => {
-  const w = ${W}; const t = ${T}; const before = { rows: t.rows, cols: t.cols };
-  w.style.height = '50%'; w.style.width = '70%';
-  await new Promise(r => setTimeout(r, 700));
-  const after = { rows: t.rows, cols: t.cols };
-  w.style.height = '100%'; w.style.width = '100%';
-  await new Promise(r => setTimeout(r, 700));
-  const restored = { rows: t.rows, cols: t.cols };
-  return { before, after, restored, refit: before.rows !== after.rows || before.cols !== after.cols };
-})()`);
-R.resizeViaWindow = await ev(`(async () => {
-  const pip = window.__spike.pip; const t = ${T}; const before = { rows: t.rows, cols: t.cols, w: pip.innerWidth, h: pip.innerHeight };
-  let err = null; try { pip.resizeTo(1100, 750); } catch (e) { err = String(e); }
-  await new Promise(r => setTimeout(r, 900));
-  return { before, after: { rows: t.rows, cols: t.cols, w: pip.innerWidth, h: pip.innerHeight }, err };
-})()`);
-
-// (f) React onClick inside the moved wrapper: the status-bar "Chat" button (toast in main doc on success)
-R.reactClick = await ev(`(async () => {
-  const S = window.__spike; const w = ${W}; const btn = w.querySelector('button[title="Send to Chat"]');
-  const probeBefore = { ...S.probe }; btn.click();
-  await new Promise(r => setTimeout(r, 600));
-  return { probeBefore, probeAfter: { ...S.probe }, toast: S.toastText(), synthetic: true };
-})()`);
-if (pipSid) {
-  const pt = await cdp.eval<any>(pipSid, `(() => { const r = document.querySelector('button[title="Send to Chat"]').getBoundingClientRect(); return { x: r.x + r.width / 2, y: r.y + r.height / 2 }; })()`);
-  await cdp.click(pipSid, pt.x, pt.y);
-  await sleep(600);
-  R.reactClickTrusted = await ev(`({ probe: { ...window.__spike.probe }, toast: window.__spike.toastText() })`);
-}
-// Control: same button after moving back must fire (proves probe validity)
-
-// Does a main-window re-render pull the wrapper back? Click the "Terminal 1" tab header in main doc.
-R.pullbackProbe = await ev(`(async () => {
-  const w = ${W}; const inPip0 = w.ownerDocument !== document;
-  const tabBtn = [...document.querySelectorAll('[role="tab"], button, div')].find(e => e.textContent?.trim() === 'Terminal 1' && e.getBoundingClientRect().width > 0);
-  tabBtn?.dispatchEvent(new MouseEvent('mousedown', { bubbles: true })); tabBtn?.click();
-  await new Promise(r => setTimeout(r, 500));
-  return { inPipBefore: inPip0, inPipAfterTabClick: w.ownerDocument !== document, found: !!tabBtn };
-})()`);
-R.shot2 = await h.pipShot(pipSid, "spike-01b-terminal-pip-after-resize.png");
-
-// Move back to the original slot, verify state + typing
-R.back = await ev(`(async () => {
-  const S = window.__spike; const w = ${W}; const t = ${T};
-  const wasInPip = w.ownerDocument !== document;
-  const back = wasInPip ? S.moveBack(w) : { back: true, note: 'already pulled back' };
-  await new Promise(r => setTimeout(r, 800));
-  const txt = S.termText(t, 120);
-  return { wasInPip, back, rows: t.rows, cols: t.cols, scrollbackKept: { before: txt.includes('SPIKE-BEFORE-PIP'), trusted: txt.includes('SPIKE-IN-PIP-TRUSTED'), synth: txt.includes('SPIKE-IN-PIP-SYNTH') } };
-})()`);
-await ev(`window.__spike.pip && window.__spike.pip.close(); 'closed'`);
-await sleep(500);
-await ev(`${W}.querySelector('.xterm-helper-textarea').focus(); 'f'`);
-await cdp.typeText(sid, "echo SPIKE-AFTER-RETURN");
-await cdp.pressKey(sid, "Enter", "Enter", 13, "\r");
-await sleep(1500);
-R.afterReturn = await ev(`(async () => {
-  const S = window.__spike; const w = ${W}; const t = ${T};
-  const btn = w.querySelector('button[title="Send to Chat"]'); const p0 = { ...S.probe }; btn.click();
-  await new Promise(r => setTimeout(r, 600));
-  return { echoed: S.termText(t, 80).includes('SPIKE-AFTER-RETURN'), rows: t.rows, cols: t.cols, reactClickControl: { probeBefore: p0, probeAfter: { ...S.probe }, toast: S.toastText() } };
-})()`);
-await cdp.screenshot(sid, "C:/Users/PC/ppm/plans/reports/screenshots/spike-03-terminal-after-return.png");
-R.log = await ev(`window.__spike.log`);
-await saveResults("pip-results-terminal.json", R);
-cdp.close();

package/.spike/pip-spike-xterm-trace.ts

@@ -1,36 +0,0 @@
-// Debug: trace xterm's internal key path on the round-tripped terminal vs the fresh one.
-import { connectApp, saveResults, sleep } from "./pip-spike-common";
-
-const R: Record<string, unknown> = {};
-const h = await connectApp();
-const { ev, cdp, sid } = h;
-await cdp.send("Emulation.setFocusEmulationEnabled", { enabled: true }, sid);
-
-const TRACE = `(t, name) => {
-  const S = window.__spike; const core = t._core; S.trace = S.trace || {}; S.trace[name] = [];
-  const log = (m) => S.trace[name].push(m);
-  const wrap = (obj, key, label) => { if (!obj || typeof obj[key] !== 'function' || obj[key].__wrapped) return 'no:' + label; const o = obj[key];
-    const w = function (...a) { let r; try { r = o.apply(this, a); } finally { log(label + ' -> ' + (r && typeof r === 'object' ? JSON.stringify(r) : String(r))); } return r; }; w.__wrapped = true; obj[key] = w; return 'ok:' + label; };
-  const res = [
-    wrap(core, '_keyDown', 'keyDown'), wrap(core, '_keyPress', 'keyPress'), wrap(core, '_inputEvent', 'inputEvent'), wrap(core, '_isThirdLevelShift', 'thirdLevel'),
-    wrap(core._compositionHelper, 'keydown', 'composition.keydown'), wrap(core._keyboardService, 'evaluateKeyDown', 'evaluateKeyDown'), wrap(core.coreService, 'triggerDataEvent', 'triggerData'),
-  ];
-  return { wrapped: res, state: { unprocessedDeadKey: core._unprocessedDeadKey, keyDownHandled: core._keyDownHandled, keyPressHandled: core._keyPressHandled, isComposing: core._compositionHelper._isComposing, isSending: core._compositionHelper._isSendingComposition,
-    useKitty: core._keyboardService.useKitty, useWin32: core._keyboardService.useWin32InputMode, customHandler: !!core._customKeyEventHandler, disableStdin: core.optionsService.rawOptions.disableStdin, screenReader: core.optionsService.rawOptions.screenReaderMode,
-    textareaOwner: t.textarea.ownerDocument === document, browser: { isWindows: core.browser.isWindows, isMac: core.browser.isMac } } };
-}`;
-
-async function traceOne(label: string, tabPath: string, twExpr: string, tExpr: string) {
-  await h.openViaUrl(tabPath);
-  await sleep(500);
-  R[label + "_setup"] = await ev(`(${TRACE})(${tExpr}, ${JSON.stringify(label)})`);
-  await ev(`${twExpr}.querySelector('.xterm-helper-textarea').focus(); window.__spike.trace[${JSON.stringify(label)}] = []; 'f'`);
-  await cdp.typeText(sid, "a");
-  await cdp.pressKey(sid, "Enter", "Enter", 13, "\r");
-  await sleep(400);
-  R[label + "_trace"] = await ev(`window.__spike.trace[${JSON.stringify(label)}]`);
-}
-await traceOne("roundTripped", "/project/ppm/terminal/1", "window.__spike.tw", "window.__spike.findTerminal(window.__spike.tw)");
-await traceOne("fresh", "/project/ppm/terminal/2", "window.__spike.tw2", "window.__spike.t2");
-await saveResults("pip-results-xterm-trace.json", R);
-cdp.close();

package/.spike/probe-drag-memo-error.mjs

@@ -1,67 +0,0 @@
-// Isolates the `useWindowDrag` memo console error: opens an explorer window and clicks a
-// caption button, with NO picture-in-picture involved at all.
-import { tmpdir, homedir } from "node:os";
-import { join } from "node:path";
-import { Database } from "bun:sqlite";
-import { Cdp, launchChrome, pageInitScript, sleep } from "../tests/e2e/tab-popout-pip-helpers.mjs";
-
-const WEB = "http://localhost:5199";
-const CDP_PORT = 9361;
-const CHROME = "C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe";
-const RUN = Date.now().toString(36);
-const PROFILE = join(tmpdir(), `ppm-probe-${RUN}`);
-
-const db = new Database(join(homedir(), ".ppm", "ppm.dev.db"), { readonly: true });
-const TOKEN = JSON.parse(db.query("SELECT value FROM config WHERE key='auth'").get().value).token;
-db.close();
-
-const WINDOWS = `(await import('/components/floating-window/window-store.ts')).useWindowStore`;
-const errors = [];
-let cdp, main, chrome;
-
-try {
-  chrome = await launchChrome({ chromePath: CHROME, cdpPort: CDP_PORT, profileDir: PROFILE, url: "about:blank" });
-  cdp = await Cdp.connect(CDP_PORT);
-  let page = null;
-  const end = Date.now() + 20000;
-  while (Date.now() < end && !page) {
-    page = (await cdp.targets()).find((t) => t.type === "page");
-    if (!page) await sleep(300);
-  }
-  main = await cdp.attach(page.targetId);
-  await cdp.send("Emulation.setFocusEmulationEnabled", { enabled: true }, main).catch(() => {});
-  await cdp.send("Page.addScriptToEvaluateOnNewDocument", { source: pageInitScript(TOKEN) }, main);
-  cdp.on((m) => {
-    if (m.method === "Runtime.exceptionThrown") {
-      errors.push(String(m.params?.exceptionDetails?.exception?.description ?? "").split("\n")[0]);
-    }
-  });
-  await cdp.send("Page.navigate", { url: WEB }, main);
-  await sleep(6000);
-
-  const ev = (e) => cdp.evalJs(main, e);
-  for (let i = 0; i < 3; i++) {
-    await ev(`${WINDOWS}.getState().open('explorer')`);
-    await sleep(1800);
-    const json = await ev(`(() => {
-      const el = document.querySelector('[aria-label="Close window"]');
-      if (!el) return null;
-      const r = el.getBoundingClientRect();
-      return JSON.stringify({ x: r.x + r.width / 2, y: r.y + r.height / 2 });
-    })()`);
-    if (!json) throw new Error("no close button");
-    const { x, y } = JSON.parse(json);
-    await cdp.click(main, x, y);
-    await sleep(1200);
-  }
-  console.log(`close-button-only clicks: ${errors.length} exception(s)`);
-  for (const e of errors.slice(0, 3)) console.log("  " + e);
-} finally {
-  try {
-    await cdp?.send("Browser.close");
-  } catch {}
-  await sleep(1000);
-  try {
-    if (chrome?.pid) process.kill(chrome.pid);
-  } catch {}
-}

package/.spike/read-dev-db.ts

@@ -1,15 +0,0 @@
-// Read auth token + projects from the dev DB (readonly). Spike helper only.
-import { Database } from "bun:sqlite";
-import { homedir } from "node:os";
-import { join } from "node:path";
-
-const db = new Database(join(homedir(), ".ppm", "ppm.dev.db"), { readonly: true });
-const auth = db.query("SELECT value FROM config WHERE key = 'auth'").get() as { value: string } | null;
-const tables = db.query("SELECT name FROM sqlite_master WHERE type='table'").all() as { name: string }[];
-let projects: unknown[] = [];
-try {
-  projects = db.query("SELECT * FROM projects LIMIT 10").all();
-} catch (e) {
-  projects = [String(e)];
-}
-console.log(JSON.stringify({ auth: auth ? JSON.parse(auth.value) : null, tables: tables.map((t) => t.name), projects }, null, 2));

package/.spike/s.err

@@ -1,63 +0,0 @@
-$ bun run --hot src/server/index.ts __serve__ 8081 0.0.0.0 dev
-[accounts] Refresh failed for f287efe4-0523-4d10-8afa-6b53150a3682: 400 {"error": "invalid_grant", "error_description": "Refresh token expired"}
-[accounts] Refresh token rejected for developers@nxsys.tech — preserving token for recovery (not clearing)
-[accounts] Auto-refresh failed for f287efe4-0523-4d10-8afa-6b53150a3682: Token refresh failed for account f287efe4-0523-4d10-8afa-6b53150a3682: 400 {"error": "invalid_grant", "error_description": "Refresh token expired"}
-[accounts] Refresh failed for f287efe4-0523-4d10-8afa-6b53150a3682: 400 {"error": "invalid_grant", "error_description": "Refresh token expired"}
-[accounts] Refresh token rejected for developers@nxsys.tech — preserving token for recovery (not clearing)
-[accounts] Pre-flight refresh failed for f287efe4-0523-4d10-8afa-6b53150a3682: Token refresh failed for account f287efe4-0523-4d10-8afa-6b53150a3682: 400 {"error": "invalid_grant", "error_description": "Refresh token expired"}
-[accounts] Refresh failed for f287efe4-0523-4d10-8afa-6b53150a3682: 400 {"error": "invalid_grant", "error_description": "Refresh token expired"}
-[accounts] Refresh token rejected for developers@nxsys.tech — preserving token for recovery (not clearing)
-[accounts] Auto-refresh failed for f287efe4-0523-4d10-8afa-6b53150a3682: Token refresh failed for account f287efe4-0523-4d10-8afa-6b53150a3682: 400 {"error": "invalid_grant", "error_description": "Refresh token expired"}
-[accounts] Refresh failed for f287efe4-0523-4d10-8afa-6b53150a3682: 400 {"error": "invalid_grant", "error_description": "Refresh token expired"}
-[accounts] Refresh token rejected for developers@nxsys.tech — preserving token for recovery (not clearing)
-[accounts] Pre-flight refresh failed for f287efe4-0523-4d10-8afa-6b53150a3682: Token refresh failed for account f287efe4-0523-4d10-8afa-6b53150a3682: 400 {"error": "invalid_grant", "error_description": "Refresh token expired"}
-[accounts] Refresh failed for f287efe4-0523-4d10-8afa-6b53150a3682: 400 {"error": "invalid_grant", "error_description": "Refresh token expired"}
-[accounts] Refresh token rejected for developers@nxsys.tech — preserving token for recovery (not clearing)
-[accounts] Auto-refresh failed for f287efe4-0523-4d10-8afa-6b53150a3682: Token refresh failed for account f287efe4-0523-4d10-8afa-6b53150a3682: 400 {"error": "invalid_grant", "error_description": "Refresh token expired"}
-[accounts] Refresh failed for f287efe4-0523-4d10-8afa-6b53150a3682: 400 {"error": "invalid_grant", "error_description": "Refresh token expired"}
-[accounts] Refresh token rejected for developers@nxsys.tech — preserving token for recovery (not clearing)
-[accounts] Pre-flight refresh failed for f287efe4-0523-4d10-8afa-6b53150a3682: Token refresh failed for account f287efe4-0523-4d10-8afa-6b53150a3682: 400 {"error": "invalid_grant", "error_description": "Refresh token expired"}
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-[serve] Port 8081 still releasing, waiting...
-
-  ✗  Port 8081 is still in use after waiting 10s.
-     A stale process may be holding it. Run 'ppm stop', then start again.
-     If it persists, run PowerShell as Admin: netsh int tcp reset (then restart).
-
-error: script "dev:server" exited with code 1

package/.spike/scratch-editor-target.ts

@@ -1,7 +0,0 @@
-MAIN1 MAIN1 // Scratch file for the Document PiP spike. Monaco autosaves edits here; safe to delete.
-export const spikeLine1 = "one";
-export const spikeLine2 = "two";
-export const spikeLine3 = "three";
-export function spikeFn(a: number, b: number): number {
-  return a + b;
-}