restty 0.1.15 → 0.1.16

package/dist/app/index.js

@@ -50359,6 +50359,9 @@ function createResttyApp(options) {
   const touchSelectionMode = normalizeTouchSelectionMode(options.touchSelectionMode);
   const touchSelectionLongPressMs = clampFiniteNumber(options.touchSelectionLongPressMs, 450, 120, 2000, true);
   const touchSelectionMoveThresholdPx = clampFiniteNumber(options.touchSelectionMoveThresholdPx, 10, 1, 64);
+  const hasCoarsePointer = typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(any-pointer: coarse)").matches;
+  const hasTouchPoints = typeof navigator !== "undefined" && navigator.maxTouchPoints > 0;
+  const showOverlayScrollbar = !(hasCoarsePointer || hasTouchPoints);
   const nerdIconScale = Number.isFinite(options.nerdIconScale) ? Number(options.nerdIconScale) : 1;
   const alphaBlending = options.alphaBlending ?? "linear-corrected";
   const srgbChannelToLinear = (c3) => c3 <= 0.04045 ? c3 / 12.92 : Math.pow((c3 + 0.055) / 1.055, 2.4);
@@ -50563,9 +50566,12 @@ function createResttyApp(options) {
   const touchSelectionState = {
     pendingPointerId: null,
     activePointerId: null,
+    panPointerId: null,
     pendingCell: null,
+    pendingStartedAt: 0,
     pendingStartX: 0,
     pendingStartY: 0,
+    panLastY: 0,
     pendingTimer: 0
   };
   const linkState = {
@@ -50579,6 +50585,10 @@ function createResttyApp(options) {
     lastOffset: 0,
     lastLen: 0
   };
+  const scrollbarDragState = {
+    pointerId: null,
+    thumbGrabRatio: 0.5
+  };
   const KITTY_FLAG_REPORT_EVENTS2 = 1 << 1;
   function updateCanvasCursor() {
     if (!canvas)
@@ -50599,6 +50609,21 @@ function createResttyApp(options) {
     }
     touchSelectionState.pendingPointerId = null;
     touchSelectionState.pendingCell = null;
+    touchSelectionState.pendingStartedAt = 0;
+  }
+  function tryActivatePendingTouchSelection(pointerId) {
+    if (touchSelectionMode !== "long-press")
+      return false;
+    if (touchSelectionState.pendingPointerId !== pointerId || !touchSelectionState.pendingCell) {
+      return false;
+    }
+    if (performance.now() - touchSelectionState.pendingStartedAt < touchSelectionLongPressMs) {
+      return false;
+    }
+    const pendingCell = touchSelectionState.pendingCell;
+    clearPendingTouchSelection();
+    beginSelectionDrag(pendingCell, pointerId);
+    return true;
   }
   function beginSelectionDrag(cell, pointerId) {
     selectionState.active = true;
@@ -50606,6 +50631,7 @@ function createResttyApp(options) {
     selectionState.anchor = cell;
     selectionState.focus = cell;
     touchSelectionState.activePointerId = pointerId;
+    touchSelectionState.panPointerId = null;
     canvas.setPointerCapture?.(pointerId);
     updateCanvasCursor();
     needsRender = true;
@@ -50613,6 +50639,160 @@ function createResttyApp(options) {
   function noteScrollActivity() {
     scrollbarState.lastInputAt = performance.now();
   }
+  function getViewportScrollOffset() {
+    if (!wasmHandle || !wasmExports?.restty_scrollbar_offset)
+      return 0;
+    return wasmExports.restty_scrollbar_offset(wasmHandle) || 0;
+  }
+  function shiftSelectionByRows(deltaRows) {
+    if (!deltaRows)
+      return;
+    if (!selectionState.active && !selectionState.dragging)
+      return;
+    if (!selectionState.anchor || !selectionState.focus)
+      return;
+    const maxAbs = Math.max(1024, (gridState.rows || 24) * 128);
+    selectionState.anchor = {
+      row: clamp(selectionState.anchor.row + deltaRows, -maxAbs, maxAbs),
+      col: selectionState.anchor.col
+    };
+    selectionState.focus = {
+      row: clamp(selectionState.focus.row + deltaRows, -maxAbs, maxAbs),
+      col: selectionState.focus.col
+    };
+    needsRender = true;
+  }
+  function scrollViewportByLines(lines) {
+    if (!wasmReady || !wasmHandle || !gridState.cellH)
+      return;
+    scrollRemainder += lines;
+    const delta = Math.trunc(scrollRemainder);
+    scrollRemainder -= delta;
+    if (!delta)
+      return;
+    const beforeOffset = getViewportScrollOffset();
+    wasm.scrollViewport(wasmHandle, delta);
+    const afterOffset = getViewportScrollOffset();
+    shiftSelectionByRows(beforeOffset - afterOffset);
+    if (linkState.hoverId)
+      updateLinkHover(null);
+    wasm.renderUpdate(wasmHandle);
+    needsRender = true;
+    noteScrollActivity();
+  }
+  function setViewportScrollOffset(nextOffset) {
+    if (!wasmReady || !wasmHandle || !wasmExports?.restty_scrollbar_total)
+      return;
+    const total = wasmExports.restty_scrollbar_total(wasmHandle) || 0;
+    const len = wasmExports.restty_scrollbar_len ? wasmExports.restty_scrollbar_len(wasmHandle) : 0;
+    const current = wasmExports.restty_scrollbar_offset ? wasmExports.restty_scrollbar_offset(wasmHandle) : 0;
+    const maxOffset = Math.max(0, total - len);
+    const clamped = clamp(Math.round(nextOffset), 0, maxOffset);
+    const delta = clamped - current;
+    if (!delta)
+      return;
+    const beforeOffset = getViewportScrollOffset();
+    wasm.scrollViewport(wasmHandle, delta);
+    const afterOffset = getViewportScrollOffset();
+    shiftSelectionByRows(beforeOffset - afterOffset);
+    if (linkState.hoverId)
+      updateLinkHover(null);
+    wasm.renderUpdate(wasmHandle);
+    needsRender = true;
+    noteScrollActivity();
+  }
+  function pointerToCanvasPx(event) {
+    const rect = canvas.getBoundingClientRect();
+    const scaleX = rect.width > 0 ? canvas.width / rect.width : 1;
+    const scaleY = rect.height > 0 ? canvas.height / rect.height : 1;
+    return {
+      x: (event.clientX - rect.left) * scaleX,
+      y: (event.clientY - rect.top) * scaleY
+    };
+  }
+  function computeOverlayScrollbarLayout(rows, cellW, cellH, total, offset, len) {
+    if (!(total > len && len > 0))
+      return null;
+    const trackHeight = rows * cellH;
+    const width = Math.max(10, Math.round(cellW * 0.9));
+    const margin = Math.max(6, Math.round(width * 0.5));
+    const insetY = Math.max(2, Math.round(cellH * 0.2));
+    const trackX = canvas.width - margin - width;
+    const trackY = insetY;
+    const trackH = Math.max(width, trackHeight - insetY * 2);
+    const denom = Math.max(1, total - len);
+    const thumbH = Math.max(width, Math.round(trackH * (len / total)));
+    const thumbY = trackY + Math.round(offset / denom * (trackH - thumbH));
+    return { total, offset, len, denom, width, trackX, trackY, trackH, thumbY, thumbH };
+  }
+  function getOverlayScrollbarLayout() {
+    if (!showOverlayScrollbar || !wasmExports?.restty_scrollbar_total || !wasmHandle)
+      return null;
+    if (!gridState.rows || !gridState.cellW || !gridState.cellH)
+      return null;
+    const total = wasmExports.restty_scrollbar_total(wasmHandle) || 0;
+    const offset = wasmExports.restty_scrollbar_offset ? wasmExports.restty_scrollbar_offset(wasmHandle) : 0;
+    const len = wasmExports.restty_scrollbar_len ? wasmExports.restty_scrollbar_len(wasmHandle) : gridState.rows;
+    return computeOverlayScrollbarLayout(gridState.rows, gridState.cellW, gridState.cellH, total, offset, len);
+  }
+  function isPointInScrollbarHitArea(layout, x3, y) {
+    const hitPadX = Math.max(3, Math.round(layout.width * 0.35));
+    return x3 >= layout.trackX - hitPadX && x3 <= layout.trackX + layout.width + hitPadX && y >= layout.trackY && y <= layout.trackY + layout.trackH;
+  }
+  function isPointInScrollbarThumb(layout, x3, y) {
+    return x3 >= layout.trackX && x3 <= layout.trackX + layout.width && y >= layout.thumbY && y <= layout.thumbY + layout.thumbH;
+  }
+  function scrollbarOffsetForPointerY(layout, pointerY, thumbGrabRatio) {
+    const thumbTop = pointerY - layout.thumbH * thumbGrabRatio;
+    const trackSpan = Math.max(1, layout.trackH - layout.thumbH);
+    const ratio = clamp((thumbTop - layout.trackY) / trackSpan, 0, 1);
+    return Math.round(ratio * layout.denom);
+  }
+  function pushRoundedVerticalBar(out, x3, y, w, h, color) {
+    const x02 = Math.round(x3);
+    const y02 = Math.round(y);
+    const width = Math.max(1, Math.round(w));
+    const height = Math.max(1, Math.round(h));
+    const radius = Math.min(Math.floor(width * 0.5), Math.floor(height * 0.5));
+    if (radius <= 0) {
+      pushRectBox(out, x02, y02, width, height, color);
+      return;
+    }
+    const middleH = height - radius * 2;
+    if (middleH > 0) {
+      pushRectBox(out, x02, y02 + radius, width, middleH, color);
+    }
+    const radiusSq = radius * radius;
+    for (let row = 0;row < radius; row += 1) {
+      const dy = radius - row - 0.5;
+      const inset = Math.max(0, Math.floor(radius - Math.sqrt(Math.max(0, radiusSq - dy * dy))));
+      const rowW = width - inset * 2;
+      if (rowW <= 0)
+        continue;
+      pushRectBox(out, x02 + inset, y02 + row, rowW, 1, color);
+      pushRectBox(out, x02 + inset, y02 + height - 1 - row, rowW, 1, color);
+    }
+  }
+  function appendOverlayScrollbar(overlayData, rows, cellW, cellH, total, offset, len) {
+    if (!showOverlayScrollbar)
+      return;
+    const layout = computeOverlayScrollbarLayout(rows, cellW, cellH, total, offset, len);
+    if (!layout)
+      return;
+    const since = performance.now() - scrollbarState.lastInputAt;
+    const fadeDelay = 160;
+    const fadeDuration = 520;
+    let alpha = 0;
+    if (since < fadeDelay) {
+      alpha = 0.68;
+    } else if (since < fadeDelay + fadeDuration) {
+      alpha = 0.68 * (1 - (since - fadeDelay) / fadeDuration);
+    }
+    if (alpha <= 0.01)
+      return;
+    const thumbColor = [0.96, 0.96, 0.96, alpha * 0.75];
+    pushRoundedVerticalBar(overlayData, layout.trackX, layout.thumbY, layout.width, layout.thumbH, thumbColor);
+  }
   function releaseKittyImage(entry) {
     const source = entry?.source;
     if (source && typeof source.close === "function") {
@@ -51424,8 +51604,25 @@ function createResttyApp(options) {
   function bindCanvasEvents() {
     if (!attachCanvasEvents)
       return;
-    canvas.style.touchAction = touchSelectionMode === "drag" ? "none" : "pan-y pinch-zoom";
+    canvas.style.touchAction = touchSelectionMode === "long-press" || touchSelectionMode === "drag" ? "none" : "pan-y pinch-zoom";
     const onPointerDown = (event) => {
+      if (!isTouchPointer(event) && event.button === 0) {
+        const layout = getOverlayScrollbarLayout();
+        if (layout) {
+          const point = pointerToCanvasPx(event);
+          if (isPointInScrollbarHitArea(layout, point.x, point.y)) {
+            event.preventDefault();
+            noteScrollActivity();
+            const hitThumb = isPointInScrollbarThumb(layout, point.x, point.y);
+            scrollbarDragState.pointerId = event.pointerId;
+            scrollbarDragState.thumbGrabRatio = hitThumb ? clamp((point.y - layout.thumbY) / Math.max(1, layout.thumbH), 0, 1) : 0.5;
+            const targetOffset = scrollbarOffsetForPointerY(layout, point.y, scrollbarDragState.thumbGrabRatio);
+            setViewportScrollOffset(targetOffset);
+            canvas.setPointerCapture?.(event.pointerId);
+            return;
+          }
+        }
+      }
       if (inputHandler.sendMouseEvent("down", event)) {
         event.preventDefault();
         canvas.setPointerCapture?.(event.pointerId);
@@ -51436,6 +51633,7 @@ function createResttyApp(options) {
           return;
         const cell2 = normalizeSelectionCell(positionToCell(event));
         touchSelectionState.activePointerId = null;
+        touchSelectionState.panPointerId = null;
         if (touchSelectionMode === "off")
           return;
         if (touchSelectionMode === "drag") {
@@ -51446,15 +51644,13 @@ function createResttyApp(options) {
         clearPendingTouchSelection();
         touchSelectionState.pendingPointerId = event.pointerId;
         touchSelectionState.pendingCell = cell2;
+        touchSelectionState.pendingStartedAt = performance.now();
         touchSelectionState.pendingStartX = event.clientX;
         touchSelectionState.pendingStartY = event.clientY;
+        touchSelectionState.panPointerId = event.pointerId;
+        touchSelectionState.panLastY = event.clientY;
         touchSelectionState.pendingTimer = setTimeout(() => {
-          if (touchSelectionState.pendingPointerId !== event.pointerId || !touchSelectionState.pendingCell) {
-            return;
-          }
-          const pendingCell = touchSelectionState.pendingCell;
-          clearPendingTouchSelection();
-          beginSelectionDrag(pendingCell, event.pointerId);
+          tryActivatePendingTouchSelection(event.pointerId);
         }, touchSelectionLongPressMs);
         return;
       }
@@ -51466,6 +51662,18 @@ function createResttyApp(options) {
       beginSelectionDrag(cell, event.pointerId);
     };
     const onPointerMove = (event) => {
+      if (scrollbarDragState.pointerId === event.pointerId) {
+        const layout = getOverlayScrollbarLayout();
+        if (!layout) {
+          scrollbarDragState.pointerId = null;
+          return;
+        }
+        const point = pointerToCanvasPx(event);
+        const targetOffset = scrollbarOffsetForPointerY(layout, point.y, scrollbarDragState.thumbGrabRatio);
+        setViewportScrollOffset(targetOffset);
+        event.preventDefault();
+        return;
+      }
       if (inputHandler.sendMouseEvent("move", event)) {
         event.preventDefault();
         return;
@@ -51476,8 +51684,18 @@ function createResttyApp(options) {
           const dy = event.clientY - touchSelectionState.pendingStartY;
           if (dx * dx + dy * dy >= touchSelectionMoveThresholdPx * touchSelectionMoveThresholdPx) {
             clearPendingTouchSelection();
+          } else {
+            tryActivatePendingTouchSelection(event.pointerId);
+          }
+          if (touchSelectionState.pendingPointerId === event.pointerId) {
+            if (touchSelectionMode === "long-press" && touchSelectionState.panPointerId === event.pointerId) {
+              const deltaPx = touchSelectionState.panLastY - event.clientY;
+              touchSelectionState.panLastY = event.clientY;
+              scrollViewportByLines(deltaPx / Math.max(1, gridState.cellH) * 1.5);
+              event.preventDefault();
+            }
+            return;
           }
-          return;
         }
         if (selectionState.dragging && touchSelectionState.activePointerId === event.pointerId) {
           const cell2 = normalizeSelectionCell(positionToCell(event));
@@ -51486,6 +51704,13 @@ function createResttyApp(options) {
           updateLinkHover(null);
           updateCanvasCursor();
           needsRender = true;
+          return;
+        }
+        if (touchSelectionMode === "long-press" && touchSelectionState.panPointerId === event.pointerId) {
+          const deltaPx = touchSelectionState.panLastY - event.clientY;
+          touchSelectionState.panLastY = event.clientY;
+          scrollViewportByLines(deltaPx / Math.max(1, gridState.cellH) * 1.5);
+          event.preventDefault();
         }
         return;
       }
@@ -51501,6 +51726,11 @@ function createResttyApp(options) {
       needsRender = true;
     };
     const onPointerUp = (event) => {
+      if (scrollbarDragState.pointerId === event.pointerId) {
+        scrollbarDragState.pointerId = null;
+        event.preventDefault();
+        return;
+      }
       if (inputHandler.sendMouseEvent("up", event)) {
         event.preventDefault();
         return;
@@ -51509,6 +51739,7 @@ function createResttyApp(options) {
         if (touchSelectionState.pendingPointerId === event.pointerId) {
           clearPendingTouchSelection();
           touchSelectionState.activePointerId = null;
+          touchSelectionState.panPointerId = null;
           return;
         }
         if (selectionState.dragging && touchSelectionState.activePointerId === event.pointerId) {
@@ -51523,6 +51754,10 @@ function createResttyApp(options) {
             updateCanvasCursor();
             needsRender = true;
           }
+          return;
+        }
+        if (touchSelectionState.panPointerId === event.pointerId) {
+          touchSelectionState.panPointerId = null;
         }
         return;
       }
@@ -51540,15 +51775,21 @@ function createResttyApp(options) {
       } else {
         updateLinkHover(cell);
       }
-      if (!selectionState.active && event.button === 0 && (event.metaKey || event.ctrlKey) && linkState.hoverUri) {
+      if (!selectionState.active && event.button === 0 && linkState.hoverUri) {
         openLink(linkState.hoverUri);
       }
     };
     const onPointerCancel = (event) => {
+      if (scrollbarDragState.pointerId === event.pointerId) {
+        scrollbarDragState.pointerId = null;
+      }
       if (isTouchPointer(event)) {
         if (touchSelectionState.pendingPointerId === event.pointerId) {
           clearPendingTouchSelection();
         }
+        if (touchSelectionState.panPointerId === event.pointerId) {
+          touchSelectionState.panPointerId = null;
+        }
         if (touchSelectionState.activePointerId === event.pointerId) {
           touchSelectionState.activePointerId = null;
           if (selectionState.dragging) {
@@ -51579,16 +51820,7 @@ function createResttyApp(options) {
       } else {
         lines = event.deltaY / gridState.cellH;
       }
-      lines *= speed;
-      scrollRemainder += lines;
-      const delta = Math.trunc(scrollRemainder);
-      scrollRemainder -= delta;
-      if (!delta)
-        return;
-      wasm.scrollViewport(wasmHandle, delta);
-      wasm.renderUpdate(wasmHandle);
-      needsRender = true;
-      noteScrollActivity();
+      scrollViewportByLines(lines * speed);
       event.preventDefault();
     };
     const onContextMenu = (event) => {
@@ -51614,6 +51846,7 @@ function createResttyApp(options) {
       canvas.removeEventListener("wheel", onWheel);
       canvas.removeEventListener("contextmenu", onContextMenu);
       clearPendingTouchSelection();
+      scrollbarDragState.pointerId = null;
     });
     if (imeInput) {
       let suppressNextInput = false;
@@ -53756,7 +53989,9 @@ function createResttyApp(options) {
     const startRow = forward ? a3.row : f.row;
     const endRow = forward ? f.row : a3.row;
     const lines = [];
-    for (let row = startRow;row <= endRow; row += 1) {
+    const clampedStartRow = clamp(startRow, 0, rows - 1);
+    const clampedEndRow = clamp(endRow, 0, rows - 1);
+    for (let row = clampedStartRow;row <= clampedEndRow; row += 1) {
       const range = selectionForRow(row, cols);
       if (!range)
         continue;
@@ -53883,8 +54118,6 @@ function createResttyApp(options) {
       graphemeOffset,
       graphemeLen,
       graphemeBuffer,
-      selectionStart,
-      selectionEnd,
       cursor
     } = render;
     if (!codepoints || !fgBytes)
@@ -54075,13 +54308,9 @@ function createResttyApp(options) {
     for (let row = 0;row < rows; row += 1) {
       const rowY = row * cellH;
       const baseY = rowY + yPad + baselineOffset;
-      let selStart = selectionStart ? selectionStart[row] : -1;
-      let selEnd = selectionEnd ? selectionEnd[row] : -1;
       const localSel = selectionState.active ? selectionForRow(row, cols) : null;
-      if (localSel) {
-        selStart = localSel.start;
-        selEnd = localSel.end;
-      }
+      const selStart = localSel?.start ?? -1;
+      const selEnd = localSel?.end ?? -1;
       if (selStart >= 0 && selEnd > selStart) {
         const start = Math.max(0, selStart);
         const end = Math.min(cols, selEnd);
@@ -54589,36 +54818,8 @@ function createResttyApp(options) {
         scrollbarState.lastTotal = total;
         scrollbarState.lastOffset = offset;
         scrollbarState.lastLen = len;
-        noteScrollActivity();
-      }
-      if (total > len && len > 0) {
-        const now = performance.now();
-        const since = now - scrollbarState.lastInputAt;
-        const fadeDelay = 600;
-        const fadeDuration = 700;
-        let alpha = 0;
-        if (offset > 0) {
-          alpha = 0.65;
-        } else if (since < fadeDelay) {
-          alpha = 0.5;
-        } else if (since < fadeDelay + fadeDuration) {
-          alpha = 0.5 * (1 - (since - fadeDelay) / fadeDuration);
-        }
-        if (alpha > 0.01) {
-          const trackH = rows * cellH;
-          const scrollbarWidth = Math.max(2, Math.round(cellW * 0.12));
-          const margin = Math.max(2, Math.round(cellW * 0.2));
-          const trackX = canvas.width - margin - scrollbarWidth;
-          const trackY = 0;
-          const denom = Math.max(1, total - len);
-          const thumbH = Math.max(cellH * 1.5, Math.round(trackH * (len / total)));
-          const thumbY = Math.round(offset / denom * (trackH - thumbH));
-          const thumbColor = [1, 1, 1, alpha * 0.35];
-          const trackColor = [1, 1, 1, alpha * 0.08];
-          pushRectBox(overlayData, trackX, trackY, scrollbarWidth, trackH, trackColor);
-          pushRectBox(overlayData, trackX, thumbY, scrollbarWidth, thumbH, thumbColor);
-        }
       }
+      appendOverlayScrollbar(overlayData, rows, cellW, cellH, total, offset, len);
     }
     webgpuUniforms[0] = canvas.width;
     webgpuUniforms[1] = canvas.height;
@@ -54794,8 +54995,6 @@ function createResttyApp(options) {
       graphemeOffset,
       graphemeLen,
       graphemeBuffer,
-      selectionStart,
-      selectionEnd,
       cursor
     } = render;
     if (!codepoints || !fgBytes) {
@@ -54973,13 +55172,9 @@ function createResttyApp(options) {
     for (let row = 0;row < rows; row += 1) {
       const rowY = row * cellH;
       const baseY = rowY + yPad + baselineOffset;
-      let selStart = selectionStart ? selectionStart[row] : -1;
-      let selEnd = selectionEnd ? selectionEnd[row] : -1;
       const localSel = selectionState.active ? selectionForRow(row, cols) : null;
-      if (localSel) {
-        selStart = localSel.start;
-        selEnd = localSel.end;
-      }
+      const selStart = localSel?.start ?? -1;
+      const selEnd = localSel?.end ?? -1;
       if (selStart >= 0 && selEnd > selStart) {
         const start = Math.max(0, selStart);
         const end = Math.min(cols, selEnd);
@@ -55313,36 +55508,8 @@ function createResttyApp(options) {
         scrollbarState.lastTotal = total;
         scrollbarState.lastOffset = offset;
         scrollbarState.lastLen = len;
-        noteScrollActivity();
-      }
-      if (total > len && len > 0) {
-        const now = performance.now();
-        const since = now - scrollbarState.lastInputAt;
-        const fadeDelay = 600;
-        const fadeDuration = 700;
-        let alpha = 0;
-        if (offset > 0) {
-          alpha = 0.65;
-        } else if (since < fadeDelay) {
-          alpha = 0.5;
-        } else if (since < fadeDelay + fadeDuration) {
-          alpha = 0.5 * (1 - (since - fadeDelay) / fadeDuration);
-        }
-        if (alpha > 0.01) {
-          const trackH = rows * cellH;
-          const scrollbarWidth = Math.max(2, Math.round(cellW * 0.12));
-          const margin = Math.max(2, Math.round(cellW * 0.2));
-          const trackX = canvas.width - margin - scrollbarWidth;
-          const trackY = 0;
-          const denom = Math.max(1, total - len);
-          const thumbH = Math.max(cellH * 1.5, Math.round(trackH * (len / total)));
-          const thumbY = Math.round(offset / denom * (trackH - thumbH));
-          const thumbColor = [1, 1, 1, alpha * 0.35];
-          const trackColor = [1, 1, 1, alpha * 0.08];
-          pushRectBox(overlayData, trackX, trackY, scrollbarWidth, trackH, trackColor);
-          pushRectBox(overlayData, trackX, thumbY, scrollbarWidth, thumbH, thumbColor);
-        }
       }
+      appendOverlayScrollbar(overlayData, rows, cellW, cellH, total, offset, len);
     }
     for (const [fontIndex, neededIds] of neededGlyphIdsByFont.entries()) {
       const fontEntry = fontState.fonts[fontIndex];
@@ -55718,9 +55885,11 @@ function createResttyApp(options) {
       }
       appendLog(`[key] ${JSON.stringify(normalized)}${before}`);
     }
-    if (source === "key" && selectionState.active) {
+    if (source !== "program" && (selectionState.active || selectionState.dragging)) {
       clearSelection();
     }
+    if (source === "pty" && linkState.hoverId)
+      updateLinkHover(null);
     writeToWasm(wasmHandle, normalized);
     flushWasmOutputToPty();
     if (source === "pty" && inputHandler?.isSynchronizedOutput?.()) {