@opentui/core 0.1.105 → 0.1.107

package/{index-07knw1vn.js → index-mw2x3082.js}

@@ -1969,11 +1969,11 @@ class InternalKeyHandler extends KeyHandler {
 }
 
 // src/lib/RGBA.ts
-var COLOR_TAG_RGB = 256;
-var COLOR_TAG_DEFAULT = 257;
 var DEFAULT_FOREGROUND_RGB = [255, 255, 255];
 var DEFAULT_BACKGROUND_RGB = [0, 0, 0];
-var RGBA_BUFFER_STRIDE = 5;
+var INTENT_RGB = 0;
+var INTENT_INDEXED = 1;
+var INTENT_DEFAULT = 2;
 var ANSI16_RGB = [
   [0, 0, 0],
   [128, 0, 0],
@@ -1993,33 +1993,22 @@ var ANSI16_RGB = [
   [255, 255, 255]
 ];
 var ANSI_256_CUBE_LEVELS = [0, 95, 135, 175, 215, 255];
-function normalizeColorTag(tag) {
-  const normalizedTag = tag != null && Number.isFinite(tag) ? Math.round(tag) : COLOR_TAG_RGB;
-  if (normalizedTag === COLOR_TAG_RGB || normalizedTag === COLOR_TAG_DEFAULT) {
-    return normalizedTag;
-  }
-  if (Number.isInteger(normalizedTag) && normalizedTag >= 0 && normalizedTag <= 255) {
-    return normalizedTag;
-  }
-  return COLOR_TAG_RGB;
+function packMeta(intent, slot = 0) {
+  return (slot & 255 | (intent & 255) << 8) >>> 0;
 }
-function normalizeRGBABuffer(buffer) {
-  if (buffer.length === RGBA_BUFFER_STRIDE) {
-    buffer[4] = normalizeColorTag(buffer[4]);
-    return buffer;
-  }
-  const normalized = new Float32Array(RGBA_BUFFER_STRIDE);
-  normalized[0] = buffer[0] ?? 0;
-  normalized[1] = buffer[1] ?? 0;
-  normalized[2] = buffer[2] ?? 0;
-  normalized[3] = buffer[3] ?? 0;
-  normalized[4] = COLOR_TAG_RGB;
-  return normalized;
+function toU8(value) {
+  return Math.round(Math.max(0, Math.min(1, Number.isFinite(value) ? value : 0)) * 255);
+}
+function toByte(value) {
+  return Math.round(Math.max(0, Math.min(255, Number.isFinite(value) ? value : 0)));
 }
-function withTag(rgba, tag) {
-  const tagged = RGBA.clone(rgba);
-  tagged.tag = tag;
-  return tagged;
+function packRGBA8(r, g, b, a, meta) {
+  return new Uint16Array([
+    toByte(r) & 255 | (meta >>> 0 & 255) << 8,
+    toByte(g) & 255 | (meta >>> 8 & 255) << 8,
+    toByte(b) & 255 | (meta >>> 16 & 255) << 8,
+    toByte(a) & 255 | (meta >>> 24 & 255) << 8
+  ]);
 }
 function rgbaForAnsi256Index(index) {
   const [r, g, b] = ansi256IndexToRgb(index);
@@ -2046,81 +2035,86 @@ function ansi256IndexToRgb(index) {
   const value = 8 + (normalizedIndex - 232) * 10;
   return [value, value, value];
 }
-function decodeColorTag(tag) {
-  if (tag === COLOR_TAG_DEFAULT) {
-    return { kind: "default" };
-  }
-  if (tag === COLOR_TAG_RGB) {
-    return { kind: "rgb" };
-  }
-  return { kind: "indexed", index: normalizeIndexedColorIndex(tag) };
-}
 
 class RGBA {
   buffer;
   constructor(buffer) {
-    this.buffer = normalizeRGBABuffer(buffer);
+    this.buffer = new Uint16Array(4);
+    this.buffer.set(buffer.subarray(0, 4));
   }
   static fromArray(array) {
     return new RGBA(array);
   }
-  static fromValues(r, g, b, a = 1, tag = COLOR_TAG_RGB) {
-    return new RGBA(new Float32Array([r, g, b, a, normalizeColorTag(tag)]));
+  static fromValues(r, g, b, a = 1) {
+    return new RGBA(packRGBA8(toU8(r), toU8(g), toU8(b), toU8(a), packMeta(INTENT_RGB)));
   }
   static clone(rgba) {
-    return RGBA.fromValues(rgba.r, rgba.g, rgba.b, rgba.a, rgba.tag);
+    return new RGBA(rgba.buffer);
   }
-  static fromInts(r, g, b, a = 255, tag = COLOR_TAG_RGB) {
-    return new RGBA(new Float32Array([r / 255, g / 255, b / 255, a / 255, normalizeColorTag(tag)]));
+  static fromInts(r, g, b, a = 255) {
+    return new RGBA(packRGBA8(r, g, b, a, packMeta(INTENT_RGB)));
   }
   static fromHex(hex) {
     return hexToRgb(hex);
   }
   static fromIndex(index, snapshot) {
-    const normalizedIndex = normalizeIndexedColorIndex(index);
-    return withTag(snapshot ? parseColor(snapshot) : rgbaForAnsi256Index(normalizedIndex), normalizedIndex);
+    const normalized = normalizeIndexedColorIndex(index);
+    const rgba = snapshot ? parseColor(snapshot) : rgbaForAnsi256Index(normalized);
+    const [r, g, b, a] = rgba.toInts();
+    return new RGBA(packRGBA8(r, g, b, a, packMeta(INTENT_INDEXED, normalized)));
   }
   static defaultForeground(snapshot) {
-    return withTag(snapshot ? parseColor(snapshot) : RGBA.fromInts(...DEFAULT_FOREGROUND_RGB), COLOR_TAG_DEFAULT);
+    const rgba = snapshot ? parseColor(snapshot) : RGBA.fromInts(...DEFAULT_FOREGROUND_RGB);
+    const [r, g, b, a] = rgba.toInts();
+    return new RGBA(packRGBA8(r, g, b, a, packMeta(INTENT_DEFAULT)));
   }
   static defaultBackground(snapshot) {
-    return withTag(snapshot ? parseColor(snapshot) : RGBA.fromInts(...DEFAULT_BACKGROUND_RGB), COLOR_TAG_DEFAULT);
-  }
-  static getIntentTag(rgba) {
-    return rgba.tag;
+    const rgba = snapshot ? parseColor(snapshot) : RGBA.fromInts(...DEFAULT_BACKGROUND_RGB);
+    const [r, g, b, a] = rgba.toInts();
+    return new RGBA(packRGBA8(r, g, b, a, packMeta(INTENT_DEFAULT)));
   }
   toInts() {
-    return [Math.round(this.r * 255), Math.round(this.g * 255), Math.round(this.b * 255), Math.round(this.a * 255)];
+    return [this.buffer[0] & 255, this.buffer[1] & 255, this.buffer[2] & 255, this.buffer[3] & 255];
   }
   get r() {
-    return this.buffer[0];
+    return (this.buffer[0] & 255) / 255;
   }
   set r(value) {
-    this.buffer[0] = value;
+    this.buffer[0] = this.buffer[0] & 65280 | toU8(value);
   }
   get g() {
-    return this.buffer[1];
+    return (this.buffer[1] & 255) / 255;
   }
   set g(value) {
-    this.buffer[1] = value;
+    this.buffer[1] = this.buffer[1] & 65280 | toU8(value);
   }
   get b() {
-    return this.buffer[2];
+    return (this.buffer[2] & 255) / 255;
   }
   set b(value) {
-    this.buffer[2] = value;
+    this.buffer[2] = this.buffer[2] & 65280 | toU8(value);
   }
   get a() {
-    return this.buffer[3];
+    return (this.buffer[3] & 255) / 255;
   }
   set a(value) {
-    this.buffer[3] = value;
+    this.buffer[3] = this.buffer[3] & 65280 | toU8(value);
+  }
+  get meta() {
+    return (this.buffer[0] >>> 8 | this.buffer[1] >>> 8 << 8 | this.buffer[2] >>> 8 << 16 | this.buffer[3] >>> 8 << 24) >>> 0;
   }
-  get tag() {
-    return normalizeColorTag(this.buffer[4]);
+  get intent() {
+    switch (this.meta >>> 8 & 255) {
+      case INTENT_INDEXED:
+        return "indexed";
+      case INTENT_DEFAULT:
+        return "default";
+      default:
+        return "rgb";
+    }
   }
-  set tag(value) {
-    this.buffer[4] = normalizeColorTag(value);
+  get slot() {
+    return this.meta & 255;
   }
   map(fn) {
     return [fn(this.r), fn(this.g), fn(this.b), fn(this.a)];
@@ -2131,14 +2125,13 @@ class RGBA {
   equals(other) {
     if (!other)
       return false;
-    return this.r === other.r && this.g === other.g && this.b === other.b && this.a === other.a && this.tag === other.tag;
+    return this.buffer[0] === other.buffer[0] && this.buffer[1] === other.buffer[1] && this.buffer[2] === other.buffer[2] && this.buffer[3] === other.buffer[3];
   }
 }
 function normalizeColorValue(value) {
   if (value == null)
     return null;
-  const rgba = parseColor(value);
-  return { rgba, tag: rgba.tag };
+  return { rgba: parseColor(value) };
 }
 function hexToRgb(hex) {
   hex = hex.replace(/^#/, "");
@@ -2151,18 +2144,16 @@ function hexToRgb(hex) {
     console.warn(`Invalid hex color: ${hex}, defaulting to magenta`);
     return RGBA.fromValues(1, 0, 1, 1);
   }
-  const r = parseInt(hex.substring(0, 2), 16) / 255;
-  const g = parseInt(hex.substring(2, 4), 16) / 255;
-  const b = parseInt(hex.substring(4, 6), 16) / 255;
-  const a = hex.length === 8 ? parseInt(hex.substring(6, 8), 16) / 255 : 1;
-  return RGBA.fromValues(r, g, b, a);
+  const r = parseInt(hex.substring(0, 2), 16);
+  const g = parseInt(hex.substring(2, 4), 16);
+  const b = parseInt(hex.substring(4, 6), 16);
+  const a = hex.length === 8 ? parseInt(hex.substring(6, 8), 16) : 255;
+  return RGBA.fromInts(r, g, b, a);
 }
 function rgbToHex(rgb) {
-  const components = rgb.a === 1 ? [rgb.r, rgb.g, rgb.b] : [rgb.r, rgb.g, rgb.b, rgb.a];
-  return "#" + components.map((x) => {
-    const hex = Math.floor(Math.max(0, Math.min(1, x) * 255)).toString(16);
-    return hex.length === 1 ? "0" + hex : hex;
-  }).join("");
+  const [r, g, b, a] = rgb.toInts();
+  const components = a === 255 ? [r, g, b] : [r, g, b, a];
+  return "#" + components.map((x) => x.toString(16).padStart(2, "0")).join("");
 }
 function hsvToRgb(h, s, v) {
   let r = 0, g = 0, b = 0;
@@ -5575,6 +5566,7 @@ var kittyKeyMap = {
   57453: "iso_level3_shift",
   57454: "iso_level5_shift"
 };
+var kittyNamedSingleStrokeKeys = [...new Set(Object.values(kittyKeyMap))];
 function fromKittyMods(mod) {
   return {
     shift: !!(mod & 1),
@@ -5897,6 +5889,9 @@ var keyName = {
   "[Z": "tab"
 };
 var nonAlphanumericKeys = [...Object.values(keyName), "backspace"];
+var terminalNamedSingleStrokeKeys = [
+  ...new Set(["return", "linefeed", "tab", "escape", "space", ...nonAlphanumericKeys, ...kittyNamedSingleStrokeKeys])
+];
 var isShiftKey = (code) => {
   return ["[a", "[b", "[c", "[d", "[e", "[2$", "[3$", "[5$", "[6$", "[7$", "[8$", "[Z"].includes(code);
 };
@@ -10907,7 +10902,6 @@ class OptimizedBuffer {
   _widthMethod;
   respectAlpha = false;
   _rawBuffers = null;
-  _rawColorTags = null;
   _destroyed = false;
   get ptr() {
     return this.bufferPtr;
@@ -10917,37 +10911,26 @@ class OptimizedBuffer {
       throw new Error(`Buffer ${this.id} is destroyed`);
   }
   ensureRawBufferViews() {
-    if (this._rawBuffers !== null && this._rawColorTags !== null) {
+    if (this._rawBuffers !== null) {
       return;
     }
     const size = this._width * this._height;
     const charPtr = this.lib.bufferGetCharPtr(this.bufferPtr);
     const fgPtr = this.lib.bufferGetFgPtr(this.bufferPtr);
     const bgPtr = this.lib.bufferGetBgPtr(this.bufferPtr);
-    const fgTagPtr = this.lib.bufferGetFgTagPtr(this.bufferPtr);
-    const bgTagPtr = this.lib.bufferGetBgTagPtr(this.bufferPtr);
     const attributesPtr = this.lib.bufferGetAttributesPtr(this.bufferPtr);
     this._rawBuffers = {
       char: new Uint32Array(toArrayBuffer(charPtr, 0, size * 4)),
-      fg: new Float32Array(toArrayBuffer(fgPtr, 0, size * 4 * 4)),
-      bg: new Float32Array(toArrayBuffer(bgPtr, 0, size * 4 * 4)),
+      fg: new Uint16Array(toArrayBuffer(fgPtr, 0, size * 4 * 2)),
+      bg: new Uint16Array(toArrayBuffer(bgPtr, 0, size * 4 * 2)),
       attributes: new Uint32Array(toArrayBuffer(attributesPtr, 0, size * 4))
     };
-    this._rawColorTags = {
-      fg: new Uint16Array(toArrayBuffer(fgTagPtr, 0, size * 2)),
-      bg: new Uint16Array(toArrayBuffer(bgTagPtr, 0, size * 2))
-    };
   }
   get buffers() {
     this.guard();
     this.ensureRawBufferViews();
     return this._rawBuffers;
   }
-  get rawColorTags() {
-    this.guard();
-    this.ensureRawBufferViews();
-    return this._rawColorTags;
-  }
   constructor(lib, ptr2, width, height, options) {
     this.id = options.id || `fb_${OptimizedBuffer.fbIdCounter++}`;
     this.lib = lib;
@@ -10992,7 +10975,6 @@ class OptimizedBuffer {
   getSpanLines() {
     this.guard();
     const { char, fg: fg2, bg: bg2, attributes } = this.buffers;
-    const { fg: fgTag, bg: bgTag } = this.rawColorTags;
     const lines = [];
     const CHAR_FLAG_CONTINUATION = 3221225472 | 0;
     const CHAR_FLAG_MASK = 3221225472 | 0;
@@ -11007,8 +10989,8 @@ class OptimizedBuffer {
       for (let x = 0;x < this._width; x++) {
         const i = y * this._width + x;
         const cp = char[i];
-        const cellFg = RGBA.fromValues(fg2[i * 4], fg2[i * 4 + 1], fg2[i * 4 + 2], fg2[i * 4 + 3], fgTag[i]);
-        const cellBg = RGBA.fromValues(bg2[i * 4], bg2[i * 4 + 1], bg2[i * 4 + 2], bg2[i * 4 + 3], bgTag[i]);
+        const cellFg = RGBA.fromArray(fg2.slice(i * 4, i * 4 + 4));
+        const cellBg = RGBA.fromArray(bg2.slice(i * 4, i * 4 + 4));
         const cellAttrs = attributes[i] & 255;
         const isContinuation = (cp & CHAR_FLAG_MASK) === CHAR_FLAG_CONTINUATION;
         const cellChar = isContinuation ? "" : lineChars[charIdx++] ?? " ";
@@ -11136,7 +11118,6 @@ class OptimizedBuffer {
     this._width = width;
     this._height = height;
     this._rawBuffers = null;
-    this._rawColorTags = null;
     this.lib.bufferResize(this.bufferPtr, width, height);
   }
   drawBox(options) {
@@ -11808,7 +11789,7 @@ function defineStruct(fields, structDefOptions) {
 // src/zig-structs.ts
 import { ptr as ptr3, toArrayBuffer as toArrayBuffer3 } from "bun:ffi";
 var rgbaPackTransform = (rgba) => rgba ? ptr3(rgba.buffer) : null;
-var rgbaUnpackTransform = (ptr4) => ptr4 ? RGBA.fromArray(new Float32Array(toArrayBuffer3(ptr4))) : undefined;
+var rgbaUnpackTransform = (ptr4) => ptr4 ? RGBA.fromArray(new Uint16Array(toArrayBuffer3(ptr4, 0, 8))) : undefined;
 var StyledChunkStruct = defineStruct([
   ["text", "char*"],
   ["text_len", "u64", { lengthOf: "text" }],
@@ -11830,8 +11811,6 @@ var StyledChunkStruct = defineStruct([
       unpackTransform: rgbaUnpackTransform
     }
   ],
-  ["fg_tag", "u16", { default: COLOR_TAG_RGB }],
-  ["bg_tag", "u16", { default: COLOR_TAG_RGB }],
   ["attributes", "u32", { default: 0 }],
   ["link", "char*", { default: "" }],
   ["link_len", "u64", { lengthOf: "link" }]
@@ -11843,17 +11822,13 @@ var StyledChunkStruct = defineStruct([
       return {
         ...chunk,
         fg: normalizedFg?.rgba ?? null,
-        bg: normalizedBg?.rgba ?? null,
-        fg_tag: normalizedFg?.tag ?? COLOR_TAG_RGB,
-        bg_tag: normalizedBg?.tag ?? COLOR_TAG_RGB
+        bg: normalizedBg?.rgba ?? null
       };
     }
     return {
       ...chunk,
       fg: normalizedFg?.rgba ?? null,
       bg: normalizedBg?.rgba ?? null,
-      fg_tag: normalizedFg?.tag ?? COLOR_TAG_RGB,
-      bg_tag: normalizedBg?.tag ?? COLOR_TAG_RGB,
       link: chunk.link.url
     };
   }
@@ -12063,6 +12038,12 @@ function toPointer(value) {
 function toNumber(value) {
   return typeof value === "bigint" ? Number(value) : value;
 }
+function rgbaPtr(value) {
+  return ptr4(value.buffer);
+}
+function optionalRgbaPtr(value) {
+  return value ? rgbaPtr(value) : null;
+}
 function getOpenTUILib(libPath) {
   const resolvedLibPath = libPath || targetLibPath;
   const rawSymbols = dlopen(resolvedLibPath, {
@@ -12194,14 +12175,6 @@ function getOpenTUILib(libPath) {
       args: ["ptr"],
       returns: "ptr"
     },
-    bufferGetFgTagPtr: {
-      args: ["ptr"],
-      returns: "ptr"
-    },
-    bufferGetBgTagPtr: {
-      args: ["ptr"],
-      returns: "ptr"
-    },
     bufferGetAttributesPtr: {
       args: ["ptr"],
       returns: "ptr"
@@ -13371,7 +13344,7 @@ class FFIRenderLib {
     this.opentui.symbols.setClearOnShutdown(renderer, clear);
   }
   setBackgroundColor(renderer, color) {
-    this.opentui.symbols.setBackgroundColor(renderer, color.buffer);
+    this.opentui.symbols.setBackgroundColor(renderer, rgbaPtr(color));
   }
   setRenderOffset(renderer, offset) {
     this.opentui.symbols.setRenderOffset(renderer, offset);
@@ -13413,16 +13386,11 @@ class FFIRenderLib {
     return new OptimizedBuffer(this, bufferPtr, width, height, { id: "current buffer", widthMethod: "unicode" });
   }
   rendererSetPaletteState(renderer, palette, defaultForeground, defaultBackground, paletteEpoch) {
-    const paletteBuffer = new Float32Array(palette.length * 4);
+    const paletteBuffer = new Uint16Array(palette.length * 4);
     for (let index = 0;index < palette.length; index++) {
-      const color = palette[index];
-      const base = index * 4;
-      paletteBuffer[base] = color.r;
-      paletteBuffer[base + 1] = color.g;
-      paletteBuffer[base + 2] = color.b;
-      paletteBuffer[base + 3] = color.a;
+      paletteBuffer.set(palette[index].buffer, index * 4);
     }
-    this.opentui.symbols.rendererSetPaletteState(renderer, paletteBuffer, palette.length, defaultForeground.buffer, defaultBackground.buffer, paletteEpoch >>> 0);
+    this.opentui.symbols.rendererSetPaletteState(renderer, ptr4(paletteBuffer), palette.length, rgbaPtr(defaultForeground), rgbaPtr(defaultBackground), paletteEpoch >>> 0);
   }
   bufferGetCharPtr(buffer) {
     const ptr5 = this.opentui.symbols.bufferGetCharPtr(buffer);
@@ -13445,20 +13413,6 @@ class FFIRenderLib {
     }
     return ptr5;
   }
-  bufferGetFgTagPtr(buffer) {
-    const ptr5 = this.opentui.symbols.bufferGetFgTagPtr(buffer);
-    if (!ptr5) {
-      throw new Error("Failed to get fg tag pointer");
-    }
-    return ptr5;
-  }
-  bufferGetBgTagPtr(buffer) {
-    const ptr5 = this.opentui.symbols.bufferGetBgTagPtr(buffer);
-    if (!ptr5) {
-      throw new Error("Failed to get bg tag pointer");
-    }
-    return ptr5;
-  }
   bufferGetAttributesPtr(buffer) {
     const ptr5 = this.opentui.symbols.bufferGetAttributesPtr(buffer);
     if (!ptr5) {
@@ -13493,29 +13447,29 @@ class FFIRenderLib {
     return this.opentui.symbols.getBufferHeight(buffer);
   }
   bufferClear(buffer, color) {
-    this.opentui.symbols.bufferClear(buffer, color.buffer);
+    this.opentui.symbols.bufferClear(buffer, rgbaPtr(color));
   }
   bufferDrawText(buffer, text, x, y, color, bgColor, attributes) {
     const textBytes = this.encoder.encode(text);
     const textLength = textBytes.byteLength;
-    const bg2 = bgColor ? bgColor.buffer : null;
-    const fg2 = color.buffer;
+    const bg2 = optionalRgbaPtr(bgColor);
+    const fg2 = rgbaPtr(color);
     this.opentui.symbols.bufferDrawText(buffer, textBytes, textLength, x, y, fg2, bg2, attributes ?? 0);
   }
   bufferSetCellWithAlphaBlending(buffer, x, y, char, color, bgColor, attributes) {
     const charPtr = char.codePointAt(0) ?? " ".codePointAt(0);
-    const bg2 = bgColor.buffer;
-    const fg2 = color.buffer;
+    const bg2 = rgbaPtr(bgColor);
+    const fg2 = rgbaPtr(color);
     this.opentui.symbols.bufferSetCellWithAlphaBlending(buffer, x, y, charPtr, fg2, bg2, attributes ?? 0);
   }
   bufferSetCell(buffer, x, y, char, color, bgColor, attributes) {
     const charPtr = char.codePointAt(0) ?? " ".codePointAt(0);
-    const bg2 = bgColor.buffer;
-    const fg2 = color.buffer;
+    const bg2 = rgbaPtr(bgColor);
+    const fg2 = rgbaPtr(color);
     this.opentui.symbols.bufferSetCell(buffer, x, y, charPtr, fg2, bg2, attributes ?? 0);
   }
   bufferFillRect(buffer, x, y, width, height, color) {
-    const bg2 = color.buffer;
+    const bg2 = rgbaPtr(color);
     this.opentui.symbols.bufferFillRect(buffer, x, y, width, height, bg2);
   }
   bufferColorMatrix(buffer, matrixPtr, cellMaskPtr, cellMaskCount, strength, target) {
@@ -13532,17 +13486,17 @@ class FFIRenderLib {
     this.opentui.symbols.bufferDrawPackedBuffer(buffer, dataPtr, dataLen, posX, posY, terminalWidthCells, terminalHeightCells);
   }
   bufferDrawGrayscaleBuffer(buffer, posX, posY, intensitiesPtr, srcWidth, srcHeight, fg2, bg2) {
-    this.opentui.symbols.bufferDrawGrayscaleBuffer(buffer, posX, posY, intensitiesPtr, srcWidth, srcHeight, fg2?.buffer ?? null, bg2?.buffer ?? null);
+    this.opentui.symbols.bufferDrawGrayscaleBuffer(buffer, posX, posY, intensitiesPtr, srcWidth, srcHeight, optionalRgbaPtr(fg2), optionalRgbaPtr(bg2));
   }
   bufferDrawGrayscaleBufferSupersampled(buffer, posX, posY, intensitiesPtr, srcWidth, srcHeight, fg2, bg2) {
-    this.opentui.symbols.bufferDrawGrayscaleBufferSupersampled(buffer, posX, posY, intensitiesPtr, srcWidth, srcHeight, fg2?.buffer ?? null, bg2?.buffer ?? null);
+    this.opentui.symbols.bufferDrawGrayscaleBufferSupersampled(buffer, posX, posY, intensitiesPtr, srcWidth, srcHeight, optionalRgbaPtr(fg2), optionalRgbaPtr(bg2));
   }
   bufferDrawGrid(buffer, borderChars, borderFg, borderBg, columnOffsets, columnCount, rowOffsets, rowCount, options) {
     const optionsBuffer = GridDrawOptionsStruct.pack({
       drawInner: options.drawInner,
       drawOuter: options.drawOuter
     });
-    this.opentui.symbols.bufferDrawGrid(buffer, borderChars, borderFg.buffer, borderBg.buffer, columnOffsets, columnCount, rowOffsets, rowCount, ptr4(optionsBuffer));
+    this.opentui.symbols.bufferDrawGrid(buffer, borderChars, rgbaPtr(borderFg), rgbaPtr(borderBg), columnOffsets, columnCount, rowOffsets, rowCount, ptr4(optionsBuffer));
   }
   bufferDrawBox(buffer, x, y, width, height, borderChars, packedOptions, borderColor, backgroundColor, title, bottomTitle) {
     const titleBytes = title ? this.encoder.encode(title) : null;
@@ -13551,7 +13505,7 @@ class FFIRenderLib {
     const bottomTitleBytes = bottomTitle ? this.encoder.encode(bottomTitle) : null;
     const bottomTitleLen = bottomTitle ? bottomTitleBytes.length : 0;
     const bottomTitlePtr = bottomTitle ? bottomTitleBytes : null;
-    this.opentui.symbols.bufferDrawBox(buffer, x, y, width, height, borderChars, packedOptions, borderColor.buffer, backgroundColor.buffer, titlePtr, titleLen, bottomTitlePtr, bottomTitleLen);
+    this.opentui.symbols.bufferDrawBox(buffer, x, y, width, height, borderChars, packedOptions, rgbaPtr(borderColor), rgbaPtr(backgroundColor), titlePtr, titleLen, bottomTitlePtr, bottomTitleLen);
   }
   bufferResize(buffer, width, height) {
     this.opentui.symbols.bufferResize(buffer, width, height);
@@ -13578,7 +13532,7 @@ class FFIRenderLib {
     this.opentui.symbols.setCursorPosition(renderer, x, y, visible);
   }
   setCursorColor(renderer, color) {
-    this.opentui.symbols.setCursorColor(renderer, color.buffer);
+    this.opentui.symbols.setCursorColor(renderer, rgbaPtr(color));
   }
   getCursorState(renderer) {
     const cursorBuffer = new ArrayBuffer(CursorStateStruct.size);
@@ -13749,11 +13703,11 @@ class FFIRenderLib {
     this.opentui.symbols.textBufferClear(buffer);
   }
   textBufferSetDefaultFg(buffer, fg2) {
-    const fgPtr = fg2 ? fg2.buffer : null;
+    const fgPtr = optionalRgbaPtr(fg2);
     this.opentui.symbols.textBufferSetDefaultFg(buffer, fgPtr);
   }
   textBufferSetDefaultBg(buffer, bg2) {
-    const bgPtr = bg2 ? bg2.buffer : null;
+    const bgPtr = optionalRgbaPtr(bg2);
     this.opentui.symbols.textBufferSetDefaultBg(buffer, bgPtr);
   }
   textBufferSetDefaultAttributes(buffer, attributes) {
@@ -13847,8 +13801,8 @@ class FFIRenderLib {
     this.opentui.symbols.destroyTextBufferView(view);
   }
   textBufferViewSetSelection(view, start, end, bgColor, fgColor) {
-    const bg2 = bgColor ? bgColor.buffer : null;
-    const fg2 = fgColor ? fgColor.buffer : null;
+    const bg2 = optionalRgbaPtr(bgColor);
+    const fg2 = optionalRgbaPtr(fgColor);
     this.opentui.symbols.textBufferViewSetSelection(view, start, end, bg2, fg2);
   }
   textBufferViewResetSelection(view) {
@@ -13867,18 +13821,18 @@ class FFIRenderLib {
     return this.opentui.symbols.textBufferViewGetSelectionInfo(view);
   }
   textBufferViewSetLocalSelection(view, anchorX, anchorY, focusX, focusY, bgColor, fgColor) {
-    const bg2 = bgColor ? bgColor.buffer : null;
-    const fg2 = fgColor ? fgColor.buffer : null;
+    const bg2 = optionalRgbaPtr(bgColor);
+    const fg2 = optionalRgbaPtr(fgColor);
     return this.opentui.symbols.textBufferViewSetLocalSelection(view, anchorX, anchorY, focusX, focusY, bg2, fg2);
   }
   textBufferViewUpdateSelection(view, end, bgColor, fgColor) {
-    const bg2 = bgColor ? bgColor.buffer : null;
-    const fg2 = fgColor ? fgColor.buffer : null;
+    const bg2 = optionalRgbaPtr(bgColor);
+    const fg2 = optionalRgbaPtr(fgColor);
     this.opentui.symbols.textBufferViewUpdateSelection(view, end, bg2, fg2);
   }
   textBufferViewUpdateLocalSelection(view, anchorX, anchorY, focusX, focusY, bgColor, fgColor) {
-    const bg2 = bgColor ? bgColor.buffer : null;
-    const fg2 = fgColor ? fgColor.buffer : null;
+    const bg2 = optionalRgbaPtr(bgColor);
+    const fg2 = optionalRgbaPtr(fgColor);
     return this.opentui.symbols.textBufferViewUpdateLocalSelection(view, anchorX, anchorY, focusX, focusY, bg2, fg2);
   }
   textBufferViewResetLocalSelection(view) {
@@ -13967,7 +13921,7 @@ class FFIRenderLib {
     this.opentui.symbols.textBufferViewSetTabIndicator(view, indicator);
   }
   textBufferViewSetTabIndicatorColor(view, color) {
-    this.opentui.symbols.textBufferViewSetTabIndicatorColor(view, color.buffer);
+    this.opentui.symbols.textBufferViewSetTabIndicatorColor(view, rgbaPtr(color));
   }
   textBufferViewSetTruncate(view, truncate) {
     this.opentui.symbols.textBufferViewSetTruncate(view, truncate);
@@ -14296,8 +14250,8 @@ class FFIRenderLib {
     return outBuffer.slice(0, len);
   }
   editorViewSetSelection(view, start, end, bgColor, fgColor) {
-    const bg2 = bgColor ? bgColor.buffer : null;
-    const fg2 = fgColor ? fgColor.buffer : null;
+    const bg2 = optionalRgbaPtr(bgColor);
+    const fg2 = optionalRgbaPtr(fgColor);
     this.opentui.symbols.editorViewSetSelection(view, start, end, bg2, fg2);
   }
   editorViewResetSelection(view) {
@@ -14313,18 +14267,18 @@ class FFIRenderLib {
     return { start, end };
   }
   editorViewSetLocalSelection(view, anchorX, anchorY, focusX, focusY, bgColor, fgColor, updateCursor, followCursor) {
-    const bg2 = bgColor ? bgColor.buffer : null;
-    const fg2 = fgColor ? fgColor.buffer : null;
+    const bg2 = optionalRgbaPtr(bgColor);
+    const fg2 = optionalRgbaPtr(fgColor);
     return this.opentui.symbols.editorViewSetLocalSelection(view, anchorX, anchorY, focusX, focusY, bg2, fg2, updateCursor, followCursor);
   }
   editorViewUpdateSelection(view, end, bgColor, fgColor) {
-    const bg2 = bgColor ? bgColor.buffer : null;
-    const fg2 = fgColor ? fgColor.buffer : null;
+    const bg2 = optionalRgbaPtr(bgColor);
+    const fg2 = optionalRgbaPtr(fgColor);
     this.opentui.symbols.editorViewUpdateSelection(view, end, bg2, fg2);
   }
   editorViewUpdateLocalSelection(view, anchorX, anchorY, focusX, focusY, bgColor, fgColor, updateCursor, followCursor) {
-    const bg2 = bgColor ? bgColor.buffer : null;
-    const fg2 = fgColor ? fgColor.buffer : null;
+    const bg2 = optionalRgbaPtr(bgColor);
+    const fg2 = optionalRgbaPtr(fgColor);
     return this.opentui.symbols.editorViewUpdateLocalSelection(view, anchorX, anchorY, focusX, focusY, bg2, fg2, updateCursor, followCursor);
   }
   editorViewResetLocalSelection(view) {
@@ -14472,7 +14426,7 @@ class FFIRenderLib {
     this.opentui.symbols.freeUnicode(encoded.ptr, encoded.data.length);
   }
   bufferDrawChar(buffer, char, x, y, fg2, bg2, attributes = 0) {
-    this.opentui.symbols.bufferDrawChar(buffer, char, x, y, fg2.buffer, bg2.buffer, attributes);
+    this.opentui.symbols.bufferDrawChar(buffer, char, x, y, rgbaPtr(fg2), rgbaPtr(bg2), attributes);
   }
   registerNativeSpanFeedStream(stream, handler) {
     const callback = this.ensureNativeSpanFeedCallback();
@@ -14553,8 +14507,8 @@ class FFIRenderLib {
   }
   syntaxStyleRegister(style, name, fg2, bg2, attributes) {
     const nameBytes = this.encoder.encode(name);
-    const fgPtr = fg2 ? fg2.buffer : null;
-    const bgPtr = bg2 ? bg2.buffer : null;
+    const fgPtr = optionalRgbaPtr(fg2);
+    const bgPtr = optionalRgbaPtr(bg2);
     return this.opentui.symbols.syntaxStyleRegister(style, nameBytes, nameBytes.length, fgPtr, bgPtr, attributes);
   }
   syntaxStyleResolveByName(style, name) {
@@ -14579,7 +14533,7 @@ class FFIRenderLib {
     this.opentui.symbols.editorViewSetTabIndicator(view, indicator);
   }
   editorViewSetTabIndicatorColor(view, color) {
-    this.opentui.symbols.editorViewSetTabIndicatorColor(view, color.buffer);
+    this.opentui.symbols.editorViewSetTabIndicatorColor(view, rgbaPtr(color));
   }
   onNativeEvent(name, handler) {
     this._nativeEvents.on(name, handler);
@@ -14894,6 +14848,7 @@ var RenderableEvents;
 ((RenderableEvents2) => {
   RenderableEvents2["FOCUSED"] = "focused";
   RenderableEvents2["BLURRED"] = "blurred";
+  RenderableEvents2["DESTROYED"] = "destroyed";
 })(RenderableEvents ||= {});
 function isRenderable(obj) {
   return !!obj?.[BrandedRenderable];
@@ -15086,8 +15041,8 @@ class Renderable extends BaseRenderable {
   focus() {
     if (this._isDestroyed || this._focused || !this._focusable)
       return;
-    this._ctx.focusRenderable(this);
     this._focused = true;
+    this._ctx.focusRenderable(this);
     this.requestRender();
     this.keypressHandler = (key) => {
       if (this._isDestroyed)
@@ -15970,6 +15925,7 @@ class Renderable extends BaseRenderable {
       return;
     }
     this._isDestroyed = true;
+    this.emit("destroyed" /* DESTROYED */);
     if (this.parent) {
       this.parent.remove(this.id);
     }
@@ -17058,9 +17014,11 @@ class SyntaxStyle {
       underline: style.underline,
       dim: style.dim
     });
-    const id = this.lib.syntaxStyleRegister(this.stylePtr, name, style.fg || null, style.bg || null, attributes);
+    const fg2 = style.fg ? parseColor(style.fg) : null;
+    const bg2 = style.bg ? parseColor(style.bg) : null;
+    const id = this.lib.syntaxStyleRegister(this.stylePtr, name, fg2, bg2, attributes);
     this.nameCache.set(name, id);
-    this.styleDefs.set(name, style);
+    this.styleDefs.set(name, { ...style, fg: fg2 ?? undefined, bg: bg2 ?? undefined });
     return id;
   }
   resolveStyleId(name) {
@@ -18475,7 +18433,7 @@ class CapturedWritableStream extends Writable {
   }
 }
 
-// src/lib/keymapping.ts
+// src/lib/keybinding.internal.ts
 var defaultKeyAliases = {
   enter: "return",
   esc: "escape",
@@ -21124,6 +21082,7 @@ var CliRenderEvents;
   CliRenderEvents2["RESIZE"] = "resize";
   CliRenderEvents2["FOCUS"] = "focus";
   CliRenderEvents2["BLUR"] = "blur";
+  CliRenderEvents2["FOCUSED_RENDERABLE"] = "focused_renderable";
   CliRenderEvents2["FOCUSED_EDITOR"] = "focused_editor";
   CliRenderEvents2["THEME_MODE"] = "theme_mode";
   CliRenderEvents2["CAPABILITIES"] = "capabilities";
@@ -21521,20 +21480,29 @@ Captured external output:
     return Math.max(now - then, 0);
   }
   focusRenderable(renderable) {
-    if (this._currentFocusedRenderable === renderable)
+    if (this._currentFocusedRenderable === renderable) {
       return;
-    const prev = this.currentFocusedEditor;
-    this._currentFocusedRenderable?.blur();
+    }
+    const previousRenderable = this._currentFocusedRenderable;
+    const previousEditor = this.currentFocusedEditor;
     this._currentFocusedRenderable = renderable;
-    const next = this.currentFocusedEditor;
-    if (prev !== next) {
-      this.emit("focused_editor" /* FOCUSED_EDITOR */, next, prev);
+    previousRenderable?.blur();
+    const currentEditor = this.currentFocusedEditor;
+    if (previousEditor !== currentEditor) {
+      this.emit("focused_editor" /* FOCUSED_EDITOR */, currentEditor, previousEditor);
     }
+    this.emit("focused_renderable" /* FOCUSED_RENDERABLE */, renderable, previousRenderable);
   }
   blurRenderable(renderable) {
-    if (this._currentFocusedRenderable === renderable) {
-      this._currentFocusedRenderable = null;
+    if (this._currentFocusedRenderable !== renderable) {
+      return;
+    }
+    const previousEditor = this.currentFocusedEditor;
+    this._currentFocusedRenderable = null;
+    if (previousEditor !== null) {
+      this.emit("focused_editor" /* FOCUSED_EDITOR */, null, previousEditor);
     }
+    this.emit("focused_renderable" /* FOCUSED_RENDERABLE */, null, renderable);
   }
   setCapturedRenderable(renderable) {
     if (this.capturedRenderable === renderable) {
@@ -23652,7 +23620,7 @@ Captured external output:
   }
   syncNativePaletteState(colors) {
     const signature = buildTerminalPaletteSignature(colors);
-    if (this._publishedPaletteSignature !== null && this._publishedPaletteSignature !== signature) {
+    if (this._publishedPaletteSignature !== signature) {
       this._paletteEpoch = this._paletteEpoch + 1 >>> 0;
     }
     this._publishedPaletteSignature = signature;
@@ -23737,7 +23705,7 @@ Captured external output:
   }
 }
 
-export { __toESM, __commonJS, __export, __require, MeasureMode, exports_src, isValidBorderStyle, parseBorderStyle, BorderChars, getBorderFromSides, getBorderSides, borderCharsToArray, BorderCharArrays, KeyEvent, PasteEvent, KeyHandler, InternalKeyHandler, COLOR_TAG_RGB, COLOR_TAG_DEFAULT, DEFAULT_FOREGROUND_RGB, DEFAULT_BACKGROUND_RGB, normalizeIndexedColorIndex, ansi256IndexToRgb, decodeColorTag, RGBA, normalizeColorValue, hexToRgb, rgbToHex, hsvToRgb, parseColor, fonts, measureText, getCharacterPositions, coordinateToCharacterIndex, renderFontToFrameBuffer, TextAttributes, ATTRIBUTE_BASE_BITS, ATTRIBUTE_BASE_MASK, getBaseAttributes, DebugOverlayCorner, TargetChannel, createTextAttributes, attributesWithLink, getLinkId, visualizeRenderableTree, isStyledText, StyledText, stringToStyledText, black, red, green, yellow, blue, magenta, cyan, white, brightBlack, brightRed, brightGreen, brightYellow, brightBlue, brightMagenta, brightCyan, brightWhite, bgBlack, bgRed, bgGreen, bgYellow, bgBlue, bgMagenta, bgCyan, bgWhite, bold, italic, underline, strikethrough, dim, reverse, blink, fg, bg, link, t, hastToStyledText, SystemClock, nonAlphanumericKeys, parseKeypress, LinearScrollAccel, MacOSScrollAccel, parseAlign, parseAlignItems, parseBoxSizing, parseDimension, parseDirection, parseDisplay, parseEdge, parseFlexDirection, parseGutter, parseJustify, parseLogLevel, parseMeasureMode, parseOverflow, parsePositionType, parseUnit, parseWrap, MouseParser, Selection, convertGlobalToLocalSelection, ASCIIFontSelectionHelper, envRegistry, registerEnvVar, clearEnvCache, generateEnvMarkdown, generateEnvColored, env, StdinParser, treeSitterToTextChunks, treeSitterToStyledText, addDefaultParsers, TreeSitterClient, DataPathsManager, getDataPaths, extensionToFiletype, basenameToFiletype, extToFiletype, pathToFiletype, infoStringToFiletype, main, getTreeSitterClient, ExtmarksController, createExtmarksController, TerminalPalette, createTerminalPalette, normalizeTerminalPalette, buildTerminalPaletteSignature, decodePasteBytes, stripAnsiSequences, detectLinks, TextBuffer, SpanInfoStruct, LogLevel2 as LogLevel, setRenderLibPath, resolveRenderLib, OptimizedBuffer, h, isVNode, maybeMakeRenderable, wrapWithDelegates, instantiate, delegate, LayoutEvents, RenderableEvents, isRenderable, BaseRenderable, Renderable, RootRenderable, TextBufferView, EditBuffer, EditorView, convertThemeToStyles, SyntaxStyle, ANSI, BoxRenderable, TextBufferRenderable, CodeRenderable, isTextNodeRenderable, TextNodeRenderable, RootTextNodeRenderable, TextRenderable, defaultKeyAliases, mergeKeyAliases, mergeKeyBindings, getKeyBindingAction, buildKeyBindingsMap, capture, ConsolePosition, TerminalConsole, getObjectsInViewport, EditBufferRenderableEvents, isEditBufferRenderable, EditBufferRenderable, calculateRenderGeometry, buildKittyKeyboardFlags, MouseEvent, MouseButton, createCliRenderer, CliRenderEvents, RendererControlState, CliRenderer };
+export { __toESM, __commonJS, __export, __require, MeasureMode, exports_src, isValidBorderStyle, parseBorderStyle, BorderChars, getBorderFromSides, getBorderSides, borderCharsToArray, BorderCharArrays, KeyEvent, PasteEvent, KeyHandler, InternalKeyHandler, DEFAULT_FOREGROUND_RGB, DEFAULT_BACKGROUND_RGB, normalizeIndexedColorIndex, ansi256IndexToRgb, RGBA, normalizeColorValue, hexToRgb, rgbToHex, hsvToRgb, parseColor, fonts, measureText, getCharacterPositions, coordinateToCharacterIndex, renderFontToFrameBuffer, TextAttributes, ATTRIBUTE_BASE_BITS, ATTRIBUTE_BASE_MASK, getBaseAttributes, DebugOverlayCorner, TargetChannel, createTextAttributes, attributesWithLink, getLinkId, visualizeRenderableTree, isStyledText, StyledText, stringToStyledText, black, red, green, yellow, blue, magenta, cyan, white, brightBlack, brightRed, brightGreen, brightYellow, brightBlue, brightMagenta, brightCyan, brightWhite, bgBlack, bgRed, bgGreen, bgYellow, bgBlue, bgMagenta, bgCyan, bgWhite, bold, italic, underline, strikethrough, dim, reverse, blink, fg, bg, link, t, hastToStyledText, SystemClock, nonAlphanumericKeys, terminalNamedSingleStrokeKeys, parseKeypress, LinearScrollAccel, MacOSScrollAccel, parseAlign, parseAlignItems, parseBoxSizing, parseDimension, parseDirection, parseDisplay, parseEdge, parseFlexDirection, parseGutter, parseJustify, parseLogLevel, parseMeasureMode, parseOverflow, parsePositionType, parseUnit, parseWrap, MouseParser, Selection, convertGlobalToLocalSelection, ASCIIFontSelectionHelper, envRegistry, registerEnvVar, clearEnvCache, generateEnvMarkdown, generateEnvColored, env, StdinParser, treeSitterToTextChunks, treeSitterToStyledText, addDefaultParsers, TreeSitterClient, DataPathsManager, getDataPaths, extensionToFiletype, basenameToFiletype, extToFiletype, pathToFiletype, infoStringToFiletype, main, getTreeSitterClient, ExtmarksController, createExtmarksController, TerminalPalette, createTerminalPalette, normalizeTerminalPalette, buildTerminalPaletteSignature, decodePasteBytes, stripAnsiSequences, detectLinks, TextBuffer, SpanInfoStruct, LogLevel2 as LogLevel, setRenderLibPath, resolveRenderLib, OptimizedBuffer, h, isVNode, maybeMakeRenderable, wrapWithDelegates, instantiate, delegate, LayoutEvents, RenderableEvents, isRenderable, BaseRenderable, Renderable, RootRenderable, TextBufferView, EditBuffer, EditorView, convertThemeToStyles, SyntaxStyle, ANSI, BoxRenderable, TextBufferRenderable, CodeRenderable, isTextNodeRenderable, TextNodeRenderable, RootTextNodeRenderable, TextRenderable, defaultKeyAliases, mergeKeyAliases, mergeKeyBindings, getKeyBindingAction, buildKeyBindingsMap, capture, ConsolePosition, TerminalConsole, getObjectsInViewport, EditBufferRenderableEvents, isEditBufferRenderable, EditBufferRenderable, calculateRenderGeometry, buildKittyKeyboardFlags, MouseEvent, MouseButton, createCliRenderer, CliRenderEvents, RendererControlState, CliRenderer };
 
-//# debugId=E4CC917B07ADED7064756E2164756E21
-//# sourceMappingURL=index-07knw1vn.js.map
+//# debugId=9856AC3785612B6364756E2164756E21
+//# sourceMappingURL=index-mw2x3082.js.map