kyh 0.1.0 → 0.1.2

package/dist/index.js

@@ -20,10 +20,10 @@ var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports,
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
 var __require = import.meta.require;
 
-// node_modules/@opentui/react/chunk-e11q5a3p.js
+// ../../node_modules/.pnpm/@opentui+react@0.1.74_react-devtools-core@7.0.1_react@19.2.3_stage-js@1.0.0-alpha.17_ty_fb46e0fc351a293c6633843011916d07/node_modules/@opentui/react/chunk-e11q5a3p.js
 var init_chunk_e11q5a3p = () => {};
 
-// node_modules/react/cjs/react.development.js
+// ../../node_modules/.pnpm/react@19.2.3/node_modules/react/cjs/react.development.js
 var require_react_development = __commonJS((exports, module2) => {
   (function() {
     function defineDeprecationWarning(methodName, info) {
@@ -846,7 +846,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
   })();
 });
 
-// node_modules/react/index.js
+// ../../node_modules/.pnpm/react@19.2.3/node_modules/react/index.js
 var require_react = __commonJS((exports, module2) => {
   var react_development = __toESM(require_react_development());
   if (false) {} else {
@@ -854,7 +854,7 @@ var require_react = __commonJS((exports, module2) => {
   }
 });
 
-// node_modules/react/cjs/react-jsx-dev-runtime.development.js
+// ../../node_modules/.pnpm/react@19.2.3/node_modules/react/cjs/react-jsx-dev-runtime.development.js
 var require_react_jsx_dev_runtime_development = __commonJS((exports) => {
   var React = __toESM(require_react());
   (function() {
@@ -1069,7 +1069,7 @@ React keys must be passed directly to JSX without using spread:
   })();
 });
 
-// node_modules/react/jsx-dev-runtime.js
+// ../../node_modules/.pnpm/react@19.2.3/node_modules/react/jsx-dev-runtime.js
 var require_jsx_dev_runtime = __commonJS((exports, module2) => {
   var react_jsx_dev_runtime_development = __toESM(require_react_jsx_dev_runtime_development());
   if (false) {} else {
@@ -1077,7 +1077,7 @@ var require_jsx_dev_runtime = __commonJS((exports, module2) => {
   }
 });
 
-// node_modules/scheduler/cjs/scheduler.development.js
+// ../../node_modules/.pnpm/scheduler@0.26.0/node_modules/scheduler/cjs/scheduler.development.js
 var require_scheduler_development = __commonJS((exports) => {
   (function() {
     function performWorkUntilDeadline() {
@@ -1332,7 +1332,7 @@ var require_scheduler_development = __commonJS((exports) => {
   })();
 });
 
-// node_modules/scheduler/index.js
+// ../../node_modules/.pnpm/scheduler@0.26.0/node_modules/scheduler/index.js
 var require_scheduler = __commonJS((exports, module2) => {
   var scheduler_development = __toESM(require_scheduler_development());
   if (false) {} else {
@@ -1340,7 +1340,7 @@ var require_scheduler = __commonJS((exports, module2) => {
   }
 });
 
-// node_modules/react-reconciler/cjs/react-reconciler.development.js
+// ../../node_modules/.pnpm/react-reconciler@0.32.0_react@19.2.3/node_modules/react-reconciler/cjs/react-reconciler.development.js
 var require_react_reconciler_development = __commonJS((exports, module2) => {
   var React = __toESM(require_react());
   var Scheduler = __toESM(require_scheduler());
@@ -10793,26 +10793,26 @@ No matching component was found for:
   }, module2.exports.default = module2.exports, Object.defineProperty(module2.exports, "__esModule", { value: true });
 });
 
-// node_modules/react-reconciler/index.js
+// ../../node_modules/.pnpm/react-reconciler@0.32.0_react@19.2.3/node_modules/react-reconciler/index.js
 var require_react_reconciler = __commonJS((exports, module2) => {
   if (false) {} else {
     module2.exports = require_react_reconciler_development();
   }
 });
 
-// node_modules/react-reconciler/cjs/react-reconciler-constants.development.js
+// ../../node_modules/.pnpm/react-reconciler@0.32.0_react@19.2.3/node_modules/react-reconciler/cjs/react-reconciler-constants.development.js
 var require_react_reconciler_constants_development = __commonJS((exports) => {
   exports.ConcurrentRoot = 1, exports.ContinuousEventPriority = 8, exports.DefaultEventPriority = 32, exports.DiscreteEventPriority = 2, exports.IdleEventPriority = 268435456, exports.LegacyRoot = 0, exports.NoEventPriority = 0;
 });
 
-// node_modules/react-reconciler/constants.js
+// ../../node_modules/.pnpm/react-reconciler@0.32.0_react@19.2.3/node_modules/react-reconciler/constants.js
 var require_constants = __commonJS((exports, module2) => {
   if (false) {} else {
     module2.exports = require_react_reconciler_constants_development();
   }
 });
 
-// node_modules/react-devtools-core/dist/backend.js
+// ../../node_modules/.pnpm/react-devtools-core@7.0.1/node_modules/react-devtools-core/dist/backend.js
 var require_backend = __commonJS((exports, module2) => {
   (function webpackUniversalModuleDefinition(root, factory) {
     if (typeof exports === "object" && typeof module2 === "object")
@@ -27606,7 +27606,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   });
 });
 
-// node_modules/@opentui/react/chunk-fcedq94e.js
+// ../../node_modules/.pnpm/@opentui+react@0.1.74_react-devtools-core@7.0.1_react@19.2.3_stage-js@1.0.0-alpha.17_ty_fb46e0fc351a293c6633843011916d07/node_modules/@opentui/react/chunk-fcedq94e.js
 var exports_chunk_fcedq94e = {};
 var import_react_devtools_core, g;
 var init_chunk_fcedq94e = __esm(async () => {
@@ -27633,7 +27633,7 @@ var init_chunk_fcedq94e = __esm(async () => {
   import_react_devtools_core.default.connectToDevTools();
 });
 
-// node_modules/@opentui/core/index-zj0wwh9d.js
+// ../../node_modules/.pnpm/@opentui+core@0.1.74_stage-js@1.0.0-alpha.17_typescript@5.9.3_web-tree-sitter@0.25.10/node_modules/@opentui/core/index-93qf6w1k.js
 import { Buffer as Buffer2 } from "buffer";
 import { EventEmitter } from "events";
 import { EventEmitter as EventEmitter2 } from "events";
@@ -27641,40 +27641,40 @@ import { EventEmitter as EventEmitter3 } from "events";
 import { resolve, dirname } from "path";
 import { fileURLToPath } from "url";
 
-// node_modules/@opentui/core/assets/javascript/highlights.scm
+// ../../node_modules/.pnpm/@opentui+core@0.1.74_stage-js@1.0.0-alpha.17_typescript@5.9.3_web-tree-sitter@0.25.10/node_modules/@opentui/core/assets/javascript/highlights.scm
 var highlights_default = "./highlights-ghv9g403.scm";
 
-// node_modules/@opentui/core/assets/javascript/tree-sitter-javascript.wasm
+// ../../node_modules/.pnpm/@opentui+core@0.1.74_stage-js@1.0.0-alpha.17_typescript@5.9.3_web-tree-sitter@0.25.10/node_modules/@opentui/core/assets/javascript/tree-sitter-javascript.wasm
 var tree_sitter_javascript_default = "./tree-sitter-javascript-nd0q4pe9.wasm";
 
-// node_modules/@opentui/core/assets/typescript/highlights.scm
+// ../../node_modules/.pnpm/@opentui+core@0.1.74_stage-js@1.0.0-alpha.17_typescript@5.9.3_web-tree-sitter@0.25.10/node_modules/@opentui/core/assets/typescript/highlights.scm
 var highlights_default2 = "./highlights-eq9cgrbb.scm";
 
-// node_modules/@opentui/core/assets/typescript/tree-sitter-typescript.wasm
+// ../../node_modules/.pnpm/@opentui+core@0.1.74_stage-js@1.0.0-alpha.17_typescript@5.9.3_web-tree-sitter@0.25.10/node_modules/@opentui/core/assets/typescript/tree-sitter-typescript.wasm
 var tree_sitter_typescript_default = "./tree-sitter-typescript-zxjzwt75.wasm";
 
-// node_modules/@opentui/core/assets/markdown/highlights.scm
+// ../../node_modules/.pnpm/@opentui+core@0.1.74_stage-js@1.0.0-alpha.17_typescript@5.9.3_web-tree-sitter@0.25.10/node_modules/@opentui/core/assets/markdown/highlights.scm
 var highlights_default3 = "./highlights-r812a2qc.scm";
 
-// node_modules/@opentui/core/assets/markdown/tree-sitter-markdown.wasm
+// ../../node_modules/.pnpm/@opentui+core@0.1.74_stage-js@1.0.0-alpha.17_typescript@5.9.3_web-tree-sitter@0.25.10/node_modules/@opentui/core/assets/markdown/tree-sitter-markdown.wasm
 var tree_sitter_markdown_default = "./tree-sitter-markdown-411r6y9b.wasm";
 
-// node_modules/@opentui/core/assets/markdown/injections.scm
+// ../../node_modules/.pnpm/@opentui+core@0.1.74_stage-js@1.0.0-alpha.17_typescript@5.9.3_web-tree-sitter@0.25.10/node_modules/@opentui/core/assets/markdown/injections.scm
 var injections_default = "./injections-73j83es3.scm";
 
-// node_modules/@opentui/core/assets/markdown_inline/highlights.scm
+// ../../node_modules/.pnpm/@opentui+core@0.1.74_stage-js@1.0.0-alpha.17_typescript@5.9.3_web-tree-sitter@0.25.10/node_modules/@opentui/core/assets/markdown_inline/highlights.scm
 var highlights_default4 = "./highlights-x6tmsnaa.scm";
 
-// node_modules/@opentui/core/assets/markdown_inline/tree-sitter-markdown_inline.wasm
+// ../../node_modules/.pnpm/@opentui+core@0.1.74_stage-js@1.0.0-alpha.17_typescript@5.9.3_web-tree-sitter@0.25.10/node_modules/@opentui/core/assets/markdown_inline/tree-sitter-markdown_inline.wasm
 var tree_sitter_markdown_inline_default = "./tree-sitter-markdown_inline-j5349f42.wasm";
 
-// node_modules/@opentui/core/assets/zig/highlights.scm
+// ../../node_modules/.pnpm/@opentui+core@0.1.74_stage-js@1.0.0-alpha.17_typescript@5.9.3_web-tree-sitter@0.25.10/node_modules/@opentui/core/assets/zig/highlights.scm
 var highlights_default5 = "./highlights-hk7bwhj4.scm";
 
-// node_modules/@opentui/core/assets/zig/tree-sitter-zig.wasm
+// ../../node_modules/.pnpm/@opentui+core@0.1.74_stage-js@1.0.0-alpha.17_typescript@5.9.3_web-tree-sitter@0.25.10/node_modules/@opentui/core/assets/zig/tree-sitter-zig.wasm
 var tree_sitter_zig_default = "./tree-sitter-zig-e78zbjpm.wasm";
 
-// node_modules/@opentui/core/index-zj0wwh9d.js
+// ../../node_modules/.pnpm/@opentui+core@0.1.74_stage-js@1.0.0-alpha.17_typescript@5.9.3_web-tree-sitter@0.25.10/node_modules/@opentui/core/index-93qf6w1k.js
 import { resolve as resolve2, isAbsolute, parse } from "path";
 import { existsSync } from "fs";
 import { basename, join } from "path";
@@ -29730,6 +29730,8 @@ function parseKittyKeyboard(sequence) {
     if (isPrintable) {
       if (key.shift && shiftedCodepoint) {
         text = String.fromCodePoint(shiftedCodepoint);
+      } else if (key.shift && key.name.length === 1) {
+        text = key.name.toLocaleUpperCase();
       } else {
         text = key.name;
       }
@@ -30016,6 +30018,7 @@ class KeyEvent {
   baseCode;
   repeated;
   _defaultPrevented = false;
+  _propagationStopped = false;
   constructor(key) {
     this.name = key.name;
     this.ctrl = key.ctrl;
@@ -30038,23 +30041,36 @@ class KeyEvent {
   get defaultPrevented() {
     return this._defaultPrevented;
   }
+  get propagationStopped() {
+    return this._propagationStopped;
+  }
   preventDefault() {
     this._defaultPrevented = true;
   }
+  stopPropagation() {
+    this._propagationStopped = true;
+  }
 }
 
 class PasteEvent {
   text;
   _defaultPrevented = false;
+  _propagationStopped = false;
   constructor(text) {
     this.text = text;
   }
   get defaultPrevented() {
     return this._defaultPrevented;
   }
+  get propagationStopped() {
+    return this._propagationStopped;
+  }
   preventDefault() {
     this._defaultPrevented = true;
   }
+  stopPropagation() {
+    this._propagationStopped = true;
+  }
 }
 
 class KeyHandler extends EventEmitter {
@@ -30106,10 +30122,22 @@ class InternalKeyHandler extends KeyHandler {
   }
   emitWithPriority(event, ...args) {
     let hasGlobalListeners = false;
-    try {
-      hasGlobalListeners = super.emit(event, ...args);
-    } catch (error) {
-      console.error(`[KeyHandler] Error in global ${event} handler:`, error);
+    const globalListeners = this.listeners(event);
+    if (globalListeners.length > 0) {
+      hasGlobalListeners = true;
+      for (const listener of globalListeners) {
+        try {
+          listener(...args);
+        } catch (error) {
+          console.error(`[KeyHandler] Error in global ${event} handler:`, error);
+        }
+        if (event === "keypress" || event === "keyrelease" || event === "paste") {
+          const keyEvent = args[0];
+          if (keyEvent.propagationStopped) {
+            return hasGlobalListeners;
+          }
+        }
+      }
     }
     const renderableSet = this.renderableHandlers.get(event);
     const renderableHandlers = renderableSet && renderableSet.size > 0 ? [...renderableSet] : [];
@@ -30120,6 +30148,8 @@ class InternalKeyHandler extends KeyHandler {
         const keyEvent = args[0];
         if (keyEvent.defaultPrevented)
           return hasGlobalListeners || hasRenderableListeners;
+        if (keyEvent.propagationStopped)
+          return hasGlobalListeners || hasRenderableListeners;
       }
       for (const handler of renderableHandlers) {
         try {
@@ -30127,6 +30157,12 @@ class InternalKeyHandler extends KeyHandler {
         } catch (error) {
           console.error(`[KeyHandler] Error in renderable ${event} handler:`, error);
         }
+        if (event === "keypress" || event === "keyrelease" || event === "paste") {
+          const keyEvent = args[0];
+          if (keyEvent.propagationStopped) {
+            return hasGlobalListeners || hasRenderableListeners;
+          }
+        }
       }
     }
     return hasGlobalListeners || hasRenderableListeners;
@@ -36873,6 +36909,7 @@ var TerminalCapabilitiesStruct = defineStruct([
   ["sync", "bool_u8"],
   ["bracketed_paste", "bool_u8"],
   ["hyperlinks", "bool_u8"],
+  ["explicit_cursor_positioning", "bool_u8"],
   ["term_name", "char*"],
   ["term_name_len", "u64", { lengthOf: "term_name" }],
   ["term_version", "char*"],
@@ -36941,6 +36978,18 @@ registerEnvVar({
   type: "boolean",
   default: false
 });
+registerEnvVar({
+  name: "OPENTUI_NO_GRAPHICS",
+  description: "Disable Kitty graphics protocol detection",
+  type: "boolean",
+  default: false
+});
+registerEnvVar({
+  name: "OPENTUI_FORCE_NOZWJ",
+  description: "Use no_zwj width method (Unicode without ZWJ joining)",
+  type: "boolean",
+  default: false
+});
 var globalTraceSymbols = null;
 var globalFFILogWriter = null;
 var exitHandlerRegistered = false;
@@ -37171,10 +37220,34 @@ function getOpenTUILib(libPath) {
       args: ["ptr", "i32", "i32", "u32", "u32", "u32"],
       returns: "void"
     },
+    clearCurrentHitGrid: {
+      args: ["ptr"],
+      returns: "void"
+    },
+    hitGridPushScissorRect: {
+      args: ["ptr", "i32", "i32", "u32", "u32"],
+      returns: "void"
+    },
+    hitGridPopScissorRect: {
+      args: ["ptr"],
+      returns: "void"
+    },
+    hitGridClearScissorRects: {
+      args: ["ptr"],
+      returns: "void"
+    },
+    addToCurrentHitGridClipped: {
+      args: ["ptr", "i32", "i32", "u32", "u32", "u32"],
+      returns: "void"
+    },
     checkHit: {
       args: ["ptr", "u32", "u32"],
       returns: "u32"
     },
+    getHitGridDirty: {
+      args: ["ptr"],
+      returns: "bool"
+    },
     dumpHitGrid: {
       args: ["ptr"],
       returns: "void"
@@ -37223,6 +37296,10 @@ function getOpenTUILib(libPath) {
       args: ["ptr"],
       returns: "void"
     },
+    writeOut: {
+      args: ["ptr", "ptr", "u64"],
+      returns: "void"
+    },
     createTextBuffer: {
       args: ["u8"],
       returns: "ptr"
@@ -37435,6 +37512,10 @@ function getOpenTUILib(libPath) {
       args: ["ptr", "ptr"],
       returns: "void"
     },
+    textBufferViewSetTruncate: {
+      args: ["ptr", "bool"],
+      returns: "void"
+    },
     textBufferViewMeasureForDimensions: {
       args: ["ptr", "u32", "u32", "ptr"],
       returns: "bool"
@@ -38267,9 +38348,27 @@ class FFIRenderLib {
   addToHitGrid(renderer, x, y, width, height, id) {
     this.opentui.symbols.addToHitGrid(renderer, x, y, width, height, id);
   }
+  clearCurrentHitGrid(renderer) {
+    this.opentui.symbols.clearCurrentHitGrid(renderer);
+  }
+  hitGridPushScissorRect(renderer, x, y, width, height) {
+    this.opentui.symbols.hitGridPushScissorRect(renderer, x, y, width, height);
+  }
+  hitGridPopScissorRect(renderer) {
+    this.opentui.symbols.hitGridPopScissorRect(renderer);
+  }
+  hitGridClearScissorRects(renderer) {
+    this.opentui.symbols.hitGridClearScissorRects(renderer);
+  }
+  addToCurrentHitGridClipped(renderer, x, y, width, height, id) {
+    this.opentui.symbols.addToCurrentHitGridClipped(renderer, x, y, width, height, id);
+  }
   checkHit(renderer, x, y) {
     return this.opentui.symbols.checkHit(renderer, x, y);
   }
+  getHitGridDirty(renderer) {
+    return this.opentui.symbols.getHitGridDirty(renderer);
+  }
   dumpHitGrid(renderer) {
     this.opentui.symbols.dumpHitGrid(renderer);
   }
@@ -38311,6 +38410,12 @@ class FFIRenderLib {
   queryPixelResolution(renderer) {
     this.opentui.symbols.queryPixelResolution(renderer);
   }
+  writeOut(renderer, data) {
+    const bytes = typeof data === "string" ? new TextEncoder().encode(data) : data;
+    if (bytes.length === 0)
+      return;
+    this.opentui.symbols.writeOut(renderer, ptr3(bytes), bytes.length);
+  }
   createTextBuffer(widthMethod) {
     const widthMethodCode = widthMethod === "wcwidth" ? 0 : 1;
     const bufferPtr = this.opentui.symbols.createTextBuffer(widthMethodCode);
@@ -38557,6 +38662,9 @@ class FFIRenderLib {
   textBufferViewSetTabIndicatorColor(view, color) {
     this.opentui.symbols.textBufferViewSetTabIndicatorColor(view, color.buffer);
   }
+  textBufferViewSetTruncate(view, truncate) {
+    this.opentui.symbols.textBufferViewSetTruncate(view, truncate);
+  }
   textBufferViewMeasureForDimensions(view, width, height) {
     const resultBuffer = new ArrayBuffer(MeasureResultStruct.size);
     const resultPtr = ptr3(new Uint8Array(resultBuffer));
@@ -38991,6 +39099,7 @@ class FFIRenderLib {
       sync: caps.sync,
       bracketed_paste: caps.bracketed_paste,
       hyperlinks: caps.hyperlinks,
+      explicit_cursor_positioning: caps.explicit_cursor_positioning,
       terminal: {
         name: caps.term_name ?? "",
         version: caps.term_version ?? "",
@@ -39647,9 +39756,9 @@ class Renderable extends BaseRenderable {
     if (this._translateX === value)
       return;
     this._translateX = value;
-    this.requestRender();
     if (this.parent)
       this.parent.childrenPrimarySortDirty = true;
+    this.requestRender();
   }
   get translateY() {
     return this._translateY;
@@ -39658,9 +39767,9 @@ class Renderable extends BaseRenderable {
     if (this._translateY === value)
       return;
     this._translateY = value;
-    this.requestRender();
     if (this.parent)
       this.parent.childrenPrimarySortDirty = true;
+    this.requestRender();
   }
   get x() {
     if (this.parent) {
@@ -39747,6 +39856,7 @@ class Renderable extends BaseRenderable {
     if (this._zIndex !== value) {
       this._zIndex = value;
       this.parent?.requestZIndexSort();
+      this.requestRender();
     }
   }
   requestZIndexSort() {
@@ -40070,17 +40180,20 @@ class Renderable extends BaseRenderable {
     const layout = this.yogaNode.getComputedLayout();
     const oldX = this._x;
     const oldY = this._y;
+    const oldWidth = this._widthValue;
+    const oldHeight = this._heightValue;
     this._x = layout.left;
     this._y = layout.top;
     const newWidth = Math.max(layout.width, 1);
     const newHeight = Math.max(layout.height, 1);
-    const sizeChanged = this.width !== newWidth || this.height !== newHeight;
+    const sizeChanged = oldWidth !== newWidth || oldHeight !== newHeight;
     this._widthValue = newWidth;
     this._heightValue = newHeight;
     if (sizeChanged) {
       this.onLayoutResize(newWidth, newHeight);
     }
-    if (oldX !== this._x || oldY !== this._y) {
+    const positionChanged = oldX !== this._x || oldY !== this._y;
+    if (positionChanged) {
       if (this.parent)
         this.parent.childrenPrimarySortDirty = true;
     }
@@ -40293,7 +40406,9 @@ class Renderable extends BaseRenderable {
         x: scissorRect.x,
         y: scissorRect.y,
         width: scissorRect.width,
-        height: scissorRect.height
+        height: scissorRect.height,
+        screenX: this.x,
+        screenY: this.y
       });
     }
     const visibleChildren = this._getVisibleChildren();
@@ -40509,6 +40624,7 @@ class RootRenderable extends Renderable {
     }
     this.renderList.length = 0;
     this.updateLayout(deltaTime, this.renderList);
+    this._ctx.clearHitGridScissorRects();
     for (let i = 1;i < this.renderList.length; i++) {
       const command = this.renderList[i];
       switch (command.action) {
@@ -40519,9 +40635,11 @@ class RootRenderable extends Renderable {
           break;
         case "pushScissorRect":
           buffer.pushScissorRect(command.x, command.y, command.width, command.height);
+          this._ctx.pushHitGridScissorRect(command.screenX, command.screenY, command.width, command.height);
           break;
         case "popScissorRect":
           buffer.popScissorRect();
+          this._ctx.popHitGridScissorRect();
           break;
         case "pushOpacity":
           buffer.pushOpacity(command.opacity);
@@ -42037,6 +42155,8 @@ class CliRenderer extends EventEmitter9 {
   exitSignals;
   _exitListenersAdded = false;
   _isDestroyed = false;
+  _destroyPending = false;
+  _destroyFinalized = false;
   nextRenderBuffer;
   currentRenderBuffer;
   _isRunning = false;
@@ -42122,6 +42242,8 @@ class CliRenderer extends EventEmitter9 {
   }).bind(this);
   _capabilities = null;
   _latestPointer = { x: 0, y: 0 };
+  _hasPointer = false;
+  _lastPointerModifiers = { shift: false, alt: false, ctrl: false };
   _currentFocusedRenderable = null;
   lifecyclePasses = new Set;
   _openConsoleOnError = true;
@@ -42303,16 +42425,39 @@ Captured output:
     }
     this._currentFocusedRenderable = renderable;
   }
+  setCapturedRenderable(renderable) {
+    if (this.capturedRenderable === renderable) {
+      return;
+    }
+    this.capturedRenderable = renderable;
+  }
   addToHitGrid(x, y, width, height, id) {
     if (id !== this.capturedRenderable?.num) {
       this.lib.addToHitGrid(this.rendererPtr, x, y, width, height, id);
     }
   }
+  pushHitGridScissorRect(x, y, width, height) {
+    this.lib.hitGridPushScissorRect(this.rendererPtr, x, y, width, height);
+  }
+  popHitGridScissorRect() {
+    this.lib.hitGridPopScissorRect(this.rendererPtr);
+  }
+  clearHitGridScissorRects() {
+    this.lib.hitGridClearScissorRects(this.rendererPtr);
+  }
   get widthMethod() {
     const caps = this.capabilities;
     return caps?.unicode === "wcwidth" ? "wcwidth" : "unicode";
   }
   writeOut(chunk, encoding, callback) {
+    if (this.rendererPtr && this._useThread) {
+      const data = typeof chunk === "string" ? chunk : chunk?.toString() ?? "";
+      this.lib.writeOut(this.rendererPtr, data);
+      if (typeof callback === "function") {
+        process.nextTick(callback);
+      }
+      return true;
+    }
     return this.realStdoutWrite.call(this.stdout, chunk, encoding, callback);
   }
   requestRender() {
@@ -42502,7 +42647,11 @@ Captured output:
       const backgroundColor = this.backgroundColor.toInts();
       const newlines = " ".repeat(this.width) + `
 `.repeat(space);
-      clear = ANSI.setRgbBackground(backgroundColor[0], backgroundColor[1], backgroundColor[2]) + newlines + ANSI.resetBackground;
+      if (backgroundColor[3] === 0) {
+        clear = newlines;
+      } else {
+        clear = ANSI.setRgbBackground(backgroundColor[0], backgroundColor[1], backgroundColor[2]) + newlines + ANSI.resetBackground;
+      }
     }
     this.writeOut(flush + move + output + clear);
     return true;
@@ -42513,7 +42662,7 @@ Captured output:
   }
   disableMouse() {
     this._useMouse = false;
-    this.capturedRenderable = undefined;
+    this.setCapturedRenderable(undefined);
     this.mouseParser.reset();
     this.lib.disableMouse(this.rendererPtr);
   }
@@ -42631,6 +42780,8 @@ Captured output:
       }
       this._latestPointer.x = mouseEvent.x;
       this._latestPointer.y = mouseEvent.y;
+      this._hasPointer = true;
+      this._lastPointerModifiers = mouseEvent.modifiers;
       if (this._console.visible) {
         const consoleBounds = this._console.bounds;
         if (mouseEvent.x >= consoleBounds.x && mouseEvent.x < consoleBounds.x + consoleBounds.width && mouseEvent.y >= consoleBounds.y && mouseEvent.y < consoleBounds.y + consoleBounds.height) {
@@ -42641,7 +42792,7 @@ Captured output:
         }
       }
       if (mouseEvent.type === "scroll") {
-        const maybeRenderableId2 = this.lib.checkHit(this.rendererPtr, mouseEvent.x, mouseEvent.y);
+        const maybeRenderableId2 = this.hitTest(mouseEvent.x, mouseEvent.y);
         const maybeRenderable2 = Renderable.renderablesByNumber.get(maybeRenderableId2);
         if (maybeRenderable2) {
           const event2 = new MouseEvent(maybeRenderable2, mouseEvent);
@@ -42649,7 +42800,7 @@ Captured output:
         }
         return true;
       }
-      const maybeRenderableId = this.lib.checkHit(this.rendererPtr, mouseEvent.x, mouseEvent.y);
+      const maybeRenderableId = this.hitTest(mouseEvent.x, mouseEvent.y);
       const sameElement = maybeRenderableId === this.lastOverRenderableNum;
       this.lastOverRenderableNum = maybeRenderableId;
       const maybeRenderable = Renderable.renderablesByNumber.get(maybeRenderableId);
@@ -42718,20 +42869,20 @@ Captured output:
         }
         this.lastOverRenderable = this.capturedRenderable;
         this.lastOverRenderableNum = this.capturedRenderable.num;
-        this.capturedRenderable = undefined;
+        this.setCapturedRenderable(undefined);
         this.requestRender();
       }
       let event = undefined;
       if (maybeRenderable) {
         if (mouseEvent.type === "drag" && mouseEvent.button === 0) {
-          this.capturedRenderable = maybeRenderable;
+          this.setCapturedRenderable(maybeRenderable);
         } else {
-          this.capturedRenderable = undefined;
+          this.setCapturedRenderable(undefined);
         }
         event = new MouseEvent(maybeRenderable, mouseEvent);
         maybeRenderable.processMouseEvent(event);
       } else {
-        this.capturedRenderable = undefined;
+        this.setCapturedRenderable(undefined);
         this.lastOverRenderable = undefined;
       }
       if (!event?.defaultPrevented && mouseEvent.type === "down" && this.currentSelection) {
@@ -42741,6 +42892,42 @@ Captured output:
     }
     return false;
   }
+  recheckHoverState() {
+    if (this._isDestroyed || !this._hasPointer)
+      return;
+    if (this.capturedRenderable)
+      return;
+    const hitId = this.hitTest(this._latestPointer.x, this._latestPointer.y);
+    const hitRenderable = Renderable.renderablesByNumber.get(hitId);
+    const lastOver = this.lastOverRenderable;
+    if (lastOver?.num === hitId) {
+      this.lastOverRenderableNum = hitId;
+      return;
+    }
+    const baseEvent = {
+      type: "move",
+      button: 0,
+      x: this._latestPointer.x,
+      y: this._latestPointer.y,
+      modifiers: this._lastPointerModifiers
+    };
+    if (lastOver) {
+      const event = new MouseEvent(lastOver, { ...baseEvent, type: "out" });
+      lastOver.processMouseEvent(event);
+    }
+    this.lastOverRenderable = hitRenderable;
+    this.lastOverRenderableNum = hitId;
+    if (hitRenderable) {
+      const event = new MouseEvent(hitRenderable, {
+        ...baseEvent,
+        type: "over"
+      });
+      hitRenderable.processMouseEvent(event);
+    }
+  }
+  hitTest(x, y) {
+    return this.lib.checkHit(this.rendererPtr, x, y);
+  }
   takeMemorySnapshot() {
     if (this._isDestroyed)
       return;
@@ -42801,7 +42988,7 @@ Captured output:
     this._terminalWidth = width;
     this._terminalHeight = height;
     this.queryPixelResolution();
-    this.capturedRenderable = undefined;
+    this.setCapturedRenderable(undefined);
     this.mouseParser.reset();
     if (this._splitHeight > 0) {
       if (width < prevWidth) {
@@ -43013,6 +43200,17 @@ Captured output:
     if (this._isDestroyed)
       return;
     this._isDestroyed = true;
+    this._destroyPending = true;
+    if (this.rendering) {
+      return;
+    }
+    this.finalizeDestroy();
+  }
+  finalizeDestroy() {
+    if (this._destroyFinalized)
+      return;
+    this._destroyFinalized = true;
+    this._destroyPending = false;
     process.removeListener("SIGWINCH", this.sigwinchHandler);
     process.removeListener("uncaughtException", this.handleError);
     process.removeListener("unhandledRejection", this.handleError);
@@ -43044,7 +43242,7 @@ Captured output:
     }
     this._isRunning = false;
     this.waitingForPixelResolution = false;
-    this.capturedRenderable = undefined;
+    this.setCapturedRenderable(undefined);
     try {
       this.root.destroyRecursively();
     } catch (e) {
@@ -43089,65 +43287,74 @@ Captured output:
       clearTimeout(this.renderTimeout);
       this.renderTimeout = null;
     }
-    const now = Date.now();
-    const elapsed = now - this.lastTime;
-    const deltaTime = elapsed;
-    this.lastTime = now;
-    this.frameCount++;
-    if (now - this.lastFpsTime >= 1000) {
-      this.currentFps = this.frameCount;
-      this.frameCount = 0;
-      this.lastFpsTime = now;
-    }
-    this.renderStats.frameCount++;
-    this.renderStats.fps = this.currentFps;
-    const overallStart = performance.now();
-    const frameRequests = Array.from(this.animationRequest.values());
-    this.animationRequest.clear();
-    const animationRequestStart = performance.now();
-    frameRequests.forEach((callback) => {
-      callback(deltaTime);
-      this.dropLive();
-    });
-    const animationRequestEnd = performance.now();
-    const animationRequestTime = animationRequestEnd - animationRequestStart;
-    const start = performance.now();
-    for (const frameCallback of this.frameCallbacks) {
-      try {
-        await frameCallback(deltaTime);
-      } catch (error) {
-        console.error("Error in frame callback:", error);
-      }
-    }
-    const end = performance.now();
-    this.renderStats.frameCallbackTime = end - start;
-    this.root.render(this.nextRenderBuffer, deltaTime);
-    for (const postProcessFn of this.postProcessFns) {
-      postProcessFn(this.nextRenderBuffer, deltaTime);
-    }
-    this._console.renderToBuffer(this.nextRenderBuffer);
-    if (!this._isDestroyed) {
-      this.renderNative();
-      const overallFrameTime = performance.now() - overallStart;
-      this.lib.updateStats(this.rendererPtr, overallFrameTime, this.renderStats.fps, this.renderStats.frameCallbackTime);
-      if (this.gatherStats) {
-        this.collectStatSample(overallFrameTime);
-      }
-      if (this._isRunning || this.immediateRerenderRequested) {
-        const targetFrameTime = this.immediateRerenderRequested ? this.minTargetFrameTime : this.targetFrameTime;
-        const delay = Math.max(1, targetFrameTime - Math.floor(overallFrameTime));
-        this.immediateRerenderRequested = false;
-        this.renderTimeout = setTimeout(() => {
+    try {
+      const now = Date.now();
+      const elapsed = now - this.lastTime;
+      const deltaTime = elapsed;
+      this.lastTime = now;
+      this.frameCount++;
+      if (now - this.lastFpsTime >= 1000) {
+        this.currentFps = this.frameCount;
+        this.frameCount = 0;
+        this.lastFpsTime = now;
+      }
+      this.renderStats.frameCount++;
+      this.renderStats.fps = this.currentFps;
+      const overallStart = performance.now();
+      const frameRequests = Array.from(this.animationRequest.values());
+      this.animationRequest.clear();
+      const animationRequestStart = performance.now();
+      for (const callback of frameRequests) {
+        callback(deltaTime);
+        this.dropLive();
+      }
+      const animationRequestEnd = performance.now();
+      const animationRequestTime = animationRequestEnd - animationRequestStart;
+      const start = performance.now();
+      for (const frameCallback of this.frameCallbacks) {
+        try {
+          await frameCallback(deltaTime);
+        } catch (error) {
+          console.error("Error in frame callback:", error);
+        }
+      }
+      const end = performance.now();
+      this.renderStats.frameCallbackTime = end - start;
+      this.root.render(this.nextRenderBuffer, deltaTime);
+      for (const postProcessFn of this.postProcessFns) {
+        postProcessFn(this.nextRenderBuffer, deltaTime);
+      }
+      this._console.renderToBuffer(this.nextRenderBuffer);
+      if (!this._isDestroyed) {
+        this.renderNative();
+        if (this._useMouse && this.lib.getHitGridDirty(this.rendererPtr)) {
+          this.recheckHoverState();
+        }
+        const overallFrameTime = performance.now() - overallStart;
+        this.lib.updateStats(this.rendererPtr, overallFrameTime, this.renderStats.fps, this.renderStats.frameCallbackTime);
+        if (this.gatherStats) {
+          this.collectStatSample(overallFrameTime);
+        }
+        if (this._isRunning || this.immediateRerenderRequested) {
+          const targetFrameTime = this.immediateRerenderRequested ? this.minTargetFrameTime : this.targetFrameTime;
+          const delay = Math.max(1, targetFrameTime - Math.floor(overallFrameTime));
+          this.immediateRerenderRequested = false;
+          this.renderTimeout = setTimeout(() => {
+            this.renderTimeout = null;
+            this.loop();
+          }, delay);
+        } else {
+          clearTimeout(this.renderTimeout);
           this.renderTimeout = null;
-          this.loop();
-        }, delay);
-      } else {
-        clearTimeout(this.renderTimeout);
-        this.renderTimeout = null;
+        }
       }
+    } finally {
+      this.rendering = false;
+      if (this._destroyPending) {
+        this.finalizeDestroy();
+      }
+      this.resolveIdleIfNeeded();
     }
-    this.rendering = false;
-    this.resolveIdleIfNeeded();
   }
   intermediateRender() {
     this.immediateRerenderRequested = true;
@@ -43252,7 +43459,7 @@ Captured output:
   requestSelectionUpdate() {
     if (this.currentSelection?.isSelecting) {
       const pointer = this._latestPointer;
-      const maybeRenderableId = this.lib.checkHit(this.rendererPtr, pointer.x, pointer.y);
+      const maybeRenderableId = this.hitTest(pointer.x, pointer.y);
       const maybeRenderable = Renderable.renderablesByNumber.get(maybeRenderableId);
       this.updateSelection(maybeRenderable, pointer.x, pointer.y);
     }
@@ -43340,7 +43547,7 @@ Captured output:
   }
 }
 
-// node_modules/@opentui/core/index.js
+// ../../node_modules/.pnpm/@opentui+core@0.1.74_stage-js@1.0.0-alpha.17_typescript@5.9.3_web-tree-sitter@0.25.10/node_modules/@opentui/core/index.js
 import { EventEmitter as EventEmitter10 } from "events";
 
 class TextBufferView {
@@ -43451,6 +43658,10 @@ class TextBufferView {
     this.guard();
     this.lib.textBufferViewSetTabIndicatorColor(this.viewPtr, color);
   }
+  setTruncate(truncate) {
+    this.guard();
+    this.lib.textBufferViewSetTruncate(this.viewPtr, truncate);
+  }
   measureForDimensions(width, height) {
     this.guard();
     return this.lib.textBufferViewMeasureForDimensions(this.viewPtr, width, height);
@@ -44645,6 +44856,7 @@ class TextBufferRenderable extends Renderable {
   _tabIndicatorColor;
   _scrollX = 0;
   _scrollY = 0;
+  _truncate = false;
   textBuffer;
   textBufferView;
   _defaultOptions = {
@@ -44656,7 +44868,8 @@ class TextBufferRenderable extends Renderable {
     attributes: 0,
     wrapMode: "word",
     tabIndicator: undefined,
-    tabIndicatorColor: undefined
+    tabIndicatorColor: undefined,
+    truncate: false
   };
   constructor(ctx, options) {
     super(ctx, options);
@@ -44669,6 +44882,7 @@ class TextBufferRenderable extends Renderable {
     this._wrapMode = options.wrapMode ?? this._defaultOptions.wrapMode;
     this._tabIndicator = options.tabIndicator ?? this._defaultOptions.tabIndicator;
     this._tabIndicatorColor = options.tabIndicatorColor ? parseColor(options.tabIndicatorColor) : this._defaultOptions.tabIndicatorColor;
+    this._truncate = options.truncate ?? this._defaultOptions.truncate;
     this.textBuffer = TextBuffer.create(this._ctx.widthMethod);
     this.textBufferView = TextBufferView.create(this.textBuffer);
     const style = SyntaxStyle.create();
@@ -44690,6 +44904,7 @@ class TextBufferRenderable extends Renderable {
     if (this.width > 0 && this.height > 0) {
       this.textBufferView.setViewport(this._scrollX, this._scrollY, this.width, this.height);
     }
+    this.textBufferView.setTruncate(this._truncate);
     this.updateTextInfo();
   }
   onMouseEvent(event) {
@@ -44870,6 +45085,16 @@ class TextBufferRenderable extends Renderable {
       this.requestRender();
     }
   }
+  get truncate() {
+    return this._truncate;
+  }
+  set truncate(value) {
+    if (this._truncate !== value) {
+      this._truncate = value;
+      this.textBufferView.setTruncate(value);
+      this.requestRender();
+    }
+  }
   onResize(width, height) {
     this.textBufferView.setViewport(this._scrollX, this._scrollY, width, height);
     this.yogaNode.markDirty();
@@ -46648,7 +46873,8 @@ class TextRenderable extends TextBufferRenderable {
       const chunks = this.rootTextNode.gatherWithInheritedStyle({
         fg: this._defaultFg,
         bg: this._defaultBg,
-        attributes: this._defaultAttributes
+        attributes: this._defaultAttributes,
+        link: undefined
       });
       this.textBuffer.setStyledText(new StyledText(chunks));
       this.refreshLocalSelection();
@@ -50865,7 +51091,7 @@ class TextareaRenderable extends EditBufferRenderable {
   }
 }
 
-// node_modules/@opentui/react/index.js
+// ../../node_modules/.pnpm/@opentui+react@0.1.74_react-devtools-core@7.0.1_react@19.2.3_stage-js@1.0.0-alpha.17_ty_fb46e0fc351a293c6633843011916d07/node_modules/@opentui/react/index.js
 init_chunk_e11q5a3p();
 var import_react = __toESM(require_react(), 1);
 var import_react2 = __toESM(require_react(), 1);
@@ -51000,6 +51226,36 @@ var useKeyboard = (handler, options = { release: false }) => {
     };
   }, [keyHandler, options.release]);
 };
+var useRenderer = () => {
+  const { renderer } = useAppContext();
+  if (!renderer) {
+    throw new Error("Renderer not found.");
+  }
+  return renderer;
+};
+var useOnResize = (callback) => {
+  const renderer = useRenderer();
+  const stableCallback = useEffectEvent(callback);
+  import_react4.useEffect(() => {
+    renderer.on("resize", stableCallback);
+    return () => {
+      renderer.off("resize", stableCallback);
+    };
+  }, [renderer]);
+  return renderer;
+};
+var useTerminalDimensions = () => {
+  const renderer = useRenderer();
+  const [dimensions, setDimensions] = import_react5.useState({
+    width: renderer.width,
+    height: renderer.height
+  });
+  const cb = (width, height) => {
+    setDimensions({ width, height });
+  };
+  useOnResize(cb);
+  return dimensions;
+};
 class ErrorBoundary extends import_react8.default.Component {
   constructor(props) {
     super(props);
@@ -51023,12 +51279,12 @@ class ErrorBoundary extends import_react8.default.Component {
 }
 var package_default = {
   name: "@opentui/react",
-  version: "0.1.68",
+  version: "0.1.74",
   description: "React renderer for building terminal user interfaces using OpenTUI core",
   license: "MIT",
   repository: {
     type: "git",
-    url: "https://github.com/sst/opentui",
+    url: "https://github.com/anomalyco/opentui",
     directory: "packages/react"
   },
   module: "src/index.ts",
@@ -51385,19 +51641,20 @@ var _r = reconciler;
 var flushSync = _r.flushSyncFromReconciler ?? _r.flushSync;
 function createRoot(renderer) {
   let container = null;
+  const cleanup = () => {
+    if (container) {
+      reconciler.updateContainer(null, container, null, () => {});
+      reconciler.flushSyncWork();
+      container = null;
+    }
+  };
+  renderer.once(CliRenderEvents.DESTROY, cleanup);
   return {
     render: (node) => {
       engine.attach(renderer);
       container = _render(import_react7.default.createElement(AppContext.Provider, { value: { keyHandler: renderer.keyInput, renderer } }, import_react7.default.createElement(ErrorBoundary, null, node)), renderer.root);
     },
-    unmount: () => {
-      if (!container) {
-        return;
-      }
-      reconciler.updateContainer(null, container, null, () => {});
-      reconciler.flushSyncWork();
-      container = null;
-    }
+    unmount: cleanup
   };
 }
 
@@ -51410,7 +51667,7 @@ var heroText = `Hello world. You can call me Kai since we're pretty much friends
 var projects = [
   {
     title: "Vibedgames",
-    description: "Games made with vibes",
+    description: "Design, publish, and play personalized multiplayer minigames with your friends",
     url: "https://vibedgames.com"
   },
   {
@@ -51425,14 +51682,19 @@ var projects = [
   },
   {
     title: "Inteligir",
-    description: "Lifelong learning",
+    description: "Turn your social feed into your personal university with bite-sized lessons",
     url: "https://inteligir.com"
   },
   {
     title: "Dataembed",
-    description: "Search the web like a database",
+    description: "Search the web like a database. Query and transform scattered web information",
     url: "https://dataembed.com"
   },
+  {
+    title: "LoremLLM",
+    description: "Mock responses for LLMs",
+    url: "https://loremllm.com"
+  },
   {
     title: "Founding",
     description: "Your proxy founding team",
@@ -51445,7 +51707,7 @@ var projects = [
   },
   {
     title: "Covid-19 Dashboard",
-    description: "Visualize global Covid-19 data",
+    description: "Visualize global Covid-19 data and trends",
     url: "https://covid-19.kyh.io"
   },
   {
@@ -51453,44 +51715,73 @@ var projects = [
     description: "Cute sticker pack",
     url: "https://apps.apple.com/us/app/id1209391711"
   },
+  {
+    title: "Policing Ice",
+    description: "Documenting incidents of ICE overreach through crowdsourced video evidence",
+    url: "https://policingice.com"
+  },
+  {
+    title: "Kwadrants",
+    description: "Everything lives in a 2x2 matrix",
+    url: "https://kwadrants.com"
+  },
   {
     title: "Init",
     description: "An AI native starter kit to build, launch, and scale your next project",
     url: "https://init.kyh.io"
+  },
+  {
+    title: "AI Design Canvas",
+    description: "A full-featured, hackable Next.js and AI sdk design canvas",
+    url: "https://init.kyh.io"
+  },
+  {
+    title: "AI Datagrid",
+    description: "A full-featured, hackable Next.js AI datagrid",
+    url: "https://init.kyh.io"
   }
 ];
 var work = [
   {
-    title: "Sequoia",
-    description: "Helping the daring build legendary companies",
+    title: "Sequoia Capital",
+    description: "Technical Staff",
     url: "https://sequoiacap.com"
   },
   {
     title: "Vercel",
-    description: "Build and publish wonderful things",
+    description: "Software Engineer",
     url: "https://vercel.com"
   },
   {
     title: "Google",
-    description: "Looking for something?",
+    description: "Design Engineer",
     url: "https://grow.google"
   },
   {
     title: "Amazon",
-    description: "Earth's biggest bookstore",
+    description: "Software Engineer",
     url: "https://amazon.design"
   },
+  {
+    title: "Atrium",
+    description: "Software Engineer",
+    url: "https://crunchbase.com/organization/atrium-lts"
+  },
   {
     title: "Cardiogram",
-    description: "Your personal healthcare assistant",
-    url: "https://apps.apple.com/us/app/cardiogram/id1000017994"
+    description: "Design Engineer",
+    url: "https://crunchbase.com/organization/cardiogram"
   }
 ];
 var contactLinks = [
   { label: "Website", value: "kyh.io", url: "https://kyh.io" },
   { label: "GitHub", value: "github.com/kyh", url: "https://github.com/kyh" },
   { label: "X", value: "x.com/kaiyuhsu", url: "https://x.com/kaiyuhsu" },
-  { label: "LinkedIn", value: "linkedin.com/in/kyh", url: "https://linkedin.com/in/kyh" },
+  {
+    label: "LinkedIn",
+    value: "linkedin.com/in/kyh",
+    url: "https://linkedin.com/in/kyh"
+  },
   { label: "Email", value: "hello@kyh.io", url: "mailto:hello@kyh.io" }
 ];
 
@@ -51519,7 +51810,7 @@ function wrapText(text, width) {
   return lines;
 }
 
-// node_modules/@opentui/react/jsx-dev-runtime.js
+// ../../node_modules/.pnpm/@opentui+react@0.1.74_react-devtools-core@7.0.1_react@19.2.3_stage-js@1.0.0-alpha.17_ty_fb46e0fc351a293c6633843011916d07/node_modules/@opentui/react/jsx-dev-runtime.js
 var import_jsx_dev_runtime2 = __toESM(require_jsx_dev_runtime(), 1);
 
 // src/index.tsx
@@ -51536,7 +51827,7 @@ function App() {
   const [selectedIndex, setSelectedIndex] = import_react12.useState(0);
   const [showContact, setShowContact] = import_react12.useState(false);
   const [contactIndex, setContactIndex] = import_react12.useState(0);
-  const termWidth = process.stdout.columns || 80;
+  const { width: termWidth, height: termHeight } = useTerminalDimensions();
   const contentWidth = termWidth - 4;
   const descWidth = contentWidth - DESC_INDENT;
   useKeyboard((key) => {
@@ -51664,44 +51955,48 @@ function App() {
     flexDirection: "column",
     paddingLeft: 2,
     paddingTop: 1,
-    flexGrow: 1,
+    height: termHeight,
+    width: termWidth,
     children: [
-      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-        flexDirection: "column",
+      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("scrollbox", {
+        focused: true,
         flexGrow: 1,
-        children: [
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            children: name
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            children: " "
-          }, undefined, false, undefined, this),
-          heroLines.map((line, i) => /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            fg: DIM,
-            children: line
-          }, i, false, undefined, this)),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            children: " "
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            children: "Projects"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            children: " "
-          }, undefined, false, undefined, this),
-          projects.map((project, i) => renderItem(project, i, i === 0)),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            children: " "
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            children: "Work"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            children: " "
-          }, undefined, false, undefined, this),
-          work.map((item, i) => renderItem(item, projects.length + i, i === 0))
-        ]
-      }, undefined, true, undefined, this),
+        children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+          flexDirection: "column",
+          children: [
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: name
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: " "
+            }, undefined, false, undefined, this),
+            heroLines.map((line, i) => /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              fg: DIM,
+              children: line
+            }, i, false, undefined, this)),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: " "
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: "Projects"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: " "
+            }, undefined, false, undefined, this),
+            projects.map((project, i) => renderItem(project, i, i === 0)),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: " "
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: "Work"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: " "
+            }, undefined, false, undefined, this),
+            work.map((item, i) => renderItem(item, projects.length + i, i === 0))
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
       /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
         fg: DIM,
         children: "\u2191\u2193 navigate  enter open  c contact  q quit"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kyh",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Personal CLI tool",
   "type": "module",
   "bin": {
@@ -13,8 +13,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@opentui/core": "^0.1.69",
-    "@opentui/react": "^0.1.69",
+    "@opentui/core": "^0.1.74",
+    "@opentui/react": "^0.1.74",
     "react": "^19.2.3"
   },
   "devDependencies": {