tmux-ide 2.9.0-beta.49 → 2.9.0-beta.50

package/bin/cli.js

@@ -11932,7 +11932,7 @@ var require_package = __commonJS({
   "package.json"(exports, module) {
     module.exports = {
       name: "tmux-ide",
-      version: "2.9.0-beta.49",
+      version: "2.9.0-beta.50",
       description: "A visual, agent-aware IDE for any tmux session, with optional workspace presets",
       type: "module",
       bin: {
@@ -32671,6 +32671,10 @@ function snapshotFingerprint2(captureLines, cursorLine, fallbackSize) {
 function tmuxSingleQuote(value) {
   return `'${value.replaceAll("'", "'\\''")}'`;
 }
+function layoutIdentitiesEqual(left, right) {
+  const paneIds = (layout) => layout?.leaves.map((leaf) => leaf.id);
+  return left.zoomed === right.zoomed && JSON.stringify(paneIds(left)) === JSON.stringify(paneIds(right)) && JSON.stringify(paneIds(left.unzoomed)) === JSON.stringify(paneIds(right.unzoomed));
+}
 function defaultMirrorPaneId() {
   return `pane.mirror.${randomBytes3(8).toString("hex")}`;
 }
@@ -32793,7 +32797,9 @@ var init_session_channel = __esm({
       disposed = false;
       nativeGrid;
       nativeClientProbePending = false;
+      // Native captures fence every geometry event; inventory fences identity only.
       windowAuthorityOrdinal = 0;
+      windowIdentityOrdinal = 0;
       paneIncarnation = 0;
       recoveryOrdinal = 0;
       plainReseedActive = null;
@@ -34709,11 +34715,13 @@ var init_session_channel = __esm({
           rest
         ) || /^tmux-ide-copy-keys\s+\$[0-9]+\s+@[0-9]+\s+[0-9]+\s+-\s*:\s*(emacs|vi)\s*$/u.test(rest))) {
           this.windowAuthorityOrdinal += 1;
+          this.windowIdentityOrdinal += 1;
           this.scheduleSync();
           return;
         }
         if (name === "layout-change" || name === "window-pane-changed" || name === "session-window-changed" || STRUCTURAL_NOTIFICATIONS.has(name)) {
           this.windowAuthorityOrdinal += 1;
+          if (name !== "layout-change") this.windowIdentityOrdinal += 1;
         }
         if (this.opts.onNativeClientActivity && (NATIVE_CLIENT_NOTIFICATIONS.has(name) || name === "layout-change")) {
           this.probeNativeClientActivity();
@@ -34764,9 +34772,13 @@ var init_session_channel = __esm({
         }
         if (name === "layout-change") {
           const change = parseLayoutChange(rest);
-          if (!change) return;
+          if (!change) {
+            this.windowIdentityOrdinal += 1;
+            return;
+          }
           const parsed = parseLayout(change.visible);
           if (!parsed) {
+            this.windowIdentityOrdinal += 1;
             this.scheduleSync();
             return;
           }
@@ -34775,6 +34787,9 @@ var init_session_channel = __esm({
             zoomed: change.zoomed,
             unzoomed: parseLayout(change.layout) ?? void 0
           };
+          const previousLayout = this.pendingLayoutOutput.get(change.windowId)?.layout ?? this.layoutByWindow.get(change.windowId);
+          if (!pendingLayout.unzoomed || !previousLayout || !layoutIdentitiesEqual(previousLayout, pendingLayout))
+            this.windowIdentityOrdinal += 1;
           const membership = change.zoomed ? parseLayout(change.layout) : parsed;
           if (!membership) {
             this.scheduleSync();
@@ -35048,7 +35063,7 @@ var init_session_channel = __esm({
         return { listed, movedWindowRuntimeIds };
       }
       async refreshTrustedInventory(expectedRuntimeSessionId, attempt = 0) {
-        const authorityOrdinal = this.windowAuthorityOrdinal;
+        const authorityOrdinal = this.windowIdentityOrdinal;
         const beforeLines = await this.io.request(
           `list-panes -s -t "${expectedRuntimeSessionId}" -F "${SESSION_PANE_DESCRIPTOR_FORMAT}"`
         );
@@ -35112,7 +35127,7 @@ var init_session_channel = __esm({
         );
         const confirmedWindowStage = await this.stageWindows(expectedRuntimeSessionId);
         const coherent = beforeLines.length === afterLines.length && beforeLines.every((line, index) => line === afterLines[index]);
-        if (windowStage.repairedIdentity || confirmedWindowStage.repairedIdentity || repairedPanes || !coherent || !this.windowStagesEqual(windowStage, confirmedWindowStage) || authorityOrdinal !== this.windowAuthorityOrdinal) {
+        if (windowStage.repairedIdentity || confirmedWindowStage.repairedIdentity || repairedPanes || !coherent || !this.windowStageIdentitiesEqual(windowStage, confirmedWindowStage) || authorityOrdinal !== this.windowIdentityOrdinal) {
           if (attempt >= 1)
             throw new Error(`trusted inventory for ${this.opts.session} did not settle`);
           return await this.refreshTrustedInventory(expectedRuntimeSessionId, attempt + 1);
@@ -35252,7 +35267,11 @@ var init_session_channel = __esm({
         for (const runtimeId of layoutEmits) this.releasePendingLayout(runtimeId, syncOrdinal);
         this.emitLayoutAuthority();
       }
-      windowStagesEqual(left, right) {
+      // Inventory establishes pane/window identity, not a frozen terminal size.
+      // Native resize notifications independently publish geometry. Requiring two
+      // identical sizes here makes continuous dragging exhaust the inventory retry
+      // and revoke otherwise unchanged window links, stalling layout publication.
+      windowStageIdentitiesEqual(left, right) {
         if (JSON.stringify(left.links) !== JSON.stringify(right.links) || left.currentWindow !== right.currentWindow || left.windows.size !== right.windows.size || left.layouts.size !== right.layouts.size) {
           return false;
         }
@@ -35260,10 +35279,7 @@ var init_session_channel = __esm({
           const rightWindow = right.windows.get(runtimeId);
           const leftLayout = left.layouts.get(runtimeId);
           const rightLayout = right.layouts.get(runtimeId);
-          if (!rightWindow || !leftLayout || !rightLayout || leftWindow.semanticId !== rightWindow.semanticId || leftWindow.name !== rightWindow.name || leftWindow.paneBorderStatus !== rightWindow.paneBorderStatus || leftWindow.modeKeys !== rightWindow.modeKeys || leftLayout.zoomed !== rightLayout.zoomed || JSON.stringify(leftLayout.unzoomed) !== JSON.stringify(rightLayout.unzoomed) || leftLayout.width !== rightLayout.width || leftLayout.height !== rightLayout.height || leftLayout.leaves.length !== rightLayout.leaves.length || leftLayout.leaves.some((leaf, index) => {
-            const candidate = rightLayout.leaves[index];
-            return !candidate || leaf.id !== candidate.id || leaf.left !== candidate.left || leaf.top !== candidate.top || leaf.width !== candidate.width || leaf.height !== candidate.height;
-          })) {
+          if (!rightWindow || !leftLayout || !rightLayout || leftWindow.semanticId !== rightWindow.semanticId || leftWindow.name !== rightWindow.name || leftWindow.paneBorderStatus !== rightWindow.paneBorderStatus || leftWindow.modeKeys !== rightWindow.modeKeys || !layoutIdentitiesEqual(leftLayout, rightLayout)) {
             return false;
           }
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tmux-ide",
-  "version": "2.9.0-beta.49",
+  "version": "2.9.0-beta.50",
   "description": "A visual, agent-aware IDE for any tmux session, with optional workspace presets",
   "type": "module",
   "bin": {

package/packages/contracts/src/__tests__/experience-kernel-boundary.test.ts

@@ -104,6 +104,7 @@ describe("experience-kernel import boundary", () => {
       "mission-projections.ts",
       "owner-scope-identity.ts",
       "pane-appearance.ts",
+      "pane-team.ts",
       "semantic-identity.ts",
       "visual-recipes.ts",
       "visual-tokens.ts",

package/packages/daemon/dist/terminal/mirror/session-channel.js

@@ -145,6 +145,12 @@ function snapshotFingerprint(captureLines, cursorLine, fallbackSize) {
 function tmuxSingleQuote(value) {
     return `'${value.replaceAll("'", "'\\''")}'`;
 }
+function layoutIdentitiesEqual(left, right) {
+    const paneIds = (layout) => layout?.leaves.map((leaf) => leaf.id);
+    return (left.zoomed === right.zoomed &&
+        JSON.stringify(paneIds(left)) === JSON.stringify(paneIds(right)) &&
+        JSON.stringify(paneIds(left.unzoomed)) === JSON.stringify(paneIds(right.unzoomed)));
+}
 export function defaultMirrorPaneId() {
     return `pane.mirror.${randomBytes(8).toString("hex")}`;
 }
@@ -185,7 +191,9 @@ export class SessionChannel {
     disposed = false;
     nativeGrid;
     nativeClientProbePending = false;
+    // Native captures fence every geometry event; inventory fences identity only.
     windowAuthorityOrdinal = 0;
+    windowIdentityOrdinal = 0;
     paneIncarnation = 0;
     recoveryOrdinal = 0;
     plainReseedActive = null;
@@ -2334,6 +2342,7 @@ export class SessionChannel {
             (/^tmux-ide-pane-borders\s+\$[0-9]+\s+@[0-9]+\s+[0-9]+\s+-\s*:\s*(top|bottom|off)\s*$/u.test(rest) ||
                 /^tmux-ide-copy-keys\s+\$[0-9]+\s+@[0-9]+\s+[0-9]+\s+-\s*:\s*(emacs|vi)\s*$/u.test(rest))) {
             this.windowAuthorityOrdinal += 1;
+            this.windowIdentityOrdinal += 1;
             this.scheduleSync();
             return;
         }
@@ -2342,6 +2351,8 @@ export class SessionChannel {
             name === "session-window-changed" ||
             STRUCTURAL_NOTIFICATIONS.has(name)) {
             this.windowAuthorityOrdinal += 1;
+            if (name !== "layout-change")
+                this.windowIdentityOrdinal += 1;
         }
         // Layout changes remain a second honest wake-up: a native resize can arrive
         // before the once-per-second subscription notification. The inventory
@@ -2399,10 +2410,13 @@ export class SessionChannel {
         }
         if (name === "layout-change") {
             const change = parseLayoutChange(rest);
-            if (!change)
+            if (!change) {
+                this.windowIdentityOrdinal += 1;
                 return;
+            }
             const parsed = parseLayout(change.visible);
             if (!parsed) {
+                this.windowIdentityOrdinal += 1;
                 this.scheduleSync(); // never guess from a failed parse
                 return;
             }
@@ -2411,6 +2425,12 @@ export class SessionChannel {
                 zoomed: change.zoomed,
                 unzoomed: parseLayout(change.layout) ?? undefined,
             };
+            const previousLayout = this.pendingLayoutOutput.get(change.windowId)?.layout ??
+                this.layoutByWindow.get(change.windowId);
+            if (!pendingLayout.unzoomed ||
+                !previousLayout ||
+                !layoutIdentitiesEqual(previousLayout, pendingLayout))
+                this.windowIdentityOrdinal += 1;
             // Resync on BOTH structural deltas: an unknown leaf (new pane) and a
             // known pane of this window missing from the leaves (a killed pane in a
             // surviving window emits only %layout-change — without this, its
@@ -2745,7 +2765,7 @@ export class SessionChannel {
         return { listed, movedWindowRuntimeIds };
     }
     async refreshTrustedInventory(expectedRuntimeSessionId, attempt = 0) {
-        const authorityOrdinal = this.windowAuthorityOrdinal;
+        const authorityOrdinal = this.windowIdentityOrdinal;
         const beforeLines = await this.io.request(`list-panes -s -t "${expectedRuntimeSessionId}" -F "${SESSION_PANE_DESCRIPTOR_FORMAT}"`);
         if (this.disposed)
             throw new Error(`mirror session ${this.opts.session} is disposed`);
@@ -2817,8 +2837,8 @@ export class SessionChannel {
             confirmedWindowStage.repairedIdentity ||
             repairedPanes ||
             !coherent ||
-            !this.windowStagesEqual(windowStage, confirmedWindowStage) ||
-            authorityOrdinal !== this.windowAuthorityOrdinal) {
+            !this.windowStageIdentitiesEqual(windowStage, confirmedWindowStage) ||
+            authorityOrdinal !== this.windowIdentityOrdinal) {
             if (attempt >= 1)
                 throw new Error(`trusted inventory for ${this.opts.session} did not settle`);
             return await this.refreshTrustedInventory(expectedRuntimeSessionId, attempt + 1);
@@ -2994,7 +3014,11 @@ export class SessionChannel {
             this.releasePendingLayout(runtimeId, syncOrdinal);
         this.emitLayoutAuthority();
     }
-    windowStagesEqual(left, right) {
+    // Inventory establishes pane/window identity, not a frozen terminal size.
+    // Native resize notifications independently publish geometry. Requiring two
+    // identical sizes here makes continuous dragging exhaust the inventory retry
+    // and revoke otherwise unchanged window links, stalling layout publication.
+    windowStageIdentitiesEqual(left, right) {
         if (JSON.stringify(left.links) !== JSON.stringify(right.links) ||
             left.currentWindow !== right.currentWindow ||
             left.windows.size !== right.windows.size ||
@@ -3012,20 +3036,7 @@ export class SessionChannel {
                 leftWindow.name !== rightWindow.name ||
                 leftWindow.paneBorderStatus !== rightWindow.paneBorderStatus ||
                 leftWindow.modeKeys !== rightWindow.modeKeys ||
-                leftLayout.zoomed !== rightLayout.zoomed ||
-                JSON.stringify(leftLayout.unzoomed) !== JSON.stringify(rightLayout.unzoomed) ||
-                leftLayout.width !== rightLayout.width ||
-                leftLayout.height !== rightLayout.height ||
-                leftLayout.leaves.length !== rightLayout.leaves.length ||
-                leftLayout.leaves.some((leaf, index) => {
-                    const candidate = rightLayout.leaves[index];
-                    return (!candidate ||
-                        leaf.id !== candidate.id ||
-                        leaf.left !== candidate.left ||
-                        leaf.top !== candidate.top ||
-                        leaf.width !== candidate.width ||
-                        leaf.height !== candidate.height);
-                })) {
+                !layoutIdentitiesEqual(leftLayout, rightLayout)) {
                 return false;
             }
         }

package/packages/daemon/dist/tui/mirror/runtime/application-terminal-workspace.jsx

@@ -1270,22 +1270,18 @@ export function ApplicationTerminalWorkspace(props) {
             }
             : null;
     });
-    const guideCells = createMemo(() => {
+    // A single retained text surface moves with the divider. Recreating one
+    // renderable per cell on every layout tick adds churn during rapid drags.
+    const guideText = createMemo(() => {
         const active = guide();
         if (!active?.active)
-            return Object.freeze([]);
+            return "";
         const axis = resizePreview()?.axis;
         if (!axis)
-            return Object.freeze([]);
-        const cells = [];
-        for (let y = 0; y < active.rect.height; y += 1)
-            for (let x = 0; x < active.rect.width; x += 1)
-                cells.push({
-                    x: active.rect.x + x,
-                    y: active.rect.y + y + topOffset(),
-                    marker: ACTIVE_RESIZE_GUIDE_CELL[axis],
-                });
-        return Object.freeze(cells);
+            return "";
+        return Array(active.rect.height)
+            .fill(ACTIVE_RESIZE_GUIDE_CELL[axis].repeat(active.rect.width))
+            .join("\n");
     });
     return (<>
       <box position="absolute" left={0} top={topOffset()} width={props.width} height={props.height} onMouse={routePointer}/>
@@ -1441,9 +1437,7 @@ export function ApplicationTerminalWorkspace(props) {
         }}
       </For>
       <box position="absolute" left={guide()?.rect.x ?? 0} top={(guide()?.rect.y ?? 0) + topOffset()} width={guide()?.rect.width ?? 0} height={guide()?.rect.height ?? 0} backgroundColor={guide()?.active ? props.theme.colors.accent : props.theme.colors.accentMuted} onMouse={routePointer}/>
-      <For each={guideCells()}>
-        {(cell) => (<text position="absolute" left={cell.x} top={cell.y} width={1} height={1} zIndex={5} selectable={false} fg={props.theme.roles.text.primary} content={cell.marker} onMouse={routePointer}/>)}
-      </For>
+      <text id="terminal-resize-guide" position="absolute" left={guide()?.rect.x ?? 0} top={(guide()?.rect.y ?? 0) + topOffset()} width={guide()?.rect.width ?? 0} height={guide()?.rect.height ?? 0} zIndex={5} selectable={false} fg={props.theme.roles.text.primary} content={guideText()} onMouse={routePointer}/>
       <Show when={pointerSelecting()}>
         <box position="absolute" left={0} top={0} width={props.width} height={props.height + topOffset()} zIndex={40} onMouse={routePointer}/>
       </Show>

package/packages/daemon/src/terminal/mirror/session-channel.ts

@@ -429,6 +429,17 @@ interface WindowRecord {
   modeKeys?: "emacs" | "vi";
 }
 
+type WindowLayout = ParsedLayout & { zoomed: boolean; unzoomed?: ParsedLayout };
+
+function layoutIdentitiesEqual(left: WindowLayout, right: WindowLayout): boolean {
+  const paneIds = (layout: ParsedLayout | undefined) => layout?.leaves.map((leaf) => leaf.id);
+  return (
+    left.zoomed === right.zoomed &&
+    JSON.stringify(paneIds(left)) === JSON.stringify(paneIds(right)) &&
+    JSON.stringify(paneIds(left.unzoomed)) === JSON.stringify(paneIds(right.unzoomed))
+  );
+}
+
 interface WindowSyncStage {
   readonly windows: Map<string, WindowRecord>;
   readonly layouts: Map<string, ParsedLayout & { zoomed: boolean; unzoomed?: ParsedLayout }>;
@@ -489,7 +500,9 @@ export class SessionChannel {
   private disposed = false;
   private readonly nativeGrid: NativeGridCaptureReader;
   private nativeClientProbePending = false;
+  // Native captures fence every geometry event; inventory fences identity only.
   private windowAuthorityOrdinal = 0;
+  private windowIdentityOrdinal = 0;
   private paneIncarnation = 0;
   private recoveryOrdinal = 0;
   private plainReseedActive: PlainReseedLease | null = null;
@@ -2885,6 +2898,7 @@ export class SessionChannel {
         /^tmux-ide-copy-keys\s+\$[0-9]+\s+@[0-9]+\s+[0-9]+\s+-\s*:\s*(emacs|vi)\s*$/u.test(rest))
     ) {
       this.windowAuthorityOrdinal += 1;
+      this.windowIdentityOrdinal += 1;
       this.scheduleSync();
       return;
     }
@@ -2895,6 +2909,7 @@ export class SessionChannel {
       STRUCTURAL_NOTIFICATIONS.has(name)
     ) {
       this.windowAuthorityOrdinal += 1;
+      if (name !== "layout-change") this.windowIdentityOrdinal += 1;
     }
     // Layout changes remain a second honest wake-up: a native resize can arrive
     // before the once-per-second subscription notification. The inventory
@@ -2951,9 +2966,13 @@ export class SessionChannel {
     }
     if (name === "layout-change") {
       const change = parseLayoutChange(rest);
-      if (!change) return;
+      if (!change) {
+        this.windowIdentityOrdinal += 1;
+        return;
+      }
       const parsed = parseLayout(change.visible);
       if (!parsed) {
+        this.windowIdentityOrdinal += 1;
         this.scheduleSync(); // never guess from a failed parse
         return;
       }
@@ -2962,6 +2981,15 @@ export class SessionChannel {
         zoomed: change.zoomed,
         unzoomed: parseLayout(change.layout) ?? undefined,
       };
+      const previousLayout =
+        this.pendingLayoutOutput.get(change.windowId)?.layout ??
+        this.layoutByWindow.get(change.windowId);
+      if (
+        !pendingLayout.unzoomed ||
+        !previousLayout ||
+        !layoutIdentitiesEqual(previousLayout, pendingLayout)
+      )
+        this.windowIdentityOrdinal += 1;
       // Resync on BOTH structural deltas: an unknown leaf (new pane) and a
       // known pane of this window missing from the leaves (a killed pane in a
       // surviving window emits only %layout-change — without this, its
@@ -3325,7 +3353,7 @@ export class SessionChannel {
     expectedRuntimeSessionId: string,
     attempt = 0,
   ): Promise<TrustedMirrorSessionInventory> {
-    const authorityOrdinal = this.windowAuthorityOrdinal;
+    const authorityOrdinal = this.windowIdentityOrdinal;
     const beforeLines = await this.io.request(
       `list-panes -s -t "${expectedRuntimeSessionId}" -F "${SESSION_PANE_DESCRIPTOR_FORMAT}"`,
     );
@@ -3418,8 +3446,8 @@ export class SessionChannel {
       confirmedWindowStage.repairedIdentity ||
       repairedPanes ||
       !coherent ||
-      !this.windowStagesEqual(windowStage, confirmedWindowStage) ||
-      authorityOrdinal !== this.windowAuthorityOrdinal
+      !this.windowStageIdentitiesEqual(windowStage, confirmedWindowStage) ||
+      authorityOrdinal !== this.windowIdentityOrdinal
     ) {
       if (attempt >= 1)
         throw new Error(`trusted inventory for ${this.opts.session} did not settle`);
@@ -3624,7 +3652,11 @@ export class SessionChannel {
     this.emitLayoutAuthority();
   }
 
-  private windowStagesEqual(left: WindowSyncStage, right: WindowSyncStage): boolean {
+  // Inventory establishes pane/window identity, not a frozen terminal size.
+  // Native resize notifications independently publish geometry. Requiring two
+  // identical sizes here makes continuous dragging exhaust the inventory retry
+  // and revoke otherwise unchanged window links, stalling layout publication.
+  private windowStageIdentitiesEqual(left: WindowSyncStage, right: WindowSyncStage): boolean {
     if (
       JSON.stringify(left.links) !== JSON.stringify(right.links) ||
       left.currentWindow !== right.currentWindow ||
@@ -3645,22 +3677,7 @@ export class SessionChannel {
         leftWindow.name !== rightWindow.name ||
         leftWindow.paneBorderStatus !== rightWindow.paneBorderStatus ||
         leftWindow.modeKeys !== rightWindow.modeKeys ||
-        leftLayout.zoomed !== rightLayout.zoomed ||
-        JSON.stringify(leftLayout.unzoomed) !== JSON.stringify(rightLayout.unzoomed) ||
-        leftLayout.width !== rightLayout.width ||
-        leftLayout.height !== rightLayout.height ||
-        leftLayout.leaves.length !== rightLayout.leaves.length ||
-        leftLayout.leaves.some((leaf, index) => {
-          const candidate = rightLayout.leaves[index];
-          return (
-            !candidate ||
-            leaf.id !== candidate.id ||
-            leaf.left !== candidate.left ||
-            leaf.top !== candidate.top ||
-            leaf.width !== candidate.width ||
-            leaf.height !== candidate.height
-          );
-        })
+        !layoutIdentitiesEqual(leftLayout, rightLayout)
       ) {
         return false;
       }

package/packages/daemon/src/tui/mirror/runtime/application-terminal-workspace.tsx

@@ -1735,20 +1735,16 @@ export function ApplicationTerminalWorkspace(props: ApplicationTerminalWorkspace
         }
       : null;
   });
-  const guideCells = createMemo(() => {
+  // A single retained text surface moves with the divider. Recreating one
+  // renderable per cell on every layout tick adds churn during rapid drags.
+  const guideText = createMemo(() => {
     const active = guide();
-    if (!active?.active) return Object.freeze([]);
+    if (!active?.active) return "";
     const axis = resizePreview()?.axis;
-    if (!axis) return Object.freeze([]);
-    const cells: Array<{ x: number; y: number; marker: string }> = [];
-    for (let y = 0; y < active.rect.height; y += 1)
-      for (let x = 0; x < active.rect.width; x += 1)
-        cells.push({
-          x: active.rect.x + x,
-          y: active.rect.y + y + topOffset(),
-          marker: ACTIVE_RESIZE_GUIDE_CELL[axis],
-        });
-    return Object.freeze(cells);
+    if (!axis) return "";
+    return Array(active.rect.height)
+      .fill(ACTIVE_RESIZE_GUIDE_CELL[axis].repeat(active.rect.width))
+      .join("\n");
   });
 
   return (
@@ -2115,22 +2111,19 @@ export function ApplicationTerminalWorkspace(props: ApplicationTerminalWorkspace
         }
         onMouse={routePointer}
       />
-      <For each={guideCells()}>
-        {(cell) => (
-          <text
-            position="absolute"
-            left={cell.x}
-            top={cell.y}
-            width={1}
-            height={1}
-            zIndex={5}
-            selectable={false}
-            fg={props.theme.roles.text.primary}
-            content={cell.marker}
-            onMouse={routePointer}
-          />
-        )}
-      </For>
+      <text
+        id="terminal-resize-guide"
+        position="absolute"
+        left={guide()?.rect.x ?? 0}
+        top={(guide()?.rect.y ?? 0) + topOffset()}
+        width={guide()?.rect.width ?? 0}
+        height={guide()?.rect.height ?? 0}
+        zIndex={5}
+        selectable={false}
+        fg={props.theme.roles.text.primary}
+        content={guideText()}
+        onMouse={routePointer}
+      />
       <Show when={pointerSelecting()}>
         <box
           position="absolute"