@ai-ecoverse/slicc-spectrum 1.112.0 → 2.0.0

package/dist/{chunk-KYIEFCEE.js → chunk-G7UZNWLW.js}

@@ -53,6 +53,7 @@ function loadWasmModule(url) {
 }
 
 // node_modules/@wterm/core/dist/wasm-bridge.js
+var CLUSTER_BIT = 2147483648;
 var DEFAULT_COLOR = 256;
 var WasmBridge = class _WasmBridge {
   get dv() {
@@ -71,7 +72,9 @@ var WasmBridge = class _WasmBridge {
     this.encoder = new TextEncoder();
     this.decoder = new TextDecoder();
     this._dvBuffer = null;
+    this.clusterCache = /* @__PURE__ */ new Map();
     this.linkCache = /* @__PURE__ */ new Map();
+    this.clearedRowIds = new Uint32Array(0);
     this.exports = instance.exports;
     this.memory = this.exports.memory;
   }
@@ -83,6 +86,7 @@ var WasmBridge = class _WasmBridge {
   init(cols, rows) {
     this.exports.init(cols, rows);
     this.linkCache.clear();
+    this.clusterCache.clear();
     this._updatePointers();
   }
   _updatePointers() {
@@ -118,14 +122,55 @@ var WasmBridge = class _WasmBridge {
       flags: dv.getUint8(offset + 8),
       width: dv.getUint8(offset + 9)
     };
+    this._resolveCluster(result);
     this._resolveRgb(result);
     Object.assign(result, this._readLink(dv.getUint16(offset + 10, true)));
     return result;
   }
+  /** Theme defaults reported to OSC 10 and OSC 11 queries. */
+  setThemeColors(colors) {
+    this.exports.setThemeColors?.(colors.foreground, colors.background);
+  }
+  /** Times the history was cleared, as by CSI 3 J or reinitialization. */
+  getScrollbackClearCount() {
+    return this.exports.getScrollbackClearCount?.() ?? 0;
+  }
+  /** Raw hyperlink table index of a grid cell; 0 when it has no link. */
+  getCellLinkIndex(row, col) {
+    const offset = this.gridPtr + (row * this.gridStride + col) * this.cellSize;
+    return this.dv.getUint16(offset + 10, true);
+  }
+  /** Raw hyperlink table index of a scrollback cell; 0 when it has no link. */
+  getScrollbackLinkIndex(offset, col) {
+    const ptr = this.exports.getScrollbackLine(offset);
+    return this.dv.getUint16(ptr + col * this.cellSize + 10, true);
+  }
   isDirtyRow(row) {
+    if (this.isRowContentDirty(row))
+      return true;
+    const id = this.getRowId(row);
+    return id === null ? this.exports.getRowId !== void 0 : id !== this.clearedRowIds[row];
+  }
+  isRowContentDirty(row) {
     return new Uint8Array(this.memory.buffer, this.dirtyPtr, this.getRows())[row] !== 0;
   }
+  getRowId(row) {
+    if (!Number.isInteger(row) || row < 0 || row >= this.getRows())
+      return null;
+    const id = this.exports.getRowId?.(row) ?? 0;
+    return id === 0 ? null : id >>> 0;
+  }
   clearDirty() {
+    const getRowId = this.exports.getRowId;
+    if (getRowId) {
+      const rows = this.getRows();
+      if (this.clearedRowIds.length !== rows) {
+        this.clearedRowIds = new Uint32Array(rows);
+      }
+      for (let row = 0; row < rows; row++) {
+        this.clearedRowIds[row] = getRowId(row);
+      }
+    }
     this.exports.clearDirty();
   }
   getCursor() {
@@ -245,6 +290,7 @@ var WasmBridge = class _WasmBridge {
       flags: dv.getUint8(off + 8),
       width: dv.getUint8(off + 9)
     };
+    this._resolveCluster(result);
     this._resolveRgb(result);
     Object.assign(result, this._readLink(dv.getUint16(off + 10, true)));
     return result;
@@ -288,6 +334,20 @@ var WasmBridge = class _WasmBridge {
     this.exports.resizeTerminal(cols, rows);
     this._updatePointers();
   }
+  _resolveCluster(cell) {
+    if (cell.char < CLUSTER_BIT)
+      return;
+    const index = cell.char - CLUSTER_BIT;
+    let chars = this.clusterCache.get(index);
+    if (chars === void 0) {
+      const len = this.exports.getClusterLen?.(index) ?? 0;
+      chars = len === 0 ? "" : this.decoder.decode(new Uint8Array(this.memory.buffer, this.exports.getClusterPtr(index), len));
+      this.clusterCache.set(index, chars);
+    }
+    cell.char = chars.codePointAt(0) ?? 32;
+    if (chars.length > String.fromCodePoint(cell.char).length)
+      cell.chars = chars;
+  }
   _resolveRgb(cell) {
     if (cell.fg > DEFAULT_COLOR) {
       const rgb = this._readRgb(cell.fg);
@@ -743,6 +803,30 @@ var GraphicsLayer = class {
   }
 };
 
+// node_modules/@wterm/dom/dist/selection-state.js
+var states = /* @__PURE__ */ new WeakMap();
+function selectionMayExist(document2) {
+  let state = states.get(document2);
+  if (!state) {
+    state = { knownEmpty: false };
+    states.set(document2, state);
+    const invalidate = () => markSelectionChanged(document2);
+    document2.addEventListener("selectionchange", invalidate);
+    for (const type of ["pointerdown", "mousedown", "touchstart", "keydown"])
+      document2.addEventListener(type, invalidate, true);
+  }
+  if (state.knownEmpty)
+    return false;
+  const selection = document2.getSelection();
+  state.knownEmpty = !selection || selection.rangeCount === 0 || selection.isCollapsed;
+  return !state.knownEmpty;
+}
+function markSelectionChanged(document2) {
+  const state = states.get(document2);
+  if (state)
+    state.knownEmpty = false;
+}
+
 // node_modules/@wterm/dom/dist/selection.js
 function selectedText(content, start, end) {
   const parts = [];
@@ -763,9 +847,12 @@ function selectedText(content, start, end) {
   return parts.join("");
 }
 function getSelectionText(terminal, rows) {
+  markSelectionChanged(terminal.ownerDocument);
   return readSelection(terminal, rows)?.text ?? null;
 }
 function readSelection(terminal, rows) {
+  if (!selectionMayExist(terminal.ownerDocument))
+    return null;
   const selection = terminal.ownerDocument.getSelection();
   if (!selection || selection.isCollapsed || selection.rangeCount !== 1)
     return null;
@@ -987,11 +1074,17 @@ var TrackedSelection = class {
     this.painted = true;
   }
   matches() {
+    if (!selectionMayExist(this.terminal.ownerDocument))
+      return false;
     const selection = this.terminal.ownerDocument.getSelection();
     const native = this.current?.native;
     return !!selection && !!native && selection.anchorNode === native.anchorNode && selection.anchorOffset === native.anchorOffset && selection.focusNode === native.focusNode && selection.focusOffset === native.focusOffset;
   }
   capture(core, rows) {
+    if (!selectionMayExist(this.terminal.ownerDocument)) {
+      this.dispose();
+      return;
+    }
     const active = this.terminal.ownerDocument.activeElement;
     if (active && (active.tagName === "INPUT" || active.tagName === "TEXTAREA")) {
       const input = active;
@@ -1061,6 +1154,7 @@ var TrackedSelection = class {
     const anchor = current.backward ? end : start;
     const focus = current.backward ? start : end;
     if (selection.anchorNode !== anchor[0] || selection.anchorOffset !== anchor[1] || selection.focusNode !== focus[0] || selection.focusOffset !== focus[1]) {
+      markSelectionChanged(this.terminal.ownerDocument);
       selection.setBaseAndExtent(...anchor, ...focus);
     }
     current.native = this.snapshot(selection);
@@ -1076,8 +1170,10 @@ var TrackedSelection = class {
     };
   }
   clear() {
-    if (this.current && this.matches())
+    if (this.current && this.matches()) {
+      markSelectionChanged(this.terminal.ownerDocument);
       this.terminal.ownerDocument.getSelection()?.removeAllRanges();
+    }
     this.dispose();
   }
   dispose() {
@@ -1110,15 +1206,24 @@ function colorToCSS(index) {
     return null;
   if (index < 16)
     return `var(--term-color-${index})`;
+  return rgbToCSS(paletteRgb(index));
+}
+function paletteRgb(index) {
   if (index < 232) {
     const n = index - 16;
-    const r = Math.floor(n / 36) * 51;
-    const g = Math.floor(n / 6) % 6 * 51;
-    const b = n % 6 * 51;
-    return `rgb(${r},${g},${b})`;
+    return Math.floor(n / 36) * 51 << 16 | Math.floor(n / 6) % 6 * 51 << 8 | n % 6 * 51;
   }
   const level = (index - 232) * 10 + 8;
-  return `rgb(${level},${level},${level})`;
+  return level << 16 | level << 8 | level;
+}
+var LITTLE_ENDIAN = new Uint8Array(new Uint32Array([1]).buffer)[0] === 1;
+function cellColorPixel(index, rgb) {
+  if (rgb === void 0) {
+    if (index < 16 || index > 255)
+      return void 0;
+    rgb = paletteRgb(index);
+  }
+  return LITTLE_ENDIAN ? (4278190080 | (rgb & 255) << 16 | rgb & 65280 | rgb >>> 16 & 255) >>> 0 : (rgb << 8 | 255) >>> 0;
 }
 function cellFgCSS(fg, fgRgb) {
   if (fgRgb !== void 0)
@@ -1130,12 +1235,13 @@ function cellBgCSS(bg, bgRgb) {
     return rgbToCSS(bgRgb);
   return colorToCSS(bg);
 }
-function buildCellStyle({ fg, bg, flags, fgRgb, bgRgb, underlineStyle, underlineRgb }) {
-  let fgCSS = cellFgCSS(fg, fgRgb);
-  let bgCSS = cellBgCSS(bg, bgRgb);
-  if (flags & FLAG_REVERSE) {
-    [fgCSS, bgCSS] = [bgCSS ?? DEFAULT_BG_CSS, fgCSS ?? DEFAULT_FG_CSS];
-  }
+function cellBackgroundPixel(cell) {
+  return cell.flags & FLAG_REVERSE ? cellColorPixel(cell.fg, cell.fgRgb) : cellColorPixel(cell.bg, cell.bgRgb);
+}
+function buildCellStyle({ fg, bg, flags, fgRgb, bgRgb, underlineStyle, underlineRgb }, includeBackground = true) {
+  const reverse = flags & FLAG_REVERSE;
+  const fgCSS = reverse ? cellBgCSS(bg, bgRgb) ?? DEFAULT_BG_CSS : cellFgCSS(fg, fgRgb);
+  const bgCSS = includeBackground ? reverse ? cellFgCSS(fg, fgRgb) ?? DEFAULT_FG_CSS : cellBgCSS(bg, bgRgb) : null;
   let style = "";
   if (fgCSS)
     style += `color:${fgCSS};`;
@@ -1415,7 +1521,7 @@ var Renderer = class {
     this.prevCursorRow = -1;
     this.prevCursorCol = -1;
     this.prevCursorVisible = false;
-    this.prevRowBg = [];
+    this.rowIds = [];
     this._scrollbackRowEls = [];
     this._scrollbackKeys = [];
     this._scrollbackRowHeight = 0;
@@ -1431,12 +1537,30 @@ var Renderer = class {
     this.needsSetup = false;
     this.colorsChanged = false;
     this.painted = false;
+    this.cellContext = null;
+    this.cellImage = null;
+    this.cellPixels = null;
+    this.cellEdges = null;
+    this.cellTop = null;
+    this.cellBottom = null;
+    this.cellBandUsed = [];
+    this.cellEnabled = false;
+    this.cellSuspended = false;
+    this.cellRowHeight = 0;
+    this.cellCharWidth = 0;
     this.container = container;
     this.colorHost = options.colorHost ?? container;
     this.graphics = new GraphicsLayer(container, options);
     this.searchLayer = document.createElement("div");
     this.searchLayer.className = "term-search-layer";
     this.searchLayer.setAttribute("aria-hidden", "true");
+    this.cellCanvas = document.createElement("canvas");
+    this.cellCanvas.className = "term-cell-canvas";
+    this.cellCanvas.setAttribute("aria-hidden", "true");
+    this.cellCanvas.addEventListener("contextrestored", () => {
+      if (this.cellImage)
+        this.cellContext?.putImageData(this.cellImage, 0, 0);
+    });
   }
   setup(cols, rows) {
     this.cols = cols;
@@ -1446,12 +1570,16 @@ var Renderer = class {
     this.rowParts = /* @__PURE__ */ new WeakMap();
     this.rowBackground = /* @__PURE__ */ new WeakMap();
     this.rowEls = [];
-    this.prevRowBg = [];
+    this.rowIds = [];
     this._scrollbackRowEls = [];
     this._scrollbackKeys = [];
     this._scrollbackGapSpacers = [];
     this._renderedScrollbackCount = -1;
     this._renderedDiscardedCount = -1;
+    this.cellEnabled = false;
+    this.cellRowHeight = 0;
+    this.cellCharWidth = 0;
+    this.releaseCellImage();
     const fragment = document.createDocumentFragment();
     this._scrollbackTopSpacer = document.createElement("div");
     this._scrollbackTopSpacer.className = "term-scrollback-spacer";
@@ -1462,16 +1590,106 @@ var Renderer = class {
     for (let r = 0; r < rows; r++) {
       const rowEl = document.createElement("div");
       rowEl.className = "term-row";
+      this.rowBackground.set(rowEl, "");
       fragment.appendChild(rowEl);
       this.rowEls.push(rowEl);
     }
     this.container.appendChild(fragment);
+    this.container.appendChild(this.cellCanvas);
     this.searchLayer.replaceChildren();
     this.container.appendChild(this.searchLayer);
     this.graphics.setup();
     this.prevCursorRow = -1;
     this.prevCursorCol = -1;
   }
+  /**
+   * Sizes the live-row color canvas to the grid. Cell edges sit on whole CSS
+   * pixels, matching where the browser paints DOM cell backgrounds.
+   */
+  syncCellCanvas(viewport) {
+    const rowHeight = viewport?.rowHeight ?? 0;
+    const charWidth = viewport?.charWidth ?? 0;
+    const enabled = Number.isInteger(rowHeight) && rowHeight > 0 && Number.isFinite(charWidth) && charWidth > 0 && !this.hasImageFlow && !this.cellSuspended && (this.cellContext ?? (this.cellContext = this.cellCanvas.getContext("2d"))) !== null;
+    if (!enabled) {
+      const changed = this.cellEnabled;
+      this.cellEnabled = false;
+      if (changed)
+        this.releaseCellImage();
+      return changed;
+    }
+    if (this.cellEnabled && this.cellRowHeight === rowHeight && this.cellCharWidth === charWidth)
+      return false;
+    const edges = new Int32Array(this.cols + 1);
+    for (let col = 0; col <= this.cols; col++)
+      edges[col] = Math.round(col * charWidth);
+    this.releaseCellImage();
+    this.cellEnabled = true;
+    this.cellRowHeight = rowHeight;
+    this.cellCharWidth = charWidth;
+    this.cellEdges = edges;
+    this.cellTop = new Uint32Array(this.cols);
+    this.cellBottom = new Uint32Array(this.cols);
+    return true;
+  }
+  /** Frees the canvas bitmap and pixel buffer until a row needs them again. */
+  releaseCellImage() {
+    this.cellImage = null;
+    this.cellPixels = null;
+    this.cellBandUsed = [];
+    this.cellCanvas.width = 0;
+    this.cellCanvas.height = 0;
+    this.cellCanvas.hidden = true;
+  }
+  /** Allocates the canvas bitmap on the first row that has canvas cells. */
+  ensureCellImage() {
+    if (this.cellImage)
+      return true;
+    if (!this.cellContext)
+      return false;
+    const width = Math.max(1, this.cellEdges[this.cols]);
+    const height = this.rows * this.cellRowHeight;
+    this.cellCanvas.width = width;
+    this.cellCanvas.height = height;
+    this.cellCanvas.style.width = `${width}px`;
+    this.cellCanvas.style.height = `${height}px`;
+    this.cellCanvas.hidden = false;
+    this.cellImage = this.cellContext.createImageData(width, height);
+    this.cellPixels = new Uint32Array(this.cellImage.data.buffer);
+    return true;
+  }
+  /** Expands one row's cell colors into its canvas band and uploads it. */
+  paintCellBand(rowIndex, used) {
+    if (!used && !this.cellBandUsed[rowIndex])
+      return;
+    if (!this.ensureCellImage())
+      return;
+    const pixels = this.cellPixels;
+    const image = this.cellImage;
+    const width = image.width;
+    const height = this.cellRowHeight;
+    const band = rowIndex * height * width;
+    if (!used) {
+      pixels.fill(0, band, band + height * width);
+    } else {
+      const edges = this.cellEdges;
+      const top = this.cellTop;
+      const bottom = this.cellBottom;
+      const split = Math.round(height / 2);
+      const bottomLine = band + split * width;
+      for (let col = 0; col < this.cols; col++) {
+        pixels.fill(top[col], band + edges[col], band + edges[col + 1]);
+        pixels.fill(bottom[col], bottomLine + edges[col], bottomLine + edges[col + 1]);
+      }
+      for (let line = 1; line < height; line++) {
+        if (line === split)
+          continue;
+        const source = line < split ? band : bottomLine;
+        pixels.copyWithin(band + line * width, source, source + width);
+      }
+    }
+    this.cellBandUsed[rowIndex] = used;
+    this.cellContext.putImageData(image, 0, 0, 0, rowIndex * height, width, height);
+  }
   _buildRowContent(rowEl, getCell, lineLen, cursorCol, rowIndex) {
     const parts = [];
     let linkHtml = "";
@@ -1502,6 +1720,15 @@ var Renderer = class {
     let outputLinkKey = "";
     let rowBackground;
     let uniformBackground = lineLen >= this.cols;
+    const canvasTop = rowIndex >= 0 && this.cellEnabled ? this.cellTop : null;
+    const canvasBottom = this.cellBottom;
+    if (canvasTop) {
+      canvasTop.fill(0);
+      canvasBottom.fill(0);
+    }
+    let canvasUsed = false;
+    let canvasText = "";
+    let canvasCols = 0;
     const appendContent = (content2, linkKey, uri) => {
       const href = safeLinkHref(uri);
       const nextLinkKey = href ? linkKey : "";
@@ -1547,6 +1774,13 @@ var Renderer = class {
     const appendStyledSpan = (className, style, text, linkKey, linkUri) => {
       appendContent(cellSpanPart(className, style, text), linkKey, linkUri);
     };
+    const flushCanvasRun = () => {
+      if (!canvasCols)
+        return;
+      appendStyledSpan("term-canvas-run", columnStyle(canvasCols), canvasText, "");
+      canvasText = "";
+      canvasCols = 0;
+    };
     for (let col = 0; col < this.cols; col++) {
       const cell = getCell(col);
       const inBounds = col < lineLen;
@@ -1554,6 +1788,32 @@ var Renderer = class {
       const width = inBounds ? cell.width ?? 1 : 1;
       const cellLinkKey = inBounds ? linkIdentity(cell) : "";
       const cellLinkUri = inBounds ? cell.linkUri : void 0;
+      if (canvasTop && inBounds && width === 1 && col !== cursorCol && !cellLinkUri && !(cell.flags & (FLAG_DIM | FLAG_INVISIBLE | FLAG_UNDERLINE | FLAG_STRIKETHROUGH)) && (!cell.underlineStyle || cell.underlineStyle === "none") && (cp === 9600 || cp === 9604 || cp === 9608)) {
+        let foreground = cellColorPixel(cell.fg, cell.fgRgb);
+        let background = cellColorPixel(cell.bg, cell.bgRgb);
+        if (cell.flags & FLAG_REVERSE)
+          [foreground, background] = [background, foreground];
+        if (foreground !== void 0 && (cp === 9608 || background !== void 0)) {
+          flushRun(col);
+          canvasTop[col] = cp === 9604 ? background : foreground;
+          canvasBottom[col] = cp === 9600 ? background : foreground;
+          canvasUsed = true;
+          const text = cell.chars ?? String.fromCodePoint(cp);
+          recordText(text, col);
+          canvasText += text;
+          canvasCols++;
+          uniformBackground = false;
+          runStart = col + 1;
+          continue;
+        }
+      }
+      const canvasBackground = canvasTop && inBounds && width === 1 && col !== cursorCol && !cellLinkKey && !(cell.flags & (FLAG_DIM | FLAG_INVISIBLE)) && !(cp >= 9600 && cp <= 9631) ? cellBackgroundPixel(cell) : void 0;
+      if (canvasTop && canvasBackground !== void 0) {
+        canvasTop[col] = canvasBackground;
+        canvasBottom[col] = canvasBackground;
+        canvasUsed = true;
+      }
+      flushCanvasRun();
       const continuesWide = inBounds && width === 0 && col > 0 && (getCell(col - 1).width ?? 1) === 2;
       if (uniformBackground && !continuesWide) {
         const bg = resolveColors(cell.fg, cell.bg, cell.flags, cell.fgRgb, cell.bgRgb).bg;
@@ -1626,7 +1886,7 @@ var Renderer = class {
       } else {
         const ch = cell.chars ?? (inBounds && cp >= 32 ? String.fromCodePoint(cp) : " ");
         recordText(ch, col, 1, cell.spacerHead === true);
-        const style = inBounds ? buildCellStyle(cell) : "";
+        const style = inBounds ? buildCellStyle(cell, canvasBackground === void 0) : "";
         if (ch.length !== 1 || ch.charCodeAt(0) > 126) {
           flushRun(col);
           const cursor = col === cursorCol;
@@ -1659,17 +1919,15 @@ var Renderer = class {
       }
     }
     flushRun(this.cols);
+    flushCanvasRun();
     if (outputLinkKey)
       parts.push({ html: linkHtml + "</a>" });
     this.updateRowParts(rowEl, parts);
     this.rowText.set(rowEl, content);
+    if (canvasTop)
+      this.paintCellBand(rowIndex, canvasUsed);
     const bgCss = uniformBackground && rowBackground !== DEFAULT_BG_CSS ? rowBackground ?? "" : "";
-    if (rowIndex >= 0) {
-      if (bgCss !== (this.prevRowBg[rowIndex] ?? "")) {
-        rowEl.style.background = bgCss;
-        this.prevRowBg[rowIndex] = bgCss;
-      }
-    } else if (this.rowBackground.get(rowEl) !== bgCss) {
+    if (this.rowBackground.get(rowEl) !== bgCss) {
       rowEl.style.background = bgCss;
       this.rowBackground.set(rowEl, bgCss);
     }
@@ -1736,7 +1994,7 @@ var Renderer = class {
     const visibleRows = virtual ? Math.ceil(viewportHeight / rowHeight) : scrollbackCount;
     const start = virtual ? Math.max(0, Math.min(scrollbackCount, firstVisible - overscan)) : 0;
     const end = virtual ? Math.max(start, Math.min(scrollbackCount, firstVisible + visibleRows + overscan)) : scrollbackCount;
-    const selection = this.container.ownerDocument.getSelection();
+    const selection = selectionMayExist(this.container.ownerDocument) ? this.container.ownerDocument.getSelection() : null;
     const selectionInContainer = selection !== null && !selection.isCollapsed && (this.container.contains(selection.anchorNode) || this.container.contains(selection.focusNode));
     const contentUnchanged = this.painted && !this.colorsChanged && hasDiscardedCount && scrollbackCount === this._renderedScrollbackCount && discardedCount === this._renderedDiscardedCount;
     const first = (this._scrollbackKeys[0] ?? Infinity) - discardedCount;
@@ -1833,6 +2091,61 @@ var Renderer = class {
         this.colorHost.style.removeProperty(property);
     }
   }
+  /** Reuses live row nodes and canvas bands by the core's content identity. */
+  syncLiveRows(core) {
+    const ids = core.getRowId ? Array.from({ length: this.rows }, (_, row) => core.getRowId(row)) : [];
+    const previous = this.rowIds;
+    this.rowIds = ids.includes(null) ? [] : ids;
+    if (!this.rowIds.length)
+      return null;
+    if (previous.length !== ids.length)
+      return new Set(ids.map((_, row) => row));
+    if (ids.every((id, row) => id === previous[row]))
+      return null;
+    const oldRows = /* @__PURE__ */ new Map();
+    for (let row = 0; row < previous.length; row++)
+      oldRows.set(previous[row], row);
+    const sources = ids.map((id) => oldRows.get(id) ?? -1);
+    const retained = new Set(sources);
+    const available = this.rowEls.map((_, row) => row).filter((row) => !retained.has(row)).reverse();
+    const fresh = /* @__PURE__ */ new Set();
+    for (let row = 0; row < this.rows; row++) {
+      if (sources[row] < 0) {
+        sources[row] = available.pop();
+        fresh.add(row);
+      }
+    }
+    this.rowEls = sources.map((source) => this.rowEls[source]);
+    this.prevCursorRow = sources.indexOf(this.prevCursorRow);
+    const firstMoved = sources.findIndex((source, row) => !fresh.has(row) && source !== row);
+    if (firstMoved >= 0 && sources[firstMoved] > firstMoved) {
+      let next = this.cellCanvas;
+      for (let row = this.rows - 1; row >= 0; row--) {
+        const element = this.rowEls[row];
+        if (element.nextSibling !== next)
+          this.container.insertBefore(element, next);
+        next = element;
+      }
+    } else {
+      let next = this._scrollbackBottomSpacer.nextSibling;
+      for (const element of this.rowEls) {
+        if (element !== next)
+          this.container.insertBefore(element, next);
+        next = element.nextSibling;
+      }
+    }
+    if (this.cellPixels && this.cellBandUsed.some(Boolean)) {
+      const pixels = this.cellPixels.slice();
+      const bandSize = this.cellImage.width * this.cellRowHeight;
+      for (let row = 0; row < this.rows; row++) {
+        const start = sources[row] * bandSize;
+        this.cellPixels.set(pixels.subarray(start, start + bandSize), row * bandSize);
+      }
+      this.cellContext.putImageData(this.cellImage, 0, 0);
+    }
+    this.cellBandUsed = sources.map((source) => this.cellBandUsed[source]);
+    return fresh;
+  }
   render(core, viewport) {
     this.syncColorOverrides(core.getColorOverrides?.());
     this.viewport = viewport;
@@ -1850,6 +2163,17 @@ var Renderer = class {
       ...viewport,
       selectedRows: positions ? { start: positions.start.row, end: positions.end.row } : void 0
     });
+    this.graphics.reconcile(core, {
+      scrollTop: viewport?.scrollTop ?? 0,
+      clientHeight: viewport?.clientHeight ?? 0,
+      rowHeight: viewport?.rowHeight ?? 0,
+      charWidth: viewport?.charWidth ?? 0,
+      overscanRows: viewport?.overscanRows ?? DEFAULT_SCROLLBACK_OVERSCAN_ROWS,
+      scrollbackCount: core.getScrollbackCount()
+    });
+    const canvasChanged = this.syncCellCanvas(viewport);
+    const freshRows = this.syncLiveRows(core);
+    this.cellCanvas.style.top = `${core.getScrollbackCount() * (viewport?.rowHeight ?? 0)}px`;
     const cursor = core.getCursor();
     const cursorVisible = cursor.visible;
     const shape = cursor.shape ?? "block";
@@ -1860,7 +2184,7 @@ var Renderer = class {
       this.container.dataset.cursorBlink = blink;
     const needsCursorUpdate = cursor.row !== this.prevCursorRow || cursor.col !== this.prevCursorCol || cursorVisible !== this.prevCursorVisible;
     for (let r = 0; r < this.rows; r++) {
-      const isDirty = this.colorsChanged || resized || core.isDirtyRow(r);
+      const isDirty = this.colorsChanged || resized || canvasChanged || freshRows?.has(r) || (this.rowIds.length ? core.isRowContentDirty?.(r) ?? core.isDirtyRow(r) : core.isDirtyRow(r));
       const hadCursor = r === this.prevCursorRow && needsCursorUpdate;
       const hasCursor = r === cursor.row;
       if (isDirty || hadCursor || hasCursor && needsCursorUpdate) {
@@ -1880,14 +2204,6 @@ var Renderer = class {
     this.colorsChanged = false;
     this.selection.afterRender(this.selectionRows(), positions);
     this.painted = true;
-    this.graphics.reconcile(core, {
-      scrollTop: viewport?.scrollTop ?? 0,
-      clientHeight: viewport?.clientHeight ?? 0,
-      rowHeight: viewport?.rowHeight ?? 0,
-      charWidth: viewport?.charWidth ?? 0,
-      overscanRows: viewport?.overscanRows ?? DEFAULT_SCROLLBACK_OVERSCAN_ROWS,
-      scrollbackCount: core.getScrollbackCount()
-    });
   }
   /** Mounted rows in chronological, retained-buffer coordinates. */
   *searchRows() {
@@ -1955,6 +2271,7 @@ var Renderer = class {
     const native = this.container.ownerDocument.getSelection();
     if (!start || !end || !native)
       return false;
+    markSelectionChanged(this.container.ownerDocument);
     native.setBaseAndExtent(...start, ...end);
     this.selection?.capture(core, this.selectionRows());
     return true;
@@ -1985,6 +2302,10 @@ var Renderer = class {
     }
     return nearest && { row: nearest.row, col: nearest.col };
   }
+  /** Turns the color canvas off so block cells keep their own colored spans. */
+  setCanvasSuspended(suspended) {
+    this.cellSuspended = suspended;
+  }
   requestSetup() {
     this.needsSetup = true;
   }
@@ -2006,6 +2327,9 @@ var Renderer = class {
     this.container.innerHTML = "";
     this.rowEls = [];
     this._scrollbackRowEls = [];
+    this.cellImage = null;
+    this.cellPixels = null;
+    this.cellContext = null;
   }
 };
 
@@ -2734,10 +3058,12 @@ var InputHandler = class {
         this.onData("");
       } else if (e.key === "a") {
         e.preventDefault();
-        const sel = window.getSelection();
+        const doc = this.element.ownerDocument;
+        const sel = doc.getSelection();
         if (sel) {
-          const range = document.createRange();
+          const range = doc.createRange();
           range.selectNodeContents(this.element);
+          markSelectionChanged(doc);
           sel.removeAllRanges();
           sel.addRange(range);
         }
@@ -3262,6 +3588,7 @@ var HistorySelection = class {
       if (!this.active)
         return;
       const doc2 = this.element.ownerDocument;
+      markSelectionChanged(doc2);
       const active = doc2.activeElement;
       if (active && (active.tagName === "INPUT" || active.tagName === "TEXTAREA")) {
         const input = active;
@@ -3270,8 +3597,7 @@ var HistorySelection = class {
           return;
         }
       }
-      const selection = doc2.getSelection();
-      if (selection && !selection.isCollapsed)
+      if (selectionMayExist(doc2))
         this.clear();
     };
     this.status = element.ownerDocument.createElement("div");
@@ -3289,6 +3615,10 @@ var HistorySelection = class {
   get active() {
     return this.pending || this.text !== null;
   }
+  /** Height the sticky status line adds to the terminal's scroll height. */
+  get statusHeight() {
+    return this.status.offsetHeight;
+  }
   getText() {
     this.onSelectionChange();
     return this.text;
@@ -3330,12 +3660,17 @@ var HistorySelection = class {
   }
   claim() {
     const doc = this.element.ownerDocument;
+    markSelectionChanged(doc);
     owners.get(doc)?.clear();
     this.clear();
     owners.set(doc, this);
-    const native = doc.getSelection();
-    if (native && !native.isCollapsed)
-      native.removeAllRanges();
+    if (selectionMayExist(doc)) {
+      const native = doc.getSelection();
+      if (native && !native.isCollapsed) {
+        markSelectionChanged(doc);
+        native.removeAllRanges();
+      }
+    }
   }
   /** WTerm calls this only once its current frame has painted. */
   resume(core) {
@@ -4141,14 +4476,74 @@ var SearchController = class {
 // node_modules/@wterm/dom/dist/wterm.js
 var SYNCHRONIZED_OUTPUT_TIMEOUT_MS = 1e3;
 var PROGRAMMATIC_SCROLL_TOLERANCE = 1;
-var WTerm = class {
+var pendingRenders = /* @__PURE__ */ new Set();
+var renderFrameId = null;
+var THEME_PROPERTIES = [
+  "--term-fg",
+  "--term-bg",
+  "--term-cursor",
+  ...Array.from({ length: 16 }, (_, index) => `--term-color-${index}`)
+];
+function mayQueryThemeColors(data) {
+  if (typeof data === "string")
+    return data.includes("\x1B]10;") || data.includes("\x1B]11;");
+  for (let i = data.indexOf(27); i >= 0; i = data.indexOf(27, i + 1)) {
+    if (data[i + 1] === 93 && data[i + 2] === 49 && (data[i + 3] === 48 || data[i + 3] === 49) && data[i + 4] === 59)
+      return true;
+  }
+  return false;
+}
+function readCssThemeColors(element) {
+  const probe = element.ownerDocument.createElement("span");
+  probe.style.display = "none";
+  element.appendChild(probe);
+  try {
+    const values = [];
+    for (const property of THEME_PROPERTIES) {
+      probe.style.color = `var(${property})`;
+      const rgb = parseCssColor(getComputedStyle(probe).color);
+      if (rgb === null)
+        return null;
+      values.push(rgb);
+    }
+    return {
+      foreground: values[0],
+      background: values[1],
+      cursor: values[2],
+      palette: values.slice(3)
+    };
+  } finally {
+    probe.remove();
+  }
+}
+function parseCssColor(color) {
+  if (typeof color !== "string")
+    return null;
+  const rgb = color.match(/^rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)/);
+  if (rgb)
+    return Math.round(Number(rgb[1])) << 16 | Math.round(Number(rgb[2])) << 8 | Math.round(Number(rgb[3]));
+  try {
+    const context = document.createElement("canvas").getContext("2d", {
+      willReadFrequently: true
+    });
+    if (!context)
+      return null;
+    context.fillStyle = color;
+    context.fillRect(0, 0, 1, 1);
+    const [r, g, b] = context.getImageData(0, 0, 1, 1).data;
+    return r << 16 | g << 8 | b;
+  } catch {
+    return null;
+  }
+}
+var WTerm = class _WTerm {
   constructor(element, options = {}) {
     this.bridge = null;
     this.debug = null;
     this._themeColors = null;
+    this._cssThemeKey = null;
     this.renderer = null;
     this.input = null;
-    this.rafId = null;
     this._synchronizedOutputTimer = null;
     this._synchronizedOutputState = "idle";
     this._synchronizedOutputGeneration = 0;
@@ -4156,6 +4551,7 @@ var WTerm = class {
     this.resizeObserver = null;
     this._destroyed = false;
     this._shouldScrollToBottom = false;
+    this._pinnedToBottom = true;
     this._scrollbackDiscardedCount = 0;
     this._programmaticScrollTop = null;
     this._pendingResizeScrollTop = null;
@@ -4164,8 +4560,32 @@ var WTerm = class {
     this._windowSizeQueryState = 0;
     this._textCapture = new TextCapture();
     this._searchReveal = false;
+    this._onCoreUpdate = () => {
+      if (!this.bridge || this._destroyed)
+        return;
+      this._textCapture.cancel();
+      this._rectangleDrag.cancel();
+      this.renderer?.beforeMutation(this.bridge);
+      this._historySelection.invalidate();
+      const result = this._deliverCoreEffects();
+      const synchronized = this.bridge.synchronizedOutput?.() ?? false;
+      const generation = this.bridge.synchronizedOutputGeneration?.() ?? 0;
+      this._updateSynchronizedOutput(synchronized, generation);
+      this._invalidateSearch();
+      if (this._synchronizedOutputState !== "held") {
+        this._setupRendererIfNeeded();
+        this._scheduleRender();
+      }
+      if (result.hasError) {
+        const error = result.error;
+        queueMicrotask(() => {
+          throw error;
+        });
+      }
+    };
     this._lastContainerRect = null;
     this._keyboardSpacer = null;
+    this._keyboardInset = 0;
     this._visualViewport = null;
     this._visualViewportFrame = 0;
     this._onVisualViewportChange = () => {
@@ -4232,7 +4652,7 @@ var WTerm = class {
       select: (start, end) => this.selectRectangle(start, end),
       clear: () => this._historySelection.clear()
     });
-    this._outputAnnouncements = new OutputAnnouncements(this.element, () => this.bridge, () => this._canRender() && this.rafId === null && this._synchronizedOutputState !== "held");
+    this._outputAnnouncements = new OutputAnnouncements(this.element, () => this.bridge, () => this._canRender() && !pendingRenders.has(this) && this._synchronizedOutputState !== "held");
     this._outputAnnouncements.setEnabled(options.announceOutput ?? false);
     this._onVisibilityChange = () => {
       if (this._canRender())
@@ -4283,10 +4703,15 @@ var WTerm = class {
     this.element.ownerDocument.addEventListener("keydown", this._onModifierChange);
     this.element.ownerDocument.addEventListener("keyup", this._onModifierChange);
     this.element.ownerDocument.defaultView?.addEventListener("blur", this._onWindowBlur);
+    this._onBeforePrint = () => this._setPrintMode(true);
+    this._onAfterPrint = () => this._setPrintMode(false);
+    this.element.ownerDocument.defaultView?.addEventListener("beforeprint", this._onBeforePrint);
+    this.element.ownerDocument.defaultView?.addEventListener("afterprint", this._onAfterPrint);
     this._onScroll = () => {
       if (this._pendingResizeScrollTop !== null)
         return;
-      if (this._shouldScrollToBottom && this._isScrolledToBottom()) {
+      const atBottom = this._isScrolledToBottom();
+      if (this._shouldScrollToBottom && atBottom) {
         this._programmaticScrollTop = null;
         return;
       }
@@ -4326,6 +4751,7 @@ var WTerm = class {
       }
       if (this._destroyed)
         return this;
+      this.bridge.setUpdateListener?.(this._onCoreUpdate);
       const initialCols = this.cols;
       const initialRows = this.rows;
       this._setRowHeight();
@@ -4341,6 +4767,8 @@ var WTerm = class {
       this.bridge.init(this.cols, this.rows);
       if (this._themeColors)
         this.bridge.setThemeColors?.(this._themeColors);
+      else
+        this._syncCssThemeColors();
       this.cols = this.bridge.getCols();
       this.rows = this.bridge.getRows();
       if (this._debugEnabled) {
@@ -4407,21 +4835,47 @@ var WTerm = class {
   }
   _isScrolledToBottom() {
     const el = this.element;
-    return el.scrollHeight - el.scrollTop - el.clientHeight < 5;
+    this._pinnedToBottom = el.scrollHeight - el.scrollTop - el.clientHeight < 5;
+    return this._pinnedToBottom;
   }
   _scrollToBottom() {
     this._setScrollTop(this.element.scrollHeight);
   }
-  _setScrollTop(value) {
-    const before = this.element.scrollTop;
-    this.element.scrollTop = value;
-    const after = this.element.scrollTop;
-    if (after === before)
+  _setScrollTop(value, frame) {
+    if (!frame) {
+      const before = this.element.scrollTop;
+      this.element.scrollTop = value;
+      const after = this.element.scrollTop;
+      this._isScrolledToBottom();
+      if (after !== before)
+        this._programmaticScrollTop = after;
       return;
-    this._programmaticScrollTop = after;
+    }
+    const maxScrollTop = frame.maxScrollTop;
+    const target = Math.max(0, Math.min(value, maxScrollTop));
+    this._pinnedToBottom = maxScrollTop - target < 5;
+    if (target !== frame.viewportScrollTop || frame.restoreScroll) {
+      this._programmaticScrollTop = target;
+    }
+    this.element.scrollTop = target;
   }
-  /** Apply host colors without writing terminal input or restarting the session. */
+  /**
+   * Apply host colors without writing terminal input or restarting the session.
+   * Pass `null` to drop them and answer color queries from the page's CSS again.
+   */
   setThemeColors(colors) {
+    if (colors === null) {
+      if (this._destroyed)
+        return;
+      this._themeColors = null;
+      for (const property of THEME_PROPERTIES)
+        this.element.style.removeProperty(property);
+      this._cssThemeKey = null;
+      this._syncCssThemeColors();
+      this.renderer?.invalidateColors();
+      this._scheduleRender();
+      return;
+    }
     const values = [
       colors.foreground,
       colors.background,
@@ -4435,26 +4889,23 @@ var WTerm = class {
     const copy = { ...colors, palette: [...colors.palette] };
     this.bridge?.setThemeColors?.(copy);
     this._themeColors = copy;
-    const properties = [
-      "--term-fg",
-      "--term-bg",
-      "--term-cursor",
-      ...colors.palette.map((_, index) => `--term-color-${index}`)
-    ];
-    values.forEach((value, index) => this.element.style.setProperty(properties[index], `#${value.toString(16).padStart(6, "0")}`));
+    values.forEach((value, index) => this.element.style.setProperty(THEME_PROPERTIES[index], `#${value.toString(16).padStart(6, "0")}`));
     this.renderer?.invalidateColors();
     this._scheduleRender();
   }
   write(data) {
     if (!this.bridge || this._destroyed)
       return;
+    markSelectionChanged(this.element.ownerDocument);
     this._textCapture.cancel();
     this._rectangleDrag.cancel();
     this._historySelection.invalidate();
     this.renderer?.beforeMutation(this.bridge);
     if (this.debug)
       this.debug.traceWrite(data);
-    this._shouldScrollToBottom = this._isScrolledToBottom();
+    this._shouldScrollToBottom = this._pinnedToBottom;
+    if (mayQueryThemeColors(data))
+      this._syncCssThemeColors();
     const windowSizeQueries = this._collectWindowSizeQueries(data);
     let deliveryError;
     let hasDeliveryError = false;
@@ -4465,43 +4916,9 @@ var WTerm = class {
       deliveryError = error;
     };
     const drain = () => {
-      const result = this._drainResponses();
+      const result = this._deliverCoreEffects();
       if (result.hasError)
         recordDeliveryError(result.error);
-      const bells = this.bridge?.getBellCount?.() ?? 0;
-      if (bells > 0) {
-        try {
-          this.onBell?.(bells);
-        } catch (error) {
-          recordDeliveryError(error);
-        }
-      }
-      try {
-        this._deliverTitle();
-      } catch (error) {
-        recordDeliveryError(error);
-      }
-      try {
-        const text = this.bridge?.getClipboardWrite?.() ?? null;
-        if (text !== null && !this._destroyed)
-          this.onClipboardWrite?.(text);
-      } catch (error) {
-        recordDeliveryError(error);
-      }
-      try {
-        const state = this.bridge?.getShellIntegrationState?.() ?? null;
-        if (state !== null && !this._destroyed)
-          this.onShellIntegration?.(state);
-      } catch (error) {
-        recordDeliveryError(error);
-      }
-      try {
-        const uri = this.bridge?.getWorkingDirectory?.() ?? null;
-        if (uri !== null && !this._destroyed)
-          this.onWorkingDirectory?.(uri);
-      } catch (error) {
-        recordDeliveryError(error);
-      }
     };
     if (typeof data === "string") {
       this.bridge.writeString(data, drain);
@@ -4527,6 +4944,84 @@ var WTerm = class {
     if (hasDeliveryError)
       throw deliveryError;
   }
+  /**
+   * Hands the core the theme colors the page's CSS resolves to, unless the
+   * host set explicit colors with setThemeColors().
+   */
+  _syncCssThemeColors() {
+    if (this._themeColors || !this.bridge?.setThemeColors || this._destroyed)
+      return;
+    let colors;
+    try {
+      colors = readCssThemeColors(this.element);
+    } catch {
+      return;
+    }
+    if (!colors)
+      return;
+    const key = [
+      colors.foreground,
+      colors.background,
+      colors.cursor,
+      ...colors.palette
+    ].join();
+    if (key === this._cssThemeKey)
+      return;
+    this._cssThemeKey = key;
+    this.bridge.setThemeColors(colors);
+  }
+  /**
+   * Hands replies, bells, titles, clipboard writes, shell state and the
+   * working directory to the host. Returns the first host callback error.
+   */
+  _deliverCoreEffects() {
+    let hasError = false;
+    let firstError;
+    const record = (error) => {
+      if (hasError)
+        return;
+      hasError = true;
+      firstError = error;
+    };
+    const result = this._drainResponses();
+    if (result.hasError)
+      record(result.error);
+    const bells = this.bridge?.getBellCount?.() ?? 0;
+    if (bells > 0) {
+      try {
+        this.onBell?.(bells);
+      } catch (error) {
+        record(error);
+      }
+    }
+    try {
+      this._deliverTitle();
+    } catch (error) {
+      record(error);
+    }
+    try {
+      const text = this.bridge?.getClipboardWrite?.() ?? null;
+      if (text !== null && !this._destroyed)
+        this.onClipboardWrite?.(text);
+    } catch (error) {
+      record(error);
+    }
+    try {
+      const state = this.bridge?.getShellIntegrationState?.() ?? null;
+      if (state !== null && !this._destroyed)
+        this.onShellIntegration?.(state);
+    } catch (error) {
+      record(error);
+    }
+    try {
+      const uri = this.bridge?.getWorkingDirectory?.() ?? null;
+      if (uri !== null && !this._destroyed)
+        this.onWorkingDirectory?.(uri);
+    } catch (error) {
+      record(error);
+    }
+    return { hasError, error: firstError };
+  }
   /** Fit the grid to the current element and font metrics. */
   fit() {
     if (!this.bridge || this._destroyed)
@@ -4557,6 +5052,7 @@ var WTerm = class {
   resize(cols, rows) {
     if (!this.bridge || this._destroyed)
       return;
+    markSelectionChanged(this.element.ownerDocument);
     this._textCapture.cancel();
     this._rectangleDrag.cancel();
     this._historySelection.invalidate();
@@ -4706,6 +5202,7 @@ var WTerm = class {
       if (!this.element.contains(range.startContainer) || !this.element.contains(range.endContainer))
         return;
     }
+    markSelectionChanged(this.element.ownerDocument);
     selection.removeAllRanges();
   }
   _invalidateSearch() {
@@ -4784,17 +5281,57 @@ var WTerm = class {
     }
   }
   _scheduleRender() {
-    if (!this._canRender() || this._synchronizedOutputState === "held" || this.rafId != null)
+    if (!this._canRender() || this._synchronizedOutputState === "held" || pendingRenders.has(this))
       return;
-    this.rafId = requestAnimationFrame(() => {
-      this.rafId = null;
-      this._doRender();
-    });
+    pendingRenders.add(this);
+    if (renderFrameId === null) {
+      const frameId = requestAnimationFrame(_WTerm._flushRenders);
+      if (pendingRenders.size > 0)
+        renderFrameId = frameId;
+    }
   }
   _cancelScheduledRender() {
-    if (this.rafId != null) {
-      cancelAnimationFrame(this.rafId);
-      this.rafId = null;
+    pendingRenders.delete(this);
+    if (pendingRenders.size === 0 && renderFrameId !== null) {
+      cancelAnimationFrame(renderFrameId);
+      renderFrameId = null;
+    }
+  }
+  static _flushRenders() {
+    renderFrameId = null;
+    const frames = /* @__PURE__ */ new Map();
+    const terminals = Array.from(pendingRenders);
+    for (const document2 of new Set(terminals.map((terminal) => terminal.element.ownerDocument)))
+      markSelectionChanged(document2);
+    for (const phase of ["read", "render", "measure", "scroll", "finish"]) {
+      for (const terminal of terminals) {
+        try {
+          if (phase === "read") {
+            if (!pendingRenders.delete(terminal))
+              continue;
+            const frame2 = terminal._readRender();
+            if (frame2)
+              frames.set(terminal, frame2);
+            continue;
+          }
+          const frame = frames.get(terminal);
+          if (!frame)
+            continue;
+          if (phase === "render")
+            terminal._renderFrame(frame);
+          else if (phase === "measure")
+            terminal._measureRenderScroll(frame);
+          else if (phase === "scroll")
+            terminal._scrollRender(frame);
+          else
+            terminal._finishRender();
+        } catch (error) {
+          frames.delete(terminal);
+          queueMicrotask(() => {
+            throw error;
+          });
+        }
+      }
     }
   }
   _updateSynchronizedOutput(synchronized, generation) {
@@ -4839,6 +5376,20 @@ var WTerm = class {
     clearTimeout(this._synchronizedOutputTimer);
     this._synchronizedOutputTimer = null;
   }
+  /** Prepares colored print output without advancing a paused or synchronized screen. */
+  _setPrintMode(printing) {
+    if (!this.renderer || this._destroyed)
+      return;
+    const keepCanvas = printing && (!this._canRender() || this._synchronizedOutputState === "held");
+    this.element.classList.toggle("term-print-canvas", keepCanvas);
+    this.renderer.setCanvasSuspended(printing && !keepCanvas);
+    if (keepCanvas)
+      return;
+    if (printing)
+      this._doRender();
+    else
+      this._scheduleRender();
+  }
   _setupRendererIfNeeded() {
     if (!this._rendererNeedsSetup)
       return;
@@ -4855,10 +5406,20 @@ var WTerm = class {
     this._doRender();
   }
   _doRender() {
-    if (!this._canRender() || !this.bridge || !this.renderer || this._synchronizedOutputState === "held")
+    this._cancelScheduledRender();
+    markSelectionChanged(this.element.ownerDocument);
+    const frame = this._readRender();
+    if (!frame)
       return;
+    this._renderFrame(frame);
+    this._measureRenderScroll(frame);
+    this._scrollRender(frame);
+    this._finishRender();
+  }
+  _readRender() {
+    if (!this._canRender() || !this.bridge || !this.renderer || this._synchronizedOutputState === "held")
+      return null;
     let dirtyCount = 0;
-    const t0 = this.debug ? performance.now() : 0;
     if (this.debug) {
       for (let r = 0; r < this.rows; r++) {
         if (this.bridge.isDirtyRow(r))
@@ -4866,42 +5427,69 @@ var WTerm = class {
       }
     }
     const rowHeight = this._rowHeight || 17;
+    const viewportScrollTop = this.element.scrollTop;
+    const clientHeight = this.element.clientHeight;
+    this._pinnedToBottom = this.element.scrollHeight - viewportScrollTop - clientHeight < 5;
+    const style = getComputedStyle(this.element);
+    const padding = (parseFloat(style.paddingTop) || 0) + (parseFloat(style.paddingBottom) || 0);
     const scrollbackCount = this.bridge.getScrollbackCount();
     const discardedCount = this.bridge.getScrollbackDiscardedCount?.();
     const discardedDelta = discardedCount !== void 0 && discardedCount >= this._scrollbackDiscardedCount ? discardedCount - this._scrollbackDiscardedCount : 0;
     if (discardedCount !== void 0) {
       this._scrollbackDiscardedCount = discardedCount;
     }
-    let scrollTop = this._pendingResizeScrollTop !== null ? this._pendingResizeScrollTop : this.element.scrollTop;
+    let scrollTop = this._pendingResizeScrollTop !== null ? this._pendingResizeScrollTop : viewportScrollTop;
     if (!this._shouldScrollToBottom && discardedDelta > 0) {
       scrollTop = Math.max(0, scrollTop - discardedDelta * rowHeight);
-      if (this._pendingResizeScrollTop !== null) {
-        this._pendingResizeScrollTop = scrollTop;
-      } else {
-        this._setScrollTop(scrollTop);
-      }
     }
-    this.renderer.render(this.bridge, {
-      scrollTop: this._shouldScrollToBottom ? Math.max(0, (scrollbackCount + this.rows) * rowHeight - this.element.clientHeight) : scrollTop,
-      clientHeight: this.element.clientHeight,
+    return {
+      scrollTop,
+      viewportScrollTop,
+      clientHeight,
+      maxScrollTop: Math.max(0, Math.round((scrollbackCount + this.rows) * rowHeight + padding + this._keyboardInset + this._historySelection.statusHeight) - clientHeight),
       rowHeight,
-      scrollbackDiscardedCount: discardedCount,
+      scrollbackCount,
+      discardedCount,
+      dirtyCount,
+      followOutput: this._shouldScrollToBottom,
+      restoreScroll: this._pendingResizeScrollTop !== null || discardedDelta > 0
+    };
+  }
+  _renderFrame(frame) {
+    if (!this.bridge || !this.renderer)
+      return;
+    const t0 = this.debug ? performance.now() : 0;
+    this.renderer.render(this.bridge, {
+      scrollTop: frame.followOutput ? Math.max(0, (frame.scrollbackCount + this.rows) * frame.rowHeight - frame.clientHeight) : frame.scrollTop,
+      clientHeight: frame.clientHeight,
+      rowHeight: frame.rowHeight,
+      scrollbackDiscardedCount: frame.discardedCount,
       charWidth: this._charWidth
     });
     if (this.debug) {
-      this.debug.recordRender(performance.now() - t0, dirtyCount);
+      this.debug.recordRender(performance.now() - t0, frame.dirtyCount);
     }
-    const hasScrollback = scrollbackCount > 0 || this.renderer.hasImageFlow;
+    const hasScrollback = frame.scrollbackCount > 0 || this.renderer.hasImageFlow;
     this.element.classList.toggle("has-scrollback", hasScrollback);
-    if (this._shouldScrollToBottom) {
-      this._scrollToBottom();
-    } else if (this._pendingResizeScrollTop !== null) {
-      const pendingScrollTop = this._pendingResizeScrollTop;
-      this._pendingResizeScrollTop = null;
-      this._setScrollTop(pendingScrollTop);
-    } else if (!hasScrollback && this.element.scrollTop !== 0) {
-      this._setScrollTop(0);
+  }
+  _measureRenderScroll(frame) {
+    if (this.renderer?.hasImageFlow) {
+      frame.maxScrollTop = Math.max(0, this.element.scrollHeight - frame.clientHeight);
     }
+  }
+  _scrollRender(frame) {
+    this._pendingResizeScrollTop = null;
+    if (frame.followOutput) {
+      this._setScrollTop(frame.maxScrollTop, frame);
+    } else if (frame.restoreScroll) {
+      this._setScrollTop(frame.scrollTop, frame);
+    } else if (!frame.scrollbackCount && !this.renderer?.hasImageFlow) {
+      this._setScrollTop(0, frame);
+    }
+  }
+  _finishRender() {
+    if (!this.bridge || !this.renderer || !this._canRender() || this._synchronizedOutputState === "held")
+      return;
     this.input?.syncInputPosition();
     if (this._searchReveal) {
       this._searchReveal = false;
@@ -5050,15 +5638,26 @@ var WTerm = class {
     probe.style.width = "auto";
     probe.textContent = "W";
     row.appendChild(probe);
+    const block = document.createElement("span");
+    block.style.width = "auto";
+    block.style.letterSpacing = "0";
+    block.textContent = "\u2580";
+    row.appendChild(block);
     this._container.appendChild(row);
     const charWidth = probe.getBoundingClientRect().width;
+    const blockWidth = block.getBoundingClientRect().width;
     const rowHeight = row.getBoundingClientRect().height;
     row.remove();
     if (charWidth === 0 || rowHeight === 0)
       return null;
+    const changed = this._charWidth > 0 && (charWidth !== this._charWidth || rowHeight !== this._rowHeight);
     this._charWidth = charWidth;
     this._rowHeight = rowHeight;
     this.element.style.setProperty("--term-cell-width", `${charWidth}px`);
+    const drift = blockWidth > 0 ? charWidth - blockWidth : 0;
+    this.element.style.setProperty("--term-block-spacing", Math.abs(drift) > 0.01 ? `${drift}px` : "0px");
+    if (changed && this.renderer)
+      this._scheduleRender();
     return { charWidth, rowHeight };
   }
   _setupResizeObserver() {
@@ -5109,6 +5708,7 @@ var WTerm = class {
   }
   /** Keeps the grid's last row above the keyboard while the element scrolls to the bottom. */
   _setKeyboardInset(px) {
+    this._keyboardInset = Math.max(0, px);
     if (px <= 0) {
       this._keyboardSpacer?.remove();
       this._keyboardSpacer = null;
@@ -5142,6 +5742,7 @@ var WTerm = class {
   }
   destroy() {
     this._destroyed = true;
+    this.bridge?.setUpdateListener?.(null);
     this._textCapture.cancel();
     this._historySelection.destroy();
     this._rectangleDrag.destroy();
@@ -5170,7 +5771,9 @@ var WTerm = class {
     this.element.ownerDocument.removeEventListener("keydown", this._onModifierChange);
     this.element.ownerDocument.removeEventListener("keyup", this._onModifierChange);
     this.element.ownerDocument.defaultView?.removeEventListener("blur", this._onWindowBlur);
-    this.element.classList.remove("link-modifier-active");
+    this.element.ownerDocument.defaultView?.removeEventListener("beforeprint", this._onBeforePrint);
+    this.element.ownerDocument.defaultView?.removeEventListener("afterprint", this._onAfterPrint);
+    this.element.classList.remove("link-modifier-active", "term-print-canvas");
     this.element.innerHTML = "";
     if (this.debug && globalThis.__wterm === this) {
       delete globalThis.__wterm;
@@ -5187,6 +5790,20 @@ var controlBytes = {
   SIGHUP: null
 };
 
+// src/cell-canvas.ts
+function installCellCanvasHold(target = Renderer) {
+  const set = target.prototype.setCanvasSuspended;
+  target.prototype.setCanvasSuspended = function() {
+    set.call(this, true);
+  };
+  const setup = target.prototype.setup;
+  target.prototype.setup = function(cols, rows) {
+    setup.call(this, cols, rows);
+    set.call(this, true);
+  };
+}
+installCellCanvasHold();
+
 // src/color-query.ts
 var query = /\x1b\](1[01])((?:;\?){1,10})(\x07|\x1b\\)/g;
 var partial = /\x1b(?:\](?:1(?:[01](?:;\?){0,10};?\x1b?)?)?)?$/;
@@ -6251,10 +6868,17 @@ var GhosttyCore = class _GhosttyCore {
       const read2 = this._cellBytes === CELL_BYTES_V2 ? this.wasm.exports.get_viewport_v2 : this.wasm.exports.get_viewport;
       read2(this.termPtr, this._viewportBufPtr);
       this._viewportStale = false;
+      this._viewportView = null;
     }
-    if (this._viewportView?.buffer !== this.wasm.exports.memory.buffer) {
-      this._viewportView = new DataView(this.wasm.exports.memory.buffer, this._viewportBufPtr, this._viewportBufSize);
+    if (this._viewportView) {
+      try {
+        this._viewportView.byteLength;
+        return;
+      } catch {
+        this._viewportView = null;
+      }
     }
+    this._viewportView = new DataView(this.wasm.exports.memory.buffer, this._viewportBufPtr, this._viewportBufSize);
   }
 };
 
@@ -6262,6 +6886,22 @@ var GhosttyCore = class _GhosttyCore {
 var base = 5360640;
 var replies = /\x1b\]1[01];rgb:[0-9a-f/]+(?:\x07|\x1b\\)/gi;
 var slot = (rgb) => rgb !== void 0 && rgb >>> 4 === base >>> 4 ? rgb & 15 : void 0;
+var markers = {
+  foreground: 13948116,
+  background: 1907997,
+  cursor: 11448237,
+  palette: Array.from({ length: 16 }, (_, index) => base + index)
+};
+function keepMarkerPalette(apply, palette = markers.palette) {
+  return (colors) => {
+    apply({
+      foreground: colors.foreground,
+      background: colors.background,
+      cursor: colors.cursor,
+      palette
+    });
+  };
+}
 function indexed(cell) {
   const fg = slot(cell.fgRgb);
   const bg = slot(cell.bgRgb);
@@ -6275,14 +6915,10 @@ function indexed(cell) {
   }
   return cell;
 }
-async function loadCore(wasmPath) {
-  const core = await GhosttyCore.load({ wasmPath, scrollbackLimit: 4e6 });
-  core.setThemeColors({
-    foreground: 13948116,
-    background: 1907997,
-    cursor: 11448237,
-    palette: Array.from({ length: 16 }, (_, index) => base + index)
-  });
+function wireCore(core) {
+  const apply = core.setThemeColors.bind(core);
+  core.setThemeColors = keepMarkerPalette(apply);
+  apply(markers);
   const cell = core.getCell.bind(core);
   const history = core.getScrollbackCell.bind(core);
   const response = core.getResponse.bind(core);
@@ -6297,9 +6933,12 @@ async function loadCore(wasmPath) {
   };
   return core;
 }
+async function loadCore(wasmPath, load = GhosttyCore.load.bind(GhosttyCore)) {
+  return wireCore(await load({ wasmPath, scrollbackLimit: 4e6 }));
+}
 
 // node_modules/@wterm/dom/src/terminal.css
-var terminal_default = '.wterm {\n  /* Application overrides are owned by the renderer; each terminal is isolated. */\n  --term-app-fg: initial;\n  --term-app-bg: initial;\n  --term-app-cursor: initial;\n\n  --term-fg: #d4d4d4;\n  --term-bg: #1e1e1e;\n  --term-cursor: #aeafad;\n\n  --term-color-0: #1e1e1e;\n  --term-color-1: #f44747;\n  --term-color-2: #6a9955;\n  --term-color-3: #d7ba7d;\n  --term-color-4: #569cd6;\n  --term-color-5: #c586c0;\n  --term-color-6: #4ec9b0;\n  --term-color-7: #d4d4d4;\n  --term-color-8: #808080;\n  --term-color-9: #f44747;\n  --term-color-10: #6a9955;\n  --term-color-11: #d7ba7d;\n  --term-color-12: #569cd6;\n  --term-color-13: #c586c0;\n  --term-color-14: #4ec9b0;\n  --term-color-15: #ffffff;\n\n  --term-font-family:\n    "Menlo", "Consolas", "DejaVu Sans Mono", "Courier New", monospace;\n  --term-font-size: 14px;\n  --term-line-height: 1.2;\n  --term-row-height: 17px;\n\n  position: relative;\n  background: var(--term-app-bg, var(--term-bg));\n  color: var(--term-app-fg, var(--term-fg));\n  font-family: var(--term-font-family);\n  font-size: var(--term-font-size);\n  font-kerning: none;\n  font-variant-ligatures: none;\n  line-height: var(--term-line-height);\n  padding: 12px;\n  border-radius: 8px;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);\n  outline: none;\n  overflow: hidden;\n  overflow-anchor: none;\n}\n\n.wterm:focus,\n.wterm:focus-visible {\n  outline: none;\n}\n\n.term-grid {\n  display: block;\n  position: relative;\n  white-space: pre;\n  contain: layout paint style;\n  will-change: contents;\n}\n\n.term-announcements {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: pre;\n  pointer-events: none;\n  user-select: none;\n}\n\n.term-images {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  overflow: visible;\n  z-index: 1;\n}\n\n.term-search-layer {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  user-select: none;\n  z-index: 2;\n}\n\n.term-search-match {\n  position: absolute;\n  background: var(--term-search-match, rgb(255 200 0 / 25%));\n}\n\n.term-search-active {\n  background: var(--term-search-active, rgb(255 150 0 / 40%));\n  box-shadow: inset 0 0 0 1px var(--term-search-border, #ffb000);\n}\n\n.term-image-flow-spacer {\n  display: block;\n  height: 0;\n  pointer-events: none;\n}\n\n.term-image {\n  position: absolute;\n  display: block;\n  pointer-events: none;\n  user-select: none;\n}\n\n.term-row {\n  display: block;\n  height: var(--term-row-height);\n  line-height: var(--term-row-height);\n  contain: layout style;\n}\n\n.term-select-all .term-row,\n.term-rectangle-row {\n  position: relative;\n}\n\n.term-select-all .term-row::after,\n.term-rectangle-row::after {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background: var(--term-selection-bg, rgb(80 140 255 / 30%));\n  pointer-events: none;\n  user-select: none;\n  z-index: 3;\n}\n\n.term-rectangle-row::after {\n  left: var(--term-selection-left);\n  width: var(--term-selection-width);\n  right: auto;\n}\n\n.term-selection-status {\n  position: sticky;\n  bottom: 0;\n  width: fit-content;\n  max-width: 100%;\n  white-space: normal;\n  background: var(--term-app-bg, var(--term-bg));\n  color: var(--term-app-fg, var(--term-fg));\n  user-select: none;\n  pointer-events: none;\n  z-index: 4;\n}\n\n.term-selection-status:empty {\n  display: none;\n}\n\n.term-scrollback-spacer {\n  display: block;\n  pointer-events: none;\n}\n\n.term-keyboard-spacer {\n  flex: none;\n  pointer-events: none;\n}\n\n.term-size-probe {\n  position: absolute;\n  top: 0;\n  left: 0;\n  visibility: hidden;\n  pointer-events: none;\n  white-space: pre;\n  width: auto;\n  height: var(--term-row-height);\n}\n\n.term-row > span,\n.term-row > .term-link,\n.term-link > span {\n  display: inline-block;\n  height: var(--term-row-height);\n  vertical-align: top;\n}\n\n.term-row > span,\n.term-link > span {\n  width: calc(var(--term-span-cols, 1) * var(--term-cell-width, 1ch));\n  /* Glyph ink may overhang its advance without moving the following cell. */\n  overflow: visible;\n}\n\n.term-link {\n  color: inherit;\n  cursor: text;\n}\n\n.wterm.link-modifier-active .term-link:hover,\n.term-link:focus-visible {\n  cursor: pointer;\n}\n\n.wterm.link-modifier-active .term-link:hover > span,\n.term-link:focus-visible > span {\n  text-decoration: underline;\n  text-underline-offset: 0.15em;\n}\n\n.term-block {\n  width: var(--term-cell-width, 1ch);\n  overflow: hidden;\n  -webkit-text-fill-color: transparent;\n}\n\n.term-box {\n  --term-box-stroke: max(\n    1px,\n    round(calc(var(--term-cell-width, 1ch) * 0.18), 1px)\n  );\n  -webkit-text-fill-color: transparent;\n}\n\n.term-box-heavy,\n.term-box-bold {\n  --term-box-stroke: max(\n    2px,\n    round(calc(var(--term-cell-width, 1ch) * 0.3), 1px)\n  );\n}\n\n.term-box-round {\n  position: relative;\n}\n\n.term-box-round::after {\n  content: "";\n  position: absolute;\n  box-sizing: border-box;\n  border: 0 solid currentColor;\n  pointer-events: none;\n}\n\n.term-box-round-tl::after {\n  inset: calc(50% - var(--term-box-stroke) * 0.5) 0 0\n    calc(50% - var(--term-box-stroke) * 0.5);\n  border-top-width: var(--term-box-stroke);\n  border-left-width: var(--term-box-stroke);\n  border-top-left-radius: 100%;\n}\n\n.term-box-round-tr::after {\n  inset: calc(50% - var(--term-box-stroke) * 0.5)\n    calc(50% - var(--term-box-stroke) * 0.5) 0 0;\n  border-top-width: var(--term-box-stroke);\n  border-right-width: var(--term-box-stroke);\n  border-top-right-radius: 100%;\n}\n\n.term-box-round-br::after {\n  inset: 0 calc(50% - var(--term-box-stroke) * 0.5)\n    calc(50% - var(--term-box-stroke) * 0.5) 0;\n  border-bottom-width: var(--term-box-stroke);\n  border-right-width: var(--term-box-stroke);\n  border-bottom-right-radius: 100%;\n}\n\n.term-box-round-bl::after {\n  inset: 0 0 calc(50% - var(--term-box-stroke) * 0.5)\n    calc(50% - var(--term-box-stroke) * 0.5);\n  border-bottom-width: var(--term-box-stroke);\n  border-left-width: var(--term-box-stroke);\n  border-bottom-left-radius: 100%;\n}\n\n@media (forced-colors: active), print {\n  .term-block {\n    background: none !important;\n    -webkit-text-fill-color: currentColor;\n  }\n\n  .term-box {\n    background-image: none !important;\n    -webkit-text-fill-color: currentColor;\n  }\n\n  .term-box-round::after {\n    display: none;\n  }\n}\n\n.term-wide {\n  --term-span-cols: 2;\n  overflow: visible;\n}\n\n.term-cursor {\n  color: var(--term-cell-fg, inherit);\n  background: var(--term-cell-bg, transparent);\n  outline: 1px solid var(--term-app-cursor, var(--term-cursor));\n  outline-offset: -1px;\n}\n\n/* Native text selection can blur the input until click-to-focus runs. Keep\n   the cursor active during that press without cancelling the selection. */\n.wterm:is(.focused, :active) .term-cursor {\n  background: var(--term-app-cursor, var(--term-cursor));\n  color: var(--term-app-bg, var(--term-bg));\n  outline: none;\n}\n\n.wterm:is(.focused, :active) .term-grid[data-cursor-shape="bar"] .term-cursor,\n.wterm:is(.focused, :active) .term-grid[data-cursor-shape="underline"] .term-cursor {\n  background: var(--term-cell-bg, transparent);\n  color: var(--term-cell-fg, inherit);\n  box-shadow: var(--term-cursor-shadow);\n  --term-cursor-animation: cursor-line-blink;\n}\n\n.term-grid[data-cursor-shape="bar"] .term-cursor {\n  --term-cursor-shadow: inset 2px 0 0 var(--term-app-cursor, var(--term-cursor));\n}\n\n.term-grid[data-cursor-shape="underline"] .term-cursor {\n  --term-cursor-shadow: inset 0 -2px 0\n    var(--term-app-cursor, var(--term-cursor));\n}\n\n.wterm:is(.focused, :active).cursor-blink .term-cursor,\n.wterm:is(.focused, :active):not(.cursor-steady)\n  .term-grid[data-cursor-blink="true"]\n  .term-cursor {\n  animation: var(--term-cursor-animation, cursor-blink) 1s step-end infinite;\n}\n\n@keyframes cursor-blink {\n  0%,\n  100% {\n    background: var(--term-app-cursor, var(--term-cursor));\n    color: var(--term-app-bg, var(--term-bg));\n  }\n  50% {\n    background: var(--term-cell-bg, transparent);\n    color: var(--term-cell-fg, inherit);\n  }\n}\n\n@keyframes cursor-line-blink {\n  0%,\n  100% {\n    box-shadow: var(--term-cursor-shadow);\n  }\n  50% {\n    box-shadow: none;\n  }\n}\n\n.wterm.has-scrollback,\n.wterm.has-image-flow {\n  overflow-y: auto;\n}\n\n.wterm ::selection {\n  background: rgba(86, 156, 214, 0.3);\n}\n\n/* Solarized Dark */\n.wterm.theme-solarized-dark {\n  --term-fg: #839496;\n  --term-bg: #002b36;\n  --term-cursor: #93a1a1;\n  --term-color-0: #073642;\n  --term-color-1: #dc322f;\n  --term-color-2: #859900;\n  --term-color-3: #b58900;\n  --term-color-4: #268bd2;\n  --term-color-5: #d33682;\n  --term-color-6: #2aa198;\n  --term-color-7: #eee8d5;\n  --term-color-8: #586e75;\n  --term-color-9: #cb4b16;\n  --term-color-10: #586e75;\n  --term-color-11: #657b83;\n  --term-color-12: #839496;\n  --term-color-13: #6c71c4;\n  --term-color-14: #93a1a1;\n  --term-color-15: #fdf6e3;\n}\n\n/* Monokai */\n.wterm.theme-monokai {\n  --term-fg: #f8f8f2;\n  --term-bg: #272822;\n  --term-cursor: #f8f8f0;\n  --term-color-0: #272822;\n  --term-color-1: #f92672;\n  --term-color-2: #a6e22e;\n  --term-color-3: #f4bf75;\n  --term-color-4: #66d9ef;\n  --term-color-5: #ae81ff;\n  --term-color-6: #a1efe4;\n  --term-color-7: #f8f8f2;\n  --term-color-8: #75715e;\n  --term-color-9: #f92672;\n  --term-color-10: #a6e22e;\n  --term-color-11: #f4bf75;\n  --term-color-12: #66d9ef;\n  --term-color-13: #ae81ff;\n  --term-color-14: #a1efe4;\n  --term-color-15: #f9f8f5;\n}\n\n/* Light */\n.wterm.theme-light {\n  --term-fg: #383a42;\n  --term-bg: #fafafa;\n  --term-cursor: #526eff;\n  --term-color-0: #383a42;\n  --term-color-1: #e45649;\n  --term-color-2: #50a14f;\n  --term-color-3: #c18401;\n  --term-color-4: #4078f2;\n  --term-color-5: #a626a4;\n  --term-color-6: #0184bc;\n  --term-color-7: #fafafa;\n  --term-color-8: #a0a1a7;\n  --term-color-9: #e45649;\n  --term-color-10: #50a14f;\n  --term-color-11: #c18401;\n  --term-color-12: #4078f2;\n  --term-color-13: #a626a4;\n  --term-color-14: #0184bc;\n  --term-color-15: #ffffff;\n}\n';
+var terminal_default = '.wterm {\n  /* Application overrides are owned by the renderer; each terminal is isolated. */\n  --term-app-fg: initial;\n  --term-app-bg: initial;\n  --term-app-cursor: initial;\n\n  --term-fg: #d4d4d4;\n  --term-bg: #1e1e1e;\n  --term-cursor: #aeafad;\n\n  --term-color-0: #1e1e1e;\n  --term-color-1: #f44747;\n  --term-color-2: #6a9955;\n  --term-color-3: #d7ba7d;\n  --term-color-4: #569cd6;\n  --term-color-5: #c586c0;\n  --term-color-6: #4ec9b0;\n  --term-color-7: #d4d4d4;\n  --term-color-8: #808080;\n  --term-color-9: #f44747;\n  --term-color-10: #6a9955;\n  --term-color-11: #d7ba7d;\n  --term-color-12: #569cd6;\n  --term-color-13: #c586c0;\n  --term-color-14: #4ec9b0;\n  --term-color-15: #ffffff;\n\n  --term-font-family:\n    "Menlo", "Consolas", "DejaVu Sans Mono", "Courier New", monospace;\n  --term-font-size: 14px;\n  --term-line-height: 1.2;\n  --term-row-height: 17px;\n\n  position: relative;\n  background: var(--term-app-bg, var(--term-bg));\n  color: var(--term-app-fg, var(--term-fg));\n  font-family: var(--term-font-family);\n  font-size: var(--term-font-size);\n  font-kerning: none;\n  font-variant-ligatures: none;\n  line-height: var(--term-line-height);\n  padding: 12px;\n  border-radius: 8px;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);\n  outline: none;\n  overflow: hidden;\n  overflow-anchor: none;\n}\n\n.wterm:focus,\n.wterm:focus-visible {\n  outline: none;\n}\n\n.term-grid {\n  display: block;\n  position: relative;\n  white-space: pre;\n  contain: layout paint style;\n  will-change: contents;\n}\n\n.term-cell-canvas {\n  position: absolute;\n  left: 0;\n  pointer-events: none;\n  image-rendering: pixelated;\n  z-index: -1;\n}\n\n.term-announcements {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: pre;\n  pointer-events: none;\n  user-select: none;\n}\n\n.term-images {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  overflow: visible;\n  z-index: 1;\n}\n\n.term-search-layer {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  user-select: none;\n  z-index: 2;\n}\n\n.term-search-match {\n  position: absolute;\n  background: var(--term-search-match, rgb(255 200 0 / 25%));\n}\n\n.term-search-active {\n  background: var(--term-search-active, rgb(255 150 0 / 40%));\n  box-shadow: inset 0 0 0 1px var(--term-search-border, #ffb000);\n}\n\n.term-image-flow-spacer {\n  display: block;\n  height: 0;\n  pointer-events: none;\n}\n\n.term-image {\n  position: absolute;\n  display: block;\n  pointer-events: none;\n  user-select: none;\n}\n\n.term-row {\n  display: block;\n  height: var(--term-row-height);\n  line-height: var(--term-row-height);\n  contain: layout style;\n}\n\n.term-select-all .term-row,\n.term-rectangle-row {\n  position: relative;\n}\n\n.term-select-all .term-row::after,\n.term-rectangle-row::after {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background: var(--term-selection-bg, rgb(80 140 255 / 30%));\n  pointer-events: none;\n  user-select: none;\n  z-index: 3;\n}\n\n.term-rectangle-row::after {\n  left: var(--term-selection-left);\n  width: var(--term-selection-width);\n  right: auto;\n}\n\n.term-selection-status {\n  position: sticky;\n  bottom: 0;\n  width: fit-content;\n  max-width: 100%;\n  white-space: normal;\n  background: var(--term-app-bg, var(--term-bg));\n  color: var(--term-app-fg, var(--term-fg));\n  user-select: none;\n  pointer-events: none;\n  z-index: 4;\n}\n\n.term-selection-status:empty {\n  display: none;\n}\n\n.term-scrollback-spacer {\n  display: block;\n  pointer-events: none;\n}\n\n.term-keyboard-spacer {\n  flex: none;\n  pointer-events: none;\n}\n\n.term-size-probe {\n  position: absolute;\n  top: 0;\n  left: 0;\n  visibility: hidden;\n  pointer-events: none;\n  white-space: pre;\n  width: auto;\n  height: var(--term-row-height);\n}\n\n.term-row > span,\n.term-row > .term-link,\n.term-link > span {\n  display: inline-block;\n  height: var(--term-row-height);\n  vertical-align: top;\n}\n\n.term-row > span,\n.term-link > span {\n  width: calc(var(--term-span-cols, 1) * var(--term-cell-width, 1ch));\n  /* Glyph ink may overhang its advance without moving the following cell. */\n  overflow: visible;\n}\n\n.term-link {\n  color: inherit;\n  cursor: text;\n}\n\n.wterm.link-modifier-active .term-link:hover,\n.term-link:focus-visible {\n  cursor: pointer;\n}\n\n.wterm.link-modifier-active .term-link:hover > span,\n.term-link:focus-visible > span {\n  text-decoration: underline;\n  text-underline-offset: 0.15em;\n}\n\n.term-block {\n  width: var(--term-cell-width, 1ch);\n  overflow: hidden;\n  -webkit-text-fill-color: transparent;\n}\n\n.term-canvas-run {\n  width: calc(var(--term-span-cols, 1) * var(--term-cell-width, 1ch));\n  letter-spacing: var(--term-block-spacing, 0px);\n  -webkit-text-fill-color: transparent;\n}\n\n.term-box {\n  --term-box-stroke: max(\n    1px,\n    round(calc(var(--term-cell-width, 1ch) * 0.18), 1px)\n  );\n  -webkit-text-fill-color: transparent;\n}\n\n.term-box-heavy,\n.term-box-bold {\n  --term-box-stroke: max(\n    2px,\n    round(calc(var(--term-cell-width, 1ch) * 0.3), 1px)\n  );\n}\n\n.term-box-round {\n  position: relative;\n}\n\n.term-box-round::after {\n  content: "";\n  position: absolute;\n  box-sizing: border-box;\n  border: 0 solid currentColor;\n  pointer-events: none;\n}\n\n.term-box-round-tl::after {\n  inset: calc(50% - var(--term-box-stroke) * 0.5) 0 0\n    calc(50% - var(--term-box-stroke) * 0.5);\n  border-top-width: var(--term-box-stroke);\n  border-left-width: var(--term-box-stroke);\n  border-top-left-radius: 100%;\n}\n\n.term-box-round-tr::after {\n  inset: calc(50% - var(--term-box-stroke) * 0.5)\n    calc(50% - var(--term-box-stroke) * 0.5) 0 0;\n  border-top-width: var(--term-box-stroke);\n  border-right-width: var(--term-box-stroke);\n  border-top-right-radius: 100%;\n}\n\n.term-box-round-br::after {\n  inset: 0 calc(50% - var(--term-box-stroke) * 0.5)\n    calc(50% - var(--term-box-stroke) * 0.5) 0;\n  border-bottom-width: var(--term-box-stroke);\n  border-right-width: var(--term-box-stroke);\n  border-bottom-right-radius: 100%;\n}\n\n.term-box-round-bl::after {\n  inset: 0 0 calc(50% - var(--term-box-stroke) * 0.5)\n    calc(50% - var(--term-box-stroke) * 0.5);\n  border-bottom-width: var(--term-box-stroke);\n  border-left-width: var(--term-box-stroke);\n  border-bottom-left-radius: 100%;\n}\n\n@media (forced-colors: active), print {\n  .term-cell-canvas {\n    display: none;\n  }\n\n  .term-block,\n  .term-canvas-run {\n    background: none !important;\n    -webkit-text-fill-color: currentColor;\n  }\n\n  .term-box {\n    background-image: none !important;\n    -webkit-text-fill-color: currentColor;\n  }\n\n  .term-box-round::after {\n    display: none;\n  }\n}\n\n@media print and (forced-colors: none) {\n  .term-print-canvas .term-cell-canvas {\n    display: block;\n  }\n\n  .term-print-canvas .term-canvas-run {\n    -webkit-text-fill-color: transparent;\n  }\n}\n\n.term-wide {\n  --term-span-cols: 2;\n  overflow: visible;\n}\n\n.term-cursor {\n  color: var(--term-cell-fg, inherit);\n  background: var(--term-cell-bg, transparent);\n  outline: 1px solid var(--term-app-cursor, var(--term-cursor));\n  outline-offset: -1px;\n}\n\n/* Native text selection can blur the input until click-to-focus runs. Keep\n   the cursor active during that press without cancelling the selection. */\n.wterm:is(.focused, :active) .term-cursor {\n  background: var(--term-app-cursor, var(--term-cursor));\n  color: var(--term-app-bg, var(--term-bg));\n  outline: none;\n}\n\n.wterm:is(.focused, :active) .term-grid[data-cursor-shape="bar"] .term-cursor,\n.wterm:is(.focused, :active) .term-grid[data-cursor-shape="underline"] .term-cursor {\n  background: var(--term-cell-bg, transparent);\n  color: var(--term-cell-fg, inherit);\n  box-shadow: var(--term-cursor-shadow);\n  --term-cursor-animation: cursor-line-blink;\n}\n\n.term-grid[data-cursor-shape="bar"] .term-cursor {\n  --term-cursor-shadow: inset 2px 0 0 var(--term-app-cursor, var(--term-cursor));\n}\n\n.term-grid[data-cursor-shape="underline"] .term-cursor {\n  --term-cursor-shadow: inset 0 -2px 0\n    var(--term-app-cursor, var(--term-cursor));\n}\n\n.wterm:is(.focused, :active).cursor-blink .term-cursor,\n.wterm:is(.focused, :active):not(.cursor-steady)\n  .term-grid[data-cursor-blink="true"]\n  .term-cursor {\n  animation: var(--term-cursor-animation, cursor-blink) 1s step-end infinite;\n}\n\n@keyframes cursor-blink {\n  0%,\n  100% {\n    background: var(--term-app-cursor, var(--term-cursor));\n    color: var(--term-app-bg, var(--term-bg));\n  }\n  50% {\n    background: var(--term-cell-bg, transparent);\n    color: var(--term-cell-fg, inherit);\n  }\n}\n\n@keyframes cursor-line-blink {\n  0%,\n  100% {\n    box-shadow: var(--term-cursor-shadow);\n  }\n  50% {\n    box-shadow: none;\n  }\n}\n\n.wterm.has-scrollback,\n.wterm.has-image-flow {\n  overflow-y: auto;\n}\n\n.wterm ::selection {\n  background: rgba(86, 156, 214, 0.3);\n}\n\n/* Solarized Dark */\n.wterm.theme-solarized-dark {\n  --term-fg: #839496;\n  --term-bg: #002b36;\n  --term-cursor: #93a1a1;\n  --term-color-0: #073642;\n  --term-color-1: #dc322f;\n  --term-color-2: #859900;\n  --term-color-3: #b58900;\n  --term-color-4: #268bd2;\n  --term-color-5: #d33682;\n  --term-color-6: #2aa198;\n  --term-color-7: #eee8d5;\n  --term-color-8: #586e75;\n  --term-color-9: #cb4b16;\n  --term-color-10: #586e75;\n  --term-color-11: #657b83;\n  --term-color-12: #839496;\n  --term-color-13: #6c71c4;\n  --term-color-14: #93a1a1;\n  --term-color-15: #fdf6e3;\n}\n\n/* Monokai */\n.wterm.theme-monokai {\n  --term-fg: #f8f8f2;\n  --term-bg: #272822;\n  --term-cursor: #f8f8f0;\n  --term-color-0: #272822;\n  --term-color-1: #f92672;\n  --term-color-2: #a6e22e;\n  --term-color-3: #f4bf75;\n  --term-color-4: #66d9ef;\n  --term-color-5: #ae81ff;\n  --term-color-6: #a1efe4;\n  --term-color-7: #f8f8f2;\n  --term-color-8: #75715e;\n  --term-color-9: #f92672;\n  --term-color-10: #a6e22e;\n  --term-color-11: #f4bf75;\n  --term-color-12: #66d9ef;\n  --term-color-13: #ae81ff;\n  --term-color-14: #a1efe4;\n  --term-color-15: #f9f8f5;\n}\n\n/* Light */\n.wterm.theme-light {\n  --term-fg: #383a42;\n  --term-bg: #fafafa;\n  --term-cursor: #526eff;\n  --term-color-0: #383a42;\n  --term-color-1: #e45649;\n  --term-color-2: #50a14f;\n  --term-color-3: #c18401;\n  --term-color-4: #4078f2;\n  --term-color-5: #a626a4;\n  --term-color-6: #0184bc;\n  --term-color-7: #fafafa;\n  --term-color-8: #a0a1a7;\n  --term-color-9: #e45649;\n  --term-color-10: #50a14f;\n  --term-color-11: #c18401;\n  --term-color-12: #4078f2;\n  --term-color-13: #a626a4;\n  --term-color-14: #0184bc;\n  --term-color-15: #ffffff;\n}\n';
 
 // src/slicc-terminal.css
 var slicc_terminal_default = 'slicc-terminal {\n  display: block;\n  position: relative;\n  box-sizing: border-box;\n  height: var(--slicc-terminal-height, 360px);\n  overflow: hidden;\n  border-radius: var(--slicc-terminal-border-radius, 4px);\n  background: var(--slicc-terminal-background, #1d1d1d);\n}\n\nslicc-terminal[rows] {\n  height: auto;\n}\n\nslicc-terminal > .wterm {\n  --term-fg: var(--slicc-terminal-foreground, #d4d4d4);\n  --term-bg: var(--slicc-terminal-background, #1d1d1d);\n  --term-cursor: var(--slicc-terminal-cursor, #aeafad);\n  --term-color-0: var(--slicc-terminal-color-0, #1d1d1d);\n  --term-color-1: var(--slicc-terminal-color-1, #f44747);\n  --term-color-2: var(--slicc-terminal-color-2, #6a9955);\n  --term-color-3: var(--slicc-terminal-color-3, #d7ba7d);\n  --term-color-4: var(--slicc-terminal-color-4, #569cd6);\n  --term-color-5: var(--slicc-terminal-color-5, #c586c0);\n  --term-color-6: var(--slicc-terminal-color-6, #4ec9b0);\n  --term-color-7: var(--slicc-terminal-color-7, #d4d4d4);\n  --term-color-8: var(--slicc-terminal-color-8, #808080);\n  --term-color-9: var(--slicc-terminal-color-9, #f44747);\n  --term-color-10: var(--slicc-terminal-color-10, #6a9955);\n  --term-color-11: var(--slicc-terminal-color-11, #d7ba7d);\n  --term-color-12: var(--slicc-terminal-color-12, #569cd6);\n  --term-color-13: var(--slicc-terminal-color-13, #c586c0);\n  --term-color-14: var(--slicc-terminal-color-14, #4ec9b0);\n  --term-color-15: var(--slicc-terminal-color-15, #ffffff);\n  --term-font-family: var(\n    --slicc-terminal-font-family,\n    "Source Code Pro",\n    "Menlo",\n    "Consolas",\n    "DejaVu Sans Mono",\n    monospace\n  );\n  --term-font-size: var(--slicc-terminal-font-size, 14px);\n  --term-line-height: var(--slicc-terminal-line-height, 1.2);\n\n  box-sizing: border-box;\n  height: 100%;\n  padding: var(--slicc-terminal-padding, 8px);\n  border-radius: 0;\n  box-shadow: none;\n}\n\nslicc-terminal[rows] > .wterm {\n  height: auto;\n}\n';
@@ -6574,4 +7213,4 @@ export {
   SliccTerminal,
   define
 };
-//# sourceMappingURL=chunk-KYIEFCEE.js.map
+//# sourceMappingURL=chunk-G7UZNWLW.js.map