` in the browser.
+ */
+function Box(t0: Props) {
+ const $ = _c(48)
+ let autoFocus
+ let children
+ let flexDirection
+ let flexGrow
+ let flexShrink
+ let flexWrap
+ let onBlur
+ let onBlurCapture
+ let onClick
+ let onFocus
+ let onFocusCapture
+ let onKeyDown
+ let onKeyDownCapture
+ let onMouseDown
+ let onMouseDrag
+ let onMouseEnter
+ let onMouseLeave
+ let onMouseUp
+ let ref
+ let style
+ let tabIndex
+
+ if ($[0] !== t0) {
+ const {
+ children: t1,
+ flexWrap: t2,
+ flexDirection: t3,
+ flexGrow: t4,
+ flexShrink: t5,
+ ref: t6,
+ tabIndex: t7,
+ autoFocus: t8,
+ onClick: t9,
+ onFocus: t10,
+ onFocusCapture: t11,
+ onBlur: t12,
+ onBlurCapture: t13,
+ onMouseDown: t14,
+ onMouseUp: t15,
+ onMouseDrag: t16,
+ onMouseEnter: t17,
+ onMouseLeave: t18,
+ onKeyDown: t19,
+ onKeyDownCapture: t20,
+ ...t21
+ } = t0
+
+ children = t1
+ ref = t6
+ tabIndex = t7
+ autoFocus = t8
+ onClick = t9
+ onFocus = t10
+ onFocusCapture = t11
+ onBlur = t12
+ onBlurCapture = t13
+ onMouseDown = t14
+ onMouseUp = t15
+ onMouseDrag = t16
+ onMouseEnter = t17
+ onMouseLeave = t18
+ onKeyDown = t19
+ onKeyDownCapture = t20
+ style = t21
+ flexWrap = t2 === undefined ? 'nowrap' : t2
+ flexDirection = t3 === undefined ? 'row' : t3
+ flexGrow = t4 === undefined ? 0 : t4
+ flexShrink = t5 === undefined ? 1 : t5
+ warn.ifNotInteger(style.margin, 'margin')
+ warn.ifNotInteger(style.marginX, 'marginX')
+ warn.ifNotInteger(style.marginY, 'marginY')
+ warn.ifNotInteger(style.marginTop, 'marginTop')
+ warn.ifNotInteger(style.marginBottom, 'marginBottom')
+ warn.ifNotInteger(style.marginLeft, 'marginLeft')
+ warn.ifNotInteger(style.marginRight, 'marginRight')
+ warn.ifNotInteger(style.padding, 'padding')
+ warn.ifNotInteger(style.paddingX, 'paddingX')
+ warn.ifNotInteger(style.paddingY, 'paddingY')
+ warn.ifNotInteger(style.paddingTop, 'paddingTop')
+ warn.ifNotInteger(style.paddingBottom, 'paddingBottom')
+ warn.ifNotInteger(style.paddingLeft, 'paddingLeft')
+ warn.ifNotInteger(style.paddingRight, 'paddingRight')
+ warn.ifNotInteger(style.gap, 'gap')
+ warn.ifNotInteger(style.columnGap, 'columnGap')
+ warn.ifNotInteger(style.rowGap, 'rowGap')
+ $[0] = t0
+ $[1] = autoFocus
+ $[2] = children
+ $[3] = flexDirection
+ $[4] = flexGrow
+ $[5] = flexShrink
+ $[6] = flexWrap
+ $[7] = onBlur
+ $[8] = onBlurCapture
+ $[9] = onClick
+ $[10] = onFocus
+ $[11] = onFocusCapture
+ $[12] = onKeyDown
+ $[13] = onKeyDownCapture
+ $[14] = onMouseDown
+ $[15] = onMouseUp
+ $[16] = onMouseDrag
+ $[17] = onMouseEnter
+ $[18] = onMouseLeave
+ $[19] = ref
+ $[20] = style
+ $[21] = tabIndex
+ } else {
+ autoFocus = $[1]
+ children = $[2]
+ flexDirection = $[3]
+ flexGrow = $[4]
+ flexShrink = $[5]
+ flexWrap = $[6]
+ onBlur = $[7]
+ onBlurCapture = $[8]
+ onClick = $[9]
+ onFocus = $[10]
+ onFocusCapture = $[11]
+ onKeyDown = $[12]
+ onKeyDownCapture = $[13]
+ onMouseDown = $[14]
+ onMouseUp = $[15]
+ onMouseDrag = $[16]
+ onMouseEnter = $[17]
+ onMouseLeave = $[18]
+ ref = $[19]
+ style = $[20]
+ tabIndex = $[21]
+ }
+
+ const t1 = style.overflowX ?? style.overflow ?? 'visible'
+ const t2 = style.overflowY ?? style.overflow ?? 'visible'
+ let t3
+
+ if (
+ $[22] !== flexDirection ||
+ $[23] !== flexGrow ||
+ $[24] !== flexShrink ||
+ $[25] !== flexWrap ||
+ $[26] !== style ||
+ $[27] !== t1 ||
+ $[28] !== t2
+ ) {
+ t3 = {
+ flexWrap,
+ flexDirection,
+ flexGrow,
+ flexShrink,
+ ...style,
+ overflowX: t1,
+ overflowY: t2
+ }
+ $[22] = flexDirection
+ $[23] = flexGrow
+ $[24] = flexShrink
+ $[25] = flexWrap
+ $[26] = style
+ $[27] = t1
+ $[28] = t2
+ $[29] = t3
+ } else {
+ t3 = $[29]
+ }
+
+ let t4
+
+ if (
+ $[30] !== autoFocus ||
+ $[31] !== children ||
+ $[32] !== onBlur ||
+ $[33] !== onBlurCapture ||
+ $[34] !== onClick ||
+ $[35] !== onFocus ||
+ $[36] !== onFocusCapture ||
+ $[37] !== onKeyDown ||
+ $[38] !== onKeyDownCapture ||
+ $[39] !== onMouseDown ||
+ $[40] !== onMouseUp ||
+ $[41] !== onMouseDrag ||
+ $[42] !== onMouseEnter ||
+ $[43] !== onMouseLeave ||
+ $[44] !== ref ||
+ $[45] !== t3 ||
+ $[46] !== tabIndex
+ ) {
+ t4 = (
+
+ {children}
+
+ )
+ $[30] = autoFocus
+ $[31] = children
+ $[32] = onBlur
+ $[33] = onBlurCapture
+ $[34] = onClick
+ $[35] = onFocus
+ $[36] = onFocusCapture
+ $[37] = onKeyDown
+ $[38] = onKeyDownCapture
+ $[39] = onMouseDown
+ $[40] = onMouseUp
+ $[41] = onMouseDrag
+ $[42] = onMouseEnter
+ $[43] = onMouseLeave
+ $[44] = ref
+ $[45] = t3
+ $[46] = tabIndex
+ $[47] = t4
+ } else {
+ t4 = $[47]
+ }
+
+ return t4
+}
+
+export default Box
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIlByb3BzV2l0aENoaWxkcmVuIiwiUmVmIiwiRXhjZXB0IiwiRE9NRWxlbWVudCIsIkNsaWNrRXZlbnQiLCJGb2N1c0V2ZW50IiwiS2V5Ym9hcmRFdmVudCIsIlN0eWxlcyIsIndhcm4iLCJQcm9wcyIsInJlZiIsInRhYkluZGV4IiwiYXV0b0ZvY3VzIiwib25DbGljayIsImV2ZW50Iiwib25Gb2N1cyIsIm9uRm9jdXNDYXB0dXJlIiwib25CbHVyIiwib25CbHVyQ2FwdHVyZSIsIm9uS2V5RG93biIsIm9uS2V5RG93bkNhcHR1cmUiLCJvbk1vdXNlRW50ZXIiLCJvbk1vdXNlTGVhdmUiLCJCb3giLCJ0MCIsIiQiLCJfYyIsImNoaWxkcmVuIiwiZmxleERpcmVjdGlvbiIsImZsZXhHcm93IiwiZmxleFNocmluayIsImZsZXhXcmFwIiwic3R5bGUiLCJ0MSIsInQyIiwidDMiLCJ0NCIsInQ1IiwidDYiLCJ0NyIsInQ4IiwidDkiLCJ0MTAiLCJ0MTEiLCJ0MTIiLCJ0MTMiLCJ0MTQiLCJ0MTUiLCJ0MTYiLCJ0MTciLCJ0MTgiLCJ1bmRlZmluZWQiLCJpZk5vdEludGVnZXIiLCJtYXJnaW4iLCJtYXJnaW5YIiwibWFyZ2luWSIsIm1hcmdpblRvcCIsIm1hcmdpbkJvdHRvbSIsIm1hcmdpbkxlZnQiLCJtYXJnaW5SaWdodCIsInBhZGRpbmciLCJwYWRkaW5nWCIsInBhZGRpbmdZIiwicGFkZGluZ1RvcCIsInBhZGRpbmdCb3R0b20iLCJwYWRkaW5nTGVmdCIsInBhZGRpbmdSaWdodCIsImdhcCIsImNvbHVtbkdhcCIsInJvd0dhcCIsIm92ZXJmbG93WCIsIm92ZXJmbG93Iiwib3ZlcmZsb3dZIl0sInNvdXJjZXMiOlsiQm94LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgJy4uL2dsb2JhbC5kLnRzJ1xuaW1wb3J0IFJlYWN0LCB7IHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4sIHR5cGUgUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgdHlwZSB7IEV4Y2VwdCB9IGZyb20gJ3R5cGUtZmVzdCdcbmltcG9ydCB0eXBlIHsgRE9NRWxlbWVudCB9IGZyb20gJy4uL2RvbS5qcydcbmltcG9ydCB0eXBlIHsgQ2xpY2tFdmVudCB9IGZyb20gJy4uL2V2ZW50cy9jbGljay1ldmVudC5qcydcbmltcG9ydCB0eXBlIHsgRm9jdXNFdmVudCB9IGZyb20gJy4uL2V2ZW50cy9mb2N1cy1ldmVudC5qcydcbmltcG9ydCB0eXBlIHsgS2V5Ym9hcmRFdmVudCB9IGZyb20gJy4uL2V2ZW50cy9rZXlib2FyZC1ldmVudC5qcydcbmltcG9ydCB0eXBlIHsgU3R5bGVzIH0gZnJvbSAnLi4vc3R5bGVzLmpzJ1xuaW1wb3J0ICogYXMgd2FybiBmcm9tICcuLi93YXJuLmpzJ1xuXG5leHBvcnQgdHlwZSBQcm9wcyA9IEV4Y2VwdDxTdHlsZXMsICd0ZXh0V3JhcCc+ICYge1xuICByZWY/OiBSZWY8RE9NRWxlbWVudD5cbiAgLyoqXG4gICAqIFRhYiBvcmRlciBpbmRleC4gTm9kZXMgd2l0aCBgdGFiSW5kZXggPj0gMGAgcGFydGljaXBhdGUgaW5cbiAgICogVGFiL1NoaWZ0K1RhYiBjeWNsaW5nOyBgLTFgIG1lYW5zIHByb2dyYW1tYXRpY2FsbHkgZm9jdXNhYmxlIG9ubHkuXG4gICAqL1xuICB0YWJJbmRleD86IG51bWJlclxuICAvKipcbiAgICogRm9jdXMgdGhpcyBlbGVtZW50IHdoZW4gaXQgbW91bnRzLiBMaWtlIHRoZSBIVE1MIGBhdXRvZm9jdXNgXG4gICAqIGF0dHJpYnV0ZSDigJQgdGhlIEZvY3VzTWFuYWdlciBjYWxscyBgZm9jdXMobm9kZSlgIGR1cmluZyB0aGVcbiAgICogcmVjb25jaWxlcidzIGBjb21taXRNb3VudGAgcGhhc2UuXG4gICAqL1xuICBhdXRvRm9jdXM/OiBib29sZWFuXG4gIC8qKlxuICAgKiBGaXJlZCBvbiBsZWZ0LWJ1dHRvbiBjbGljayAocHJlc3MgKyByZWxlYXNlIHdpdGhvdXQgZHJhZykuIE9ubHkgd29ya3NcbiAgICogaW5zaWRlIGA8QWx0ZXJuYXRlU2NyZWVuPmAgd2hlcmUgbW91c2UgdHJhY2tpbmcgaXMgZW5hYmxlZCDigJQgbm8tb3BcbiAgICogb3RoZXJ3aXNlLiBUaGUgZXZlbnQgYnViYmxlcyBmcm9tIHRoZSBkZWVwZXN0IGhpdCBCb3ggdXAgdGhyb3VnaFxuICAgKiBhbmNlc3RvcnM7IGNhbGwgYGV2ZW50LnN0b3BJbW1lZGlhdGVQcm9wYWdhdGlvbigpYCB0byBzdG9wIGJ1YmJsaW5nLlxuICAgKi9cbiAgb25DbGljaz86IChldmVudDogQ2xpY2tFdmVudCkgPT4gdm9pZFxuICBvbkZvY3VzPzogKGV2ZW50OiBGb2N1c0V2ZW50KSA9PiB2b2lkXG4gIG9uRm9jdXNDYXB0dXJlPzogKGV2ZW50OiBGb2N1c0V2ZW50KSA9PiB2b2lkXG4gIG9uQmx1cj86IChldmVudDogRm9jdXNFdmVudCkgPT4gdm9pZFxuICBvbkJsdXJDYXB0dXJlPzogKGV2ZW50OiBGb2N1c0V2ZW50KSA9PiB2b2lkXG4gIG9uS2V5RG93bj86IChldmVudDogS2V5Ym9hcmRFdmVudCkgPT4gdm9pZFxuICBvbktleURvd25DYXB0dXJlPzogKGV2ZW50OiBLZXlib2FyZEV2ZW50KSA9PiB2b2lkXG4gIC8qKlxuICAgKiBGaXJlZCB3aGVuIHRoZSBtb3VzZSBtb3ZlcyBpbnRvIHRoaXMgQm94J3MgcmVuZGVyZWQgcmVjdC4gTGlrZSBET01cbiAgICogYG1vdXNlZW50ZXJgLCBkb2VzIE5PVCBidWJibGUg4oCUIG1vdmluZyBiZXR3ZWVuIGNoaWxkcmVuIGRvZXMgbm90XG4gICAqIHJlLWZpcmUgb24gdGhlIHBhcmVudC4gT25seSB3b3JrcyBpbnNpZGUgYDxBbHRlcm5hdGVTY3JlZW4+YCB3aGVyZVxuICAgKiBtb2RlLTEwMDMgbW91c2UgdHJhY2tpbmcgaXMgZW5hYmxlZC5cbiAgICovXG4gIG9uTW91c2VFbnRlcj86ICgpID0+IHZvaWRcbiAgLyoqIEZpcmVkIHdoZW4gdGhlIG1vdXNlIG1vdmVzIG91dCBvZiB0aGlzIEJveCdzIHJlbmRlcmVkIHJlY3QuICovXG4gIG9uTW91c2VMZWF2ZT86ICgpID0+IHZvaWRcbn1cblxuLyoqXG4gKiBgPEJveD5gIGlzIGFuIGVzc2VudGlhbCBJbmsgY29tcG9uZW50IHRvIGJ1aWxkIHlvdXIgbGF5b3V0LiBJdCdzIGxpa2UgYDxkaXYgc3R5bGU9XCJkaXNwbGF5OiBmbGV4XCI+YCBpbiB0aGUgYnJvd3Nlci5cbiAqL1xuZnVuY3Rpb24gQm94KHtcbiAgY2hpbGRyZW4sXG4gIGZsZXhXcmFwID0gJ25vd3JhcCcsXG4gIGZsZXhEaXJlY3Rpb24gPSAncm93JyxcbiAgZmxleEdyb3cgPSAwLFxuICBmbGV4U2hyaW5rID0gMSxcbiAgcmVmLFxuICB0YWJJbmRleCxcbiAgYXV0b0ZvY3VzLFxuICBvbkNsaWNrLFxuICBvbkZvY3VzLFxuICBvbkZvY3VzQ2FwdHVyZSxcbiAgb25CbHVyLFxuICBvbkJsdXJDYXB0dXJlLFxuICBvbk1vdXNlRW50ZXIsXG4gIG9uTW91c2VMZWF2ZSxcbiAgb25LZXlEb3duLFxuICBvbktleURvd25DYXB0dXJlLFxuICAuLi5zdHlsZVxufTogUHJvcHNXaXRoQ2hpbGRyZW48UHJvcHM+KTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgLy8gV2FybiBpZiBzcGFjaW5nIHZhbHVlcyBhcmUgbm90IGludGVnZXJzIHRvIHByZXZlbnQgZnJhY3Rpb25hbCBsYXlvdXQgZGltZW5zaW9uc1xuICB3YXJuLmlmTm90SW50ZWdlcihzdHlsZS5tYXJnaW4sICdtYXJnaW4nKVxuICB3YXJuLmlmTm90SW50ZWdlcihzdHlsZS5tYXJnaW5YLCAnbWFyZ2luWCcpXG4gIHdhcm4uaWZOb3RJbnRlZ2VyKHN0eWxlLm1hcmdpblksICdtYXJnaW5ZJylcbiAgd2Fybi5pZk5vdEludGVnZXIoc3R5bGUubWFyZ2luVG9wLCAnbWFyZ2luVG9wJylcbiAgd2Fybi5pZk5vdEludGVnZXIoc3R5bGUubWFyZ2luQm90dG9tLCAnbWFyZ2luQm90dG9tJylcbiAgd2Fybi5pZk5vdEludGVnZXIoc3R5bGUubWFyZ2luTGVmdCwgJ21hcmdpbkxlZnQnKVxuICB3YXJuLmlmTm90SW50ZWdlcihzdHlsZS5tYXJnaW5SaWdodCwgJ21hcmdpblJpZ2h0JylcbiAgd2Fybi5pZk5vdEludGVnZXIoc3R5bGUucGFkZGluZywgJ3BhZGRpbmcnKVxuICB3YXJuLmlmTm90SW50ZWdlcihzdHlsZS5wYWRkaW5nWCwgJ3BhZGRpbmdYJylcbiAgd2Fybi5pZk5vdEludGVnZXIoc3R5bGUucGFkZGluZ1ksICdwYWRkaW5nWScpXG4gIHdhcm4uaWZOb3RJbnRlZ2VyKHN0eWxlLnBhZGRpbmdUb3AsICdwYWRkaW5nVG9wJylcbiAgd2Fybi5pZk5vdEludGVnZXIoc3R5bGUucGFkZGluZ0JvdHRvbSwgJ3BhZGRpbmdCb3R0b20nKVxuICB3YXJuLmlmTm90SW50ZWdlcihzdHlsZS5wYWRkaW5nTGVmdCwgJ3BhZGRpbmdMZWZ0JylcbiAgd2Fybi5pZk5vdEludGVnZXIoc3R5bGUucGFkZGluZ1JpZ2h0LCAncGFkZGluZ1JpZ2h0JylcbiAgd2Fybi5pZk5vdEludGVnZXIoc3R5bGUuZ2FwLCAnZ2FwJylcbiAgd2Fybi5pZk5vdEludGVnZXIoc3R5bGUuY29sdW1uR2FwLCAnY29sdW1uR2FwJylcbiAgd2Fybi5pZk5vdEludGVnZXIoc3R5bGUucm93R2FwLCAncm93R2FwJylcblxuICByZXR1cm4gKFxuICAgIDxpbmstYm94XG4gICAgICByZWY9e3JlZn1cbiAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgIGF1dG9Gb2N1cz17YXV0b0ZvY3VzfVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICBvbkZvY3VzQ2FwdHVyZT17b25Gb2N1c0NhcHR1cmV9XG4gICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgIG9uQmx1ckNhcHR1cmU9e29uQmx1ckNhcHR1cmV9XG4gICAgICBvbk1vdXNlRW50ZXI9e29uTW91c2VFbnRlcn1cbiAgICAgIG9uTW91c2VMZWF2ZT17b25Nb3VzZUxlYXZlfVxuICAgICAgb25LZXlEb3duPXtvbktleURvd259XG4gICAgICBvbktleURvd25DYXB0dXJlPXtvbktleURvd25DYXB0dXJlfVxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgZmxleFdyYXAsXG4gICAgICAgIGZsZXhEaXJlY3Rpb24sXG4gICAgICAgIGZsZXhHcm93LFxuICAgICAgICBmbGV4U2hyaW5rLFxuICAgICAgICAuLi5zdHlsZSxcbiAgICAgICAgb3ZlcmZsb3dYOiBzdHlsZS5vdmVyZmxvd1ggPz8gc3R5bGUub3ZlcmZsb3cgPz8gJ3Zpc2libGUnLFxuICAgICAgICBvdmVyZmxvd1k6IHN0eWxlLm92ZXJmbG93WSA/PyBzdHlsZS5vdmVyZmxvdyA/PyAndmlzaWJsZScsXG4gICAgICB9fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2luay1ib3g+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQm94XG4iXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLGdCQUFnQjtBQUN2QixPQUFPQSxLQUFLLElBQUksS0FBS0MsaUJBQWlCLEVBQUUsS0FBS0MsR0FBRyxRQUFRLE9BQU87QUFDL0QsY0FBY0MsTUFBTSxRQUFRLFdBQVc7QUFDdkMsY0FBY0MsVUFBVSxRQUFRLFdBQVc7QUFDM0MsY0FBY0MsVUFBVSxRQUFRLDBCQUEwQjtBQUMxRCxjQUFjQyxVQUFVLFFBQVEsMEJBQTBCO0FBQzFELGNBQWNDLGFBQWEsUUFBUSw2QkFBNkI7QUFDaEUsY0FBY0MsTUFBTSxRQUFRLGNBQWM7QUFDMUMsT0FBTyxLQUFLQyxJQUFJLE1BQU0sWUFBWTtBQUVsQyxPQUFPLEtBQUtDLEtBQUssR0FBR1AsTUFBTSxDQUFDSyxNQUFNLEVBQUUsVUFBVSxDQUFDLEdBQUc7RUFDL0NHLEdBQUcsQ0FBQyxFQUFFVCxHQUFHLENBQUNFLFVBQVUsQ0FBQztFQUNyQjtBQUNGO0FBQ0E7QUFDQTtFQUNFUSxRQUFRLENBQUMsRUFBRSxNQUFNO0VBQ2pCO0FBQ0Y7QUFDQTtBQUNBO0FBQ0E7RUFDRUMsU0FBUyxDQUFDLEVBQUUsT0FBTztFQUNu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
diff --git a/ui-tui/packages/hermes-ink/src/ink/components/Button.tsx b/ui-tui/packages/hermes-ink/src/ink/components/Button.tsx
new file mode 100644
index 0000000000..e99034c6db
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/components/Button.tsx
@@ -0,0 +1,236 @@
+import React, { type Ref, useEffect, useRef, useState } from 'react'
+import { c as _c } from 'react/compiler-runtime'
+import type { Except } from 'type-fest'
+
+import type { DOMElement } from '../dom.js'
+import type { Styles } from '../styles.js'
+
+import Box from './Box.js'
+type ButtonState = {
+ focused: boolean
+ hovered: boolean
+ active: boolean
+}
+export type Props = Except
& {
+ ref?: Ref
+ /**
+ * Called when the button is activated via Enter, Space, or click.
+ */
+ onAction: () => void
+ /**
+ * Tab order index. Defaults to 0 (in tab order).
+ * Set to -1 for programmatically focusable only.
+ */
+ tabIndex?: number
+ /**
+ * Focus this button when it mounts.
+ */
+ autoFocus?: boolean
+ /**
+ * Render prop receiving the interactive state. Use this to
+ * style children based on focus/hover/active — Button itself
+ * is intentionally unstyled.
+ *
+ * If not provided, children render as-is (no state-dependent styling).
+ */
+ children: ((state: ButtonState) => React.ReactNode) | React.ReactNode
+}
+
+function Button(t0) {
+ const $ = _c(30)
+ let autoFocus
+ let children
+ let onAction
+ let ref
+ let style
+ let t1
+
+ if ($[0] !== t0) {
+ ;({ onAction, tabIndex: t1, autoFocus, children, ref, ...style } = t0)
+ $[0] = t0
+ $[1] = autoFocus
+ $[2] = children
+ $[3] = onAction
+ $[4] = ref
+ $[5] = style
+ $[6] = t1
+ } else {
+ autoFocus = $[1]
+ children = $[2]
+ onAction = $[3]
+ ref = $[4]
+ style = $[5]
+ t1 = $[6]
+ }
+
+ const tabIndex = t1 === undefined ? 0 : t1
+ const [isFocused, setIsFocused] = useState(false)
+ const [isHovered, setIsHovered] = useState(false)
+ const [isActive, setIsActive] = useState(false)
+ const activeTimer = useRef(null)
+ let t2
+ let t3
+
+ if ($[7] === Symbol.for('react.memo_cache_sentinel')) {
+ t2 = () => () => {
+ if (activeTimer.current) {
+ clearTimeout(activeTimer.current)
+ }
+ }
+
+ t3 = []
+ $[7] = t2
+ $[8] = t3
+ } else {
+ t2 = $[7]
+ t3 = $[8]
+ }
+
+ useEffect(t2, t3)
+ let t4
+
+ if ($[9] !== onAction) {
+ t4 = e => {
+ if (e.key === 'return' || e.key === ' ') {
+ e.preventDefault()
+ setIsActive(true)
+ onAction()
+
+ if (activeTimer.current) {
+ clearTimeout(activeTimer.current)
+ }
+
+ activeTimer.current = setTimeout(_temp, 100, setIsActive)
+ }
+ }
+
+ $[9] = onAction
+ $[10] = t4
+ } else {
+ t4 = $[10]
+ }
+
+ const handleKeyDown = t4
+ let t5
+
+ if ($[11] !== onAction) {
+ t5 = _e => {
+ onAction()
+ }
+
+ $[11] = onAction
+ $[12] = t5
+ } else {
+ t5 = $[12]
+ }
+
+ const handleClick = t5
+ let t6
+
+ if ($[13] === Symbol.for('react.memo_cache_sentinel')) {
+ t6 = _e_0 => setIsFocused(true)
+ $[13] = t6
+ } else {
+ t6 = $[13]
+ }
+
+ const handleFocus = t6
+ let t7
+
+ if ($[14] === Symbol.for('react.memo_cache_sentinel')) {
+ t7 = _e_1 => setIsFocused(false)
+ $[14] = t7
+ } else {
+ t7 = $[14]
+ }
+
+ const handleBlur = t7
+ let t8
+
+ if ($[15] === Symbol.for('react.memo_cache_sentinel')) {
+ t8 = () => setIsHovered(true)
+ $[15] = t8
+ } else {
+ t8 = $[15]
+ }
+
+ const handleMouseEnter = t8
+ let t9
+
+ if ($[16] === Symbol.for('react.memo_cache_sentinel')) {
+ t9 = () => setIsHovered(false)
+ $[16] = t9
+ } else {
+ t9 = $[16]
+ }
+
+ const handleMouseLeave = t9
+ let t10
+
+ if ($[17] !== children || $[18] !== isActive || $[19] !== isFocused || $[20] !== isHovered) {
+ const state = {
+ focused: isFocused,
+ hovered: isHovered,
+ active: isActive
+ }
+
+ t10 = typeof children === 'function' ? children(state) : children
+ $[17] = children
+ $[18] = isActive
+ $[19] = isFocused
+ $[20] = isHovered
+ $[21] = t10
+ } else {
+ t10 = $[21]
+ }
+
+ const content = t10
+ let t11
+
+ if (
+ $[22] !== autoFocus ||
+ $[23] !== content ||
+ $[24] !== handleClick ||
+ $[25] !== handleKeyDown ||
+ $[26] !== ref ||
+ $[27] !== style ||
+ $[28] !== tabIndex
+ ) {
+ t11 = (
+
+ {content}
+
+ )
+ $[22] = autoFocus
+ $[23] = content
+ $[24] = handleClick
+ $[25] = handleKeyDown
+ $[26] = ref
+ $[27] = style
+ $[28] = tabIndex
+ $[29] = t11
+ } else {
+ t11 = $[29]
+ }
+
+ return t11
+}
+
+function _temp(setter) {
+ return setter(false)
+}
+
+export default Button
+export type { ButtonState }
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIlJlZiIsInVzZUNhbGxiYWNrIiwidXNlRWZmZWN0IiwidXNlUmVmIiwidXNlU3RhdGUiLCJFeGNlcHQiLCJET01FbGVtZW50IiwiQ2xpY2tFdmVudCIsIkZvY3VzRXZlbnQiLCJLZXlib2FyZEV2ZW50IiwiU3R5bGVzIiwiQm94IiwiQnV0dG9uU3RhdGUiLCJmb2N1c2VkIiwiaG92ZXJlZCIsImFjdGl2ZSIsIlByb3BzIiwicmVmIiwib25BY3Rpb24iLCJ0YWJJbmRleCIsImF1dG9Gb2N1cyIsImNoaWxkcmVuIiwic3RhdGUiLCJSZWFjdE5vZGUiLCJCdXR0b24iLCJ0MCIsIiQiLCJfYyIsInN0eWxlIiwidDEiLCJ1bmRlZmluZWQiLCJpc0ZvY3VzZWQiLCJzZXRJc0ZvY3VzZWQiLCJpc0hvdmVyZWQiLCJzZXRJc0hvdmVyZWQiLCJpc0FjdGl2ZSIsInNldElzQWN0aXZlIiwiYWN0aXZlVGltZXIiLCJ0MiIsInQzIiwiU3ltYm9sIiwiZm9yIiwiY3VycmVudCIsImNsZWFyVGltZW91dCIsInQ0IiwiZSIsImtleSIsInByZXZlbnREZWZhdWx0Iiwic2V0VGltZW91dCIsIl90ZW1wIiwiaGFuZGxlS2V5RG93biIsInQ1IiwiX2UiLCJoYW5kbGVDbGljayIsInQ2IiwiX2VfMCIsImhhbmRsZUZvY3VzIiwidDciLCJfZV8xIiwiaGFuZGxlQmx1ciIsInQ4IiwiaGFuZGxlTW91c2VFbnRlciIsInQ5IiwiaGFuZGxlTW91c2VMZWF2ZSIsInQxMCIsImNvbnRlbnQiLCJ0MTEiLCJzZXR0ZXIiXSwic291cmNlcyI6WyJCdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwge1xuICB0eXBlIFJlZixcbiAgdXNlQ2FsbGJhY2ssXG4gIHVzZUVmZmVjdCxcbiAgdXNlUmVmLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSAncmVhY3QnXG5pbXBvcnQgdHlwZSB7IEV4Y2VwdCB9IGZyb20gJ3R5cGUtZmVzdCdcbmltcG9ydCB0eXBlIHsgRE9NRWxlbWVudCB9IGZyb20gJy4uL2RvbS5qcydcbmltcG9ydCB0eXBlIHsgQ2xpY2tFdmVudCB9IGZyb20gJy4uL2V2ZW50cy9jbGljay1ldmVudC5qcydcbmltcG9ydCB0eXBlIHsgRm9jdXNFdmVudCB9IGZyb20gJy4uL2V2ZW50cy9mb2N1cy1ldmVudC5qcydcbmltcG9ydCB0eXBlIHsgS2V5Ym9hcmRFdmVudCB9IGZyb20gJy4uL2V2ZW50cy9rZXlib2FyZC1ldmVudC5qcydcbmltcG9ydCB0eXBlIHsgU3R5bGVzIH0gZnJvbSAnLi4vc3R5bGVzLmpzJ1xuaW1wb3J0IEJveCBmcm9tICcuL0JveC5qcydcblxudHlwZSBCdXR0b25TdGF0ZSA9IHtcbiAgZm9jdXNlZDogYm9vbGVhblxuICBob3ZlcmVkOiBib29sZWFuXG4gIGFjdGl2ZTogYm9vbGVhblxufVxuXG5leHBvcnQgdHlwZSBQcm9wcyA9IEV4Y2VwdDxTdHlsZXMsICd0ZXh0V3JhcCc+ICYge1xuICByZWY/OiBSZWY8RE9NRWxlbWVudD5cbiAgLyoqXG4gICAqIENhbGxlZCB3aGVuIHRoZSBidXR0b24gaXMgYWN0aXZhdGVkIHZpYSBFbnRlciwgU3BhY2UsIG9yIGNsaWNrLlxuICAgKi9cbiAgb25BY3Rpb246ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIFRhYiBvcmRlciBpbmRleC4gRGVmYXVsdHMgdG8gMCAoaW4gdGFiIG9yZGVyKS5cbiAgICogU2V0IHRvIC0xIGZvciBwcm9ncmFtbWF0aWNhbGx5IGZvY3VzYWJsZSBvbmx5LlxuICAgKi9cbiAgdGFiSW5kZXg/OiBudW1iZXJcbiAgLyoqXG4gICAqIEZvY3VzIHRoaXMgYnV0dG9uIHdoZW4gaXQgbW91bnRzLlxuICAgKi9cbiAgYXV0b0ZvY3VzPzogYm9vbGVhblxuICAvKipcbiAgICogUmVuZGVyIHByb3AgcmVjZWl2aW5nIHRoZSBpbnRlcmFjdGl2ZSBzdGF0ZS4gVXNlIHRoaXMgdG9cbiAgICogc3R5bGUgY2hpbGRyZW4gYmFzZWQgb24gZm9jdXMvaG92ZXIvYWN0aXZlIOKAlCBCdXR0b24gaXRzZWxmXG4gICAqIGlzIGludGVudGlvbmFsbHkgdW5zdHlsZWQuXG4gICAqXG4gICAqIElmIG5vdCBwcm92aWRlZCwgY2hpbGRyZW4gcmVuZGVyIGFzLWlzIChubyBzdGF0ZS1kZXBlbmRlbnQgc3R5bGluZykuXG4gICAqL1xuICBjaGlsZHJlbjogKChzdGF0ZTogQnV0dG9uU3RhdGUpID0+IFJlYWN0LlJlYWN0Tm9kZSkgfCBSZWFjdC5SZWFjdE5vZGVcbn1cblxuZnVuY3Rpb24gQnV0dG9uKHtcbiAgb25BY3Rpb24sXG4gIHRhYkluZGV4ID0gMCxcbiAgYXV0b0ZvY3VzLFxuICBjaGlsZHJlbixcbiAgcmVmLFxuICAuLi5zdHlsZVxufTogUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICBjb25zdCBbaXNGb2N1c2VkLCBzZXRJc0ZvY3VzZWRdID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IFtpc0hvdmVyZWQsIHNldElzSG92ZXJlZF0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgW2lzQWN0aXZlLCBzZXRJc0FjdGl2ZV0gPSB1c2VTdGF0ZShmYWxzZSlcblxuICBjb25zdCBhY3RpdmVUaW1lciA9IHVzZVJlZjxSZXR1cm5UeXBlPHR5cGVvZiBzZXRUaW1lb3V0PiB8IG51bGw+KG51bGwpXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgaWYgKGFjdGl2ZVRpbWVyLmN1cnJlbnQpIGNsZWFyVGltZW91dChhY3RpdmVUaW1lci5jdXJyZW50KVxuICAgIH1cbiAgfSwgW10pXG5cbiAgY29uc3QgaGFuZGxlS2V5RG93biA9IHVzZUNhbGxiYWNrKFxuICAgIChlOiBLZXlib2FyZEV2ZW50KSA9PiB7XG4gICAgICBpZiAoZS5rZXkgPT09ICdyZXR1cm4nIHx8IGUua2V5ID09PSAnICcpIHtcbiAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgIHNldElzQWN0aXZlKHRydWUpXG4gICAgICAgIG9uQWN0aW9uKClcbiAgICAgICAgaWYgKGFjdGl2ZVRpbWVyLmN1cnJlbnQpIGNsZWFyVGltZW91dChhY3RpdmVUaW1lci5jdXJyZW50KVxuICAgICAgICBhY3RpdmVUaW1lci5jdXJyZW50ID0gc2V0VGltZW91dChcbiAgICAgICAgICBzZXR0ZXIgPT4gc2V0dGVyKGZhbHNlKSxcbiAgICAgICAgICAxMDAsXG4gICAgICAgICAgc2V0SXNBY3RpdmUsXG4gICAgICAgIClcbiAgICAgIH1cbiAgICB9LFxuICAgIFtvbkFjdGlvbl0sXG4gIClcblxuICBjb25zdCBoYW5kbGVDbGljayA9IHVzZUNhbGxiYWNrKFxuICAgIChfZTogQ2xpY2tFdmVudCkgPT4ge1xuICAgICAgb25BY3Rpb24oKVxuICAgIH0sXG4gICAgW29uQWN0aW9uXSxcbiAgKVxuXG4gIGNvbnN0IGhhbmRsZUZvY3VzID0gdXNlQ2FsbGJhY2soKF9lOiBGb2N1c0V2ZW50KSA9PiBzZXRJc0ZvY3VzZWQodHJ1ZSksIFtdKVxuICBjb25zdCBoYW5kbGVCbHVyID0gdXNlQ2FsbGJhY2soKF9lOiBGb2N1c0V2ZW50KSA9PiBzZXRJc0ZvY3VzZWQoZmFsc2UpLCBbXSlcbiAgY29uc3QgaGFuZGxlTW91c2VFbnRlciA9IHVzZUNhbGxiYWNrKCgpID0+IHNldElzSG92ZXJlZCh0cnVlKSwgW10pXG4gIGNvbnN0IGhhbmRsZU1vdXNlTGVhdmUgPSB1c2VDYWxsYmFjaygoKSA9PiBzZXRJc0hvdmVyZWQoZmFsc2UpLCBbXSlcblxuICBjb25zdCBzdGF0ZTogQnV0dG9uU3RhdGUgPSB7XG4gICAgZm9jdXNlZDogaXNGb2N1c2VkLFxuICAgIGhvdmVyZWQ6IGlzSG92ZXJlZCxcbiAgICBhY3RpdmU6IGlzQWN0aXZlLFxuICB9XG4gIGNvbnN0IGNvbnRlbnQgPSB0eXBlb2YgY2hpbGRyZW4gPT09ICdmdW5jdGlvbicgPyBjaGlsZHJlbihzdGF0ZSkgOiBjaGlsZHJlblxuXG4gIHJldHVybiAoXG4gICAgPEJveFxuICAgICAgcmVmPXtyZWZ9XG4gICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICBhdXRvRm9jdXM9e2F1dG9Gb2N1c31cbiAgICAgIG9uS2V5RG93bj17aGFuZGxlS2V5RG93bn1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgb25Gb2N1cz17aGFuZGxlRm9jdXN9XG4gICAgICBvbkJsdXI9e2hhbmRsZUJsdXJ9XG4gICAgICBvbk1vdXNlRW50ZXI9e2hhbmRsZU1vdXNlRW50ZXJ9XG4gICAgICBvbk1vdXNlTGVhdmU9e2hhbmRsZU1vdXNlTGVhdmV9XG4gICAgICB7Li4uc3R5bGV9XG4gICAgPlxuICAgICAge2NvbnRlbnR9XG4gICAgPC9Cb3g+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQnV0dG9uXG5leHBvcnQgdHlwZSB7IEJ1dHRvblN0YXRlIH1cbiJdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU9BLEtBQUssSUFDVixLQUFLQyxHQUFHLEVBQ1JDLFdBQVcsRUFDWEMsU0FBUyxFQUNUQyxNQUFNLEVBQ05DLFFBQVEsUUFDSCxPQUFPO0FBQ2QsY0FBY0MsTUFBTSxRQUFRLFdBQVc7QUFDdkMsY0FBY0MsVUFBVSxRQUFRLFdBQVc7QUFDM0MsY0FBY0MsVUFBVSxRQUFRLDBCQUEwQjtBQUMxRCxjQUFjQyxVQUFVLFFBQVEsMEJBQTBCO0FBQzFELGNBQWNDLGFBQWEsUUFBUSw2QkFBNkI7QUFDaEUsY0FBY0MsTUFBTSxRQUFRLGNBQWM7QUFDMUMsT0FBT0MsR0FBRyxNQUFNLFVBQVU7QUFFMUIsS0FBS0MsV0FBVyxHQUFHO0VBQ2pCQyxPQUFPLEVBQUUsT0FBTztFQUNoQkMsT0FBTyxFQUFFLE9BQU87RUFDaEJDLE1BQU0sRUFBRSxPQUFPO0FBQ2pCLENBQUM7QUFFRCxPQUFPLEtBQUtDLEtBQUssR0FBR1gsTUFBTSxDQUFDSyxNQUFNLEVBQUUsVUFBVSxDQUFDLEdBQUc7RUFDL0NPLEdBQUcsQ0FBQyxFQUFFakIsR0FBRyxDQUFDTSxVQUFVLENBQUM7RUFDckI7QUFDRjtBQUNBO0VBQ0VZLFFBQVEsRUFBRSxHQUFHLEdBQUcsSUFBSTtFQUNwQjtB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
diff --git a/ui-tui/packages/hermes-ink/src/ink/components/ClockContext.tsx b/ui-tui/packages/hermes-ink/src/ink/components/ClockContext.tsx
new file mode 100644
index 0000000000..99dfc2d883
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/components/ClockContext.tsx
@@ -0,0 +1,133 @@
+import React, { createContext, type ReactNode, useEffect, useState } from 'react'
+import { c as _c } from 'react/compiler-runtime'
+
+import { BLURRED_FRAME_INTERVAL_MS, FRAME_INTERVAL_MS } from '../constants.js'
+import { useTerminalFocus } from '../hooks/use-terminal-focus.js'
+export type Clock = {
+ subscribe: (onChange: () => void, keepAlive: boolean) => () => void
+ now: () => number
+ setTickInterval: (ms: number) => void
+}
+
+export function createClock(tickIntervalMs: number): Clock {
+ const subscribers = new Map<() => void, boolean>()
+ let interval: ReturnType | null = null
+ let currentTickIntervalMs = tickIntervalMs
+ let startTime = 0
+ // Snapshot of the current tick's time, ensuring all subscribers in the same
+ // tick see the same value (keeps animations synchronized)
+ let tickTime = 0
+
+ function tick(): void {
+ tickTime = Date.now() - startTime
+
+ for (const onChange of subscribers.keys()) {
+ onChange()
+ }
+ }
+
+ function updateInterval(): void {
+ const anyKeepAlive = [...subscribers.values()].some(Boolean)
+
+ if (anyKeepAlive) {
+ if (interval) {
+ clearInterval(interval)
+ interval = null
+ }
+
+ if (startTime === 0) {
+ startTime = Date.now()
+ }
+
+ interval = setInterval(tick, currentTickIntervalMs)
+ } else if (interval) {
+ clearInterval(interval)
+ interval = null
+ }
+ }
+
+ return {
+ subscribe(onChange, keepAlive) {
+ subscribers.set(onChange, keepAlive)
+ updateInterval()
+
+ return () => {
+ subscribers.delete(onChange)
+ updateInterval()
+ }
+ },
+ now() {
+ if (startTime === 0) {
+ startTime = Date.now()
+ }
+
+ // When the clock interval is running, return the synchronized tickTime
+ // so all subscribers in the same tick see the same value.
+ // When paused (no keepAlive subscribers), return real-time to avoid
+ // returning a stale tickTime from the last tick before the pause.
+ if (interval && tickTime) {
+ return tickTime
+ }
+
+ return Date.now() - startTime
+ },
+ setTickInterval(ms) {
+ if (ms === currentTickIntervalMs) {
+ return
+ }
+
+ currentTickIntervalMs = ms
+ updateInterval()
+ }
+ }
+}
+
+export const ClockContext = createContext(null)
+
+// Own component so App.tsx doesn't re-render when the clock is created.
+// The clock value is stable (created once via useState), so the provider
+// never causes consumer re-renders on its own.
+export function ClockProvider(t0: { readonly children: ReactNode }) {
+ const $ = _c(7)
+
+ const { children } = t0
+
+ const [clock] = useState(_temp)
+ const focused = useTerminalFocus()
+ let t1
+ let t2
+
+ if ($[0] !== clock || $[1] !== focused) {
+ t1 = () => {
+ clock.setTickInterval(focused ? FRAME_INTERVAL_MS : BLURRED_FRAME_INTERVAL_MS)
+ }
+
+ t2 = [clock, focused]
+ $[0] = clock
+ $[1] = focused
+ $[2] = t1
+ $[3] = t2
+ } else {
+ t1 = $[2]
+ t2 = $[3]
+ }
+
+ useEffect(t1, t2)
+ let t3
+
+ if ($[4] !== children || $[5] !== clock) {
+ t3 = {children}
+ $[4] = children
+ $[5] = clock
+ $[6] = t3
+ } else {
+ t3 = $[6]
+ }
+
+ return t3
+}
+
+function _temp() {
+ return createClock(FRAME_INTERVAL_MS)
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsImNyZWF0ZUNvbnRleHQiLCJ1c2VFZmZlY3QiLCJ1c2VTdGF0ZSIsIkZSQU1FX0lOVEVSVkFMX01TIiwidXNlVGVybWluYWxGb2N1cyIsIkNsb2NrIiwic3Vic2NyaWJlIiwib25DaGFuZ2UiLCJrZWVwQWxpdmUiLCJub3ciLCJzZXRUaWNrSW50ZXJ2YWwiLCJtcyIsImNyZWF0ZUNsb2NrIiwidGlja0ludGVydmFsTXMiLCJzdWJzY3JpYmVycyIsIk1hcCIsImludGVydmFsIiwiUmV0dXJuVHlwZSIsInNldEludGVydmFsIiwiY3VycmVudFRpY2tJbnRlcnZhbE1zIiwic3RhcnRUaW1lIiwidGlja1RpbWUiLCJ0aWNrIiwiRGF0ZSIsImtleXMiLCJ1cGRhdGVJbnRlcnZhbCIsImFueUtlZXBBbGl2ZSIsInZhbHVlcyIsInNvbWUiLCJCb29sZWFuIiwiY2xlYXJJbnRlcnZhbCIsInNldCIsImRlbGV0ZSIsIkNsb2NrQ29udGV4dCIsIkJMVVJSRURfVElDS19JTlRFUlZBTF9NUyIsIkNsb2NrUHJvdmlkZXIiLCJ0MCIsIiQiLCJfYyIsImNoaWxkcmVuIiwiY2xvY2siLCJfdGVtcCIsImZvY3VzZWQiLCJ0MSIsInQyIiwidDMiXSwic291cmNlcyI6WyJDbG9ja0NvbnRleHQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBjcmVhdGVDb250ZXh0LCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBGUkFNRV9JTlRFUlZBTF9NUyB9IGZyb20gJy4uL2NvbnN0YW50cy5qcydcbmltcG9ydCB7IHVzZVRlcm1pbmFsRm9jdXMgfSBmcm9tICcuLi9ob29rcy91c2UtdGVybWluYWwtZm9jdXMuanMnXG5cbmV4cG9ydCB0eXBlIENsb2NrID0ge1xuICBzdWJzY3JpYmU6IChvbkNoYW5nZTogKCkgPT4gdm9pZCwga2VlcEFsaXZlOiBib29sZWFuKSA9PiAoKSA9PiB2b2lkXG4gIG5vdzogKCkgPT4gbnVtYmVyXG4gIHNldFRpY2tJbnRlcnZhbDogKG1zOiBudW1iZXIpID0+IHZvaWRcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGNyZWF0ZUNsb2NrKHRpY2tJbnRlcnZhbE1zOiBudW1iZXIpOiBDbG9jayB7XG4gIGNvbnN0IHN1YnNjcmliZXJzID0gbmV3IE1hcDwoKSA9PiB2b2lkLCBib29sZWFuPigpXG4gIGxldCBpbnRlcnZhbDogUmV0dXJuVHlwZTx0eXBlb2Ygc2V0SW50ZXJ2YWw+IHwgbnVsbCA9IG51bGxcbiAgbGV0IGN1cnJlbnRUaWNrSW50ZXJ2YWxNcyA9IHRpY2tJbnRlcnZhbE1zXG4gIGxldCBzdGFydFRpbWUgPSAwXG4gIC8vIFNuYXBzaG90IG9mIHRoZSBjdXJyZW50IHRpY2sncyB0aW1lLCBlbnN1cmluZyBhbGwgc3Vic2NyaWJlcnMgaW4gdGhlIHNhbWVcbiAgLy8gdGljayBzZWUgdGhlIHNhbWUgdmFsdWUgKGtlZXBzIGFuaW1hdGlvbnMgc3luY2hyb25pemVkKVxuICBsZXQgdGlja1RpbWUgPSAwXG5cbiAgZnVuY3Rpb24gdGljaygpOiB2b2lkIHtcbiAgICB0aWNrVGltZSA9IERhdGUubm93KCkgLSBzdGFydFRpbWVcbiAgICBmb3IgKGNvbnN0IG9uQ2hhbmdlIG9mIHN1YnNjcmliZXJzLmtleXMoKSkge1xuICAgICAgb25DaGFuZ2UoKVxuICAgIH1cbiAgfVxuXG4gIGZ1bmN0aW9uIHVwZGF0ZUludGVydmFsKCk6IHZvaWQge1xuICAgIGNvbnN0IGFueUtlZXBBbGl2ZSA9IFsuLi5zdWJzY3JpYmVycy52YWx1ZXMoKV0uc29tZShCb29sZWFuKVxuXG4gICAgaWYgKGFueUtlZXBBbGl2ZSkge1xuICAgICAgaWYgKGludGVydmFsKSB7XG4gICAgICAgIGNsZWFySW50ZXJ2YWwoaW50ZXJ2YWwpXG4gICAgICAgIGludGVydmFsID0gbnVsbFxuICAgICAgfVxuICAgICAgaWYgKHN0YXJ0VGltZSA9PT0gMCkge1xuICAgICAgICBzdGFydFRpbWUgPSBEYXRlLm5vdygpXG4gICAgICB9XG4gICAgICBpbnRlcnZhbCA9IHNldEludGVydmFsKHRpY2ssIGN1cnJlbnRUaWNrSW50ZXJ2YWxNcylcbiAgICB9IGVsc2UgaWYgKGludGVydmFsKSB7XG4gICAgICBjbGVhckludGVydmFsKGludGVydmFsKVxuICAgICAgaW50ZXJ2YWwgPSBudWxsXG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIHtcbiAgICBzdWJzY3JpYmUob25DaGFuZ2UsIGtlZXBBbGl2ZSkge1xuICAgICAgc3Vic2NyaWJlcnMuc2V0KG9uQ2hhbmdlLCBrZWVwQWxpdmUpXG4gICAgICB1cGRhdGVJbnRlcnZhbCgpXG4gICAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgICBzdWJzY3JpYmVycy5kZWxldGUob25DaGFuZ2UpXG4gICAgICAgIHVwZGF0ZUludGVydmFsKClcbiAgICAgIH1cbiAgICB9LFxuXG4gICAgbm93KCkge1xuICAgICAgaWYgKHN0YXJ0VGltZSA9PT0gMCkge1xuICAgICAgICBzdGFydFRpbWUgPSBEYXRlLm5vdygpXG4gICAgICB9XG4gICAgICAvLyBXaGVuIHRoZSBjbG9jayBpbnRlcnZhbCBpcyBydW5uaW5nLCByZXR1cm4gdGhlIHN5bmNocm9uaXplZCB0aWNrVGltZVxuICAgICAgLy8gc28gYWxsIHN1YnNjcmliZXJzIGluIHRoZSBzYW1lIHRpY2sgc2VlIHRoZSBzYW1lIHZhbHVlLlxuICAgICAgLy8gV2hlbiBwYXVzZWQgKG5vIGtlZXBBbGl2ZSBzdWJzY3JpYmVycyksIHJldHVybiByZWFsLXRpbWUgdG8gYXZvaWRcbiAgICAgIC8vIHJldHVybmluZyBhIHN0YWxlIHRpY2tUaW1lIGZyb20gdGhlIGxhc3QgdGljayBiZWZvcmUgdGhlIHBhdXNlLlxuICAgICAgaWYgKGludGVydmFsICYmIHRpY2tUaW1lKSB7XG4gICAgICAgIHJldHVybiB0aWNrVGltZVxuICAgICAgfVxuICAgICAgcmV0dXJuIERhdGUubm93KCkgLSBzdGFydFRpbWVcbiAgICB9LFxuXG4gICAgc2V0VGlja0ludGVydmFsKG1zKSB7XG4gICAgICBpZiAobXMgPT09IGN1cnJlbnRUaWNrSW50ZXJ2YWxNcykgcmV0dXJuXG4gICAgICBjdXJyZW50VGlja0ludGVydmFsTXMgPSBtc1xuICAgICAgdXBkYXRlSW50ZXJ2YWwoKVxuICAgIH0sXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IENsb2NrQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8Q2xvY2sgfCBudWxsPihudWxsKVxuXG5jb25zdCBCTFVSUkVEX1RJQ0tfSU5URVJWQUxfTVMgPSBGUkFNRV9JTlRFUlZBTF9NUyAqIDJcblxuLy8gT3duIGNvbXBvbmVudCBzbyBBcHAudHN4IGRvZXNuJ3QgcmUtcmVuZGVyIHdoZW4gdGhlIGNsb2NrIGlzIGNyZWF0ZWQuXG4vLyBUaGUgY2xvY2sgdmFsdWUgaXMgc3RhYmxlIChjcmVhdGVkIG9uY2UgdmlhIHVzZVN0YXRlKSwgc28gdGhlIHByb3ZpZGVyXG4vLyBuZXZlciBjYXVzZXMgY29uc3VtZXIgcmUtcmVuZGVycyBvbiBpdHMgb3duLlxuZXhwb3J0IGZ1bmN0aW9uIENsb2NrUHJvdmlkZXIoe1xuICBjaGlsZHJlbixcbn06IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVxufSk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IFtjbG9ja10gPSB1c2VTdGF0ZSgoKSA9PiBjcmVhdGVDbG9jayhGUkFNRV9JTlRFUlZBTF9NUykpXG4gIGNvbnN0IGZvY3VzZWQgPSB1c2VUZXJtaW5hbEZvY3VzKClcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNsb2NrLnNldFRpY2tJbnRlcnZhbChcbiAgICAgIGZvY3VzZWQgPyBGUkFNRV9JTlRFUlZBTF9NUyA6IEJMVVJSRURfVElDS19JTlRFUlZBTF9NUyxcbiAgICApXG4gIH0sIFtjbG9jaywgZm9jdXNlZF0pXG5cbiAgcmV0dXJuIDxDbG9ja0NvbnRleHQuUHJvdmlkZXIgdmFsdWU9e2Nsb2NrfT57Y2hpbGRyZW59PC9DbG9ja0NvbnRleHQuUHJvdmlkZXI+XG59XG4iXSwibWFwcGluZ3MiOiI7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QUtRLHFCQUFxQixFQUFFO01BQ2xDQSxxQkFBcUIsR0FBR1IsRUFBRTtNQUMxQmMsY0FBYyxDQUFDLENBQUM7SUFDbEI7RUFDRixDQUFDO0FBQ0g7QUFFQSxPQUFPLE1BQU1RLFlBQVksR0FBR2pDLGFBQWEsQ0FBQ0ssS0FBSyxHQUFHLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQztBQUU3RCxNQUFNNkIsd0JBQXdCLEdBQUcvQixpQkFBaUIsR0FBRyxDQUFDOztBQUV0RDtBQUNBO0FBQ0E7QUFDQSxPQUFPLFNBQUFnQyxjQUFBQyxFQUFBO0VBQUEsTUFBQUMsQ0FBQSxHQUFBQyxFQUFBO0VBQXVCO0lBQUFDO0VBQUEsSUFBQUgsRUFJN0I7RUFDQyxPQUFBSSxLQUFBLElBQWdCdEMsUUFBUSxDQUFDdUMsS0FBb0MsQ0FBQztFQUM5RCxNQUFBQyxPQUFBLEdBQWdCdEMsZ0JBQWdCLENBQUMsQ0FBQztFQUFBLElBQUF1QyxFQUFBO0VBQUEsSUFBQUMsRUFBQTtFQUFBLElBQUFQLENBQUEsUUFBQUcsS0FBQSxJQUFBSCxDQUFBLFFBQUFLLE9BQUE7SUFFeEJDLEVBQUEsR0FBQUEsQ0FBQTtNQUNSSCxLQUFLLENBQUE5QixlQUFnQixDQUNuQmdDLE9BQU8sR0FBUHZDLGlCQUFzRCxHQUF0RCtCLHdCQUNGLENBQUM7SUFBQSxDQUNGO0lBQUVVLEVBQUEsSUFBQ0osS0FBSyxFQUFFRSxPQUFPLENBQUM7SUFBQUwsQ0FBQSxNQUFBRyxLQUFBO0lBQUFILENBQUEsTUFBQUssT0FBQTtJQUFBTCxDQUFBLE1BQUFNLEVBQUE7SUFBQU4sQ0FBQSxNQUFBTyxFQUFBO0VBQUE7SUFBQUQsRUFBQSxHQUFBTixDQUFBO0lBQUFPLEVBQUEsR0FBQVAsQ0FBQTtFQUFBO0VBSm5CcEMsU0FBUyxDQUFDMEMsRUFJVCxFQUFFQyxFQUFnQixDQUFDO0VBQUEsSUFBQUMsRUFBQTtFQUFBLElBQUFSLENBQUEsUUFBQUUsUUFBQSxJQUFBRixDQUFBLFFBQUFHLEtBQUE7SUFFYkssRUFBQSwwQkFBOEJMLEtBQUssQ0FBTEEsTUFBSSxDQUFDLENBQUdELFNBQU8sQ0FBRSx3QkFBd0I7SUFBQUYsQ0FBQSxNQUFBRSxRQUFBO0lBQUFGLENBQUEsTUFBQUcsS0FBQTtJQUFBSCxDQUFBLE1BQUFRLEVBQUE7RUFBQTtJQUFBQSxFQUFBLEdBQUFSLENBQUE7RUFBQTtFQUFBLE9BQXZFUSxFQUF1RTtBQUFBO0FBZHpFLFNBQUFKLE1BQUE7RUFBQSxPQUswQjdCLFdBQVcsQ0FBQ1QsaUJBQWlCLENBQUM7QUFBQSIsImlnbm9yZUxpc3QiOltdfQ==
diff --git a/ui-tui/packages/hermes-ink/src/ink/components/CursorDeclarationContext.ts b/ui-tui/packages/hermes-ink/src/ink/components/CursorDeclarationContext.ts
new file mode 100644
index 0000000000..37356afa17
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/components/CursorDeclarationContext.ts
@@ -0,0 +1,28 @@
+import { createContext } from 'react'
+
+import type { DOMElement } from '../dom.js'
+
+export type CursorDeclaration = {
+ /** Display column (terminal cell width) within the declared node */
+ readonly relativeX: number
+ /** Line number within the declared node */
+ readonly relativeY: number
+ /** The ink-box DOMElement whose yoga layout provides the absolute origin */
+ readonly node: DOMElement
+}
+
+/**
+ * Setter for the declared cursor position.
+ *
+ * The optional second argument makes `null` a conditional clear: the
+ * declaration is only cleared if the currently-declared node matches
+ * `clearIfNode`. This makes the hook safe for sibling components
+ * (e.g. list items) that transfer focus among themselves — without the
+ * node check, a newly-unfocused item's clear could clobber a
+ * newly-focused sibling's set depending on layout-effect order.
+ */
+export type CursorDeclarationSetter = (declaration: CursorDeclaration | null, clearIfNode?: DOMElement | null) => void
+
+const CursorDeclarationContext = createContext(() => {})
+
+export default CursorDeclarationContext
diff --git a/ui-tui/packages/hermes-ink/src/ink/components/ErrorOverview.tsx b/ui-tui/packages/hermes-ink/src/ink/components/ErrorOverview.tsx
new file mode 100644
index 0000000000..9e87788e6c
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/components/ErrorOverview.tsx
@@ -0,0 +1,130 @@
+import { readFileSync } from 'fs'
+
+import codeExcerpt, { type CodeExcerpt } from 'code-excerpt'
+import React from 'react'
+import StackUtils from 'stack-utils'
+
+import Box from './Box.js'
+import Text from './Text.js'
+
+// Error's source file is reported as file:///home/user/file.js
+// This function removes the file://[cwd] part
+const cleanupPath = (path: string | undefined): string | undefined => {
+ return path?.replace(`file://${process.cwd()}/`, '')
+}
+
+let stackUtils: StackUtils | undefined
+
+function getStackUtils(): StackUtils {
+ return (stackUtils ??= new StackUtils({
+ cwd: process.cwd(),
+ internals: StackUtils.nodeInternals()
+ }))
+}
+
+type Props = {
+ readonly error: Error
+}
+
+export default function ErrorOverview({ error }: Props) {
+ const stack = error.stack ? error.stack.split('\n').slice(1) : undefined
+ const origin = stack ? getStackUtils().parseLine(stack[0]!) : undefined
+ const filePath = cleanupPath(origin?.file)
+ let excerpt: CodeExcerpt[] | undefined
+ let lineWidth = 0
+
+ if (filePath && origin?.line) {
+ try {
+ const sourceCode = readFileSync(filePath, 'utf8')
+ excerpt = codeExcerpt(sourceCode, origin.line)
+
+ if (excerpt) {
+ for (const { line } of excerpt) {
+ lineWidth = Math.max(lineWidth, String(line).length)
+ }
+ }
+ } catch {
+ // file not readable — skip source context
+ }
+ }
+
+ return (
+
+
+
+ {' '}
+ ERROR{' '}
+
+
+ {error.message}
+
+
+ {origin && filePath && (
+
+
+ {filePath}:{origin.line}:{origin.column}
+
+
+ )}
+
+ {origin && excerpt && (
+
+ {excerpt.map(({ line: line_0, value }) => (
+
+
+
+ {String(line_0).padStart(lineWidth, ' ')}:
+
+
+
+
+ {' ' + value}
+
+
+ ))}
+
+ )}
+
+ {error.stack && (
+
+ {error.stack
+ .split('\n')
+ .slice(1)
+ .map(line_1 => {
+ const parsedLine = getStackUtils().parseLine(line_1)
+
+ // If the line from the stack cannot be parsed, we print out the unparsed line.
+ if (!parsedLine) {
+ return (
+
+ -
+ {line_1}
+
+ )
+ }
+
+ return (
+
+ -
+ {parsedLine.function}
+
+ {' '}
+ ({cleanupPath(parsedLine.file) ?? ''}:{parsedLine.line}:{parsedLine.column})
+
+
+ )
+ })}
+
+ )}
+
+ )
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJjb2RlRXhjZXJwdCIsIkNvZGVFeGNlcnB0IiwicmVhZEZpbGVTeW5jIiwiUmVhY3QiLCJTdGFja1V0aWxzIiwiQm94IiwiVGV4dCIsImNsZWFudXBQYXRoIiwicGF0aCIsInJlcGxhY2UiLCJwcm9jZXNzIiwiY3dkIiwic3RhY2tVdGlscyIsImdldFN0YWNrVXRpbHMiLCJpbnRlcm5hbHMiLCJub2RlSW50ZXJuYWxzIiwiUHJvcHMiLCJlcnJvciIsIkVycm9yIiwiRXJyb3JPdmVydmlldyIsInN0YWNrIiwic3BsaXQiLCJzbGljZSIsInVuZGVmaW5lZCIsIm9yaWdpbiIsInBhcnNlTGluZSIsImZpbGVQYXRoIiwiZmlsZSIsImV4Y2VycHQiLCJsaW5lV2lkdGgiLCJsaW5lIiwic291cmNlQ29kZSIsIk1hdGgiLCJtYXgiLCJTdHJpbmciLCJsZW5ndGgiLCJtZXNzYWdlIiwiY29sdW1uIiwibWFwIiwidmFsdWUiLCJwYWRTdGFydCIsInBhcnNlZExpbmUiLCJmdW5jdGlvbiJdLCJzb3VyY2VzIjpbIkVycm9yT3ZlcnZpZXcudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBjb2RlRXhjZXJwdCwgeyB0eXBlIENvZGVFeGNlcnB0IH0gZnJvbSAnY29kZS1leGNlcnB0J1xuaW1wb3J0IHsgcmVhZEZpbGVTeW5jIH0gZnJvbSAnZnMnXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgU3RhY2tVdGlscyBmcm9tICdzdGFjay11dGlscydcbmltcG9ydCBCb3ggZnJvbSAnLi9Cb3guanMnXG5pbXBvcnQgVGV4dCBmcm9tICcuL1RleHQuanMnXG5cbi8qIGVzbGludC1kaXNhYmxlIGN1c3RvbS1ydWxlcy9uby1wcm9jZXNzLWN3ZCAtLSBzdGFjayB0cmFjZSBmaWxlOi8vIHBhdGhzIGFyZSByZWxhdGl2ZSB0byB0aGUgcmVhbCBPUyBjd2QsIG5vdCB0aGUgdmlydHVhbCBjd2QgKi9cblxuLy8gRXJyb3IncyBzb3VyY2UgZmlsZSBpcyByZXBvcnRlZCBhcyBmaWxlOi8vL2hvbWUvdXNlci9maWxlLmpzXG4vLyBUaGlzIGZ1bmN0aW9uIHJlbW92ZXMgdGhlIGZpbGU6Ly9bY3dkXSBwYXJ0XG5jb25zdCBjbGVhbnVwUGF0aCA9IChwYXRoOiBzdHJpbmcgfCB1bmRlZmluZWQpOiBzdHJpbmcgfCB1bmRlZmluZWQgPT4ge1xuICByZXR1cm4gcGF0aD8ucmVwbGFjZShgZmlsZTovLyR7cHJvY2Vzcy5jd2QoKX0vYCwgJycpXG59XG5cbmxldCBzdGFja1V0aWxzOiBTdGFja1V0aWxzIHwgdW5kZWZpbmVkXG5mdW5jdGlvbiBnZXRTdGFja1V0aWxzKCk6IFN0YWNrVXRpbHMge1xuICByZXR1cm4gKHN0YWNrVXRpbHMgPz89IG5ldyBTdGFja1V0aWxzKHtcbiAgICBjd2Q6IHByb2Nlc3MuY3dkKCksXG4gICAgaW50ZXJuYWxzOiBTdGFja1V0aWxzLm5vZGVJbnRlcm5hbHMoKSxcbiAgfSkpXG59XG5cbi8qIGVzbGludC1lbmFibGUgY3VzdG9tLXJ1bGVzL25vLXByb2Nlc3MtY3dkICovXG5cbnR5cGUgUHJvcHMgPSB7XG4gIHJlYWRvbmx5IGVycm9yOiBFcnJvclxufVxuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBFcnJvck92ZXJ2aWV3KHsgZXJyb3IgfTogUHJvcHMpIHtcbiAgY29uc3Qgc3RhY2sgPSBlcnJvci5zdGFjayA/IGVycm9yLnN0YWNrLnNwbGl0KCdcXG4nKS5zbGljZSgxKSA6IHVuZGVmaW5lZFxuICBjb25zdCBvcmlnaW4gPSBzdGFjayA/IGdldFN0YWNrVXRpbHMoKS5wYXJzZUxpbmUoc3RhY2tbMF0hKSA6IHVuZGVmaW5lZFxuICBjb25zdCBmaWxlUGF0aCA9IGNsZWFudXBQYXRoKG9yaWdpbj8uZmlsZSlcbiAgbGV0IGV4Y2VycHQ6IENvZGVFeGNlcnB0W10gfCB1bmRlZmluZWRcbiAgbGV0IGxpbmVXaWR0aCA9IDBcblxuICBpZiAoZmlsZVBhdGggJiYgb3JpZ2luPy5saW5lKSB7XG4gICAgdHJ5IHtcbiAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBjdXN0b20tcnVsZXMvbm8tc3luYy1mcyAtLSBzeW5jIHJlbmRlciBwYXRoOyBlcnJvciBvdmVybGF5IGNhbid0IGdvIGFzeW5jIHdpdGhvdXQgc3VzcGVuc2UgcmVzdHJ1Y3R1cmluZ1xuICAgICAgY29uc3Qgc291cmNlQ29kZSA9IHJlYWRGaWxlU3luYyhmaWxlUGF0aCwgJ3V0ZjgnKVxuICAgICAgZXhjZXJwdCA9IGNvZGVFeGNlcnB0KHNvdXJjZUNvZGUsIG9yaWdpbi5saW5lKVxuXG4gICAgICBpZiAoZXhjZXJwdCkge1xuICAgICAgICBmb3IgKGNvbnN0IHsgbGluZSB9IG9mIGV4Y2VycHQpIHtcbiAgICAgICAgICBsaW5lV2lkdGggPSBNYXRoLm1heChsaW5lV2lkdGgsIFN0cmluZyhsaW5lKS5sZW5ndGgpXG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9IGNhdGNoIHtcbiAgICAgIC8vIGZpbGUgbm90IHJlYWRhYmxlIOKAlCBza2lwIHNvdXJjZSBjb250ZXh0XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBwYWRkaW5nPXsxfT5cbiAgICAgIDxCb3g+XG4gICAgICAgIDxUZXh0IGJhY2tncm91bmRDb2xvcj1cImFuc2k6cmVkXCIgY29sb3I9XCJhbnNpOndoaXRlXCI+XG4gICAgICAgICAgeycgJ31cbiAgICAgICAgICBFUlJPUnsnICd9XG4gICAgICAgIDwvVGV4dD5cblxuICAgICAgICA8VGV4dD4ge2Vycm9yLm1lc3NhZ2V9PC9UZXh0PlxuICAgICAgPC9Cb3g+XG5cbiAgICAgIHtvcmlnaW4gJiYgZmlsZVBhdGggJiYgKFxuICAgICAgICA8Qm94IG1hcmdpblRvcD17MX0+XG4gICAgICAgICAgPFRleHQgZGltPlxuICAgICAgICAgICAge2ZpbGVQYXRofTp7b3JpZ2luLmxpbmV9OntvcmlnaW4uY29sdW1ufVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuXG4gICAgICB7b3JpZ2luICYmIGV4Y2VycHQgJiYgKFxuICAgICAgICA8Qm94IG1hcmdpblRvcD17MX0gZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAgICAgIHtleGNlcnB0Lm1hcCgoeyBsaW5lLCB2YWx1ZSB9KSA9PiAoXG4gICAgICAgICAgICA8Qm94IGtleT17bGluZX0+XG4gICAgICAgICAgICAgIDxCb3ggd2lkdGg9e2xpbmVXaWR0aCArIDF9PlxuICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICBkaW09e2xpbmUgIT09IG9yaWdpbi5saW5lfVxuICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yPXtcbiAgICAgICAgICAgICAgICAgICAgbGluZSA9PT0gb3JpZ2luLmxpbmUgPyAnYW5zaTpyZWQnIDogdW5kZWZpbmVkXG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICBjb2xvcj17bGluZSA9PT0gb3JpZ2luLmxpbmUgPyAnYW5zaTp3aGl0ZScgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge1N0cmluZyhsaW5lKS5wYWRTdGFydChsaW5lV2lkdGgsICcgJyl9OlxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPC9Cb3g+XG5cbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICBrZXk9e2xpbmV9XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yPXtsaW5lID09PSBvcmlnaW4ubGluZSA/ICdhbnNpOnJlZCcgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgY29sb3I9e2xpbmUgPT09IG9yaWdpbi5saW5lID8gJ2Fuc2k6d2hpdGUnIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgeycgJyArIHZhbHVlfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuXG4gICAgICB7ZXJyb3Iuc3RhY2sgJiYgKFxuICAgICAgICA8Qm94IG1hcmdpblRvcD17MX0gZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAgICAgIHtlcnJvci5zdGFja1xuICAgICAgICAgICAgLnNwbGl0KCdcXG4nKVxuICAgICAgICAgICAgLnNsaWNlKDEpXG4gICAgICAgICAgICAubWFwKGxpbmUgPT4ge1xuICAgICAgICAgICAgICBjb25zdCBwYXJzZWRMaW5lID0gZ2V0U3RhY2tVdGlscygpLnBhcnNlTGluZShsaW5lKVxuXG4gICAgICAgICAgICAgIC8vIElmIHRoZSBsaW5lIGZyb20gdGhlIHN0YWNrIGNhbm5vdCBiZSBwYXJzZWQsIHdlIHByaW50IG91dCB0aGUgdW5wYXJzZWQgbGluZS5cbiAgICAgICAgICAgICAgaWYgKCFwYXJzZWRMaW5lKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgIDxCb3gga2V5PXtsaW5lfT5cbiAgICAgICAgICAgICAgICAgICAgPFRleHQgZGltPi0gPC9UZXh0PlxuICAgICAgICAgICAgICAgICAgICA8VGV4dCBib2xkPntsaW5lfTwvVGV4dD5cbiAgICAgICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPEJveCBrZXk9e2xpbmV9PlxuICAgICAgICAgICAgICAgICAgPFRleHQgZGltPi0gPC9UZXh0PlxuICAgICAgICAgICAgICAgICAgPFRleHQgYm9sZD57cGFyc2VkTGluZS5mdW5jdGlvbn08L1RleHQ+XG4gICAgICAgICAgICAgICAgICA8VGV4dCBkaW0+XG4gICAgICAgICAgICAgICAgICAgIHsnICd9XG4gICAgICAgICAgICAgICAgICAgICh7Y2xlYW51cFBhdGgocGFyc2VkTGluZS5maWxlKSA/PyAnJ306e3BhcnNlZExpbmUubGluZX06XG4gICAgICAgICAgICAgICAgICAgIHtwYXJzZWRMaW5lLmNvbHVtbn0pXG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICAgIClcbiAgICAgICAgICAgIH0pfVxuICAgICAgICA8L0JveD5cbiAgICAgICl9XG4gICAgPC9Cb3g+XG4gIClcbn1cbiJdLCJtYXBwaW5ncyI6IkFBQUEsT0FBT0EsV0FBVyxJQUFJLEtBQUtDLFdBQVcsUUFBUSxjQUFjO0FBQzVELFNBQVNDLFlBQVksUUFBUSxJQUFJO0FBQ2pDLE9BQU9DLEtBQUssTUFBTSxPQUFPO0FBQ3pCLE9BQU9DLFVBQVUsTUFBTSxhQUFhO0FBQ3BDLE9BQU9DLEdBQUcsTUFBTSxVQUFVO0FBQzFCLE9BQU9DLElBQUksTUFBTSxXQUFXOztBQUU1Qjs7QUFFQTtBQUNBO0FBQ0EsTUFBTUMsV0FBVyxHQUFHQSxDQUFDQyxJQUFJLEVBQUUsTUFBTSxHQUFHLFNBQVMsQ0FBQyxFQUFFLE1BQU0sR0FBRyxTQUFTLElBQUk7RUFDcEUsT0FBT0EsSUFBSSxFQUFFQyxPQUFPLENBQUMsVUFBVUMsT0FBTyxDQUFDQyxHQUFHLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDO0FBQ3RELENBQUM7QUFFRCxJQUFJQyxVQUFVLEVBQUVSLFVBQVUsR0FBRyxTQUFTO0FBQ3RDLFNBQVNTLGFBQWFBLENBQUEsQ0FBRSxFQUFFVCxVQUFVLENBQUM7RUFDbkMsT0FBUVEsVUFBVSxLQUFLLElBQUlSLFVBQVUsQ0FBQztJQUNwQ08sR0FBRyxFQUFFRCxPQUFPLENBQUNDLEdBQUcsQ0FBQyxDQUFDO0lBQ2xCRyxTQUFTLEVBQUVWLFVBQVUsQ0FBQ1csYUFBYSxDQUFDO0VBQ3RDLENBQUMsQ0FBQztBQUNKOztBQUVBOztBQUVBLEtBQUtDLEtBQUssR0FBRztFQUNYLFNBQVNDLEtBQUssRUFBRUMsS0FBSztBQUN2QixDQUFDO0FBRUQsZUFBZSxTQUFTQyxhQUFhQSxDQUFD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
diff --git a/ui-tui/packages/hermes-ink/src/ink/components/Link.tsx b/ui-tui/packages/hermes-ink/src/ink/components/Link.tsx
new file mode 100644
index 0000000000..71c4914558
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/components/Link.tsx
@@ -0,0 +1,53 @@
+import type { ReactNode } from 'react'
+import React from 'react'
+import { c as _c } from 'react/compiler-runtime'
+
+import { supportsHyperlinks } from '../supports-hyperlinks.js'
+
+import Text from './Text.js'
+export type Props = {
+ readonly children?: ReactNode
+ readonly url: string
+ readonly fallback?: ReactNode
+}
+
+export default function Link(t0: Props) {
+ const $ = _c(5)
+
+ const { children, url, fallback } = t0
+
+ const content = children ?? url
+
+ if (supportsHyperlinks()) {
+ let t1
+
+ if ($[0] !== content || $[1] !== url) {
+ t1 = (
+
+ {content}
+
+ )
+ $[0] = content
+ $[1] = url
+ $[2] = t1
+ } else {
+ t1 = $[2]
+ }
+
+ return t1
+ }
+
+ const t1 = fallback ?? content
+ let t2
+
+ if ($[3] !== t1) {
+ t2 = {t1}
+ $[3] = t1
+ $[4] = t2
+ } else {
+ t2 = $[4]
+ }
+
+ return t2
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdE5vZGUiLCJSZWFjdCIsInN1cHBvcnRzSHlwZXJsaW5rcyIsIlRleHQiLCJQcm9wcyIsImNoaWxkcmVuIiwidXJsIiwiZmFsbGJhY2siLCJMaW5rIiwidDAiLCIkIiwiX2MiLCJjb250ZW50IiwidDEiLCJ0MiJdLCJzb3VyY2VzIjpbIkxpbmsudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBzdXBwb3J0c0h5cGVybGlua3MgfSBmcm9tICcuLi9zdXBwb3J0cy1oeXBlcmxpbmtzLmpzJ1xuaW1wb3J0IFRleHQgZnJvbSAnLi9UZXh0LmpzJ1xuXG5leHBvcnQgdHlwZSBQcm9wcyA9IHtcbiAgcmVhZG9ubHkgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbiAgcmVhZG9ubHkgdXJsOiBzdHJpbmdcbiAgcmVhZG9ubHkgZmFsbGJhY2s/OiBSZWFjdE5vZGVcbn1cblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gTGluayh7XG4gIGNoaWxkcmVuLFxuICB1cmwsXG4gIGZhbGxiYWNrLFxufTogUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICAvLyBVc2UgY2hpbGRyZW4gaWYgcHJvdmlkZWQsIG90aGVyd2lzZSBkaXNwbGF5IHRoZSBVUkxcbiAgY29uc3QgY29udGVudCA9IGNoaWxkcmVuID8/IHVybFxuXG4gIGlmIChzdXBwb3J0c0h5cGVybGlua3MoKSkge1xuICAgIC8vIFdyYXAgaW4gVGV4dCB0byBlbnN1cmUgd2UncmUgaW4gYSB0ZXh0IGNvbnRleHRcbiAgICAvLyAoaW5rLWxpbmsgaXMgYSB0ZXh0IGVsZW1lbnQgbGlrZSBpbmstdGV4dClcbiAgICByZXR1cm4gKFxuICAgICAgPFRleHQ+XG4gICAgICAgIDxpbmstbGluayBocmVmPXt1cmx9Pntjb250ZW50fTwvaW5rLWxpbms+XG4gICAgICA8L1RleHQ+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIDxUZXh0PntmYWxsYmFjayA/PyBjb250ZW50fTwvVGV4dD5cbn1cbiJdLCJtYXBwaW5ncyI6IjtBQUFBLGNBQWNBLFNBQVMsUUFBUSxPQUFPO0FBQ3RDLE9BQU9DLEtBQUssTUFBTSxPQUFPO0FBQ3pCLFNBQVNDLGtCQUFrQixRQUFRLDJCQUEyQjtBQUM5RCxPQUFPQyxJQUFJLE1BQU0sV0FBVztBQUU1QixPQUFPLEtBQUtDLEtBQUssR0FBRztFQUNsQixTQUFTQyxRQUFRLENBQUMsRUFBRUwsU0FBUztFQUM3QixTQUFTTSxHQUFHLEVBQUUsTUFBTTtFQUNwQixTQUFTQyxRQUFRLENBQUMsRUFBRVAsU0FBUztBQUMvQixDQUFDO0FBRUQsZUFBZSxTQUFBUSxLQUFBQyxFQUFBO0VBQUEsTUFBQUMsQ0FBQSxHQUFBQyxFQUFBO0VBQWM7SUFBQU4sUUFBQTtJQUFBQyxHQUFBO0lBQUFDO0VBQUEsSUFBQUUsRUFJckI7RUFFTixNQUFBRyxPQUFBLEdBQWdCUCxRQUFlLElBQWZDLEdBQWU7RUFFL0IsSUFBSUosa0JBQWtCLENBQUMsQ0FBQztJQUFBLElBQUFXLEVBQUE7SUFBQSxJQUFBSCxDQUFBLFFBQUFFLE9BQUEsSUFBQUYsQ0FBQSxRQUFBSixHQUFBO01BSXBCTyxFQUFBLElBQUMsSUFBSSxDQUNILFNBQXlDLENBQXpCUCxJQUFHLENBQUhBLElBQUUsQ0FBQyxDQUFHTSxRQUFNLENBQUUsRUFBOUIsUUFBeUMsQ0FDM0MsRUFGQyxJQUFJLENBRUU7TUFBQUYsQ0FBQSxNQUFBRSxPQUFBO01BQUFGLENBQUEsTUFBQUosR0FBQTtNQUFBSSxDQUFBLE1BQUFHLEVBQUE7SUFBQTtNQUFBQSxFQUFBLEdBQUFILENBQUE7SUFBQTtJQUFBLE9BRlBHLEVBRU87RUFBQTtFQUlHLE1BQUFBLEVBQUEsR0FBQU4sUUFBbUIsSUFBbkJLLE9BQW1CO0VBQUEsSUFBQUUsRUFBQTtFQUFBLElBQUFKLENBQUEsUUFBQUcsRUFBQTtJQUExQkMsRUFBQSxJQUFDLElBQUksQ0FBRSxDQUFBRCxFQUFrQixDQUFFLEVBQTFCLElBQUksQ0FBNkI7SUFBQUgsQ0FBQSxNQUFBRyxFQUFBO0lBQUFILENBQUEsTUFBQUksRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQUosQ0FBQTtFQUFBO0VBQUEsT0FBbENJLEVBQWtDO0FBQUEiLCJpZ25vcmVMaXN0IjpbXX0=
diff --git a/ui-tui/packages/hermes-ink/src/ink/components/Newline.tsx b/ui-tui/packages/hermes-ink/src/ink/components/Newline.tsx
new file mode 100644
index 0000000000..4010dc9ffd
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/components/Newline.tsx
@@ -0,0 +1,43 @@
+import React from 'react'
+import { c as _c } from 'react/compiler-runtime'
+export type Props = {
+ /**
+ * Number of newlines to insert.
+ *
+ * @default 1
+ */
+ readonly count?: number
+}
+
+/**
+ * Adds one or more newline (\n) characters. Must be used within components.
+ */
+export default function Newline(t0: Props) {
+ const $ = _c(4)
+
+ const { count: t1 } = t0
+
+ const count = t1 === undefined ? 1 : t1
+ let t2
+
+ if ($[0] !== count) {
+ t2 = '\n'.repeat(count)
+ $[0] = count
+ $[1] = t2
+ } else {
+ t2 = $[1]
+ }
+
+ let t3
+
+ if ($[2] !== t2) {
+ t3 = {t2}
+ $[2] = t2
+ $[3] = t3
+ } else {
+ t3 = $[3]
+ }
+
+ return t3
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIlByb3BzIiwiY291bnQiLCJOZXdsaW5lIiwidDAiLCIkIiwiX2MiLCJ0MSIsInVuZGVmaW5lZCIsInQyIiwicmVwZWF0IiwidDMiXSwic291cmNlcyI6WyJOZXdsaW5lLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbmV4cG9ydCB0eXBlIFByb3BzID0ge1xuICAvKipcbiAgICogTnVtYmVyIG9mIG5ld2xpbmVzIHRvIGluc2VydC5cbiAgICpcbiAgICogQGRlZmF1bHQgMVxuICAgKi9cbiAgcmVhZG9ubHkgY291bnQ/OiBudW1iZXJcbn1cblxuLyoqXG4gKiBBZGRzIG9uZSBvciBtb3JlIG5ld2xpbmUgKFxcbikgY2hhcmFjdGVycy4gTXVzdCBiZSB1c2VkIHdpdGhpbiA8VGV4dD4gY29tcG9uZW50cy5cbiAqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gTmV3bGluZSh7IGNvdW50ID0gMSB9OiBQcm9wcykge1xuICByZXR1cm4gPGluay10ZXh0PnsnXFxuJy5yZXBlYXQoY291bnQpfTwvaW5rLXRleHQ+XG59XG4iXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPQSxLQUFLLE1BQU0sT0FBTztBQUV6QixPQUFPLEtBQUtDLEtBQUssR0FBRztFQUNsQjtBQUNGO0FBQ0E7QUFDQTtBQUNBO0VBQ0UsU0FBU0MsS0FBSyxDQUFDLEVBQUUsTUFBTTtBQUN6QixDQUFDOztBQUVEO0FBQ0E7QUFDQTtBQUNBLGVBQWUsU0FBQUMsUUFBQUMsRUFBQTtFQUFBLE1BQUFDLENBQUEsR0FBQUMsRUFBQTtFQUFpQjtJQUFBSixLQUFBLEVBQUFLO0VBQUEsSUFBQUgsRUFBb0I7RUFBbEIsTUFBQUYsS0FBQSxHQUFBSyxFQUFTLEtBQVRDLFNBQVMsR0FBVCxDQUFTLEdBQVRELEVBQVM7RUFBQSxJQUFBRSxFQUFBO0VBQUEsSUFBQUosQ0FBQSxRQUFBSCxLQUFBO0lBQ3ZCTyxFQUFBLE9BQUksQ0FBQUMsTUFBTyxDQUFDUixLQUFLLENBQUM7SUFBQUcsQ0FBQSxNQUFBSCxLQUFBO0lBQUFHLENBQUEsTUFBQUksRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQUosQ0FBQTtFQUFBO0VBQUEsSUFBQU0sRUFBQTtFQUFBLElBQUFOLENBQUEsUUFBQUksRUFBQTtJQUE3QkUsRUFBQSxZQUF5QyxDQUE5QixDQUFBRixFQUFpQixDQUFFLEVBQTlCLFFBQXlDO0lBQUFKLENBQUEsTUFBQUksRUFBQTtJQUFBSixDQUFBLE1BQUFNLEVBQUE7RUFBQTtJQUFBQSxFQUFBLEdBQUFOLENBQUE7RUFBQTtFQUFBLE9BQXpDTSxFQUF5QztBQUFBIiwiaWdub3JlTGlzdCI6W119
diff --git a/ui-tui/packages/hermes-ink/src/ink/components/NoSelect.tsx b/ui-tui/packages/hermes-ink/src/ink/components/NoSelect.tsx
new file mode 100644
index 0000000000..79078189e4
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/components/NoSelect.tsx
@@ -0,0 +1,73 @@
+import React from 'react'
+import { c as _c } from 'react/compiler-runtime'
+
+import Box, { type Props as BoxProps } from './Box.js'
+type Props = Omit & {
+ /**
+ * Extend the exclusion zone from column 0 to this box's right edge,
+ * for every row this box occupies. Use for gutters rendered inside a
+ * wider indented container (e.g. a diff inside a tool message row):
+ * without this, a multi-row drag picks up the container's leading
+ * indent on rows below the prefix.
+ *
+ * @default false
+ */
+ fromLeftEdge?: boolean
+}
+
+/**
+ * Marks its contents as non-selectable in fullscreen text selection.
+ * Cells inside this box are skipped by both the selection highlight and
+ * the copied text — the gutter stays visually unchanged while the user
+ * drags, making it clear what will be copied.
+ *
+ * Use to fence off gutters (line numbers, diff +/- sigils, list bullets)
+ * so click-drag over rendered code yields clean pasteable content:
+ *
+ *
+ * 42 +
+ * const x = 1
+ *
+ *
+ * Only affects alt-screen text selection ( with mouse
+ * tracking). No-op in the main-screen scrollback render where the
+ * terminal's native selection is used instead.
+ */
+export function NoSelect(t0: Props) {
+ const $ = _c(8)
+ let boxProps
+ let children
+ let fromLeftEdge
+
+ if ($[0] !== t0) {
+ ;({ children, fromLeftEdge, ...boxProps } = t0)
+ $[0] = t0
+ $[1] = boxProps
+ $[2] = children
+ $[3] = fromLeftEdge
+ } else {
+ boxProps = $[1]
+ children = $[2]
+ fromLeftEdge = $[3]
+ }
+
+ const t1 = fromLeftEdge ? 'from-left-edge' : true
+ let t2
+
+ if ($[4] !== boxProps || $[5] !== children || $[6] !== t1) {
+ t2 = (
+
+ {children}
+
+ )
+ $[4] = boxProps
+ $[5] = children
+ $[6] = t1
+ $[7] = t2
+ } else {
+ t2 = $[7]
+ }
+
+ return t2
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIlByb3BzV2l0aENoaWxkcmVuIiwiQm94IiwiUHJvcHMiLCJCb3hQcm9wcyIsIk9taXQiLCJmcm9tTGVmdEVkZ2UiLCJOb1NlbGVjdCIsInQwIiwiJCIsIl9jIiwiYm94UHJvcHMiLCJjaGlsZHJlbiIsInQxIiwidDIiXSwic291cmNlcyI6WyJOb1NlbGVjdC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4gfSBmcm9tICdyZWFjdCdcbmltcG9ydCBCb3gsIHsgdHlwZSBQcm9wcyBhcyBCb3hQcm9wcyB9IGZyb20gJy4vQm94LmpzJ1xuXG50eXBlIFByb3BzID0gT21pdDxCb3hQcm9wcywgJ25vU2VsZWN0Jz4gJiB7XG4gIC8qKlxuICAgKiBFeHRlbmQgdGhlIGV4Y2x1c2lvbiB6b25lIGZyb20gY29sdW1uIDAgdG8gdGhpcyBib3gncyByaWdodCBlZGdlLFxuICAgKiBmb3IgZXZlcnkgcm93IHRoaXMgYm94IG9jY3VwaWVzLiBVc2UgZm9yIGd1dHRlcnMgcmVuZGVyZWQgaW5zaWRlIGFcbiAgICogd2lkZXIgaW5kZW50ZWQgY29udGFpbmVyIChlLmcuIGEgZGlmZiBpbnNpZGUgYSB0b29sIG1lc3NhZ2Ugcm93KTpcbiAgICogd2l0aG91dCB0aGlzLCBhIG11bHRpLXJvdyBkcmFnIHBpY2tzIHVwIHRoZSBjb250YWluZXIncyBsZWFkaW5nXG4gICAqIGluZGVudCBvbiByb3dzIGJlbG93IHRoZSBwcmVmaXguXG4gICAqXG4gICAqIEBkZWZhdWx0IGZhbHNlXG4gICAqL1xuICBmcm9tTGVmdEVkZ2U/OiBib29sZWFuXG59XG5cbi8qKlxuICogTWFya3MgaXRzIGNvbnRlbnRzIGFzIG5vbi1zZWxlY3RhYmxlIGluIGZ1bGxzY3JlZW4gdGV4dCBzZWxlY3Rpb24uXG4gKiBDZWxscyBpbnNpZGUgdGhpcyBib3ggYXJlIHNraXBwZWQgYnkgYm90aCB0aGUgc2VsZWN0aW9uIGhpZ2hsaWdodCBhbmRcbiAqIHRoZSBjb3BpZWQgdGV4dCDigJQgdGhlIGd1dHRlciBzdGF5cyB2aXN1YWxseSB1bmNoYW5nZWQgd2hpbGUgdGhlIHVzZXJcbiAqIGRyYWdzLCBtYWtpbmcgaXQgY2xlYXIgd2hhdCB3aWxsIGJlIGNvcGllZC5cbiAqXG4gKiBVc2UgdG8gZmVuY2Ugb2ZmIGd1dHRlcnMgKGxpbmUgbnVtYmVycywgZGlmZiArLy0gc2lnaWxzLCBsaXN0IGJ1bGxldHMpXG4gKiBzbyBjbGljay1kcmFnIG92ZXIgcmVuZGVyZWQgY29kZSB5aWVsZHMgY2xlYW4gcGFzdGVhYmxlIGNvbnRlbnQ6XG4gKlxuICogICA8Qm94IGZsZXhEaXJlY3Rpb249XCJyb3dcIj5cbiAqICAgICA8Tm9TZWxlY3QgZnJvbUxlZnRFZGdlPjxUZXh0IGRpbUNvbG9yPiA0MiArPC9UZXh0PjwvTm9TZWxlY3Q+XG4gKiAgICAgPFRleHQ+Y29uc3QgeCA9IDE8L1RleHQ+XG4gKiAgIDwvQm94PlxuICpcbiAqIE9ubHkgYWZmZWN0cyBhbHQtc2NyZWVuIHRleHQgc2VsZWN0aW9uICg8QWx0ZXJuYXRlU2NyZWVuPiB3aXRoIG1vdXNlXG4gKiB0cmFja2luZykuIE5vLW9wIGluIHRoZSBtYWluLXNjcmVlbiBzY3JvbGxiYWNrIHJlbmRlciB3aGVyZSB0aGVcbiAqIHRlcm1pbmFsJ3MgbmF0aXZlIHNlbGVjdGlvbiBpcyB1c2VkIGluc3RlYWQuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBOb1NlbGVjdCh7XG4gIGNoaWxkcmVuLFxuICBmcm9tTGVmdEVkZ2UsXG4gIC4uLmJveFByb3BzXG59OiBQcm9wc1dpdGhDaGlsZHJlbjxQcm9wcz4pOiBSZWFjdC5SZWFjdE5vZGUge1xuICByZXR1cm4gKFxuICAgIDxCb3ggey4uLmJveFByb3BzfSBub1NlbGVjdD17ZnJvbUxlZnRFZGdlID8gJ2Zyb20tbGVmdC1lZGdlJyA6IHRydWV9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvQm94PlxuICApXG59XG4iXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPQSxLQUFLLElBQUksS0FBS0MsaUJBQWlCLFFBQVEsT0FBTztBQUNyRCxPQUFPQyxHQUFHLElBQUksS0FBS0MsS0FBSyxJQUFJQyxRQUFRLFFBQVEsVUFBVTtBQUV0RCxLQUFLRCxLQUFLLEdBQUdFLElBQUksQ0FBQ0QsUUFBUSxFQUFFLFVBQVUsQ0FBQyxHQUFHO0VBQ3hDO0FBQ0Y7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtFQUNFRSxZQUFZLENBQUMsRUFBRSxPQUFPO0FBQ3hCLENBQUM7O0FBRUQ7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTyxTQUFBQyxTQUFBQyxFQUFBO0VBQUEsTUFBQUMsQ0FBQSxHQUFBQyxFQUFBO0VBQUEsSUFBQUMsUUFBQTtFQUFBLElBQUFDLFFBQUE7RUFBQSxJQUFBTixZQUFBO0VBQUEsSUFBQUcsQ0FBQSxRQUFBRCxFQUFBO0lBQWtCO01BQUFJLFFBQUE7TUFBQU4sWUFBQTtNQUFBLEdBQUFLO0lBQUEsSUFBQUgsRUFJRTtJQUFBQyxDQUFBLE1BQUFELEVBQUE7SUFBQUMsQ0FBQSxNQUFBRSxRQUFBO0lBQUFGLENBQUEsTUFBQUcsUUFBQTtJQUFBSCxDQUFBLE1BQUFILFlBQUE7RUFBQTtJQUFBSyxRQUFBLEdBQUFGLENBQUE7SUFBQUcsUUFBQSxHQUFBSCxDQUFBO0lBQUFILFlBQUEsR0FBQUcsQ0FBQTtFQUFBO0VBRU0sTUFBQUksRUFBQSxHQUFBUCxZQUFZLEdBQVosZ0JBQXNDLEdBQXRDLElBQXNDO0VBQUEsSUFBQVEsRUFBQTtFQUFBLElBQUFMLENBQUEsUUFBQUUsUUFBQSxJQUFBRixDQUFBLFFBQUFHLFFBQUEsSUFBQUgsQ0FBQSxRQUFBSSxFQUFBO0lBQW5FQyxFQUFBLElBQUMsR0FBRyxLQUFLSCxRQUFRLEVBQVksUUFBc0MsQ0FBdEMsQ0FBQUUsRUFBcUMsQ0FBQyxDQUNoRUQsU0FBTyxDQUNWLEVBRkMsR0FBRyxDQUVFO0lBQUFILENBQUEsTUFBQUUsUUFBQTtJQUFBRixDQUFBLE1BQUFHLFFBQUE7SUFBQUgsQ0FBQSxNQUFBSSxFQUFBO0lBQUFKLENBQUEsTUFBQUssRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQUwsQ0FBQTtFQUFBO0VBQUEsT0FGTkssRUFFTTtBQUFBIiwiaWdub3JlTGlzdCI6W119
diff --git a/ui-tui/packages/hermes-ink/src/ink/components/RawAnsi.tsx b/ui-tui/packages/hermes-ink/src/ink/components/RawAnsi.tsx
new file mode 100644
index 0000000000..b5bd8f2536
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/components/RawAnsi.tsx
@@ -0,0 +1,61 @@
+import React from 'react'
+import { c as _c } from 'react/compiler-runtime'
+type Props = {
+ /**
+ * Pre-rendered ANSI lines. Each element must be exactly one terminal row
+ * (already wrapped to `width` by the producer) with ANSI escape codes inline.
+ */
+ lines: string[]
+ /** Column width the producer wrapped to. Sent to Yoga as the fixed leaf width. */
+ width: number
+}
+
+/**
+ * Bypass the → React tree → Yoga → squash → re-serialize roundtrip for
+ * content that is already terminal-ready.
+ *
+ * Use this when an external renderer (e.g. the ColorDiff NAPI module) has
+ * already produced ANSI-escaped, width-wrapped output. A normal mount
+ * reparses that output into one React per style span, lays out each
+ * span as a Yoga flex child, then walks the tree to re-emit the same escape
+ * codes it was given. For a long transcript full of syntax-highlighted diffs
+ * that roundtrip is the dominant cost of the render.
+ *
+ * This component emits a single Yoga leaf with a constant-time measure func
+ * (width × lines.length) and hands the joined string straight to output.write(),
+ * which already splits on '\n' and parses ANSI into the screen buffer.
+ */
+export function RawAnsi(t0: Props) {
+ const $ = _c(6)
+
+ const { lines, width } = t0
+
+ if (lines.length === 0) {
+ return null
+ }
+
+ let t1
+
+ if ($[0] !== lines) {
+ t1 = lines.join('\n')
+ $[0] = lines
+ $[1] = t1
+ } else {
+ t1 = $[1]
+ }
+
+ let t2
+
+ if ($[2] !== lines.length || $[3] !== t1 || $[4] !== width) {
+ t2 =
+ $[2] = lines.length
+ $[3] = t1
+ $[4] = width
+ $[5] = t2
+ } else {
+ t2 = $[5]
+ }
+
+ return t2
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIlByb3BzIiwibGluZXMiLCJ3aWR0aCIsIlJhd0Fuc2kiLCJ0MCIsIiQiLCJfYyIsImxlbmd0aCIsInQxIiwiam9pbiIsInQyIl0sInNvdXJjZXMiOlsiUmF3QW5zaS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG50eXBlIFByb3BzID0ge1xuICAvKipcbiAgICogUHJlLXJlbmRlcmVkIEFOU0kgbGluZXMuIEVhY2ggZWxlbWVudCBtdXN0IGJlIGV4YWN0bHkgb25lIHRlcm1pbmFsIHJvd1xuICAgKiAoYWxyZWFkeSB3cmFwcGVkIHRvIGB3aWR0aGAgYnkgdGhlIHByb2R1Y2VyKSB3aXRoIEFOU0kgZXNjYXBlIGNvZGVzIGlubGluZS5cbiAgICovXG4gIGxpbmVzOiBzdHJpbmdbXVxuICAvKiogQ29sdW1uIHdpZHRoIHRoZSBwcm9kdWNlciB3cmFwcGVkIHRvLiBTZW50IHRvIFlvZ2EgYXMgdGhlIGZpeGVkIGxlYWYgd2lkdGguICovXG4gIHdpZHRoOiBudW1iZXJcbn1cblxuLyoqXG4gKiBCeXBhc3MgdGhlIDxBbnNpPiDihpIgUmVhY3QgdHJlZSDihpIgWW9nYSDihpIgc3F1YXNoIOKGkiByZS1zZXJpYWxpemUgcm91bmR0cmlwIGZvclxuICogY29udGVudCB0aGF0IGlzIGFscmVhZHkgdGVybWluYWwtcmVhZHkuXG4gKlxuICogVXNlIHRoaXMgd2hlbiBhbiBleHRlcm5hbCByZW5kZXJlciAoZS5nLiB0aGUgQ29sb3JEaWZmIE5BUEkgbW9kdWxlKSBoYXNcbiAqIGFscmVhZHkgcHJvZHVjZWQgQU5TSS1lc2NhcGVkLCB3aWR0aC13cmFwcGVkIG91dHB1dC4gQSBub3JtYWwgPEFuc2k+IG1vdW50XG4gKiByZXBhcnNlcyB0aGF0IG91dHB1dCBpbnRvIG9uZSBSZWFjdCA8VGV4dD4gcGVyIHN0eWxlIHNwYW4sIGxheXMgb3V0IGVhY2hcbiAqIHNwYW4gYXMgYSBZb2dhIGZsZXggY2hpbGQsIHRoZW4gd2Fsa3MgdGhlIHRyZWUgdG8gcmUtZW1pdCB0aGUgc2FtZSBlc2NhcGVcbiAqIGNvZGVzIGl0IHdhcyBnaXZlbi4gRm9yIGEgbG9uZyB0cmFuc2NyaXB0IGZ1bGwgb2Ygc3ludGF4LWhpZ2hsaWdodGVkIGRpZmZzXG4gKiB0aGF0IHJvdW5kdHJpcCBpcyB0aGUgZG9taW5hbnQgY29zdCBvZiB0aGUgcmVuZGVyLlxuICpcbiAqIFRoaXMgY29tcG9uZW50IGVtaXRzIGEgc2luZ2xlIFlvZ2EgbGVhZiB3aXRoIGEgY29uc3RhbnQtdGltZSBtZWFzdXJlIGZ1bmNcbiAqICh3aWR0aCDDlyBsaW5lcy5sZW5ndGgpIGFuZCBoYW5kcyB0aGUgam9pbmVkIHN0cmluZyBzdHJhaWdodCB0byBvdXRwdXQud3JpdGUoKSxcbiAqIHdoaWNoIGFscmVhZHkgc3BsaXRzIG9uICdcXG4nIGFuZCBwYXJzZXMgQU5TSSBpbnRvIHRoZSBzY3JlZW4gYnVmZmVyLlxuICovXG5leHBvcnQgZnVuY3Rpb24gUmF3QW5zaSh7IGxpbmVzLCB3aWR0aCB9OiBQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGlmIChsaW5lcy5sZW5ndGggPT09IDApIHtcbiAgICByZXR1cm4gbnVsbFxuICB9XG4gIHJldHVybiAoXG4gICAgPGluay1yYXctYW5zaVxuICAgICAgcmF3VGV4dD17bGluZXMuam9pbignXFxuJyl9XG4gICAgICByYXdXaWR0aD17d2lkdGh9XG4gICAgICByYXdIZWlnaHQ9e2xpbmVzLmxlbmd0aH1cbiAgICAvPlxuICApXG59XG4iXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPQSxLQUFLLE1BQU0sT0FBTztBQUV6QixLQUFLQyxLQUFLLEdBQUc7RUFDWDtBQUNGO0FBQ0E7QUFDQTtFQUNFQyxLQUFLLEVBQUUsTUFBTSxFQUFFO0VBQ2Y7RUFDQUMsS0FBSyxFQUFFLE1BQU07QUFDZixDQUFDOztBQUVEO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLE9BQU8sU0FBQUMsUUFBQUMsRUFBQTtFQUFBLE1BQUFDLENBQUEsR0FBQUMsRUFBQTtFQUFpQjtJQUFBTCxLQUFBO0lBQUFDO0VBQUEsSUFBQUUsRUFBdUI7RUFDN0MsSUFBSUgsS0FBSyxDQUFBTSxNQUFPLEtBQUssQ0FBQztJQUFBLE9BQ2IsSUFBSTtFQUFBO0VBQ1osSUFBQUMsRUFBQTtFQUFBLElBQUFILENBQUEsUUFBQUosS0FBQTtJQUdZTyxFQUFBLEdBQUFQLEtBQUssQ0FBQVEsSUFBSyxDQUFDLElBQUksQ0FBQztJQUFBSixDQUFBLE1BQUFKLEtBQUE7SUFBQUksQ0FBQSxNQUFBRyxFQUFBO0VBQUE7SUFBQUEsRUFBQSxHQUFBSCxDQUFBO0VBQUE7RUFBQSxJQUFBSyxFQUFBO0VBQUEsSUFBQUwsQ0FBQSxRQUFBSixLQUFBLENBQUFNLE1BQUEsSUFBQUYsQ0FBQSxRQUFBRyxFQUFBLElBQUFILENBQUEsUUFBQUgsS0FBQTtJQUQzQlEsRUFBQSxnQkFJRSxDQUhTLE9BQWdCLENBQWhCLENBQUFGLEVBQWUsQ0FBQyxDQUNmTixRQUFLLENBQUxBLE1BQUksQ0FBQyxDQUNKLFNBQVksQ0FBWixDQUFBRCxLQUFLLENBQUFNLE1BQU0sQ0FBQyxHQUN2QjtJQUFBRixDQUFBLE1BQUFKLEtBQUEsQ0FBQU0sTUFBQTtJQUFBRixDQUFBLE1BQUFHLEVBQUE7SUFBQUgsQ0FBQSxNQUFBSCxLQUFBO0lBQUFHLENBQUEsTUFBQUssRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQUwsQ0FBQTtFQUFBO0VBQUEsT0FKRkssRUFJRTtBQUFBIiwiaWdub3JlTGlzdCI6W119
diff --git a/ui-tui/packages/hermes-ink/src/ink/components/ScrollBox.tsx b/ui-tui/packages/hermes-ink/src/ink/components/ScrollBox.tsx
new file mode 100644
index 0000000000..aac8f2b334
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/components/ScrollBox.tsx
@@ -0,0 +1,285 @@
+import '../global.d.ts'
+
+import React, { type PropsWithChildren, type Ref, useImperativeHandle, useRef, useState } from 'react'
+import type { Except } from 'type-fest'
+
+import { markScrollActivity } from '../../bootstrap/state.js'
+import type { DOMElement } from '../dom.js'
+import { markDirty, scheduleRenderFrom } from '../dom.js'
+import { markCommitStart } from '../reconciler.js'
+import type { Styles } from '../styles.js'
+
+import Box from './Box.js'
+export type ScrollBoxHandle = {
+ scrollTo: (y: number) => void
+ scrollBy: (dy: number) => void
+ /**
+ * Scroll so `el`'s top is at the viewport top (plus `offset`). Unlike
+ * scrollTo which bakes a number that's stale by the time the throttled
+ * render fires, this defers the position read to render time —
+ * render-node-to-output reads `el.yogaNode.getComputedTop()` in the
+ * SAME Yoga pass that computes scrollHeight. Deterministic. One-shot.
+ */
+ scrollToElement: (el: DOMElement, offset?: number) => void
+ scrollToBottom: () => void
+ getScrollTop: () => number
+ getPendingDelta: () => number
+ getScrollHeight: () => number
+ /**
+ * Like getScrollHeight, but reads Yoga directly instead of the cached
+ * value written by render-node-to-output (throttled, up to 16ms stale).
+ * Use when you need a fresh value in useLayoutEffect after a React commit
+ * that grew content. Slightly more expensive (native Yoga call).
+ */
+ getFreshScrollHeight: () => number
+ getViewportHeight: () => number
+ /**
+ * Absolute screen-buffer row of the first visible content line (inside
+ * padding). Used for drag-to-scroll edge detection.
+ */
+ getViewportTop: () => number
+ /**
+ * True when scroll is pinned to the bottom. Set by scrollToBottom, the
+ * initial stickyScroll attribute, and by the renderer when positional
+ * follow fires (scrollTop at prevMax, content grows). Cleared by
+ * scrollTo/scrollBy. Stable signal for "at bottom" that doesn't depend on
+ * layout values (unlike scrollTop+viewportH >= scrollHeight).
+ */
+ isSticky: () => boolean
+ /**
+ * Subscribe to imperative scroll changes (scrollTo/scrollBy/scrollToBottom).
+ * Does NOT fire for stickyScroll updates done by the Ink renderer — those
+ * happen during Ink's render phase after React has committed. Callers that
+ * care about the sticky case should treat "at bottom" as a fallback.
+ */
+ subscribe: (listener: () => void) => () => void
+ /**
+ * Set the render-time scrollTop clamp to the currently-mounted children's
+ * coverage span. Called by useVirtualScroll after computing its range;
+ * render-node-to-output clamps scrollTop to [min, max] so burst scrollTo
+ * calls that race past React's async re-render show the edge of mounted
+ * content instead of blank spacer. Pass undefined to disable (sticky,
+ * cold start).
+ */
+ setClampBounds: (min: number | undefined, max: number | undefined) => void
+}
+export type ScrollBoxProps = Except & {
+ ref?: Ref
+ /**
+ * When true, automatically pins scroll position to the bottom when content
+ * grows. Unset manually via scrollTo/scrollBy to break the stickiness.
+ */
+ stickyScroll?: boolean
+}
+
+/**
+ * A Box with `overflow: scroll` and an imperative scroll API.
+ *
+ * Children are laid out at their full Yoga-computed height inside a
+ * constrained container. At render time, only children intersecting the
+ * visible window (scrollTop..scrollTop+height) are rendered (viewport
+ * culling). Content is translated by -scrollTop and clipped to the box bounds.
+ *
+ * Works best inside a fullscreen (constrained-height root) Ink tree.
+ */
+function ScrollBox({ children, ref, stickyScroll, ...style }: PropsWithChildren): React.ReactNode {
+ const domRef = useRef(null)
+ // scrollTo/scrollBy bypass React: they mutate scrollTop on the DOM node,
+ // mark it dirty, and call the root's throttled scheduleRender directly.
+ // The Ink renderer reads scrollTop from the node — no React state needed,
+ // no reconciler overhead per wheel event. The microtask defer coalesces
+ // multiple scrollBy calls in one input batch (discreteUpdates) into one
+ // render — otherwise scheduleRender's leading edge fires on the FIRST
+ // event before subsequent events mutate scrollTop. scrollToBottom still
+ // forces a React render: sticky is attribute-observed, no DOM-only path.
+ const [, forceRender] = useState(0)
+ const listenersRef = useRef(new Set<() => void>())
+ const renderQueuedRef = useRef(false)
+
+ const notify = () => {
+ for (const l of listenersRef.current) {
+ l()
+ }
+ }
+
+ function scrollMutated(el: DOMElement): void {
+ // Signal background intervals (IDE poll, LSP poll, GCS fetch, orphan
+ // check) to skip their next tick — they compete for the event loop and
+ // contributed to 1402ms max frame gaps during scroll drain.
+ markScrollActivity()
+ markDirty(el)
+ markCommitStart()
+ notify()
+
+ if (renderQueuedRef.current) {
+ return
+ }
+
+ renderQueuedRef.current = true
+ queueMicrotask(() => {
+ renderQueuedRef.current = false
+ scheduleRenderFrom(el)
+ })
+ }
+
+ useImperativeHandle(
+ ref,
+ (): ScrollBoxHandle => ({
+ scrollTo(y: number) {
+ const el = domRef.current
+
+ if (!el) {
+ return
+ }
+
+ // Explicit false overrides the DOM attribute so manual scroll
+ // breaks stickiness. Render code checks ?? precedence.
+ el.stickyScroll = false
+ el.pendingScrollDelta = undefined
+ el.scrollAnchor = undefined
+ el.scrollTop = Math.max(0, Math.floor(y))
+ scrollMutated(el)
+ },
+ scrollToElement(el: DOMElement, offset = 0) {
+ const box = domRef.current
+
+ if (!box) {
+ return
+ }
+
+ box.stickyScroll = false
+ box.pendingScrollDelta = undefined
+ box.scrollAnchor = {
+ el,
+ offset
+ }
+ scrollMutated(box)
+ },
+ scrollBy(dy: number) {
+ const el = domRef.current
+
+ if (!el) {
+ return
+ }
+
+ el.stickyScroll = false
+ // Wheel input cancels any in-flight anchor seek — user override.
+ el.scrollAnchor = undefined
+ // Accumulate in pendingScrollDelta; renderer drains it at a capped
+ // rate so fast flicks show intermediate frames. Pure accumulator:
+ // scroll-up followed by scroll-down naturally cancels.
+ el.pendingScrollDelta = (el.pendingScrollDelta ?? 0) + Math.floor(dy)
+ scrollMutated(el)
+ },
+ scrollToBottom() {
+ const el = domRef.current
+
+ if (!el) {
+ return
+ }
+
+ el.pendingScrollDelta = undefined
+ el.stickyScroll = true
+ markDirty(el)
+ notify()
+ forceRender(n => n + 1)
+ },
+ getScrollTop() {
+ return domRef.current?.scrollTop ?? 0
+ },
+ getPendingDelta() {
+ // Accumulated-but-not-yet-drained delta. useVirtualScroll needs
+ // this to mount the union [committed, committed+pending] range —
+ // otherwise intermediate drain frames find no children (blank).
+ return domRef.current?.pendingScrollDelta ?? 0
+ },
+ getScrollHeight() {
+ return domRef.current?.scrollHeight ?? 0
+ },
+ getFreshScrollHeight() {
+ const content = domRef.current?.childNodes[0] as DOMElement | undefined
+
+ return content?.yogaNode?.getComputedHeight() ?? domRef.current?.scrollHeight ?? 0
+ },
+ getViewportHeight() {
+ return domRef.current?.scrollViewportHeight ?? 0
+ },
+ getViewportTop() {
+ return domRef.current?.scrollViewportTop ?? 0
+ },
+ isSticky() {
+ const el = domRef.current
+
+ if (!el) {
+ return false
+ }
+
+ return el.stickyScroll ?? Boolean(el.attributes['stickyScroll'])
+ },
+ subscribe(listener: () => void) {
+ listenersRef.current.add(listener)
+
+ return () => listenersRef.current.delete(listener)
+ },
+ setClampBounds(min, max) {
+ const el = domRef.current
+
+ if (!el) {
+ return
+ }
+
+ el.scrollClampMin = min
+ el.scrollClampMax = max
+ }
+ }),
+ // notify/scrollMutated are inline (no useCallback) but only close over
+ // refs + imports — stable. Empty deps avoids rebuilding the handle on
+ // every render (which re-registers the ref = churn).
+
+ []
+ )
+
+ // Structure: outer viewport (overflow:scroll, constrained height) >
+ // inner content (flexGrow:1, flexShrink:0 — fills at least the viewport
+ // but grows beyond it for tall content). flexGrow:1 lets children use
+ // spacers to pin elements to the bottom of the scroll area. Yoga's
+ // Overflow.Scroll prevents the viewport from growing to fit the content.
+ // The renderer computes scrollHeight from the content box and culls
+ // content's children based on scrollTop.
+ //
+ // stickyScroll is passed as a DOM attribute (via ink-box directly) so it's
+ // available on the first render — ref callbacks fire after the initial
+ // commit, which is too late for the first frame.
+ return (
+ {
+ domRef.current = el
+
+ if (el) {
+ el.scrollTop ??= 0
+ }
+ }}
+ style={{
+ flexWrap: 'nowrap',
+ flexDirection: style.flexDirection ?? 'row',
+ flexGrow: style.flexGrow ?? 0,
+ flexShrink: style.flexShrink ?? 1,
+ ...style,
+ overflowX: 'scroll',
+ overflowY: 'scroll'
+ }}
+ {...(stickyScroll
+ ? {
+ stickyScroll: true
+ }
+ : {})}
+ >
+
+ {children}
+
+
+ )
+}
+
+export default ScrollBox
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIlByb3BzV2l0aENoaWxkcmVuIiwiUmVmIiwidXNlSW1wZXJhdGl2ZUhhbmRsZSIsInVzZVJlZiIsInVzZVN0YXRlIiwiRXhjZXB0IiwibWFya1Njcm9sbEFjdGl2aXR5IiwiRE9NRWxlbWVudCIsIm1hcmtEaXJ0eSIsInNjaGVkdWxlUmVuZGVyRnJvbSIsIm1hcmtDb21taXRTdGFydCIsIlN0eWxlcyIsIkJveCIsIlNjcm9sbEJveEhhbmRsZSIsInNjcm9sbFRvIiwieSIsInNjcm9sbEJ5IiwiZHkiLCJzY3JvbGxUb0VsZW1lbnQiLCJlbCIsIm9mZnNldCIsInNjcm9sbFRvQm90dG9tIiwiZ2V0U2Nyb2xsVG9wIiwiZ2V0UGVuZGluZ0RlbHRhIiwiZ2V0U2Nyb2xsSGVpZ2h0IiwiZ2V0RnJlc2hTY3JvbGxIZWlnaHQiLCJnZXRWaWV3cG9ydEhlaWdodCIsImdldFZpZXdwb3J0VG9wIiwiaXNTdGlja3kiLCJzdWJzY3JpYmUiLCJsaXN0ZW5lciIsInNldENsYW1wQm91bmRzIiwibWluIiwibWF4IiwiU2Nyb2xsQm94UHJvcHMiLCJyZWYiLCJzdGlja3lTY3JvbGwiLCJTY3JvbGxCb3giLCJjaGlsZHJlbiIsInN0eWxlIiwiUmVhY3ROb2RlIiwiZG9tUmVmIiwiZm9yY2VSZW5kZXIiLCJsaXN0ZW5lcnNSZWYiLCJTZXQiLCJyZW5kZXJRdWV1ZWRSZWYiLCJub3RpZnkiLCJsIiwiY3VycmVudCIsInNjcm9sbE11dGF0ZWQiLCJxdWV1ZU1pY3JvdGFzayIsInBlbmRpbmdTY3JvbGxEZWx0YSIsInVuZGVmaW5lZCIsInNjcm9sbEFuY2hvciIsInNjcm9sbFRvcCIsIk1hdGgiLCJmbG9vciIsImJveCIsIm4iLCJzY3JvbGxIZWlnaHQiLCJjb250ZW50IiwiY2hpbGROb2RlcyIsInlvZ2FOb2RlIiwiZ2V0Q29tcHV0ZWRIZWlnaHQiLCJzY3JvbGxWaWV3cG9ydEhlaWdodCIsInNjcm9sbFZpZXdwb3J0VG9wIiwiQm9vbGVhbiIsImF0dHJpYnV0ZXMiLCJhZGQiLCJkZWxldGUiLCJzY3JvbGxDbGFtcE1pbiIsInNjcm9sbENsYW1wTWF4IiwiZmxleFdyYXAiLCJmbGV4RGlyZWN0aW9uIiwiZmxleEdyb3ciLCJmbGV4U2hyaW5rIiwib3ZlcmZsb3dYIiwib3ZlcmZsb3dZIl0sInNvdXJjZXMiOlsiU2Nyb2xsQm94LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHtcbiAgdHlwZSBQcm9wc1dpdGhDaGlsZHJlbixcbiAgdHlwZSBSZWYsXG4gIHVzZUltcGVyYXRpdmVIYW5kbGUsXG4gIHVzZVJlZixcbiAgdXNlU3RhdGUsXG59IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHR5cGUgeyBFeGNlcHQgfSBmcm9tICd0eXBlLWZlc3QnXG5pbXBvcnQgeyBtYXJrU2Nyb2xsQWN0aXZpdHkgfSBmcm9tICcuLi8uLi9ib290c3RyYXAvc3RhdGUuanMnXG5pbXBvcnQgdHlwZSB7IERPTUVsZW1lbnQgfSBmcm9tICcuLi9kb20uanMnXG5pbXBvcnQgeyBtYXJrRGlydHksIHNjaGVkdWxlUmVuZGVyRnJvbSB9IGZyb20gJy4uL2RvbS5qcydcbmltcG9ydCB7IG1hcmtDb21taXRTdGFydCB9IGZyb20gJy4uL3JlY29uY2lsZXIuanMnXG5pbXBvcnQgdHlwZSB7IFN0eWxlcyB9IGZyb20gJy4uL3N0eWxlcy5qcydcbmltcG9ydCAnLi4vZ2xvYmFsLmQudHMnXG5pbXBvcnQgQm94IGZyb20gJy4vQm94LmpzJ1xuXG5leHBvcnQgdHlwZSBTY3JvbGxCb3hIYW5kbGUgPSB7XG4gIHNjcm9sbFRvOiAoeTogbnVtYmVyKSA9PiB2b2lkXG4gIHNjcm9sbEJ5OiAoZHk6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICogU2Nyb2xsIHNvIGBlbGAncyB0b3AgaXMgYXQgdGhlIHZpZXdwb3J0IHRvcCAocGx1cyBgb2Zmc2V0YCkuIFVubGlrZVxuICAgKiBzY3JvbGxUbyB3aGljaCBiYWtlcyBhIG51bWJlciB0aGF0J3Mgc3RhbGUgYnkgdGhlIHRpbWUgdGhlIHRocm90dGxlZFxuICAgKiByZW5kZXIgZmlyZXMsIHRoaXMgZGVmZXJzIHRoZSBwb3NpdGlvbiByZWFkIHRvIHJlbmRlciB0aW1lIOKAlFxuICAgKiByZW5kZXItbm9kZS10by1vdXRwdXQgcmVhZHMgYGVsLnlvZ2FOb2RlLmdldENvbXB1dGVkVG9wKClgIGluIHRoZVxuICAgKiBTQU1FIFlvZ2EgcGFzcyB0aGF0IGNvbXB1dGVzIHNjcm9sbEhlaWdodC4gRGV0ZXJtaW5pc3RpYy4gT25lLXNob3QuXG4gICAqL1xuICBzY3JvbGxUb0VsZW1lbnQ6IChlbDogRE9NRWxlbWVudCwgb2Zmc2V0PzogbnVtYmVyKSA9PiB2b2lkXG4gIHNjcm9sbFRvQm90dG9tOiAoKSA9PiB2b2lkXG4gIGdldFNjcm9sbFRvcDogKCkgPT4gbnVtYmVyXG4gIGdldFBlbmRpbmdEZWx0YTogKCkgPT4gbnVtYmVyXG4gIGdldFNjcm9sbEhlaWdodDogKCkgPT4gbnVtYmVyXG4gIC8qKlxuICAgKiBMaWtlIGdldFNjcm9sbEhlaWdodCwgYnV0IHJlYWRzIFlvZ2EgZGlyZWN0bHkgaW5zdGVhZCBvZiB0aGUgY2FjaGVkXG4gICAqIHZhbHVlIHdyaXR0ZW4gYnkgcmVuZGVyLW5vZGUtdG8tb3V0cHV0ICh0aHJvdHRsZWQsIHVwIHRvIDE2bXMgc3RhbGUpLlxuICAgKiBVc2Ugd2hlbiB5b3UgbmVlZCBhIGZyZXNoIHZhbHVlIGluIHVzZUxheW91dEVmZmVjdCBhZnRlciBhIFJlYWN0IGNvbW1pdFxuICAgKiB0aGF0IGdyZXcgY29udGVudC4gU2xpZ2h0bHkgbW9yZSBleHBlbnNpdmUgKG5hdGl2ZSBZb2dhIGNhbGwpLlxuICAgKi9cbiAgZ2V0RnJlc2hTY3JvbGxIZWlnaHQ6ICgpID0+IG51bWJlclxuICBnZXRWaWV3cG9ydEhlaWdodDogKCkgPT4gbnVtYmVyXG4gIC8qKlxuICAgKiBBYnNvbHV0ZSBzY3JlZW4tYnVmZmVyIHJvdyBvZiB0aGUgZmlyc3QgdmlzaWJsZSBjb250ZW50IGxpbmUgKGluc2lkZVxuICAgKiBwYWRkaW5nKS4gVXNlZCBmb3IgZHJhZy10by1zY3JvbGwgZWRnZSBkZXRlY3Rpb24uXG4gICAqL1xuICBnZXRWaWV3cG9ydFRvcDogKCkgPT4gbnVtYmVyXG4gIC8qKlxuICAgKiBUcnVlIHdoZW4gc2Nyb2xsIGlzIHBpbm5lZCB0byB0aGUgYm90dG9tLiBTZXQgYnkgc2Nyb2xsVG9Cb3R0b20sIHRoZVxuICAgKiBpbml0aWFsIHN0aWNreVNjcm9sbCBhdHRyaWJ1dGUsIGFuZCBieSB0aGUgcmVuZGVyZXIgd2hlbiBwb3NpdGlvbmFsXG4gICAqIGZvbGxvdyBmaXJlcyAoc2Nyb2xsVG9wIGF0IHByZXZNYXgsIGNvbnRlbnQgZ3Jvd3MpLiBDbGVhcmVkIGJ5XG4gICAqIHNjcm9sbFRvL3Njcm9sbEJ5LiBTdGFibGUgc2lnbmFsIGZvciBcImF0IGJvdHRvbVwiIHRoYXQgZG9lc24ndCBkZXBlbmQgb25cbiAgICogbGF5b3V0IHZhbHVlcyAodW5saWtlIHNjcm9sbFRvcCt2aWV3cG9ydEggPj0gc2Nyb2xsSGVpZ2h0KS5cbiAgICovXG4gIGlzU3RpY2t5OiAoKSA9PiBib29sZWFuXG4gIC8qKlxuICAgKiBTdWJzY3JpYmUgdG8gaW1wZXJhdGl2ZSBzY3JvbGwgY2hhbmdlcyAoc2Nyb2xsVG8vc2Nyb2xsQnkvc2Nyb2xsVG9Cb3R0b20pLlxuICAgKiBEb2VzIE5PVCBmaXJlIGZvciBzdGlja3lTY3JvbGwgdXBkYXRlcyBkb25lIGJ5IHRoZSBJbmsgcmVuZGVyZXIg4oCUIHRob3NlXG4gICAqIGhhcHBlbiBkdXJpbmcgSW5rJ3MgcmVuZGVyIHBoYXNlIGFmdGVyIFJlYWN0IGhhcyBjb21taXR0ZWQuIENhbGxlcnMgdGhhdFxuICAgKiBjYXJlIGFib3V0IHRoZSBzdGlja3kgY2FzZSBzaG91bGQgdHJlYXQgXCJhdCBib3R0b21cIiBhcyBhIGZhbGxiYWNrLlxuICAgKi9cbiAgc3Vic2NyaWJlOiAobGlzdGVuZXI6ICgpID0+IHZvaWQpID0+ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIFNldCB0aGUgcmVuZGVyLXRpbWUgc2Nyb2xsVG9wIGNsYW1wIHRvIHRoZSBjdXJyZW50bHktbW91bnRlZCBjaGlsZHJlbidzXG4gICAqIGNvdmVyYWdlIHNwYW4uIENhbGxlZCBieSB1c2VWaXJ0dWFsU2Nyb2xsIGFmdGVyIGNvbXB1dGluZyBpdHMgcmFuZ2U7XG4gICAqIHJlbmRlci1ub2RlLXRvLW91dHB1dCBjbGFtcHMgc2Nyb2xsVG9wIHRvIFttaW4sIG1heF0gc28gYnVyc3Qgc2Nyb2xsVG9cbiAgICogY2FsbHMgdGhhdCByYWNlIHBhc3QgUmVhY3QncyBhc3luYyByZS1yZW5kZXIgc2hvdyB0aGUgZWRnZSBvZiBtb3VudGVkXG4gICAqIGNvbnRlbnQgaW5zdGVhZCBvZiBibGFuayBzcGFjZXIuIFBhc3MgdW5kZWZpbmVkIHRvIGRpc2FibGUgKHN0aWNreSxcbiAgICogY29sZCBzdGFydCkuXG4gICAqL1xuICBzZXRDbGFtcEJvdW5kczogKG1pbjogbnVtYmVyIHwgdW5kZWZpbmVkLCBtYXg6IG51bWJlciB8IHVuZGVmaW5lZCkgPT4gdm9pZFxufVxuXG5leHBvcnQgdHlwZSBTY3JvbGxCb3hQcm9wcyA9IEV4Y2VwdDxcbiAgU3R5bGVzLFxuICAndGV4dFdyYXAnIHwgJ292ZXJmbG93JyB8ICdvdmVyZmxvd1gnIHwgJ292ZXJmbG93WSdcbj4gJiB7XG4gIHJlZj86IFJlZjxTY3JvbGxCb3hIYW5kbGU+XG4gIC8qKlxuICAgKiBXaGVuIHRydWUsIGF1dG9tYXRpY2FsbHkgcGlucyBzY3JvbGwgcG9zaXRpb24gdG8gdGhlIGJvdHRvbSB3aGVuIGNvbnRlbnRcbiAgICogZ3Jvd3MuIFVuc2V0IG1hbnVhbGx5IHZpYSBzY3JvbGxUby9zY3JvbGxCeSB0byBicmVhayB0aGUgc3RpY2tpbmVzcy5cbiAgICovXG4gIHN0aWNreVNjcm9sbD86IGJvb2xlYW5cbn1cblxuLyoqXG4gKiBBIEJveCB3aXRoIGBvdmVyZmxvdzogc2Nyb2xsYCBhbmQgYW4gaW1wZXJhdGl2ZSBzY3JvbGwgQVBJLlxuICpcbiAqIENoaWxkcmVuIGFyZSBsYWlkIG91dCBhdCB0aGVpciBmdWxsIFlvZ2EtY29tcHV0ZWQgaGVpZ2h0IGluc2lkZSBhXG4gKiBjb25zdHJhaW5lZCBjb250YWluZXIuIEF0IHJlbmRlciB0aW1lLCBvbmx5IGNoaWxkcmVuIGludGVyc2VjdGluZyB0aGVcbiAqIHZpc2libGUgd2luZG93IChzY3JvbGxUb3AuLnNjcm9sbFRvcCtoZWlnaHQpIGFyZSByZW5kZXJlZCAodmlld3BvcnRcbiAqIGN1bGxpbmcpLiBDb250ZW50IGlzIHRyYW5zbGF0ZWQgYnkgLXNjcm9sbFRvcCBhbmQgY2xpcHBlZCB0byB0aGUgYm94IGJvdW5kcy5cbiAqXG4gKiBXb3JrcyBiZXN0IGluc2lkZSBhIGZ1bGxzY3JlZW4gKGNvbnN0cmFpbmVkLWhlaWdodCByb290KSBJbmsgdHJlZS5cbiAqL1xuZnVuY3Rpb24gU2Nyb2xsQm94KHtcbiAgY2hpbGRyZW4sXG4gIHJlZixcbiAgc3RpY2t5U2Nyb2xsLFxuICAuLi5zdHlsZVxufTogUHJvcHNXaXRoQ2hpbGRyZW48U2Nyb2xsQm94UHJvcHM+KTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgY29uc3QgZG9tUmVmID0gdXNlUmVmPERPTUVsZW1lbnQ+KG51bGwpXG4gIC8vIHNjcm9sbFRvL3Njcm9sbEJ5IGJ5cGFzcyBSZWFjdDogdGhleSBtdXRhdGUgc2Nyb2xsVG9wIG9uIHRoZSBET00gbm9kZSxcbiAgLy8gbWFyayBpdCBkaXJ0eSwgYW5kIGNhbGwgdGhlIHJvb3QncyB0aHJvdHRsZWQgc2NoZWR1bGVSZW5kZXIgZGlyZWN0bHkuXG4gIC8vIFRoZSBJbmsgcmVuZGVyZXIgcmVhZHMgc2Nyb2xsVG9wIGZyb20gdGhlIG5vZGUg4oCUIG5vIFJlYWN0IHN0YXRlIG5lZWRlZCxcbiAgLy8gbm8gcmVjb25jaWxlciBvdmVyaGVhZCBwZXIgd2hlZWwgZXZlbnQuIFRoZSBtaWNyb3Rhc2sgZGVmZXIgY29hbGVzY2VzXG4gIC8vIG11bHRpcGxlIHNjcm9sbEJ5IGNhbGxzIGluIG9uZSBpbnB1dCBiYXRjaCAoZGlzY3JldGVVcGRhdGVzKSBpbnRvIG9uZVxuICAvLyByZW5kZXIg4oCUIG90aGVyd2lzZSBzY2hlZHVsZVJlbmRlcidzIGxlYWRpbmcgZWRnZSBmaXJlcyBvbiB0aGUgRklSU1RcbiAgLy8gZXZlbnQgYmVmb3JlIHN1YnNlcXVlbnQgZXZlbnRzIG11dGF0ZSBzY3JvbGxUb3AuIHNjcm9sbFRvQm90dG9tIHN0aWxsXG4gIC8vIGZvcmNlcyBhIFJlYWN0IHJlbmRlcjogc3RpY2t5IGlzIGF0dHJpYnV0ZS1vYnNlcnZlZCwgbm8gRE9NLW9ubHkgcGF0aC5cbiAgY29uc3QgWywgZm9yY2VSZW5kZXJdID0gdXNlU3RhdGUoMClcbiAgY29uc3QgbGlzdGVuZXJzUmVmID0gdXNlUmVmKG5ldyBTZXQ8KCkgPT4gdm9pZD4oKSlcbiAgY29uc3QgcmVuZGVyUXVldWVkUmVmID0gdXNlUmVmKGZhbHNlKVxuXG4gIGNvbnN0IG5vdGlmeSA9ICgpID0+IHtcbiAgICBmb3IgKGNvbnN0IGwgb2YgbGlzdGVuZXJzUmVmLmN1cnJlbnQpIGwoKVxuICB9XG5cbiAgZnVuY3Rpb24gc2Nyb2xsTXV0YXRlZChlbDogRE9NRWxlbWVudCk6IHZvaWQge1xuICAgIC8vIFNpZ25hbCBiYWNrZ3JvdW5kIGludGVydmFscyAoSURFIHBvbGwsIExTUCBwb2xsLCBHQ1MgZmV0Y2gsIG9ycGhhblxuICAgIC8vIGNoZWNrKSB0byBza2lwIHRoZWlyIG5leHQgdGljayDigJQgdGhleSBjb21wZXRlIGZvciB0aGUgZXZlbnQgbG9vcCBhbmRcbiAgICAvLyBjb250cmlidXRlZCB0byAxNDAybXMgbWF4IGZyYW1lIGdhcHMgZHVyaW5nIHNjcm9sbCBkcmFpbi5cbiAgICBtYXJrU2Nyb2xsQWN0aXZpdHkoKVxuICAgIG1hcmtEaXJ0eShlbClcbiAgICBtYXJrQ29tbWl0U3RhcnQoKVxuICAgIG5vdGlmeSgpXG4gICAgaWYgKHJlbmRlclF1ZXVlZFJlZi5jdXJyZW50KSByZXR1cm5cbiAgICByZW5kZXJRdWV1ZWRSZWYuY3VycmVudCA9IHRydWVcbiAgICBxdWV1ZU1pY3JvdGFzaygoKSA9PiB7XG4gICAgICByZW5kZXJRdWV1ZWRSZWYuY3VycmVudCA9IGZhbHNlXG4gICAgICBzY2hlZHVsZVJlbmRlckZyb20oZWwpXG4gICAgfSlcbiAgfVxuXG4gIHVzZUltcGVyYXRpdmVIYW5kbGUoXG4gICAgcmVmLFxuICAgICgpOiBTY3JvbGxCb3hIYW5kbGUgPT4gKHtcbiAgICAgIHNjcm9sbFRvKHk6IG51bWJlcikge1xuICAgICAgICBjb25zdCBlbCA9IGRvbVJlZi5jdXJyZW50XG4gICAgICAgIGlmICghZWwpIHJldHVyblxuICAgICAgICAvLyBFeHBsaWNpdCBmYWxzZSBvdmVycmlkZXMgdGhlIERPTSBhdHRyaWJ1dGUgc28gbWFudWFsIHNjcm9sbFxuICAgICAgICAvLyBicmVha3Mgc3RpY2tpbmVzcy4gUmVuZGVyIGNvZGUgY2hlY2tzID8/IHByZWNlZGVuY2UuXG4gICAgICAgIGVsLnN0aWNreVNjcm9sbCA9IGZhbHNlXG4gICAgICAgIGVsLnBlbmRpbmdTY3JvbGxEZWx0YSA9IHVuZGVmaW5lZFxuICAgICAgICBlbC5zY3JvbGxBbmNob3IgPSB1bmRlZmluZWRcbiAgICAgICAgZWwuc2Nyb2xsVG9wID0gTWF0aC5tYXgoMCwgTWF0aC5mbG9vcih5KSlcbiAgICAgICAgc2Nyb2xsTXV0YXRlZChlbClcbiAgICAgIH0sXG4gICAgICBzY3JvbGxUb0VsZW1lbnQoZWw6IERPTUVsZW1lbnQsIG9mZnNldCA9IDApIHtcbiAgICAgICAgY29uc3QgYm94ID0gZG9tUmVmLmN1cnJlbnRcbiAgICAgICAgaWYgKCFib3gpIHJldHVyblxuICAgICAgICBib3guc3RpY2t5U2Nyb2xsID0gZmFsc2VcbiAgICAgICAgYm94LnBlbmRpbmdTY3JvbGxEZWx0YSA9IHVuZGVmaW5lZFxuICAgICAgICBib3guc2Nyb2xsQW5jaG9yID0geyBlbCwgb2Zmc2V0IH1cbiAgICAgICAgc2Nyb2xsTXV0YXRlZChib3gpXG4gICAgICB9LFxuICAgICAgc2Nyb2xsQnkoZHk6IG51bWJlcikge1xuICAgICAgICBjb25zdCBlbCA9IGRvbVJlZi5jdXJyZW50XG4gICAgICAgIGlmICghZWwpIHJldHVyblxuICAgICAgICBlbC5zdGlja3lTY3JvbGwgPSBmYWxzZVxuICAgICAgICAvLyBXaGVlbCBpbnB1dCBjYW5jZWxzIGFueSBpbi1mbGlnaHQgYW5jaG9yIHNlZWsg4oCUIHVzZXIgb3ZlcnJpZGUuXG4gICAgICAgIGVsLnNjcm9sbEFuY2hvciA9IHVuZGVmaW5lZFxuICAgICAgICAvLyBBY2N1bXVsYXRlIGluIHBlbmRpbmdTY3JvbGxEZWx0YTsgcmVuZGVyZXIgZHJhaW5zIGl0IGF0IGEgY2FwcGVkXG4gICAgICAgIC8vIHJhdGUgc28gZmFzdCBmbGlja3Mgc2hvdyBpbnRlcm1lZGlhdGUgZnJhbWVzLiBQdXJlIGFjY3VtdWxhdG9yOlxuICAgICAgICAvLyBzY3JvbGwtdXAgZm9sbG93ZWQgYnkgc2Nyb2xsLWRvd24gbmF0dXJhbGx5IGNhbmNlbHMuXG4gICAgICAgIGVsLnBlbmRpbmdTY3JvbGxEZWx0YSA9IChlbC5wZW5kaW5nU2Nyb2xsRGVsdGEgPz8gMCkgKyBNYXRoLmZsb29yKGR5KVxuICAgICAgICBzY3JvbGxNdXRhdGVkKGVsKVxuICAgICAgfSxcbiAgICAgIHNjcm9sbFRvQm90dG9tKCkge1xuICAgICAgICBjb25zdCBlbCA9IGRvbVJlZi5jdXJyZW50XG4gICAgICAgIGlmICghZWwpIHJldHVyblxuICAgICAgICBlbC5wZW5kaW5nU2Nyb2xsRGVsdGEgPSB1bmRlZmluZWRcbiAgICAgICAgZWwuc3RpY2t5U2Nyb2xsID0gdHJ1ZVxuICAgICAgICBtYXJrRGlydHkoZWwpXG4gICAgICAgIG5vdGlmeSgpXG4gICAgICAgIGZvcmNlUmVuZGVyKG4gPT4gbiArIDEpXG4gICAgICB9LFxuICAgICAgZ2V0U2Nyb2xsVG9wKCkge1xuICAgICAgICByZXR1cm4gZG9tUmVmLmN1cnJlbnQ/LnNjcm9sbFRvcCA/PyAwXG4gICAgICB9LFxuICAgICAgZ2V0UGVuZGluZ0RlbHRhKCkge1xuICAgICAgICAvLyBBY2N1bXVsYXRlZC1idXQtbm90LXlldC1kcmFpbmVkIGRlbHRhLiB1c2VWaXJ0dWFsU2Nyb2xsIG5lZWRzXG4gICAgICAgIC8vIHRoaXMgdG8gbW91bnQgdGhlIHVuaW9uIFtjb21taXR0ZWQsIGNvbW1pdHRlZCtwZW5kaW5nXSByYW5nZSDigJRcbiAgICAgICAgLy8gb3RoZXJ3aXNlIGludGVybWVkaWF0ZSBkcmFpbiBmcmFtZXMgZmluZCBubyBjaGlsZHJlbiAoYmxhbmspLlxuICAgICAgICByZXR1cm4gZG9tUmVmLmN1cnJlbnQ/LnBlbmRpbmdTY3JvbGxEZWx0YSA/PyAwXG4gICAgICB9LFxuICAgICAgZ2V0U2Nyb2xsSGVpZ2h0KCkge1xuICAgICAgICByZXR1cm4gZG9tUmVmLmN1cnJlbnQ/LnNjcm9sbEhlaWdodCA/PyAwXG4gICAgICB9LFxuICAgICAgZ2V0RnJlc2hTY3JvbGxIZWlnaHQoKSB7XG4gICAgICAgIGNvbnN0IGNvbnRlbnQgPSBkb21SZWYuY3VycmVudD8uY2hpbGROb2Rlc1swXSBhcyBET01FbGVtZW50IHwgdW5kZWZpbmVkXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgY29udGVudD8ueW9nYU5vZGU/LmdldENvbXB1dGVkSGVpZ2h0KCkgPz9cbiAgICAgICAgICBkb21SZWYuY3VycmVudD8uc2Nyb2xsSGVpZ2h0ID8/XG4gICAgICAgICAgMFxuICAgICAgICApXG4gICAgICB9LFxuICAgICAgZ2V0Vmlld3BvcnRIZWlnaHQoKSB7XG4gICAgICAgIHJldHVybiBkb21SZWYuY3VycmVudD8uc2Nyb2xsVmlld3BvcnRIZWlnaHQgPz8gMFxuICAgICAgfSxcbiAgICAgIGdldFZpZXdwb3J0VG9wKCkge1xuICAgICAgICByZXR1cm4gZG9tUmVmLmN1cnJlbnQ/LnNjcm9sbFZpZXdwb3J0VG9wID8/IDBcbiAgICAgIH0sXG4gICAgICBpc1N0aWNreSgpIHtcbiAgICAgICAgY29uc3QgZWwgPSBkb21SZWYuY3VycmVudFxuICAgICAgICBpZiAoIWVsKSByZXR1cm4gZmFsc2VcbiAgICAgICAgcmV0dXJuIGVsLnN0aWNreVNjcm9sbCA/PyBCb29sZWFuKGVsLmF0dHJpYnV0ZXNbJ3N0aWNreVNjcm9sbCddKVxuICAgICAgfSxcbiAgICAgIHN1YnNjcmliZShsaXN0ZW5lcjogKCkgPT4gdm9pZCkge1xuICAgICAgICBsaXN0ZW5lcnNSZWYuY3VycmVudC5hZGQobGlzdGVuZXIpXG4gICAgICAgIHJldHVybiAoKSA9PiBsaXN0ZW5lcnNSZWYuY3VycmVudC5kZWxldGUobGlzdGVuZXIpXG4gICAgICB9LFxuICAgICAgc2V0Q2xhbXBCb3VuZHMobWluLCBtYXgpIHtcbiAgICAgICAgY29uc3QgZWwgPSBkb21SZWYuY3VycmVudFxuICAgICAgICBpZiAoIWVsKSByZXR1cm5cbiAgICAgICAgZWwuc2Nyb2xsQ2xhbXBNaW4gPSBtaW5cbiAgICAgICAgZWwuc2Nyb2xsQ2xhbXBNYXggPSBtYXhcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLy8gbm90aWZ5L3Njcm9sbE11dGF0ZWQgYXJlIGlubGluZSAobm8gdXNlQ2FsbGJhY2spIGJ1dCBvbmx5IGNsb3NlIG92ZXJcbiAgICAvLyByZWZzICsgaW1wb3J0cyDigJQgc3RhYmxlLiBFbXB0eSBkZXBzIGF2b2lkcyByZWJ1aWxkaW5nIHRoZSBoYW5kbGUgb25cbiAgICAvLyBldmVyeSByZW5kZXIgKHdoaWNoIHJlLXJlZ2lzdGVycyB0aGUgcmVmID0gY2h1cm4pLlxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgICBbXSxcbiAgKVxuXG4gIC8vIFN0cnVjdHVyZTogb3V0ZXIgdmlld3BvcnQgKG92ZXJmbG93OnNjcm9sbCwgY29uc3RyYWluZWQgaGVpZ2h0KSA+XG4gIC8vIGlubmVyIGNvbnRlbnQgKGZsZXhHcm93OjEsIGZsZXhTaHJpbms6MCDigJQgZmlsbHMgYXQgbGVhc3QgdGhlIHZpZXdwb3J0XG4gIC8vIGJ1dCBncm93cyBiZXlvbmQgaXQgZm9yIHRhbGwgY29udGVudCkuIGZsZXhHcm93OjEgbGV0cyBjaGlsZHJlbiB1c2VcbiAgLy8gc3BhY2VycyB0byBwaW4gZWxlbWVudHMgdG8gdGhlIGJvdHRvbSBvZiB0aGUgc2Nyb2xsIGFyZWEuIFlvZ2Enc1xuICAvLyBPdmVyZmxvdy5TY3JvbGwgcHJldmVudHMgdGhlIHZpZXdwb3J0IGZyb20gZ3Jvd2luZyB0byBmaXQgdGhlIGNvbnRlbnQuXG4gIC8vIFRoZSByZW5kZXJlciBjb21wdXRlcyBzY3JvbGxIZWlnaHQgZnJvbSB0aGUgY29udGVudCBib3ggYW5kIGN1bGxzXG4gIC8vIGNvbnRlbnQncyBjaGlsZHJlbiBiYXNlZCBvbiBzY3JvbGxUb3AuXG4gIC8vXG4gIC8vIHN0aWNreVNjcm9sbCBpcyBwYXNzZWQgYXMgYSBET00gYXR0cmlidXRlICh2aWEgaW5rLWJveCBkaXJlY3RseSkgc28gaXQnc1xuICAvLyBhdmFpbGFibGUgb24gdGhlIGZpcnN0IHJlbmRlciDigJQgcmVmIGNhbGxiYWNrcyBmaXJlIGFmdGVyIHRoZSBpbml0aWFsXG4gIC8vIGNvbW1pdCwgd2hpY2ggaXMgdG9vIGxhdGUgZm9yIHRoZSBmaXJzdCBmcmFtZS5cbiAgcmV0dXJuIChcbiAgICA8aW5rLWJveFxuICAgICAgcmVmPXtlbCA9PiB7XG4gICAgICAgIGRvbVJlZi5jdXJyZW50ID0gZWxcbiAgICAgICAgaWYgKGVsKSBlbC5zY3JvbGxUb3AgPz89IDBcbiAgICAgIH19XG4gICAgICBzdHlsZT17e1xuICAgICAgICBmbGV4V3JhcDogJ25vd3JhcCcsXG4gICAgICAgIGZsZXhEaXJlY3Rpb246IHN0eWxlLmZsZXhEaXJlY3Rpb24gPz8gJ3JvdycsXG4gICAgICAgIGZsZXhHcm93OiBzdHlsZS5mbGV4R3JvdyA/PyAwLFxuICAgICAgICBmbGV4U2hyaW5rOiBzdHlsZS5mbGV4U2hyaW5rID8/IDEsXG4gICAgICAgIC4uLnN0eWxlLFxuICAgICAgICBvdmVyZmxvd1g6ICdzY3JvbGwnLFxuICAgICAgICBvdmVyZmxvd1k6ICdzY3JvbGwnLFxuICAgICAgfX1cbiAgICAgIHsuLi4oc3RpY2t5U2Nyb2xsID8geyBzdGlja3lTY3JvbGw6IHRydWUgfSA6IHt9KX1cbiAgICA+XG4gICAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBmbGV4R3Jvdz17MX0gZmxleFNocmluaz17MH0gd2lkdGg9XCIxMDAlXCI+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQm94PlxuICAgIDwvaW5rLWJveD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBTY3JvbGxCb3hcbiJdLCJtYXBwaW5ncyI6IkFBQUEsT0FBT0EsS0FBSyxJQUNWLEtBQUtDLGlCQUFpQixFQUN0QixLQUFLQyxHQUFHLEVBQ1JDLG1CQUFtQixFQUNuQkMsTUFBTSxFQUNOQyxRQUFRLFFBQ0gsT0FBTztBQUNkLGNBQWNDLE1BQU0sUUFBUSxXQUFXO0FBQ3ZDLFNBQVNDLGtCQUFrQixRQUFRLDBCQUEwQjtBQUM3RCxjQUFjQyxVQUFVLFFBQVEsV0FBVztBQUMzQyxTQUFTQyxTQUFTLEVBQUVDLGtCQUFrQixRQUFRLFdBQVc7QUFDekQsU0FBU0MsZUFBZSxRQUFRLGtCQUFrQjtBQUNsRCxjQUFjQyxNQUFNLFFBQVEsY0FBYztBQUMxQyxPQUFPLGdCQUFnQjtBQUN2QixPQUFPQyxHQUFHLE1BQU0sVUFBVTtBQUUxQixPQUFPLEtBQUtDLGVBQWUsR0FBRztFQUM1QkMsUUFBUSxFQUFFLENBQUNDLENBQUMsRUFBRSxNQUFNLEVBQUUsR0FBRyxJQUFJO0VBQzdCQyxRQUFRLEVBQUUsQ0FBQ0MsRUFBRSxFQUFFLE1BQU0sRUFBRSxHQUFHLElBQUk7RUFDOUI7QUFDRjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7RUFDRUMsZUFBZSxFQUFFLENBQUNDLEVBQUUsRUFBRVosVUFBVSxFQUFFYSxNQUFlLENBQVIsRUFBRSxNQUFNLEVBQUUsR0FBRyxJQUFJO0VBQzFEQyxjQUFjLEVBQUUsR0FBRyxHQUFHLElBQUk7RUFDMUJDLFlBQVksRUFBRSxHQUFHLEdBQUcsTUFBTTtFQUMxQkMsZUFBZSxFQUFFLEdB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
diff --git a/ui-tui/packages/hermes-ink/src/ink/components/Spacer.tsx b/ui-tui/packages/hermes-ink/src/ink/components/Spacer.tsx
new file mode 100644
index 0000000000..3ed7609b84
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/components/Spacer.tsx
@@ -0,0 +1,23 @@
+import React from 'react'
+import { c as _c } from 'react/compiler-runtime'
+
+import Box from './Box.js'
+
+/**
+ * A flexible space that expands along the major axis of its containing layout.
+ * It's useful as a shortcut for filling all the available spaces between elements.
+ */
+export default function Spacer() {
+ const $ = _c(1)
+ let t0
+
+ if ($[0] === Symbol.for('react.memo_cache_sentinel')) {
+ t0 =
+ $[0] = t0
+ } else {
+ t0 = $[0]
+ }
+
+ return t0
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIkJveCIsIlNwYWNlciIsIiQiLCJfYyIsInQwIiwiU3ltYm9sIiwiZm9yIl0sInNvdXJjZXMiOlsiU3BhY2VyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgQm94IGZyb20gJy4vQm94LmpzJ1xuXG4vKipcbiAqIEEgZmxleGlibGUgc3BhY2UgdGhhdCBleHBhbmRzIGFsb25nIHRoZSBtYWpvciBheGlzIG9mIGl0cyBjb250YWluaW5nIGxheW91dC5cbiAqIEl0J3MgdXNlZnVsIGFzIGEgc2hvcnRjdXQgZm9yIGZpbGxpbmcgYWxsIHRoZSBhdmFpbGFibGUgc3BhY2VzIGJldHdlZW4gZWxlbWVudHMuXG4gKi9cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIFNwYWNlcigpIHtcbiAgcmV0dXJuIDxCb3ggZmxleEdyb3c9ezF9IC8+XG59XG4iXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPQSxLQUFLLE1BQU0sT0FBTztBQUN6QixPQUFPQyxHQUFHLE1BQU0sVUFBVTs7QUFFMUI7QUFDQTtBQUNBO0FBQ0E7QUFDQSxlQUFlLFNBQUFDLE9BQUE7RUFBQSxNQUFBQyxDQUFBLEdBQUFDLEVBQUE7RUFBQSxJQUFBQyxFQUFBO0VBQUEsSUFBQUYsQ0FBQSxRQUFBRyxNQUFBLENBQUFDLEdBQUE7SUFDTkYsRUFBQSxJQUFDLEdBQUcsQ0FBVyxRQUFDLENBQUQsR0FBQyxHQUFJO0lBQUFGLENBQUEsTUFBQUUsRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQUYsQ0FBQTtFQUFBO0VBQUEsT0FBcEJFLEVBQW9CO0FBQUEiLCJpZ25vcmVMaXN0IjpbXX0=
diff --git a/ui-tui/packages/hermes-ink/src/ink/components/StdinContext.ts b/ui-tui/packages/hermes-ink/src/ink/components/StdinContext.ts
new file mode 100644
index 0000000000..c6e9334dfa
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/components/StdinContext.ts
@@ -0,0 +1,25 @@
+import { createContext } from 'react'
+
+import { EventEmitter } from '../events/emitter.js'
+import type { TerminalQuerier } from '../terminal-querier.js'
+
+export type Props = {
+ readonly stdin: NodeJS.ReadStream
+ readonly setRawMode: (value: boolean) => void
+ readonly isRawModeSupported: boolean
+ readonly exitOnCtrlC: boolean
+ readonly inputEmitter: EventEmitter
+ readonly querier: TerminalQuerier | null
+}
+
+const StdinContext = createContext({
+ stdin: process.stdin,
+ inputEmitter: new EventEmitter(),
+ setRawMode() {},
+ isRawModeSupported: false,
+ exitOnCtrlC: true,
+ querier: null
+})
+
+StdinContext.displayName = 'StdinContext'
+export default StdinContext
diff --git a/ui-tui/packages/hermes-ink/src/ink/components/TerminalFocusContext.tsx b/ui-tui/packages/hermes-ink/src/ink/components/TerminalFocusContext.tsx
new file mode 100644
index 0000000000..e5f1acdd68
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/components/TerminalFocusContext.tsx
@@ -0,0 +1,63 @@
+import React, { createContext, type ReactNode, useSyncExternalStore } from 'react'
+import { c as _c } from 'react/compiler-runtime'
+
+import {
+ getTerminalFocused,
+ getTerminalFocusState,
+ subscribeTerminalFocus,
+ type TerminalFocusState
+} from '../terminal-focus-state.js'
+export type { TerminalFocusState }
+export type TerminalFocusContextProps = {
+ readonly isTerminalFocused: boolean
+ readonly terminalFocusState: TerminalFocusState
+}
+
+const TerminalFocusContext = createContext({
+ isTerminalFocused: true,
+ terminalFocusState: 'unknown'
+})
+
+TerminalFocusContext.displayName = 'TerminalFocusContext'
+
+// Separate component so App.tsx doesn't re-render on focus changes.
+// Children are a stable prop reference, so they don't re-render either —
+// only components that consume the context will re-render.
+export function TerminalFocusProvider(t0: { readonly children: ReactNode }) {
+ const $ = _c(6)
+
+ const { children } = t0
+
+ const isTerminalFocused = useSyncExternalStore(subscribeTerminalFocus, getTerminalFocused)
+ const terminalFocusState = useSyncExternalStore(subscribeTerminalFocus, getTerminalFocusState)
+ let t1
+
+ if ($[0] !== isTerminalFocused || $[1] !== terminalFocusState) {
+ t1 = {
+ isTerminalFocused,
+ terminalFocusState
+ }
+ $[0] = isTerminalFocused
+ $[1] = terminalFocusState
+ $[2] = t1
+ } else {
+ t1 = $[2]
+ }
+
+ const value = t1
+ let t2
+
+ if ($[3] !== children || $[4] !== value) {
+ t2 = {children}
+ $[3] = children
+ $[4] = value
+ $[5] = t2
+ } else {
+ t2 = $[5]
+ }
+
+ return t2
+}
+
+export default TerminalFocusContext
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsImNyZWF0ZUNvbnRleHQiLCJ1c2VNZW1vIiwidXNlU3luY0V4dGVybmFsU3RvcmUiLCJnZXRUZXJtaW5hbEZvY3VzZWQiLCJnZXRUZXJtaW5hbEZvY3VzU3RhdGUiLCJzdWJzY3JpYmVUZXJtaW5hbEZvY3VzIiwiVGVybWluYWxGb2N1c1N0YXRlIiwiVGVybWluYWxGb2N1c0NvbnRleHRQcm9wcyIsImlzVGVybWluYWxGb2N1c2VkIiwidGVybWluYWxGb2N1c1N0YXRlIiwiVGVybWluYWxGb2N1c0NvbnRleHQiLCJkaXNwbGF5TmFtZSIsIlRlcm1pbmFsRm9jdXNQcm92aWRlciIsInQwIiwiJCIsIl9jIiwiY2hpbGRyZW4iLCJ0MSIsInZhbHVlIiwidDIiXSwic291cmNlcyI6WyJUZXJtaW5hbEZvY3VzQ29udGV4dC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGNyZWF0ZUNvbnRleHQsIHVzZU1lbW8sIHVzZVN5bmNFeHRlcm5hbFN0b3JlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQge1xuICBnZXRUZXJtaW5hbEZvY3VzZWQsXG4gIGdldFRlcm1pbmFsRm9jdXNTdGF0ZSxcbiAgc3Vic2NyaWJlVGVybWluYWxGb2N1cyxcbiAgdHlwZSBUZXJtaW5hbEZvY3VzU3RhdGUsXG59IGZyb20gJy4uL3Rlcm1pbmFsLWZvY3VzLXN0YXRlLmpzJ1xuXG5leHBvcnQgdHlwZSB7IFRlcm1pbmFsRm9jdXNTdGF0ZSB9XG5cbmV4cG9ydCB0eXBlIFRlcm1pbmFsRm9jdXNDb250ZXh0UHJvcHMgPSB7XG4gIHJlYWRvbmx5IGlzVGVybWluYWxGb2N1c2VkOiBib29sZWFuXG4gIHJlYWRvbmx5IHRlcm1pbmFsRm9jdXNTdGF0ZTogVGVybWluYWxGb2N1c1N0YXRlXG59XG5cbmNvbnN0IFRlcm1pbmFsRm9jdXNDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxUZXJtaW5hbEZvY3VzQ29udGV4dFByb3BzPih7XG4gIGlzVGVybWluYWxGb2N1c2VkOiB0cnVlLFxuICB0ZXJtaW5hbEZvY3VzU3RhdGU6ICd1bmtub3duJyxcbn0pXG5cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBjdXN0b20tcnVsZXMvbm8tdG9wLWxldmVsLXNpZGUtZWZmZWN0c1xuVGVybWluYWxGb2N1c0NvbnRleHQuZGlzcGxheU5hbWUgPSAnVGVybWluYWxGb2N1c0NvbnRleHQnXG5cbi8vIFNlcGFyYXRlIGNvbXBvbmVudCBzbyBBcHAudHN4IGRvZXNuJ3QgcmUtcmVuZGVyIG9uIGZvY3VzIGNoYW5nZXMuXG4vLyBDaGlsZHJlbiBhcmUgYSBzdGFibGUgcHJvcCByZWZlcmVuY2UsIHNvIHRoZXkgZG9uJ3QgcmUtcmVuZGVyIGVpdGhlciDigJRcbi8vIG9ubHkgY29tcG9uZW50cyB0aGF0IGNvbnN1bWUgdGhlIGNvbnRleHQgd2lsbCByZS1yZW5kZXIuXG5leHBvcnQgZnVuY3Rpb24gVGVybWluYWxGb2N1c1Byb3ZpZGVyKHtcbiAgY2hpbGRyZW4sXG59OiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbn0pOiBSZWFjdC5SZWFjdE5vZGUge1xuICBjb25zdCBpc1Rlcm1pbmFsRm9jdXNlZCA9IHVzZVN5bmNFeHRlcm5hbFN0b3JlKFxuICAgIHN1YnNjcmliZVRlcm1pbmFsRm9jdXMsXG4gICAgZ2V0VGVybWluYWxGb2N1c2VkLFxuICApXG4gIGNvbnN0IHRlcm1pbmFsRm9jdXNTdGF0ZSA9IHVzZVN5bmNFeHRlcm5hbFN0b3JlKFxuICAgIHN1YnNjcmliZVRlcm1pbmFsRm9jdXMsXG4gICAgZ2V0VGVybWluYWxGb2N1c1N0YXRlLFxuICApXG5cbiAgY29uc3QgdmFsdWUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7IGlzVGVybWluYWxGb2N1c2VkLCB0ZXJtaW5hbEZvY3VzU3RhdGUgfSksXG4gICAgW2lzVGVybWluYWxGb2N1c2VkLCB0ZXJtaW5hbEZvY3VzU3RhdGVdLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8VGVybWluYWxGb2N1c0NvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1Rlcm1pbmFsRm9jdXNDb250ZXh0LlByb3ZpZGVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRlcm1pbmFsRm9jdXNDb250ZXh0XG4iXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPQSxLQUFLLElBQUlDLGFBQWEsRUFBRUMsT0FBTyxFQUFFQyxvQkFBb0IsUUFBUSxPQUFPO0FBQzNFLFNBQ0VDLGtCQUFrQixFQUNsQkMscUJBQXFCLEVBQ3JCQyxzQkFBc0IsRUFDdEIsS0FBS0Msa0JBQWtCLFFBQ2xCLDRCQUE0QjtBQUVuQyxjQUFjQSxrQkFBa0I7QUFFaEMsT0FBTyxLQUFLQyx5QkFBeUIsR0FBRztFQUN0QyxTQUFTQyxpQkFBaUIsRUFBRSxPQUFPO0VBQ25DLFNBQVNDLGtCQUFrQixFQUFFSCxrQkFBa0I7QUFDakQsQ0FBQztBQUVELE1BQU1JLG9CQUFvQixHQUFHVixhQUFhLENBQUNPLHlCQUF5QixDQUFDLENBQUM7RUFDcEVDLGlCQUFpQixFQUFFLElBQUk7RUFDdkJDLGtCQUFrQixFQUFFO0FBQ3RCLENBQUMsQ0FBQzs7QUFFRjtBQUNBQyxvQkFBb0IsQ0FBQ0MsV0FBVyxHQUFHLHNCQUFzQjs7QUFFekQ7QUFDQTtBQUNBO0FBQ0EsT0FBTyxTQUFBQyxzQkFBQUMsRUFBQTtFQUFBLE1BQUFDLENBQUEsR0FBQUMsRUFBQTtFQUErQjtJQUFBQztFQUFBLElBQUFILEVBSXJDO0VBQ0MsTUFBQUwsaUJBQUEsR0FBMEJOLG9CQUFvQixDQUM1Q0csc0JBQXNCLEVBQ3RCRixrQkFDRixDQUFDO0VBQ0QsTUFBQU0sa0JBQUEsR0FBMkJQLG9CQUFvQixDQUM3Q0csc0JBQXNCLEVBQ3RCRCxxQkFDRixDQUFDO0VBQUEsSUFBQWEsRUFBQTtFQUFBLElBQUFILENBQUEsUUFBQU4saUJBQUEsSUFBQU0sQ0FBQSxRQUFBTCxrQkFBQTtJQUdRUSxFQUFBO01BQUFULGlCQUFBO01BQUFDO0lBQXdDLENBQUM7SUFBQUssQ0FBQSxNQUFBTixpQkFBQTtJQUFBTSxDQUFBLE1BQUFMLGtCQUFBO0lBQUFLLENBQUEsTUFBQUcsRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQUgsQ0FBQTtFQUFBO0VBRGxELE1BQUFJLEtBQUEsR0FDU0QsRUFBeUM7RUFFakQsSUFBQUUsRUFBQTtFQUFBLElBQUFMLENBQUEsUUFBQUUsUUFBQSxJQUFBRixDQUFBLFFBQUFJLEtBQUE7SUFHQ0MsRUFBQSxrQ0FBc0NELEtBQUssQ0FBTEEsTUFBSSxDQUFDLENBQ3hDRixTQUFPLENBQ1YsZ0NBQWdDO0lBQUFGLENBQUEsTUFBQUUsUUFBQTtJQUFBRixDQUFBLE1BQUFJLEtBQUE7SUFBQUosQ0FBQSxNQUFBSyxFQUFBO0VBQUE7SUFBQUEsRUFBQSxHQUFBTCxDQUFBO0VBQUE7RUFBQSxPQUZoQ0ssRUFFZ0M7QUFBQTtBQUlwQyxlQUFlVCxvQkFBb0IiLCJpZ25vcmVMaXN0IjpbXX0=
diff --git a/ui-tui/packages/hermes-ink/src/ink/components/TerminalSizeContext.tsx b/ui-tui/packages/hermes-ink/src/ink/components/TerminalSizeContext.tsx
new file mode 100644
index 0000000000..ec743b3a0e
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/components/TerminalSizeContext.tsx
@@ -0,0 +1,7 @@
+import { createContext } from 'react'
+export type TerminalSize = {
+ columns: number
+ rows: number
+}
+export const TerminalSizeContext = createContext(null)
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJjcmVhdGVDb250ZXh0IiwiVGVybWluYWxTaXplIiwiY29sdW1ucyIsInJvd3MiLCJUZXJtaW5hbFNpemVDb250ZXh0Il0sInNvdXJjZXMiOlsiVGVybWluYWxTaXplQ29udGV4dC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3JlYXRlQ29udGV4dCB9IGZyb20gJ3JlYWN0J1xuXG5leHBvcnQgdHlwZSBUZXJtaW5hbFNpemUgPSB7XG4gIGNvbHVtbnM6IG51bWJlclxuICByb3dzOiBudW1iZXJcbn1cblxuZXhwb3J0IGNvbnN0IFRlcm1pbmFsU2l6ZUNvbnRleHQgPSBjcmVhdGVDb250ZXh0PFRlcm1pbmFsU2l6ZSB8IG51bGw+KG51bGwpXG4iXSwibWFwcGluZ3MiOiJBQUFBLFNBQVNBLGFBQWEsUUFBUSxPQUFPO0FBRXJDLE9BQU8sS0FBS0MsWUFBWSxHQUFHO0VBQ3pCQyxPQUFPLEVBQUUsTUFBTTtFQUNmQyxJQUFJLEVBQUUsTUFBTTtBQUNkLENBQUM7QUFFRCxPQUFPLE1BQU1DLG1CQUFtQixHQUFHSixhQUFhLENBQUNDLFlBQVksR0FBRyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMiLCJpZ25vcmVMaXN0IjpbXX0=
diff --git a/ui-tui/packages/hermes-ink/src/ink/components/Text.tsx b/ui-tui/packages/hermes-ink/src/ink/components/Text.tsx
new file mode 100644
index 0000000000..ea2a74c9a6
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/components/Text.tsx
@@ -0,0 +1,296 @@
+import type { ReactNode } from 'react'
+import React from 'react'
+import { c as _c } from 'react/compiler-runtime'
+
+import type { Color, Styles } from '../styles.js'
+type BaseProps = {
+ /**
+ * Change text color. Accepts a raw color value (rgb, hex, ansi).
+ */
+ readonly color?: Color
+
+ /**
+ * Same as `color`, but for background.
+ */
+ readonly backgroundColor?: Color
+
+ /**
+ * Make the text italic.
+ */
+ readonly italic?: boolean
+
+ /**
+ * Make the text underlined.
+ */
+ readonly underline?: boolean
+
+ /**
+ * Make the text crossed with a line.
+ */
+ readonly strikethrough?: boolean
+
+ /**
+ * Inverse background and foreground colors.
+ */
+ readonly inverse?: boolean
+
+ /**
+ * This property tells Ink to wrap or truncate text if its width is larger than container.
+ * If `wrap` is passed (by default), Ink will wrap text and split it into multiple lines.
+ * If `truncate-*` is passed, Ink will truncate text instead, which will result in one line of text with the rest cut off.
+ */
+ readonly wrap?: Styles['textWrap']
+ readonly children?: ReactNode
+}
+
+/**
+ * Bold and dim are mutually exclusive in terminals.
+ * This type ensures you can use one or the other, but not both.
+ */
+type WeightProps =
+ | {
+ bold?: never
+ dim?: never
+ }
+ | {
+ bold: boolean
+ dim?: never
+ }
+ | {
+ dim: boolean
+ bold?: never
+ }
+export type Props = BaseProps & WeightProps
+
+const memoizedStylesForWrap: Record, Styles> = {
+ wrap: {
+ flexGrow: 0,
+ flexShrink: 1,
+ flexDirection: 'row',
+ textWrap: 'wrap'
+ },
+ 'wrap-trim': {
+ flexGrow: 0,
+ flexShrink: 1,
+ flexDirection: 'row',
+ textWrap: 'wrap-trim'
+ },
+ end: {
+ flexGrow: 0,
+ flexShrink: 1,
+ flexDirection: 'row',
+ textWrap: 'end'
+ },
+ middle: {
+ flexGrow: 0,
+ flexShrink: 1,
+ flexDirection: 'row',
+ textWrap: 'middle'
+ },
+ 'truncate-end': {
+ flexGrow: 0,
+ flexShrink: 1,
+ flexDirection: 'row',
+ textWrap: 'truncate-end'
+ },
+ truncate: {
+ flexGrow: 0,
+ flexShrink: 1,
+ flexDirection: 'row',
+ textWrap: 'truncate'
+ },
+ 'truncate-middle': {
+ flexGrow: 0,
+ flexShrink: 1,
+ flexDirection: 'row',
+ textWrap: 'truncate-middle'
+ },
+ 'truncate-start': {
+ flexGrow: 0,
+ flexShrink: 1,
+ flexDirection: 'row',
+ textWrap: 'truncate-start'
+ }
+} as const
+
+/**
+ * This component can display text, and change its style to make it colorful, bold, underline, italic or strikethrough.
+ */
+export default function Text(t0: Props) {
+ const $ = _c(29)
+
+ const {
+ color,
+ backgroundColor,
+ bold,
+ dim,
+ italic: t1,
+ underline: t2,
+ strikethrough: t3,
+ inverse: t4,
+ wrap: t5,
+ children
+ } = t0
+
+ const italic = t1 === undefined ? false : t1
+ const underline = t2 === undefined ? false : t2
+ const strikethrough = t3 === undefined ? false : t3
+ const inverse = t4 === undefined ? false : t4
+ const wrap = t5 === undefined ? 'wrap' : t5
+
+ if (children === undefined || children === null) {
+ return null
+ }
+
+ let t6
+
+ if ($[0] !== color) {
+ t6 = color && {
+ color
+ }
+ $[0] = color
+ $[1] = t6
+ } else {
+ t6 = $[1]
+ }
+
+ let t7
+
+ if ($[2] !== backgroundColor) {
+ t7 = backgroundColor && {
+ backgroundColor
+ }
+ $[2] = backgroundColor
+ $[3] = t7
+ } else {
+ t7 = $[3]
+ }
+
+ let t8
+
+ if ($[4] !== dim) {
+ t8 = dim && {
+ dim
+ }
+ $[4] = dim
+ $[5] = t8
+ } else {
+ t8 = $[5]
+ }
+
+ let t9
+
+ if ($[6] !== bold) {
+ t9 = bold && {
+ bold
+ }
+ $[6] = bold
+ $[7] = t9
+ } else {
+ t9 = $[7]
+ }
+
+ let t10
+
+ if ($[8] !== italic) {
+ t10 = italic && {
+ italic
+ }
+ $[8] = italic
+ $[9] = t10
+ } else {
+ t10 = $[9]
+ }
+
+ let t11
+
+ if ($[10] !== underline) {
+ t11 = underline && {
+ underline
+ }
+ $[10] = underline
+ $[11] = t11
+ } else {
+ t11 = $[11]
+ }
+
+ let t12
+
+ if ($[12] !== strikethrough) {
+ t12 = strikethrough && {
+ strikethrough
+ }
+ $[12] = strikethrough
+ $[13] = t12
+ } else {
+ t12 = $[13]
+ }
+
+ let t13
+
+ if ($[14] !== inverse) {
+ t13 = inverse && {
+ inverse
+ }
+ $[14] = inverse
+ $[15] = t13
+ } else {
+ t13 = $[15]
+ }
+
+ let t14
+
+ if (
+ $[16] !== t10 ||
+ $[17] !== t11 ||
+ $[18] !== t12 ||
+ $[19] !== t13 ||
+ $[20] !== t6 ||
+ $[21] !== t7 ||
+ $[22] !== t8 ||
+ $[23] !== t9
+ ) {
+ t14 = {
+ ...t6,
+ ...t7,
+ ...t8,
+ ...t9,
+ ...t10,
+ ...t11,
+ ...t12,
+ ...t13
+ }
+ $[16] = t10
+ $[17] = t11
+ $[18] = t12
+ $[19] = t13
+ $[20] = t6
+ $[21] = t7
+ $[22] = t8
+ $[23] = t9
+ $[24] = t14
+ } else {
+ t14 = $[24]
+ }
+
+ const textStyles = t14
+ const t15 = memoizedStylesForWrap[wrap]
+ let t16
+
+ if ($[25] !== children || $[26] !== t15 || $[27] !== textStyles) {
+ t16 = (
+
+ {children}
+
+ )
+ $[25] = children
+ $[26] = t15
+ $[27] = textStyles
+ $[28] = t16
+ } else {
+ t16 = $[28]
+ }
+
+ return t16
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdE5vZGUiLCJSZWFjdCIsIkNvbG9yIiwiU3R5bGVzIiwiVGV4dFN0eWxlcyIsIkJhc2VQcm9wcyIsImNvbG9yIiwiYmFja2dyb3VuZENvbG9yIiwiaXRhbGljIiwidW5kZXJsaW5lIiwic3RyaWtldGhyb3VnaCIsImludmVyc2UiLCJ3cmFwIiwiY2hpbGRyZW4iLCJXZWlnaHRQcm9wcyIsImJvbGQiLCJkaW0iLCJQcm9wcyIsIm1lbW9pemVkU3R5bGVzRm9yV3JhcCIsIlJlY29yZCIsIk5vbk51bGxhYmxlIiwiZmxleEdyb3ciLCJmbGV4U2hyaW5rIiwiZmxleERpcmVjdGlvbiIsInRleHRXcmFwIiwiZW5kIiwibWlkZGxlIiwidHJ1bmNhdGUiLCJjb25zdCIsIlRleHQiLCJ0MCIsIiQiLCJfYyIsInQxIiwidDIiLCJ0MyIsInQ0IiwidDUiLCJ1bmRlZmluZWQiLCJ0NiIsInQ3IiwidDgiLCJ0OSIsInQxMCIsInQxMSIsInQxMiIsInQxMyIsInQxNCIsInRleHRTdHlsZXMiLCJ0MTUiLCJ0MTYiXSwic291cmNlcyI6WyJUZXh0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHR5cGUgeyBDb2xvciwgU3R5bGVzLCBUZXh0U3R5bGVzIH0gZnJvbSAnLi4vc3R5bGVzLmpzJ1xuXG50eXBlIEJhc2VQcm9wcyA9IHtcbiAgLyoqXG4gICAqIENoYW5nZSB0ZXh0IGNvbG9yLiBBY2NlcHRzIGEgcmF3IGNvbG9yIHZhbHVlIChyZ2IsIGhleCwgYW5zaSkuXG4gICAqL1xuICByZWFkb25seSBjb2xvcj86IENvbG9yXG5cbiAgLyoqXG4gICAqIFNhbWUgYXMgYGNvbG9yYCwgYnV0IGZvciBiYWNrZ3JvdW5kLlxuICAgKi9cbiAgcmVhZG9ubHkgYmFja2dyb3VuZENvbG9yPzogQ29sb3JcblxuICAvKipcbiAgICogTWFrZSB0aGUgdGV4dCBpdGFsaWMuXG4gICAqL1xuICByZWFkb25seSBpdGFsaWM/OiBib29sZWFuXG5cbiAgLyoqXG4gICAqIE1ha2UgdGhlIHRleHQgdW5kZXJsaW5lZC5cbiAgICovXG4gIHJlYWRvbmx5IHVuZGVybGluZT86IGJvb2xlYW5cblxuICAvKipcbiAgICogTWFrZSB0aGUgdGV4dCBjcm9zc2VkIHdpdGggYSBsaW5lLlxuICAgKi9cbiAgcmVhZG9ubHkgc3RyaWtldGhyb3VnaD86IGJvb2xlYW5cblxuICAvKipcbiAgICogSW52ZXJzZSBiYWNrZ3JvdW5kIGFuZCBmb3JlZ3JvdW5kIGNvbG9ycy5cbiAgICovXG4gIHJlYWRvbmx5IGludmVyc2U/OiBib29sZWFuXG5cbiAgLyoqXG4gICAqIFRoaXMgcHJvcGVydHkgdGVsbHMgSW5rIHRvIHdyYXAgb3IgdHJ1bmNhdGUgdGV4dCBpZiBpdHMgd2lkdGggaXMgbGFyZ2VyIHRoYW4gY29udGFpbmVyLlxuICAgKiBJZiBgd3JhcGAgaXMgcGFzc2VkIChieSBkZWZhdWx0KSwgSW5rIHdpbGwgd3JhcCB0ZXh0IGFuZCBzcGxpdCBpdCBpbnRvIG11bHRpcGxlIGxpbmVzLlxuICAgKiBJZiBgdHJ1bmNhdGUtKmAgaXMgcGFzc2VkLCBJbmsgd2lsbCB0cnVuY2F0ZSB0ZXh0IGluc3RlYWQsIHdoaWNoIHdpbGwgcmVzdWx0IGluIG9uZSBsaW5lIG9mIHRleHQgd2l0aCB0aGUgcmVzdCBjdXQgb2ZmLlxuICAgKi9cbiAgcmVhZG9ubHkgd3JhcD86IFN0eWxlc1sndGV4dFdyYXAnXVxuXG4gIHJlYWRvbmx5IGNoaWxkcmVuPzogUmVhY3ROb2RlXG59XG5cbi8qKlxuICogQm9sZCBhbmQgZGltIGFyZSBtdXR1YWxseSBleGNsdXNpdmUgaW4gdGVybWluYWxzLlxuICogVGhpcyB0eXBlIGVuc3VyZXMgeW91IGNhbiB1c2Ugb25lIG9yIHRoZSBvdGhlciwgYnV0IG5vdCBib3RoLlxuICovXG50eXBlIFdlaWdodFByb3BzID1cbiAgfCB7IGJvbGQ/OiBuZXZlcjsgZGltPzogbmV2ZXIgfVxuICB8IHsgYm9sZDogYm9vbGVhbjsgZGltPzogbmV2ZXIgfVxuICB8IHsgZGltOiBib29sZWFuOyBib2xkPzogbmV2ZXIgfVxuXG5leHBvcnQgdHlwZSBQcm9wcyA9IEJhc2VQcm9wcyAmIFdlaWdodFByb3BzXG5cbmNvbnN0IG1lbW9pemVkU3R5bGVzRm9yV3JhcDogUmVjb3JkPE5vbk51bGxhYmxlPFN0eWxlc1sndGV4dFdyYXAnXT4sIFN0eWxlcz4gPSB7XG4gIHdyYXA6IHtcbiAgICBmbGV4R3JvdzogMCxcbiAgICBmbGV4U2hyaW5rOiAxLFxuICAgIGZsZXhEaXJlY3Rpb246ICdyb3cnLFxuICAgIHRleHRXcmFwOiAnd3JhcCcsXG4gIH0sXG4gICd3cmFwLXRyaW0nOiB7XG4gICAgZmxleEdyb3c6IDAsXG4gICAgZmxleFNocmluazogMSxcbiAgICBmbGV4RGlyZWN0aW9uOiAncm93JyxcbiAgICB0ZXh0V3JhcDogJ3dyYXAtdHJpbScsXG4gIH0sXG4gIGVuZDoge1xuICAgIGZsZXhHcm93OiAwLFxuICAgIGZsZXhTaHJpbms6IDEsXG4gICAgZmxleERpcmVjdGlvbjogJ3JvdycsXG4gICAgdGV4dFdyYXA6ICdlbmQnLFxuICB9LFxuICBtaWRkbGU6IHtcbiAgICBmbGV4R3JvdzogMCxcbiAgICBmbGV4U2hyaW5rOiAxLFxuICAgIGZsZXhEaXJlY3Rpb246ICdyb3cnLFxuICAgIHRleHRXcmFwOiAnbWlkZGxlJyxcbiAgfSxcbiAgJ3RydW5jYXRlLWVuZCc6IHtcbiAgICBmbGV4R3JvdzogMCxcbiAgICBmbGV4U2hyaW5rOiAxLFxuICAgIGZsZXhEaXJlY3Rpb246ICdyb3cnLFxuICAgIHRleHRXcmFwOiAndHJ1bmNhdGUtZW5kJyxcbiAgfSxcbiAgdHJ1bmNhdGU6IHtcbiAgICBmbGV4R3JvdzogMCxcbiAgICBmbGV4U2hyaW5rOiAxLFxuICAgIGZsZXhEaXJlY3Rpb246ICdyb3cnLFxuICAgIHRleHRXcmFwOiAndHJ1bmNhdGUnLFxuICB9LFxuICAndHJ1bmNhdGUtbWlkZGxlJzoge1xuICAgIGZsZXhHcm93OiAwLFxuICAgIGZsZXhTaHJpbms6IDEsXG4gICAgZmxleERpcmVjdGlvbjogJ3JvdycsXG4gICAgdGV4dFdyYXA6ICd0cnVuY2F0ZS1taWRkbGUnLFxuICB9LFxuICAndHJ1bmNhdGUtc3RhcnQnOiB7XG4gICAgZmxleEdyb3c6IDAsXG4gICAgZmxleFNocmluazogMSxcbiAgICBmbGV4RGlyZWN0aW9uOiAncm93JyxcbiAgICB0ZXh0V3JhcDogJ3RydW5jYXRlLXN0YXJ0JyxcbiAgfSxcbn0gYXMgY29uc3RcblxuLyoqXG4gKiBUaGlzIGNvbXBvbmVudCBjYW4gZGlzcGxheSB0ZXh0LCBhbmQgY2hhbmdlIGl0cyBzdHlsZSB0byBtYWtlIGl0IGNvbG9yZnVsLCBib2xkLCB1bmRlcmxpbmUsIGl0YWxpYyBvciBzdHJpa2V0aHJvdWdoLlxuICovXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBUZXh0KHtcbiAgY29sb3IsXG4gIGJhY2tncm91bmRDb2xvcixcbiAgYm9sZCxcbiAgZGltLFxuICBpdGFsaWMgPSBmYWxzZSxcbiAgdW5kZXJsaW5lID0gZmFsc2UsXG4gIHN0cmlrZXRocm91Z2ggPSBmYWxzZSxcbiAgaW52ZXJzZSA9IGZhbHNlLFxuICB3cmFwID0gJ3dyYXAnLFxuICBjaGlsZHJlbixcbn06IFByb3BzKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgaWYgKGNoaWxkcmVuID09PSB1bmRlZmluZWQgfHwgY2hpbGRyZW4gPT09IG51bGwpIHtcbiAgICByZXR1cm4gbnVsbFxuICB9XG5cbiAgLy8gQnVpbGQgdGV4dFN0eWxlcyBvYmplY3Qgd2l0aCBvbmx5IHRoZSBwcm9wZXJ0aWVzIHRoYXQgYXJlIHNldFxuICBjb25zdCB0ZXh0U3R5bGVzOiBUZXh0U3R5bGVzID0ge1xuICAgIC4uLihjb2xvciAmJiB7IGNvbG9yIH0pLFxuICAgIC4uLihiYWNrZ3JvdW5kQ29sb3IgJiYgeyBiYWNrZ3JvdW5kQ29sb3IgfSksXG4gICAgLi4uKGRpbSAmJiB7IGRpbSB9KSxcbiAgICAuLi4oYm9sZCAmJiB7IGJvbGQgfSksXG4gICAgLi4uKGl0YWxpYyAmJiB7IGl0YWxpYyB9KSxcbiAgICAuLi4odW5kZXJsaW5lICYmIHsgdW5kZXJsaW5lIH0pLFxuICAgIC4uLihzdHJpa2V0aHJvdWdoICYmIHsgc3RyaWtldGhyb3VnaCB9KSxcbiAgICAuLi4oaW52ZXJzZSAmJiB7IGludmVyc2UgfSksXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxpbmstdGV4dCBzdHlsZT17bWVtb2l6ZWRTdHlsZXNGb3JXcmFwW3dyYXBdfSB0ZXh0U3R5bGVzPXt0ZXh0U3R5bGVzfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2luay10ZXh0PlxuICApXG59XG4iXSwibWFwcGluZ3MiOiI7QUFBQSxjQUFjQSxTQUFTLFFBQVEsT0FBTztBQUN0QyxPQUFPQyxLQUFLLE1BQU0sT0FBTztBQUN6QixjQUFjQyxLQUFLLEVBQUVDLE1BQU0sRUFBRUMsVUFBVSxRQUFRLGNBQWM7QUFFN0QsS0FBS0MsU0FBUyxHQUFHO0VBQ2Y7QUFDRjtBQUNBO0VBQ0UsU0FBU0MsS0FBSyxDQUFDLEVBQUVKLEtBQUs7O0VBRXRCO0FBQ0Y7QUFDQTtFQUNFLFNBQVNLLGVBQWUsQ0FBQyxFQUFFTCxLQUFLOztFQUVoQztBQUNGO0FBQ0E7RUFDRSxTQUFTTSxNQUFNLENBQUMsRUFBRSxPQUFPOztFQUV6QjtBQUNGO0FBQ0E7RUFDRSxTQUFTQyxTQUFTLENBQUMsRUFBRSxPQUFPOztFQUU1QjtBQUNGO0FBQ0E7RUFDRSxTQUFTQyxhQUFhLENBQUMsRUFBRSxPQUFPOztFQUVoQztBQUNGO0FBQ0E7RUFDRSxTQUFTQyxPQUFPLENBQUMsRUFBRSxPQUFPOztFQUUxQjtBQUNGO0FBQ0E7QUFDQTtBQUNBO0VBQ0UsU0FBU0MsSUFBSSxDQUFDLEVBQUVULE1BQU0sQ0FBQyxVQUFVLENBQUM7RUFFbEMsU0FBU1UsUUFBUSxDQUFDLEVBQUViLFNBQVM7QUFDL0IsQ0FBQzs7QUFFRDtBQUNBO0FBQ0E7QUFDQTtBQUNBLEtBQUtjLFdBQVcsR0FDWjtF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
diff --git a/ui-tui/packages/hermes-ink/src/ink/constants.ts b/ui-tui/packages/hermes-ink/src/ink/constants.ts
new file mode 100644
index 0000000000..1846997c0c
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/constants.ts
@@ -0,0 +1,6 @@
+// Shared frame interval for render throttling and animations (~60fps).
+export const FRAME_INTERVAL_MS = 16
+
+// Keep clock-driven animations at full speed when terminal focus changes.
+// We still pause entirely when there are no keepAlive subscribers.
+export const BLURRED_FRAME_INTERVAL_MS = FRAME_INTERVAL_MS
diff --git a/ui-tui/packages/hermes-ink/src/ink/cursor.ts b/ui-tui/packages/hermes-ink/src/ink/cursor.ts
new file mode 100644
index 0000000000..fd37816712
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/cursor.ts
@@ -0,0 +1,5 @@
+export type Cursor = {
+ x: number
+ y: number
+ visible: boolean
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/devtools.ts b/ui-tui/packages/hermes-ink/src/ink/devtools.ts
new file mode 100644
index 0000000000..73b0c9448d
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/devtools.ts
@@ -0,0 +1,2 @@
+/** Optional react-devtools hook; package may be absent. */
+export {}
diff --git a/ui-tui/packages/hermes-ink/src/ink/dom.ts b/ui-tui/packages/hermes-ink/src/ink/dom.ts
new file mode 100644
index 0000000000..6c4b198304
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/dom.ts
@@ -0,0 +1,438 @@
+import type { FocusManager } from './focus.js'
+import { createLayoutNode } from './layout/engine.js'
+import type { LayoutNode } from './layout/node.js'
+import { LayoutMeasureMode } from './layout/node.js'
+import measureText from './measure-text.js'
+import { addPendingClear, nodeCache } from './node-cache.js'
+import squashTextNodes from './squash-text-nodes.js'
+import type { Styles, TextStyles } from './styles.js'
+import { expandTabs } from './tabstops.js'
+import wrapText from './wrap-text.js'
+
+type InkNode = {
+ parentNode: DOMElement | undefined
+ yogaNode?: LayoutNode
+ style: Styles
+}
+
+export type TextName = '#text'
+export type ElementNames =
+ | 'ink-root'
+ | 'ink-box'
+ | 'ink-text'
+ | 'ink-virtual-text'
+ | 'ink-link'
+ | 'ink-progress'
+ | 'ink-raw-ansi'
+
+export type NodeNames = ElementNames | TextName
+
+export type DOMElement = {
+ nodeName: ElementNames
+ attributes: Record
+ childNodes: DOMNode[]
+ textStyles?: TextStyles
+
+ // Internal properties
+ onComputeLayout?: () => void
+ onRender?: () => void
+ onImmediateRender?: () => void
+ // Used to skip empty renders during React 19's effect double-invoke in test mode
+ hasRenderedContent?: boolean
+
+ // When true, this node needs re-rendering
+ dirty: boolean
+ // Set by the reconciler's hideInstance/unhideInstance; survives style updates.
+ isHidden?: boolean
+ // Event handlers set by the reconciler for the capture/bubble dispatcher.
+ // Stored separately from attributes so handler identity changes don't
+ // mark dirty and defeat the blit optimization.
+ _eventHandlers?: Record
+
+ // Scroll state for overflow: 'scroll' boxes. scrollTop is the number of
+ // rows the content is scrolled down by. scrollHeight/scrollViewportHeight
+ // are computed at render time and stored for imperative access. stickyScroll
+ // auto-pins scrollTop to the bottom when content grows.
+ scrollTop?: number
+ // Accumulated scroll delta not yet applied to scrollTop. The renderer
+ // drains this at SCROLL_MAX_PER_FRAME rows/frame so fast flicks show
+ // intermediate frames instead of one big jump. Direction reversal
+ // naturally cancels (pure accumulator, no target tracking).
+ pendingScrollDelta?: number
+ // Render-time clamp bounds for virtual scroll. useVirtualScroll writes
+ // the currently-mounted children's coverage span; render-node-to-output
+ // clamps scrollTop to stay within it. Prevents blank screen when
+ // scrollTo's direct write races past React's async re-render — instead
+ // of painting spacer (blank), the renderer holds at the edge of mounted
+ // content until React catches up (next commit updates these bounds and
+ // the clamp releases). Undefined = no clamp (sticky-scroll, cold start).
+ scrollClampMin?: number
+ scrollClampMax?: number
+ scrollHeight?: number
+ scrollViewportHeight?: number
+ scrollViewportTop?: number
+ stickyScroll?: boolean
+ // Set by ScrollBox.scrollToElement; render-node-to-output reads
+ // el.yogaNode.getComputedTop() (FRESH — same Yoga pass as scrollHeight)
+ // and sets scrollTop = top + offset, then clears this. Unlike an
+ // imperative scrollTo(N) which bakes in a number that's stale by the
+ // time the throttled render fires, the element ref defers the position
+ // read to paint time. One-shot.
+ scrollAnchor?: { el: DOMElement; offset: number }
+ // Only set on ink-root. The document owns focus — any node can
+ // reach it by walking parentNode, like browser getRootNode().
+ focusManager?: FocusManager
+} & InkNode
+
+export type TextNode = {
+ nodeName: TextName
+ nodeValue: string
+} & InkNode
+
+export type DOMNode = T extends {
+ nodeName: infer U
+}
+ ? U extends '#text'
+ ? TextNode
+ : DOMElement
+ : never
+
+export type DOMNodeAttribute = boolean | string | number
+
+export const createNode = (nodeName: ElementNames): DOMElement => {
+ const needsYogaNode = nodeName !== 'ink-virtual-text' && nodeName !== 'ink-link' && nodeName !== 'ink-progress'
+
+ const node: DOMElement = {
+ nodeName,
+ style: {},
+ attributes: {},
+ childNodes: [],
+ parentNode: undefined,
+ yogaNode: needsYogaNode ? createLayoutNode() : undefined,
+ dirty: false
+ }
+
+ if (nodeName === 'ink-text') {
+ node.yogaNode?.setMeasureFunc(measureTextNode.bind(null, node))
+ } else if (nodeName === 'ink-raw-ansi') {
+ node.yogaNode?.setMeasureFunc(measureRawAnsiNode.bind(null, node))
+ }
+
+ return node
+}
+
+export const appendChildNode = (node: DOMElement, childNode: DOMElement): void => {
+ if (childNode.parentNode) {
+ removeChildNode(childNode.parentNode, childNode)
+ }
+
+ childNode.parentNode = node
+ node.childNodes.push(childNode)
+
+ if (childNode.yogaNode) {
+ node.yogaNode?.insertChild(childNode.yogaNode, node.yogaNode.getChildCount())
+ }
+
+ markDirty(node)
+}
+
+export const insertBeforeNode = (node: DOMElement, newChildNode: DOMNode, beforeChildNode: DOMNode): void => {
+ if (newChildNode.parentNode) {
+ removeChildNode(newChildNode.parentNode, newChildNode)
+ }
+
+ newChildNode.parentNode = node
+
+ const index = node.childNodes.indexOf(beforeChildNode)
+
+ if (index >= 0) {
+ // Calculate yoga index BEFORE modifying childNodes.
+ // We can't use DOM index directly because some children (like ink-progress,
+ // ink-link, ink-virtual-text) don't have yogaNodes, so DOM indices don't
+ // match yoga indices.
+ let yogaIndex = 0
+
+ if (newChildNode.yogaNode && node.yogaNode) {
+ for (let i = 0; i < index; i++) {
+ if (node.childNodes[i]?.yogaNode) {
+ yogaIndex++
+ }
+ }
+ }
+
+ node.childNodes.splice(index, 0, newChildNode)
+
+ if (newChildNode.yogaNode && node.yogaNode) {
+ node.yogaNode.insertChild(newChildNode.yogaNode, yogaIndex)
+ }
+
+ markDirty(node)
+
+ return
+ }
+
+ node.childNodes.push(newChildNode)
+
+ if (newChildNode.yogaNode) {
+ node.yogaNode?.insertChild(newChildNode.yogaNode, node.yogaNode.getChildCount())
+ }
+
+ markDirty(node)
+}
+
+export const removeChildNode = (node: DOMElement, removeNode: DOMNode): void => {
+ if (removeNode.yogaNode) {
+ removeNode.parentNode?.yogaNode?.removeChild(removeNode.yogaNode)
+ }
+
+ // Collect cached rects from the removed subtree so they can be cleared
+ collectRemovedRects(node, removeNode)
+
+ removeNode.parentNode = undefined
+
+ const index = node.childNodes.indexOf(removeNode)
+
+ if (index >= 0) {
+ node.childNodes.splice(index, 1)
+ }
+
+ markDirty(node)
+}
+
+function collectRemovedRects(parent: DOMElement, removed: DOMNode, underAbsolute = false): void {
+ if (removed.nodeName === '#text') {
+ return
+ }
+
+ const elem = removed as DOMElement
+ // If this node or any ancestor in the removed subtree was absolute,
+ // its painted pixels may overlap non-siblings — flag for global blit
+ // disable. Normal-flow removals only affect direct siblings, which
+ // hasRemovedChild already handles.
+ const isAbsolute = underAbsolute || elem.style.position === 'absolute'
+ const cached = nodeCache.get(elem)
+
+ if (cached) {
+ addPendingClear(parent, cached, isAbsolute)
+ nodeCache.delete(elem)
+ }
+
+ for (const child of elem.childNodes) {
+ collectRemovedRects(parent, child, isAbsolute)
+ }
+}
+
+export const setAttribute = (node: DOMElement, key: string, value: DOMNodeAttribute): void => {
+ // Skip 'children' - React handles children via appendChild/removeChild,
+ // not attributes. React always passes a new children reference, so
+ // tracking it as an attribute would mark everything dirty every render.
+ if (key === 'children') {
+ return
+ }
+
+ // Skip if unchanged
+ if (node.attributes[key] === value) {
+ return
+ }
+
+ node.attributes[key] = value
+ markDirty(node)
+}
+
+export const setStyle = (node: DOMNode, style: Styles): void => {
+ // Compare style properties to avoid marking dirty unnecessarily.
+ // React creates new style objects on every render even when unchanged.
+ if (stylesEqual(node.style, style)) {
+ return
+ }
+
+ node.style = style
+ markDirty(node)
+}
+
+export const setTextStyles = (node: DOMElement, textStyles: TextStyles): void => {
+ // Same dirty-check guard as setStyle: React (and buildTextStyles in Text.tsx)
+ // allocate a new textStyles object on every render even when values are
+ // unchanged, so compare by value to avoid markDirty -> yoga re-measurement
+ // on every Text re-render.
+ if (shallowEqual(node.textStyles, textStyles)) {
+ return
+ }
+
+ node.textStyles = textStyles
+ markDirty(node)
+}
+
+function stylesEqual(a: Styles, b: Styles): boolean {
+ return shallowEqual(a, b)
+}
+
+function shallowEqual(a: T | undefined, b: T | undefined): boolean {
+ // Fast path: same object reference (or both undefined)
+ if (a === b) {
+ return true
+ }
+
+ if (a === undefined || b === undefined) {
+ return false
+ }
+
+ // Get all keys from both objects
+ const aKeys = Object.keys(a) as (keyof T)[]
+ const bKeys = Object.keys(b) as (keyof T)[]
+
+ // Different number of properties
+ if (aKeys.length !== bKeys.length) {
+ return false
+ }
+
+ // Compare each property
+ for (const key of aKeys) {
+ if (a[key] !== b[key]) {
+ return false
+ }
+ }
+
+ return true
+}
+
+export const createTextNode = (text: string): TextNode => {
+ const node: TextNode = {
+ nodeName: '#text',
+ nodeValue: text,
+ yogaNode: undefined,
+ parentNode: undefined,
+ style: {}
+ }
+
+ setTextNodeValue(node, text)
+
+ return node
+}
+
+const measureTextNode = function (
+ node: DOMNode,
+ width: number,
+ widthMode: LayoutMeasureMode
+): { width: number; height: number } {
+ const rawText = node.nodeName === '#text' ? node.nodeValue : squashTextNodes(node)
+
+ // Expand tabs for measurement (worst case: 8 spaces each).
+ // Actual tab expansion happens in output.ts based on screen position.
+ const text = expandTabs(rawText)
+
+ const dimensions = measureText(text, width)
+
+ // Text fits into container, no need to wrap
+ if (dimensions.width <= width) {
+ return dimensions
+ }
+
+ // This is happening when is shrinking child nodes and layout asks
+ // if we can fit this text node in a <1px space, so we just say "no"
+ if (dimensions.width >= 1 && width > 0 && width < 1) {
+ return dimensions
+ }
+
+ // For text with embedded newlines (pre-wrapped content), avoid re-wrapping
+ // at measurement width when layout is asking for intrinsic size (Undefined mode).
+ // This prevents height inflation during min/max size checks.
+ //
+ // However, when layout provides an actual constraint (Exactly or AtMost mode),
+ // we must respect it and measure at that width. Otherwise, if the actual
+ // rendering width is smaller than the natural width, the text will wrap to
+ // more lines than layout expects, causing content to be truncated.
+ if (text.includes('\n') && widthMode === LayoutMeasureMode.Undefined) {
+ const effectiveWidth = Math.max(width, dimensions.width)
+
+ return measureText(text, effectiveWidth)
+ }
+
+ const textWrap = node.style?.textWrap ?? 'wrap'
+ const wrappedText = wrapText(text, width, textWrap)
+
+ return measureText(wrappedText, width)
+}
+
+// ink-raw-ansi nodes hold pre-rendered ANSI strings with known dimensions.
+// No stringWidth, no wrapping, no tab expansion — the producer (e.g. ColorDiff)
+// already wrapped to the target width and each line is exactly one terminal row.
+const measureRawAnsiNode = function (node: DOMElement): {
+ width: number
+ height: number
+} {
+ return {
+ width: node.attributes['rawWidth'] as number,
+ height: node.attributes['rawHeight'] as number
+ }
+}
+
+/**
+ * Mark a node and all its ancestors as dirty for re-rendering.
+ * Also marks yoga dirty for text remeasurement if this is a text node.
+ */
+export const markDirty = (node?: DOMNode): void => {
+ let current: DOMNode | undefined = node
+ let markedYoga = false
+
+ while (current) {
+ if (current.nodeName !== '#text') {
+ ;(current as DOMElement).dirty = true
+
+ // Only mark yoga dirty on leaf nodes that have measure functions
+ if (!markedYoga && (current.nodeName === 'ink-text' || current.nodeName === 'ink-raw-ansi') && current.yogaNode) {
+ current.yogaNode.markDirty()
+ markedYoga = true
+ }
+ }
+
+ current = current.parentNode
+ }
+}
+
+// Walk to root and call its onRender (the throttled scheduleRender). Use for
+// DOM-level mutations (scrollTop changes) that should trigger an Ink frame
+// without going through React's reconciler. Pair with markDirty() so the
+// renderer knows which subtree to re-evaluate.
+export const scheduleRenderFrom = (node?: DOMNode): void => {
+ let cur: DOMNode | undefined = node
+
+ while (cur?.parentNode) {
+ cur = cur.parentNode
+ }
+
+ if (cur && cur.nodeName !== '#text') {
+ ;(cur as DOMElement).onRender?.()
+ }
+}
+
+export const setTextNodeValue = (node: TextNode, text: string): void => {
+ if (typeof text !== 'string') {
+ text = String(text)
+ }
+
+ // Skip if unchanged
+ if (node.nodeValue === text) {
+ return
+ }
+
+ node.nodeValue = text
+ markDirty(node)
+}
+
+function isDOMElement(node: DOMElement | TextNode): node is DOMElement {
+ return node.nodeName !== '#text'
+}
+
+// Clear yogaNode references recursively before freeing.
+// freeRecursive() frees the node and ALL its children, so we must clear
+// all yogaNode references to prevent dangling pointers.
+export const clearYogaNodeReferences = (node: DOMElement | TextNode): void => {
+ if ('childNodes' in node) {
+ for (const child of node.childNodes) {
+ clearYogaNodeReferences(child)
+ }
+ }
+
+ node.yogaNode = undefined
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/events/click-event.ts b/ui-tui/packages/hermes-ink/src/ink/events/click-event.ts
new file mode 100644
index 0000000000..1f58659a89
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/events/click-event.ts
@@ -0,0 +1,38 @@
+import { Event } from './event.js'
+
+/**
+ * Mouse click event. Fired on left-button release without drag, only when
+ * mouse tracking is enabled (i.e. inside ).
+ *
+ * Bubbles from the deepest hit node up through parentNode. Call
+ * stopImmediatePropagation() to prevent ancestors' onClick from firing.
+ */
+export class ClickEvent extends Event {
+ /** 0-indexed screen column of the click */
+ readonly col: number
+ /** 0-indexed screen row of the click */
+ readonly row: number
+ /**
+ * Click column relative to the current handler's Box (col - box.x).
+ * Recomputed by dispatchClick before each handler fires, so an onClick
+ * on a container sees coords relative to that container, not to any
+ * child the click landed on.
+ */
+ localCol = 0
+ /** Click row relative to the current handler's Box (row - box.y). */
+ localRow = 0
+ /**
+ * True if the clicked cell has no visible content (unwritten in the
+ * screen buffer — both packed words are 0). Handlers can check this to
+ * ignore clicks on blank space to the right of text, so accidental
+ * clicks on empty terminal space don't toggle state.
+ */
+ readonly cellIsBlank: boolean
+
+ constructor(col: number, row: number, cellIsBlank: boolean) {
+ super()
+ this.col = col
+ this.row = row
+ this.cellIsBlank = cellIsBlank
+ }
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/events/dispatcher.ts b/ui-tui/packages/hermes-ink/src/ink/events/dispatcher.ts
new file mode 100644
index 0000000000..1357da1dda
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/events/dispatcher.ts
@@ -0,0 +1,242 @@
+import {
+ ContinuousEventPriority,
+ DefaultEventPriority,
+ DiscreteEventPriority,
+ NoEventPriority
+} from 'react-reconciler/constants.js'
+
+import { logError } from '../../utils/log.js'
+
+import { HANDLER_FOR_EVENT } from './event-handlers.js'
+import type { EventTarget, TerminalEvent } from './terminal-event.js'
+
+// --
+
+type DispatchListener = {
+ node: EventTarget
+ handler: (event: TerminalEvent) => void
+ phase: 'capturing' | 'at_target' | 'bubbling'
+}
+
+function getHandler(
+ node: EventTarget,
+ eventType: string,
+ capture: boolean
+): ((event: TerminalEvent) => void) | undefined {
+ const handlers = node._eventHandlers
+
+ if (!handlers) {
+ return undefined
+ }
+
+ const mapping = HANDLER_FOR_EVENT[eventType]
+
+ if (!mapping) {
+ return undefined
+ }
+
+ const propName = capture ? mapping.capture : mapping.bubble
+
+ if (!propName) {
+ return undefined
+ }
+
+ return handlers[propName] as ((event: TerminalEvent) => void) | undefined
+}
+
+/**
+ * Collect all listeners for an event in dispatch order.
+ *
+ * Uses react-dom's two-phase accumulation pattern:
+ * - Walk from target to root
+ * - Capture handlers are prepended (unshift) → root-first
+ * - Bubble handlers are appended (push) → target-first
+ *
+ * Result: [root-cap, ..., parent-cap, target-cap, target-bub, parent-bub, ..., root-bub]
+ */
+function collectListeners(target: EventTarget, event: TerminalEvent): DispatchListener[] {
+ const listeners: DispatchListener[] = []
+
+ let node: EventTarget | undefined = target
+
+ while (node) {
+ const isTarget = node === target
+
+ const captureHandler = getHandler(node, event.type, true)
+ const bubbleHandler = getHandler(node, event.type, false)
+
+ if (captureHandler) {
+ listeners.unshift({
+ node,
+ handler: captureHandler,
+ phase: isTarget ? 'at_target' : 'capturing'
+ })
+ }
+
+ if (bubbleHandler && (event.bubbles || isTarget)) {
+ listeners.push({
+ node,
+ handler: bubbleHandler,
+ phase: isTarget ? 'at_target' : 'bubbling'
+ })
+ }
+
+ node = node.parentNode
+ }
+
+ return listeners
+}
+
+/**
+ * Execute collected listeners with propagation control.
+ *
+ * Before each handler, calls event._prepareForTarget(node) so event
+ * subclasses can do per-node setup.
+ */
+function processDispatchQueue(listeners: DispatchListener[], event: TerminalEvent): void {
+ let previousNode: EventTarget | undefined
+
+ for (const { node, handler, phase } of listeners) {
+ if (event._isImmediatePropagationStopped()) {
+ break
+ }
+
+ if (event._isPropagationStopped() && node !== previousNode) {
+ break
+ }
+
+ event._setEventPhase(phase)
+ event._setCurrentTarget(node)
+ event._prepareForTarget(node)
+
+ try {
+ handler(event)
+ } catch (error) {
+ logError(error)
+ }
+
+ previousNode = node
+ }
+}
+
+// --
+
+/**
+ * Map terminal event types to React scheduling priorities.
+ * Mirrors react-dom's getEventPriority() switch.
+ */
+function getEventPriority(eventType: string): number {
+ switch (eventType) {
+ case 'keydown':
+
+ case 'keyup':
+
+ case 'click':
+
+ case 'focus':
+
+ case 'blur':
+
+ case 'paste':
+ return DiscreteEventPriority as number
+
+ case 'resize':
+
+ case 'scroll':
+
+ case 'mousemove':
+ return ContinuousEventPriority as number
+
+ default:
+ return DefaultEventPriority as number
+ }
+}
+
+// --
+
+type DiscreteUpdates = (fn: (a: A, b: B) => boolean, a: A, b: B, c: undefined, d: undefined) => boolean
+
+/**
+ * Owns event dispatch state and the capture/bubble dispatch loop.
+ *
+ * The reconciler host config reads currentEvent and currentUpdatePriority
+ * to implement resolveUpdatePriority, resolveEventType, and
+ * resolveEventTimeStamp — mirroring how react-dom's host config reads
+ * ReactDOMSharedInternals and window.event.
+ *
+ * discreteUpdates is injected after construction (by InkReconciler)
+ * to break the import cycle.
+ */
+export class Dispatcher {
+ currentEvent: TerminalEvent | null = null
+ currentUpdatePriority: number = DefaultEventPriority as number
+ discreteUpdates: DiscreteUpdates | null = null
+
+ /**
+ * Infer event priority from the currently-dispatching event.
+ * Called by the reconciler host config's resolveUpdatePriority
+ * when no explicit priority has been set.
+ */
+ resolveEventPriority(): number {
+ if (this.currentUpdatePriority !== (NoEventPriority as number)) {
+ return this.currentUpdatePriority
+ }
+
+ if (this.currentEvent) {
+ return getEventPriority(this.currentEvent.type)
+ }
+
+ return DefaultEventPriority as number
+ }
+
+ /**
+ * Dispatch an event through capture and bubble phases.
+ * Returns true if preventDefault() was NOT called.
+ */
+ dispatch(target: EventTarget, event: TerminalEvent): boolean {
+ const previousEvent = this.currentEvent
+ this.currentEvent = event
+
+ try {
+ event._setTarget(target)
+
+ const listeners = collectListeners(target, event)
+ processDispatchQueue(listeners, event)
+
+ event._setEventPhase('none')
+ event._setCurrentTarget(null)
+
+ return !event.defaultPrevented
+ } finally {
+ this.currentEvent = previousEvent
+ }
+ }
+
+ /**
+ * Dispatch with discrete (sync) priority.
+ * For user-initiated events: keyboard, click, focus, paste.
+ */
+ dispatchDiscrete(target: EventTarget, event: TerminalEvent): boolean {
+ if (!this.discreteUpdates) {
+ return this.dispatch(target, event)
+ }
+
+ return this.discreteUpdates((t, e) => this.dispatch(t, e), target, event, undefined, undefined)
+ }
+
+ /**
+ * Dispatch with continuous priority.
+ * For high-frequency events: resize, scroll, mouse move.
+ */
+ dispatchContinuous(target: EventTarget, event: TerminalEvent): boolean {
+ const previousPriority = this.currentUpdatePriority
+
+ try {
+ this.currentUpdatePriority = ContinuousEventPriority as number
+
+ return this.dispatch(target, event)
+ } finally {
+ this.currentUpdatePriority = previousPriority
+ }
+ }
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/events/emitter.ts b/ui-tui/packages/hermes-ink/src/ink/events/emitter.ts
new file mode 100644
index 0000000000..d00c4d9e3c
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/events/emitter.ts
@@ -0,0 +1,40 @@
+import { EventEmitter as NodeEventEmitter } from 'events'
+
+import { Event } from './event.js'
+
+// Similar to node's builtin EventEmitter, but is also aware of our `Event`
+// class, and so `emit` respects `stopImmediatePropagation()`.
+export class EventEmitter extends NodeEventEmitter {
+ constructor() {
+ super()
+ // Disable the default maxListeners warning. In React, many components
+ // can legitimately listen to the same event (e.g., useInput hooks).
+ // The default limit of 10 causes spurious warnings.
+ this.setMaxListeners(0)
+ }
+
+ override emit(type: string | symbol, ...args: unknown[]): boolean {
+ // Delegate to node for `error`, since it's not treated like a normal event
+ if (type === 'error') {
+ return super.emit(type, ...args)
+ }
+
+ const listeners = this.rawListeners(type)
+
+ if (listeners.length === 0) {
+ return false
+ }
+
+ const ccEvent = args[0] instanceof Event ? args[0] : null
+
+ for (const listener of listeners) {
+ listener.apply(this, args)
+
+ if (ccEvent?.didStopImmediatePropagation()) {
+ break
+ }
+ }
+
+ return true
+ }
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/events/event-handlers.ts b/ui-tui/packages/hermes-ink/src/ink/events/event-handlers.ts
new file mode 100644
index 0000000000..1750dbeee5
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/events/event-handlers.ts
@@ -0,0 +1,84 @@
+import type { ClickEvent } from './click-event.js'
+import type { FocusEvent } from './focus-event.js'
+import type { KeyboardEvent } from './keyboard-event.js'
+import type { MouseEvent } from './mouse-event.js'
+import type { PasteEvent } from './paste-event.js'
+import type { ResizeEvent } from './resize-event.js'
+
+type KeyboardEventHandler = (event: KeyboardEvent) => void
+type FocusEventHandler = (event: FocusEvent) => void
+type PasteEventHandler = (event: PasteEvent) => void
+type ResizeEventHandler = (event: ResizeEvent) => void
+type ClickEventHandler = (event: ClickEvent) => void
+type MouseEventHandler = (event: MouseEvent) => void
+type HoverEventHandler = () => void
+
+/**
+ * Props for event handlers on Box and other host components.
+ *
+ * Follows the React/DOM naming convention:
+ * - onEventName: handler for bubble phase
+ * - onEventNameCapture: handler for capture phase
+ */
+export type EventHandlerProps = {
+ onKeyDown?: KeyboardEventHandler
+ onKeyDownCapture?: KeyboardEventHandler
+
+ onFocus?: FocusEventHandler
+ onFocusCapture?: FocusEventHandler
+ onBlur?: FocusEventHandler
+ onBlurCapture?: FocusEventHandler
+
+ onPaste?: PasteEventHandler
+ onPasteCapture?: PasteEventHandler
+
+ onResize?: ResizeEventHandler
+
+ onClick?: ClickEventHandler
+ onMouseDown?: MouseEventHandler
+ onMouseUp?: MouseEventHandler
+ onMouseDrag?: MouseEventHandler
+ onMouseEnter?: HoverEventHandler
+ onMouseLeave?: HoverEventHandler
+}
+
+/**
+ * Reverse lookup: event type string → handler prop names.
+ * Used by the dispatcher for O(1) handler lookup per node.
+ */
+export const HANDLER_FOR_EVENT: Record<
+ string,
+ { bubble?: keyof EventHandlerProps; capture?: keyof EventHandlerProps }
+> = {
+ keydown: { bubble: 'onKeyDown', capture: 'onKeyDownCapture' },
+ focus: { bubble: 'onFocus', capture: 'onFocusCapture' },
+ blur: { bubble: 'onBlur', capture: 'onBlurCapture' },
+ paste: { bubble: 'onPaste', capture: 'onPasteCapture' },
+ resize: { bubble: 'onResize' },
+ click: { bubble: 'onClick' },
+ mousedown: { bubble: 'onMouseDown' },
+ mouseup: { bubble: 'onMouseUp' },
+ mousedrag: { bubble: 'onMouseDrag' }
+}
+
+/**
+ * Set of all event handler prop names, for the reconciler to detect
+ * event props and store them in _eventHandlers instead of attributes.
+ */
+export const EVENT_HANDLER_PROPS = new Set([
+ 'onKeyDown',
+ 'onKeyDownCapture',
+ 'onFocus',
+ 'onFocusCapture',
+ 'onBlur',
+ 'onBlurCapture',
+ 'onPaste',
+ 'onPasteCapture',
+ 'onResize',
+ 'onClick',
+ 'onMouseDown',
+ 'onMouseUp',
+ 'onMouseDrag',
+ 'onMouseEnter',
+ 'onMouseLeave'
+])
diff --git a/ui-tui/packages/hermes-ink/src/ink/events/event.ts b/ui-tui/packages/hermes-ink/src/ink/events/event.ts
new file mode 100644
index 0000000000..61874002eb
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/events/event.ts
@@ -0,0 +1,11 @@
+export class Event {
+ private _didStopImmediatePropagation = false
+
+ didStopImmediatePropagation(): boolean {
+ return this._didStopImmediatePropagation
+ }
+
+ stopImmediatePropagation(): void {
+ this._didStopImmediatePropagation = true
+ }
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/events/focus-event.ts b/ui-tui/packages/hermes-ink/src/ink/events/focus-event.ts
new file mode 100644
index 0000000000..527fd26d22
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/events/focus-event.ts
@@ -0,0 +1,18 @@
+import { type EventTarget, TerminalEvent } from './terminal-event.js'
+
+/**
+ * Focus event for component focus changes.
+ *
+ * Dispatched when focus moves between elements. 'focus' fires on the
+ * newly focused element, 'blur' fires on the previously focused one.
+ * Both bubble, matching react-dom's use of focusin/focusout semantics
+ * so parent components can observe descendant focus changes.
+ */
+export class FocusEvent extends TerminalEvent {
+ readonly relatedTarget: EventTarget | null
+
+ constructor(type: 'focus' | 'blur', relatedTarget: EventTarget | null = null) {
+ super(type, { bubbles: true, cancelable: false })
+ this.relatedTarget = relatedTarget
+ }
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/events/input-event.ts b/ui-tui/packages/hermes-ink/src/ink/events/input-event.ts
new file mode 100644
index 0000000000..293ecdbeec
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/events/input-event.ts
@@ -0,0 +1,184 @@
+import { nonAlphanumericKeys, type ParsedKey } from '../parse-keypress.js'
+
+import { Event } from './event.js'
+
+export type Key = {
+ upArrow: boolean
+ downArrow: boolean
+ leftArrow: boolean
+ rightArrow: boolean
+ pageDown: boolean
+ pageUp: boolean
+ wheelUp: boolean
+ wheelDown: boolean
+ home: boolean
+ end: boolean
+ return: boolean
+ escape: boolean
+ ctrl: boolean
+ shift: boolean
+ fn: boolean
+ tab: boolean
+ backspace: boolean
+ delete: boolean
+ meta: boolean
+ super: boolean
+}
+
+function parseKey(keypress: ParsedKey): [Key, string] {
+ const key: Key = {
+ upArrow: keypress.name === 'up',
+ downArrow: keypress.name === 'down',
+ leftArrow: keypress.name === 'left',
+ rightArrow: keypress.name === 'right',
+ pageDown: keypress.name === 'pagedown',
+ pageUp: keypress.name === 'pageup',
+ wheelUp: keypress.name === 'wheelup',
+ wheelDown: keypress.name === 'wheeldown',
+ home: keypress.name === 'home',
+ end: keypress.name === 'end',
+ return: keypress.name === 'return',
+ escape: keypress.name === 'escape',
+ fn: keypress.fn,
+ ctrl: keypress.ctrl,
+ shift: keypress.shift,
+ tab: keypress.name === 'tab',
+ backspace: keypress.name === 'backspace',
+ delete: keypress.name === 'delete',
+ // `parseKeypress` parses \u001B\u001B[A (meta + up arrow) as meta = false
+ // but with option = true, so we need to take this into account here
+ // to avoid breaking changes in Ink.
+ // TODO(vadimdemedes): consider removing this in the next major version.
+ meta: keypress.meta || keypress.name === 'escape' || keypress.option,
+ // Super (Cmd on macOS / Win key) — only arrives via kitty keyboard
+ // protocol CSI u sequences. Distinct from meta (Alt/Option) so
+ // bindings like cmd+c can be expressed separately from opt+c.
+ super: keypress.super
+ }
+
+ let input = keypress.ctrl ? keypress.name : keypress.sequence
+
+ // Handle undefined input case
+ if (input === undefined) {
+ input = ''
+ }
+
+ // When ctrl is set, keypress.name for space is the literal word "space".
+ // Convert to actual space character for consistency with the CSI u branch
+ // (which maps 'space' → ' '). Without this, ctrl+space leaks the literal
+ // word "space" into text input.
+ if (keypress.ctrl && input === 'space') {
+ input = ' '
+ }
+
+ // Suppress unrecognized escape sequences that were parsed as function keys
+ // (matched by FN_KEY_RE) but have no name in the keyName map.
+ // Examples: ESC[25~ (F13/Right Alt on Windows), ESC[26~ (F14), etc.
+ // Without this, the ESC prefix is stripped below and the remainder (e.g.,
+ // "[25~") leaks into the input as literal text.
+ if (keypress.code && !keypress.name) {
+ input = ''
+ }
+
+ // Suppress ESC-less SGR mouse fragments. When a heavy React commit blocks
+ // the event loop past App's 50ms NORMAL_TIMEOUT flush, a CSI split across
+ // stdin chunks gets its buffered ESC flushed as a lone Escape key, and the
+ // continuation arrives as a text token with name='' — which falls through
+ // all of parseKeypress's ESC-anchored regexes and the nonAlphanumericKeys
+ // clear below (name is falsy). The fragment then leaks into the prompt as
+ // literal `[<64;74;16M`. This is the same defensive sink as the F13 guard
+ // above; the underlying tokenizer-flush race is upstream of this layer.
+ if (!keypress.name && /^\[<\d+;\d+;\d+[Mm]/.test(input)) {
+ input = ''
+ }
+
+ // Strip meta if it's still remaining after `parseKeypress`
+ // TODO(vadimdemedes): remove this in the next major version.
+ if (input.startsWith('\u001B')) {
+ input = input.slice(1)
+ }
+
+ // Track whether we've already processed this as a special sequence
+ // that converted input to the key name (CSI u or application keypad mode).
+ // For these, we don't want to clear input with nonAlphanumericKeys check.
+ let processedAsSpecialSequence = false
+
+ // Handle CSI u sequences (Kitty keyboard protocol): after stripping ESC,
+ // we're left with "[codepoint;modifieru" (e.g., "[98;3u" for Alt+b).
+ // Use the parsed key name instead for input handling. Require a digit
+ // after [ — real CSI u is always […u, and a bare startsWith('[')
+ // false-matches X10 mouse at row 85 (Cy = 85+32 = 'u'), leaking the
+ // literal text "mouse" into the prompt via processedAsSpecialSequence.
+ if (/^\[\d/.test(input) && input.endsWith('u')) {
+ if (!keypress.name) {
+ // Unmapped Kitty functional key (Caps Lock 57358, F13–F35, KP nav,
+ // bare modifiers, etc.) — keycodeToName() returned undefined. Swallow
+ // so the raw "[57358u" doesn't leak into the prompt. See #38781.
+ input = ''
+ } else {
+ // 'space' → ' '; 'escape' → '' (key.escape carries it;
+ // processedAsSpecialSequence bypasses the nonAlphanumericKeys
+ // clear below, so we must handle it explicitly here);
+ // otherwise use key name.
+ input = keypress.name === 'space' ? ' ' : keypress.name === 'escape' ? '' : keypress.name
+ }
+
+ processedAsSpecialSequence = true
+ }
+
+ // Handle xterm modifyOtherKeys sequences: after stripping ESC, we're left
+ // with "[27;modifier;keycode~" (e.g., "[27;3;98~" for Alt+b). Same
+ // extraction as CSI u — without this, printable-char keycodes (single-letter
+ // names) skip the nonAlphanumericKeys clear and leak "[27;..." as input.
+ if (input.startsWith('[27;') && input.endsWith('~')) {
+ if (!keypress.name) {
+ // Unmapped modifyOtherKeys keycode — swallow for consistency with
+ // the CSI u handler above. Practically untriggerable today (xterm
+ // modifyOtherKeys only sends ASCII keycodes, all mapped), but
+ // guards against future terminal behavior.
+ input = ''
+ } else {
+ input = keypress.name === 'space' ? ' ' : keypress.name === 'escape' ? '' : keypress.name
+ }
+
+ processedAsSpecialSequence = true
+ }
+
+ // Handle application keypad mode sequences: after stripping ESC,
+ // we're left with "O" (e.g., "Op" for numpad 0, "Oy" for numpad 9).
+ // Use the parsed key name (the digit character) for input handling.
+ if (input.startsWith('O') && input.length === 2 && keypress.name && keypress.name.length === 1) {
+ input = keypress.name
+ processedAsSpecialSequence = true
+ }
+
+ // Clear input for non-alphanumeric keys (arrows, function keys, etc.)
+ // Skip this for CSI u and application keypad mode sequences since
+ // those were already converted to their proper input characters.
+ if (!processedAsSpecialSequence && keypress.name && nonAlphanumericKeys.includes(keypress.name)) {
+ input = ''
+ }
+
+ // Set shift=true for uppercase letters (A-Z)
+ // Must check it's actually a letter, not just any char unchanged by toUpperCase
+ if (input.length === 1 && typeof input[0] === 'string' && input[0] >= 'A' && input[0] <= 'Z') {
+ key.shift = true
+ }
+
+ return [key, input]
+}
+
+export class InputEvent extends Event {
+ readonly keypress: ParsedKey
+ readonly key: Key
+ readonly input: string
+
+ constructor(keypress: ParsedKey) {
+ super()
+ const [key, input] = parseKey(keypress)
+
+ this.keypress = keypress
+ this.key = key
+ this.input = input
+ }
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/events/keyboard-event.ts b/ui-tui/packages/hermes-ink/src/ink/events/keyboard-event.ts
new file mode 100644
index 0000000000..6d441dadbd
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/events/keyboard-event.ts
@@ -0,0 +1,57 @@
+import type { ParsedKey } from '../parse-keypress.js'
+
+import { TerminalEvent } from './terminal-event.js'
+
+/**
+ * Keyboard event dispatched through the DOM tree via capture/bubble.
+ *
+ * Follows browser KeyboardEvent semantics: `key` is the literal character
+ * for printable keys ('a', '3', ' ', '/') and a multi-char name for
+ * special keys ('down', 'return', 'escape', 'f1'). The idiomatic
+ * printable-char check is `e.key.length === 1`.
+ */
+export class KeyboardEvent extends TerminalEvent {
+ readonly key: string
+ readonly ctrl: boolean
+ readonly shift: boolean
+ readonly meta: boolean
+ readonly superKey: boolean
+ readonly fn: boolean
+
+ constructor(parsedKey: ParsedKey) {
+ super('keydown', { bubbles: true, cancelable: true })
+
+ this.key = keyFromParsed(parsedKey)
+ this.ctrl = parsedKey.ctrl
+ this.shift = parsedKey.shift
+ this.meta = parsedKey.meta || parsedKey.option
+ this.superKey = parsedKey.super
+ this.fn = parsedKey.fn
+ }
+}
+
+function keyFromParsed(parsed: ParsedKey): string {
+ const seq = parsed.sequence ?? ''
+ const name = parsed.name ?? ''
+
+ // Ctrl combos: sequence is a control byte (\x03 for ctrl+c), name is the
+ // letter. Browsers report e.key === 'c' with e.ctrlKey === true.
+ if (parsed.ctrl) {
+ return name
+ }
+
+ // Single printable char (space through ~, plus anything above ASCII):
+ // use the literal char. Browsers report e.key === '3', not 'Digit3'.
+ if (seq.length === 1) {
+ const code = seq.charCodeAt(0)
+
+ if (code >= 0x20 && code !== 0x7f) {
+ return seq
+ }
+ }
+
+ // Special keys (arrows, F-keys, return, tab, escape, etc.): sequence is
+ // either an escape sequence (\x1b[B) or a control byte (\r, \t), so use
+ // the parsed name. Browsers report e.key === 'ArrowDown'.
+ return name || seq
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/events/mouse-event.ts b/ui-tui/packages/hermes-ink/src/ink/events/mouse-event.ts
new file mode 100644
index 0000000000..d42839b5fb
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/events/mouse-event.ts
@@ -0,0 +1,18 @@
+import { Event } from './event.js'
+
+export class MouseEvent extends Event {
+ readonly col: number
+ readonly row: number
+ localCol = 0
+ localRow = 0
+ readonly cellIsBlank: boolean
+ readonly button: number
+
+ constructor(col: number, row: number, cellIsBlank: boolean, button: number) {
+ super()
+ this.col = col
+ this.row = row
+ this.cellIsBlank = cellIsBlank
+ this.button = button
+ }
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/events/paste-event.ts b/ui-tui/packages/hermes-ink/src/ink/events/paste-event.ts
new file mode 100644
index 0000000000..38a88f3171
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/events/paste-event.ts
@@ -0,0 +1,10 @@
+import { TerminalEvent } from './terminal-event.js'
+
+export class PasteEvent extends TerminalEvent {
+ readonly text: string
+
+ constructor(text: string) {
+ super('paste', { bubbles: true, cancelable: true })
+ this.text = text
+ }
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/events/resize-event.ts b/ui-tui/packages/hermes-ink/src/ink/events/resize-event.ts
new file mode 100644
index 0000000000..b2627bb290
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/events/resize-event.ts
@@ -0,0 +1,12 @@
+import { TerminalEvent } from './terminal-event.js'
+
+export class ResizeEvent extends TerminalEvent {
+ readonly columns: number
+ readonly rows: number
+
+ constructor(columns: number, rows: number) {
+ super('resize', { bubbles: true, cancelable: true })
+ this.columns = columns
+ this.rows = rows
+ }
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/events/terminal-event.ts b/ui-tui/packages/hermes-ink/src/ink/events/terminal-event.ts
new file mode 100644
index 0000000000..9a86bf8b29
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/events/terminal-event.ts
@@ -0,0 +1,107 @@
+import { Event } from './event.js'
+
+type EventPhase = 'none' | 'capturing' | 'at_target' | 'bubbling'
+
+type TerminalEventInit = {
+ bubbles?: boolean
+ cancelable?: boolean
+}
+
+/**
+ * Base class for all terminal events with DOM-style propagation.
+ *
+ * Extends Event so existing event types (ClickEvent, InputEvent,
+ * TerminalFocusEvent) share a common ancestor and can migrate later.
+ *
+ * Mirrors the browser's Event API: target, currentTarget, eventPhase,
+ * stopPropagation(), preventDefault(), timeStamp.
+ */
+export class TerminalEvent extends Event {
+ readonly type: string
+ readonly timeStamp: number
+ readonly bubbles: boolean
+ readonly cancelable: boolean
+
+ private _target: EventTarget | null = null
+ private _currentTarget: EventTarget | null = null
+ private _eventPhase: EventPhase = 'none'
+ private _propagationStopped = false
+ private _defaultPrevented = false
+
+ constructor(type: string, init?: TerminalEventInit) {
+ super()
+ this.type = type
+ this.timeStamp = performance.now()
+ this.bubbles = init?.bubbles ?? true
+ this.cancelable = init?.cancelable ?? true
+ }
+
+ get target(): EventTarget | null {
+ return this._target
+ }
+
+ get currentTarget(): EventTarget | null {
+ return this._currentTarget
+ }
+
+ get eventPhase(): EventPhase {
+ return this._eventPhase
+ }
+
+ get defaultPrevented(): boolean {
+ return this._defaultPrevented
+ }
+
+ stopPropagation(): void {
+ this._propagationStopped = true
+ }
+
+ override stopImmediatePropagation(): void {
+ super.stopImmediatePropagation()
+ this._propagationStopped = true
+ }
+
+ preventDefault(): void {
+ if (this.cancelable) {
+ this._defaultPrevented = true
+ }
+ }
+
+ // -- Internal setters used by the Dispatcher
+
+ /** @internal */
+ _setTarget(target: EventTarget): void {
+ this._target = target
+ }
+
+ /** @internal */
+ _setCurrentTarget(target: EventTarget | null): void {
+ this._currentTarget = target
+ }
+
+ /** @internal */
+ _setEventPhase(phase: EventPhase): void {
+ this._eventPhase = phase
+ }
+
+ /** @internal */
+ _isPropagationStopped(): boolean {
+ return this._propagationStopped
+ }
+
+ /** @internal */
+ _isImmediatePropagationStopped(): boolean {
+ return this.didStopImmediatePropagation()
+ }
+
+ /**
+ * Hook for subclasses to do per-node setup before each handler fires.
+ * Default is a no-op.
+ */
+ _prepareForTarget(_target: EventTarget): void {}
+}
+
+export type EventTarget = {
+ parentNode: EventTarget | undefined
+ _eventHandlers?: Record
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/events/terminal-focus-event.ts b/ui-tui/packages/hermes-ink/src/ink/events/terminal-focus-event.ts
new file mode 100644
index 0000000000..6d0303fdb4
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/events/terminal-focus-event.ts
@@ -0,0 +1,19 @@
+import { Event } from './event.js'
+
+export type TerminalFocusEventType = 'terminalfocus' | 'terminalblur'
+
+/**
+ * Event fired when the terminal window gains or loses focus.
+ *
+ * Uses DECSET 1004 focus reporting - the terminal sends:
+ * - CSI I (\x1b[I) when the terminal gains focus
+ * - CSI O (\x1b[O) when the terminal loses focus
+ */
+export class TerminalFocusEvent extends Event {
+ readonly type: TerminalFocusEventType
+
+ constructor(type: TerminalFocusEventType) {
+ super()
+ this.type = type
+ }
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/focus.ts b/ui-tui/packages/hermes-ink/src/ink/focus.ts
new file mode 100644
index 0000000000..0317ed9d7e
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/focus.ts
@@ -0,0 +1,219 @@
+import type { DOMElement } from './dom.js'
+import { FocusEvent } from './events/focus-event.js'
+
+const MAX_FOCUS_STACK = 32
+
+/**
+ * DOM-like focus manager for the Ink terminal UI.
+ *
+ * Pure state — tracks activeElement and a focus stack. Has no reference
+ * to the tree; callers pass the root when tree walks are needed.
+ *
+ * Stored on the root DOMElement so any node can reach it by walking
+ * parentNode (like browser's `node.ownerDocument`).
+ */
+export class FocusManager {
+ activeElement: DOMElement | null = null
+ private dispatchFocusEvent: (target: DOMElement, event: FocusEvent) => boolean
+ private enabled = true
+ private focusStack: DOMElement[] = []
+
+ constructor(dispatchFocusEvent: (target: DOMElement, event: FocusEvent) => boolean) {
+ this.dispatchFocusEvent = dispatchFocusEvent
+ }
+
+ focus(node: DOMElement): void {
+ if (node === this.activeElement) {
+ return
+ }
+
+ if (!this.enabled) {
+ return
+ }
+
+ const previous = this.activeElement
+
+ if (previous) {
+ // Deduplicate before pushing to prevent unbounded growth from Tab cycling
+ const idx = this.focusStack.indexOf(previous)
+
+ if (idx !== -1) {
+ this.focusStack.splice(idx, 1)
+ }
+
+ this.focusStack.push(previous)
+
+ if (this.focusStack.length > MAX_FOCUS_STACK) {
+ this.focusStack.shift()
+ }
+
+ this.dispatchFocusEvent(previous, new FocusEvent('blur', node))
+ }
+
+ this.activeElement = node
+ this.dispatchFocusEvent(node, new FocusEvent('focus', previous))
+ }
+
+ blur(): void {
+ if (!this.activeElement) {
+ return
+ }
+
+ const previous = this.activeElement
+ this.activeElement = null
+ this.dispatchFocusEvent(previous, new FocusEvent('blur', null))
+ }
+
+ /**
+ * Called by the reconciler when a node is removed from the tree.
+ * Handles both the exact node and any focused descendant within
+ * the removed subtree. Dispatches blur and restores focus from stack.
+ */
+ handleNodeRemoved(node: DOMElement, root: DOMElement): void {
+ // Remove the node and any descendants from the stack
+ this.focusStack = this.focusStack.filter(n => n !== node && isInTree(n, root))
+
+ // Check if activeElement is the removed node OR a descendant
+ if (!this.activeElement) {
+ return
+ }
+
+ if (this.activeElement !== node && isInTree(this.activeElement, root)) {
+ return
+ }
+
+ const removed = this.activeElement
+ this.activeElement = null
+ this.dispatchFocusEvent(removed, new FocusEvent('blur', null))
+
+ // Restore focus to the most recent still-mounted element
+ while (this.focusStack.length > 0) {
+ const candidate = this.focusStack.pop()!
+
+ if (isInTree(candidate, root)) {
+ this.activeElement = candidate
+ this.dispatchFocusEvent(candidate, new FocusEvent('focus', removed))
+
+ return
+ }
+ }
+ }
+
+ handleAutoFocus(node: DOMElement): void {
+ this.focus(node)
+ }
+
+ handleClickFocus(node: DOMElement): void {
+ const tabIndex = node.attributes['tabIndex']
+
+ if (typeof tabIndex !== 'number') {
+ return
+ }
+
+ this.focus(node)
+ }
+
+ enable(): void {
+ this.enabled = true
+ }
+
+ disable(): void {
+ this.enabled = false
+ }
+
+ focusNext(root: DOMElement): void {
+ this.moveFocus(1, root)
+ }
+
+ focusPrevious(root: DOMElement): void {
+ this.moveFocus(-1, root)
+ }
+
+ private moveFocus(direction: 1 | -1, root: DOMElement): void {
+ if (!this.enabled) {
+ return
+ }
+
+ const tabbable = collectTabbable(root)
+
+ if (tabbable.length === 0) {
+ return
+ }
+
+ const currentIndex = this.activeElement ? tabbable.indexOf(this.activeElement) : -1
+
+ const nextIndex =
+ currentIndex === -1
+ ? direction === 1
+ ? 0
+ : tabbable.length - 1
+ : (currentIndex + direction + tabbable.length) % tabbable.length
+
+ const next = tabbable[nextIndex]
+
+ if (next) {
+ this.focus(next)
+ }
+ }
+}
+
+function collectTabbable(root: DOMElement): DOMElement[] {
+ const result: DOMElement[] = []
+ walkTree(root, result)
+
+ return result
+}
+
+function walkTree(node: DOMElement, result: DOMElement[]): void {
+ const tabIndex = node.attributes['tabIndex']
+
+ if (typeof tabIndex === 'number' && tabIndex >= 0) {
+ result.push(node)
+ }
+
+ for (const child of node.childNodes) {
+ if (child.nodeName !== '#text') {
+ walkTree(child, result)
+ }
+ }
+}
+
+function isInTree(node: DOMElement, root: DOMElement): boolean {
+ let current: DOMElement | undefined = node
+
+ while (current) {
+ if (current === root) {
+ return true
+ }
+
+ current = current.parentNode
+ }
+
+ return false
+}
+
+/**
+ * Walk up to root and return it. The root is the node that holds
+ * the FocusManager — like browser's `node.getRootNode()`.
+ */
+export function getRootNode(node: DOMElement): DOMElement {
+ let current: DOMElement | undefined = node
+
+ while (current) {
+ if (current.focusManager) {
+ return current
+ }
+
+ current = current.parentNode
+ }
+
+ throw new Error('Node is not in a tree with a FocusManager')
+}
+
+/**
+ * Walk up to root and return its FocusManager.
+ * Like browser's `node.ownerDocument` — focus belongs to the root.
+ */
+export function getFocusManager(node: DOMElement): FocusManager {
+ return getRootNode(node).focusManager!
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/frame.ts b/ui-tui/packages/hermes-ink/src/ink/frame.ts
new file mode 100644
index 0000000000..b85c0ad944
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/frame.ts
@@ -0,0 +1,116 @@
+import type { Cursor } from './cursor.js'
+import type { Size } from './layout/geometry.js'
+import type { ScrollHint } from './render-node-to-output.js'
+import { type CharPool, createScreen, type HyperlinkPool, type Screen, type StylePool } from './screen.js'
+
+export type Frame = {
+ readonly screen: Screen
+ readonly viewport: Size
+ readonly cursor: Cursor
+ /** DECSTBM scroll optimization hint (alt-screen only, null otherwise). */
+ readonly scrollHint?: ScrollHint | null
+ /** A ScrollBox has remaining pendingScrollDelta — schedule another frame. */
+ readonly scrollDrainPending?: boolean
+ /** Absolute overlay moved/resized — schedule corrective frame without prevScreen. */
+ readonly absoluteOverlayMoved?: boolean
+}
+
+export function emptyFrame(
+ rows: number,
+ columns: number,
+ stylePool: StylePool,
+ charPool: CharPool,
+ hyperlinkPool: HyperlinkPool
+): Frame {
+ return {
+ screen: createScreen(0, 0, stylePool, charPool, hyperlinkPool),
+ viewport: { width: columns, height: rows },
+ cursor: { x: 0, y: 0, visible: true }
+ }
+}
+
+export type FlickerReason = 'resize' | 'offscreen' | 'clear'
+
+export type FrameEvent = {
+ durationMs: number
+ /** Phase breakdown in ms + patch count. Populated when the ink instance
+ * has frame-timing instrumentation enabled (via onFrame wiring). */
+ phases?: {
+ /** createRenderer output: DOM → yoga layout → screen buffer */
+ renderer: number
+ /** LogUpdate.render(): screen diff → Patch[] (the hot path this PR optimizes) */
+ diff: number
+ /** optimize(): patch merge/dedupe */
+ optimize: number
+ /** writeDiffToTerminal(): serialize patches → ANSI → stdout */
+ write: number
+ /** Pre-optimize patch count (proxy for how much changed this frame) */
+ patches: number
+ /** yoga calculateLayout() time (runs in resetAfterCommit, before onRender) */
+ yoga: number
+ /** React reconcile time: scrollMutated → resetAfterCommit. 0 if no commit. */
+ commit: number
+ /** layoutNode() calls this frame (recursive, includes cache-hit returns) */
+ yogaVisited: number
+ /** measureFunc (text wrap/width) calls — the expensive part */
+ yogaMeasured: number
+ /** early returns via _hasL single-slot cache */
+ yogaCacheHits: number
+ /** total yoga Node instances alive (create - free). Growth = leak. */
+ yogaLive: number
+ }
+ flickers: Array<{
+ desiredHeight: number
+ availableHeight: number
+ reason: FlickerReason
+ }>
+}
+
+export type Patch =
+ | { type: 'stdout'; content: string }
+ | { type: 'clear'; count: number }
+ | {
+ type: 'clearTerminal'
+ reason: FlickerReason
+ // Populated by log-update when a scrollback diff triggers the reset.
+ debug?: { triggerY: number; prevLine: string; nextLine: string }
+ }
+ | { type: 'cursorHide' }
+ | { type: 'cursorShow' }
+ | { type: 'cursorMove'; x: number; y: number }
+ | { type: 'cursorTo'; col: number }
+ | { type: 'carriageReturn' }
+ | { type: 'hyperlink'; uri: string }
+ // Pre-serialized style transition string from StylePool.transition() —
+ // cached by (fromId, toId), zero allocations after warmup.
+ | { type: 'styleStr'; str: string }
+
+export type Diff = Patch[]
+
+/**
+ * Determines whether the screen should be cleared based on the current and previous frame.
+ * Returns the reason for clearing, or undefined if no clear is needed.
+ *
+ * Screen clearing is triggered when:
+ * 1. Terminal has been resized (viewport dimensions changed) → 'resize'
+ * 2. Current frame screen height exceeds available terminal rows → 'offscreen'
+ * 3. Previous frame screen height exceeded available terminal rows → 'offscreen'
+ */
+export function shouldClearScreen(prevFrame: Frame, frame: Frame): FlickerReason | undefined {
+ const didResize =
+ frame.viewport.height !== prevFrame.viewport.height || frame.viewport.width !== prevFrame.viewport.width
+
+ if (didResize) {
+ return 'resize'
+ }
+
+ const currentFrameOverflows = frame.screen.height >= frame.viewport.height
+
+ const previousFrameOverflowed = prevFrame.screen.height >= prevFrame.viewport.height
+
+ if (currentFrameOverflows || previousFrameOverflowed) {
+ return 'offscreen'
+ }
+
+ return undefined
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/get-max-width.ts b/ui-tui/packages/hermes-ink/src/ink/get-max-width.ts
new file mode 100644
index 0000000000..e079463748
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/get-max-width.ts
@@ -0,0 +1,27 @@
+import { LayoutEdge, type LayoutNode } from './layout/node.js'
+
+/**
+ * Returns the yoga node's content width (computed width minus padding and
+ * border).
+ *
+ * Warning: can return a value WIDER than the parent container. In a
+ * column-direction flex parent, width is the cross axis — align-items:
+ * stretch never shrinks children below their intrinsic size, so the text
+ * node overflows (standard CSS behavior). Yoga measures leaf nodes in two
+ * passes: the AtMost pass determines width, the Exactly pass determines
+ * height. getComputedWidth() reflects the wider AtMost result while
+ * getComputedHeight() reflects the narrower Exactly result. Callers that
+ * use this for wrapping should clamp to actual available screen space so
+ * the rendered line count stays consistent with the layout height.
+ */
+const getMaxWidth = (yogaNode: LayoutNode): number => {
+ return (
+ yogaNode.getComputedWidth() -
+ yogaNode.getComputedPadding(LayoutEdge.Left) -
+ yogaNode.getComputedPadding(LayoutEdge.Right) -
+ yogaNode.getComputedBorder(LayoutEdge.Left) -
+ yogaNode.getComputedBorder(LayoutEdge.Right)
+ )
+}
+
+export default getMaxWidth
diff --git a/ui-tui/packages/hermes-ink/src/ink/global.d.ts b/ui-tui/packages/hermes-ink/src/ink/global.d.ts
new file mode 100644
index 0000000000..336ce12bb9
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/global.d.ts
@@ -0,0 +1 @@
+export {}
diff --git a/ui-tui/packages/hermes-ink/src/ink/hit-test.ts b/ui-tui/packages/hermes-ink/src/ink/hit-test.ts
new file mode 100644
index 0000000000..c23ce34fe0
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/hit-test.ts
@@ -0,0 +1,192 @@
+import type { DOMElement } from './dom.js'
+import { ClickEvent } from './events/click-event.js'
+import type { EventHandlerProps } from './events/event-handlers.js'
+import { MouseEvent } from './events/mouse-event.js'
+import { nodeCache } from './node-cache.js'
+
+/**
+ * Find the deepest DOM element whose rendered rect contains (col, row).
+ *
+ * Uses the nodeCache populated by renderNodeToOutput — rects are in screen
+ * coordinates with all offsets (including scrollTop translation) already
+ * applied. Children are traversed in reverse so later siblings (painted on
+ * top) win. Nodes not in nodeCache (not rendered this frame, or lacking a
+ * yogaNode) are skipped along with their subtrees.
+ *
+ * Returns the hit node even if it has no onClick — dispatchClick walks up
+ * via parentNode to find handlers.
+ */
+export function hitTest(node: DOMElement, col: number, row: number): DOMElement | null {
+ const rect = nodeCache.get(node)
+
+ if (!rect) {
+ return null
+ }
+
+ if (col < rect.x || col >= rect.x + rect.width || row < rect.y || row >= rect.y + rect.height) {
+ return null
+ }
+
+ // Later siblings paint on top; reversed traversal returns topmost hit.
+ for (let i = node.childNodes.length - 1; i >= 0; i--) {
+ const child = node.childNodes[i]!
+
+ if (child.nodeName === '#text') {
+ continue
+ }
+
+ const hit = hitTest(child, col, row)
+
+ if (hit) {
+ return hit
+ }
+ }
+
+ return node
+}
+
+/**
+ * Hit-test the root at (col, row) and bubble a ClickEvent from the deepest
+ * containing node up through parentNode. Only nodes with an onClick handler
+ * fire. Stops when a handler calls stopImmediatePropagation(). Returns
+ * true if at least one onClick handler fired.
+ */
+export function dispatchClick(root: DOMElement, col: number, row: number, cellIsBlank = false): boolean {
+ let target: DOMElement | undefined = hitTest(root, col, row) ?? undefined
+
+ if (!target) {
+ return false
+ }
+
+ // Click-to-focus: find the closest focusable ancestor and focus it.
+ // root is always ink-root, which owns the FocusManager.
+ if (root.focusManager) {
+ let focusTarget: DOMElement | undefined = target
+
+ while (focusTarget) {
+ if (typeof focusTarget.attributes['tabIndex'] === 'number') {
+ root.focusManager.handleClickFocus(focusTarget)
+
+ break
+ }
+
+ focusTarget = focusTarget.parentNode
+ }
+ }
+
+ const event = new ClickEvent(col, row, cellIsBlank)
+ let handled = false
+
+ while (target) {
+ const handler = target._eventHandlers?.onClick as ((event: ClickEvent) => void) | undefined
+
+ if (handler) {
+ handled = true
+ const rect = nodeCache.get(target)
+
+ if (rect) {
+ event.localCol = col - rect.x
+ event.localRow = row - rect.y
+ }
+
+ handler(event)
+
+ if (event.didStopImmediatePropagation()) {
+ return true
+ }
+ }
+
+ target = target.parentNode
+ }
+
+ return handled
+}
+
+type MouseHandler = 'onMouseDown' | 'onMouseUp' | 'onMouseDrag'
+
+export function dispatchMouse(
+ root: DOMElement,
+ col: number,
+ row: number,
+ handlerName: MouseHandler,
+ button: number,
+ cellIsBlank = false,
+ target?: DOMElement
+): DOMElement | undefined {
+ let node: DOMElement | undefined = target ?? hitTest(root, col, row) ?? undefined
+
+ if (!node) {
+ return undefined
+ }
+
+ const event = new MouseEvent(col, row, cellIsBlank, button)
+ let handled: DOMElement | undefined
+
+ while (node) {
+ const handler = node._eventHandlers?.[handlerName] as ((event: MouseEvent) => void) | undefined
+
+ if (handler) {
+ handled ??= node
+ const rect = nodeCache.get(node)
+
+ if (rect) {
+ event.localCol = col - rect.x
+ event.localRow = row - rect.y
+ }
+
+ handler(event)
+
+ if (event.didStopImmediatePropagation()) {
+ return handled
+ }
+ }
+
+ node = node.parentNode
+ }
+
+ return handled
+}
+
+/**
+ * Fire onMouseEnter/onMouseLeave as the pointer moves. Like DOM
+ * mouseenter/mouseleave: does NOT bubble — moving between children does
+ * not re-fire on the parent. Walks up from the hit node collecting every
+ * ancestor with a hover handler; diffs against the previous hovered set;
+ * fires leave on the nodes exited, enter on the nodes entered.
+ *
+ * Mutates `hovered` in place so the caller (App instance) can hold it
+ * across calls. Clears the set when the hit is null (cursor moved into a
+ * non-rendered gap or off the root rect).
+ */
+export function dispatchHover(root: DOMElement, col: number, row: number, hovered: Set): void {
+ const next = new Set()
+ let node: DOMElement | undefined = hitTest(root, col, row) ?? undefined
+
+ while (node) {
+ const h = node._eventHandlers as EventHandlerProps | undefined
+
+ if (h?.onMouseEnter || h?.onMouseLeave) {
+ next.add(node)
+ }
+
+ node = node.parentNode
+ }
+
+ for (const old of hovered) {
+ if (!next.has(old)) {
+ hovered.delete(old)
+
+ // Skip handlers on detached nodes (removed between mouse events)
+ if (old.parentNode) {
+ ;(old._eventHandlers as EventHandlerProps | undefined)?.onMouseLeave?.()
+ }
+ }
+ }
+
+ for (const n of next) {
+ if (!hovered.has(n)) {
+ hovered.add(n)
+ ;(n._eventHandlers as EventHandlerProps | undefined)?.onMouseEnter?.()
+ }
+ }
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/hooks/use-animation-frame.ts b/ui-tui/packages/hermes-ink/src/ink/hooks/use-animation-frame.ts
new file mode 100644
index 0000000000..0eef9e1aba
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/hooks/use-animation-frame.ts
@@ -0,0 +1,62 @@
+import { useContext, useEffect, useState } from 'react'
+
+import { ClockContext } from '../components/ClockContext.js'
+import type { DOMElement } from '../dom.js'
+
+import { useTerminalViewport } from './use-terminal-viewport.js'
+
+/**
+ * Hook for synchronized animations that pause when offscreen.
+ *
+ * Returns a ref to attach to the animated element and the current animation time.
+ * All instances share the same clock, so animations stay in sync.
+ * The clock only runs when at least one keepAlive subscriber exists.
+ *
+ * Pass `null` to pause — unsubscribes from the clock so no ticks fire.
+ * Time freezes at the last value and resumes from the current clock time
+ * when a number is passed again.
+ *
+ * @param intervalMs - How often to update, or null to pause
+ * @returns [ref, time] - Ref to attach to element, elapsed time in ms
+ *
+ * @example
+ * function Spinner() {
+ * const [ref, time] = useAnimationFrame(120)
+ * const frame = Math.floor(time / 120) % FRAMES.length
+ * return {FRAMES[frame]}
+ * }
+ *
+ * The clock automatically slows when the terminal is blurred,
+ * so consumers don't need to handle focus state.
+ */
+export function useAnimationFrame(
+ intervalMs: number | null = 16
+): [ref: (element: DOMElement | null) => void, time: number] {
+ const clock = useContext(ClockContext)
+ const [viewportRef, { isVisible }] = useTerminalViewport()
+ const [time, setTime] = useState(() => clock?.now() ?? 0)
+
+ const active = isVisible && intervalMs !== null
+
+ useEffect(() => {
+ if (!clock || !active) {
+ return
+ }
+
+ let lastUpdate = clock.now()
+
+ const onChange = (): void => {
+ const now = clock.now()
+
+ if (now - lastUpdate >= intervalMs!) {
+ lastUpdate = now
+ setTime(now)
+ }
+ }
+
+ // keepAlive: true — visible animations drive the clock
+ return clock.subscribe(onChange, true)
+ }, [clock, intervalMs, active])
+
+ return [viewportRef, time]
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/hooks/use-app.ts b/ui-tui/packages/hermes-ink/src/ink/hooks/use-app.ts
new file mode 100644
index 0000000000..9c06032448
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/hooks/use-app.ts
@@ -0,0 +1,9 @@
+import { useContext } from 'react'
+
+import AppContext from '../components/AppContext.js'
+
+/**
+ * `useApp` is a React hook, which exposes a method to manually exit the app (unmount).
+ */
+const useApp = () => useContext(AppContext)
+export default useApp
diff --git a/ui-tui/packages/hermes-ink/src/ink/hooks/use-declared-cursor.ts b/ui-tui/packages/hermes-ink/src/ink/hooks/use-declared-cursor.ts
new file mode 100644
index 0000000000..288a92eda3
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/hooks/use-declared-cursor.ts
@@ -0,0 +1,75 @@
+import { useCallback, useContext, useLayoutEffect, useRef } from 'react'
+
+import CursorDeclarationContext from '../components/CursorDeclarationContext.js'
+import type { DOMElement } from '../dom.js'
+
+/**
+ * Declares where the terminal cursor should be parked after each frame.
+ *
+ * Terminal emulators render IME preedit text at the physical cursor
+ * position, and screen readers / screen magnifiers track the native
+ * cursor — so parking it at the text input's caret makes CJK input
+ * appear inline and lets accessibility tools follow the input.
+ *
+ * Returns a ref callback to attach to the Box that contains the input.
+ * The declared (line, column) is interpreted relative to that Box's
+ * nodeCache rect (populated by renderNodeToOutput).
+ *
+ * Timing: Both ref attach and useLayoutEffect fire in React's layout
+ * phase — after resetAfterCommit calls scheduleRender. scheduleRender
+ * defers onRender via queueMicrotask, so onRender runs AFTER layout
+ * effects commit and reads the fresh declaration on the first frame
+ * (no one-keystroke lag). Test env uses onImmediateRender (synchronous,
+ * no microtask), so tests compensate by calling ink.onRender()
+ * explicitly after render.
+ */
+export function useDeclaredCursor({
+ line,
+ column,
+ active
+}: {
+ line: number
+ column: number
+ active: boolean
+}): (element: DOMElement | null) => void {
+ const setCursorDeclaration = useContext(CursorDeclarationContext)
+ const nodeRef = useRef(null)
+
+ const setNode = useCallback((node: DOMElement | null) => {
+ nodeRef.current = node
+ }, [])
+
+ // When active, set unconditionally. When inactive, clear conditionally
+ // (only if the currently-declared node is ours). The node-identity check
+ // handles two hazards:
+ // 1. A memo()ized active instance elsewhere (e.g. the search input in
+ // a memo'd Footer) doesn't re-render this commit — an inactive
+ // instance re-rendering here must not clobber it.
+ // 2. Sibling handoff (menu focus moving between list items) — when
+ // focus moves opposite to sibling order, the newly-inactive item's
+ // effect runs AFTER the newly-active item's set. Without the node
+ // check it would clobber.
+ // No dep array: must re-declare every commit so the active instance
+ // re-claims the declaration after another instance's unmount-cleanup or
+ // sibling handoff nulls it.
+ useLayoutEffect(() => {
+ const node = nodeRef.current
+
+ if (active && node) {
+ setCursorDeclaration({ relativeX: column, relativeY: line, node })
+ } else {
+ setCursorDeclaration(null, node)
+ }
+ })
+
+ // Clear on unmount (conditionally — another instance may own by then).
+ // Separate effect with empty deps so cleanup only fires once — not on
+ // every line/column change, which would transiently null between commits.
+ useLayoutEffect(() => {
+ return () => {
+ setCursorDeclaration(null, nodeRef.current)
+ }
+ }, [setCursorDeclaration])
+
+ return setNode
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/hooks/use-external-process.ts b/ui-tui/packages/hermes-ink/src/ink/hooks/use-external-process.ts
new file mode 100644
index 0000000000..c895edeb21
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/hooks/use-external-process.ts
@@ -0,0 +1,27 @@
+import { useCallback } from 'react'
+
+import instances from '../instances.js'
+
+export type RunExternalProcess = () => Promise
+
+export async function withInkSuspended(run: RunExternalProcess): Promise {
+ const ink = instances.get(process.stdout)
+
+ if (!ink) {
+ await run()
+
+ return
+ }
+
+ ink.enterAlternateScreen()
+
+ try {
+ await run()
+ } finally {
+ ink.exitAlternateScreen()
+ }
+}
+
+export function useExternalProcess(): (run: RunExternalProcess) => Promise {
+ return useCallback((run: RunExternalProcess) => withInkSuspended(run), [])
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/hooks/use-input.ts b/ui-tui/packages/hermes-ink/src/ink/hooks/use-input.ts
new file mode 100644
index 0000000000..edda48a4a7
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/hooks/use-input.ts
@@ -0,0 +1,95 @@
+import { useEffect, useLayoutEffect } from 'react'
+import { useEventCallback } from 'usehooks-ts'
+
+import type { InputEvent, Key } from '../events/input-event.js'
+
+import useStdin from './use-stdin.js'
+
+type Handler = (input: string, key: Key, event: InputEvent) => void
+
+type Options = {
+ /**
+ * Enable or disable capturing of user input.
+ * Useful when there are multiple useInput hooks used at once to avoid handling the same input several times.
+ *
+ * @default true
+ */
+ isActive?: boolean
+}
+
+/**
+ * This hook is used for handling user input.
+ * It's a more convenient alternative to using `StdinContext` and listening to `data` events.
+ * The callback you pass to `useInput` is called for each character when user enters any input.
+ * However, if user pastes text and it's more than one character, the callback will be called only once and the whole string will be passed as `input`.
+ *
+ * ```
+ * import {useInput} from 'ink';
+ *
+ * const UserInput = () => {
+ * useInput((input, key) => {
+ * if (input === 'q') {
+ * // Exit program
+ * }
+ *
+ * if (key.leftArrow) {
+ * // Left arrow key pressed
+ * }
+ * });
+ *
+ * return …
+ * };
+ * ```
+ */
+const useInput = (inputHandler: Handler, options: Options = {}) => {
+ const { setRawMode, exitOnCtrlC, inputEmitter } = useStdin()
+
+ // useLayoutEffect (not useEffect) so that raw mode is enabled synchronously
+ // during React's commit phase, before render() returns. With useEffect, raw
+ // mode setup is deferred to the next event loop tick via React's scheduler,
+ // leaving the terminal in cooked mode — keystrokes echo and the cursor is
+ // visible until the effect fires.
+ useLayoutEffect(() => {
+ if (options.isActive === false) {
+ return
+ }
+
+ setRawMode(true)
+
+ return () => {
+ setRawMode(false)
+ }
+ }, [options.isActive, setRawMode])
+
+ // Register the listener once on mount so its slot in the EventEmitter's
+ // listener array is stable. If isActive were in the effect's deps, the
+ // listener would re-append on false→true, moving it behind listeners
+ // that registered while it was inactive — breaking
+ // stopImmediatePropagation() ordering. useEventCallback keeps the
+ // reference stable while reading latest isActive/inputHandler from
+ // closure (it syncs via useLayoutEffect, so it's compiler-safe).
+ const handleData = useEventCallback((event: InputEvent) => {
+ if (options.isActive === false) {
+ return
+ }
+
+ const { input, key } = event
+
+ // If app is not supposed to exit on Ctrl+C, then let input listener handle it
+ // Note: discreteUpdates is called at the App level when emitting events,
+ // so all listeners are already within a high-priority update context.
+ if (!(input === 'c' && key.ctrl) || !exitOnCtrlC) {
+ inputHandler(input, key, event)
+ }
+ })
+
+ useEffect(() => {
+ inputEmitter?.on('input', handleData)
+
+ return () => {
+ inputEmitter?.removeListener('input', handleData)
+ }
+ }, [inputEmitter, handleData])
+}
+
+export default useInput
diff --git a/ui-tui/packages/hermes-ink/src/ink/hooks/use-interval.ts b/ui-tui/packages/hermes-ink/src/ink/hooks/use-interval.ts
new file mode 100644
index 0000000000..af568457bf
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/hooks/use-interval.ts
@@ -0,0 +1,71 @@
+import { useContext, useEffect, useRef, useState } from 'react'
+
+import { ClockContext } from '../components/ClockContext.js'
+
+/**
+ * Returns the clock time, updating at the given interval.
+ * Subscribes as non-keepAlive — won't keep the clock alive on its own,
+ * but updates whenever a keepAlive subscriber (e.g. the spinner)
+ * is driving the clock.
+ *
+ * Use this to drive pure time-based computations (shimmer position,
+ * frame index) from the shared clock.
+ */
+export function useAnimationTimer(intervalMs: number): number {
+ const clock = useContext(ClockContext)
+ const [time, setTime] = useState(() => clock?.now() ?? 0)
+
+ useEffect(() => {
+ if (!clock) {
+ return
+ }
+
+ let lastUpdate = clock.now()
+
+ const onChange = (): void => {
+ const now = clock.now()
+
+ if (now - lastUpdate >= intervalMs) {
+ lastUpdate = now
+ setTime(now)
+ }
+ }
+
+ return clock.subscribe(onChange, false)
+ }, [clock, intervalMs])
+
+ return time
+}
+
+/**
+ * Interval hook backed by the shared Clock.
+ *
+ * Unlike `useInterval` from `usehooks-ts` (which creates its own setInterval),
+ * this piggybacks on the single shared clock so all timers consolidate into
+ * one wake-up. Pass `null` for intervalMs to pause.
+ */
+export function useInterval(callback: () => void, intervalMs: number | null): void {
+ const callbackRef = useRef(callback)
+ callbackRef.current = callback
+
+ const clock = useContext(ClockContext)
+
+ useEffect(() => {
+ if (!clock || intervalMs === null) {
+ return
+ }
+
+ let lastUpdate = clock.now()
+
+ const onChange = (): void => {
+ const now = clock.now()
+
+ if (now - lastUpdate >= intervalMs) {
+ lastUpdate = now
+ callbackRef.current()
+ }
+ }
+
+ return clock.subscribe(onChange, false)
+ }, [clock, intervalMs])
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/hooks/use-search-highlight.ts b/ui-tui/packages/hermes-ink/src/ink/hooks/use-search-highlight.ts
new file mode 100644
index 0000000000..f43379a5e6
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/hooks/use-search-highlight.ts
@@ -0,0 +1,56 @@
+import { useContext, useMemo } from 'react'
+
+import StdinContext from '../components/StdinContext.js'
+import type { DOMElement } from '../dom.js'
+import instances from '../instances.js'
+import type { MatchPosition } from '../render-to-screen.js'
+
+/**
+ * Set the search highlight query on the Ink instance. Non-empty → all
+ * visible occurrences are inverted on the next frame (SGR 7, screen-buffer
+ * overlay, same damage machinery as selection). Empty → clears.
+ *
+ * This is a screen-space highlight — it matches the RENDERED text, not the
+ * source message text. Works for anything visible (bash output, file paths,
+ * error messages) regardless of where it came from in the message tree. A
+ * query that matched in source but got truncated/ellipsized in rendering
+ * won't highlight; that's acceptable — we highlight what you see.
+ */
+export function useSearchHighlight(): {
+ setQuery: (query: string) => void
+ /** Paint an existing DOM subtree (from the MAIN tree) to a fresh
+ * Screen at its natural height, scan. Element-relative positions
+ * (row 0 = element top). Zero context duplication — the element
+ * IS the one built with all real providers. */
+ scanElement: (el: DOMElement) => MatchPosition[]
+ /** Position-based CURRENT highlight. Every frame writes yellow at
+ * positions[currentIdx] + rowOffset. The scan-highlight (inverse on
+ * all matches) still runs — this overlays on top. rowOffset tracks
+ * scroll; positions stay stable (message-relative). null clears. */
+ setPositions: (
+ state: {
+ positions: MatchPosition[]
+ rowOffset: number
+ currentIdx: number
+ } | null
+ ) => void
+} {
+ useContext(StdinContext) // anchor to App subtree for hook rules
+ const ink = instances.get(process.stdout)
+
+ return useMemo(() => {
+ if (!ink) {
+ return {
+ setQuery: () => {},
+ scanElement: () => [],
+ setPositions: () => {}
+ }
+ }
+
+ return {
+ setQuery: (query: string) => ink.setSearchHighlight(query),
+ scanElement: (el: DOMElement) => ink.scanElementSubtree(el),
+ setPositions: state => ink.setSearchPositions(state)
+ }
+ }, [ink])
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/hooks/use-selection.ts b/ui-tui/packages/hermes-ink/src/ink/hooks/use-selection.ts
new file mode 100644
index 0000000000..58761fe241
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/hooks/use-selection.ts
@@ -0,0 +1,97 @@
+import { useContext, useMemo, useSyncExternalStore } from 'react'
+
+import StdinContext from '../components/StdinContext.js'
+import instances from '../instances.js'
+import { type FocusMove, type SelectionState, shiftAnchor } from '../selection.js'
+
+/**
+ * Access to text selection operations on the Ink instance (fullscreen only).
+ * Returns no-op functions when fullscreen mode is disabled.
+ */
+export function useSelection(): {
+ copySelection: () => string
+ /** Copy without clearing the highlight (for copy-on-select). */
+ copySelectionNoClear: () => string
+ clearSelection: () => void
+ hasSelection: () => boolean
+ /** Read the raw mutable selection state (for drag-to-scroll). */
+ getState: () => SelectionState | null
+ /** Subscribe to selection mutations (start/update/finish/clear). */
+ subscribe: (cb: () => void) => () => void
+ /** Shift the anchor row by dRow, clamped to [minRow, maxRow]. */
+ shiftAnchor: (dRow: number, minRow: number, maxRow: number) => void
+ /** Shift anchor AND focus by dRow (keyboard scroll: whole selection
+ * tracks content). Clamped points get col reset to the full-width edge
+ * since their content was captured by captureScrolledRows. Reads
+ * screen.width from the ink instance for the col-reset boundary. */
+ shiftSelection: (dRow: number, minRow: number, maxRow: number) => void
+ /** Keyboard selection extension (shift+arrow): move focus, anchor fixed.
+ * Left/right wrap across rows; up/down clamp at viewport edges. */
+ moveFocus: (move: FocusMove) => void
+ /** Capture text from rows about to scroll out of the viewport (call
+ * BEFORE scrollBy so the screen buffer still has the outgoing rows). */
+ captureScrolledRows: (firstRow: number, lastRow: number, side: 'above' | 'below') => void
+ /** Set the selection highlight bg color (theme-piping; solid bg
+ * replaces the old SGR-7 inverse so syntax highlighting stays readable
+ * under selection). Call once on mount + whenever theme changes. */
+ setSelectionBgColor: (color: string) => void
+} {
+ // Look up the Ink instance via stdout — same pattern as instances map.
+ // StdinContext is available (it's always provided), and the Ink instance
+ // is keyed by stdout which we can get from process.stdout since there's
+ // only one Ink instance per process in practice.
+ useContext(StdinContext) // anchor to App subtree for hook rules
+ const ink = instances.get(process.stdout)
+
+ // Memoize so callers can safely use the return value in dependency arrays.
+ // ink is a singleton per stdout — stable across renders.
+ return useMemo(() => {
+ if (!ink) {
+ return {
+ copySelection: () => '',
+ copySelectionNoClear: () => '',
+ clearSelection: () => {},
+ hasSelection: () => false,
+ getState: () => null,
+ subscribe: () => () => {},
+ shiftAnchor: () => {},
+ shiftSelection: () => {},
+ moveFocus: () => {},
+ captureScrolledRows: () => {},
+ setSelectionBgColor: () => {}
+ }
+ }
+
+ return {
+ copySelection: () => ink.copySelection(),
+ copySelectionNoClear: () => ink.copySelectionNoClear(),
+ clearSelection: () => ink.clearTextSelection(),
+ hasSelection: () => ink.hasTextSelection(),
+ getState: () => ink.selection,
+ subscribe: (cb: () => void) => ink.subscribeToSelectionChange(cb),
+ shiftAnchor: (dRow: number, minRow: number, maxRow: number) => shiftAnchor(ink.selection, dRow, minRow, maxRow),
+ shiftSelection: (dRow, minRow, maxRow) => ink.shiftSelectionForScroll(dRow, minRow, maxRow),
+ moveFocus: (move: FocusMove) => ink.moveSelectionFocus(move),
+ captureScrolledRows: (firstRow, lastRow, side) => ink.captureScrolledRows(firstRow, lastRow, side),
+ setSelectionBgColor: (color: string) => ink.setSelectionBgColor(color)
+ }
+ }, [ink])
+}
+
+const NO_SUBSCRIBE = () => () => {}
+const ALWAYS_FALSE = () => false
+
+/**
+ * Reactive selection-exists state. Re-renders the caller when a text
+ * selection is created or cleared. Always returns false outside
+ * fullscreen mode (selection is only available in alt-screen).
+ */
+export function useHasSelection(): boolean {
+ useContext(StdinContext)
+ const ink = instances.get(process.stdout)
+
+ return useSyncExternalStore(
+ ink ? ink.subscribeToSelectionChange : NO_SUBSCRIBE,
+ ink ? ink.hasTextSelection : ALWAYS_FALSE
+ )
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/hooks/use-stdin.ts b/ui-tui/packages/hermes-ink/src/ink/hooks/use-stdin.ts
new file mode 100644
index 0000000000..58cf746f57
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/hooks/use-stdin.ts
@@ -0,0 +1,9 @@
+import { useContext } from 'react'
+
+import StdinContext from '../components/StdinContext.js'
+
+/**
+ * `useStdin` is a React hook, which exposes stdin stream.
+ */
+const useStdin = () => useContext(StdinContext)
+export default useStdin
diff --git a/ui-tui/packages/hermes-ink/src/ink/hooks/use-tab-status.ts b/ui-tui/packages/hermes-ink/src/ink/hooks/use-tab-status.ts
new file mode 100644
index 0000000000..a3cdf17bc2
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/hooks/use-tab-status.ts
@@ -0,0 +1,71 @@
+import { useContext, useEffect, useRef } from 'react'
+
+import { CLEAR_TAB_STATUS, supportsTabStatus, tabStatus, wrapForMultiplexer } from '../termio/osc.js'
+import type { Color } from '../termio/types.js'
+import { TerminalWriteContext } from '../useTerminalNotification.js'
+
+export type TabStatusKind = 'idle' | 'busy' | 'waiting'
+
+const rgb = (r: number, g: number, b: number): Color => ({
+ type: 'rgb',
+ r,
+ g,
+ b
+})
+
+// Per the OSC 21337 usage guide's suggested mapping.
+const TAB_STATUS_PRESETS: Record = {
+ idle: {
+ indicator: rgb(0, 215, 95),
+ status: 'Idle',
+ statusColor: rgb(136, 136, 136)
+ },
+ busy: {
+ indicator: rgb(255, 149, 0),
+ status: 'Working…',
+ statusColor: rgb(255, 149, 0)
+ },
+ waiting: {
+ indicator: rgb(95, 135, 255),
+ status: 'Waiting',
+ statusColor: rgb(95, 135, 255)
+ }
+}
+
+/**
+ * Declaratively set the tab-status indicator (OSC 21337).
+ *
+ * Emits a colored dot + short status text to the tab sidebar. Terminals
+ * that don't support OSC 21337 discard the sequence silently, so this is
+ * safe to call unconditionally. Wrapped for tmux/screen passthrough.
+ *
+ * Pass `null` to opt out. If a status was previously set, transitioning to
+ * `null` emits CLEAR_TAB_STATUS so toggling off mid-session doesn't leave
+ * a stale dot. Process-exit cleanup is handled by ink.tsx's unmount path.
+ */
+export function useTabStatus(kind: TabStatusKind | null): void {
+ const writeRaw = useContext(TerminalWriteContext)
+ const prevKindRef = useRef(null)
+
+ useEffect(() => {
+ // When kind transitions from non-null to null (e.g. user toggles off
+ // showStatusInTerminalTab mid-session), clear the stale dot.
+ if (kind === null) {
+ if (prevKindRef.current !== null && writeRaw && supportsTabStatus()) {
+ writeRaw(wrapForMultiplexer(CLEAR_TAB_STATUS))
+ }
+
+ prevKindRef.current = null
+
+ return
+ }
+
+ prevKindRef.current = kind
+
+ if (!writeRaw || !supportsTabStatus()) {
+ return
+ }
+
+ writeRaw(wrapForMultiplexer(tabStatus(TAB_STATUS_PRESETS[kind])))
+ }, [kind, writeRaw])
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/hooks/use-terminal-focus.ts b/ui-tui/packages/hermes-ink/src/ink/hooks/use-terminal-focus.ts
new file mode 100644
index 0000000000..230d87a39f
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/hooks/use-terminal-focus.ts
@@ -0,0 +1,18 @@
+import { useContext } from 'react'
+
+import TerminalFocusContext from '../components/TerminalFocusContext.js'
+
+/**
+ * Hook to check if the terminal has focus.
+ *
+ * Uses DECSET 1004 focus reporting - the terminal sends escape sequences
+ * when it gains or loses focus. These are handled automatically
+ * by Ink and filtered from useInput.
+ *
+ * @returns true if the terminal is focused (or focus state is unknown)
+ */
+export function useTerminalFocus(): boolean {
+ const { isTerminalFocused } = useContext(TerminalFocusContext)
+
+ return isTerminalFocused
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/hooks/use-terminal-title.ts b/ui-tui/packages/hermes-ink/src/ink/hooks/use-terminal-title.ts
new file mode 100644
index 0000000000..6b5b28f5c3
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/hooks/use-terminal-title.ts
@@ -0,0 +1,34 @@
+import { useContext, useEffect } from 'react'
+import stripAnsi from 'strip-ansi'
+
+import { OSC, osc } from '../termio/osc.js'
+import { TerminalWriteContext } from '../useTerminalNotification.js'
+
+/**
+ * Declaratively set the terminal tab/window title.
+ *
+ * Pass a string to set the title. ANSI escape sequences are stripped
+ * automatically so callers don't need to know about terminal encoding.
+ * Pass `null` to opt out — the hook becomes a no-op and leaves the
+ * terminal title untouched.
+ *
+ * On Windows, uses `process.title` (classic conhost doesn't support OSC).
+ * Elsewhere, writes OSC 0 (set title+icon) via Ink's stdout.
+ */
+export function useTerminalTitle(title: string | null): void {
+ const writeRaw = useContext(TerminalWriteContext)
+
+ useEffect(() => {
+ if (title === null || !writeRaw) {
+ return
+ }
+
+ const clean = stripAnsi(title)
+
+ if (process.platform === 'win32') {
+ process.title = clean
+ } else {
+ writeRaw(osc(OSC.SET_TITLE_AND_ICON, clean))
+ }
+ }, [title, writeRaw])
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/hooks/use-terminal-viewport.ts b/ui-tui/packages/hermes-ink/src/ink/hooks/use-terminal-viewport.ts
new file mode 100644
index 0000000000..ada3059d91
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/hooks/use-terminal-viewport.ts
@@ -0,0 +1,100 @@
+import { useCallback, useContext, useLayoutEffect, useRef } from 'react'
+
+import { TerminalSizeContext } from '../components/TerminalSizeContext.js'
+import type { DOMElement } from '../dom.js'
+
+type ViewportEntry = {
+ /**
+ * Whether the element is currently within the terminal viewport
+ */
+ isVisible: boolean
+}
+
+/**
+ * Hook to detect if a component is within the terminal viewport.
+ *
+ * Returns a callback ref and a viewport entry object.
+ * Attach the ref to the component you want to track.
+ *
+ * The entry is updated during the layout phase (useLayoutEffect) so callers
+ * always read fresh values during render. Visibility changes do NOT trigger
+ * re-renders on their own — callers that re-render for other reasons (e.g.
+ * animation ticks, state changes) will pick up the latest value naturally.
+ * This avoids infinite update loops when combined with other layout effects
+ * that also call setState.
+ *
+ * @example
+ * const [ref, entry] = useTerminalViewport()
+ * return ...
+ */
+export function useTerminalViewport(): [ref: (element: DOMElement | null) => void, entry: ViewportEntry] {
+ const terminalSize = useContext(TerminalSizeContext)
+ const elementRef = useRef(null)
+ const entryRef = useRef({ isVisible: true })
+
+ const setElement = useCallback((el: DOMElement | null) => {
+ elementRef.current = el
+ }, [])
+
+ // Runs on every render because yoga layout values can change
+ // without React being aware. Only updates the ref — no setState
+ // to avoid cascading re-renders during the commit phase.
+ // Walks the DOM ancestor chain fresh each time to avoid holding stale
+ // references after yoga tree rebuilds.
+ useLayoutEffect(() => {
+ const element = elementRef.current
+
+ if (!element?.yogaNode || !terminalSize) {
+ return
+ }
+
+ const height = element.yogaNode.getComputedHeight()
+ const rows = terminalSize.rows
+
+ // Walk the DOM parent chain (not yoga.getParent()) so we can detect
+ // scroll containers and subtract their scrollTop. Yoga computes layout
+ // positions without scroll offset — scrollTop is applied at render time.
+ // Without this, an element inside a ScrollBox whose yoga position exceeds
+ // terminalRows would be considered offscreen even when scrolled into view
+ // (e.g., the spinner in fullscreen mode after enough messages accumulate).
+ let absoluteTop = element.yogaNode.getComputedTop()
+ let parent: DOMElement | undefined = element.parentNode
+ let root = element.yogaNode
+
+ while (parent) {
+ if (parent.yogaNode) {
+ absoluteTop += parent.yogaNode.getComputedTop()
+ root = parent.yogaNode
+ }
+
+ // scrollTop is only ever set on scroll containers (by ScrollBox + renderer).
+ // Non-scroll nodes have undefined scrollTop → falsy fast-path.
+ if (parent.scrollTop) {
+ absoluteTop -= parent.scrollTop
+ }
+
+ parent = parent.parentNode
+ }
+
+ // Only the root's height matters
+ const screenHeight = root.getComputedHeight()
+
+ const bottom = absoluteTop + height
+ // When content overflows the viewport (screenHeight > rows), the
+ // cursor-restore at frame end scrolls one extra row into scrollback.
+ // log-update.ts accounts for this with scrollbackRows = viewportY + 1.
+ // We must match, otherwise an element at the boundary is considered
+ // "visible" here (animation keeps ticking) but its row is treated as
+ // scrollback by log-update (content change → full reset → flicker).
+ const cursorRestoreScroll = screenHeight > rows ? 1 : 0
+ const viewportY = Math.max(0, screenHeight - rows) + cursorRestoreScroll
+ const viewportBottom = viewportY + rows
+ const visible = bottom > viewportY && absoluteTop < viewportBottom
+
+ if (visible !== entryRef.current.isVisible) {
+ entryRef.current = { isVisible: visible }
+ }
+ })
+
+ return [setElement, entryRef.current]
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/ink.tsx b/ui-tui/packages/hermes-ink/src/ink/ink.tsx
new file mode 100644
index 0000000000..1543dc7fce
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/ink.tsx
@@ -0,0 +1,2201 @@
+import { closeSync, constants as fsConstants, openSync, readSync, writeSync } from 'fs'
+import { format } from 'util'
+
+import autoBind from 'auto-bind'
+import noop from 'lodash-es/noop.js'
+import throttle from 'lodash-es/throttle.js'
+import React, { type ReactNode } from 'react'
+import type { FiberRoot } from 'react-reconciler'
+import { ConcurrentRoot } from 'react-reconciler/constants.js'
+import { onExit } from 'signal-exit'
+
+import { flushInteractionTime } from '../bootstrap/state.js'
+import { getYogaCounters } from '../native-ts/yoga-layout/index.js'
+import { logForDebugging } from '../utils/debug.js'
+import { logError } from '../utils/log.js'
+
+import { colorize } from './colorize.js'
+import App from './components/App.js'
+import type { CursorDeclaration, CursorDeclarationSetter } from './components/CursorDeclarationContext.js'
+import { FRAME_INTERVAL_MS } from './constants.js'
+import * as dom from './dom.js'
+import { KeyboardEvent } from './events/keyboard-event.js'
+import { FocusManager } from './focus.js'
+import { emptyFrame, type Frame, type FrameEvent } from './frame.js'
+import { dispatchClick, dispatchHover, dispatchMouse } from './hit-test.js'
+import instances from './instances.js'
+import { LogUpdate } from './log-update.js'
+import { nodeCache } from './node-cache.js'
+import { optimize } from './optimizer.js'
+import Output from './output.js'
+import type { ParsedKey } from './parse-keypress.js'
+import reconciler, {
+ dispatcher,
+ getLastCommitMs,
+ getLastYogaMs,
+ recordYogaMs,
+ resetProfileCounters
+} from './reconciler.js'
+import renderNodeToOutput, { consumeFollowScroll, didLayoutShift } from './render-node-to-output.js'
+import { applyPositionedHighlight, type MatchPosition, scanPositions } from './render-to-screen.js'
+import createRenderer, { type Renderer } from './renderer.js'
+import {
+ cellAt,
+ CellWidth,
+ CharPool,
+ createScreen,
+ HyperlinkPool,
+ isEmptyCellAt,
+ migrateScreenPools,
+ StylePool
+} from './screen.js'
+import { applySearchHighlight } from './searchHighlight.js'
+import {
+ applySelectionOverlay,
+ captureScrolledRows,
+ clearSelection,
+ createSelectionState,
+ extendSelection,
+ findPlainTextUrlAt,
+ type FocusMove,
+ getSelectedText,
+ hasSelection,
+ moveFocus,
+ type SelectionState,
+ selectLineAt,
+ selectWordAt,
+ shiftAnchor,
+ shiftSelection,
+ shiftSelectionForFollow,
+ startSelection,
+ updateSelection
+} from './selection.js'
+import { supportsExtendedKeys, SYNC_OUTPUT_SUPPORTED, type Terminal, writeDiffToTerminal } from './terminal.js'
+import {
+ CURSOR_HOME,
+ cursorMove,
+ cursorPosition,
+ DISABLE_KITTY_KEYBOARD,
+ DISABLE_MODIFY_OTHER_KEYS,
+ ENABLE_KITTY_KEYBOARD,
+ ENABLE_MODIFY_OTHER_KEYS,
+ ERASE_SCREEN
+} from './termio/csi.js'
+import {
+ DBP,
+ DFE,
+ DISABLE_MOUSE_TRACKING,
+ ENABLE_MOUSE_TRACKING,
+ ENTER_ALT_SCREEN,
+ EXIT_ALT_SCREEN,
+ SHOW_CURSOR
+} from './termio/dec.js'
+import {
+ CLEAR_ITERM2_PROGRESS,
+ CLEAR_TAB_STATUS,
+ setClipboard,
+ supportsTabStatus,
+ wrapForMultiplexer
+} from './termio/osc.js'
+import { TerminalWriteProvider } from './useTerminalNotification.js'
+
+// Alt-screen: renderer.ts sets cursor.visible = !isTTY || screen.height===0,
+// which is always false in alt-screen (TTY + content fills screen).
+// Reusing a frozen object saves 1 allocation per frame.
+const ALT_SCREEN_ANCHOR_CURSOR = Object.freeze({
+ x: 0,
+ y: 0,
+ visible: false
+})
+
+const CURSOR_HOME_PATCH = Object.freeze({
+ type: 'stdout' as const,
+ content: CURSOR_HOME
+})
+
+const ERASE_THEN_HOME_PATCH = Object.freeze({
+ type: 'stdout' as const,
+ content: ERASE_SCREEN + CURSOR_HOME
+})
+
+// Cached per-Ink-instance, invalidated on resize. frame.cursor.y for
+// alt-screen is always terminalRows - 1 (renderer.ts).
+function makeAltScreenParkPatch(terminalRows: number) {
+ return Object.freeze({
+ type: 'stdout' as const,
+ content: cursorPosition(terminalRows, 1)
+ })
+}
+
+export type Options = {
+ stdout: NodeJS.WriteStream
+ stdin: NodeJS.ReadStream
+ stderr: NodeJS.WriteStream
+ exitOnCtrlC: boolean
+ patchConsole: boolean
+ waitUntilExit?: () => Promise
+ onFrame?: (event: FrameEvent) => void
+}
+export default class Ink {
+ private readonly log: LogUpdate
+ private readonly terminal: Terminal
+ private scheduleRender: (() => void) & {
+ cancel?: () => void
+ }
+ // Ignore last render after unmounting a tree to prevent empty output before exit
+ private isUnmounted = false
+ private isPaused = false
+ private readonly container: FiberRoot
+ private rootNode: dom.DOMElement
+ readonly focusManager: FocusManager
+ private renderer: Renderer
+ private readonly stylePool: StylePool
+ private charPool: CharPool
+ private hyperlinkPool: HyperlinkPool
+ private exitPromise?: Promise
+ private restoreConsole?: () => void
+ private restoreStderr?: () => void
+ private readonly unsubscribeTTYHandlers?: () => void
+ private terminalColumns: number
+ private terminalRows: number
+ private currentNode: ReactNode = null
+ private frontFrame: Frame
+ private backFrame: Frame
+ private lastPoolResetTime = performance.now()
+ private drainTimer: ReturnType | null = null
+ private lastYogaCounters: {
+ ms: number
+ visited: number
+ measured: number
+ cacheHits: number
+ live: number
+ } = {
+ ms: 0,
+ visited: 0,
+ measured: 0,
+ cacheHits: 0,
+ live: 0
+ }
+ private altScreenParkPatch: Readonly<{
+ type: 'stdout'
+ content: string
+ }>
+ // Text selection state (alt-screen only). Owned here so the overlay
+ // pass in onRender can read it and App.tsx can update it from mouse
+ // events. Public so instances.get() callers can access.
+ readonly selection: SelectionState = createSelectionState()
+ // Search highlight query (alt-screen only). Setter below triggers
+ // scheduleRender; applySearchHighlight in onRender inverts matching cells.
+ private searchHighlightQuery = ''
+ // Position-based highlight. VML scans positions ONCE (via
+ // scanElementSubtree, when the target message is mounted), stores them
+ // message-relative, sets this for every-frame apply. rowOffset =
+ // message's current screen-top. currentIdx = which position is
+ // "current" (yellow). null clears. Positions are known upfront —
+ // navigation is index arithmetic, no scan-feedback loop.
+ private searchPositions: {
+ positions: MatchPosition[]
+ rowOffset: number
+ currentIdx: number
+ } | null = null
+ // React-land subscribers for selection state changes (useHasSelection).
+ // Fired alongside the terminal repaint whenever the selection mutates
+ // so UI (e.g. footer hints) can react to selection appearing/clearing.
+ private readonly selectionListeners = new Set<() => void>()
+ private selectionWasActive = false
+ // DOM nodes currently under the pointer (mode-1003 motion). Held here
+ // so App.tsx's handleMouseEvent is stateless — dispatchHover diffs
+ // against this set and mutates it in place.
+ private readonly hoveredNodes = new Set()
+ // Set by via setAltScreenActive(). Controls the
+ // renderer's cursor.y clamping (keeps cursor in-viewport to avoid
+ // LF-induced scroll when screen.height === terminalRows) and gates
+ // alt-screen-aware SIGCONT/resize/unmount handling.
+ private altScreenActive = false
+ // Set alongside altScreenActive so SIGCONT resume knows whether to
+ // re-enable mouse tracking (not all uses want it).
+ private altScreenMouseTracking = false
+ // True when the previous frame's screen buffer cannot be trusted for
+ // blit — selection overlay mutated it, resetFramesForAltScreen()
+ // replaced it with blanks, or forceRedraw() reset it to 0×0. Forces
+ // one full-render frame; steady-state frames after clear it and regain
+ // the blit + narrow-damage fast path.
+ private prevFrameContaminated = false
+ // Set by handleResize: prepend ERASE_SCREEN to the next onRender's patches
+ // INSIDE the BSU/ESU block so clear+paint is atomic. Writing ERASE_SCREEN
+ // synchronously in handleResize would leave the screen blank for the ~80ms
+ // render() takes; deferring into the atomic block means old content stays
+ // visible until the new frame is fully ready.
+ private needsEraseBeforePaint = false
+ // Native cursor positioning: a component (via useDeclaredCursor) declares
+ // where the terminal cursor should be parked after each frame. Terminal
+ // emulators render IME preedit text at the physical cursor position, and
+ // screen readers / screen magnifiers track it — so parking at the text
+ // input's caret makes CJK input appear inline and lets a11y tools follow.
+ private cursorDeclaration: CursorDeclaration | null = null
+ // Main-screen: physical cursor position after the declared-cursor move,
+ // tracked separately from frame.cursor (which must stay at content-bottom
+ // for log-update's relative-move invariants). Alt-screen doesn't need
+ // this — every frame begins with CSI H. null = no move emitted last frame.
+ private displayCursor: {
+ x: number
+ y: number
+ } | null = null
+ // Burst of SIGWINCH (vscode panel drag) → one React commit per
+ // microtask. Dims are captured sync in handleResize; only the
+ // expensive tree rebuild defers.
+ private pendingResizeRender = false
+
+ // Fold synchronous re-entry (selection fanout, onFrame callback)
+ // into one follow-up microtask instead of stacking renders.
+ private isRendering = false
+ private immediateRerenderRequested = false
+ constructor(private readonly options: Options) {
+ autoBind(this)
+
+ if (this.options.patchConsole) {
+ this.restoreConsole = this.patchConsole()
+ this.restoreStderr = this.patchStderr()
+ }
+
+ this.terminal = {
+ stdout: options.stdout,
+ stderr: options.stderr
+ }
+ this.terminalColumns = options.stdout.columns || 80
+ this.terminalRows = options.stdout.rows || 24
+ this.altScreenParkPatch = makeAltScreenParkPatch(this.terminalRows)
+ this.stylePool = new StylePool()
+ this.charPool = new CharPool()
+ this.hyperlinkPool = new HyperlinkPool()
+ this.frontFrame = emptyFrame(
+ this.terminalRows,
+ this.terminalColumns,
+ this.stylePool,
+ this.charPool,
+ this.hyperlinkPool
+ )
+ this.backFrame = emptyFrame(
+ this.terminalRows,
+ this.terminalColumns,
+ this.stylePool,
+ this.charPool,
+ this.hyperlinkPool
+ )
+ this.log = new LogUpdate({
+ isTTY: (options.stdout.isTTY as boolean | undefined) || false,
+ stylePool: this.stylePool
+ })
+
+ // scheduleRender is called from the reconciler's resetAfterCommit, which
+ // runs BEFORE React's layout phase (ref attach + useLayoutEffect). Any
+ // state set in layout effects — notably the cursorDeclaration from
+ // useDeclaredCursor — would lag one commit behind if we rendered
+ // synchronously. Deferring to a microtask runs onRender after layout
+ // effects have committed, so the native cursor tracks the caret without
+ // a one-keystroke lag. Same event-loop tick, so throughput is unchanged.
+ // Test env uses onImmediateRender (direct onRender, no throttle) so
+ // existing synchronous lastFrame() tests are unaffected.
+ const deferredRender = (): void => queueMicrotask(this.onRender)
+ this.scheduleRender = throttle(deferredRender, FRAME_INTERVAL_MS, {
+ leading: true,
+ trailing: true
+ })
+
+ // Ignore last render after unmounting a tree to prevent empty output before exit
+ this.isUnmounted = false
+
+ // Unmount when process exits
+ this.unsubscribeExit = onExit(this.unmount, {
+ alwaysLast: false
+ })
+
+ if (options.stdout.isTTY) {
+ options.stdout.on('resize', this.handleResize)
+ process.on('SIGCONT', this.handleResume)
+
+ this.unsubscribeTTYHandlers = () => {
+ options.stdout.off('resize', this.handleResize)
+ process.off('SIGCONT', this.handleResume)
+ }
+ }
+
+ this.rootNode = dom.createNode('ink-root')
+ this.focusManager = new FocusManager((target, event) => dispatcher.dispatchDiscrete(target, event))
+ this.rootNode.focusManager = this.focusManager
+ this.renderer = createRenderer(this.rootNode, this.stylePool)
+ this.rootNode.onRender = this.scheduleRender
+ this.rootNode.onImmediateRender = this.onRender
+
+ this.rootNode.onComputeLayout = () => {
+ // Calculate layout during React's commit phase so useLayoutEffect hooks
+ // have access to fresh layout data
+ // Guard against accessing freed Yoga nodes after unmount
+ if (this.isUnmounted) {
+ return
+ }
+
+ if (this.rootNode.yogaNode) {
+ const t0 = performance.now()
+ this.rootNode.yogaNode.setWidth(this.terminalColumns)
+ this.rootNode.yogaNode.calculateLayout(this.terminalColumns)
+ const ms = performance.now() - t0
+ recordYogaMs(ms)
+ const c = getYogaCounters()
+ this.lastYogaCounters = {
+ ms,
+ ...c
+ }
+ }
+ }
+
+ this.container = reconciler.createContainer(
+ this.rootNode,
+ ConcurrentRoot,
+ null,
+ false,
+ null,
+ 'id',
+ noop,
+ // onUncaughtError
+ noop,
+ // onCaughtError
+ noop,
+ // onRecoverableError
+ noop // onDefaultTransitionIndicator
+ )
+
+ if (process.env.NODE_ENV === 'development') {
+ reconciler.injectIntoDevTools({
+ bundleType: 0,
+ // Reporting React DOM's version, not Ink's
+ // See https://github.com/facebook/react/issues/16666#issuecomment-532639905
+ version: '16.13.1',
+ rendererPackageName: 'ink'
+ })
+ }
+ }
+ private handleResume = () => {
+ if (!this.options.stdout.isTTY) {
+ return
+ }
+
+ // Alt screen: after SIGCONT, content is stale (shell may have written
+ // to main screen, switching focus away) and mouse tracking was
+ // disabled by handleSuspend.
+ if (this.altScreenActive) {
+ this.reenterAltScreen()
+
+ return
+ }
+
+ // Main screen: start fresh to prevent clobbering terminal content
+ this.frontFrame = emptyFrame(
+ this.frontFrame.viewport.height,
+ this.frontFrame.viewport.width,
+ this.stylePool,
+ this.charPool,
+ this.hyperlinkPool
+ )
+ this.backFrame = emptyFrame(
+ this.backFrame.viewport.height,
+ this.backFrame.viewport.width,
+ this.stylePool,
+ this.charPool,
+ this.hyperlinkPool
+ )
+ this.log.reset()
+ // Physical cursor position is unknown after the shell took over during
+ // suspend. Clear displayCursor so the next frame's cursor preamble
+ // doesn't emit a relative move from a stale park position.
+ this.displayCursor = null
+ }
+
+ // Dims captured sync — closes the stale-dim window the original
+ // debounce rejection warned about. Expensive React commit defers to
+ // one microtask per burst: vscode fires many SIGWINCHes per panel
+ // drag, each ~80ms uncoalesced = event loop visibly locks up.
+ private handleResize = () => {
+ const cols = this.options.stdout.columns || 80
+ const rows = this.options.stdout.rows || 24
+
+ // Terminals often emit 2+ resize events for one user action (window
+ // settling). Same-dimension events are no-ops; skip to avoid redundant
+ // frame resets and renders.
+ if (cols === this.terminalColumns && rows === this.terminalRows) {
+ return
+ }
+
+ this.terminalColumns = cols
+ this.terminalRows = rows
+ this.altScreenParkPatch = makeAltScreenParkPatch(this.terminalRows)
+
+ // Pending throttled/drain work captured stale dims — cancel so
+ // the upcoming microtask owns the next frame.
+ this.scheduleRender.cancel?.()
+
+ if (this.drainTimer !== null) {
+ clearTimeout(this.drainTimer)
+ this.drainTimer = null
+ }
+
+ // Alt screen: reset frame buffers so the next render repaints from
+ // scratch (prevFrameContaminated → every cell written, wrapped in
+ // BSU/ESU — old content stays visible until the new frame swaps
+ // atomically). Re-assert mouse tracking (some emulators reset it on
+ // resize). Do NOT write ENTER_ALT_SCREEN: iTerm2 treats ?1049h as a
+ // buffer clear even when already in alt — that's the blank flicker.
+ // Self-healing re-entry (if something kicked us out of alt) is handled
+ // by handleResume (SIGCONT) and the sleep-wake detector; resize itself
+ // doesn't exit alt-screen. Do NOT write ERASE_SCREEN: render() below
+ // can take ~80ms; erasing first leaves the screen blank that whole time.
+ if (this.altScreenActive && !this.isPaused && this.options.stdout.isTTY) {
+ if (this.altScreenMouseTracking) {
+ this.options.stdout.write(ENABLE_MOUSE_TRACKING)
+ }
+
+ this.resetFramesForAltScreen()
+ this.needsEraseBeforePaint = true
+ }
+
+ // Already queued: later events in this burst updated dims/alt-screen
+ // prep above; the queued render picks up the latest values when it
+ // fires (React commit → onComputeLayout → scheduleRender → onRender).
+ if (this.pendingResizeRender) {
+ return
+ }
+
+ this.pendingResizeRender = true
+
+ queueMicrotask(() => {
+ this.pendingResizeRender = false
+
+ if (this.isUnmounted || this.currentNode === null) {
+ return
+ }
+
+ this.render(this.currentNode)
+ })
+ }
+ resolveExitPromise: () => void = () => {}
+ rejectExitPromise: (reason?: Error) => void = () => {}
+ unsubscribeExit: () => void = () => {}
+
+ /**
+ * Pause Ink and hand the terminal over to an external TUI (e.g. git
+ * commit editor). In non-fullscreen mode this enters the alt screen;
+ * in fullscreen mode we're already in alt so we just clear it.
+ * Call `exitAlternateScreen()` when done to restore Ink.
+ */
+ enterAlternateScreen(): void {
+ this.pause()
+ this.suspendStdin()
+ this.options.stdout.write(
+ // Disable extended key reporting first — editors that don't speak
+ // CSI-u (e.g. nano) show "Unknown sequence" for every Ctrl- if
+ // kitty/modifyOtherKeys stays active. exitAlternateScreen re-enables.
+ DISABLE_KITTY_KEYBOARD +
+ DISABLE_MODIFY_OTHER_KEYS +
+ (this.altScreenMouseTracking ? DISABLE_MOUSE_TRACKING : '') +
+ // disable mouse (no-op if off)
+ (this.altScreenActive ? '' : '\x1b[?1049h') +
+ // enter alt (already in alt if fullscreen)
+ '\x1b[?1004l' +
+ // disable focus reporting
+ '\x1b[0m' +
+ // reset attributes
+ '\x1b[?25h' +
+ // show cursor
+ '\x1b[2J' +
+ // clear screen
+ '\x1b[H' // cursor home
+ )
+ }
+
+ /**
+ * Resume Ink after an external TUI handoff with a full repaint.
+ * In non-fullscreen mode this exits the alt screen back to main;
+ * in fullscreen mode we re-enter alt and clear + repaint.
+ *
+ * The re-enter matters: terminal editors (vim, nano, less) write
+ * smcup/rmcup (?1049h/?1049l), so even though we started in alt,
+ * the editor's rmcup on exit drops us to main screen. Without
+ * re-entering, the 2J below wipes the user's main-screen scrollback
+ * and subsequent renders land in main — native terminal scroll
+ * returns, fullscreen scroll is dead.
+ */
+ exitAlternateScreen(): void {
+ this.options.stdout.write(
+ (this.altScreenActive ? ENTER_ALT_SCREEN : '') +
+ // re-enter alt — vim's rmcup dropped us to main
+ '\x1b[2J' +
+ // clear screen (now alt if fullscreen)
+ '\x1b[H' +
+ // cursor home
+ (this.altScreenMouseTracking ? ENABLE_MOUSE_TRACKING : '') +
+ (this.altScreenActive ? '' : '\x1b[?1049l') +
+ // exit alt (non-fullscreen only)
+ '\x1b[?25l' // hide cursor (Ink manages)
+ )
+ this.resumeStdin()
+
+ if (this.altScreenActive) {
+ this.resetFramesForAltScreen()
+ } else {
+ this.repaint()
+ }
+
+ this.resume()
+ // Re-enable focus reporting and extended key reporting — terminal
+ // editors (vim, nano, etc.) write their own modifyOtherKeys level on
+ // entry and reset it on exit, leaving us unable to distinguish
+ // ctrl+shift+ from ctrl+. Pop-before-push keeps the
+ // Kitty stack balanced (a well-behaved editor restores our entry, so
+ // without the pop we'd accumulate depth on each editor round-trip).
+ this.options.stdout.write(
+ '\x1b[?1004h' +
+ (supportsExtendedKeys() ? DISABLE_KITTY_KEYBOARD + ENABLE_KITTY_KEYBOARD + ENABLE_MODIFY_OTHER_KEYS : '')
+ )
+ }
+ onRender() {
+ if (this.isUnmounted || this.isPaused) {
+ return
+ }
+
+ // Fold synchronous re-entry (selection fanout, onFrame callback)
+ // into one follow-up microtask — back-to-back renders within one
+ // macrotask were the freeze multiplier.
+ if (this.isRendering) {
+ this.immediateRerenderRequested = true
+
+ return
+ }
+
+ this.isRendering = true
+
+ // Entering a render cancels any pending drain tick — this render will
+ // handle the drain (and re-schedule below if needed). Prevents a
+ // wheel-event-triggered render AND a drain-timer render both firing.
+ if (this.drainTimer !== null) {
+ clearTimeout(this.drainTimer)
+ this.drainTimer = null
+ }
+
+ // Flush deferred interaction-time update before rendering so we call
+ // Date.now() at most once per frame instead of once per keypress.
+ // Done before the render to avoid dirtying state that would trigger
+ // an extra React re-render cycle.
+ flushInteractionTime()
+ const renderStart = performance.now()
+ const terminalWidth = this.options.stdout.columns || 80
+ const terminalRows = this.options.stdout.rows || 24
+
+ const frame = this.renderer({
+ frontFrame: this.frontFrame,
+ backFrame: this.backFrame,
+ isTTY: this.options.stdout.isTTY,
+ terminalWidth,
+ terminalRows,
+ altScreen: this.altScreenActive,
+ prevFrameContaminated: this.prevFrameContaminated
+ })
+
+ const rendererMs = performance.now() - renderStart
+
+ // Sticky/auto-follow scrolled the ScrollBox this frame. Translate the
+ // selection by the same delta so the highlight stays anchored to the
+ // TEXT (native terminal behavior — the selection walks up the screen
+ // as content scrolls, eventually clipping at the top). frontFrame
+ // still holds the PREVIOUS frame's screen (swap is at ~500 below), so
+ // captureScrolledRows reads the rows that are about to scroll out
+ // before they're overwritten — the text stays copyable until the
+ // selection scrolls entirely off. During drag, focus tracks the mouse
+ // (screen-local) so only anchor shifts — selection grows toward the
+ // mouse as the anchor walks up. After release, both ends are text-
+ // anchored and move as a block.
+ const follow = consumeFollowScroll()
+
+ if (
+ follow &&
+ this.selection.anchor &&
+ // Only translate if the selection is ON scrollbox content. Selections
+ // in the footer/prompt/StickyPromptHeader are on static text — the
+ // scroll doesn't move what's under them. Without this guard, a
+ // footer selection would be shifted by -delta then clamped to
+ // viewportBottom, teleporting it into the scrollbox. Mirror the
+ // bounds check the deleted check() in ScrollKeybindingHandler had.
+ this.selection.anchor.row >= follow.viewportTop &&
+ this.selection.anchor.row <= follow.viewportBottom
+ ) {
+ const { delta, viewportTop, viewportBottom } = follow
+
+ // captureScrolledRows and shift* are a pair: capture grabs rows about
+ // to scroll off, shift moves the selection endpoint so the same rows
+ // won't intersect again next frame. Capturing without shifting leaves
+ // the endpoint in place, so the SAME viewport rows re-intersect every
+ // frame and scrolledOffAbove grows without bound — getSelectedText
+ // then returns ever-growing text on each re-copy. Keep capture inside
+ // each shift branch so the pairing can't be broken by a new guard.
+ if (this.selection.isDragging) {
+ if (hasSelection(this.selection)) {
+ captureScrolledRows(this.selection, this.frontFrame.screen, viewportTop, viewportTop + delta - 1, 'above')
+ }
+
+ shiftAnchor(this.selection, -delta, viewportTop, viewportBottom)
+ } else if (
+ // Flag-3 guard: the anchor check above only proves ONE endpoint is
+ // on scrollbox content. A drag from row 3 (scrollbox) into the
+ // footer at row 6, then release, leaves focus outside the viewport
+ // — shiftSelectionForFollow would clamp it to viewportBottom,
+ // teleporting the highlight from static footer into the scrollbox.
+ // Symmetric check: require BOTH ends inside to translate. A
+ // straddling selection falls through to NEITHER shift NOR capture:
+ // the footer endpoint pins the selection, text scrolls away under
+ // the highlight, and getSelectedText reads the CURRENT screen
+ // contents — no accumulation. Dragging branch doesn't need this:
+ // shiftAnchor ignores focus, and the anchor DOES shift (so capture
+ // is correct there even when focus is in the footer).
+ !this.selection.focus ||
+ (this.selection.focus.row >= viewportTop && this.selection.focus.row <= viewportBottom)
+ ) {
+ if (hasSelection(this.selection)) {
+ captureScrolledRows(this.selection, this.frontFrame.screen, viewportTop, viewportTop + delta - 1, 'above')
+ }
+
+ const cleared = shiftSelectionForFollow(this.selection, -delta, viewportTop, viewportBottom)
+
+ // Auto-clear (both ends overshot minRow) must notify React-land
+ // so useHasSelection re-renders and the footer copy/escape hint
+ // disappears. notifySelectionChange() would recurse into onRender;
+ // fire the listeners directly — they schedule a React update for
+ // LATER, they don't re-enter this frame.
+ if (cleared) {
+ for (const cb of this.selectionListeners) {
+ cb()
+ }
+ }
+ }
+ }
+
+ // Selection overlay: invert cell styles in the screen buffer itself,
+ // so the diff picks up selection as ordinary cell changes and
+ // LogUpdate remains a pure diff engine.
+ //
+ // Full-screen damage (PR #20120) is a correctness backstop for the
+ // sibling-resize bleed: when flexbox siblings resize between frames
+ // (spinner appears → bottom grows → scrollbox shrinks), the
+ // cached-clear + clip-and-cull + setCellAt damage union can miss
+ // transition cells at the boundary. But that only happens when layout
+ // actually SHIFTS — didLayoutShift() tracks exactly this (any node's
+ // cached yoga position/size differs from current, or a child was
+ // removed). Steady-state frames (spinner rotate, clock tick, text
+ // stream into fixed-height box) don't shift layout, so normal damage
+ // bounds are correct and diffEach only compares the damaged region.
+ //
+ // Selection also requires full damage: overlay writes via setCellStyleId
+ // which doesn't track damage, and prev-frame overlay cells need to be
+ // compared when selection moves/clears. prevFrameContaminated covers
+ // the frame-after-selection-clears case.
+ let selActive = false
+ let hlActive = false
+
+ if (this.altScreenActive) {
+ selActive = hasSelection(this.selection)
+
+ if (selActive) {
+ applySelectionOverlay(frame.screen, this.selection, this.stylePool)
+ }
+
+ // Scan-highlight: inverse on ALL visible matches (less/vim style).
+ // Position-highlight (below) overlays CURRENT (yellow) on top.
+ hlActive = applySearchHighlight(frame.screen, this.searchHighlightQuery, this.stylePool)
+
+ // Position-based CURRENT: write yellow at positions[currentIdx] +
+ // rowOffset. No scanning — positions came from a prior scan when
+ // the message first mounted. Message-relative + rowOffset = screen.
+ if (this.searchPositions) {
+ const sp = this.searchPositions
+
+ const posApplied = applyPositionedHighlight(
+ frame.screen,
+ this.stylePool,
+ sp.positions,
+ sp.rowOffset,
+ sp.currentIdx
+ )
+
+ hlActive = hlActive || posApplied
+ }
+ }
+
+ // Full-damage backstop: applies on BOTH alt-screen and main-screen.
+ // Layout shifts (spinner appears, status line resizes) can leave stale
+ // cells at sibling boundaries that per-node damage tracking misses.
+ // Selection/highlight overlays write via setCellStyleId which doesn't
+ // track damage. prevFrameContaminated covers the cleanup frame.
+ if (didLayoutShift() || selActive || hlActive || this.prevFrameContaminated) {
+ frame.screen.damage = {
+ x: 0,
+ y: 0,
+ width: frame.screen.width,
+ height: frame.screen.height
+ }
+ }
+
+ // Alt-screen: anchor the physical cursor to (0,0) before every diff.
+ // All cursor moves in log-update are RELATIVE to prev.cursor; if tmux
+ // (or any emulator) perturbs the physical cursor out-of-band (status
+ // bar refresh, pane redraw, Cmd+K wipe), the relative moves drift and
+ // content creeps up 1 row/frame. CSI H resets the physical cursor;
+ // passing prev.cursor=(0,0) makes the diff compute from the same spot.
+ // Self-healing against any external cursor manipulation. Main-screen
+ // can't do this — cursor.y tracks scrollback rows CSI H can't reach.
+ // The CSI H write is deferred until after the diff is computed so we
+ // can skip it for empty diffs (no writes → physical cursor unused).
+ let prevFrame = this.frontFrame
+
+ if (this.altScreenActive) {
+ prevFrame = {
+ ...this.frontFrame,
+ cursor: ALT_SCREEN_ANCHOR_CURSOR
+ }
+ }
+
+ const tDiff = performance.now()
+
+ const diff = this.log.render(
+ prevFrame,
+ frame,
+ this.altScreenActive,
+ // DECSTBM needs BSU/ESU atomicity — without it the outer terminal
+ // renders the scrolled-but-not-yet-repainted intermediate state.
+ // tmux is the main case (re-emits DECSTBM with its own timing and
+ // doesn't implement DEC 2026, so SYNC_OUTPUT_SUPPORTED is false).
+ SYNC_OUTPUT_SUPPORTED
+ )
+
+ const diffMs = performance.now() - tDiff
+ // Swap buffers
+ this.backFrame = this.frontFrame
+ this.frontFrame = frame
+
+ // Periodically reset char/hyperlink pools to prevent unbounded growth
+ // during long sessions. 5 minutes is infrequent enough that the O(cells)
+ // migration cost is negligible. Reuses renderStart to avoid extra clock call.
+ if (renderStart - this.lastPoolResetTime > 5 * 60 * 1000) {
+ this.resetPools()
+ this.lastPoolResetTime = renderStart
+ }
+
+ const flickers: FrameEvent['flickers'] = []
+
+ for (const patch of diff) {
+ if (patch.type === 'clearTerminal') {
+ flickers.push({
+ desiredHeight: frame.screen.height,
+ availableHeight: frame.viewport.height,
+ reason: patch.reason
+ })
+ }
+ }
+
+ const tOptimize = performance.now()
+ const optimized = optimize(diff)
+ const optimizeMs = performance.now() - tOptimize
+ const hasDiff = optimized.length > 0
+
+ if (this.altScreenActive && hasDiff) {
+ // Prepend CSI H to anchor the physical cursor to (0,0) so
+ // log-update's relative moves compute from a known spot (self-healing
+ // against out-of-band cursor drift, see the ALT_SCREEN_ANCHOR_CURSOR
+ // comment above). Append CSI row;1 H to park the cursor at the bottom
+ // row (where the prompt input is) — without this, the cursor ends
+ // wherever the last diff write landed (a different row every frame),
+ // making iTerm2's cursor guide flicker as it chases the cursor.
+ // BSU/ESU protects content atomicity but iTerm2's guide tracks cursor
+ // position independently. Parking at bottom (not 0,0) keeps the guide
+ // where the user's attention is.
+ //
+ // After resize, prepend ERASE_SCREEN too. The diff only writes cells
+ // that changed; cells where new=blank and prev-buffer=blank get skipped
+ // — but the physical terminal still has stale content there (shorter
+ // lines at new width leave old-width text tails visible). ERASE inside
+ // BSU/ESU is atomic: old content stays visible until the whole
+ // erase+paint lands, then swaps in one go. Writing ERASE_SCREEN
+ // synchronously in handleResize would blank the screen for the ~80ms
+ // render() takes.
+ if (this.needsEraseBeforePaint) {
+ this.needsEraseBeforePaint = false
+ optimized.unshift(ERASE_THEN_HOME_PATCH)
+ } else {
+ optimized.unshift(CURSOR_HOME_PATCH)
+ }
+
+ optimized.push(this.altScreenParkPatch)
+ }
+
+ // Native cursor positioning: park the terminal cursor at the declared
+ // position so IME preedit text renders inline and screen readers /
+ // magnifiers can follow the input. nodeCache holds the absolute screen
+ // rect populated by renderNodeToOutput this frame (including scrollTop
+ // translation) — if the declared node didn't render (stale declaration
+ // after remount, or scrolled out of view), it won't be in the cache
+ // and no move is emitted.
+ const decl = this.cursorDeclaration
+ const rect = decl !== null ? nodeCache.get(decl.node) : undefined
+
+ const target =
+ decl !== null && rect !== undefined
+ ? {
+ x: rect.x + decl.relativeX,
+ y: rect.y + decl.relativeY
+ }
+ : null
+
+ const parked = this.displayCursor
+
+ // Preserve the empty-diff zero-write fast path: skip all cursor writes
+ // when nothing rendered AND the park target is unchanged.
+ const targetMoved = target !== null && (parked === null || parked.x !== target.x || parked.y !== target.y)
+
+ if (hasDiff || targetMoved || (target === null && parked !== null)) {
+ // Main-screen preamble: log-update's relative moves assume the
+ // physical cursor is at prevFrame.cursor. If last frame parked it
+ // elsewhere, move back before the diff runs. Alt-screen's CSI H
+ // already resets to (0,0) so no preamble needed.
+ if (parked !== null && !this.altScreenActive && hasDiff) {
+ const pdx = prevFrame.cursor.x - parked.x
+ const pdy = prevFrame.cursor.y - parked.y
+
+ if (pdx !== 0 || pdy !== 0) {
+ optimized.unshift({
+ type: 'stdout',
+ content: cursorMove(pdx, pdy)
+ })
+ }
+ }
+
+ if (target !== null) {
+ if (this.altScreenActive) {
+ // Absolute CUP (1-indexed); next frame's CSI H resets regardless.
+ // Emitted after altScreenParkPatch so the declared position wins.
+ const row = Math.min(Math.max(target.y + 1, 1), terminalRows)
+ const col = Math.min(Math.max(target.x + 1, 1), terminalWidth)
+ optimized.push({
+ type: 'stdout',
+ content: cursorPosition(row, col)
+ })
+ } else {
+ // After the diff (or preamble), cursor is at frame.cursor. If no
+ // diff AND previously parked, it's still at the old park position
+ // (log-update wrote nothing). Otherwise it's at frame.cursor.
+ const from =
+ !hasDiff && parked !== null
+ ? parked
+ : {
+ x: frame.cursor.x,
+ y: frame.cursor.y
+ }
+
+ const dx = target.x - from.x
+ const dy = target.y - from.y
+
+ if (dx !== 0 || dy !== 0) {
+ optimized.push({
+ type: 'stdout',
+ content: cursorMove(dx, dy)
+ })
+ }
+ }
+
+ this.displayCursor = target
+ } else {
+ // Declaration cleared (input blur, unmount). Restore physical cursor
+ // to frame.cursor before forgetting the park position — otherwise
+ // displayCursor=null lies about where the cursor is, and the NEXT
+ // frame's preamble (or log-update's relative moves) computes from a
+ // wrong spot. The preamble above handles hasDiff; this handles
+ // !hasDiff (e.g. accessibility mode where blur doesn't change
+ // renderedValue since invert is identity).
+ if (parked !== null && !this.altScreenActive && !hasDiff) {
+ const rdx = frame.cursor.x - parked.x
+ const rdy = frame.cursor.y - parked.y
+
+ if (rdx !== 0 || rdy !== 0) {
+ optimized.push({
+ type: 'stdout',
+ content: cursorMove(rdx, rdy)
+ })
+ }
+ }
+
+ this.displayCursor = null
+ }
+ }
+
+ const tWrite = performance.now()
+ writeDiffToTerminal(this.terminal, optimized, this.altScreenActive && !SYNC_OUTPUT_SUPPORTED)
+ const writeMs = performance.now() - tWrite
+
+ // Update blit safety for the NEXT frame. The frame just rendered
+ // becomes frontFrame (= next frame's prevScreen). If we applied the
+ // selection overlay, that buffer has inverted cells. selActive/hlActive
+ // are only ever true in alt-screen; in main-screen this is false→false.
+ this.prevFrameContaminated = selActive || hlActive || !!frame.absoluteOverlayMoved
+
+ // Plain setTimeout (not scheduleRender) — lodash throttle's leading
+ // edge would fire inside this trailing invocation and double-render.
+ // Scroll drain only; absolute-overlay movement rides prevFrameContaminated
+ // into the next natural render. Routing it here made caret re-layout a
+ // 250fps self-oscillator that locked the event loop after resize.
+ if (frame.scrollDrainPending) {
+ this.drainTimer = setTimeout(() => this.onRender(), FRAME_INTERVAL_MS >> 2)
+ }
+
+ const yogaMs = getLastYogaMs()
+ const commitMs = getLastCommitMs()
+ const yc = this.lastYogaCounters
+ // Reset so drain-only frames (no React commit) don't repeat stale values.
+ resetProfileCounters()
+ this.lastYogaCounters = {
+ ms: 0,
+ visited: 0,
+ measured: 0,
+ cacheHits: 0,
+ live: 0
+ }
+ this.options.onFrame?.({
+ durationMs: performance.now() - renderStart,
+ phases: {
+ renderer: rendererMs,
+ diff: diffMs,
+ optimize: optimizeMs,
+ write: writeMs,
+ patches: diff.length,
+ yoga: yogaMs,
+ commit: commitMs,
+ yogaVisited: yc.visited,
+ yogaMeasured: yc.measured,
+ yogaCacheHits: yc.cacheHits,
+ yogaLive: yc.live
+ },
+ flickers
+ })
+
+ this.isRendering = false
+
+ if (this.immediateRerenderRequested) {
+ this.immediateRerenderRequested = false
+ queueMicrotask(() => this.onRender())
+ }
+ }
+ pause(): void {
+ // Flush pending React updates and render before pausing.
+ reconciler.flushSyncFromReconciler()
+ this.onRender()
+ this.isPaused = true
+ }
+ resume(): void {
+ this.isPaused = false
+ this.onRender()
+ }
+
+ /**
+ * Reset frame buffers so the next render writes the full screen from scratch.
+ * Call this before resume() when the terminal content has been corrupted by
+ * an external process (e.g. tmux, shell, full-screen TUI).
+ */
+ repaint(): void {
+ this.frontFrame = emptyFrame(
+ this.frontFrame.viewport.height,
+ this.frontFrame.viewport.width,
+ this.stylePool,
+ this.charPool,
+ this.hyperlinkPool
+ )
+ this.backFrame = emptyFrame(
+ this.backFrame.viewport.height,
+ this.backFrame.viewport.width,
+ this.stylePool,
+ this.charPool,
+ this.hyperlinkPool
+ )
+ this.log.reset()
+ // Physical cursor position is unknown after external terminal corruption.
+ // Clear displayCursor so the cursor preamble doesn't emit a stale
+ // relative move from where we last parked it.
+ this.displayCursor = null
+ }
+
+ /**
+ * Clear the physical terminal and force a full redraw.
+ *
+ * The traditional readline ctrl+l — clears the visible screen and
+ * redraws the current content. Also the recovery path when the terminal
+ * was cleared externally (macOS Cmd+K) and Ink's diff engine thinks
+ * unchanged cells don't need repainting. Scrollback is preserved.
+ */
+ forceRedraw(): void {
+ if (!this.options.stdout.isTTY || this.isUnmounted || this.isPaused) {
+ return
+ }
+
+ this.options.stdout.write(ERASE_SCREEN + CURSOR_HOME)
+
+ if (this.altScreenActive) {
+ this.resetFramesForAltScreen()
+ } else {
+ this.repaint()
+ // repaint() resets frontFrame to 0×0. Without this flag the next
+ // frame's blit optimization copies from that empty screen and the
+ // diff sees no content. onRender resets the flag at frame end.
+ this.prevFrameContaminated = true
+ }
+
+ this.onRender()
+ }
+
+ /**
+ * Mark the previous frame as untrustworthy for blit, forcing the next
+ * render to do a full-damage diff instead of the per-node fast path.
+ *
+ * Lighter than forceRedraw() — no screen clear, no extra write. Call
+ * from a useLayoutEffect cleanup when unmounting a tall overlay: the
+ * blit fast path can copy stale cells from the overlay frame into rows
+ * the shrunken layout no longer reaches, leaving a ghost title/divider.
+ * onRender resets the flag at frame end so it's one-shot.
+ */
+ invalidatePrevFrame(): void {
+ this.prevFrameContaminated = true
+ }
+
+ /**
+ * Called by the component on mount/unmount.
+ * Controls cursor.y clamping in the renderer and gates alt-screen-aware
+ * behavior in SIGCONT/resize/unmount handlers. Repaints on change so
+ * the first alt-screen frame (and first main-screen frame on exit) is
+ * a full redraw with no stale diff state.
+ */
+ setAltScreenActive(active: boolean, mouseTracking = false): void {
+ if (this.altScreenActive === active) {
+ return
+ }
+
+ this.altScreenActive = active
+ this.altScreenMouseTracking = active && mouseTracking
+
+ if (active) {
+ this.resetFramesForAltScreen()
+ } else {
+ this.repaint()
+ }
+ }
+ get isAltScreenActive(): boolean {
+ return this.altScreenActive
+ }
+
+ /**
+ * Re-assert terminal modes after a gap (>5s stdin silence or event-loop
+ * stall). Catches tmux detach→attach, ssh reconnect, and laptop
+ * sleep/wake — none of which send SIGCONT. The terminal may reset DEC
+ * private modes on reconnect; this method restores them.
+ *
+ * Always re-asserts extended key reporting and mouse tracking. Mouse
+ * tracking is idempotent (DEC private mode set-when-set is a no-op). The
+ * Kitty keyboard protocol is NOT — CSI >1u is a stack push, so we pop
+ * first to keep depth balanced (pop on empty stack is a no-op per spec,
+ * so after a terminal reset this still restores depth 0→1). Without the
+ * pop, each >5s idle gap adds a stack entry, and the single pop on exit
+ * or suspend can't drain them — the shell is left in CSI u mode where
+ * Ctrl+C/Ctrl+D leak as escape sequences. The alt-screen
+ * re-entry (ERASE_SCREEN + frame reset) is NOT idempotent — it blanks the
+ * screen — so it's opt-in via includeAltScreen. The stdin-gap caller fires
+ * on ordinary >5s idle + keypress and must not erase; the event-loop stall
+ * detector fires on genuine sleep/wake and opts in. tmux attach / ssh
+ * reconnect typically send a resize, which already covers alt-screen via
+ * handleResize.
+ */
+ reassertTerminalModes = (includeAltScreen = false): void => {
+ if (!this.options.stdout.isTTY) {
+ return
+ }
+
+ // Don't touch the terminal during an editor handoff — re-enabling kitty
+ // keyboard here would undo enterAlternateScreen's disable and nano would
+ // start seeing CSI-u sequences again.
+ if (this.isPaused) {
+ return
+ }
+
+ // Extended keys — re-assert if enabled (App.tsx enables these on
+ // allowlisted terminals at raw-mode entry; a terminal reset clears them).
+ // Pop-before-push keeps Kitty stack depth at 1 instead of accumulating
+ // on each call.
+ if (supportsExtendedKeys()) {
+ this.options.stdout.write(DISABLE_KITTY_KEYBOARD + ENABLE_KITTY_KEYBOARD + ENABLE_MODIFY_OTHER_KEYS)
+ }
+
+ if (!this.altScreenActive) {
+ return
+ }
+
+ // Mouse tracking — idempotent, safe to re-assert on every stdin gap.
+ if (this.altScreenMouseTracking) {
+ this.options.stdout.write(ENABLE_MOUSE_TRACKING)
+ }
+
+ // Alt-screen re-entry — destructive (ERASE_SCREEN). Only for callers that
+ // have a strong signal the terminal actually dropped mode 1049.
+ if (includeAltScreen) {
+ this.reenterAltScreen()
+ }
+ }
+
+ /**
+ * Mark this instance as unmounted so future unmount() calls early-return.
+ * Called by gracefulShutdown's cleanupTerminalModes() after it has sent
+ * EXIT_ALT_SCREEN but before the remaining terminal-reset sequences.
+ * Without this, signal-exit's deferred ink.unmount() (triggered by
+ * process.exit()) runs the full unmount path: onRender() + writeSync
+ * cleanup block + updateContainerSync → AlternateScreen unmount cleanup.
+ * The result is 2-3 redundant EXIT_ALT_SCREEN sequences landing on the
+ * main screen AFTER printResumeHint(), which tmux (at least) interprets
+ * as restoring the saved cursor position — clobbering the resume hint.
+ */
+ detachForShutdown(): void {
+ this.isUnmounted = true
+ // Cancel any pending throttled render so it doesn't fire between
+ // cleanupTerminalModes() and process.exit() and write to main screen.
+ this.scheduleRender.cancel?.()
+
+ // Restore stdin from raw mode. unmount() used to do this via React
+ // unmount (App.componentWillUnmount → handleSetRawMode(false)) but we're
+ // short-circuiting that path. Must use this.options.stdin — NOT
+ // process.stdin — because getStdinOverride() may have opened /dev/tty
+ // when stdin is piped.
+ const stdin = this.options.stdin as NodeJS.ReadStream & {
+ isRaw?: boolean
+ setRawMode?: (m: boolean) => void
+ }
+
+ this.drainStdin()
+
+ if (stdin.isTTY && stdin.isRaw && stdin.setRawMode) {
+ stdin.setRawMode(false)
+ }
+ }
+
+ /** @see drainStdin */
+ drainStdin(): void {
+ drainStdin(this.options.stdin)
+ }
+
+ /**
+ * Re-enter alt-screen, clear, home, re-enable mouse tracking, and reset
+ * frame buffers so the next render repaints from scratch. Self-heal for
+ * SIGCONT, resize, and stdin-gap/event-loop-stall (sleep/wake) — any of
+ * which can leave the terminal in main-screen mode while altScreenActive
+ * stays true. ENTER_ALT_SCREEN is a terminal-side no-op if already in alt.
+ */
+ private reenterAltScreen(): void {
+ this.options.stdout.write(
+ ENTER_ALT_SCREEN + ERASE_SCREEN + CURSOR_HOME + (this.altScreenMouseTracking ? ENABLE_MOUSE_TRACKING : '')
+ )
+ this.resetFramesForAltScreen()
+ }
+
+ /**
+ * Seed prev/back frames with full-size BLANK screens (rows×cols of empty
+ * cells, not 0×0). In alt-screen mode, next.screen.height is always
+ * terminalRows; if prev.screen.height is 0 (emptyFrame's default),
+ * log-update sees heightDelta > 0 ('growing') and calls renderFrameSlice,
+ * whose trailing per-row CR+LF at the last row scrolls the alt screen,
+ * permanently desyncing the virtual and physical cursors by 1 row.
+ *
+ * With a rows×cols blank prev, heightDelta === 0 → standard diffEach
+ * → moveCursorTo (CSI cursorMove, no LF, no scroll).
+ *
+ * viewport.height = rows + 1 matches the renderer's alt-screen output,
+ * preventing a spurious resize trigger on the first frame. cursor.y = 0
+ * matches the physical cursor after ENTER_ALT_SCREEN + CSI H (home).
+ */
+ private resetFramesForAltScreen(): void {
+ const rows = this.terminalRows
+ const cols = this.terminalColumns
+
+ const blank = (): Frame => ({
+ screen: createScreen(cols, rows, this.stylePool, this.charPool, this.hyperlinkPool),
+ viewport: {
+ width: cols,
+ height: rows + 1
+ },
+ cursor: {
+ x: 0,
+ y: 0,
+ visible: true
+ }
+ })
+
+ this.frontFrame = blank()
+ this.backFrame = blank()
+ this.log.reset()
+ // Defense-in-depth: alt-screen skips the cursor preamble anyway (CSI H
+ // resets), but a stale displayCursor would be misleading if we later
+ // exit to main-screen without an intervening render.
+ this.displayCursor = null
+ // Fresh frontFrame is blank rows×cols — blitting from it would copy
+ // blanks over content. Next alt-screen frame must full-render.
+ this.prevFrameContaminated = true
+ }
+
+ /**
+ * Copy the current selection to the clipboard without clearing the
+ * highlight. Matches iTerm2's copy-on-select behavior where the selected
+ * region stays visible after the automatic copy.
+ */
+ copySelectionNoClear(): string {
+ if (!hasSelection(this.selection)) {
+ return ''
+ }
+
+ const text = getSelectedText(this.selection, this.frontFrame.screen)
+
+ if (text) {
+ // Raw OSC 52, or DCS-passthrough-wrapped OSC 52 inside tmux (tmux
+ // drops it silently unless allow-passthrough is on — no regression).
+ void setClipboard(text).then(raw => {
+ if (raw) {
+ this.options.stdout.write(raw)
+ }
+ })
+ }
+
+ return text
+ }
+
+ /**
+ * Copy the current text selection to the system clipboard via OSC 52
+ * and clear the selection. Returns the copied text (empty if no selection).
+ */
+ copySelection(): string {
+ if (!hasSelection(this.selection)) {
+ return ''
+ }
+
+ const text = this.copySelectionNoClear()
+ clearSelection(this.selection)
+ this.notifySelectionChange()
+
+ return text
+ }
+
+ /** Clear the current text selection without copying. */
+ clearTextSelection(): void {
+ if (!hasSelection(this.selection)) {
+ return
+ }
+
+ clearSelection(this.selection)
+ this.notifySelectionChange()
+ }
+
+ /**
+ * Set the search highlight query. Non-empty → all visible occurrences
+ * are inverted (SGR 7) on the next frame; first one also underlined.
+ * Empty → clears (prevFrameContaminated handles the frame after). Same
+ * damage-tracking machinery as selection — setCellStyleId doesn't track
+ * damage, so the overlay forces full-frame damage while active.
+ */
+ setSearchHighlight(query: string): void {
+ if (this.searchHighlightQuery === query) {
+ return
+ }
+
+ this.searchHighlightQuery = query
+ this.scheduleRender()
+ }
+
+ /** Paint an EXISTING DOM subtree to a fresh Screen at its natural
+ * height, scan for query. Returns positions relative to the element's
+ * bounding box (row 0 = element top).
+ *
+ * The element comes from the MAIN tree — built with all real
+ * providers, yoga already computed. We paint it to a fresh buffer
+ * with offsets so it lands at (0,0). Same paint path as the main
+ * render. Zero drift. No second React root, no context bridge.
+ *
+ * ~1-2ms (paint only, no reconcile — the DOM is already built). */
+ scanElementSubtree(el: dom.DOMElement): MatchPosition[] {
+ if (!this.searchHighlightQuery || !el.yogaNode) {
+ return []
+ }
+
+ const width = Math.ceil(el.yogaNode.getComputedWidth())
+ const height = Math.ceil(el.yogaNode.getComputedHeight())
+
+ if (width <= 0 || height <= 0) {
+ return []
+ }
+
+ // renderNodeToOutput adds el's OWN computedLeft/Top to offsetX/Y.
+ // Passing -elLeft/-elTop nets to 0 → paints at (0,0) in our buffer.
+ const elLeft = el.yogaNode.getComputedLeft()
+ const elTop = el.yogaNode.getComputedTop()
+ const screen = createScreen(width, height, this.stylePool, this.charPool, this.hyperlinkPool)
+
+ const output = new Output({
+ width,
+ height,
+ stylePool: this.stylePool,
+ screen
+ })
+
+ renderNodeToOutput(el, output, {
+ offsetX: -elLeft,
+ offsetY: -elTop,
+ prevScreen: undefined
+ })
+ const rendered = output.get()
+ // renderNodeToOutput wrote our offset positions to nodeCache —
+ // corrupts the main render (it'd blit from wrong coords). Mark the
+ // subtree dirty so the next main render repaints + re-caches
+ // correctly. One extra paint of this message, but correct > fast.
+ dom.markDirty(el)
+ const positions = scanPositions(rendered, this.searchHighlightQuery)
+ logForDebugging(
+ `scanElementSubtree: q='${this.searchHighlightQuery}' ` +
+ `el=${width}x${height}@(${elLeft},${elTop}) n=${positions.length} ` +
+ `[${positions
+ .slice(0, 10)
+ .map(p => `${p.row}:${p.col}`)
+ .join(',')}` +
+ `${positions.length > 10 ? ',…' : ''}]`
+ )
+
+ return positions
+ }
+
+ /** Set the position-based highlight state. Every frame, writes CURRENT
+ * style at positions[currentIdx] + rowOffset. null clears. The scan-
+ * highlight (inverse on all matches) still runs — this overlays yellow
+ * on top. rowOffset changes as the user scrolls (= message's current
+ * screen-top); positions stay stable (message-relative). */
+ setSearchPositions(
+ state: {
+ positions: MatchPosition[]
+ rowOffset: number
+ currentIdx: number
+ } | null
+ ): void {
+ this.searchPositions = state
+ this.scheduleRender()
+ }
+
+ /**
+ * Set the selection highlight background color. Replaces the per-cell
+ * SGR-7 inverse with a solid theme-aware bg (matches native terminal
+ * selection). Accepts the same color formats as Text backgroundColor
+ * (rgb(), ansi:name, #hex, ansi256()) — colorize() routes through
+ * chalk so the tmux/xterm.js level clamps in colorize.ts apply and
+ * the emitted SGR is correct for the current terminal.
+ *
+ * Called by React-land once theme is known (ScrollKeybindingHandler's
+ * useEffect watching useTheme). Before that call, withSelectionBg
+ * falls back to withInverse so selection still renders on the first
+ * frame; the effect fires before any mouse input so the fallback is
+ * unobservable in practice.
+ */
+ setSelectionBgColor(color: string): void {
+ // Wrap a NUL marker, then split on it to extract the open/close SGR.
+ // colorize returns the input unchanged if the color string is bad —
+ // no NUL-split then, so fall through to null (inverse fallback).
+ const wrapped = colorize('\0', color, 'background')
+ const nul = wrapped.indexOf('\0')
+
+ if (nul <= 0 || nul === wrapped.length - 1) {
+ this.stylePool.setSelectionBg(null)
+
+ return
+ }
+
+ this.stylePool.setSelectionBg({
+ type: 'ansi',
+ code: wrapped.slice(0, nul),
+ endCode: wrapped.slice(nul + 1) // always \x1b[49m for bg
+ })
+ // No scheduleRender: this is called from a React effect that already
+ // runs inside the render cycle, and the bg only matters once a
+ // selection exists (which itself triggers a full-damage frame).
+ }
+
+ /**
+ * Capture text from rows about to scroll out of the viewport during
+ * drag-to-scroll. Must be called BEFORE the ScrollBox scrolls so the
+ * screen buffer still holds the outgoing content. Accumulated into
+ * the selection state and joined back in by getSelectedText.
+ */
+ captureScrolledRows(firstRow: number, lastRow: number, side: 'above' | 'below'): void {
+ captureScrolledRows(this.selection, this.frontFrame.screen, firstRow, lastRow, side)
+ }
+
+ /**
+ * Shift anchor AND focus by dRow, clamped to [minRow, maxRow]. Used by
+ * keyboard scroll handlers (PgUp/PgDn etc.) so the highlight tracks the
+ * content instead of disappearing. Unlike shiftAnchor (drag-to-scroll),
+ * this moves BOTH endpoints — the user isn't holding the mouse at one
+ * edge. Supplies screen.width for the col-reset-on-clamp boundary.
+ */
+ shiftSelectionForScroll(dRow: number, minRow: number, maxRow: number): void {
+ const hadSel = hasSelection(this.selection)
+ shiftSelection(this.selection, dRow, minRow, maxRow, this.frontFrame.screen.width)
+
+ // shiftSelection clears when both endpoints overshoot the same edge
+ // (Home/g/End/G page-jump past the selection). Notify subscribers so
+ // useHasSelection updates. Safe to call notifySelectionChange here —
+ // this runs from keyboard handlers, not inside onRender().
+ if (hadSel && !hasSelection(this.selection)) {
+ this.notifySelectionChange()
+ }
+ }
+
+ /**
+ * Keyboard selection extension (shift+arrow/home/end). Moves focus;
+ * anchor stays fixed so the highlight grows or shrinks relative to it.
+ * Left/right wrap across row boundaries — native macOS text-edit
+ * behavior: shift+left at col 0 wraps to end of the previous row.
+ * Up/down clamp at viewport edges (no scroll-to-extend yet). Drops to
+ * char mode. No-op outside alt-screen or without an active selection.
+ */
+ moveSelectionFocus(move: FocusMove): void {
+ if (!this.altScreenActive) {
+ return
+ }
+
+ const { focus } = this.selection
+
+ if (!focus) {
+ return
+ }
+
+ const { width, height } = this.frontFrame.screen
+
+ const maxCol = width - 1
+ const maxRow = height - 1
+
+ let { col, row } = focus
+
+ switch (move) {
+ case 'left':
+ if (col > 0) {
+ col--
+ } else if (row > 0) {
+ col = maxCol
+ row--
+ }
+
+ break
+
+ case 'right':
+ if (col < maxCol) {
+ col++
+ } else if (row < maxRow) {
+ col = 0
+ row++
+ }
+
+ break
+
+ case 'up':
+ if (row > 0) {
+ row--
+ }
+
+ break
+
+ case 'down':
+ if (row < maxRow) {
+ row++
+ }
+
+ break
+
+ case 'lineStart':
+ col = 0
+
+ break
+
+ case 'lineEnd':
+ col = maxCol
+
+ break
+ }
+
+ if (col === focus.col && row === focus.row) {
+ return
+ }
+
+ moveFocus(this.selection, col, row)
+ this.notifySelectionChange()
+ }
+
+ /** Whether there is an active text selection. */
+ hasTextSelection(): boolean {
+ return hasSelection(this.selection)
+ }
+
+ /**
+ * Subscribe to selection state changes. Fires whenever the selection
+ * is started, updated, cleared, or copied. Returns an unsubscribe fn.
+ */
+ subscribeToSelectionChange(cb: () => void): () => void {
+ this.selectionListeners.add(cb)
+
+ return () => this.selectionListeners.delete(cb)
+ }
+ private notifySelectionChange(): void {
+ this.scheduleRender()
+
+ const active = hasSelection(this.selection)
+
+ if (active !== this.selectionWasActive) {
+ this.selectionWasActive = active
+
+ for (const cb of this.selectionListeners) {
+ cb()
+ }
+ }
+ }
+
+ /**
+ * Hit-test the rendered DOM tree at (col, row) and bubble a ClickEvent
+ * from the deepest hit node up through ancestors with onClick handlers.
+ * Returns true if a DOM handler consumed the click. Gated on
+ * altScreenActive — clicks only make sense with a fixed viewport where
+ * nodeCache rects map 1:1 to terminal cells (no scrollback offset).
+ */
+ dispatchClick(col: number, row: number): boolean {
+ if (!this.altScreenActive) {
+ return false
+ }
+
+ const blank = isEmptyCellAt(this.frontFrame.screen, col, row)
+
+ return dispatchClick(this.rootNode, col, row, blank)
+ }
+ dispatchMouseDown(col: number, row: number, button: number): dom.DOMElement | undefined {
+ if (!this.altScreenActive) {
+ return undefined
+ }
+
+ return dispatchMouse(
+ this.rootNode,
+ col,
+ row,
+ 'onMouseDown',
+ button,
+ isEmptyCellAt(this.frontFrame.screen, col, row)
+ )
+ }
+ dispatchMouseUp(target: dom.DOMElement, col: number, row: number, button: number): void {
+ if (!this.altScreenActive) {
+ return
+ }
+
+ dispatchMouse(this.rootNode, col, row, 'onMouseUp', button, isEmptyCellAt(this.frontFrame.screen, col, row), target)
+ }
+ dispatchMouseDrag(target: dom.DOMElement, col: number, row: number, button: number): void {
+ if (!this.altScreenActive) {
+ return
+ }
+
+ dispatchMouse(
+ this.rootNode,
+ col,
+ row,
+ 'onMouseDrag',
+ button,
+ isEmptyCellAt(this.frontFrame.screen, col, row),
+ target
+ )
+ }
+ dispatchHover(col: number, row: number): void {
+ if (!this.altScreenActive) {
+ return
+ }
+
+ dispatchHover(this.rootNode, col, row, this.hoveredNodes)
+ }
+ dispatchKeyboardEvent(parsedKey: ParsedKey): void {
+ const target = this.focusManager.activeElement ?? this.rootNode
+ const event = new KeyboardEvent(parsedKey)
+ dispatcher.dispatchDiscrete(target, event)
+
+ // Tab cycling is the default action — only fires if no handler
+ // called preventDefault(). Mirrors browser behavior.
+ if (!event.defaultPrevented && parsedKey.name === 'tab' && !parsedKey.ctrl && !parsedKey.meta) {
+ if (parsedKey.shift) {
+ this.focusManager.focusPrevious(this.rootNode)
+ } else {
+ this.focusManager.focusNext(this.rootNode)
+ }
+ }
+ }
+ /**
+ * Look up the URL at (col, row) in the current front frame. Checks for
+ * an OSC 8 hyperlink first, then falls back to scanning the row for a
+ * plain-text URL (mouse tracking intercepts the terminal's native
+ * Cmd+Click URL detection, so we replicate it). This is a pure lookup
+ * with no side effects — call it synchronously at click time so the
+ * result reflects the screen the user actually clicked on, then defer
+ * the browser-open action via a timer.
+ */
+ getHyperlinkAt(col: number, row: number): string | undefined {
+ if (!this.altScreenActive) {
+ return undefined
+ }
+
+ const screen = this.frontFrame.screen
+ const cell = cellAt(screen, col, row)
+ let url = cell?.hyperlink
+
+ // SpacerTail cells (right half of wide/CJK/emoji chars) store the
+ // hyperlink on the head cell at col-1.
+ if (!url && cell?.width === CellWidth.SpacerTail && col > 0) {
+ url = cellAt(screen, col - 1, row)?.hyperlink
+ }
+
+ return url ?? findPlainTextUrlAt(screen, col, row)
+ }
+
+ /**
+ * Optional callback fired when clicking an OSC 8 hyperlink in fullscreen
+ * mode. Set by FullscreenLayout via useLayoutEffect.
+ */
+ onHyperlinkClick: ((url: string) => void) | undefined
+
+ /**
+ * Stable prototype wrapper for onHyperlinkClick. Passed to as
+ * onOpenHyperlink so the prop is a bound method (autoBind'd) that reads
+ * the mutable field at call time — not the undefined-at-render value.
+ */
+ openHyperlink(url: string): void {
+ this.onHyperlinkClick?.(url)
+ }
+
+ /**
+ * Handle a double- or triple-click at (col, row): select the word or
+ * line under the cursor by reading the current screen buffer. Called on
+ * PRESS (not release) so the highlight appears immediately and drag can
+ * extend the selection word-by-word / line-by-line. Falls back to
+ * char-mode startSelection if the click lands on a noSelect cell.
+ */
+ handleMultiClick(col: number, row: number, count: 2 | 3): void {
+ if (!this.altScreenActive) {
+ return
+ }
+
+ const screen = this.frontFrame.screen
+ // selectWordAt/selectLineAt no-op on noSelect/out-of-bounds. Seed with
+ // a char-mode selection so the press still starts a drag even if the
+ // word/line scan finds nothing selectable.
+ startSelection(this.selection, col, row)
+
+ if (count === 2) {
+ selectWordAt(this.selection, screen, col, row)
+ } else {
+ selectLineAt(this.selection, screen, row)
+ }
+
+ // Ensure hasSelection is true so release doesn't re-dispatch onClickAt.
+ // selectWordAt no-ops on noSelect; selectLineAt no-ops out-of-bounds.
+ if (!this.selection.focus) {
+ this.selection.focus = this.selection.anchor
+ }
+
+ this.notifySelectionChange()
+ }
+
+ /**
+ * Handle a drag-motion at (col, row). In char mode updates focus to the
+ * exact cell. In word/line mode snaps to word/line boundaries so the
+ * selection extends by word/line like native macOS. Gated on
+ * altScreenActive for the same reason as dispatchClick.
+ */
+ handleSelectionDrag(col: number, row: number): void {
+ if (!this.altScreenActive) {
+ return
+ }
+
+ const sel = this.selection
+
+ if (sel.anchorSpan) {
+ extendSelection(sel, this.frontFrame.screen, col, row)
+ } else {
+ updateSelection(sel, col, row)
+ }
+
+ this.notifySelectionChange()
+ }
+
+ // Methods to properly suspend stdin for external editor usage
+ // This is needed to prevent Ink from swallowing keystrokes when an external editor is active
+ private stdinListeners: Array<{
+ event: string
+ listener: (...args: unknown[]) => void
+ }> = []
+ private wasRawMode = false
+ suspendStdin(): void {
+ const stdin = this.options.stdin
+
+ if (!stdin.isTTY) {
+ return
+ }
+
+ // Store and remove all 'readable' event listeners temporarily
+ // This prevents Ink from consuming stdin while the editor is active
+ const readableListeners = stdin.listeners('readable')
+ logForDebugging(
+ `[stdin] suspendStdin: removing ${readableListeners.length} readable listener(s), wasRawMode=${
+ (
+ stdin as NodeJS.ReadStream & {
+ isRaw?: boolean
+ }
+ ).isRaw ?? false
+ }`
+ )
+ readableListeners.forEach(listener => {
+ this.stdinListeners.push({
+ event: 'readable',
+ listener: listener as (...args: unknown[]) => void
+ })
+ stdin.removeListener('readable', listener as (...args: unknown[]) => void)
+ })
+
+ // If raw mode is enabled, disable it temporarily
+ const stdinWithRaw = stdin as NodeJS.ReadStream & {
+ isRaw?: boolean
+ setRawMode?: (mode: boolean) => void
+ }
+
+ if (stdinWithRaw.isRaw && stdinWithRaw.setRawMode) {
+ stdinWithRaw.setRawMode(false)
+ this.wasRawMode = true
+ }
+ }
+ resumeStdin(): void {
+ const stdin = this.options.stdin
+
+ if (!stdin.isTTY) {
+ return
+ }
+
+ // Re-attach all the stored listeners
+ if (this.stdinListeners.length === 0 && !this.wasRawMode) {
+ logForDebugging('[stdin] resumeStdin: called with no stored listeners and wasRawMode=false (possible desync)', {
+ level: 'warn'
+ })
+ }
+
+ logForDebugging(
+ `[stdin] resumeStdin: re-attaching ${this.stdinListeners.length} listener(s), wasRawMode=${this.wasRawMode}`
+ )
+ this.stdinListeners.forEach(({ event, listener }) => {
+ stdin.addListener(event, listener)
+ })
+ this.stdinListeners = []
+
+ // Re-enable raw mode if it was enabled before
+ if (this.wasRawMode) {
+ const stdinWithRaw = stdin as NodeJS.ReadStream & {
+ setRawMode?: (mode: boolean) => void
+ }
+
+ if (stdinWithRaw.setRawMode) {
+ stdinWithRaw.setRawMode(true)
+ }
+
+ this.wasRawMode = false
+ }
+ }
+
+ // Stable identity for TerminalWriteContext. An inline arrow here would
+ // change on every render() call (initial mount + each resize), which
+ // cascades through useContext → 's useLayoutEffect dep
+ // array → spurious exit+re-enter of the alt screen on every SIGWINCH.
+ private writeRaw(data: string): void {
+ this.options.stdout.write(data)
+ }
+ private setCursorDeclaration: CursorDeclarationSetter = (decl, clearIfNode) => {
+ if (decl === null && clearIfNode !== undefined && this.cursorDeclaration?.node !== clearIfNode) {
+ return
+ }
+
+ this.cursorDeclaration = decl
+ }
+ render(node: ReactNode): void {
+ this.currentNode = node
+
+ const tree = (
+
+ {node}
+
+ )
+
+ reconciler.updateContainerSync(tree, this.container, null, noop)
+ reconciler.flushSyncWork()
+ }
+ unmount(error?: Error | number | null): void {
+ if (this.isUnmounted) {
+ return
+ }
+
+ this.onRender()
+ this.unsubscribeExit()
+
+ if (typeof this.restoreConsole === 'function') {
+ this.restoreConsole()
+ }
+
+ this.restoreStderr?.()
+ this.unsubscribeTTYHandlers?.()
+
+ // Non-TTY environments don't handle erasing ansi escapes well, so it's better to
+ // only render last frame of non-static output
+ const diff = this.log.renderPreviousOutput_DEPRECATED(this.frontFrame)
+ writeDiffToTerminal(this.terminal, optimize(diff))
+
+ // Clean up terminal modes synchronously before process exit.
+ // React's componentWillUnmount won't run in time when process.exit() is called,
+ // so we must reset terminal modes here to prevent escape sequence leakage.
+ // Use writeSync to stdout (fd 1) to ensure writes complete before exit.
+ // We unconditionally send all disable sequences because terminal detection
+ // may not work correctly (e.g., in tmux, screen) and these are no-ops on
+ // terminals that don't support them.
+
+ if (this.options.stdout.isTTY) {
+ if (this.altScreenActive) {
+ // 's unmount effect won't run during signal-exit.
+ // Exit alt screen FIRST so other cleanup sequences go to the main screen.
+ writeSync(1, EXIT_ALT_SCREEN)
+ }
+
+ // Disable mouse tracking — unconditional because altScreenActive can be
+ // stale if AlternateScreen's unmount (which flips the flag) raced a
+ // blocked event loop + SIGINT. No-op if tracking was never enabled.
+ writeSync(1, DISABLE_MOUSE_TRACKING)
+ // Drain stdin so in-flight mouse events don't leak to the shell
+ this.drainStdin()
+ // Disable extended key reporting (both kitty and modifyOtherKeys)
+ writeSync(1, DISABLE_MODIFY_OTHER_KEYS)
+ writeSync(1, DISABLE_KITTY_KEYBOARD)
+ // Disable focus events (DECSET 1004)
+ writeSync(1, DFE)
+ // Disable bracketed paste mode
+ writeSync(1, DBP)
+ // Show cursor
+ writeSync(1, SHOW_CURSOR)
+ // Clear iTerm2 progress bar
+ writeSync(1, CLEAR_ITERM2_PROGRESS)
+
+ // Clear tab status (OSC 21337) so a stale dot doesn't linger
+ if (supportsTabStatus()) {
+ writeSync(1, wrapForMultiplexer(CLEAR_TAB_STATUS))
+ }
+ }
+
+ this.isUnmounted = true
+
+ // Cancel any pending throttled renders to prevent accessing freed Yoga nodes
+ this.scheduleRender.cancel?.()
+
+ if (this.drainTimer !== null) {
+ clearTimeout(this.drainTimer)
+ this.drainTimer = null
+ }
+
+ reconciler.updateContainerSync(null, this.container, null, noop)
+ reconciler.flushSyncWork()
+ instances.delete(this.options.stdout)
+
+ // Free the root yoga node, then clear its reference. Children are already
+ // freed by the reconciler's removeChildFromContainer; using .free() (not
+ // .freeRecursive()) avoids double-freeing them.
+ this.rootNode.yogaNode?.free()
+ this.rootNode.yogaNode = undefined
+
+ if (error instanceof Error) {
+ this.rejectExitPromise(error)
+ } else {
+ this.resolveExitPromise()
+ }
+ }
+ async waitUntilExit(): Promise {
+ this.exitPromise ||= new Promise((resolve, reject) => {
+ this.resolveExitPromise = resolve
+ this.rejectExitPromise = reject
+ })
+
+ return this.exitPromise
+ }
+ resetLineCount(): void {
+ if (this.options.stdout.isTTY) {
+ // Swap so old front becomes back (for screen reuse), then reset front
+ this.backFrame = this.frontFrame
+ this.frontFrame = emptyFrame(
+ this.frontFrame.viewport.height,
+ this.frontFrame.viewport.width,
+ this.stylePool,
+ this.charPool,
+ this.hyperlinkPool
+ )
+ this.log.reset()
+ // frontFrame is reset, so frame.cursor on the next render is (0,0).
+ // Clear displayCursor so the preamble doesn't compute a stale delta.
+ this.displayCursor = null
+ }
+ }
+
+ /**
+ * Replace char/hyperlink pools with fresh instances to prevent unbounded
+ * growth during long sessions. Migrates the front frame's screen IDs into
+ * the new pools so diffing remains correct. The back frame doesn't need
+ * migration — resetScreen zeros it before any reads.
+ *
+ * Call between conversation turns or periodically.
+ */
+ resetPools(): void {
+ this.charPool = new CharPool()
+ this.hyperlinkPool = new HyperlinkPool()
+ migrateScreenPools(this.frontFrame.screen, this.charPool, this.hyperlinkPool)
+ // Back frame's data is zeroed by resetScreen before reads, but its pool
+ // references are used by the renderer to intern new characters. Point
+ // them at the new pools so the next frame's IDs are comparable.
+ this.backFrame.screen.charPool = this.charPool
+ this.backFrame.screen.hyperlinkPool = this.hyperlinkPool
+ }
+ patchConsole(): () => void {
+ // biome-ignore lint/suspicious/noConsole: intentionally patching global console
+ const con = console
+ const originals: Partial> = {}
+ const toDebug = (...args: unknown[]) => logForDebugging(`console.log: ${format(...args)}`)
+ const toError = (...args: unknown[]) => logError(new Error(`console.error: ${format(...args)}`))
+
+ for (const m of CONSOLE_STDOUT_METHODS) {
+ originals[m] = con[m]
+ con[m] = toDebug
+ }
+
+ for (const m of CONSOLE_STDERR_METHODS) {
+ originals[m] = con[m]
+ con[m] = toError
+ }
+
+ originals.assert = con.assert
+
+ con.assert = (condition: unknown, ...args: unknown[]) => {
+ if (!condition) {
+ toError(...args)
+ }
+ }
+
+ return () => Object.assign(con, originals)
+ }
+
+ /**
+ * Intercept process.stderr.write so stray writes (config.ts, hooks.ts,
+ * third-party deps) don't corrupt the alt-screen buffer. patchConsole only
+ * hooks console.* methods — direct stderr writes bypass it, land at the
+ * parked cursor, scroll the alt-screen, and desync frontFrame from the
+ * physical terminal. Next diff writes only changed-in-React cells at
+ * absolute coords → interleaved garbage.
+ *
+ * Swallows the write (routes text to the debug log) and, in alt-screen,
+ * forces a full-damage repaint as a defensive recovery. Not patching
+ * process.stdout — Ink itself writes there.
+ */
+ private patchStderr(): () => void {
+ const stderr = process.stderr
+ const originalWrite = stderr.write
+ let reentered = false
+
+ const intercept = (
+ chunk: Uint8Array | string,
+ encodingOrCb?: BufferEncoding | ((err?: Error | null) => void),
+ cb?: (err?: Error | null) => void
+ ): boolean => {
+ const callback = typeof encodingOrCb === 'function' ? encodingOrCb : cb
+
+ // Reentrancy guard: logForDebugging → writeToStderr → here. Pass
+ // through to the original so --debug-to-stderr still works and we
+ // don't stack-overflow.
+ if (reentered) {
+ const encoding = typeof encodingOrCb === 'string' ? encodingOrCb : undefined
+
+ return originalWrite.call(stderr, chunk, encoding, callback)
+ }
+
+ reentered = true
+
+ try {
+ const text = typeof chunk === 'string' ? chunk : Buffer.from(chunk).toString('utf8')
+ logForDebugging(`[stderr] ${text}`, {
+ level: 'warn'
+ })
+
+ if (this.altScreenActive && !this.isUnmounted && !this.isPaused) {
+ this.prevFrameContaminated = true
+ this.scheduleRender()
+ }
+ } finally {
+ reentered = false
+ callback?.()
+ }
+
+ return true
+ }
+
+ stderr.write = intercept
+
+ return () => {
+ if (stderr.write === intercept) {
+ stderr.write = originalWrite
+ }
+ }
+ }
+}
+
+/**
+ * Discard pending stdin bytes so in-flight escape sequences (mouse tracking
+ * reports, bracketed-paste markers) don't leak to the shell after exit.
+ *
+ * Two layers of trickiness:
+ *
+ * 1. setRawMode is termios, not fcntl — the stdin fd stays blocking, so
+ * readSync on it would hang forever. Node doesn't expose fcntl, so we
+ * open /dev/tty fresh with O_NONBLOCK (all fds to the controlling
+ * terminal share one line-discipline input queue).
+ *
+ * 2. By the time forceExit calls this, detachForShutdown has already put
+ * the TTY back in cooked (canonical) mode. Canonical mode line-buffers
+ * input until newline, so O_NONBLOCK reads return EAGAIN even when
+ * mouse bytes are sitting in the buffer. We briefly re-enter raw mode
+ * so reads return any available bytes, then restore cooked mode.
+ *
+ * Safe to call multiple times. Call as LATE as possible in the exit path:
+ * DISABLE_MOUSE_TRACKING has terminal round-trip latency, so events can
+ * arrive for a few ms after it's written.
+ */
+
+export function drainStdin(stdin: NodeJS.ReadStream = process.stdin): void {
+ if (!stdin.isTTY) {
+ return
+ }
+
+ // Drain Node's stream buffer (bytes libuv already pulled in). read()
+ // returns null when empty — never blocks.
+ try {
+ while (stdin.read() !== null) {
+ /* discard */
+ }
+ } catch {
+ /* stream may be destroyed */
+ }
+
+ // No /dev/tty on Windows; CONIN$ doesn't support O_NONBLOCK semantics.
+ // Windows Terminal also doesn't buffer mouse reports the same way.
+ if (process.platform === 'win32') {
+ return
+ }
+
+ // termios is per-device: flip stdin to raw so canonical-mode line
+ // buffering doesn't hide partial input from the non-blocking read.
+ // Restored in the finally block.
+ const tty = stdin as NodeJS.ReadStream & {
+ isRaw?: boolean
+ setRawMode?: (raw: boolean) => void
+ }
+
+ const wasRaw = tty.isRaw === true
+ // Drain the kernel TTY buffer via a fresh O_NONBLOCK fd. Bounded at 64
+ // reads (64KB) — a real mouse burst is a few hundred bytes; the cap
+ // guards against a terminal that ignores O_NONBLOCK.
+ let fd = -1
+
+ try {
+ // setRawMode inside try: on revoked TTY (SIGHUP/SSH disconnect) the
+ // ioctl throws EBADF — same recovery path as openSync/readSync below.
+ if (!wasRaw) {
+ tty.setRawMode?.(true)
+ }
+
+ fd = openSync('/dev/tty', fsConstants.O_RDONLY | fsConstants.O_NONBLOCK)
+ const buf = Buffer.alloc(1024)
+
+ for (let i = 0; i < 64; i++) {
+ if (readSync(fd, buf, 0, buf.length, null) <= 0) {
+ break
+ }
+ }
+ } catch {
+ // EAGAIN (buffer empty — expected), ENXIO/ENOENT (no controlling tty),
+ // EBADF/EIO (TTY revoked — SIGHUP, SSH disconnect)
+ } finally {
+ if (fd >= 0) {
+ try {
+ closeSync(fd)
+ } catch {
+ /* ignore */
+ }
+ }
+
+ if (!wasRaw) {
+ try {
+ tty.setRawMode?.(false)
+ } catch {
+ /* TTY may be gone */
+ }
+ }
+ }
+}
+
+const CONSOLE_STDOUT_METHODS = [
+ 'log',
+ 'info',
+ 'debug',
+ 'dir',
+ 'dirxml',
+ 'count',
+ 'countReset',
+ 'group',
+ 'groupCollapsed',
+ 'groupEnd',
+ 'table',
+ 'time',
+ 'timeEnd',
+ 'timeLog'
+] as const
+
+const CONSOLE_STDERR_METHODS = ['warn', 'error', 'trace'] as const
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJhdXRvQmluZCIsImNsb3NlU3luYyIsImNvbnN0YW50cyIsImZzQ29uc3RhbnRzIiwib3BlblN5bmMiLCJyZWFkU3luYyIsIndyaXRlU3luYyIsIm5vb3AiLCJ0aHJvdHRsZSIsIlJlYWN0IiwiUmVhY3ROb2RlIiwiRmliZXJSb290IiwiQ29uY3VycmVudFJvb3QiLCJvbkV4aXQiLCJmbHVzaEludGVyYWN0aW9uVGltZSIsImdldFlvZ2FDb3VudGVycyIsImxvZ0ZvckRlYnVnZ2luZyIsImxvZ0Vycm9yIiwiZm9ybWF0IiwiY29sb3JpemUiLCJBcHAiLCJDdXJzb3JEZWNsYXJhdGlvbiIsIkN1cnNvckRlY2xhcmF0aW9uU2V0dGVyIiwiRlJBTUVfSU5URVJWQUxfTVMiLCJkb20iLCJLZXlib2FyZEV2ZW50IiwiRm9jdXNNYW5hZ2VyIiwiZW1wdHlGcmFtZSIsIkZyYW1lIiwiRnJhbWVFdmVudCIsImRpc3BhdGNoQ2xpY2siLCJkaXNwYXRjaEhvdmVyIiwiaW5zdGFuY2VzIiwiTG9nVXBkYXRlIiwibm9kZUNhY2hlIiwib3B0aW1pemUiLCJPdXRwdXQiLCJQYXJzZWRLZXkiLCJyZWNvbmNpbGVyIiwiZGlzcGF0Y2hlciIsImdldExhc3RDb21taXRNcyIsImdldExhc3RZb2dhTXMiLCJpc0RlYnVnUmVwYWludHNFbmFibGVkIiwicmVjb3JkWW9nYU1zIiwicmVzZXRQcm9maWxlQ291bnRlcnMiLCJyZW5kZXJOb2RlVG9PdXRwdXQiLCJjb25zdW1lRm9sbG93U2Nyb2xsIiwiZGlkTGF5b3V0U2hpZnQiLCJhcHBseVBvc2l0aW9uZWRIaWdobGlnaHQiLCJNYXRjaFBvc2l0aW9uIiwic2NhblBvc2l0aW9ucyIsImNyZWF0ZVJlbmRlcmVyIiwiUmVuZGVyZXIiLCJDZWxsV2lkdGgiLCJDaGFyUG9vbCIsImNlbGxBdCIsImNyZWF0ZVNjcmVlbiIsIkh5cGVybGlua1Bvb2wiLCJpc0VtcHR5Q2VsbEF0IiwibWlncmF0ZVNjcmVlblBvb2xzIiwiU3R5bGVQb29sIiwiYXBwbHlTZWFyY2hIaWdobGlnaHQiLCJhcHBseVNlbGVjdGlvbk92ZXJsYXkiLCJjYXB0dXJlU2Nyb2xsZWRSb3dzIiwiY2xlYXJTZWxlY3Rpb24iLCJjcmVhdGVTZWxlY3Rpb25TdGF0ZSIsImV4dGVuZFNlbGVjdGlvbiIsIkZvY3VzTW92ZSIsImZpbmRQbGFpblRleHRVcmxBdCIsImdldFNlbGVjdGVkVGV4dCIsImhhc1NlbGVjdGlvbiIsIm1vdmVGb2N1cyIsIlNlbGVjdGlvblN0YXRlIiwic2VsZWN0TGluZUF0Iiwic2VsZWN0V29yZEF0Iiwic2hpZnRBbmNob3IiLCJzaGlmdFNlbGVjdGlvbiIsInNoaWZ0U2VsZWN0aW9uRm9yRm9sbG93Iiwic3RhcnRTZWxlY3Rpb24iLCJ1cGRhdGVTZWxlY3Rpb24iLCJTWU5DX09VVFBVVF9TVVBQT1JURUQiLCJzdXBwb3J0c0V4dGVuZGVkS2V5cyIsIlRlcm1pbmFsIiwid3JpdGVEaWZmVG9UZXJtaW5hbCIsIkNVUlNPUl9IT01FIiwiY3Vyc29yTW92ZSIsImN1cnNvclBvc2l0aW9uIiwiRElTQUJMRV9LSVRUWV9LRVlCT0FSRCIsIkRJU0FCTEVfTU9ESUZZX09USEVSX0tFWVMiLCJFTkFCTEVfS0lUVFlfS0VZQk9BUkQiLCJFTkFCTEVfTU9ESUZZX09USEVSX0tFWVMiLCJFUkFTRV9TQ1JFRU4iLCJEQlAiLCJERkUiLCJESVNBQkxFX01PVVNFX1RSQUNLSU5HIiwiRU5BQkxFX01PVVNFX1RSQUNLSU5HIiwiRU5URVJfQUxUX1NDUkVFTiIsIkVYSVRfQUxUX1NDUkVFTiIsIlNIT1dfQ1VSU09SIiwiQ0xFQVJfSVRFUk0yX1BST0dSRVNTIiwiQ0xFQVJfVEFCX1NUQVRVUyIsInNldENsaXBib2FyZCIsInN1cHBvcnRzVGFiU3RhdHVzIiwid3JhcEZvck11bHRpcGxleGVyIiwiVGVybWluYWxXcml0ZVByb3ZpZGVyIiwiQUxUX1NDUkVFTl9BTkNIT1JfQ1VSU09SIiwiT2JqZWN0IiwiZnJlZXplIiwieCIsInkiLCJ2aXNpYmxlIiwiQ1VSU09SX0hPTUVfUEFUQ0giLCJ0eXBlIiwiY29uc3QiLCJjb250ZW50IiwiRVJBU0VfVEhFTl9IT01FX1BBVENIIiwibWFrZUFsdFNjcmVlblBhcmtQYXRjaCIsInRlcm1pbmFsUm93cyIsIk9wdGlvbnMiLCJzdGRvdXQiLCJOb2RlSlMiLCJXcml0ZVN0cmVhbSIsInN0ZGluIiwiUmVhZFN0cmVhbSIsInN0ZGVyciIsImV4aXRPbkN0cmxDIiwicGF0Y2hDb25zb2xlIiwid2FpdFVudGlsRXhpdCIsIlByb21pc2UiLCJvbkZyYW1lIiwiZXZlbnQiLCJJbmsiLCJsb2ciLCJ0ZXJtaW5hbCIsInNjaGVkdWxlUmVuZGVyIiwiY2FuY2VsIiwiaXNVbm1vdW50ZWQiLCJpc1BhdXNlZCIsImNvbnRhaW5lciIsInJvb3ROb2RlIiwiRE9NRWxlbWVudCIsImZvY3VzTWFuYWdlciIsInJlbmRlcmVyIiwic3R5bGVQb29sIiwiY2hhclBvb2wiLCJoeXBlcmxpbmtQb29sIiwiZXhpdFByb21pc2UiLCJyZXN0b3JlQ29uc29sZSIsInJlc3RvcmVTdGRlcnIiLCJ1bnN1YnNjcmliZVRUWUhhbmRsZXJzIiwidGVybWluYWxDb2x1bW5zIiwiY3VycmVudE5vZGUiLCJmcm9udEZyYW1lIiwiYmFja0ZyYW1lIiwibGFzdFBvb2xSZXNldFRpbWUiLCJwZXJmb3JtYW5jZSIsIm5vdyIsImRyYWluVGltZXIiLCJSZXR1cm5UeXBlIiwic2V0VGltZW91dCIsImxhc3RZb2dhQ291bnRlcnMiLCJtcyIsInZpc2l0ZWQiLCJtZWFzdXJlZCIsImNhY2hlSGl0cyIsImxpdmUiLCJhbHRTY3JlZW5QYXJrUGF0Y2giLCJSZWFkb25seSIsInNlbGVjdGlvbiIsInNlYXJjaEhpZ2hsaWdodFF1ZXJ5Iiwic2VhcmNoUG9zaXRpb25zIiwicG9zaXRpb25zIiwicm93T2Zmc2V0IiwiY3VycmVudElkeCIsInNlbGVjdGlvbkxpc3RlbmVycyIsIlNldCIsImhvdmVyZWROb2RlcyIsImFsdFNjcmVlbkFjdGl2ZSIsImFsdFNjcmVlbk1vdXNlVHJhY2tpbmciLCJwcmV2RnJhbWVDb250YW1pbmF0ZWQiLCJuZWVkc0VyYXNlQmVmb3JlUGFpbnQiLCJjdXJzb3JEZWNsYXJhdGlvbiIsImRpc3BsYXlDdXJzb3IiLCJjb25zdHJ1Y3RvciIsIm9wdGlvbnMiLCJwYXRjaFN0ZGVyciIsImNvbHVtbnMiLCJyb3dzIiwiaXNUVFkiLCJkZWZlcnJlZFJlbmRlciIsInF1ZXVlTWljcm90YXNrIiwib25SZW5kZXIiLCJsZWFkaW5nIiwidHJhaWxpbmciLCJ1bnN1YnNjcmliZUV4aXQiLCJ1bm1vdW50IiwiYWx3YXlzTGFzdCIsIm9uIiwiaGFuZGxlUmVzaXplIiwicHJvY2VzcyIsImhhbmRsZVJlc3VtZSIsIm9mZiIsImNyZWF0ZU5vZGUiLCJ0YXJnZXQiLCJkaXNwYXRjaERpc2NyZXRlIiwib25JbW1lZGlhdGVSZW5kZXIiLCJvbkNvbXB1dGVMYXlvdXQiLCJ5b2dhTm9kZSIsInQwIiwic2V0V2lkdGgiLCJjYWxjdWxhdGVMYXlvdXQiLCJjIiwiY3JlYXRlQ29udGFpbmVyIiwiaW5qZWN0SW50b0RldlRvb2xzIiwiYnVuZGxlVHlwZSIsInZlcnNpb24iLCJyZW5kZXJlclBhY2thZ2VOYW1lIiwicmVlbnRlckFsdFNjcmVlbiIsInZpZXdwb3J0IiwiaGVpZ2h0Iiwid2lkdGgiLCJyZXNldCIsImNvbHMiLCJ3cml0ZSIsInJlc2V0RnJhbWVzRm9yQWx0U2NyZWVuIiwicmVuZGVyIiwicmVzb2x2ZUV4aXRQcm9taXNlIiwicmVqZWN0RXhpdFByb21pc2UiLCJyZWFzb24iLCJFcnJvciIsImVudGVyQWx0ZXJuYXRlU2NyZWVuIiwicGF1c2UiLCJzdXNwZW5kU3RkaW4iLCJleGl0QWx0ZXJuYXRlU2NyZWVuIiwicmVzdW1lU3RkaW4iLCJyZXBhaW50IiwicmVzdW1lIiwiY2xlYXJUaW1lb3V0IiwicmVuZGVyU3RhcnQiLCJ0ZXJtaW5hbFdpZHRoIiwiZnJhbWUiLCJhbHRTY3JlZW4iLCJyZW5kZXJlck1zIiwiZm9sbG93IiwiYW5jaG9yIiwicm93Iiwidmlld3BvcnRUb3AiLCJ2aWV3cG9ydEJvdHRvbSIsImRlbHRhIiwiaXNEcmFnZ2luZyIsInNjcmVlbiIsImZvY3VzIiwiY2xlYXJlZCIsImNiIiwic2VsQWN0aXZlIiwiaGxBY3RpdmUiLCJzcCIsInBvc0FwcGxpZWQiLCJkYW1hZ2UiLCJwcmV2RnJhbWUiLCJjdXJzb3IiLCJ0RGlmZiIsImRpZmYiLCJkaWZmTXMiLCJyZXNldFBvb2xzIiwiZmxpY2tlcnMiLCJwYXRjaCIsInB1c2giLCJkZXNpcmVkSGVpZ2h0IiwiYXZhaWxhYmxlSGVpZ2h0IiwiZGVidWciLCJjaGFpbiIsImZpbmRPd25lckNoYWluQXRSb3ciLCJ0cmlnZ2VyWSIsInByZXZMaW5lIiwibmV4dExpbmUiLCJsZW5ndGgiLCJqb2luIiwibGV2ZWwiLCJ0T3B0aW1pemUiLCJvcHRpbWl6ZWQiLCJvcHRpbWl6ZU1zIiwiaGFzRGlmZiIsInVuc2hpZnQiLCJkZWNsIiwicmVjdCIsImdldCIsIm5vZGUiLCJ1bmRlZmluZWQiLCJyZWxhdGl2ZVgiLCJyZWxhdGl2ZVkiLCJwYXJrZWQiLCJ0YXJnZXRNb3ZlZCIsInBkeCIsInBkeSIsIk1hdGgiLCJtaW4iLCJtYXgiLCJjb2wiLCJmcm9tIiwiZHgiLCJkeSIsInJkeCIsInJkeSIsInRXcml0ZSIsIndyaXRlTXMiLCJzY3JvbGxEcmFpblBlbmRpbmciLCJ5b2dhTXMiLCJjb21taXRNcyIsInljIiwiZHVyYXRpb25NcyIsInBoYXNlcyIsInBhdGNoZXMiLCJ5b2dhIiwiY29tbWl0IiwieW9nYVZpc2l0ZWQiLCJ5b2dhTWVhc3VyZWQiLCJ5b2dhQ2FjaGVIaXRzIiwieW9nYUxpdmUiLCJmbHVzaFN5bmNGcm9tUmVjb25jaWxlciIsImZvcmNlUmVkcmF3IiwiaW52YWxpZGF0ZVByZXZGcmFtZSIsInNldEFsdFNjcmVlbkFjdGl2ZSIsImFjdGl2ZSIsIm1vdXNlVHJhY2tpbmciLCJpc0FsdFNjcmVlbkFjdGl2ZSIsInJlYXNzZXJ0VGVybWluYWxNb2RlcyIsImluY2x1ZGVBbHRTY3JlZW4iLCJkZXRhY2hGb3JTaHV0ZG93biIsImlzUmF3Iiwic2V0UmF3TW9kZSIsIm0iLCJkcmFpblN0ZGluIiwiYmxhbmsiLCJjb3B5U2VsZWN0aW9uTm9DbGVhciIsInRleHQiLCJ0aGVuIiwicmF3IiwiY29weVNlbGVjdGlvbiIsIm5vdGlmeVNlbGVjdGlvbkNoYW5nZSIsImNsZWFyVGV4dFNlbGVjdGlvbiIsInNldFNlYXJjaEhpZ2hsaWdodCIsInF1ZXJ5Iiwic2NhbkVsZW1lbnRTdWJ0cmVlIiwiZWwiLCJjZWlsIiwiZ2V0Q29tcHV0ZWRXaWR0aCIsImdldENvbXB1dGVkSGVpZ2h0IiwiZWxMZWZ0IiwiZ2V0Q29tcHV0ZWRMZWZ0IiwiZWxUb3AiLCJnZXRDb21wdXRlZFRvcCIsIm91dHB1dCIsIm9mZnNldFgiLCJvZmZzZXRZIiwicHJldlNjcmVlbiIsInJlbmRlcmVkIiwibWFya0RpcnR5Iiwic2xpY2UiLCJtYXAiLCJwIiwic2V0U2VhcmNoUG9zaXRpb25zIiwic3RhdGUiLCJzZXRTZWxlY3Rpb25CZ0NvbG9yIiwiY29sb3IiLCJ3cmFwcGVkIiwibnVsIiwiaW5kZXhPZiIsInNldFNlbGVjdGlvbkJnIiwiY29kZSIsImVuZENvZGUiLCJmaXJzdFJvdyIsImxhc3RSb3ciLCJzaWRlIiwic2hpZnRTZWxlY3Rpb25Gb3JTY3JvbGwiLCJkUm93IiwibWluUm93IiwibWF4Um93IiwiaGFkU2VsIiwibW92ZVNlbGVjdGlvbkZvY3VzIiwibW92ZSIsIm1heENvbCIsImhhc1RleHRTZWxlY3Rpb24iLCJzdWJzY3JpYmVUb1NlbGVjdGlvbkNoYW5nZSIsImFkZCIsImRlbGV0ZSIsImRpc3BhdGNoS2V5Ym9hcmRFdmVudCIsInBhcnNlZEtleSIsImFjdGl2ZUVsZW1lbnQiLCJkZWZhdWx0UHJldmVudGVkIiwibmFtZSIsImN0cmwiLCJtZXRhIiwic2hpZnQiLCJmb2N1c1ByZXZpb3VzIiwiZm9jdXNOZXh0IiwiZ2V0SHlwZXJsaW5rQXQiLCJjZWxsIiwidXJsIiwiaHlwZXJsaW5rIiwiU3BhY2VyVGFpbCIsIm9uSHlwZXJsaW5rQ2xpY2siLCJvcGVuSHlwZXJsaW5rIiwiaGFuZGxlTXVsdGlDbGljayIsImNvdW50IiwiaGFuZGxlU2VsZWN0aW9uRHJhZyIsInNlbCIsImFuY2hvclNwYW4iLCJzdGRpbkxpc3RlbmVycyIsIkFycmF5IiwibGlzdGVuZXIiLCJhcmdzIiwid2FzUmF3TW9kZSIsInJlYWRhYmxlTGlzdGVuZXJzIiwibGlzdGVuZXJzIiwiZm9yRWFjaCIsInJlbW92ZUxpc3RlbmVyIiwic3RkaW5XaXRoUmF3IiwibW9kZSIsImFkZExpc3RlbmVyIiwid3JpdGVSYXciLCJkYXRhIiwic2V0Q3Vyc29yRGVjbGFyYXRpb24iLCJjbGVhcklmTm9kZSIsInRyZWUiLCJ1cGRhdGVDb250YWluZXJTeW5jIiwiZmx1c2hTeW5jV29yayIsImVycm9yIiwicmVuZGVyUHJldmlvdXNPdXRwdXRfREVQUkVDQVRFRCIsImZyZWUiLCJyZXNvbHZlIiwicmVqZWN0IiwicmVzZXRMaW5lQ291bnQiLCJjb24iLCJjb25zb2xlIiwib3JpZ2luYWxzIiwiUGFydGlhbCIsIlJlY29yZCIsIkNvbnNvbGUiLCJ0b0RlYnVnIiwidG9FcnJvciIsIkNPTlNPTEVfU1RET1VUX01FVEhPRFMiLCJDT05TT0xFX1NUREVSUl9NRVRIT0RTIiwiYXNzZXJ0IiwiY29uZGl0aW9uIiwiYXNzaWduIiwib3JpZ2luYWxXcml0ZSIsInJlZW50ZXJlZCIsImludGVyY2VwdCIsImNodW5rIiwiVWludDhBcnJheSIsImVuY29kaW5nT3JDYiIsIkJ1ZmZlckVuY29kaW5nIiwiZXJyIiwiY2FsbGJhY2siLCJlbmNvZGluZyIsImNhbGwiLCJCdWZmZXIiLCJ0b1N0cmluZyIsInJlYWQiLCJwbGF0Zm9ybSIsInR0eSIsIndhc1JhdyIsImZkIiwiT19SRE9OTFkiLCJPX05PTkJMT0NLIiwiYnVmIiwiYWxsb2MiLCJpIl0sInNvdXJjZXMiOlsiaW5rLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgYXV0b0JpbmQgZnJvbSAnYXV0by1iaW5kJ1xuaW1wb3J0IHtcbiAgY2xvc2VTeW5jLFxuICBjb25zdGFudHMgYXMgZnNDb25zdGFudHMsXG4gIG9wZW5TeW5jLFxuICByZWFkU3luYyxcbiAgd3JpdGVTeW5jLFxufSBmcm9tICdmcydcbmltcG9ydCBub29wIGZyb20gJ2xvZGFzaC1lcy9ub29wLmpzJ1xuaW1wb3J0IHRocm90dGxlIGZyb20gJ2xvZGFzaC1lcy90aHJvdHRsZS5qcydcbmltcG9ydCBSZWFjdCwgeyB0eXBlIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHR5cGUgeyBGaWJlclJvb3QgfSBmcm9tICdyZWFjdC1yZWNvbmNpbGVyJ1xuaW1wb3J0IHsgQ29uY3VycmVudFJvb3QgfSBmcm9tICdyZWFjdC1yZWNvbmNpbGVyL2NvbnN0YW50cy5qcydcbmltcG9ydCB7IG9uRXhpdCB9IGZyb20gJ3NpZ25hbC1leGl0J1xuaW1wb3J0IHsgZmx1c2hJbnRlcmFjdGlvblRpbWUgfSBmcm9tICdzcmMvYm9vdHN0cmFwL3N0YXRlLmpzJ1xuaW1wb3J0IHsgZ2V0WW9nYUNvdW50ZXJzIH0gZnJvbSAnc3JjL25hdGl2ZS10cy95b2dhLWxheW91dC9pbmRleC5qcydcbmltcG9ydCB7IGxvZ0ZvckRlYnVnZ2luZyB9IGZyb20gJ3NyYy91dGlscy9kZWJ1Zy5qcydcbmltcG9ydCB7IGxvZ0Vycm9yIH0gZnJvbSAnc3JjL3V0aWxzL2xvZy5qcydcbmltcG9ydCB7IGZvcm1hdCB9IGZyb20gJ3V0aWwnXG5pbXBvcnQgeyBjb2xvcml6ZSB9IGZyb20gJy4vY29sb3JpemUuanMnXG5pbXBvcnQgQXBwIGZyb20gJy4vY29tcG9uZW50cy9BcHAuanMnXG5pbXBvcnQgdHlwZSB7XG4gIEN1cnNvckRlY2xhcmF0aW9uLFxuICBDdXJzb3JEZWNsYXJhdGlvblNldHRlcixcbn0gZnJvbSAnLi9jb21wb25lbnRzL0N1cnNvckRlY2xhcmF0aW9uQ29udGV4dC5qcydcbmltcG9ydCB7IEZSQU1FX0lOVEVSVkFMX01TIH0gZnJvbSAnLi9jb25zdGFudHMuanMnXG5pbXBvcnQgKiBhcyBkb20gZnJvbSAnLi9kb20uanMnXG5pbXBvcnQgeyBLZXlib2FyZEV2ZW50IH0gZnJvbSAnLi9ldmVudHMva2V5Ym9hcmQtZXZlbnQuanMnXG5pbXBvcnQgeyBGb2N1c01hbmFnZXIgfSBmcm9tICcuL2ZvY3VzLmpzJ1xuaW1wb3J0IHsgZW1wdHlGcmFtZSwgdHlwZSBGcmFtZSwgdHlwZSBGcmFtZUV2ZW50IH0gZnJvbSAnLi9mcmFtZS5qcydcbmltcG9ydCB7IGRpc3BhdGNoQ2xpY2ssIGRpc3BhdGNoSG92ZXIgfSBmcm9tICcuL2hpdC10ZXN0LmpzJ1xuaW1wb3J0IGluc3RhbmNlcyBmcm9tICcuL2luc3RhbmNlcy5qcydcbmltcG9ydCB7IExvZ1VwZGF0ZSB9IGZyb20gJy4vbG9nLXVwZGF0ZS5qcydcbmltcG9ydCB7IG5vZGVDYWNoZSB9IGZyb20gJy4vbm9kZS1jYWNoZS5qcydcbmltcG9ydCB7IG9wdGltaXplIH0gZnJvbSAnLi9vcHRpbWl6ZXIuanMnXG5pbXBvcnQgT3V0cHV0IGZyb20gJy4vb3V0cHV0LmpzJ1xuaW1wb3J0IHR5cGUgeyBQYXJzZWRLZXkgfSBmcm9tICcuL3BhcnNlLWtleXByZXNzLmpzJ1xuaW1wb3J0IHJlY29uY2lsZXIsIHtcbiAgZGlzcGF0Y2hlcixcbiAgZ2V0TGFzdENvbW1pdE1zLFxuICBnZXRMYXN0WW9nYU1zLFxuICBpc0RlYnVnUmVwYWludHNFbmFibGVkLFxuICByZWNvcmRZb2dhTXMsXG4gIHJlc2V0UHJvZmlsZUNvdW50ZXJzLFxufSBmcm9tICcuL3JlY29uY2lsZXIuanMnXG5pbXBvcnQgcmVuZGVyTm9kZVRvT3V0cHV0LCB7XG4gIGNvbnN1bWVGb2xsb3dTY3JvbGwsXG4gIGRpZExheW91dFNoaWZ0LFxufSBmcm9tICcuL3JlbmRlci1ub2RlLXRvLW91dHB1dC5qcydcbmltcG9ydCB7XG4gIGFwcGx5UG9zaXRpb25lZEhpZ2hsaWdodCxcbiAgdHlwZSBNYXRjaFBvc2l0aW9uLFxuICBzY2FuUG9zaXRpb25zLFxufSBmcm9tICcuL3JlbmRlci10by1zY3JlZW4uanMnXG5pbXBvcnQgY3JlYXRlUmVuZGVyZXIsIHsgdHlwZSBSZW5kZXJlciB9IGZyb20gJy4vcmVuZGVyZXIuanMnXG5pbXBvcnQge1xuICBDZWxsV2lkdGgsXG4gIENoYXJQb29sLFxuICBjZWxsQXQsXG4gIGNyZWF0ZVNjcmVlbixcbiAgSHlwZXJsaW5rUG9vbCxcbiAgaXNFbXB0eUNlbGxBdCxcbiAgbWlncmF0ZVNjcmVlblBvb2xzLFxuICBTdHlsZVBvb2wsXG59IGZyb20gJy4vc2NyZWVuLmpzJ1xuaW1wb3J0IHsgYXBwbHlTZWFyY2hIaWdobGlnaHQgfSBmcm9tICcuL3NlYXJjaEhpZ2hsaWdodC5qcydcbmltcG9ydCB7XG4gIGFwcGx5U2VsZWN0aW9uT3ZlcmxheSxcbiAgY2FwdHVyZVNjcm9sbGVkUm93cyxcbiAgY2xlYXJTZWxlY3Rpb24sXG4gIGNyZWF0ZVNlbGVjdGlvblN0YXRlLFxuICBleHRlbmRTZWxlY3Rpb24sXG4gIHR5cGUgRm9jdXNNb3ZlLFxuICBmaW5kUGxhaW5UZXh0VXJsQXQsXG4gIGdldFNlbGVjdGVkVGV4dCxcbiAgaGFzU2VsZWN0aW9uLFxuICBtb3ZlRm9jdXMsXG4gIHR5cGUgU2VsZWN0aW9uU3RhdGUsXG4gIHNlbGVjdExpbmVBdCxcbiAgc2VsZWN0V29yZEF0LFxuICBzaGlmdEFuY2hvcixcbiAgc2hpZnRTZWxlY3Rpb24sXG4gIHNoaWZ0U2VsZWN0aW9uRm9yRm9sbG93LFxuICBzdGFydFNlbGVjdGlvbixcbiAgdXBkYXRlU2VsZWN0aW9uLFxufSBmcm9tICcuL3NlbGVjdGlvbi5qcydcbmltcG9ydCB7XG4gIFNZTkNfT1VUUFVUX1NVUFBPUlRFRCxcbiAgc3VwcG9ydHNFeHRlbmRlZEtleXMsXG4gIHR5cGUgVGVybWluYWwsXG4gIHdyaXRlRGlmZlRvVGVybWluYWwsXG59IGZyb20gJy4vdGVybWluYWwuanMnXG5pbXBvcnQge1xuICBDVVJTT1JfSE9NRSxcbiAgY3Vyc29yTW92ZSxcbiAgY3Vyc29yUG9zaXRpb24sXG4gIERJU0FCTEVfS0lUVFlfS0VZQk9BUkQsXG4gIERJU0FCTEVfTU9ESUZZX09USEVSX0tFWVMsXG4gIEVOQUJMRV9LSVRUWV9LRVlCT0FSRCxcbiAgRU5BQkxFX01PRElGWV9PVEhFUl9LRVlTLFxuICBFUkFTRV9TQ1JFRU4sXG59IGZyb20gJy4vdGVybWlvL2NzaS5qcydcbmltcG9ydCB7XG4gIERCUCxcbiAgREZFLFxuICBESVNBQkxFX01PVVNFX1RSQUNLSU5HLFxuICBFTkFCTEVfTU9VU0VfVFJBQ0tJTkcsXG4gIEVOVEVSX0FMVF9TQ1JFRU4sXG4gIEVYSVRfQUxUX1NDUkVFTixcbiAgU0hPV19DVVJTT1IsXG59IGZyb20gJy4vdGVybWlvL2RlYy5qcydcbmltcG9ydCB7XG4gIENMRUFSX0lURVJNMl9QUk9HUkVTUyxcbiAgQ0xFQVJfVEFCX1NUQVRVUyxcbiAgc2V0Q2xpcGJvYXJkLFxuICBzdXBwb3J0c1RhYlN0YXR1cyxcbiAgd3JhcEZvck11bHRpcGxleGVyLFxufSBmcm9tICcuL3Rlcm1pby9vc2MuanMnXG5pbXBvcnQgeyBUZXJtaW5hbFdyaXRlUHJvdmlkZXIgfSBmcm9tICcuL3VzZVRlcm1pbmFsTm90aWZpY2F0aW9uLmpzJ1xuXG4vLyBBbHQtc2NyZWVuOiByZW5kZXJlci50cyBzZXRzIGN1cnNvci52aXNpYmxlID0gIWlzVFRZIHx8IHNjcmVlbi5oZWlnaHQ9PT0wLFxuLy8gd2hpY2ggaXMgYWx3YXlzIGZhbHNlIGluIGFsdC1zY3JlZW4gKFRUWSArIGNvbnRlbnQgZmlsbHMgc2NyZWVuKS5cbi8vIFJldXNpbmcgYSBmcm96ZW4gb2JqZWN0IHNhdmVzIDEgYWxsb2NhdGlvbiBwZXIgZnJhbWUuXG5jb25zdCBBTFRfU0NSRUVOX0FOQ0hPUl9DVVJTT1IgPSBPYmplY3QuZnJlZXplKHsgeDogMCwgeTogMCwgdmlzaWJsZTogZmFsc2UgfSlcbmNvbnN0IENVUlNPUl9IT01FX1BBVENIID0gT2JqZWN0LmZyZWV6ZSh7XG4gIHR5cGU6ICdzdGRvdXQnIGFzIGNvbnN0LFxuICBjb250ZW50OiBDVVJTT1JfSE9NRSxcbn0pXG5jb25zdCBFUkFTRV9USEVOX0hPTUVfUEFUQ0ggPSBPYmplY3QuZnJlZXplKHtcbiAgdHlwZTogJ3N0ZG91dCcgYXMgY29uc3QsXG4gIGNvbnRlbnQ6IEVSQVNFX1NDUkVFTiArIENVUlNPUl9IT01FLFxufSlcblxuLy8gQ2FjaGVkIHBlci1JbmstaW5zdGFuY2UsIGludmFsaWRhdGVkIG9uIHJlc2l6ZS4gZnJhbWUuY3Vyc29yLnkgZm9yXG4vLyBhbHQtc2NyZWVuIGlzIGFsd2F5cyB0ZXJtaW5hbFJvd3MgLSAxIChyZW5kZXJlci50cykuXG5mdW5jdGlvbiBtYWtlQWx0U2NyZWVuUGFya1BhdGNoKHRlcm1pbmFsUm93czogbnVtYmVyKSB7XG4gIHJldHVybiBPYmplY3QuZnJlZXplKHtcbiAgICB0eXBlOiAnc3Rkb3V0JyBhcyBjb25zdCxcbiAgICBjb250ZW50OiBjdXJzb3JQb3NpdGlvbih0ZXJtaW5hbFJvd3MsIDEpLFxuICB9KVxufVxuXG5leHBvcnQgdHlwZSBPcHRpb25zID0ge1xuICBzdGRvdXQ6IE5vZGVKUy5Xcml0ZVN0cmVhbVxuICBzdGRpbjogTm9kZUpTLlJlYWRTdHJlYW1cbiAgc3RkZXJyOiBOb2RlSlMuV3JpdGVTdHJlYW1cbiAgZXhpdE9uQ3RybEM6IGJvb2xlYW5cbiAgcGF0Y2hDb25zb2xlOiBib29sZWFuXG4gIHdhaXRVbnRpbEV4aXQ/OiAoKSA9PiBQcm9taXNlPHZvaWQ+XG4gIG9uRnJhbWU/OiAoZXZlbnQ6IEZyYW1lRXZlbnQpID0+IHZvaWRcbn1cblxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgSW5rIHtcbiAgcHJpdmF0ZSByZWFkb25seSBsb2c6IExvZ1VwZGF0ZVxuICBwcml2YXRlIHJlYWRvbmx5IHRlcm1pbmFsOiBUZXJtaW5hbFxuICBwcml2YXRlIHNjaGVkdWxlUmVuZGVyOiAoKCkgPT4gdm9pZCkgJiB7IGNhbmNlbD86ICgpID0+IHZvaWQgfVxuICAvLyBJZ25vcmUgbGFzdCByZW5kZXIgYWZ0ZXIgdW5tb3VudGluZyBhIHRyZWUgdG8gcHJldmVudCBlbXB0eSBvdXRwdXQgYmVmb3JlIGV4aXRcbiAgcHJpdmF0ZSBpc1VubW91bnRlZCA9IGZhbHNlXG4gIHByaXZhdGUgaXNQYXVzZWQgPSBmYWxzZVxuICBwcml2YXRlIHJlYWRvbmx5IGNvbnRhaW5lcjogRmliZXJSb290XG4gIHByaXZhdGUgcm9vdE5vZGU6IGRvbS5ET01FbGVtZW50XG4gIHJlYWRvbmx5IGZvY3VzTWFuYWdlcjogRm9jdXNNYW5hZ2VyXG4gIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyXG4gIHByaXZhdGUgcmVhZG9ubHkgc3R5bGVQb29sOiBTdHlsZVBvb2xcbiAgcHJpdmF0ZSBjaGFyUG9vbDogQ2hhclBvb2xcbiAgcHJpdmF0ZSBoeXBlcmxpbmtQb29sOiBIeXBlcmxpbmtQb29sXG4gIHByaXZhdGUgZXhpdFByb21pc2U/OiBQcm9taXNlPHZvaWQ+XG4gIHByaXZhdGUgcmVzdG9yZUNvbnNvbGU/OiAoKSA9PiB2b2lkXG4gIHByaXZhdGUgcmVzdG9yZVN0ZGVycj86ICgpID0+IHZvaWRcbiAgcHJpdmF0ZSByZWFkb25seSB1bnN1YnNjcmliZVRUWUhhbmRsZXJzPzogKCkgPT4gdm9pZFxuICBwcml2YXRlIHRlcm1pbmFsQ29sdW1uczogbnVtYmVyXG4gIHByaXZhdGUgdGVybWluYWxSb3dzOiBudW1iZXJcbiAgcHJpdmF0ZSBjdXJyZW50Tm9kZTogUmVhY3ROb2RlID0gbnVsbFxuICBwcml2YXRlIGZyb250RnJhbWU6IEZyYW1lXG4gIHByaXZhdGUgYmFja0ZyYW1lOiBGcmFtZVxuICBwcml2YXRlIGxhc3RQb29sUmVzZXRUaW1lID0gcGVyZm9ybWFuY2Uubm93KClcbiAgcHJpdmF0ZSBkcmFpblRpbWVyOiBSZXR1cm5UeXBlPHR5cGVvZiBzZXRUaW1lb3V0PiB8IG51bGwgPSBudWxsXG4gIHByaXZhdGUgbGFzdFlvZ2FDb3VudGVyczoge1xuICAgIG1zOiBudW1iZXJcbiAgICB2aXNpdGVkOiBudW1iZXJcbiAgICBtZWFzdXJlZDogbnVtYmVyXG4gICAgY2FjaGVIaXRzOiBudW1iZXJcbiAgICBsaXZlOiBudW1iZXJcbiAgfSA9IHsgbXM6IDAsIHZpc2l0ZWQ6IDAsIG1lYXN1cmVkOiAwLCBjYWNoZUhpdHM6IDAsIGxpdmU6IDAgfVxuICBwcml2YXRlIGFsdFNjcmVlblBhcmtQYXRjaDogUmVhZG9ubHk8eyB0eXBlOiAnc3Rkb3V0JzsgY29udGVudDogc3RyaW5nIH0+XG4gIC8vIFRleHQgc2VsZWN0aW9uIHN0YXRlIChhbHQtc2NyZWVuIG9ubHkpLiBPd25lZCBoZXJlIHNvIHRoZSBvdmVybGF5XG4gIC8vIHBhc3MgaW4gb25SZW5kZXIgY2FuIHJlYWQgaXQgYW5kIEFwcC50c3ggY2FuIHVwZGF0ZSBpdCBmcm9tIG1vdXNlXG4gIC8vIGV2ZW50cy4gUHVibGljIHNvIGluc3RhbmNlcy5nZXQoKSBjYWxsZXJzIGNhbiBhY2Nlc3MuXG4gIHJlYWRvbmx5IHNlbGVjdGlvbjogU2VsZWN0aW9uU3RhdGUgPSBjcmVhdGVTZWxlY3Rpb25TdGF0ZSgpXG4gIC8vIFNlYXJjaCBoaWdobGlnaHQgcXVlcnkgKGFsdC1zY3JlZW4gb25seSkuIFNldHRlciBiZWxvdyB0cmlnZ2Vyc1xuICAvLyBzY2hlZHVsZVJlbmRlcjsgYXBwbHlTZWFyY2hIaWdobGlnaHQgaW4gb25SZW5kZXIgaW52ZXJ0cyBtYXRjaGluZyBjZWxscy5cbiAgcHJpdmF0ZSBzZWFyY2hIaWdobGlnaHRRdWVyeSA9ICcnXG4gIC8vIFBvc2l0aW9uLWJhc2VkIGhpZ2hsaWdodC4gVk1MIHNjYW5zIHBvc2l0aW9ucyBPTkNFICh2aWFcbiAgLy8gc2NhbkVsZW1lbnRTdWJ0cmVlLCB3aGVuIHRoZSB0YXJnZXQgbWVzc2FnZSBpcyBtb3VudGVkKSwgc3RvcmVzIHRoZW1cbiAgLy8gbWVzc2FnZS1yZWxhdGl2ZSwgc2V0cyB0aGlzIGZvciBldmVyeS1mcmFtZSBhcHBseS4gcm93T2Zmc2V0ID1cbiAgLy8gbWVzc2FnZSdzIGN1cnJlbnQgc2NyZWVuLXRvcC4gY3VycmVudElkeCA9IHdoaWNoIHBvc2l0aW9uIGlzXG4gIC8vIFwiY3VycmVudFwiICh5ZWxsb3cpLiBudWxsIGNsZWFycy4gUG9zaXRpb25zIGFyZSBrbm93biB1cGZyb250IOKAlFxuICAvLyBuYXZpZ2F0aW9uIGlzIGluZGV4IGFyaXRobWV0aWMsIG5vIHNjYW4tZmVlZGJhY2sgbG9vcC5cbiAgcHJpdmF0ZSBzZWFyY2hQb3NpdGlvbnM6IHtcbiAgICBwb3NpdGlvbnM6IE1hdGNoUG9zaXRpb25bXVxuICAgIHJvd09mZnNldDogbnVtYmVyXG4gICAgY3VycmVudElkeDogbnVtYmVyXG4gIH0gfCBudWxsID0gbnVsbFxuICAvLyBSZWFjdC1sYW5kIHN1YnNjcmliZXJzIGZvciBzZWxlY3Rpb24gc3RhdGUgY2hhbmdlcyAodXNlSGFzU2VsZWN0aW9uKS5cbiAgLy8gRmlyZWQgYWxvbmdzaWRlIHRoZSB0ZXJtaW5hbCByZXBhaW50IHdoZW5ldmVyIHRoZSBzZWxlY3Rpb24gbXV0YXRlc1xuICAvLyBzbyBVSSAoZS5nLiBmb290ZXIgaGludHMpIGNhbiByZWFjdCB0byBzZWxlY3Rpb24gYXBwZWFyaW5nL2NsZWFyaW5nLlxuICBwcml2YXRlIHJlYWRvbmx5IHNlbGVjdGlvbkxpc3RlbmVycyA9IG5ldyBTZXQ8KCkgPT4gdm9pZD4oKVxuICAvLyBET00gbm9kZXMgY3VycmVudGx5IHVuZGVyIHRoZSBwb2ludGVyIChtb2RlLTEwMDMgbW90aW9uKS4gSGVsZCBoZXJlXG4gIC8vIHNvIEFwcC50c3gncyBoYW5kbGVNb3VzZUV2ZW50IGlzIHN0YXRlbGVzcyDigJQgZGlzcGF0Y2hIb3ZlciBkaWZmc1xuICAvLyBhZ2FpbnN0IHRoaXMgc2V0IGFuZCBtdXRhdGVzIGl0IGluIHBsYWNlLlxuICBwcml2YXRlIHJlYWRvbmx5IGhvdmVyZWROb2RlcyA9IG5ldyBTZXQ8ZG9tLkRPTUVsZW1lbnQ+KClcbiAgLy8gU2V0IGJ5IDxBbHRlcm5hdGVTY3JlZW4+IHZpYSBzZXRBbHRTY3JlZW5BY3RpdmUoKS4gQ29udHJvbHMgdGhlXG4gIC8vIHJlbmRlcmVyJ3MgY3Vyc29yLnkgY2xhbXBpbmcgKGtlZXBzIGN1cnNvciBpbi12aWV3cG9ydCB0byBhdm9pZFxuICAvLyBMRi1pbmR1Y2VkIHNjcm9sbCB3aGVuIHNjcmVlbi5oZWlnaHQgPT09IHRlcm1pbmFsUm93cykgYW5kIGdhdGVzXG4gIC8vIGFsdC1zY3JlZW4tYXdhcmUgU0lHQ09OVC9yZXNpemUvdW5tb3VudCBoYW5kbGluZy5cbiAgcHJpdmF0ZSBhbHRTY3JlZW5BY3RpdmUgPSBmYWxzZVxuICAvLyBTZXQgYWxvbmdzaWRlIGFsdFNjcmVlbkFjdGl2ZSBzbyBTSUdDT05UIHJlc3VtZSBrbm93cyB3aGV0aGVyIHRvXG4gIC8vIHJlLWVuYWJsZSBtb3VzZSB0cmFja2luZyAobm90IGFsbCA8QWx0ZXJuYXRlU2NyZWVuPiB1c2VzIHdhbnQgaXQpLlxuICBwcml2YXRlIGFsdFNjcmVlbk1vdXNlVHJhY2tpbmcgPSBmYWxzZVxuICAvLyBUcnVlIHdoZW4gdGhlIHByZXZpb3VzIGZyYW1lJ3Mgc2NyZWVuIGJ1ZmZlciBjYW5ub3QgYmUgdHJ1c3RlZCBmb3JcbiAgLy8gYmxpdCDigJQgc2VsZWN0aW9uIG92ZXJsYXkgbXV0YXRlZCBpdCwgcmVzZXRGcmFtZXNGb3JBbHRTY3JlZW4oKVxuICAvLyByZXBsYWNlZCBpdCB3aXRoIGJsYW5rcywgb3IgZm9yY2VSZWRyYXcoKSByZXNldCBpdCB0byAww5cwLiBGb3JjZXNcbiAgLy8gb25lIGZ1bGwtcmVuZGVyIGZyYW1lOyBzdGVhZHktc3RhdGUgZnJhbWVzIGFmdGVyIGNsZWFyIGl0IGFuZCByZWdhaW5cbiAgLy8gdGhlIGJsaXQgKyBuYXJyb3ctZGFtYWdlIGZhc3QgcGF0aC5cbiAgcHJpdmF0ZSBwcmV2RnJhbWVDb250YW1pbmF0ZWQgPSBmYWxzZVxuICAvLyBTZXQgYnkgaGFuZGxlUmVzaXplOiBwcmVwZW5kIEVSQVNFX1NDUkVFTiB0byB0aGUgbmV4dCBvblJlbmRlcidzIHBhdGNoZXNcbiAgLy8gSU5TSURFIHRoZSBCU1UvRVNVIGJsb2NrIHNvIGNsZWFyK3BhaW50IGlzIGF0b21pYy4gV3JpdGluZyBFUkFTRV9TQ1JFRU5cbiAgLy8gc3luY2hyb25vdXNseSBpbiBoYW5kbGVSZXNpemUgd291bGQgbGVhdmUgdGhlIHNjcmVlbiBibGFuayBmb3IgdGhlIH44MG1zXG4gIC8vIHJlbmRlcigpIHRha2VzOyBkZWZlcnJpbmcgaW50byB0aGUgYXRvbWljIGJsb2NrIG1lYW5zIG9sZCBjb250ZW50IHN0YXlzXG4gIC8vIHZpc2libGUgdW50aWwgdGhlIG5ldyBmcmFtZSBpcyBmdWxseSByZWFkeS5cbiAgcHJpdmF0ZSBuZWVkc0VyYXNlQmVmb3JlUGFpbnQgPSBmYWxzZVxuICAvLyBOYXRpdmUgY3Vyc29yIHBvc2l0aW9uaW5nOiBhIGNvbXBvbmVudCAodmlhIHVzZURlY2xhcmVkQ3Vyc29yKSBkZWNsYXJlc1xuICAvLyB3aGVyZSB0aGUgdGVybWluYWwgY3Vyc29yIHNob3VsZCBiZSBwYXJrZWQgYWZ0ZXIgZWFjaCBmcmFtZS4gVGVybWluYWxcbiAgLy8gZW11bGF0b3JzIHJlbmRlciBJTUUgcHJlZWRpdCB0ZXh0IGF0IHRoZSBwaHlzaWNhbCBjdXJzb3IgcG9zaXRpb24sIGFuZFxuICAvLyBzY3JlZW4gcmVhZGVycyAvIHNjcmVlbiBtYWduaWZpZXJzIHRyYWNrIGl0IOKAlCBzbyBwYXJraW5nIGF0IHRoZSB0ZXh0XG4gIC8vIGlucHV0J3MgY2FyZXQgbWFrZXMgQ0pLIGlucHV0IGFwcGVhciBpbmxpbmUgYW5kIGxldHMgYTExeSB0b29scyBmb2xsb3cuXG4gIHByaXZhdGUgY3Vyc29yRGVjbGFyYXRpb246IEN1cnNvckRlY2xhcmF0aW9uIHwgbnVsbCA9IG51bGxcbiAgLy8gTWFpbi1zY3JlZW46IHBoeXNpY2FsIGN1cnNvciBwb3NpdGlvbiBhZnRlciB0aGUgZGVjbGFyZWQtY3Vyc29yIG1vdmUsXG4gIC8vIHRyYWNrZWQgc2VwYXJhdGVseSBmcm9tIGZyYW1lLmN1cnNvciAod2hpY2ggbXVzdCBzdGF5IGF0IGNvbnRlbnQtYm90dG9tXG4gIC8vIGZvciBsb2ctdXBkYXRlJ3MgcmVsYXRpdmUtbW92ZSBpbnZhcmlhbnRzKS4gQWx0LXNjcmVlbiBkb2Vzbid0IG5lZWRcbiAgLy8gdGhpcyDigJQgZXZlcnkgZnJhbWUgYmVnaW5zIHdpdGggQ1NJIEguIG51bGwgPSBubyBtb3ZlIGVtaXR0ZWQgbGFzdCBmcmFtZS5cbiAgcHJpdmF0ZSBkaXNwbGF5Q3Vyc29yOiB7IHg6IG51bWJlcjsgeTogbnVtYmVyIH0gfCBudWxsID0gbnVsbFxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgb3B0aW9uczogT3B0aW9ucykge1xuICAgIGF1dG9CaW5kKHRoaXMpXG5cbiAgICBpZiAodGhpcy5vcHRpb25zLnBhdGNoQ29uc29sZSkge1xuICAgICAgdGhpcy5yZXN0b3JlQ29uc29sZSA9IHRoaXMucGF0Y2hDb25zb2xlKClcbiAgICAgIHRoaXMucmVzdG9yZVN0ZGVyciA9IHRoaXMucGF0Y2hTdGRlcnIoKVxuICAgIH1cblxuICAgIHRoaXMudGVybWluYWwgPSB7XG4gICAgICBzdGRvdXQ6IG9wdGlvbnMuc3Rkb3V0LFxuICAgICAgc3RkZXJyOiBvcHRpb25zLnN0ZGVycixcbiAgICB9XG5cbiAgICB0aGlzLnRlcm1pbmFsQ29sdW1ucyA9IG9wdGlvbnMuc3Rkb3V0LmNvbHVtbnMgfHwgODBcbiAgICB0aGlzLnRlcm1pbmFsUm93cyA9IG9wdGlvbnMuc3Rkb3V0LnJvd3MgfHwgMjRcbiAgICB0aGlzLmFsdFNjcmVlblBhcmtQYXRjaCA9IG1ha2VBbHRTY3JlZW5QYXJrUGF0Y2godGhpcy50ZXJtaW5hbFJvd3MpXG4gICAgdGhpcy5zdHlsZVBvb2wgPSBuZXcgU3R5bGVQb29sKClcbiAgICB0aGlzLmNoYXJQb29sID0gbmV3IENoYXJQb29sKClcbiAgICB0aGlzLmh5cGVybGlua1Bvb2wgPSBuZXcgSHlwZXJsaW5rUG9vbCgpXG4gICAgdGhpcy5mcm9udEZyYW1lID0gZW1wdHlGcmFtZShcbiAgICAgIHRoaXMudGVybWluYWxSb3dzLFxuICAgICAgdGhpcy50ZXJtaW5hbENvbHVtbnMsXG4gICAgICB0aGlzLnN0eWxlUG9vbCxcbiAgICAgIHRoaXMuY2hhclBvb2wsXG4gICAgICB0aGlzLmh5cGVybGlua1Bvb2wsXG4gICAgKVxuICAgIHRoaXMuYmFja0ZyYW1lID0gZW1wdHlGcmFtZShcbiAgICAgIHRoaXMudGVybWluYWxSb3dzLFxuICAgICAgdGhpcy50ZXJtaW5hbENvbHVtbnMsXG4gICAgICB0aGlzLnN0eWxlUG9vbCxcbiAgICAgIHRoaXMuY2hhclBvb2wsXG4gICAgICB0aGlzLmh5cGVybGlua1Bvb2wsXG4gICAgKVxuXG4gICAgdGhpcy5sb2cgPSBuZXcgTG9nVXBkYXRlKHtcbiAgICAgIGlzVFRZOiAob3B0aW9ucy5zdGRvdXQuaXNUVFkgYXMgYm9vbGVhbiB8IHVuZGVmaW5lZCkgfHwgZmFsc2UsXG4gICAgICBzdHlsZVBvb2w6IHRoaXMuc3R5bGVQb29sLFxuICAgIH0pXG5cbiAgICAvLyBzY2hlZHVsZVJlbmRlciBpcyBjYWxsZWQgZnJvbSB0aGUgcmVjb25jaWxlcidzIHJlc2V0QWZ0ZXJDb21taXQsIHdoaWNoXG4gICAgLy8gcnVucyBCRUZPUkUgUmVhY3QncyBsYXlvdXQgcGhhc2UgKHJlZiBhdHRhY2ggKyB1c2VMYXlvdXRFZmZlY3QpLiBBbnlcbiAgICAvLyBzdGF0ZSBzZXQgaW4gbGF5b3V0IGVmZmVjdHMg4oCUIG5vdGFibHkgdGhlIGN1cnNvckRlY2xhcmF0aW9uIGZyb21cbiAgICAvLyB1c2VEZWNsYXJlZEN1cnNvciDigJQgd291bGQgbGFnIG9uZSBjb21taXQgYmVoaW5kIGlmIHdlIHJlbmRlcmVkXG4gICAgLy8gc3luY2hyb25vdXNseS4gRGVmZXJyaW5nIHRvIGEgbWljcm90YXNrIHJ1bnMgb25SZW5kZXIgYWZ0ZXIgbGF5b3V0XG4gICAgLy8gZWZmZWN0cyBoYXZlIGNvbW1pdHRlZCwgc28gdGhlIG5hdGl2ZSBjdXJzb3IgdHJhY2tzIHRoZSBjYXJldCB3aXRob3V0XG4gICAgLy8gYSBvbmUta2V5c3Ryb2tlIGxhZy4gU2FtZSBldmVudC1sb29wIHRpY2ssIHNvIHRocm91Z2hwdXQgaXMgdW5jaGFuZ2VkLlxuICAgIC8vIFRlc3QgZW52IHVzZXMgb25JbW1lZGlhdGVSZW5kZXIgKGRpcmVjdCBvblJlbmRlciwgbm8gdGhyb3R0bGUpIHNvXG4gICAgLy8gZXhpc3Rpbmcgc3luY2hyb25vdXMgbGFzdEZyYW1lKCkgdGVzdHMgYXJlIHVuYWZmZWN0ZWQuXG4gICAgY29uc3QgZGVmZXJyZWRSZW5kZXIgPSAoKTogdm9pZCA9PiBxdWV1ZU1pY3JvdGFzayh0aGlzLm9uUmVuZGVyKVxuICAgIHRoaXMuc2NoZWR1bGVSZW5kZXIgPSB0aHJvdHRsZShkZWZlcnJlZFJlbmRlciwgRlJBTUVfSU5URVJWQUxfTVMsIHtcbiAgICAgIGxlYWRpbmc6IHRydWUsXG4gICAgICB0cmFpbGluZzogdHJ1ZSxcbiAgICB9KVxuXG4gICAgLy8gSWdub3JlIGxhc3QgcmVuZGVyIGFmdGVyIHVubW91bnRpbmcgYSB0cmVlIHRvIHByZXZlbnQgZW1wdHkgb3V0cHV0IGJlZm9yZSBleGl0XG4gICAgdGhpcy5pc1VubW91bnRlZCA9IGZhbHNlXG5cbiAgICAvLyBVbm1vdW50IHdoZW4gcHJvY2VzcyBleGl0c1xuICAgIHRoaXMudW5zdWJzY3JpYmVFeGl0ID0gb25FeGl0KHRoaXMudW5tb3VudCwgeyBhbHdheXNMYXN0OiBmYWxzZSB9KVxuXG4gICAgaWYgKG9wdGlvbnMuc3Rkb3V0LmlzVFRZKSB7XG4gICAgICBvcHRpb25zLnN0ZG91dC5vbigncmVzaXplJywgdGhpcy5oYW5kbGVSZXNpemUpXG4gICAgICBwcm9jZXNzLm9uKCdTSUdDT05UJywgdGhpcy5oYW5kbGVSZXN1bWUpXG5cbiAgICAgIHRoaXMudW5zdWJzY3JpYmVUVFlIYW5kbGVycyA9ICgpID0+IHtcbiAgICAgICAgb3B0aW9ucy5zdGRvdXQub2ZmKCdyZXNpemUnLCB0aGlzLmhhbmRsZVJlc2l6ZSlcbiAgICAgICAgcHJvY2Vzcy5vZmYoJ1NJR0NPTlQnLCB0aGlzLmhhbmRsZVJlc3VtZSlcbiAgICAgIH1cbiAgICB9XG5cbiAgICB0aGlzLnJvb3ROb2RlID0gZG9tLmNyZWF0ZU5vZGUoJ2luay1yb290JylcbiAgICB0aGlzLmZvY3VzTWFuYWdlciA9IG5ldyBGb2N1c01hbmFnZXIoKHRhcmdldCwgZXZlbnQpID0+XG4gICAgICBkaXNwYXRjaGVyLmRpc3BhdGNoRGlzY3JldGUodGFyZ2V0LCBldmVudCksXG4gICAgKVxuICAgIHRoaXMucm9vdE5vZGUuZm9jdXNNYW5hZ2VyID0gdGhpcy5mb2N1c01hbmFnZXJcbiAgICB0aGlzLnJlbmRlcmVyID0gY3JlYXRlUmVuZGVyZXIodGhpcy5yb290Tm9kZSwgdGhpcy5zdHlsZVBvb2wpXG4gICAgdGhpcy5yb290Tm9kZS5vblJlbmRlciA9IHRoaXMuc2NoZWR1bGVSZW5kZXJcbiAgICB0aGlzLnJvb3ROb2RlLm9uSW1tZWRpYXRlUmVuZGVyID0gdGhpcy5vblJlbmRlclxuICAgIHRoaXMucm9vdE5vZGUub25Db21wdXRlTGF5b3V0ID0gKCkgPT4ge1xuICAgICAgLy8gQ2FsY3VsYXRlIGxheW91dCBkdXJpbmcgUmVhY3QncyBjb21taXQgcGhhc2Ugc28gdXNlTGF5b3V0RWZmZWN0IGhvb2tzXG4gICAgICAvLyBoYXZlIGFjY2VzcyB0byBmcmVzaCBsYXlvdXQgZGF0YVxuICAgICAgLy8gR3VhcmQgYWdhaW5zdCBhY2Nlc3NpbmcgZnJlZWQgWW9nYSBub2RlcyBhZnRlciB1bm1vdW50XG4gICAgICBpZiAodGhpcy5pc1VubW91bnRlZCkge1xuICAgICAgICByZXR1cm5cbiAgICAgIH1cblxuICAgICAgaWYgKHRoaXMucm9vdE5vZGUueW9nYU5vZGUpIHtcbiAgICAgICAgY29uc3QgdDAgPSBwZXJmb3JtYW5jZS5ub3coKVxuICAgICAgICB0aGlzLnJvb3ROb2RlLnlvZ2FOb2RlLnNldFdpZHRoKHRoaXMudGVybWluYWxDb2x1bW5zKVxuICAgICAgICB0aGlzLnJvb3ROb2RlLnlvZ2FOb2RlLmNhbGN1bGF0ZUxheW91dCh0aGlzLnRlcm1pbmFsQ29sdW1ucylcbiAgICAgICAgY29uc3QgbXMgPSBwZXJmb3JtYW5jZS5ub3coKSAtIHQwXG4gICAgICAgIHJlY29yZFlvZ2FNcyhtcylcbiAgICAgICAgY29uc3QgYyA9IGdldFlvZ2FDb3VudGVycygpXG4gICAgICAgIHRoaXMubGFzdFlvZ2FDb3VudGVycyA9IHsgbXMsIC4uLmMgfVxuICAgICAgfVxuICAgIH1cblxuICAgIC8vIEB0cy1leHBlY3QtZXJyb3IgQHR5cGVzL3JlYWN0LXJlY29uY2lsZXJAMC4zMi4zIGRlY2xhcmVzIDExIGFyZ3Mgd2l0aCB0cmFuc2l0aW9uQ2FsbGJhY2tzLFxuICAgIC8vIGJ1dCByZWFjdC1yZWNvbmNpbGVyIDAuMzMuMCBzb3VyY2Ugb25seSBhY2NlcHRzIDEwIGFyZ3MgKG5vIHRyYW5zaXRpb25DYWxsYmFja3MpXG4gICAgdGhpcy5jb250YWluZXIgPSByZWNvbmNpbGVyLmNyZWF0ZUNvbnRhaW5lcihcbiAgICAgIHRoaXMucm9vdE5vZGUsXG4gICAgICBDb25jdXJyZW50Um9vdCxcbiAgICAgIG51bGwsXG4gICAgICBmYWxzZSxcbiAgICAgIG51bGwsXG4gICAgICAnaWQnLFxuICAgICAgbm9vcCwgLy8gb25VbmNhdWdodEVycm9yXG4gICAgICBub29wLCAvLyBvbkNhdWdodEVycm9yXG4gICAgICBub29wLCAvLyBvblJlY292ZXJhYmxlRXJyb3JcbiAgICAgIG5vb3AsIC8vIG9uRGVmYXVsdFRyYW5zaXRpb25JbmRpY2F0b3JcbiAgICApXG5cbiAgICBpZiAoXCJwcm9kdWN0aW9uXCIgPT09ICdkZXZlbG9wbWVudCcpIHtcbiAgICAgIHJlY29uY2lsZXIuaW5qZWN0SW50b0RldlRvb2xzKHtcbiAgICAgICAgYnVuZGxlVHlwZTogMCxcbiAgICAgICAgLy8gUmVwb3J0aW5nIFJlYWN0IERPTSdzIHZlcnNpb24sIG5vdCBJbmsnc1xuICAgICAgICAvLyBTZWUgaHR0cHM6Ly9naXRodWIuY29tL2ZhY2Vib29rL3JlYWN0L2lzc3Vlcy8xNjY2NiNpc3N1ZWNvbW1lbnQtNTMyNjM5OTA1XG4gICAgICAgIHZlcnNpb246ICcxNi4xMy4xJyxcbiAgICAgICAgcmVuZGVyZXJQYWNrYWdlTmFtZTogJ2luaycsXG4gICAgICB9KVxuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgaGFuZGxlUmVzdW1lID0gKCkgPT4ge1xuICAgIGlmICghdGhpcy5vcHRpb25zLnN0ZG91dC5pc1RUWSkge1xuICAgICAgcmV0dXJuXG4gICAgfVxuXG4gICAgLy8gQWx0IHNjcmVlbjogYWZ0ZXIgU0lHQ09OVCwgY29udGVudCBpcyBzdGFsZSAoc2hlbGwgbWF5IGhhdmUgd3JpdHRlblxuICAgIC8vIHRvIG1haW4gc2NyZWVuLCBzd2l0Y2hpbmcgZm9jdXMgYXdheSkgYW5kIG1vdXNlIHRyYWNraW5nIHdhc1xuICAgIC8vIGRpc2FibGVkIGJ5IGhhbmRsZVN1c3BlbmQuXG4gICAgaWYgKHRoaXMuYWx0U2NyZWVuQWN0aXZlKSB7XG4gICAgICB0aGlzLnJlZW50ZXJBbHRTY3JlZW4oKVxuICAgICAgcmV0dXJuXG4gICAgfVxuXG4gICAgLy8gTWFpbiBzY3JlZW46IHN0YXJ0IGZyZXNoIHRvIHByZXZlbnQgY2xvYmJlcmluZyB0ZXJtaW5hbCBjb250ZW50XG4gICAgdGhpcy5mcm9udEZyYW1lID0gZW1wdHlGcmFtZShcbiAgICAgIHRoaXMuZnJvbnRGcmFtZS52aWV3cG9ydC5oZWlnaHQsXG4gICAgICB0aGlzLmZyb250RnJhbWUudmlld3BvcnQud2lkdGgsXG4gICAgICB0aGlzLnN0eWxlUG9vbCxcbiAgICAgIHRoaXMuY2hhclBvb2wsXG4gICAgICB0aGlzLmh5cGVybGlua1Bvb2wsXG4gICAgKVxuICAgIHRoaXMuYmFja0ZyYW1lID0gZW1wdHlGcmFtZShcbiAgICAgIHRoaXMuYmFja0ZyYW1lLnZpZXdwb3J0LmhlaWdodCxcbiAgICAgIHRoaXMuYmFja0ZyYW1lLnZpZXdwb3J0LndpZHRoLFxuICAgICAgdGhpcy5zdHlsZVBvb2wsXG4gICAgICB0aGlzLmNoYXJQb29sLFxuICAgICAgdGhpcy5oeXBlcmxpbmtQb29sLFxuICAgIClcbiAgICB0aGlzLmxvZy5yZXNldCgpXG4gICAgLy8gUGh5c2ljYWwgY3Vyc29yIHBvc2l0aW9uIGlzIHVua25vd24gYWZ0ZXIgdGhlIHNoZWxsIHRvb2sgb3ZlciBkdXJpbmdcbiAgICAvLyBzdXNwZW5kLiBDbGVhciBkaXNwbGF5Q3Vyc29yIHNvIHRoZSBuZXh0IGZyYW1lJ3MgY3Vyc29yIHByZWFtYmxlXG4gICAgLy8gZG9lc24ndCBlbWl0IGEgcmVsYXRpdmUgbW92ZSBmcm9tIGEgc3RhbGUgcGFyayBwb3NpdGlvbi5cbiAgICB0aGlzLmRpc3BsYXlDdXJzb3IgPSBudWxsXG4gIH1cblxuICAvLyBOT1QgZGVib3VuY2VkLiBBIGRlYm91bmNlIG9wZW5zIGEgd2luZG93IHdoZXJlIHN0ZG91dC5jb2x1bW5zIGlzIE5FV1xuICAvLyBidXQgdGhpcy50ZXJtaW5hbENvbHVtbnMvWW9nYSBhcmUgT0xEIOKAlCBhbnkgc2NoZWR1bGVSZW5kZXIgZHVyaW5nIHRoYXRcbiAgLy8gd2luZG93IChzcGlubmVyLCBjbG9jaykgbWFrZXMgbG9nLXVwZGF0ZSBkZXRlY3QgYSB3aWR0aCBjaGFuZ2UgYW5kXG4gIC8vIGNsZWFyIHRoZSBzY3JlZW4sIHRoZW4gdGhlIGRlYm91bmNlIGZpcmVzIGFuZCBjbGVhcnMgYWdhaW4gKGRvdWJsZVxuICAvLyBibGFua+KGknBhaW50IGZsaWNrZXIpLiB1c2VWaXJ0dWFsU2Nyb2xsJ3MgaGVpZ2h0IHNjYWxpbmcgYWxyZWFkeSBib3VuZHNcbiAgLy8gdGhlIHBlci1yZXNpemUgY29zdDsgc3luY2hyb25vdXMgaGFuZGxpbmcga2VlcHMgZGltZW5zaW9ucyBjb25zaXN0ZW50LlxuICBwcml2YXRlIGhhbmRsZVJlc2l6ZSA9ICgpID0+IHtcbiAgICBjb25zdCBjb2xzID0gdGhpcy5vcHRpb25zLnN0ZG91dC5jb2x1bW5zIHx8IDgwXG4gICAgY29uc3Qgcm93cyA9IHRoaXMub3B0aW9ucy5zdGRvdXQucm93cyB8fCAyNFxuICAgIC8vIFRlcm1pbmFscyBvZnRlbiBlbWl0IDIrIHJlc2l6ZSBldmVudHMgZm9yIG9uZSB1c2VyIGFjdGlvbiAod2luZG93XG4gICAgLy8gc2V0dGxpbmcpLiBTYW1lLWRpbWVuc2lvbiBldmVudHMgYXJlIG5vLW9wczsgc2tpcCB0byBhdm9pZCByZWR1bmRhbnRcbiAgICAvLyBmcmFtZSByZXNldHMgYW5kIHJlbmRlcnMuXG4gICAgaWYgKGNvbHMgPT09IHRoaXMudGVybWluYWxDb2x1bW5zICYmIHJvd3MgPT09IHRoaXMudGVybWluYWxSb3dzKSByZXR1cm5cbiAgICB0aGlzLnRlcm1pbmFsQ29sdW1ucyA9IGNvbHNcbiAgICB0aGlzLnRlcm1pbmFsUm93cyA9IHJvd3NcbiAgICB0aGlzLmFsdFNjcmVlblBhcmtQYXRjaCA9IG1ha2VBbHRTY3JlZW5QYXJrUGF0Y2godGhpcy50ZXJtaW5hbFJvd3MpXG5cbiAgICAvLyBBbHQgc2NyZWVuOiByZXNldCBmcmFtZSBidWZmZXJzIHNvIHRoZSBuZXh0IHJlbmRlciByZXBhaW50cyBmcm9tXG4gICAgLy8gc2NyYXRjaCAocHJldkZyYW1lQ29udGFtaW5hdGVkIOKGkiBldmVyeSBjZWxsIHdyaXR0ZW4sIHdyYXBwZWQgaW5cbiAgICAvLyBCU1UvRVNVIOKAlCBvbGQgY29udGVudCBzdGF5cyB2aXNpYmxlIHVudGlsIHRoZSBuZXcgZnJhbWUgc3dhcHNcbiAgICAvLyBhdG9taWNhbGx5KS4gUmUtYXNzZXJ0IG1vdXNlIHRyYWNraW5nIChzb21lIGVtdWxhdG9ycyByZXNldCBpdCBvblxuICAgIC8vIHJlc2l6ZSkuIERvIE5PVCB3cml0ZSBFTlRFUl9BTFRfU0NSRUVOOiBpVGVybTIgdHJlYXRzID8xMDQ5aCBhcyBhXG4gICAgLy8gYnVmZmVyIGNsZWFyIGV2ZW4gd2hlbiBhbHJlYWR5IGluIGFsdCDigJQgdGhhdCdzIHRoZSBibGFuayBmbGlja2VyLlxuICAgIC8vIFNlbGYtaGVhbGluZyByZS1lbnRyeSAoaWYgc29tZXRoaW5nIGtpY2tlZCB1cyBvdXQgb2YgYWx0KSBpcyBoYW5kbGVkXG4gICAgLy8gYnkgaGFuZGxlUmVzdW1lIChTSUdDT05UKSBhbmQgdGhlIHNsZWVwLXdha2UgZGV0ZWN0b3I7IHJlc2l6ZSBpdHNlbGZcbiAgICAvLyBkb2Vzbid0IGV4aXQgYWx0LXNjcmVlbi4gRG8gTk9UIHdyaXRlIEVSQVNFX1NDUkVFTjogcmVuZGVyKCkgYmVsb3dcbiAgICAvLyBjYW4gdGFrZSB+ODBtczsgZXJhc2luZyBmaXJzdCBsZWF2ZXMgdGhlIHNjcmVlbiBibGFuayB0aGF0IHdob2xlIHRpbWUuXG4gICAgaWYgKHRoaXMuYWx0U2NyZWVuQWN0aXZlICYmICF0aGlzLmlzUGF1c2VkICYmIHRoaXMub3B0aW9ucy5zdGRvdXQuaXNUVFkpIHtcbiAgICAgIGlmICh0aGlzLmFsdFNjcmVlbk1vdXNlVHJhY2tpbmcpIHtcbiAgICAgICAgdGhpcy5vcHRpb25zLnN0ZG91dC53cml0ZShFTkFCTEVfTU9VU0VfVFJBQ0tJTkcpXG4gICAgICB9XG4gICAgICB0aGlzLnJlc2V0RnJhbWVzRm9yQWx0U2NyZWVuKClcbiAgICAgIHRoaXMubmVlZHNFcmFzZUJlZm9yZVBhaW50ID0gdHJ1ZVxuICAgIH1cblxuICAgIC8vIFJlLXJlbmRlciB0aGUgUmVhY3QgdHJlZSB3aXRoIHVwZGF0ZWQgcHJvcHMgc28gdGhlIGNvbnRleHQgdmFsdWUgY2hhbmdlcy5cbiAgICAvLyBSZWFjdCdzIGNvbW1pdCBwaGFzZSB3aWxsIGNhbGwgb25Db21wdXRlTGF5b3V0KCkgdG8gcmVjYWxjdWxhdGUgeW9nYSBsYXlvdXRcbiAgICAvLyB3aXRoIHRoZSBuZXcgZGltZW5zaW9ucywgdGhlbiBjYWxsIG9uUmVuZGVyKCkgdG8gcmVuZGVyIHRoZSB1cGRhdGVkIGZyYW1lLlxuICAgIC8vIFdlIGRvbid0IGNhbGwgc2NoZWR1bGVSZW5kZXIoKSBoZXJlIGJlY2F1c2UgdGhhdCB3b3VsZCByZW5kZXIgYmVmb3JlIHRoZVxuICAgIC8vIGxheW91dCBpcyB1cGRhdGVkLCBjYXVzaW5nIGEgbWlzbWF0Y2ggYmV0d2VlbiB2aWV3cG9ydCBhbmQgY29udGVudCBkaW1lbnNpb25zLlxuICAgIGlmICh0aGlzLmN1cnJlbnROb2RlICE9PSBudWxsKSB7XG4gICAgICB0aGlzLnJlbmRlcih0aGlzLmN1cnJlbnROb2RlKVxuICAgIH1cbiAgfVxuXG4gIHJlc29sdmVFeGl0UHJvbWlzZTogKCkgPT4gdm9pZCA9ICgpID0+IHt9XG4gIHJlamVjdEV4aXRQcm9taXNlOiAocmVhc29uPzogRXJyb3IpID0+IHZvaWQgPSAoKSA9PiB7fVxuICB1bnN1YnNjcmliZUV4aXQ6ICgpID0+IHZvaWQgPSAoKSA9PiB7fVxuXG4gIC8qKlxuICAgKiBQYXVzZSBJbmsgYW5kIGhhbmQgdGhlIHRlcm1pbmFsIG92ZXIgdG8gYW4gZXh0ZXJuYWwgVFVJIChlLmcuIGdpdFxuICAgKiBjb21taXQgZWRpdG9yKS4gSW4gbm9uLWZ1bGxzY3JlZW4gbW9kZSB0aGlzIGVudGVycyB0aGUgYWx0IHNjcmVlbjtcbiAgICogaW4gZnVsbHNjcmVlbiBtb2RlIHdlJ3JlIGFscmVhZHkgaW4gYWx0IHNvIHdlIGp1c3QgY2xlYXIgaXQuXG4gICAqIENhbGwgYGV4aXRBbHRlcm5hdGVTY3JlZW4oKWAgd2hlbiBkb25lIHRvIHJlc3RvcmUgSW5rLlxuICAgKi9cbiAgZW50ZXJBbHRlcm5hdGVTY3JlZW4oKTogdm9pZCB7XG4gICAgdGhpcy5wYXVzZSgpXG4gICAgdGhpcy5zdXNwZW5kU3RkaW4oKVxuICAgIHRoaXMub3B0aW9ucy5zdGRvdXQud3JpdGUoXG4gICAgICAvLyBEaXNhYmxlIGV4dGVuZGVkIGtleSByZXBvcnRpbmcgZmlyc3Qg4oCUIGVkaXRvcnMgdGhhdCBkb24ndCBzcGVha1xuICAgICAgLy8gQ1NJLXUgKGUuZy4gbmFubykgc2hvdyBcIlVua25vd24gc2VxdWVuY2VcIiBmb3IgZXZlcnkgQ3RybC08a2V5PiBpZlxuICAgICAgLy8ga2l0dHkvbW9kaWZ5T3RoZXJLZXlzIHN0YXlzIGFjdGl2ZS4gZXhpdEFsdGVybmF0ZVNjcmVlbiByZS1lbmFibGVzLlxuICAgICAgRElTQUJMRV9LSVRUWV9LRVlCT0FSRCArXG4gICAgICAgIERJU0FCTEVfTU9ESUZZX09USEVSX0tFWVMgK1xuICAgICAgICAodGhpcy5hbHRTY3JlZW5Nb3VzZVRyYWNraW5nID8gRElTQUJMRV9NT1VTRV9UUkFDS0lORyA6ICcnKSArIC8vIGRpc2FibGUgbW91c2UgKG5vLW9wIGlmIG9mZilcbiAgICAgICAgKHRoaXMuYWx0U2NyZWVuQWN0aXZlID8gJycgOiAnXFx4MWJbPzEwNDloJykgKyAvLyBlbnRlciBhbHQgKGFscmVhZHkgaW4gYWx0IGlmIGZ1bGxzY3JlZW4pXG4gICAgICAgICdcXHgxYls/MTAwNGwnICsgLy8gZGlzYWJsZSBmb2N1cyByZXBvcnRpbmdcbiAgICAgICAgJ1xceDFiWzBtJyArIC8vIHJlc2V0IGF0dHJpYnV0ZXNcbiAgICAgICAgJ1xceDFiWz8yNWgnICsgLy8gc2hvdyBjdXJzb3JcbiAgICAgICAgJ1xceDFiWzJKJyArIC8vIGNsZWFyIHNjcmVlblxuICAgICAgICAnXFx4MWJbSCcsIC8vIGN1cnNvciBob21lXG4gICAgKVxuICB9XG5cbiAgLyoqXG4gICAqIFJlc3VtZSBJbmsgYWZ0ZXIgYW4gZXh0ZXJuYWwgVFVJIGhhbmRvZmYgd2l0aCBhIGZ1bGwgcmVwYWludC5cbiAgICogSW4gbm9uLWZ1bGxzY3JlZW4gbW9kZSB0aGlzIGV4aXRzIHRoZSBhbHQgc2NyZWVuIGJhY2sgdG8gbWFpbjtcbiAgICogaW4gZnVsbHNjcmVlbiBtb2RlIHdlIHJlLWVudGVyIGFsdCBhbmQgY2xlYXIgKyByZXBhaW50LlxuICAgKlxuICAgKiBUaGUgcmUtZW50ZXIgbWF0dGVyczogdGVybWluYWwgZWRpdG9ycyAodmltLCBuYW5vLCBsZXNzKSB3cml0ZVxuICAgKiBzbWN1cC9ybWN1cCAoPzEwNDloLz8xMDQ5bCksIHNvIGV2ZW4gdGhvdWdoIHdlIHN0YXJ0ZWQgaW4gYWx0LFxuICAgKiB0aGUgZWRpdG9yJ3Mgcm1jdXAgb24gZXhpdCBkcm9wcyB1cyB0byBtYWluIHNjcmVlbi4gV2l0aG91dFxuICAgKiByZS1lbnRlcmluZywgdGhlIDJKIGJlbG93IHdpcGVzIHRoZSB1c2VyJ3MgbWFpbi1zY3JlZW4gc2Nyb2xsYmFja1xuICAgKiBhbmQgc3Vic2VxdWVudCByZW5kZXJzIGxhbmQgaW4gbWFpbiDigJQgbmF0aXZlIHRlcm1pbmFsIHNjcm9sbFxuICAgKiByZXR1cm5zLCBmdWxsc2NyZWVuIHNjcm9sbCBpcyBkZWFkLlxuICAgKi9cbiAgZXhpdEFsdGVybmF0ZVNjcmVlbigpOiB2b2lkIHtcbiAgICB0aGlzLm9wdGlvbnMuc3Rkb3V0LndyaXRlKFxuICAgICAgKHRoaXMuYWx0U2NyZWVuQWN0aXZlID8gRU5URVJfQUxUX1NDUkVFTiA6ICcnKSArIC8vIHJlLWVudGVyIGFsdCDigJQgdmltJ3Mgcm1jdXAgZHJvcHBlZCB1cyB0byBtYWluXG4gICAgICAgICdcXHgxYlsySicgKyAvLyBjbGVhciBzY3JlZW4gKG5vdyBhbHQgaWYgZnVsbHNjcmVlbilcbiAgICAgICAgJ1xceDFiW0gnICsgLy8gY3Vyc29yIGhvbWVcbiAgICAgICAgKHRoaXMuYWx0U2NyZWVuTW91c2VUcmFja2luZyA/IEVOQUJMRV9NT1VTRV9UUkFDS0lORyA6ICcnKSArIC8vIHJlLWVuYWJsZSBtb3VzZSAoc2tpcCBpZiBDTEFVREVfQ09ERV9ESVNBQkxFX01PVVNFKVxuICAgICAgICAodGhpcy5hbHRTY3JlZW5BY3RpdmUgPyAnJyA6ICdcXHgxYls/MTA0OWwnKSArIC8vIGV4aXQgYWx0IChub24tZnVsbHNjcmVlbiBvbmx5KVxuICAgICAgICAnXFx4MWJbPzI1bCcsIC8vIGhpZGUgY3Vyc29yIChJbmsgbWFuYWdlcylcbiAgICApXG4gICAgdGhpcy5yZXN1bWVTdGRpbigpXG4gICAgaWYgKHRoaXMuYWx0U2NyZWVuQWN0aXZlKSB7XG4gICAgICB0aGlzLnJlc2V0RnJhbWVzRm9yQWx0U2NyZWVuKClcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5yZXBhaW50KClcbiAgICB9XG4gICAgdGhpcy5yZXN1bWUoKVxuICAgIC8vIFJlLWVuYWJsZSBmb2N1cyByZXBvcnRpbmcgYW5kIGV4dGVuZGVkIGtleSByZXBvcnRpbmcg4oCUIHRlcm1pbmFsXG4gICAgLy8gZWRpdG9ycyAodmltLCBuYW5vLCBldGMuKSB3cml0ZSB0aGVpciBvd24gbW9kaWZ5T3RoZXJLZXlzIGxldmVsIG9uXG4gICAgLy8gZW50cnkgYW5kIHJlc2V0IGl0IG9uIGV4aXQsIGxlYXZpbmcgdXMgdW5hYmxlIHRvIGRpc3Rpbmd1aXNoXG4gICAgLy8gY3RybCtzaGlmdCs8bGV0dGVyPiBmcm9tIGN0cmwrPGxldHRlcj4uIFBvcC1iZWZvcmUtcHVzaCBrZWVwcyB0aGVcbiAgICAvLyBLaXR0eSBzdGFjayBiYWxhbmNlZCAoYSB3ZWxsLWJlaGF2ZWQgZWRpdG9yIHJlc3RvcmVzIG91ciBlbnRyeSwgc29cbiAgICAvLyB3aXRob3V0IHRoZSBwb3Agd2UnZCBhY2N1bXVsYXRlIGRlcHRoIG9uIGVhY2ggZWRpdG9yIHJvdW5kLXRyaXApLlxuICAgIHRoaXMub3B0aW9ucy5zdGRvdXQud3JpdGUoXG4gICAgICAnXFx4MWJbPzEwMDRoJyArXG4gICAgICAgIChzdXBwb3J0c0V4dGVuZGVkS2V5cygpXG4gICAgICAgICAgPyBESVNBQkxFX0tJVFRZX0tFWUJPQVJEICtcbiAgICAgICAgICAgIEVOQUJMRV9LSVRUWV9LRVlCT0FSRCArXG4gICAgICAgICAgICBFTkFCTEVfTU9ESUZZX09USEVSX0tFWVNcbiAgICAgICAgICA6ICcnKSxcbiAgICApXG4gIH1cblxuICBvblJlbmRlcigpIHtcbiAgICBpZiAodGhpcy5pc1VubW91bnRlZCB8fCB0aGlzLmlzUGF1c2VkKSB7XG4gICAgICByZXR1cm5cbiAgICB9XG4gICAgLy8gRW50ZXJpbmcgYSByZW5kZXIgY2FuY2VscyBhbnkgcGVuZGluZyBkcmFpbiB0aWNrIOKAlCB0aGlzIHJlbmRlciB3aWxsXG4gICAgLy8gaGFuZGxlIHRoZSBkcmFpbiAoYW5kIHJlLXNjaGVkdWxlIGJlbG93IGlmIG5lZWRlZCkuIFByZXZlbnRzIGFcbiAgICAvLyB3aGVlbC1ldmVudC10cmlnZ2VyZWQgcmVuZGVyIEFORCBhIGRyYWluLXRpbWVyIHJlbmRlciBib3RoIGZpcmluZy5cbiAgICBpZiAodGhpcy5kcmFpblRpbWVyICE9PSBudWxsKSB7XG4gICAgICBjbGVhclRpbWVvdXQodGhpcy5kcmFpblRpbWVyKVxuICAgICAgdGhpcy5kcmFpblRpbWVyID0gbnVsbFxuICAgIH1cblxuICAgIC8vIEZsdXNoIGRlZmVycmVkIGludGVyYWN0aW9uLXRpbWUgdXBkYXRlIGJlZm9yZSByZW5kZXJpbmcgc28gd2UgY2FsbFxuICAgIC8vIERhdGUubm93KCkgYXQgbW9zdCBvbmNlIHBlciBmcmFtZSBpbnN0ZWFkIG9mIG9uY2UgcGVyIGtleXByZXNzLlxuICAgIC8vIERvbmUgYmVmb3JlIHRoZSByZW5kZXIgdG8gYXZvaWQgZGlydHlpbmcgc3RhdGUgdGhhdCB3b3VsZCB0cmlnZ2VyXG4gICAgLy8gYW4gZXh0cmEgUmVhY3QgcmUtcmVuZGVyIGN5Y2xlLlxuICAgIGZsdXNoSW50ZXJhY3Rpb25UaW1lKClcblxuICAgIGNvbnN0IHJlbmRlclN0YXJ0ID0gcGVyZm9ybWFuY2Uubm93KClcbiAgICBjb25zdCB0ZXJtaW5hbFdpZHRoID0gdGhpcy5vcHRpb25zLnN0ZG91dC5jb2x1bW5zIHx8IDgwXG4gICAgY29uc3QgdGVybWluYWxSb3dzID0gdGhpcy5vcHRpb25zLnN0ZG91dC5yb3dzIHx8IDI0XG5cbiAgICBjb25zdCBmcmFtZSA9IHRoaXMucmVuZGVyZXIoe1xuICAgICAgZnJvbnRGcmFtZTogdGhpcy5mcm9udEZyYW1lLFxuICAgICAgYmFja0ZyYW1lOiB0aGlzLmJhY2tGcmFtZSxcbiAgICAgIGlzVFRZOiB0aGlzLm9wdGlvbnMuc3Rkb3V0LmlzVFRZLFxuICAgICAgdGVybWluYWxXaWR0aCxcbiAgICAgIHRlcm1pbmFsUm93cyxcbiAgICAgIGFsdFNjcmVlbjogdGhpcy5hbHRTY3JlZW5BY3RpdmUsXG4gICAgICBwcmV2RnJhbWVDb250YW1pbmF0ZWQ6IHRoaXMucHJldkZyYW1lQ29udGFtaW5hdGVkLFxuICAgIH0pXG4gICAgY29uc3QgcmVuZGVyZXJNcyA9IHBlcmZvcm1hbmNlLm5vdygpIC0gcmVuZGVyU3RhcnRcblxuICAgIC8vIFN0aWNreS9hdXRvLWZvbGxvdyBzY3JvbGxlZCB0aGUgU2Nyb2xsQm94IHRoaXMgZnJhbWUuIFRyYW5zbGF0ZSB0aGVcbiAgICAvLyBzZWxlY3Rpb24gYnkgdGhlIHNhbWUgZGVsdGEgc28gdGhlIGhpZ2hsaWdodCBzdGF5cyBhbmNob3JlZCB0byB0aGVcbiAgICAvLyBURVhUIChuYXRpdmUgdGVybWluYWwgYmVoYXZpb3Ig4oCUIHRoZSBzZWxlY3Rpb24gd2Fsa3MgdXAgdGhlIHNjcmVlblxuICAgIC8vIGFzIGNvbnRlbnQgc2Nyb2xscywgZXZlbnR1YWxseSBjbGlwcGluZyBhdCB0aGUgdG9wKS4gZnJvbnRGcmFtZVxuICAgIC8vIHN0aWxsIGhvbGRzIHRoZSBQUkVWSU9VUyBmcmFtZSdzIHNjcmVlbiAoc3dhcCBpcyBhdCB+NTAwIGJlbG93KSwgc29cbiAgICAvLyBjYXB0dXJlU2Nyb2xsZWRSb3dzIHJlYWRzIHRoZSByb3dzIHRoYXQgYXJlIGFib3V0IHRvIHNjcm9sbCBvdXRcbiAgICAvLyBiZWZvcmUgdGhleSdyZSBvdmVyd3JpdHRlbiDigJQgdGhlIHRleHQgc3RheXMgY29weWFibGUgdW50aWwgdGhlXG4gICAgLy8gc2VsZWN0aW9uIHNjcm9sbHMgZW50aXJlbHkgb2ZmLiBEdXJpbmcgZHJhZywgZm9jdXMgdHJhY2tzIHRoZSBtb3VzZVxuICAgIC8vIChzY3JlZW4tbG9jYWwpIHNvIG9ubHkgYW5jaG9yIHNoaWZ0cyDigJQgc2VsZWN0aW9uIGdyb3dzIHRvd2FyZCB0aGVcbiAgICAvLyBtb3VzZSBhcyB0aGUgYW5jaG9yIHdhbGtzIHVwLiBBZnRlciByZWxlYXNlLCBib3RoIGVuZHMgYXJlIHRleHQtXG4gICAgLy8gYW5jaG9yZWQgYW5kIG1vdmUgYXMgYSBibG9jay5cbiAgICBjb25zdCBmb2xsb3cgPSBjb25zdW1lRm9sbG93U2Nyb2xsKClcbiAgICBpZiAoXG4gICAgICBmb2xsb3cgJiZcbiAgICAgIHRoaXMuc2VsZWN0aW9uLmFuY2hvciAmJlxuICAgICAgLy8gT25seSB0cmFuc2xhdGUgaWYgdGhlIHNlbGVjdGlvbiBpcyBPTiBzY3JvbGxib3ggY29udGVudC4gU2VsZWN0aW9uc1xuICAgICAgLy8gaW4gdGhlIGZvb3Rlci9wcm9tcHQvU3RpY2t5UHJvbXB0SGVhZGVyIGFyZSBvbiBzdGF0aWMgdGV4dCDigJQgdGhlXG4gICAgICAvLyBzY3JvbGwgZG9lc24ndCBtb3ZlIHdoYXQncyB1bmRlciB0aGVtLiBXaXRob3V0IHRoaXMgZ3VhcmQsIGFcbiAgICAgIC8vIGZvb3RlciBzZWxlY3Rpb24gd291bGQgYmUgc2hpZnRlZCBieSAtZGVsdGEgdGhlbiBjbGFtcGVkIHRvXG4gICAgICAvLyB2aWV3cG9ydEJvdHRvbSwgdGVsZXBvcnRpbmcgaXQgaW50byB0aGUgc2Nyb2xsYm94LiBNaXJyb3IgdGhlXG4gICAgICAvLyBib3VuZHMgY2hlY2sgdGhlIGRlbGV0ZWQgY2hlY2soKSBpbiBTY3JvbGxLZXliaW5kaW5nSGFuZGxlciBoYWQuXG4gICAgICB0aGlzLnNlbGVjdGlvbi5hbmNob3Iucm93ID49IGZvbGxvdy52aWV3cG9ydFRvcCAmJlxuICAgICAgdGhpcy5zZWxlY3Rpb24uYW5jaG9yLnJvdyA8PSBmb2xsb3cudmlld3BvcnRCb3R0b21cbiAgICApIHtcbiAgICAgIGNvbnN0IHsgZGVsdGEsIHZpZXdwb3J0VG9wLCB2aWV3cG9ydEJvdHRvbSB9ID0gZm9sbG93XG4gICAgICAvLyBjYXB0dXJlU2Nyb2xsZWRSb3dzIGFuZCBzaGlmdCogYXJlIGEgcGFpcjogY2FwdHVyZSBncmFicyByb3dzIGFib3V0XG4gICAgICAvLyB0byBzY3JvbGwgb2ZmLCBzaGlmdCBtb3ZlcyB0aGUgc2VsZWN0aW9uIGVuZHBvaW50IHNvIHRoZSBzYW1lIHJvd3NcbiAgICAgIC8vIHdvbid0IGludGVyc2VjdCBhZ2FpbiBuZXh0IGZyYW1lLiBDYXB0dXJpbmcgd2l0aG91dCBzaGlmdGluZyBsZWF2ZXNcbiAgICAgIC8vIHRoZSBlbmRwb2ludCBpbiBwbGFjZSwgc28gdGhlIFNBTUUgdmlld3BvcnQgcm93cyByZS1pbnRlcnNlY3QgZXZlcnlcbiAgICAgIC8vIGZyYW1lIGFuZCBzY3JvbGxlZE9mZkFib3ZlIGdyb3dzIHdpdGhvdXQgYm91bmQg4oCUIGdldFNlbGVjdGVkVGV4dFxuICAgICAgLy8gdGhlbiByZXR1cm5zIGV2ZXItZ3Jvd2luZyB0ZXh0IG9uIGVhY2ggcmUtY29weS4gS2VlcCBjYXB0dXJlIGluc2lkZVxuICAgICAgLy8gZWFjaCBzaGlmdCBicmFuY2ggc28gdGhlIHBhaXJpbmcgY2FuJ3QgYmUgYnJva2VuIGJ5IGEgbmV3IGd1YXJkLlxuICAgICAgaWYgKHRoaXMuc2VsZWN0aW9uLmlzRHJhZ2dpbmcpIHtcbiAgICAgICAgaWYgKGhhc1NlbGVjdGlvbih0aGlzLnNlbGVjdGlvbikpIHtcbiAgICAgICAgICBjYXB0dXJlU2Nyb2xsZWRSb3dzKFxuICAgICAgICAgICAgdGhpcy5zZWxlY3Rpb24sXG4gICAgICAgICAgICB0aGlzLmZyb250RnJhbWUuc2NyZWVuLFxuICAgICAgICAgICAgdmlld3BvcnRUb3AsXG4gICAgICAgICAgICB2aWV3cG9ydFRvcCArIGRlbHRhIC0gMSxcbiAgICAgICAgICAgICdhYm92ZScsXG4gICAgICAgICAgKVxuICAgICAgICB9XG4gICAgICAgIHNoaWZ0QW5jaG9yKHRoaXMuc2VsZWN0aW9uLCAtZGVsdGEsIHZpZXdwb3J0VG9wLCB2aWV3cG9ydEJvdHRvbSlcbiAgICAgIH0gZWxzZSBpZiAoXG4gICAgICAgIC8vIEZsYWctMyBndWFyZDogdGhlIGFuY2hvciBjaGVjayBhYm92ZSBvbmx5IHByb3ZlcyBPTkUgZW5kcG9pbnQgaXNcbiAgICAgICAgLy8gb24gc2Nyb2xsYm94IGNvbnRlbnQuIEEgZHJhZyBmcm9tIHJvdyAzIChzY3JvbGxib3gpIGludG8gdGhlXG4gICAgICAgIC8vIGZvb3RlciBhdCByb3cgNiwgdGhlbiByZWxlYXNlLCBsZWF2ZXMgZm9jdXMgb3V0c2lkZSB0aGUgdmlld3BvcnRcbiAgICAgICAgLy8g4oCUIHNoaWZ0U2VsZWN0aW9uRm9yRm9sbG93IHdvdWxkIGNsYW1wIGl0IHRvIHZpZXdwb3J0Qm90dG9tLFxuICAgICAgICAvLyB0ZWxlcG9ydGluZyB0aGUgaGlnaGxpZ2h0IGZyb20gc3RhdGljIGZvb3RlciBpbnRvIHRoZSBzY3JvbGxib3guXG4gICAgICAgIC8vIFN5bW1ldHJpYyBjaGVjazogcmVxdWlyZSBCT1RIIGVuZHMgaW5zaWRlIHRvIHRyYW5zbGF0ZS4gQVxuICAgICAgICAvLyBzdHJhZGRsaW5nIHNlbGVjdGlvbiBmYWxscyB0aHJvdWdoIHRvIE5FSVRIRVIgc2hpZnQgTk9SIGNhcHR1cmU6XG4gICAgICAgIC8vIHRoZSBmb290ZXIgZW5kcG9pbnQgcGlucyB0aGUgc2VsZWN0aW9uLCB0ZXh0IHNjcm9sbHMgYXdheSB1bmRlclxuICAgICAgICAvLyB0aGUgaGlnaGxpZ2h0LCBhbmQgZ2V0U2VsZWN0ZWRUZXh0IHJlYWRzIHRoZSBDVVJSRU5UIHNjcmVlblxuICAgICAgICAvLyBjb250ZW50cyDigJQgbm8gYWNjdW11bGF0aW9uLiBEcmFnZ2luZyBicmFuY2ggZG9lc24ndCBuZWVkIHRoaXM6XG4gICAgICAgIC8vIHNoaWZ0QW5jaG9yIGlnbm9yZXMgZm9jdXMsIGFuZCB0aGUgYW5jaG9yIERPRVMgc2hpZnQgKHNvIGNhcHR1cmVcbiAgICAgICAgLy8gaXMgY29ycmVjdCB0aGVyZSBldmVuIHdoZW4gZm9jdXMgaXMgaW4gdGhlIGZvb3RlcikuXG4gICAgICAgICF0aGlzLnNlbGVjdGlvbi5mb2N1cyB8fFxuICAgICAgICAodGhpcy5zZWxlY3Rpb24uZm9jdXMucm93ID49IHZpZXdwb3J0VG9wICYmXG4gICAgICAgICAgdGhpcy5zZWxlY3Rpb24uZm9jdXMucm93IDw9IHZpZXdwb3J0Qm90dG9tKVxuICAgICAgKSB7XG4gICAgICAgIGlmIChoYXNTZWxlY3Rpb24odGhpcy5zZWxlY3Rpb24pKSB7XG4gICAgICAgICAgY2FwdHVyZVNjcm9sbGVkUm93cyhcbiAgICAgICAgICAgIHRoaXMuc2VsZWN0aW9uLFxuICAgICAgICAgICAgdGhpcy5mcm9udEZyYW1lLnNjcmVlbixcbiAgICAgICAgICAgIHZpZXdwb3J0VG9wLFxuICAgICAgICAgICAgdmlld3BvcnRUb3AgKyBkZWx0YSAtIDEsXG4gICAgICAgICAgICAnYWJvdmUnLFxuICAgICAgICAgIClcbiAgICAgICAgfVxuICAgICAgICBjb25zdCBjbGVhcmVkID0gc2hpZnRTZWxlY3Rpb25Gb3JGb2xsb3coXG4gICAgICAgICAgdGhpcy5zZWxlY3Rpb24sXG4gICAgICAgICAgLWRlbHRhLFxuICAgICAgICAgIHZpZXdwb3J0VG9wLFxuICAgICAgICAgIHZpZXdwb3J0Qm90dG9tLFxuICAgICAgICApXG4gICAgICAgIC8vIEF1dG8tY2xlYXIgKGJvdGggZW5kcyBvdmVyc2hvdCBtaW5Sb3cpIG11c3Qgbm90aWZ5IFJlYWN0LWxhbmRcbiAgICAgICAgLy8gc28gdXNlSGFzU2VsZWN0aW9uIHJlLXJlbmRlcnMgYW5kIHRoZSBmb290ZXIgY29weS9lc2NhcGUgaGludFxuICAgICAgICAvLyBkaXNhcHBlYXJzLiBub3RpZnlTZWxlY3Rpb25DaGFuZ2UoKSB3b3VsZCByZWN1cnNlIGludG8gb25SZW5kZXI7XG4gICAgICAgIC8vIGZpcmUgdGhlIGxpc3RlbmVycyBkaXJlY3RseSDigJQgdGhleSBzY2hlZHVsZSBhIFJlYWN0IHVwZGF0ZSBmb3JcbiAgICAgICAgLy8gTEFURVIsIHRoZXkgZG9uJ3QgcmUtZW50ZXIgdGhpcyBmcmFtZS5cbiAgICAgICAgaWYgKGNsZWFyZWQpIGZvciAoY29uc3QgY2Igb2YgdGhpcy5zZWxlY3Rpb25MaXN0ZW5lcnMpIGNiKClcbiAgICAgIH1cbiAgICB9XG5cbiAgICAvLyBTZWxlY3Rpb24gb3ZlcmxheTogaW52ZXJ0IGNlbGwgc3R5bGVzIGluIHRoZSBzY3JlZW4gYnVmZmVyIGl0c2VsZixcbiAgICAvLyBzbyB0aGUgZGlmZiBwaWNrcyB1cCBzZWxlY3Rpb24gYXMgb3JkaW5hcnkgY2VsbCBjaGFuZ2VzIGFuZFxuICAgIC8vIExvZ1VwZGF0ZSByZW1haW5zIGEgcHVyZSBkaWZmIGVuZ2luZS5cbiAgICAvL1xuICAgIC8vIEZ1bGwtc2NyZWVuIGRhbWFnZSAoUFIgIzIwMTIwKSBpcyBhIGNvcnJlY3RuZXNzIGJhY2tzdG9wIGZvciB0aGVcbiAgICAvLyBzaWJsaW5nLXJlc2l6ZSBibGVlZDogd2hlbiBmbGV4Ym94IHNpYmxpbmdzIHJlc2l6ZSBiZXR3ZWVuIGZyYW1lc1xuICAgIC8vIChzcGlubmVyIGFwcGVhcnMg4oaSIGJvdHRvbSBncm93cyDihpIgc2Nyb2xsYm94IHNocmlua3MpLCB0aGVcbiAgICAvLyBjYWNoZWQtY2xlYXIgKyBjbGlwLWFuZC1jdWxsICsgc2V0Q2VsbEF0IGRhbWFnZSB1bmlvbiBjYW4gbWlzc1xuICAgIC8vIHRyYW5zaXRpb24gY2VsbHMgYXQgdGhlIGJvdW5kYXJ5LiBCdXQgdGhhdCBvbmx5IGhhcHBlbnMgd2hlbiBsYXlvdXRcbiAgICAvLyBhY3R1YWxseSBTSElGVFMg4oCUIGRpZExheW91dFNoaWZ0KCkgdHJhY2tzIGV4YWN0bHkgdGhpcyAoYW55IG5vZGUnc1xuICAgIC8vIGNhY2hlZCB5b2dhIHBvc2l0aW9uL3NpemUgZGlmZmVycyBmcm9tIGN1cnJlbnQsIG9yIGEgY2hpbGQgd2FzXG4gICAgLy8gcmVtb3ZlZCkuIFN0ZWFkeS1zdGF0ZSBmcmFtZXMgKHNwaW5uZXIgcm90YXRlLCBjbG9jayB0aWNrLCB0ZXh0XG4gICAgLy8gc3RyZWFtIGludG8gZml4ZWQtaGVpZ2h0IGJveCkgZG9uJ3Qgc2hpZnQgbGF5b3V0LCBzbyBub3JtYWwgZGFtYWdlXG4gICAgLy8gYm91bmRzIGFyZSBjb3JyZWN0IGFuZCBkaWZmRWFjaCBvbmx5IGNvbXBhcmVzIHRoZSBkYW1hZ2VkIHJlZ2lvbi5cbiAgICAvL1xuICAgIC8vIFNlbGVjdGlvbiBhbHNvIHJlcXVpcmVzIGZ1bGwgZGFtYWdlOiBvdmVybGF5IHdyaXRlcyB2aWEgc2V0Q2VsbFN0eWxlSWRcbiAgICAvLyB3aGljaCBkb2Vzbid0IHRyYWNrIGRhbWFnZSwgYW5kIHByZXYtZnJhbWUgb3ZlcmxheSBjZWxscyBuZWVkIHRvIGJlXG4gICAgLy8gY29tcGFyZWQgd2hlbiBzZWxlY3Rpb24gbW92ZXMvY2xlYXJzLiBwcmV2RnJhbWVDb250YW1pbmF0ZWQgY292ZXJzXG4gICAgLy8gdGhlIGZyYW1lLWFmdGVyLXNlbGVjdGlvbi1jbGVhcnMgY2FzZS5cbiAgICBsZXQgc2VsQWN0aXZlID0gZmFsc2VcbiAgICBsZXQgaGxBY3RpdmUgPSBmYWxzZVxuICAgIGlmICh0aGlzLmFsdFNjcmVlbkFjdGl2ZSkge1xuICAgICAgc2VsQWN0aXZlID0gaGFzU2VsZWN0aW9uKHRoaXMuc2VsZWN0aW9uKVxuICAgICAgaWYgKHNlbEFjdGl2ZSkge1xuICAgICAgICBhcHBseVNlbGVjdGlvbk92ZXJsYXkoZnJhbWUuc2NyZWVuLCB0aGlzLnNlbGVjdGlvbiwgdGhpcy5zdHlsZVBvb2wpXG4gICAgICB9XG4gICAgICAvLyBTY2FuLWhpZ2hsaWdodDogaW52ZXJzZSBvbiBBTEwgdmlzaWJsZSBtYXRjaGVzIChsZXNzL3ZpbSBzdHlsZSkuXG4gICAgICAvLyBQb3NpdGlvbi1oaWdobGlnaHQgKGJlbG93KSBvdmVybGF5cyBDVVJSRU5UICh5ZWxsb3cpIG9uIHRvcC5cbiAgICAgIGhsQWN0aXZlID0gYXBwbHlTZWFyY2hIaWdobGlnaHQoXG4gICAgICAgIGZyYW1lLnNjcmVlbixcbiAgICAgICAgdGhpcy5zZWFyY2hIaWdobGlnaHRRdWVyeSxcbiAgICAgICAgdGhpcy5zdHlsZVBvb2wsXG4gICAgICApXG4gICAgICAvLyBQb3NpdGlvbi1iYXNlZCBDVVJSRU5UOiB3cml0ZSB5ZWxsb3cgYXQgcG9zaXRpb25zW2N1cnJlbnRJZHhdICtcbiAgICAgIC8vIHJvd09mZnNldC4gTm8gc2Nhbm5pbmcg4oCUIHBvc2l0aW9ucyBjYW1lIGZyb20gYSBwcmlvciBzY2FuIHdoZW5cbiAgICAgIC8vIHRoZSBtZXNzYWdlIGZpcnN0IG1vdW50ZWQuIE1lc3NhZ2UtcmVsYXRpdmUgKyByb3dPZmZzZXQgPSBzY3JlZW4uXG4gICAgICBpZiAodGhpcy5zZWFyY2hQb3NpdGlvbnMpIHtcbiAgICAgICAgY29uc3Qgc3AgPSB0aGlzLnNlYXJjaFBvc2l0aW9uc1xuICAgICAgICBjb25zdCBwb3NBcHBsaWVkID0gYXBwbHlQb3NpdGlvbmVkSGlnaGxpZ2h0KFxuICAgICAgICAgIGZyYW1lLnNjcmVlbixcbiAgICAgICAgICB0aGlzLnN0eWxlUG9vbCxcbiAgICAgICAgICBzcC5wb3NpdGlvbnMsXG4gICAgICAgICAgc3Aucm93T2Zmc2V0LFxuICAgICAgICAgIHNwLmN1cnJlbnRJZHgsXG4gICAgICAgIClcbiAgICAgICAgaGxBY3RpdmUgPSBobEFjdGl2ZSB8fCBwb3NBcHBsaWVkXG4gICAgICB9XG4gICAgfVxuXG4gICAgLy8gRnVsbC1kYW1hZ2UgYmFja3N0b3A6IGFwcGxpZXMgb24gQk9USCBhbHQtc2NyZWVuIGFuZCBtYWluLXNjcmVlbi5cbiAgICAvLyBMYXlvdXQgc2hpZnRzIChzcGlubmVyIGFwcGVhcnMsIHN0YXR1cyBsaW5lIHJlc2l6ZXMpIGNhbiBsZWF2ZSBzdGFsZVxuICAgIC8vIGNlbGxzIGF0IHNpYmxpbmcgYm91bmRhcmllcyB0aGF0IHBlci1ub2RlIGRhbWFnZSB0cmFja2luZyBtaXNzZXMuXG4gICAgLy8gU2VsZWN0aW9uL2hpZ2hsaWdodCBvdmVybGF5cyB3cml0ZSB2aWEgc2V0Q2VsbFN0eWxlSWQgd2hpY2ggZG9lc24ndFxuICAgIC8vIHRyYWNrIGRhbWFnZS4gcHJldkZyYW1lQ29udGFtaW5hdGVkIGNvdmVycyB0aGUgY2xlYW51cCBmcmFtZS5cbiAgICBpZiAoXG4gICAgICBkaWRMYXlvdXRTaGlmdCgpIHx8XG4gICAgICBzZWxBY3RpdmUgfHxcbiAgICAgIGhsQWN0aXZlIHx8XG4gICAgICB0aGlzLnByZXZGcmFtZUNvbnRhbWluYXRlZFxuICAgICkge1xuICAgICAgZnJhbWUuc2NyZWVuLmRhbWFnZSA9IHtcbiAgICAgICAgeDogMCxcbiAgICAgICAgeTogMCxcbiAgICAgICAgd2lkdGg6IGZyYW1lLnNjcmVlbi53aWR0aCxcbiAgICAgICAgaGVpZ2h0OiBmcmFtZS5zY3JlZW4uaGVpZ2h0LFxuICAgICAgfVxuICAgIH1cblxuICAgIC8vIEFsdC1zY3JlZW46IGFuY2hvciB0aGUgcGh5c2ljYWwgY3Vyc29yIHRvICgwLDApIGJlZm9yZSBldmVyeSBkaWZmLlxuICAgIC8vIEFsbCBjdXJzb3IgbW92ZXMgaW4gbG9nLXVwZGF0ZSBhcmUgUkVMQVRJVkUgdG8gcHJldi5jdXJzb3I7IGlmIHRtdXhcbiAgICAvLyAob3IgYW55IGVtdWxhdG9yKSBwZXJ0dXJicyB0aGUgcGh5c2ljYWwgY3Vyc29yIG91dC1vZi1iYW5kIChzdGF0dXNcbiAgICAvLyBiYXIgcmVmcmVzaCwgcGFuZSByZWRyYXcsIENtZCtLIHdpcGUpLCB0aGUgcmVsYXRpdmUgbW92ZXMgZHJpZnQgYW5kXG4gICAgLy8gY29udGVudCBjcmVlcHMgdXAgMSByb3cvZnJhbWUuIENTSSBIIHJlc2V0cyB0aGUgcGh5c2ljYWwgY3Vyc29yO1xuICAgIC8vIHBhc3NpbmcgcHJldi5jdXJzb3I9KDAsMCkgbWFrZXMgdGhlIGRpZmYgY29tcHV0ZSBmcm9tIHRoZSBzYW1lIHNwb3QuXG4gICAgLy8gU2VsZi1oZWFsaW5nIGFnYWluc3QgYW55IGV4dGVybmFsIGN1cnNvciBtYW5pcHVsYXRpb24uIE1haW4tc2NyZWVuXG4gICAgLy8gY2FuJ3QgZG8gdGhpcyDigJQgY3Vyc29yLnkgdHJhY2tzIHNjcm9sbGJhY2sgcm93cyBDU0kgSCBjYW4ndCByZWFjaC5cbiAgICAvLyBUaGUgQ1NJIEggd3JpdGUgaXMgZGVmZXJyZWQgdW50aWwgYWZ0ZXIgdGhlIGRpZmYgaXMgY29tcHV0ZWQgc28gd2VcbiAgICAvLyBjYW4gc2tpcCBpdCBmb3IgZW1wdHkgZGlmZnMgKG5vIHdyaXRlcyDihpIgcGh5c2ljYWwgY3Vyc29yIHVudXNlZCkuXG4gICAgbGV0IHByZXZGcmFtZSA9IHRoaXMuZnJvbnRGcmFtZVxuICAgIGlmICh0aGlzLmFsdFNjcmVlbkFjdGl2ZSkge1xuICAgICAgcHJldkZyYW1lID0geyAuLi50aGlzLmZyb250RnJhbWUsIGN1cnNvcjogQUxUX1NDUkVFTl9BTkNIT1JfQ1VSU09SIH1cbiAgICB9XG5cbiAgICBjb25zdCB0RGlmZiA9IHBlcmZvcm1hbmNlLm5vdygpXG4gICAgY29uc3QgZGlmZiA9IHRoaXMubG9nLnJlbmRlcihcbiAgICAgIHByZXZGcmFtZSxcbiAgICAgIGZyYW1lLFxuICAgICAgdGhpcy5hbHRTY3JlZW5BY3RpdmUsXG4gICAgICAvLyBERUNTVEJNIG5lZWRzIEJTVS9FU1UgYXRvbWljaXR5IOKAlCB3aXRob3V0IGl0IHRoZSBvdXRlciB0ZXJtaW5hbFxuICAgICAgLy8gcmVuZGVycyB0aGUgc2Nyb2xsZWQtYnV0LW5vdC15ZXQtcmVwYWludGVkIGludGVybWVkaWF0ZSBzdGF0ZS5cbiAgICAgIC8vIHRtdXggaXMgdGhlIG1haW4gY2FzZSAocmUtZW1pdHMgREVDU1RCTSB3aXRoIGl0cyBvd24gdGltaW5nIGFuZFxuICAgICAgLy8gZG9lc24ndCBpbXBsZW1lbnQgREVDIDIwMjYsIHNvIFNZTkNfT1VUUFVUX1NVUFBPUlRFRCBpcyBmYWxzZSkuXG4gICAgICBTWU5DX09VVFBVVF9TVVBQT1JURUQsXG4gICAgKVxuICAgIGNvbnN0IGRpZmZNcyA9IHBlcmZvcm1hbmNlLm5vdygpIC0gdERpZmZcbiAgICAvLyBTd2FwIGJ1ZmZlcnNcbiAgICB0aGlzLmJhY2tGcmFtZSA9IHRoaXMuZnJvbnRGcmFtZVxuICAgIHRoaXMuZnJvbnRGcmFtZSA9IGZyYW1lXG5cbiAgICAvLyBQZXJpb2RpY2FsbHkgcmVzZXQgY2hhci9oeXBlcmxpbmsgcG9vbHMgdG8gcHJldmVudCB1bmJvdW5kZWQgZ3Jvd3RoXG4gICAgLy8gZHVyaW5nIGxvbmcgc2Vzc2lvbnMuIDUgbWludXRlcyBpcyBpbmZyZXF1ZW50IGVub3VnaCB0aGF0IHRoZSBPKGNlbGxzKVxuICAgIC8vIG1pZ3JhdGlvbiBjb3N0IGlzIG5lZ2xpZ2libGUuIFJldXNlcyByZW5kZXJTdGFydCB0byBhdm9pZCBleHRyYSBjbG9jayBjYWxsLlxuICAgIGlmIChyZW5kZXJTdGFydCAtIHRoaXMubGFzdFBvb2xSZXNldFRpbWUgPiA1ICogNjAgKiAxMDAwKSB7XG4gICAgICB0aGlzLnJlc2V0UG9vbHMoKVxuICAgICAgdGhpcy5sYXN0UG9vbFJlc2V0VGltZSA9IHJlbmRlclN0YXJ0XG4gICAgfVxuXG4gICAgY29uc3QgZmxpY2tlcnM6IEZyYW1lRXZlbnRbJ2ZsaWNrZXJzJ10gPSBbXVxuICAgIGZvciAoY29uc3QgcGF0Y2ggb2YgZGlmZikge1xuICAgICAgaWYgKHBhdGNoLnR5cGUgPT09ICdjbGVhclRlcm1pbmFsJykge1xuICAgICAgICBmbGlja2Vycy5wdXNoKHtcbiAgICAgICAgICBkZXNpcmVkSGVpZ2h0OiBmcmFtZS5zY3JlZW4uaGVpZ2h0LFxuICAgICAgICAgIGF2YWlsYWJsZUhlaWdodDogZnJhbWUudmlld3BvcnQuaGVpZ2h0LFxuICAgICAgICAgIHJlYXNvbjogcGF0Y2gucmVhc29uLFxuICAgICAgICB9KVxuICAgICAgICBpZiAoaXNEZWJ1Z1JlcGFpbnRzRW5hYmxlZCgpICYmIHBhdGNoLmRlYnVnKSB7XG4gICAgICAgICAgY29uc3QgY2hhaW4gPSBkb20uZmluZE93bmVyQ2hhaW5BdFJvdyhcbiAgICAgICAgICAgIHRoaXMucm9vdE5vZGUsXG4gICAgICAgICAgICBwYXRjaC5kZWJ1Zy50cmlnZ2VyWSxcbiAgICAgICAgICApXG4gICAgICAgICAgbG9nRm9yRGVidWdnaW5nKFxuICAgICAgICAgICAgYFtSRVBBSU5UXSBmdWxsIHJlc2V0IMK3ICR7cGF0Y2gucmVhc29ufSDCtyByb3cgJHtwYXRjaC5kZWJ1Zy50cmlnZ2VyWX1cXG5gICtcbiAgICAgICAgICAgICAgYCAgcHJldjogXCIke3BhdGNoLmRlYnVnLnByZXZMaW5lfVwiXFxuYCArXG4gICAgICAgICAgICAgIGAgIG5leHQ6IFwiJHtwYXRjaC5kZWJ1Zy5uZXh0TGluZX1cIlxcbmAgK1xuICAgICAgICAgICAgICBgICBjdWxwcml0OiAke2NoYWluLmxlbmd0aCA/IGNoYWluLmpvaW4oJyA8ICcpIDogJyhubyBvd25lciBjaGFpbiBjYXB0dXJlZCknfWAsXG4gICAgICAgICAgICB7IGxldmVsOiAnd2FybicgfSxcbiAgICAgICAgICApXG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICBjb25zdCB0T3B0aW1pemUgPSBwZXJmb3JtYW5jZS5ub3coKVxuICAgIGNvbnN0IG9wdGltaXplZCA9IG9wdGltaXplKGRpZmYpXG4gICAgY29uc3Qgb3B0aW1pemVNcyA9IHBlcmZvcm1hbmNlLm5vdygpIC0gdE9wdGltaXplXG4gICAgY29uc3QgaGFzRGlmZiA9IG9wdGltaXplZC5sZW5ndGggPiAwXG4gICAgaWYgKHRoaXMuYWx0U2NyZWVuQWN0aXZlICYmIGhhc0RpZmYpIHtcbiAgICAgIC8vIFByZXBlbmQgQ1NJIEggdG8gYW5jaG9yIHRoZSBwaHlzaWNhbCBjdXJzb3IgdG8gKDAsMCkgc29cbiAgICAgIC8vIGxvZy11cGRhdGUncyByZWxhdGl2ZSBtb3ZlcyBjb21wdXRlIGZyb20gYSBrbm93biBzcG90IChzZWxmLWhlYWxpbmdcbiAgICAgIC8vIGFnYWluc3Qgb3V0LW9mLWJhbmQgY3Vyc29yIGRyaWZ0LCBzZWUgdGhlIEFMVF9TQ1JFRU5fQU5DSE9SX0NVUlNPUlxuICAgICAgLy8gY29tbWVudCBhYm92ZSkuIEFwcGVuZCBDU0kgcm93OzEgSCB0byBwYXJrIHRoZSBjdXJzb3IgYXQgdGhlIGJvdHRvbVxuICAgICAgLy8gcm93ICh3aGVyZSB0aGUgcHJvbXB0IGlucHV0IGlzKSDigJQgd2l0aG91dCB0aGlzLCB0aGUgY3Vyc29yIGVuZHNcbiAgICAgIC8vIHdoZXJldmVyIHRoZSBsYXN0IGRpZmYgd3JpdGUgbGFuZGVkIChhIGRpZmZlcmVudCByb3cgZXZlcnkgZnJhbWUpLFxuICAgICAgLy8gbWFraW5nIGlUZXJtMidzIGN1cnNvciBndWlkZSBmbGlja2VyIGFzIGl0IGNoYXNlcyB0aGUgY3Vyc29yLlxuICAgICAgLy8gQlNVL0VTVSBwcm90ZWN0cyBjb250ZW50IGF0b21pY2l0eSBidXQgaVRlcm0yJ3MgZ3VpZGUgdHJhY2tzIGN1cnNvclxuICAgICAgLy8gcG9zaXRpb24gaW5kZXBlbmRlbnRseS4gUGFya2luZyBhdCBib3R0b20gKG5vdCAwLDApIGtlZXBzIHRoZSBndWlkZVxuICAgICAgLy8gd2hlcmUgdGhlIHVzZXIncyBhdHRlbnRpb24gaXMuXG4gICAgICAvL1xuICAgICAgLy8gQWZ0ZXIgcmVzaXplLCBwcmVwZW5kIEVSQVNFX1NDUkVFTiB0b28uIFRoZSBkaWZmIG9ubHkgd3JpdGVzIGNlbGxzXG4gICAgICAvLyB0aGF0IGNoYW5nZWQ7IGNlbGxzIHdoZXJlIG5ldz1ibGFuayBhbmQgcHJldi1idWZmZXI9YmxhbmsgZ2V0IHNraXBwZWRcbiAgICAgIC8vIOKAlCBidXQgdGhlIHBoeXNpY2FsIHRlcm1pbmFsIHN0aWxsIGhhcyBzdGFsZSBjb250ZW50IHRoZXJlIChzaG9ydGVyXG4gICAgICAvLyBsaW5lcyBhdCBuZXcgd2lkdGggbGVhdmUgb2xkLXdpZHRoIHRleHQgdGFpbHMgdmlzaWJsZSkuIEVSQVNFIGluc2lkZVxuICAgICAgLy8gQlNVL0VTVSBpcyBhdG9taWM6IG9sZCBjb250ZW50IHN0YXlzIHZpc2libGUgdW50aWwgdGhlIHdob2xlXG4gICAgICAvLyBlcmFzZStwYWludCBsYW5kcywgdGhlbiBzd2FwcyBpbiBvbmUgZ28uIFdyaXRpbmcgRVJBU0VfU0NSRUVOXG4gICAgICAvLyBzeW5jaHJvbm91c2x5IGluIGhhbmRsZVJlc2l6ZSB3b3VsZCBibGFuayB0aGUgc2NyZWVuIGZvciB0aGUgfjgwbXNcbiAgICAgIC8vIHJlbmRlcigpIHRha2VzLlxuICAgICAgaWYgKHRoaXMubmVlZHNFcmFzZUJlZm9yZVBhaW50KSB7XG4gICAgICAgIHRoaXMubmVlZHNFcmFzZUJlZm9yZVBhaW50ID0gZmFsc2VcbiAgICAgICAgb3B0aW1pemVkLnVuc2hpZnQoRVJBU0VfVEhFTl9IT01FX1BBVENIKVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgb3B0aW1pemVkLnVuc2hpZnQoQ1VSU09SX0hPTUVfUEFUQ0gpXG4gICAgICB9XG4gICAgICBvcHRpbWl6ZWQucHVzaCh0aGlzLmFsdFNjcmVlblBhcmtQYXRjaClcbiAgICB9XG5cbiAgICAvLyBOYXRpdmUgY3Vyc29yIHBvc2l0aW9uaW5nOiBwYXJrIHRoZSB0ZXJtaW5hbCBjdXJzb3IgYXQgdGhlIGRlY2xhcmVkXG4gICAgLy8gcG9zaXRpb24gc28gSU1FIHByZWVkaXQgdGV4dCByZW5kZXJzIGlubGluZSBhbmQgc2NyZWVuIHJlYWRlcnMgL1xuICAgIC8vIG1hZ25pZmllcnMgY2FuIGZvbGxvdyB0aGUgaW5wdXQuIG5vZGVDYWNoZSBob2xkcyB0aGUgYWJzb2x1dGUgc2NyZWVuXG4gICAgLy8gcmVjdCBwb3B1bGF0ZWQgYnkgcmVuZGVyTm9kZVRvT3V0cHV0IHRoaXMgZnJhbWUgKGluY2x1ZGluZyBzY3JvbGxUb3BcbiAgICAvLyB0cmFuc2xhdGlvbikg4oCUIGlmIHRoZSBkZWNsYXJlZCBub2RlIGRpZG4ndCByZW5kZXIgKHN0YWxlIGRlY2xhcmF0aW9uXG4gICAgLy8gYWZ0ZXIgcmVtb3VudCwgb3Igc2Nyb2xsZWQgb3V0IG9mIHZpZXcpLCBpdCB3b24ndCBiZSBpbiB0aGUgY2FjaGVcbiAgICAvLyBhbmQgbm8gbW92ZSBpcyBlbWl0dGVkLlxuICAgIGNvbnN0IGRlY2wgPSB0aGlzLmN1cnNvckRlY2xhcmF0aW9uXG4gICAgY29uc3QgcmVjdCA9IGRlY2wgIT09IG51bGwgPyBub2RlQ2FjaGUuZ2V0KGRlY2wubm9kZSkgOiB1bmRlZmluZWRcbiAgICBjb25zdCB0YXJnZXQgPVxuICAgICAgZGVjbCAhPT0gbnVsbCAmJiByZWN0ICE9PSB1bmRlZmluZWRcbiAgICAgICAgPyB7IHg6IHJlY3QueCArIGRlY2wucmVsYXRpdmVYLCB5OiByZWN0LnkgKyBkZWNsLnJlbGF0aXZlWSB9XG4gICAgICAgIDogbnVsbFxuICAgIGNvbnN0IHBhcmtlZCA9IHRoaXMuZGlzcGxheUN1cnNvclxuXG4gICAgLy8gUHJlc2VydmUgdGhlIGVtcHR5LWRpZmYgemVyby13cml0ZSBmYXN0IHBhdGg6IHNraXAgYWxsIGN1cnNvciB3cml0ZXNcbiAgICAvLyB3aGVuIG5vdGhpbmcgcmVuZGVyZWQgQU5EIHRoZSBwYXJrIHRhcmdldCBpcyB1bmNoYW5nZWQuXG4gICAgY29uc3QgdGFyZ2V0TW92ZWQgPVxuICAgICAgdGFyZ2V0ICE9PSBudWxsICYmXG4gICAgICAocGFya2VkID09PSBudWxsIHx8IHBhcmtlZC54ICE9PSB0YXJnZXQueCB8fCBwYXJrZWQueSAhPT0gdGFyZ2V0LnkpXG4gICAgaWYgKGhhc0RpZmYgfHwgdGFyZ2V0TW92ZWQgfHwgKHRhcmdldCA9PT0gbnVsbCAmJiBwYXJrZWQgIT09IG51bGwpKSB7XG4gICAgICAvLyBNYWluLXNjcmVlbiBwcmVhbWJsZTogbG9nLXVwZGF0ZSdzIHJlbGF0aXZlIG1vdmVzIGFzc3VtZSB0aGVcbiAgICAgIC8vIHBoeXNpY2FsIGN1cnNvciBpcyBhdCBwcmV2RnJhbWUuY3Vyc29yLiBJZiBsYXN0IGZyYW1lIHBhcmtlZCBpdFxuICAgICAgLy8gZWxzZXdoZXJlLCBtb3ZlIGJhY2sgYmVmb3JlIHRoZSBkaWZmIHJ1bnMuIEFsdC1zY3JlZW4ncyBDU0kgSFxuICAgICAgLy8gYWxyZWFkeSByZXNldHMgdG8gKDAsMCkgc28gbm8gcHJlYW1ibGUgbmVlZGVkLlxuICAgICAgaWYgKHBhcmtlZCAhPT0gbnVsbCAmJiAhdGhpcy5hbHRTY3JlZW5BY3RpdmUgJiYgaGFzRGlmZikge1xuICAgICAgICBjb25zdCBwZHggPSBwcmV2RnJhbWUuY3Vyc29yLnggLSBwYXJrZWQueFxuICAgICAgICBjb25zdCBwZHkgPSBwcmV2RnJhbWUuY3Vyc29yLnkgLSBwYXJrZWQueVxuICAgICAgICBpZiAocGR4ICE9PSAwIHx8IHBkeSAhPT0gMCkge1xuICAgICAgICAgIG9wdGltaXplZC51bnNoaWZ0KHsgdHlwZTogJ3N0ZG91dCcsIGNvbnRlbnQ6IGN1cnNvck1vdmUocGR4LCBwZHkpIH0pXG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgaWYgKHRhcmdldCAhPT0gbnVsbCkge1xuICAgICAgICBpZiAodGhpcy5hbHRTY3JlZW5BY3RpdmUpIHtcbiAgICAgICAgICAvLyBBYnNvbHV0ZSBDVVAgKDEtaW5kZXhlZCk7IG5leHQgZnJhbWUncyBDU0kgSCByZXNldHMgcmVnYXJkbGVzcy5cbiAgICAgICAgICAvLyBFbWl0dGVkIGFmdGVyIGFsdFNjcmVlblBhcmtQYXRjaCBzbyB0aGUgZGVjbGFyZWQgcG9zaXRpb24gd2lucy5cbiAgICAgICAgICBjb25zdCByb3cgPSBNYXRoLm1pbihNYXRoLm1heCh0YXJnZXQueSArIDEsIDEpLCB0ZXJtaW5hbFJvd3MpXG4gICAgICAgICAgY29uc3QgY29sID0gTWF0aC5taW4oTWF0aC5tYXgodGFyZ2V0LnggKyAxLCAxKSwgdGVybWluYWxXaWR0aClcbiAgICAgICAgICBvcHRpbWl6ZWQucHVzaCh7IHR5cGU6ICdzdGRvdXQnLCBjb250ZW50OiBjdXJzb3JQb3NpdGlvbihyb3csIGNvbCkgfSlcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAvLyBBZnRlciB0aGUgZGlmZiAob3IgcHJlYW1ibGUpLCBjdXJzb3IgaXMgYXQgZnJhbWUuY3Vyc29yLiBJZiBub1xuICAgICAgICAgIC8vIGRpZmYgQU5EIHByZXZpb3VzbHkgcGFya2VkLCBpdCdzIHN0aWxsIGF0IHRoZSBvbGQgcGFyayBwb3NpdGlvblxuICAgICAgICAgIC8vIChsb2ctdXBkYXRlIHdyb3RlIG5vdGhpbmcpLiBPdGhlcndpc2UgaXQncyBhdCBmcmFtZS5jdXJzb3IuXG4gICAgICAgICAgY29uc3QgZnJvbSA9XG4gICAgICAgICAgICAhaGFzRGlmZiAmJiBwYXJrZWQgIT09IG51bGxcbiAgICAgICAgICAgICAgPyBwYXJrZWRcbiAgICAgICAgICAgICAgOiB7IHg6IGZyYW1lLmN1cnNvci54LCB5OiBmcmFtZS5jdXJzb3IueSB9XG4gICAgICAgICAgY29uc3QgZHggPSB0YXJnZXQueCAtIGZyb20ueFxuICAgICAgICAgIGNvbnN0IGR5ID0gdGFyZ2V0LnkgLSBmcm9tLnlcbiAgICAgICAgICBpZiAoZHggIT09IDAgfHwgZHkgIT09IDApIHtcbiAgICAgICAgICAgIG9wdGltaXplZC5wdXNoKHsgdHlwZTogJ3N0ZG91dCcsIGNvbnRlbnQ6IGN1cnNvck1vdmUoZHgsIGR5KSB9KVxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICB0aGlzLmRpc3BsYXlDdXJzb3IgPSB0YXJnZXRcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIC8vIERlY2xhcmF0aW9uIGNsZWFyZWQgKGlucHV0IGJsdXIsIHVubW91bnQpLiBSZXN0b3JlIHBoeXNpY2FsIGN1cnNvclxuICAgICAgICAvLyB0byBmcmFtZS5jdXJzb3IgYmVmb3JlIGZvcmdldHRpbmcgdGhlIHBhcmsgcG9zaXRpb24g4oCUIG90aGVyd2lzZVxuICAgICAgICAvLyBkaXNwbGF5Q3Vyc29yPW51bGwgbGllcyBhYm91dCB3aGVyZSB0aGUgY3Vyc29yIGlzLCBhbmQgdGhlIE5FWFRcbiAgICAgICAgLy8gZnJhbWUncyBwcmVhbWJsZSAob3IgbG9nLXVwZGF0ZSdzIHJlbGF0aXZlIG1vdmVzKSBjb21wdXRlcyBmcm9tIGFcbiAgICAgICAgLy8gd3Jvbmcgc3BvdC4gVGhlIHByZWFtYmxlIGFib3ZlIGhhbmRsZXMgaGFzRGlmZjsgdGhpcyBoYW5kbGVzXG4gICAgICAgIC8vICFoYXNEaWZmIChlLmcuIGFjY2Vzc2liaWxpdHkgbW9kZSB3aGVyZSBibHVyIGRvZXNuJ3QgY2hhbmdlXG4gICAgICAgIC8vIHJlbmRlcmVkVmFsdWUgc2luY2UgaW52ZXJ0IGlzIGlkZW50aXR5KS5cbiAgICAgICAgaWYgKHBhcmtlZCAhPT0gbnVsbCAmJiAhdGhpcy5hbHRTY3JlZW5BY3RpdmUgJiYgIWhhc0RpZmYpIHtcbiAgICAgICAgICBjb25zdCByZHggPSBmcmFtZS5jdXJzb3IueCAtIHBhcmtlZC54XG4gICAgICAgICAgY29uc3QgcmR5ID0gZnJhbWUuY3Vyc29yLnkgLSBwYXJrZWQueVxuICAgICAgICAgIGlmIChyZHggIT09IDAgfHwgcmR5ICE9PSAwKSB7XG4gICAgICAgICAgICBvcHRpbWl6ZWQucHVzaCh7IHR5cGU6ICdzdGRvdXQnLCBjb250ZW50OiBjdXJzb3JNb3ZlKHJkeCwgcmR5KSB9KVxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICB0aGlzLmRpc3BsYXlDdXJzb3IgPSBudWxsXG4gICAgICB9XG4gICAgfVxuXG4gICAgY29uc3QgdFdyaXRlID0gcGVyZm9ybWFuY2Uubm93KClcbiAgICB3cml0ZURpZmZUb1Rlcm1pbmFsKFxuICAgICAgdGhpcy50ZXJtaW5hbCxcbiAgICAgIG9wdGltaXplZCxcbiAgICAgIHRoaXMuYWx0U2NyZWVuQWN0aXZlICYmICFTWU5DX09VVFBVVF9TVVBQT1JURUQsXG4gICAgKVxuICAgIGNvbnN0IHdyaXRlTXMgPSBwZXJmb3JtYW5jZS5ub3coKSAtIHRXcml0ZVxuXG4gICAgLy8gVXBkYXRlIGJsaXQgc2FmZXR5IGZvciB0aGUgTkVYVCBmcmFtZS4gVGhlIGZyYW1lIGp1c3QgcmVuZGVyZWRcbiAgICAvLyBiZWNvbWVzIGZyb250RnJhbWUgKD0gbmV4dCBmcmFtZSdzIHByZXZTY3JlZW4pLiBJZiB3ZSBhcHBsaWVkIHRoZVxuICAgIC8vIHNlbGVjdGlvbiBvdmVybGF5LCB0aGF0IGJ1ZmZlciBoYXMgaW52ZXJ0ZWQgY2VsbHMuIHNlbEFjdGl2ZS9obEFjdGl2ZVxuICAgIC8vIGFyZSBvbmx5IGV2ZXIgdHJ1ZSBpbiBhbHQtc2NyZWVuOyBpbiBtYWluLXNjcmVlbiB0aGlzIGlzIGZhbHNl4oaSZmFsc2UuXG4gICAgdGhpcy5wcmV2RnJhbWVDb250YW1pbmF0ZWQgPSBzZWxBY3RpdmUgfHwgaGxBY3RpdmVcblxuICAgIC8vIEEgU2Nyb2xsQm94IGhhcyBwZW5kaW5nU2Nyb2xsRGVsdGEgbGVmdCB0byBkcmFpbiDigJQgc2NoZWR1bGUgdGhlIG5leHRcbiAgICAvLyBmcmFtZS4gTVVTVCBOT1QgY2FsbCB0aGlzLnNjaGVkdWxlUmVuZGVyKCkgaGVyZTogd2UncmUgaW5zaWRlIGFcbiAgICAvLyB0cmFpbGluZy1lZGdlIHRocm90dGxlIGludm9jYXRpb24sIHRpbWVySWQgaXMgdW5kZWZpbmVkLCBhbmQgbG9kYXNoJ3NcbiAgICAvLyBkZWJvdW5jZSBzZWVzIHRpbWVTaW5jZUxhc3RDYWxsID49IHdhaXQgKGxhc3QgY2FsbCB3YXMgYXQgdGhlIHN0YXJ0XG4gICAgLy8gb2YgdGhpcyB3aW5kb3cpIOKGkiBsZWFkaW5nRWRnZSBmaXJlcyBJTU1FRElBVEVMWSDihpIgZG91YmxlIHJlbmRlciB+MC4xbXNcbiAgICAvLyBhcGFydCDihpIgamFuay4gVXNlIGEgcGxhaW4gdGltZW91dC4gSWYgYSB3aGVlbCBldmVudCBhcnJpdmVzIGZpcnN0LFxuICAgIC8vIGl0cyBzY2hlZHVsZVJlbmRlciBwYXRoIGZpcmVzIGEgcmVuZGVyIHdoaWNoIGNsZWFycyB0aGlzIHRpbWVyIGF0XG4gICAgLy8gdGhlIHRvcCBvZiBvblJlbmRlciDigJQgbm8gZG91YmxlLlxuICAgIC8vXG4gICAgLy8gRHJhaW4gZnJhbWVzIGFyZSBjaGVhcCAoREVDU1RCTSArIH4xMCBwYXRjaGVzLCB+MjAwIGJ5dGVzKSBzbyBydW4gYXRcbiAgICAvLyBxdWFydGVyIGludGVydmFsICh+MjUwZnBzLCBzZXRUaW1lb3V0IHByYWN0aWNhbCBmbG9vcikgZm9yIG1heCBzY3JvbGxcbiAgICAvLyBzcGVlZC4gUmVndWxhciByZW5kZXJzIHN0YXkgYXQgRlJBTUVfSU5URVJWQUxfTVMgdmlhIHRoZSB0aHJvdHRsZS5cbiAgICBpZiAoZnJhbWUuc2Nyb2xsRHJhaW5QZW5kaW5nKSB7XG4gICAgICB0aGlzLmRyYWluVGltZXIgPSBzZXRUaW1lb3V0KFxuICAgICAgICAoKSA9PiB0aGlzLm9uUmVuZGVyKCksXG4gICAgICAgIEZSQU1FX0lOVEVSVkFMX01TID4+IDIsXG4gICAgICApXG4gICAgfVxuXG4gICAgY29uc3QgeW9nYU1zID0gZ2V0TGFzdFlvZ2FNcygpXG4gICAgY29uc3QgY29tbWl0TXMgPSBnZXRMYXN0Q29tbWl0TXMoKVxuICAgIGNvbnN0IHljID0gdGhpcy5sYXN0WW9nYUNvdW50ZXJzXG4gICAgLy8gUmVzZXQgc28gZHJhaW4tb25seSBmcmFtZXMgKG5vIFJlYWN0IGNvbW1pdCkgZG9uJ3QgcmVwZWF0IHN0YWxlIHZhbHVlcy5cbiAgICByZXNldFByb2ZpbGVDb3VudGVycygpXG4gICAgdGhpcy5sYXN0WW9nYUNvdW50ZXJzID0ge1xuICAgICAgbXM6IDAsXG4gICAgICB2aXNpdGVkOiAwLFxuICAgICAgbWVhc3VyZWQ6IDAsXG4gICAgICBjYWNoZUhpdHM6IDAsXG4gICAgICBsaXZlOiAwLFxuICAgIH1cbiAgICB0aGlzLm9wdGlvbnMub25GcmFtZT8uKHtcbiAgICAgIGR1cmF0aW9uTXM6IHBlcmZvcm1hbmNlLm5vdygpIC0gcmVuZGVyU3RhcnQsXG4gICAgICBwaGFzZXM6IHtcbiAgICAgICAgcmVuZGVyZXI6IHJlbmRlcmVyTXMsXG4gICAgICAgIGRpZmY6IGRpZmZNcyxcbiAgICAgICAgb3B0aW1pemU6IG9wdGltaXplTXMsXG4gICAgICAgIHdyaXRlOiB3cml0ZU1zLFxuICAgICAgICBwYXRjaGVzOiBkaWZmLmxlbmd0aCxcbiAgICAgICAgeW9nYTogeW9nYU1zLFxuICAgICAgICBjb21taXQ6IGNvbW1pdE1zLFxuICAgICAgICB5b2dhVmlzaXRlZDogeWMudmlzaXRlZCxcbiAgICAgICAgeW9nYU1lYXN1cmVkOiB5Yy5tZWFzdXJlZCxcbiAgICAgICAgeW9nYUNhY2hlSGl0czogeWMuY2FjaGVIaXRzLFxuICAgICAgICB5b2dhTGl2ZTogeWMubGl2ZSxcbiAgICAgIH0sXG4gICAgICBmbGlja2VycyxcbiAgICB9KVxuICB9XG5cbiAgcGF1c2UoKTogdm9pZCB7XG4gICAgLy8gRmx1c2ggcGVuZGluZyBSZWFjdCB1cGRhdGVzIGFuZCByZW5kZXIgYmVmb3JlIHBhdXNpbmcuXG4gICAgLy8gQHRzLWV4cGVjdC1lcnJvciBmbHVzaFN5bmNGcm9tUmVjb25jaWxlciBleGlzdHMgaW4gcmVhY3QtcmVjb25jaWxlciAwLjMxIGJ1dCBub3QgaW4gQHR5cGVzL3JlYWN0LXJlY29uY2lsZXJcbiAgICByZWNvbmNpbGVyLmZsdXNoU3luY0Zyb21SZWNvbmNpbGVyKClcbiAgICB0aGlzLm9uUmVuZGVyKClcblxuICAgIHRoaXMuaXNQYXVzZWQgPSB0cnVlXG4gIH1cblxuICByZXN1bWUoKTogdm9pZCB7XG4gICAgdGhpcy5pc1BhdXNlZCA9IGZhbHNlXG4gICAgdGhpcy5vblJlbmRlcigpXG4gIH1cblxuICAvKipcbiAgICogUmVzZXQgZnJhbWUgYnVmZmVycyBzbyB0aGUgbmV4dCByZW5kZXIgd3JpdGVzIHRoZSBmdWxsIHNjcmVlbiBmcm9tIHNjcmF0Y2guXG4gICAqIENhbGwgdGhpcyBiZWZvcmUgcmVzdW1lKCkgd2hlbiB0aGUgdGVybWluYWwgY29udGVudCBoYXMgYmVlbiBjb3JydXB0ZWQgYnlcbiAgICogYW4gZXh0ZXJuYWwgcHJvY2VzcyAoZS5nLiB0bXV4LCBzaGVsbCwgZnVsbC1zY3JlZW4gVFVJKS5cbiAgICovXG4gIHJlcGFpbnQoKTogdm9pZCB7XG4gICAgdGhpcy5mcm9udEZyYW1lID0gZW1wdHlGcmFtZShcbiAgICAgIHRoaXMuZnJvbnRGcmFtZS52aWV3cG9ydC5oZWlnaHQsXG4gICAgICB0aGlzLmZyb250RnJhbWUudmlld3BvcnQud2lkdGgsXG4gICAgICB0aGlzLnN0eWxlUG9vbCxcbiAgICAgIHRoaXMuY2hhclBvb2wsXG4gICAgICB0aGlzLmh5cGVybGlua1Bvb2wsXG4gICAgKVxuICAgIHRoaXMuYmFja0ZyYW1lID0gZW1wdHlGcmFtZShcbiAgICAgIHRoaXMuYmFja0ZyYW1lLnZpZXdwb3J0LmhlaWdodCxcbiAgICAgIHRoaXMuYmFja0ZyYW1lLnZpZXdwb3J0LndpZHRoLFxuICAgICAgdGhpcy5zdHlsZVBvb2wsXG4gICAgICB0aGlzLmNoYXJQb29sLFxuICAgICAgdGhpcy5oeXBlcmxpbmtQb29sLFxuICAgIClcbiAgICB0aGlzLmxvZy5yZXNldCgpXG4gICAgLy8gUGh5c2ljYWwgY3Vyc29yIHBvc2l0aW9uIGlzIHVua25vd24gYWZ0ZXIgZXh0ZXJuYWwgdGVybWluYWwgY29ycnVwdGlvbi5cbiAgICAvLyBDbGVhciBkaXNwbGF5Q3Vyc29yIHNvIHRoZSBjdXJzb3IgcHJlYW1ibGUgZG9lc24ndCBlbWl0IGEgc3RhbGVcbiAgICAvLyByZWxhdGl2ZSBtb3ZlIGZyb20gd2hlcmUgd2UgbGFzdCBwYXJrZWQgaXQuXG4gICAgdGhpcy5kaXNwbGF5Q3Vyc29yID0gbnVsbFxuICB9XG5cbiAgLyoqXG4gICAqIENsZWFyIHRoZSBwaHlzaWNhbCB0ZXJtaW5hbCBhbmQgZm9yY2UgYSBmdWxsIHJlZHJhdy5cbiAgICpcbiAgICogVGhlIHRyYWRpdGlvbmFsIHJlYWRsaW5lIGN0cmwrbCDigJQgY2xlYXJzIHRoZSB2aXNpYmxlIHNjcmVlbiBhbmRcbiAgICogcmVkcmF3cyB0aGUgY3VycmVudCBjb250ZW50LiBBbHNvIHRoZSByZWNvdmVyeSBwYXRoIHdoZW4gdGhlIHRlcm1pbmFsXG4gICAqIHdhcyBjbGVhcmVkIGV4dGVybmFsbHkgKG1hY09TIENtZCtLKSBhbmQgSW5rJ3MgZGlmZiBlbmdpbmUgdGhpbmtzXG4gICAqIHVuY2hhbmdlZCBjZWxscyBkb24ndCBuZWVkIHJlcGFpbnRpbmcuIFNjcm9sbGJhY2sgaXMgcHJlc2VydmVkLlxuICAgKi9cbiAgZm9yY2VSZWRyYXcoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLm9wdGlvbnMuc3Rkb3V0LmlzVFRZIHx8IHRoaXMuaXNVbm1vdW50ZWQgfHwgdGhpcy5pc1BhdXNlZCkgcmV0dXJuXG4gICAgdGhpcy5vcHRpb25zLnN0ZG91dC53cml0ZShFUkFTRV9TQ1JFRU4gKyBDVVJTT1JfSE9NRSlcbiAgICBpZiAodGhpcy5hbHRTY3JlZW5BY3RpdmUpIHtcbiAgICAgIHRoaXMucmVzZXRGcmFtZXNGb3JBbHRTY3JlZW4oKVxuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnJlcGFpbnQoKVxuICAgICAgLy8gcmVwYWludCgpIHJlc2V0cyBmcm9udEZyYW1lIHRvIDDDlzAuIFdpdGhvdXQgdGhpcyBmbGFnIHRoZSBuZXh0XG4gICAgICAvLyBmcmFtZSdzIGJsaXQgb3B0aW1pemF0aW9uIGNvcGllcyBmcm9tIHRoYXQgZW1wdHkgc2NyZWVuIGFuZCB0aGVcbiAgICAgIC8vIGRpZmYgc2VlcyBubyBjb250ZW50LiBvblJlbmRlciByZXNldHMgdGhlIGZsYWcgYXQgZnJhbWUgZW5kLlxuICAgICAgdGhpcy5wcmV2RnJhbWVDb250YW1pbmF0ZWQgPSB0cnVlXG4gICAgfVxuICAgIHRoaXMub25SZW5kZXIoKVxuICB9XG5cbiAgLyoqXG4gICAqIE1hcmsgdGhlIHByZXZpb3VzIGZyYW1lIGFzIHVudHJ1c3R3b3J0aHkgZm9yIGJsaXQsIGZvcmNpbmcgdGhlIG5leHRcbiAgICogcmVuZGVyIHRvIGRvIGEgZnVsbC1kYW1hZ2UgZGlmZiBpbnN0ZWFkIG9mIHRoZSBwZXItbm9kZSBmYXN0IHBhdGguXG4gICAqXG4gICAqIExpZ2h0ZXIgdGhhbiBmb3JjZVJlZHJhdygpIOKAlCBubyBzY3JlZW4gY2xlYXIsIG5vIGV4dHJhIHdyaXRlLiBDYWxsXG4gICAqIGZyb20gYSB1c2VMYXlvdXRFZmZlY3QgY2xlYW51cCB3aGVuIHVubW91bnRpbmcgYSB0YWxsIG92ZXJsYXk6IHRoZVxuICAgKiBibGl0IGZhc3QgcGF0aCBjYW4gY29weSBzdGFsZSBjZWxscyBmcm9tIHRoZSBvdmVybGF5IGZyYW1lIGludG8gcm93c1xuICAgKiB0aGUgc2hydW5rZW4gbGF5b3V0IG5vIGxvbmdlciByZWFjaGVzLCBsZWF2aW5nIGEgZ2hvc3QgdGl0bGUvZGl2aWRlci5cbiAgICogb25SZW5kZXIgcmVzZXRzIHRoZSBmbGFnIGF0IGZyYW1lIGVuZCBzbyBpdCdzIG9uZS1zaG90LlxuICAgKi9cbiAgaW52YWxpZGF0ZVByZXZGcmFtZSgpOiB2b2lkIHtcbiAgICB0aGlzLnByZXZGcmFtZUNvbnRhbWluYXRlZCA9IHRydWVcbiAgfVxuXG4gIC8qKlxuICAgKiBDYWxsZWQgYnkgdGhlIDxBbHRlcm5hdGVTY3JlZW4+IGNvbXBvbmVudCBvbiBtb3VudC91bm1vdW50LlxuICAgKiBDb250cm9scyBjdXJzb3IueSBjbGFtcGluZyBpbiB0aGUgcmVuZGVyZXIgYW5kIGdhdGVzIGFsdC1zY3JlZW4tYXdhcmVcbiAgICogYmVoYXZpb3IgaW4gU0lHQ09OVC9yZXNpemUvdW5tb3VudCBoYW5kbGVycy4gUmVwYWludHMgb24gY2hhbmdlIHNvXG4gICAqIHRoZSBmaXJzdCBhbHQtc2NyZWVuIGZyYW1lIChhbmQgZmlyc3QgbWFpbi1zY3JlZW4gZnJhbWUgb24gZXhpdCkgaXNcbiAgICogYSBmdWxsIHJlZHJhdyB3aXRoIG5vIHN0YWxlIGRpZmYgc3RhdGUuXG4gICAqL1xuICBzZXRBbHRTY3JlZW5BY3RpdmUoYWN0aXZlOiBib29sZWFuLCBtb3VzZVRyYWNraW5nID0gZmFsc2UpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5hbHRTY3JlZW5BY3RpdmUgPT09IGFjdGl2ZSkgcmV0dXJuXG4gICAgdGhpcy5hbHRTY3JlZW5BY3RpdmUgPSBhY3RpdmVcbiAgICB0aGlzLmFsdFNjcmVlbk1vdXNlVHJhY2tpbmcgPSBhY3RpdmUgJiYgbW91c2VUcmFja2luZ1xuICAgIGlmIChhY3RpdmUpIHtcbiAgICAgIHRoaXMucmVzZXRGcmFtZXNGb3JBbHRTY3JlZW4oKVxuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnJlcGFpbnQoKVxuICAgIH1cbiAgfVxuXG4gIGdldCBpc0FsdFNjcmVlbkFjdGl2ZSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5hbHRTY3JlZW5BY3RpdmVcbiAgfVxuXG4gIC8qKlxuICAgKiBSZS1hc3NlcnQgdGVybWluYWwgbW9kZXMgYWZ0ZXIgYSBnYXAgKD41cyBzdGRpbiBzaWxlbmNlIG9yIGV2ZW50LWxvb3BcbiAgICogc3RhbGwpLiBDYXRjaGVzIHRtdXggZGV0YWNo4oaSYXR0YWNoLCBzc2ggcmVjb25uZWN0LCBhbmQgbGFwdG9wXG4gICAqIHNsZWVwL3dha2Ug4oCUIG5vbmUgb2Ygd2hpY2ggc2VuZCBTSUdDT05ULiBUaGUgdGVybWluYWwgbWF5IHJlc2V0IERFQ1xuICAgKiBwcml2YXRlIG1vZGVzIG9uIHJlY29ubmVjdDsgdGhpcyBtZXRob2QgcmVzdG9yZXMgdGhlbS5cbiAgICpcbiAgICogQWx3YXlzIHJlLWFzc2VydHMgZXh0ZW5kZWQga2V5IHJlcG9ydGluZyBhbmQgbW91c2UgdHJhY2tpbmcuIE1vdXNlXG4gICAqIHRyYWNraW5nIGlzIGlkZW1wb3RlbnQgKERFQyBwcml2YXRlIG1vZGUgc2V0LXdoZW4tc2V0IGlzIGEgbm8tb3ApLiBUaGVcbiAgICogS2l0dHkga2V5Ym9hcmQgcHJvdG9jb2wgaXMgTk9UIOKAlCBDU0kgPjF1IGlzIGEgc3RhY2sgcHVzaCwgc28gd2UgcG9wXG4gICAqIGZpcnN0IHRvIGtlZXAgZGVwdGggYmFsYW5jZWQgKHBvcCBvbiBlbXB0eSBzdGFjayBpcyBhIG5vLW9wIHBlciBzcGVjLFxuICAgKiBzbyBhZnRlciBhIHRlcm1pbmFsIHJlc2V0IHRoaXMgc3RpbGwgcmVzdG9yZXMgZGVwdGggMOKGkjEpLiBXaXRob3V0IHRoZVxuICAgKiBwb3AsIGVhY2ggPjVzIGlkbGUgZ2FwIGFkZHMgYSBzdGFjayBlbnRyeSwgYW5kIHRoZSBzaW5nbGUgcG9wIG9uIGV4aXRcbiAgICogb3Igc3VzcGVuZCBjYW4ndCBkcmFpbiB0aGVtIOKAlCB0aGUgc2hlbGwgaXMgbGVmdCBpbiBDU0kgdSBtb2RlIHdoZXJlXG4gICAqIEN0cmwrQy9DdHJsK0QgbGVhayBhcyBlc2NhcGUgc2VxdWVuY2VzLiBUaGUgYWx0LXNjcmVlblxuICAgKiByZS1lbnRyeSAoRVJBU0VfU0NSRUVOICsgZnJhbWUgcmVzZXQpIGlzIE5PVCBpZGVtcG90ZW50IOKAlCBpdCBibGFua3MgdGhlXG4gICAqIHNjcmVlbiDigJQgc28gaXQncyBvcHQtaW4gdmlhIGluY2x1ZGVBbHRTY3JlZW4uIFRoZSBzdGRpbi1nYXAgY2FsbGVyIGZpcmVzXG4gICAqIG9uIG9yZGluYXJ5ID41cyBpZGxlICsga2V5cHJlc3MgYW5kIG11c3Qgbm90IGVyYXNlOyB0aGUgZXZlbnQtbG9vcCBzdGFsbFxuICAgKiBkZXRlY3RvciBmaXJlcyBvbiBnZW51aW5lIHNsZWVwL3dha2UgYW5kIG9wdHMgaW4uIHRtdXggYXR0YWNoIC8gc3NoXG4gICAqIHJlY29ubmVjdCB0eXBpY2FsbHkgc2VuZCBhIHJlc2l6ZSwgd2hpY2ggYWxyZWFkeSBjb3ZlcnMgYWx0LXNjcmVlbiB2aWFcbiAgICogaGFuZGxlUmVzaXplLlxuICAgKi9cbiAgcmVhc3NlcnRUZXJtaW5hbE1vZGVzID0gKGluY2x1ZGVBbHRTY3JlZW4gPSBmYWxzZSk6IHZvaWQgPT4ge1xuICAgIGlmICghdGhpcy5vcHRpb25zLnN0ZG91dC5pc1RUWSkgcmV0dXJuXG4gICAgLy8gRG9uJ3QgdG91Y2ggdGhlIHRlcm1pbmFsIGR1cmluZyBhbiBlZGl0b3IgaGFuZG9mZiDigJQgcmUtZW5hYmxpbmcga2l0dHlcbiAgICAvLyBrZXlib2FyZCBoZXJlIHdvdWxkIHVuZG8gZW50ZXJBbHRlcm5hdGVTY3JlZW4ncyBkaXNhYmxlIGFuZCBuYW5vIHdvdWxkXG4gICAgLy8gc3RhcnQgc2VlaW5nIENTSS11IHNlcXVlbmNlcyBhZ2Fpbi5cbiAgICBpZiAodGhpcy5pc1BhdXNlZCkgcmV0dXJuXG4gICAgLy8gRXh0ZW5kZWQga2V5cyDigJQgcmUtYXNzZXJ0IGlmIGVuYWJsZWQgKEFwcC50c3ggZW5hYmxlcyB0aGVzZSBvblxuICAgIC8vIGFsbG93bGlzdGVkIHRlcm1pbmFscyBhdCByYXctbW9kZSBlbnRyeTsgYSB0ZXJtaW5hbCByZXNldCBjbGVhcnMgdGhlbSkuXG4gICAgLy8gUG9wLWJlZm9yZS1wdXNoIGtlZXBzIEtpdHR5IHN0YWNrIGRlcHRoIGF0IDEgaW5zdGVhZCBvZiBhY2N1bXVsYXRpbmdcbiAgICAvLyBvbiBlYWNoIGNhbGwuXG4gICAgaWYgKHN1cHBvcnRzRXh0ZW5kZWRLZXlzKCkpIHtcbiAgICAgIHRoaXMub3B0aW9ucy5zdGRvdXQud3JpdGUoXG4gICAgICAgIERJU0FCTEVfS0lUVFlfS0VZQk9BUkQgK1xuICAgICAgICAgIEVOQUJMRV9LSVRUWV9LRVlCT0FSRCArXG4gICAgICAgICAgRU5BQkxFX01PRElGWV9PVEhFUl9LRVlTLFxuICAgICAgKVxuICAgIH1cbiAgICBpZiAoIXRoaXMuYWx0U2NyZWVuQWN0aXZlKSByZXR1cm5cbiAgICAvLyBNb3VzZSB0cmFja2luZyDigJQgaWRlbXBvdGVudCwgc2FmZSB0byByZS1hc3NlcnQgb24gZXZlcnkgc3RkaW4gZ2FwLlxuICAgIGlmICh0aGlzLmFsdFNjcmVlbk1vdXNlVHJhY2tpbmcpIHtcbiAgICAgIHRoaXMub3B0aW9ucy5zdGRvdXQud3JpdGUoRU5BQkxFX01PVVNFX1RSQUNLSU5HKVxuICAgIH1cbiAgICAvLyBBbHQtc2NyZWVuIHJlLWVudHJ5IOKAlCBkZXN0cnVjdGl2ZSAoRVJBU0VfU0NSRUVOKS4gT25seSBmb3IgY2FsbGVycyB0aGF0XG4gICAgLy8gaGF2ZSBhIHN0cm9uZyBzaWduYWwgdGhlIHRlcm1pbmFsIGFjdHVhbGx5IGRyb3BwZWQgbW9kZSAxMDQ5LlxuICAgIGlmIChpbmNsdWRlQWx0U2NyZWVuKSB7XG4gICAgICB0aGlzLnJlZW50ZXJBbHRTY3JlZW4oKVxuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBNYXJrIHRoaXMgaW5zdGFuY2UgYXMgdW5tb3VudGVkIHNvIGZ1dHVyZSB1bm1vdW50KCkgY2FsbHMgZWFybHktcmV0dXJuLlxuICAgKiBDYWxsZWQgYnkgZ3JhY2VmdWxTaHV0ZG93bidzIGNsZWFudXBUZXJtaW5hbE1vZGVzKCkgYWZ0ZXIgaXQgaGFzIHNlbnRcbiAgICogRVhJVF9BTFRfU0NSRUVOIGJ1dCBiZWZvcmUgdGhlIHJlbWFpbmluZyB0ZXJtaW5hbC1yZXNldCBzZXF1ZW5jZXMuXG4gICAqIFdpdGhvdXQgdGhpcywgc2lnbmFsLWV4aXQncyBkZWZlcnJlZCBpbmsudW5tb3VudCgpICh0cmlnZ2VyZWQgYnlcbiAgICogcHJvY2Vzcy5leGl0KCkpIHJ1bnMgdGhlIGZ1bGwgdW5tb3VudCBwYXRoOiBvblJlbmRlcigpICsgd3JpdGVTeW5jXG4gICAqIGNsZWFudXAgYmxvY2sgKyB1cGRhdGVDb250YWluZXJTeW5jIOKGkiBBbHRlcm5hdGVTY3JlZW4gdW5tb3VudCBjbGVhbnVwLlxuICAgKiBUaGUgcmVzdWx0IGlzIDItMyByZWR1bmRhbnQgRVhJVF9BTFRfU0NSRUVOIHNlcXVlbmNlcyBsYW5kaW5nIG9uIHRoZVxuICAgKiBtYWluIHNjcmVlbiBBRlRFUiBwcmludFJlc3VtZUhpbnQoKSwgd2hpY2ggdG11eCAoYXQgbGVhc3QpIGludGVycHJldHNcbiAgICogYXMgcmVzdG9yaW5nIHRoZSBzYXZlZCBjdXJzb3IgcG9zaXRpb24g4oCUIGNsb2JiZXJpbmcgdGhlIHJlc3VtZSBoaW50LlxuICAgKi9cbiAgZGV0YWNoRm9yU2h1dGRvd24oKTogdm9pZCB7XG4gICAgdGhpcy5pc1VubW91bnRlZCA9IHRydWVcbiAgICAvLyBDYW5jZWwgYW55IHBlbmRpbmcgdGhyb3R0bGVkIHJlbmRlciBzbyBpdCBkb2Vzbid0IGZpcmUgYmV0d2VlblxuICAgIC8vIGNsZWFudXBUZXJtaW5hbE1vZGVzKCkgYW5kIHByb2Nlc3MuZXhpdCgpIGFuZCB3cml0ZSB0byBtYWluIHNjcmVlbi5cbiAgICB0aGlzLnNjaGVkdWxlUmVuZGVyLmNhbmNlbD8uKClcbiAgICAvLyBSZXN0b3JlIHN0ZGluIGZyb20gcmF3IG1vZGUuIHVubW91bnQoKSB1c2VkIHRvIGRvIHRoaXMgdmlhIFJlYWN0XG4gICAgLy8gdW5tb3VudCAoQXBwLmNvbXBvbmVudFdpbGxVbm1vdW50IOKGkiBoYW5kbGVTZXRSYXdNb2RlKGZhbHNlKSkgYnV0IHdlJ3JlXG4gICAgLy8gc2hvcnQtY2lyY3VpdGluZyB0aGF0IHBhdGguIE11c3QgdXNlIHRoaXMub3B0aW9ucy5zdGRpbiDigJQgTk9UXG4gICAgLy8gcHJvY2Vzcy5zdGRpbiDigJQgYmVjYXVzZSBnZXRTdGRpbk92ZXJyaWRlKCkgbWF5IGhhdmUgb3BlbmVkIC9kZXYvdHR5XG4gICAgLy8gd2hlbiBzdGRpbiBpcyBwaXBlZC5cbiAgICBjb25zdCBzdGRpbiA9IHRoaXMub3B0aW9ucy5zdGRpbiBhcyBOb2RlSlMuUmVhZFN0cmVhbSAmIHtcbiAgICAgIGlzUmF3PzogYm9vbGVhblxuICAgICAgc2V0UmF3TW9kZT86IChtOiBib29sZWFuKSA9PiB2b2lkXG4gICAgfVxuICAgIHRoaXMuZHJhaW5TdGRpbigpXG4gICAgaWYgKHN0ZGluLmlzVFRZICYmIHN0ZGluLmlzUmF3ICYmIHN0ZGluLnNldFJhd01vZGUpIHtcbiAgICAgIHN0ZGluLnNldFJhd01vZGUoZmFsc2UpXG4gICAgfVxuICB9XG5cbiAgLyoqIEBzZWUgZHJhaW5TdGRpbiAqL1xuICBkcmFpblN0ZGluKCk6IHZvaWQge1xuICAgIGRyYWluU3RkaW4odGhpcy5vcHRpb25zLnN0ZGluKVxuICB9XG5cbiAgLyoqXG4gICAqIFJlLWVudGVyIGFsdC1zY3JlZW4sIGNsZWFyLCBob21lLCByZS1lbmFibGUgbW91c2UgdHJhY2tpbmcsIGFuZCByZXNldFxuICAgKiBmcmFtZSBidWZmZXJzIHNvIHRoZSBuZXh0IHJlbmRlciByZXBhaW50cyBmcm9tIHNjcmF0Y2guIFNlbGYtaGVhbCBmb3JcbiAgICogU0lHQ09OVCwgcmVzaXplLCBhbmQgc3RkaW4tZ2FwL2V2ZW50LWxvb3Atc3RhbGwgKHNsZWVwL3dha2UpIOKAlCBhbnkgb2ZcbiAgICogd2hpY2ggY2FuIGxlYXZlIHRoZSB0ZXJtaW5hbCBpbiBtYWluLXNjcmVlbiBtb2RlIHdoaWxlIGFsdFNjcmVlbkFjdGl2ZVxuICAgKiBzdGF5cyB0cnVlLiBFTlRFUl9BTFRfU0NSRUVOIGlzIGEgdGVybWluYWwtc2lkZSBuby1vcCBpZiBhbHJlYWR5IGluIGFsdC5cbiAgICovXG4gIHByaXZhdGUgcmVlbnRlckFsdFNjcmVlbigpOiB2b2lkIHtcbiAgICB0aGlzLm9wdGlvbnMuc3Rkb3V0LndyaXRlKFxuICAgICAgRU5URVJfQUxUX1NDUkVFTiArXG4gICAgICAgIEVSQVNFX1NDUkVFTiArXG4gICAgICAgIENVUlNPUl9IT01FICtcbiAgICAgICAgKHRoaXMuYWx0U2NyZWVuTW91c2VUcmFja2luZyA/IEVOQUJMRV9NT1VTRV9UUkFDS0lORyA6ICcnKSxcbiAgICApXG4gICAgdGhpcy5yZXNldEZyYW1lc0ZvckFsdFNjcmVlbigpXG4gIH1cblxuICAvKipcbiAgICogU2VlZCBwcmV2L2JhY2sgZnJhbWVzIHdpdGggZnVsbC1zaXplIEJMQU5LIHNjcmVlbnMgKHJvd3PDl2NvbHMgb2YgZW1wdHlcbiAgICogY2VsbHMsIG5vdCAww5cwKS4gSW4gYWx0LXNjcmVlbiBtb2RlLCBuZXh0LnNjcmVlbi5oZWlnaHQgaXMgYWx3YXlzXG4gICAqIHRlcm1pbmFsUm93czsgaWYgcHJldi5zY3JlZW4uaGVpZ2h0IGlzIDAgKGVtcHR5RnJhbWUncyBkZWZhdWx0KSxcbiAgICogbG9nLXVwZGF0ZSBzZWVzIGhlaWdodERlbHRhID4gMCAoJ2dyb3dpbmcnKSBhbmQgY2FsbHMgcmVuZGVyRnJhbWVTbGljZSxcbiAgICogd2hvc2UgdHJhaWxpbmcgcGVyLXJvdyBDUitMRiBhdCB0aGUgbGFzdCByb3cgc2Nyb2xscyB0aGUgYWx0IHNjcmVlbixcbiAgICogcGVybWFuZW50bHkgZGVzeW5jaW5nIHRoZSB2aXJ0dWFsIGFuZCBwaHlzaWNhbCBjdXJzb3JzIGJ5IDEgcm93LlxuICAgKlxuICAgKiBXaXRoIGEgcm93c8OXY29scyBibGFuayBwcmV2LCBoZWlnaHREZWx0YSA9PT0gMCDihpIgc3RhbmRhcmQgZGlmZkVhY2hcbiAgICog4oaSIG1vdmVDdXJzb3JUbyAoQ1NJIGN1cnNvck1vdmUsIG5vIExGLCBubyBzY3JvbGwpLlxuICAgKlxuICAgKiB2aWV3cG9ydC5oZWlnaHQgPSByb3dzICsgMSBtYXRjaGVzIHRoZSByZW5kZXJlcidzIGFsdC1zY3JlZW4gb3V0cHV0LFxuICAgKiBwcmV2ZW50aW5nIGEgc3B1cmlvdXMgcmVzaXplIHRyaWdnZXIgb24gdGhlIGZpcnN0IGZyYW1lLiBjdXJzb3IueSA9IDBcbiAgICogbWF0Y2hlcyB0aGUgcGh5c2ljYWwgY3Vyc29yIGFmdGVyIEVOVEVSX0FMVF9TQ1JFRU4gKyBDU0kgSCAoaG9tZSkuXG4gICAqL1xuICBwcml2YXRlIHJlc2V0RnJhbWVzRm9yQWx0U2NyZWVuKCk6IHZvaWQge1xuICAgIGNvbnN0IHJvd3MgPSB0aGlzLnRlcm1pbmFsUm93c1xuICAgIGNvbnN0IGNvbHMgPSB0aGlzLnRlcm1pbmFsQ29sdW1uc1xuICAgIGNvbnN0IGJsYW5rID0gKCk6IEZyYW1lID0+ICh7XG4gICAgICBzY3JlZW46IGNyZWF0ZVNjcmVlbihcbiAgICAgICAgY29scyxcbiAgICAgICAgcm93cyxcbiAgICAgICAgdGhpcy5zdHlsZVBvb2wsXG4gICAgICAgIHRoaXMuY2hhclBvb2wsXG4gICAgICAgIHRoaXMuaHlwZXJsaW5rUG9vbCxcbiAgICAgICksXG4gICAgICB2aWV3cG9ydDogeyB3aWR0aDogY29scywgaGVpZ2h0OiByb3dzICsgMSB9LFxuICAgICAgY3Vyc29yOiB7IHg6IDAsIHk6IDAsIHZpc2libGU6IHRydWUgfSxcbiAgICB9KVxuICAgIHRoaXMuZnJvbnRGcmFtZSA9IGJsYW5rKClcbiAgICB0aGlzLmJhY2tGcmFtZSA9IGJsYW5rKClcbiAgICB0aGlzLmxvZy5yZXNldCgpXG4gICAgLy8gRGVmZW5zZS1pbi1kZXB0aDogYWx0LXNjcmVlbiBza2lwcyB0aGUgY3Vyc29yIHByZWFtYmxlIGFueXdheSAoQ1NJIEhcbiAgICAvLyByZXNldHMpLCBidXQgYSBzdGFsZSBkaXNwbGF5Q3Vyc29yIHdvdWxkIGJlIG1pc2xlYWRpbmcgaWYgd2UgbGF0ZXJcbiAgICAvLyBleGl0IHRvIG1haW4tc2NyZWVuIHdpdGhvdXQgYW4gaW50ZXJ2ZW5pbmcgcmVuZGVyLlxuICAgIHRoaXMuZGlzcGxheUN1cnNvciA9IG51bGxcbiAgICAvLyBGcmVzaCBmcm9udEZyYW1lIGlzIGJsYW5rIHJvd3PDl2NvbHMg4oCUIGJsaXR0aW5nIGZyb20gaXQgd291bGQgY29weVxuICAgIC8vIGJsYW5rcyBvdmVyIGNvbnRlbnQuIE5leHQgYWx0LXNjcmVlbiBmcmFtZSBtdXN0IGZ1bGwtcmVuZGVyLlxuICAgIHRoaXMucHJldkZyYW1lQ29udGFtaW5hdGVkID0gdHJ1ZVxuICB9XG5cbiAgLyoqXG4gICAqIENvcHkgdGhlIGN1cnJlbnQgc2VsZWN0aW9uIHRvIHRoZSBjbGlwYm9hcmQgd2l0aG91dCBjbGVhcmluZyB0aGVcbiAgICogaGlnaGxpZ2h0LiBNYXRjaGVzIGlUZXJtMidzIGNvcHktb24tc2VsZWN0IGJlaGF2aW9yIHdoZXJlIHRoZSBzZWxlY3RlZFxuICAgKiByZWdpb24gc3RheXMgdmlzaWJsZSBhZnRlciB0aGUgYXV0b21hdGljIGNvcHkuXG4gICAqL1xuICBjb3B5U2VsZWN0aW9uTm9DbGVhcigpOiBzdHJpbmcge1xuICAgIGlmICghaGFzU2VsZWN0aW9uKHRoaXMuc2VsZWN0aW9uKSkgcmV0dXJuICcnXG4gICAgY29uc3QgdGV4dCA9IGdldFNlbGVjdGVkVGV4dCh0aGlzLnNlbGVjdGlvbiwgdGhpcy5mcm9udEZyYW1lLnNjcmVlbilcbiAgICBpZiAodGV4dCkge1xuICAgICAgLy8gUmF3IE9TQyA1Miwgb3IgRENTLXBhc3N0aHJvdWdoLXdyYXBwZWQgT1NDIDUyIGluc2lkZSB0bXV4ICh0bXV4XG4gICAgICAvLyBkcm9wcyBpdCBzaWxlbnRseSB1bmxlc3MgYWxsb3ctcGFzc3Rocm91Z2ggaXMgb24g4oCUIG5vIHJlZ3Jlc3Npb24pLlxuICAgICAgdm9pZCBzZXRDbGlwYm9hcmQodGV4dCkudGhlbihyYXcgPT4ge1xuICAgICAgICBpZiAocmF3KSB0aGlzLm9wdGlvbnMuc3Rkb3V0LndyaXRlKHJhdylcbiAgICAgIH0pXG4gICAgfVxuICAgIHJldHVybiB0ZXh0XG4gIH1cblxuICAvKipcbiAgICogQ29weSB0aGUgY3VycmVudCB0ZXh0IHNlbGVjdGlvbiB0byB0aGUgc3lzdGVtIGNsaXBib2FyZCB2aWEgT1NDIDUyXG4gICAqIGFuZCBjbGVhciB0aGUgc2VsZWN0aW9uLiBSZXR1cm5zIHRoZSBjb3BpZWQgdGV4dCAoZW1wdHkgaWYgbm8gc2VsZWN0aW9uKS5cbiAgICovXG4gIGNvcHlTZWxlY3Rpb24oKTogc3RyaW5nIHtcbiAgICBpZiAoIWhhc1NlbGVjdGlvbih0aGlzLnNlbGVjdGlvbikpIHJldHVybiAnJ1xuICAgIGNvbnN0IHRleHQgPSB0aGlzLmNvcHlTZWxlY3Rpb25Ob0NsZWFyKClcbiAgICBjbGVhclNlbGVjdGlvbih0aGlzLnNlbGVjdGlvbilcbiAgICB0aGlzLm5vdGlmeVNlbGVjdGlvbkNoYW5nZSgpXG4gICAgcmV0dXJuIHRleHRcbiAgfVxuXG4gIC8qKiBDbGVhciB0aGUgY3VycmVudCB0ZXh0IHNlbGVjdGlvbiB3aXRob3V0IGNvcHlpbmcuICovXG4gIGNsZWFyVGV4dFNlbGVjdGlvbigpOiB2b2lkIHtcbiAgICBpZiAoIWhhc1NlbGVjdGlvbih0aGlzLnNlbGVjdGlvbikpIHJldHVyblxuICAgIGNsZWFyU2VsZWN0aW9uKHRoaXMuc2VsZWN0aW9uKVxuICAgIHRoaXMubm90aWZ5U2VsZWN0aW9uQ2hhbmdlKClcbiAgfVxuXG4gIC8qKlxuICAgKiBTZXQgdGhlIHNlYXJjaCBoaWdobGlnaHQgcXVlcnkuIE5vbi1lbXB0eSDihpIgYWxsIHZpc2libGUgb2NjdXJyZW5jZXNcbiAgICogYXJlIGludmVydGVkIChTR1IgNykgb24gdGhlIG5leHQgZnJhbWU7IGZpcnN0IG9uZSBhbHNvIHVuZGVybGluZWQuXG4gICAqIEVtcHR5IOKGkiBjbGVhcnMgKHByZXZGcmFtZUNvbnRhbWluYXRlZCBoYW5kbGVzIHRoZSBmcmFtZSBhZnRlcikuIFNhbWVcbiAgICogZGFtYWdlLXRyYWNraW5nIG1hY2hpbmVyeSBhcyBzZWxlY3Rpb24g4oCUIHNldENlbGxTdHlsZUlkIGRvZXNuJ3QgdHJhY2tcbiAgICogZGFtYWdlLCBzbyB0aGUgb3ZlcmxheSBmb3JjZXMgZnVsbC1mcmFtZSBkYW1hZ2Ugd2hpbGUgYWN0aXZlLlxuICAgKi9cbiAgc2V0U2VhcmNoSGlnaGxpZ2h0KHF1ZXJ5OiBzdHJpbmcpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5zZWFyY2hIaWdobGlnaHRRdWVyeSA9PT0gcXVlcnkpIHJldHVyblxuICAgIHRoaXMuc2VhcmNoSGlnaGxpZ2h0UXVlcnkgPSBxdWVyeVxuICAgIHRoaXMuc2NoZWR1bGVSZW5kZXIoKVxuICB9XG5cbiAgLyoqIFBhaW50IGFuIEVYSVNUSU5HIERPTSBzdWJ0cmVlIHRvIGEgZnJlc2ggU2NyZWVuIGF0IGl0cyBuYXR1cmFsXG4gICAqICBoZWlnaHQsIHNjYW4gZm9yIHF1ZXJ5LiBSZXR1cm5zIHBvc2l0aW9ucyByZWxhdGl2ZSB0byB0aGUgZWxlbWVudCdzXG4gICAqICBib3VuZGluZyBib3ggKHJvdyAwID0gZWxlbWVudCB0b3ApLlxuICAgKlxuICAgKiAgVGhlIGVsZW1lbnQgY29tZXMgZnJvbSB0aGUgTUFJTiB0cmVlIOKAlCBidWlsdCB3aXRoIGFsbCByZWFsXG4gICAqICBwcm92aWRlcnMsIHlvZ2EgYWxyZWFkeSBjb21wdXRlZC4gV2UgcGFpbnQgaXQgdG8gYSBmcmVzaCBidWZmZXJcbiAgICogIHdpdGggb2Zmc2V0cyBzbyBpdCBsYW5kcyBhdCAoMCwwKS4gU2FtZSBwYWludCBwYXRoIGFzIHRoZSBtYWluXG4gICAqICByZW5kZXIuIFplcm8gZHJpZnQuIE5vIHNlY29uZCBSZWFjdCByb290LCBubyBjb250ZXh0IGJyaWRnZS5cbiAgICpcbiAgICogIH4xLTJtcyAocGFpbnQgb25seSwgbm8gcmVjb25jaWxlIOKAlCB0aGUgRE9NIGlzIGFscmVhZHkgYnVpbHQpLiAqL1xuICBzY2FuRWxlbWVudFN1YnRyZWUoZWw6IGRvbS5ET01FbGVtZW50KTogTWF0Y2hQb3NpdGlvbltdIHtcbiAgICBpZiAoIXRoaXMuc2VhcmNoSGlnaGxpZ2h0UXVlcnkgfHwgIWVsLnlvZ2FOb2RlKSByZXR1cm4gW11cbiAgICBjb25zdCB3aWR0aCA9IE1hdGguY2VpbChlbC55b2dhTm9kZS5nZXRDb21wdXRlZFdpZHRoKCkpXG4gICAgY29uc3QgaGVpZ2h0ID0gTWF0aC5jZWlsKGVsLnlvZ2FOb2RlLmdldENvbXB1dGVkSGVpZ2h0KCkpXG4gICAgaWYgKHdpZHRoIDw9IDAgfHwgaGVpZ2h0IDw9IDApIHJldHVybiBbXVxuICAgIC8vIHJlbmRlck5vZGVUb091dHB1dCBhZGRzIGVsJ3MgT1dOIGNvbXB1dGVkTGVmdC9Ub3AgdG8gb2Zmc2V0WC9ZLlxuICAgIC8vIFBhc3NpbmcgLWVsTGVmdC8tZWxUb3AgbmV0cyB0byAwIOKGkiBwYWludHMgYXQgKDAsMCkgaW4gb3VyIGJ1ZmZlci5cbiAgICBjb25zdCBlbExlZnQgPSBlbC55b2dhTm9kZS5nZXRDb21wdXRlZExlZnQoKVxuICAgIGNvbnN0IGVsVG9wID0gZWwueW9nYU5vZGUuZ2V0Q29tcHV0ZWRUb3AoKVxuICAgIGNvbnN0IHNjcmVlbiA9IGNyZWF0ZVNjcmVlbihcbiAgICAgIHdpZHRoLFxuICAgICAgaGVpZ2h0LFxuICAgICAgdGhpcy5zdHlsZVBvb2wsXG4gICAgICB0aGlzLmNoYXJQb29sLFxuICAgICAgdGhpcy5oeXBlcmxpbmtQb29sLFxuICAgIClcbiAgICBjb25zdCBvdXRwdXQgPSBuZXcgT3V0cHV0KHtcbiAgICAgIHdpZHRoLFxuICAgICAgaGVpZ2h0LFxuICAgICAgc3R5bGVQb29sOiB0aGlzLnN0eWxlUG9vbCxcbiAgICAgIHNjcmVlbixcbiAgICB9KVxuICAgIHJlbmRlck5vZGVUb091dHB1dChlbCwgb3V0cHV0LCB7XG4gICAgICBvZmZzZXRYOiAtZWxMZWZ0LFxuICAgICAgb2Zmc2V0WTogLWVsVG9wLFxuICAgICAgcHJldlNjcmVlbjogdW5kZWZpbmVkLFxuICAgIH0pXG4gICAgY29uc3QgcmVuZGVyZWQgPSBvdXRwdXQuZ2V0KClcbiAgICAvLyByZW5kZXJOb2RlVG9PdXRwdXQgd3JvdGUgb3VyIG9mZnNldCBwb3NpdGlvbnMgdG8gbm9kZUNhY2hlIOKAlFxuICAgIC8vIGNvcnJ1cHRzIHRoZSBtYWluIHJlbmRlciAoaXQnZCBibGl0IGZyb20gd3JvbmcgY29vcmRzKS4gTWFyayB0aGVcbiAgICAvLyBzdWJ0cmVlIGRpcnR5IHNvIHRoZSBuZXh0IG1haW4gcmVuZGVyIHJlcGFpbnRzICsgcmUtY2FjaGVzXG4gICAgLy8gY29ycmVjdGx5LiBPbmUgZXh0cmEgcGFpbnQgb2YgdGhpcyBtZXNzYWdlLCBidXQgY29ycmVjdCA+IGZhc3QuXG4gICAgZG9tLm1hcmtEaXJ0eShlbClcbiAgICBjb25zdCBwb3NpdGlvbnMgPSBzY2FuUG9zaXRpb25zKHJlbmRlcmVkLCB0aGlzLnNlYXJjaEhpZ2hsaWdodFF1ZXJ5KVxuICAgIGxvZ0ZvckRlYnVnZ2luZyhcbiAgICAgIGBzY2FuRWxlbWVudFN1YnRyZWU6IHE9JyR7dGhpcy5zZWFyY2hIaWdobGlnaHRRdWVyeX0nIGAgK1xuICAgICAgICBgZWw9JHt3aWR0aH14JHtoZWlnaHR9QCgke2VsTGVmdH0sJHtlbFRvcH0pIG49JHtwb3NpdGlvbnMubGVuZ3RofSBgICtcbiAgICAgICAgYFske3Bvc2l0aW9uc1xuICAgICAgICAgIC5zbGljZSgwLCAxMClcbiAgICAgICAgICAubWFwKHAgPT4gYCR7cC5yb3d9OiR7cC5jb2x9YClcbiAgICAgICAgICAuam9pbignLCcpfWAgK1xuICAgICAgICBgJHtwb3NpdGlvbnMubGVuZ3RoID4gMTAgPyAnLOKApicgOiAnJ31dYCxcbiAgICApXG4gICAgcmV0dXJuIHBvc2l0aW9uc1xuICB9XG5cbiAgLyoqIFNldCB0aGUgcG9zaXRpb24tYmFzZWQgaGlnaGxpZ2h0IHN0YXRlLiBFdmVyeSBmcmFtZSwgd3JpdGVzIENVUlJFTlRcbiAgICogIHN0eWxlIGF0IHBvc2l0aW9uc1tjdXJyZW50SWR4XSArIHJvd09mZnNldC4gbnVsbCBjbGVhcnMuIFRoZSBzY2FuLVxuICAgKiAgaGlnaGxpZ2h0IChpbnZlcnNlIG9uIGFsbCBtYXRjaGVzKSBzdGlsbCBydW5zIOKAlCB0aGlzIG92ZXJsYXlzIHllbGxvd1xuICAgKiAgb24gdG9wLiByb3dPZmZzZXQgY2hhbmdlcyBhcyB0aGUgdXNlciBzY3JvbGxzICg9IG1lc3NhZ2UncyBjdXJyZW50XG4gICAqICBzY3JlZW4tdG9wKTsgcG9zaXRpb25zIHN0YXkgc3RhYmxlIChtZXNzYWdlLXJlbGF0aXZlKS4gKi9cbiAgc2V0U2VhcmNoUG9zaXRpb25zKFxuICAgIHN0YXRlOiB7XG4gICAgICBwb3NpdGlvbnM6IE1hdGNoUG9zaXRpb25bXVxuICAgICAgcm93T2Zmc2V0OiBudW1iZXJcbiAgICAgIGN1cnJlbnRJZHg6IG51bWJlclxuICAgIH0gfCBudWxsLFxuICApOiB2b2lkIHtcbiAgICB0aGlzLnNlYXJjaFBvc2l0aW9ucyA9IHN0YXRlXG4gICAgdGhpcy5zY2hlZHVsZVJlbmRlcigpXG4gIH1cblxuICAvKipcbiAgICogU2V0IHRoZSBzZWxlY3Rpb24gaGlnaGxpZ2h0IGJhY2tncm91bmQgY29sb3IuIFJlcGxhY2VzIHRoZSBwZXItY2VsbFxuICAgKiBTR1ItNyBpbnZlcnNlIHdpdGggYSBzb2xpZCB0aGVtZS1hd2FyZSBiZyAobWF0Y2hlcyBuYXRpdmUgdGVybWluYWxcbiAgICogc2VsZWN0aW9uKS4gQWNjZXB0cyB0aGUgc2FtZSBjb2xvciBmb3JtYXRzIGFzIFRleHQgYmFja2dyb3VuZENvbG9yXG4gICAqIChyZ2IoKSwgYW5zaTpuYW1lLCAjaGV4LCBhbnNpMjU2KCkpIOKAlCBjb2xvcml6ZSgpIHJvdXRlcyB0aHJvdWdoXG4gICAqIGNoYWxrIHNvIHRoZSB0bXV4L3h0ZXJtLmpzIGxldmVsIGNsYW1wcyBpbiBjb2xvcml6ZS50cyBhcHBseSBhbmRcbiAgICogdGhlIGVtaXR0ZWQgU0dSIGlzIGNvcnJlY3QgZm9yIHRoZSBjdXJyZW50IHRlcm1pbmFsLlxuICAgKlxuICAgKiBDYWxsZWQgYnkgUmVhY3QtbGFuZCBvbmNlIHRoZW1lIGlzIGtub3duIChTY3JvbGxLZXliaW5kaW5nSGFuZGxlcidzXG4gICAqIHVzZUVmZmVjdCB3YXRjaGluZyB1c2VUaGVtZSkuIEJlZm9yZSB0aGF0IGNhbGwsIHdpdGhTZWxlY3Rpb25CZ1xuICAgKiBmYWxscyBiYWNrIHRvIHdpdGhJbnZlcnNlIHNvIHNlbGVjdGlvbiBzdGlsbCByZW5kZXJzIG9uIHRoZSBmaXJzdFxuICAgKiBmcmFtZTsgdGhlIGVmZmVjdCBmaXJlcyBiZWZvcmUgYW55IG1vdXNlIGlucHV0IHNvIHRoZSBmYWxsYmFjayBpc1xuICAgKiB1bm9ic2VydmFibGUgaW4gcHJhY3RpY2UuXG4gICAqL1xuICBzZXRTZWxlY3Rpb25CZ0NvbG9yKGNvbG9yOiBzdHJpbmcpOiB2b2lkIHtcbiAgICAvLyBXcmFwIGEgTlVMIG1hcmtlciwgdGhlbiBzcGxpdCBvbiBpdCB0byBleHRyYWN0IHRoZSBvcGVuL2Nsb3NlIFNHUi5cbiAgICAvLyBjb2xvcml6ZSByZXR1cm5zIHRoZSBpbnB1dCB1bmNoYW5nZWQgaWYgdGhlIGNvbG9yIHN0cmluZyBpcyBiYWQg4oCUXG4gICAgLy8gbm8gTlVMLXNwbGl0IHRoZW4sIHNvIGZhbGwgdGhyb3VnaCB0byBudWxsIChpbnZlcnNlIGZhbGxiYWNrKS5cbiAgICBjb25zdCB3cmFwcGVkID0gY29sb3JpemUoJ1xcMCcsIGNvbG9yLCAnYmFja2dyb3VuZCcpXG4gICAgY29uc3QgbnVsID0gd3JhcHBlZC5pbmRleE9mKCdcXDAnKVxuICAgIGlmIChudWwgPD0gMCB8fCBudWwgPT09IHdyYXBwZWQubGVuZ3RoIC0gMSkge1xuICAgICAgdGhpcy5zdHlsZVBvb2wuc2V0U2VsZWN0aW9uQmcobnVsbClcbiAgICAgIHJldHVyblxuICAgIH1cbiAgICB0aGlzLnN0eWxlUG9vbC5zZXRTZWxlY3Rpb25CZyh7XG4gICAgICB0eXBlOiAnYW5zaScsXG4gICAgICBjb2RlOiB3cmFwcGVkLnNsaWNlKDAsIG51bCksXG4gICAgICBlbmRDb2RlOiB3cmFwcGVkLnNsaWNlKG51bCArIDEpLCAvLyBhbHdheXMgXFx4MWJbNDltIGZvciBiZ1xuICAgIH0pXG4gICAgLy8gTm8gc2NoZWR1bGVSZW5kZXI6IHRoaXMgaXMgY2FsbGVkIGZyb20gYSBSZWFjdCBlZmZlY3QgdGhhdCBhbHJlYWR5XG4gICAgLy8gcnVucyBpbnNpZGUgdGhlIHJlbmRlciBjeWNsZSwgYW5kIHRoZSBiZyBvbmx5IG1hdHRlcnMgb25jZSBhXG4gICAgLy8gc2VsZWN0aW9uIGV4aXN0cyAod2hpY2ggaXRzZWxmIHRyaWdnZXJzIGEgZnVsbC1kYW1hZ2UgZnJhbWUpLlxuICB9XG5cbiAgLyoqXG4gICAqIENhcHR1cmUgdGV4dCBmcm9tIHJvd3MgYWJvdXQgdG8gc2Nyb2xsIG91dCBvZiB0aGUgdmlld3BvcnQgZHVyaW5nXG4gICAqIGRyYWctdG8tc2Nyb2xsLiBNdXN0IGJlIGNhbGxlZCBCRUZPUkUgdGhlIFNjcm9sbEJveCBzY3JvbGxzIHNvIHRoZVxuICAgKiBzY3JlZW4gYnVmZmVyIHN0aWxsIGhvbGRzIHRoZSBvdXRnb2luZyBjb250ZW50LiBBY2N1bXVsYXRlZCBpbnRvXG4gICAqIHRoZSBzZWxlY3Rpb24gc3RhdGUgYW5kIGpvaW5lZCBiYWNrIGluIGJ5IGdldFNlbGVjdGVkVGV4dC5cbiAgICovXG4gIGNhcHR1cmVTY3JvbGxlZFJvd3MoXG4gICAgZmlyc3RSb3c6IG51bWJlcixcbiAgICBsYXN0Um93OiBudW1iZXIsXG4gICAgc2lkZTogJ2Fib3ZlJyB8ICdiZWxvdycsXG4gICk6IHZvaWQge1xuICAgIGNhcHR1cmVTY3JvbGxlZFJvd3MoXG4gICAgICB0aGlzLnNlbGVjdGlvbixcbiAgICAgIHRoaXMuZnJvbnRGcmFtZS5zY3JlZW4sXG4gICAgICBmaXJzdFJvdyxcbiAgICAgIGxhc3RSb3csXG4gICAgICBzaWRlLFxuICAgIClcbiAgfVxuXG4gIC8qKlxuICAgKiBTaGlmdCBhbmNob3IgQU5EIGZvY3VzIGJ5IGRSb3csIGNsYW1wZWQgdG8gW21pblJvdywgbWF4Um93XS4gVXNlZCBieVxuICAgKiBrZXlib2FyZCBzY3JvbGwgaGFuZGxlcnMgKFBnVXAvUGdEbiBldGMuKSBzbyB0aGUgaGlnaGxpZ2h0IHRyYWNrcyB0aGVcbiAgICogY29udGVudCBpbnN0ZWFkIG9mIGRpc2FwcGVhcmluZy4gVW5saWtlIHNoaWZ0QW5jaG9yIChkcmFnLXRvLXNjcm9sbCksXG4gICAqIHRoaXMgbW92ZXMgQk9USCBlbmRwb2ludHMg4oCUIHRoZSB1c2VyIGlzbid0IGhvbGRpbmcgdGhlIG1vdXNlIGF0IG9uZVxuICAgKiBlZGdlLiBTdXBwbGllcyBzY3JlZW4ud2lkdGggZm9yIHRoZSBjb2wtcmVzZXQtb24tY2xhbXAgYm91bmRhcnkuXG4gICAqL1xuICBzaGlmdFNlbGVjdGlvbkZvclNjcm9sbChkUm93OiBudW1iZXIsIG1pblJvdzogbnVtYmVyLCBtYXhSb3c6IG51bWJlcik6IHZvaWQge1xuICAgIGNvbnN0IGhhZFNlbCA9IGhhc1NlbGVjdGlvbih0aGlzLnNlbGVjdGlvbilcbiAgICBzaGlmdFNlbGVjdGlvbihcbiAgICAgIHRoaXMuc2VsZWN0aW9uLFxuICAgICAgZFJvdyxcbiAgICAgIG1pblJvdyxcbiAgICAgIG1heFJvdyxcbiAgICAgIHRoaXMuZnJvbnRGcmFtZS5zY3JlZW4ud2lkdGgsXG4gICAgKVxuICAgIC8vIHNoaWZ0U2VsZWN0aW9uIGNsZWFycyB3aGVuIGJvdGggZW5kcG9pbnRzIG92ZXJzaG9vdCB0aGUgc2FtZSBlZGdlXG4gICAgLy8gKEhvbWUvZy9FbmQvRyBwYWdlLWp1bXAgcGFzdCB0aGUgc2VsZWN0aW9uKS4gTm90aWZ5IHN1YnNjcmliZXJzIHNvXG4gICAgLy8gdXNlSGFzU2VsZWN0aW9uIHVwZGF0ZXMuIFNhZmUgdG8gY2FsbCBub3RpZnlTZWxlY3Rpb25DaGFuZ2UgaGVyZSDigJRcbiAgICAvLyB0aGlzIHJ1bnMgZnJvbSBrZXlib2FyZCBoYW5kbGVycywgbm90IGluc2lkZSBvblJlbmRlcigpLlxuICAgIGlmIChoYWRTZWwgJiYgIWhhc1NlbGVjdGlvbih0aGlzLnNlbGVjdGlvbikpIHtcbiAgICAgIHRoaXMubm90aWZ5U2VsZWN0aW9uQ2hhbmdlKClcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogS2V5Ym9hcmQgc2VsZWN0aW9uIGV4dGVuc2lvbiAoc2hpZnQrYXJyb3cvaG9tZS9lbmQpLiBNb3ZlcyBmb2N1cztcbiAgICogYW5jaG9yIHN0YXlzIGZpeGVkIHNvIHRoZSBoaWdobGlnaHQgZ3Jvd3Mgb3Igc2hyaW5rcyByZWxhdGl2ZSB0byBpdC5cbiAgICogTGVmdC9yaWdodCB3cmFwIGFjcm9zcyByb3cgYm91bmRhcmllcyDigJQgbmF0aXZlIG1hY09TIHRleHQtZWRpdFxuICAgKiBiZWhhdmlvcjogc2hpZnQrbGVmdCBhdCBjb2wgMCB3cmFwcyB0byBlbmQgb2YgdGhlIHByZXZpb3VzIHJvdy5cbiAgICogVXAvZG93biBjbGFtcCBhdCB2aWV3cG9ydCBlZGdlcyAobm8gc2Nyb2xsLXRvLWV4dGVuZCB5ZXQpLiBEcm9wcyB0b1xuICAgKiBjaGFyIG1vZGUuIE5vLW9wIG91dHNpZGUgYWx0LXNjcmVlbiBvciB3aXRob3V0IGFuIGFjdGl2ZSBzZWxlY3Rpb24uXG4gICAqL1xuICBtb3ZlU2VsZWN0aW9uRm9jdXMobW92ZTogRm9jdXNNb3ZlKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmFsdFNjcmVlbkFjdGl2ZSkgcmV0dXJuXG4gICAgY29uc3QgeyBmb2N1cyB9ID0gdGhpcy5zZWxlY3Rpb25cbiAgICBpZiAoIWZvY3VzKSByZXR1cm5cbiAgICBjb25zdCB7IHdpZHRoLCBoZWlnaHQgfSA9IHRoaXMuZnJvbnRGcmFtZS5zY3JlZW5cbiAgICBjb25zdCBtYXhDb2wgPSB3aWR0aCAtIDFcbiAgICBjb25zdCBtYXhSb3cgPSBoZWlnaHQgLSAxXG4gICAgbGV0IHsgY29sLCByb3cgfSA9IGZvY3VzXG4gICAgc3dpdGNoIChtb3ZlKSB7XG4gICAgICBjYXNlICdsZWZ0JzpcbiAgICAgICAgaWYgKGNvbCA+IDApIGNvbC0tXG4gICAgICAgIGVsc2UgaWYgKHJvdyA+IDApIHtcbiAgICAgICAgICBjb2wgPSBtYXhDb2xcbiAgICAgICAgICByb3ctLVxuICAgICAgICB9XG4gICAgICAgIGJyZWFrXG4gICAgICBjYXNlICdyaWdodCc6XG4gICAgICAgIGlmIChjb2wgPCBtYXhDb2wpIGNvbCsrXG4gICAgICAgIGVsc2UgaWYgKHJvdyA8IG1heFJvdykge1xuICAgICAgICAgIGNvbCA9IDBcbiAgICAgICAgICByb3crK1xuICAgICAgICB9XG4gICAgICAgIGJyZWFrXG4gICAgICBjYXNlICd1cCc6XG4gICAgICAgIGlmIChyb3cgPiAwKSByb3ctLVxuICAgICAgICBicmVha1xuICAgICAgY2FzZSAnZG93bic6XG4gICAgICAgIGlmIChyb3cgPCBtYXhSb3cpIHJvdysrXG4gICAgICAgIGJyZWFrXG4gICAgICBjYXNlICdsaW5lU3RhcnQnOlxuICAgICAgICBjb2wgPSAwXG4gICAgICAgIGJyZWFrXG4gICAgICBjYXNlICdsaW5lRW5kJzpcbiAgICAgICAgY29sID0gbWF4Q29sXG4gICAgICAgIGJyZWFrXG4gICAgfVxuICAgIGlmIChjb2wgPT09IGZvY3VzLmNvbCAmJiByb3cgPT09IGZvY3VzLnJvdykgcmV0dXJuXG4gICAgbW92ZUZvY3VzKHRoaXMuc2VsZWN0aW9uLCBjb2wsIHJvdylcbiAgICB0aGlzLm5vdGlmeVNlbGVjdGlvbkNoYW5nZSgpXG4gIH1cblxuICAvKiogV2hldGhlciB0aGVyZSBpcyBhbiBhY3RpdmUgdGV4dCBzZWxlY3Rpb24uICovXG4gIGhhc1RleHRTZWxlY3Rpb24oKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGhhc1NlbGVjdGlvbih0aGlzLnNlbGVjdGlvbilcbiAgfVxuXG4gIC8qKlxuICAgKiBTdWJzY3JpYmUgdG8gc2VsZWN0aW9uIHN0YXRlIGNoYW5nZXMuIEZpcmVzIHdoZW5ldmVyIHRoZSBzZWxlY3Rpb25cbiAgICogaXMgc3RhcnRlZCwgdXBkYXRlZCwgY2xlYXJlZCwgb3IgY29waWVkLiBSZXR1cm5zIGFuIHVuc3Vic2NyaWJlIGZuLlxuICAgKi9cbiAgc3Vic2NyaWJlVG9TZWxlY3Rpb25DaGFuZ2UoY2I6ICgpID0+IHZvaWQpOiAoKSA9PiB2b2lkIHtcbiAgICB0aGlzLnNlbGVjdGlvbkxpc3RlbmVycy5hZGQoY2IpXG4gICAgcmV0dXJuICgpID0+IHRoaXMuc2VsZWN0aW9uTGlzdGVuZXJzLmRlbGV0ZShjYilcbiAgfVxuXG4gIHByaXZhdGUgbm90aWZ5U2VsZWN0aW9uQ2hhbmdlKCk6IHZvaWQge1xuICAgIHRoaXMub25SZW5kZXIoKVxuICAgIGZvciAoY29uc3QgY2Igb2YgdGhpcy5zZWxlY3Rpb25MaXN0ZW5lcnMpIGNiKClcbiAgfVxuXG4gIC8qKlxuICAgKiBIaXQtdGVzdCB0aGUgcmVuZGVyZWQgRE9NIHRyZWUgYXQgKGNvbCwgcm93KSBhbmQgYnViYmxlIGEgQ2xpY2tFdmVudFxuICAgKiBmcm9tIHRoZSBkZWVwZXN0IGhpdCBub2RlIHVwIHRocm91Z2ggYW5jZXN0b3JzIHdpdGggb25DbGljayBoYW5kbGVycy5cbiAgICogUmV0dXJucyB0cnVlIGlmIGEgRE9NIGhhbmRsZXIgY29uc3VtZWQgdGhlIGNsaWNrLiBHYXRlZCBvblxuICAgKiBhbHRTY3JlZW5BY3RpdmUg4oCUIGNsaWNrcyBvbmx5IG1ha2Ugc2Vuc2Ugd2l0aCBhIGZpeGVkIHZpZXdwb3J0IHdoZXJlXG4gICAqIG5vZGVDYWNoZSByZWN0cyBtYXAgMToxIHRvIHRlcm1pbmFsIGNlbGxzIChubyBzY3JvbGxiYWNrIG9mZnNldCkuXG4gICAqL1xuICBkaXNwYXRjaENsaWNrKGNvbDogbnVtYmVyLCByb3c6IG51bWJlcik6IGJvb2xlYW4ge1xuICAgIGlmICghdGhpcy5hbHRTY3JlZW5BY3RpdmUpIHJldHVybiBmYWxzZVxuICAgIGNvbnN0IGJsYW5rID0gaXNFbXB0eUNlbGxBdCh0aGlzLmZyb250RnJhbWUuc2NyZWVuLCBjb2wsIHJvdylcbiAgICByZXR1cm4gZGlzcGF0Y2hDbGljayh0aGlzLnJvb3ROb2RlLCBjb2wsIHJvdywgYmxhbmspXG4gIH1cblxuICBkaXNwYXRjaEhvdmVyKGNvbDogbnVtYmVyLCByb3c6IG51bWJlcik6IHZvaWQge1xuICAgIGlmICghdGhpcy5hbHRTY3JlZW5BY3RpdmUpIHJldHVyblxuICAgIGRpc3BhdGNoSG92ZXIodGhpcy5yb290Tm9kZSwgY29sLCByb3csIHRoaXMuaG92ZXJlZE5vZGVzKVxuICB9XG5cbiAgZGlzcGF0Y2hLZXlib2FyZEV2ZW50KHBhcnNlZEtleTogUGFyc2VkS2V5KTogdm9pZCB7XG4gICAgY29uc3QgdGFyZ2V0ID0gdGhpcy5mb2N1c01hbmFnZXIuYWN0aXZlRWxlbWVudCA/PyB0aGlzLnJvb3ROb2RlXG4gICAgY29uc3QgZXZlbnQgPSBuZXcgS2V5Ym9hcmRFdmVudChwYXJzZWRLZXkpXG4gICAgZGlzcGF0Y2hlci5kaXNwYXRjaERpc2NyZXRlKHRhcmdldCwgZXZlbnQpXG5cbiAgICAvLyBUYWIgY3ljbGluZyBpcyB0aGUgZGVmYXVsdCBhY3Rpb24g4oCUIG9ubHkgZmlyZXMgaWYgbm8gaGFuZGxlclxuICAgIC8vIGNhbGxlZCBwcmV2ZW50RGVmYXVsdCgpLiBNaXJyb3JzIGJyb3dzZXIgYmVoYXZpb3IuXG4gICAgaWYgKFxuICAgICAgIWV2ZW50LmRlZmF1bHRQcmV2ZW50ZWQgJiZcbiAgICAgIHBhcnNlZEtleS5uYW1lID09PSAndGFiJyAmJlxuICAgICAgIXBhcnNlZEtleS5jdHJsICYmXG4gICAgICAhcGFyc2VkS2V5Lm1ldGFcbiAgICApIHtcbiAgICAgIGlmIChwYXJzZWRLZXkuc2hpZnQpIHtcbiAgICAgICAgdGhpcy5mb2N1c01hbmFnZXIuZm9jdXNQcmV2aW91cyh0aGlzLnJvb3ROb2RlKVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5mb2N1c01hbmFnZXIuZm9jdXNOZXh0KHRoaXMucm9vdE5vZGUpXG4gICAgICB9XG4gICAgfVxuICB9XG4gIC8qKlxuICAgKiBMb29rIHVwIHRoZSBVUkwgYXQgKGNvbCwgcm93KSBpbiB0aGUgY3VycmVudCBmcm9udCBmcmFtZS4gQ2hlY2tzIGZvclxuICAgKiBhbiBPU0MgOCBoeXBlcmxpbmsgZmlyc3QsIHRoZW4gZmFsbHMgYmFjayB0byBzY2FubmluZyB0aGUgcm93IGZvciBhXG4gICAqIHBsYWluLXRleHQgVVJMIChtb3VzZSB0cmFja2luZyBpbnRlcmNlcHRzIHRoZSB0ZXJtaW5hbCdzIG5hdGl2ZVxuICAgKiBDbWQrQ2xpY2sgVVJMIGRldGVjdGlvbiwgc28gd2UgcmVwbGljYXRlIGl0KS4gVGhpcyBpcyBhIHB1cmUgbG9va3VwXG4gICAqIHdpdGggbm8gc2lkZSBlZmZlY3RzIOKAlCBjYWxsIGl0IHN5bmNocm9ub3VzbHkgYXQgY2xpY2sgdGltZSBzbyB0aGVcbiAgICogcmVzdWx0IHJlZmxlY3RzIHRoZSBzY3JlZW4gdGhlIHVzZXIgYWN0dWFsbHkgY2xpY2tlZCBvbiwgdGhlbiBkZWZlclxuICAgKiB0aGUgYnJvd3Nlci1vcGVuIGFjdGlvbiB2aWEgYSB0aW1lci5cbiAgICovXG4gIGdldEh5cGVybGlua0F0KGNvbDogbnVtYmVyLCByb3c6IG51bWJlcik6IHN0cmluZyB8IHVuZGVmaW5lZCB7XG4gICAgaWYgKCF0aGlzLmFsdFNjcmVlbkFjdGl2ZSkgcmV0dXJuIHVuZGVmaW5lZFxuICAgIGNvbnN0IHNjcmVlbiA9IHRoaXMuZnJvbnRGcmFtZS5zY3JlZW5cbiAgICBjb25zdCBjZWxsID0gY2VsbEF0KHNjcmVlbiwgY29sLCByb3cpXG4gICAgbGV0IHVybCA9IGNlbGw/Lmh5cGVybGlua1xuICAgIC8vIFNwYWNlclRhaWwgY2VsbHMgKHJpZ2h0IGhhbGYgb2Ygd2lkZS9DSksvZW1vamkgY2hhcnMpIHN0b3JlIHRoZVxuICAgIC8vIGh5cGVybGluayBvbiB0aGUgaGVhZCBjZWxsIGF0IGNvbC0xLlxuICAgIGlmICghdXJsICYmIGNlbGw/LndpZHRoID09PSBDZWxsV2lkdGguU3BhY2VyVGFpbCAmJiBjb2wgPiAwKSB7XG4gICAgICB1cmwgPSBjZWxsQXQoc2NyZWVuLCBjb2wgLSAxLCByb3cpPy5oeXBlcmxpbmtcbiAgICB9XG4gICAgcmV0dXJuIHVybCA/PyBmaW5kUGxhaW5UZXh0VXJsQXQoc2NyZWVuLCBjb2wsIHJvdylcbiAgfVxuXG4gIC8qKlxuICAgKiBPcHRpb25hbCBjYWxsYmFjayBmaXJlZCB3aGVuIGNsaWNraW5nIGFuIE9TQyA4IGh5cGVybGluayBpbiBmdWxsc2NyZWVuXG4gICAqIG1vZGUuIFNldCBieSBGdWxsc2NyZWVuTGF5b3V0IHZpYSB1c2VMYXlvdXRFZmZlY3QuXG4gICAqL1xuICBvbkh5cGVybGlua0NsaWNrOiAoKHVybDogc3RyaW5nKSA9PiB2b2lkKSB8IHVuZGVmaW5lZFxuXG4gIC8qKlxuICAgKiBTdGFibGUgcHJvdG90eXBlIHdyYXBwZXIgZm9yIG9uSHlwZXJsaW5rQ2xpY2suIFBhc3NlZCB0byA8QXBwPiBhc1xuICAgKiBvbk9wZW5IeXBlcmxpbmsgc28gdGhlIHByb3AgaXMgYSBib3VuZCBtZXRob2QgKGF1dG9CaW5kJ2QpIHRoYXQgcmVhZHNcbiAgICogdGhlIG11dGFibGUgZmllbGQgYXQgY2FsbCB0aW1lIOKAlCBub3QgdGhlIHVuZGVmaW5lZC1hdC1yZW5kZXIgdmFsdWUuXG4gICAqL1xuICBvcGVuSHlwZXJsaW5rKHVybDogc3RyaW5nKTogdm9pZCB7XG4gICAgdGhpcy5vbkh5cGVybGlua0NsaWNrPy4odXJsKVxuICB9XG5cbiAgLyoqXG4gICAqIEhhbmRsZSBhIGRvdWJsZS0gb3IgdHJpcGxlLWNsaWNrIGF0IChjb2wsIHJvdyk6IHNlbGVjdCB0aGUgd29yZCBvclxuICAgKiBsaW5lIHVuZGVyIHRoZSBjdXJzb3IgYnkgcmVhZGluZyB0aGUgY3VycmVudCBzY3JlZW4gYnVmZmVyLiBDYWxsZWQgb25cbiAgICogUFJFU1MgKG5vdCByZWxlYXNlKSBzbyB0aGUgaGlnaGxpZ2h0IGFwcGVhcnMgaW1tZWRpYXRlbHkgYW5kIGRyYWcgY2FuXG4gICAqIGV4dGVuZCB0aGUgc2VsZWN0aW9uIHdvcmQtYnktd29yZCAvIGxpbmUtYnktbGluZS4gRmFsbHMgYmFjayB0b1xuICAgKiBjaGFyLW1vZGUgc3RhcnRTZWxlY3Rpb24gaWYgdGhlIGNsaWNrIGxhbmRzIG9uIGEgbm9TZWxlY3QgY2VsbC5cbiAgICovXG4gIGhhbmRsZU11bHRpQ2xpY2soY29sOiBudW1iZXIsIHJvdzogbnVtYmVyLCBjb3VudDogMiB8IDMpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuYWx0U2NyZWVuQWN0aXZlKSByZXR1cm5cbiAgICBjb25zdCBzY3JlZW4gPSB0aGlzLmZyb250RnJhbWUuc2NyZWVuXG4gICAgLy8gc2VsZWN0V29yZEF0L3NlbGVjdExpbmVBdCBuby1vcCBvbiBub1NlbGVjdC9vdXQtb2YtYm91bmRzLiBTZWVkIHdpdGhcbiAgICAvLyBhIGNoYXItbW9kZSBzZWxlY3Rpb24gc28gdGhlIHByZXNzIHN0aWxsIHN0YXJ0cyBhIGRyYWcgZXZlbiBpZiB0aGVcbiAgICAvLyB3b3JkL2xpbmUgc2NhbiBmaW5kcyBub3RoaW5nIHNlbGVjdGFibGUuXG4gICAgc3RhcnRTZWxlY3Rpb24odGhpcy5zZWxlY3Rpb24sIGNvbCwgcm93KVxuICAgIGlmIChjb3VudCA9PT0gMikgc2VsZWN0V29yZEF0KHRoaXMuc2VsZWN0aW9uLCBzY3JlZW4sIGNvbCwgcm93KVxuICAgIGVsc2Ugc2VsZWN0TGluZUF0KHRoaXMuc2VsZWN0aW9uLCBzY3JlZW4sIHJvdylcbiAgICAvLyBFbnN1cmUgaGFzU2VsZWN0aW9uIGlzIHRydWUgc28gcmVsZWFzZSBkb2Vzbid0IHJlLWRpc3BhdGNoIG9uQ2xpY2tBdC5cbiAgICAvLyBzZWxlY3RXb3JkQXQgbm8tb3BzIG9uIG5vU2VsZWN0OyBzZWxlY3RMaW5lQXQgbm8tb3BzIG91dC1vZi1ib3VuZHMuXG4gICAgaWYgKCF0aGlzLnNlbGVjdGlvbi5mb2N1cykgdGhpcy5zZWxlY3Rpb24uZm9jdXMgPSB0aGlzLnNlbGVjdGlvbi5hbmNob3JcbiAgICB0aGlzLm5vdGlmeVNlbGVjdGlvbkNoYW5nZSgpXG4gIH1cblxuICAvKipcbiAgICogSGFuZGxlIGEgZHJhZy1tb3Rpb24gYXQgKGNvbCwgcm93KS4gSW4gY2hhciBtb2RlIHVwZGF0ZXMgZm9jdXMgdG8gdGhlXG4gICAqIGV4YWN0IGNlbGwuIEluIHdvcmQvbGluZSBtb2RlIHNuYXBzIHRvIHdvcmQvbGluZSBib3VuZGFyaWVzIHNvIHRoZVxuICAgKiBzZWxlY3Rpb24gZXh0ZW5kcyBieSB3b3JkL2xpbmUgbGlrZSBuYXRpdmUgbWFjT1MuIEdhdGVkIG9uXG4gICAqIGFsdFNjcmVlbkFjdGl2ZSBmb3IgdGhlIHNhbWUgcmVhc29uIGFzIGRpc3BhdGNoQ2xpY2suXG4gICAqL1xuICBoYW5kbGVTZWxlY3Rpb25EcmFnKGNvbDogbnVtYmVyLCByb3c6IG51bWJlcik6IHZvaWQge1xuICAgIGlmICghdGhpcy5hbHRTY3JlZW5BY3RpdmUpIHJldHVyblxuICAgIGNvbnN0IHNlbCA9IHRoaXMuc2VsZWN0aW9uXG4gICAgaWYgKHNlbC5hbmNob3JTcGFuKSB7XG4gICAgICBleHRlbmRTZWxlY3Rpb24oc2VsLCB0aGlzLmZyb250RnJhbWUuc2NyZWVuLCBjb2wsIHJvdylcbiAgICB9IGVsc2Uge1xuICAgICAgdXBkYXRlU2VsZWN0aW9uKHNlbCwgY29sLCByb3cpXG4gICAgfVxuICAgIHRoaXMubm90aWZ5U2VsZWN0aW9uQ2hhbmdlKClcbiAgfVxuXG4gIC8vIE1ldGhvZHMgdG8gcHJvcGVybHkgc3VzcGVuZCBzdGRpbiBmb3IgZXh0ZXJuYWwgZWRpdG9yIHVzYWdlXG4gIC8vIFRoaXMgaXMgbmVlZGVkIHRvIHByZXZlbnQgSW5rIGZyb20gc3dhbGxvd2luZyBrZXlzdHJva2VzIHdoZW4gYW4gZXh0ZXJuYWwgZWRpdG9yIGlzIGFjdGl2ZVxuICBwcml2YXRlIHN0ZGluTGlzdGVuZXJzOiBBcnJheTx7XG4gICAgZXZlbnQ6IHN0cmluZ1xuICAgIGxpc3RlbmVyOiAoLi4uYXJnczogdW5rbm93bltdKSA9PiB2b2lkXG4gIH0+ID0gW11cbiAgcHJpdmF0ZSB3YXNSYXdNb2RlID0gZmFsc2VcblxuICBzdXNwZW5kU3RkaW4oKTogdm9pZCB7XG4gICAgY29uc3Qgc3RkaW4gPSB0aGlzLm9wdGlvbnMuc3RkaW5cbiAgICBpZiAoIXN0ZGluLmlzVFRZKSB7XG4gICAgICByZXR1cm5cbiAgICB9XG5cbiAgICAvLyBTdG9yZSBhbmQgcmVtb3ZlIGFsbCAncmVhZGFibGUnIGV2ZW50IGxpc3RlbmVycyB0ZW1wb3JhcmlseVxuICAgIC8vIFRoaXMgcHJldmVudHMgSW5rIGZyb20gY29uc3VtaW5nIHN0ZGluIHdoaWxlIHRoZSBlZGl0b3IgaXMgYWN0aXZlXG4gICAgY29uc3QgcmVhZGFibGVMaXN0ZW5lcnMgPSBzdGRpbi5saXN0ZW5lcnMoJ3JlYWRhYmxlJylcbiAgICBsb2dGb3JEZWJ1Z2dpbmcoXG4gICAgICBgW3N0ZGluXSBzdXNwZW5kU3RkaW46IHJlbW92aW5nICR7cmVhZGFibGVMaXN0ZW5lcnMubGVuZ3RofSByZWFkYWJsZSBsaXN0ZW5lcihzKSwgd2FzUmF3TW9kZT0keyhzdGRpbiBhcyBOb2RlSlMuUmVhZFN0cmVhbSAmIHsgaXNSYXc/OiBib29sZWFuIH0pLmlzUmF3ID8/IGZhbHNlfWAsXG4gICAgKVxuICAgIHJlYWRhYmxlTGlzdGVuZXJzLmZvckVhY2gobGlzdGVuZXIgPT4ge1xuICAgICAgdGhpcy5zdGRpbkxpc3RlbmVycy5wdXNoKHtcbiAgICAgICAgZXZlbnQ6ICdyZWFkYWJsZScsXG4gICAgICAgIGxpc3RlbmVyOiBsaXN0ZW5lciBhcyAoLi4uYXJnczogdW5rbm93bltdKSA9PiB2b2lkLFxuICAgICAgfSlcbiAgICAgIHN0ZGluLnJlbW92ZUxpc3RlbmVyKCdyZWFkYWJsZScsIGxpc3RlbmVyIGFzICguLi5hcmdzOiB1bmtub3duW10pID0+IHZvaWQpXG4gICAgfSlcblxuICAgIC8vIElmIHJhdyBtb2RlIGlzIGVuYWJsZWQsIGRpc2FibGUgaXQgdGVtcG9yYXJpbHlcbiAgICBjb25zdCBzdGRpbldpdGhSYXcgPSBzdGRpbiBhcyBOb2RlSlMuUmVhZFN0cmVhbSAmIHtcbiAgICAgIGlzUmF3PzogYm9vbGVhblxuICAgICAgc2V0UmF3TW9kZT86IChtb2RlOiBib29sZWFuKSA9PiB2b2lkXG4gICAgfVxuICAgIGlmIChzdGRpbldpdGhSYXcuaXNSYXcgJiYgc3RkaW5XaXRoUmF3LnNldFJhd01vZGUpIHtcbiAgICAgIHN0ZGluV2l0aFJhdy5zZXRSYXdNb2RlKGZhbHNlKVxuICAgICAgdGhpcy53YXNSYXdNb2RlID0gdHJ1ZVxuICAgIH1cbiAgfVxuXG4gIHJlc3VtZVN0ZGluKCk6IHZvaWQge1xuICAgIGNvbnN0IHN0ZGluID0gdGhpcy5vcHRpb25zLnN0ZGluXG4gICAgaWYgKCFzdGRpbi5pc1RUWSkge1xuICAgICAgcmV0dXJuXG4gICAgfVxuXG4gICAgLy8gUmUtYXR0YWNoIGFsbCB0aGUgc3RvcmVkIGxpc3RlbmVyc1xuICAgIGlmICh0aGlzLnN0ZGluTGlzdGVuZXJzLmxlbmd0aCA9PT0gMCAmJiAhdGhpcy53YXNSYXdNb2RlKSB7XG4gICAgICBsb2dGb3JEZWJ1Z2dpbmcoXG4gICAgICAgICdbc3RkaW5dIHJlc3VtZVN0ZGluOiBjYWxsZWQgd2l0aCBubyBzdG9yZWQgbGlzdGVuZXJzIGFuZCB3YXNSYXdNb2RlPWZhbHNlIChwb3NzaWJsZSBkZXN5bmMpJyxcbiAgICAgICAgeyBsZXZlbDogJ3dhcm4nIH0sXG4gICAgICApXG4gICAgfVxuICAgIGxvZ0ZvckRlYnVnZ2luZyhcbiAgICAgIGBbc3RkaW5dIHJlc3VtZVN0ZGluOiByZS1hdHRhY2hpbmcgJHt0aGlzLnN0ZGluTGlzdGVuZXJzLmxlbmd0aH0gbGlzdGVuZXIocyksIHdhc1Jhd01vZGU9JHt0aGlzLndhc1Jhd01vZGV9YCxcbiAgICApXG4gICAgdGhpcy5zdGRpbkxpc3RlbmVycy5mb3JFYWNoKCh7IGV2ZW50LCBsaXN0ZW5lciB9KSA9PiB7XG4gICAgICBzdGRpbi5hZGRMaXN0ZW5lcihldmVudCwgbGlzdGVuZXIpXG4gICAgfSlcbiAgICB0aGlzLnN0ZGluTGlzdGVuZXJzID0gW11cblxuICAgIC8vIFJlLWVuYWJsZSByYXcgbW9kZSBpZiBpdCB3YXMgZW5hYmxlZCBiZWZvcmVcbiAgICBpZiAodGhpcy53YXNSYXdNb2RlKSB7XG4gICAgICBjb25zdCBzdGRpbldpdGhSYXcgPSBzdGRpbiBhcyBOb2RlSlMuUmVhZFN0cmVhbSAmIHtcbiAgICAgICAgc2V0UmF3TW9kZT86IChtb2RlOiBib29sZWFuKSA9PiB2b2lkXG4gICAgICB9XG4gICAgICBpZiAoc3RkaW5XaXRoUmF3LnNldFJhd01vZGUpIHtcbiAgICAgICAgc3RkaW5XaXRoUmF3LnNldFJhd01vZGUodHJ1ZSlcbiAgICAgIH1cbiAgICAgIHRoaXMud2FzUmF3TW9kZSA9IGZhbHNlXG4gICAgfVxuICB9XG5cbiAgLy8gU3RhYmxlIGlkZW50aXR5IGZvciBUZXJtaW5hbFdyaXRlQ29udGV4dC4gQW4gaW5saW5lIGFycm93IGhlcmUgd291bGRcbiAgLy8gY2hhbmdlIG9uIGV2ZXJ5IHJlbmRlcigpIGNhbGwgKGluaXRpYWwgbW91bnQgKyBlYWNoIHJlc2l6ZSksIHdoaWNoXG4gIC8vIGNhc2NhZGVzIHRocm91Z2ggdXNlQ29udGV4dCDihpIgPEFsdGVybmF0ZVNjcmVlbj4ncyB1c2VMYXlvdXRFZmZlY3QgZGVwXG4gIC8vIGFycmF5IOKGkiBzcHVyaW91cyBleGl0K3JlLWVudGVyIG9mIHRoZSBhbHQgc2NyZWVuIG9uIGV2ZXJ5IFNJR1dJTkNILlxuICBwcml2YXRlIHdyaXRlUmF3KGRhdGE6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMub3B0aW9ucy5zdGRvdXQud3JpdGUoZGF0YSlcbiAgfVxuXG4gIHByaXZhdGUgc2V0Q3Vyc29yRGVjbGFyYXRpb246IEN1cnNvckRlY2xhcmF0aW9uU2V0dGVyID0gKFxuICAgIGRlY2wsXG4gICAgY2xlYXJJZk5vZGUsXG4gICkgPT4ge1xuICAgIGlmIChcbiAgICAgIGRlY2wgPT09IG51bGwgJiZcbiAgICAgIGNsZWFySWZOb2RlICE9PSB1bmRlZmluZWQgJiZcbiAgICAgIHRoaXMuY3Vyc29yRGVjbGFyYXRpb24/Lm5vZGUgIT09IGNsZWFySWZOb2RlXG4gICAgKSB7XG4gICAgICByZXR1cm5cbiAgICB9XG4gICAgdGhpcy5jdXJzb3JEZWNsYXJhdGlvbiA9IGRlY2xcbiAgfVxuXG4gIHJlbmRlcihub2RlOiBSZWFjdE5vZGUpOiB2b2lkIHtcbiAgICB0aGlzLmN1cnJlbnROb2RlID0gbm9kZVxuXG4gICAgY29uc3QgdHJlZSA9IChcbiAgICAgIDxBcHBcbiAgICAgICAgc3RkaW49e3RoaXMub3B0aW9ucy5zdGRpbn1cbiAgICAgICAgc3Rkb3V0PXt0aGlzLm9wdGlvbnMuc3Rkb3V0fVxuICAgICAgICBzdGRlcnI9e3RoaXMub3B0aW9ucy5zdGRlcnJ9XG4gICAgICAgIGV4aXRPbkN0cmxDPXt0aGlzLm9wdGlvbnMuZXhpdE9uQ3RybEN9XG4gICAgICAgIG9uRXhpdD17dGhpcy51bm1vdW50fVxuICAgICAgICB0ZXJtaW5hbENvbHVtbnM9e3RoaXMudGVybWluYWxDb2x1bW5zfVxuICAgICAgICB0ZXJtaW5hbFJvd3M9e3RoaXMudGVybWluYWxSb3dzfVxuICAgICAgICBzZWxlY3Rpb249e3RoaXMuc2VsZWN0aW9ufVxuICAgICAgICBvblNlbGVjdGlvbkNoYW5nZT17dGhpcy5ub3RpZnlTZWxlY3Rpb25DaGFuZ2V9XG4gICAgICAgIG9uQ2xpY2tBdD17dGhpcy5kaXNwYXRjaENsaWNrfVxuICAgICAgICBvbkhvdmVyQXQ9e3RoaXMuZGlzcGF0Y2hIb3Zlcn1cbiAgICAgICAgZ2V0SHlwZXJsaW5rQXQ9e3RoaXMuZ2V0SHlwZXJsaW5rQXR9XG4gICAgICAgIG9uT3Blbkh5cGVybGluaz17dGhpcy5vcGVuSHlwZXJsaW5rfVxuICAgICAgICBvbk11bHRpQ2xpY2s9e3RoaXMuaGFuZGxlTXVsdGlDbGlja31cbiAgICAgICAgb25TZWxlY3Rpb25EcmFnPXt0aGlzLmhhbmRsZVNlbGVjdGlvbkRyYWd9XG4gICAgICAgIG9uU3RkaW5SZXN1bWU9e3RoaXMucmVhc3NlcnRUZXJtaW5hbE1vZGVzfVxuICAgICAgICBvbkN1cnNvckRlY2xhcmF0aW9uPXt0aGlzLnNldEN1cnNvckRlY2xhcmF0aW9ufVxuICAgICAgICBkaXNwYXRjaEtleWJvYXJkRXZlbnQ9e3RoaXMuZGlzcGF0Y2hLZXlib2FyZEV2ZW50fVxuICAgICAgPlxuICAgICAgICA8VGVybWluYWxXcml0ZVByb3ZpZGVyIHZhbHVlPXt0aGlzLndyaXRlUmF3fT5cbiAgICAgICAgICB7bm9kZX1cbiAgICAgICAgPC9UZXJtaW5hbFdyaXRlUHJvdmlkZXI+XG4gICAgICA8L0FwcD5cbiAgICApXG5cbiAgICAvLyBAdHMtZXhwZWN0LWVycm9yIHVwZGF0ZUNvbnRhaW5lclN5bmMgZXhpc3RzIGluIHJlYWN0LXJlY29uY2lsZXIgYnV0IG5vdCBpbiBAdHlwZXMvcmVhY3QtcmVjb25jaWxlclxuICAgIHJlY29uY2lsZXIudXBkYXRlQ29udGFpbmVyU3luYyh0cmVlLCB0aGlzLmNvbnRhaW5lciwgbnVsbCwgbm9vcClcbiAgICAvLyBAdHMtZXhwZWN0LWVycm9yIGZsdXNoU3luY1dvcmsgZXhpc3RzIGluIHJlYWN0LXJlY29uY2lsZXIgYnV0IG5vdCBpbiBAdHlwZXMvcmVhY3QtcmVjb25jaWxlclxuICAgIHJlY29uY2lsZXIuZmx1c2hTeW5jV29yaygpXG4gIH1cblxuICB1bm1vdW50KGVycm9yPzogRXJyb3IgfCBudW1iZXIgfCBudWxsKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuaXNVbm1vdW50ZWQpIHtcbiAgICAgIHJldHVyblxuICAgIH1cblxuICAgIHRoaXMub25SZW5kZXIoKVxuICAgIHRoaXMudW5zdWJzY3JpYmVFeGl0KClcblxuICAgIGlmICh0eXBlb2YgdGhpcy5yZXN0b3JlQ29uc29sZSA9PT0gJ2Z1bmN0aW9uJykge1xuICAgICAgdGhpcy5yZXN0b3JlQ29uc29sZSgpXG4gICAgfVxuICAgIHRoaXMucmVzdG9yZVN0ZGVycj8uKClcblxuICAgIHRoaXMudW5zdWJzY3JpYmVUVFlIYW5kbGVycz8uKClcblxuICAgIC8vIE5vbi1UVFkgZW52aXJvbm1lbnRzIGRvbid0IGhhbmRsZSBlcmFzaW5nIGFuc2kgZXNjYXBlcyB3ZWxsLCBzbyBpdCdzIGJldHRlciB0b1xuICAgIC8vIG9ubHkgcmVuZGVyIGxhc3QgZnJhbWUgb2Ygbm9uLXN0YXRpYyBvdXRwdXRcbiAgICBjb25zdCBkaWZmID0gdGhpcy5sb2cucmVuZGVyUHJldmlvdXNPdXRwdXRfREVQUkVDQVRFRCh0aGlzLmZyb250RnJhbWUpXG4gICAgd3JpdGVEaWZmVG9UZXJtaW5hbCh0aGlzLnRlcm1pbmFsLCBvcHRpbWl6ZShkaWZmKSlcblxuICAgIC8vIENsZWFuIHVwIHRlcm1pbmFsIG1vZGVzIHN5bmNocm9ub3VzbHkgYmVmb3JlIHByb2Nlc3MgZXhpdC5cbiAgICAvLyBSZWFjdCdzIGNvbXBvbmVudFdpbGxVbm1vdW50IHdvbid0IHJ1biBpbiB0aW1lIHdoZW4gcHJvY2Vzcy5leGl0KCkgaXMgY2FsbGVkLFxuICAgIC8vIHNvIHdlIG11c3QgcmVzZXQgdGVybWluYWwgbW9kZXMgaGVyZSB0byBwcmV2ZW50IGVzY2FwZSBzZXF1ZW5jZSBsZWFrYWdlLlxuICAgIC8vIFVzZSB3cml0ZVN5bmMgdG8gc3Rkb3V0IChmZCAxKSB0byBlbnN1cmUgd3JpdGVzIGNvbXBsZXRlIGJlZm9yZSBleGl0LlxuICAgIC8vIFdlIHVuY29uZGl0aW9uYWxseSBzZW5kIGFsbCBkaXNhYmxlIHNlcXVlbmNlcyBiZWNhdXNlIHRlcm1pbmFsIGRldGVjdGlvblxuICAgIC8vIG1heSBub3Qgd29yayBjb3JyZWN0bHkgKGUuZy4sIGluIHRtdXgsIHNjcmVlbikgYW5kIHRoZXNlIGFyZSBuby1vcHMgb25cbiAgICAvLyB0ZXJtaW5hbHMgdGhhdCBkb24ndCBzdXBwb3J0IHRoZW0uXG4gICAgLyogZXNsaW50LWRpc2FibGUgY3VzdG9tLXJ1bGVzL25vLXN5bmMtZnMgLS0gcHJvY2VzcyBleGl0aW5nOyBhc3luYyB3cml0ZXMgd291bGQgYmUgZHJvcHBlZCAqL1xuICAgIGlmICh0aGlzLm9wdGlvbnMuc3Rkb3V0LmlzVFRZKSB7XG4gICAgICBpZiAodGhpcy5hbHRTY3JlZW5BY3RpdmUpIHtcbiAgICAgICAgLy8gPEFsdGVybmF0ZVNjcmVlbj4ncyB1bm1vdW50IGVmZmVjdCB3b24ndCBydW4gZHVyaW5nIHNpZ25hbC1leGl0LlxuICAgICAgICAvLyBFeGl0IGFsdCBzY3JlZW4gRklSU1Qgc28gb3RoZXIgY2xlYW51cCBzZXF1ZW5jZXMgZ28gdG8gdGhlIG1haW4gc2NyZWVuLlxuICAgICAgICB3cml0ZVN5bmMoMSwgRVhJVF9BTFRfU0NSRUVOKVxuICAgICAgfVxuICAgICAgLy8gRGlzYWJsZSBtb3VzZSB0cmFja2luZyDigJQgdW5jb25kaXRpb25hbCBiZWNhdXNlIGFsdFNjcmVlbkFjdGl2ZSBjYW4gYmVcbiAgICAgIC8vIHN0YWxlIGlmIEFsdGVybmF0ZVNjcmVlbidzIHVubW91bnQgKHdoaWNoIGZsaXBzIHRoZSBmbGFnKSByYWNlZCBhXG4gICAgICAvLyBibG9ja2VkIGV2ZW50IGxvb3AgKyBTSUdJTlQuIE5vLW9wIGlmIHRyYWNraW5nIHdhcyBuZXZlciBlbmFibGVkLlxuICAgICAgd3JpdGVTeW5jKDEsIERJU0FCTEVfTU9VU0VfVFJBQ0tJTkcpXG4gICAgICAvLyBEcmFpbiBzdGRpbiBzbyBpbi1mbGlnaHQgbW91c2UgZXZlbnRzIGRvbid0IGxlYWsgdG8gdGhlIHNoZWxsXG4gICAgICB0aGlzLmRyYWluU3RkaW4oKVxuICAgICAgLy8gRGlzYWJsZSBleHRlbmRlZCBrZXkgcmVwb3J0aW5nIChib3RoIGtpdHR5IGFuZCBtb2RpZnlPdGhlcktleXMpXG4gICAgICB3cml0ZVN5bmMoMSwgRElTQUJMRV9NT0RJRllfT1RIRVJfS0VZUylcbiAgICAgIHdyaXRlU3luYygxLCBESVNBQkxFX0tJVFRZX0tFWUJPQVJEKVxuICAgICAgLy8gRGlzYWJsZSBmb2N1cyBldmVudHMgKERFQ1NFVCAxMDA0KVxuICAgICAgd3JpdGVTeW5jKDEsIERGRSlcbiAgICAgIC8vIERpc2FibGUgYnJhY2tldGVkIHBhc3RlIG1vZGVcbiAgICAgIHdyaXRlU3luYygxLCBEQlApXG4gICAgICAvLyBTaG93IGN1cnNvclxuICAgICAgd3JpdGVTeW5jKDEsIFNIT1dfQ1VSU09SKVxuICAgICAgLy8gQ2xlYXIgaVRlcm0yIHByb2dyZXNzIGJhclxuICAgICAgd3JpdGVTeW5jKDEsIENMRUFSX0lURVJNMl9QUk9HUkVTUylcbiAgICAgIC8vIENsZWFyIHRhYiBzdGF0dXMgKE9TQyAyMTMzNykgc28gYSBzdGFsZSBkb3QgZG9lc24ndCBsaW5nZXJcbiAgICAgIGlmIChzdXBwb3J0c1RhYlN0YXR1cygpKVxuICAgICAgICB3cml0ZVN5bmMoMSwgd3JhcEZvck11bHRpcGxleGVyKENMRUFSX1RBQl9TVEFUVVMpKVxuICAgIH1cbiAgICAvKiBlc2xpbnQtZW5hYmxlIGN1c3RvbS1ydWxlcy9uby1zeW5jLWZzICovXG5cbiAgICB0aGlzLmlzVW5tb3VudGVkID0gdHJ1ZVxuXG4gICAgLy8gQ2FuY2VsIGFueSBwZW5kaW5nIHRocm90dGxlZCByZW5kZXJzIHRvIHByZXZlbnQgYWNjZXNzaW5nIGZyZWVkIFlvZ2Egbm9kZXNcbiAgICB0aGlzLnNjaGVkdWxlUmVuZGVyLmNhbmNlbD8uKClcbiAgICBpZiAodGhpcy5kcmFpblRpbWVyICE9PSBudWxsKSB7XG4gICAgICBjbGVhclRpbWVvdXQodGhpcy5kcmFpblRpbWVyKVxuICAgICAgdGhpcy5kcmFpblRpbWVyID0gbnVsbFxuICAgIH1cblxuICAgIC8vIEB0cy1leHBlY3QtZXJyb3IgdXBkYXRlQ29udGFpbmVyU3luYyBleGlzdHMgaW4gcmVhY3QtcmVjb25jaWxlciBidXQgbm90IGluIEB0eXBlcy9yZWFjdC1yZWNvbmNpbGVyXG4gICAgcmVjb25jaWxlci51cGRhdGVDb250YWluZXJTeW5jKG51bGwsIHRoaXMuY29udGFpbmVyLCBudWxsLCBub29wKVxuICAgIC8vIEB0cy1leHBlY3QtZXJyb3IgZmx1c2hTeW5jV29yayBleGlzdHMgaW4gcmVhY3QtcmVjb25jaWxlciBidXQgbm90IGluIEB0eXBlcy9yZWFjdC1yZWNvbmNpbGVyXG4gICAgcmVjb25jaWxlci5mbHVzaFN5bmNXb3JrKClcbiAgICBpbnN0YW5jZXMuZGVsZXRlKHRoaXMub3B0aW9ucy5zdGRvdXQpXG5cbiAgICAvLyBGcmVlIHRoZSByb290IHlvZ2Egbm9kZSwgdGhlbiBjbGVhciBpdHMgcmVmZXJlbmNlLiBDaGlsZHJlbiBhcmUgYWxyZWFkeVxuICAgIC8vIGZyZWVkIGJ5IHRoZSByZWNvbmNpbGVyJ3MgcmVtb3ZlQ2hpbGRGcm9tQ29udGFpbmVyOyB1c2luZyAuZnJlZSgpIChub3RcbiAgICAvLyAuZnJlZVJlY3Vyc2l2ZSgpKSBhdm9pZHMgZG91YmxlLWZyZWVpbmcgdGhlbS5cbiAgICB0aGlzLnJvb3ROb2RlLnlvZ2FOb2RlPy5mcmVlKClcbiAgICB0aGlzLnJvb3ROb2RlLnlvZ2FOb2RlID0gdW5kZWZpbmVkXG5cbiAgICBpZiAoZXJyb3IgaW5zdGFuY2VvZiBFcnJvcikge1xuICAgICAgdGhpcy5yZWplY3RFeGl0UHJvbWlzZShlcnJvcilcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5yZXNvbHZlRXhpdFByb21pc2UoKVxuICAgIH1cbiAgfVxuXG4gIGFzeW5jIHdhaXRVbnRpbEV4aXQoKTogUHJvbWlzZTx2b2lkPiB7XG4gICAgdGhpcy5leGl0UHJvbWlzZSB8fD0gbmV3IFByb21pc2UoKHJlc29sdmUsIHJlamVjdCkgPT4ge1xuICAgICAgdGhpcy5yZXNvbHZlRXhpdFByb21pc2UgPSByZXNvbHZlXG4gICAgICB0aGlzLnJlamVjdEV4aXRQcm9taXNlID0gcmVqZWN0XG4gICAgfSlcblxuICAgIHJldHVybiB0aGlzLmV4aXRQcm9taXNlXG4gIH1cblxuICByZXNldExpbmVDb3VudCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5vcHRpb25zLnN0ZG91dC5pc1RUWSkge1xuICAgICAgLy8gU3dhcCBzbyBvbGQgZnJvbnQgYmVjb21lcyBiYWNrIChmb3Igc2NyZWVuIHJldXNlKSwgdGhlbiByZXNldCBmcm9udFxuICAgICAgdGhpcy5iYWNrRnJhbWUgPSB0aGlzLmZyb250RnJhbWVcbiAgICAgIHRoaXMuZnJvbnRGcmFtZSA9IGVtcHR5RnJhbWUoXG4gICAgICAgIHRoaXMuZnJvbnRGcmFtZS52aWV3cG9ydC5oZWlnaHQsXG4gICAgICAgIHRoaXMuZnJvbnRGcmFtZS52aWV3cG9ydC53aWR0aCxcbiAgICAgICAgdGhpcy5zdHlsZVBvb2wsXG4gICAgICAgIHRoaXMuY2hhclBvb2wsXG4gICAgICAgIHRoaXMuaHlwZXJsaW5rUG9vbCxcbiAgICAgIClcbiAgICAgIHRoaXMubG9nLnJlc2V0KClcbiAgICAgIC8vIGZyb250RnJhbWUgaXMgcmVzZXQsIHNvIGZyYW1lLmN1cnNvciBvbiB0aGUgbmV4dCByZW5kZXIgaXMgKDAsMCkuXG4gICAgICAvLyBDbGVhciBkaXNwbGF5Q3Vyc29yIHNvIHRoZSBwcmVhbWJsZSBkb2Vzbid0IGNvbXB1dGUgYSBzdGFsZSBkZWx0YS5cbiAgICAgIHRoaXMuZGlzcGxheUN1cnNvciA9IG51bGxcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogUmVwbGFjZSBjaGFyL2h5cGVybGluayBwb29scyB3aXRoIGZyZXNoIGluc3RhbmNlcyB0byBwcmV2ZW50IHVuYm91bmRlZFxuICAgKiBncm93dGggZHVyaW5nIGxvbmcgc2Vzc2lvbnMuIE1pZ3JhdGVzIHRoZSBmcm9udCBmcmFtZSdzIHNjcmVlbiBJRHMgaW50b1xuICAgKiB0aGUgbmV3IHBvb2xzIHNvIGRpZmZpbmcgcmVtYWlucyBjb3JyZWN0LiBUaGUgYmFjayBmcmFtZSBkb2Vzbid0IG5lZWRcbiAgICogbWlncmF0aW9uIOKAlCByZXNldFNjcmVlbiB6ZXJvcyBpdCBiZWZvcmUgYW55IHJlYWRzLlxuICAgKlxuICAgKiBDYWxsIGJldHdlZW4gY29udmVyc2F0aW9uIHR1cm5zIG9yIHBlcmlvZGljYWxseS5cbiAgICovXG4gIHJlc2V0UG9vbHMoKTogdm9pZCB7XG4gICAgdGhpcy5jaGFyUG9vbCA9IG5ldyBDaGFyUG9vbCgpXG4gICAgdGhpcy5oeXBlcmxpbmtQb29sID0gbmV3IEh5cGVybGlua1Bvb2woKVxuICAgIG1pZ3JhdGVTY3JlZW5Qb29scyhcbiAgICAgIHRoaXMuZnJvbnRGcmFtZS5zY3JlZW4sXG4gICAgICB0aGlzLmNoYXJQb29sLFxuICAgICAgdGhpcy5oeXBlcmxpbmtQb29sLFxuICAgIClcbiAgICAvLyBCYWNrIGZyYW1lJ3MgZGF0YSBpcyB6ZXJvZWQgYnkgcmVzZXRTY3JlZW4gYmVmb3JlIHJlYWRzLCBidXQgaXRzIHBvb2xcbiAgICAvLyByZWZlcmVuY2VzIGFyZSB1c2VkIGJ5IHRoZSByZW5kZXJlciB0byBpbnRlcm4gbmV3IGNoYXJhY3RlcnMuIFBvaW50XG4gICAgLy8gdGhlbSBhdCB0aGUgbmV3IHBvb2xzIHNvIHRoZSBuZXh0IGZyYW1lJ3MgSURzIGFyZSBjb21wYXJhYmxlLlxuICAgIHRoaXMuYmFja0ZyYW1lLnNjcmVlbi5jaGFyUG9vbCA9IHRoaXMuY2hhclBvb2xcbiAgICB0aGlzLmJhY2tGcmFtZS5zY3JlZW4uaHlwZXJsaW5rUG9vbCA9IHRoaXMuaHlwZXJsaW5rUG9vbFxuICB9XG5cbiAgcGF0Y2hDb25zb2xlKCk6ICgpID0+IHZvaWQge1xuICAgIC8vIGJpb21lLWlnbm9yZSBsaW50L3N1c3BpY2lvdXMvbm9Db25zb2xlOiBpbnRlbnRpb25hbGx5IHBhdGNoaW5nIGdsb2JhbCBjb25zb2xlXG4gICAgY29uc3QgY29uID0gY29uc29sZVxuICAgIGNvbnN0IG9yaWdpbmFsczogUGFydGlhbDxSZWNvcmQ8a2V5b2YgQ29uc29sZSwgQ29uc29sZVtrZXlvZiBDb25zb2xlXT4+ID0ge31cbiAgICBjb25zdCB0b0RlYnVnID0gKC4uLmFyZ3M6IHVua25vd25bXSkgPT5cbiAgICAgIGxvZ0ZvckRlYnVnZ2luZyhgY29uc29sZS5sb2c6ICR7Zm9ybWF0KC4uLmFyZ3MpfWApXG4gICAgY29uc3QgdG9FcnJvciA9ICguLi5hcmdzOiB1bmtub3duW10pID0+XG4gICAgICBsb2dFcnJvcihuZXcgRXJyb3IoYGNvbnNvbGUuZXJyb3I6ICR7Zm9ybWF0KC4uLmFyZ3MpfWApKVxuICAgIGZvciAoY29uc3QgbSBvZiBDT05TT0xFX1NURE9VVF9NRVRIT0RTKSB7XG4gICAgICBvcmlnaW5hbHNbbV0gPSBjb25bbV1cbiAgICAgIGNvblttXSA9IHRvRGVidWdcbiAgICB9XG4gICAgZm9yIChjb25zdCBtIG9mIENPTlNPTEVfU1RERVJSX01FVEhPRFMpIHtcbiAgICAgIG9yaWdpbmFsc1ttXSA9IGNvblttXVxuICAgICAgY29uW21dID0gdG9FcnJvclxuICAgIH1cbiAgICBvcmlnaW5hbHMuYXNzZXJ0ID0gY29uLmFzc2VydFxuICAgIGNvbi5hc3NlcnQgPSAoY29uZGl0aW9uOiB1bmtub3duLCAuLi5hcmdzOiB1bmtub3duW10pID0+IHtcbiAgICAgIGlmICghY29uZGl0aW9uKSB0b0Vycm9yKC4uLmFyZ3MpXG4gICAgfVxuICAgIHJldHVybiAoKSA9PiBPYmplY3QuYXNzaWduKGNvbiwgb3JpZ2luYWxzKVxuICB9XG5cbiAgLyoqXG4gICAqIEludGVyY2VwdCBwcm9jZXNzLnN0ZGVyci53cml0ZSBzbyBzdHJheSB3cml0ZXMgKGNvbmZpZy50cywgaG9va3MudHMsXG4gICAqIHRoaXJkLXBhcnR5IGRlcHMpIGRvbid0IGNvcnJ1cHQgdGhlIGFsdC1zY3JlZW4gYnVmZmVyLiBwYXRjaENvbnNvbGUgb25seVxuICAgKiBob29rcyBjb25zb2xlLiogbWV0aG9kcyDigJQgZGlyZWN0IHN0ZGVyciB3cml0ZXMgYnlwYXNzIGl0LCBsYW5kIGF0IHRoZVxuICAgKiBwYXJrZWQgY3Vyc29yLCBzY3JvbGwgdGhlIGFsdC1zY3JlZW4sIGFuZCBkZXN5bmMgZnJvbnRGcmFtZSBmcm9tIHRoZVxuICAgKiBwaHlzaWNhbCB0ZXJtaW5hbC4gTmV4dCBkaWZmIHdyaXRlcyBvbmx5IGNoYW5nZWQtaW4tUmVhY3QgY2VsbHMgYXRcbiAgICogYWJzb2x1dGUgY29vcmRzIOKGkiBpbnRlcmxlYXZlZCBnYXJiYWdlLlxuICAgKlxuICAgKiBTd2FsbG93cyB0aGUgd3JpdGUgKHJvdXRlcyB0ZXh0IHRvIHRoZSBkZWJ1ZyBsb2cpIGFuZCwgaW4gYWx0LXNjcmVlbixcbiAgICogZm9yY2VzIGEgZnVsbC1kYW1hZ2UgcmVwYWludCBhcyBhIGRlZmVuc2l2ZSByZWNvdmVyeS4gTm90IHBhdGNoaW5nXG4gICAqIHByb2Nlc3Muc3Rkb3V0IOKAlCBJbmsgaXRzZWxmIHdyaXRlcyB0aGVyZS5cbiAgICovXG4gIHByaXZhdGUgcGF0Y2hTdGRlcnIoKTogKCkgPT4gdm9pZCB7XG4gICAgY29uc3Qgc3RkZXJyID0gcHJvY2Vzcy5zdGRlcnJcbiAgICBjb25zdCBvcmlnaW5hbFdyaXRlID0gc3RkZXJyLndyaXRlXG4gICAgbGV0IHJlZW50ZXJlZCA9IGZhbHNlXG4gICAgY29uc3QgaW50ZXJjZXB0ID0gKFxuICAgICAgY2h1bms6IFVpbnQ4QXJyYXkgfCBzdHJpbmcsXG4gICAgICBlbmNvZGluZ09yQ2I/OiBCdWZmZXJFbmNvZGluZyB8ICgoZXJyPzogRXJyb3IpID0+IHZvaWQpLFxuICAgICAgY2I/OiAoZXJyPzogRXJyb3IpID0+IHZvaWQsXG4gICAgKTogYm9vbGVhbiA9PiB7XG4gICAgICBjb25zdCBjYWxsYmFjayA9IHR5cGVvZiBlbmNvZGluZ09yQ2IgPT09ICdmdW5jdGlvbicgPyBlbmNvZGluZ09yQ2IgOiBjYlxuICAgICAgLy8gUmVlbnRyYW5jeSBndWFyZDogbG9nRm9yRGVidWdnaW5nIOKGkiB3cml0ZVRvU3RkZXJyIOKGkiBoZXJlLiBQYXNzXG4gICAgICAvLyB0aHJvdWdoIHRvIHRoZSBvcmlnaW5hbCBzbyAtLWRlYnVnLXRvLXN0ZGVyciBzdGlsbCB3b3JrcyBhbmQgd2VcbiAgICAgIC8vIGRvbid0IHN0YWNrLW92ZXJmbG93LlxuICAgICAgaWYgKHJlZW50ZXJlZCkge1xuICAgICAgICBjb25zdCBlbmNvZGluZyA9XG4gICAgICAgICAgdHlwZW9mIGVuY29kaW5nT3JDYiA9PT0gJ3N0cmluZycgPyBlbmNvZGluZ09yQ2IgOiB1bmRlZmluZWRcbiAgICAgICAgcmV0dXJuIG9yaWdpbmFsV3JpdGUuY2FsbChzdGRlcnIsIGNodW5rLCBlbmNvZGluZywgY2FsbGJhY2spXG4gICAgICB9XG4gICAgICByZWVudGVyZWQgPSB0cnVlXG4gICAgICB0cnkge1xuICAgICAgICBjb25zdCB0ZXh0ID1cbiAgICAgICAgICB0eXBlb2YgY2h1bmsgPT09ICdzdHJpbmcnXG4gICAgICAgICAgICA/IGNodW5rXG4gICAgICAgICAgICA6IEJ1ZmZlci5mcm9tKGNodW5rKS50b1N0cmluZygndXRmOCcpXG4gICAgICAgIGxvZ0ZvckRlYnVnZ2luZyhgW3N0ZGVycl0gJHt0ZXh0fWAsIHsgbGV2ZWw6ICd3YXJuJyB9KVxuICAgICAgICBpZiAodGhpcy5hbHRTY3JlZW5BY3RpdmUgJiYgIXRoaXMuaXNVbm1vdW50ZWQgJiYgIXRoaXMuaXNQYXVzZWQpIHtcbiAgICAgICAgICB0aGlzLnByZXZGcmFtZUNvbnRhbWluYXRlZCA9IHRydWVcbiAgICAgICAgICB0aGlzLnNjaGVkdWxlUmVuZGVyKClcbiAgICAgICAgfVxuICAgICAgfSBmaW5hbGx5IHtcbiAgICAgICAgcmVlbnRlcmVkID0gZmFsc2VcbiAgICAgICAgY2FsbGJhY2s/LigpXG4gICAgICB9XG4gICAgICByZXR1cm4gdHJ1ZVxuICAgIH1cbiAgICBzdGRlcnIud3JpdGUgPSBpbnRlcmNlcHRcbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgaWYgKHN0ZGVyci53cml0ZSA9PT0gaW50ZXJjZXB0KSB7XG4gICAgICAgIHN0ZGVyci53cml0ZSA9IG9yaWdpbmFsV3JpdGVcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cblxuLyoqXG4gKiBEaXNjYXJkIHBlbmRpbmcgc3RkaW4gYnl0ZXMgc28gaW4tZmxpZ2h0IGVzY2FwZSBzZXF1ZW5jZXMgKG1vdXNlIHRyYWNraW5nXG4gKiByZXBvcnRzLCBicmFja2V0ZWQtcGFzdGUgbWFya2VycykgZG9uJ3QgbGVhayB0byB0aGUgc2hlbGwgYWZ0ZXIgZXhpdC5cbiAqXG4gKiBUd28gbGF5ZXJzIG9mIHRyaWNraW5lc3M6XG4gKlxuICogMS4gc2V0UmF3TW9kZSBpcyB0ZXJtaW9zLCBub3QgZmNudGwg4oCUIHRoZSBzdGRpbiBmZCBzdGF5cyBibG9ja2luZywgc29cbiAqICAgIHJlYWRTeW5jIG9uIGl0IHdvdWxkIGhhbmcgZm9yZXZlci4gTm9kZSBkb2Vzbid0IGV4cG9zZSBmY250bCwgc28gd2VcbiAqICAgIG9wZW4gL2Rldi90dHkgZnJlc2ggd2l0aCBPX05PTkJMT0NLIChhbGwgZmRzIHRvIHRoZSBjb250cm9sbGluZ1xuICogICAgdGVybWluYWwgc2hhcmUgb25lIGxpbmUtZGlzY2lwbGluZSBpbnB1dCBxdWV1ZSkuXG4gKlxuICogMi4gQnkgdGhlIHRpbWUgZm9yY2VFeGl0IGNhbGxzIHRoaXMsIGRldGFjaEZvclNodXRkb3duIGhhcyBhbHJlYWR5IHB1dFxuICogICAgdGhlIFRUWSBiYWNrIGluIGNvb2tlZCAoY2Fub25pY2FsKSBtb2RlLiBDYW5vbmljYWwgbW9kZSBsaW5lLWJ1ZmZlcnNcbiAqICAgIGlucHV0IHVudGlsIG5ld2xpbmUsIHNvIE9fTk9OQkxPQ0sgcmVhZHMgcmV0dXJuIEVBR0FJTiBldmVuIHdoZW5cbiAqICAgIG1vdXNlIGJ5dGVzIGFyZSBzaXR0aW5nIGluIHRoZSBidWZmZXIuIFdlIGJyaWVmbHkgcmUtZW50ZXIgcmF3IG1vZGVcbiAqICAgIHNvIHJlYWRzIHJldHVybiBhbnkgYXZhaWxhYmxlIGJ5dGVzLCB0aGVuIHJlc3RvcmUgY29va2VkIG1vZGUuXG4gKlxuICogU2FmZSB0byBjYWxsIG11bHRpcGxlIHRpbWVzLiBDYWxsIGFzIExBVEUgYXMgcG9zc2libGUgaW4gdGhlIGV4aXQgcGF0aDpcbiAqIERJU0FCTEVfTU9VU0VfVFJBQ0tJTkcgaGFzIHRlcm1pbmFsIHJvdW5kLXRyaXAgbGF0ZW5jeSwgc28gZXZlbnRzIGNhblxuICogYXJyaXZlIGZvciBhIGZldyBtcyBhZnRlciBpdCdzIHdyaXR0ZW4uXG4gKi9cbi8qIGVzbGludC1kaXNhYmxlIGN1c3RvbS1ydWxlcy9uby1zeW5jLWZzIC0tIG11c3QgYmUgc3luYzsgY2FsbGVkIGZyb20gc2lnbmFsIGhhbmRsZXIgLyB1bm1vdW50ICovXG5leHBvcnQgZnVuY3Rpb24gZHJhaW5TdGRpbihzdGRpbjogTm9kZUpTLlJlYWRTdHJlYW0gPSBwcm9jZXNzLnN0ZGluKTogdm9pZCB7XG4gIGlmICghc3RkaW4uaXNUVFkpIHJldHVyblxuICAvLyBEcmFpbiBOb2RlJ3Mgc3RyZWFtIGJ1ZmZlciAoYnl0ZXMgbGlidXYgYWxyZWFkeSBwdWxsZWQgaW4pLiByZWFkKClcbiAgLy8gcmV0dXJucyBudWxsIHdoZW4gZW1wdHkg4oCUIG5ldmVyIGJsb2Nrcy5cbiAgdHJ5IHtcbiAgICB3aGlsZSAoc3RkaW4ucmVhZCgpICE9PSBudWxsKSB7XG4gICAgICAvKiBkaXNjYXJkICovXG4gICAgfVxuICB9IGNhdGNoIHtcbiAgICAvKiBzdHJlYW0gbWF5IGJlIGRlc3Ryb3llZCAqL1xuICB9XG4gIC8vIE5vIC9kZXYvdHR5IG9uIFdpbmRvd3M7IENPTklOJCBkb2Vzbid0IHN1cHBvcnQgT19OT05CTE9DSyBzZW1hbnRpY3MuXG4gIC8vIFdpbmRvd3MgVGVybWluYWwgYWxzbyBkb2Vzbid0IGJ1ZmZlciBtb3VzZSByZXBvcnRzIHRoZSBzYW1lIHdheS5cbiAgaWYgKHByb2Nlc3MucGxhdGZvcm0gPT09ICd3aW4zMicpIHJldHVyblxuICAvLyB0ZXJtaW9zIGlzIHBlci1kZXZpY2U6IGZsaXAgc3RkaW4gdG8gcmF3IHNvIGNhbm9uaWNhbC1tb2RlIGxpbmVcbiAgLy8gYnVmZmVyaW5nIGRvZXNuJ3QgaGlkZSBwYXJ0aWFsIGlucHV0IGZyb20gdGhlIG5vbi1ibG9ja2luZyByZWFkLlxuICAvLyBSZXN0b3JlZCBpbiB0aGUgZmluYWxseSBibG9jay5cbiAgY29uc3QgdHR5ID0gc3RkaW4gYXMgTm9kZUpTLlJlYWRTdHJlYW0gJiB7XG4gICAgaXNSYXc/OiBib29sZWFuXG4gICAgc2V0UmF3TW9kZT86IChyYXc6IGJvb2xlYW4pID0+IHZvaWRcbiAgfVxuICBjb25zdCB3YXNSYXcgPSB0dHkuaXNSYXcgPT09IHRydWVcbiAgLy8gRHJhaW4gdGhlIGtlcm5lbCBUVFkgYnVmZmVyIHZpYSBhIGZyZXNoIE9fTk9OQkxPQ0sgZmQuIEJvdW5kZWQgYXQgNjRcbiAgLy8gcmVhZHMgKDY0S0IpIOKAlCBhIHJlYWwgbW91c2UgYnVyc3QgaXMgYSBmZXcgaHVuZHJlZCBieXRlczsgdGhlIGNhcFxuICAvLyBndWFyZHMgYWdhaW5zdCBhIHRlcm1pbmFsIHRoYXQgaWdub3JlcyBPX05PTkJMT0NLLlxuICBsZXQgZmQgPSAtMVxuICB0cnkge1xuICAgIC8vIHNldFJhd01vZGUgaW5zaWRlIHRyeTogb24gcmV2b2tlZCBUVFkgKFNJR0hVUC9TU0ggZGlzY29ubmVjdCkgdGhlXG4gICAgLy8gaW9jdGwgdGhyb3dzIEVCQURGIOKAlCBzYW1lIHJlY292ZXJ5IHBhdGggYXMgb3BlblN5bmMvcmVhZFN5bmMgYmVsb3cuXG4gICAgaWYgKCF3YXNSYXcpIHR0eS5zZXRSYXdNb2RlPy4odHJ1ZSlcbiAgICBmZCA9IG9wZW5TeW5jKCcvZGV2L3R0eScsIGZzQ29uc3RhbnRzLk9fUkRPTkxZIHwgZnNDb25zdGFudHMuT19OT05CTE9DSylcbiAgICBjb25zdCBidWYgPSBCdWZmZXIuYWxsb2MoMTAyNClcbiAgICBmb3IgKGxldCBpID0gMDsgaSA8IDY0OyBpKyspIHtcbiAgICAgIGlmIChyZWFkU3luYyhmZCwgYnVmLCAwLCBidWYubGVuZ3RoLCBudWxsKSA8PSAwKSBicmVha1xuICAgIH1cbiAgfSBjYXRjaCB7XG4gICAgLy8gRUFHQUlOIChidWZmZXIgZW1wdHkg4oCUIGV4cGVjdGVkKSwgRU5YSU8vRU5PRU5UIChubyBjb250cm9sbGluZyB0dHkpLFxuICAgIC8vIEVCQURGL0VJTyAoVFRZIHJldm9rZWQg4oCUIFNJR0hVUCwgU1NIIGRpc2Nvbm5lY3QpXG4gIH0gZmluYWxseSB7XG4gICAgaWYgKGZkID49IDApIHtcbiAgICAgIHRyeSB7XG4gICAgICAgIGNsb3NlU3luYyhmZClcbiAgICAgIH0gY2F0Y2gge1xuICAgICAgICAvKiBpZ25vcmUgKi9cbiAgICAgIH1cbiAgICB9XG4gICAgaWYgKCF3YXNSYXcpIHtcbiAgICAgIHRyeSB7XG4gICAgICAgIHR0eS5zZXRSYXdNb2RlPy4oZmFsc2UpXG4gICAgICB9IGNhdGNoIHtcbiAgICAgICAgLyogVFRZIG1heSBiZSBnb25lICovXG4gICAgICB9XG4gICAgfVxuICB9XG59XG4vKiBlc2xpbnQtZW5hYmxlIGN1c3RvbS1ydWxlcy9uby1zeW5jLWZzICovXG5cbmNvbnN0IENPTlNPTEVfU1RET1VUX01FVEhPRFMgPSBbXG4gICdsb2cnLFxuICAnaW5mbycsXG4gICdkZWJ1ZycsXG4gICdkaXInLFxuICAnZGlyeG1sJyxcbiAgJ2NvdW50JyxcbiAgJ2NvdW50UmVzZXQnLFxuICAnZ3JvdXAnLFxuICAnZ3JvdXBDb2xsYXBzZWQnLFxuICAnZ3JvdXBFbmQnLFxuICAndGFibGUnLFxuICAndGltZScsXG4gICd0aW1lRW5kJyxcbiAgJ3RpbWVMb2cnLFxuXSBhcyBjb25zdFxuY29uc3QgQ09OU09MRV9TVERFUlJfTUVUSE9EUyA9IFsnd2FybicsICdlcnJvcicsICd0cmFjZSddIGFzIGNvbnN0XG4iXSwibWFwcGluZ3MiOiJBQUFBLE9BQU9BLFFBQVEsTUFBTSxXQUFXO0FBQ2hDLFNBQ0VDLFNBQVMsRUFDVEMsU0FBUyxJQUFJQyxXQUFXLEVBQ3hCQyxRQUFRLEVBQ1JDLFFBQVEsRUFDUkMsU0FBUyxRQUNKLElBQUk7QUFDWCxPQUFPQyxJQUFJLE1BQU0sbUJBQW1CO0FBQ3BDLE9BQU9DLFFBQVEsTUFBTSx1QkFBdUI7QUFDNUMsT0FBT0MsS0FBSyxJQUFJLEtBQUtDLFNBQVMsUUFBUSxPQUFPO0FBQzdDLGNBQWNDLFNBQVMsUUFBUSxrQkFBa0I7QUFDakQsU0FBU0MsY0FBYyxRQUFRLCtCQUErQjtBQUM5RCxTQUFTQyxNQUFNLFFBQVEsYUFBYTtBQUNwQyxTQUFTQyxvQkFBb0IsUUFBUSx3QkFBd0I7QUFDN0QsU0FBU0MsZUFBZSxRQUFRLG9DQUFvQztBQUNwRSxTQUFTQyxlQUFlLFFBQVEsb0JBQW9CO0FBQ3BELFNBQVNDLFFBQVEsUUFBUSxrQkFBa0I7QUFDM0MsU0FBU0MsTUFBTSxRQUFRLE1BQU07QUFDN0Is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QUMsRUFBRSxPQUFPO0lBQ2ZDLFVBQVUsQ0FBQyxFQUFFLENBQUNPLEdBQUcsRUFBRSxPQUFPLEVBQUUsR0FBRyxJQUFJO0VBQ3JDLENBQUM7RUFDRCxNQUFNNkgsTUFBTSxHQUFHRCxHQUFHLENBQUNwSSxLQUFLLEtBQUssSUFBSTtFQUNqQztFQUNBO0VBQ0E7RUFDQSxJQUFJc0ksRUFBRSxHQUFHLENBQUMsQ0FBQztFQUNYLElBQUk7SUFDRjtJQUNBO0lBQ0EsSUFBSSxDQUFDRCxNQUFNLEVBQUVELEdBQUcsQ0FBQ25JLFVBQVUsR0FBRyxJQUFJLENBQUM7SUFDbkNxSSxFQUFFLEdBQUczYyxRQUFRLENBQUMsVUFBVSxFQUFFRCxXQUFXLENBQUM2YyxRQUFRLEdBQUc3YyxXQUFXLENBQUM4YyxVQUFVLENBQUM7SUFDeEUsTUFBTUMsR0FBRyxHQUFHVCxNQUFNLENBQUNVLEtBQUssQ0FBQyxJQUFJLENBQUM7SUFDOUIsS0FBSyxJQUFJQyxDQUFDLEdBQUcsQ0FBQyxFQUFFQSxDQUFDLEdBQUcsRUFBRSxFQUFFQSxDQUFDLEVBQUUsRUFBRTtNQUMzQixJQUFJL2MsUUFBUSxDQUFDMGMsRUFBRSxFQUFFRyxHQUFHLEVBQUUsQ0FBQyxFQUFFQSxHQUFHLENBQUM5TCxNQUFNLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFO0lBQ25EO0VBQ0YsQ0FBQyxDQUFDLE1BQU07SUFDTjtJQUNBO0VBQUEsQ0FDRCxTQUFTO0lBQ1IsSUFBSTJMLEVBQUUsSUFBSSxDQUFDLEVBQUU7TUFDWCxJQUFJO1FBQ0Y5YyxTQUFTLENBQUM4YyxFQUFFLENBQUM7TUFDZixDQUFDLENBQUMsTUFBTTtRQUNOO01BQUE7SUFFSjtJQUNBLElBQUksQ0FBQ0QsTUFBTSxFQUFFO01BQ1gsSUFBSTtRQUNGRCxHQUFHLENBQUNuSSxVQUFVLEdBQUcsS0FBSyxDQUFDO01BQ3pCLENBQUMsQ0FBQyxNQUFNO1FBQ047TUFBQTtJQUVKO0VBQ0Y7QUFDRjtBQUNBOztBQUVBLE1BQU0rRyxzQkFBc0IsR0FBRyxDQUM3QixLQUFLLEVBQ0wsTUFBTSxFQUNOLE9BQU8sRUFDUCxLQUFLLEVBQ0wsUUFBUSxFQUNSLE9BQU8sRUFDUCxZQUFZLEVBQ1osT0FBTyxFQUNQLGdCQUFnQixFQUNoQixVQUFVLEVBQ1YsT0FBTyxFQUNQLE1BQU0sRUFDTixTQUFTLEVBQ1QsU0FBUyxDQUNWLElBQUl4VSxLQUFLO0FBQ1YsTUFBTXlVLHNCQUFzQixHQUFHLENBQUMsTUFBTSxFQUFFLE9BQU8sRUFBRSxPQUFPLENBQUMsSUFBSXpVLEtBQUsiLCJpZ25vcmVMaXN0IjpbXX0=
diff --git a/ui-tui/packages/hermes-ink/src/ink/instances.ts b/ui-tui/packages/hermes-ink/src/ink/instances.ts
new file mode 100644
index 0000000000..389384a8d4
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/instances.ts
@@ -0,0 +1,10 @@
+// Store all instances of Ink (instance.js) to ensure that consecutive render() calls
+// use the same instance of Ink and don't create a new one
+//
+// This map has to be stored in a separate file, because render.js creates instances,
+// but instance.js should delete itself from the map on unmount
+
+import type Ink from './ink.js'
+
+const instances = new Map()
+export default instances
diff --git a/ui-tui/packages/hermes-ink/src/ink/layout/engine.ts b/ui-tui/packages/hermes-ink/src/ink/layout/engine.ts
new file mode 100644
index 0000000000..38f6dcb0fb
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/layout/engine.ts
@@ -0,0 +1,6 @@
+import type { LayoutNode } from './node.js'
+import { createYogaLayoutNode } from './yoga.js'
+
+export function createLayoutNode(): LayoutNode {
+ return createYogaLayoutNode()
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/layout/geometry.ts b/ui-tui/packages/hermes-ink/src/ink/layout/geometry.ts
new file mode 100644
index 0000000000..871db1bc27
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/layout/geometry.ts
@@ -0,0 +1,98 @@
+export type Point = {
+ x: number
+ y: number
+}
+
+export type Size = {
+ width: number
+ height: number
+}
+
+export type Rectangle = Point & Size
+
+/** Edge insets (padding, margin, border) */
+export type Edges = {
+ top: number
+ right: number
+ bottom: number
+ left: number
+}
+
+/** Create uniform edges */
+export function edges(all: number): Edges
+export function edges(vertical: number, horizontal: number): Edges
+export function edges(top: number, right: number, bottom: number, left: number): Edges
+
+export function edges(a: number, b?: number, c?: number, d?: number): Edges {
+ if (b === undefined) {
+ return { top: a, right: a, bottom: a, left: a }
+ }
+
+ if (c === undefined) {
+ return { top: a, right: b, bottom: a, left: b }
+ }
+
+ return { top: a, right: b, bottom: c, left: d! }
+}
+
+/** Add two edge values */
+export function addEdges(a: Edges, b: Edges): Edges {
+ return {
+ top: a.top + b.top,
+ right: a.right + b.right,
+ bottom: a.bottom + b.bottom,
+ left: a.left + b.left
+ }
+}
+
+/** Zero edges constant */
+export const ZERO_EDGES: Edges = { top: 0, right: 0, bottom: 0, left: 0 }
+
+/** Convert partial edges to full edges with defaults */
+export function resolveEdges(partial?: Partial): Edges {
+ return {
+ top: partial?.top ?? 0,
+ right: partial?.right ?? 0,
+ bottom: partial?.bottom ?? 0,
+ left: partial?.left ?? 0
+ }
+}
+
+export function unionRect(a: Rectangle, b: Rectangle): Rectangle {
+ const minX = Math.min(a.x, b.x)
+ const minY = Math.min(a.y, b.y)
+ const maxX = Math.max(a.x + a.width, b.x + b.width)
+ const maxY = Math.max(a.y + a.height, b.y + b.height)
+
+ return { x: minX, y: minY, width: maxX - minX, height: maxY - minY }
+}
+
+export function clampRect(rect: Rectangle, size: Size): Rectangle {
+ const minX = Math.max(0, rect.x)
+ const minY = Math.max(0, rect.y)
+ const maxX = Math.min(size.width - 1, rect.x + rect.width - 1)
+ const maxY = Math.min(size.height - 1, rect.y + rect.height - 1)
+
+ return {
+ x: minX,
+ y: minY,
+ width: Math.max(0, maxX - minX + 1),
+ height: Math.max(0, maxY - minY + 1)
+ }
+}
+
+export function withinBounds(size: Size, point: Point): boolean {
+ return point.x >= 0 && point.y >= 0 && point.x < size.width && point.y < size.height
+}
+
+export function clamp(value: number, min?: number, max?: number): number {
+ if (min !== undefined && value < min) {
+ return min
+ }
+
+ if (max !== undefined && value > max) {
+ return max
+ }
+
+ return value
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/layout/node.ts b/ui-tui/packages/hermes-ink/src/ink/layout/node.ts
new file mode 100644
index 0000000000..fa84a4f810
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/layout/node.ts
@@ -0,0 +1,145 @@
+// --
+// Adapter interface for the layout engine (Yoga)
+
+export const LayoutEdge = {
+ All: 'all',
+ Horizontal: 'horizontal',
+ Vertical: 'vertical',
+ Left: 'left',
+ Right: 'right',
+ Top: 'top',
+ Bottom: 'bottom',
+ Start: 'start',
+ End: 'end'
+} as const
+export type LayoutEdge = (typeof LayoutEdge)[keyof typeof LayoutEdge]
+
+export const LayoutGutter = {
+ All: 'all',
+ Column: 'column',
+ Row: 'row'
+} as const
+export type LayoutGutter = (typeof LayoutGutter)[keyof typeof LayoutGutter]
+
+export const LayoutDisplay = {
+ Flex: 'flex',
+ None: 'none'
+} as const
+export type LayoutDisplay = (typeof LayoutDisplay)[keyof typeof LayoutDisplay]
+
+export const LayoutFlexDirection = {
+ Row: 'row',
+ RowReverse: 'row-reverse',
+ Column: 'column',
+ ColumnReverse: 'column-reverse'
+} as const
+export type LayoutFlexDirection = (typeof LayoutFlexDirection)[keyof typeof LayoutFlexDirection]
+
+export const LayoutAlign = {
+ Auto: 'auto',
+ Stretch: 'stretch',
+ FlexStart: 'flex-start',
+ Center: 'center',
+ FlexEnd: 'flex-end'
+} as const
+export type LayoutAlign = (typeof LayoutAlign)[keyof typeof LayoutAlign]
+
+export const LayoutJustify = {
+ FlexStart: 'flex-start',
+ Center: 'center',
+ FlexEnd: 'flex-end',
+ SpaceBetween: 'space-between',
+ SpaceAround: 'space-around',
+ SpaceEvenly: 'space-evenly'
+} as const
+export type LayoutJustify = (typeof LayoutJustify)[keyof typeof LayoutJustify]
+
+export const LayoutWrap = {
+ NoWrap: 'nowrap',
+ Wrap: 'wrap',
+ WrapReverse: 'wrap-reverse'
+} as const
+export type LayoutWrap = (typeof LayoutWrap)[keyof typeof LayoutWrap]
+
+export const LayoutPositionType = {
+ Relative: 'relative',
+ Absolute: 'absolute'
+} as const
+export type LayoutPositionType = (typeof LayoutPositionType)[keyof typeof LayoutPositionType]
+
+export const LayoutOverflow = {
+ Visible: 'visible',
+ Hidden: 'hidden',
+ Scroll: 'scroll'
+} as const
+export type LayoutOverflow = (typeof LayoutOverflow)[keyof typeof LayoutOverflow]
+
+export type LayoutMeasureFunc = (width: number, widthMode: LayoutMeasureMode) => { width: number; height: number }
+
+export const LayoutMeasureMode = {
+ Undefined: 'undefined',
+ Exactly: 'exactly',
+ AtMost: 'at-most'
+} as const
+export type LayoutMeasureMode = (typeof LayoutMeasureMode)[keyof typeof LayoutMeasureMode]
+
+export type LayoutNode = {
+ // Tree
+ insertChild(child: LayoutNode, index: number): void
+ removeChild(child: LayoutNode): void
+ getChildCount(): number
+ getParent(): LayoutNode | null
+
+ // Layout computation
+ calculateLayout(width?: number, height?: number): void
+ setMeasureFunc(fn: LayoutMeasureFunc): void
+ unsetMeasureFunc(): void
+ markDirty(): void
+
+ // Layout reading (post-layout)
+ getComputedLeft(): number
+ getComputedTop(): number
+ getComputedWidth(): number
+ getComputedHeight(): number
+ getComputedBorder(edge: LayoutEdge): number
+ getComputedPadding(edge: LayoutEdge): number
+
+ // Style setters
+ setWidth(value: number): void
+ setWidthPercent(value: number): void
+ setWidthAuto(): void
+ setHeight(value: number): void
+ setHeightPercent(value: number): void
+ setHeightAuto(): void
+ setMinWidth(value: number): void
+ setMinWidthPercent(value: number): void
+ setMinHeight(value: number): void
+ setMinHeightPercent(value: number): void
+ setMaxWidth(value: number): void
+ setMaxWidthPercent(value: number): void
+ setMaxHeight(value: number): void
+ setMaxHeightPercent(value: number): void
+ setFlexDirection(dir: LayoutFlexDirection): void
+ setFlexGrow(value: number): void
+ setFlexShrink(value: number): void
+ setFlexBasis(value: number): void
+ setFlexBasisPercent(value: number): void
+ setFlexWrap(wrap: LayoutWrap): void
+ setAlignItems(align: LayoutAlign): void
+ setAlignSelf(align: LayoutAlign): void
+ setJustifyContent(justify: LayoutJustify): void
+ setDisplay(display: LayoutDisplay): void
+ getDisplay(): LayoutDisplay
+ setPositionType(type: LayoutPositionType): void
+ setPosition(edge: LayoutEdge, value: number): void
+ setPositionPercent(edge: LayoutEdge, value: number): void
+ setOverflow(overflow: LayoutOverflow): void
+ setMargin(edge: LayoutEdge, value: number): void
+ setPadding(edge: LayoutEdge, value: number): void
+ setBorder(edge: LayoutEdge, value: number): void
+ setGap(gutter: LayoutGutter, value: number): void
+
+ // Lifecycle
+ free(): void
+ freeRecursive(): void
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/layout/yoga.ts b/ui-tui/packages/hermes-ink/src/ink/layout/yoga.ts
new file mode 100644
index 0000000000..e18c7f848c
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/layout/yoga.ts
@@ -0,0 +1,313 @@
+import Yoga, {
+ Align,
+ Direction,
+ Display,
+ Edge,
+ FlexDirection,
+ Gutter,
+ Justify,
+ MeasureMode,
+ Overflow,
+ PositionType,
+ Wrap,
+ type Node as YogaNode
+} from '../../native-ts/yoga-layout/index.js'
+
+import {
+ type LayoutAlign,
+ LayoutDisplay,
+ type LayoutEdge,
+ type LayoutFlexDirection,
+ type LayoutGutter,
+ type LayoutJustify,
+ type LayoutMeasureFunc,
+ LayoutMeasureMode,
+ type LayoutNode,
+ type LayoutOverflow,
+ type LayoutPositionType,
+ type LayoutWrap
+} from './node.js'
+
+// --
+// Edge/Gutter mapping
+
+const EDGE_MAP: Record = {
+ all: Edge.All,
+ horizontal: Edge.Horizontal,
+ vertical: Edge.Vertical,
+ left: Edge.Left,
+ right: Edge.Right,
+ top: Edge.Top,
+ bottom: Edge.Bottom,
+ start: Edge.Start,
+ end: Edge.End
+}
+
+const GUTTER_MAP: Record = {
+ all: Gutter.All,
+ column: Gutter.Column,
+ row: Gutter.Row
+}
+
+// --
+// Yoga adapter
+
+export class YogaLayoutNode implements LayoutNode {
+ readonly yoga: YogaNode
+
+ constructor(yoga: YogaNode) {
+ this.yoga = yoga
+ }
+
+ // Tree
+
+ insertChild(child: LayoutNode, index: number): void {
+ this.yoga.insertChild((child as YogaLayoutNode).yoga, index)
+ }
+
+ removeChild(child: LayoutNode): void {
+ this.yoga.removeChild((child as YogaLayoutNode).yoga)
+ }
+
+ getChildCount(): number {
+ return this.yoga.getChildCount()
+ }
+
+ getParent(): LayoutNode | null {
+ const p = this.yoga.getParent()
+
+ return p ? new YogaLayoutNode(p) : null
+ }
+
+ // Layout
+
+ calculateLayout(width?: number, _height?: number): void {
+ this.yoga.calculateLayout(width, undefined, Direction.LTR)
+ }
+
+ setMeasureFunc(fn: LayoutMeasureFunc): void {
+ this.yoga.setMeasureFunc((w, wMode) => {
+ const mode =
+ wMode === MeasureMode.Exactly
+ ? LayoutMeasureMode.Exactly
+ : wMode === MeasureMode.AtMost
+ ? LayoutMeasureMode.AtMost
+ : LayoutMeasureMode.Undefined
+
+ return fn(w, mode)
+ })
+ }
+
+ unsetMeasureFunc(): void {
+ this.yoga.unsetMeasureFunc()
+ }
+
+ markDirty(): void {
+ this.yoga.markDirty()
+ }
+
+ // Computed layout
+
+ getComputedLeft(): number {
+ return this.yoga.getComputedLeft()
+ }
+
+ getComputedTop(): number {
+ return this.yoga.getComputedTop()
+ }
+
+ getComputedWidth(): number {
+ return this.yoga.getComputedWidth()
+ }
+
+ getComputedHeight(): number {
+ return this.yoga.getComputedHeight()
+ }
+
+ getComputedBorder(edge: LayoutEdge): number {
+ return this.yoga.getComputedBorder(EDGE_MAP[edge]!)
+ }
+
+ getComputedPadding(edge: LayoutEdge): number {
+ return this.yoga.getComputedPadding(EDGE_MAP[edge]!)
+ }
+
+ // Style setters
+
+ setWidth(value: number): void {
+ this.yoga.setWidth(value)
+ }
+ setWidthPercent(value: number): void {
+ this.yoga.setWidthPercent(value)
+ }
+ setWidthAuto(): void {
+ this.yoga.setWidthAuto()
+ }
+ setHeight(value: number): void {
+ this.yoga.setHeight(value)
+ }
+ setHeightPercent(value: number): void {
+ this.yoga.setHeightPercent(value)
+ }
+ setHeightAuto(): void {
+ this.yoga.setHeightAuto()
+ }
+ setMinWidth(value: number): void {
+ this.yoga.setMinWidth(value)
+ }
+ setMinWidthPercent(value: number): void {
+ this.yoga.setMinWidthPercent(value)
+ }
+ setMinHeight(value: number): void {
+ this.yoga.setMinHeight(value)
+ }
+ setMinHeightPercent(value: number): void {
+ this.yoga.setMinHeightPercent(value)
+ }
+ setMaxWidth(value: number): void {
+ this.yoga.setMaxWidth(value)
+ }
+ setMaxWidthPercent(value: number): void {
+ this.yoga.setMaxWidthPercent(value)
+ }
+ setMaxHeight(value: number): void {
+ this.yoga.setMaxHeight(value)
+ }
+ setMaxHeightPercent(value: number): void {
+ this.yoga.setMaxHeightPercent(value)
+ }
+
+ setFlexDirection(dir: LayoutFlexDirection): void {
+ const map: Record = {
+ row: FlexDirection.Row,
+ 'row-reverse': FlexDirection.RowReverse,
+ column: FlexDirection.Column,
+ 'column-reverse': FlexDirection.ColumnReverse
+ }
+
+ this.yoga.setFlexDirection(map[dir]!)
+ }
+
+ setFlexGrow(value: number): void {
+ this.yoga.setFlexGrow(value)
+ }
+ setFlexShrink(value: number): void {
+ this.yoga.setFlexShrink(value)
+ }
+ setFlexBasis(value: number): void {
+ this.yoga.setFlexBasis(value)
+ }
+ setFlexBasisPercent(value: number): void {
+ this.yoga.setFlexBasisPercent(value)
+ }
+
+ setFlexWrap(wrap: LayoutWrap): void {
+ const map: Record = {
+ nowrap: Wrap.NoWrap,
+ wrap: Wrap.Wrap,
+ 'wrap-reverse': Wrap.WrapReverse
+ }
+
+ this.yoga.setFlexWrap(map[wrap]!)
+ }
+
+ setAlignItems(align: LayoutAlign): void {
+ const map: Record = {
+ auto: Align.Auto,
+ stretch: Align.Stretch,
+ 'flex-start': Align.FlexStart,
+ center: Align.Center,
+ 'flex-end': Align.FlexEnd
+ }
+
+ this.yoga.setAlignItems(map[align]!)
+ }
+
+ setAlignSelf(align: LayoutAlign): void {
+ const map: Record = {
+ auto: Align.Auto,
+ stretch: Align.Stretch,
+ 'flex-start': Align.FlexStart,
+ center: Align.Center,
+ 'flex-end': Align.FlexEnd
+ }
+
+ this.yoga.setAlignSelf(map[align]!)
+ }
+
+ setJustifyContent(justify: LayoutJustify): void {
+ const map: Record = {
+ 'flex-start': Justify.FlexStart,
+ center: Justify.Center,
+ 'flex-end': Justify.FlexEnd,
+ 'space-between': Justify.SpaceBetween,
+ 'space-around': Justify.SpaceAround,
+ 'space-evenly': Justify.SpaceEvenly
+ }
+
+ this.yoga.setJustifyContent(map[justify]!)
+ }
+
+ setDisplay(display: LayoutDisplay): void {
+ this.yoga.setDisplay(display === 'flex' ? Display.Flex : Display.None)
+ }
+
+ getDisplay(): LayoutDisplay {
+ return this.yoga.getDisplay() === Display.None ? LayoutDisplay.None : LayoutDisplay.Flex
+ }
+
+ setPositionType(type: LayoutPositionType): void {
+ this.yoga.setPositionType(type === 'absolute' ? PositionType.Absolute : PositionType.Relative)
+ }
+
+ setPosition(edge: LayoutEdge, value: number): void {
+ this.yoga.setPosition(EDGE_MAP[edge]!, value)
+ }
+
+ setPositionPercent(edge: LayoutEdge, value: number): void {
+ this.yoga.setPositionPercent(EDGE_MAP[edge]!, value)
+ }
+
+ setOverflow(overflow: LayoutOverflow): void {
+ const map: Record = {
+ visible: Overflow.Visible,
+ hidden: Overflow.Hidden,
+ scroll: Overflow.Scroll
+ }
+
+ this.yoga.setOverflow(map[overflow]!)
+ }
+
+ setMargin(edge: LayoutEdge, value: number): void {
+ this.yoga.setMargin(EDGE_MAP[edge]!, value)
+ }
+ setPadding(edge: LayoutEdge, value: number): void {
+ this.yoga.setPadding(EDGE_MAP[edge]!, value)
+ }
+ setBorder(edge: LayoutEdge, value: number): void {
+ this.yoga.setBorder(EDGE_MAP[edge]!, value)
+ }
+ setGap(gutter: LayoutGutter, value: number): void {
+ this.yoga.setGap(GUTTER_MAP[gutter]!, value)
+ }
+
+ // Lifecycle
+
+ free(): void {
+ this.yoga.free()
+ }
+ freeRecursive(): void {
+ this.yoga.freeRecursive()
+ }
+}
+
+// --
+// Instance management
+//
+// The TS yoga-layout port is synchronous — no WASM loading, no linear memory
+// growth, so no preload/swap/reset machinery is needed. The Yoga instance is
+// just a plain JS object available at import time.
+
+export function createYogaLayoutNode(): LayoutNode {
+ return new YogaLayoutNode(Yoga.Node.create())
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/line-width-cache.ts b/ui-tui/packages/hermes-ink/src/ink/line-width-cache.ts
new file mode 100644
index 0000000000..0791fbb8a6
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/line-width-cache.ts
@@ -0,0 +1,28 @@
+import { stringWidth } from './stringWidth.js'
+
+// During streaming, text grows but completed lines are immutable.
+// Caching stringWidth per-line avoids re-measuring hundreds of
+// unchanged lines on every token (~50x reduction in stringWidth calls).
+const cache = new Map()
+
+const MAX_CACHE_SIZE = 4096
+
+export function lineWidth(line: string): number {
+ const cached = cache.get(line)
+
+ if (cached !== undefined) {
+ return cached
+ }
+
+ const width = stringWidth(line)
+
+ // Evict when cache grows too large (e.g. after many different responses).
+ // Simple full-clear is fine — the cache repopulates in one frame.
+ if (cache.size >= MAX_CACHE_SIZE) {
+ cache.clear()
+ }
+
+ cache.set(line, width)
+
+ return width
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/log-update.ts b/ui-tui/packages/hermes-ink/src/ink/log-update.ts
new file mode 100644
index 0000000000..e4dc3dc7a4
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/log-update.ts
@@ -0,0 +1,738 @@
+import { type AnsiCode, ansiCodesToString, diffAnsiCodes } from '@alcalzone/ansi-tokenize'
+
+import { logForDebugging } from '../utils/debug.js'
+
+import type { Diff, FlickerReason, Frame } from './frame.js'
+import type { Point } from './layout/geometry.js'
+import {
+ type Cell,
+ cellAt,
+ CellWidth,
+ charInCellAt,
+ diffEach,
+ type Hyperlink,
+ isEmptyCellAt,
+ type Screen,
+ shiftRows,
+ type StylePool,
+ visibleCellAtIndex
+} from './screen.js'
+import {
+ scrollDown as csiScrollDown,
+ scrollUp as csiScrollUp,
+ CURSOR_HOME,
+ RESET_SCROLL_REGION,
+ setScrollRegion
+} from './termio/csi.js'
+import { LINK_END, link as oscLink } from './termio/osc.js'
+
+type State = {
+ previousOutput: string
+}
+
+type Options = {
+ isTTY: boolean
+ stylePool: StylePool
+}
+
+const CARRIAGE_RETURN = { type: 'carriageReturn' } as const
+const NEWLINE = { type: 'stdout', content: '\n' } as const
+
+export class LogUpdate {
+ private state: State
+
+ constructor(private readonly options: Options) {
+ this.state = {
+ previousOutput: ''
+ }
+ }
+
+ renderPreviousOutput_DEPRECATED(prevFrame: Frame): Diff {
+ if (!this.options.isTTY) {
+ // Non-TTY output is no longer supported (string output was removed)
+ return [NEWLINE]
+ }
+
+ return this.getRenderOpsForDone(prevFrame)
+ }
+
+ // Called when process resumes from suspension (SIGCONT) to prevent clobbering terminal content
+ reset(): void {
+ this.state.previousOutput = ''
+ }
+
+ private renderFullFrame(frame: Frame): Diff {
+ const { screen } = frame
+ const lines: string[] = []
+ let currentStyles: AnsiCode[] = []
+ let currentHyperlink: Hyperlink = undefined
+
+ for (let y = 0; y < screen.height; y++) {
+ let line = ''
+
+ for (let x = 0; x < screen.width; x++) {
+ const cell = cellAt(screen, x, y)
+
+ if (cell && cell.width !== CellWidth.SpacerTail) {
+ // Handle hyperlink transitions
+ if (cell.hyperlink !== currentHyperlink) {
+ if (currentHyperlink !== undefined) {
+ line += LINK_END
+ }
+
+ if (cell.hyperlink !== undefined) {
+ line += oscLink(cell.hyperlink)
+ }
+
+ currentHyperlink = cell.hyperlink
+ }
+
+ const cellStyles = this.options.stylePool.get(cell.styleId)
+ const styleDiff = diffAnsiCodes(currentStyles, cellStyles)
+
+ if (styleDiff.length > 0) {
+ line += ansiCodesToString(styleDiff)
+ currentStyles = cellStyles
+ }
+
+ line += cell.char
+ }
+ }
+
+ // Close any open hyperlink before resetting styles
+ if (currentHyperlink !== undefined) {
+ line += LINK_END
+ currentHyperlink = undefined
+ }
+
+ // Reset styles at end of line so trimEnd doesn't leave dangling codes
+ const resetCodes = diffAnsiCodes(currentStyles, [])
+
+ if (resetCodes.length > 0) {
+ line += ansiCodesToString(resetCodes)
+ currentStyles = []
+ }
+
+ lines.push(line.trimEnd())
+ }
+
+ if (lines.length === 0) {
+ return []
+ }
+
+ return [{ type: 'stdout', content: lines.join('\n') }]
+ }
+
+ private getRenderOpsForDone(prev: Frame): Diff {
+ this.state.previousOutput = ''
+
+ if (!prev.cursor.visible) {
+ return [{ type: 'cursorShow' }]
+ }
+
+ return []
+ }
+
+ render(prev: Frame, next: Frame, altScreen = false, decstbmSafe = true): Diff {
+ if (!this.options.isTTY) {
+ return this.renderFullFrame(next)
+ }
+
+ const startTime = performance.now()
+ const stylePool = this.options.stylePool
+
+ // Since we assume the cursor is at the bottom on the screen, we only need
+ // to clear when the viewport gets shorter (i.e. the cursor position drifts)
+ // or when it gets thinner (and text wraps). We _could_ figure out how to
+ // not reset here but that would involve predicting the current layout
+ // _after_ the viewport change which means calcuating text wrapping.
+ // Resizing is a rare enough event that it's not practically a big issue.
+ if (
+ next.viewport.height < prev.viewport.height ||
+ (prev.viewport.width !== 0 && next.viewport.width !== prev.viewport.width)
+ ) {
+ return fullResetSequence_CAUSES_FLICKER(next, 'resize', stylePool)
+ }
+
+ // DECSTBM scroll optimization: when a ScrollBox's scrollTop changed,
+ // shift content with a hardware scroll (CSI top;bot r + CSI n S/T)
+ // instead of rewriting the whole scroll region. The shiftRows on
+ // prev.screen simulates the shift so the diff loop below naturally
+ // finds only the rows that scrolled IN as diffs. prev.screen is
+ // about to become backFrame (reused next render) so mutation is safe.
+ // CURSOR_HOME after RESET_SCROLL_REGION is defensive — DECSTBM reset
+ // homes cursor per spec but terminal implementations vary.
+ //
+ // decstbmSafe: caller passes false when the DECSTBM→diff sequence
+ // can't be made atomic (no DEC 2026 / BSU/ESU). Without atomicity the
+ // outer terminal renders the intermediate state — region scrolled,
+ // edge rows not yet painted — a visible vertical jump on every frame
+ // where scrollTop moves. Falling through to the diff loop writes all
+ // shifted rows: more bytes, no intermediate state. next.screen from
+ // render-node-to-output's blit+shift is correct either way.
+ let scrollPatch: Diff = []
+
+ if (altScreen && next.scrollHint && decstbmSafe) {
+ const { top, bottom, delta } = next.scrollHint
+
+ if (top >= 0 && bottom < prev.screen.height && bottom < next.screen.height) {
+ shiftRows(prev.screen, top, bottom, delta)
+ scrollPatch = [
+ {
+ type: 'stdout',
+ content:
+ setScrollRegion(top + 1, bottom + 1) +
+ (delta > 0 ? csiScrollUp(delta) : csiScrollDown(-delta)) +
+ RESET_SCROLL_REGION +
+ CURSOR_HOME
+ }
+ ]
+ }
+ }
+
+ // We have to use purely relative operations to manipulate the cursor since
+ // we don't know its starting point.
+ //
+ // When content height >= viewport height AND cursor is at the bottom,
+ // the cursor restore at the end of the previous frame caused terminal scroll.
+ // viewportY tells us how many rows are in scrollback from content overflow.
+ // Additionally, the cursor-restore scroll pushes 1 more row into scrollback.
+ // We need fullReset if any changes are to rows that are now in scrollback.
+ //
+ // This early full-reset check only applies in "steady state" (not growing).
+ // For growing, the viewportY calculation below (with cursorRestoreScroll)
+ // catches unreachable scrollback rows in the diff loop instead.
+ const cursorAtBottom = prev.cursor.y >= prev.screen.height
+ const isGrowing = next.screen.height > prev.screen.height
+
+ // When content fills the viewport exactly (height == viewport) and the
+ // cursor is at the bottom, the cursor-restore LF at the end of the
+ // previous frame scrolled 1 row into scrollback. Use >= to catch this.
+ const prevHadScrollback = cursorAtBottom && prev.screen.height >= prev.viewport.height
+
+ const isShrinking = next.screen.height < prev.screen.height
+ const nextFitsViewport = next.screen.height <= prev.viewport.height
+
+ // When shrinking from above-viewport to at-or-below-viewport, content that
+ // was in scrollback should now be visible. Terminal clear operations can't
+ // bring scrollback content into view, so we need a full reset.
+ // Use <= (not <) because even when next height equals viewport height, the
+ // scrollback depth from the previous render differs from a fresh render.
+ if (prevHadScrollback && nextFitsViewport && isShrinking) {
+ logForDebugging(
+ `Full reset (shrink->below): prevHeight=${prev.screen.height}, nextHeight=${next.screen.height}, viewport=${prev.viewport.height}`
+ )
+
+ return fullResetSequence_CAUSES_FLICKER(next, 'offscreen', stylePool)
+ }
+
+ if (prev.screen.height >= prev.viewport.height && prev.screen.height > 0 && cursorAtBottom && !isGrowing) {
+ // viewportY = rows in scrollback from content overflow
+ // +1 for the row pushed by cursor-restore scroll
+ const viewportY = prev.screen.height - prev.viewport.height
+ const scrollbackRows = viewportY + 1
+
+ let scrollbackChangeY = -1
+ diffEach(prev.screen, next.screen, (_x, y) => {
+ if (y < scrollbackRows) {
+ scrollbackChangeY = y
+
+ return true // early exit
+ }
+ })
+
+ if (scrollbackChangeY >= 0) {
+ const prevLine = readLine(prev.screen, scrollbackChangeY)
+ const nextLine = readLine(next.screen, scrollbackChangeY)
+
+ return fullResetSequence_CAUSES_FLICKER(next, 'offscreen', stylePool, {
+ triggerY: scrollbackChangeY,
+ prevLine,
+ nextLine
+ })
+ }
+ }
+
+ const screen = new VirtualScreen(prev.cursor, next.viewport.width)
+
+ // Treat empty screen as height 1 to avoid spurious adjustments on first render
+ const heightDelta = Math.max(next.screen.height, 1) - Math.max(prev.screen.height, 1)
+
+ const shrinking = heightDelta < 0
+ const growing = heightDelta > 0
+
+ // Handle shrinking: clear lines from the bottom
+ if (shrinking) {
+ const linesToClear = prev.screen.height - next.screen.height
+
+ // eraseLines only works within the viewport - it can't clear scrollback.
+ // If we need to clear more lines than fit in the viewport, some are in
+ // scrollback, so we need a full reset.
+ if (linesToClear > prev.viewport.height) {
+ return fullResetSequence_CAUSES_FLICKER(next, 'offscreen', this.options.stylePool)
+ }
+
+ // clear(N) moves cursor UP by N-1 lines and to column 0
+ // This puts us at line prev.screen.height - N = next.screen.height
+ // But we want to be at next.screen.height - 1 (bottom of new screen)
+ screen.txn(prev => [
+ [
+ { type: 'clear', count: linesToClear },
+ { type: 'cursorMove', x: 0, y: -1 }
+ ],
+ { dx: -prev.x, dy: -linesToClear }
+ ])
+ }
+
+ // viewportY = number of rows in scrollback (not visible on terminal).
+ // For shrinking: use max(prev, next) because terminal clears don't scroll.
+ // For growing: use prev state because new rows haven't scrolled old ones yet.
+ // When prevHadScrollback, add 1 for the cursor-restore LF that scrolled
+ // an additional row out of view at the end of the previous frame. Without
+ // this, the diff loop treats that row as reachable — but the cursor clamps
+ // at viewport top, causing writes to land 1 row off and garbling the output.
+ const cursorRestoreScroll = prevHadScrollback ? 1 : 0
+
+ const viewportY = growing
+ ? Math.max(0, prev.screen.height - prev.viewport.height + cursorRestoreScroll)
+ : Math.max(prev.screen.height, next.screen.height) - next.viewport.height + cursorRestoreScroll
+
+ let currentStyleId = stylePool.none
+ let currentHyperlink: Hyperlink = undefined
+
+ // First pass: render changes to existing rows (rows < prev.screen.height)
+ let needsFullReset = false
+ let resetTriggerY = -1
+ diffEach(prev.screen, next.screen, (x, y, removed, added) => {
+ // Skip new rows - we'll render them directly after
+ if (growing && y >= prev.screen.height) {
+ return
+ }
+
+ // Skip spacers during rendering because the terminal will automatically
+ // advance 2 columns when we write the wide character itself.
+ // SpacerTail: Second cell of a wide character
+ // SpacerHead: Marks line-end position where wide char wraps to next line
+ if (added && (added.width === CellWidth.SpacerTail || added.width === CellWidth.SpacerHead)) {
+ return
+ }
+
+ if (removed && (removed.width === CellWidth.SpacerTail || removed.width === CellWidth.SpacerHead) && !added) {
+ return
+ }
+
+ // Skip empty cells that don't need to overwrite existing content.
+ // This prevents writing trailing spaces that would cause unnecessary
+ // line wrapping at the edge of the screen.
+ // Uses isEmptyCellAt to check if both packed words are zero (empty cell).
+ if (added && isEmptyCellAt(next.screen, x, y) && !removed) {
+ return
+ }
+
+ // If the cell outside the viewport range has changed, we need to reset
+ // because we can't move the cursor there to draw.
+ if (y < viewportY) {
+ needsFullReset = true
+ resetTriggerY = y
+
+ return true // early exit
+ }
+
+ moveCursorTo(screen, x, y)
+
+ if (added) {
+ const targetHyperlink = added.hyperlink
+ currentHyperlink = transitionHyperlink(screen.diff, currentHyperlink, targetHyperlink)
+ const styleStr = stylePool.transition(currentStyleId, added.styleId)
+
+ if (writeCellWithStyleStr(screen, added, styleStr)) {
+ currentStyleId = added.styleId
+ }
+ } else if (removed) {
+ // Cell was removed - clear it with a space
+ // (This handles shrinking content)
+ // Reset any active styles/hyperlinks first to avoid leaking into cleared cells
+ const styleIdToReset = currentStyleId
+ const hyperlinkToReset = currentHyperlink
+ currentStyleId = stylePool.none
+ currentHyperlink = undefined
+
+ screen.txn(() => {
+ const patches: Diff = []
+ transitionStyle(patches, stylePool, styleIdToReset, stylePool.none)
+ transitionHyperlink(patches, hyperlinkToReset, undefined)
+ patches.push({ type: 'stdout', content: ' ' })
+
+ return [patches, { dx: 1, dy: 0 }]
+ })
+ }
+ })
+
+ if (needsFullReset) {
+ return fullResetSequence_CAUSES_FLICKER(next, 'offscreen', stylePool, {
+ triggerY: resetTriggerY,
+ prevLine: readLine(prev.screen, resetTriggerY),
+ nextLine: readLine(next.screen, resetTriggerY)
+ })
+ }
+
+ // Reset styles before rendering new rows (they'll set their own styles)
+ currentStyleId = transitionStyle(screen.diff, stylePool, currentStyleId, stylePool.none)
+ currentHyperlink = transitionHyperlink(screen.diff, currentHyperlink, undefined)
+
+ // Handle growth: render new rows directly (they naturally scroll the terminal)
+ if (growing) {
+ renderFrameSlice(screen, next, prev.screen.height, next.screen.height, stylePool)
+ }
+
+ // Restore cursor. Skipped in alt-screen: the cursor is hidden, its
+ // position only matters as the starting point for the NEXT frame's
+ // relative moves, and in alt-screen the next frame always begins with
+ // CSI H (see ink.tsx onRender) which resets to (0,0) regardless. This
+ // saves a CR + cursorMove round-trip (~6-10 bytes) every frame.
+ //
+ // Main screen: if cursor needs to be past the last line of content
+ // (typical: cursor.y = screen.height), emit \n to create that line
+ // since cursor movement can't create new lines.
+ if (altScreen) {
+ // no-op; next frame's CSI H anchors cursor
+ } else if (next.cursor.y >= next.screen.height) {
+ // Move to column 0 of current line, then emit newlines to reach target row
+ screen.txn(prev => {
+ const rowsToCreate = next.cursor.y - prev.y
+
+ if (rowsToCreate > 0) {
+ // Use CR to resolve pending wrap (if any) without advancing
+ // to the next line, then LF to create each new row.
+ const patches: Diff = new Array(1 + rowsToCreate)
+ patches[0] = CARRIAGE_RETURN
+
+ for (let i = 0; i < rowsToCreate; i++) {
+ patches[1 + i] = NEWLINE
+ }
+
+ return [patches, { dx: -prev.x, dy: rowsToCreate }]
+ }
+
+ // At or past target row - need to move cursor to correct position
+ const dy = next.cursor.y - prev.y
+
+ if (dy !== 0 || prev.x !== next.cursor.x) {
+ // Use CR to clear pending wrap (if any), then cursor move
+ const patches: Diff = [CARRIAGE_RETURN]
+ patches.push({ type: 'cursorMove', x: next.cursor.x, y: dy })
+
+ return [patches, { dx: next.cursor.x - prev.x, dy }]
+ }
+
+ return [[], { dx: 0, dy: 0 }]
+ })
+ } else {
+ moveCursorTo(screen, next.cursor.x, next.cursor.y)
+ }
+
+ const elapsed = performance.now() - startTime
+
+ if (elapsed > 50) {
+ const damage = next.screen.damage
+
+ const damageInfo = damage ? `${damage.width}x${damage.height} at (${damage.x},${damage.y})` : 'none'
+
+ logForDebugging(
+ `Slow render: ${elapsed.toFixed(1)}ms, screen: ${next.screen.height}x${next.screen.width}, damage: ${damageInfo}, changes: ${screen.diff.length}`
+ )
+ }
+
+ return scrollPatch.length > 0 ? [...scrollPatch, ...screen.diff] : screen.diff
+ }
+}
+
+function transitionHyperlink(diff: Diff, current: Hyperlink, target: Hyperlink): Hyperlink {
+ if (current !== target) {
+ diff.push({ type: 'hyperlink', uri: target ?? '' })
+
+ return target
+ }
+
+ return current
+}
+
+function transitionStyle(diff: Diff, stylePool: StylePool, currentId: number, targetId: number): number {
+ const str = stylePool.transition(currentId, targetId)
+
+ if (str.length > 0) {
+ diff.push({ type: 'styleStr', str })
+ }
+
+ return targetId
+}
+
+function readLine(screen: Screen, y: number): string {
+ let line = ''
+
+ for (let x = 0; x < screen.width; x++) {
+ line += charInCellAt(screen, x, y) ?? ' '
+ }
+
+ return line.trimEnd()
+}
+
+function fullResetSequence_CAUSES_FLICKER(
+ frame: Frame,
+ reason: FlickerReason,
+ stylePool: StylePool,
+ debug?: { triggerY: number; prevLine: string; nextLine: string }
+): Diff {
+ // After clearTerminal, cursor is at (0, 0)
+ const screen = new VirtualScreen({ x: 0, y: 0 }, frame.viewport.width)
+ renderFrame(screen, frame, stylePool)
+
+ return [{ type: 'clearTerminal', reason, debug }, ...screen.diff]
+}
+
+function renderFrame(screen: VirtualScreen, frame: Frame, stylePool: StylePool): void {
+ renderFrameSlice(screen, frame, 0, frame.screen.height, stylePool)
+}
+
+/**
+ * Render a slice of rows from the frame's screen.
+ * Each row is rendered followed by a newline. Cursor ends at (0, endY).
+ */
+function renderFrameSlice(
+ screen: VirtualScreen,
+ frame: Frame,
+ startY: number,
+ endY: number,
+ stylePool: StylePool
+): VirtualScreen {
+ let currentStyleId = stylePool.none
+ let currentHyperlink: Hyperlink = undefined
+ // Track the styleId of the last rendered cell on this line (-1 if none).
+ // Passed to visibleCellAtIndex to enable fg-only space optimization.
+ let lastRenderedStyleId = -1
+
+ const { width: screenWidth, cells, charPool, hyperlinkPool } = frame.screen
+
+ let index = startY * screenWidth
+
+ for (let y = startY; y < endY; y += 1) {
+ // Advance cursor to this row using LF (not CSI CUD / cursor-down).
+ // CSI CUD stops at the viewport bottom margin and cannot scroll,
+ // but LF scrolls the viewport to create new lines. Without this,
+ // when the cursor is at the viewport bottom, moveCursorTo's
+ // cursor-down silently fails, creating a permanent off-by-one
+ // between the virtual cursor and the real terminal cursor.
+ if (screen.cursor.y < y) {
+ const rowsToAdvance = y - screen.cursor.y
+ screen.txn(prev => {
+ const patches: Diff = new Array(1 + rowsToAdvance)
+ patches[0] = CARRIAGE_RETURN
+
+ for (let i = 0; i < rowsToAdvance; i++) {
+ patches[1 + i] = NEWLINE
+ }
+
+ return [patches, { dx: -prev.x, dy: rowsToAdvance }]
+ })
+ }
+
+ // Reset at start of each line — no cell rendered yet
+ lastRenderedStyleId = -1
+
+ for (let x = 0; x < screenWidth; x += 1, index += 1) {
+ // Skip spacers, unstyled empty cells, and fg-only styled spaces that
+ // match the last rendered style (since cursor-forward produces identical
+ // visual result). visibleCellAtIndex handles the optimization internally
+ // to avoid allocating Cell objects for skipped cells.
+ const cell = visibleCellAtIndex(cells, charPool, hyperlinkPool, index, lastRenderedStyleId)
+
+ if (!cell) {
+ continue
+ }
+
+ moveCursorTo(screen, x, y)
+
+ // Handle hyperlink
+ const targetHyperlink = cell.hyperlink
+ currentHyperlink = transitionHyperlink(screen.diff, currentHyperlink, targetHyperlink)
+
+ // Style transition — cached string, zero allocations after warmup
+ const styleStr = stylePool.transition(currentStyleId, cell.styleId)
+
+ if (writeCellWithStyleStr(screen, cell, styleStr)) {
+ currentStyleId = cell.styleId
+ lastRenderedStyleId = cell.styleId
+ }
+ }
+
+ // Reset styles/hyperlinks before newline so background color doesn't
+ // bleed into the next line when the terminal scrolls. The old code
+ // reset implicitly by writing trailing unstyled spaces; now that we
+ // skip empty cells, we must reset explicitly.
+ currentStyleId = transitionStyle(screen.diff, stylePool, currentStyleId, stylePool.none)
+ currentHyperlink = transitionHyperlink(screen.diff, currentHyperlink, undefined)
+ // CR+LF at end of row — \r resets to column 0, \n moves to next line.
+ // Without \r, the terminal cursor stays at whatever column content ended
+ // (since we skip trailing spaces, this can be mid-row).
+ screen.txn(prev => [[CARRIAGE_RETURN, NEWLINE], { dx: -prev.x, dy: 1 }])
+ }
+
+ // Reset any open style/hyperlink at end of slice
+ transitionStyle(screen.diff, stylePool, currentStyleId, stylePool.none)
+ transitionHyperlink(screen.diff, currentHyperlink, undefined)
+
+ return screen
+}
+
+type Delta = { dx: number; dy: number }
+
+/**
+ * Write a cell with a pre-serialized style transition string (from
+ * StylePool.transition). Inlines the txn logic to avoid closure/tuple/delta
+ * allocations on every cell.
+ *
+ * Returns true if the cell was written, false if skipped (wide char at
+ * viewport edge). Callers MUST gate currentStyleId updates on this — when
+ * skipped, styleStr is never pushed and the terminal's style state is
+ * unchanged. Updating the virtual tracker anyway desyncs it from the
+ * terminal, and the next transition is computed from phantom state.
+ */
+function writeCellWithStyleStr(screen: VirtualScreen, cell: Cell, styleStr: string): boolean {
+ const cellWidth = cell.width === CellWidth.Wide ? 2 : 1
+ const px = screen.cursor.x
+ const vw = screen.viewportWidth
+
+ // Don't write wide chars that would cross the viewport edge.
+ // Single-codepoint chars (CJK) at vw-2 are safe; multi-codepoint
+ // graphemes (flags, ZWJ emoji) need stricter threshold.
+ if (cellWidth === 2 && px < vw) {
+ const threshold = cell.char.length > 2 ? vw : vw + 1
+
+ if (px + 2 >= threshold) {
+ return false
+ }
+ }
+
+ const diff = screen.diff
+
+ if (styleStr.length > 0) {
+ diff.push({ type: 'styleStr', str: styleStr })
+ }
+
+ const needsCompensation = cellWidth === 2 && needsWidthCompensation(cell.char)
+
+ // On terminals with old wcwidth tables, a compensated emoji only advances
+ // the cursor 1 column, so the CHA below skips column x+1 without painting
+ // it. Write a styled space there first — on correct terminals the emoji
+ // glyph (width 2) overwrites it harmlessly; on old terminals it fills the
+ // gap with the emoji's background. Also clears any stale content at x+1.
+ // CHA is 1-based, so column px+1 (0-based) is CHA target px+2.
+ if (needsCompensation && px + 1 < vw) {
+ diff.push({ type: 'cursorTo', col: px + 2 })
+ diff.push({ type: 'stdout', content: ' ' })
+ diff.push({ type: 'cursorTo', col: px + 1 })
+ }
+
+ diff.push({ type: 'stdout', content: cell.char })
+
+ // Force terminal cursor to correct column after the emoji.
+ if (needsCompensation) {
+ diff.push({ type: 'cursorTo', col: px + cellWidth + 1 })
+ }
+
+ // Update cursor — mutate in place to avoid Point allocation
+ if (px >= vw) {
+ screen.cursor.x = cellWidth
+ screen.cursor.y++
+ } else {
+ screen.cursor.x = px + cellWidth
+ }
+
+ return true
+}
+
+function moveCursorTo(screen: VirtualScreen, targetX: number, targetY: number) {
+ screen.txn(prev => {
+ const dx = targetX - prev.x
+ const dy = targetY - prev.y
+ const inPendingWrap = prev.x >= screen.viewportWidth
+
+ // If we're in pending wrap state (cursor.x >= width), use CR
+ // to reset to column 0 on the current line without advancing
+ // to the next line, then issue the cursor movement.
+ if (inPendingWrap) {
+ return [[CARRIAGE_RETURN, { type: 'cursorMove', x: targetX, y: dy }], { dx, dy }]
+ }
+
+ // When moving to a different line, use carriage return (\r) to reset to
+ // column 0 first, then cursor move.
+ if (dy !== 0) {
+ return [[CARRIAGE_RETURN, { type: 'cursorMove', x: targetX, y: dy }], { dx, dy }]
+ }
+
+ // Standard same-line cursor move
+ return [[{ type: 'cursorMove', x: dx, y: dy }], { dx, dy }]
+ })
+}
+
+/**
+ * Identify emoji where the terminal's wcwidth may disagree with Unicode.
+ * On terminals with correct tables, the CHA we emit is a harmless no-op.
+ *
+ * Two categories:
+ * 1. Newer emoji (Unicode 12.0+) missing from terminal wcwidth tables.
+ * 2. Text-by-default emoji + VS16 (U+FE0F): the base codepoint is width 1
+ * in wcwidth, but VS16 triggers emoji presentation making it width 2.
+ * Examples: ⚔️ (U+2694), ☠️ (U+2620), ❤️ (U+2764).
+ */
+function needsWidthCompensation(char: string): boolean {
+ const cp = char.codePointAt(0)
+
+ if (cp === undefined) {
+ return false
+ }
+
+ // U+1FA70-U+1FAFF: Symbols and Pictographs Extended-A (Unicode 12.0-15.0)
+ // U+1FB00-U+1FBFF: Symbols for Legacy Computing (Unicode 13.0)
+ if ((cp >= 0x1fa70 && cp <= 0x1faff) || (cp >= 0x1fb00 && cp <= 0x1fbff)) {
+ return true
+ }
+
+ // Text-by-default emoji with VS16: scan for U+FE0F in multi-codepoint
+ // graphemes. Single BMP chars (length 1) and surrogate pairs without VS16
+ // skip this check. VS16 (0xFE0F) can't collide with surrogates (0xD800-0xDFFF).
+ if (char.length >= 2) {
+ for (let i = 0; i < char.length; i++) {
+ if (char.charCodeAt(i) === 0xfe0f) {
+ return true
+ }
+ }
+ }
+
+ return false
+}
+
+class VirtualScreen {
+ // Public for direct mutation by writeCellWithStyleStr (avoids txn overhead).
+ // File-private class — not exposed outside log-update.ts.
+ cursor: Point
+ diff: Diff = []
+
+ constructor(
+ origin: Point,
+ readonly viewportWidth: number
+ ) {
+ this.cursor = { ...origin }
+ }
+
+ txn(fn: (prev: Point) => [patches: Diff, next: Delta]): void {
+ const [patches, next] = fn(this.cursor)
+
+ for (const patch of patches) {
+ this.diff.push(patch)
+ }
+
+ this.cursor.x += next.dx
+ this.cursor.y += next.dy
+ }
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/measure-element.ts b/ui-tui/packages/hermes-ink/src/ink/measure-element.ts
new file mode 100644
index 0000000000..64124d6ec2
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/measure-element.ts
@@ -0,0 +1,23 @@
+import type { DOMElement } from './dom.js'
+
+type Output = {
+ /**
+ * Element width.
+ */
+ width: number
+
+ /**
+ * Element height.
+ */
+ height: number
+}
+
+/**
+ * Measure the dimensions of a particular `` element.
+ */
+const measureElement = (node: DOMElement): Output => ({
+ width: node.yogaNode?.getComputedWidth() ?? 0,
+ height: node.yogaNode?.getComputedHeight() ?? 0
+})
+
+export default measureElement
diff --git a/ui-tui/packages/hermes-ink/src/ink/measure-text.ts b/ui-tui/packages/hermes-ink/src/ink/measure-text.ts
new file mode 100644
index 0000000000..1d81cdedea
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/measure-text.ts
@@ -0,0 +1,50 @@
+import { lineWidth } from './line-width-cache.js'
+
+type Output = {
+ width: number
+ height: number
+}
+
+// Single-pass measurement: computes both width and height in one
+// iteration instead of two (widestLine + countVisualLines).
+// Uses indexOf to avoid array allocation from split('\n').
+function measureText(text: string, maxWidth: number): Output {
+ if (text.length === 0) {
+ return {
+ width: 0,
+ height: 0
+ }
+ }
+
+ // Infinite or non-positive width means no wrapping — each line is one visual line.
+ // Must check before the loop since Math.ceil(w / Infinity) = 0.
+ const noWrap = maxWidth <= 0 || !Number.isFinite(maxWidth)
+
+ let height = 0
+ let width = 0
+ let start = 0
+
+ while (start <= text.length) {
+ const end = text.indexOf('\n', start)
+ const line = end === -1 ? text.substring(start) : text.substring(start, end)
+
+ const w = lineWidth(line)
+ width = Math.max(width, w)
+
+ if (noWrap) {
+ height++
+ } else {
+ height += w === 0 ? 1 : Math.ceil(w / maxWidth)
+ }
+
+ if (end === -1) {
+ break
+ }
+
+ start = end + 1
+ }
+
+ return { width, height }
+}
+
+export default measureText
diff --git a/ui-tui/packages/hermes-ink/src/ink/node-cache.ts b/ui-tui/packages/hermes-ink/src/ink/node-cache.ts
new file mode 100644
index 0000000000..fe11e067ec
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/node-cache.ts
@@ -0,0 +1,53 @@
+import type { DOMElement } from './dom.js'
+import type { Rectangle } from './layout/geometry.js'
+
+/**
+ * Cached layout bounds for each rendered node (used for blit + clearing).
+ * `top` is the yoga-local getComputedTop() — stored so ScrollBox viewport
+ * culling can skip yoga reads for clean children whose position hasn't
+ * shifted (O(dirty) instead of O(mounted) first-pass).
+ */
+export type CachedLayout = {
+ x: number
+ y: number
+ width: number
+ height: number
+ top?: number
+}
+
+export const nodeCache = new WeakMap()
+
+/** Rects of removed children that need clearing on next render */
+export const pendingClears = new WeakMap()
+
+/**
+ * Set when a pendingClear is added for an absolute-positioned node.
+ * Signals renderer to disable blit for the next frame: the removed node
+ * may have painted over non-siblings (e.g. an overlay over a ScrollBox
+ * earlier in tree order), so their blits from prevScreen would restore
+ * the overlay's pixels. Normal-flow removals are already handled by
+ * hasRemovedChild at the parent level; only absolute positioning paints
+ * cross-subtree. Reset at the start of each render.
+ */
+let absoluteNodeRemoved = false
+
+export function addPendingClear(parent: DOMElement, rect: Rectangle, isAbsolute: boolean): void {
+ const existing = pendingClears.get(parent)
+
+ if (existing) {
+ existing.push(rect)
+ } else {
+ pendingClears.set(parent, [rect])
+ }
+
+ if (isAbsolute) {
+ absoluteNodeRemoved = true
+ }
+}
+
+export function consumeAbsoluteRemovedFlag(): boolean {
+ const had = absoluteNodeRemoved
+ absoluteNodeRemoved = false
+
+ return had
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/optimizer.ts b/ui-tui/packages/hermes-ink/src/ink/optimizer.ts
new file mode 100644
index 0000000000..a4fd3812c7
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/optimizer.ts
@@ -0,0 +1,99 @@
+import type { Diff } from './frame.js'
+
+/**
+ * Optimize a diff by applying all optimization rules in a single pass.
+ * This reduces the number of patches that need to be written to the terminal.
+ *
+ * Rules applied:
+ * - Remove empty stdout patches
+ * - Merge consecutive cursorMove patches
+ * - Remove no-op cursorMove (0,0) patches
+ * - Concat adjacent style patches (transition diffs — can't drop either)
+ * - Dedupe consecutive hyperlinks with same URI
+ * - Cancel cursor hide/show pairs
+ * - Remove clear patches with count 0
+ */
+export function optimize(diff: Diff): Diff {
+ if (diff.length <= 1) {
+ return diff
+ }
+
+ const result: Diff = []
+ let len = 0
+
+ for (const patch of diff) {
+ const type = patch.type
+
+ // Skip no-ops
+ if (type === 'stdout') {
+ if (patch.content === '') {
+ continue
+ }
+ } else if (type === 'cursorMove') {
+ if (patch.x === 0 && patch.y === 0) {
+ continue
+ }
+ } else if (type === 'clear') {
+ if (patch.count === 0) {
+ continue
+ }
+ }
+
+ // Try to merge with previous patch
+ if (len > 0) {
+ const lastIdx = len - 1
+ const last = result[lastIdx]!
+ const lastType = last.type
+
+ // Merge consecutive cursorMove
+ if (type === 'cursorMove' && lastType === 'cursorMove') {
+ result[lastIdx] = {
+ type: 'cursorMove',
+ x: last.x + patch.x,
+ y: last.y + patch.y
+ }
+
+ continue
+ }
+
+ // Collapse consecutive cursorTo (only the last one matters)
+ if (type === 'cursorTo' && lastType === 'cursorTo') {
+ result[lastIdx] = patch
+
+ continue
+ }
+
+ // Concat adjacent style patches. styleStr is a transition diff
+ // (computed by diffAnsiCodes(from, to)), not a setter — dropping
+ // the first is only sound if its undo-codes are a subset of the
+ // second's, which is NOT guaranteed. e.g. [\e[49m, \e[2m]: dropping
+ // the bg reset leaks it into the next \e[2J/\e[2K via BCE.
+ if (type === 'styleStr' && lastType === 'styleStr') {
+ result[lastIdx] = { type: 'styleStr', str: last.str + patch.str }
+
+ continue
+ }
+
+ // Dedupe hyperlinks
+ if (type === 'hyperlink' && lastType === 'hyperlink' && patch.uri === last.uri) {
+ continue
+ }
+
+ // Cancel cursor hide/show pairs
+ if (
+ (type === 'cursorShow' && lastType === 'cursorHide') ||
+ (type === 'cursorHide' && lastType === 'cursorShow')
+ ) {
+ result.pop()
+ len--
+
+ continue
+ }
+ }
+
+ result.push(patch)
+ len++
+ }
+
+ return result
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/output.ts b/ui-tui/packages/hermes-ink/src/ink/output.ts
new file mode 100644
index 0000000000..f52bf06363
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/output.ts
@@ -0,0 +1,833 @@
+import { type AnsiCode, type StyledChar, styledCharsFromTokens, tokenize } from '@alcalzone/ansi-tokenize'
+
+import { logForDebugging } from '../utils/debug.js'
+import { getGraphemeSegmenter } from '../utils/intl.js'
+import sliceAnsi from '../utils/sliceAnsi.js'
+
+import { reorderBidi } from './bidi.js'
+import { type Rectangle, unionRect } from './layout/geometry.js'
+import {
+ blitRegion,
+ CellWidth,
+ extractHyperlinkFromStyles,
+ filterOutHyperlinkStyles,
+ markNoSelectRegion,
+ OSC8_PREFIX,
+ resetScreen,
+ type Screen,
+ setCellAt,
+ shiftRows,
+ type StylePool
+} from './screen.js'
+import { stringWidth } from './stringWidth.js'
+import { widestLine } from './widest-line.js'
+
+/**
+ * A grapheme cluster with precomputed terminal width, styleId, and hyperlink.
+ * Built once per unique line (cached via charCache), so the per-char hot loop
+ * is just property reads + setCellAt — no stringWidth, no style interning,
+ * no hyperlink extraction per frame.
+ *
+ * styleId is safe to cache: StylePool is session-lived (never reset).
+ * hyperlink is stored as a string (not interned ID) since hyperlinkPool
+ * resets every 5 min; setCellAt interns it per-frame (cheap Map.get).
+ */
+type ClusteredChar = {
+ value: string
+ width: number
+ styleId: number
+ hyperlink: string | undefined
+}
+
+/**
+ * Collects write/blit/clear/clip operations from the render tree, then
+ * applies them to a Screen buffer in `get()`. The Screen is what gets
+ * diffed against the previous frame to produce terminal updates.
+ */
+
+type Options = {
+ width: number
+ height: number
+ stylePool: StylePool
+ /**
+ * Screen to render into. Will be reset before use.
+ * For double-buffering, pass a reusable screen. Otherwise create a new one.
+ */
+ screen: Screen
+}
+
+export type Operation =
+ | WriteOperation
+ | ClipOperation
+ | UnclipOperation
+ | BlitOperation
+ | ClearOperation
+ | NoSelectOperation
+ | ShiftOperation
+
+type WriteOperation = {
+ type: 'write'
+ x: number
+ y: number
+ text: string
+ /**
+ * Per-line soft-wrap flags, parallel to text.split('\n'). softWrap[i]=true
+ * means line i is a continuation of line i-1 (the `\n` before it was
+ * inserted by word-wrap, not in the source). Index 0 is always false.
+ * Undefined means the producer didn't track wrapping (e.g. fills,
+ * raw-ansi) — the screen's per-row bitmap is left untouched.
+ */
+ softWrap?: boolean[]
+}
+
+type ClipOperation = {
+ type: 'clip'
+ clip: Clip
+}
+
+export type Clip = {
+ x1: number | undefined
+ x2: number | undefined
+ y1: number | undefined
+ y2: number | undefined
+}
+
+/**
+ * Intersect two clips. `undefined` on an axis means unbounded; the other
+ * clip's bound wins. If both are bounded, take the tighter constraint
+ * (max of mins, min of maxes). If the resulting region is empty
+ * (x1 >= x2 or y1 >= y2), writes clipped by it will be dropped.
+ */
+function intersectClip(parent: Clip | undefined, child: Clip): Clip {
+ if (!parent) {
+ return child
+ }
+
+ return {
+ x1: maxDefined(parent.x1, child.x1),
+ x2: minDefined(parent.x2, child.x2),
+ y1: maxDefined(parent.y1, child.y1),
+ y2: minDefined(parent.y2, child.y2)
+ }
+}
+
+function maxDefined(a: number | undefined, b: number | undefined): number | undefined {
+ if (a === undefined) {
+ return b
+ }
+
+ if (b === undefined) {
+ return a
+ }
+
+ return Math.max(a, b)
+}
+
+function minDefined(a: number | undefined, b: number | undefined): number | undefined {
+ if (a === undefined) {
+ return b
+ }
+
+ if (b === undefined) {
+ return a
+ }
+
+ return Math.min(a, b)
+}
+
+type UnclipOperation = {
+ type: 'unclip'
+}
+
+type BlitOperation = {
+ type: 'blit'
+ src: Screen
+ x: number
+ y: number
+ width: number
+ height: number
+}
+
+type ShiftOperation = {
+ type: 'shift'
+ top: number
+ bottom: number
+ n: number
+}
+
+type ClearOperation = {
+ type: 'clear'
+ region: Rectangle
+ /**
+ * Set when the clear is for an absolute-positioned node's old bounds.
+ * Absolute nodes overlay normal-flow siblings, so their stale paint is
+ * what an earlier sibling's clean-subtree blit wrongly restores from
+ * prevScreen. Normal-flow siblings' clears don't have this problem —
+ * their old position can't have been painted on top of a sibling.
+ */
+ fromAbsolute?: boolean
+}
+
+type NoSelectOperation = {
+ type: 'noSelect'
+ region: Rectangle
+}
+
+export default class Output {
+ width: number
+ height: number
+ private readonly stylePool: StylePool
+ private screen: Screen
+
+ private readonly operations: Operation[] = []
+
+ private charCache: Map = new Map()
+
+ constructor(options: Options) {
+ const { width, height, stylePool, screen } = options
+
+ this.width = width
+ this.height = height
+ this.stylePool = stylePool
+ this.screen = screen
+
+ resetScreen(screen, width, height)
+ }
+
+ /**
+ * Reuse this Output for a new frame. Zeroes the screen buffer, clears
+ * the operation list (backing storage is retained), and caps charCache
+ * growth. Preserving charCache across frames is the main win — most
+ * lines don't change between renders, so tokenize + grapheme clustering
+ * becomes a cache hit.
+ */
+ reset(width: number, height: number, screen: Screen): void {
+ this.width = width
+ this.height = height
+ this.screen = screen
+ this.operations.length = 0
+ resetScreen(screen, width, height)
+
+ if (this.charCache.size > 16384) {
+ this.charCache.clear()
+ }
+ }
+
+ /**
+ * Copy cells from a source screen region (blit = block image transfer).
+ */
+ blit(src: Screen, x: number, y: number, width: number, height: number): void {
+ this.operations.push({ type: 'blit', src, x, y, width, height })
+ }
+
+ /**
+ * Shift full-width rows within [top, bottom] by n. n > 0 = up. Mirrors
+ * what DECSTBM + SU/SD does to the terminal. Paired with blit() to reuse
+ * prevScreen content during pure scroll, avoiding full child re-render.
+ */
+ shift(top: number, bottom: number, n: number): void {
+ this.operations.push({ type: 'shift', top, bottom, n })
+ }
+
+ /**
+ * Clear a region by writing empty cells. Used when a node shrinks to
+ * ensure stale content from the previous frame is removed.
+ */
+ clear(region: Rectangle, fromAbsolute?: boolean): void {
+ this.operations.push({ type: 'clear', region, fromAbsolute })
+ }
+
+ /**
+ * Mark a region as non-selectable (excluded from fullscreen text
+ * selection copy + highlight). Used by to fence off
+ * gutters (line numbers, diff sigils). Applied AFTER blit/write so
+ * the mark wins regardless of what's blitted into the region.
+ */
+ noSelect(region: Rectangle): void {
+ this.operations.push({ type: 'noSelect', region })
+ }
+
+ write(x: number, y: number, text: string, softWrap?: boolean[]): void {
+ if (!text) {
+ return
+ }
+
+ this.operations.push({
+ type: 'write',
+ x,
+ y,
+ text,
+ softWrap
+ })
+ }
+
+ clip(clip: Clip) {
+ this.operations.push({
+ type: 'clip',
+ clip
+ })
+ }
+
+ unclip() {
+ this.operations.push({
+ type: 'unclip'
+ })
+ }
+
+ get(): Screen {
+ const screen = this.screen
+ const screenWidth = this.width
+ const screenHeight = this.height
+
+ // Track blit vs write cell counts for debugging
+ let blitCells = 0
+ let writeCells = 0
+
+ // Pass 1: expand damage to cover clear regions. The buffer is freshly
+ // zeroed by resetScreen, so this pass only marks damage so diff()
+ // checks these regions against the previous frame.
+ //
+ // Also collect clears from absolute-positioned nodes. An absolute
+ // node overlays normal-flow siblings; when it shrinks, its clear is
+ // pushed AFTER those siblings' clean-subtree blits (DOM order). The
+ // blit copies the absolute node's own stale paint from prevScreen,
+ // and since clear is damage-only, the ghost survives diff. Normal-
+ // flow clears don't need this — a normal-flow node's old position
+ // can't have been painted on top of a sibling's current position.
+ const absoluteClears: Rectangle[] = []
+
+ for (const operation of this.operations) {
+ if (operation.type !== 'clear') {
+ continue
+ }
+
+ const { x, y, width, height } = operation.region
+ const startX = Math.max(0, x)
+ const startY = Math.max(0, y)
+ const maxX = Math.min(x + width, screenWidth)
+ const maxY = Math.min(y + height, screenHeight)
+
+ if (startX >= maxX || startY >= maxY) {
+ continue
+ }
+
+ const rect = {
+ x: startX,
+ y: startY,
+ width: maxX - startX,
+ height: maxY - startY
+ }
+
+ screen.damage = screen.damage ? unionRect(screen.damage, rect) : rect
+
+ if (operation.fromAbsolute) {
+ absoluteClears.push(rect)
+ }
+ }
+
+ const clips: Clip[] = []
+
+ for (const operation of this.operations) {
+ switch (operation.type) {
+ case 'clear':
+ // handled in pass 1
+ continue
+
+ case 'clip':
+ // Intersect with the parent clip (if any) so nested
+ // overflow:hidden boxes can't write outside their ancestor's
+ // clip region. Without this, a message with overflow:hidden at
+ // the bottom of a scrollbox pushes its OWN clip (based on its
+ // layout bounds, already translated by -scrollTop) which can
+ // extend below the scrollbox viewport — writes escape into
+ // the sibling bottom section's rows.
+ clips.push(intersectClip(clips.at(-1), operation.clip))
+
+ continue
+
+ case 'unclip':
+ clips.pop()
+
+ continue
+ case 'blit': {
+ // Bulk-copy cells from source screen region using TypedArray.set().
+ // Tracking damage ensures diff() checks blitted cells for stale content
+ // when a parent blits an area that previously contained child content.
+ const { src, x: regionX, y: regionY, width: regionWidth, height: regionHeight } = operation
+
+ // Intersect with active clip — a child's clean-blit passes its full
+ // cached rect, but the parent ScrollBox may have shrunk (pill mount).
+ // Without this, the blit writes past the ScrollBox's new bottom edge
+ // into the pill's row.
+ const clip = clips.at(-1)
+ const startX = Math.max(regionX, clip?.x1 ?? 0)
+ const startY = Math.max(regionY, clip?.y1 ?? 0)
+
+ const maxY = Math.min(regionY + regionHeight, screenHeight, src.height, clip?.y2 ?? Infinity)
+
+ const maxX = Math.min(regionX + regionWidth, screenWidth, src.width, clip?.x2 ?? Infinity)
+
+ if (startX >= maxX || startY >= maxY) {
+ continue
+ }
+
+ // Exclude cells covered by an absolute-positioned node's clear.
+ // Absolute nodes overlay normal-flow siblings, so prevScreen in
+ // that region holds stale overlay paint. If we blit those cells
+ // back, removed/moved overlays ghost as a duplicate.
+ if (absoluteClears.length === 0) {
+ blitRegion(screen, src, startX, startY, maxX, maxY)
+ blitCells += (maxY - startY) * (maxX - startX)
+
+ continue
+ }
+
+ for (let row = startY; row < maxY; row++) {
+ let spans: [number, number][] = [[startX, maxX]]
+
+ for (const r of absoluteClears) {
+ if (row < r.y || row >= r.y + r.height || !spans.length) {
+ break
+ }
+
+ const cs = Math.max(startX, r.x)
+ const ce = Math.min(maxX, r.x + r.width)
+
+ if (cs >= ce) {
+ continue
+ }
+
+ const next: [number, number][] = []
+
+ for (const [sx, ex] of spans) {
+ if (ce <= sx || cs >= ex) {
+ next.push([sx, ex])
+
+ continue
+ }
+
+ if (sx < cs) {
+ next.push([sx, cs])
+ }
+
+ if (ce < ex) {
+ next.push([ce, ex])
+ }
+ }
+
+ spans = next
+ }
+
+ for (const [sx, ex] of spans) {
+ blitRegion(screen, src, sx, row, ex, row + 1)
+ blitCells += ex - sx
+ }
+ }
+
+ continue
+ }
+
+ case 'shift': {
+ shiftRows(screen, operation.top, operation.bottom, operation.n)
+
+ continue
+ }
+
+ case 'write': {
+ const { text, softWrap } = operation
+ let { x, y } = operation
+ let lines = text.split('\n')
+ let swFrom = 0
+ let prevContentEnd = 0
+
+ const clip = clips.at(-1)
+
+ if (clip) {
+ const clipHorizontally = typeof clip?.x1 === 'number' && typeof clip?.x2 === 'number'
+
+ const clipVertically = typeof clip?.y1 === 'number' && typeof clip?.y2 === 'number'
+
+ // If text is positioned outside of clipping area altogether,
+ // skip to the next operation to avoid unnecessary calculations
+ if (clipHorizontally) {
+ const width = widestLine(text)
+
+ if (x + width <= clip.x1! || x >= clip.x2!) {
+ continue
+ }
+ }
+
+ if (clipVertically) {
+ const height = lines.length
+
+ if (y + height <= clip.y1! || y >= clip.y2!) {
+ continue
+ }
+ }
+
+ if (clipHorizontally) {
+ lines = lines.map(line => {
+ const from = x < clip.x1! ? clip.x1! - x : 0
+ const width = stringWidth(line)
+ const to = x + width > clip.x2! ? clip.x2! - x : width
+ let sliced = sliceAnsi(line, from, to)
+
+ // Wide chars (CJK, emoji) occupy 2 cells. When `to` lands
+ // on the first cell of a wide char, sliceAnsi includes the
+ // entire glyph and the result overflows clip.x2 by one cell,
+ // writing a SpacerTail into the adjacent sibling. Re-slice
+ // one cell earlier; wide chars are exactly 2 cells, so a
+ // single retry always fits.
+ if (stringWidth(sliced) > to - from) {
+ sliced = sliceAnsi(line, from, to - 1)
+ }
+
+ return sliced
+ })
+
+ if (x < clip.x1!) {
+ x = clip.x1!
+ }
+ }
+
+ if (clipVertically) {
+ const from = y < clip.y1! ? clip.y1! - y : 0
+ const height = lines.length
+ const to = y + height > clip.y2! ? clip.y2! - y : height
+
+ // If the first visible line is a soft-wrap continuation, we
+ // need the clipped previous line's content end so
+ // screen.softWrap[lineY] correctly records the join point
+ // even though that line's cells were never written.
+ if (softWrap && from > 0 && softWrap[from] === true) {
+ prevContentEnd = x + stringWidth(lines[from - 1]!)
+ }
+
+ lines = lines.slice(from, to)
+ swFrom = from
+
+ if (y < clip.y1!) {
+ y = clip.y1!
+ }
+ }
+ }
+
+ const swBits = screen.softWrap
+ let offsetY = 0
+
+ for (const line of lines) {
+ const lineY = y + offsetY
+
+ // Line can be outside screen if `text` is taller than screen height
+ if (lineY >= screenHeight) {
+ break
+ }
+
+ const contentEnd = writeLineToScreen(screen, line, x, lineY, screenWidth, this.stylePool, this.charCache)
+
+ writeCells += contentEnd - x
+
+ // See Screen.softWrap docstring for the encoding. contentEnd
+ // from writeLineToScreen is tab-expansion-aware, unlike
+ // x+stringWidth(line) which treats tabs as width 0.
+ if (softWrap) {
+ const isSW = softWrap[swFrom + offsetY] === true
+ swBits[lineY] = isSW ? prevContentEnd : 0
+ prevContentEnd = contentEnd
+ }
+
+ offsetY++
+ }
+
+ continue
+ }
+ }
+ }
+
+ // noSelect ops go LAST so they win over blits (which copy noSelect
+ // from prevScreen) and writes (which don't touch noSelect). This way
+ // a box correctly fences its region even when the parent
+ // blits, and moving a between frames correctly clears the
+ // old region (resetScreen already zeroed the bitmap).
+ for (const operation of this.operations) {
+ if (operation.type === 'noSelect') {
+ const { x, y, width, height } = operation.region
+ markNoSelectRegion(screen, x, y, width, height)
+ }
+ }
+
+ // Log blit/write ratio for debugging - high write count suggests blitting isn't working
+ const totalCells = blitCells + writeCells
+
+ if (totalCells > 1000 && writeCells > blitCells) {
+ logForDebugging(
+ `High write ratio: blit=${blitCells}, write=${writeCells} (${((writeCells / totalCells) * 100).toFixed(1)}% writes), screen=${screenHeight}x${screenWidth}`
+ )
+ }
+
+ return screen
+ }
+}
+
+function stylesEqual(a: AnsiCode[], b: AnsiCode[]): boolean {
+ if (a === b) {
+ return true
+ } // Reference equality fast path
+
+ const len = a.length
+
+ if (len !== b.length) {
+ return false
+ }
+
+ if (len === 0) {
+ return true
+ } // Both empty
+
+ for (let i = 0; i < len; i++) {
+ if (a[i]!.code !== b[i]!.code) {
+ return false
+ }
+ }
+
+ return true
+}
+
+/**
+ * Convert a string with ANSI codes into styled characters with proper grapheme
+ * clustering. Fixes ansi-tokenize splitting grapheme clusters (like family
+ * emojis) into individual code points.
+ *
+ * Also precomputes styleId + hyperlink per style run (not per char) — an
+ * 80-char line with 3 style runs does 3 intern calls instead of 80.
+ */
+function styledCharsWithGraphemeClustering(chars: StyledChar[], stylePool: StylePool): ClusteredChar[] {
+ const charCount = chars.length
+
+ if (charCount === 0) {
+ return []
+ }
+
+ const result: ClusteredChar[] = []
+ const bufferChars: string[] = []
+ let bufferStyles: AnsiCode[] = chars[0]!.styles
+
+ for (let i = 0; i < charCount; i++) {
+ const char = chars[i]!
+ const styles = char.styles
+
+ // Different styles means we need to flush and start new buffer
+ if (bufferChars.length > 0 && !stylesEqual(styles, bufferStyles)) {
+ flushBuffer(bufferChars.join(''), bufferStyles, stylePool, result)
+ bufferChars.length = 0
+ }
+
+ bufferChars.push(char.value)
+ bufferStyles = styles
+ }
+
+ // Final flush
+ if (bufferChars.length > 0) {
+ flushBuffer(bufferChars.join(''), bufferStyles, stylePool, result)
+ }
+
+ return result
+}
+
+function flushBuffer(buffer: string, styles: AnsiCode[], stylePool: StylePool, out: ClusteredChar[]): void {
+ // Compute styleId + hyperlink ONCE for the whole style run.
+ // Every grapheme in this buffer shares the same styles.
+ //
+ // Extract and track hyperlinks separately, filter from styles.
+ // Always check for OSC 8 codes to filter, not just when a URL is
+ // extracted. The tokenizer treats OSC 8 close codes (empty URL) as
+ // active styles, so they must be filtered even when no hyperlink
+ // URL is present.
+ const hyperlink = extractHyperlinkFromStyles(styles) ?? undefined
+
+ const hasOsc8Styles =
+ hyperlink !== undefined || styles.some(s => s.code.length >= OSC8_PREFIX.length && s.code.startsWith(OSC8_PREFIX))
+
+ const filteredStyles = hasOsc8Styles ? filterOutHyperlinkStyles(styles) : styles
+
+ const styleId = stylePool.intern(filteredStyles)
+
+ for (const { segment: grapheme } of getGraphemeSegmenter().segment(buffer)) {
+ out.push({
+ value: grapheme,
+ width: stringWidth(grapheme),
+ styleId,
+ hyperlink
+ })
+ }
+}
+
+/**
+ * Write a single line's characters into the screen buffer.
+ * Extracted from Output.get() so JSC can optimize this tight,
+ * monomorphic loop independently — better register allocation,
+ * setCellAt inlining, and type feedback than when buried inside
+ * a 300-line dispatch function.
+ *
+ * Returns the end column (x + visual width, including tab expansion) so
+ * the caller can record it in screen.softWrap without re-walking the
+ * line via stringWidth(). Caller computes the debug cell-count as end-x.
+ */
+function writeLineToScreen(
+ screen: Screen,
+ line: string,
+ x: number,
+ y: number,
+ screenWidth: number,
+ stylePool: StylePool,
+ charCache: Map
+): number {
+ let characters = charCache.get(line)
+
+ if (!characters) {
+ characters = reorderBidi(styledCharsWithGraphemeClustering(styledCharsFromTokens(tokenize(line)), stylePool))
+ charCache.set(line, characters)
+ }
+
+ let offsetX = x
+
+ for (let charIdx = 0; charIdx < characters.length; charIdx++) {
+ const character = characters[charIdx]!
+ const codePoint = character.value.codePointAt(0)
+
+ // Handle C0 control characters (0x00-0x1F) that cause cursor movement
+ // mismatches. stringWidth treats these as width 0, but terminals may
+ // move the cursor differently.
+ if (codePoint !== undefined && codePoint <= 0x1f) {
+ // Tab (0x09): expand to spaces to reach next tab stop
+ if (codePoint === 0x09) {
+ const tabWidth = 8
+ const spacesToNextStop = tabWidth - (offsetX % tabWidth)
+
+ for (let i = 0; i < spacesToNextStop && offsetX < screenWidth; i++) {
+ setCellAt(screen, offsetX, y, {
+ char: ' ',
+ styleId: stylePool.none,
+ width: CellWidth.Narrow,
+ hyperlink: undefined
+ })
+ offsetX++
+ }
+ }
+ // ESC (0x1B): skip incomplete escape sequences that ansi-tokenize
+ // didn't recognize. ansi-tokenize only parses SGR sequences (ESC[...m)
+ // and OSC 8 hyperlinks (ESC]8;;url BEL). Other sequences like cursor
+ // movement, screen clearing, or terminal title become individual char
+ // tokens that we need to skip here.
+ else if (codePoint === 0x1b) {
+ const nextChar = characters[charIdx + 1]?.value
+ const nextCode = nextChar?.codePointAt(0)
+
+ if (nextChar === '(' || nextChar === ')' || nextChar === '*' || nextChar === '+') {
+ // Charset selection: ESC ( X, ESC ) X, etc.
+ // Skip the intermediate char and the charset designator
+ charIdx += 2
+ } else if (nextChar === '[') {
+ // CSI sequence: ESC [ ... final-byte
+ // Final byte is in range 0x40-0x7E (@, A-Z, [\]^_`, a-z, {|}~)
+ // Examples: ESC[2J (clear), ESC[?25l (cursor hide), ESC[H (home)
+ charIdx++ // skip the [
+
+ while (charIdx < characters.length - 1) {
+ charIdx++
+ const c = characters[charIdx]?.value.codePointAt(0)
+
+ // Final byte terminates the sequence
+ if (c !== undefined && c >= 0x40 && c <= 0x7e) {
+ break
+ }
+ }
+ } else if (nextChar === ']' || nextChar === 'P' || nextChar === '_' || nextChar === '^' || nextChar === 'X') {
+ // String-based sequences terminated by BEL (0x07) or ST (ESC \):
+ // - OSC: ESC ] ... (Operating System Command)
+ // - DCS: ESC P ... (Device Control String)
+ // - APC: ESC _ ... (Application Program Command)
+ // - PM: ESC ^ ... (Privacy Message)
+ // - SOS: ESC X ... (Start of String)
+ charIdx++ // skip the introducer char
+
+ while (charIdx < characters.length - 1) {
+ charIdx++
+ const c = characters[charIdx]?.value
+
+ // BEL (0x07) terminates the sequence
+ if (c === '\x07') {
+ break
+ }
+
+ // ST (String Terminator) is ESC \
+ // When we see ESC, check if next char is backslash
+ if (c === '\x1b') {
+ const nextC = characters[charIdx + 1]?.value
+
+ if (nextC === '\\') {
+ charIdx++ // skip the backslash too
+
+ break
+ }
+ }
+ }
+ } else if (nextCode !== undefined && nextCode >= 0x30 && nextCode <= 0x7e) {
+ // Single-character escape sequences: ESC followed by 0x30-0x7E
+ // (excluding the multi-char introducers already handled above)
+ // - Fp range (0x30-0x3F): ESC 7 (save cursor), ESC 8 (restore)
+ // - Fe range (0x40-0x5F): ESC D (index), ESC M (reverse index)
+ // - Fs range (0x60-0x7E): ESC c (reset)
+ charIdx++ // skip the command char
+ }
+ }
+
+ // Carriage return (0x0D): would move cursor to column 0, skip it
+ // Backspace (0x08): would move cursor left, skip it
+ // Bell (0x07), vertical tab (0x0B), form feed (0x0C): skip
+ // All other control chars (0x00-0x06, 0x0E-0x1F): skip
+ // Note: newline (0x0A) is already handled by line splitting
+ continue
+ }
+
+ // Zero-width characters (combining marks, ZWNJ, ZWS, etc.)
+ // don't occupy terminal cells — storing them as Narrow cells
+ // desyncs the virtual cursor from the real terminal cursor.
+ // Width was computed once during clustering (cached via charCache).
+ const charWidth = character.width
+
+ if (charWidth === 0) {
+ continue
+ }
+
+ const isWideCharacter = charWidth >= 2
+
+ // Wide char at last column can't fit — terminal would wrap it to
+ // the next line, desyncing our cursor model. Place a SpacerHead
+ // to mark the blank column, matching terminal behavior.
+ if (isWideCharacter && offsetX + 2 > screenWidth) {
+ setCellAt(screen, offsetX, y, {
+ char: ' ',
+ styleId: stylePool.none,
+ width: CellWidth.SpacerHead,
+ hyperlink: undefined
+ })
+ offsetX++
+
+ continue
+ }
+
+ // styleId + hyperlink were precomputed during clustering (once per
+ // style run, cached via charCache). Hot loop is now just property
+ // reads — no intern, no extract, no filter per frame.
+ setCellAt(screen, offsetX, y, {
+ char: character.value,
+ styleId: character.styleId,
+ width: isWideCharacter ? CellWidth.Wide : CellWidth.Narrow,
+ hyperlink: character.hyperlink
+ })
+ offsetX += isWideCharacter ? 2 : 1
+ }
+
+ return offsetX
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/parse-keypress.ts b/ui-tui/packages/hermes-ink/src/ink/parse-keypress.ts
new file mode 100644
index 0000000000..ca77058d66
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/parse-keypress.ts
@@ -0,0 +1,831 @@
+/**
+ * Keyboard input parser - converts terminal input to key events
+ *
+ * Uses the termio tokenizer for escape sequence boundary detection,
+ * then interprets sequences as keypresses.
+ */
+import { Buffer } from 'buffer'
+
+import { PASTE_END, PASTE_START } from './termio/csi.js'
+import { createTokenizer, type Tokenizer } from './termio/tokenize.js'
+
+// eslint-disable-next-line no-control-regex
+const META_KEY_CODE_RE = /^(?:\x1b)([a-zA-Z0-9])$/
+
+const FN_KEY_RE =
+ // eslint-disable-next-line no-control-regex
+ /^(?:\x1b+)(O|N|\[|\[\[)(?:(\d+)(?:;(\d+))?([~^$])|(?:1;)?(\d+)?([a-zA-Z]))/
+
+// CSI u (kitty keyboard protocol): ESC [ codepoint [; modifier] u
+// Example: ESC[13;2u = Shift+Enter, ESC[27u = Escape (no modifiers)
+// Modifier is optional - when absent, defaults to 1 (no modifiers)
+// eslint-disable-next-line no-control-regex
+const CSI_U_RE = /^\x1b\[(\d+)(?:;(\d+))?u/
+
+// xterm modifyOtherKeys: ESC [ 27 ; modifier ; keycode ~
+// Example: ESC[27;2;13~ = Shift+Enter. Emitted by Ghostty/tmux/xterm when
+// modifyOtherKeys=2 is active or via user keybinds, typically over SSH where
+// TERM sniffing misses Ghostty and we never push Kitty keyboard mode.
+// Note param order is reversed vs CSI u (modifier first, keycode second).
+// eslint-disable-next-line no-control-regex
+const MODIFY_OTHER_KEYS_RE = /^\x1b\[27;(\d+);(\d+)~/
+
+// -- Terminal response patterns (inbound sequences from the terminal itself) --
+// DECRPM: CSI ? Ps ; Pm $ y — response to DECRQM (request mode)
+// eslint-disable-next-line no-control-regex
+const DECRPM_RE = /^\x1b\[\?(\d+);(\d+)\$y$/
+// DA1: CSI ? Ps ; ... c — primary device attributes response
+// eslint-disable-next-line no-control-regex
+const DA1_RE = /^\x1b\[\?([\d;]*)c$/
+// DA2: CSI > Ps ; ... c — secondary device attributes response
+// eslint-disable-next-line no-control-regex
+const DA2_RE = /^\x1b\[>([\d;]*)c$/
+// Kitty keyboard flags: CSI ? flags u — response to CSI ? u query
+// (private ? marker distinguishes from CSI u key events)
+// eslint-disable-next-line no-control-regex
+const KITTY_FLAGS_RE = /^\x1b\[\?(\d+)u$/
+// DECXCPR cursor position: CSI ? row ; col R
+// The ? marker disambiguates from modified F3 keys (Shift+F3 = CSI 1;2 R,
+// Ctrl+F3 = CSI 1;5 R, etc.) — plain CSI row;col R is genuinely ambiguous.
+// eslint-disable-next-line no-control-regex
+const CURSOR_POSITION_RE = /^\x1b\[\?(\d+);(\d+)R$/
+// OSC response: OSC code ; data (BEL|ST)
+// eslint-disable-next-line no-control-regex
+const OSC_RESPONSE_RE = /^\x1b\](\d+);(.*?)(?:\x07|\x1b\\)$/s
+// XTVERSION: DCS > | name ST — terminal name/version string (answer to CSI > 0 q).
+// xterm.js replies "xterm.js(X.Y.Z)"; Ghostty, kitty, iTerm2, etc. reply with
+// their own name. Unlike TERM_PROGRAM, this survives SSH since the query/reply
+// goes through the pty, not the environment.
+// eslint-disable-next-line no-control-regex
+const XTVERSION_RE = /^\x1bP>\|(.*?)(?:\x07|\x1b\\)$/s
+// SGR mouse event: CSI < button ; col ; row M (press) or m (release)
+// Button codes: 64=wheel-up, 65=wheel-down (0x40 | wheel-bit).
+// Button 32=left-drag (0x20 | motion-bit). Plain 0/1/2 = left/mid/right click.
+// eslint-disable-next-line no-control-regex
+const SGR_MOUSE_RE = /^\x1b\[<(\d+);(\d+);(\d+)([Mm])$/
+
+function createPasteKey(content: string): ParsedKey {
+ return {
+ kind: 'key',
+ name: '',
+ fn: false,
+ ctrl: false,
+ meta: false,
+ shift: false,
+ option: false,
+ super: false,
+ sequence: content,
+ raw: content,
+ isPasted: true
+ }
+}
+
+/** DECRPM status values (response to DECRQM) */
+export const DECRPM_STATUS = {
+ NOT_RECOGNIZED: 0,
+ SET: 1,
+ RESET: 2,
+ PERMANENTLY_SET: 3,
+ PERMANENTLY_RESET: 4
+} as const
+
+/**
+ * A response sequence received from the terminal (not a keypress).
+ * Emitted in answer to queries like DECRQM, DA1, OSC 11, etc.
+ */
+export type TerminalResponse =
+ /** DECRPM: answer to DECRQM (request DEC private mode status) */
+ | { type: 'decrpm'; mode: number; status: number }
+ /** DA1: primary device attributes (used as a universal sentinel) */
+ | { type: 'da1'; params: number[] }
+ /** DA2: secondary device attributes (terminal version info) */
+ | { type: 'da2'; params: number[] }
+ /** Kitty keyboard protocol: current flags (answer to CSI ? u) */
+ | { type: 'kittyKeyboard'; flags: number }
+ /** DSR: cursor position report (answer to CSI 6 n) */
+ | { type: 'cursorPosition'; row: number; col: number }
+ /** OSC response: generic operating-system-command reply (e.g. OSC 11 bg color) */
+ | { type: 'osc'; code: number; data: string }
+ /** XTVERSION: terminal name/version string (answer to CSI > 0 q).
+ * Example values: "xterm.js(5.5.0)", "ghostty 1.2.0", "iTerm2 3.6". */
+ | { type: 'xtversion'; name: string }
+
+/**
+ * Try to recognize a sequence token as a terminal response.
+ * Returns null if the sequence is not a known response pattern
+ * (i.e. it should be treated as a keypress).
+ *
+ * These patterns are syntactically distinguishable from keyboard input —
+ * no physical key produces CSI ? ... c or CSI ? ... $ y, so they can be
+ * safely parsed out of the input stream at any time.
+ */
+function parseTerminalResponse(s: string): TerminalResponse | null {
+ // CSI-prefixed responses
+ if (s.startsWith('\x1b[')) {
+ let m: RegExpExecArray | null
+
+ if ((m = DECRPM_RE.exec(s))) {
+ return {
+ type: 'decrpm',
+ mode: parseInt(m[1]!, 10),
+ status: parseInt(m[2]!, 10)
+ }
+ }
+
+ if ((m = DA1_RE.exec(s))) {
+ return { type: 'da1', params: splitNumericParams(m[1]!) }
+ }
+
+ if ((m = DA2_RE.exec(s))) {
+ return { type: 'da2', params: splitNumericParams(m[1]!) }
+ }
+
+ if ((m = KITTY_FLAGS_RE.exec(s))) {
+ return { type: 'kittyKeyboard', flags: parseInt(m[1]!, 10) }
+ }
+
+ if ((m = CURSOR_POSITION_RE.exec(s))) {
+ return {
+ type: 'cursorPosition',
+ row: parseInt(m[1]!, 10),
+ col: parseInt(m[2]!, 10)
+ }
+ }
+
+ return null
+ }
+
+ // OSC responses (e.g. OSC 11 ; rgb:... for bg color query)
+ if (s.startsWith('\x1b]')) {
+ const m = OSC_RESPONSE_RE.exec(s)
+
+ if (m) {
+ return { type: 'osc', code: parseInt(m[1]!, 10), data: m[2]! }
+ }
+ }
+
+ // DCS responses (e.g. XTVERSION: DCS > | name ST)
+ if (s.startsWith('\x1bP')) {
+ const m = XTVERSION_RE.exec(s)
+
+ if (m) {
+ return { type: 'xtversion', name: m[1]! }
+ }
+ }
+
+ return null
+}
+
+function splitNumericParams(params: string): number[] {
+ if (!params) {
+ return []
+ }
+
+ return params.split(';').map(p => parseInt(p, 10))
+}
+
+export type KeyParseState = {
+ mode: 'NORMAL' | 'IN_PASTE'
+ incomplete: string
+ pasteBuffer: string
+ // Internal tokenizer instance
+ _tokenizer?: Tokenizer
+}
+
+export const INITIAL_STATE: KeyParseState = {
+ mode: 'NORMAL',
+ incomplete: '',
+ pasteBuffer: ''
+}
+
+function inputToString(input: Buffer | string): string {
+ if (Buffer.isBuffer(input)) {
+ if (input[0]! > 127 && input[1] === undefined) {
+ ;(input[0] as unknown as number) -= 128
+
+ return '\x1b' + String(input)
+ } else {
+ return String(input)
+ }
+ } else if (input !== undefined && typeof input !== 'string') {
+ return String(input)
+ } else if (!input) {
+ return ''
+ } else {
+ return input
+ }
+}
+
+export function parseMultipleKeypresses(
+ prevState: KeyParseState,
+ input: Buffer | string | null = ''
+): [ParsedInput[], KeyParseState] {
+ const isFlush = input === null
+ const inputString = isFlush ? '' : inputToString(input)
+
+ // Get or create tokenizer
+ const tokenizer = prevState._tokenizer ?? createTokenizer({ x10Mouse: true })
+
+ // Tokenize the input
+ const tokens = isFlush ? tokenizer.flush() : tokenizer.feed(inputString)
+
+ // Convert tokens to parsed keys, handling paste mode
+ const keys: ParsedInput[] = []
+ let inPaste = prevState.mode === 'IN_PASTE'
+ let pasteBuffer = prevState.pasteBuffer
+
+ for (const token of tokens) {
+ if (token.type === 'sequence') {
+ if (token.value === PASTE_START) {
+ inPaste = true
+ pasteBuffer = ''
+ } else if (token.value === PASTE_END) {
+ // Always emit a paste key, even for empty pastes. This allows
+ // downstream handlers to detect empty pastes (e.g., for clipboard
+ // image handling on macOS). The paste content may be empty string.
+ keys.push(createPasteKey(pasteBuffer))
+ inPaste = false
+ pasteBuffer = ''
+ } else if (inPaste) {
+ // Sequences inside paste are treated as literal text
+ pasteBuffer += token.value
+ } else {
+ const response = parseTerminalResponse(token.value)
+
+ if (response) {
+ keys.push({ kind: 'response', sequence: token.value, response })
+ } else {
+ const mouse = parseMouseEvent(token.value)
+
+ if (mouse) {
+ keys.push(mouse)
+ } else {
+ keys.push(parseKeypress(token.value))
+ }
+ }
+ }
+ } else if (token.type === 'text') {
+ if (inPaste) {
+ pasteBuffer += token.value
+ } else if (/^\[<\d+;\d+;\d+[Mm]$/.test(token.value) || /^\[M[\x60-\x7f][\x20-\uffff]{2}$/.test(token.value)) {
+ // Orphaned SGR/X10 mouse tail (fullscreen only — mouse tracking is off
+ // otherwise). A heavy render blocked the event loop past App's 50ms
+ // flush timer, so the buffered ESC was flushed as a lone Escape and
+ // the continuation `[ = {
+ /* xterm/gnome ESC O letter */
+ OP: 'f1',
+ OQ: 'f2',
+ OR: 'f3',
+ OS: 'f4',
+ /* Application keypad mode (numpad digits 0-9) */
+ Op: '0',
+ Oq: '1',
+ Or: '2',
+ Os: '3',
+ Ot: '4',
+ Ou: '5',
+ Ov: '6',
+ Ow: '7',
+ Ox: '8',
+ Oy: '9',
+ /* Application keypad mode (numpad operators) */
+ Oj: '*',
+ Ok: '+',
+ Ol: ',',
+ Om: '-',
+ On: '.',
+ Oo: '/',
+ OM: 'return',
+ /* xterm/rxvt ESC [ number ~ */
+ '[11~': 'f1',
+ '[12~': 'f2',
+ '[13~': 'f3',
+ '[14~': 'f4',
+ /* from Cygwin and used in libuv */
+ '[[A': 'f1',
+ '[[B': 'f2',
+ '[[C': 'f3',
+ '[[D': 'f4',
+ '[[E': 'f5',
+ /* common */
+ '[15~': 'f5',
+ '[17~': 'f6',
+ '[18~': 'f7',
+ '[19~': 'f8',
+ '[20~': 'f9',
+ '[21~': 'f10',
+ '[23~': 'f11',
+ '[24~': 'f12',
+ /* xterm ESC [ letter */
+ '[A': 'up',
+ '[B': 'down',
+ '[C': 'right',
+ '[D': 'left',
+ '[E': 'clear',
+ '[F': 'end',
+ '[H': 'home',
+ /* xterm/gnome ESC O letter */
+ OA: 'up',
+ OB: 'down',
+ OC: 'right',
+ OD: 'left',
+ OE: 'clear',
+ OF: 'end',
+ OH: 'home',
+ /* xterm/rxvt ESC [ number ~ */
+ '[1~': 'home',
+ '[2~': 'insert',
+ '[3~': 'delete',
+ '[4~': 'end',
+ '[5~': 'pageup',
+ '[6~': 'pagedown',
+ /* putty */
+ '[[5~': 'pageup',
+ '[[6~': 'pagedown',
+ /* rxvt */
+ '[7~': 'home',
+ '[8~': 'end',
+ /* rxvt keys with modifiers */
+ '[a': 'up',
+ '[b': 'down',
+ '[c': 'right',
+ '[d': 'left',
+ '[e': 'clear',
+
+ '[2$': 'insert',
+ '[3$': 'delete',
+ '[5$': 'pageup',
+ '[6$': 'pagedown',
+ '[7$': 'home',
+ '[8$': 'end',
+
+ Oa: 'up',
+ Ob: 'down',
+ Oc: 'right',
+ Od: 'left',
+ Oe: 'clear',
+
+ '[2^': 'insert',
+ '[3^': 'delete',
+ '[5^': 'pageup',
+ '[6^': 'pagedown',
+ '[7^': 'home',
+ '[8^': 'end',
+ /* misc. */
+ '[Z': 'tab'
+}
+
+export const nonAlphanumericKeys = [
+ // Filter out single-character values (digits, operators from numpad) since
+ // those are printable characters that should produce input
+ ...Object.values(keyName).filter(v => v.length > 1),
+ // escape and backspace are assigned directly in parseKeypress (not via the
+ // keyName map), so the spread above misses them. Without these, ctrl+escape
+ // via Kitty/modifyOtherKeys leaks the literal word "escape" as input text
+ // (input-event.ts:58 assigns keypress.name when ctrl is set).
+ 'escape',
+ 'backspace',
+ 'wheelup',
+ 'wheeldown',
+ 'mouse'
+]
+
+const isShiftKey = (code: string): boolean => {
+ return ['[a', '[b', '[c', '[d', '[e', '[2$', '[3$', '[5$', '[6$', '[7$', '[8$', '[Z'].includes(code)
+}
+
+const isCtrlKey = (code: string): boolean => {
+ return ['Oa', 'Ob', 'Oc', 'Od', 'Oe', '[2^', '[3^', '[5^', '[6^', '[7^', '[8^'].includes(code)
+}
+
+/**
+ * Decode XTerm-style modifier value to individual flags.
+ * Modifier encoding: 1 + (shift ? 1 : 0) + (alt ? 2 : 0) + (ctrl ? 4 : 0) + (super ? 8 : 0)
+ *
+ * Note: `meta` here means Alt/Option (bit 2). `super` is a distinct
+ * modifier (bit 8, i.e. Cmd on macOS / Win key). Most legacy terminal
+ * sequences can't express super — it only arrives via kitty keyboard
+ * protocol (CSI u) or xterm modifyOtherKeys.
+ */
+function decodeModifier(modifier: number): {
+ shift: boolean
+ meta: boolean
+ ctrl: boolean
+ super: boolean
+} {
+ const m = modifier - 1
+
+ return {
+ shift: !!(m & 1),
+ meta: !!(m & 2),
+ ctrl: !!(m & 4),
+ super: !!(m & 8)
+ }
+}
+
+/**
+ * Map keycode to key name for modifyOtherKeys/CSI u sequences.
+ * Handles both ASCII keycodes and Kitty keyboard protocol functional keys.
+ *
+ * Numpad codepoints are from Unicode Private Use Area, defined at:
+ * https://sw.kovidgoyal.net/kitty/keyboard-protocol/#functional-key-definitions
+ */
+function keycodeToName(keycode: number): string | undefined {
+ switch (keycode) {
+ case 9:
+ return 'tab'
+
+ case 13:
+ return 'return'
+
+ case 27:
+ return 'escape'
+
+ case 32:
+ return 'space'
+
+ case 127:
+ return 'backspace'
+
+ // Kitty keyboard protocol numpad keys (KP_0 through KP_9)
+ case 57399:
+ return '0'
+
+ case 57400:
+ return '1'
+
+ case 57401:
+ return '2'
+
+ case 57402:
+ return '3'
+
+ case 57403:
+ return '4'
+
+ case 57404:
+ return '5'
+
+ case 57405:
+ return '6'
+
+ case 57406:
+ return '7'
+
+ case 57407:
+ return '8'
+
+ case 57408:
+ return '9'
+
+ case 57409: // KP_DECIMAL
+ return '.'
+
+ case 57410: // KP_DIVIDE
+ return '/'
+
+ case 57411: // KP_MULTIPLY
+ return '*'
+
+ case 57412: // KP_SUBTRACT
+ return '-'
+
+ case 57413: // KP_ADD
+ return '+'
+
+ case 57414: // KP_ENTER
+ return 'return'
+
+ case 57415: // KP_EQUAL
+ return '='
+
+ default:
+ // Printable ASCII characters
+ if (keycode >= 32 && keycode <= 126) {
+ return String.fromCharCode(keycode).toLowerCase()
+ }
+
+ return undefined
+ }
+}
+
+export type ParsedKey = {
+ kind: 'key'
+ fn: boolean
+ name: string | undefined
+ ctrl: boolean
+ meta: boolean
+ shift: boolean
+ option: boolean
+ super: boolean
+ sequence: string | undefined
+ raw: string | undefined
+ code?: string
+ isPasted: boolean
+}
+
+/** A terminal response sequence (DECRPM, DA1, OSC reply, etc.) parsed
+ * out of the input stream. Not user input — consumers should dispatch
+ * to a response handler. */
+export type ParsedResponse = {
+ kind: 'response'
+ /** Raw escape sequence bytes, for debugging/logging */
+ sequence: string
+ response: TerminalResponse
+}
+
+/** SGR mouse event with coordinates. Emitted for clicks, drags, and
+ * releases (wheel events remain ParsedKey). col/row are 1-indexed
+ * from the terminal sequence (CSI < btn;col;row M/m). */
+export type ParsedMouse = {
+ kind: 'mouse'
+ /** Raw SGR button code. Low 2 bits = button (0=left,1=mid,2=right),
+ * bit 5 (0x20) = drag/motion, bit 6 (0x40) = wheel. */
+ button: number
+ /** 'press' for M terminator, 'release' for m terminator */
+ action: 'press' | 'release'
+ /** 1-indexed column (from terminal) */
+ col: number
+ /** 1-indexed row (from terminal) */
+ row: number
+ sequence: string
+}
+
+/** Everything that can come out of the input parser: a user keypress/paste,
+ * a mouse click/drag event, or a terminal response to a query we sent. */
+export type ParsedInput = ParsedKey | ParsedMouse | ParsedResponse
+
+/**
+ * Parse an SGR mouse event sequence into a ParsedMouse, or null if not a
+ * mouse event or if it's a wheel event (wheel stays as ParsedKey for the
+ * keybinding system). Button bit 0x40 = wheel, bit 0x20 = drag/motion.
+ */
+function parseMouseEvent(s: string): ParsedMouse | null {
+ const match = SGR_MOUSE_RE.exec(s)
+
+ if (!match) {
+ return null
+ }
+
+ const button = parseInt(match[1]!, 10)
+
+ // Wheel events (bit 6 set, low bits 0/1 for up/down) stay as ParsedKey
+ // so the keybinding system can route them to scroll handlers.
+ if ((button & 0x40) !== 0) {
+ return null
+ }
+
+ return {
+ kind: 'mouse',
+ button,
+ action: match[4] === 'M' ? 'press' : 'release',
+ col: parseInt(match[2]!, 10),
+ row: parseInt(match[3]!, 10),
+ sequence: s
+ }
+}
+
+function parseKeypress(s: string = ''): ParsedKey {
+ let parts
+
+ const key: ParsedKey = {
+ kind: 'key',
+ name: '',
+ fn: false,
+ ctrl: false,
+ meta: false,
+ shift: false,
+ option: false,
+ super: false,
+ sequence: s,
+ raw: s,
+ isPasted: false
+ }
+
+ key.sequence = key.sequence || s || key.name
+
+ // Handle CSI u (kitty keyboard protocol): ESC [ codepoint [; modifier] u
+ // Example: ESC[13;2u = Shift+Enter, ESC[27u = Escape (no modifiers)
+ let match: RegExpExecArray | null
+
+ if ((match = CSI_U_RE.exec(s))) {
+ const codepoint = parseInt(match[1]!, 10)
+ // Modifier defaults to 1 (no modifiers) when not present
+ const modifier = match[2] ? parseInt(match[2], 10) : 1
+ const mods = decodeModifier(modifier)
+ const name = keycodeToName(codepoint)
+
+ return {
+ kind: 'key',
+ name,
+ fn: false,
+ ctrl: mods.ctrl,
+ meta: mods.meta,
+ shift: mods.shift,
+ option: false,
+ super: mods.super,
+ sequence: s,
+ raw: s,
+ isPasted: false
+ }
+ }
+
+ // Handle xterm modifyOtherKeys: ESC [ 27 ; modifier ; keycode ~
+ // Must run before FN_KEY_RE — FN_KEY_RE only allows 2 params before ~ and
+ // would leave the tail as garbage if it partially matched.
+ if ((match = MODIFY_OTHER_KEYS_RE.exec(s))) {
+ const mods = decodeModifier(parseInt(match[1]!, 10))
+ const name = keycodeToName(parseInt(match[2]!, 10))
+
+ return {
+ kind: 'key',
+ name,
+ fn: false,
+ ctrl: mods.ctrl,
+ meta: mods.meta,
+ shift: mods.shift,
+ option: false,
+ super: mods.super,
+ sequence: s,
+ raw: s,
+ isPasted: false
+ }
+ }
+
+ // SGR mouse wheel events. Click/drag/release events are handled
+ // earlier by parseMouseEvent and emitted as ParsedMouse, so they
+ // never reach here. Mask with 0x43 (bits 6+1+0) to check wheel-flag
+ // + direction while ignoring modifier bits (Shift=0x04, Meta=0x08,
+ // Ctrl=0x10) — modified wheel events (e.g. Ctrl+scroll, button=80)
+ // should still be recognized as wheelup/wheeldown.
+ if ((match = SGR_MOUSE_RE.exec(s))) {
+ const button = parseInt(match[1]!, 10)
+
+ if ((button & 0x43) === 0x40) {
+ return createNavKey(s, 'wheelup', false)
+ }
+
+ if ((button & 0x43) === 0x41) {
+ return createNavKey(s, 'wheeldown', false)
+ }
+
+ // Shouldn't reach here (parseMouseEvent catches non-wheel) but be safe
+ return createNavKey(s, 'mouse', false)
+ }
+
+ // X10 mouse: CSI M + 3 raw bytes (Cb+32, Cx+32, Cy+32). Terminals that
+ // ignore DECSET 1006 (SGR) but honor 1000/1002 emit this legacy encoding.
+ // Button bits match SGR: 0x40 = wheel, low bit = direction. Non-wheel
+ // X10 events (clicks/drags) are swallowed here — we only enable mouse
+ // tracking in alt-screen and only need wheel for ScrollBox.
+ if (s.length === 6 && s.startsWith('\x1b[M')) {
+ const button = s.charCodeAt(3) - 32
+
+ if ((button & 0x43) === 0x40) {
+ return createNavKey(s, 'wheelup', false)
+ }
+
+ if ((button & 0x43) === 0x41) {
+ return createNavKey(s, 'wheeldown', false)
+ }
+
+ return createNavKey(s, 'mouse', false)
+ }
+
+ if (s === '\r' || s === '\n') {
+ key.raw = undefined
+ key.name = 'return'
+ } else if (s === '\t') {
+ key.name = 'tab'
+ } else if (s === '\b' || s === '\x1b\b') {
+ key.name = 'backspace'
+ key.meta = s.charAt(0) === '\x1b'
+ } else if (s === '\x7f' || s === '\x1b\x7f') {
+ key.name = 'backspace'
+ key.meta = s.charAt(0) === '\x1b'
+ } else if (s === '\x1b' || s === '\x1b\x1b') {
+ key.name = 'escape'
+ key.meta = s.length === 2
+ } else if (s === ' ' || s === '\x1b ') {
+ key.name = 'space'
+ key.meta = s.length === 2
+ } else if (s === '\x1f') {
+ key.name = '_'
+ key.ctrl = true
+ } else if (s <= '\x1a' && s.length === 1) {
+ key.name = String.fromCharCode(s.charCodeAt(0) + 'a'.charCodeAt(0) - 1)
+ key.ctrl = true
+ } else if (s.length === 1 && s >= '0' && s <= '9') {
+ key.name = 'number'
+ } else if (s.length === 1 && s >= 'a' && s <= 'z') {
+ key.name = s
+ } else if (s.length === 1 && s >= 'A' && s <= 'Z') {
+ key.name = s.toLowerCase()
+ key.shift = true
+ } else if ((parts = META_KEY_CODE_RE.exec(s))) {
+ key.meta = true
+ key.shift = /^[A-Z]$/.test(parts[1]!)
+ } else if ((parts = FN_KEY_RE.exec(s))) {
+ const segs = [...s]
+
+ if (segs[0] === '\u001b' && segs[1] === '\u001b') {
+ key.option = true
+ }
+
+ const code = [parts[1], parts[2], parts[4], parts[6]].filter(Boolean).join('')
+
+ const modifier = ((parts[3] || parts[5] || 1) as number) - 1
+
+ key.ctrl = !!(modifier & 4)
+ key.meta = !!(modifier & 2)
+ key.super = !!(modifier & 8)
+ key.shift = !!(modifier & 1)
+ key.code = code
+
+ key.name = keyName[code]
+ key.shift = isShiftKey(code) || key.shift
+ key.ctrl = isCtrlKey(code) || key.ctrl
+ }
+
+ // iTerm in natural text editing mode
+ if (key.raw === '\x1Bb') {
+ key.meta = true
+ key.name = 'left'
+ } else if (key.raw === '\x1Bf') {
+ key.meta = true
+ key.name = 'right'
+ }
+
+ switch (s) {
+ case '\u001b[1~':
+ return createNavKey(s, 'home', false)
+
+ case '\u001b[4~':
+ return createNavKey(s, 'end', false)
+
+ case '\u001b[5~':
+ return createNavKey(s, 'pageup', false)
+
+ case '\u001b[6~':
+ return createNavKey(s, 'pagedown', false)
+
+ case '\u001b[1;5D':
+ return createNavKey(s, 'left', true)
+
+ case '\u001b[1;5C':
+ return createNavKey(s, 'right', true)
+ }
+
+ return key
+}
+
+function createNavKey(s: string, name: string, ctrl: boolean): ParsedKey {
+ return {
+ kind: 'key',
+ name,
+ ctrl,
+ meta: false,
+ shift: false,
+ option: false,
+ super: false,
+ fn: false,
+ sequence: s,
+ raw: s,
+ isPasted: false
+ }
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/reconciler.ts b/ui-tui/packages/hermes-ink/src/ink/reconciler.ts
new file mode 100644
index 0000000000..5fdce3bf9c
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/reconciler.ts
@@ -0,0 +1,382 @@
+import createReconciler from 'react-reconciler'
+
+import {
+ appendChildNode,
+ clearYogaNodeReferences,
+ createNode,
+ createTextNode,
+ type DOMElement,
+ type DOMNodeAttribute,
+ type ElementNames,
+ insertBeforeNode,
+ markDirty,
+ removeChildNode,
+ setAttribute,
+ setStyle,
+ setTextNodeValue,
+ setTextStyles,
+ type TextNode
+} from './dom.js'
+import { Dispatcher } from './events/dispatcher.js'
+import { EVENT_HANDLER_PROPS } from './events/event-handlers.js'
+import { getFocusManager, getRootNode } from './focus.js'
+import { LayoutDisplay } from './layout/node.js'
+import applyStyles, { type Styles, type TextStyles } from './styles.js'
+
+// We need to conditionally perform devtools connection to avoid
+// accidentally breaking other third-party code.
+// See https://github.com/vadimdemedes/ink/issues/384
+if (process.env.NODE_ENV === 'development') {
+ try {
+ void import('./devtools.js')
+ } catch (error: any) {
+ if (error.code === 'ERR_MODULE_NOT_FOUND') {
+ // biome-ignore lint/suspicious/noConsole: intentional warning
+ console.warn(
+ `
+The environment variable DEV is set to true, so Ink tried to import \`react-devtools-core\`,
+but this failed as it was not installed. Debugging with React Devtools requires it.
+
+To install use this command:
+
+$ npm install --save-dev react-devtools-core
+ `.trim() + '\n'
+ )
+ } else {
+ throw error
+ }
+ }
+}
+
+// --
+
+type AnyObject = Record
+
+const diff = (before: AnyObject, after: AnyObject): AnyObject | undefined => {
+ if (before === after) {
+ return
+ }
+
+ if (!before) {
+ return after
+ }
+
+ const changed: AnyObject = {}
+ let isChanged = false
+
+ for (const key of Object.keys(before)) {
+ const isDeleted = after ? !Object.hasOwn(after, key) : true
+
+ if (isDeleted) {
+ changed[key] = undefined
+ isChanged = true
+ }
+ }
+
+ if (after) {
+ for (const key of Object.keys(after)) {
+ if (after[key] !== before[key]) {
+ changed[key] = after[key]
+ isChanged = true
+ }
+ }
+ }
+
+ return isChanged ? changed : undefined
+}
+
+const cleanupYogaNode = (node: DOMElement | TextNode): void => {
+ const yogaNode = node.yogaNode
+
+ if (yogaNode) {
+ yogaNode.unsetMeasureFunc()
+ // Clear all references BEFORE freeing to prevent other code from
+ // accessing freed WASM memory during concurrent operations
+ clearYogaNodeReferences(node)
+ yogaNode.freeRecursive()
+ }
+}
+
+// --
+
+type Props = Record
+
+type HostContext = {
+ isInsideText: boolean
+}
+
+function setEventHandler(node: DOMElement, key: string, value: unknown): void {
+ if (!node._eventHandlers) {
+ node._eventHandlers = {}
+ }
+
+ node._eventHandlers[key] = value
+}
+
+function applyProp(node: DOMElement, key: string, value: unknown): void {
+ if (key === 'children') {
+ return
+ }
+
+ if (key === 'style') {
+ setStyle(node, value as Styles)
+
+ if (node.yogaNode) {
+ applyStyles(node.yogaNode, value as Styles)
+ }
+
+ return
+ }
+
+ if (key === 'textStyles') {
+ node.textStyles = value as TextStyles
+
+ return
+ }
+
+ if (EVENT_HANDLER_PROPS.has(key)) {
+ setEventHandler(node, key, value)
+
+ return
+ }
+
+ setAttribute(node, key, value as DOMNodeAttribute)
+}
+
+// --
+
+export const dispatcher = new Dispatcher()
+
+// --- SCROLL PROFILING (bench/scroll-e2e.sh reads via getLastYogaMs) ---
+// Set by onComputeLayout wrapper in ink.tsx; read by onRender for phases.
+let _lastYogaMs = 0
+let _lastCommitMs = 0
+let _commitStart = 0
+
+export function recordYogaMs(ms: number): void {
+ _lastYogaMs = ms
+}
+
+export function getLastYogaMs(): number {
+ return _lastYogaMs
+}
+
+export function markCommitStart(): void {
+ _commitStart = performance.now()
+}
+
+export function getLastCommitMs(): number {
+ return _lastCommitMs
+}
+
+export function resetProfileCounters(): void {
+ _lastYogaMs = 0
+ _lastCommitMs = 0
+ _commitStart = 0
+}
+// --- END ---
+
+const reconciler = createReconciler({
+ getRootHostContext: () => ({ isInsideText: false }),
+ prepareForCommit: () => null,
+ preparePortalMount: () => null,
+ clearContainer: () => false,
+ resetAfterCommit(rootNode: DOMElement) {
+ _lastCommitMs = _commitStart > 0 ? performance.now() - _commitStart : 0
+ _commitStart = 0
+
+ if (typeof rootNode.onComputeLayout === 'function') {
+ rootNode.onComputeLayout()
+ }
+
+ if (process.env.NODE_ENV === 'test') {
+ if (rootNode.childNodes.length === 0 && rootNode.hasRenderedContent) {
+ return
+ }
+
+ if (rootNode.childNodes.length > 0) {
+ rootNode.hasRenderedContent = true
+ }
+
+ rootNode.onImmediateRender?.()
+
+ return
+ }
+
+ rootNode.onRender?.()
+ },
+ getChildHostContext(parentHostContext: HostContext, type: ElementNames): HostContext {
+ const previousIsInsideText = parentHostContext.isInsideText
+
+ const isInsideText = type === 'ink-text' || type === 'ink-virtual-text' || type === 'ink-link'
+
+ if (previousIsInsideText === isInsideText) {
+ return parentHostContext
+ }
+
+ return { isInsideText }
+ },
+ shouldSetTextContent: () => false,
+ createInstance(
+ originalType: ElementNames,
+ newProps: Props,
+ _root: DOMElement,
+ hostContext: HostContext,
+ _internalHandle?: unknown
+ ): DOMElement {
+ if (hostContext.isInsideText && originalType === 'ink-box') {
+ throw new Error(` can't be nested inside component`)
+ }
+
+ const type = originalType === 'ink-text' && hostContext.isInsideText ? 'ink-virtual-text' : originalType
+
+ const node = createNode(type)
+
+ for (const [key, value] of Object.entries(newProps)) {
+ applyProp(node, key, value)
+ }
+
+ return node
+ },
+ createTextInstance(text: string, _root: DOMElement, hostContext: HostContext): TextNode {
+ if (!hostContext.isInsideText) {
+ throw new Error(`Text string "${text}" must be rendered inside component`)
+ }
+
+ return createTextNode(text)
+ },
+ resetTextContent() {},
+ hideTextInstance(node: TextNode) {
+ setTextNodeValue(node, '')
+ },
+ unhideTextInstance(node: TextNode, text: string) {
+ setTextNodeValue(node, text)
+ },
+ getPublicInstance: (instance: DOMElement): DOMElement => instance,
+ hideInstance(node: DOMElement) {
+ node.isHidden = true
+ node.yogaNode?.setDisplay(LayoutDisplay.None)
+ markDirty(node)
+ },
+ unhideInstance(node: DOMElement) {
+ node.isHidden = false
+ node.yogaNode?.setDisplay(LayoutDisplay.Flex)
+ markDirty(node)
+ },
+ appendInitialChild: appendChildNode,
+ appendChild: appendChildNode,
+ insertBefore: insertBeforeNode,
+ finalizeInitialChildren(_node: DOMElement, _type: ElementNames, props: Props): boolean {
+ return props['autoFocus'] === true
+ },
+ commitMount(node: DOMElement): void {
+ getFocusManager(node).handleAutoFocus(node)
+ },
+ isPrimaryRenderer: true,
+ supportsMutation: true,
+ supportsPersistence: false,
+ supportsHydration: false,
+ scheduleTimeout: setTimeout,
+ cancelTimeout: clearTimeout,
+ noTimeout: -1,
+ getCurrentUpdatePriority: () => dispatcher.currentUpdatePriority,
+ beforeActiveInstanceBlur() {},
+ afterActiveInstanceBlur() {},
+ detachDeletedInstance() {},
+ getInstanceFromNode: () => null,
+ prepareScopeUpdate() {},
+ getInstanceFromScope: () => null,
+ appendChildToContainer: appendChildNode,
+ insertInContainerBefore: insertBeforeNode,
+ removeChildFromContainer(node: DOMElement, removeNode: DOMElement): void {
+ removeChildNode(node, removeNode)
+ cleanupYogaNode(removeNode)
+ getFocusManager(node).handleNodeRemoved(removeNode, node)
+ },
+ // React 19 commitUpdate receives old and new props directly instead of an updatePayload
+ commitUpdate(node: DOMElement, _type: ElementNames, oldProps: Props, newProps: Props): void {
+ const props = diff(oldProps, newProps)
+ const style = diff(oldProps['style'] as Styles, newProps['style'] as Styles)
+
+ if (props) {
+ for (const [key, value] of Object.entries(props)) {
+ if (key === 'style') {
+ setStyle(node, value as Styles)
+
+ continue
+ }
+
+ if (key === 'textStyles') {
+ setTextStyles(node, value as TextStyles)
+
+ continue
+ }
+
+ if (EVENT_HANDLER_PROPS.has(key)) {
+ setEventHandler(node, key, value)
+
+ continue
+ }
+
+ setAttribute(node, key, value as DOMNodeAttribute)
+ }
+ }
+
+ if (style && node.yogaNode) {
+ applyStyles(node.yogaNode, style, newProps['style'] as Styles)
+ }
+ },
+ commitTextUpdate(node: TextNode, _oldText: string, newText: string): void {
+ setTextNodeValue(node, newText)
+ },
+ removeChild(node: DOMElement, removeNode: DOMElement | TextNode) {
+ removeChildNode(node, removeNode)
+ cleanupYogaNode(removeNode)
+
+ if (removeNode.nodeName !== '#text') {
+ const root = getRootNode(node)
+ root.focusManager!.handleNodeRemoved(removeNode, root)
+ }
+ },
+ // React 19 required methods
+ maySuspendCommit(): boolean {
+ return false
+ },
+ preloadInstance(): boolean {
+ return true
+ },
+ startSuspendingCommit(): void {},
+ suspendInstance(): void {},
+ waitForCommitToBeReady(): null {
+ return null
+ },
+ NotPendingTransition: null,
+ HostTransitionContext: {
+ $$typeof: Symbol.for('react.context'),
+ _currentValue: null
+ } as never,
+ setCurrentUpdatePriority(newPriority: number): void {
+ dispatcher.currentUpdatePriority = newPriority
+ },
+ resolveUpdatePriority(): number {
+ return dispatcher.resolveEventPriority()
+ },
+ resetFormInstance(): void {},
+ requestPostPaintCallback(): void {},
+ shouldAttemptEagerTransition(): boolean {
+ return false
+ },
+ trackSchedulerEvent(): void {},
+ resolveEventType(): string | null {
+ return dispatcher.currentEvent?.type ?? null
+ },
+ resolveEventTimeStamp(): number {
+ return dispatcher.currentEvent?.timeStamp ?? -1.1
+ }
+})
+
+// Wire the reconciler's discreteUpdates into the dispatcher.
+// This breaks the import cycle: dispatcher.ts doesn't import reconciler.ts.
+dispatcher.discreteUpdates = reconciler.discreteUpdates.bind(reconciler)
+
+export default reconciler
diff --git a/ui-tui/packages/hermes-ink/src/ink/render-border.ts b/ui-tui/packages/hermes-ink/src/ink/render-border.ts
new file mode 100644
index 0000000000..a4fff7cb50
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/render-border.ts
@@ -0,0 +1,206 @@
+import chalk from 'chalk'
+import cliBoxes, { type Boxes, type BoxStyle } from 'cli-boxes'
+
+import { applyColor } from './colorize.js'
+import type { DOMNode } from './dom.js'
+import type Output from './output.js'
+import { stringWidth } from './stringWidth.js'
+import type { Color } from './styles.js'
+
+export type BorderTextOptions = {
+ content: string // Pre-rendered string with ANSI color codes
+ position: 'top' | 'bottom'
+ align: 'start' | 'end' | 'center'
+ offset?: number // Only used with 'start' or 'end' alignment. Number of characters from the edge.
+}
+
+export const CUSTOM_BORDER_STYLES = {
+ dashed: {
+ top: '╌',
+ left: '╎',
+ right: '╎',
+ bottom: '╌',
+ // there aren't any line-drawing characters for dashes unfortunately
+ topLeft: ' ',
+ topRight: ' ',
+ bottomLeft: ' ',
+ bottomRight: ' '
+ }
+} as const
+
+export type BorderStyle = keyof Boxes | keyof typeof CUSTOM_BORDER_STYLES | BoxStyle
+
+function embedTextInBorder(
+ borderLine: string,
+ text: string,
+ align: 'start' | 'end' | 'center',
+ offset: number = 0,
+ borderChar: string
+): [before: string, text: string, after: string] {
+ const textLength = stringWidth(text)
+ const borderLength = borderLine.length
+
+ if (textLength >= borderLength - 2) {
+ return ['', text.substring(0, borderLength), '']
+ }
+
+ let position: number
+
+ if (align === 'center') {
+ position = Math.floor((borderLength - textLength) / 2)
+ } else if (align === 'start') {
+ position = offset + 1 // +1 to account for corner character
+ } else {
+ // align === 'end'
+ position = borderLength - textLength - offset - 1 // -1 for corner character
+ }
+
+ // Ensure position is valid
+ position = Math.max(1, Math.min(position, borderLength - textLength - 1))
+
+ const before = borderLine.substring(0, 1) + borderChar.repeat(position - 1)
+
+ const after = borderChar.repeat(borderLength - position - textLength - 1) + borderLine.substring(borderLength - 1)
+
+ return [before, text, after]
+}
+
+function styleBorderLine(line: string, color: Color | undefined, dim: boolean | undefined): string {
+ let styled = applyColor(line, color)
+
+ if (dim) {
+ styled = chalk.dim(styled)
+ }
+
+ return styled
+}
+
+const renderBorder = (x: number, y: number, node: DOMNode, output: Output): void => {
+ if (node.style.borderStyle) {
+ const width = Math.floor(node.yogaNode!.getComputedWidth())
+ const height = Math.floor(node.yogaNode!.getComputedHeight())
+
+ const box =
+ typeof node.style.borderStyle === 'string'
+ ? (CUSTOM_BORDER_STYLES[node.style.borderStyle as keyof typeof CUSTOM_BORDER_STYLES] ??
+ cliBoxes[node.style.borderStyle as keyof Boxes])
+ : node.style.borderStyle
+
+ const topBorderColor = node.style.borderTopColor ?? node.style.borderColor
+
+ const bottomBorderColor = node.style.borderBottomColor ?? node.style.borderColor
+
+ const leftBorderColor = node.style.borderLeftColor ?? node.style.borderColor
+
+ const rightBorderColor = node.style.borderRightColor ?? node.style.borderColor
+
+ const dimTopBorderColor = node.style.borderTopDimColor ?? node.style.borderDimColor
+
+ const dimBottomBorderColor = node.style.borderBottomDimColor ?? node.style.borderDimColor
+
+ const dimLeftBorderColor = node.style.borderLeftDimColor ?? node.style.borderDimColor
+
+ const dimRightBorderColor = node.style.borderRightDimColor ?? node.style.borderDimColor
+
+ const showTopBorder = node.style.borderTop !== false
+ const showBottomBorder = node.style.borderBottom !== false
+ const showLeftBorder = node.style.borderLeft !== false
+ const showRightBorder = node.style.borderRight !== false
+
+ const contentWidth = Math.max(0, width - (showLeftBorder ? 1 : 0) - (showRightBorder ? 1 : 0))
+
+ const topBorderLine = showTopBorder
+ ? (showLeftBorder ? box.topLeft : '') + box.top.repeat(contentWidth) + (showRightBorder ? box.topRight : '')
+ : ''
+
+ // Handle text in top border
+ let topBorder: string | undefined
+
+ if (showTopBorder && node.style.borderText?.position === 'top') {
+ const [before, text, after] = embedTextInBorder(
+ topBorderLine,
+ node.style.borderText.content,
+ node.style.borderText.align,
+ node.style.borderText.offset,
+ box.top
+ )
+
+ topBorder =
+ styleBorderLine(before, topBorderColor, dimTopBorderColor) +
+ text +
+ styleBorderLine(after, topBorderColor, dimTopBorderColor)
+ } else if (showTopBorder) {
+ topBorder = styleBorderLine(topBorderLine, topBorderColor, dimTopBorderColor)
+ }
+
+ let verticalBorderHeight = height
+
+ if (showTopBorder) {
+ verticalBorderHeight -= 1
+ }
+
+ if (showBottomBorder) {
+ verticalBorderHeight -= 1
+ }
+
+ verticalBorderHeight = Math.max(0, verticalBorderHeight)
+
+ let leftBorder = (applyColor(box.left, leftBorderColor) + '\n').repeat(verticalBorderHeight)
+
+ if (dimLeftBorderColor) {
+ leftBorder = chalk.dim(leftBorder)
+ }
+
+ let rightBorder = (applyColor(box.right, rightBorderColor) + '\n').repeat(verticalBorderHeight)
+
+ if (dimRightBorderColor) {
+ rightBorder = chalk.dim(rightBorder)
+ }
+
+ const bottomBorderLine = showBottomBorder
+ ? (showLeftBorder ? box.bottomLeft : '') +
+ box.bottom.repeat(contentWidth) +
+ (showRightBorder ? box.bottomRight : '')
+ : ''
+
+ // Handle text in bottom border
+ let bottomBorder: string | undefined
+
+ if (showBottomBorder && node.style.borderText?.position === 'bottom') {
+ const [before, text, after] = embedTextInBorder(
+ bottomBorderLine,
+ node.style.borderText.content,
+ node.style.borderText.align,
+ node.style.borderText.offset,
+ box.bottom
+ )
+
+ bottomBorder =
+ styleBorderLine(before, bottomBorderColor, dimBottomBorderColor) +
+ text +
+ styleBorderLine(after, bottomBorderColor, dimBottomBorderColor)
+ } else if (showBottomBorder) {
+ bottomBorder = styleBorderLine(bottomBorderLine, bottomBorderColor, dimBottomBorderColor)
+ }
+
+ const offsetY = showTopBorder ? 1 : 0
+
+ if (topBorder) {
+ output.write(x, y, topBorder)
+ }
+
+ if (showLeftBorder) {
+ output.write(x, y + offsetY, leftBorder)
+ }
+
+ if (showRightBorder) {
+ output.write(x + width - 1, y + offsetY, rightBorder)
+ }
+
+ if (bottomBorder) {
+ output.write(x, y + height - 1, bottomBorder)
+ }
+ }
+}
+
+export default renderBorder
diff --git a/ui-tui/packages/hermes-ink/src/ink/render-node-to-output.ts b/ui-tui/packages/hermes-ink/src/ink/render-node-to-output.ts
new file mode 100644
index 0000000000..5c9e62b468
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/render-node-to-output.ts
@@ -0,0 +1,1536 @@
+import indentString from 'indent-string'
+
+import { applyTextStyles } from './colorize.js'
+import type { DOMElement } from './dom.js'
+import getMaxWidth from './get-max-width.js'
+import type { Rectangle } from './layout/geometry.js'
+import { LayoutDisplay, LayoutEdge, type LayoutNode } from './layout/node.js'
+import { nodeCache, pendingClears } from './node-cache.js'
+import type Output from './output.js'
+import renderBorder from './render-border.js'
+import type { Screen } from './screen.js'
+import { squashTextNodesToSegments, type StyledSegment } from './squash-text-nodes.js'
+import type { Color } from './styles.js'
+import { isXtermJs } from './terminal.js'
+import { widestLine } from './widest-line.js'
+import wrapText from './wrap-text.js'
+
+// Matches detectXtermJsWheel() in ScrollKeybindingHandler.tsx — the curve
+// and drain must agree on terminal detection. TERM_PROGRAM check is the sync
+// fallback; isXtermJs() is the authoritative XTVERSION-probe result.
+function isXtermJsHost(): boolean {
+ return process.env.TERM_PROGRAM === 'vscode' || isXtermJs()
+}
+
+// Per-frame scratch: set when any node's yoga position/size differs from
+// its cached value, or a child was removed. Read by ink.tsx to decide
+// whether the full-damage sledgehammer (PR #20120) is needed this frame.
+// Applies on both alt-screen and main-screen. Steady-state frames
+// (spinner tick, clock tick, text append into a fixed-height box) don't
+// shift layout → narrow damage bounds → O(changed cells) diff instead of
+// O(rows×cols).
+let layoutShifted = false
+let absoluteOverlayMoved = false
+
+export function resetLayoutShifted(): void {
+ layoutShifted = false
+ absoluteOverlayMoved = false
+}
+
+export function didLayoutShift(): boolean {
+ return layoutShifted
+}
+
+export function didAbsoluteOverlayMove(): boolean {
+ return absoluteOverlayMoved
+}
+
+// DECSTBM scroll optimization hint. When a ScrollBox's scrollTop changes
+// between frames (and nothing else moved), log-update.ts can emit a
+// hardware scroll (DECSTBM + SU/SD) instead of rewriting the whole
+// viewport. top/bottom are 0-indexed inclusive screen rows; delta > 0 =
+// content moved up (scrollTop increased, CSI n S).
+export type ScrollHint = { top: number; bottom: number; delta: number }
+let scrollHint: ScrollHint | null = null
+
+// Rects of position:absolute nodes from the PREVIOUS frame, used by
+// ScrollBox's blit+shift third-pass repair (see usage site). Recorded at
+// three paths — full-render nodeCache.set, node-level blit early-return,
+// blitEscapingAbsoluteDescendants — so clean-overlay consecutive scrolls
+// still have the rect.
+let absoluteRectsPrev: Rectangle[] = []
+let absoluteRectsCur: Rectangle[] = []
+
+export function resetScrollHint(): void {
+ scrollHint = null
+ absoluteRectsPrev = absoluteRectsCur
+ absoluteRectsCur = []
+}
+
+export function getScrollHint(): ScrollHint | null {
+ return scrollHint
+}
+
+// The ScrollBox DOM node (if any) with pendingScrollDelta left after this
+// frame's drain. renderer.ts calls markDirty(it) post-render so the NEXT
+// frame's root blit check fails and we descend to continue draining.
+// Without this, after the scrollbox's dirty flag is cleared (line ~721),
+// the next frame blits root and never reaches the scrollbox — drain stalls.
+let scrollDrainNode: DOMElement | null = null
+
+export function resetScrollDrainNode(): void {
+ scrollDrainNode = null
+}
+
+export function getScrollDrainNode(): DOMElement | null {
+ return scrollDrainNode
+}
+
+// At-bottom follow scroll event this frame. When streaming content
+// triggers scrollTop = maxScroll, the ScrollBox records the delta +
+// viewport bounds here. ink.tsx consumes it post-render to translate any active
+// text selection by -delta so the highlight stays anchored to the TEXT
+// (native terminal behavior — the selection walks up the screen as content
+// scrolls, eventually clipping at the top). The frontFrame screen buffer
+// still holds the old content at that point — captureScrolledRows reads
+// from it before the front/back swap to preserve the text for copy.
+export type FollowScroll = {
+ delta: number
+ viewportTop: number
+ viewportBottom: number
+}
+let followScroll: FollowScroll | null = null
+
+export function consumeFollowScroll(): FollowScroll | null {
+ const f = followScroll
+ followScroll = null
+
+ return f
+}
+
+// ── Native terminal drain (iTerm2/Ghostty/etc. — proportional events) ──
+// Minimum rows applied per frame. Above this, drain is proportional (~3/4
+// of remaining) so big bursts catch up in log₄ frames while the tail
+// decelerates smoothly. Hard cap is innerHeight-1 so DECSTBM hint fires.
+const SCROLL_MIN_PER_FRAME = 4
+
+// ── xterm.js (VS Code) smooth drain ──
+// Low pending (≤5) drains ALL in one frame — slow wheel clicks should be
+// instant (click → visible jump → done), not micro-stutter 1-row frames.
+// Higher pending drains at a small fixed step so fast-scroll animation
+// stays smooth (no big jumps). Pending >MAX snaps excess.
+const SCROLL_INSTANT_THRESHOLD = 5 // ≤ this: drain all at once
+const SCROLL_HIGH_PENDING = 12 // threshold for HIGH step
+const SCROLL_STEP_MED = 2 // pending (INSTANT, HIGH): catch-up
+const SCROLL_STEP_HIGH = 3 // pending ≥ HIGH: fast flick
+const SCROLL_MAX_PENDING = 30 // snap excess beyond this
+
+// xterm.js adaptive drain. Returns rows applied; mutates pendingScrollDelta.
+function drainAdaptive(node: DOMElement, pending: number, innerHeight: number): number {
+ const sign = pending > 0 ? 1 : -1
+ let abs = Math.abs(pending)
+ let applied = 0
+
+ // Snap excess beyond animation window so big flicks don't coast.
+ if (abs > SCROLL_MAX_PENDING) {
+ applied += sign * (abs - SCROLL_MAX_PENDING)
+ abs = SCROLL_MAX_PENDING
+ }
+
+ // ≤5: drain all (slow click = instant). Above: small fixed step.
+ const step = abs <= SCROLL_INSTANT_THRESHOLD ? abs : abs < SCROLL_HIGH_PENDING ? SCROLL_STEP_MED : SCROLL_STEP_HIGH
+
+ applied += sign * step
+ const rem = abs - step
+ // Cap total at innerHeight-1 so DECSTBM blit+shift fast path fires
+ // (matches drainProportional). Excess stays in pendingScrollDelta.
+ const cap = Math.max(1, innerHeight - 1)
+ const totalAbs = Math.abs(applied)
+
+ if (totalAbs > cap) {
+ const excess = totalAbs - cap
+ node.pendingScrollDelta = sign * (rem + excess)
+
+ return sign * cap
+ }
+
+ node.pendingScrollDelta = rem > 0 ? sign * rem : undefined
+
+ return applied
+}
+
+// Native proportional drain. step = max(MIN, floor(abs*3/4)), capped at
+// innerHeight-1 so DECSTBM + blit+shift fast path fire.
+function drainProportional(node: DOMElement, pending: number, innerHeight: number): number {
+ const abs = Math.abs(pending)
+ const cap = Math.max(1, innerHeight - 1)
+ const step = Math.min(cap, Math.max(SCROLL_MIN_PER_FRAME, (abs * 3) >> 2))
+
+ if (abs <= step) {
+ node.pendingScrollDelta = undefined
+
+ return pending
+ }
+
+ const applied = pending > 0 ? step : -step
+ node.pendingScrollDelta = pending - applied
+
+ return applied
+}
+
+// OSC 8 hyperlink escape sequences. Empty params (;;) — ansi-tokenize only
+// recognizes this exact prefix. The id= param (for grouping wrapped lines)
+// is added at terminal-output time in termio/osc.ts link().
+const OSC = '\u001B]'
+const BEL = '\u0007'
+
+function wrapWithOsc8Link(text: string, url: string): string {
+ return `${OSC}8;;${url}${BEL}${text}${OSC}8;;${BEL}`
+}
+
+/**
+ * Build a mapping from each character position in the plain text to its segment index.
+ * Returns an array where charToSegment[i] is the segment index for character i.
+ */
+function buildCharToSegmentMap(segments: StyledSegment[]): number[] {
+ const map: number[] = []
+
+ for (let i = 0; i < segments.length; i++) {
+ const len = segments[i]!.text.length
+
+ for (let j = 0; j < len; j++) {
+ map.push(i)
+ }
+ }
+
+ return map
+}
+
+/**
+ * Apply styles to wrapped text by mapping each character back to its original segment.
+ * This preserves per-segment styles even when text wraps across lines.
+ *
+ * @param trimEnabled - Whether whitespace trimming is enabled (wrap-trim mode).
+ * When true, we skip whitespace in the original that was trimmed from the output.
+ * When false (wrap mode), all whitespace is preserved so no skipping is needed.
+ */
+function applyStylesToWrappedText(
+ wrappedPlain: string,
+ segments: StyledSegment[],
+ charToSegment: number[],
+ originalPlain: string,
+ trimEnabled: boolean = false
+): string {
+ const lines = wrappedPlain.split('\n')
+ const resultLines: string[] = []
+
+ let charIndex = 0
+
+ for (let lineIdx = 0; lineIdx < lines.length; lineIdx++) {
+ const line = lines[lineIdx]!
+
+ // In trim mode, skip leading whitespace that was trimmed from this line.
+ // Only skip if the original has whitespace but the output line doesn't start
+ // with whitespace (meaning it was trimmed). If both have whitespace, the
+ // whitespace was preserved and we shouldn't skip.
+ if (trimEnabled && line.length > 0) {
+ const lineStartsWithWhitespace = /\s/.test(line[0]!)
+
+ const originalHasWhitespace = charIndex < originalPlain.length && /\s/.test(originalPlain[charIndex]!)
+
+ // Only skip if original has whitespace but line doesn't
+ if (originalHasWhitespace && !lineStartsWithWhitespace) {
+ while (charIndex < originalPlain.length && /\s/.test(originalPlain[charIndex]!)) {
+ charIndex++
+ }
+ }
+ }
+
+ let styledLine = ''
+ let runStart = 0
+ let runSegmentIndex = charToSegment[charIndex] ?? 0
+
+ for (let i = 0; i < line.length; i++) {
+ const currentSegmentIndex = charToSegment[charIndex] ?? runSegmentIndex
+
+ if (currentSegmentIndex !== runSegmentIndex) {
+ // Flush the current run
+ const runText = line.slice(runStart, i)
+ const segment = segments[runSegmentIndex]
+
+ if (segment) {
+ let styled = applyTextStyles(runText, segment.styles)
+
+ if (segment.hyperlink) {
+ styled = wrapWithOsc8Link(styled, segment.hyperlink)
+ }
+
+ styledLine += styled
+ } else {
+ styledLine += runText
+ }
+
+ runStart = i
+ runSegmentIndex = currentSegmentIndex
+ }
+
+ charIndex++
+ }
+
+ // Flush the final run
+ const runText = line.slice(runStart)
+ const segment = segments[runSegmentIndex]
+
+ if (segment) {
+ let styled = applyTextStyles(runText, segment.styles)
+
+ if (segment.hyperlink) {
+ styled = wrapWithOsc8Link(styled, segment.hyperlink)
+ }
+
+ styledLine += styled
+ } else {
+ styledLine += runText
+ }
+
+ resultLines.push(styledLine)
+
+ // Skip newline character in original that corresponds to this line break.
+ // This is needed when the original text contains actual newlines (not just
+ // wrapping-inserted newlines). Without this, charIndex gets out of sync
+ // because the newline is in originalPlain/charToSegment but not in the
+ // split lines.
+ if (charIndex < originalPlain.length && originalPlain[charIndex] === '\n') {
+ charIndex++
+ }
+
+ // In trim mode, skip whitespace that was replaced by newline when wrapping.
+ // We skip whitespace in the original until we reach a character that matches
+ // the first character of the next line. This handles cases like:
+ // - "AB \tD" wrapped to "AB\n\tD" - skip spaces until we hit the tab
+ // In non-trim mode, whitespace is preserved so no skipping is needed.
+ if (trimEnabled && lineIdx < lines.length - 1) {
+ const nextLine = lines[lineIdx + 1]!
+ const nextLineFirstChar = nextLine.length > 0 ? nextLine[0] : null
+
+ // Skip whitespace until we hit a char that matches the next line's first char
+ while (charIndex < originalPlain.length && /\s/.test(originalPlain[charIndex]!)) {
+ // Stop if we found the character that starts the next line
+ if (nextLineFirstChar !== null && originalPlain[charIndex] === nextLineFirstChar) {
+ break
+ }
+
+ charIndex++
+ }
+ }
+ }
+
+ return resultLines.join('\n')
+}
+
+/**
+ * Wrap text and record which output lines are soft-wrap continuations
+ * (i.e. the `\n` before them was inserted by word-wrap, not in the
+ * source). wrapAnsi already processes each input line independently, so
+ * wrapping per-input-line here gives identical output to a single
+ * whole-string wrap while letting us mark per-piece provenance.
+ * Truncate modes never add newlines (cli-truncate is whole-string) so
+ * they fall through with softWrap undefined — no tracking, no behavior
+ * change from the pre-softWrap path.
+ */
+function wrapWithSoftWrap(
+ plainText: string,
+ maxWidth: number,
+ textWrap: Parameters[2]
+): { wrapped: string; softWrap: boolean[] | undefined } {
+ if (textWrap !== 'wrap' && textWrap !== 'wrap-trim') {
+ return {
+ wrapped: wrapText(plainText, maxWidth, textWrap),
+ softWrap: undefined
+ }
+ }
+
+ const origLines = plainText.split('\n')
+ const outLines: string[] = []
+ const softWrap: boolean[] = []
+
+ for (const orig of origLines) {
+ const pieces = wrapText(orig, maxWidth, textWrap).split('\n')
+
+ for (let i = 0; i < pieces.length; i++) {
+ outLines.push(pieces[i]!)
+ softWrap.push(i > 0)
+ }
+ }
+
+ return { wrapped: outLines.join('\n'), softWrap }
+}
+
+// If parent container is ``, text nodes will be treated as separate nodes in
+// the tree and will have their own coordinates in the layout.
+// To ensure text nodes are aligned correctly, take X and Y of the first text node
+// and use it as offset for the rest of the nodes
+// Only first node is taken into account, because other text nodes can't have margin or padding,
+// so their coordinates will be relative to the first node anyway
+function applyPaddingToText(node: DOMElement, text: string, softWrap?: boolean[]): string {
+ const yogaNode = node.childNodes[0]?.yogaNode
+
+ if (yogaNode) {
+ const offsetX = yogaNode.getComputedLeft()
+ const offsetY = yogaNode.getComputedTop()
+ text = '\n'.repeat(offsetY) + indentString(text, offsetX)
+
+ if (softWrap && offsetY > 0) {
+ // Prepend `false` for each padding line so indices stay aligned
+ // with text.split('\n'). Mutate in place — caller owns the array.
+ softWrap.unshift(...Array(offsetY).fill(false))
+ }
+ }
+
+ return text
+}
+
+// After nodes are laid out, render each to output object, which later gets rendered to terminal
+function renderNodeToOutput(
+ node: DOMElement,
+ output: Output,
+ {
+ offsetX = 0,
+ offsetY = 0,
+ prevScreen,
+ skipSelfBlit = false,
+ inheritedBackgroundColor
+ }: {
+ offsetX?: number
+ offsetY?: number
+ prevScreen: Screen | undefined
+ // Force this node to descend instead of blitting its own rect, while
+ // still passing prevScreen to children. Used for non-opaque absolute
+ // overlays over a dirty clipped region: the overlay's full rect has
+ // transparent gaps (stale underlying content in prevScreen), but its
+ // opaque descendants' narrower rects are safe to blit.
+ skipSelfBlit?: boolean
+ inheritedBackgroundColor?: Color
+ }
+): void {
+ const { yogaNode } = node
+
+ if (yogaNode) {
+ if (yogaNode.getDisplay() === LayoutDisplay.None) {
+ // Clear old position if node was visible before becoming hidden
+ if (node.dirty) {
+ const cached = nodeCache.get(node)
+
+ if (cached) {
+ output.clear({
+ x: Math.floor(cached.x),
+ y: Math.floor(cached.y),
+ width: Math.floor(cached.width),
+ height: Math.floor(cached.height)
+ })
+ // Drop descendants' cache too — hideInstance's markDirty walks UP
+ // only, so descendants' .dirty stays false. Their nodeCache entries
+ // survive with pre-hide rects. On unhide, if position didn't shift,
+ // the blit check at line ~432 passes and copies EMPTY cells from
+ // prevScreen (cleared here) → content vanishes.
+ dropSubtreeCache(node)
+ layoutShifted = true
+ }
+ }
+
+ return
+ }
+
+ // Left and top positions in Yoga are relative to their parent node
+ const x = offsetX + yogaNode.getComputedLeft()
+ const yogaTop = yogaNode.getComputedTop()
+ let y = offsetY + yogaTop
+ const width = yogaNode.getComputedWidth()
+ const height = yogaNode.getComputedHeight()
+
+ // Absolute-positioned overlays (e.g. autocomplete menus with bottom='100%')
+ // can compute negative screen y when they extend above the viewport. Without
+ // clamping, setCellAt drops cells at y<0, clipping the TOP of the content
+ // (best matches in an autocomplete). By clamping to 0, we shift the element
+ // down so the top rows are visible and the bottom overflows below — the
+ // opaque prop ensures it paints over whatever is underneath.
+ if (y < 0 && node.style.position === 'absolute') {
+ y = 0
+ }
+
+ // Check if we can skip this subtree (clean node with unchanged layout).
+ // Blit cells from previous screen instead of re-rendering.
+ const cached = nodeCache.get(node)
+
+ if (
+ !node.dirty &&
+ !skipSelfBlit &&
+ node.pendingScrollDelta === undefined &&
+ cached &&
+ cached.x === x &&
+ cached.y === y &&
+ cached.width === width &&
+ cached.height === height &&
+ prevScreen
+ ) {
+ const fx = Math.floor(x)
+ const fy = Math.floor(y)
+ const fw = Math.floor(width)
+ const fh = Math.floor(height)
+ output.blit(prevScreen, fx, fy, fw, fh)
+
+ if (node.style.position === 'absolute') {
+ absoluteRectsCur.push(cached)
+ }
+
+ // Absolute descendants can paint outside this node's layout bounds
+ // (e.g. a slash menu with position='absolute' bottom='100%' floats
+ // above). If a dirty clipped sibling re-rendered and overwrote those
+ // cells, the blit above only restored this node's own rect — the
+ // absolute descendants' cells are lost. Re-blit them from prevScreen
+ // so the overlays survive.
+ blitEscapingAbsoluteDescendants(node, output, prevScreen, fx, fy, fw, fh)
+
+ return
+ }
+
+ // Clear stale content from the old position when re-rendering.
+ // Dirty: content changed. Moved: position/size changed (e.g., sibling
+ // above changed height), old cells still on the terminal.
+ const positionChanged =
+ cached !== undefined && (cached.x !== x || cached.y !== y || cached.width !== width || cached.height !== height)
+
+ if (positionChanged) {
+ layoutShifted = true
+ absoluteOverlayMoved ||= node.style.position === 'absolute'
+ }
+
+ if (cached && (node.dirty || positionChanged)) {
+ output.clear(
+ {
+ x: Math.floor(cached.x),
+ y: Math.floor(cached.y),
+ width: Math.floor(cached.width),
+ height: Math.floor(cached.height)
+ },
+ node.style.position === 'absolute'
+ )
+ }
+
+ // Read before deleting — hasRemovedChild disables prevScreen blitting
+ // for siblings to prevent stale overflow content from being restored.
+ const clears = pendingClears.get(node)
+ const hasRemovedChild = clears !== undefined
+
+ if (hasRemovedChild) {
+ layoutShifted = true
+
+ for (const rect of clears) {
+ output.clear({
+ x: Math.floor(rect.x),
+ y: Math.floor(rect.y),
+ width: Math.floor(rect.width),
+ height: Math.floor(rect.height)
+ })
+ }
+
+ pendingClears.delete(node)
+ }
+
+ // Yoga squeezed this node to zero height (overflow in a height-constrained
+ // parent) AND a sibling lands at the same y. Skip rendering — both would
+ // write to the same row; if the sibling's content is shorter, this node's
+ // tail chars ghost (e.g. "false" + "true" = "truee"). The clear above
+ // already handled the visible→squeezed transition.
+ //
+ // The sibling-overlap check is load-bearing: Yoga's pixel-grid rounding
+ // can give a box h=0 while still leaving a row for it (next sibling at
+ // y+1, not y). HelpV2's third shortcuts column hits this — skipping
+ // unconditionally drops "ctrl + z to suspend" from /help output.
+ if (height === 0 && siblingSharesY(node, yogaNode)) {
+ nodeCache.set(node, { x, y, width, height, top: yogaTop })
+ node.dirty = false
+
+ return
+ }
+
+ if (node.nodeName === 'ink-raw-ansi') {
+ // Pre-rendered ANSI content. The producer already wrapped to width and
+ // emitted terminal-ready escape codes. Skip squash, measure, wrap, and
+ // style re-application — output.write() parses ANSI directly into cells.
+ const text = node.attributes['rawText'] as string
+
+ if (text) {
+ output.write(x, y, text)
+ }
+ } else if (node.nodeName === 'ink-text') {
+ const segments = squashTextNodesToSegments(
+ node,
+ inheritedBackgroundColor ? { backgroundColor: inheritedBackgroundColor } : undefined
+ )
+
+ // First, get plain text to check if wrapping is needed
+ const plainText = segments.map(s => s.text).join('')
+
+ if (plainText.length > 0) {
+ // Upstream Ink uses getMaxWidth(yogaNode) unclamped here. That
+ // width comes from Yoga's AtMost pass and can exceed the actual
+ // screen space (see getMaxWidth docstring). Yoga's height for this
+ // node already reflects the constrained Exactly pass, so clamping
+ // the wrap width here keeps line count consistent with layout.
+ // Without this, characters past the screen edge are dropped by
+ // setCellAt's bounds check.
+ const maxWidth = Math.min(getMaxWidth(yogaNode), output.width - x)
+ const textWrap = node.style.textWrap ?? 'wrap'
+
+ // Check if wrapping is needed
+ const needsWrapping = widestLine(plainText) > maxWidth
+
+ let text: string
+ let softWrap: boolean[] | undefined
+
+ if (needsWrapping && segments.length === 1) {
+ // Single segment: wrap plain text first, then apply styles to each line
+ const segment = segments[0]!
+ const w = wrapWithSoftWrap(plainText, maxWidth, textWrap)
+ softWrap = w.softWrap
+ text = w.wrapped
+ .split('\n')
+ .map(line => {
+ let styled = applyTextStyles(line, segment.styles)
+
+ // Apply OSC 8 hyperlink per-line so each line is independently
+ // clickable. output.ts splits on newlines and tokenizes each
+ // line separately, so a single wrapper around the whole block
+ // would only apply the hyperlink to the first line.
+ if (segment.hyperlink) {
+ styled = wrapWithOsc8Link(styled, segment.hyperlink)
+ }
+
+ return styled
+ })
+ .join('\n')
+ } else if (needsWrapping) {
+ // Multiple segments with wrapping: wrap plain text first, then re-apply
+ // each segment's styles based on character positions. This preserves
+ // per-segment styles even when text wraps across lines.
+ const w = wrapWithSoftWrap(plainText, maxWidth, textWrap)
+ softWrap = w.softWrap
+ const charToSegment = buildCharToSegmentMap(segments)
+ text = applyStylesToWrappedText(w.wrapped, segments, charToSegment, plainText, textWrap === 'wrap-trim')
+ // Hyperlinks are handled per-run in applyStylesToWrappedText via
+ // wrapWithOsc8Link, similar to how styles are applied per-run.
+ } else {
+ // No wrapping needed: apply styles directly
+ text = segments
+ .map(segment => {
+ let styledText = applyTextStyles(segment.text, segment.styles)
+
+ if (segment.hyperlink) {
+ styledText = wrapWithOsc8Link(styledText, segment.hyperlink)
+ }
+
+ return styledText
+ })
+ .join('')
+ }
+
+ text = applyPaddingToText(node, text, softWrap)
+
+ output.write(x, y, text, softWrap)
+ }
+ } else if (node.nodeName === 'ink-box') {
+ const boxBackgroundColor = node.style.backgroundColor ?? inheritedBackgroundColor
+
+ // Mark this box's region as non-selectable (fullscreen text
+ // selection). noSelect ops are applied AFTER blits/writes in
+ // output.get(), so this wins regardless of what's rendered into
+ // the region — including blits from prevScreen when the box is
+ // clean (the op is emitted on both the dirty-render path here
+ // AND on the blit fast-path at line ~235 since blitRegion copies
+ // the noSelect bitmap alongside cells).
+ //
+ // 'from-left-edge' extends the exclusion from col 0 so any
+ // upstream indentation (tool prefix, tree lines) is covered too
+ // — a multi-row drag over a diff gutter shouldn't pick up the
+ // ` ⎿ ` prefix on row 0 or the blank cells under it on row 1+.
+ if (node.style.noSelect) {
+ const boxX = Math.floor(x)
+ const fromEdge = node.style.noSelect === 'from-left-edge'
+ output.noSelect({
+ x: fromEdge ? 0 : boxX,
+ y: Math.floor(y),
+ width: fromEdge ? boxX + Math.floor(width) : Math.floor(width),
+ height: Math.floor(height)
+ })
+ }
+
+ const overflowX = node.style.overflowX ?? node.style.overflow
+ const overflowY = node.style.overflowY ?? node.style.overflow
+ const clipHorizontally = overflowX === 'hidden' || overflowX === 'scroll'
+ const clipVertically = overflowY === 'hidden' || overflowY === 'scroll'
+ const isScrollY = overflowY === 'scroll'
+
+ const needsClip = clipHorizontally || clipVertically
+ let y1: number | undefined
+ let y2: number | undefined
+
+ if (needsClip) {
+ const x1 = clipHorizontally ? x + yogaNode.getComputedBorder(LayoutEdge.Left) : undefined
+
+ const x2 = clipHorizontally
+ ? x + yogaNode.getComputedWidth() - yogaNode.getComputedBorder(LayoutEdge.Right)
+ : undefined
+
+ y1 = clipVertically ? y + yogaNode.getComputedBorder(LayoutEdge.Top) : undefined
+
+ y2 = clipVertically
+ ? y + yogaNode.getComputedHeight() - yogaNode.getComputedBorder(LayoutEdge.Bottom)
+ : undefined
+
+ output.clip({ x1, x2, y1, y2 })
+ }
+
+ if (isScrollY) {
+ // Scroll containers follow the ScrollBox component structure:
+ // a single content-wrapper child with flexShrink:0 (doesn't shrink
+ // to fit), whose children are the scrollable items. scrollHeight
+ // comes from the wrapper's intrinsic Yoga height. The wrapper is
+ // rendered with its Y translated by -scrollTop; its children are
+ // culled against the visible window.
+ const padTop = yogaNode.getComputedPadding(LayoutEdge.Top)
+
+ const innerHeight = Math.max(
+ 0,
+ (y2 ?? y + height) - (y1 ?? y) - padTop - yogaNode.getComputedPadding(LayoutEdge.Bottom)
+ )
+
+ const content = node.childNodes.find(c => (c as DOMElement).yogaNode) as DOMElement | undefined
+
+ const contentYoga = content?.yogaNode
+ // scrollHeight is the intrinsic height of the content wrapper.
+ // Do NOT add getComputedTop() — that's the wrapper's offset
+ // within the viewport (equal to the scroll container's
+ // paddingTop), and innerHeight already subtracts padding, so
+ // including it double-counts padding and inflates maxScroll.
+ const scrollHeight = contentYoga?.getComputedHeight() ?? 0
+ // Capture previous scroll bounds BEFORE overwriting — the at-bottom
+ // follow check compares against last frame's max.
+ const prevScrollHeight = node.scrollHeight ?? scrollHeight
+ const prevInnerHeight = node.scrollViewportHeight ?? innerHeight
+ node.scrollHeight = scrollHeight
+ node.scrollViewportHeight = innerHeight
+ // Absolute screen-buffer row where the scrollable area (inside
+ // padding) begins. Exposed via ScrollBoxHandle.getViewportTop() so
+ // drag-to-scroll can detect when the drag leaves the scroll viewport.
+ node.scrollViewportTop = (y1 ?? y) + padTop
+
+ const maxScroll = Math.max(0, scrollHeight - innerHeight)
+
+ // scrollAnchor: scroll so the anchored element's top is at the
+ // viewport top (plus offset). Yoga is FRESH — same calculateLayout
+ // pass that just produced scrollHeight. Deterministic alternative
+ // to scrollTo(N) which bakes a number that's stale by the throttled
+ // render; the element ref defers the read to now. One-shot snap.
+ // A prior eased-seek version (proportional drain over ~5 frames)
+ // moved scrollTop without firing React's notify → parent's quantized
+ // store snapshot never updated → StickyTracker got stale range props
+ // → firstVisible wrong. Also: SCROLL_MIN_PER_FRAME=4 with snap-at-1
+ // ping-ponged forever at delta=2. Smooth needs drain-end notify
+ // plumbing; shipping instant first. stickyScroll overrides.
+ if (node.scrollAnchor) {
+ const anchorTop = node.scrollAnchor.el.yogaNode?.getComputedTop()
+
+ if (anchorTop != null) {
+ node.scrollTop = anchorTop + node.scrollAnchor.offset
+ node.pendingScrollDelta = undefined
+ }
+
+ node.scrollAnchor = undefined
+ }
+
+ // At-bottom follow. Positional: if scrollTop was at (or past) the
+ // previous max, pin to the new max. Scroll away → stop following;
+ // scroll back (or scrollToBottom/sticky attr) → resume. The sticky
+ // flag is OR'd in for cold start (scrollTop=0 before first layout)
+ // and scrollToBottom-from-far-away (flag set before scrollTop moves)
+ // — the imperative field takes precedence over the attribute so
+ // scrollTo/scrollBy can break stickiness. pendingDelta<0 guard:
+ // don't cancel an in-flight scroll-up when content races in.
+ // Capture scrollTop before follow so ink.tsx can translate any
+ // active text selection by the same delta (native terminal behavior:
+ // view keeps scrolling, highlight walks up with the text).
+ const scrollTopBeforeFollow = node.scrollTop ?? 0
+
+ const sticky = node.stickyScroll ?? Boolean(node.attributes['stickyScroll'])
+
+ const prevMaxScroll = Math.max(0, prevScrollHeight - prevInnerHeight)
+ // Positional check only valid when content grew — virtualization can
+ // transiently SHRINK scrollHeight (tail unmount + stale heightCache
+ // spacer) making scrollTop >= prevMaxScroll true by artifact, not
+ // because the user was at bottom.
+ const grew = scrollHeight >= prevScrollHeight
+
+ const atBottom = sticky || (grew && scrollTopBeforeFollow >= prevMaxScroll)
+
+ if (atBottom && (node.pendingScrollDelta ?? 0) >= 0) {
+ node.scrollTop = maxScroll
+ node.pendingScrollDelta = undefined
+
+ // Sync flag so useVirtualScroll's isSticky() agrees with positional
+ // state — sticky-broken-but-at-bottom (wheel tremor, click-select
+ // at max) otherwise leaves useVirtualScroll's clamp holding the
+ // viewport short of new streaming content. scrollTo/scrollBy set
+ // false; this restores true, same as scrollToBottom() would.
+ // Only restore when (a) positionally at bottom and (b) the flag
+ // was explicitly broken (===false) by scrollTo/scrollBy. When
+ // undefined (never set by user action) leave it alone — setting it
+ // would make the sticky flag sticky-by-default and lock out
+ // direct scrollTop writes (e.g. the alt-screen-perf test).
+ if (node.stickyScroll === false && scrollTopBeforeFollow >= prevMaxScroll) {
+ node.stickyScroll = true
+ }
+ }
+
+ const followDelta = (node.scrollTop ?? 0) - scrollTopBeforeFollow
+
+ if (followDelta > 0) {
+ const vpTop = node.scrollViewportTop ?? 0
+ followScroll = {
+ delta: followDelta,
+ viewportTop: vpTop,
+ viewportBottom: vpTop + innerHeight - 1
+ }
+ }
+
+ // Drain pendingScrollDelta. Native terminals (proportional burst
+ // events) use proportional drain; xterm.js (VS Code, sparse events +
+ // app-side accel curve) uses adaptive small-step drain. isXtermJs()
+ // depends on the async XTVERSION probe, but by the time this runs
+ // (pendingScrollDelta is only set by wheel events, >>50ms after
+ // startup) the probe has resolved — same timing guarantee the
+ // wheel-accel curve relies on.
+ let cur = node.scrollTop ?? 0
+ const pending = node.pendingScrollDelta
+ const cMin = node.scrollClampMin
+ const cMax = node.scrollClampMax
+ const haveClamp = cMin !== undefined && cMax !== undefined
+
+ if (pending !== undefined && pending !== 0) {
+ // Drain continues even past the clamp — the render-clamp below
+ // holds the VISUAL at the mounted edge regardless. Hard-stopping
+ // here caused stop-start jutter: drain hits edge → pause → React
+ // commits → clamp widens → drain resumes → edge again. Letting
+ // scrollTop advance smoothly while the clamp lags gives continuous
+ // visual scroll at React's commit rate (the clamp catches up each
+ // commit). But THROTTLE the drain when already past the clamp so
+ // scrollTop doesn't race 5000 rows ahead of the mounted range
+ // (slide-cap would then take 200 commits to catch up = long
+ // perceived stall at the edge). Past-clamp drain caps at ~4 rows/
+ // frame, roughly matching React's slide rate so the gap stays
+ // bounded and catch-up is quick once input stops.
+ const pastClamp = haveClamp && ((pending < 0 && cur < cMin) || (pending > 0 && cur > cMax))
+
+ const eff = pastClamp ? Math.min(4, innerHeight >> 3) : innerHeight
+ cur += isXtermJsHost() ? drainAdaptive(node, pending, eff) : drainProportional(node, pending, eff)
+ } else if (pending === 0) {
+ // Opposite scrollBy calls cancelled to zero — clear so we don't
+ // schedule an infinite loop of no-op drain frames.
+ node.pendingScrollDelta = undefined
+ }
+
+ let scrollTop = Math.max(0, Math.min(cur, maxScroll))
+
+ // Virtual-scroll clamp: if scrollTop raced past the currently-mounted
+ // range (burst PageUp before React re-renders), render at the EDGE of
+ // the mounted children instead of blank spacer. Do NOT write back to
+ // node.scrollTop — the clamped value is for this paint only; the real
+ // scrollTop stays so React's next commit sees the target and mounts
+ // the right range. Not scheduling scrollDrainNode here keeps the
+ // clamp passive — React's commit → resetAfterCommit → onRender will
+ // paint again with fresh bounds.
+ const clamped = haveClamp ? Math.max(cMin, Math.min(scrollTop, cMax)) : scrollTop
+
+ node.scrollTop = scrollTop
+
+ // Clamp hitting top/bottom consumes any remainder. Set drainPending
+ // only after clamp so a wasted no-op frame isn't scheduled.
+ if (scrollTop !== cur) {
+ node.pendingScrollDelta = undefined
+ }
+
+ if (node.pendingScrollDelta !== undefined) {
+ scrollDrainNode = node
+ }
+
+ scrollTop = clamped
+
+ if (content && contentYoga) {
+ // Compute content wrapper's absolute render position with scroll
+ // offset applied, then render its children with culling.
+ const contentX = x + contentYoga.getComputedLeft()
+ const contentY = y + contentYoga.getComputedTop() - scrollTop
+ // layoutShifted detection gap: when scrollTop moves by >= viewport
+ // height (batched PageUps, fast wheel), every visible child gets
+ // culled (cache dropped) and every newly-visible child has no
+ // cache — so the children's positionChanged check can't fire.
+ // The content wrapper's cached y (which encodes -scrollTop) is
+ // the only node that survives to witness the scroll.
+ const contentCached = nodeCache.get(content)
+ let hint: ScrollHint | null = null
+
+ if (contentCached && contentCached.y !== contentY) {
+ // delta = newScrollTop - oldScrollTop (positive = scrolled down).
+ // Capture a DECSTBM hint if the container itself didn't move
+ // and the shift fits within the viewport — otherwise the full
+ // rewrite is needed anyway, and layoutShifted stays the fallback.
+ const delta = contentCached.y - contentY
+ const regionTop = Math.floor(y + contentYoga.getComputedTop())
+ const regionBottom = regionTop + innerHeight - 1
+
+ if (cached?.y === y && cached.height === height && innerHeight > 0 && Math.abs(delta) < innerHeight) {
+ hint = { top: regionTop, bottom: regionBottom, delta }
+ scrollHint = hint
+ } else {
+ layoutShifted = true
+ }
+ }
+
+ // Fast path: scroll (hint captured) with usable prevScreen.
+ // Blit prevScreen's scroll region into next.screen, shift in-place
+ // by delta (mirrors DECSTBM), then render ONLY the edge rows. The
+ // nested clip keeps child writes out of stable rows — a tall child
+ // that spans edge+stable still renders but stable cells are
+ // clipped, preserving the blit. Avoids re-rendering every visible
+ // child (expensive for long syntax-highlighted transcripts).
+ //
+ // When content.dirty (e.g. streaming text at the bottom of the
+ // scroll), we still use the fast path — the dirty child is almost
+ // always in the edge rows (the bottom, where new content appears).
+ // After edge rendering, any dirty children in stable rows are
+ // re-rendered in a second pass to avoid showing stale blitted
+ // content.
+ //
+ // Guard: the fast path only handles pure scroll or bottom-append.
+ // Child removal/insertion changes the content height in a way that
+ // doesn't match the scroll delta — fall back to the full path so
+ // removed children don't leave stale cells and shifted siblings
+ // render at their new positions.
+ const scrollHeight = contentYoga.getComputedHeight()
+ const prevHeight = contentCached?.height ?? scrollHeight
+ const heightDelta = scrollHeight - prevHeight
+
+ const safeForFastPath = !hint || heightDelta === 0 || (hint.delta > 0 && heightDelta === hint.delta)
+
+ // scrollHint is set above when hint is captured. If safeForFastPath
+ // is false the full path renders a next.screen that doesn't match
+ // the DECSTBM shift — emitting DECSTBM leaves stale rows (seen as
+ // content bleeding through during scroll-up + streaming). Clear it.
+ if (!safeForFastPath) {
+ scrollHint = null
+ }
+
+ if (hint && prevScreen && safeForFastPath) {
+ const { top, bottom, delta } = hint
+ const w = Math.floor(width)
+ output.blit(prevScreen, Math.floor(x), top, w, bottom - top + 1)
+ output.shift(top, bottom, delta)
+ // Edge rows: new content entering the viewport.
+ const edgeTop = delta > 0 ? bottom - delta + 1 : top
+ const edgeBottom = delta > 0 ? bottom : top - delta - 1
+ output.clear({
+ x: Math.floor(x),
+ y: edgeTop,
+ width: w,
+ height: edgeBottom - edgeTop + 1
+ })
+ output.clip({
+ x1: undefined,
+ x2: undefined,
+ y1: edgeTop,
+ y2: edgeBottom + 1
+ })
+
+ // Snapshot dirty children before the first pass — the first
+ // pass clears dirty flags, and edge-spanning children would be
+ // missed by the second pass without this snapshot.
+ const dirtyChildren = content.dirty
+ ? new Set(content.childNodes.filter(c => (c as DOMElement).dirty))
+ : null
+
+ renderScrolledChildren(
+ content,
+ output,
+ contentX,
+ contentY,
+ hasRemovedChild,
+ undefined,
+ // Cull to edge in child-local coords (inverse of contentY offset).
+ edgeTop - contentY,
+ edgeBottom + 1 - contentY,
+ boxBackgroundColor,
+ true
+ )
+ output.unclip()
+
+ // Second pass: re-render children in stable rows whose screen
+ // position doesn't match where the shift put their old pixels.
+ // Covers TWO cases:
+ // 1. Dirty children — their content changed, blitted pixels are
+ // stale regardless of position.
+ // 2. Clean children BELOW a middle-growth point — when a dirty
+ // sibling above them grows, their yogaTop increases but
+ // scrollTop increases by the same amount (sticky), so their
+ // screenY is CONSTANT. The shift moved their old pixels to
+ // screenY-delta (wrong); they should stay at screenY. Without
+ // this, the spinner/tmux-monitor ghost at shifted positions
+ // during streaming (e.g. triple spinner, pill duplication).
+ // For bottom-append (the common case), all clean children are
+ // ABOVE the growth point; their screenY decreased by delta and
+ // the shift put them at the right place — skipped here, fast
+ // path preserved.
+ if (dirtyChildren) {
+ const edgeTopLocal = edgeTop - contentY
+ const edgeBottomLocal = edgeBottom + 1 - contentY
+ const spaces = ' '.repeat(w)
+ // Track cumulative height change of children iterated so far.
+ // A clean child's yogaTop is unchanged iff this is zero (no
+ // sibling above it grew/shrank/mounted). When zero, the skip
+ // check cached.y−delta === screenY reduces to delta === delta
+ // (tautology) → skip without yoga reads. Restores O(dirty)
+ // that #24536 traded away: for bottom-append the dirty child
+ // is last (all clean children skip); for virtual-scroll range
+ // shift the topSpacer shrink + new-item heights self-balance
+ // to zero before reaching the clean block. Middle-growth
+ // leaves shift non-zero → clean children after the growth
+ // point fall through to yoga + the fine-grained check below,
+ // preserving the ghost-box fix.
+ let cumHeightShift = 0
+
+ for (const childNode of content.childNodes) {
+ const childElem = childNode as DOMElement
+ const isDirty = dirtyChildren.has(childNode)
+
+ if (!isDirty && cumHeightShift === 0) {
+ if (nodeCache.has(childElem)) {
+ continue
+ }
+ // Uncached = culled last frame, now re-entering. blit
+ // never painted it → fall through to yoga + render.
+ // Height unchanged (clean), so cumHeightShift stays 0.
+ }
+
+ const cy = childElem.yogaNode
+
+ if (!cy) {
+ continue
+ }
+
+ const childTop = cy.getComputedTop()
+ const childH = cy.getComputedHeight()
+ const childBottom = childTop + childH
+
+ if (isDirty) {
+ const prev = nodeCache.get(childElem)
+ cumHeightShift += childH - (prev ? prev.height : 0)
+ }
+
+ // Skip culled children (outside viewport)
+ if (childBottom <= scrollTop || childTop >= scrollTop + innerHeight) {
+ continue
+ }
+
+ // Skip children entirely within edge rows (already rendered)
+ if (childTop >= edgeTopLocal && childBottom <= edgeBottomLocal) {
+ continue
+ }
+
+ const screenY = Math.floor(contentY + childTop)
+
+ // Clean children reaching here have cumHeightShift ≠ 0 OR
+ // no cache. Re-check precisely: cached.y − delta is where
+ // the shift left old pixels; if it equals new screenY the
+ // blit is correct (shift re-balanced at this child, or
+ // yogaTop happens to net out). No cache → blit never
+ // painted it → render.
+ if (!isDirty) {
+ const childCached = nodeCache.get(childElem)
+
+ if (childCached && Math.floor(childCached.y) - delta === screenY) {
+ continue
+ }
+ }
+
+ // Wipe this child's region with spaces to overwrite stale
+ // blitted content — output.clear() only expands damage and
+ // cannot zero cells that the blit already wrote.
+ const screenBottom = Math.min(
+ Math.floor(contentY + childBottom),
+ Math.floor((y1 ?? y) + padTop + innerHeight)
+ )
+
+ if (screenY < screenBottom) {
+ const fill = Array(screenBottom - screenY)
+ .fill(spaces)
+ .join('\n')
+
+ output.write(Math.floor(x), screenY, fill)
+ output.clip({
+ x1: undefined,
+ x2: undefined,
+ y1: screenY,
+ y2: screenBottom
+ })
+ renderNodeToOutput(childElem, output, {
+ offsetX: contentX,
+ offsetY: contentY,
+ prevScreen: undefined,
+ inheritedBackgroundColor: boxBackgroundColor
+ })
+ output.unclip()
+ }
+ }
+ }
+
+ // Third pass: repair rows where shifted copies of absolute
+ // overlays landed. The blit copied prevScreen cells INCLUDING
+ // overlay pixels (overlays render AFTER this ScrollBox so they
+ // painted into prevScreen's scroll region). After shift, those
+ // pixels sit at (rect.y - delta) — neither edge render nor the
+ // overlay's own re-render covers them. Wipe and re-render
+ // ScrollBox content so the diff writes correct cells.
+ const spaces = absoluteRectsPrev.length ? ' '.repeat(w) : ''
+
+ for (const r of absoluteRectsPrev) {
+ if (r.y >= bottom + 1 || r.y + r.height <= top) {
+ continue
+ }
+
+ const shiftedTop = Math.max(top, Math.floor(r.y) - delta)
+
+ const shiftedBottom = Math.min(bottom + 1, Math.floor(r.y + r.height) - delta)
+
+ // Skip if entirely within edge rows (already rendered).
+ if (shiftedTop >= edgeTop && shiftedBottom <= edgeBottom + 1) {
+ continue
+ }
+
+ if (shiftedTop >= shiftedBottom) {
+ continue
+ }
+
+ const fill = Array(shiftedBottom - shiftedTop)
+ .fill(spaces)
+ .join('\n')
+
+ output.write(Math.floor(x), shiftedTop, fill)
+ output.clip({
+ x1: undefined,
+ x2: undefined,
+ y1: shiftedTop,
+ y2: shiftedBottom
+ })
+ renderScrolledChildren(
+ content,
+ output,
+ contentX,
+ contentY,
+ hasRemovedChild,
+ undefined,
+ shiftedTop - contentY,
+ shiftedBottom - contentY,
+ boxBackgroundColor,
+ true
+ )
+ output.unclip()
+ }
+ } else {
+ // Full path. Two sub-cases:
+ //
+ // Scrolled without a usable hint (big jump, container moved):
+ // child positions in prevScreen are stale. Clear the viewport
+ // and disable blit so children don't restore shifted content.
+ //
+ // No scroll (spinner tick, content edit): child positions in
+ // prevScreen are still valid. Skip the viewport clear and pass
+ // prevScreen so unchanged children blit. Dirty children already
+ // self-clear via their own cached-rect clear. Without this, a
+ // spinner inside ScrollBox forces a full-content rewrite every
+ // frame — on wide terminals over tmux (no BSU/ESU) the
+ // bandwidth crosses the chunk boundary and the frame tears.
+ const scrolled = contentCached && contentCached.y !== contentY
+
+ if (scrolled && y1 !== undefined && y2 !== undefined) {
+ output.clear({
+ x: Math.floor(x),
+ y: Math.floor(y1),
+ width: Math.floor(width),
+ height: Math.floor(y2 - y1)
+ })
+ }
+
+ // positionChanged (ScrollBox height shrunk — pill mount) means a
+ // child spanning the old bottom edge would blit its full cached
+ // rect past the new clip. output.ts clips blits now, but also
+ // disable prevScreen here so the partial-row child re-renders at
+ // correct bounds instead of blitting a clipped (truncated) old
+ // rect.
+ renderScrolledChildren(
+ content,
+ output,
+ contentX,
+ contentY,
+ hasRemovedChild,
+ scrolled || positionChanged ? undefined : prevScreen,
+ scrollTop,
+ scrollTop + innerHeight,
+ boxBackgroundColor
+ )
+ }
+
+ nodeCache.set(content, {
+ x: contentX,
+ y: contentY,
+ width: contentYoga.getComputedWidth(),
+ height: contentYoga.getComputedHeight()
+ })
+ content.dirty = false
+ }
+ } else {
+ // Fill interior with background color before rendering children.
+ // This covers padding areas and empty space; child text inherits
+ // the color via inheritedBackgroundColor so written cells also
+ // get the background.
+ // Disable prevScreen for children: the fill overwrites the entire
+ // interior each render, so child blits from prevScreen would restore
+ // stale cells (wrong bg if it changed) on top of the fresh fill.
+ const ownBackgroundColor = node.style.backgroundColor
+
+ if (ownBackgroundColor || node.style.opaque) {
+ const borderLeft = yogaNode.getComputedBorder(LayoutEdge.Left)
+ const borderRight = yogaNode.getComputedBorder(LayoutEdge.Right)
+ const borderTop = yogaNode.getComputedBorder(LayoutEdge.Top)
+ const borderBottom = yogaNode.getComputedBorder(LayoutEdge.Bottom)
+ const innerWidth = Math.floor(width) - borderLeft - borderRight
+ const innerHeight = Math.floor(height) - borderTop - borderBottom
+
+ if (innerWidth > 0 && innerHeight > 0) {
+ const spaces = ' '.repeat(innerWidth)
+
+ const fillLine = ownBackgroundColor
+ ? applyTextStyles(spaces, { backgroundColor: ownBackgroundColor })
+ : spaces
+
+ const fill = Array(innerHeight).fill(fillLine).join('\n')
+ output.write(x + borderLeft, y + borderTop, fill)
+ }
+ }
+
+ renderChildren(
+ node,
+ output,
+ x,
+ y,
+ hasRemovedChild,
+ // backgroundColor and opaque both disable child blit: the fill
+ // overwrites the entire interior each render, so any child whose
+ // layout position shifted would blit stale cells from prevScreen
+ // on top of the fresh fill. Previously opaque kept blit enabled
+ // on the assumption that plain-space fill + unchanged children =
+ // valid composite, but children CAN reposition (ScrollBox remeasure
+ // on re-render → /permissions body blanked on Down arrow, #25436).
+ ownBackgroundColor || node.style.opaque ? undefined : prevScreen,
+ boxBackgroundColor
+ )
+ }
+
+ if (needsClip) {
+ output.unclip()
+ }
+
+ // Render border AFTER children to ensure it's not overwritten by child
+ // clearing operations. When a child shrinks, it clears its old area,
+ // which may overlap with where the parent's border now is.
+ renderBorder(x, y, node, output)
+ } else if (node.nodeName === 'ink-root') {
+ renderChildren(node, output, x, y, hasRemovedChild, prevScreen, inheritedBackgroundColor)
+ }
+
+ // Cache layout bounds for dirty tracking
+ const rect = { x, y, width, height, top: yogaTop }
+ nodeCache.set(node, rect)
+
+ if (node.style.position === 'absolute') {
+ absoluteRectsCur.push(rect)
+ }
+
+ node.dirty = false
+ }
+}
+
+// Overflow contamination: content overflows right/down, so clean siblings
+// AFTER a dirty/removed sibling can contain stale overflow in prevScreen.
+// Disable blit for siblings after a dirty child — but still pass prevScreen
+// TO the dirty child itself so its clean descendants can blit. The dirty
+// child's own blit check already fails (node.dirty=true at line 216), so
+// passing prevScreen only benefits its subtree.
+// For removed children we don't know their original position, so
+// conservatively disable blit for all.
+//
+// Clipped children (overflow hidden/scroll on both axes) cannot overflow
+// onto later siblings — their content is confined to their layout bounds.
+// Skip the contamination guard for them so later siblings can still blit.
+// Without this, a spinner inside a ScrollBox dirties the wrapper on every
+// tick and the bottom prompt section never blits → 100% writes every frame.
+//
+// Exception: absolute-positioned clipped children may have layout bounds
+// that overlap arbitrary siblings, so the clipping does not help.
+//
+// Overlap contamination (seenDirtyClipped): a later ABSOLUTE sibling whose
+// rect sits inside a dirty clipped child's bounds would blit stale cells
+// from prevScreen — the clipped child just rewrote those cells this frame.
+// The clipsBothAxes skip only protects against OVERFLOW (clipped child
+// painting outside its bounds), not overlap (absolute sibling painting
+// inside them). For non-opaque absolute siblings, skipSelfBlit forces
+// descent (the full-width rect has transparent gaps → stale blit) while
+// still passing prevScreen so opaque descendants can blit their narrower
+// rects (NewMessagesPill's inner Text with backgroundColor). Opaque
+// absolute siblings fill their entire rect — direct blit is safe.
+function renderChildren(
+ node: DOMElement,
+ output: Output,
+ offsetX: number,
+ offsetY: number,
+ hasRemovedChild: boolean,
+ prevScreen: Screen | undefined,
+ inheritedBackgroundColor: Color | undefined
+): void {
+ let seenDirtyChild = false
+ let seenDirtyClipped = false
+
+ for (const childNode of node.childNodes) {
+ const childElem = childNode as DOMElement
+ // Capture dirty before rendering — renderNodeToOutput clears the flag
+ const wasDirty = childElem.dirty
+ const isAbsolute = childElem.style.position === 'absolute'
+ renderNodeToOutput(childElem, output, {
+ offsetX,
+ offsetY,
+ prevScreen: hasRemovedChild || seenDirtyChild ? undefined : prevScreen,
+ // Short-circuits on seenDirtyClipped (false in the common case) so
+ // the opaque/bg reads don't happen per-child per-frame.
+ skipSelfBlit:
+ seenDirtyClipped && isAbsolute && !childElem.style.opaque && childElem.style.backgroundColor === undefined,
+ inheritedBackgroundColor
+ })
+
+ if (wasDirty && !seenDirtyChild) {
+ if (!clipsBothAxes(childElem) || isAbsolute) {
+ seenDirtyChild = true
+ } else {
+ seenDirtyClipped = true
+ }
+ }
+ }
+}
+
+function clipsBothAxes(node: DOMElement): boolean {
+ const ox = node.style.overflowX ?? node.style.overflow
+ const oy = node.style.overflowY ?? node.style.overflow
+
+ return (ox === 'hidden' || ox === 'scroll') && (oy === 'hidden' || oy === 'scroll')
+}
+
+// When Yoga squeezes a box to h=0, the ghost only happens if a sibling
+// lands at the same computed top — then both write to that row and the
+// shorter content leaves the longer's tail visible. Yoga's pixel-grid
+// rounding can give h=0 while still advancing the next sibling's top
+// (HelpV2's third shortcuts column), so h=0 alone isn't sufficient.
+function siblingSharesY(node: DOMElement, yogaNode: LayoutNode): boolean {
+ const parent = node.parentNode
+
+ if (!parent) {
+ return false
+ }
+
+ const myTop = yogaNode.getComputedTop()
+ const siblings = parent.childNodes
+ const idx = siblings.indexOf(node)
+
+ for (let i = idx + 1; i < siblings.length; i++) {
+ const sib = (siblings[i] as DOMElement).yogaNode
+
+ if (!sib) {
+ continue
+ }
+
+ return sib.getComputedTop() === myTop
+ }
+
+ // No next sibling with a yoga node — check previous. A run of h=0 boxes
+ // at the tail would all share y with each other.
+ for (let i = idx - 1; i >= 0; i--) {
+ const sib = (siblings[i] as DOMElement).yogaNode
+
+ if (!sib) {
+ continue
+ }
+
+ return sib.getComputedTop() === myTop
+ }
+
+ return false
+}
+
+// When a node blits, its absolute-positioned descendants that paint outside
+// the node's layout bounds are NOT covered by the blit (which only copies
+// the node's own rect). If a dirty sibling re-rendered and overwrote those
+// cells, we must re-blit them from prevScreen so the overlays survive.
+// Example: PromptInputFooter's slash menu uses position='absolute' bottom='100%'
+// to float above the prompt; a spinner tick in the ScrollBox above re-renders
+// and overwrites those cells. Without this, the menu vanishes on the next frame.
+function blitEscapingAbsoluteDescendants(
+ node: DOMElement,
+ output: Output,
+ prevScreen: Screen,
+ px: number,
+ py: number,
+ pw: number,
+ ph: number
+): void {
+ const pr = px + pw
+ const pb = py + ph
+
+ for (const child of node.childNodes) {
+ if (child.nodeName === '#text') {
+ continue
+ }
+
+ const elem = child as DOMElement
+
+ if (elem.style.position === 'absolute') {
+ const cached = nodeCache.get(elem)
+
+ if (cached) {
+ absoluteRectsCur.push(cached)
+ const cx = Math.floor(cached.x)
+ const cy = Math.floor(cached.y)
+ const cw = Math.floor(cached.width)
+ const ch = Math.floor(cached.height)
+
+ // Only blit rects that extend outside the parent's layout bounds —
+ // cells within the parent rect are already covered by the parent blit.
+ if (cx < px || cy < py || cx + cw > pr || cy + ch > pb) {
+ output.blit(prevScreen, cx, cy, cw, ch)
+ }
+ }
+ }
+
+ // Recurse — absolute descendants can be nested arbitrarily deep
+ blitEscapingAbsoluteDescendants(elem, output, prevScreen, px, py, pw, ph)
+ }
+}
+
+// Render children of a scroll container with viewport culling.
+// scrollTopY..scrollBottomY are the visible window in CHILD-LOCAL Yoga coords
+// (i.e. what getComputedTop() returns). Children entirely outside this window
+// are skipped; their nodeCache entry is deleted so if they re-enter the
+// viewport later they don't emit a stale clear for a position now occupied
+// by a sibling.
+function renderScrolledChildren(
+ node: DOMElement,
+ output: Output,
+ offsetX: number,
+ offsetY: number,
+ hasRemovedChild: boolean,
+ prevScreen: Screen | undefined,
+ scrollTopY: number,
+ scrollBottomY: number,
+ inheritedBackgroundColor: Color | undefined,
+ // When true (DECSTBM fast path), culled children keep their cache —
+ // the blit+shift put stable rows in next.screen so stale cache is
+ // never read. Avoids walking O(total_children * subtree_depth) per frame.
+ preserveCulledCache = false
+): void {
+ let seenDirtyChild = false
+ // Track cumulative height shift of dirty children iterated so far. When
+ // zero, a clean child's yogaTop is unchanged (no sibling above it grew),
+ // so cached.top is fresh and the cull check skips yoga. Bottom-append
+ // has the dirty child last → all prior clean children hit cache →
+ // O(dirty) not O(mounted). Middle-growth leaves shift non-zero after
+ // the dirty child → subsequent children yoga-read (needed for correct
+ // culling since their yogaTop shifted).
+ let cumHeightShift = 0
+
+ for (const childNode of node.childNodes) {
+ const childElem = childNode as DOMElement
+ const cy = childElem.yogaNode
+
+ if (cy) {
+ const cached = nodeCache.get(childElem)
+ let top: number
+ let height: number
+
+ if (cached?.top !== undefined && !childElem.dirty && cumHeightShift === 0) {
+ top = cached.top
+ height = cached.height
+ } else {
+ top = cy.getComputedTop()
+ height = cy.getComputedHeight()
+
+ if (childElem.dirty) {
+ cumHeightShift += height - (cached ? cached.height : 0)
+ }
+
+ // Refresh cached top so next frame's cumShift===0 path stays
+ // correct. For culled children with preserveCulledCache=true this
+ // is the ONLY refresh point — without it, a middle-growth frame
+ // leaves stale tops that misfire next frame.
+ if (cached) {
+ cached.top = top
+ }
+ }
+
+ const bottom = top + height
+
+ if (bottom <= scrollTopY || top >= scrollBottomY) {
+ // Culled — outside visible window. Drop stale cache entries from
+ // the subtree so when this child re-enters it doesn't fire clears
+ // at positions now occupied by siblings. The viewport-clear on
+ // scroll-change handles the visible-area repaint.
+ if (!preserveCulledCache) {
+ dropSubtreeCache(childElem)
+ }
+
+ continue
+ }
+ }
+
+ const wasDirty = childElem.dirty
+ renderNodeToOutput(childElem, output, {
+ offsetX,
+ offsetY,
+ prevScreen: hasRemovedChild || seenDirtyChild ? undefined : prevScreen,
+ inheritedBackgroundColor
+ })
+
+ if (wasDirty) {
+ seenDirtyChild = true
+ }
+ }
+}
+
+function dropSubtreeCache(node: DOMElement): void {
+ nodeCache.delete(node)
+
+ for (const child of node.childNodes) {
+ if (child.nodeName !== '#text') {
+ dropSubtreeCache(child as DOMElement)
+ }
+ }
+}
+
+// Exported for testing
+export { applyStylesToWrappedText, buildCharToSegmentMap }
+
+export default renderNodeToOutput
diff --git a/ui-tui/packages/hermes-ink/src/ink/render-to-screen.ts b/ui-tui/packages/hermes-ink/src/ink/render-to-screen.ts
new file mode 100644
index 0000000000..57272bd36a
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/render-to-screen.ts
@@ -0,0 +1,236 @@
+import noop from 'lodash-es/noop.js'
+import type { ReactElement } from 'react'
+import { LegacyRoot } from 'react-reconciler/constants.js'
+
+import { logForDebugging } from '../utils/debug.js'
+
+import { createNode, type DOMElement } from './dom.js'
+import { FocusManager } from './focus.js'
+import Output from './output.js'
+import reconciler from './reconciler.js'
+import renderNodeToOutput, { resetLayoutShifted } from './render-node-to-output.js'
+import {
+ cellAtIndex,
+ CellWidth,
+ CharPool,
+ createScreen,
+ HyperlinkPool,
+ type Screen,
+ setCellStyleId,
+ StylePool
+} from './screen.js'
+
+/** Position of a match within a rendered message, relative to the message's
+ * own bounding box (row 0 = message top). Stable across scroll — to
+ * highlight on the real screen, add the message's screen-row offset. */
+export type MatchPosition = {
+ row: number
+ col: number
+ /** Number of CELLS the match spans (= query.length for ASCII, more
+ * for wide chars in the query). */
+ len: number
+}
+
+// Shared across calls. Pools accumulate style/char interns — reusing them
+// means later calls hit cache more. Root/container reuse saves the
+// createContainer cost (~1ms). LegacyRoot: all work sync, no scheduling —
+// ConcurrentRoot's scheduler backlog leaks across roots via flushSyncWork.
+let root: DOMElement | undefined
+let container: ReturnType | undefined
+let stylePool: StylePool | undefined
+let charPool: CharPool | undefined
+let hyperlinkPool: HyperlinkPool | undefined
+let output: Output | undefined
+
+const timing = { reconcile: 0, yoga: 0, paint: 0, scan: 0, calls: 0 }
+const LOG_EVERY = 20
+
+/** Render a React element (wrapped in all contexts the component needs —
+ * caller's job) to an isolated Screen buffer at the given width. Returns
+ * the Screen + natural height (from yoga). Used for search: render ONE
+ * message, scan its Screen for the query, get exact (row, col) positions.
+ *
+ * ~1-3ms per call (yoga alloc + calculateLayout + paint). The
+ * flushSyncWork cross-root leak measured ~0.0003ms/call growth — fine
+ * for on-demand single-message rendering, pathological for render-all-
+ * 8k-upfront. Cache per (msg, query, width) upstream.
+ *
+ * Unmounts between calls. Root/container/pools persist for reuse. */
+export function renderToScreen(el: ReactElement, width: number): { screen: Screen; height: number } {
+ if (!root) {
+ root = createNode('ink-root')
+ root.focusManager = new FocusManager(() => false)
+ stylePool = new StylePool()
+ charPool = new CharPool()
+ hyperlinkPool = new HyperlinkPool()
+ container = reconciler.createContainer(root, LegacyRoot, null, false, null, 'search-render', noop, noop, noop, noop)
+ }
+
+ const t0 = performance.now()
+ reconciler.updateContainerSync(el, container, null, noop)
+ reconciler.flushSyncWork()
+ const t1 = performance.now()
+
+ // Yoga layout. Root might not have a yogaNode if the tree is empty.
+ root.yogaNode?.setWidth(width)
+ root.yogaNode?.calculateLayout(width)
+ const height = Math.ceil(root.yogaNode?.getComputedHeight() ?? 0)
+ const t2 = performance.now()
+
+ // Paint to a fresh Screen. Width = given, height = yoga's natural.
+ // No alt-screen, no prevScreen (every call is fresh).
+ const screen = createScreen(
+ width,
+ Math.max(1, height), // avoid 0-height Screen (createScreen may choke)
+ stylePool!,
+ charPool!,
+ hyperlinkPool!
+ )
+
+ if (!output) {
+ output = new Output({ width, height, stylePool: stylePool!, screen })
+ } else {
+ output.reset(width, height, screen)
+ }
+
+ resetLayoutShifted()
+ renderNodeToOutput(root, output, { prevScreen: undefined })
+ // renderNodeToOutput queues writes into Output; .get() flushes the
+ // queue into the Screen's cell arrays. Without this the screen is
+ // blank (constructor-zero).
+ const rendered = output.get()
+ const t3 = performance.now()
+
+ // Unmount so next call gets a fresh tree. Leaves root/container/pools.
+ reconciler.updateContainerSync(null, container, null, noop)
+ reconciler.flushSyncWork()
+
+ timing.reconcile += t1 - t0
+ timing.yoga += t2 - t1
+ timing.paint += t3 - t2
+
+ if (++timing.calls % LOG_EVERY === 0) {
+ const total = timing.reconcile + timing.yoga + timing.paint + timing.scan
+ logForDebugging(
+ `renderToScreen: ${timing.calls} calls · ` +
+ `reconcile=${timing.reconcile.toFixed(1)}ms yoga=${timing.yoga.toFixed(1)}ms ` +
+ `paint=${timing.paint.toFixed(1)}ms scan=${timing.scan.toFixed(1)}ms · ` +
+ `total=${total.toFixed(1)}ms · avg ${(total / timing.calls).toFixed(2)}ms/call`
+ )
+ }
+
+ return { screen: rendered, height }
+}
+
+/** Scan a Screen buffer for all occurrences of query. Returns positions
+ * relative to the buffer (row 0 = buffer top). Same cell-skip logic as
+ * applySearchHighlight (SpacerTail/SpacerHead/noSelect) so positions
+ * match what the overlay highlight would find. Case-insensitive.
+ *
+ * For the side-render use: this Screen is the FULL message (natural
+ * height, not viewport-clipped). Positions are stable — to highlight
+ * on the real screen, add the message's screen offset (lo). */
+export function scanPositions(screen: Screen, query: string): MatchPosition[] {
+ const lq = query.toLowerCase()
+
+ if (!lq) {
+ return []
+ }
+
+ const qlen = lq.length
+ const w = screen.width
+ const h = screen.height
+ const noSelect = screen.noSelect
+ const positions: MatchPosition[] = []
+
+ const t0 = performance.now()
+
+ for (let row = 0; row < h; row++) {
+ const rowOff = row * w
+ // Same text-build as applySearchHighlight. Keep in sync — or extract
+ // to a shared helper (TODO once both are stable). codeUnitToCell
+ // maps indexOf positions (code units in the LOWERCASED text) to cell
+ // indices in colOf — surrogate pairs (emoji) and multi-unit lowercase
+ // (Turkish İ → i + U+0307) make text.length > colOf.length.
+ let text = ''
+ const colOf: number[] = []
+ const codeUnitToCell: number[] = []
+
+ for (let col = 0; col < w; col++) {
+ const idx = rowOff + col
+ const cell = cellAtIndex(screen, idx)
+
+ if (cell.width === CellWidth.SpacerTail || cell.width === CellWidth.SpacerHead || noSelect[idx] === 1) {
+ continue
+ }
+
+ const lc = cell.char.toLowerCase()
+ const cellIdx = colOf.length
+
+ for (let i = 0; i < lc.length; i++) {
+ codeUnitToCell.push(cellIdx)
+ }
+
+ text += lc
+ colOf.push(col)
+ }
+
+ // Non-overlapping — same advance as applySearchHighlight.
+ let pos = text.indexOf(lq)
+
+ while (pos >= 0) {
+ const startCi = codeUnitToCell[pos]!
+ const endCi = codeUnitToCell[pos + qlen - 1]!
+ const col = colOf[startCi]!
+ const endCol = colOf[endCi]! + 1
+ positions.push({ row, col, len: endCol - col })
+ pos = text.indexOf(lq, pos + qlen)
+ }
+ }
+
+ timing.scan += performance.now() - t0
+
+ return positions
+}
+
+/** Write CURRENT (yellow+bold+underline) at positions[currentIdx] +
+ * rowOffset. OTHER positions are NOT styled here — the scan-highlight
+ * (applySearchHighlight with null hint) does inverse for all visible
+ * matches, including these. Two-layer: scan = 'you could go here',
+ * position = 'you ARE here'. Writing inverse again here would be a
+ * no-op (withInverse idempotent) but wasted work.
+ *
+ * Positions are message-relative (row 0 = message top). rowOffset =
+ * message's current screen-top (lo). Clips outside [0, height). */
+export function applyPositionedHighlight(
+ screen: Screen,
+ stylePool: StylePool,
+ positions: MatchPosition[],
+ rowOffset: number,
+ currentIdx: number
+): boolean {
+ if (currentIdx < 0 || currentIdx >= positions.length) {
+ return false
+ }
+
+ const p = positions[currentIdx]!
+ const row = p.row + rowOffset
+
+ if (row < 0 || row >= screen.height) {
+ return false
+ }
+
+ const transform = (id: number) => stylePool.withCurrentMatch(id)
+ const rowOff = row * screen.width
+
+ for (let col = p.col; col < p.col + p.len; col++) {
+ if (col < 0 || col >= screen.width) {
+ continue
+ }
+
+ const cell = cellAtIndex(screen, rowOff + col)
+ setCellStyleId(screen, col, row, transform(cell.styleId))
+ }
+
+ return true
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/renderer.ts b/ui-tui/packages/hermes-ink/src/ink/renderer.ts
new file mode 100644
index 0000000000..38e5276354
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/renderer.ts
@@ -0,0 +1,169 @@
+import { logForDebugging } from '../utils/debug.js'
+
+import { type DOMElement, markDirty } from './dom.js'
+import type { Frame } from './frame.js'
+import { consumeAbsoluteRemovedFlag } from './node-cache.js'
+import Output from './output.js'
+import renderNodeToOutput, {
+ didAbsoluteOverlayMove,
+ getScrollDrainNode,
+ getScrollHint,
+ resetLayoutShifted,
+ resetScrollDrainNode,
+ resetScrollHint
+} from './render-node-to-output.js'
+import { createScreen, type StylePool } from './screen.js'
+
+export type RenderOptions = {
+ frontFrame: Frame
+ backFrame: Frame
+ isTTY: boolean
+ terminalWidth: number
+ terminalRows: number
+ altScreen: boolean
+ // True when the previous frame's screen buffer was mutated post-render
+ // (selection overlay), reset to blank (alt-screen enter/resize/SIGCONT),
+ // or reset to 0×0 (forceRedraw). Blitting from such a prevScreen would
+ // copy stale inverted cells, blanks, or nothing. When false, blit is safe.
+ prevFrameContaminated: boolean
+}
+
+export type Renderer = (options: RenderOptions) => Frame
+
+export default function createRenderer(node: DOMElement, stylePool: StylePool): Renderer {
+ // Reuse Output across frames so charCache (tokenize + grapheme clustering)
+ // persists — most lines don't change between renders.
+ let output: Output | undefined
+
+ return options => {
+ const { frontFrame, backFrame, isTTY, terminalWidth, terminalRows } = options
+
+ const prevScreen = frontFrame.screen
+ const backScreen = backFrame.screen
+ // Read pools from the back buffer's screen — pools may be replaced
+ // between frames (generational reset), so we can't capture them in the closure
+ const charPool = backScreen.charPool
+ const hyperlinkPool = backScreen.hyperlinkPool
+
+ // Return empty frame if yoga node doesn't exist or layout hasn't been computed yet.
+ // getComputedHeight() returns NaN before calculateLayout() is called.
+ // Also check for invalid dimensions (negative, Infinity) that would cause RangeError
+ // when creating arrays.
+ const computedHeight = node.yogaNode?.getComputedHeight()
+ const computedWidth = node.yogaNode?.getComputedWidth()
+
+ const hasInvalidHeight = computedHeight === undefined || !Number.isFinite(computedHeight) || computedHeight < 0
+
+ const hasInvalidWidth = computedWidth === undefined || !Number.isFinite(computedWidth) || computedWidth < 0
+
+ if (!node.yogaNode || hasInvalidHeight || hasInvalidWidth) {
+ // Log to help diagnose root cause (visible with --debug flag)
+ if (node.yogaNode && (hasInvalidHeight || hasInvalidWidth)) {
+ logForDebugging(
+ `Invalid yoga dimensions: width=${computedWidth}, height=${computedHeight}, ` +
+ `childNodes=${node.childNodes.length}, terminalWidth=${terminalWidth}, terminalRows=${terminalRows}`
+ )
+ }
+
+ return {
+ screen: createScreen(terminalWidth, 0, stylePool, charPool, hyperlinkPool),
+ viewport: { width: terminalWidth, height: terminalRows },
+ cursor: { x: 0, y: 0, visible: true }
+ }
+ }
+
+ const width = Math.floor(node.yogaNode.getComputedWidth())
+ const yogaHeight = Math.floor(node.yogaNode.getComputedHeight())
+ // Alt-screen: the screen buffer IS the alt buffer — always exactly
+ // terminalRows tall. wraps children in , so yogaHeight should equal
+ // terminalRows. But if something renders as a SIBLING of that Box
+ // (bug: MessageSelector was outside ), yogaHeight
+ // exceeds rows and every assumption below (viewport +1 hack, cursor.y
+ // clamp, log-update's heightDelta===0 fast path) breaks, desyncing
+ // virtual/physical cursors. Clamping here enforces the invariant:
+ // overflow writes land at y >= screen.height and setCellAt drops
+ // them. The sibling is invisible (obvious, easy to find) instead of
+ // corrupting the whole terminal.
+ const height = options.altScreen ? terminalRows : yogaHeight
+
+ if (options.altScreen && yogaHeight > terminalRows) {
+ logForDebugging(
+ `alt-screen: yoga height ${yogaHeight} > terminalRows ${terminalRows} — ` +
+ `something is rendering outside . Overflow clipped.`,
+ { level: 'warn' }
+ )
+ }
+
+ const screen = backScreen ?? createScreen(width, height, stylePool, charPool, hyperlinkPool)
+
+ if (output) {
+ output.reset(width, height, screen)
+ } else {
+ output = new Output({ width, height, stylePool, screen })
+ }
+
+ resetLayoutShifted()
+ resetScrollHint()
+ resetScrollDrainNode()
+
+ // prevFrameContaminated: selection overlay mutated the returned screen
+ // buffer post-render (in ink.tsx), resetFramesForAltScreen() replaced it
+ // with blanks, or forceRedraw() reset it to 0×0. Blit on the NEXT frame
+ // would copy stale inverted cells / blanks / nothing. When clean, blit
+ // restores the O(unchanged) fast path for steady-state frames (spinner
+ // tick, text stream).
+ // Removing an absolute-positioned node poisons prevScreen: it may
+ // have painted over non-siblings (e.g. an overlay over a ScrollBox
+ // earlier in tree order), so their blits would restore the removed
+ // node's pixels. hasRemovedChild only shields direct siblings.
+ // Normal-flow removals don't paint cross-subtree and are fine.
+ const absoluteRemoved = consumeAbsoluteRemovedFlag()
+ renderNodeToOutput(node, output, {
+ prevScreen: absoluteRemoved || options.prevFrameContaminated ? undefined : prevScreen
+ })
+
+ const renderedScreen = output.get()
+
+ // Drain continuation: render cleared scrollbox.dirty, so next frame's
+ // root blit would skip the subtree. markDirty walks ancestors so the
+ // next frame descends. Done AFTER render so the clear-dirty at the end
+ // of renderNodeToOutput doesn't overwrite this.
+ const drainNode = getScrollDrainNode()
+
+ if (drainNode) {
+ markDirty(drainNode)
+ }
+
+ return {
+ absoluteOverlayMoved: didAbsoluteOverlayMove(),
+ scrollHint: options.altScreen ? getScrollHint() : null,
+ scrollDrainPending: drainNode !== null,
+ screen: renderedScreen,
+ viewport: {
+ width: terminalWidth,
+ // Alt screen: fake viewport.height = rows + 1 so that
+ // shouldClearScreen()'s `screen.height >= viewport.height` check
+ // (which treats exactly-filling content as "overflows" for
+ // scrollback purposes) never fires. Alt-screen content is always
+ // exactly `rows` tall (via ) but never
+ // scrolls — the cursor.y clamp below keeps the cursor-restore
+ // from emitting an LF. With the standard diff path, every frame
+ // is incremental; no fullResetSequence_CAUSES_FLICKER.
+ height: options.altScreen ? terminalRows + 1 : terminalRows
+ },
+ cursor: {
+ x: 0,
+ // In the alt screen, keep the cursor inside the viewport. When
+ // screen.height === terminalRows exactly (content fills the alt
+ // screen), cursor.y = screen.height would trigger log-update's
+ // cursor-restore LF at the last row, scrolling one row off the top
+ // of the alt buffer and desyncing the diff's cursor model. The
+ // cursor is hidden so its position only matters for diff coords.
+ y: options.altScreen ? Math.max(0, Math.min(screen.height, terminalRows) - 1) : screen.height,
+ // Hide cursor when there's dynamic output to render (only in TTY mode)
+ visible: !isTTY || screen.height === 0
+ }
+ }
+ }
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/root.ts b/ui-tui/packages/hermes-ink/src/ink/root.ts
new file mode 100644
index 0000000000..27ace59a6b
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/root.ts
@@ -0,0 +1,174 @@
+import { Stream } from 'stream'
+
+import type { ReactNode } from 'react'
+
+import { logForDebugging } from '../utils/debug.js'
+
+import type { FrameEvent } from './frame.js'
+import Ink, { type Options as InkOptions } from './ink.js'
+import instances from './instances.js'
+
+export type RenderOptions = {
+ /**
+ * Output stream where app will be rendered.
+ *
+ * @default process.stdout
+ */
+ stdout?: NodeJS.WriteStream
+ /**
+ * Input stream where app will listen for input.
+ *
+ * @default process.stdin
+ */
+ stdin?: NodeJS.ReadStream
+ /**
+ * Error stream.
+ * @default process.stderr
+ */
+ stderr?: NodeJS.WriteStream
+ /**
+ * Configure whether Ink should listen to Ctrl+C keyboard input and exit the app. This is needed in case `process.stdin` is in raw mode, because then Ctrl+C is ignored by default and process is expected to handle it manually.
+ *
+ * @default true
+ */
+ exitOnCtrlC?: boolean
+
+ /**
+ * Patch console methods to ensure console output doesn't mix with Ink output.
+ *
+ * @default true
+ */
+ patchConsole?: boolean
+
+ /**
+ * Called after each frame render with timing and flicker information.
+ */
+ onFrame?: (event: FrameEvent) => void
+}
+
+export type Instance = {
+ /**
+ * Replace previous root node with a new one or update props of the current root node.
+ */
+ rerender: Ink['render']
+ /**
+ * Manually unmount the whole Ink app.
+ */
+ unmount: Ink['unmount']
+ /**
+ * Returns a promise, which resolves when app is unmounted.
+ */
+ waitUntilExit: Ink['waitUntilExit']
+ cleanup: () => void
+}
+
+/**
+ * A managed Ink root, similar to react-dom's createRoot API.
+ * Separates instance creation from rendering so the same root
+ * can be reused for multiple sequential screens.
+ */
+export type Root = {
+ render: (node: ReactNode) => void
+ unmount: () => void
+ waitUntilExit: () => Promise
+}
+
+/**
+ * Mount a component and render the output.
+ */
+export const renderSync = (node: ReactNode, options?: NodeJS.WriteStream | RenderOptions): Instance => {
+ const opts = getOptions(options)
+
+ const inkOptions: InkOptions = {
+ stdout: process.stdout,
+ stdin: process.stdin,
+ stderr: process.stderr,
+ exitOnCtrlC: true,
+ patchConsole: true,
+ ...opts
+ }
+
+ const instance: Ink = getInstance(inkOptions.stdout, () => new Ink(inkOptions))
+
+ instance.render(node)
+
+ return {
+ rerender: instance.render,
+ unmount() {
+ instance.unmount()
+ },
+ waitUntilExit: instance.waitUntilExit,
+ cleanup: () => instances.delete(inkOptions.stdout)
+ }
+}
+
+const wrappedRender = async (node: ReactNode, options?: NodeJS.WriteStream | RenderOptions): Promise => {
+ // Preserve the microtask boundary that `await loadYoga()` used to provide.
+ // Without it, the first render fires synchronously before async startup work
+ // (e.g. useReplBridge notification state) settles, and the subsequent Static
+ // write overwrites scrollback instead of appending below the logo.
+ await Promise.resolve()
+ const instance = renderSync(node, options)
+ logForDebugging(`[render] first ink render: ${Math.round(process.uptime() * 1000)}ms since process start`)
+
+ return instance
+}
+
+export default wrappedRender
+
+/**
+ * Create an Ink root without rendering anything yet.
+ * Like react-dom's createRoot — call root.render() to mount a tree.
+ */
+export async function createRoot({
+ stdout = process.stdout,
+ stdin = process.stdin,
+ stderr = process.stderr,
+ exitOnCtrlC = true,
+ patchConsole = true,
+ onFrame
+}: RenderOptions = {}): Promise {
+ // See wrappedRender — preserve microtask boundary from the old WASM await.
+ await Promise.resolve()
+
+ const instance = new Ink({
+ stdout,
+ stdin,
+ stderr,
+ exitOnCtrlC,
+ patchConsole,
+ onFrame
+ })
+
+ // Register in the instances map so that code that looks up the Ink
+ // instance by stdout (e.g. external editor pause/resume) can find it.
+ instances.set(stdout, instance)
+
+ return {
+ render: node => instance.render(node),
+ unmount: () => instance.unmount(),
+ waitUntilExit: () => instance.waitUntilExit()
+ }
+}
+
+const getOptions = (stdout: NodeJS.WriteStream | RenderOptions | undefined = {}): RenderOptions => {
+ if (stdout instanceof Stream) {
+ return {
+ stdout,
+ stdin: process.stdin
+ }
+ }
+
+ return stdout
+}
+
+const getInstance = (stdout: NodeJS.WriteStream, createInstance: () => Ink): Ink => {
+ let instance = instances.get(stdout)
+
+ if (!instance) {
+ instance = createInstance()
+ instances.set(stdout, instance)
+ }
+
+ return instance
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/screen.ts b/ui-tui/packages/hermes-ink/src/ink/screen.ts
new file mode 100644
index 0000000000..5a9b9df229
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/screen.ts
@@ -0,0 +1,1543 @@
+import { type AnsiCode, ansiCodesToString, diffAnsiCodes } from '@alcalzone/ansi-tokenize'
+
+import { type Point, type Rectangle, type Size, unionRect } from './layout/geometry.js'
+import { BEL, ESC, SEP } from './termio/ansi.js'
+import * as warn from './warn.js'
+
+// --- Shared Pools (interning for memory efficiency) ---
+
+// Character string pool shared across all screens.
+// With a shared pool, interned char IDs are valid across screens,
+// so blitRegion can copy IDs directly (no re-interning) and
+// diffEach can compare IDs as integers (no string lookup).
+export class CharPool {
+ private strings: string[] = [' ', ''] // Index 0 = space, 1 = empty (spacer)
+ private stringMap = new Map([
+ [' ', 0],
+ ['', 1]
+ ])
+ private ascii: Int32Array = initCharAscii() // charCode → index, -1 = not interned
+
+ intern(char: string): number {
+ // ASCII fast-path: direct array lookup instead of Map.get
+ if (char.length === 1) {
+ const code = char.charCodeAt(0)
+
+ if (code < 128) {
+ const cached = this.ascii[code]!
+
+ if (cached !== -1) {
+ return cached
+ }
+
+ const index = this.strings.length
+ this.strings.push(char)
+ this.ascii[code] = index
+
+ return index
+ }
+ }
+
+ const existing = this.stringMap.get(char)
+
+ if (existing !== undefined) {
+ return existing
+ }
+
+ const index = this.strings.length
+ this.strings.push(char)
+ this.stringMap.set(char, index)
+
+ return index
+ }
+
+ get(index: number): string {
+ return this.strings[index] ?? ' '
+ }
+}
+
+// Hyperlink string pool shared across all screens.
+// Index 0 = no hyperlink.
+export class HyperlinkPool {
+ private strings: string[] = [''] // Index 0 = no hyperlink
+ private stringMap = new Map()
+
+ intern(hyperlink: string | undefined): number {
+ if (!hyperlink) {
+ return 0
+ }
+
+ let id = this.stringMap.get(hyperlink)
+
+ if (id === undefined) {
+ id = this.strings.length
+ this.strings.push(hyperlink)
+ this.stringMap.set(hyperlink, id)
+ }
+
+ return id
+ }
+
+ get(id: number): string | undefined {
+ return id === 0 ? undefined : this.strings[id]
+ }
+}
+
+// SGR 7 (inverse) as an AnsiCode. endCode '\x1b[27m' flags VISIBLE_ON_SPACE
+// so bit 0 of the resulting styleId is set → renderer won't skip inverted
+// spaces as invisible.
+const INVERSE_CODE: AnsiCode = {
+ type: 'ansi',
+ code: '\x1b[7m',
+ endCode: '\x1b[27m'
+}
+
+// Bold (SGR 1) — stacks cleanly, no reflow in monospace. endCode 22
+// also cancels dim (SGR 2); harmless here since we never add dim.
+const BOLD_CODE: AnsiCode = {
+ type: 'ansi',
+ code: '\x1b[1m',
+ endCode: '\x1b[22m'
+}
+
+// Underline (SGR 4). Kept alongside yellow+bold — the underline is the
+// unambiguous visible-on-any-theme marker. Yellow-bg-via-inverse can
+// clash with existing bg colors (user-prompt style, tool chrome, syntax
+// bg). If you see underline but no yellow, the yellow is being lost in
+// the existing cell styling — the overlay IS finding the match.
+const UNDERLINE_CODE: AnsiCode = {
+ type: 'ansi',
+ code: '\x1b[4m',
+ endCode: '\x1b[24m'
+}
+
+// fg→yellow (SGR 33). With inverse already in the stack, the terminal
+// swaps fg↔bg at render — so yellow-fg becomes yellow-BG. Original bg
+// becomes fg (readable on most themes: dark-bg → dark-text on yellow).
+// endCode 39 is 'default fg' — cancels any prior fg color cleanly.
+const YELLOW_FG_CODE: AnsiCode = {
+ type: 'ansi',
+ code: '\x1b[33m',
+ endCode: '\x1b[39m'
+}
+
+export class StylePool {
+ private ids = new Map()
+ private styles: AnsiCode[][] = []
+ private transitionCache = new Map()
+ readonly none: number
+
+ constructor() {
+ this.none = this.intern([])
+ }
+
+ /**
+ * Intern a style and return its ID. Bit 0 of the ID encodes whether the
+ * style has a visible effect on space characters (background, inverse,
+ * underline, etc.). Foreground-only styles get even IDs; styles visible
+ * on spaces get odd IDs. This lets the renderer skip invisible spaces
+ * with a single bitmask check on the packed word.
+ */
+ intern(styles: AnsiCode[]): number {
+ const key = styles.length === 0 ? '' : styles.map(s => s.code).join('\0')
+ let id = this.ids.get(key)
+
+ if (id === undefined) {
+ const rawId = this.styles.length
+ this.styles.push(styles.length === 0 ? [] : styles)
+ id = (rawId << 1) | (styles.length > 0 && hasVisibleSpaceEffect(styles) ? 1 : 0)
+ this.ids.set(key, id)
+ }
+
+ return id
+ }
+
+ /** Recover styles from an encoded ID. Strips the bit-0 flag via >>> 1. */
+ get(id: number): AnsiCode[] {
+ return this.styles[id >>> 1] ?? []
+ }
+
+ /**
+ * Returns the pre-serialized ANSI string to transition from one style to
+ * another. Cached by (fromId, toId) — zero allocations after first call
+ * for a given pair.
+ */
+ transition(fromId: number, toId: number): string {
+ if (fromId === toId) {
+ return ''
+ }
+
+ const key = fromId * 0x100000 + toId
+ let str = this.transitionCache.get(key)
+
+ if (str === undefined) {
+ str = ansiCodesToString(diffAnsiCodes(this.get(fromId), this.get(toId)))
+ this.transitionCache.set(key, str)
+ }
+
+ return str
+ }
+
+ /**
+ * Intern a style that is `base + inverse`. Cached by base ID so
+ * repeated calls for the same underlying style don't re-scan the
+ * AnsiCode[] array. Used by the selection overlay.
+ */
+ private inverseCache = new Map()
+ withInverse(baseId: number): number {
+ let id = this.inverseCache.get(baseId)
+
+ if (id === undefined) {
+ const baseCodes = this.get(baseId)
+ // If already inverted, use as-is (avoids SGR 7 stacking)
+ const hasInverse = baseCodes.some(c => c.endCode === '\x1b[27m')
+ id = hasInverse ? baseId : this.intern([...baseCodes, INVERSE_CODE])
+ this.inverseCache.set(baseId, id)
+ }
+
+ return id
+ }
+
+ /** Inverse + bold + yellow-bg-via-fg-swap for the CURRENT search match.
+ * OTHER matches are plain inverse — bg inherits from the theme. Current
+ * gets a distinct yellow bg (via fg-then-inverse swap) plus bold weight
+ * so it stands out in a sea of inverse. Underline was too subtle. Zero
+ * reflow risk: all pure SGR overlays, per-cell, post-layout. The yellow
+ * overrides any existing fg (syntax highlighting) on those cells — fine,
+ * the "you are here" signal IS the point, syntax color can yield. */
+ private currentMatchCache = new Map()
+ withCurrentMatch(baseId: number): number {
+ let id = this.currentMatchCache.get(baseId)
+
+ if (id === undefined) {
+ const baseCodes = this.get(baseId)
+
+ // Filter BOTH fg + bg so yellow-via-inverse is unambiguous.
+ // User-prompt cells have an explicit bg (grey box); with that bg
+ // still set, inverse swaps yellow-fg↔grey-bg → grey-on-yellow on
+ // SOME terminals, yellow-on-grey on others (inverse semantics vary
+ // when both colors are explicit). Filtering both gives clean
+ // yellow-bg + terminal-default-fg everywhere. Bold/dim/italic
+ // coexist — keep those.
+ const codes = baseCodes.filter(c => c.endCode !== '\x1b[39m' && c.endCode !== '\x1b[49m')
+
+ // fg-yellow FIRST so inverse swaps it to bg. Bold after inverse is
+ // fine — SGR 1 is fg-attribute-only, order-independent vs 7.
+ codes.push(YELLOW_FG_CODE)
+
+ if (!baseCodes.some(c => c.endCode === '\x1b[27m')) {
+ codes.push(INVERSE_CODE)
+ }
+
+ if (!baseCodes.some(c => c.endCode === '\x1b[22m')) {
+ codes.push(BOLD_CODE)
+ }
+
+ // Underline as the unambiguous marker — yellow-bg can clash with
+ // existing bg styling (user-prompt bg, syntax bg). If you see
+ // underline but no yellow on a match, the overlay IS finding it;
+ // the yellow is just losing a styling fight.
+ if (!baseCodes.some(c => c.endCode === '\x1b[24m')) {
+ codes.push(UNDERLINE_CODE)
+ }
+
+ id = this.intern(codes)
+ this.currentMatchCache.set(baseId, id)
+ }
+
+ return id
+ }
+
+ /**
+ * Selection overlay: REPLACE the cell's background with a solid color
+ * while preserving its foreground (color, bold, italic, dim, underline).
+ * Matches native terminal selection — a dedicated bg color, not SGR-7
+ * inverse. Inverse swaps fg/bg per-cell, which fragments visually over
+ * syntax-highlighted text (every fg color becomes a different bg stripe).
+ *
+ * Strips any existing bg (endCode 49m — REPLACES, so diff-added green
+ * etc. don't bleed through) and any existing inverse (endCode 27m —
+ * inverse on top of a solid bg would re-swap and look wrong).
+ *
+ * bg is set via setSelectionBg(); null → fallback to withInverse() so the
+ * overlay still works before theme wiring sets a color (tests, first frame).
+ * Cache is keyed by baseId only — setSelectionBg() clears it on change.
+ */
+ private selectionBgCode: AnsiCode | null = null
+ private selectionBgCache = new Map()
+ setSelectionBg(bg: AnsiCode | null): void {
+ if (this.selectionBgCode?.code === bg?.code) {
+ return
+ }
+
+ this.selectionBgCode = bg
+ this.selectionBgCache.clear()
+ }
+ withSelectionBg(baseId: number): number {
+ const bg = this.selectionBgCode
+
+ if (bg === null) {
+ return this.withInverse(baseId)
+ }
+
+ let id = this.selectionBgCache.get(baseId)
+
+ if (id === undefined) {
+ // Keep everything except bg (49m) and inverse (27m). Fg, bold, dim,
+ // italic, underline, strikethrough all preserved.
+ const kept = this.get(baseId).filter(c => c.endCode !== '\x1b[49m' && c.endCode !== '\x1b[27m')
+
+ kept.push(bg)
+ id = this.intern(kept)
+ this.selectionBgCache.set(baseId, id)
+ }
+
+ return id
+ }
+}
+
+// endCodes that produce visible effects on space characters
+const VISIBLE_ON_SPACE = new Set([
+ '\x1b[49m', // background color
+ '\x1b[27m', // inverse
+ '\x1b[24m', // underline
+ '\x1b[29m', // strikethrough
+ '\x1b[55m' // overline
+])
+
+function hasVisibleSpaceEffect(styles: AnsiCode[]): boolean {
+ for (const style of styles) {
+ if (VISIBLE_ON_SPACE.has(style.endCode)) {
+ return true
+ }
+ }
+
+ return false
+}
+
+/**
+ * Cell width classification for handling double-wide characters (CJK, emoji,
+ * etc.)
+ *
+ * We use explicit spacer cells rather than inferring width at render time. This
+ * makes the data structure self-describing and simplifies cursor positioning
+ * logic.
+ *
+ * @see https://mitchellh.com/writing/grapheme-clusters-in-terminals
+ */
+// const enum is inlined at compile time - no runtime object, no property access
+export const enum CellWidth {
+ // Not a wide character, cell width 1
+ Narrow = 0,
+ // Wide character, cell width 2. This cell contains the actual character.
+ Wide = 1,
+ // Spacer occupying the second visual column of a wide character. Do not render.
+ SpacerTail = 2,
+ // Spacer at the end of a soft-wrapped line indicating that a wide character
+ // continues on the next line. Used for preserving wide character semantics
+ // across line breaks during soft wrapping.
+ SpacerHead = 3
+}
+
+export type Hyperlink = string | undefined
+
+/**
+ * Cell is a view type returned by cellAt(). Cells are stored as packed typed
+ * arrays internally to avoid GC pressure from allocating objects per cell.
+ */
+export type Cell = {
+ char: string
+ styleId: number
+ width: CellWidth
+ hyperlink: Hyperlink
+}
+
+// Constants for empty/spacer cells to enable fast comparisons
+// These are indices into the charStrings table, not codepoints
+const EMPTY_CHAR_INDEX = 0 // ' ' (space)
+const SPACER_CHAR_INDEX = 1 // '' (empty string for spacer cells)
+// Unwritten cells are [EMPTY_CHAR_INDEX=0, packWord1(emptyStyleId=0,0,0)=0].
+// Since StylePool.none is always 0 (first intern), unwritten cells are
+// indistinguishable from explicitly-cleared cells in the packed array.
+// This is intentional: diffEach can compare raw ints with zero normalization.
+// isEmptyCellByIndex checks if both words are 0 to identify "never visually written" cells.
+
+function initCharAscii(): Int32Array {
+ const table = new Int32Array(128)
+ table.fill(-1)
+ table[32] = EMPTY_CHAR_INDEX // ' ' (space)
+
+ return table
+}
+
+// --- Packed cell layout ---
+// Each cell is 2 consecutive Int32 elements in the cells array:
+// word0 (cells[ci]): charId (full 32 bits)
+// word1 (cells[ci + 1]): styleId[31:17] | hyperlinkId[16:2] | width[1:0]
+const STYLE_SHIFT = 17
+const HYPERLINK_SHIFT = 2
+const HYPERLINK_MASK = 0x7fff // 15 bits
+const WIDTH_MASK = 3 // 2 bits
+
+// Pack styleId, hyperlinkId, and width into a single Int32
+function packWord1(styleId: number, hyperlinkId: number, width: number): number {
+ return (styleId << STYLE_SHIFT) | (hyperlinkId << HYPERLINK_SHIFT) | width
+}
+
+// Unwritten cell as BigInt64 — both words are 0, so the 64-bit value is 0n.
+// Used by BigInt64Array.fill() for bulk clears (resetScreen, clearRegion).
+// Not used for comparison — BigInt element reads cause heap allocation.
+const EMPTY_CELL_VALUE = 0n
+
+/**
+ * Screen uses a packed Int32Array instead of Cell objects to eliminate GC
+ * pressure. For a 200x120 screen, this avoids allocating 24,000 objects.
+ *
+ * Cell data is stored as 2 Int32s per cell in a single contiguous array:
+ * word0: charId (full 32 bits — index into CharPool)
+ * word1: styleId[31:17] | hyperlinkId[16:2] | width[1:0]
+ *
+ * This layout halves memory accesses in diffEach (2 int loads vs 4) and
+ * enables future SIMD comparison via Bun.indexOfFirstDifference.
+ */
+export type Screen = Size & {
+ // Packed cell data — 2 Int32s per cell: [charId, packed(styleId|hyperlinkId|width)]
+ // cells and cells64 are views over the same ArrayBuffer.
+ cells: Int32Array
+ cells64: BigInt64Array // 1 BigInt64 per cell — used for bulk fill in resetScreen/clearRegion
+
+ // Shared pools — IDs are valid across all screens using the same pools
+ charPool: CharPool
+ hyperlinkPool: HyperlinkPool
+
+ // Empty style ID for comparisons
+ emptyStyleId: number
+
+ /**
+ * Bounding box of cells that were written to (not blitted) during rendering.
+ * Used by diff() to limit iteration to only the region that could have changed.
+ */
+ damage: Rectangle | undefined
+
+ /**
+ * Per-cell noSelect bitmap — 1 byte per cell, 1 = exclude from text
+ * selection (copy + highlight). Used by to mark gutters
+ * (line numbers, diff sigils) so click-drag over a diff yields clean
+ * copyable code. Fully reset each frame in resetScreen; blitRegion
+ * copies it alongside cells so the blit optimization preserves marks.
+ */
+ noSelect: Uint8Array
+
+ /**
+ * Per-ROW soft-wrap continuation marker. softWrap[r]=N>0 means row r
+ * is a word-wrap continuation of row r-1 (the `\n` before it was
+ * inserted by wrapAnsi, not in the source), and row r-1's written
+ * content ends at absolute column N (exclusive — cells [0..N) are the
+ * fragment, past N is unwritten padding). 0 means row r is NOT a
+ * continuation (hard newline or first row). Selection copy checks
+ * softWrap[r]>0 to join row r onto row r-1 without a newline, and
+ * reads softWrap[r+1] to know row r's content end when row r+1
+ * continues from it. The content-end column is needed because an
+ * unwritten cell and a written-unstyled-space are indistinguishable in
+ * the packed typed array (both all-zero) — without it we'd either drop
+ * the word-separator space (trim) or include trailing padding (no
+ * trim). This encoding (continuation-on-self, prev-content-end-here)
+ * is chosen so shiftRows preserves the is-continuation semantics: when
+ * row r scrolls off the top and row r+1 shifts to row r, sw[r] gets
+ * old sw[r+1] — which correctly says the new row r is a continuation
+ * of what's now in scrolledOffAbove. Reset each frame; copied by
+ * blitRegion/shiftRows.
+ */
+ softWrap: Int32Array
+}
+
+function isEmptyCellByIndex(screen: Screen, index: number): boolean {
+ // An empty/unwritten cell has both words === 0:
+ // word0 = EMPTY_CHAR_INDEX (0), word1 = packWord1(emptyStyleId=0, 0, 0) = 0.
+ const ci = index << 1
+
+ return screen.cells[ci] === 0 && screen.cells[ci | 1] === 0
+}
+
+export function isEmptyCellAt(screen: Screen, x: number, y: number): boolean {
+ if (x < 0 || y < 0 || x >= screen.width || y >= screen.height) {
+ return true
+ }
+
+ return isEmptyCellByIndex(screen, y * screen.width + x)
+}
+
+/**
+ * Check if a Cell (view object) represents an empty cell.
+ */
+export function isCellEmpty(screen: Screen, cell: Cell): boolean {
+ // Check if cell looks like an empty cell (space, empty style, narrow, no link).
+ // Note: After cellAt mapping, unwritten cells have emptyStyleId, so this
+ // returns true for both unwritten AND cleared cells. Use isEmptyCellAt
+ // for the internal distinction.
+ return cell.char === ' ' && cell.styleId === screen.emptyStyleId && cell.width === CellWidth.Narrow && !cell.hyperlink
+}
+
+// Intern a hyperlink string and return its ID (0 = no hyperlink)
+function internHyperlink(screen: Screen, hyperlink: Hyperlink): number {
+ return screen.hyperlinkPool.intern(hyperlink)
+}
+
+// ---
+
+export function createScreen(
+ width: number,
+ height: number,
+ styles: StylePool,
+ charPool: CharPool,
+ hyperlinkPool: HyperlinkPool
+): Screen {
+ // Warn if dimensions are not valid integers (likely bad yoga layout output)
+ warn.ifNotInteger(width, 'createScreen width')
+ warn.ifNotInteger(height, 'createScreen height')
+
+ // Ensure width and height are valid integers to prevent crashes
+ if (!Number.isInteger(width) || width < 0) {
+ width = Math.max(0, Math.floor(width) || 0)
+ }
+
+ if (!Number.isInteger(height) || height < 0) {
+ height = Math.max(0, Math.floor(height) || 0)
+ }
+
+ const size = width * height
+
+ // Allocate one buffer, two views: Int32Array for per-word access,
+ // BigInt64Array for bulk fill in resetScreen/clearRegion.
+ // ArrayBuffer is zero-filled, which is exactly the empty cell value:
+ // [EMPTY_CHAR_INDEX=0, packWord1(emptyStyleId=0,0,0)=0].
+ const buf = new ArrayBuffer(size << 3) // 8 bytes per cell
+ const cells = new Int32Array(buf)
+ const cells64 = new BigInt64Array(buf)
+
+ return {
+ width,
+ height,
+ cells,
+ cells64,
+ charPool,
+ hyperlinkPool,
+ emptyStyleId: styles.none,
+ damage: undefined,
+ noSelect: new Uint8Array(size),
+ softWrap: new Int32Array(height)
+ }
+}
+
+/**
+ * Reset an existing screen for reuse, avoiding allocation of new typed arrays.
+ * Resizes if needed and clears all cells to empty/unwritten state.
+ *
+ * For double-buffering, this allows swapping between front and back buffers
+ * without allocating new Screen objects each frame.
+ */
+export function resetScreen(screen: Screen, width: number, height: number): void {
+ // Warn if dimensions are not valid integers
+ warn.ifNotInteger(width, 'resetScreen width')
+ warn.ifNotInteger(height, 'resetScreen height')
+
+ // Ensure width and height are valid integers to prevent crashes
+ if (!Number.isInteger(width) || width < 0) {
+ width = Math.max(0, Math.floor(width) || 0)
+ }
+
+ if (!Number.isInteger(height) || height < 0) {
+ height = Math.max(0, Math.floor(height) || 0)
+ }
+
+ const size = width * height
+
+ // Resize if needed (only grow, to avoid reallocations)
+ if (screen.cells64.length < size) {
+ const buf = new ArrayBuffer(size << 3)
+ screen.cells = new Int32Array(buf)
+ screen.cells64 = new BigInt64Array(buf)
+ screen.noSelect = new Uint8Array(size)
+ }
+
+ if (screen.softWrap.length < height) {
+ screen.softWrap = new Int32Array(height)
+ }
+
+ // Reset all cells — single fill call, no loop
+ screen.cells64.fill(EMPTY_CELL_VALUE, 0, size)
+ screen.noSelect.fill(0, 0, size)
+ screen.softWrap.fill(0, 0, height)
+
+ // Update dimensions
+ screen.width = width
+ screen.height = height
+
+ // Shared pools accumulate — no clearing needed. Unique char/hyperlink sets are bounded.
+
+ // Clear damage tracking
+ screen.damage = undefined
+}
+
+/**
+ * Re-intern a screen's char and hyperlink IDs into new pools.
+ * Used for generational pool reset — after migrating, the screen's
+ * typed arrays contain valid IDs for the new pools, and the old pools
+ * can be GC'd.
+ *
+ * O(width * height) but only called occasionally (e.g., between conversation turns).
+ */
+export function migrateScreenPools(screen: Screen, charPool: CharPool, hyperlinkPool: HyperlinkPool): void {
+ const oldCharPool = screen.charPool
+ const oldHyperlinkPool = screen.hyperlinkPool
+
+ if (oldCharPool === charPool && oldHyperlinkPool === hyperlinkPool) {
+ return
+ }
+
+ const size = screen.width * screen.height
+ const cells = screen.cells
+
+ // Re-intern chars and hyperlinks in a single pass, stride by 2
+ for (let ci = 0; ci < size << 1; ci += 2) {
+ // Re-intern charId (word0)
+ const oldCharId = cells[ci]!
+ cells[ci] = charPool.intern(oldCharPool.get(oldCharId))
+
+ // Re-intern hyperlinkId (packed in word1)
+ const word1 = cells[ci + 1]!
+ const oldHyperlinkId = (word1 >>> HYPERLINK_SHIFT) & HYPERLINK_MASK
+
+ if (oldHyperlinkId !== 0) {
+ const oldStr = oldHyperlinkPool.get(oldHyperlinkId)
+ const newHyperlinkId = hyperlinkPool.intern(oldStr)
+ // Repack word1 with new hyperlinkId, preserving styleId and width
+ const styleId = word1 >>> STYLE_SHIFT
+ const width = word1 & WIDTH_MASK
+ cells[ci + 1] = packWord1(styleId, newHyperlinkId, width)
+ }
+ }
+
+ screen.charPool = charPool
+ screen.hyperlinkPool = hyperlinkPool
+}
+
+/**
+ * Get a Cell view at the given position. Returns a new object each call -
+ * this is intentional as cells are stored packed, not as objects.
+ */
+export function cellAt(screen: Screen, x: number, y: number): Cell | undefined {
+ if (x < 0 || y < 0 || x >= screen.width || y >= screen.height) {
+ return undefined
+ }
+
+ return cellAtIndex(screen, y * screen.width + x)
+}
+
+/**
+ * Get a Cell view by pre-computed array index. Skips bounds checks and
+ * index computation — caller must ensure index is valid.
+ */
+export function cellAtIndex(screen: Screen, index: number): Cell {
+ const ci = index << 1
+ const word1 = screen.cells[ci + 1]!
+ const hid = (word1 >>> HYPERLINK_SHIFT) & HYPERLINK_MASK
+
+ return {
+ // Unwritten cells have charIndex=0 (EMPTY_CHAR_INDEX); charPool.get(0) returns ' '
+ char: screen.charPool.get(screen.cells[ci]!),
+ styleId: word1 >>> STYLE_SHIFT,
+ width: word1 & WIDTH_MASK,
+ hyperlink: hid === 0 ? undefined : screen.hyperlinkPool.get(hid)
+ }
+}
+
+/**
+ * Get a Cell at the given index, or undefined if it has no visible content.
+ * Returns undefined for spacer cells (charId 1), empty unstyled spaces, and
+ * fg-only styled spaces that match lastRenderedStyleId (cursor-forward
+ * produces an identical visual result, avoiding a Cell allocation).
+ *
+ * @param lastRenderedStyleId - styleId of the last rendered cell on this
+ * line, or -1 if none yet.
+ */
+export function visibleCellAtIndex(
+ cells: Int32Array,
+ charPool: CharPool,
+ hyperlinkPool: HyperlinkPool,
+ index: number,
+ lastRenderedStyleId: number
+): Cell | undefined {
+ const ci = index << 1
+ const charId = cells[ci]!
+
+ if (charId === 1) {
+ return undefined
+ } // spacer
+
+ const word1 = cells[ci + 1]!
+
+ // For spaces: 0x3fffc masks bits 2-17 (hyperlinkId + styleId visibility
+ // bit). If zero, the space has no hyperlink and at most a fg-only style.
+ // Then word1 >>> STYLE_SHIFT is the foreground style — skip if it's zero
+ // (truly invisible) or matches the last rendered style on this line.
+ if (charId === 0 && (word1 & 0x3fffc) === 0) {
+ const fgStyle = word1 >>> STYLE_SHIFT
+
+ if (fgStyle === 0 || fgStyle === lastRenderedStyleId) {
+ return undefined
+ }
+ }
+
+ const hid = (word1 >>> HYPERLINK_SHIFT) & HYPERLINK_MASK
+
+ return {
+ char: charPool.get(charId),
+ styleId: word1 >>> STYLE_SHIFT,
+ width: word1 & WIDTH_MASK,
+ hyperlink: hid === 0 ? undefined : hyperlinkPool.get(hid)
+ }
+}
+
+/**
+ * Write cell data into an existing Cell object to avoid allocation.
+ * Caller must ensure index is valid.
+ */
+function cellAtCI(screen: Screen, ci: number, out: Cell): void {
+ const w1 = ci | 1
+ const word1 = screen.cells[w1]!
+ out.char = screen.charPool.get(screen.cells[ci]!)
+ out.styleId = word1 >>> STYLE_SHIFT
+ out.width = word1 & WIDTH_MASK
+ const hid = (word1 >>> HYPERLINK_SHIFT) & HYPERLINK_MASK
+ out.hyperlink = hid === 0 ? undefined : screen.hyperlinkPool.get(hid)
+}
+
+export function charInCellAt(screen: Screen, x: number, y: number): string | undefined {
+ if (x < 0 || y < 0 || x >= screen.width || y >= screen.height) {
+ return undefined
+ }
+
+ const ci = (y * screen.width + x) << 1
+
+ return screen.charPool.get(screen.cells[ci]!)
+}
+
+/**
+ * Set a cell, optionally creating a spacer for wide characters.
+ *
+ * Wide characters (CJK, emoji) occupy 2 cells in the buffer:
+ * 1. First cell: Contains the actual character with width = Wide
+ * 2. Second cell: Spacer cell with width = SpacerTail (empty, not rendered)
+ *
+ * If the cell has width = Wide, this function automatically creates the
+ * corresponding SpacerTail in the next column. This two-cell model keeps
+ * the buffer aligned to visual columns, making cursor positioning
+ * straightforward.
+ *
+ * TODO: When soft-wrapping is implemented, SpacerHead cells will be explicitly
+ * placed by the wrapping logic at line-end positions where wide characters
+ * wrap to the next line. This function doesn't need to handle SpacerHead
+ * automatically - it will be set directly by the wrapping code.
+ */
+export function setCellAt(screen: Screen, x: number, y: number, cell: Cell): void {
+ if (x < 0 || y < 0 || x >= screen.width || y >= screen.height) {
+ return
+ }
+
+ const ci = (y * screen.width + x) << 1
+ const cells = screen.cells
+
+ // When a Wide char is overwritten by a Narrow char, its SpacerTail remains
+ // as a ghost cell that the diff/render pipeline skips, causing stale content
+ // to leak through from previous frames.
+ const prevWidth = cells[ci + 1]! & WIDTH_MASK
+
+ if (prevWidth === CellWidth.Wide && cell.width !== CellWidth.Wide) {
+ const spacerX = x + 1
+
+ if (spacerX < screen.width) {
+ const spacerCI = ci + 2
+
+ if ((cells[spacerCI + 1]! & WIDTH_MASK) === CellWidth.SpacerTail) {
+ cells[spacerCI] = EMPTY_CHAR_INDEX
+ cells[spacerCI + 1] = packWord1(screen.emptyStyleId, 0, CellWidth.Narrow)
+ }
+ }
+ }
+
+ // Track cleared Wide position for damage expansion below
+ let clearedWideX = -1
+
+ if (prevWidth === CellWidth.SpacerTail && cell.width !== CellWidth.SpacerTail) {
+ // Overwriting a SpacerTail: clear the orphaned Wide char at (x-1).
+ // Keeping the wide character with Narrow width would cause the terminal
+ // to still render it with width 2, desyncing the cursor model.
+ if (x > 0) {
+ const wideCI = ci - 2
+
+ if ((cells[wideCI + 1]! & WIDTH_MASK) === CellWidth.Wide) {
+ cells[wideCI] = EMPTY_CHAR_INDEX
+ cells[wideCI + 1] = packWord1(screen.emptyStyleId, 0, CellWidth.Narrow)
+ clearedWideX = x - 1
+ }
+ }
+ }
+
+ // Pack cell data into cells array
+ cells[ci] = internCharString(screen, cell.char)
+ cells[ci + 1] = packWord1(cell.styleId, internHyperlink(screen, cell.hyperlink), cell.width)
+
+ // Track damage - expand bounds in place instead of allocating new objects
+ // Include the main cell position and any cleared orphan cells
+ const minX = clearedWideX >= 0 ? Math.min(x, clearedWideX) : x
+ const damage = screen.damage
+
+ if (damage) {
+ const right = damage.x + damage.width
+ const bottom = damage.y + damage.height
+
+ if (minX < damage.x) {
+ damage.width += damage.x - minX
+ damage.x = minX
+ } else if (x >= right) {
+ damage.width = x - damage.x + 1
+ }
+
+ if (y < damage.y) {
+ damage.height += damage.y - y
+ damage.y = y
+ } else if (y >= bottom) {
+ damage.height = y - damage.y + 1
+ }
+ } else {
+ screen.damage = { x: minX, y, width: x - minX + 1, height: 1 }
+ }
+
+ // If this is a wide character, create a spacer in the next column
+ if (cell.width === CellWidth.Wide) {
+ const spacerX = x + 1
+
+ if (spacerX < screen.width) {
+ const spacerCI = ci + 2
+
+ // If the cell we're overwriting with our SpacerTail is itself Wide,
+ // clear ITS SpacerTail at x+2 too. Otherwise the orphan SpacerTail
+ // makes diffEach report it as `added` and log-update's skip-spacer
+ // rule prevents clearing whatever prev content was at that column.
+ // Scenario: [a, 💻, spacer] → [本, spacer, ORPHAN spacer] when
+ // yoga squishes a💻 to height 0 and 本 renders at the same y.
+ if ((cells[spacerCI + 1]! & WIDTH_MASK) === CellWidth.Wide) {
+ const orphanCI = spacerCI + 2
+
+ if (spacerX + 1 < screen.width && (cells[orphanCI + 1]! & WIDTH_MASK) === CellWidth.SpacerTail) {
+ cells[orphanCI] = EMPTY_CHAR_INDEX
+ cells[orphanCI + 1] = packWord1(screen.emptyStyleId, 0, CellWidth.Narrow)
+ }
+ }
+
+ cells[spacerCI] = SPACER_CHAR_INDEX
+ cells[spacerCI + 1] = packWord1(screen.emptyStyleId, 0, CellWidth.SpacerTail)
+
+ // Expand damage to include SpacerTail so diff() scans it
+ const d = screen.damage
+
+ if (d && spacerX >= d.x + d.width) {
+ d.width = spacerX - d.x + 1
+ }
+ }
+ }
+}
+
+/**
+ * Replace the styleId of a cell in-place without disturbing char, width,
+ * or hyperlink. Preserves empty cells as-is (char stays ' '). Tracks damage
+ * for the cell so diffEach picks up the change.
+ */
+export function setCellStyleId(screen: Screen, x: number, y: number, styleId: number): void {
+ if (x < 0 || y < 0 || x >= screen.width || y >= screen.height) {
+ return
+ }
+
+ const ci = (y * screen.width + x) << 1
+ const cells = screen.cells
+ const word1 = cells[ci + 1]!
+ const width = word1 & WIDTH_MASK
+
+ // Skip spacer cells — inverse on the head cell visually covers both columns
+ if (width === CellWidth.SpacerTail || width === CellWidth.SpacerHead) {
+ return
+ }
+
+ const hid = (word1 >>> HYPERLINK_SHIFT) & HYPERLINK_MASK
+ cells[ci + 1] = packWord1(styleId, hid, width)
+ // Expand damage so diffEach scans this cell
+ const d = screen.damage
+
+ if (d) {
+ screen.damage = unionRect(d, { x, y, width: 1, height: 1 })
+ } else {
+ screen.damage = { x, y, width: 1, height: 1 }
+ }
+}
+
+/**
+ * Intern a character string via the screen's shared CharPool.
+ * Supports grapheme clusters like family emoji.
+ */
+function internCharString(screen: Screen, char: string): number {
+ return screen.charPool.intern(char)
+}
+
+/**
+ * Bulk-copy a rectangular region from src to dst using TypedArray.set().
+ * Single cells.set() call per row (or one call for contiguous blocks).
+ * Damage is computed once for the whole region.
+ *
+ * Clamps negative regionX/regionY to 0 (matching clearRegion) — absolute-
+ * positioned overlays in tiny terminals can compute negative screen coords.
+ * maxX/maxY should already be clamped to both screen bounds by the caller.
+ */
+export function blitRegion(
+ dst: Screen,
+ src: Screen,
+ regionX: number,
+ regionY: number,
+ maxX: number,
+ maxY: number
+): void {
+ regionX = Math.max(0, regionX)
+ regionY = Math.max(0, regionY)
+
+ if (regionX >= maxX || regionY >= maxY) {
+ return
+ }
+
+ const rowLen = maxX - regionX
+ const srcStride = src.width << 1
+ const dstStride = dst.width << 1
+ const rowBytes = rowLen << 1 // 2 Int32s per cell
+ const srcCells = src.cells
+ const dstCells = dst.cells
+ const srcNoSel = src.noSelect
+ const dstNoSel = dst.noSelect
+
+ // softWrap is per-row — copy the row range regardless of stride/width.
+ // Partial-width blits still carry the row's wrap provenance since the
+ // blitted content (a cached ink-text node) is what set the bit.
+ dst.softWrap.set(src.softWrap.subarray(regionY, maxY), regionY)
+
+ // Fast path: contiguous memory when copying full-width rows at same stride
+ if (regionX === 0 && maxX === src.width && src.width === dst.width) {
+ const srcStart = regionY * srcStride
+ const totalBytes = (maxY - regionY) * srcStride
+ dstCells.set(
+ srcCells.subarray(srcStart, srcStart + totalBytes),
+ srcStart // srcStart === dstStart when strides match and regionX === 0
+ )
+ // noSelect is 1 byte/cell vs cells' 8 — same region, different scale
+ const nsStart = regionY * src.width
+ const nsLen = (maxY - regionY) * src.width
+ dstNoSel.set(srcNoSel.subarray(nsStart, nsStart + nsLen), nsStart)
+ } else {
+ // Per-row copy for partial-width or mismatched-stride regions
+ let srcRowCI = regionY * srcStride + (regionX << 1)
+ let dstRowCI = regionY * dstStride + (regionX << 1)
+ let srcRowNS = regionY * src.width + regionX
+ let dstRowNS = regionY * dst.width + regionX
+
+ for (let y = regionY; y < maxY; y++) {
+ dstCells.set(srcCells.subarray(srcRowCI, srcRowCI + rowBytes), dstRowCI)
+ dstNoSel.set(srcNoSel.subarray(srcRowNS, srcRowNS + rowLen), dstRowNS)
+ srcRowCI += srcStride
+ dstRowCI += dstStride
+ srcRowNS += src.width
+ dstRowNS += dst.width
+ }
+ }
+
+ // Compute damage once for the whole region
+ const regionRect = {
+ x: regionX,
+ y: regionY,
+ width: rowLen,
+ height: maxY - regionY
+ }
+
+ if (dst.damage) {
+ dst.damage = unionRect(dst.damage, regionRect)
+ } else {
+ dst.damage = regionRect
+ }
+
+ // Handle wide char at right edge: spacer might be outside blit region
+ // but still within dst bounds. Per-row check only at the boundary column.
+ if (maxX < dst.width) {
+ let srcLastCI = (regionY * src.width + (maxX - 1)) << 1
+ let dstSpacerCI = (regionY * dst.width + maxX) << 1
+ let wroteSpacerOutsideRegion = false
+
+ for (let y = regionY; y < maxY; y++) {
+ if ((srcCells[srcLastCI + 1]! & WIDTH_MASK) === CellWidth.Wide) {
+ dstCells[dstSpacerCI] = SPACER_CHAR_INDEX
+ dstCells[dstSpacerCI + 1] = packWord1(dst.emptyStyleId, 0, CellWidth.SpacerTail)
+ wroteSpacerOutsideRegion = true
+ }
+
+ srcLastCI += srcStride
+ dstSpacerCI += dstStride
+ }
+
+ // Expand damage to include SpacerTail column if we wrote any
+ if (wroteSpacerOutsideRegion && dst.damage) {
+ const rightEdge = dst.damage.x + dst.damage.width
+
+ if (rightEdge === maxX) {
+ dst.damage = { ...dst.damage, width: dst.damage.width + 1 }
+ }
+ }
+ }
+}
+
+/**
+ * Bulk-clear a rectangular region of the screen.
+ * Uses BigInt64Array.fill() for fast row clears.
+ * Handles wide character boundary cleanup at region edges.
+ */
+export function clearRegion(
+ screen: Screen,
+ regionX: number,
+ regionY: number,
+ regionWidth: number,
+ regionHeight: number
+): void {
+ const startX = Math.max(0, regionX)
+ const startY = Math.max(0, regionY)
+ const maxX = Math.min(regionX + regionWidth, screen.width)
+ const maxY = Math.min(regionY + regionHeight, screen.height)
+
+ if (startX >= maxX || startY >= maxY) {
+ return
+ }
+
+ const cells = screen.cells
+ const cells64 = screen.cells64
+ const screenWidth = screen.width
+ const rowBase = startY * screenWidth
+ let damageMinX = startX
+ let damageMaxX = maxX
+
+ // EMPTY_CELL_VALUE (0n) matches the zero-initialized state:
+ // word0=EMPTY_CHAR_INDEX(0), word1=packWord1(0,0,0)=0
+ if (startX === 0 && maxX === screenWidth) {
+ // Full-width: single fill, no boundary checks needed
+ cells64.fill(EMPTY_CELL_VALUE, rowBase, rowBase + (maxY - startY) * screenWidth)
+ } else {
+ // Partial-width: single loop handles boundary cleanup and fill per row.
+ const stride = screenWidth << 1 // 2 Int32s per cell
+ const rowLen = maxX - startX
+ const checkLeft = startX > 0
+ const checkRight = maxX < screenWidth
+ let leftEdge = (rowBase + startX) << 1
+ let rightEdge = (rowBase + maxX - 1) << 1
+ let fillStart = rowBase + startX
+
+ for (let y = startY; y < maxY; y++) {
+ // Left boundary: if cell at startX is a SpacerTail, the Wide char
+ // at startX-1 (outside the region) will be orphaned. Clear it.
+ if (checkLeft) {
+ // leftEdge points to word0 of cell at startX; +1 is its word1
+ if ((cells[leftEdge + 1]! & WIDTH_MASK) === CellWidth.SpacerTail) {
+ // word1 of cell at startX-1 is leftEdge-1; word0 is leftEdge-2
+ const prevW1 = leftEdge - 1
+
+ if ((cells[prevW1]! & WIDTH_MASK) === CellWidth.Wide) {
+ cells[prevW1 - 1] = EMPTY_CHAR_INDEX
+ cells[prevW1] = packWord1(screen.emptyStyleId, 0, CellWidth.Narrow)
+ damageMinX = startX - 1
+ }
+ }
+ }
+
+ // Right boundary: if cell at maxX-1 is Wide, its SpacerTail at maxX
+ // (outside the region) will be orphaned. Clear it.
+ if (checkRight) {
+ // rightEdge points to word0 of cell at maxX-1; +1 is its word1
+ if ((cells[rightEdge + 1]! & WIDTH_MASK) === CellWidth.Wide) {
+ // word1 of cell at maxX is rightEdge+3 (+2 to next word0, +1 to word1)
+ const nextW1 = rightEdge + 3
+
+ if ((cells[nextW1]! & WIDTH_MASK) === CellWidth.SpacerTail) {
+ cells[nextW1 - 1] = EMPTY_CHAR_INDEX
+ cells[nextW1] = packWord1(screen.emptyStyleId, 0, CellWidth.Narrow)
+ damageMaxX = maxX + 1
+ }
+ }
+ }
+
+ cells64.fill(EMPTY_CELL_VALUE, fillStart, fillStart + rowLen)
+ leftEdge += stride
+ rightEdge += stride
+ fillStart += screenWidth
+ }
+ }
+
+ // Update damage once for the whole region
+ const regionRect = {
+ x: damageMinX,
+ y: startY,
+ width: damageMaxX - damageMinX,
+ height: maxY - startY
+ }
+
+ if (screen.damage) {
+ screen.damage = unionRect(screen.damage, regionRect)
+ } else {
+ screen.damage = regionRect
+ }
+}
+
+/**
+ * Shift full-width rows within [top, bottom] (inclusive, 0-indexed) by n.
+ * n > 0 shifts UP (simulating CSI n S); n < 0 shifts DOWN (CSI n T).
+ * Vacated rows are cleared. Does NOT update damage. Both cells and the
+ * noSelect bitmap are shifted so text-selection markers stay aligned when
+ * this is applied to next.screen during scroll fast path.
+ */
+export function shiftRows(screen: Screen, top: number, bottom: number, n: number): void {
+ if (n === 0 || top < 0 || bottom >= screen.height || top > bottom) {
+ return
+ }
+
+ const w = screen.width
+ const cells64 = screen.cells64
+ const noSel = screen.noSelect
+ const sw = screen.softWrap
+ const absN = Math.abs(n)
+
+ if (absN > bottom - top) {
+ cells64.fill(EMPTY_CELL_VALUE, top * w, (bottom + 1) * w)
+ noSel.fill(0, top * w, (bottom + 1) * w)
+ sw.fill(0, top, bottom + 1)
+
+ return
+ }
+
+ if (n > 0) {
+ // SU: row top+n..bottom → top..bottom-n; clear bottom-n+1..bottom
+ cells64.copyWithin(top * w, (top + n) * w, (bottom + 1) * w)
+ noSel.copyWithin(top * w, (top + n) * w, (bottom + 1) * w)
+ sw.copyWithin(top, top + n, bottom + 1)
+ cells64.fill(EMPTY_CELL_VALUE, (bottom - n + 1) * w, (bottom + 1) * w)
+ noSel.fill(0, (bottom - n + 1) * w, (bottom + 1) * w)
+ sw.fill(0, bottom - n + 1, bottom + 1)
+ } else {
+ // SD: row top..bottom+n → top-n..bottom; clear top..top-n-1
+ cells64.copyWithin((top - n) * w, top * w, (bottom + n + 1) * w)
+ noSel.copyWithin((top - n) * w, top * w, (bottom + n + 1) * w)
+ sw.copyWithin(top - n, top, bottom + n + 1)
+ cells64.fill(EMPTY_CELL_VALUE, top * w, (top - n) * w)
+ noSel.fill(0, top * w, (top - n) * w)
+ sw.fill(0, top, top - n)
+ }
+}
+
+// Matches OSC 8 ; ; URI BEL
+const OSC8_REGEX = new RegExp(`^${ESC}\\]8${SEP}${SEP}([^${BEL}]*)${BEL}$`)
+// OSC8 prefix: ESC ] 8 ; — cheap check to skip regex for the vast majority of styles (SGR = ESC [)
+export const OSC8_PREFIX = `${ESC}]8${SEP}`
+
+export function extractHyperlinkFromStyles(styles: AnsiCode[]): Hyperlink | null {
+ for (const style of styles) {
+ const code = style.code
+
+ if (code.length < 5 || !code.startsWith(OSC8_PREFIX)) {
+ continue
+ }
+
+ const match = code.match(OSC8_REGEX)
+
+ if (match) {
+ return match[1] || null
+ }
+ }
+
+ return null
+}
+
+export function filterOutHyperlinkStyles(styles: AnsiCode[]): AnsiCode[] {
+ return styles.filter(style => !style.code.startsWith(OSC8_PREFIX) || !OSC8_REGEX.test(style.code))
+}
+
+// ---
+
+/**
+ * Returns an array of all changes between two screens. Used by tests.
+ * Production code should use diffEach() to avoid allocations.
+ */
+export function diff(prev: Screen, next: Screen): [point: Point, removed: Cell | undefined, added: Cell | undefined][] {
+ const output: [Point, Cell | undefined, Cell | undefined][] = []
+ diffEach(prev, next, (x, y, removed, added) => {
+ // Copy cells since diffEach reuses the objects
+ output.push([{ x, y }, removed ? { ...removed } : undefined, added ? { ...added } : undefined])
+ })
+
+ return output
+}
+
+type DiffCallback = (x: number, y: number, removed: Cell | undefined, added: Cell | undefined) => boolean | void
+
+/**
+ * Like diff(), but calls a callback for each change instead of building an array.
+ * Reuses two Cell objects to avoid per-change allocations. The callback must not
+ * retain references to the Cell objects — their contents are overwritten each call.
+ *
+ * Returns true if the callback ever returned true (early exit signal).
+ */
+export function diffEach(prev: Screen, next: Screen, cb: DiffCallback): boolean {
+ const prevWidth = prev.width
+ const nextWidth = next.width
+ const prevHeight = prev.height
+ const nextHeight = next.height
+
+ let region: Rectangle
+
+ if (prevWidth === 0 && prevHeight === 0) {
+ region = { x: 0, y: 0, width: nextWidth, height: nextHeight }
+ } else if (next.damage) {
+ region = next.damage
+
+ if (prev.damage) {
+ region = unionRect(region, prev.damage)
+ }
+ } else if (prev.damage) {
+ region = prev.damage
+ } else {
+ region = { x: 0, y: 0, width: 0, height: 0 }
+ }
+
+ if (prevHeight > nextHeight) {
+ region = unionRect(region, {
+ x: 0,
+ y: nextHeight,
+ width: prevWidth,
+ height: prevHeight - nextHeight
+ })
+ }
+
+ if (prevWidth > nextWidth) {
+ region = unionRect(region, {
+ x: nextWidth,
+ y: 0,
+ width: prevWidth - nextWidth,
+ height: prevHeight
+ })
+ }
+
+ const maxHeight = Math.max(prevHeight, nextHeight)
+ const maxWidth = Math.max(prevWidth, nextWidth)
+ const endY = Math.min(region.y + region.height, maxHeight)
+ const endX = Math.min(region.x + region.width, maxWidth)
+
+ if (prevWidth === nextWidth) {
+ return diffSameWidth(prev, next, region.x, endX, region.y, endY, cb)
+ }
+
+ return diffDifferentWidth(prev, next, region.x, endX, region.y, endY, cb)
+}
+
+/**
+ * Scan for the next cell that differs between two Int32Arrays.
+ * Returns the number of matching cells before the first difference,
+ * or `count` if all cells match. Tiny and pure for JIT inlining.
+ */
+function findNextDiff(a: Int32Array, b: Int32Array, w0: number, count: number): number {
+ for (let i = 0; i < count; i++, w0 += 2) {
+ const w1 = w0 | 1
+
+ if (a[w0] !== b[w0] || a[w1] !== b[w1]) {
+ return i
+ }
+ }
+
+ return count
+}
+
+/**
+ * Diff one row where both screens are in bounds.
+ * Scans for differences with findNextDiff, unpacks and calls cb for each.
+ */
+function diffRowBoth(
+ prevCells: Int32Array,
+ nextCells: Int32Array,
+ prev: Screen,
+ next: Screen,
+ ci: number,
+ y: number,
+ startX: number,
+ endX: number,
+ prevCell: Cell,
+ nextCell: Cell,
+ cb: DiffCallback
+): boolean {
+ let x = startX
+
+ while (x < endX) {
+ const skip = findNextDiff(prevCells, nextCells, ci, endX - x)
+ x += skip
+ ci += skip << 1
+
+ if (x >= endX) {
+ break
+ }
+
+ cellAtCI(prev, ci, prevCell)
+ cellAtCI(next, ci, nextCell)
+
+ if (cb(x, y, prevCell, nextCell)) {
+ return true
+ }
+
+ x++
+ ci += 2
+ }
+
+ return false
+}
+
+/**
+ * Emit removals for a row that only exists in prev (height shrank).
+ * Cannot skip empty cells — the terminal still has content from the
+ * previous frame that needs to be cleared.
+ */
+function diffRowRemoved(
+ prev: Screen,
+ ci: number,
+ y: number,
+ startX: number,
+ endX: number,
+ prevCell: Cell,
+ cb: DiffCallback
+): boolean {
+ for (let x = startX; x < endX; x++, ci += 2) {
+ cellAtCI(prev, ci, prevCell)
+
+ if (cb(x, y, prevCell, undefined)) {
+ return true
+ }
+ }
+
+ return false
+}
+
+/**
+ * Emit additions for a row that only exists in next (height grew).
+ * Skips empty/unwritten cells.
+ */
+function diffRowAdded(
+ nextCells: Int32Array,
+ next: Screen,
+ ci: number,
+ y: number,
+ startX: number,
+ endX: number,
+ nextCell: Cell,
+ cb: DiffCallback
+): boolean {
+ for (let x = startX; x < endX; x++, ci += 2) {
+ if (nextCells[ci] === 0 && nextCells[ci | 1] === 0) {
+ continue
+ }
+
+ cellAtCI(next, ci, nextCell)
+
+ if (cb(x, y, undefined, nextCell)) {
+ return true
+ }
+ }
+
+ return false
+}
+
+/**
+ * Diff two screens with identical width.
+ * Dispatches each row to a small, JIT-friendly function.
+ */
+function diffSameWidth(
+ prev: Screen,
+ next: Screen,
+ startX: number,
+ endX: number,
+ startY: number,
+ endY: number,
+ cb: DiffCallback
+): boolean {
+ const prevCells = prev.cells
+ const nextCells = next.cells
+ const width = prev.width
+ const prevHeight = prev.height
+ const nextHeight = next.height
+ const stride = width << 1
+
+ const prevCell: Cell = {
+ char: ' ',
+ styleId: 0,
+ width: CellWidth.Narrow,
+ hyperlink: undefined
+ }
+
+ const nextCell: Cell = {
+ char: ' ',
+ styleId: 0,
+ width: CellWidth.Narrow,
+ hyperlink: undefined
+ }
+
+ const rowEndX = Math.min(endX, width)
+ let rowCI = (startY * width + startX) << 1
+
+ for (let y = startY; y < endY; y++) {
+ const prevIn = y < prevHeight
+ const nextIn = y < nextHeight
+
+ if (prevIn && nextIn) {
+ if (diffRowBoth(prevCells, nextCells, prev, next, rowCI, y, startX, rowEndX, prevCell, nextCell, cb)) {
+ return true
+ }
+ } else if (prevIn) {
+ if (diffRowRemoved(prev, rowCI, y, startX, rowEndX, prevCell, cb)) {
+ return true
+ }
+ } else if (nextIn) {
+ if (diffRowAdded(nextCells, next, rowCI, y, startX, rowEndX, nextCell, cb)) {
+ return true
+ }
+ }
+
+ rowCI += stride
+ }
+
+ return false
+}
+
+/**
+ * Fallback: diff two screens with different widths (resize).
+ * Separate indices for prev and next cells arrays.
+ */
+function diffDifferentWidth(
+ prev: Screen,
+ next: Screen,
+ startX: number,
+ endX: number,
+ startY: number,
+ endY: number,
+ cb: DiffCallback
+): boolean {
+ const prevWidth = prev.width
+ const nextWidth = next.width
+ const prevCells = prev.cells
+ const nextCells = next.cells
+
+ const prevCell: Cell = {
+ char: ' ',
+ styleId: 0,
+ width: CellWidth.Narrow,
+ hyperlink: undefined
+ }
+
+ const nextCell: Cell = {
+ char: ' ',
+ styleId: 0,
+ width: CellWidth.Narrow,
+ hyperlink: undefined
+ }
+
+ const prevStride = prevWidth << 1
+ const nextStride = nextWidth << 1
+ let prevRowCI = (startY * prevWidth + startX) << 1
+ let nextRowCI = (startY * nextWidth + startX) << 1
+
+ for (let y = startY; y < endY; y++) {
+ const prevIn = y < prev.height
+ const nextIn = y < next.height
+ const prevEndX = prevIn ? Math.min(endX, prevWidth) : startX
+ const nextEndX = nextIn ? Math.min(endX, nextWidth) : startX
+ const bothEndX = Math.min(prevEndX, nextEndX)
+
+ let prevCI = prevRowCI
+ let nextCI = nextRowCI
+
+ for (let x = startX; x < bothEndX; x++) {
+ if (prevCells[prevCI] === nextCells[nextCI] && prevCells[prevCI + 1] === nextCells[nextCI + 1]) {
+ prevCI += 2
+ nextCI += 2
+
+ continue
+ }
+
+ cellAtCI(prev, prevCI, prevCell)
+ cellAtCI(next, nextCI, nextCell)
+ prevCI += 2
+ nextCI += 2
+
+ if (cb(x, y, prevCell, nextCell)) {
+ return true
+ }
+ }
+
+ if (prevEndX > bothEndX) {
+ prevCI = prevRowCI + ((bothEndX - startX) << 1)
+
+ for (let x = bothEndX; x < prevEndX; x++) {
+ cellAtCI(prev, prevCI, prevCell)
+ prevCI += 2
+
+ if (cb(x, y, prevCell, undefined)) {
+ return true
+ }
+ }
+ }
+
+ if (nextEndX > bothEndX) {
+ nextCI = nextRowCI + ((bothEndX - startX) << 1)
+
+ for (let x = bothEndX; x < nextEndX; x++) {
+ if (nextCells[nextCI] === 0 && nextCells[nextCI | 1] === 0) {
+ nextCI += 2
+
+ continue
+ }
+
+ cellAtCI(next, nextCI, nextCell)
+ nextCI += 2
+
+ if (cb(x, y, undefined, nextCell)) {
+ return true
+ }
+ }
+ }
+
+ prevRowCI += prevStride
+ nextRowCI += nextStride
+ }
+
+ return false
+}
+
+/**
+ * Mark a rectangular region as noSelect (exclude from text selection).
+ * Clamps to screen bounds. Called from output.ts when a box
+ * renders. No damage tracking — noSelect doesn't affect terminal output,
+ * only getSelectedText/applySelectionOverlay which read it directly.
+ */
+export function markNoSelectRegion(screen: Screen, x: number, y: number, width: number, height: number): void {
+ const maxX = Math.min(x + width, screen.width)
+ const maxY = Math.min(y + height, screen.height)
+ const noSel = screen.noSelect
+ const stride = screen.width
+
+ for (let row = Math.max(0, y); row < maxY; row++) {
+ const rowStart = row * stride
+ noSel.fill(1, rowStart + Math.max(0, x), rowStart + maxX)
+ }
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/searchHighlight.ts b/ui-tui/packages/hermes-ink/src/ink/searchHighlight.ts
new file mode 100644
index 0000000000..278c3fd63c
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/searchHighlight.ts
@@ -0,0 +1,91 @@
+import { cellAtIndex, CellWidth, type Screen, setCellStyleId, type StylePool } from './screen.js'
+
+/**
+ * Highlight all visible occurrences of `query` in the screen buffer by
+ * inverting cell styles (SGR 7). Post-render, same damage-tracking machinery
+ * as applySelectionOverlay — the diff picks up highlighted cells as ordinary
+ * changes, LogUpdate stays a pure diff engine.
+ *
+ * Case-insensitive. Handles wide characters (CJK, emoji) by building a
+ * col-of-char map per row — the Nth character isn't at col N when wide chars
+ * are present (each occupies 2 cells: head + SpacerTail).
+ *
+ * This ONLY inverts — there is no "current match" logic here. The yellow
+ * current-match overlay is handled separately by applyPositionedHighlight
+ * (render-to-screen.ts), which writes on top using positions scanned from
+ * the target message's DOM subtree.
+ *
+ * Returns true if any match was highlighted (damage gate — caller forces
+ * full-frame damage when true).
+ */
+export function applySearchHighlight(screen: Screen, query: string, stylePool: StylePool): boolean {
+ if (!query) {
+ return false
+ }
+
+ const lq = query.toLowerCase()
+ const qlen = lq.length
+ const w = screen.width
+ const noSelect = screen.noSelect
+ const height = screen.height
+
+ let applied = false
+
+ for (let row = 0; row < height; row++) {
+ const rowOff = row * w
+ // Build row text (already lowercased) + code-unit→cell-index map.
+ // Three skip conditions, all aligned with setCellStyleId /
+ // extractRowText (selection.ts):
+ // - SpacerTail: 2nd cell of a wide char, no char of its own
+ // - SpacerHead: end-of-line padding when a wide char wraps
+ // - noSelect: gutters (⎿, line numbers) — same exclusion as
+ // applySelectionOverlay. "Highlight what you see" still holds for
+ // content; gutters aren't search targets.
+ // Lowercasing per-char (not on the joined string at the end) means
+ // codeUnitToCell maps positions in the LOWERCASED text — U+0130
+ // (Turkish İ) lowercases to 2 code units, so lowering the joined
+ // string would desync indexOf positions from the map.
+ let text = ''
+ const colOf: number[] = []
+ const codeUnitToCell: number[] = []
+
+ for (let col = 0; col < w; col++) {
+ const idx = rowOff + col
+ const cell = cellAtIndex(screen, idx)
+
+ if (cell.width === CellWidth.SpacerTail || cell.width === CellWidth.SpacerHead || noSelect[idx] === 1) {
+ continue
+ }
+
+ const lc = cell.char.toLowerCase()
+ const cellIdx = colOf.length
+
+ for (let i = 0; i < lc.length; i++) {
+ codeUnitToCell.push(cellIdx)
+ }
+
+ text += lc
+ colOf.push(col)
+ }
+
+ let pos = text.indexOf(lq)
+
+ while (pos >= 0) {
+ applied = true
+ const startCi = codeUnitToCell[pos]!
+ const endCi = codeUnitToCell[pos + qlen - 1]!
+
+ for (let ci = startCi; ci <= endCi; ci++) {
+ const col = colOf[ci]!
+ const cell = cellAtIndex(screen, rowOff + col)
+ setCellStyleId(screen, col, row, stylePool.withInverse(cell.styleId))
+ }
+
+ // Non-overlapping advance (less/vim/grep/Ctrl+F). pos+1 would find
+ // 'aa' at 0 AND 1 in 'aaa' → double-invert cell 1.
+ pos = text.indexOf(lq, pos + qlen)
+ }
+ }
+
+ return applied
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/selection.ts b/ui-tui/packages/hermes-ink/src/ink/selection.ts
new file mode 100644
index 0000000000..9ee71564e6
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/selection.ts
@@ -0,0 +1,1070 @@
+/**
+ * Text selection state for fullscreen mode.
+ *
+ * Tracks a linear selection in screen-buffer coordinates (0-indexed col/row).
+ * Selection is line-based: cells from (startCol, startRow) through
+ * (endCol, endRow) inclusive, wrapping across line boundaries. This matches
+ * terminal-native selection behavior (not rectangular/block).
+ *
+ * The selection is stored as ANCHOR (where the drag started) + FOCUS (where
+ * the cursor is now). The rendered highlight normalizes to start ≤ end.
+ */
+
+import { clamp } from './layout/geometry.js'
+import type { Screen, StylePool } from './screen.js'
+import { cellAt, cellAtIndex, CellWidth, setCellStyleId } from './screen.js'
+
+type Point = { col: number; row: number }
+
+export type SelectionState = {
+ /** Where the mouse-down occurred. Null when no selection. */
+ anchor: Point | null
+ /** Current drag position (updated on mouse-move while dragging). */
+ focus: Point | null
+ /** True between mouse-down and mouse-up. */
+ isDragging: boolean
+ /** For word/line mode: the initial word/line bounds from the first
+ * multi-click. Drag extends from this span to the word/line at the
+ * current mouse position so the original word/line stays selected
+ * even when dragging backward past it. Null ⇔ char mode. The kind
+ * tells extendSelection whether to snap to word or line boundaries. */
+ anchorSpan: { lo: Point; hi: Point; kind: 'word' | 'line' } | null
+ /** Text from rows that scrolled out ABOVE the viewport during
+ * drag-to-scroll. The screen buffer only holds the current viewport,
+ * so without this accumulator, dragging down past the bottom edge
+ * loses the top of the selection once the anchor clamps. Prepended
+ * to the on-screen text by getSelectedText. Reset on start/clear. */
+ scrolledOffAbove: string[]
+ /** Symmetric: rows scrolled out BELOW when dragging up. Appended. */
+ scrolledOffBelow: string[]
+ /** Soft-wrap bits parallel to scrolledOffAbove — true means the row
+ * is a continuation of the one before it (the `\n` was inserted by
+ * word-wrap, not in the source). Captured alongside the text at
+ * scroll time since the screen's softWrap bitmap shifts with content.
+ * getSelectedText uses these to join wrapped rows back into logical
+ * lines. */
+ scrolledOffAboveSW: boolean[]
+ /** Parallel to scrolledOffBelow. */
+ scrolledOffBelowSW: boolean[]
+ /** Pre-clamp anchor row. Set when shiftSelection clamps anchor so a
+ * reverse scroll can restore the true position and pop accumulators.
+ * Without this, PgDn (clamps anchor) → PgUp leaves anchor at the wrong
+ * row AND scrolledOffAbove stale — highlight ≠ copy. Undefined when
+ * anchor is in-bounds (no clamp debt). Cleared on start/clear. */
+ virtualAnchorRow?: number
+ /** Same for focus. */
+ virtualFocusRow?: number
+ /** True if the mouse-down that started this selection had the alt
+ * modifier set (SGR button bit 0x08). On macOS xterm.js this is a
+ * signal that VS Code's macOptionClickForcesSelection is OFF — if it
+ * were on, xterm.js would have consumed the event for native selection
+ * and we'd never receive it. Used by the footer to show the right hint. */
+ lastPressHadAlt: boolean
+}
+
+export function createSelectionState(): SelectionState {
+ return {
+ anchor: null,
+ focus: null,
+ isDragging: false,
+ anchorSpan: null,
+ scrolledOffAbove: [],
+ scrolledOffBelow: [],
+ scrolledOffAboveSW: [],
+ scrolledOffBelowSW: [],
+ lastPressHadAlt: false
+ }
+}
+
+export function startSelection(s: SelectionState, col: number, row: number): void {
+ s.anchor = { col, row }
+ // Focus is not set until the first drag motion. A click-release with no
+ // drag leaves focus null → hasSelection/selectionBounds return false/null
+ // via the `!s.focus` check, so a bare click never highlights a cell.
+ s.focus = null
+ s.isDragging = true
+ s.anchorSpan = null
+ s.scrolledOffAbove = []
+ s.scrolledOffBelow = []
+ s.scrolledOffAboveSW = []
+ s.scrolledOffBelowSW = []
+ s.virtualAnchorRow = undefined
+ s.virtualFocusRow = undefined
+ s.lastPressHadAlt = false
+}
+
+export function updateSelection(s: SelectionState, col: number, row: number): void {
+ if (!s.isDragging) {
+ return
+ }
+
+ // First motion at the same cell as anchor is a no-op. Terminals in mode
+ // 1002 can fire a drag event at the anchor cell (sub-pixel tremor, or a
+ // motion-release pair). Setting focus here would turn a bare click into
+ // a 1-cell selection and clobber the clipboard via useCopyOnSelect. Once
+ // focus is set (real drag), we track normally including back to anchor.
+ if (!s.focus && s.anchor && s.anchor.col === col && s.anchor.row === row) {
+ return
+ }
+
+ s.focus = { col, row }
+}
+
+export function finishSelection(s: SelectionState): void {
+ s.isDragging = false
+ // Keep anchor/focus so highlight stays visible and text can be copied.
+ // Clear via clearSelection() on Esc or after copy.
+}
+
+export function clearSelection(s: SelectionState): void {
+ s.anchor = null
+ s.focus = null
+ s.isDragging = false
+ s.anchorSpan = null
+ s.scrolledOffAbove = []
+ s.scrolledOffBelow = []
+ s.scrolledOffAboveSW = []
+ s.scrolledOffBelowSW = []
+ s.virtualAnchorRow = undefined
+ s.virtualFocusRow = undefined
+ s.lastPressHadAlt = false
+}
+
+// Unicode-aware word character matcher: letters (any script), digits,
+// and the punctuation set iTerm2 treats as word-part by default.
+// Matching iTerm2's default means double-clicking a path like
+// which is the muscle memory most macOS terminal users have.
+// iTerm2 default "characters considered part of a word": /-+\~_.
+const WORD_CHAR = /[\p{L}\p{N}_/.\-+~\\]/u
+
+/**
+ * Character class for double-click word-expansion. Cells with the same
+ * class as the clicked cell are included in the selection; a class change
+ * is a boundary. Matches typical terminal-emulator behavior (iTerm2 etc.):
+ * double-click on `foo` selects `foo`, on `->` selects `->`, on spaces
+ * selects the whitespace run.
+ */
+function charClass(c: string): 0 | 1 | 2 {
+ if (c === ' ' || c === '') {
+ return 0
+ }
+
+ if (WORD_CHAR.test(c)) {
+ return 1
+ }
+
+ return 2
+}
+
+/**
+ * Find the bounds of the same-class character run at (col, row). Returns
+ * null if the click is out of bounds or lands on a noSelect cell. Used by
+ * selectWordAt (initial double-click) and extendWordSelection (drag).
+ */
+function wordBoundsAt(screen: Screen, col: number, row: number): { lo: number; hi: number } | null {
+ if (row < 0 || row >= screen.height) {
+ return null
+ }
+
+ const width = screen.width
+ const noSelect = screen.noSelect
+ const rowOff = row * width
+
+ // If the click landed on the spacer tail of a wide char, step back to
+ // the head so the class check sees the actual grapheme.
+ let c = col
+
+ if (c > 0) {
+ const cell = cellAt(screen, c, row)
+
+ if (cell && cell.width === CellWidth.SpacerTail) {
+ c -= 1
+ }
+ }
+
+ if (c < 0 || c >= width || noSelect[rowOff + c] === 1) {
+ return null
+ }
+
+ const startCell = cellAt(screen, c, row)
+
+ if (!startCell) {
+ return null
+ }
+
+ const cls = charClass(startCell.char)
+
+ // Expand left: include cells of the same class, stop at noSelect or
+ // class change. SpacerTail cells are stepped over (the wide-char head
+ // at the preceding column determines the class).
+ let lo = c
+
+ while (lo > 0) {
+ const prev = lo - 1
+
+ if (noSelect[rowOff + prev] === 1) {
+ break
+ }
+
+ const pc = cellAt(screen, prev, row)
+
+ if (!pc) {
+ break
+ }
+
+ if (pc.width === CellWidth.SpacerTail) {
+ // Step over the spacer to the wide-char head
+ if (prev === 0 || noSelect[rowOff + prev - 1] === 1) {
+ break
+ }
+
+ const head = cellAt(screen, prev - 1, row)
+
+ if (!head || charClass(head.char) !== cls) {
+ break
+ }
+
+ lo = prev - 1
+
+ continue
+ }
+
+ if (charClass(pc.char) !== cls) {
+ break
+ }
+
+ lo = prev
+ }
+
+ // Expand right: same logic, skipping spacer tails.
+ let hi = c
+
+ while (hi < width - 1) {
+ const next = hi + 1
+
+ if (noSelect[rowOff + next] === 1) {
+ break
+ }
+
+ const nc = cellAt(screen, next, row)
+
+ if (!nc) {
+ break
+ }
+
+ if (nc.width === CellWidth.SpacerTail) {
+ // Include the spacer tail in the selection range (it belongs to
+ // the wide char at hi) and continue past it.
+ hi = next
+
+ continue
+ }
+
+ if (charClass(nc.char) !== cls) {
+ break
+ }
+
+ hi = next
+ }
+
+ return { lo, hi }
+}
+
+/** -1 if a < b, 1 if a > b, 0 if equal (reading order: row then col). */
+function comparePoints(a: Point, b: Point): number {
+ if (a.row !== b.row) {
+ return a.row < b.row ? -1 : 1
+ }
+
+ if (a.col !== b.col) {
+ return a.col < b.col ? -1 : 1
+ }
+
+ return 0
+}
+
+/**
+ * Select the word at (col, row) by scanning the screen buffer for the
+ * bounds of the same-class character run. Mutates the selection in place.
+ * No-op if the click is out of bounds or lands on a noSelect cell.
+ * Sets isDragging=true and anchorSpan so a subsequent drag extends the
+ * selection word-by-word (native macOS behavior).
+ */
+export function selectWordAt(s: SelectionState, screen: Screen, col: number, row: number): void {
+ const b = wordBoundsAt(screen, col, row)
+
+ if (!b) {
+ return
+ }
+
+ const lo = { col: b.lo, row }
+ const hi = { col: b.hi, row }
+ s.anchor = lo
+ s.focus = hi
+ s.isDragging = true
+ s.anchorSpan = { lo, hi, kind: 'word' }
+}
+
+// Printable ASCII minus terminal URL delimiters. Restricting to single-
+// codeunit ASCII keeps cell-count === string-index, so the column-span
+// check below is exact (no wide-char/grapheme drift).
+const URL_BOUNDARY = new Set([...'<>"\'` '])
+
+function isUrlChar(c: string): boolean {
+ if (c.length !== 1) {
+ return false
+ }
+
+ const code = c.charCodeAt(0)
+
+ return code >= 0x21 && code <= 0x7e && !URL_BOUNDARY.has(c)
+}
+
+/**
+ * Scan the screen buffer for a plain-text URL at (col, row). Mirrors the
+ * terminal's native Cmd+Click URL detection, which fullscreen mode's mouse
+ * tracking intercepts. Called from getHyperlinkAt as a fallback when the
+ * cell has no OSC 8 hyperlink.
+ */
+export function findPlainTextUrlAt(screen: Screen, col: number, row: number): string | undefined {
+ if (row < 0 || row >= screen.height) {
+ return undefined
+ }
+
+ const width = screen.width
+ const noSelect = screen.noSelect
+ const rowOff = row * width
+
+ let c = col
+
+ if (c > 0) {
+ const cell = cellAt(screen, c, row)
+
+ if (cell && cell.width === CellWidth.SpacerTail) {
+ c -= 1
+ }
+ }
+
+ if (c < 0 || c >= width || noSelect[rowOff + c] === 1) {
+ return undefined
+ }
+
+ const startCell = cellAt(screen, c, row)
+
+ if (!startCell || !isUrlChar(startCell.char)) {
+ return undefined
+ }
+
+ // Expand left/right to the bounds of the URL-char run. URLs are ASCII
+ // (CellWidth.Narrow, 1 codeunit), so hitting a non-ASCII/wide/spacer
+ // cell is a boundary — no need to step over spacers like wordBoundsAt.
+ let lo = c
+
+ while (lo > 0) {
+ const prev = lo - 1
+
+ if (noSelect[rowOff + prev] === 1) {
+ break
+ }
+
+ const pc = cellAt(screen, prev, row)
+
+ if (!pc || pc.width !== CellWidth.Narrow || !isUrlChar(pc.char)) {
+ break
+ }
+
+ lo = prev
+ }
+
+ let hi = c
+
+ while (hi < width - 1) {
+ const next = hi + 1
+
+ if (noSelect[rowOff + next] === 1) {
+ break
+ }
+
+ const nc = cellAt(screen, next, row)
+
+ if (!nc || nc.width !== CellWidth.Narrow || !isUrlChar(nc.char)) {
+ break
+ }
+
+ hi = next
+ }
+
+ let token = ''
+
+ for (let i = lo; i <= hi; i++) {
+ token += cellAt(screen, i, row)!.char
+ }
+
+ // 1 cell = 1 char across [lo, hi] (ASCII-only run), so string index =
+ // column offset. Find the last scheme anchor at or before the click —
+ // a run like `https://a.com,https://b.com` has two, and clicking the
+ // second should return the second URL, not the greedy match of both.
+ const clickIdx = c - lo
+ const schemeRe = /(?:https?|file):\/\//g
+ let urlStart = -1
+ let urlEnd = token.length
+
+ for (let m; (m = schemeRe.exec(token)); ) {
+ if (m.index > clickIdx) {
+ urlEnd = m.index
+
+ break
+ }
+
+ urlStart = m.index
+ }
+
+ if (urlStart < 0) {
+ return undefined
+ }
+
+ let url = token.slice(urlStart, urlEnd)
+
+ // Strip trailing sentence punctuation. For closers () ] }, only strip
+ // if unbalanced — `/wiki/Foo_(bar)` keeps `)`, `/arr[0]` keeps `]`.
+ const OPENER: Record = { ')': '(', ']': '[', '}': '{' }
+
+ while (url.length > 0) {
+ const last = url.at(-1)!
+
+ if ('.,;:!?'.includes(last)) {
+ url = url.slice(0, -1)
+
+ continue
+ }
+
+ const opener = OPENER[last]
+
+ if (!opener) {
+ break
+ }
+
+ let opens = 0
+ let closes = 0
+
+ for (let i = 0; i < url.length; i++) {
+ const ch = url.charAt(i)
+
+ if (ch === opener) {
+ opens++
+ } else if (ch === last) {
+ closes++
+ }
+ }
+
+ if (closes > opens) {
+ url = url.slice(0, -1)
+ } else {
+ break
+ }
+ }
+
+ // urlStart already guarantees click >= URL start; check right edge.
+ if (clickIdx >= urlStart + url.length) {
+ return undefined
+ }
+
+ return url
+}
+
+/**
+ * Select the entire row. Sets isDragging=true and anchorSpan so a
+ * subsequent drag extends the selection line-by-line. The anchor/focus
+ * span from col 0 to width-1; getSelectedText handles noSelect skipping
+ * and trailing-whitespace trimming so the copied text is just the visible
+ * line content.
+ */
+export function selectLineAt(s: SelectionState, screen: Screen, row: number): void {
+ if (row < 0 || row >= screen.height) {
+ return
+ }
+
+ const lo = { col: 0, row }
+ const hi = { col: screen.width - 1, row }
+ s.anchor = lo
+ s.focus = hi
+ s.isDragging = true
+ s.anchorSpan = { lo, hi, kind: 'line' }
+}
+
+/**
+ * Extend a word/line-mode selection to the word/line at (col, row). The
+ * anchor span (the original multi-clicked word/line) stays selected; the
+ * selection grows from that span to the word/line at the current mouse
+ * position. Word mode falls back to the raw cell when the mouse is over a
+ * noSelect cell or out of bounds, so dragging into gutters still extends.
+ */
+export function extendSelection(s: SelectionState, screen: Screen, col: number, row: number): void {
+ if (!s.isDragging || !s.anchorSpan) {
+ return
+ }
+
+ const span = s.anchorSpan
+ let mLo: Point
+ let mHi: Point
+
+ if (span.kind === 'word') {
+ const b = wordBoundsAt(screen, col, row)
+ mLo = { col: b ? b.lo : col, row }
+ mHi = { col: b ? b.hi : col, row }
+ } else {
+ const r = clamp(row, 0, screen.height - 1)
+ mLo = { col: 0, row: r }
+ mHi = { col: screen.width - 1, row: r }
+ }
+
+ if (comparePoints(mHi, span.lo) < 0) {
+ // Mouse target ends before anchor span: extend backward.
+ s.anchor = span.hi
+ s.focus = mLo
+ } else if (comparePoints(mLo, span.hi) > 0) {
+ // Mouse target starts after anchor span: extend forward.
+ s.anchor = span.lo
+ s.focus = mHi
+ } else {
+ // Mouse overlaps the anchor span: just select the anchor span.
+ s.anchor = span.lo
+ s.focus = span.hi
+ }
+}
+
+/** Semantic keyboard focus moves. See moveSelectionFocus in ink.tsx for
+ * how screen bounds + row-wrap are applied. */
+export type FocusMove = 'left' | 'right' | 'up' | 'down' | 'lineStart' | 'lineEnd'
+
+/**
+ * Set focus to (col, row) for keyboard selection extension (shift+arrow).
+ * Anchor stays fixed; selection grows or shrinks depending on where focus
+ * moves relative to anchor. Drops to char mode (clears anchorSpan) —
+ * native macOS does this too: shift+arrow after a double-click word-select
+ * extends char-by-char from the word edge, not word-by-word. Scrolled-off
+ * accumulators are preserved: keyboard-extending a drag-scrolled selection
+ * keeps the off-screen rows. Caller supplies coords already clamped/wrapped.
+ */
+export function moveFocus(s: SelectionState, col: number, row: number): void {
+ if (!s.focus) {
+ return
+ }
+
+ s.anchorSpan = null
+ s.focus = { col, row }
+ // Explicit user repositioning — any stale virtual focus (from a prior
+ // shiftSelection clamp) no longer reflects intent. Anchor stays put so
+ // virtualAnchorRow is still valid for its own round-trip.
+ s.virtualFocusRow = undefined
+}
+
+/**
+ * Shift anchor AND focus by dRow, clamped to [minRow, maxRow]. Used for
+ * keyboard scroll (PgUp/PgDn/ctrl+u/d/b/f): the whole selection must track
+ * the content, unlike drag-to-scroll where focus stays at the mouse. Any
+ * point that hits a clamp bound gets its col reset to the full-width edge —
+ * its original content scrolled off-screen and was captured by
+ * captureScrolledRows, so the col constraint was already consumed. Keeping
+ * it would truncate the NEW content now at that screen row. Clamp col is 0
+ * for dRow<0 (scrolling down, top leaves, 'above' semantics) or width-1 for
+ * dRow>0 (scrolling up, bottom leaves, 'below' semantics).
+ *
+ * If both ends overshoot the SAME viewport edge (select text → Home/End/g/G
+ * jumps far enough that both are out of view), clear — otherwise both clamp
+ * to the same corner cell and a ghost 1-cell highlight lingers, and
+ * getSelectedText returns one unrelated char from that corner. Symmetric
+ * with shiftSelectionForFollow's top-edge check, but bidirectional: keyboard
+ * scroll can jump either way.
+ */
+export function shiftSelection(s: SelectionState, dRow: number, minRow: number, maxRow: number, width: number): void {
+ if (!s.anchor || !s.focus) {
+ return
+ }
+
+ // Virtual rows track pre-clamp positions so reverse scrolls restore
+ // correctly. Without this, clamp(5→0) + shift(+10) = 10, not the true 5,
+ // and scrolledOffAbove stays stale (highlight ≠ copy).
+ const vAnchor = (s.virtualAnchorRow ?? s.anchor.row) + dRow
+ const vFocus = (s.virtualFocusRow ?? s.focus.row) + dRow
+
+ if ((vAnchor < minRow && vFocus < minRow) || (vAnchor > maxRow && vFocus > maxRow)) {
+ clearSelection(s)
+
+ return
+ }
+
+ // Debt = how far the nearer endpoint overshoots each edge. When debt
+ // shrinks (reverse scroll), those rows are back on-screen — pop from
+ // the accumulator so getSelectedText doesn't double-count them.
+ const oldMin = Math.min(s.virtualAnchorRow ?? s.anchor.row, s.virtualFocusRow ?? s.focus.row)
+
+ const oldMax = Math.max(s.virtualAnchorRow ?? s.anchor.row, s.virtualFocusRow ?? s.focus.row)
+
+ const oldAboveDebt = Math.max(0, minRow - oldMin)
+ const oldBelowDebt = Math.max(0, oldMax - maxRow)
+ const newAboveDebt = Math.max(0, minRow - Math.min(vAnchor, vFocus))
+ const newBelowDebt = Math.max(0, Math.max(vAnchor, vFocus) - maxRow)
+
+ if (newAboveDebt < oldAboveDebt) {
+ // scrolledOffAbove pushes newest at the end (closest to on-screen).
+ const drop = oldAboveDebt - newAboveDebt
+ s.scrolledOffAbove.length -= drop
+ s.scrolledOffAboveSW.length = s.scrolledOffAbove.length
+ }
+
+ if (newBelowDebt < oldBelowDebt) {
+ // scrolledOffBelow unshifts newest at the front (closest to on-screen).
+ const drop = oldBelowDebt - newBelowDebt
+ s.scrolledOffBelow.splice(0, drop)
+ s.scrolledOffBelowSW.splice(0, drop)
+ }
+
+ // Invariant: accumulator length ≤ debt. If the accumulator exceeds debt,
+ // the excess is stale — e.g., moveFocus cleared virtualFocusRow without
+ // trimming the accumulator, orphaning entries the pop above can never
+ // reach because oldDebt was ALREADY 0. Truncate to debt (keeping the
+ // newest = closest-to-on-screen entries). Check newDebt (not oldDebt):
+ // captureScrolledRows runs BEFORE this shift in the real flow (ink.tsx),
+ // so at entry the accumulator is populated but oldDebt is still 0 —
+ // that's the normal establish-debt path, not stale.
+ if (s.scrolledOffAbove.length > newAboveDebt) {
+ // Above pushes newest at END → keep END.
+ s.scrolledOffAbove = newAboveDebt > 0 ? s.scrolledOffAbove.slice(-newAboveDebt) : []
+ s.scrolledOffAboveSW = newAboveDebt > 0 ? s.scrolledOffAboveSW.slice(-newAboveDebt) : []
+ }
+
+ if (s.scrolledOffBelow.length > newBelowDebt) {
+ // Below unshifts newest at FRONT → keep FRONT.
+ s.scrolledOffBelow = s.scrolledOffBelow.slice(0, newBelowDebt)
+ s.scrolledOffBelowSW = s.scrolledOffBelowSW.slice(0, newBelowDebt)
+ }
+
+ // Clamp col depends on which EDGE (not dRow direction): virtual tracking
+ // means a top-clamped point can stay top-clamped during a dRow>0 reverse
+ // shift — dRow-based clampCol would give it the bottom col.
+ const shift = (p: Point, vRow: number): Point => {
+ if (vRow < minRow) {
+ return { col: 0, row: minRow }
+ }
+
+ if (vRow > maxRow) {
+ return { col: width - 1, row: maxRow }
+ }
+
+ return { col: p.col, row: vRow }
+ }
+
+ s.anchor = shift(s.anchor, vAnchor)
+ s.focus = shift(s.focus, vFocus)
+ s.virtualAnchorRow = vAnchor < minRow || vAnchor > maxRow ? vAnchor : undefined
+ s.virtualFocusRow = vFocus < minRow || vFocus > maxRow ? vFocus : undefined
+
+ // anchorSpan not virtual-tracked: it's for word/line extend-on-drag,
+ // irrelevant to the keyboard-scroll round-trip case.
+ if (s.anchorSpan) {
+ const sp = (p: Point): Point => {
+ const r = p.row + dRow
+
+ if (r < minRow) {
+ return { col: 0, row: minRow }
+ }
+
+ if (r > maxRow) {
+ return { col: width - 1, row: maxRow }
+ }
+
+ return { col: p.col, row: r }
+ }
+
+ s.anchorSpan = {
+ lo: sp(s.anchorSpan.lo),
+ hi: sp(s.anchorSpan.hi),
+ kind: s.anchorSpan.kind
+ }
+ }
+}
+
+/**
+ * Shift the anchor row by dRow, clamped to [minRow, maxRow]. Used during
+ * drag-to-scroll: when the ScrollBox scrolls by N rows, the content that
+ * was under the anchor is now at a different viewport row, so the anchor
+ * must follow it. Focus is left unchanged (it stays at the mouse position).
+ */
+export function shiftAnchor(s: SelectionState, dRow: number, minRow: number, maxRow: number): void {
+ if (!s.anchor) {
+ return
+ }
+
+ // Same virtual-row tracking as shiftSelection/shiftSelectionForFollow: the
+ // drag→follow transition hands off to shiftSelectionForFollow, which reads
+ // (virtualAnchorRow ?? anchor.row). Without this, drag-phase clamping
+ // leaves virtual undefined → follow initializes from the already-clamped
+ // row, under-counting total drift → shiftSelection's invariant-restore
+ // prematurely clears valid drag-phase accumulator entries.
+ const raw = (s.virtualAnchorRow ?? s.anchor.row) + dRow
+ s.anchor = { col: s.anchor.col, row: clamp(raw, minRow, maxRow) }
+ s.virtualAnchorRow = raw < minRow || raw > maxRow ? raw : undefined
+
+ // anchorSpan not virtual-tracked (word/line extend, irrelevant to
+ // keyboard-scroll round-trip) — plain clamp from current row.
+ if (s.anchorSpan) {
+ const shift = (p: Point): Point => ({
+ col: p.col,
+ row: clamp(p.row + dRow, minRow, maxRow)
+ })
+
+ s.anchorSpan = {
+ lo: shift(s.anchorSpan.lo),
+ hi: shift(s.anchorSpan.hi),
+ kind: s.anchorSpan.kind
+ }
+ }
+}
+
+/**
+ * Shift the whole selection (anchor + focus + anchorSpan) by dRow, clamped
+ * to [minRow, maxRow]. Used when sticky/auto-follow scrolls the ScrollBox
+ * while a selection is active — native terminal behavior is for the
+ * highlight to walk up the screen with the text (not stay at the same
+ * screen position).
+ *
+ * Differs from shiftAnchor: during drag-to-scroll, focus tracks the live
+ * mouse position and only anchor follows the text. During streaming-follow,
+ * the selection is text-anchored at both ends — both must move. The
+ * isDragging check in ink.tsx picks which shift to apply.
+ *
+ * If both ends would shift strictly BELOW minRow (unclamped), the selected
+ * text has scrolled entirely off the top. Clear it — otherwise a single
+ * inverted cell lingers at the viewport top as a ghost (native terminals
+ * drop the selection when it leaves scrollback). Landing AT minRow is
+ * still valid: that cell holds the correct text. Returns true if the
+ * selection was cleared so the caller can notify React-land subscribers
+ * (useHasSelection) — the caller is inside onRender so it can't use
+ * notifySelectionChange (recursion), must fire listeners directly.
+ */
+export function shiftSelectionForFollow(s: SelectionState, dRow: number, minRow: number, maxRow: number): boolean {
+ if (!s.anchor) {
+ return false
+ }
+
+ // Mirror shiftSelection: compute raw (unclamped) positions from virtual
+ // if set, else current. This handles BOTH the update path (virtual already
+ // set from a prior keyboard scroll) AND the initialize path (first clamp
+ // happens HERE via follow-scroll, no prior keyboard scroll). Without the
+ // initialize path, follow-scroll-first leaves virtual undefined even
+ // though the clamp below occurred → a later PgUp computes debt from the
+ // clamped row instead of the true pre-clamp row and never pops the
+ // accumulator — getSelectedText double-counts the off-screen rows.
+ const rawAnchor = (s.virtualAnchorRow ?? s.anchor.row) + dRow
+
+ const rawFocus = s.focus ? (s.virtualFocusRow ?? s.focus.row) + dRow : undefined
+
+ if (rawAnchor < minRow && rawFocus !== undefined && rawFocus < minRow) {
+ clearSelection(s)
+
+ return true
+ }
+
+ // Clamp from raw, not p.row+dRow — so a virtual position coming back
+ // in-bounds lands at the TRUE position, not the stale clamped one.
+ s.anchor = { col: s.anchor.col, row: clamp(rawAnchor, minRow, maxRow) }
+
+ if (s.focus && rawFocus !== undefined) {
+ s.focus = { col: s.focus.col, row: clamp(rawFocus, minRow, maxRow) }
+ }
+
+ s.virtualAnchorRow = rawAnchor < minRow || rawAnchor > maxRow ? rawAnchor : undefined
+ s.virtualFocusRow = rawFocus !== undefined && (rawFocus < minRow || rawFocus > maxRow) ? rawFocus : undefined
+
+ // anchorSpan not virtual-tracked (word/line extend, irrelevant to
+ // keyboard-scroll round-trip) — plain clamp from current row.
+ if (s.anchorSpan) {
+ const shift = (p: Point): Point => ({
+ col: p.col,
+ row: clamp(p.row + dRow, minRow, maxRow)
+ })
+
+ s.anchorSpan = {
+ lo: shift(s.anchorSpan.lo),
+ hi: shift(s.anchorSpan.hi),
+ kind: s.anchorSpan.kind
+ }
+ }
+
+ return false
+}
+
+export function hasSelection(s: SelectionState): boolean {
+ return s.anchor !== null && s.focus !== null
+}
+
+/**
+ * Normalized selection bounds: start is always before end in reading order.
+ * Returns null if no active selection.
+ */
+export function selectionBounds(s: SelectionState): {
+ start: { col: number; row: number }
+ end: { col: number; row: number }
+} | null {
+ if (!s.anchor || !s.focus) {
+ return null
+ }
+
+ return comparePoints(s.anchor, s.focus) <= 0 ? { start: s.anchor, end: s.focus } : { start: s.focus, end: s.anchor }
+}
+
+/**
+ * Check if a cell at (col, row) is within the current selection range.
+ * Used by the renderer to apply inverse style.
+ */
+export function isCellSelected(s: SelectionState, col: number, row: number): boolean {
+ const b = selectionBounds(s)
+
+ if (!b) {
+ return false
+ }
+
+ const { start, end } = b
+
+ if (row < start.row || row > end.row) {
+ return false
+ }
+
+ if (row === start.row && col < start.col) {
+ return false
+ }
+
+ if (row === end.row && col > end.col) {
+ return false
+ }
+
+ return true
+}
+
+/** Extract text from one screen row. When the next row is a soft-wrap
+ * continuation (screen.softWrap[row+1]>0), clamp to that content-end
+ * column and skip the trailing trim so the word-separator space survives
+ * the join. See Screen.softWrap for why the clamp is necessary. */
+function extractRowText(screen: Screen, row: number, colStart: number, colEnd: number): string {
+ const noSelect = screen.noSelect
+ const rowOff = row * screen.width
+ const contentEnd = row + 1 < screen.height ? screen.softWrap[row + 1]! : 0
+ const lastCol = contentEnd > 0 ? Math.min(colEnd, contentEnd - 1) : colEnd
+ let line = ''
+
+ for (let col = colStart; col <= lastCol; col++) {
+ // Skip cells marked noSelect (gutters, line numbers, diff sigils).
+ // Check before cellAt to avoid the decode cost for excluded cells.
+ if (noSelect[rowOff + col] === 1) {
+ continue
+ }
+
+ const cell = cellAt(screen, col, row)
+
+ if (!cell) {
+ continue
+ }
+
+ // Skip spacer tails (second half of wide chars) — the head already
+ // contains the full grapheme. SpacerHead is a blank at line-end.
+ if (cell.width === CellWidth.SpacerTail || cell.width === CellWidth.SpacerHead) {
+ continue
+ }
+
+ line += cell.char
+ }
+
+ return contentEnd > 0 ? line : line.replace(/\s+$/, '')
+}
+
+/** Accumulator for selected text that merges soft-wrapped rows back
+ * into logical lines. push(text, sw) appends a newline before text
+ * only when sw=false (i.e. the row starts a new logical line). Rows
+ * with sw=true are concatenated onto the previous row. */
+function joinRows(lines: string[], text: string, sw: boolean | undefined): void {
+ if (sw && lines.length > 0) {
+ lines[lines.length - 1] += text
+ } else {
+ lines.push(text)
+ }
+}
+
+/**
+ * Extract text from the screen buffer within the selection range.
+ * Rows are joined with newlines unless the screen's softWrap bitmap
+ * marks a row as a word-wrap continuation — those rows are concatenated
+ * onto the previous row so the copied text matches the logical source
+ * line, not the visual wrapped layout. Trailing whitespace on the last
+ * fragment of each logical line is trimmed. Wide-char spacer cells are
+ * skipped. Rows that scrolled out of the viewport during drag-to-scroll
+ * are joined back in from the scrolledOffAbove/Below accumulators along
+ * with their captured softWrap bits.
+ */
+export function getSelectedText(s: SelectionState, screen: Screen): string {
+ const b = selectionBounds(s)
+
+ if (!b) {
+ return ''
+ }
+
+ const { start, end } = b
+ const sw = screen.softWrap
+ const lines: string[] = []
+
+ for (let i = 0; i < s.scrolledOffAbove.length; i++) {
+ joinRows(lines, s.scrolledOffAbove[i]!, s.scrolledOffAboveSW[i])
+ }
+
+ for (let row = start.row; row <= end.row; row++) {
+ const rowStart = row === start.row ? start.col : 0
+ const rowEnd = row === end.row ? end.col : screen.width - 1
+ joinRows(lines, extractRowText(screen, row, rowStart, rowEnd), sw[row]! > 0)
+ }
+
+ for (let i = 0; i < s.scrolledOffBelow.length; i++) {
+ joinRows(lines, s.scrolledOffBelow[i]!, s.scrolledOffBelowSW[i])
+ }
+
+ return lines.join('\n')
+}
+
+/**
+ * Capture text from rows about to scroll out of the viewport during
+ * drag-to-scroll, BEFORE scrollBy overwrites them. Only the rows that
+ * intersect the selection are captured, using the selection's col bounds
+ * for the anchor-side boundary row. After capturing the anchor row, the
+ * anchor.col AND anchorSpan cols are reset to the full-width boundary so
+ * subsequent captures and the final getSelectedText don't re-apply a stale
+ * col constraint to content that's no longer under the original anchor.
+ * Both span cols are reset (not just the near side): after a blocked
+ * reversal the drag can flip direction, and extendSelection then reads the
+ * OPPOSITE span side — which would otherwise still hold the original word
+ * boundary and truncate one subsequently-captured row.
+ *
+ * side='above': rows scrolling out the top (dragging down, anchor=start).
+ * side='below': rows scrolling out the bottom (dragging up, anchor=end).
+ */
+export function captureScrolledRows(
+ s: SelectionState,
+ screen: Screen,
+ firstRow: number,
+ lastRow: number,
+ side: 'above' | 'below'
+): void {
+ const b = selectionBounds(s)
+
+ if (!b || firstRow > lastRow) {
+ return
+ }
+
+ const { start, end } = b
+ // Intersect [firstRow, lastRow] with [start.row, end.row]. Rows outside
+ // the selection aren't captured — they weren't selected.
+ const lo = Math.max(firstRow, start.row)
+ const hi = Math.min(lastRow, end.row)
+
+ if (lo > hi) {
+ return
+ }
+
+ const width = screen.width
+ const sw = screen.softWrap
+ const captured: string[] = []
+ const capturedSW: boolean[] = []
+
+ for (let row = lo; row <= hi; row++) {
+ const colStart = row === start.row ? start.col : 0
+ const colEnd = row === end.row ? end.col : width - 1
+ captured.push(extractRowText(screen, row, colStart, colEnd))
+ capturedSW.push(sw[row]! > 0)
+ }
+
+ if (side === 'above') {
+ // Newest rows go at the bottom of the above-accumulator (closest to
+ // the on-screen content in reading order).
+ s.scrolledOffAbove.push(...captured)
+ s.scrolledOffAboveSW.push(...capturedSW)
+
+ // We just captured the top of the selection. The anchor (=start when
+ // dragging down) is now pointing at content that will scroll out; its
+ // col constraint was applied to the captured row. Reset to col 0 so
+ // the NEXT tick and the final getSelectedText read the full row.
+ if (s.anchor && s.anchor.row === start.row && lo === start.row) {
+ s.anchor = { col: 0, row: s.anchor.row }
+
+ if (s.anchorSpan) {
+ s.anchorSpan = {
+ kind: s.anchorSpan.kind,
+ lo: { col: 0, row: s.anchorSpan.lo.row },
+ hi: { col: width - 1, row: s.anchorSpan.hi.row }
+ }
+ }
+ }
+ } else {
+ // Newest rows go at the TOP of the below-accumulator — they're
+ // closest to the on-screen content.
+ s.scrolledOffBelow.unshift(...captured)
+ s.scrolledOffBelowSW.unshift(...capturedSW)
+
+ if (s.anchor && s.anchor.row === end.row && hi === end.row) {
+ s.anchor = { col: width - 1, row: s.anchor.row }
+
+ if (s.anchorSpan) {
+ s.anchorSpan = {
+ kind: s.anchorSpan.kind,
+ lo: { col: 0, row: s.anchorSpan.lo.row },
+ hi: { col: width - 1, row: s.anchorSpan.hi.row }
+ }
+ }
+ }
+ }
+}
+
+/**
+ * Apply the selection overlay directly to the screen buffer by changing
+ * the style of every cell in the selection range. Called after the
+ * renderer produces the Frame but before the diff — the normal diffEach
+ * then picks up the restyled cells as ordinary changes, so LogUpdate
+ * stays a pure diff engine with no selection awareness.
+ *
+ * Uses a SOLID selection background (theme-provided via StylePool.
+ * setSelectionBg) that REPLACES each cell's bg while PRESERVING its fg —
+ * matches native terminal selection. Previously SGR-7 inverse (swapped
+ * fg/bg per cell), which fragmented badly over syntax-highlighted text:
+ * every distinct fg color became a different bg stripe.
+ *
+ * Uses StylePool caches so on drag the only work per cell is a Map
+ * lookup + packed-int write.
+ */
+export function applySelectionOverlay(screen: Screen, selection: SelectionState, stylePool: StylePool): void {
+ const b = selectionBounds(selection)
+
+ if (!b) {
+ return
+ }
+
+ const { start, end } = b
+ const width = screen.width
+ const noSelect = screen.noSelect
+
+ for (let row = start.row; row <= end.row && row < screen.height; row++) {
+ const colStart = row === start.row ? start.col : 0
+ const colEnd = row === end.row ? Math.min(end.col, width - 1) : width - 1
+ const rowOff = row * width
+
+ for (let col = colStart; col <= colEnd; col++) {
+ const idx = rowOff + col
+
+ // Skip noSelect cells — gutters stay visually unchanged so it's
+ // clear they're not part of the copy. Surrounding selectable cells
+ // still highlight so the selection extent remains visible.
+ if (noSelect[idx] === 1) {
+ continue
+ }
+
+ const cell = cellAtIndex(screen, idx)
+ setCellStyleId(screen, col, row, stylePool.withSelectionBg(cell.styleId))
+ }
+ }
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/squash-text-nodes.ts b/ui-tui/packages/hermes-ink/src/ink/squash-text-nodes.ts
new file mode 100644
index 0000000000..edb26b3b69
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/squash-text-nodes.ts
@@ -0,0 +1,74 @@
+import type { DOMElement } from './dom.js'
+import type { TextStyles } from './styles.js'
+
+/**
+ * A segment of text with its associated styles.
+ * Used for structured rendering without ANSI string transforms.
+ */
+export type StyledSegment = {
+ text: string
+ styles: TextStyles
+ hyperlink?: string
+}
+
+/**
+ * Squash text nodes into styled segments, propagating styles down through the tree.
+ * This allows structured styling without relying on ANSI string transforms.
+ */
+export function squashTextNodesToSegments(
+ node: DOMElement,
+ inheritedStyles: TextStyles = {},
+ inheritedHyperlink?: string,
+ out: StyledSegment[] = []
+): StyledSegment[] {
+ const mergedStyles = node.textStyles ? { ...inheritedStyles, ...node.textStyles } : inheritedStyles
+
+ for (const childNode of node.childNodes) {
+ if (childNode === undefined) {
+ continue
+ }
+
+ if (childNode.nodeName === '#text') {
+ if (childNode.nodeValue.length > 0) {
+ out.push({
+ text: childNode.nodeValue,
+ styles: mergedStyles,
+ hyperlink: inheritedHyperlink
+ })
+ }
+ } else if (childNode.nodeName === 'ink-text' || childNode.nodeName === 'ink-virtual-text') {
+ squashTextNodesToSegments(childNode, mergedStyles, inheritedHyperlink, out)
+ } else if (childNode.nodeName === 'ink-link') {
+ const href = childNode.attributes['href'] as string | undefined
+ squashTextNodesToSegments(childNode, mergedStyles, href || inheritedHyperlink, out)
+ }
+ }
+
+ return out
+}
+
+/**
+ * Squash text nodes into a plain string (without styles).
+ * Used for text measurement in layout calculations.
+ */
+function squashTextNodes(node: DOMElement): string {
+ let text = ''
+
+ for (const childNode of node.childNodes) {
+ if (childNode === undefined) {
+ continue
+ }
+
+ if (childNode.nodeName === '#text') {
+ text += childNode.nodeValue
+ } else if (childNode.nodeName === 'ink-text' || childNode.nodeName === 'ink-virtual-text') {
+ text += squashTextNodes(childNode)
+ } else if (childNode.nodeName === 'ink-link') {
+ text += squashTextNodes(childNode)
+ }
+ }
+
+ return text
+}
+
+export default squashTextNodes
diff --git a/ui-tui/packages/hermes-ink/src/ink/stringWidth.ts b/ui-tui/packages/hermes-ink/src/ink/stringWidth.ts
new file mode 100644
index 0000000000..0b97ac1519
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/stringWidth.ts
@@ -0,0 +1,275 @@
+import emojiRegex from 'emoji-regex'
+import { eastAsianWidth } from 'get-east-asian-width'
+import stripAnsi from 'strip-ansi'
+
+import { getGraphemeSegmenter } from '../utils/intl.js'
+
+const EMOJI_REGEX = emojiRegex()
+
+/**
+ * Fallback JavaScript implementation of stringWidth when Bun.stringWidth is not available.
+ *
+ * Get the display width of a string as it would appear in a terminal.
+ *
+ * This is a more accurate alternative to the string-width package that correctly handles
+ * characters like ⚠ (U+26A0) which string-width incorrectly reports as width 2.
+ *
+ * The implementation uses eastAsianWidth directly with ambiguousAsWide: false,
+ * which correctly treats ambiguous-width characters as narrow (width 1) as
+ * recommended by the Unicode standard for Western contexts.
+ */
+function stringWidthJavaScript(str: string): number {
+ if (typeof str !== 'string' || str.length === 0) {
+ return 0
+ }
+
+ // Fast path: pure ASCII string (no ANSI codes, no wide chars)
+ let isPureAscii = true
+
+ for (let i = 0; i < str.length; i++) {
+ const code = str.charCodeAt(i)
+
+ // Check for non-ASCII or ANSI escape (0x1b)
+ if (code >= 127 || code === 0x1b) {
+ isPureAscii = false
+
+ break
+ }
+ }
+
+ if (isPureAscii) {
+ // Count printable characters (exclude control chars)
+ let width = 0
+
+ for (let i = 0; i < str.length; i++) {
+ const code = str.charCodeAt(i)
+
+ if (code > 0x1f) {
+ width++
+ }
+ }
+
+ return width
+ }
+
+ // Strip ANSI if escape character is present
+ if (str.includes('\x1b')) {
+ str = stripAnsi(str)
+
+ if (str.length === 0) {
+ return 0
+ }
+ }
+
+ // Fast path: simple Unicode (no emoji, variation selectors, or joiners)
+ if (!needsSegmentation(str)) {
+ let width = 0
+
+ for (const char of str) {
+ const codePoint = char.codePointAt(0)!
+
+ if (!isZeroWidth(codePoint)) {
+ width += eastAsianWidth(codePoint, { ambiguousAsWide: false })
+ }
+ }
+
+ return width
+ }
+
+ let width = 0
+
+ for (const { segment: grapheme } of getGraphemeSegmenter().segment(str)) {
+ // Check for emoji first (most emoji sequences are width 2)
+ EMOJI_REGEX.lastIndex = 0
+
+ if (EMOJI_REGEX.test(grapheme)) {
+ width += getEmojiWidth(grapheme)
+
+ continue
+ }
+
+ // Calculate width for non-emoji graphemes
+ // For grapheme clusters (like Devanagari conjuncts with virama+ZWJ), only count
+ // the first non-zero-width character's width since the cluster renders as one glyph
+ for (const char of grapheme) {
+ const codePoint = char.codePointAt(0)!
+
+ if (!isZeroWidth(codePoint)) {
+ width += eastAsianWidth(codePoint, { ambiguousAsWide: false })
+
+ break
+ }
+ }
+ }
+
+ return width
+}
+
+function needsSegmentation(str: string): boolean {
+ for (const char of str) {
+ const cp = char.codePointAt(0)!
+
+ // Emoji ranges
+ if (cp >= 0x1f300 && cp <= 0x1faff) {
+ return true
+ }
+
+ if (cp >= 0x2600 && cp <= 0x27bf) {
+ return true
+ }
+
+ if (cp >= 0x1f1e6 && cp <= 0x1f1ff) {
+ return true
+ }
+
+ // Variation selectors, ZWJ
+ if (cp >= 0xfe00 && cp <= 0xfe0f) {
+ return true
+ }
+
+ if (cp === 0x200d) {
+ return true
+ }
+ }
+
+ return false
+}
+
+function getEmojiWidth(grapheme: string): number {
+ // Regional indicators: single = 1, pair = 2
+ const first = grapheme.codePointAt(0)!
+
+ if (first >= 0x1f1e6 && first <= 0x1f1ff) {
+ let count = 0
+
+ for (const _ of grapheme) {
+ count++
+ }
+
+ return count === 1 ? 1 : 2
+ }
+
+ // Incomplete keycap: digit/symbol + VS16 without U+20E3
+ if (grapheme.length === 2) {
+ const second = grapheme.codePointAt(1)
+
+ if (second === 0xfe0f && ((first >= 0x30 && first <= 0x39) || first === 0x23 || first === 0x2a)) {
+ return 1
+ }
+ }
+
+ return 2
+}
+
+function isZeroWidth(codePoint: number): boolean {
+ // Fast path for common printable range
+ if (codePoint >= 0x20 && codePoint < 0x7f) {
+ return false
+ }
+
+ if (codePoint >= 0xa0 && codePoint < 0x0300) {
+ return codePoint === 0x00ad
+ }
+
+ // Control characters
+ if (codePoint <= 0x1f || (codePoint >= 0x7f && codePoint <= 0x9f)) {
+ return true
+ }
+
+ // Zero-width and invisible characters
+ if (
+ (codePoint >= 0x200b && codePoint <= 0x200d) || // ZW space/joiner
+ codePoint === 0xfeff || // BOM
+ (codePoint >= 0x2060 && codePoint <= 0x2064) // Word joiner etc.
+ ) {
+ return true
+ }
+
+ // Variation selectors
+ if ((codePoint >= 0xfe00 && codePoint <= 0xfe0f) || (codePoint >= 0xe0100 && codePoint <= 0xe01ef)) {
+ return true
+ }
+
+ // Combining diacritical marks
+ if (
+ (codePoint >= 0x0300 && codePoint <= 0x036f) ||
+ (codePoint >= 0x1ab0 && codePoint <= 0x1aff) ||
+ (codePoint >= 0x1dc0 && codePoint <= 0x1dff) ||
+ (codePoint >= 0x20d0 && codePoint <= 0x20ff) ||
+ (codePoint >= 0xfe20 && codePoint <= 0xfe2f)
+ ) {
+ return true
+ }
+
+ // Indic script combining marks (covers Devanagari through Malayalam)
+ if (codePoint >= 0x0900 && codePoint <= 0x0d4f) {
+ // Signs and vowel marks at start of each script block
+ const offset = codePoint & 0x7f
+
+ if (offset <= 0x03) {
+ return true
+ } // Signs at block start
+
+ if (offset >= 0x3a && offset <= 0x4f) {
+ return true
+ } // Vowel signs, virama
+
+ if (offset >= 0x51 && offset <= 0x57) {
+ return true
+ } // Stress signs
+
+ if (offset >= 0x62 && offset <= 0x63) {
+ return true
+ } // Vowel signs
+ }
+
+ // Thai/Lao combining marks
+ // Note: U+0E32 (SARA AA), U+0E33 (SARA AM), U+0EB2, U+0EB3 are spacing vowels (width 1), not combining marks
+ if (
+ codePoint === 0x0e31 || // Thai MAI HAN-AKAT
+ (codePoint >= 0x0e34 && codePoint <= 0x0e3a) || // Thai vowel signs (skip U+0E32, U+0E33)
+ (codePoint >= 0x0e47 && codePoint <= 0x0e4e) || // Thai vowel signs and marks
+ codePoint === 0x0eb1 || // Lao MAI KAN
+ (codePoint >= 0x0eb4 && codePoint <= 0x0ebc) || // Lao vowel signs (skip U+0EB2, U+0EB3)
+ (codePoint >= 0x0ec8 && codePoint <= 0x0ecd) // Lao tone marks
+ ) {
+ return true
+ }
+
+ // Arabic formatting
+ if (
+ (codePoint >= 0x0600 && codePoint <= 0x0605) ||
+ codePoint === 0x06dd ||
+ codePoint === 0x070f ||
+ codePoint === 0x08e2
+ ) {
+ return true
+ }
+
+ // Surrogates, tag characters
+ if (codePoint >= 0xd800 && codePoint <= 0xdfff) {
+ return true
+ }
+
+ if (codePoint >= 0xe0000 && codePoint <= 0xe007f) {
+ return true
+ }
+
+ return false
+}
+
+// Note: complex-script graphemes like Devanagari क्ष (ka+virama+ZWJ+ssa) render
+// as a single ligature glyph but occupy 2 terminal cells (wcwidth sums the base
+// consonants). Bun.stringWidth=2 matches terminal cell allocation, which is what
+// we need for cursor positioning — the JS fallback's grapheme-cluster width of 1
+// would desync Ink's layout from the terminal.
+//
+// Bun.stringWidth is resolved once at module scope rather than checked on every
+// call — typeof guards deopt property access and this is a hot path (~100k calls/frame).
+const bunStringWidth = typeof Bun !== 'undefined' && typeof Bun.stringWidth === 'function' ? Bun.stringWidth : null
+
+const BUN_STRING_WIDTH_OPTS = { ambiguousIsNarrow: true } as const
+
+export const stringWidth: (str: string) => number = bunStringWidth
+ ? str => bunStringWidth(str, BUN_STRING_WIDTH_OPTS)
+ : stringWidthJavaScript
diff --git a/ui-tui/packages/hermes-ink/src/ink/styles.ts b/ui-tui/packages/hermes-ink/src/ink/styles.ts
new file mode 100644
index 0000000000..e5321f6e50
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/styles.ts
@@ -0,0 +1,749 @@
+import {
+ LayoutAlign,
+ LayoutDisplay,
+ LayoutEdge,
+ LayoutFlexDirection,
+ LayoutGutter,
+ LayoutJustify,
+ type LayoutNode,
+ LayoutOverflow,
+ LayoutPositionType,
+ LayoutWrap
+} from './layout/node.js'
+import type { BorderStyle, BorderTextOptions } from './render-border.js'
+
+export type RGBColor = `rgb(${number},${number},${number})`
+export type HexColor = `#${string}`
+export type Ansi256Color = `ansi256(${number})`
+export type AnsiColor =
+ | 'ansi:black'
+ | 'ansi:red'
+ | 'ansi:green'
+ | 'ansi:yellow'
+ | 'ansi:blue'
+ | 'ansi:magenta'
+ | 'ansi:cyan'
+ | 'ansi:white'
+ | 'ansi:blackBright'
+ | 'ansi:redBright'
+ | 'ansi:greenBright'
+ | 'ansi:yellowBright'
+ | 'ansi:blueBright'
+ | 'ansi:magentaBright'
+ | 'ansi:cyanBright'
+ | 'ansi:whiteBright'
+
+/** Raw color value - not a theme key */
+export type Color = RGBColor | HexColor | Ansi256Color | AnsiColor
+
+/**
+ * Structured text styling properties.
+ * Used to style text without relying on ANSI string transforms.
+ * Colors are raw values - theme resolution happens at the component layer.
+ */
+export type TextStyles = {
+ readonly color?: Color
+ readonly backgroundColor?: Color
+ readonly dim?: boolean
+ readonly bold?: boolean
+ readonly italic?: boolean
+ readonly underline?: boolean
+ readonly strikethrough?: boolean
+ readonly inverse?: boolean
+}
+
+export type Styles = {
+ readonly textWrap?:
+ | 'wrap'
+ | 'wrap-trim'
+ | 'end'
+ | 'middle'
+ | 'truncate-end'
+ | 'truncate'
+ | 'truncate-middle'
+ | 'truncate-start'
+
+ readonly position?: 'absolute' | 'relative'
+ readonly top?: number | `${number}%`
+ readonly bottom?: number | `${number}%`
+ readonly left?: number | `${number}%`
+ readonly right?: number | `${number}%`
+
+ /**
+ * Size of the gap between an element's columns.
+ */
+ readonly columnGap?: number
+
+ /**
+ * Size of the gap between element's rows.
+ */
+ readonly rowGap?: number
+
+ /**
+ * Size of the gap between an element's columns and rows. Shorthand for `columnGap` and `rowGap`.
+ */
+ readonly gap?: number
+
+ /**
+ * Margin on all sides. Equivalent to setting `marginTop`, `marginBottom`, `marginLeft` and `marginRight`.
+ */
+ readonly margin?: number
+
+ /**
+ * Horizontal margin. Equivalent to setting `marginLeft` and `marginRight`.
+ */
+ readonly marginX?: number
+
+ /**
+ * Vertical margin. Equivalent to setting `marginTop` and `marginBottom`.
+ */
+ readonly marginY?: number
+
+ /**
+ * Top margin.
+ */
+ readonly marginTop?: number
+
+ /**
+ * Bottom margin.
+ */
+ readonly marginBottom?: number
+
+ /**
+ * Left margin.
+ */
+ readonly marginLeft?: number
+
+ /**
+ * Right margin.
+ */
+ readonly marginRight?: number
+
+ /**
+ * Padding on all sides. Equivalent to setting `paddingTop`, `paddingBottom`, `paddingLeft` and `paddingRight`.
+ */
+ readonly padding?: number
+
+ /**
+ * Horizontal padding. Equivalent to setting `paddingLeft` and `paddingRight`.
+ */
+ readonly paddingX?: number
+
+ /**
+ * Vertical padding. Equivalent to setting `paddingTop` and `paddingBottom`.
+ */
+ readonly paddingY?: number
+
+ /**
+ * Top padding.
+ */
+ readonly paddingTop?: number
+
+ /**
+ * Bottom padding.
+ */
+ readonly paddingBottom?: number
+
+ /**
+ * Left padding.
+ */
+ readonly paddingLeft?: number
+
+ /**
+ * Right padding.
+ */
+ readonly paddingRight?: number
+
+ /**
+ * This property defines the ability for a flex item to grow if necessary.
+ * See [flex-grow](https://css-tricks.com/almanac/properties/f/flex-grow/).
+ */
+ readonly flexGrow?: number
+
+ /**
+ * It specifies the “flex shrink factor”, which determines how much the flex item will shrink relative to the rest of the flex items in the flex container when there isn’t enough space on the row.
+ * See [flex-shrink](https://css-tricks.com/almanac/properties/f/flex-shrink/).
+ */
+ readonly flexShrink?: number
+
+ /**
+ * It establishes the main-axis, thus defining the direction flex items are placed in the flex container.
+ * See [flex-direction](https://css-tricks.com/almanac/properties/f/flex-direction/).
+ */
+ readonly flexDirection?: 'row' | 'column' | 'row-reverse' | 'column-reverse'
+
+ /**
+ * It specifies the initial size of the flex item, before any available space is distributed according to the flex factors.
+ * See [flex-basis](https://css-tricks.com/almanac/properties/f/flex-basis/).
+ */
+ readonly flexBasis?: number | string
+
+ /**
+ * It defines whether the flex items are forced in a single line or can be flowed into multiple lines. If set to multiple lines, it also defines the cross-axis which determines the direction new lines are stacked in.
+ * See [flex-wrap](https://css-tricks.com/almanac/properties/f/flex-wrap/).
+ */
+ readonly flexWrap?: 'nowrap' | 'wrap' | 'wrap-reverse'
+
+ /**
+ * The align-items property defines the default behavior for how items are laid out along the cross axis (perpendicular to the main axis).
+ * See [align-items](https://css-tricks.com/almanac/properties/a/align-items/).
+ */
+ readonly alignItems?: 'flex-start' | 'center' | 'flex-end' | 'stretch'
+
+ /**
+ * It makes possible to override the align-items value for specific flex items.
+ * See [align-self](https://css-tricks.com/almanac/properties/a/align-self/).
+ */
+ readonly alignSelf?: 'flex-start' | 'center' | 'flex-end' | 'auto'
+
+ /**
+ * It defines the alignment along the main axis.
+ * See [justify-content](https://css-tricks.com/almanac/properties/j/justify-content/).
+ */
+ readonly justifyContent?: 'flex-start' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly' | 'center'
+
+ /**
+ * Width of the element in spaces.
+ * You can also set it in percent, which will calculate the width based on the width of parent element.
+ */
+ readonly width?: number | string
+
+ /**
+ * Height of the element in lines (rows).
+ * You can also set it in percent, which will calculate the height based on the height of parent element.
+ */
+ readonly height?: number | string
+
+ /**
+ * Sets a minimum width of the element.
+ */
+ readonly minWidth?: number | string
+
+ /**
+ * Sets a minimum height of the element.
+ */
+ readonly minHeight?: number | string
+
+ /**
+ * Sets a maximum width of the element.
+ */
+ readonly maxWidth?: number | string
+
+ /**
+ * Sets a maximum height of the element.
+ */
+ readonly maxHeight?: number | string
+
+ /**
+ * Set this property to `none` to hide the element.
+ */
+ readonly display?: 'flex' | 'none'
+
+ /**
+ * Add a border with a specified style.
+ * If `borderStyle` is `undefined` (which it is by default), no border will be added.
+ */
+ readonly borderStyle?: BorderStyle
+
+ /**
+ * Determines whether top border is visible.
+ *
+ * @default true
+ */
+ readonly borderTop?: boolean
+
+ /**
+ * Determines whether bottom border is visible.
+ *
+ * @default true
+ */
+ readonly borderBottom?: boolean
+
+ /**
+ * Determines whether left border is visible.
+ *
+ * @default true
+ */
+ readonly borderLeft?: boolean
+
+ /**
+ * Determines whether right border is visible.
+ *
+ * @default true
+ */
+ readonly borderRight?: boolean
+
+ /**
+ * Change border color.
+ * Shorthand for setting `borderTopColor`, `borderRightColor`, `borderBottomColor` and `borderLeftColor`.
+ */
+ readonly borderColor?: Color
+
+ /**
+ * Change top border color.
+ * Accepts raw color values (rgb, hex, ansi).
+ */
+ readonly borderTopColor?: Color
+
+ /**
+ * Change bottom border color.
+ * Accepts raw color values (rgb, hex, ansi).
+ */
+ readonly borderBottomColor?: Color
+
+ /**
+ * Change left border color.
+ * Accepts raw color values (rgb, hex, ansi).
+ */
+ readonly borderLeftColor?: Color
+
+ /**
+ * Change right border color.
+ * Accepts raw color values (rgb, hex, ansi).
+ */
+ readonly borderRightColor?: Color
+
+ /**
+ * Dim the border color.
+ * Shorthand for setting `borderTopDimColor`, `borderBottomDimColor`, `borderLeftDimColor` and `borderRightDimColor`.
+ *
+ * @default false
+ */
+ readonly borderDimColor?: boolean
+
+ /**
+ * Dim the top border color.
+ *
+ * @default false
+ */
+ readonly borderTopDimColor?: boolean
+
+ /**
+ * Dim the bottom border color.
+ *
+ * @default false
+ */
+ readonly borderBottomDimColor?: boolean
+
+ /**
+ * Dim the left border color.
+ *
+ * @default false
+ */
+ readonly borderLeftDimColor?: boolean
+
+ /**
+ * Dim the right border color.
+ *
+ * @default false
+ */
+ readonly borderRightDimColor?: boolean
+
+ /**
+ * Add text within the border. Only applies to top or bottom borders.
+ */
+ readonly borderText?: BorderTextOptions
+
+ /**
+ * Background color for the box. Fills the interior with background-colored
+ * spaces and is inherited by child text nodes as their default background.
+ */
+ readonly backgroundColor?: Color
+
+ /**
+ * Fill the box's interior (padding included) with spaces before
+ * rendering children, so nothing behind it shows through. Like
+ * `backgroundColor` but without emitting any SGR — the terminal's
+ * default background is used. Useful for absolute-positioned overlays
+ * where Box padding/gaps would otherwise be transparent.
+ */
+ readonly opaque?: boolean
+
+ /**
+ * Behavior for an element's overflow in both directions.
+ * 'scroll' constrains the container's size (children do not expand it)
+ * and enables scrollTop-based virtualized scrolling at render time.
+ *
+ * @default 'visible'
+ */
+ readonly overflow?: 'visible' | 'hidden' | 'scroll'
+
+ /**
+ * Behavior for an element's overflow in horizontal direction.
+ *
+ * @default 'visible'
+ */
+ readonly overflowX?: 'visible' | 'hidden' | 'scroll'
+
+ /**
+ * Behavior for an element's overflow in vertical direction.
+ *
+ * @default 'visible'
+ */
+ readonly overflowY?: 'visible' | 'hidden' | 'scroll'
+
+ /**
+ * Exclude this box's cells from text selection in fullscreen mode.
+ * Cells inside this region are skipped by both the selection highlight
+ * and the copied text — useful for fencing off gutters (line numbers,
+ * diff sigils) so click-drag over a diff yields clean copyable code.
+ * Only affects alt-screen text selection; no-op otherwise.
+ *
+ * `'from-left-edge'` extends the exclusion from column 0 to the box's
+ * right edge for every row it occupies — this covers any upstream
+ * indentation (tool message prefix, tree lines) so a multi-row drag
+ * doesn't pick up leading whitespace from middle rows.
+ */
+ readonly noSelect?: boolean | 'from-left-edge'
+}
+
+const applyPositionStyles = (node: LayoutNode, style: Styles): void => {
+ if ('position' in style) {
+ node.setPositionType(style.position === 'absolute' ? LayoutPositionType.Absolute : LayoutPositionType.Relative)
+ }
+
+ if ('top' in style) {
+ applyPositionEdge(node, 'top', style.top)
+ }
+
+ if ('bottom' in style) {
+ applyPositionEdge(node, 'bottom', style.bottom)
+ }
+
+ if ('left' in style) {
+ applyPositionEdge(node, 'left', style.left)
+ }
+
+ if ('right' in style) {
+ applyPositionEdge(node, 'right', style.right)
+ }
+}
+
+function applyPositionEdge(
+ node: LayoutNode,
+ edge: 'top' | 'bottom' | 'left' | 'right',
+ v: number | `${number}%` | undefined
+): void {
+ if (typeof v === 'string') {
+ node.setPositionPercent(edge, Number.parseInt(v, 10))
+ } else if (typeof v === 'number') {
+ node.setPosition(edge, v)
+ } else {
+ node.setPosition(edge, Number.NaN)
+ }
+}
+
+const applyOverflowStyles = (node: LayoutNode, style: Styles): void => {
+ // Yoga's Overflow controls whether children expand the container.
+ // 'hidden' and 'scroll' both prevent expansion; 'scroll' additionally
+ // signals that the renderer should apply scrollTop translation.
+ // overflowX/Y are render-time concerns; for layout we use the union.
+ const y = style.overflowY ?? style.overflow
+ const x = style.overflowX ?? style.overflow
+
+ if (y === 'scroll' || x === 'scroll') {
+ node.setOverflow(LayoutOverflow.Scroll)
+ } else if (y === 'hidden' || x === 'hidden') {
+ node.setOverflow(LayoutOverflow.Hidden)
+ } else if ('overflow' in style || 'overflowX' in style || 'overflowY' in style) {
+ node.setOverflow(LayoutOverflow.Visible)
+ }
+}
+
+const applyMarginStyles = (node: LayoutNode, style: Styles): void => {
+ if ('margin' in style) {
+ node.setMargin(LayoutEdge.All, style.margin ?? 0)
+ }
+
+ if ('marginX' in style) {
+ node.setMargin(LayoutEdge.Horizontal, style.marginX ?? 0)
+ }
+
+ if ('marginY' in style) {
+ node.setMargin(LayoutEdge.Vertical, style.marginY ?? 0)
+ }
+
+ if ('marginLeft' in style) {
+ node.setMargin(LayoutEdge.Start, style.marginLeft || 0)
+ }
+
+ if ('marginRight' in style) {
+ node.setMargin(LayoutEdge.End, style.marginRight || 0)
+ }
+
+ if ('marginTop' in style) {
+ node.setMargin(LayoutEdge.Top, style.marginTop || 0)
+ }
+
+ if ('marginBottom' in style) {
+ node.setMargin(LayoutEdge.Bottom, style.marginBottom || 0)
+ }
+}
+
+const applyPaddingStyles = (node: LayoutNode, style: Styles): void => {
+ if ('padding' in style) {
+ node.setPadding(LayoutEdge.All, style.padding ?? 0)
+ }
+
+ if ('paddingX' in style) {
+ node.setPadding(LayoutEdge.Horizontal, style.paddingX ?? 0)
+ }
+
+ if ('paddingY' in style) {
+ node.setPadding(LayoutEdge.Vertical, style.paddingY ?? 0)
+ }
+
+ if ('paddingLeft' in style) {
+ node.setPadding(LayoutEdge.Left, style.paddingLeft || 0)
+ }
+
+ if ('paddingRight' in style) {
+ node.setPadding(LayoutEdge.Right, style.paddingRight || 0)
+ }
+
+ if ('paddingTop' in style) {
+ node.setPadding(LayoutEdge.Top, style.paddingTop || 0)
+ }
+
+ if ('paddingBottom' in style) {
+ node.setPadding(LayoutEdge.Bottom, style.paddingBottom || 0)
+ }
+}
+
+const applyFlexStyles = (node: LayoutNode, style: Styles): void => {
+ if ('flexGrow' in style) {
+ node.setFlexGrow(style.flexGrow ?? 0)
+ }
+
+ if ('flexShrink' in style) {
+ node.setFlexShrink(typeof style.flexShrink === 'number' ? style.flexShrink : 1)
+ }
+
+ if ('flexWrap' in style) {
+ if (style.flexWrap === 'nowrap') {
+ node.setFlexWrap(LayoutWrap.NoWrap)
+ }
+
+ if (style.flexWrap === 'wrap') {
+ node.setFlexWrap(LayoutWrap.Wrap)
+ }
+
+ if (style.flexWrap === 'wrap-reverse') {
+ node.setFlexWrap(LayoutWrap.WrapReverse)
+ }
+ }
+
+ if ('flexDirection' in style) {
+ if (style.flexDirection === 'row') {
+ node.setFlexDirection(LayoutFlexDirection.Row)
+ }
+
+ if (style.flexDirection === 'row-reverse') {
+ node.setFlexDirection(LayoutFlexDirection.RowReverse)
+ }
+
+ if (style.flexDirection === 'column') {
+ node.setFlexDirection(LayoutFlexDirection.Column)
+ }
+
+ if (style.flexDirection === 'column-reverse') {
+ node.setFlexDirection(LayoutFlexDirection.ColumnReverse)
+ }
+ }
+
+ if ('flexBasis' in style) {
+ if (typeof style.flexBasis === 'number') {
+ node.setFlexBasis(style.flexBasis)
+ } else if (typeof style.flexBasis === 'string') {
+ node.setFlexBasisPercent(Number.parseInt(style.flexBasis, 10))
+ } else {
+ node.setFlexBasis(Number.NaN)
+ }
+ }
+
+ if ('alignItems' in style) {
+ if (style.alignItems === 'stretch' || !style.alignItems) {
+ node.setAlignItems(LayoutAlign.Stretch)
+ }
+
+ if (style.alignItems === 'flex-start') {
+ node.setAlignItems(LayoutAlign.FlexStart)
+ }
+
+ if (style.alignItems === 'center') {
+ node.setAlignItems(LayoutAlign.Center)
+ }
+
+ if (style.alignItems === 'flex-end') {
+ node.setAlignItems(LayoutAlign.FlexEnd)
+ }
+ }
+
+ if ('alignSelf' in style) {
+ if (style.alignSelf === 'auto' || !style.alignSelf) {
+ node.setAlignSelf(LayoutAlign.Auto)
+ }
+
+ if (style.alignSelf === 'flex-start') {
+ node.setAlignSelf(LayoutAlign.FlexStart)
+ }
+
+ if (style.alignSelf === 'center') {
+ node.setAlignSelf(LayoutAlign.Center)
+ }
+
+ if (style.alignSelf === 'flex-end') {
+ node.setAlignSelf(LayoutAlign.FlexEnd)
+ }
+ }
+
+ if ('justifyContent' in style) {
+ if (style.justifyContent === 'flex-start' || !style.justifyContent) {
+ node.setJustifyContent(LayoutJustify.FlexStart)
+ }
+
+ if (style.justifyContent === 'center') {
+ node.setJustifyContent(LayoutJustify.Center)
+ }
+
+ if (style.justifyContent === 'flex-end') {
+ node.setJustifyContent(LayoutJustify.FlexEnd)
+ }
+
+ if (style.justifyContent === 'space-between') {
+ node.setJustifyContent(LayoutJustify.SpaceBetween)
+ }
+
+ if (style.justifyContent === 'space-around') {
+ node.setJustifyContent(LayoutJustify.SpaceAround)
+ }
+
+ if (style.justifyContent === 'space-evenly') {
+ node.setJustifyContent(LayoutJustify.SpaceEvenly)
+ }
+ }
+}
+
+const applyDimensionStyles = (node: LayoutNode, style: Styles): void => {
+ if ('width' in style) {
+ if (typeof style.width === 'number') {
+ node.setWidth(style.width)
+ } else if (typeof style.width === 'string') {
+ node.setWidthPercent(Number.parseInt(style.width, 10))
+ } else {
+ node.setWidthAuto()
+ }
+ }
+
+ if ('height' in style) {
+ if (typeof style.height === 'number') {
+ node.setHeight(style.height)
+ } else if (typeof style.height === 'string') {
+ node.setHeightPercent(Number.parseInt(style.height, 10))
+ } else {
+ node.setHeightAuto()
+ }
+ }
+
+ if ('minWidth' in style) {
+ if (typeof style.minWidth === 'string') {
+ node.setMinWidthPercent(Number.parseInt(style.minWidth, 10))
+ } else {
+ node.setMinWidth(style.minWidth ?? 0)
+ }
+ }
+
+ if ('minHeight' in style) {
+ if (typeof style.minHeight === 'string') {
+ node.setMinHeightPercent(Number.parseInt(style.minHeight, 10))
+ } else {
+ node.setMinHeight(style.minHeight ?? 0)
+ }
+ }
+
+ if ('maxWidth' in style) {
+ if (typeof style.maxWidth === 'string') {
+ node.setMaxWidthPercent(Number.parseInt(style.maxWidth, 10))
+ } else {
+ node.setMaxWidth(style.maxWidth ?? 0)
+ }
+ }
+
+ if ('maxHeight' in style) {
+ if (typeof style.maxHeight === 'string') {
+ node.setMaxHeightPercent(Number.parseInt(style.maxHeight, 10))
+ } else {
+ node.setMaxHeight(style.maxHeight ?? 0)
+ }
+ }
+}
+
+const applyDisplayStyles = (node: LayoutNode, style: Styles): void => {
+ if ('display' in style) {
+ node.setDisplay(style.display === 'flex' ? LayoutDisplay.Flex : LayoutDisplay.None)
+ }
+}
+
+const applyBorderStyles = (node: LayoutNode, style: Styles, resolvedStyle?: Styles): void => {
+ // resolvedStyle is the full current style (already set on the DOM node).
+ // style may be a diff with only changed properties. For border side props,
+ // we need the resolved value because `borderStyle` in a diff may not include
+ // unchanged border side values (e.g. borderTop stays false but isn't in the diff).
+ const resolved = resolvedStyle ?? style
+
+ if ('borderStyle' in style) {
+ const borderWidth = style.borderStyle ? 1 : 0
+
+ node.setBorder(LayoutEdge.Top, resolved.borderTop !== false ? borderWidth : 0)
+ node.setBorder(LayoutEdge.Bottom, resolved.borderBottom !== false ? borderWidth : 0)
+ node.setBorder(LayoutEdge.Left, resolved.borderLeft !== false ? borderWidth : 0)
+ node.setBorder(LayoutEdge.Right, resolved.borderRight !== false ? borderWidth : 0)
+ } else {
+ // Handle individual border property changes (when only borderX changes without borderStyle).
+ // Skip undefined values — they mean the prop was removed or never set,
+ // not that a border should be enabled.
+ if ('borderTop' in style && style.borderTop !== undefined) {
+ node.setBorder(LayoutEdge.Top, style.borderTop === false ? 0 : 1)
+ }
+
+ if ('borderBottom' in style && style.borderBottom !== undefined) {
+ node.setBorder(LayoutEdge.Bottom, style.borderBottom === false ? 0 : 1)
+ }
+
+ if ('borderLeft' in style && style.borderLeft !== undefined) {
+ node.setBorder(LayoutEdge.Left, style.borderLeft === false ? 0 : 1)
+ }
+
+ if ('borderRight' in style && style.borderRight !== undefined) {
+ node.setBorder(LayoutEdge.Right, style.borderRight === false ? 0 : 1)
+ }
+ }
+}
+
+const applyGapStyles = (node: LayoutNode, style: Styles): void => {
+ if ('gap' in style) {
+ node.setGap(LayoutGutter.All, style.gap ?? 0)
+ }
+
+ if ('columnGap' in style) {
+ node.setGap(LayoutGutter.Column, style.columnGap ?? 0)
+ }
+
+ if ('rowGap' in style) {
+ node.setGap(LayoutGutter.Row, style.rowGap ?? 0)
+ }
+}
+
+const styles = (node: LayoutNode, style: Styles = {}, resolvedStyle?: Styles): void => {
+ applyPositionStyles(node, style)
+ applyOverflowStyles(node, style)
+ applyMarginStyles(node, style)
+ applyPaddingStyles(node, style)
+ applyFlexStyles(node, style)
+ applyDimensionStyles(node, style)
+ applyDisplayStyles(node, style)
+ applyBorderStyles(node, style, resolvedStyle)
+ applyGapStyles(node, style)
+}
+
+export default styles
diff --git a/ui-tui/packages/hermes-ink/src/ink/supports-hyperlinks.ts b/ui-tui/packages/hermes-ink/src/ink/supports-hyperlinks.ts
new file mode 100644
index 0000000000..16aed4a6c0
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/supports-hyperlinks.ts
@@ -0,0 +1,51 @@
+import supportsHyperlinksLib from 'supports-hyperlinks'
+
+// Additional terminals that support OSC 8 hyperlinks but aren't detected by supports-hyperlinks.
+// Checked against both TERM_PROGRAM and LC_TERMINAL (the latter is preserved inside tmux).
+export const ADDITIONAL_HYPERLINK_TERMINALS = ['ghostty', 'Hyper', 'kitty', 'alacritty', 'iTerm.app', 'iTerm2']
+
+type EnvLike = Record
+
+type SupportsHyperlinksOptions = {
+ env?: EnvLike
+ stdoutSupported?: boolean
+}
+
+/**
+ * Returns whether stdout supports OSC 8 hyperlinks.
+ * Extends the supports-hyperlinks library with additional terminal detection.
+ * @param options Optional overrides for testing (env, stdoutSupported)
+ */
+export function supportsHyperlinks(options?: SupportsHyperlinksOptions): boolean {
+ const stdoutSupported = options?.stdoutSupported ?? supportsHyperlinksLib.stdout
+
+ if (stdoutSupported) {
+ return true
+ }
+
+ const env = options?.env ?? process.env
+
+ // Check for additional terminals not detected by supports-hyperlinks
+ const termProgram = env['TERM_PROGRAM']
+
+ if (termProgram && ADDITIONAL_HYPERLINK_TERMINALS.includes(termProgram)) {
+ return true
+ }
+
+ // LC_TERMINAL is set by some terminals (e.g. iTerm2) and preserved inside tmux,
+ // where TERM_PROGRAM is overwritten to 'tmux'.
+ const lcTerminal = env['LC_TERMINAL']
+
+ if (lcTerminal && ADDITIONAL_HYPERLINK_TERMINALS.includes(lcTerminal)) {
+ return true
+ }
+
+ // Kitty sets TERM=xterm-kitty
+ const term = env['TERM']
+
+ if (term?.includes('kitty')) {
+ return true
+ }
+
+ return false
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/tabstops.ts b/ui-tui/packages/hermes-ink/src/ink/tabstops.ts
new file mode 100644
index 0000000000..9b6007b101
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/tabstops.ts
@@ -0,0 +1,44 @@
+// Tab expansion, inspired by Ghostty's Tabstops.zig
+// Uses 8-column intervals (POSIX default, hardcoded in terminals like Ghostty)
+
+import { stringWidth } from './stringWidth.js'
+import { createTokenizer } from './termio/tokenize.js'
+
+const DEFAULT_TAB_INTERVAL = 8
+
+export function expandTabs(text: string, interval = DEFAULT_TAB_INTERVAL): string {
+ if (!text.includes('\t')) {
+ return text
+ }
+
+ const tokenizer = createTokenizer()
+ const tokens = tokenizer.feed(text)
+ tokens.push(...tokenizer.flush())
+
+ let result = ''
+ let column = 0
+
+ for (const token of tokens) {
+ if (token.type === 'sequence') {
+ result += token.value
+ } else {
+ const parts = token.value.split(/(\t|\n)/)
+
+ for (const part of parts) {
+ if (part === '\t') {
+ const spaces = interval - (column % interval)
+ result += ' '.repeat(spaces)
+ column += spaces
+ } else if (part === '\n') {
+ result += part
+ column = 0
+ } else {
+ result += part
+ column += stringWidth(part)
+ }
+ }
+ }
+ }
+
+ return result
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/terminal-focus-state.ts b/ui-tui/packages/hermes-ink/src/ink/terminal-focus-state.ts
new file mode 100644
index 0000000000..ed6c60ab4d
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/terminal-focus-state.ts
@@ -0,0 +1,52 @@
+// Terminal focus state signal — non-React access to DECSET 1004 focus events.
+// 'unknown' is the default for terminals that don't support focus reporting;
+// consumers treat 'unknown' identically to 'focused' (no throttling).
+// Subscribers are notified synchronously when focus changes, used by
+// TerminalFocusProvider to avoid polling.
+export type TerminalFocusState = 'focused' | 'blurred' | 'unknown'
+
+let focusState: TerminalFocusState = 'unknown'
+const resolvers: Set<() => void> = new Set()
+const subscribers: Set<() => void> = new Set()
+
+export function setTerminalFocused(v: boolean): void {
+ focusState = v ? 'focused' : 'blurred'
+
+ // Notify useSyncExternalStore subscribers
+ for (const cb of subscribers) {
+ cb()
+ }
+
+ if (!v) {
+ for (const resolve of resolvers) {
+ resolve()
+ }
+
+ resolvers.clear()
+ }
+}
+
+export function getTerminalFocused(): boolean {
+ return focusState !== 'blurred'
+}
+
+export function getTerminalFocusState(): TerminalFocusState {
+ return focusState
+}
+
+// For useSyncExternalStore
+export function subscribeTerminalFocus(cb: () => void): () => void {
+ subscribers.add(cb)
+
+ return () => {
+ subscribers.delete(cb)
+ }
+}
+
+export function resetTerminalFocusState(): void {
+ focusState = 'unknown'
+
+ for (const cb of subscribers) {
+ cb()
+ }
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/terminal-querier.ts b/ui-tui/packages/hermes-ink/src/ink/terminal-querier.ts
new file mode 100644
index 0000000000..80b1b80ef6
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/terminal-querier.ts
@@ -0,0 +1,222 @@
+/**
+ * Query the terminal and await responses without timeouts.
+ *
+ * Terminal queries (DECRQM, DA1, OSC 11, etc.) share the stdin stream
+ * with keyboard input. Response sequences are syntactically
+ * distinguishable from key events, so the input parser recognizes them
+ * and dispatches them here.
+ *
+ * To avoid timeouts, each query batch is terminated by a DA1 sentinel
+ * (CSI c) — every terminal since VT100 responds to DA1, and terminals
+ * answer queries in order. So: if your query's response arrives before
+ * DA1's, the terminal supports it; if DA1 arrives first, it doesn't.
+ *
+ * Usage:
+ * const [sync, grapheme] = await Promise.all([
+ * querier.send(decrqm(2026)),
+ * querier.send(decrqm(2027)),
+ * querier.flush(),
+ * ])
+ * // sync and grapheme are DECRPM responses or undefined if unsupported
+ */
+
+import type { TerminalResponse } from './parse-keypress.js'
+import { csi } from './termio/csi.js'
+import { osc } from './termio/osc.js'
+
+/** A terminal query: an outbound request sequence paired with a matcher
+ * that recognizes the expected inbound response. Built by `decrqm()`,
+ * `oscColor()`, `kittyKeyboard()`, etc. */
+export type TerminalQuery = {
+ /** Escape sequence to write to stdout */
+ request: string
+ /** Recognizes the expected response in the inbound stream */
+ match: (r: TerminalResponse) => r is T
+}
+
+type DecrpmResponse = Extract
+type Da1Response = Extract
+type Da2Response = Extract
+type KittyResponse = Extract
+type CursorPosResponse = Extract
+type OscResponse = Extract
+type XtversionResponse = Extract
+
+// -- Query builders --
+
+/** DECRQM: request DEC private mode status (CSI ? mode $ p).
+ * Terminal replies with DECRPM (CSI ? mode ; status $ y) or ignores. */
+export function decrqm(mode: number): TerminalQuery {
+ return {
+ request: csi(`?${mode}$p`),
+ match: (r): r is DecrpmResponse => r.type === 'decrpm' && r.mode === mode
+ }
+}
+
+/** Primary Device Attributes query (CSI c). Every terminal answers this —
+ * used internally by flush() as a universal sentinel. Call directly if
+ * you want the DA1 params. */
+export function da1(): TerminalQuery {
+ return {
+ request: csi('c'),
+ match: (r): r is Da1Response => r.type === 'da1'
+ }
+}
+
+/** Secondary Device Attributes query (CSI > c). Returns terminal version. */
+export function da2(): TerminalQuery {
+ return {
+ request: csi('>c'),
+ match: (r): r is Da2Response => r.type === 'da2'
+ }
+}
+
+/** Query current Kitty keyboard protocol flags (CSI ? u).
+ * Terminal replies with CSI ? flags u or ignores. */
+export function kittyKeyboard(): TerminalQuery {
+ return {
+ request: csi('?u'),
+ match: (r): r is KittyResponse => r.type === 'kittyKeyboard'
+ }
+}
+
+/** DECXCPR: request cursor position with DEC-private marker (CSI ? 6 n).
+ * Terminal replies with CSI ? row ; col R. The `?` marker is critical —
+ * the plain DSR form (CSI 6 n → CSI row;col R) is ambiguous with
+ * modified F3 keys (Shift+F3 = CSI 1;2 R, etc.). */
+export function cursorPosition(): TerminalQuery {
+ return {
+ request: csi('?6n'),
+ match: (r): r is CursorPosResponse => r.type === 'cursorPosition'
+ }
+}
+
+/** OSC dynamic color query (e.g. OSC 11 for bg color, OSC 10 for fg).
+ * The `?` data slot asks the terminal to reply with the current value. */
+export function oscColor(code: number): TerminalQuery {
+ return {
+ request: osc(code, '?'),
+ match: (r): r is OscResponse => r.type === 'osc' && r.code === code
+ }
+}
+
+/** XTVERSION: request terminal name/version (CSI > 0 q).
+ * Terminal replies with DCS > | name ST (e.g. "xterm.js(5.5.0)") or ignores.
+ * This survives SSH — the query goes through the pty, not the environment,
+ * so it identifies the *client* terminal even when TERM_PROGRAM isn't
+ * forwarded. Used to detect xterm.js for wheel-scroll compensation. */
+export function xtversion(): TerminalQuery {
+ return {
+ request: csi('>0q'),
+ match: (r): r is XtversionResponse => r.type === 'xtversion'
+ }
+}
+
+// -- Querier --
+
+/** Sentinel request sequence (DA1). Kept internal; flush() writes it. */
+const SENTINEL = csi('c')
+
+type Pending =
+ | {
+ kind: 'query'
+ match: (r: TerminalResponse) => boolean
+ resolve: (r: TerminalResponse | undefined) => void
+ }
+ | { kind: 'sentinel'; resolve: () => void }
+
+export class TerminalQuerier {
+ /**
+ * Interleaved queue of queries and sentinels in send order. Terminals
+ * respond in order, so each flush() barrier only drains queries queued
+ * before it — concurrent batches from independent callers stay isolated.
+ */
+ private queue: Pending[] = []
+
+ constructor(private stdout: NodeJS.WriteStream) {}
+
+ /**
+ * Send a query and wait for its response.
+ *
+ * Resolves with the response when `query.match` matches an incoming
+ * TerminalResponse, or with `undefined` when a flush() sentinel arrives
+ * before any matching response (meaning the terminal ignored the query).
+ *
+ * Never rejects; never times out on its own. If you never call flush()
+ * and the terminal doesn't respond, the promise remains pending.
+ */
+ send(query: TerminalQuery): Promise {
+ return new Promise(resolve => {
+ this.queue.push({
+ kind: 'query',
+ match: query.match,
+ resolve: r => resolve(r as T | undefined)
+ })
+ this.stdout.write(query.request)
+ })
+ }
+
+ /**
+ * Send the DA1 sentinel. Resolves when DA1's response arrives.
+ *
+ * As a side effect, all queries still pending when DA1 arrives are
+ * resolved with `undefined` (terminal didn't respond → doesn't support
+ * the query). This is the barrier that makes send() timeout-free.
+ *
+ * Safe to call with no pending queries — still waits for a round-trip.
+ */
+ flush(): Promise {
+ return new Promise(resolve => {
+ this.queue.push({ kind: 'sentinel', resolve })
+ this.stdout.write(SENTINEL)
+ })
+ }
+
+ /**
+ * Dispatch a response parsed from stdin. Called by App.tsx's
+ * processKeysInBatch for every `kind: 'response'` item.
+ *
+ * Matching strategy:
+ * - First, try to match a pending query (FIFO, first match wins).
+ * This lets callers send(da1()) explicitly if they want the DA1
+ * params — a separate DA1 write means the terminal sends TWO DA1
+ * responses. The first matches the explicit query; the second
+ * (unmatched) fires the sentinel.
+ * - Otherwise, if this is a DA1, fire the FIRST pending sentinel:
+ * resolve any queries queued before that sentinel with undefined
+ * (the terminal answered DA1 without answering them → unsupported)
+ * and signal its flush() completion. Only draining up to the first
+ * sentinel keeps later batches intact when multiple callers have
+ * concurrent queries in flight.
+ * - Unsolicited responses (no match, no sentinel) are silently dropped.
+ */
+ onResponse(r: TerminalResponse): void {
+ const idx = this.queue.findIndex(p => p.kind === 'query' && p.match(r))
+
+ if (idx !== -1) {
+ const [q] = this.queue.splice(idx, 1)
+
+ if (q?.kind === 'query') {
+ q.resolve(r)
+ }
+
+ return
+ }
+
+ if (r.type === 'da1') {
+ const s = this.queue.findIndex(p => p.kind === 'sentinel')
+
+ if (s === -1) {
+ return
+ }
+
+ for (const p of this.queue.splice(0, s + 1)) {
+ if (p.kind === 'query') {
+ p.resolve(undefined)
+ } else {
+ p.resolve()
+ }
+ }
+ }
+ }
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/terminal.ts b/ui-tui/packages/hermes-ink/src/ink/terminal.ts
new file mode 100644
index 0000000000..8bdac62212
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/terminal.ts
@@ -0,0 +1,282 @@
+import type { Writable } from 'stream'
+
+import { coerce } from 'semver'
+
+import { env } from '../utils/env.js'
+import { gte } from '../utils/semver.js'
+
+import { getClearTerminalSequence } from './clearTerminal.js'
+import type { Diff } from './frame.js'
+import { cursorMove, cursorTo, eraseLines } from './termio/csi.js'
+import { BSU, ESU, HIDE_CURSOR, SHOW_CURSOR } from './termio/dec.js'
+import { link } from './termio/osc.js'
+
+export type Progress = {
+ state: 'running' | 'completed' | 'error' | 'indeterminate'
+ percentage?: number
+}
+
+/**
+ * Checks if the terminal supports OSC 9;4 progress reporting.
+ * Supported terminals:
+ * - ConEmu (Windows) - all versions
+ * - Ghostty 1.2.0+
+ * - iTerm2 3.6.6+
+ *
+ * Note: Windows Terminal interprets OSC 9;4 as notifications, not progress.
+ */
+export function isProgressReportingAvailable(): boolean {
+ // Only available if we have a TTY (not piped)
+ if (!process.stdout.isTTY) {
+ return false
+ }
+
+ // Explicitly exclude Windows Terminal, which interprets OSC 9;4 as
+ // notifications rather than progress indicators
+ if (process.env.WT_SESSION) {
+ return false
+ }
+
+ // ConEmu supports OSC 9;4 for progress (all versions)
+ if (process.env.ConEmuANSI || process.env.ConEmuPID || process.env.ConEmuTask) {
+ return true
+ }
+
+ const version = coerce(process.env.TERM_PROGRAM_VERSION)
+
+ if (!version) {
+ return false
+ }
+
+ // Ghostty 1.2.0+ supports OSC 9;4 for progress
+ // https://ghostty.org/docs/install/release-notes/1-2-0
+ if (process.env.TERM_PROGRAM === 'ghostty') {
+ return gte(version.version, '1.2.0')
+ }
+
+ // iTerm2 3.6.6+ supports OSC 9;4 for progress
+ // https://iterm2.com/downloads.html
+ if (process.env.TERM_PROGRAM === 'iTerm.app') {
+ return gte(version.version, '3.6.6')
+ }
+
+ return false
+}
+
+/**
+ * Checks if the terminal supports DEC mode 2026 (synchronized output).
+ * When supported, BSU/ESU sequences prevent visible flicker during redraws.
+ */
+export function isSynchronizedOutputSupported(): boolean {
+ // tmux parses and proxies every byte but doesn't implement DEC 2026.
+ // BSU/ESU pass through to the outer terminal but tmux has already
+ // broken atomicity by chunking. Skip to save 16 bytes/frame + parser work.
+ if (process.env.TMUX) {
+ return false
+ }
+
+ const termProgram = process.env.TERM_PROGRAM
+ const term = process.env.TERM
+
+ // Modern terminals with known DEC 2026 support
+ if (
+ termProgram === 'iTerm.app' ||
+ termProgram === 'WezTerm' ||
+ termProgram === 'WarpTerminal' ||
+ termProgram === 'ghostty' ||
+ termProgram === 'contour' ||
+ termProgram === 'vscode' ||
+ termProgram === 'alacritty'
+ ) {
+ return true
+ }
+
+ // kitty sets TERM=xterm-kitty or KITTY_WINDOW_ID
+ if (term?.includes('kitty') || process.env.KITTY_WINDOW_ID) {
+ return true
+ }
+
+ // Ghostty may set TERM=xterm-ghostty without TERM_PROGRAM
+ if (term === 'xterm-ghostty') {
+ return true
+ }
+
+ // foot sets TERM=foot or TERM=foot-extra
+ if (term?.startsWith('foot')) {
+ return true
+ }
+
+ // Alacritty may set TERM containing 'alacritty'
+ if (term?.includes('alacritty')) {
+ return true
+ }
+
+ // Zed uses the alacritty_terminal crate which supports DEC 2026
+ if (process.env.ZED_TERM) {
+ return true
+ }
+
+ // Windows Terminal
+ if (process.env.WT_SESSION) {
+ return true
+ }
+
+ // VTE-based terminals (GNOME Terminal, Tilix, etc.) since VTE 0.68
+ const vteVersion = process.env.VTE_VERSION
+
+ if (vteVersion) {
+ const version = parseInt(vteVersion, 10)
+
+ if (version >= 6800) {
+ return true
+ }
+ }
+
+ return false
+}
+
+// -- XTVERSION-detected terminal name (populated async at startup) --
+//
+// TERM_PROGRAM is not forwarded over SSH by default, so env-based detection
+// fails when the process runs remotely inside a VS Code integrated terminal.
+// XTVERSION (CSI > 0 q → DCS > | name ST) goes through the pty — the query
+// reaches the *client* terminal and the reply comes back through stdin.
+// App.tsx fires the query when raw mode enables; setXtversionName() is called
+// from the response handler. Readers should treat undefined as "not yet known"
+// and fall back to env-var detection.
+
+let xtversionName: string | undefined
+
+/** Record the XTVERSION response. Called once from App.tsx when the reply
+ * arrives on stdin. No-op if already set (defend against re-probe). */
+export function setXtversionName(name: string): void {
+ if (xtversionName === undefined) {
+ xtversionName = name
+ }
+}
+
+/** True if running in an xterm.js-based terminal (VS Code, Cursor, Windsurf
+ * integrated terminals). Combines TERM_PROGRAM env check (fast, sync, but
+ * not forwarded over SSH) with the XTVERSION probe result (async, survives
+ * SSH — query/reply goes through the pty). Early calls may miss the probe
+ * reply — call lazily (e.g. in an event handler) if SSH detection matters. */
+export function isXtermJs(): boolean {
+ if (process.env.TERM_PROGRAM === 'vscode') {
+ return true
+ }
+
+ return xtversionName?.startsWith('xterm.js') ?? false
+}
+
+// Terminals known to correctly implement the Kitty keyboard protocol
+// (CSI >1u) and/or xterm modifyOtherKeys (CSI >4;2m) for ctrl+shift+
+// disambiguation. We previously enabled unconditionally (#23350), assuming
+// terminals silently ignore unknown CSI — but some terminals honor the enable
+// and emit codepoints our input parser doesn't handle (notably over SSH and
+// in xterm.js-based terminals like VS Code). tmux is allowlisted because it
+// accepts modifyOtherKeys and doesn't forward the kitty sequence to the outer
+// terminal.
+const EXTENDED_KEYS_TERMINALS = ['iTerm.app', 'kitty', 'WezTerm', 'ghostty', 'tmux', 'windows-terminal']
+
+/** True if this terminal correctly handles extended key reporting
+ * (Kitty keyboard protocol + xterm modifyOtherKeys). */
+export function supportsExtendedKeys(): boolean {
+ return EXTENDED_KEYS_TERMINALS.includes(env.terminal ?? '')
+}
+
+/** True if the terminal scrolls the viewport when it receives cursor-up
+ * sequences that reach above the visible area. On Windows, conhost's
+ * SetConsoleCursorPosition follows the cursor into scrollback
+ * (microsoft/terminal#14774), yanking users to the top of their buffer
+ * mid-stream. WT_SESSION catches WSL-in-Windows-Terminal where platform
+ * is linux but output still routes through conhost. */
+export function hasCursorUpViewportYankBug(): boolean {
+ return process.platform === 'win32' || !!process.env.WT_SESSION
+}
+
+// Computed once at module load — terminal capabilities don't change mid-session.
+// Exported so callers can pass a sync-skip hint gated to specific modes.
+export const SYNC_OUTPUT_SUPPORTED = isSynchronizedOutputSupported()
+
+export type Terminal = {
+ stdout: Writable
+ stderr: Writable
+}
+
+export function writeDiffToTerminal(terminal: Terminal, diff: Diff, skipSyncMarkers = false): void {
+ // No output if there are no patches
+ if (diff.length === 0) {
+ return
+ }
+
+ // BSU/ESU wrapping is opt-out to keep main-screen behavior unchanged.
+ // Callers pass skipSyncMarkers=true when the terminal doesn't support
+ // DEC 2026 (e.g. tmux) AND the cost matters (high-frequency alt-screen).
+ const useSync = !skipSyncMarkers
+
+ // Buffer all writes into a single string to avoid multiple write calls
+ let buffer = useSync ? BSU : ''
+
+ for (const patch of diff) {
+ switch (patch.type) {
+ case 'stdout':
+ buffer += patch.content
+
+ break
+
+ case 'clear':
+ if (patch.count > 0) {
+ buffer += eraseLines(patch.count)
+ }
+
+ break
+
+ case 'clearTerminal':
+ buffer += getClearTerminalSequence()
+
+ break
+
+ case 'cursorHide':
+ buffer += HIDE_CURSOR
+
+ break
+
+ case 'cursorShow':
+ buffer += SHOW_CURSOR
+
+ break
+
+ case 'cursorMove':
+ buffer += cursorMove(patch.x, patch.y)
+
+ break
+
+ case 'cursorTo':
+ buffer += cursorTo(patch.col)
+
+ break
+
+ case 'carriageReturn':
+ buffer += '\r'
+
+ break
+
+ case 'hyperlink':
+ buffer += link(patch.uri)
+
+ break
+
+ case 'styleStr':
+ buffer += patch.str
+
+ break
+ }
+ }
+
+ // Add synchronized update end and flush buffer
+ if (useSync) {
+ buffer += ESU
+ }
+
+ terminal.stdout.write(buffer)
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/termio.ts b/ui-tui/packages/hermes-ink/src/ink/termio.ts
new file mode 100644
index 0000000000..e14db928cb
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/termio.ts
@@ -0,0 +1,42 @@
+/**
+ * ANSI Parser Module
+ *
+ * A semantic ANSI escape sequence parser inspired by ghostty, tmux, and iTerm2.
+ *
+ * Key features:
+ * - Semantic output: produces structured actions, not string tokens
+ * - Streaming: can parse input incrementally via Parser class
+ * - Style tracking: maintains text style state across parse calls
+ * - Comprehensive: supports SGR, CSI, OSC, ESC sequences
+ *
+ * Usage:
+ *
+ * ```typescript
+ * import { Parser } from './termio.js'
+ *
+ * const parser = new Parser()
+ * const actions = parser.feed('\x1b[31mred\x1b[0m')
+ * // => [{ type: 'text', graphemes: [...], style: { fg: { type: 'named', name: 'red' }, ... } }]
+ * ```
+ */
+
+// Parser
+export { Parser } from './termio/parser.js'
+// Types
+export type {
+ Action,
+ Color,
+ CursorAction,
+ CursorDirection,
+ EraseAction,
+ Grapheme,
+ LinkAction,
+ ModeAction,
+ NamedColor,
+ ScrollAction,
+ TextSegment,
+ TextStyle,
+ TitleAction,
+ UnderlineStyle
+} from './termio/types.js'
+export { colorsEqual, defaultStyle, stylesEqual } from './termio/types.js'
diff --git a/ui-tui/packages/hermes-ink/src/ink/termio/ansi.ts b/ui-tui/packages/hermes-ink/src/ink/termio/ansi.ts
new file mode 100644
index 0000000000..138cfef29c
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/termio/ansi.ts
@@ -0,0 +1,75 @@
+/**
+ * ANSI Control Characters and Escape Sequence Introducers
+ *
+ * Based on ECMA-48 / ANSI X3.64 standards.
+ */
+
+/**
+ * C0 (7-bit) control characters
+ */
+export const C0 = {
+ NUL: 0x00,
+ SOH: 0x01,
+ STX: 0x02,
+ ETX: 0x03,
+ EOT: 0x04,
+ ENQ: 0x05,
+ ACK: 0x06,
+ BEL: 0x07,
+ BS: 0x08,
+ HT: 0x09,
+ LF: 0x0a,
+ VT: 0x0b,
+ FF: 0x0c,
+ CR: 0x0d,
+ SO: 0x0e,
+ SI: 0x0f,
+ DLE: 0x10,
+ DC1: 0x11,
+ DC2: 0x12,
+ DC3: 0x13,
+ DC4: 0x14,
+ NAK: 0x15,
+ SYN: 0x16,
+ ETB: 0x17,
+ CAN: 0x18,
+ EM: 0x19,
+ SUB: 0x1a,
+ ESC: 0x1b,
+ FS: 0x1c,
+ GS: 0x1d,
+ RS: 0x1e,
+ US: 0x1f,
+ DEL: 0x7f
+} as const
+
+// String constants for output generation
+export const ESC = '\x1b'
+export const BEL = '\x07'
+export const SEP = ';'
+
+/**
+ * Escape sequence type introducers (byte after ESC)
+ */
+export const ESC_TYPE = {
+ CSI: 0x5b, // [ - Control Sequence Introducer
+ OSC: 0x5d, // ] - Operating System Command
+ DCS: 0x50, // P - Device Control String
+ APC: 0x5f, // _ - Application Program Command
+ PM: 0x5e, // ^ - Privacy Message
+ SOS: 0x58, // X - Start of String
+ ST: 0x5c // \ - String Terminator
+} as const
+
+/** Check if a byte is a C0 control character */
+export function isC0(byte: number): boolean {
+ return byte < 0x20 || byte === 0x7f
+}
+
+/**
+ * Check if a byte is an ESC sequence final byte (0-9, :, ;, <, =, >, ?, @ through ~)
+ * ESC sequences have a wider final byte range than CSI
+ */
+export function isEscFinal(byte: number): boolean {
+ return byte >= 0x30 && byte <= 0x7e
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/termio/csi.ts b/ui-tui/packages/hermes-ink/src/ink/termio/csi.ts
new file mode 100644
index 0000000000..5d4fbe7ef7
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/termio/csi.ts
@@ -0,0 +1,334 @@
+/**
+ * CSI (Control Sequence Introducer) Types
+ *
+ * Enums and types for CSI command parameters.
+ */
+
+import { ESC, ESC_TYPE, SEP } from './ansi.js'
+
+export const CSI_PREFIX = ESC + String.fromCharCode(ESC_TYPE.CSI)
+
+/**
+ * CSI parameter byte ranges
+ */
+export const CSI_RANGE = {
+ PARAM_START: 0x30,
+ PARAM_END: 0x3f,
+ INTERMEDIATE_START: 0x20,
+ INTERMEDIATE_END: 0x2f,
+ FINAL_START: 0x40,
+ FINAL_END: 0x7e
+} as const
+
+/** Check if a byte is a CSI parameter byte */
+export function isCSIParam(byte: number): boolean {
+ return byte >= CSI_RANGE.PARAM_START && byte <= CSI_RANGE.PARAM_END
+}
+
+/** Check if a byte is a CSI intermediate byte */
+export function isCSIIntermediate(byte: number): boolean {
+ return byte >= CSI_RANGE.INTERMEDIATE_START && byte <= CSI_RANGE.INTERMEDIATE_END
+}
+
+/** Check if a byte is a CSI final byte (@ through ~) */
+export function isCSIFinal(byte: number): boolean {
+ return byte >= CSI_RANGE.FINAL_START && byte <= CSI_RANGE.FINAL_END
+}
+
+/**
+ * Generate a CSI sequence: ESC [ p1;p2;...;pN final
+ * Single arg: treated as raw body
+ * Multiple args: last is final byte, rest are params joined by ;
+ */
+export function csi(...args: (string | number)[]): string {
+ if (args.length === 0) {
+ return CSI_PREFIX
+ }
+
+ if (args.length === 1) {
+ return `${CSI_PREFIX}${args[0]}`
+ }
+
+ const params = args.slice(0, -1)
+ const final = args[args.length - 1]
+
+ return `${CSI_PREFIX}${params.join(SEP)}${final}`
+}
+
+/**
+ * CSI final bytes - the command identifier
+ */
+export const CSI = {
+ // Cursor movement
+ CUU: 0x41, // A - Cursor Up
+ CUD: 0x42, // B - Cursor Down
+ CUF: 0x43, // C - Cursor Forward
+ CUB: 0x44, // D - Cursor Back
+ CNL: 0x45, // E - Cursor Next Line
+ CPL: 0x46, // F - Cursor Previous Line
+ CHA: 0x47, // G - Cursor Horizontal Absolute
+ CUP: 0x48, // H - Cursor Position
+ CHT: 0x49, // I - Cursor Horizontal Tab
+ VPA: 0x64, // d - Vertical Position Absolute
+ HVP: 0x66, // f - Horizontal Vertical Position
+
+ // Erase
+ ED: 0x4a, // J - Erase in Display
+ EL: 0x4b, // K - Erase in Line
+ ECH: 0x58, // X - Erase Character
+
+ // Insert/Delete
+ IL: 0x4c, // L - Insert Lines
+ DL: 0x4d, // M - Delete Lines
+ ICH: 0x40, // @ - Insert Characters
+ DCH: 0x50, // P - Delete Characters
+
+ // Scroll
+ SU: 0x53, // S - Scroll Up
+ SD: 0x54, // T - Scroll Down
+
+ // Modes
+ SM: 0x68, // h - Set Mode
+ RM: 0x6c, // l - Reset Mode
+
+ // SGR
+ SGR: 0x6d, // m - Select Graphic Rendition
+
+ // Other
+ DSR: 0x6e, // n - Device Status Report
+ DECSCUSR: 0x71, // q - Set Cursor Style (with space intermediate)
+ DECSTBM: 0x72, // r - Set Top and Bottom Margins
+ SCOSC: 0x73, // s - Save Cursor Position
+ SCORC: 0x75, // u - Restore Cursor Position
+ CBT: 0x5a // Z - Cursor Backward Tabulation
+} as const
+
+/**
+ * Erase in Display regions (ED command parameter)
+ */
+export const ERASE_DISPLAY = ['toEnd', 'toStart', 'all', 'scrollback'] as const
+
+/**
+ * Erase in Line regions (EL command parameter)
+ */
+export const ERASE_LINE_REGION = ['toEnd', 'toStart', 'all'] as const
+
+/**
+ * Cursor styles (DECSCUSR)
+ */
+export type CursorStyle = 'block' | 'underline' | 'bar'
+
+export const CURSOR_STYLES: Array<{ style: CursorStyle; blinking: boolean }> = [
+ { style: 'block', blinking: true }, // 0 - default
+ { style: 'block', blinking: true }, // 1
+ { style: 'block', blinking: false }, // 2
+ { style: 'underline', blinking: true }, // 3
+ { style: 'underline', blinking: false }, // 4
+ { style: 'bar', blinking: true }, // 5
+ { style: 'bar', blinking: false } // 6
+]
+
+// Cursor movement generators
+
+/** Move cursor up n lines (CSI n A) */
+export function cursorUp(n = 1): string {
+ return n === 0 ? '' : csi(n, 'A')
+}
+
+/** Move cursor down n lines (CSI n B) */
+export function cursorDown(n = 1): string {
+ return n === 0 ? '' : csi(n, 'B')
+}
+
+/** Move cursor forward n columns (CSI n C) */
+export function cursorForward(n = 1): string {
+ return n === 0 ? '' : csi(n, 'C')
+}
+
+/** Move cursor back n columns (CSI n D) */
+export function cursorBack(n = 1): string {
+ return n === 0 ? '' : csi(n, 'D')
+}
+
+/** Move cursor to column n (1-indexed) (CSI n G) */
+export function cursorTo(col: number): string {
+ return csi(col, 'G')
+}
+
+/** Move cursor to column 1 (CSI G) */
+export const CURSOR_LEFT = csi('G')
+
+/** Move cursor to row, col (1-indexed) (CSI row ; col H) */
+export function cursorPosition(row: number, col: number): string {
+ return csi(row, col, 'H')
+}
+
+/** Move cursor to home position (CSI H) */
+export const CURSOR_HOME = csi('H')
+
+/**
+ * Move cursor relative to current position
+ * Positive x = right, negative x = left
+ * Positive y = down, negative y = up
+ */
+export function cursorMove(x: number, y: number): string {
+ let result = ''
+
+ // Horizontal first (matches ansi-escapes behavior)
+ if (x < 0) {
+ result += cursorBack(-x)
+ } else if (x > 0) {
+ result += cursorForward(x)
+ }
+
+ // Then vertical
+ if (y < 0) {
+ result += cursorUp(-y)
+ } else if (y > 0) {
+ result += cursorDown(y)
+ }
+
+ return result
+}
+
+// Save/restore cursor position
+
+/** Save cursor position (CSI s) */
+export const CURSOR_SAVE = csi('s')
+
+/** Restore cursor position (CSI u) */
+export const CURSOR_RESTORE = csi('u')
+
+// Erase generators
+
+/** Erase from cursor to end of line (CSI K) */
+export function eraseToEndOfLine(): string {
+ return csi('K')
+}
+
+/** Erase from cursor to start of line (CSI 1 K) */
+export function eraseToStartOfLine(): string {
+ return csi(1, 'K')
+}
+
+/** Erase entire line (CSI 2 K) */
+export function eraseLine(): string {
+ return csi(2, 'K')
+}
+
+/** Erase entire line - constant form */
+export const ERASE_LINE = csi(2, 'K')
+
+/** Erase from cursor to end of screen (CSI J) */
+export function eraseToEndOfScreen(): string {
+ return csi('J')
+}
+
+/** Erase from cursor to start of screen (CSI 1 J) */
+export function eraseToStartOfScreen(): string {
+ return csi(1, 'J')
+}
+
+/** Erase entire screen (CSI 2 J) */
+export function eraseScreen(): string {
+ return csi(2, 'J')
+}
+
+/** Erase entire screen - constant form */
+export const ERASE_SCREEN = csi(2, 'J')
+
+/** Erase scrollback buffer (CSI 3 J) */
+export const ERASE_SCROLLBACK = csi(3, 'J')
+
+/**
+ * Erase n lines starting from cursor line, moving cursor up
+ * This erases each line and moves up, ending at column 1
+ */
+export function eraseLines(n: number): string {
+ if (n <= 0) {
+ return ''
+ }
+
+ let result = ''
+
+ for (let i = 0; i < n; i++) {
+ result += ERASE_LINE
+
+ if (i < n - 1) {
+ result += cursorUp(1)
+ }
+ }
+
+ result += CURSOR_LEFT
+
+ return result
+}
+
+// Scroll
+
+/** Scroll up n lines (CSI n S) */
+export function scrollUp(n = 1): string {
+ return n === 0 ? '' : csi(n, 'S')
+}
+
+/** Scroll down n lines (CSI n T) */
+export function scrollDown(n = 1): string {
+ return n === 0 ? '' : csi(n, 'T')
+}
+
+/** Set scroll region (DECSTBM, CSI top;bottom r). 1-indexed, inclusive. */
+export function setScrollRegion(top: number, bottom: number): string {
+ return csi(top, bottom, 'r')
+}
+
+/** Reset scroll region to full screen (DECSTBM, CSI r). Homes the cursor. */
+export const RESET_SCROLL_REGION = csi('r')
+
+// Bracketed paste markers (input from terminal, not output)
+// These are sent by the terminal to delimit pasted content when
+// bracketed paste mode is enabled (via DEC mode 2004)
+
+/** Sent by terminal before pasted content (CSI 200 ~) */
+export const PASTE_START = csi('200~')
+
+/** Sent by terminal after pasted content (CSI 201 ~) */
+export const PASTE_END = csi('201~')
+
+// Focus event markers (input from terminal, not output)
+// These are sent by the terminal when focus changes while
+// focus events mode is enabled (via DEC mode 1004)
+
+/** Sent by terminal when it gains focus (CSI I) */
+export const FOCUS_IN = csi('I')
+
+/** Sent by terminal when it loses focus (CSI O) */
+export const FOCUS_OUT = csi('O')
+
+// Kitty keyboard protocol (CSI u)
+// Enables enhanced key reporting with modifier information
+// See: https://sw.kovidgoyal.net/kitty/keyboard-protocol/
+
+/**
+ * Enable Kitty keyboard protocol with basic modifier reporting
+ * CSI > 1 u - pushes mode with flags=1 (disambiguate escape codes)
+ * This makes Shift+Enter send CSI 13;2 u instead of just CR
+ */
+export const ENABLE_KITTY_KEYBOARD = csi('>1u')
+
+/**
+ * Disable Kitty keyboard protocol
+ * CSI < u - pops the keyboard mode stack
+ */
+export const DISABLE_KITTY_KEYBOARD = csi('4;2m')
+
+/**
+ * Disable xterm modifyOtherKeys (reset to default).
+ */
+export const DISABLE_MODIFY_OTHER_KEYS = csi('>4m')
diff --git a/ui-tui/packages/hermes-ink/src/ink/termio/dec.ts b/ui-tui/packages/hermes-ink/src/ink/termio/dec.ts
new file mode 100644
index 0000000000..4548b923ff
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/termio/dec.ts
@@ -0,0 +1,54 @@
+/**
+ * DEC (Digital Equipment Corporation) Private Mode Sequences
+ *
+ * DEC private modes use CSI ? N h (set) and CSI ? N l (reset) format.
+ * These are terminal-specific extensions to the ANSI standard.
+ */
+
+import { csi } from './csi.js'
+
+/**
+ * DEC private mode numbers
+ */
+export const DEC = {
+ CURSOR_VISIBLE: 25,
+ ALT_SCREEN: 47,
+ ALT_SCREEN_CLEAR: 1049,
+ MOUSE_NORMAL: 1000,
+ MOUSE_BUTTON: 1002,
+ MOUSE_ANY: 1003,
+ MOUSE_SGR: 1006,
+ FOCUS_EVENTS: 1004,
+ BRACKETED_PASTE: 2004,
+ SYNCHRONIZED_UPDATE: 2026
+} as const
+
+/** Generate CSI ? N h sequence (set mode) */
+export function decset(mode: number): string {
+ return csi(`?${mode}h`)
+}
+
+/** Generate CSI ? N l sequence (reset mode) */
+export function decreset(mode: number): string {
+ return csi(`?${mode}l`)
+}
+
+// Pre-generated sequences for common modes
+export const BSU = decset(DEC.SYNCHRONIZED_UPDATE)
+export const ESU = decreset(DEC.SYNCHRONIZED_UPDATE)
+export const EBP = decset(DEC.BRACKETED_PASTE)
+export const DBP = decreset(DEC.BRACKETED_PASTE)
+export const EFE = decset(DEC.FOCUS_EVENTS)
+export const DFE = decreset(DEC.FOCUS_EVENTS)
+export const SHOW_CURSOR = decset(DEC.CURSOR_VISIBLE)
+export const HIDE_CURSOR = decreset(DEC.CURSOR_VISIBLE)
+export const ENTER_ALT_SCREEN = decset(DEC.ALT_SCREEN_CLEAR)
+export const EXIT_ALT_SCREEN = decreset(DEC.ALT_SCREEN_CLEAR)
+// Mouse tracking: 1000 reports button press/release/wheel, 1002 adds drag
+// events (button-motion), 1003 adds all-motion (no button held — for
+// hover), 1006 uses SGR format (CSI < btn;col;row M/m) instead of legacy
+// X10 bytes. Combined: wheel + click/drag for selection + hover.
+export const ENABLE_MOUSE_TRACKING =
+ decset(DEC.MOUSE_NORMAL) + decset(DEC.MOUSE_BUTTON) + decset(DEC.MOUSE_ANY) + decset(DEC.MOUSE_SGR)
+export const DISABLE_MOUSE_TRACKING =
+ decreset(DEC.MOUSE_SGR) + decreset(DEC.MOUSE_ANY) + decreset(DEC.MOUSE_BUTTON) + decreset(DEC.MOUSE_NORMAL)
diff --git a/ui-tui/packages/hermes-ink/src/ink/termio/esc.ts b/ui-tui/packages/hermes-ink/src/ink/termio/esc.ts
new file mode 100644
index 0000000000..4e38d7d035
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/termio/esc.ts
@@ -0,0 +1,69 @@
+/**
+ * ESC Sequence Parser
+ *
+ * Handles simple escape sequences: ESC + one or two characters
+ */
+
+import type { Action } from './types.js'
+
+/**
+ * Parse a simple ESC sequence
+ *
+ * @param chars - Characters after ESC (not including ESC itself)
+ */
+export function parseEsc(chars: string): Action | null {
+ if (chars.length === 0) {
+ return null
+ }
+
+ const first = chars[0]!
+
+ // Full reset (RIS)
+ if (first === 'c') {
+ return { type: 'reset' }
+ }
+
+ // Cursor save (DECSC)
+ if (first === '7') {
+ return { type: 'cursor', action: { type: 'save' } }
+ }
+
+ // Cursor restore (DECRC)
+ if (first === '8') {
+ return { type: 'cursor', action: { type: 'restore' } }
+ }
+
+ // Index - move cursor down (IND)
+ if (first === 'D') {
+ return {
+ type: 'cursor',
+ action: { type: 'move', direction: 'down', count: 1 }
+ }
+ }
+
+ // Reverse index - move cursor up (RI)
+ if (first === 'M') {
+ return {
+ type: 'cursor',
+ action: { type: 'move', direction: 'up', count: 1 }
+ }
+ }
+
+ // Next line (NEL)
+ if (first === 'E') {
+ return { type: 'cursor', action: { type: 'nextLine', count: 1 } }
+ }
+
+ // Horizontal tab set (HTS)
+ if (first === 'H') {
+ return null // Tab stop, not commonly needed
+ }
+
+ // Charset selection (ESC ( X, ESC ) X, etc.) - silently ignore
+ if ('()'.includes(first) && chars.length >= 2) {
+ return null
+ }
+
+ // Unknown
+ return { type: 'unknown', sequence: `\x1b${chars}` }
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/termio/osc.ts b/ui-tui/packages/hermes-ink/src/ink/termio/osc.ts
new file mode 100644
index 0000000000..49f222395a
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/termio/osc.ts
@@ -0,0 +1,554 @@
+/**
+ * OSC (Operating System Command) Types and Parser
+ */
+
+import { Buffer } from 'buffer'
+
+import { env } from '../../utils/env.js'
+import { execFileNoThrow } from '../../utils/execFileNoThrow.js'
+
+import { BEL, ESC, ESC_TYPE, SEP } from './ansi.js'
+import type { Action, Color, TabStatusAction } from './types.js'
+
+export const OSC_PREFIX = ESC + String.fromCharCode(ESC_TYPE.OSC)
+
+/** String Terminator (ESC \) - alternative to BEL for terminating OSC */
+export const ST = ESC + '\\'
+
+/** Generate an OSC sequence: ESC ] p1;p2;...;pN
+ * Uses ST terminator for Kitty (avoids beeps), BEL for others */
+export function osc(...parts: (string | number)[]): string {
+ const terminator = env.terminal === 'kitty' ? ST : BEL
+
+ return `${OSC_PREFIX}${parts.join(SEP)}${terminator}`
+}
+
+/**
+ * Wrap an escape sequence for terminal multiplexer passthrough.
+ * tmux and GNU screen intercept escape sequences; DCS passthrough
+ * tunnels them to the outer terminal unmodified.
+ *
+ * tmux 3.3+ gates this behind `allow-passthrough` (default off). When off,
+ * tmux silently drops the whole DCS — no junk, no worse than unwrapped OSC.
+ * Users who want passthrough set it in their .tmux.conf; we don't mutate it.
+ *
+ * Do NOT wrap BEL: raw \x07 triggers tmux's bell-action (window flag);
+ * wrapped \x07 is opaque DCS payload and tmux never sees the bell.
+ */
+export function wrapForMultiplexer(sequence: string): string {
+ if (process.env['TMUX']) {
+ const escaped = sequence.replaceAll('\x1b', '\x1b\x1b')
+
+ return `\x1bPtmux;${escaped}\x1b\\`
+ }
+
+ if (process.env['STY']) {
+ return `\x1bP${sequence}\x1b\\`
+ }
+
+ return sequence
+}
+
+/**
+ * Which path setClipboard() will take, based on env state. Synchronous so
+ * callers can show an honest toast without awaiting the copy itself.
+ *
+ * - 'native': pbcopy (or equivalent) will run — high-confidence system
+ * clipboard write. tmux buffer may also be loaded as a bonus.
+ * - 'tmux-buffer': tmux load-buffer will run, but no native tool — paste
+ * with prefix+] works. System clipboard depends on tmux's set-clipboard
+ * option + outer terminal OSC 52 support; can't know from here.
+ * - 'osc52': only the raw OSC 52 sequence will be written to stdout.
+ * Best-effort; iTerm2 disables OSC 52 by default.
+ *
+ * pbcopy gating uses SSH_CONNECTION specifically, not SSH_TTY — tmux panes
+ * inherit SSH_TTY forever even after local reattach, but SSH_CONNECTION is
+ * in tmux's default update-environment set and gets cleared.
+ */
+export type ClipboardPath = 'native' | 'tmux-buffer' | 'osc52'
+
+export function getClipboardPath(): ClipboardPath {
+ const nativeAvailable = process.platform === 'darwin' && !process.env['SSH_CONNECTION']
+
+ if (nativeAvailable) {
+ return 'native'
+ }
+
+ if (process.env['TMUX']) {
+ return 'tmux-buffer'
+ }
+
+ return 'osc52'
+}
+
+/**
+ * Wrap a payload in tmux's DCS passthrough: ESC P tmux ; ESC \
+ * tmux forwards the payload to the outer terminal, bypassing its own parser.
+ * Inner ESCs must be doubled. Requires `set -g allow-passthrough on` in
+ * ~/.tmux.conf; without it, tmux silently drops the whole DCS (no regression).
+ */
+function tmuxPassthrough(payload: string): string {
+ return `${ESC}Ptmux;${payload.replaceAll(ESC, ESC + ESC)}${ST}`
+}
+
+/**
+ * Load text into tmux's paste buffer via `tmux load-buffer`.
+ * -w (tmux 3.2+) propagates to the outer terminal's clipboard via tmux's
+ * own OSC 52 emission. -w is dropped for iTerm2: tmux's OSC 52 emission
+ * crashes the iTerm2 session over SSH.
+ *
+ * Returns true if the buffer was loaded successfully.
+ */
+export async function tmuxLoadBuffer(text: string): Promise {
+ if (!process.env['TMUX']) {
+ return false
+ }
+
+ const args = process.env['LC_TERMINAL'] === 'iTerm2' ? ['load-buffer', '-'] : ['load-buffer', '-w', '-']
+
+ const { code } = await execFileNoThrow('tmux', args, {
+ input: text,
+ useCwd: false,
+ timeout: 2000
+ })
+
+ return code === 0
+}
+
+/**
+ * OSC 52 clipboard write: ESC ] 52 ; c ; BEL/ST
+ * 'c' selects the clipboard (vs 'p' for primary selection on X11).
+ *
+ * When inside tmux ($TMUX set), `tmux load-buffer -w -` is the primary
+ * path. tmux's buffer is always reachable — works over SSH, survives
+ * detach/reattach, immune to stale env vars. The -w flag (tmux 3.2+) tells
+ * tmux to also propagate to the outer terminal via its own OSC 52 path,
+ * which tmux wraps correctly for the attached client. On older tmux, -w is
+ * ignored and the buffer is still loaded. -w is dropped for iTerm2 (#22432)
+ * because tmux's own OSC 52 emission (empty selection param: ESC]52;;b64)
+ * crashes iTerm2 over SSH.
+ *
+ * After load-buffer succeeds, we ALSO return a DCS-passthrough-wrapped
+ * OSC 52 for the caller to write to stdout. Our sequence uses explicit `c`
+ * (not tmux's crashy empty-param variant), so it sidesteps the #22432 path.
+ * With `allow-passthrough on` + an OSC-52-capable outer terminal, selection
+ * reaches the system clipboard; with either off, tmux silently drops the
+ * DCS and prefix+] still works. See Greg Smith's "free pony" in
+ * https://anthropic.slack.com/archives/C07VBSHV7EV/p1773177228548119.
+ *
+ * If load-buffer fails entirely, fall through to raw OSC 52.
+ *
+ * Outside tmux, write raw OSC 52 to stdout (caller handles the write).
+ *
+ * Local (no SSH_CONNECTION): also shell out to a native clipboard utility.
+ * OSC 52 and tmux -w both depend on terminal settings — iTerm2 disables
+ * OSC 52 by default, VS Code shows a permission prompt on first use. Native
+ * utilities (pbcopy/wl-copy/xclip/xsel/clip.exe) always work locally. Over
+ * SSH these would write to the remote clipboard — OSC 52 is the right path there.
+ *
+ * Returns the sequence for the caller to write to stdout (raw OSC 52
+ * outside tmux, DCS-wrapped inside).
+ */
+export async function setClipboard(text: string): Promise {
+ const b64 = Buffer.from(text, 'utf8').toString('base64')
+ const raw = osc(OSC.CLIPBOARD, 'c', b64)
+
+ // Native safety net — fire FIRST, before the tmux await, so a quick
+ // focus-switch after selecting doesn't race pbcopy. Previously this ran
+ // AFTER awaiting tmux load-buffer, adding ~50-100ms of subprocess latency
+ // before pbcopy even started — fast cmd+tab → paste would beat it
+ // (https://anthropic.slack.com/archives/C07VBSHV7EV/p1773943921788829).
+ // Gated on SSH_CONNECTION (not SSH_TTY) since tmux panes inherit SSH_TTY
+ // forever but SSH_CONNECTION is in tmux's default update-environment and
+ // clears on local attach. Fire-and-forget.
+ if (!process.env['SSH_CONNECTION']) {
+ copyNative(text)
+ }
+
+ const tmuxBufferLoaded = await tmuxLoadBuffer(text)
+
+ // Inner OSC uses BEL directly (not osc()) — ST's ESC would need doubling
+ // too, and BEL works everywhere for OSC 52.
+ if (tmuxBufferLoaded) {
+ return tmuxPassthrough(`${ESC}]52;c;${b64}${BEL}`)
+ }
+
+ return raw
+}
+
+// Linux clipboard tool: undefined = not yet probed, null = none available.
+// Probe order: wl-copy (Wayland) → xclip (X11) → xsel (X11 fallback).
+// Cached after first attempt so repeated mouse-ups skip the probe chain.
+let linuxCopy: 'wl-copy' | 'xclip' | 'xsel' | null | undefined
+
+/**
+ * Shell out to a native clipboard utility as a safety net for OSC 52.
+ * Only called when not in an SSH session (over SSH, these would write to
+ * the remote machine's clipboard — OSC 52 is the right path there).
+ * Fire-and-forget: failures are silent since OSC 52 may have succeeded.
+ */
+function copyNative(text: string): void {
+ const opts = { input: text, useCwd: false, timeout: 2000 }
+
+ switch (process.platform) {
+ case 'darwin':
+ void execFileNoThrow('pbcopy', [], opts)
+
+ return
+ case 'linux': {
+ if (linuxCopy === null) {
+ return
+ }
+
+ if (linuxCopy === 'wl-copy') {
+ void execFileNoThrow('wl-copy', [], opts)
+
+ return
+ }
+
+ if (linuxCopy === 'xclip') {
+ void execFileNoThrow('xclip', ['-selection', 'clipboard'], opts)
+
+ return
+ }
+
+ if (linuxCopy === 'xsel') {
+ void execFileNoThrow('xsel', ['--clipboard', '--input'], opts)
+
+ return
+ }
+
+ // First call: probe wl-copy (Wayland) then xclip/xsel (X11), cache winner.
+ void execFileNoThrow('wl-copy', [], opts).then(r => {
+ if (r.code === 0) {
+ linuxCopy = 'wl-copy'
+
+ return
+ }
+
+ void execFileNoThrow('xclip', ['-selection', 'clipboard'], opts).then(r2 => {
+ if (r2.code === 0) {
+ linuxCopy = 'xclip'
+
+ return
+ }
+
+ void execFileNoThrow('xsel', ['--clipboard', '--input'], opts).then(r3 => {
+ linuxCopy = r3.code === 0 ? 'xsel' : null
+ })
+ })
+ })
+
+ return
+ }
+
+ case 'win32':
+ // clip.exe is always available on Windows. Unicode handling is
+ // imperfect (system locale encoding) but good enough for a fallback.
+ void execFileNoThrow('clip', [], opts)
+
+ return
+ }
+}
+
+/** @internal test-only */
+export function _resetLinuxCopyCache(): void {
+ linuxCopy = undefined
+}
+
+/**
+ * OSC command numbers
+ */
+export const OSC = {
+ SET_TITLE_AND_ICON: 0,
+ SET_ICON: 1,
+ SET_TITLE: 2,
+ SET_COLOR: 4,
+ SET_CWD: 7,
+ HYPERLINK: 8,
+ ITERM2: 9, // iTerm2 proprietary sequences
+ SET_FG_COLOR: 10,
+ SET_BG_COLOR: 11,
+ SET_CURSOR_COLOR: 12,
+ CLIPBOARD: 52,
+ KITTY: 99, // Kitty notification protocol
+ RESET_COLOR: 104,
+ RESET_FG_COLOR: 110,
+ RESET_BG_COLOR: 111,
+ RESET_CURSOR_COLOR: 112,
+ SEMANTIC_PROMPT: 133,
+ GHOSTTY: 777, // Ghostty notification protocol
+ TAB_STATUS: 21337 // Tab status extension
+} as const
+
+/**
+ * Parse an OSC sequence into an action
+ *
+ * @param content - The sequence content (without ESC ] and terminator)
+ */
+export function parseOSC(content: string): Action | null {
+ const semicolonIdx = content.indexOf(';')
+ const command = semicolonIdx >= 0 ? content.slice(0, semicolonIdx) : content
+ const data = semicolonIdx >= 0 ? content.slice(semicolonIdx + 1) : ''
+
+ const commandNum = parseInt(command, 10)
+
+ // Window/icon title
+ if (commandNum === OSC.SET_TITLE_AND_ICON) {
+ return { type: 'title', action: { type: 'both', title: data } }
+ }
+
+ if (commandNum === OSC.SET_ICON) {
+ return { type: 'title', action: { type: 'iconName', name: data } }
+ }
+
+ if (commandNum === OSC.SET_TITLE) {
+ return { type: 'title', action: { type: 'windowTitle', title: data } }
+ }
+
+ // Hyperlinks (OSC 8)
+ if (commandNum === OSC.HYPERLINK) {
+ const parts = data.split(';')
+ const paramsStr = parts[0] ?? ''
+ const url = parts.slice(1).join(';')
+
+ if (url === '') {
+ return { type: 'link', action: { type: 'end' } }
+ }
+
+ const params: Record = {}
+
+ if (paramsStr) {
+ for (const pair of paramsStr.split(':')) {
+ const eqIdx = pair.indexOf('=')
+
+ if (eqIdx >= 0) {
+ params[pair.slice(0, eqIdx)] = pair.slice(eqIdx + 1)
+ }
+ }
+ }
+
+ return {
+ type: 'link',
+ action: {
+ type: 'start',
+ url,
+ params: Object.keys(params).length > 0 ? params : undefined
+ }
+ }
+ }
+
+ // Tab status (OSC 21337)
+ if (commandNum === OSC.TAB_STATUS) {
+ return { type: 'tabStatus', action: parseTabStatus(data) }
+ }
+
+ return { type: 'unknown', sequence: `\x1b]${content}` }
+}
+
+/**
+ * Parse an XParseColor-style color spec into an RGB Color.
+ * Accepts `#RRGGBB` and `rgb:R/G/B` (1–4 hex digits per component, scaled
+ * to 8-bit). Returns null on parse failure.
+ */
+export function parseOscColor(spec: string): Color | null {
+ const hex = spec.match(/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i)
+
+ if (hex) {
+ return {
+ type: 'rgb',
+ r: parseInt(hex[1]!, 16),
+ g: parseInt(hex[2]!, 16),
+ b: parseInt(hex[3]!, 16)
+ }
+ }
+
+ const rgb = spec.match(/^rgb:([0-9a-f]{1,4})\/([0-9a-f]{1,4})\/([0-9a-f]{1,4})$/i)
+
+ if (rgb) {
+ // XParseColor: N hex digits → value / (16^N - 1), scale to 0-255
+ const scale = (s: string) => Math.round((parseInt(s, 16) / (16 ** s.length - 1)) * 255)
+
+ return {
+ type: 'rgb',
+ r: scale(rgb[1]!),
+ g: scale(rgb[2]!),
+ b: scale(rgb[3]!)
+ }
+ }
+
+ return null
+}
+
+/**
+ * Parse OSC 21337 payload: `key=value;key=value;...` with `\;` and `\\`
+ * escapes inside values. Bare key or `key=` clears that field; unknown
+ * keys are ignored.
+ */
+function parseTabStatus(data: string): TabStatusAction {
+ const action: TabStatusAction = {}
+
+ for (const [key, value] of splitTabStatusPairs(data)) {
+ switch (key) {
+ case 'indicator':
+ action.indicator = value === '' ? null : parseOscColor(value)
+
+ break
+
+ case 'status':
+ action.status = value === '' ? null : value
+
+ break
+
+ case 'status-color':
+ action.statusColor = value === '' ? null : parseOscColor(value)
+
+ break
+ }
+ }
+
+ return action
+}
+
+/** Split `k=v;k=v` honoring `\;` and `\\` escapes. Yields [key, unescapedValue]. */
+function* splitTabStatusPairs(data: string): Generator<[string, string]> {
+ let key = ''
+ let val = ''
+ let inVal = false
+ let esc = false
+
+ for (const c of data) {
+ if (esc) {
+ if (inVal) {
+ val += c
+ } else {
+ key += c
+ }
+
+ esc = false
+ } else if (c === '\\') {
+ esc = true
+ } else if (c === ';') {
+ yield [key, val]
+ key = ''
+ val = ''
+ inVal = false
+ } else if (c === '=' && !inVal) {
+ inVal = true
+ } else if (inVal) {
+ val += c
+ } else {
+ key += c
+ }
+ }
+
+ if (key || inVal) {
+ yield [key, val]
+ }
+}
+
+// Output generators
+
+/** Start a hyperlink (OSC 8). Auto-assigns an id= param derived from the URL
+ * so terminals group wrapped lines of the same link together (the spec says
+ * cells with matching URI *and* nonempty id are joined; without an id each
+ * wrapped line is a separate link — inconsistent hover, partial tooltips).
+ * Empty url = close sequence (empty params per spec). */
+export function link(url: string, params?: Record): string {
+ if (!url) {
+ return LINK_END
+ }
+
+ const p = { id: osc8Id(url), ...params }
+
+ const paramStr = Object.entries(p)
+ .map(([k, v]) => `${k}=${v}`)
+ .join(':')
+
+ return osc(OSC.HYPERLINK, paramStr, url)
+}
+
+function osc8Id(url: string): string {
+ let h = 0
+
+ for (let i = 0; i < url.length; i++) {
+ h = ((h << 5) - h + url.charCodeAt(i)) | 0
+ }
+
+ return (h >>> 0).toString(36)
+}
+
+/** End a hyperlink (OSC 8) */
+export const LINK_END = osc(OSC.HYPERLINK, '', '')
+
+// iTerm2 OSC 9 subcommands
+
+/** iTerm2 OSC 9 subcommand numbers */
+export const ITERM2 = {
+ NOTIFY: 0,
+ BADGE: 2,
+ PROGRESS: 4
+} as const
+
+/** Progress operation codes (for use with ITERM2.PROGRESS) */
+export const PROGRESS = {
+ CLEAR: 0,
+ SET: 1,
+ ERROR: 2,
+ INDETERMINATE: 3
+} as const
+
+/**
+ * Clear iTerm2 progress bar sequence (OSC 9;4;0;BEL)
+ * Uses BEL terminator since this is for cleanup (not runtime notification)
+ * and we want to ensure it's always sent regardless of terminal type.
+ */
+export const CLEAR_ITERM2_PROGRESS = `${OSC_PREFIX}${OSC.ITERM2};${ITERM2.PROGRESS};${PROGRESS.CLEAR};${BEL}`
+
+/**
+ * Clear terminal title sequence (OSC 0 with empty string + BEL).
+ * Uses BEL terminator for cleanup — safe on all terminals.
+ */
+export const CLEAR_TERMINAL_TITLE = `${OSC_PREFIX}${OSC.SET_TITLE_AND_ICON};${BEL}`
+
+/** Clear all three OSC 21337 tab-status fields. Used on exit. */
+export const CLEAR_TAB_STATUS = osc(OSC.TAB_STATUS, 'indicator=;status=;status-color=')
+
+/**
+ * Gate for emitting OSC 21337 (tab-status indicator). Ant-only while the
+ * spec is unstable. Terminals that don't recognize it discard silently, so
+ * emission is safe unconditionally — we don't gate on terminal detection
+ * since support is expected across several terminals.
+ *
+ * Callers must wrap output with wrapForMultiplexer() so tmux/screen
+ * DCS-passthrough carries the sequence to the outer terminal.
+ */
+export function supportsTabStatus(): boolean {
+ return process.env.USER_TYPE === 'ant'
+}
+
+/**
+ * Emit an OSC 21337 tab-status sequence. Omitted fields are left unchanged
+ * by the receiving terminal; `null` sends an empty value to clear.
+ * `;` and `\` in status text are escaped per the spec.
+ */
+export function tabStatus(fields: TabStatusAction): string {
+ const parts: string[] = []
+
+ const rgb = (c: Color) =>
+ c.type === 'rgb' ? `#${[c.r, c.g, c.b].map(n => n.toString(16).padStart(2, '0')).join('')}` : ''
+
+ if ('indicator' in fields) {
+ parts.push(`indicator=${fields.indicator ? rgb(fields.indicator) : ''}`)
+ }
+
+ if ('status' in fields) {
+ parts.push(`status=${fields.status?.replaceAll('\\', '\\\\').replaceAll(';', '\\;') ?? ''}`)
+ }
+
+ if ('statusColor' in fields) {
+ parts.push(`status-color=${fields.statusColor ? rgb(fields.statusColor) : ''}`)
+ }
+
+ return osc(OSC.TAB_STATUS, parts.join(';'))
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/termio/parser.ts b/ui-tui/packages/hermes-ink/src/ink/termio/parser.ts
new file mode 100644
index 0000000000..0f58d6f203
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/termio/parser.ts
@@ -0,0 +1,467 @@
+/**
+ * ANSI Parser - Semantic Action Generator
+ *
+ * A streaming parser for ANSI escape sequences that produces semantic actions.
+ * Uses the tokenizer for escape sequence boundary detection, then interprets
+ * each sequence to produce structured actions.
+ *
+ * Key design decisions:
+ * - Streaming: can process input incrementally
+ * - Semantic output: produces structured actions, not string tokens
+ * - Style tracking: maintains current text style state
+ */
+
+import { getGraphemeSegmenter } from '../../utils/intl.js'
+
+import { C0 } from './ansi.js'
+import { CSI, CURSOR_STYLES, ERASE_DISPLAY, ERASE_LINE_REGION } from './csi.js'
+import { DEC } from './dec.js'
+import { parseEsc } from './esc.js'
+import { parseOSC } from './osc.js'
+import { applySGR } from './sgr.js'
+import { createTokenizer, type Token, type Tokenizer } from './tokenize.js'
+import type { Action, Grapheme, TextStyle } from './types.js'
+import { defaultStyle } from './types.js'
+
+// =============================================================================
+// Grapheme Utilities
+// =============================================================================
+
+function isEmoji(codePoint: number): boolean {
+ return (
+ (codePoint >= 0x2600 && codePoint <= 0x26ff) ||
+ (codePoint >= 0x2700 && codePoint <= 0x27bf) ||
+ (codePoint >= 0x1f300 && codePoint <= 0x1f9ff) ||
+ (codePoint >= 0x1fa00 && codePoint <= 0x1faff) ||
+ (codePoint >= 0x1f1e0 && codePoint <= 0x1f1ff)
+ )
+}
+
+function isEastAsianWide(codePoint: number): boolean {
+ return (
+ (codePoint >= 0x1100 && codePoint <= 0x115f) ||
+ (codePoint >= 0x2e80 && codePoint <= 0x9fff) ||
+ (codePoint >= 0xac00 && codePoint <= 0xd7a3) ||
+ (codePoint >= 0xf900 && codePoint <= 0xfaff) ||
+ (codePoint >= 0xfe10 && codePoint <= 0xfe1f) ||
+ (codePoint >= 0xfe30 && codePoint <= 0xfe6f) ||
+ (codePoint >= 0xff00 && codePoint <= 0xff60) ||
+ (codePoint >= 0xffe0 && codePoint <= 0xffe6) ||
+ (codePoint >= 0x20000 && codePoint <= 0x2fffd) ||
+ (codePoint >= 0x30000 && codePoint <= 0x3fffd)
+ )
+}
+
+function hasMultipleCodepoints(str: string): boolean {
+ let count = 0
+
+ for (const _ of str) {
+ count++
+
+ if (count > 1) {
+ return true
+ }
+ }
+
+ return false
+}
+
+function graphemeWidth(grapheme: string): 1 | 2 {
+ if (hasMultipleCodepoints(grapheme)) {
+ return 2
+ }
+
+ const codePoint = grapheme.codePointAt(0)
+
+ if (codePoint === undefined) {
+ return 1
+ }
+
+ if (isEmoji(codePoint) || isEastAsianWide(codePoint)) {
+ return 2
+ }
+
+ return 1
+}
+
+function* segmentGraphemes(str: string): Generator {
+ for (const { segment } of getGraphemeSegmenter().segment(str)) {
+ yield { value: segment, width: graphemeWidth(segment) }
+ }
+}
+
+// =============================================================================
+// Sequence Parsing
+// =============================================================================
+
+function parseCSIParams(paramStr: string): number[] {
+ if (paramStr === '') {
+ return []
+ }
+
+ return paramStr.split(/[;:]/).map(s => (s === '' ? 0 : parseInt(s, 10)))
+}
+
+/** Parse a raw CSI sequence (e.g., "\x1b[31m") into an action */
+function parseCSI(rawSequence: string): Action | null {
+ const inner = rawSequence.slice(2)
+
+ if (inner.length === 0) {
+ return null
+ }
+
+ const finalByte = inner.charCodeAt(inner.length - 1)
+ const beforeFinal = inner.slice(0, -1)
+
+ let privateMode = ''
+ let paramStr = beforeFinal
+ let intermediate = ''
+
+ if (beforeFinal.length > 0 && '?>='.includes(beforeFinal[0]!)) {
+ privateMode = beforeFinal[0]!
+ paramStr = beforeFinal.slice(1)
+ }
+
+ const intermediateMatch = paramStr.match(/([^0-9;:]+)$/)
+
+ if (intermediateMatch) {
+ intermediate = intermediateMatch[1]!
+ paramStr = paramStr.slice(0, -intermediate.length)
+ }
+
+ const params = parseCSIParams(paramStr)
+ const p0 = params[0] ?? 1
+ const p1 = params[1] ?? 1
+
+ // SGR (Select Graphic Rendition)
+ if (finalByte === CSI.SGR && privateMode === '') {
+ return { type: 'sgr', params: paramStr }
+ }
+
+ // Cursor movement
+ if (finalByte === CSI.CUU) {
+ return {
+ type: 'cursor',
+ action: { type: 'move', direction: 'up', count: p0 }
+ }
+ }
+
+ if (finalByte === CSI.CUD) {
+ return {
+ type: 'cursor',
+ action: { type: 'move', direction: 'down', count: p0 }
+ }
+ }
+
+ if (finalByte === CSI.CUF) {
+ return {
+ type: 'cursor',
+ action: { type: 'move', direction: 'forward', count: p0 }
+ }
+ }
+
+ if (finalByte === CSI.CUB) {
+ return {
+ type: 'cursor',
+ action: { type: 'move', direction: 'back', count: p0 }
+ }
+ }
+
+ if (finalByte === CSI.CNL) {
+ return { type: 'cursor', action: { type: 'nextLine', count: p0 } }
+ }
+
+ if (finalByte === CSI.CPL) {
+ return { type: 'cursor', action: { type: 'prevLine', count: p0 } }
+ }
+
+ if (finalByte === CSI.CHA) {
+ return { type: 'cursor', action: { type: 'column', col: p0 } }
+ }
+
+ if (finalByte === CSI.CUP || finalByte === CSI.HVP) {
+ return { type: 'cursor', action: { type: 'position', row: p0, col: p1 } }
+ }
+
+ if (finalByte === CSI.VPA) {
+ return { type: 'cursor', action: { type: 'row', row: p0 } }
+ }
+
+ // Erase
+ if (finalByte === CSI.ED) {
+ const region = ERASE_DISPLAY[params[0] ?? 0] ?? 'toEnd'
+
+ return { type: 'erase', action: { type: 'display', region } }
+ }
+
+ if (finalByte === CSI.EL) {
+ const region = ERASE_LINE_REGION[params[0] ?? 0] ?? 'toEnd'
+
+ return { type: 'erase', action: { type: 'line', region } }
+ }
+
+ if (finalByte === CSI.ECH) {
+ return { type: 'erase', action: { type: 'chars', count: p0 } }
+ }
+
+ // Scroll
+ if (finalByte === CSI.SU) {
+ return { type: 'scroll', action: { type: 'up', count: p0 } }
+ }
+
+ if (finalByte === CSI.SD) {
+ return { type: 'scroll', action: { type: 'down', count: p0 } }
+ }
+
+ if (finalByte === CSI.DECSTBM) {
+ return {
+ type: 'scroll',
+ action: { type: 'setRegion', top: p0, bottom: p1 }
+ }
+ }
+
+ // Cursor save/restore
+ if (finalByte === CSI.SCOSC) {
+ return { type: 'cursor', action: { type: 'save' } }
+ }
+
+ if (finalByte === CSI.SCORC) {
+ return { type: 'cursor', action: { type: 'restore' } }
+ }
+
+ // Cursor style
+ if (finalByte === CSI.DECSCUSR && intermediate === ' ') {
+ const styleInfo = CURSOR_STYLES[p0] ?? CURSOR_STYLES[0]!
+
+ return { type: 'cursor', action: { type: 'style', ...styleInfo } }
+ }
+
+ // Private modes
+ if (privateMode === '?' && (finalByte === CSI.SM || finalByte === CSI.RM)) {
+ const enabled = finalByte === CSI.SM
+
+ if (p0 === DEC.CURSOR_VISIBLE) {
+ return {
+ type: 'cursor',
+ action: enabled ? { type: 'show' } : { type: 'hide' }
+ }
+ }
+
+ if (p0 === DEC.ALT_SCREEN_CLEAR || p0 === DEC.ALT_SCREEN) {
+ return { type: 'mode', action: { type: 'alternateScreen', enabled } }
+ }
+
+ if (p0 === DEC.BRACKETED_PASTE) {
+ return { type: 'mode', action: { type: 'bracketedPaste', enabled } }
+ }
+
+ if (p0 === DEC.MOUSE_NORMAL) {
+ return {
+ type: 'mode',
+ action: { type: 'mouseTracking', mode: enabled ? 'normal' : 'off' }
+ }
+ }
+
+ if (p0 === DEC.MOUSE_BUTTON) {
+ return {
+ type: 'mode',
+ action: { type: 'mouseTracking', mode: enabled ? 'button' : 'off' }
+ }
+ }
+
+ if (p0 === DEC.MOUSE_ANY) {
+ return {
+ type: 'mode',
+ action: { type: 'mouseTracking', mode: enabled ? 'any' : 'off' }
+ }
+ }
+
+ if (p0 === DEC.FOCUS_EVENTS) {
+ return { type: 'mode', action: { type: 'focusEvents', enabled } }
+ }
+ }
+
+ return { type: 'unknown', sequence: rawSequence }
+}
+
+/**
+ * Identify the type of escape sequence from its raw form.
+ */
+function identifySequence(seq: string): 'csi' | 'osc' | 'esc' | 'ss3' | 'unknown' {
+ if (seq.length < 2) {
+ return 'unknown'
+ }
+
+ if (seq.charCodeAt(0) !== C0.ESC) {
+ return 'unknown'
+ }
+
+ const second = seq.charCodeAt(1)
+
+ if (second === 0x5b) {
+ return 'csi'
+ } // [
+
+ if (second === 0x5d) {
+ return 'osc'
+ } // ]
+
+ if (second === 0x4f) {
+ return 'ss3'
+ } // O
+
+ return 'esc'
+}
+
+// =============================================================================
+// Main Parser
+// =============================================================================
+
+/**
+ * Parser class - maintains state for streaming/incremental parsing
+ *
+ * Usage:
+ * ```typescript
+ * const parser = new Parser()
+ * const actions1 = parser.feed('partial\x1b[')
+ * const actions2 = parser.feed('31mred') // state maintained internally
+ * ```
+ */
+export class Parser {
+ private tokenizer: Tokenizer = createTokenizer()
+
+ style: TextStyle = defaultStyle()
+ inLink = false
+ linkUrl: string | undefined
+
+ reset(): void {
+ this.tokenizer.reset()
+ this.style = defaultStyle()
+ this.inLink = false
+ this.linkUrl = undefined
+ }
+
+ /** Feed input and get resulting actions */
+ feed(input: string): Action[] {
+ const tokens = this.tokenizer.feed(input)
+ const actions: Action[] = []
+
+ for (const token of tokens) {
+ const tokenActions = this.processToken(token)
+ actions.push(...tokenActions)
+ }
+
+ return actions
+ }
+
+ private processToken(token: Token): Action[] {
+ switch (token.type) {
+ case 'text':
+ return this.processText(token.value)
+
+ case 'sequence':
+ return this.processSequence(token.value)
+ }
+ }
+
+ private processText(text: string): Action[] {
+ // Handle BEL characters embedded in text
+ const actions: Action[] = []
+ let current = ''
+
+ for (const char of text) {
+ if (char.charCodeAt(0) === C0.BEL) {
+ if (current) {
+ const graphemes = [...segmentGraphemes(current)]
+
+ if (graphemes.length > 0) {
+ actions.push({ type: 'text', graphemes, style: { ...this.style } })
+ }
+
+ current = ''
+ }
+
+ actions.push({ type: 'bell' })
+ } else {
+ current += char
+ }
+ }
+
+ if (current) {
+ const graphemes = [...segmentGraphemes(current)]
+
+ if (graphemes.length > 0) {
+ actions.push({ type: 'text', graphemes, style: { ...this.style } })
+ }
+ }
+
+ return actions
+ }
+
+ private processSequence(seq: string): Action[] {
+ const seqType = identifySequence(seq)
+
+ switch (seqType) {
+ case 'csi': {
+ const action = parseCSI(seq)
+
+ if (!action) {
+ return []
+ }
+
+ if (action.type === 'sgr') {
+ this.style = applySGR(action.params, this.style)
+
+ return []
+ }
+
+ return [action]
+ }
+
+ case 'osc': {
+ // Extract OSC content (between ESC ] and terminator)
+ let content = seq.slice(2)
+
+ // Remove terminator (BEL or ESC \)
+ if (content.endsWith('\x07')) {
+ content = content.slice(0, -1)
+ } else if (content.endsWith('\x1b\\')) {
+ content = content.slice(0, -2)
+ }
+
+ const action = parseOSC(content)
+
+ if (action) {
+ if (action.type === 'link') {
+ if (action.action.type === 'start') {
+ this.inLink = true
+ this.linkUrl = action.action.url
+ } else {
+ this.inLink = false
+ this.linkUrl = undefined
+ }
+ }
+
+ return [action]
+ }
+
+ return []
+ }
+
+ case 'esc': {
+ const escContent = seq.slice(1)
+ const action = parseEsc(escContent)
+
+ return action ? [action] : []
+ }
+
+ case 'ss3':
+ // SS3 sequences are typically cursor keys in application mode
+ // For output parsing, treat as unknown
+ return [{ type: 'unknown', sequence: seq }]
+
+ default:
+ return [{ type: 'unknown', sequence: seq }]
+ }
+ }
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/termio/sgr.ts b/ui-tui/packages/hermes-ink/src/ink/termio/sgr.ts
new file mode 100644
index 0000000000..67a1f6b385
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/termio/sgr.ts
@@ -0,0 +1,362 @@
+/**
+ * SGR (Select Graphic Rendition) Parser
+ *
+ * Parses SGR parameters and applies them to a TextStyle.
+ * Handles both semicolon (;) and colon (:) separated parameters.
+ */
+
+import type { NamedColor, TextStyle, UnderlineStyle } from './types.js'
+import { defaultStyle } from './types.js'
+
+const NAMED_COLORS: NamedColor[] = [
+ 'black',
+ 'red',
+ 'green',
+ 'yellow',
+ 'blue',
+ 'magenta',
+ 'cyan',
+ 'white',
+ 'brightBlack',
+ 'brightRed',
+ 'brightGreen',
+ 'brightYellow',
+ 'brightBlue',
+ 'brightMagenta',
+ 'brightCyan',
+ 'brightWhite'
+]
+
+const UNDERLINE_STYLES: UnderlineStyle[] = ['none', 'single', 'double', 'curly', 'dotted', 'dashed']
+
+type Param = { value: number | null; subparams: number[]; colon: boolean }
+
+function parseParams(str: string): Param[] {
+ if (str === '') {
+ return [{ value: 0, subparams: [], colon: false }]
+ }
+
+ const result: Param[] = []
+ let current: Param = { value: null, subparams: [], colon: false }
+ let num = ''
+ let inSub = false
+
+ for (let i = 0; i <= str.length; i++) {
+ const c = str[i]
+
+ if (c === ';' || c === undefined) {
+ const n = num === '' ? null : parseInt(num, 10)
+
+ if (inSub) {
+ if (n !== null) {
+ current.subparams.push(n)
+ }
+ } else {
+ current.value = n
+ }
+
+ result.push(current)
+ current = { value: null, subparams: [], colon: false }
+ num = ''
+ inSub = false
+ } else if (c === ':') {
+ const n = num === '' ? null : parseInt(num, 10)
+
+ if (!inSub) {
+ current.value = n
+ current.colon = true
+ inSub = true
+ } else {
+ if (n !== null) {
+ current.subparams.push(n)
+ }
+ }
+
+ num = ''
+ } else if (c >= '0' && c <= '9') {
+ num += c
+ }
+ }
+
+ return result
+}
+
+function parseExtendedColor(
+ params: Param[],
+ idx: number
+): { r: number; g: number; b: number } | { index: number } | null {
+ const p = params[idx]
+
+ if (!p) {
+ return null
+ }
+
+ if (p.colon && p.subparams.length >= 1) {
+ if (p.subparams[0] === 5 && p.subparams.length >= 2) {
+ return { index: p.subparams[1]! }
+ }
+
+ if (p.subparams[0] === 2 && p.subparams.length >= 4) {
+ const off = p.subparams.length >= 5 ? 1 : 0
+
+ return {
+ r: p.subparams[1 + off]!,
+ g: p.subparams[2 + off]!,
+ b: p.subparams[3 + off]!
+ }
+ }
+ }
+
+ const next = params[idx + 1]
+
+ if (!next) {
+ return null
+ }
+
+ if (next.value === 5 && params[idx + 2]?.value !== null && params[idx + 2]?.value !== undefined) {
+ return { index: params[idx + 2]!.value! }
+ }
+
+ if (next.value === 2) {
+ const r = params[idx + 2]?.value
+ const g = params[idx + 3]?.value
+ const b = params[idx + 4]?.value
+
+ if (r !== null && r !== undefined && g !== null && g !== undefined && b !== null && b !== undefined) {
+ return { r, g, b }
+ }
+ }
+
+ return null
+}
+
+export function applySGR(paramStr: string, style: TextStyle): TextStyle {
+ const params = parseParams(paramStr)
+ let s = { ...style }
+ let i = 0
+
+ while (i < params.length) {
+ const p = params[i]!
+ const code = p.value ?? 0
+
+ if (code === 0) {
+ s = defaultStyle()
+ i++
+
+ continue
+ }
+
+ if (code === 1) {
+ s.bold = true
+ i++
+
+ continue
+ }
+
+ if (code === 2) {
+ s.dim = true
+ i++
+
+ continue
+ }
+
+ if (code === 3) {
+ s.italic = true
+ i++
+
+ continue
+ }
+
+ if (code === 4) {
+ s.underline = p.colon ? (UNDERLINE_STYLES[p.subparams[0]!] ?? 'single') : 'single'
+ i++
+
+ continue
+ }
+
+ if (code === 5 || code === 6) {
+ s.blink = true
+ i++
+
+ continue
+ }
+
+ if (code === 7) {
+ s.inverse = true
+ i++
+
+ continue
+ }
+
+ if (code === 8) {
+ s.hidden = true
+ i++
+
+ continue
+ }
+
+ if (code === 9) {
+ s.strikethrough = true
+ i++
+
+ continue
+ }
+
+ if (code === 21) {
+ s.underline = 'double'
+ i++
+
+ continue
+ }
+
+ if (code === 22) {
+ s.bold = false
+ s.dim = false
+ i++
+
+ continue
+ }
+
+ if (code === 23) {
+ s.italic = false
+ i++
+
+ continue
+ }
+
+ if (code === 24) {
+ s.underline = 'none'
+ i++
+
+ continue
+ }
+
+ if (code === 25) {
+ s.blink = false
+ i++
+
+ continue
+ }
+
+ if (code === 27) {
+ s.inverse = false
+ i++
+
+ continue
+ }
+
+ if (code === 28) {
+ s.hidden = false
+ i++
+
+ continue
+ }
+
+ if (code === 29) {
+ s.strikethrough = false
+ i++
+
+ continue
+ }
+
+ if (code === 53) {
+ s.overline = true
+ i++
+
+ continue
+ }
+
+ if (code === 55) {
+ s.overline = false
+ i++
+
+ continue
+ }
+
+ if (code >= 30 && code <= 37) {
+ s.fg = { type: 'named', name: NAMED_COLORS[code - 30]! }
+ i++
+
+ continue
+ }
+
+ if (code === 39) {
+ s.fg = { type: 'default' }
+ i++
+
+ continue
+ }
+
+ if (code >= 40 && code <= 47) {
+ s.bg = { type: 'named', name: NAMED_COLORS[code - 40]! }
+ i++
+
+ continue
+ }
+
+ if (code === 49) {
+ s.bg = { type: 'default' }
+ i++
+
+ continue
+ }
+
+ if (code >= 90 && code <= 97) {
+ s.fg = { type: 'named', name: NAMED_COLORS[code - 90 + 8]! }
+ i++
+
+ continue
+ }
+
+ if (code >= 100 && code <= 107) {
+ s.bg = { type: 'named', name: NAMED_COLORS[code - 100 + 8]! }
+ i++
+
+ continue
+ }
+
+ if (code === 38) {
+ const c = parseExtendedColor(params, i)
+
+ if (c) {
+ s.fg = 'index' in c ? { type: 'indexed', index: c.index } : { type: 'rgb', ...c }
+ i += p.colon ? 1 : 'index' in c ? 3 : 5
+
+ continue
+ }
+ }
+
+ if (code === 48) {
+ const c = parseExtendedColor(params, i)
+
+ if (c) {
+ s.bg = 'index' in c ? { type: 'indexed', index: c.index } : { type: 'rgb', ...c }
+ i += p.colon ? 1 : 'index' in c ? 3 : 5
+
+ continue
+ }
+ }
+
+ if (code === 58) {
+ const c = parseExtendedColor(params, i)
+
+ if (c) {
+ s.underlineColor = 'index' in c ? { type: 'indexed', index: c.index } : { type: 'rgb', ...c }
+ i += p.colon ? 1 : 'index' in c ? 3 : 5
+
+ continue
+ }
+ }
+
+ if (code === 59) {
+ s.underlineColor = { type: 'default' }
+ i++
+
+ continue
+ }
+
+ i++
+ }
+
+ return s
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/termio/tokenize.ts b/ui-tui/packages/hermes-ink/src/ink/termio/tokenize.ts
new file mode 100644
index 0000000000..40ba7e2143
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/termio/tokenize.ts
@@ -0,0 +1,316 @@
+/**
+ * Input Tokenizer - Escape sequence boundary detection
+ *
+ * Splits terminal input into tokens: text chunks and raw escape sequences.
+ * Unlike the Parser which interprets sequences semantically, this just
+ * identifies boundaries for use by keyboard input parsing.
+ */
+
+import { C0, ESC_TYPE, isEscFinal } from './ansi.js'
+import { isCSIFinal, isCSIIntermediate, isCSIParam } from './csi.js'
+
+export type Token = { type: 'text'; value: string } | { type: 'sequence'; value: string }
+
+type State = 'ground' | 'escape' | 'escapeIntermediate' | 'csi' | 'ss3' | 'osc' | 'dcs' | 'apc'
+
+export type Tokenizer = {
+ /** Feed input and get resulting tokens */
+ feed(input: string): Token[]
+ /** Flush any buffered incomplete sequences */
+ flush(): Token[]
+ /** Reset tokenizer state */
+ reset(): void
+ /** Get any buffered incomplete sequence */
+ buffer(): string
+}
+
+type TokenizerOptions = {
+ /**
+ * Treat `CSI M` as an X10 mouse event prefix and consume 3 payload bytes.
+ * Only enable for stdin input — `\x1b[M` is also CSI DL (Delete Lines) in
+ * output streams, and enabling this there swallows display text. Default false.
+ */
+ x10Mouse?: boolean
+}
+
+/**
+ * Create a streaming tokenizer for terminal input.
+ *
+ * Usage:
+ * ```typescript
+ * const tokenizer = createTokenizer()
+ * const tokens1 = tokenizer.feed('hello\x1b[')
+ * const tokens2 = tokenizer.feed('A') // completes the escape sequence
+ * const remaining = tokenizer.flush() // force output incomplete sequences
+ * ```
+ */
+export function createTokenizer(options?: TokenizerOptions): Tokenizer {
+ let currentState: State = 'ground'
+ let currentBuffer = ''
+ const x10Mouse = options?.x10Mouse ?? false
+
+ return {
+ feed(input: string): Token[] {
+ const result = tokenize(input, currentState, currentBuffer, false, x10Mouse)
+
+ currentState = result.state.state
+ currentBuffer = result.state.buffer
+
+ return result.tokens
+ },
+
+ flush(): Token[] {
+ const result = tokenize('', currentState, currentBuffer, true, x10Mouse)
+ currentState = result.state.state
+ currentBuffer = result.state.buffer
+
+ return result.tokens
+ },
+
+ reset(): void {
+ currentState = 'ground'
+ currentBuffer = ''
+ },
+
+ buffer(): string {
+ return currentBuffer
+ }
+ }
+}
+
+type InternalState = {
+ state: State
+ buffer: string
+}
+
+function tokenize(
+ input: string,
+ initialState: State,
+ initialBuffer: string,
+ flush: boolean,
+ x10Mouse: boolean
+): { tokens: Token[]; state: InternalState } {
+ const tokens: Token[] = []
+
+ const result: InternalState = {
+ state: initialState,
+ buffer: ''
+ }
+
+ const data = initialBuffer + input
+ let i = 0
+ let textStart = 0
+ let seqStart = 0
+
+ const flushText = (): void => {
+ if (i > textStart) {
+ const text = data.slice(textStart, i)
+
+ if (text) {
+ tokens.push({ type: 'text', value: text })
+ }
+ }
+
+ textStart = i
+ }
+
+ const emitSequence = (seq: string): void => {
+ if (seq) {
+ tokens.push({ type: 'sequence', value: seq })
+ }
+
+ result.state = 'ground'
+ textStart = i
+ }
+
+ while (i < data.length) {
+ const code = data.charCodeAt(i)
+
+ switch (result.state) {
+ case 'ground':
+ if (code === C0.ESC) {
+ flushText()
+ seqStart = i
+ result.state = 'escape'
+ i++
+ } else {
+ i++
+ }
+
+ break
+
+ case 'escape':
+ if (code === ESC_TYPE.CSI) {
+ result.state = 'csi'
+ i++
+ } else if (code === ESC_TYPE.OSC) {
+ result.state = 'osc'
+ i++
+ } else if (code === ESC_TYPE.DCS) {
+ result.state = 'dcs'
+ i++
+ } else if (code === ESC_TYPE.APC) {
+ result.state = 'apc'
+ i++
+ } else if (code === 0x4f) {
+ // 'O' - SS3
+ result.state = 'ss3'
+ i++
+ } else if (isCSIIntermediate(code)) {
+ // Intermediate byte (e.g., ESC ( for charset) - continue buffering
+ result.state = 'escapeIntermediate'
+ i++
+ } else if (isEscFinal(code)) {
+ // Two-character escape sequence
+ i++
+ emitSequence(data.slice(seqStart, i))
+ } else if (code === C0.ESC) {
+ // Double escape - emit first, start new
+ emitSequence(data.slice(seqStart, i))
+ seqStart = i
+ result.state = 'escape'
+ i++
+ } else {
+ // Invalid - treat ESC as text
+ result.state = 'ground'
+ textStart = seqStart
+ }
+
+ break
+
+ case 'escapeIntermediate':
+ // After intermediate byte(s), wait for final byte
+ if (isCSIIntermediate(code)) {
+ // More intermediate bytes
+ i++
+ } else if (isEscFinal(code)) {
+ // Final byte - complete the sequence
+ i++
+ emitSequence(data.slice(seqStart, i))
+ } else {
+ // Invalid - treat as text
+ result.state = 'ground'
+ textStart = seqStart
+ }
+
+ break
+
+ case 'csi':
+ // X10 mouse: CSI M + 3 raw payload bytes (Cb+32, Cx+32, Cy+32).
+ // M immediately after [ (offset 2) means no params — SGR mouse
+ // (CSI < … M) has a `<` param byte first and reaches M at offset > 2.
+ // Terminals that ignore DECSET 1006 but honor 1000/1002 emit this
+ // legacy encoding; without this branch the 3 payload bytes leak
+ // through as text (`` `rK `` / `arK` garbage in the prompt).
+ //
+ // Gated on x10Mouse — `\x1b[M` is also CSI DL (Delete Lines) and
+ // blindly consuming 3 chars corrupts output rendering (Parser/Ansi)
+ // and fragments bracketed-paste PASTE_END. Only stdin enables this.
+ // The ≥0x20 check on each payload slot is belt-and-suspenders: X10
+ // guarantees Cb≥32, Cx≥33, Cy≥33, so a control byte (ESC=0x1B) in
+ // any slot means this is CSI DL adjacent to another sequence, not a
+ // mouse event. Checking all three slots prevents PASTE_END's ESC
+ // from being consumed when paste content ends in `\x1b[M`+0-2 chars.
+ //
+ // Known limitation: this counts JS string chars, but X10 is byte-
+ // oriented and stdin uses utf8 encoding (App.tsx). At col 162-191 ×
+ // row 96-159 the two coord bytes (0xC2-0xDF, 0x80-0xBF) form a valid
+ // UTF-8 2-byte sequence and collapse to one char — the length check
+ // fails and the event buffers until the next keypress absorbs it.
+ // Fixing this requires latin1 stdin; X10's 223-coord cap is exactly
+ // why SGR was invented, and no-SGR terminals at 162+ cols are rare.
+ if (
+ x10Mouse &&
+ code === 0x4d /* M */ &&
+ i - seqStart === 2 &&
+ (i + 1 >= data.length || data.charCodeAt(i + 1) >= 0x20) &&
+ (i + 2 >= data.length || data.charCodeAt(i + 2) >= 0x20) &&
+ (i + 3 >= data.length || data.charCodeAt(i + 3) >= 0x20)
+ ) {
+ if (i + 4 <= data.length) {
+ i += 4
+ emitSequence(data.slice(seqStart, i))
+ } else {
+ // Incomplete — exit loop; end-of-input buffers from seqStart.
+ // Re-entry re-tokenizes from ground via the invalid-CSI fallthrough.
+ i = data.length
+ }
+
+ break
+ }
+
+ if (isCSIFinal(code)) {
+ i++
+ emitSequence(data.slice(seqStart, i))
+ } else if (isCSIParam(code) || isCSIIntermediate(code)) {
+ i++
+ } else {
+ // Invalid CSI - abort, treat as text
+ result.state = 'ground'
+ textStart = seqStart
+ }
+
+ break
+
+ case 'ss3':
+ // SS3 sequences: ESC O followed by a single final byte
+ if (code >= 0x40 && code <= 0x7e) {
+ i++
+ emitSequence(data.slice(seqStart, i))
+ } else {
+ // Invalid - treat as text
+ result.state = 'ground'
+ textStart = seqStart
+ }
+
+ break
+
+ case 'osc':
+ if (code === C0.BEL) {
+ i++
+ emitSequence(data.slice(seqStart, i))
+ } else if (code === C0.ESC && i + 1 < data.length && data.charCodeAt(i + 1) === ESC_TYPE.ST) {
+ i += 2
+ emitSequence(data.slice(seqStart, i))
+ } else {
+ i++
+ }
+
+ break
+
+ case 'dcs':
+
+ case 'apc':
+ if (code === C0.BEL) {
+ i++
+ emitSequence(data.slice(seqStart, i))
+ } else if (code === C0.ESC && i + 1 < data.length && data.charCodeAt(i + 1) === ESC_TYPE.ST) {
+ i += 2
+ emitSequence(data.slice(seqStart, i))
+ } else {
+ i++
+ }
+
+ break
+ }
+ }
+
+ // Handle end of input
+ if (result.state === 'ground') {
+ flushText()
+ } else if (flush) {
+ // Force output incomplete sequence
+ const remaining = data.slice(seqStart)
+
+ if (remaining) {
+ tokens.push({ type: 'sequence', value: remaining })
+ }
+
+ result.state = 'ground'
+ } else {
+ // Buffer incomplete sequence for next call
+ result.buffer = data.slice(seqStart)
+ }
+
+ return { tokens, state: result }
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/termio/types.ts b/ui-tui/packages/hermes-ink/src/ink/termio/types.ts
new file mode 100644
index 0000000000..4af1dc4cec
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/termio/types.ts
@@ -0,0 +1,230 @@
+/**
+ * ANSI Parser - Semantic Types
+ *
+ * These types represent the semantic meaning of ANSI escape sequences,
+ * not their string representation. Inspired by ghostty's action-based design.
+ */
+
+// =============================================================================
+// Colors
+// =============================================================================
+
+/** Named colors from the 16-color palette */
+export type NamedColor =
+ | 'black'
+ | 'red'
+ | 'green'
+ | 'yellow'
+ | 'blue'
+ | 'magenta'
+ | 'cyan'
+ | 'white'
+ | 'brightBlack'
+ | 'brightRed'
+ | 'brightGreen'
+ | 'brightYellow'
+ | 'brightBlue'
+ | 'brightMagenta'
+ | 'brightCyan'
+ | 'brightWhite'
+
+/** Color specification - can be named, indexed (256), or RGB */
+export type Color =
+ | { type: 'named'; name: NamedColor }
+ | { type: 'indexed'; index: number } // 0-255
+ | { type: 'rgb'; r: number; g: number; b: number }
+ | { type: 'default' }
+
+// =============================================================================
+// Text Styles
+// =============================================================================
+
+/** Underline style variants */
+export type UnderlineStyle = 'none' | 'single' | 'double' | 'curly' | 'dotted' | 'dashed'
+
+/** Text style attributes - represents current styling state */
+export type TextStyle = {
+ bold: boolean
+ dim: boolean
+ italic: boolean
+ underline: UnderlineStyle
+ blink: boolean
+ inverse: boolean
+ hidden: boolean
+ strikethrough: boolean
+ overline: boolean
+ fg: Color
+ bg: Color
+ underlineColor: Color
+}
+
+/** Create a default (reset) text style */
+export function defaultStyle(): TextStyle {
+ return {
+ bold: false,
+ dim: false,
+ italic: false,
+ underline: 'none',
+ blink: false,
+ inverse: false,
+ hidden: false,
+ strikethrough: false,
+ overline: false,
+ fg: { type: 'default' },
+ bg: { type: 'default' },
+ underlineColor: { type: 'default' }
+ }
+}
+
+/** Check if two styles are equal */
+export function stylesEqual(a: TextStyle, b: TextStyle): boolean {
+ return (
+ a.bold === b.bold &&
+ a.dim === b.dim &&
+ a.italic === b.italic &&
+ a.underline === b.underline &&
+ a.blink === b.blink &&
+ a.inverse === b.inverse &&
+ a.hidden === b.hidden &&
+ a.strikethrough === b.strikethrough &&
+ a.overline === b.overline &&
+ colorsEqual(a.fg, b.fg) &&
+ colorsEqual(a.bg, b.bg) &&
+ colorsEqual(a.underlineColor, b.underlineColor)
+ )
+}
+
+/** Check if two colors are equal */
+export function colorsEqual(a: Color, b: Color): boolean {
+ if (a.type !== b.type) {
+ return false
+ }
+
+ switch (a.type) {
+ case 'named':
+ return a.name === (b as typeof a).name
+
+ case 'indexed':
+ return a.index === (b as typeof a).index
+
+ case 'rgb':
+ return a.r === (b as typeof a).r && a.g === (b as typeof a).g && a.b === (b as typeof a).b
+
+ case 'default':
+ return true
+ }
+}
+
+// =============================================================================
+// Cursor Actions
+// =============================================================================
+
+export type CursorDirection = 'up' | 'down' | 'forward' | 'back'
+
+export type CursorAction =
+ | { type: 'move'; direction: CursorDirection; count: number }
+ | { type: 'position'; row: number; col: number }
+ | { type: 'column'; col: number }
+ | { type: 'row'; row: number }
+ | { type: 'save' }
+ | { type: 'restore' }
+ | { type: 'show' }
+ | { type: 'hide' }
+ | {
+ type: 'style'
+ style: 'block' | 'underline' | 'bar'
+ blinking: boolean
+ }
+ | { type: 'nextLine'; count: number }
+ | { type: 'prevLine'; count: number }
+
+// =============================================================================
+// Erase Actions
+// =============================================================================
+
+export type EraseAction =
+ | { type: 'display'; region: 'toEnd' | 'toStart' | 'all' | 'scrollback' }
+ | { type: 'line'; region: 'toEnd' | 'toStart' | 'all' }
+ | { type: 'chars'; count: number }
+
+// =============================================================================
+// Scroll Actions
+// =============================================================================
+
+export type ScrollAction =
+ | { type: 'up'; count: number }
+ | { type: 'down'; count: number }
+ | { type: 'setRegion'; top: number; bottom: number }
+
+// =============================================================================
+// Mode Actions
+// =============================================================================
+
+export type ModeAction =
+ | { type: 'alternateScreen'; enabled: boolean }
+ | { type: 'bracketedPaste'; enabled: boolean }
+ | { type: 'mouseTracking'; mode: 'off' | 'normal' | 'button' | 'any' }
+ | { type: 'focusEvents'; enabled: boolean }
+
+// =============================================================================
+// Link Actions (OSC 8)
+// =============================================================================
+
+export type LinkAction = { type: 'start'; url: string; params?: Record } | { type: 'end' }
+
+// =============================================================================
+// Title Actions (OSC 0/1/2)
+// =============================================================================
+
+export type TitleAction =
+ | { type: 'windowTitle'; title: string }
+ | { type: 'iconName'; name: string }
+ | { type: 'both'; title: string }
+
+// =============================================================================
+// Tab Status Action (OSC 21337)
+// =============================================================================
+
+/**
+ * Per-tab chrome metadata. Tristate for each field:
+ * - property absent → not mentioned in sequence, no change
+ * - null → explicitly cleared (bare key or key= with empty value)
+ * - value → set to this
+ */
+export type TabStatusAction = {
+ indicator?: Color | null
+ status?: string | null
+ statusColor?: Color | null
+}
+
+// =============================================================================
+// Parsed Segments - The output of the parser
+// =============================================================================
+
+/** A segment of styled text */
+export type TextSegment = {
+ type: 'text'
+ text: string
+ style: TextStyle
+}
+
+/** A grapheme (visual character unit) with width info */
+export type Grapheme = {
+ value: string
+ width: 1 | 2 // Display width in columns
+}
+
+/** All possible parsed actions */
+export type Action =
+ | { type: 'text'; graphemes: Grapheme[]; style: TextStyle }
+ | { type: 'cursor'; action: CursorAction }
+ | { type: 'erase'; action: EraseAction }
+ | { type: 'scroll'; action: ScrollAction }
+ | { type: 'mode'; action: ModeAction }
+ | { type: 'link'; action: LinkAction }
+ | { type: 'title'; action: TitleAction }
+ | { type: 'tabStatus'; action: TabStatusAction }
+ | { type: 'sgr'; params: string } // Select Graphic Rendition (style change)
+ | { type: 'bell' }
+ | { type: 'reset' } // Full terminal reset (ESC c)
+ | { type: 'unknown'; sequence: string } // Unrecognized sequence
diff --git a/ui-tui/packages/hermes-ink/src/ink/useTerminalNotification.ts b/ui-tui/packages/hermes-ink/src/ink/useTerminalNotification.ts
new file mode 100644
index 0000000000..1fcde2bdb0
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/useTerminalNotification.ts
@@ -0,0 +1,110 @@
+import { createContext, useCallback, useContext, useMemo } from 'react'
+
+import { isProgressReportingAvailable, type Progress } from './terminal.js'
+import { BEL } from './termio/ansi.js'
+import { ITERM2, OSC, osc, PROGRESS, wrapForMultiplexer } from './termio/osc.js'
+
+type WriteRaw = (data: string) => void
+
+export const TerminalWriteContext = createContext(null)
+
+export const TerminalWriteProvider = TerminalWriteContext.Provider
+
+export type TerminalNotification = {
+ notifyITerm2: (opts: { message: string; title?: string }) => void
+ notifyKitty: (opts: { message: string; title: string; id: number }) => void
+ notifyGhostty: (opts: { message: string; title: string }) => void
+ notifyBell: () => void
+ /**
+ * Report progress to the terminal via OSC 9;4 sequences.
+ * Supported terminals: ConEmu, Ghostty 1.2.0+, iTerm2 3.6.6+
+ * Pass state=null to clear progress.
+ */
+ progress: (state: Progress['state'] | null, percentage?: number) => void
+}
+
+export function useTerminalNotification(): TerminalNotification {
+ const writeRaw = useContext(TerminalWriteContext)
+
+ if (!writeRaw) {
+ throw new Error('useTerminalNotification must be used within TerminalWriteProvider')
+ }
+
+ const notifyITerm2 = useCallback(
+ ({ message, title }: { message: string; title?: string }) => {
+ const displayString = title ? `${title}:\n${message}` : message
+ writeRaw(wrapForMultiplexer(osc(OSC.ITERM2, `\n\n${displayString}`)))
+ },
+ [writeRaw]
+ )
+
+ const notifyKitty = useCallback(
+ ({ message, title, id }: { message: string; title: string; id: number }) => {
+ writeRaw(wrapForMultiplexer(osc(OSC.KITTY, `i=${id}:d=0:p=title`, title)))
+ writeRaw(wrapForMultiplexer(osc(OSC.KITTY, `i=${id}:p=body`, message)))
+ writeRaw(wrapForMultiplexer(osc(OSC.KITTY, `i=${id}:d=1:a=focus`, '')))
+ },
+ [writeRaw]
+ )
+
+ const notifyGhostty = useCallback(
+ ({ message, title }: { message: string; title: string }) => {
+ writeRaw(wrapForMultiplexer(osc(OSC.GHOSTTY, 'notify', title, message)))
+ },
+ [writeRaw]
+ )
+
+ const notifyBell = useCallback(() => {
+ // Raw BEL — inside tmux this triggers tmux's bell-action (window flag).
+ // Wrapping would make it opaque DCS payload and lose that fallback.
+ writeRaw(BEL)
+ }, [writeRaw])
+
+ const progress = useCallback(
+ (state: Progress['state'] | null, percentage?: number) => {
+ if (!isProgressReportingAvailable()) {
+ return
+ }
+
+ if (!state) {
+ writeRaw(wrapForMultiplexer(osc(OSC.ITERM2, ITERM2.PROGRESS, PROGRESS.CLEAR, '')))
+
+ return
+ }
+
+ const pct = Math.max(0, Math.min(100, Math.round(percentage ?? 0)))
+
+ switch (state) {
+ case 'completed':
+ writeRaw(wrapForMultiplexer(osc(OSC.ITERM2, ITERM2.PROGRESS, PROGRESS.CLEAR, '')))
+
+ break
+
+ case 'error':
+ writeRaw(wrapForMultiplexer(osc(OSC.ITERM2, ITERM2.PROGRESS, PROGRESS.ERROR, pct)))
+
+ break
+
+ case 'indeterminate':
+ writeRaw(wrapForMultiplexer(osc(OSC.ITERM2, ITERM2.PROGRESS, PROGRESS.INDETERMINATE, '')))
+
+ break
+
+ case 'running':
+ writeRaw(wrapForMultiplexer(osc(OSC.ITERM2, ITERM2.PROGRESS, PROGRESS.SET, pct)))
+
+ break
+
+ case null:
+ // Handled by the if guard above
+ break
+ }
+ },
+ [writeRaw]
+ )
+
+ return useMemo(
+ () => ({ notifyITerm2, notifyKitty, notifyGhostty, notifyBell, progress }),
+ [notifyITerm2, notifyKitty, notifyGhostty, notifyBell, progress]
+ )
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/warn.ts b/ui-tui/packages/hermes-ink/src/ink/warn.ts
new file mode 100644
index 0000000000..016b4ecd2b
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/warn.ts
@@ -0,0 +1,15 @@
+import { logForDebugging } from '../utils/debug.js'
+
+export function ifNotInteger(value: number | undefined, name: string): void {
+ if (value === undefined) {
+ return
+ }
+
+ if (Number.isInteger(value)) {
+ return
+ }
+
+ logForDebugging(`${name} should be an integer, got ${value}`, {
+ level: 'warn'
+ })
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/widest-line.ts b/ui-tui/packages/hermes-ink/src/ink/widest-line.ts
new file mode 100644
index 0000000000..ac78cb6d5a
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/widest-line.ts
@@ -0,0 +1,22 @@
+import { lineWidth } from './line-width-cache.js'
+
+export function widestLine(string: string): number {
+ let maxWidth = 0
+ let start = 0
+
+ while (start <= string.length) {
+ const end = string.indexOf('\n', start)
+
+ const line = end === -1 ? string.substring(start) : string.substring(start, end)
+
+ maxWidth = Math.max(maxWidth, lineWidth(line))
+
+ if (end === -1) {
+ break
+ }
+
+ start = end + 1
+ }
+
+ return maxWidth
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/wrap-text.ts b/ui-tui/packages/hermes-ink/src/ink/wrap-text.ts
new file mode 100644
index 0000000000..4d157bc2af
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/wrap-text.ts
@@ -0,0 +1,75 @@
+import sliceAnsi from '../utils/sliceAnsi.js'
+
+import { stringWidth } from './stringWidth.js'
+import type { Styles } from './styles.js'
+import { wrapAnsi } from './wrapAnsi.js'
+
+const ELLIPSIS = '…'
+
+// sliceAnsi may include a boundary-spanning wide char (e.g. CJK at position
+// end-1 with width 2 overshoots by 1). Retry with a tighter bound once.
+function sliceFit(text: string, start: number, end: number): string {
+ const s = sliceAnsi(text, start, end)
+
+ return stringWidth(s) > end - start ? sliceAnsi(text, start, end - 1) : s
+}
+
+function truncate(text: string, columns: number, position: 'start' | 'middle' | 'end'): string {
+ if (columns < 1) {
+ return ''
+ }
+
+ if (columns === 1) {
+ return ELLIPSIS
+ }
+
+ const length = stringWidth(text)
+
+ if (length <= columns) {
+ return text
+ }
+
+ if (position === 'start') {
+ return ELLIPSIS + sliceFit(text, length - columns + 1, length)
+ }
+
+ if (position === 'middle') {
+ const half = Math.floor(columns / 2)
+
+ return sliceFit(text, 0, half) + ELLIPSIS + sliceFit(text, length - (columns - half) + 1, length)
+ }
+
+ return sliceFit(text, 0, columns - 1) + ELLIPSIS
+}
+
+export default function wrapText(text: string, maxWidth: number, wrapType: Styles['textWrap']): string {
+ if (wrapType === 'wrap') {
+ return wrapAnsi(text, maxWidth, {
+ trim: false,
+ hard: true
+ })
+ }
+
+ if (wrapType === 'wrap-trim') {
+ return wrapAnsi(text, maxWidth, {
+ trim: true,
+ hard: true
+ })
+ }
+
+ if (wrapType!.startsWith('truncate')) {
+ let position: 'end' | 'middle' | 'start' = 'end'
+
+ if (wrapType === 'truncate-middle') {
+ position = 'middle'
+ }
+
+ if (wrapType === 'truncate-start') {
+ position = 'start'
+ }
+
+ return truncate(text, maxWidth, position)
+ }
+
+ return text
+}
diff --git a/ui-tui/packages/hermes-ink/src/ink/wrapAnsi.ts b/ui-tui/packages/hermes-ink/src/ink/wrapAnsi.ts
new file mode 100644
index 0000000000..61b56dbf3f
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/ink/wrapAnsi.ts
@@ -0,0 +1,13 @@
+import wrapAnsiNpm from 'wrap-ansi'
+
+type WrapAnsiOptions = {
+ hard?: boolean
+ wordWrap?: boolean
+ trim?: boolean
+}
+
+const wrapAnsiBun = typeof Bun !== 'undefined' && typeof Bun.wrapAnsi === 'function' ? Bun.wrapAnsi : null
+
+const wrapAnsi: (input: string, columns: number, options?: WrapAnsiOptions) => string = wrapAnsiBun ?? wrapAnsiNpm
+
+export { wrapAnsi }
diff --git a/ui-tui/packages/hermes-ink/src/native-ts/yoga-layout/enums.ts b/ui-tui/packages/hermes-ink/src/native-ts/yoga-layout/enums.ts
new file mode 100644
index 0000000000..95d66bf348
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/native-ts/yoga-layout/enums.ts
@@ -0,0 +1,112 @@
+export const Align = {
+ Auto: 0,
+ FlexStart: 1,
+ Center: 2,
+ FlexEnd: 3,
+ Stretch: 4,
+ Baseline: 5,
+ SpaceBetween: 6,
+ SpaceAround: 7,
+ SpaceEvenly: 8
+} as const
+export type Align = (typeof Align)[keyof typeof Align]
+export const BoxSizing = {
+ BorderBox: 0,
+ ContentBox: 1
+} as const
+export type BoxSizing = (typeof BoxSizing)[keyof typeof BoxSizing]
+export const Dimension = {
+ Width: 0,
+ Height: 1
+} as const
+export type Dimension = (typeof Dimension)[keyof typeof Dimension]
+export const Direction = {
+ Inherit: 0,
+ LTR: 1,
+ RTL: 2
+} as const
+export type Direction = (typeof Direction)[keyof typeof Direction]
+export const Display = {
+ Flex: 0,
+ None: 1,
+ Contents: 2
+} as const
+export type Display = (typeof Display)[keyof typeof Display]
+export const Edge = {
+ Left: 0,
+ Top: 1,
+ Right: 2,
+ Bottom: 3,
+ Start: 4,
+ End: 5,
+ Horizontal: 6,
+ Vertical: 7,
+ All: 8
+} as const
+export type Edge = (typeof Edge)[keyof typeof Edge]
+export const Errata = {
+ None: 0,
+ StretchFlexBasis: 1,
+ AbsolutePositionWithoutInsetsExcludesPadding: 2,
+ AbsolutePercentAgainstInnerSize: 4,
+ All: 2147483647,
+ Classic: 2147483646
+} as const
+export type Errata = (typeof Errata)[keyof typeof Errata]
+export const ExperimentalFeature = {
+ WebFlexBasis: 0
+} as const
+export type ExperimentalFeature = (typeof ExperimentalFeature)[keyof typeof ExperimentalFeature]
+export const FlexDirection = {
+ Column: 0,
+ ColumnReverse: 1,
+ Row: 2,
+ RowReverse: 3
+} as const
+export type FlexDirection = (typeof FlexDirection)[keyof typeof FlexDirection]
+export const Gutter = {
+ Column: 0,
+ Row: 1,
+ All: 2
+} as const
+export type Gutter = (typeof Gutter)[keyof typeof Gutter]
+export const Justify = {
+ FlexStart: 0,
+ Center: 1,
+ FlexEnd: 2,
+ SpaceBetween: 3,
+ SpaceAround: 4,
+ SpaceEvenly: 5
+} as const
+export type Justify = (typeof Justify)[keyof typeof Justify]
+export const MeasureMode = {
+ Undefined: 0,
+ Exactly: 1,
+ AtMost: 2
+} as const
+export type MeasureMode = (typeof MeasureMode)[keyof typeof MeasureMode]
+export const Overflow = {
+ Visible: 0,
+ Hidden: 1,
+ Scroll: 2
+} as const
+export type Overflow = (typeof Overflow)[keyof typeof Overflow]
+export const PositionType = {
+ Static: 0,
+ Relative: 1,
+ Absolute: 2
+} as const
+export type PositionType = (typeof PositionType)[keyof typeof PositionType]
+export const Unit = {
+ Undefined: 0,
+ Point: 1,
+ Percent: 2,
+ Auto: 3
+} as const
+export type Unit = (typeof Unit)[keyof typeof Unit]
+export const Wrap = {
+ NoWrap: 0,
+ Wrap: 1,
+ WrapReverse: 2
+} as const
+export type Wrap = (typeof Wrap)[keyof typeof Wrap]
diff --git a/ui-tui/packages/hermes-ink/src/native-ts/yoga-layout/index.ts b/ui-tui/packages/hermes-ink/src/native-ts/yoga-layout/index.ts
new file mode 100644
index 0000000000..a62a4bae16
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/native-ts/yoga-layout/index.ts
@@ -0,0 +1,2326 @@
+import {
+ Align,
+ BoxSizing,
+ Dimension,
+ Direction,
+ Display,
+ Edge,
+ Errata,
+ ExperimentalFeature,
+ FlexDirection,
+ Gutter,
+ Justify,
+ MeasureMode,
+ Overflow,
+ PositionType,
+ Unit,
+ Wrap
+} from './enums.js'
+export {
+ Align,
+ BoxSizing,
+ Dimension,
+ Direction,
+ Display,
+ Edge,
+ Errata,
+ ExperimentalFeature,
+ FlexDirection,
+ Gutter,
+ Justify,
+ MeasureMode,
+ Overflow,
+ PositionType,
+ Unit,
+ Wrap
+}
+export type Value = {
+ unit: Unit
+ value: number
+}
+const UNDEFINED_VALUE: Value = { unit: Unit.Undefined, value: NaN }
+const AUTO_VALUE: Value = { unit: Unit.Auto, value: NaN }
+
+function pointValue(v: number): Value {
+ return { unit: Unit.Point, value: v }
+}
+
+function percentValue(v: number): Value {
+ return { unit: Unit.Percent, value: v }
+}
+
+function resolveValue(v: Value, ownerSize: number): number {
+ switch (v.unit) {
+ case Unit.Point:
+ return v.value
+
+ case Unit.Percent:
+ return isNaN(ownerSize) ? NaN : (v.value * ownerSize) / 100
+
+ default:
+ return NaN
+ }
+}
+
+function isDefined(n: number): boolean {
+ return !isNaN(n)
+}
+
+function sameFloat(a: number, b: number): boolean {
+ return a === b || (a !== a && b !== b)
+}
+
+type Layout = {
+ left: number
+ top: number
+ width: number
+ height: number
+ border: [number, number, number, number]
+ padding: [number, number, number, number]
+ margin: [number, number, number, number]
+}
+type Style = {
+ direction: Direction
+ flexDirection: FlexDirection
+ justifyContent: Justify
+ alignItems: Align
+ alignSelf: Align
+ alignContent: Align
+ flexWrap: Wrap
+ overflow: Overflow
+ display: Display
+ positionType: PositionType
+ flexGrow: number
+ flexShrink: number
+ flexBasis: Value
+ margin: Value[]
+ padding: Value[]
+ border: Value[]
+ position: Value[]
+ gap: Value[]
+ width: Value
+ height: Value
+ minWidth: Value
+ minHeight: Value
+ maxWidth: Value
+ maxHeight: Value
+}
+
+function defaultStyle(): Style {
+ return {
+ direction: Direction.Inherit,
+ flexDirection: FlexDirection.Column,
+ justifyContent: Justify.FlexStart,
+ alignItems: Align.Stretch,
+ alignSelf: Align.Auto,
+ alignContent: Align.FlexStart,
+ flexWrap: Wrap.NoWrap,
+ overflow: Overflow.Visible,
+ display: Display.Flex,
+ positionType: PositionType.Relative,
+ flexGrow: 0,
+ flexShrink: 0,
+ flexBasis: AUTO_VALUE,
+ margin: new Array(9).fill(UNDEFINED_VALUE),
+ padding: new Array(9).fill(UNDEFINED_VALUE),
+ border: new Array(9).fill(UNDEFINED_VALUE),
+ position: new Array(9).fill(UNDEFINED_VALUE),
+ gap: new Array(3).fill(UNDEFINED_VALUE),
+ width: AUTO_VALUE,
+ height: AUTO_VALUE,
+ minWidth: UNDEFINED_VALUE,
+ minHeight: UNDEFINED_VALUE,
+ maxWidth: UNDEFINED_VALUE,
+ maxHeight: UNDEFINED_VALUE
+ }
+}
+
+const EDGE_LEFT = 0
+const EDGE_TOP = 1
+const EDGE_RIGHT = 2
+const EDGE_BOTTOM = 3
+
+function resolveEdge(edges: Value[], physicalEdge: number, ownerSize: number, allowAuto = false): number {
+ let v = edges[physicalEdge]!
+
+ if (v.unit === Unit.Undefined) {
+ if (physicalEdge === EDGE_LEFT || physicalEdge === EDGE_RIGHT) {
+ v = edges[Edge.Horizontal]!
+ } else {
+ v = edges[Edge.Vertical]!
+ }
+ }
+
+ if (v.unit === Unit.Undefined) {
+ v = edges[Edge.All]!
+ }
+
+ if (v.unit === Unit.Undefined) {
+ if (physicalEdge === EDGE_LEFT) {
+ v = edges[Edge.Start]!
+ }
+
+ if (physicalEdge === EDGE_RIGHT) {
+ v = edges[Edge.End]!
+ }
+ }
+
+ if (v.unit === Unit.Undefined) {
+ return 0
+ }
+
+ if (v.unit === Unit.Auto) {
+ return allowAuto ? NaN : 0
+ }
+
+ return resolveValue(v, ownerSize)
+}
+
+function resolveEdgeRaw(edges: Value[], physicalEdge: number): Value {
+ let v = edges[physicalEdge]!
+
+ if (v.unit === Unit.Undefined) {
+ if (physicalEdge === EDGE_LEFT || physicalEdge === EDGE_RIGHT) {
+ v = edges[Edge.Horizontal]!
+ } else {
+ v = edges[Edge.Vertical]!
+ }
+ }
+
+ if (v.unit === Unit.Undefined) {
+ v = edges[Edge.All]!
+ }
+
+ if (v.unit === Unit.Undefined) {
+ if (physicalEdge === EDGE_LEFT) {
+ v = edges[Edge.Start]!
+ }
+
+ if (physicalEdge === EDGE_RIGHT) {
+ v = edges[Edge.End]!
+ }
+ }
+
+ return v
+}
+
+function isMarginAuto(edges: Value[], physicalEdge: number): boolean {
+ return resolveEdgeRaw(edges, physicalEdge).unit === Unit.Auto
+}
+
+function hasAnyAutoEdge(edges: Value[]): boolean {
+ for (let i = 0; i < 9; i++) {
+ if (edges[i]!.unit === 3) {
+ return true
+ }
+ }
+
+ return false
+}
+
+function hasAnyDefinedEdge(edges: Value[]): boolean {
+ for (let i = 0; i < 9; i++) {
+ if (edges[i]!.unit !== 0) {
+ return true
+ }
+ }
+
+ return false
+}
+
+function resolveEdges4Into(edges: Value[], ownerSize: number, out: [number, number, number, number]): void {
+ const eH = edges[6]!
+ const eV = edges[7]!
+ const eA = edges[8]!
+ const eS = edges[4]!
+ const eE = edges[5]!
+ const pctDenom = isNaN(ownerSize) ? NaN : ownerSize / 100
+ let v = edges[0]!
+
+ if (v.unit === 0) {
+ v = eH
+ }
+
+ if (v.unit === 0) {
+ v = eA
+ }
+
+ if (v.unit === 0) {
+ v = eS
+ }
+
+ out[0] = v.unit === 1 ? v.value : v.unit === 2 ? v.value * pctDenom : 0
+ v = edges[1]!
+
+ if (v.unit === 0) {
+ v = eV
+ }
+
+ if (v.unit === 0) {
+ v = eA
+ }
+
+ out[1] = v.unit === 1 ? v.value : v.unit === 2 ? v.value * pctDenom : 0
+ v = edges[2]!
+
+ if (v.unit === 0) {
+ v = eH
+ }
+
+ if (v.unit === 0) {
+ v = eA
+ }
+
+ if (v.unit === 0) {
+ v = eE
+ }
+
+ out[2] = v.unit === 1 ? v.value : v.unit === 2 ? v.value * pctDenom : 0
+ v = edges[3]!
+
+ if (v.unit === 0) {
+ v = eV
+ }
+
+ if (v.unit === 0) {
+ v = eA
+ }
+
+ out[3] = v.unit === 1 ? v.value : v.unit === 2 ? v.value * pctDenom : 0
+}
+
+function isRow(dir: FlexDirection): boolean {
+ return dir === FlexDirection.Row || dir === FlexDirection.RowReverse
+}
+
+function isReverse(dir: FlexDirection): boolean {
+ return dir === FlexDirection.RowReverse || dir === FlexDirection.ColumnReverse
+}
+
+function crossAxis(dir: FlexDirection): FlexDirection {
+ return isRow(dir) ? FlexDirection.Column : FlexDirection.Row
+}
+
+function leadingEdge(dir: FlexDirection): number {
+ switch (dir) {
+ case FlexDirection.Row:
+ return EDGE_LEFT
+
+ case FlexDirection.RowReverse:
+ return EDGE_RIGHT
+
+ case FlexDirection.Column:
+ return EDGE_TOP
+
+ case FlexDirection.ColumnReverse:
+ return EDGE_BOTTOM
+ }
+}
+
+function trailingEdge(dir: FlexDirection): number {
+ switch (dir) {
+ case FlexDirection.Row:
+ return EDGE_RIGHT
+
+ case FlexDirection.RowReverse:
+ return EDGE_LEFT
+
+ case FlexDirection.Column:
+ return EDGE_BOTTOM
+
+ case FlexDirection.ColumnReverse:
+ return EDGE_TOP
+ }
+}
+
+export type MeasureFunction = (
+ width: number,
+ widthMode: MeasureMode,
+ height: number,
+ heightMode: MeasureMode
+) => {
+ width: number
+ height: number
+}
+export type Size = {
+ width: number
+ height: number
+}
+export type Config = {
+ pointScaleFactor: number
+ errata: Errata
+ useWebDefaults: boolean
+ free(): void
+ isExperimentalFeatureEnabled(_: ExperimentalFeature): boolean
+ setExperimentalFeatureEnabled(_: ExperimentalFeature, __: boolean): void
+ setPointScaleFactor(factor: number): void
+ getErrata(): Errata
+ setErrata(errata: Errata): void
+ setUseWebDefaults(v: boolean): void
+}
+
+function createConfig(): Config {
+ const config: Config = {
+ pointScaleFactor: 1,
+ errata: Errata.None,
+ useWebDefaults: false,
+ free() {},
+ isExperimentalFeatureEnabled() {
+ return false
+ },
+ setExperimentalFeatureEnabled() {},
+ setPointScaleFactor(f) {
+ config.pointScaleFactor = f
+ },
+ getErrata() {
+ return config.errata
+ },
+ setErrata(e) {
+ config.errata = e
+ },
+ setUseWebDefaults(v) {
+ config.useWebDefaults = v
+ }
+ }
+
+ return config
+}
+
+export class Node {
+ style: Style
+ layout: Layout
+ parent: Node | null
+ children: Node[]
+ measureFunc: MeasureFunction | null
+ config: Config
+ isDirty_: boolean
+ isReferenceBaseline_: boolean
+ _flexBasis = 0
+ _mainSize = 0
+ _crossSize = 0
+ _lineIndex = 0
+ _hasAutoMargin = false
+ _hasPosition = false
+ _hasPadding = false
+ _hasBorder = false
+ _hasMargin = false
+ _lW = NaN
+ _lH = NaN
+ _lWM: MeasureMode = 0
+ _lHM: MeasureMode = 0
+ _lOW = NaN
+ _lOH = NaN
+ _lFW = false
+ _lFH = false
+ _lOutW = NaN
+ _lOutH = NaN
+ _hasL = false
+ _mW = NaN
+ _mH = NaN
+ _mWM: MeasureMode = 0
+ _mHM: MeasureMode = 0
+ _mOW = NaN
+ _mOH = NaN
+ _mOutW = NaN
+ _mOutH = NaN
+ _hasM = false
+ _fbBasis = NaN
+ _fbOwnerW = NaN
+ _fbOwnerH = NaN
+ _fbAvailMain = NaN
+ _fbAvailCross = NaN
+ _fbCrossMode: MeasureMode = 0
+ _fbGen = -1
+ _cIn: Float64Array | null = null
+ _cOut: Float64Array | null = null
+ _cGen = -1
+ _cN = 0
+ _cWr = 0
+ constructor(config?: Config) {
+ this.style = defaultStyle()
+ this.layout = {
+ left: 0,
+ top: 0,
+ width: 0,
+ height: 0,
+ border: [0, 0, 0, 0],
+ padding: [0, 0, 0, 0],
+ margin: [0, 0, 0, 0]
+ }
+ this.parent = null
+ this.children = []
+ this.measureFunc = null
+ this.config = config ?? DEFAULT_CONFIG
+ this.isDirty_ = true
+ this.isReferenceBaseline_ = false
+ _yogaLiveNodes++
+ }
+ insertChild(child: Node, index: number): void {
+ child.parent = this
+ this.children.splice(index, 0, child)
+ this.markDirty()
+ }
+ removeChild(child: Node): void {
+ const idx = this.children.indexOf(child)
+
+ if (idx >= 0) {
+ this.children.splice(idx, 1)
+ child.parent = null
+ this.markDirty()
+ }
+ }
+ getChild(index: number): Node {
+ return this.children[index]!
+ }
+ getChildCount(): number {
+ return this.children.length
+ }
+ getParent(): Node | null {
+ return this.parent
+ }
+ free(): void {
+ this.parent = null
+ this.children = []
+ this.measureFunc = null
+ this._cIn = null
+ this._cOut = null
+ _yogaLiveNodes--
+ }
+ freeRecursive(): void {
+ for (const c of this.children) {
+ c.freeRecursive()
+ }
+
+ this.free()
+ }
+ reset(): void {
+ this.style = defaultStyle()
+ this.children = []
+ this.parent = null
+ this.measureFunc = null
+ this.isDirty_ = true
+ this._hasAutoMargin = false
+ this._hasPosition = false
+ this._hasPadding = false
+ this._hasBorder = false
+ this._hasMargin = false
+ this._hasL = false
+ this._hasM = false
+ this._cN = 0
+ this._cWr = 0
+ this._fbBasis = NaN
+ }
+ markDirty(): void {
+ this.isDirty_ = true
+
+ if (this.parent && !this.parent.isDirty_) {
+ this.parent.markDirty()
+ }
+ }
+ isDirty(): boolean {
+ return this.isDirty_
+ }
+ hasNewLayout(): boolean {
+ return true
+ }
+ markLayoutSeen(): void {}
+ setMeasureFunc(fn: MeasureFunction | null): void {
+ this.measureFunc = fn
+ this.markDirty()
+ }
+ unsetMeasureFunc(): void {
+ this.measureFunc = null
+ this.markDirty()
+ }
+ getComputedLeft(): number {
+ return this.layout.left
+ }
+ getComputedTop(): number {
+ return this.layout.top
+ }
+ getComputedWidth(): number {
+ return this.layout.width
+ }
+ getComputedHeight(): number {
+ return this.layout.height
+ }
+ getComputedRight(): number {
+ const p = this.parent
+
+ return p ? p.layout.width - this.layout.left - this.layout.width : 0
+ }
+ getComputedBottom(): number {
+ const p = this.parent
+
+ return p ? p.layout.height - this.layout.top - this.layout.height : 0
+ }
+ getComputedLayout(): {
+ left: number
+ top: number
+ right: number
+ bottom: number
+ width: number
+ height: number
+ } {
+ return {
+ left: this.layout.left,
+ top: this.layout.top,
+ right: this.getComputedRight(),
+ bottom: this.getComputedBottom(),
+ width: this.layout.width,
+ height: this.layout.height
+ }
+ }
+ getComputedBorder(edge: Edge): number {
+ return this.layout.border[physicalEdge(edge)]!
+ }
+ getComputedPadding(edge: Edge): number {
+ return this.layout.padding[physicalEdge(edge)]!
+ }
+ getComputedMargin(edge: Edge): number {
+ return this.layout.margin[physicalEdge(edge)]!
+ }
+ setWidth(v: number | 'auto' | string | undefined): void {
+ this.style.width = parseDimension(v)
+ this.markDirty()
+ }
+ setWidthPercent(v: number): void {
+ this.style.width = percentValue(v)
+ this.markDirty()
+ }
+ setWidthAuto(): void {
+ this.style.width = AUTO_VALUE
+ this.markDirty()
+ }
+ setHeight(v: number | 'auto' | string | undefined): void {
+ this.style.height = parseDimension(v)
+ this.markDirty()
+ }
+ setHeightPercent(v: number): void {
+ this.style.height = percentValue(v)
+ this.markDirty()
+ }
+ setHeightAuto(): void {
+ this.style.height = AUTO_VALUE
+ this.markDirty()
+ }
+ setMinWidth(v: number | string | undefined): void {
+ this.style.minWidth = parseDimension(v)
+ this.markDirty()
+ }
+ setMinWidthPercent(v: number): void {
+ this.style.minWidth = percentValue(v)
+ this.markDirty()
+ }
+ setMinHeight(v: number | string | undefined): void {
+ this.style.minHeight = parseDimension(v)
+ this.markDirty()
+ }
+ setMinHeightPercent(v: number): void {
+ this.style.minHeight = percentValue(v)
+ this.markDirty()
+ }
+ setMaxWidth(v: number | string | undefined): void {
+ this.style.maxWidth = parseDimension(v)
+ this.markDirty()
+ }
+ setMaxWidthPercent(v: number): void {
+ this.style.maxWidth = percentValue(v)
+ this.markDirty()
+ }
+ setMaxHeight(v: number | string | undefined): void {
+ this.style.maxHeight = parseDimension(v)
+ this.markDirty()
+ }
+ setMaxHeightPercent(v: number): void {
+ this.style.maxHeight = percentValue(v)
+ this.markDirty()
+ }
+ setFlexDirection(dir: FlexDirection): void {
+ this.style.flexDirection = dir
+ this.markDirty()
+ }
+ setFlexGrow(v: number | undefined): void {
+ this.style.flexGrow = v ?? 0
+ this.markDirty()
+ }
+ setFlexShrink(v: number | undefined): void {
+ this.style.flexShrink = v ?? 0
+ this.markDirty()
+ }
+ setFlex(v: number | undefined): void {
+ if (v === undefined || isNaN(v)) {
+ this.style.flexGrow = 0
+ this.style.flexShrink = 0
+ } else if (v > 0) {
+ this.style.flexGrow = v
+ this.style.flexShrink = 1
+ this.style.flexBasis = pointValue(0)
+ } else if (v < 0) {
+ this.style.flexGrow = 0
+ this.style.flexShrink = -v
+ } else {
+ this.style.flexGrow = 0
+ this.style.flexShrink = 0
+ }
+
+ this.markDirty()
+ }
+ setFlexBasis(v: number | 'auto' | string | undefined): void {
+ this.style.flexBasis = parseDimension(v)
+ this.markDirty()
+ }
+ setFlexBasisPercent(v: number): void {
+ this.style.flexBasis = percentValue(v)
+ this.markDirty()
+ }
+ setFlexBasisAuto(): void {
+ this.style.flexBasis = AUTO_VALUE
+ this.markDirty()
+ }
+ setFlexWrap(wrap: Wrap): void {
+ this.style.flexWrap = wrap
+ this.markDirty()
+ }
+ setAlignItems(a: Align): void {
+ this.style.alignItems = a
+ this.markDirty()
+ }
+ setAlignSelf(a: Align): void {
+ this.style.alignSelf = a
+ this.markDirty()
+ }
+ setAlignContent(a: Align): void {
+ this.style.alignContent = a
+ this.markDirty()
+ }
+ setJustifyContent(j: Justify): void {
+ this.style.justifyContent = j
+ this.markDirty()
+ }
+ setDisplay(d: Display): void {
+ this.style.display = d
+ this.markDirty()
+ }
+ getDisplay(): Display {
+ return this.style.display
+ }
+ setPositionType(t: PositionType): void {
+ this.style.positionType = t
+ this.markDirty()
+ }
+ setPosition(edge: Edge, v: number | string | undefined): void {
+ this.style.position[edge] = parseDimension(v)
+ this._hasPosition = hasAnyDefinedEdge(this.style.position)
+ this.markDirty()
+ }
+ setPositionPercent(edge: Edge, v: number): void {
+ this.style.position[edge] = percentValue(v)
+ this._hasPosition = true
+ this.markDirty()
+ }
+ setPositionAuto(edge: Edge): void {
+ this.style.position[edge] = AUTO_VALUE
+ this._hasPosition = true
+ this.markDirty()
+ }
+ setOverflow(o: Overflow): void {
+ this.style.overflow = o
+ this.markDirty()
+ }
+ setDirection(d: Direction): void {
+ this.style.direction = d
+ this.markDirty()
+ }
+ setBoxSizing(_: BoxSizing): void {}
+ setMargin(edge: Edge, v: number | 'auto' | string | undefined): void {
+ const val = parseDimension(v)
+ this.style.margin[edge] = val
+
+ if (val.unit === Unit.Auto) {
+ this._hasAutoMargin = true
+ } else {
+ this._hasAutoMargin = hasAnyAutoEdge(this.style.margin)
+ }
+
+ this._hasMargin = this._hasAutoMargin || hasAnyDefinedEdge(this.style.margin)
+ this.markDirty()
+ }
+ setMarginPercent(edge: Edge, v: number): void {
+ this.style.margin[edge] = percentValue(v)
+ this._hasAutoMargin = hasAnyAutoEdge(this.style.margin)
+ this._hasMargin = true
+ this.markDirty()
+ }
+ setMarginAuto(edge: Edge): void {
+ this.style.margin[edge] = AUTO_VALUE
+ this._hasAutoMargin = true
+ this._hasMargin = true
+ this.markDirty()
+ }
+ setPadding(edge: Edge, v: number | string | undefined): void {
+ this.style.padding[edge] = parseDimension(v)
+ this._hasPadding = hasAnyDefinedEdge(this.style.padding)
+ this.markDirty()
+ }
+ setPaddingPercent(edge: Edge, v: number): void {
+ this.style.padding[edge] = percentValue(v)
+ this._hasPadding = true
+ this.markDirty()
+ }
+ setBorder(edge: Edge, v: number | undefined): void {
+ this.style.border[edge] = v === undefined ? UNDEFINED_VALUE : pointValue(v)
+ this._hasBorder = hasAnyDefinedEdge(this.style.border)
+ this.markDirty()
+ }
+ setGap(gutter: Gutter, v: number | string | undefined): void {
+ this.style.gap[gutter] = parseDimension(v)
+ this.markDirty()
+ }
+ setGapPercent(gutter: Gutter, v: number): void {
+ this.style.gap[gutter] = percentValue(v)
+ this.markDirty()
+ }
+ getFlexDirection(): FlexDirection {
+ return this.style.flexDirection
+ }
+ getJustifyContent(): Justify {
+ return this.style.justifyContent
+ }
+ getAlignItems(): Align {
+ return this.style.alignItems
+ }
+ getAlignSelf(): Align {
+ return this.style.alignSelf
+ }
+ getAlignContent(): Align {
+ return this.style.alignContent
+ }
+ getFlexGrow(): number {
+ return this.style.flexGrow
+ }
+ getFlexShrink(): number {
+ return this.style.flexShrink
+ }
+ getFlexBasis(): Value {
+ return this.style.flexBasis
+ }
+ getFlexWrap(): Wrap {
+ return this.style.flexWrap
+ }
+ getWidth(): Value {
+ return this.style.width
+ }
+ getHeight(): Value {
+ return this.style.height
+ }
+ getOverflow(): Overflow {
+ return this.style.overflow
+ }
+ getPositionType(): PositionType {
+ return this.style.positionType
+ }
+ getDirection(): Direction {
+ return this.style.direction
+ }
+ copyStyle(_: Node): void {}
+ setDirtiedFunc(_: unknown): void {}
+ unsetDirtiedFunc(): void {}
+ setIsReferenceBaseline(v: boolean): void {
+ this.isReferenceBaseline_ = v
+ this.markDirty()
+ }
+ isReferenceBaseline(): boolean {
+ return this.isReferenceBaseline_
+ }
+ setAspectRatio(_: number | undefined): void {}
+ getAspectRatio(): number {
+ return NaN
+ }
+ setAlwaysFormsContainingBlock(_: boolean): void {}
+ calculateLayout(ownerWidth: number | undefined, ownerHeight: number | undefined, _direction?: Direction): void {
+ _yogaNodesVisited = 0
+ _yogaMeasureCalls = 0
+ _yogaCacheHits = 0
+ _generation++
+ const w = ownerWidth === undefined ? NaN : ownerWidth
+ const h = ownerHeight === undefined ? NaN : ownerHeight
+ layoutNode(
+ this,
+ w,
+ h,
+ isDefined(w) ? MeasureMode.Exactly : MeasureMode.Undefined,
+ isDefined(h) ? MeasureMode.Exactly : MeasureMode.Undefined,
+ w,
+ h,
+ true
+ )
+ const mar = this.layout.margin
+ const posL = resolveValue(resolveEdgeRaw(this.style.position, EDGE_LEFT), isDefined(w) ? w : 0)
+ const posT = resolveValue(resolveEdgeRaw(this.style.position, EDGE_TOP), isDefined(w) ? w : 0)
+ this.layout.left = mar[EDGE_LEFT] + (isDefined(posL) ? posL : 0)
+ this.layout.top = mar[EDGE_TOP] + (isDefined(posT) ? posT : 0)
+ roundLayout(this, this.config.pointScaleFactor, 0, 0)
+ }
+}
+const DEFAULT_CONFIG = createConfig()
+const CACHE_SLOTS = 4
+
+function cacheWrite(
+ node: Node,
+ aW: number,
+ aH: number,
+ wM: MeasureMode,
+ hM: MeasureMode,
+ oW: number,
+ oH: number,
+ fW: boolean,
+ fH: boolean,
+ wasDirty: boolean
+): void {
+ if (!node._cIn) {
+ node._cIn = new Float64Array(CACHE_SLOTS * 8)
+ node._cOut = new Float64Array(CACHE_SLOTS * 2)
+ }
+
+ if (wasDirty && node._cGen !== _generation) {
+ node._cN = 0
+ node._cWr = 0
+ }
+
+ const i = node._cWr++ % CACHE_SLOTS
+
+ if (node._cN < CACHE_SLOTS) {
+ node._cN = node._cWr
+ }
+
+ const o = i * 8
+ const cIn = node._cIn
+ cIn[o] = aW
+ cIn[o + 1] = aH
+ cIn[o + 2] = wM
+ cIn[o + 3] = hM
+ cIn[o + 4] = oW
+ cIn[o + 5] = oH
+ cIn[o + 6] = fW ? 1 : 0
+ cIn[o + 7] = fH ? 1 : 0
+ node._cOut![i * 2] = node.layout.width
+ node._cOut![i * 2 + 1] = node.layout.height
+ node._cGen = _generation
+}
+
+function commitCacheOutputs(node: Node, performLayout: boolean): void {
+ if (performLayout) {
+ node._lOutW = node.layout.width
+ node._lOutH = node.layout.height
+ } else {
+ node._mOutW = node.layout.width
+ node._mOutH = node.layout.height
+ }
+}
+
+let _generation = 0
+let _yogaNodesVisited = 0
+let _yogaMeasureCalls = 0
+let _yogaCacheHits = 0
+let _yogaLiveNodes = 0
+
+export function getYogaCounters(): {
+ visited: number
+ measured: number
+ cacheHits: number
+ live: number
+} {
+ return {
+ visited: _yogaNodesVisited,
+ measured: _yogaMeasureCalls,
+ cacheHits: _yogaCacheHits,
+ live: _yogaLiveNodes
+ }
+}
+
+function layoutNode(
+ node: Node,
+ availableWidth: number,
+ availableHeight: number,
+ widthMode: MeasureMode,
+ heightMode: MeasureMode,
+ ownerWidth: number,
+ ownerHeight: number,
+ performLayout: boolean,
+ forceWidth = false,
+ forceHeight = false
+): void {
+ _yogaNodesVisited++
+ const style = node.style
+ const layout = node.layout
+ const sameGen = node._cGen === _generation && !performLayout
+
+ if (!node.isDirty_ || sameGen) {
+ if (
+ !node.isDirty_ &&
+ node._hasL &&
+ node._lWM === widthMode &&
+ node._lHM === heightMode &&
+ node._lFW === forceWidth &&
+ node._lFH === forceHeight &&
+ sameFloat(node._lW, availableWidth) &&
+ sameFloat(node._lH, availableHeight) &&
+ sameFloat(node._lOW, ownerWidth) &&
+ sameFloat(node._lOH, ownerHeight)
+ ) {
+ _yogaCacheHits++
+ layout.width = node._lOutW
+ layout.height = node._lOutH
+
+ return
+ }
+
+ if (node._cN > 0 && (sameGen || !node.isDirty_)) {
+ const cIn = node._cIn!
+
+ for (let i = 0; i < node._cN; i++) {
+ const o = i * 8
+
+ if (
+ cIn[o + 2] === widthMode &&
+ cIn[o + 3] === heightMode &&
+ cIn[o + 6] === (forceWidth ? 1 : 0) &&
+ cIn[o + 7] === (forceHeight ? 1 : 0) &&
+ sameFloat(cIn[o]!, availableWidth) &&
+ sameFloat(cIn[o + 1]!, availableHeight) &&
+ sameFloat(cIn[o + 4]!, ownerWidth) &&
+ sameFloat(cIn[o + 5]!, ownerHeight)
+ ) {
+ layout.width = node._cOut![i * 2]!
+ layout.height = node._cOut![i * 2 + 1]!
+ _yogaCacheHits++
+
+ return
+ }
+ }
+ }
+
+ if (
+ !node.isDirty_ &&
+ !performLayout &&
+ node._hasM &&
+ node._mWM === widthMode &&
+ node._mHM === heightMode &&
+ sameFloat(node._mW, availableWidth) &&
+ sameFloat(node._mH, availableHeight) &&
+ sameFloat(node._mOW, ownerWidth) &&
+ sameFloat(node._mOH, ownerHeight)
+ ) {
+ layout.width = node._mOutW
+ layout.height = node._mOutH
+ _yogaCacheHits++
+
+ return
+ }
+ }
+
+ const wasDirty = node.isDirty_
+
+ if (performLayout) {
+ node._lW = availableWidth
+ node._lH = availableHeight
+ node._lWM = widthMode
+ node._lHM = heightMode
+ node._lOW = ownerWidth
+ node._lOH = ownerHeight
+ node._lFW = forceWidth
+ node._lFH = forceHeight
+ node._hasL = true
+ node.isDirty_ = false
+
+ if (wasDirty) {
+ node._hasM = false
+ }
+ } else {
+ node._mW = availableWidth
+ node._mH = availableHeight
+ node._mWM = widthMode
+ node._mHM = heightMode
+ node._mOW = ownerWidth
+ node._mOH = ownerHeight
+ node._hasM = true
+
+ if (wasDirty) {
+ node._hasL = false
+ }
+ }
+
+ const pad = layout.padding
+ const bor = layout.border
+ const mar = layout.margin
+
+ if (node._hasPadding) {
+ resolveEdges4Into(style.padding, ownerWidth, pad)
+ } else {
+ pad[0] = pad[1] = pad[2] = pad[3] = 0
+ }
+
+ if (node._hasBorder) {
+ resolveEdges4Into(style.border, ownerWidth, bor)
+ } else {
+ bor[0] = bor[1] = bor[2] = bor[3] = 0
+ }
+
+ if (node._hasMargin) {
+ resolveEdges4Into(style.margin, ownerWidth, mar)
+ } else {
+ mar[0] = mar[1] = mar[2] = mar[3] = 0
+ }
+
+ const paddingBorderWidth = pad[0] + pad[2] + bor[0] + bor[2]
+ const paddingBorderHeight = pad[1] + pad[3] + bor[1] + bor[3]
+ const styleWidth = forceWidth ? NaN : resolveValue(style.width, ownerWidth)
+
+ const styleHeight = forceHeight ? NaN : resolveValue(style.height, ownerHeight)
+
+ let width = availableWidth
+ let height = availableHeight
+ let wMode = widthMode
+ let hMode = heightMode
+
+ if (isDefined(styleWidth)) {
+ width = styleWidth
+ wMode = MeasureMode.Exactly
+ }
+
+ if (isDefined(styleHeight)) {
+ height = styleHeight
+ hMode = MeasureMode.Exactly
+ }
+
+ width = boundAxis(style, true, width, ownerWidth, ownerHeight)
+ height = boundAxis(style, false, height, ownerWidth, ownerHeight)
+
+ if (node.measureFunc && node.children.length === 0) {
+ const innerW = wMode === MeasureMode.Undefined ? NaN : Math.max(0, width - paddingBorderWidth)
+
+ const innerH = hMode === MeasureMode.Undefined ? NaN : Math.max(0, height - paddingBorderHeight)
+
+ _yogaMeasureCalls++
+ const measured = node.measureFunc(innerW, wMode, innerH, hMode)
+ node.layout.width =
+ wMode === MeasureMode.Exactly
+ ? width
+ : boundAxis(style, true, (measured.width ?? 0) + paddingBorderWidth, ownerWidth, ownerHeight)
+ node.layout.height =
+ hMode === MeasureMode.Exactly
+ ? height
+ : boundAxis(style, false, (measured.height ?? 0) + paddingBorderHeight, ownerWidth, ownerHeight)
+ commitCacheOutputs(node, performLayout)
+ cacheWrite(
+ node,
+ availableWidth,
+ availableHeight,
+ widthMode,
+ heightMode,
+ ownerWidth,
+ ownerHeight,
+ forceWidth,
+ forceHeight,
+ wasDirty
+ )
+
+ return
+ }
+
+ if (node.children.length === 0) {
+ node.layout.width =
+ wMode === MeasureMode.Exactly ? width : boundAxis(style, true, paddingBorderWidth, ownerWidth, ownerHeight)
+ node.layout.height =
+ hMode === MeasureMode.Exactly ? height : boundAxis(style, false, paddingBorderHeight, ownerWidth, ownerHeight)
+ commitCacheOutputs(node, performLayout)
+ cacheWrite(
+ node,
+ availableWidth,
+ availableHeight,
+ widthMode,
+ heightMode,
+ ownerWidth,
+ ownerHeight,
+ forceWidth,
+ forceHeight,
+ wasDirty
+ )
+
+ return
+ }
+
+ const mainAxis = style.flexDirection
+ const crossAx = crossAxis(mainAxis)
+ const isMainRow = isRow(mainAxis)
+ const mainSize = isMainRow ? width : height
+ const crossSize = isMainRow ? height : width
+ const mainMode = isMainRow ? wMode : hMode
+ const crossMode = isMainRow ? hMode : wMode
+ const mainPadBorder = isMainRow ? paddingBorderWidth : paddingBorderHeight
+ const crossPadBorder = isMainRow ? paddingBorderHeight : paddingBorderWidth
+
+ const innerMainSize = isDefined(mainSize) ? Math.max(0, mainSize - mainPadBorder) : NaN
+
+ const innerCrossSize = isDefined(crossSize) ? Math.max(0, crossSize - crossPadBorder) : NaN
+
+ const gapMain = resolveGap(style, isMainRow ? Gutter.Column : Gutter.Row, innerMainSize)
+ const flowChildren: Node[] = []
+ const absChildren: Node[] = []
+ collectLayoutChildren(node, flowChildren, absChildren)
+ const ownerW = isDefined(width) ? width : NaN
+ const ownerH = isDefined(height) ? height : NaN
+ const isWrap = style.flexWrap !== Wrap.NoWrap
+ const gapCross = resolveGap(style, isMainRow ? Gutter.Row : Gutter.Column, innerCrossSize)
+
+ for (const c of flowChildren) {
+ c._flexBasis = computeFlexBasis(c, mainAxis, innerMainSize, innerCrossSize, crossMode, ownerW, ownerH)
+ }
+
+ const lines: Node[][] = []
+
+ if (!isWrap || !isDefined(innerMainSize) || flowChildren.length === 0) {
+ for (const c of flowChildren) {
+ c._lineIndex = 0
+ }
+
+ lines.push(flowChildren)
+ } else {
+ let lineStart = 0
+ let lineLen = 0
+
+ for (let i = 0; i < flowChildren.length; i++) {
+ const c = flowChildren[i]!
+ const hypo = boundAxis(c.style, isMainRow, c._flexBasis, ownerW, ownerH)
+ const outer = Math.max(0, hypo) + childMarginForAxis(c, mainAxis, ownerW)
+ const withGap = i > lineStart ? gapMain : 0
+
+ if (i > lineStart && lineLen + withGap + outer > innerMainSize) {
+ lines.push(flowChildren.slice(lineStart, i))
+ lineStart = i
+ lineLen = outer
+ } else {
+ lineLen += withGap + outer
+ }
+
+ c._lineIndex = lines.length
+ }
+
+ lines.push(flowChildren.slice(lineStart))
+ }
+
+ const lineCount = lines.length
+ const isBaseline = isBaselineLayout(node, flowChildren)
+ const lineConsumedMain: number[] = new Array(lineCount)
+ const lineCrossSizes: number[] = new Array(lineCount)
+ const lineMaxAscent: number[] = isBaseline ? new Array(lineCount).fill(0) : []
+ let maxLineMain = 0
+ let totalLinesCross = 0
+
+ for (let li = 0; li < lineCount; li++) {
+ const line = lines[li]!
+ const lineGap = line.length > 1 ? gapMain * (line.length - 1) : 0
+ let lineBasis = lineGap
+
+ for (const c of line) {
+ lineBasis += c._flexBasis + childMarginForAxis(c, mainAxis, ownerW)
+ }
+
+ let availMain = innerMainSize
+
+ if (!isDefined(availMain)) {
+ const mainOwner = isMainRow ? ownerWidth : ownerHeight
+ const minM = resolveValue(isMainRow ? style.minWidth : style.minHeight, mainOwner)
+ const maxM = resolveValue(isMainRow ? style.maxWidth : style.maxHeight, mainOwner)
+
+ if (isDefined(maxM) && lineBasis > maxM - mainPadBorder) {
+ availMain = Math.max(0, maxM - mainPadBorder)
+ } else if (isDefined(minM) && lineBasis < minM - mainPadBorder) {
+ availMain = Math.max(0, minM - mainPadBorder)
+ }
+ }
+
+ resolveFlexibleLengths(line, availMain, lineBasis, isMainRow, ownerW, ownerH)
+ let lineCross = 0
+
+ for (const c of line) {
+ const cStyle = c.style
+ const childAlign = cStyle.alignSelf === Align.Auto ? style.alignItems : cStyle.alignSelf
+ const cMarginCross = childMarginForAxis(c, crossAx, ownerW)
+ let childCrossSize = NaN
+ let childCrossMode: MeasureMode = MeasureMode.Undefined
+ const resolvedCrossStyle = resolveValue(isMainRow ? cStyle.height : cStyle.width, isMainRow ? ownerH : ownerW)
+ const crossLeadE = isMainRow ? EDGE_TOP : EDGE_LEFT
+ const crossTrailE = isMainRow ? EDGE_BOTTOM : EDGE_RIGHT
+
+ const hasCrossAutoMargin =
+ c._hasAutoMargin && (isMarginAuto(cStyle.margin, crossLeadE) || isMarginAuto(cStyle.margin, crossTrailE))
+
+ if (isDefined(resolvedCrossStyle)) {
+ childCrossSize = resolvedCrossStyle
+ childCrossMode = MeasureMode.Exactly
+ } else if (
+ childAlign === Align.Stretch &&
+ !hasCrossAutoMargin &&
+ !isWrap &&
+ isDefined(innerCrossSize) &&
+ crossMode === MeasureMode.Exactly
+ ) {
+ childCrossSize = Math.max(0, innerCrossSize - cMarginCross)
+ childCrossMode = MeasureMode.Exactly
+ } else if (!isWrap && isDefined(innerCrossSize)) {
+ childCrossSize = Math.max(0, innerCrossSize - cMarginCross)
+ childCrossMode = MeasureMode.AtMost
+ }
+
+ const cw = isMainRow ? c._mainSize : childCrossSize
+ const ch = isMainRow ? childCrossSize : c._mainSize
+ layoutNode(
+ c,
+ cw,
+ ch,
+ isMainRow ? MeasureMode.Exactly : childCrossMode,
+ isMainRow ? childCrossMode : MeasureMode.Exactly,
+ ownerW,
+ ownerH,
+ performLayout,
+ isMainRow,
+ !isMainRow
+ )
+ c._crossSize = isMainRow ? c.layout.height : c.layout.width
+ lineCross = Math.max(lineCross, c._crossSize + cMarginCross)
+ }
+
+ if (isBaseline) {
+ let maxAscent = 0
+ let maxDescent = 0
+
+ for (const c of line) {
+ if (resolveChildAlign(node, c) !== Align.Baseline) {
+ continue
+ }
+
+ const mTop = resolveEdge(c.style.margin, EDGE_TOP, ownerW)
+ const mBot = resolveEdge(c.style.margin, EDGE_BOTTOM, ownerW)
+ const ascent = calculateBaseline(c) + mTop
+ const descent = c.layout.height + mTop + mBot - ascent
+
+ if (ascent > maxAscent) {
+ maxAscent = ascent
+ }
+
+ if (descent > maxDescent) {
+ maxDescent = descent
+ }
+ }
+
+ lineMaxAscent[li] = maxAscent
+
+ if (maxAscent + maxDescent > lineCross) {
+ lineCross = maxAscent + maxDescent
+ }
+ }
+
+ const mainLead = leadingEdge(mainAxis)
+ const mainTrail = trailingEdge(mainAxis)
+ let consumed = lineGap
+
+ for (const c of line) {
+ const cm = c.layout.margin
+ consumed += c._mainSize + cm[mainLead]! + cm[mainTrail]!
+ }
+
+ lineConsumedMain[li] = consumed
+ lineCrossSizes[li] = lineCross
+ maxLineMain = Math.max(maxLineMain, consumed)
+ totalLinesCross += lineCross
+ }
+
+ const totalCrossGap = lineCount > 1 ? gapCross * (lineCount - 1) : 0
+ totalLinesCross += totalCrossGap
+ const isScroll = style.overflow === Overflow.Scroll
+ const contentMain = maxLineMain + mainPadBorder
+
+ const finalMainSize =
+ mainMode === MeasureMode.Exactly
+ ? mainSize
+ : mainMode === MeasureMode.AtMost && isScroll
+ ? Math.max(Math.min(mainSize, contentMain), mainPadBorder)
+ : isWrap && lineCount > 1 && mainMode === MeasureMode.AtMost
+ ? mainSize
+ : contentMain
+
+ const contentCross = totalLinesCross + crossPadBorder
+
+ const finalCrossSize =
+ crossMode === MeasureMode.Exactly
+ ? crossSize
+ : crossMode === MeasureMode.AtMost && isScroll
+ ? Math.max(Math.min(crossSize, contentCross), crossPadBorder)
+ : contentCross
+
+ node.layout.width = boundAxis(style, true, isMainRow ? finalMainSize : finalCrossSize, ownerWidth, ownerHeight)
+ node.layout.height = boundAxis(style, false, isMainRow ? finalCrossSize : finalMainSize, ownerWidth, ownerHeight)
+ commitCacheOutputs(node, performLayout)
+ cacheWrite(
+ node,
+ availableWidth,
+ availableHeight,
+ widthMode,
+ heightMode,
+ ownerWidth,
+ ownerHeight,
+ forceWidth,
+ forceHeight,
+ wasDirty
+ )
+
+ if (!performLayout) {
+ return
+ }
+
+ const actualInnerMain = (isMainRow ? node.layout.width : node.layout.height) - mainPadBorder
+ const actualInnerCross = (isMainRow ? node.layout.height : node.layout.width) - crossPadBorder
+ const mainLeadEdgePhys = leadingEdge(mainAxis)
+ const mainTrailEdgePhys = trailingEdge(mainAxis)
+ const crossLeadEdgePhys = isMainRow ? EDGE_TOP : EDGE_LEFT
+ const crossTrailEdgePhys = isMainRow ? EDGE_BOTTOM : EDGE_RIGHT
+ const reversed = isReverse(mainAxis)
+ const mainContainerSize = isMainRow ? node.layout.width : node.layout.height
+ const crossLead = pad[crossLeadEdgePhys]! + bor[crossLeadEdgePhys]!
+ let lineCrossOffset = crossLead
+ let betweenLines = gapCross
+ const freeCross = actualInnerCross - totalLinesCross
+
+ if (lineCount === 1 && !isWrap && !isBaseline) {
+ lineCrossSizes[0] = actualInnerCross
+ } else {
+ const remCross = Math.max(0, freeCross)
+
+ switch (style.alignContent) {
+ case Align.FlexStart:
+ break
+
+ case Align.Center:
+ lineCrossOffset += freeCross / 2
+
+ break
+
+ case Align.FlexEnd:
+ lineCrossOffset += freeCross
+
+ break
+
+ case Align.Stretch:
+ if (lineCount > 0 && remCross > 0) {
+ const add = remCross / lineCount
+
+ for (let i = 0; i < lineCount; i++) {
+ lineCrossSizes[i]! += add
+ }
+ }
+
+ break
+
+ case Align.SpaceBetween:
+ if (lineCount > 1) {
+ betweenLines += remCross / (lineCount - 1)
+ }
+
+ break
+
+ case Align.SpaceAround:
+ if (lineCount > 0) {
+ betweenLines += remCross / lineCount
+ lineCrossOffset += remCross / lineCount / 2
+ }
+
+ break
+
+ case Align.SpaceEvenly:
+ if (lineCount > 0) {
+ betweenLines += remCross / (lineCount + 1)
+ lineCrossOffset += remCross / (lineCount + 1)
+ }
+
+ break
+
+ default:
+ break
+ }
+ }
+
+ const wrapReverse = style.flexWrap === Wrap.WrapReverse
+ const crossContainerSize = isMainRow ? node.layout.height : node.layout.width
+ let lineCrossPos = lineCrossOffset
+
+ for (let li = 0; li < lineCount; li++) {
+ const line = lines[li]!
+ const lineCross = lineCrossSizes[li]!
+ const consumedMain = lineConsumedMain[li]!
+ const n = line.length
+
+ if (isWrap || crossMode !== MeasureMode.Exactly) {
+ for (const c of line) {
+ const cStyle = c.style
+ const childAlign = cStyle.alignSelf === Align.Auto ? style.alignItems : cStyle.alignSelf
+
+ const crossStyleDef = isDefined(
+ resolveValue(isMainRow ? cStyle.height : cStyle.width, isMainRow ? ownerH : ownerW)
+ )
+
+ const hasCrossAutoMargin =
+ c._hasAutoMargin &&
+ (isMarginAuto(cStyle.margin, crossLeadEdgePhys) || isMarginAuto(cStyle.margin, crossTrailEdgePhys))
+
+ if (childAlign === Align.Stretch && !crossStyleDef && !hasCrossAutoMargin) {
+ const cMarginCross = childMarginForAxis(c, crossAx, ownerW)
+ const target = Math.max(0, lineCross - cMarginCross)
+
+ if (c._crossSize !== target) {
+ const cw = isMainRow ? c._mainSize : target
+ const ch = isMainRow ? target : c._mainSize
+ layoutNode(
+ c,
+ cw,
+ ch,
+ MeasureMode.Exactly,
+ MeasureMode.Exactly,
+ ownerW,
+ ownerH,
+ performLayout,
+ isMainRow,
+ !isMainRow
+ )
+ c._crossSize = target
+ }
+ }
+ }
+ }
+
+ let mainOffset = pad[mainLeadEdgePhys]! + bor[mainLeadEdgePhys]!
+ let betweenMain = gapMain
+ let numAutoMarginsMain = 0
+
+ for (const c of line) {
+ if (!c._hasAutoMargin) {
+ continue
+ }
+
+ if (isMarginAuto(c.style.margin, mainLeadEdgePhys)) {
+ numAutoMarginsMain++
+ }
+
+ if (isMarginAuto(c.style.margin, mainTrailEdgePhys)) {
+ numAutoMarginsMain++
+ }
+ }
+
+ const freeMain = actualInnerMain - consumedMain
+ const remainingMain = Math.max(0, freeMain)
+
+ const autoMarginMainSize = numAutoMarginsMain > 0 && remainingMain > 0 ? remainingMain / numAutoMarginsMain : 0
+
+ if (numAutoMarginsMain === 0) {
+ switch (style.justifyContent) {
+ case Justify.FlexStart:
+ break
+
+ case Justify.Center:
+ mainOffset += freeMain / 2
+
+ break
+
+ case Justify.FlexEnd:
+ mainOffset += freeMain
+
+ break
+
+ case Justify.SpaceBetween:
+ if (n > 1) {
+ betweenMain += remainingMain / (n - 1)
+ }
+
+ break
+
+ case Justify.SpaceAround:
+ if (n > 0) {
+ betweenMain += remainingMain / n
+ mainOffset += remainingMain / n / 2
+ }
+
+ break
+
+ case Justify.SpaceEvenly:
+ if (n > 0) {
+ betweenMain += remainingMain / (n + 1)
+ mainOffset += remainingMain / (n + 1)
+ }
+
+ break
+ }
+ }
+
+ const effectiveLineCrossPos = wrapReverse ? crossContainerSize - lineCrossPos - lineCross : lineCrossPos
+
+ let pos = mainOffset
+
+ for (const c of line) {
+ const cMargin = c.style.margin
+ const cLayoutMargin = c.layout.margin
+ let autoMainLead = false
+ let autoMainTrail = false
+ let autoCrossLead = false
+ let autoCrossTrail = false
+ let mMainLead: number
+ let mMainTrail: number
+ let mCrossLead: number
+ let mCrossTrail: number
+
+ if (c._hasAutoMargin) {
+ autoMainLead = isMarginAuto(cMargin, mainLeadEdgePhys)
+ autoMainTrail = isMarginAuto(cMargin, mainTrailEdgePhys)
+ autoCrossLead = isMarginAuto(cMargin, crossLeadEdgePhys)
+ autoCrossTrail = isMarginAuto(cMargin, crossTrailEdgePhys)
+ mMainLead = autoMainLead ? autoMarginMainSize : cLayoutMargin[mainLeadEdgePhys]!
+ mMainTrail = autoMainTrail ? autoMarginMainSize : cLayoutMargin[mainTrailEdgePhys]!
+ mCrossLead = autoCrossLead ? 0 : cLayoutMargin[crossLeadEdgePhys]!
+ mCrossTrail = autoCrossTrail ? 0 : cLayoutMargin[crossTrailEdgePhys]!
+ } else {
+ mMainLead = cLayoutMargin[mainLeadEdgePhys]!
+ mMainTrail = cLayoutMargin[mainTrailEdgePhys]!
+ mCrossLead = cLayoutMargin[crossLeadEdgePhys]!
+ mCrossTrail = cLayoutMargin[crossTrailEdgePhys]!
+ }
+
+ const mainPos = reversed ? mainContainerSize - (pos + mMainLead) - c._mainSize : pos + mMainLead
+
+ const childAlign = c.style.alignSelf === Align.Auto ? style.alignItems : c.style.alignSelf
+ let crossPos = effectiveLineCrossPos + mCrossLead
+ const crossFree = lineCross - c._crossSize - mCrossLead - mCrossTrail
+
+ if (autoCrossLead && autoCrossTrail) {
+ crossPos += Math.max(0, crossFree) / 2
+ } else if (autoCrossLead) {
+ crossPos += Math.max(0, crossFree)
+ } else if (autoCrossTrail) {
+ } else {
+ switch (childAlign) {
+ case Align.FlexStart:
+
+ case Align.Stretch:
+ if (wrapReverse) {
+ crossPos += crossFree
+ }
+
+ break
+
+ case Align.Center:
+ crossPos += crossFree / 2
+
+ break
+
+ case Align.FlexEnd:
+ if (!wrapReverse) {
+ crossPos += crossFree
+ }
+
+ break
+
+ case Align.Baseline:
+ if (isBaseline) {
+ crossPos = effectiveLineCrossPos + lineMaxAscent[li]! - calculateBaseline(c)
+ }
+
+ break
+
+ default:
+ break
+ }
+ }
+
+ let relX = 0
+ let relY = 0
+
+ if (c._hasPosition) {
+ const relLeft = resolveValue(resolveEdgeRaw(c.style.position, EDGE_LEFT), ownerW)
+ const relRight = resolveValue(resolveEdgeRaw(c.style.position, EDGE_RIGHT), ownerW)
+ const relTop = resolveValue(resolveEdgeRaw(c.style.position, EDGE_TOP), ownerW)
+ const relBottom = resolveValue(resolveEdgeRaw(c.style.position, EDGE_BOTTOM), ownerW)
+ relX = isDefined(relLeft) ? relLeft : isDefined(relRight) ? -relRight : 0
+ relY = isDefined(relTop) ? relTop : isDefined(relBottom) ? -relBottom : 0
+ }
+
+ if (isMainRow) {
+ c.layout.left = mainPos + relX
+ c.layout.top = crossPos + relY
+ } else {
+ c.layout.left = crossPos + relX
+ c.layout.top = mainPos + relY
+ }
+
+ pos += c._mainSize + mMainLead + mMainTrail + betweenMain
+ }
+
+ lineCrossPos += lineCross + betweenLines
+ }
+
+ for (const c of absChildren) {
+ layoutAbsoluteChild(node, c, node.layout.width, node.layout.height, pad, bor)
+ }
+}
+
+function layoutAbsoluteChild(
+ parent: Node,
+ child: Node,
+ parentWidth: number,
+ parentHeight: number,
+ pad: [number, number, number, number],
+ bor: [number, number, number, number]
+): void {
+ const cs = child.style
+ const posLeft = resolveEdgeRaw(cs.position, EDGE_LEFT)
+ const posRight = resolveEdgeRaw(cs.position, EDGE_RIGHT)
+ const posTop = resolveEdgeRaw(cs.position, EDGE_TOP)
+ const posBottom = resolveEdgeRaw(cs.position, EDGE_BOTTOM)
+ const rLeft = resolveValue(posLeft, parentWidth)
+ const rRight = resolveValue(posRight, parentWidth)
+ const rTop = resolveValue(posTop, parentHeight)
+ const rBottom = resolveValue(posBottom, parentHeight)
+ const paddingBoxW = parentWidth - bor[0] - bor[2]
+ const paddingBoxH = parentHeight - bor[1] - bor[3]
+ let cw = resolveValue(cs.width, paddingBoxW)
+ let ch = resolveValue(cs.height, paddingBoxH)
+
+ if (!isDefined(cw) && isDefined(rLeft) && isDefined(rRight)) {
+ cw = paddingBoxW - rLeft - rRight
+ }
+
+ if (!isDefined(ch) && isDefined(rTop) && isDefined(rBottom)) {
+ ch = paddingBoxH - rTop - rBottom
+ }
+
+ layoutNode(
+ child,
+ cw,
+ ch,
+ isDefined(cw) ? MeasureMode.Exactly : MeasureMode.Undefined,
+ isDefined(ch) ? MeasureMode.Exactly : MeasureMode.Undefined,
+ paddingBoxW,
+ paddingBoxH,
+ true
+ )
+ const mL = resolveEdge(cs.margin, EDGE_LEFT, parentWidth)
+ const mT = resolveEdge(cs.margin, EDGE_TOP, parentWidth)
+ const mR = resolveEdge(cs.margin, EDGE_RIGHT, parentWidth)
+ const mB = resolveEdge(cs.margin, EDGE_BOTTOM, parentWidth)
+ const mainAxis = parent.style.flexDirection
+ const reversed = isReverse(mainAxis)
+ const mainRow = isRow(mainAxis)
+ const wrapReverse = parent.style.flexWrap === Wrap.WrapReverse
+ const alignment = cs.alignSelf === Align.Auto ? parent.style.alignItems : cs.alignSelf
+ let left: number
+
+ if (isDefined(rLeft)) {
+ left = bor[0] + rLeft + mL
+ } else if (isDefined(rRight)) {
+ left = parentWidth - bor[2] - rRight - child.layout.width - mR
+ } else if (mainRow) {
+ const lead = pad[0] + bor[0]
+ const trail = parentWidth - pad[2] - bor[2]
+ left = reversed
+ ? trail - child.layout.width - mR
+ : justifyAbsolute(parent.style.justifyContent, lead, trail, child.layout.width) + mL
+ } else {
+ left =
+ alignAbsolute(alignment, pad[0] + bor[0], parentWidth - pad[2] - bor[2], child.layout.width, wrapReverse) + mL
+ }
+
+ let top: number
+
+ if (isDefined(rTop)) {
+ top = bor[1] + rTop + mT
+ } else if (isDefined(rBottom)) {
+ top = parentHeight - bor[3] - rBottom - child.layout.height - mB
+ } else if (mainRow) {
+ top =
+ alignAbsolute(alignment, pad[1] + bor[1], parentHeight - pad[3] - bor[3], child.layout.height, wrapReverse) + mT
+ } else {
+ const lead = pad[1] + bor[1]
+ const trail = parentHeight - pad[3] - bor[3]
+ top = reversed
+ ? trail - child.layout.height - mB
+ : justifyAbsolute(parent.style.justifyContent, lead, trail, child.layout.height) + mT
+ }
+
+ child.layout.left = left
+ child.layout.top = top
+}
+
+function justifyAbsolute(justify: Justify, leadEdge: number, trailEdge: number, childSize: number): number {
+ switch (justify) {
+ case Justify.Center:
+ return leadEdge + (trailEdge - leadEdge - childSize) / 2
+
+ case Justify.FlexEnd:
+ return trailEdge - childSize
+
+ default:
+ return leadEdge
+ }
+}
+
+function alignAbsolute(
+ align: Align,
+ leadEdge: number,
+ trailEdge: number,
+ childSize: number,
+ wrapReverse: boolean
+): number {
+ switch (align) {
+ case Align.Center:
+ return leadEdge + (trailEdge - leadEdge - childSize) / 2
+
+ case Align.FlexEnd:
+ return wrapReverse ? leadEdge : trailEdge - childSize
+
+ default:
+ return wrapReverse ? trailEdge - childSize : leadEdge
+ }
+}
+
+function computeFlexBasis(
+ child: Node,
+ mainAxis: FlexDirection,
+ availableMain: number,
+ availableCross: number,
+ crossMode: MeasureMode,
+ ownerWidth: number,
+ ownerHeight: number
+): number {
+ const sameGen = child._fbGen === _generation
+
+ if (
+ (sameGen || !child.isDirty_) &&
+ child._fbCrossMode === crossMode &&
+ sameFloat(child._fbOwnerW, ownerWidth) &&
+ sameFloat(child._fbOwnerH, ownerHeight) &&
+ sameFloat(child._fbAvailMain, availableMain) &&
+ sameFloat(child._fbAvailCross, availableCross)
+ ) {
+ return child._fbBasis
+ }
+
+ const cs = child.style
+ const isMainRow = isRow(mainAxis)
+ const basis = resolveValue(cs.flexBasis, availableMain)
+
+ if (isDefined(basis)) {
+ const b = Math.max(0, basis)
+ child._fbBasis = b
+ child._fbOwnerW = ownerWidth
+ child._fbOwnerH = ownerHeight
+ child._fbAvailMain = availableMain
+ child._fbAvailCross = availableCross
+ child._fbCrossMode = crossMode
+ child._fbGen = _generation
+
+ return b
+ }
+
+ const mainStyleDim = isMainRow ? cs.width : cs.height
+ const mainOwner = isMainRow ? ownerWidth : ownerHeight
+ const resolved = resolveValue(mainStyleDim, mainOwner)
+
+ if (isDefined(resolved)) {
+ const b = Math.max(0, resolved)
+ child._fbBasis = b
+ child._fbOwnerW = ownerWidth
+ child._fbOwnerH = ownerHeight
+ child._fbAvailMain = availableMain
+ child._fbAvailCross = availableCross
+ child._fbCrossMode = crossMode
+ child._fbGen = _generation
+
+ return b
+ }
+
+ const crossStyleDim = isMainRow ? cs.height : cs.width
+ const crossOwner = isMainRow ? ownerHeight : ownerWidth
+ let crossConstraint = resolveValue(crossStyleDim, crossOwner)
+
+ let crossConstraintMode: MeasureMode = isDefined(crossConstraint) ? MeasureMode.Exactly : MeasureMode.Undefined
+
+ if (!isDefined(crossConstraint) && isDefined(availableCross)) {
+ crossConstraint = availableCross
+ crossConstraintMode =
+ crossMode === MeasureMode.Exactly && isStretchAlign(child) ? MeasureMode.Exactly : MeasureMode.AtMost
+ }
+
+ let mainConstraint = NaN
+ let mainConstraintMode: MeasureMode = MeasureMode.Undefined
+
+ if (isMainRow && isDefined(availableMain) && hasMeasureFuncInSubtree(child)) {
+ mainConstraint = availableMain
+ mainConstraintMode = MeasureMode.AtMost
+ }
+
+ const mw = isMainRow ? mainConstraint : crossConstraint
+ const mh = isMainRow ? crossConstraint : mainConstraint
+ const mwMode = isMainRow ? mainConstraintMode : crossConstraintMode
+ const mhMode = isMainRow ? crossConstraintMode : mainConstraintMode
+ layoutNode(child, mw, mh, mwMode, mhMode, ownerWidth, ownerHeight, false)
+ const b = isMainRow ? child.layout.width : child.layout.height
+ child._fbBasis = b
+ child._fbOwnerW = ownerWidth
+ child._fbOwnerH = ownerHeight
+ child._fbAvailMain = availableMain
+ child._fbAvailCross = availableCross
+ child._fbCrossMode = crossMode
+ child._fbGen = _generation
+
+ return b
+}
+
+function hasMeasureFuncInSubtree(node: Node): boolean {
+ if (node.measureFunc) {
+ return true
+ }
+
+ for (const c of node.children) {
+ if (hasMeasureFuncInSubtree(c)) {
+ return true
+ }
+ }
+
+ return false
+}
+
+function resolveFlexibleLengths(
+ children: Node[],
+ availableInnerMain: number,
+ totalFlexBasis: number,
+ isMainRow: boolean,
+ ownerW: number,
+ ownerH: number
+): void {
+ const n = children.length
+ const frozen: boolean[] = new Array(n).fill(false)
+
+ const initialFree = isDefined(availableInnerMain) ? availableInnerMain - totalFlexBasis : 0
+
+ for (let i = 0; i < n; i++) {
+ const c = children[i]!
+ const clamped = boundAxis(c.style, isMainRow, c._flexBasis, ownerW, ownerH)
+
+ const inflexible =
+ !isDefined(availableInnerMain) || (initialFree >= 0 ? c.style.flexGrow === 0 : c.style.flexShrink === 0)
+
+ if (inflexible) {
+ c._mainSize = Math.max(0, clamped)
+ frozen[i] = true
+ } else {
+ c._mainSize = c._flexBasis
+ }
+ }
+
+ const unclamped: number[] = new Array(n)
+
+ for (let iter = 0; iter <= n; iter++) {
+ let frozenDelta = 0
+ let totalGrow = 0
+ let totalShrinkScaled = 0
+ let unfrozenCount = 0
+
+ for (let i = 0; i < n; i++) {
+ const c = children[i]!
+
+ if (frozen[i]) {
+ frozenDelta += c._mainSize - c._flexBasis
+ } else {
+ totalGrow += c.style.flexGrow
+ totalShrinkScaled += c.style.flexShrink * c._flexBasis
+ unfrozenCount++
+ }
+ }
+
+ if (unfrozenCount === 0) {
+ break
+ }
+
+ let remaining = initialFree - frozenDelta
+
+ if (remaining > 0 && totalGrow > 0 && totalGrow < 1) {
+ const scaled = initialFree * totalGrow
+
+ if (scaled < remaining) {
+ remaining = scaled
+ }
+ } else if (remaining < 0 && totalShrinkScaled > 0) {
+ let totalShrink = 0
+
+ for (let i = 0; i < n; i++) {
+ if (!frozen[i]) {
+ totalShrink += children[i]!.style.flexShrink
+ }
+ }
+
+ if (totalShrink < 1) {
+ const scaled = initialFree * totalShrink
+
+ if (scaled > remaining) {
+ remaining = scaled
+ }
+ }
+ }
+
+ let totalViolation = 0
+
+ for (let i = 0; i < n; i++) {
+ if (frozen[i]) {
+ continue
+ }
+
+ const c = children[i]!
+ let t = c._flexBasis
+
+ if (remaining > 0 && totalGrow > 0) {
+ t += (remaining * c.style.flexGrow) / totalGrow
+ } else if (remaining < 0 && totalShrinkScaled > 0) {
+ t += (remaining * (c.style.flexShrink * c._flexBasis)) / totalShrinkScaled
+ }
+
+ unclamped[i] = t
+ const clamped = Math.max(0, boundAxis(c.style, isMainRow, t, ownerW, ownerH))
+ c._mainSize = clamped
+ totalViolation += clamped - t
+ }
+
+ if (totalViolation === 0) {
+ break
+ }
+
+ let anyFrozen = false
+
+ for (let i = 0; i < n; i++) {
+ if (frozen[i]) {
+ continue
+ }
+
+ const v = children[i]!._mainSize - unclamped[i]!
+
+ if ((totalViolation > 0 && v > 0) || (totalViolation < 0 && v < 0)) {
+ frozen[i] = true
+ anyFrozen = true
+ }
+ }
+
+ if (!anyFrozen) {
+ break
+ }
+ }
+}
+
+function isStretchAlign(child: Node): boolean {
+ const p = child.parent
+
+ if (!p) {
+ return false
+ }
+
+ const align = child.style.alignSelf === Align.Auto ? p.style.alignItems : child.style.alignSelf
+
+ return align === Align.Stretch
+}
+
+function resolveChildAlign(parent: Node, child: Node): Align {
+ return child.style.alignSelf === Align.Auto ? parent.style.alignItems : child.style.alignSelf
+}
+
+function calculateBaseline(node: Node): number {
+ let baselineChild: Node | null = null
+
+ for (const c of node.children) {
+ if (c._lineIndex > 0) {
+ break
+ }
+
+ if (c.style.positionType === PositionType.Absolute) {
+ continue
+ }
+
+ if (c.style.display === Display.None) {
+ continue
+ }
+
+ if (resolveChildAlign(node, c) === Align.Baseline || c.isReferenceBaseline_) {
+ baselineChild = c
+
+ break
+ }
+
+ if (baselineChild === null) {
+ baselineChild = c
+ }
+ }
+
+ if (baselineChild === null) {
+ return node.layout.height
+ }
+
+ return calculateBaseline(baselineChild) + baselineChild.layout.top
+}
+
+function isBaselineLayout(node: Node, flowChildren: Node[]): boolean {
+ if (!isRow(node.style.flexDirection)) {
+ return false
+ }
+
+ if (node.style.alignItems === Align.Baseline) {
+ return true
+ }
+
+ for (const c of flowChildren) {
+ if (c.style.alignSelf === Align.Baseline) {
+ return true
+ }
+ }
+
+ return false
+}
+
+function childMarginForAxis(child: Node, axis: FlexDirection, ownerWidth: number): number {
+ if (!child._hasMargin) {
+ return 0
+ }
+
+ const lead = resolveEdge(child.style.margin, leadingEdge(axis), ownerWidth)
+ const trail = resolveEdge(child.style.margin, trailingEdge(axis), ownerWidth)
+
+ return lead + trail
+}
+
+function resolveGap(style: Style, gutter: Gutter, ownerSize: number): number {
+ let v = style.gap[gutter]!
+
+ if (v.unit === Unit.Undefined) {
+ v = style.gap[Gutter.All]!
+ }
+
+ const r = resolveValue(v, ownerSize)
+
+ return isDefined(r) ? Math.max(0, r) : 0
+}
+
+function boundAxis(style: Style, isWidth: boolean, value: number, ownerWidth: number, ownerHeight: number): number {
+ const minV = isWidth ? style.minWidth : style.minHeight
+ const maxV = isWidth ? style.maxWidth : style.maxHeight
+ const minU = minV.unit
+ const maxU = maxV.unit
+
+ if (minU === 0 && maxU === 0) {
+ return value
+ }
+
+ const owner = isWidth ? ownerWidth : ownerHeight
+ let v = value
+
+ if (maxU === 1) {
+ if (v > maxV.value) {
+ v = maxV.value
+ }
+ } else if (maxU === 2) {
+ const m = (maxV.value * owner) / 100
+
+ if (m === m && v > m) {
+ v = m
+ }
+ }
+
+ if (minU === 1) {
+ if (v < minV.value) {
+ v = minV.value
+ }
+ } else if (minU === 2) {
+ const m = (minV.value * owner) / 100
+
+ if (m === m && v < m) {
+ v = m
+ }
+ }
+
+ return v
+}
+
+function zeroLayoutRecursive(node: Node): void {
+ for (const c of node.children) {
+ c.layout.left = 0
+ c.layout.top = 0
+ c.layout.width = 0
+ c.layout.height = 0
+ c.isDirty_ = true
+ c._hasL = false
+ c._hasM = false
+ zeroLayoutRecursive(c)
+ }
+}
+
+function collectLayoutChildren(node: Node, flow: Node[], abs: Node[]): void {
+ for (const c of node.children) {
+ const disp = c.style.display
+
+ if (disp === Display.None) {
+ c.layout.left = 0
+ c.layout.top = 0
+ c.layout.width = 0
+ c.layout.height = 0
+ zeroLayoutRecursive(c)
+ } else if (disp === Display.Contents) {
+ c.layout.left = 0
+ c.layout.top = 0
+ c.layout.width = 0
+ c.layout.height = 0
+ collectLayoutChildren(c, flow, abs)
+ } else if (c.style.positionType === PositionType.Absolute) {
+ abs.push(c)
+ } else {
+ flow.push(c)
+ }
+ }
+}
+
+function roundLayout(node: Node, scale: number, absLeft: number, absTop: number): void {
+ if (scale === 0) {
+ return
+ }
+
+ const l = node.layout
+ const nodeLeft = l.left
+ const nodeTop = l.top
+ const nodeWidth = l.width
+ const nodeHeight = l.height
+ const absNodeLeft = absLeft + nodeLeft
+ const absNodeTop = absTop + nodeTop
+ const isText = node.measureFunc !== null
+ l.left = roundValue(nodeLeft, scale, false, isText)
+ l.top = roundValue(nodeTop, scale, false, isText)
+ const absRight = absNodeLeft + nodeWidth
+ const absBottom = absNodeTop + nodeHeight
+ const hasFracW = !isWholeNumber(nodeWidth * scale)
+ const hasFracH = !isWholeNumber(nodeHeight * scale)
+ l.width =
+ roundValue(absRight, scale, isText && hasFracW, isText && !hasFracW) - roundValue(absNodeLeft, scale, false, isText)
+ l.height =
+ roundValue(absBottom, scale, isText && hasFracH, isText && !hasFracH) - roundValue(absNodeTop, scale, false, isText)
+
+ for (const c of node.children) {
+ roundLayout(c, scale, absNodeLeft, absNodeTop)
+ }
+}
+
+function isWholeNumber(v: number): boolean {
+ const frac = v - Math.floor(v)
+
+ return frac < 0.0001 || frac > 0.9999
+}
+
+function roundValue(v: number, scale: number, forceCeil: boolean, forceFloor: boolean): number {
+ let scaled = v * scale
+ let frac = scaled - Math.floor(scaled)
+
+ if (frac < 0) {
+ frac += 1
+ }
+
+ if (frac < 0.0001) {
+ scaled = Math.floor(scaled)
+ } else if (frac > 0.9999) {
+ scaled = Math.ceil(scaled)
+ } else if (forceCeil) {
+ scaled = Math.ceil(scaled)
+ } else if (forceFloor) {
+ scaled = Math.floor(scaled)
+ } else {
+ scaled = Math.floor(scaled) + (frac >= 0.4999 ? 1 : 0)
+ }
+
+ return scaled / scale
+}
+
+function parseDimension(v: number | string | undefined): Value {
+ if (v === undefined) {
+ return UNDEFINED_VALUE
+ }
+
+ if (v === 'auto') {
+ return AUTO_VALUE
+ }
+
+ if (typeof v === 'number') {
+ return Number.isFinite(v) ? pointValue(v) : UNDEFINED_VALUE
+ }
+
+ if (typeof v === 'string' && v.endsWith('%')) {
+ return percentValue(parseFloat(v))
+ }
+
+ const n = parseFloat(v)
+
+ return isNaN(n) ? UNDEFINED_VALUE : pointValue(n)
+}
+
+function physicalEdge(edge: Edge): number {
+ switch (edge) {
+ case Edge.Left:
+
+ case Edge.Start:
+ return EDGE_LEFT
+
+ case Edge.Top:
+ return EDGE_TOP
+
+ case Edge.Right:
+
+ case Edge.End:
+ return EDGE_RIGHT
+
+ case Edge.Bottom:
+ return EDGE_BOTTOM
+
+ default:
+ return EDGE_LEFT
+ }
+}
+
+export type Yoga = {
+ Config: {
+ create(): Config
+ destroy(config: Config): void
+ }
+ Node: {
+ create(config?: Config): Node
+ createDefault(): Node
+ createWithConfig(config: Config): Node
+ destroy(node: Node): void
+ }
+}
+
+const YOGA_INSTANCE: Yoga = {
+ Config: {
+ create: createConfig,
+ destroy() {}
+ },
+ Node: {
+ create: (config?: Config) => new Node(config),
+ createDefault: () => new Node(),
+ createWithConfig: (config: Config) => new Node(config),
+ destroy() {}
+ }
+}
+
+export function loadYoga(): Promise {
+ return Promise.resolve(YOGA_INSTANCE)
+}
+
+export default YOGA_INSTANCE
diff --git a/ui-tui/packages/hermes-ink/src/utils/debug.ts b/ui-tui/packages/hermes-ink/src/utils/debug.ts
new file mode 100644
index 0000000000..285a07ac1b
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/utils/debug.ts
@@ -0,0 +1,6 @@
+export function logForDebugging(
+ _message: string,
+ _options: {
+ level?: string
+ } = {}
+): void {}
diff --git a/ui-tui/packages/hermes-ink/src/utils/earlyInput.ts b/ui-tui/packages/hermes-ink/src/utils/earlyInput.ts
new file mode 100644
index 0000000000..bdc8418415
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/utils/earlyInput.ts
@@ -0,0 +1,131 @@
+import { lastGrapheme } from './intl.js'
+let earlyInputBuffer = ''
+let isCapturing = false
+let readableHandler: (() => void) | null = null
+
+export function startCapturingEarlyInput(): void {
+ if (!process.stdin.isTTY || isCapturing || process.argv.includes('-p') || process.argv.includes('--print')) {
+ return
+ }
+
+ isCapturing = true
+ earlyInputBuffer = ''
+
+ try {
+ process.stdin.setEncoding('utf8')
+ process.stdin.setRawMode(true)
+ process.stdin.ref()
+
+ readableHandler = () => {
+ let chunk = process.stdin.read()
+
+ while (chunk !== null) {
+ if (typeof chunk === 'string') {
+ processChunk(chunk)
+ }
+
+ chunk = process.stdin.read()
+ }
+ }
+
+ process.stdin.on('readable', readableHandler)
+ } catch {
+ isCapturing = false
+ }
+}
+
+function processChunk(str: string): void {
+ let i = 0
+
+ while (i < str.length) {
+ const char = str[i]!
+ const code = char.charCodeAt(0)
+
+ if (code === 3) {
+ stopCapturingEarlyInput()
+ process.exit(130)
+
+ return
+ }
+
+ if (code === 4) {
+ stopCapturingEarlyInput()
+
+ return
+ }
+
+ if (code === 127 || code === 8) {
+ if (earlyInputBuffer.length > 0) {
+ const last = lastGrapheme(earlyInputBuffer)
+ earlyInputBuffer = earlyInputBuffer.slice(0, -(last.length || 1))
+ }
+
+ i++
+
+ continue
+ }
+
+ if (code === 27) {
+ i++
+
+ while (i < str.length && !(str.charCodeAt(i) >= 64 && str.charCodeAt(i) <= 126)) {
+ i++
+ }
+
+ if (i < str.length) {
+ i++
+ }
+
+ continue
+ }
+
+ if (code < 32 && code !== 9 && code !== 10 && code !== 13) {
+ i++
+
+ continue
+ }
+
+ if (code === 13) {
+ earlyInputBuffer += '\n'
+ i++
+
+ continue
+ }
+
+ earlyInputBuffer += char
+ i++
+ }
+}
+
+export function stopCapturingEarlyInput(): void {
+ if (!isCapturing) {
+ return
+ }
+
+ isCapturing = false
+
+ if (readableHandler) {
+ process.stdin.removeListener('readable', readableHandler)
+ readableHandler = null
+ }
+}
+
+export function consumeEarlyInput(): string {
+ stopCapturingEarlyInput()
+ const input = earlyInputBuffer.trim()
+ earlyInputBuffer = ''
+
+ return input
+}
+
+export function hasEarlyInput(): boolean {
+ return earlyInputBuffer.trim().length > 0
+}
+
+export function seedEarlyInput(text: string): void {
+ earlyInputBuffer = text
+}
+
+export function isCapturingEarlyInput(): boolean {
+ return isCapturing
+}
diff --git a/ui-tui/packages/hermes-ink/src/utils/env.ts b/ui-tui/packages/hermes-ink/src/utils/env.ts
new file mode 100644
index 0000000000..7393f1baa7
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/utils/env.ts
@@ -0,0 +1,41 @@
+type TerminalName = string | null
+
+function detectTerminal(): TerminalName {
+ if (process.env.CURSOR_TRACE_ID) {
+ return 'cursor'
+ }
+
+ if (process.env.TERM === 'xterm-ghostty') {
+ return 'ghostty'
+ }
+
+ if (process.env.TERM?.includes('kitty')) {
+ return 'kitty'
+ }
+
+ if (process.env.TERM_PROGRAM) {
+ return process.env.TERM_PROGRAM
+ }
+
+ if (process.env.TMUX) {
+ return 'tmux'
+ }
+
+ if (process.env.STY) {
+ return 'screen'
+ }
+
+ if (process.env.KITTY_WINDOW_ID) {
+ return 'kitty'
+ }
+
+ if (process.env.WT_SESSION) {
+ return 'windows-terminal'
+ }
+
+ return process.env.TERM ?? null
+}
+
+export const env = {
+ terminal: detectTerminal()
+}
diff --git a/ui-tui/packages/hermes-ink/src/utils/envUtils.ts b/ui-tui/packages/hermes-ink/src/utils/envUtils.ts
new file mode 100644
index 0000000000..f3286197b5
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/utils/envUtils.ts
@@ -0,0 +1,13 @@
+export function isEnvTruthy(envVar: string | boolean | undefined): boolean {
+ if (!envVar) {
+ return false
+ }
+
+ if (typeof envVar === 'boolean') {
+ return envVar
+ }
+
+ const v = envVar.toLowerCase().trim()
+
+ return ['1', 'true', 'yes', 'on'].includes(v)
+}
diff --git a/ui-tui/packages/hermes-ink/src/utils/execFileNoThrow.ts b/ui-tui/packages/hermes-ink/src/utils/execFileNoThrow.ts
new file mode 100644
index 0000000000..106555b13e
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/utils/execFileNoThrow.ts
@@ -0,0 +1,64 @@
+import { spawn } from 'child_process'
+type ExecFileOptions = {
+ input?: string
+ timeout?: number
+ useCwd?: boolean
+ env?: NodeJS.ProcessEnv
+}
+
+export function execFileNoThrow(
+ file: string,
+ args: string[],
+ options: ExecFileOptions = {}
+): Promise<{
+ stdout: string
+ stderr: string
+ code: number
+ error?: string
+}> {
+ return new Promise(resolve => {
+ const child = spawn(file, args, {
+ cwd: options.useCwd ? process.cwd() : undefined,
+ env: options.env,
+ stdio: 'pipe'
+ })
+
+ let stdout = ''
+ let stderr = ''
+ let timedOut = false
+
+ const timer = options.timeout
+ ? setTimeout(() => {
+ timedOut = true
+ child.kill('SIGTERM')
+ }, options.timeout)
+ : null
+
+ child.stdout?.on('data', chunk => {
+ stdout += String(chunk)
+ })
+ child.stderr?.on('data', chunk => {
+ stderr += String(chunk)
+ })
+ child.on('error', error => {
+ if (timer) {
+ clearTimeout(timer)
+ }
+
+ resolve({ stdout, stderr, code: 1, error: String(error) })
+ })
+ child.on('close', code => {
+ if (timer) {
+ clearTimeout(timer)
+ }
+
+ resolve({ stdout, stderr, code: timedOut ? 124 : (code ?? 0) })
+ })
+
+ if (options.input) {
+ child.stdin?.write(options.input)
+ }
+
+ child.stdin?.end()
+ })
+}
diff --git a/ui-tui/packages/hermes-ink/src/utils/fullscreen.ts b/ui-tui/packages/hermes-ink/src/utils/fullscreen.ts
new file mode 100644
index 0000000000..523a43102b
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/utils/fullscreen.ts
@@ -0,0 +1,3 @@
+export function isMouseClicksDisabled(): boolean {
+ return /^(1|true|yes|on)$/.test((process.env.HERMES_TUI_DISABLE_MOUSE_CLICKS ?? '').trim().toLowerCase())
+}
diff --git a/ui-tui/packages/hermes-ink/src/utils/intl.ts b/ui-tui/packages/hermes-ink/src/utils/intl.ts
new file mode 100644
index 0000000000..6f9dfaf92d
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/utils/intl.ts
@@ -0,0 +1,87 @@
+let graphemeSegmenter: Intl.Segmenter | null = null
+let wordSegmenter: Intl.Segmenter | null = null
+
+export function getGraphemeSegmenter(): Intl.Segmenter {
+ if (!graphemeSegmenter) {
+ graphemeSegmenter = new Intl.Segmenter(undefined, {
+ granularity: 'grapheme'
+ })
+ }
+
+ return graphemeSegmenter
+}
+
+export function firstGrapheme(text: string): string {
+ if (!text) {
+ return ''
+ }
+
+ const segments = getGraphemeSegmenter().segment(text)
+ const first = segments[Symbol.iterator]().next().value
+
+ return first?.segment ?? ''
+}
+
+export function lastGrapheme(text: string): string {
+ if (!text) {
+ return ''
+ }
+
+ let last = ''
+
+ for (const { segment } of getGraphemeSegmenter().segment(text)) {
+ last = segment
+ }
+
+ return last
+}
+
+export function getWordSegmenter(): Intl.Segmenter {
+ if (!wordSegmenter) {
+ wordSegmenter = new Intl.Segmenter(undefined, { granularity: 'word' })
+ }
+
+ return wordSegmenter
+}
+
+const rtfCache = new Map()
+
+export function getRelativeTimeFormat(
+ style: 'long' | 'short' | 'narrow',
+ numeric: 'always' | 'auto'
+): Intl.RelativeTimeFormat {
+ const key = `${style}:${numeric}`
+ let rtf = rtfCache.get(key)
+
+ if (!rtf) {
+ rtf = new Intl.RelativeTimeFormat('en', { style, numeric })
+ rtfCache.set(key, rtf)
+ }
+
+ return rtf
+}
+
+let cachedTimeZone: string | null = null
+
+export function getTimeZone(): string {
+ if (!cachedTimeZone) {
+ cachedTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone
+ }
+
+ return cachedTimeZone
+}
+
+let cachedSystemLocaleLanguage: string | undefined | null = null
+
+export function getSystemLocaleLanguage(): string | undefined {
+ if (cachedSystemLocaleLanguage === null) {
+ try {
+ const locale = Intl.DateTimeFormat().resolvedOptions().locale
+ cachedSystemLocaleLanguage = new Intl.Locale(locale).language
+ } catch {
+ cachedSystemLocaleLanguage = undefined
+ }
+ }
+
+ return cachedSystemLocaleLanguage
+}
diff --git a/ui-tui/packages/hermes-ink/src/utils/log.ts b/ui-tui/packages/hermes-ink/src/utils/log.ts
new file mode 100644
index 0000000000..369763eee0
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/utils/log.ts
@@ -0,0 +1,7 @@
+export function logError(error: unknown): void {
+ if (!process.env.HERMES_INK_DEBUG_ERRORS) {
+ return
+ }
+
+ console.error(error)
+}
diff --git a/ui-tui/packages/hermes-ink/src/utils/semver.ts b/ui-tui/packages/hermes-ink/src/utils/semver.ts
new file mode 100644
index 0000000000..87025ed0fd
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/utils/semver.ts
@@ -0,0 +1,57 @@
+let _npmSemver: typeof import('semver') | undefined
+
+function getNpmSemver(): typeof import('semver') {
+ if (!_npmSemver) {
+ _npmSemver = require('semver') as typeof import('semver')
+ }
+
+ return _npmSemver
+}
+
+export function gt(a: string, b: string): boolean {
+ if (typeof Bun !== 'undefined') {
+ return Bun.semver.order(a, b) === 1
+ }
+
+ return getNpmSemver().gt(a, b, { loose: true })
+}
+
+export function gte(a: string, b: string): boolean {
+ if (typeof Bun !== 'undefined') {
+ return Bun.semver.order(a, b) >= 0
+ }
+
+ return getNpmSemver().gte(a, b, { loose: true })
+}
+
+export function lt(a: string, b: string): boolean {
+ if (typeof Bun !== 'undefined') {
+ return Bun.semver.order(a, b) === -1
+ }
+
+ return getNpmSemver().lt(a, b, { loose: true })
+}
+
+export function lte(a: string, b: string): boolean {
+ if (typeof Bun !== 'undefined') {
+ return Bun.semver.order(a, b) <= 0
+ }
+
+ return getNpmSemver().lte(a, b, { loose: true })
+}
+
+export function satisfies(version: string, range: string): boolean {
+ if (typeof Bun !== 'undefined') {
+ return Bun.semver.satisfies(version, range)
+ }
+
+ return getNpmSemver().satisfies(version, range, { loose: true })
+}
+
+export function order(a: string, b: string): -1 | 0 | 1 {
+ if (typeof Bun !== 'undefined') {
+ return Bun.semver.order(a, b)
+ }
+
+ return getNpmSemver().compare(a, b, { loose: true }) as -1 | 0 | 1
+}
diff --git a/ui-tui/packages/hermes-ink/src/utils/sliceAnsi.ts b/ui-tui/packages/hermes-ink/src/utils/sliceAnsi.ts
new file mode 100644
index 0000000000..7be1950b12
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/src/utils/sliceAnsi.ts
@@ -0,0 +1,58 @@
+import { type AnsiCode, ansiCodesToString, reduceAnsiCodes, tokenize, undoAnsiCodes } from '@alcalzone/ansi-tokenize'
+
+import { stringWidth } from '../ink/stringWidth.js'
+
+function isEndCode(code: AnsiCode): boolean {
+ return code.code === code.endCode
+}
+
+function filterStartCodes(codes: AnsiCode[]): AnsiCode[] {
+ return codes.filter(c => !isEndCode(c))
+}
+
+export default function sliceAnsi(str: string, start: number, end?: number): string {
+ const tokens = tokenize(str)
+ let activeCodes: AnsiCode[] = []
+ let position = 0
+ let result = ''
+ let include = false
+
+ for (const token of tokens) {
+ const width = token.type === 'ansi' ? 0 : token.fullWidth ? 2 : stringWidth(token.value)
+
+ if (end !== undefined && position >= end) {
+ if (token.type === 'ansi' || width > 0 || !include) {
+ break
+ }
+ }
+
+ if (token.type === 'ansi') {
+ activeCodes.push(token)
+
+ if (include) {
+ result += token.code
+ }
+ } else {
+ if (!include && position >= start) {
+ if (start > 0 && width === 0) {
+ continue
+ }
+
+ include = true
+ activeCodes = filterStartCodes(reduceAnsiCodes(activeCodes))
+ result = ansiCodesToString(activeCodes)
+ }
+
+ if (include) {
+ result += token.value
+ }
+
+ position += width
+ }
+ }
+
+ const activeStartCodes = filterStartCodes(reduceAnsiCodes(activeCodes))
+ result += ansiCodesToString(undoAnsiCodes(activeStartCodes))
+
+ return result
+}
diff --git a/ui-tui/packages/hermes-ink/text-input.d.ts b/ui-tui/packages/hermes-ink/text-input.d.ts
new file mode 100644
index 0000000000..f9f5df1c8d
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/text-input.d.ts
@@ -0,0 +1,2 @@
+export { default, UncontrolledTextInput } from 'ink-text-input'
+export type { Props } from 'ink-text-input'
diff --git a/ui-tui/packages/hermes-ink/text-input.js b/ui-tui/packages/hermes-ink/text-input.js
new file mode 100644
index 0000000000..8cb79c0ccb
--- /dev/null
+++ b/ui-tui/packages/hermes-ink/text-input.js
@@ -0,0 +1 @@
+export { default, UncontrolledTextInput } from 'ink-text-input'
diff --git a/ui-tui/src/__tests__/asCommandDispatch.test.ts b/ui-tui/src/__tests__/asCommandDispatch.test.ts
new file mode 100644
index 0000000000..49ea56936c
--- /dev/null
+++ b/ui-tui/src/__tests__/asCommandDispatch.test.ts
@@ -0,0 +1,21 @@
+import { describe, expect, it } from 'vitest'
+
+import { asCommandDispatch } from '../lib/rpc.js'
+
+describe('asCommandDispatch', () => {
+ it('parses exec, alias, and skill', () => {
+ expect(asCommandDispatch({ type: 'exec', output: 'hi' })).toEqual({ type: 'exec', output: 'hi' })
+ expect(asCommandDispatch({ type: 'alias', target: 'help' })).toEqual({ type: 'alias', target: 'help' })
+ expect(asCommandDispatch({ type: 'skill', name: 'x', message: 'do' })).toEqual({
+ type: 'skill',
+ name: 'x',
+ message: 'do'
+ })
+ })
+
+ it('rejects malformed payloads', () => {
+ expect(asCommandDispatch(null)).toBeNull()
+ expect(asCommandDispatch({ type: 'alias' })).toBeNull()
+ expect(asCommandDispatch({ type: 'skill', name: 1 })).toBeNull()
+ })
+})
diff --git a/ui-tui/src/__tests__/constants.test.ts b/ui-tui/src/__tests__/constants.test.ts
new file mode 100644
index 0000000000..d069d24c2d
--- /dev/null
+++ b/ui-tui/src/__tests__/constants.test.ts
@@ -0,0 +1,47 @@
+import { describe, expect, it } from 'vitest'
+
+import { FACES } from '../content/faces.js'
+import { HOTKEYS } from '../content/hotkeys.js'
+import { PLACEHOLDERS } from '../content/placeholders.js'
+import { TOOL_VERBS, VERBS } from '../content/verbs.js'
+import { ROLE } from '../domain/roles.js'
+import { ZERO } from '../domain/usage.js'
+import { INTERPOLATION_RE } from '../protocol/interpolation.js'
+import { DEFAULT_THEME } from '../theme.js'
+
+describe('constants', () => {
+ it('ZERO', () => expect(ZERO).toEqual({ calls: 0, input: 0, output: 0, total: 0 }))
+
+ it('string arrays are populated', () => {
+ for (const arr of [FACES, PLACEHOLDERS, VERBS]) {
+ expect(arr.length).toBeGreaterThan(0)
+ arr.forEach(s => expect(typeof s).toBe('string'))
+ }
+ })
+
+ it('HOTKEYS are [key, desc] pairs', () => {
+ HOTKEYS.forEach(([k, d]) => {
+ expect(typeof k).toBe('string')
+ expect(typeof d).toBe('string')
+ })
+ })
+
+ it('TOOL_VERBS maps known tools (verb-only, no emoji)', () => {
+ expect(TOOL_VERBS.terminal).toBe('terminal')
+ expect(TOOL_VERBS.read_file).toBe('reading')
+ })
+
+ it('INTERPOLATION_RE matches {!cmd}', () => {
+ INTERPOLATION_RE.lastIndex = 0
+ expect(INTERPOLATION_RE.test('{!date}')).toBe(true)
+
+ INTERPOLATION_RE.lastIndex = 0
+ expect(INTERPOLATION_RE.test('plain')).toBe(false)
+ })
+
+ it('ROLE produces glyph/body/prefix per role', () => {
+ for (const role of ['assistant', 'system', 'tool', 'user'] as const) {
+ expect(ROLE[role](DEFAULT_THEME)).toHaveProperty('glyph')
+ }
+ })
+})
diff --git a/ui-tui/src/__tests__/createGatewayEventHandler.test.ts b/ui-tui/src/__tests__/createGatewayEventHandler.test.ts
new file mode 100644
index 0000000000..e546ce640e
--- /dev/null
+++ b/ui-tui/src/__tests__/createGatewayEventHandler.test.ts
@@ -0,0 +1,164 @@
+import { beforeEach, describe, expect, it, vi } from 'vitest'
+
+import { createGatewayEventHandler } from '../app/createGatewayEventHandler.js'
+import { resetOverlayState } from '../app/overlayStore.js'
+import { turnController } from '../app/turnController.js'
+import { resetTurnState } from '../app/turnStore.js'
+import { resetUiState } from '../app/uiStore.js'
+import { estimateTokensRough } from '../lib/text.js'
+import type { Msg } from '../types.js'
+
+const ref = (current: T) => ({ current })
+
+const buildCtx = (appended: Msg[]) =>
+ ({
+ composer: {
+ dequeue: () => undefined,
+ queueEditRef: ref(null),
+ sendQueued: vi.fn()
+ },
+ gateway: {
+ gw: { request: vi.fn() },
+ rpc: vi.fn(async () => null)
+ },
+ session: {
+ STARTUP_RESUME_ID: '',
+ colsRef: ref(80),
+ newSession: vi.fn(),
+ resetSession: vi.fn(),
+ resumeById: vi.fn(),
+ setCatalog: vi.fn()
+ },
+ system: {
+ bellOnComplete: false,
+ sys: vi.fn()
+ },
+ transcript: {
+ appendMessage: (msg: Msg) => appended.push(msg),
+ panel: (title: string, sections: any[]) =>
+ appended.push({ kind: 'panel', panelData: { sections, title }, role: 'system', text: '' }),
+ setHistoryItems: vi.fn()
+ }
+ }) as any
+
+describe('createGatewayEventHandler', () => {
+ beforeEach(() => {
+ resetOverlayState()
+ resetUiState()
+ resetTurnState()
+ turnController.fullReset()
+ })
+
+ it('persists completed tool rows when message.complete lands immediately after tool.complete', () => {
+ const appended: Msg[] = []
+
+ turnController.reasoningText = 'mapped the page'
+ const onEvent = createGatewayEventHandler(buildCtx(appended))
+
+ onEvent({
+ payload: { context: 'home page', name: 'search', tool_id: 'tool-1' },
+ type: 'tool.start'
+ } as any)
+ onEvent({
+ payload: { name: 'search', preview: 'hero cards' },
+ type: 'tool.progress'
+ } as any)
+ onEvent({
+ payload: { summary: 'done', tool_id: 'tool-1' },
+ type: 'tool.complete'
+ } as any)
+ onEvent({
+ payload: { text: 'final answer' },
+ type: 'message.complete'
+ } as any)
+
+ expect(appended).toHaveLength(1)
+ expect(appended[0]).toMatchObject({
+ role: 'assistant',
+ text: 'final answer',
+ thinking: 'mapped the page'
+ })
+ expect(appended[0]?.tools).toHaveLength(1)
+ expect(appended[0]?.tools?.[0]).toContain('hero cards')
+ expect(appended[0]?.toolTokens).toBeGreaterThan(0)
+ })
+
+ it('keeps tool tokens across handler recreation mid-turn', () => {
+ const appended: Msg[] = []
+
+ turnController.reasoningText = 'mapped the page'
+
+ createGatewayEventHandler(buildCtx(appended))({
+ payload: { context: 'home page', name: 'search', tool_id: 'tool-1' },
+ type: 'tool.start'
+ } as any)
+
+ const onEvent = createGatewayEventHandler(buildCtx(appended))
+
+ onEvent({
+ payload: { name: 'search', preview: 'hero cards' },
+ type: 'tool.progress'
+ } as any)
+ onEvent({
+ payload: { summary: 'done', tool_id: 'tool-1' },
+ type: 'tool.complete'
+ } as any)
+ onEvent({
+ payload: { text: 'final answer' },
+ type: 'message.complete'
+ } as any)
+
+ expect(appended).toHaveLength(1)
+ expect(appended[0]?.tools).toHaveLength(1)
+ expect(appended[0]?.toolTokens).toBeGreaterThan(0)
+ })
+
+ it('ignores fallback reasoning.available when streamed reasoning already exists', () => {
+ const appended: Msg[] = []
+ const streamed = 'short streamed reasoning'
+ const fallback = 'x'.repeat(400)
+
+ const onEvent = createGatewayEventHandler(buildCtx(appended))
+
+ onEvent({ payload: { text: streamed }, type: 'reasoning.delta' } as any)
+ onEvent({ payload: { text: fallback }, type: 'reasoning.available' } as any)
+ onEvent({ payload: { text: 'final answer' }, type: 'message.complete' } as any)
+
+ expect(appended).toHaveLength(1)
+ expect(appended[0]?.thinking).toBe(streamed)
+ expect(appended[0]?.thinkingTokens).toBe(estimateTokensRough(streamed))
+ })
+
+ it('uses message.complete reasoning when no streamed reasoning ref', () => {
+ const appended: Msg[] = []
+ const fromServer = 'recovered from last_reasoning'
+
+ const onEvent = createGatewayEventHandler(buildCtx(appended))
+
+ onEvent({ payload: { reasoning: fromServer, text: 'final answer' }, type: 'message.complete' } as any)
+
+ expect(appended).toHaveLength(1)
+ expect(appended[0]?.thinking).toBe(fromServer)
+ expect(appended[0]?.thinkingTokens).toBe(estimateTokensRough(fromServer))
+ })
+
+ it('shows setup panel for missing provider startup error', () => {
+ const appended: Msg[] = []
+ const onEvent = createGatewayEventHandler(buildCtx(appended))
+
+ onEvent({
+ payload: {
+ message:
+ 'agent init failed: No LLM provider configured. Run `hermes model` to select a provider, or run `hermes setup` for first-time configuration.'
+ },
+ type: 'error'
+ } as any)
+
+ expect(appended).toHaveLength(1)
+ expect(appended[0]).toMatchObject({
+ kind: 'panel',
+ panelData: { title: 'Setup Required' },
+ role: 'system'
+ })
+ })
+})
diff --git a/ui-tui/src/__tests__/createSlashHandler.test.ts b/ui-tui/src/__tests__/createSlashHandler.test.ts
new file mode 100644
index 0000000000..9e1db99463
--- /dev/null
+++ b/ui-tui/src/__tests__/createSlashHandler.test.ts
@@ -0,0 +1,192 @@
+import { beforeEach, describe, expect, it, vi } from 'vitest'
+
+import { createSlashHandler } from '../app/createSlashHandler.js'
+import { getOverlayState, resetOverlayState } from '../app/overlayStore.js'
+import { getUiState, resetUiState } from '../app/uiStore.js'
+
+describe('createSlashHandler', () => {
+ beforeEach(() => {
+ resetOverlayState()
+ resetUiState()
+ })
+
+ it('opens the resume picker locally', () => {
+ const ctx = buildCtx()
+
+ expect(createSlashHandler(ctx)('/resume')).toBe(true)
+ expect(getOverlayState().picker).toBe(true)
+ })
+
+ it('cycles details mode and persists it', async () => {
+ const ctx = buildCtx()
+
+ expect(getUiState().detailsMode).toBe('collapsed')
+ expect(createSlashHandler(ctx)('/details toggle')).toBe(true)
+ expect(getUiState().detailsMode).toBe('expanded')
+ expect(ctx.gateway.rpc).toHaveBeenCalledWith('config.set', {
+ key: 'details_mode',
+ value: 'expanded'
+ })
+ expect(ctx.transcript.sys).toHaveBeenCalledWith('details: expanded')
+ })
+
+ it('shows tool enable usage when names are missing', () => {
+ const ctx = buildCtx()
+
+ expect(createSlashHandler(ctx)('/tools enable')).toBe(true)
+ expect(ctx.transcript.sys).toHaveBeenNthCalledWith(1, 'usage: /tools enable [name ...]')
+ expect(ctx.transcript.sys).toHaveBeenNthCalledWith(2, 'built-in toolset: /tools enable web')
+ expect(ctx.transcript.sys).toHaveBeenNthCalledWith(3, 'MCP tool: /tools enable github:create_issue')
+ })
+
+ it('drops stale slash.exec output after a newer slash', async () => {
+ let resolveLate: (v: { output?: string }) => void
+ let slashExecCalls = 0
+
+ const ctx = buildCtx({
+ gateway: {
+ gw: {
+ getLogTail: vi.fn(() => ''),
+ request: vi.fn((method: string) => {
+ if (method === 'slash.exec') {
+ slashExecCalls += 1
+
+ if (slashExecCalls === 1) {
+ return new Promise<{ output?: string }>(res => {
+ resolveLate = res
+ })
+ }
+
+ return Promise.resolve({ output: 'fresh' })
+ }
+
+ return Promise.resolve({})
+ })
+ },
+ rpc: vi.fn(() => Promise.resolve({}))
+ }
+ })
+
+ const h = createSlashHandler(ctx)
+ expect(h('/slow')).toBe(true)
+ expect(h('/fast')).toBe(true)
+ resolveLate!({ output: 'too late' })
+ await vi.waitFor(() => {
+ expect(ctx.transcript.sys).toHaveBeenCalled()
+ })
+
+ expect(ctx.transcript.sys).not.toHaveBeenCalledWith('too late')
+ })
+
+ it('dispatches command.dispatch with typed alias', async () => {
+ const ctx = buildCtx({
+ gateway: {
+ gw: {
+ getLogTail: vi.fn(() => ''),
+ request: vi.fn((method: string) => {
+ if (method === 'slash.exec') {
+ return Promise.reject(new Error('no'))
+ }
+
+ if (method === 'command.dispatch') {
+ return Promise.resolve({ type: 'alias', target: 'help' })
+ }
+
+ return Promise.resolve({})
+ })
+ },
+ rpc: vi.fn(() => Promise.resolve({}))
+ }
+ })
+
+ const h = createSlashHandler(ctx)
+ expect(h('/zzz')).toBe(true)
+ await vi.waitFor(() => {
+ expect(ctx.transcript.panel).toHaveBeenCalledWith(expect.any(String), expect.any(Array))
+ })
+ })
+
+ it('resolves unique local aliases through the catalog', () => {
+ const ctx = buildCtx({
+ local: {
+ catalog: {
+ canon: {
+ '/h': '/help',
+ '/help': '/help'
+ }
+ }
+ }
+ })
+
+ expect(createSlashHandler(ctx)('/h')).toBe(true)
+ expect(ctx.transcript.panel).toHaveBeenCalledWith(expect.any(String), expect.any(Array))
+ })
+})
+
+const buildCtx = (overrides: Partial = {}): Ctx => ({
+ ...overrides,
+ slashFlightRef: overrides.slashFlightRef ?? { current: 0 },
+ composer: { ...buildComposer(), ...overrides.composer },
+ gateway: { ...buildGateway(), ...overrides.gateway },
+ local: { ...buildLocal(), ...overrides.local },
+ session: { ...buildSession(), ...overrides.session },
+ transcript: { ...buildTranscript(), ...overrides.transcript },
+ voice: { ...buildVoice(), ...overrides.voice }
+})
+
+const buildComposer = () => ({
+ enqueue: vi.fn(),
+ hasSelection: false,
+ paste: vi.fn(),
+ queueRef: { current: [] as string[] },
+ selection: { copySelection: vi.fn(() => '') },
+ setInput: vi.fn()
+})
+
+const buildGateway = () => ({
+ gw: {
+ getLogTail: vi.fn(() => ''),
+ request: vi.fn(() => Promise.resolve({}))
+ },
+ rpc: vi.fn(() => Promise.resolve({}))
+})
+
+const buildLocal = () => ({
+ catalog: null,
+ getHistoryItems: vi.fn(() => []),
+ getLastUserMsg: vi.fn(() => ''),
+ maybeWarn: vi.fn()
+})
+
+const buildSession = () => ({
+ closeSession: vi.fn(() => Promise.resolve(null)),
+ die: vi.fn(),
+ guardBusySessionSwitch: vi.fn(() => false),
+ newSession: vi.fn(),
+ resetVisibleHistory: vi.fn(),
+ resumeById: vi.fn(),
+ setSessionStartedAt: vi.fn()
+})
+
+const buildTranscript = () => ({
+ page: vi.fn(),
+ panel: vi.fn(),
+ send: vi.fn(),
+ setHistoryItems: vi.fn(),
+ sys: vi.fn(),
+ trimLastExchange: vi.fn(items => items)
+})
+
+const buildVoice = () => ({
+ setVoiceEnabled: vi.fn()
+})
+
+interface Ctx {
+ slashFlightRef: { current: number }
+ composer: ReturnType
+ gateway: ReturnType
+ local: ReturnType
+ session: ReturnType
+ transcript: ReturnType
+ voice: ReturnType
+}
diff --git a/ui-tui/src/__tests__/messages.test.ts b/ui-tui/src/__tests__/messages.test.ts
new file mode 100644
index 0000000000..8f6a265f1d
--- /dev/null
+++ b/ui-tui/src/__tests__/messages.test.ts
@@ -0,0 +1,23 @@
+import { describe, expect, it } from 'vitest'
+
+import { upsert } from '../lib/messages.js'
+
+describe('upsert', () => {
+ it('appends when last role differs', () => {
+ expect(upsert([{ role: 'user', text: 'hi' }], 'assistant', 'hello')).toHaveLength(2)
+ })
+
+ it('replaces when last role matches', () => {
+ expect(upsert([{ role: 'assistant', text: 'partial' }], 'assistant', 'full')[0]!.text).toBe('full')
+ })
+
+ it('appends to empty', () => {
+ expect(upsert([], 'user', 'first')).toEqual([{ role: 'user', text: 'first' }])
+ })
+
+ it('does not mutate', () => {
+ const prev = [{ role: 'user' as const, text: 'hi' }]
+ upsert(prev, 'assistant', 'yo')
+ expect(prev).toHaveLength(1)
+ })
+})
diff --git a/ui-tui/src/__tests__/rpc.test.ts b/ui-tui/src/__tests__/rpc.test.ts
new file mode 100644
index 0000000000..7980093a9e
--- /dev/null
+++ b/ui-tui/src/__tests__/rpc.test.ts
@@ -0,0 +1,27 @@
+import { describe, expect, it } from 'vitest'
+
+import { asRpcResult, rpcErrorMessage } from '../lib/rpc.js'
+
+describe('asRpcResult', () => {
+ it('keeps plain object payloads', () => {
+ expect(asRpcResult({ ok: true, value: 'x' })).toEqual({ ok: true, value: 'x' })
+ })
+
+ it('rejects missing or non-object payloads', () => {
+ expect(asRpcResult(undefined)).toBeNull()
+ expect(asRpcResult(null)).toBeNull()
+ expect(asRpcResult('oops')).toBeNull()
+ expect(asRpcResult(['bad'])).toBeNull()
+ })
+})
+
+describe('rpcErrorMessage', () => {
+ it('prefers Error messages', () => {
+ expect(rpcErrorMessage(new Error('boom'))).toBe('boom')
+ })
+
+ it('falls back for unknown errors', () => {
+ expect(rpcErrorMessage('broken')).toBe('broken')
+ expect(rpcErrorMessage({ code: 500 })).toBe('request failed')
+ })
+})
diff --git a/ui-tui/src/__tests__/text.test.ts b/ui-tui/src/__tests__/text.test.ts
new file mode 100644
index 0000000000..0a11e3cc06
--- /dev/null
+++ b/ui-tui/src/__tests__/text.test.ts
@@ -0,0 +1,100 @@
+import { describe, expect, it } from 'vitest'
+
+import {
+ edgePreview,
+ estimateRows,
+ estimateTokensRough,
+ fmtK,
+ isToolTrailResultLine,
+ lastCotTrailIndex,
+ pasteTokenLabel,
+ sameToolTrailGroup
+} from '../lib/text.js'
+
+describe('isToolTrailResultLine', () => {
+ it('detects completion markers', () => {
+ expect(isToolTrailResultLine('foo ✓')).toBe(true)
+ expect(isToolTrailResultLine('foo ✗')).toBe(true)
+ expect(isToolTrailResultLine('drafting x…')).toBe(false)
+ })
+})
+
+describe('lastCotTrailIndex', () => {
+ it('finds last non-result line', () => {
+ expect(lastCotTrailIndex(['a ✓', 'thinking…'])).toBe(1)
+ expect(lastCotTrailIndex(['only result ✓'])).toBe(-1)
+ })
+})
+
+describe('sameToolTrailGroup', () => {
+ it('matches bare check lines', () => {
+ expect(sameToolTrailGroup('searching', 'searching ✓')).toBe(true)
+ expect(sameToolTrailGroup('searching', 'searching ✗')).toBe(true)
+ })
+
+ it('matches contextual lines', () => {
+ expect(sameToolTrailGroup('searching', 'searching: * ✓')).toBe(true)
+ expect(sameToolTrailGroup('searching', 'searching: foo ✓')).toBe(true)
+ })
+
+ it('rejects other tools', () => {
+ expect(sameToolTrailGroup('searching', 'reading ✓')).toBe(false)
+ expect(sameToolTrailGroup('searching', 'searching extra ✓')).toBe(false)
+ })
+})
+
+describe('fmtK', () => {
+ it('keeps small numbers plain', () => {
+ expect(fmtK(999)).toBe('999')
+ })
+
+ it('formats thousands as lowercase k', () => {
+ expect(fmtK(1000)).toBe('1k')
+ expect(fmtK(1500)).toBe('1.5k')
+ })
+
+ it('formats millions and billions with lowercase suffixes', () => {
+ expect(fmtK(1_000_000)).toBe('1m')
+ expect(fmtK(1_000_000_000)).toBe('1b')
+ })
+})
+
+describe('estimateTokensRough', () => {
+ it('uses 4 chars per token rounding up', () => {
+ expect(estimateTokensRough('')).toBe(0)
+ expect(estimateTokensRough('a')).toBe(1)
+ expect(estimateTokensRough('abcd')).toBe(1)
+ expect(estimateTokensRough('abcde')).toBe(2)
+ })
+})
+
+describe('edgePreview', () => {
+ it('keeps both ends for long text', () => {
+ expect(edgePreview('Vampire Bondage ropes slipped from her neck, still stained with blood', 8, 18)).toBe(
+ 'Vampire.. stained with blood'
+ )
+ })
+})
+
+describe('pasteTokenLabel', () => {
+ it('builds readable long-paste labels with counts', () => {
+ const label = pasteTokenLabel('Vampire Bondage ropes slipped from her neck, still stained with blood', 250)
+ expect(label.startsWith('[[ ')).toBe(true)
+ expect(label).toContain('[250 lines]')
+ expect(label.endsWith(' ]]')).toBe(true)
+ })
+})
+
+describe('estimateRows', () => {
+ it('handles tilde code fences', () => {
+ const md = ['~~~markdown', '# heading', '~~~'].join('\n')
+
+ expect(estimateRows(md, 40)).toBeGreaterThanOrEqual(2)
+ })
+
+ it('handles checklist bullets as list rows', () => {
+ const md = ['- [x] done', '- [ ] todo'].join('\n')
+
+ expect(estimateRows(md, 40)).toBe(2)
+ })
+})
diff --git a/ui-tui/src/__tests__/theme.test.ts b/ui-tui/src/__tests__/theme.test.ts
new file mode 100644
index 0000000000..86a9768b0f
--- /dev/null
+++ b/ui-tui/src/__tests__/theme.test.ts
@@ -0,0 +1,48 @@
+import { describe, expect, it } from 'vitest'
+
+import { DEFAULT_THEME, fromSkin } from '../theme.js'
+
+describe('DEFAULT_THEME', () => {
+ it('has brand defaults', () => {
+ expect(DEFAULT_THEME.brand.name).toBe('Hermes Agent')
+ expect(DEFAULT_THEME.brand.prompt).toBe('❯')
+ expect(DEFAULT_THEME.brand.tool).toBe('┊')
+ })
+
+ it('has color palette', () => {
+ expect(DEFAULT_THEME.color.gold).toBe('#FFD700')
+ expect(DEFAULT_THEME.color.error).toBe('#ef5350')
+ })
+})
+
+describe('fromSkin', () => {
+ it('overrides banner colors', () => {
+ expect(fromSkin({ banner_title: '#FF0000' }, {}).color.gold).toBe('#FF0000')
+ })
+
+ it('preserves unset colors', () => {
+ expect(fromSkin({ banner_title: '#FF0000' }, {}).color.amber).toBe(DEFAULT_THEME.color.amber)
+ })
+
+ it('overrides branding', () => {
+ const { brand } = fromSkin({}, { agent_name: 'TestBot', prompt_symbol: '$' })
+ expect(brand.name).toBe('TestBot')
+ expect(brand.prompt).toBe('$')
+ })
+
+ it('defaults for empty skin', () => {
+ expect(fromSkin({}, {}).color).toEqual(DEFAULT_THEME.color)
+ expect(fromSkin({}, {}).brand.icon).toBe(DEFAULT_THEME.brand.icon)
+ })
+
+ it('passes banner logo/hero', () => {
+ expect(fromSkin({}, {}, 'LOGO', 'HERO').bannerLogo).toBe('LOGO')
+ expect(fromSkin({}, {}, 'LOGO', 'HERO').bannerHero).toBe('HERO')
+ })
+
+ it('maps ui_ color keys + cascades to status', () => {
+ const { color } = fromSkin({ ui_ok: '#008000' }, {})
+ expect(color.ok).toBe('#008000')
+ expect(color.statusGood).toBe('#008000')
+ })
+})
diff --git a/ui-tui/src/app.tsx b/ui-tui/src/app.tsx
new file mode 100644
index 0000000000..631bd7a350
--- /dev/null
+++ b/ui-tui/src/app.tsx
@@ -0,0 +1,22 @@
+import { GatewayProvider } from './app/gatewayContext.js'
+import { useMainApp } from './app/useMainApp.js'
+import { AppLayout } from './components/appLayout.js'
+import { MOUSE_TRACKING } from './config/env.js'
+import type { GatewayClient } from './gatewayClient.js'
+
+export function App({ gw }: { gw: GatewayClient }) {
+ const { appActions, appComposer, appProgress, appStatus, appTranscript, gateway } = useMainApp(gw)
+
+ return (
+
+
+
+ )
+}
diff --git a/ui-tui/src/app/createGatewayEventHandler.ts b/ui-tui/src/app/createGatewayEventHandler.ts
new file mode 100644
index 0000000000..e728f8bbd0
--- /dev/null
+++ b/ui-tui/src/app/createGatewayEventHandler.ts
@@ -0,0 +1,430 @@
+import { STREAM_BATCH_MS } from '../config/timing.js'
+import { buildSetupRequiredSections, SETUP_REQUIRED_TITLE } from '../content/setup.js'
+import type { CommandsCatalogResponse, GatewayEvent, GatewaySkin } from '../gatewayTypes.js'
+import { rpcErrorMessage } from '../lib/rpc.js'
+import { formatToolCall } from '../lib/text.js'
+import { fromSkin } from '../theme.js'
+import type { Msg, SubagentProgress } from '../types.js'
+
+import type { GatewayEventHandlerContext } from './interfaces.js'
+import { patchOverlayState } from './overlayStore.js'
+import { turnController } from './turnController.js'
+import { getUiState, patchUiState } from './uiStore.js'
+
+const ERRLIKE_RE = /\b(error|traceback|exception|failed|spawn)\b/i
+const NO_PROVIDER_RE = /\bNo (?:LLM|inference) provider configured\b/i
+
+const statusFromBusy = () => (getUiState().busy ? 'running…' : 'ready')
+
+const applySkin = (s: GatewaySkin) =>
+ patchUiState({
+ theme: fromSkin(
+ s.colors ?? {},
+ s.branding ?? {},
+ s.banner_logo ?? '',
+ s.banner_hero ?? '',
+ s.tool_prefix ?? '',
+ s.help_header ?? ''
+ )
+ })
+
+const dropBgTask = (taskId: string) =>
+ patchUiState(state => {
+ const next = new Set(state.bgTasks)
+ next.delete(taskId)
+
+ return { ...state, bgTasks: next }
+ })
+
+const pushUnique =
+ (max: number) =>
+ (xs: T[], x: T): T[] =>
+ xs.at(-1) === x ? xs : [...xs, x].slice(-max)
+
+const pushThinking = pushUnique(6)
+const pushNote = pushUnique(6)
+const pushTool = pushUnique(8)
+
+export function createGatewayEventHandler(ctx: GatewayEventHandlerContext): (ev: GatewayEvent) => void {
+ const { dequeue, queueEditRef, sendQueued } = ctx.composer
+ const { rpc } = ctx.gateway
+ const { STARTUP_RESUME_ID, newSession, resumeById, setCatalog } = ctx.session
+ const { bellOnComplete, stdout, sys } = ctx.system
+ const { appendMessage, panel, setHistoryItems } = ctx.transcript
+
+ let pendingThinkingStatus = ''
+ let thinkingStatusTimer: null | ReturnType = null
+
+ const setStatus = (status: string) => {
+ pendingThinkingStatus = ''
+
+ if (thinkingStatusTimer) {
+ clearTimeout(thinkingStatusTimer)
+ thinkingStatusTimer = null
+ }
+
+ patchUiState({ status })
+ }
+
+ const scheduleThinkingStatus = (status: string) => {
+ pendingThinkingStatus = status
+
+ if (thinkingStatusTimer) {
+ return
+ }
+
+ thinkingStatusTimer = setTimeout(() => {
+ thinkingStatusTimer = null
+ patchUiState({ status: pendingThinkingStatus || statusFromBusy() })
+ }, STREAM_BATCH_MS)
+ }
+
+ const restoreStatusAfter = (ms: number) => {
+ turnController.clearStatusTimer()
+ turnController.statusTimer = setTimeout(() => {
+ turnController.statusTimer = null
+ patchUiState({ status: statusFromBusy() })
+ }, ms)
+ }
+
+ const keepCompletedElseRunning = (s: SubagentProgress['status']) => (s === 'completed' ? s : 'running')
+
+ const handleReady = (skin?: GatewaySkin) => {
+ if (skin) {
+ applySkin(skin)
+ }
+
+ rpc('commands.catalog', {})
+ .then(r => {
+ if (!r?.pairs) {
+ return
+ }
+
+ setCatalog({
+ canon: (r.canon ?? {}) as Record,
+ categories: r.categories ?? [],
+ pairs: r.pairs as [string, string][],
+ skillCount: (r.skill_count ?? 0) as number,
+ sub: (r.sub ?? {}) as Record
+ })
+
+ if (r.warning) {
+ turnController.pushActivity(String(r.warning), 'warn')
+ }
+ })
+ .catch((e: unknown) => turnController.pushActivity(`command catalog unavailable: ${rpcErrorMessage(e)}`, 'warn'))
+
+ if (!STARTUP_RESUME_ID) {
+ patchUiState({ status: 'forging session…' })
+ newSession()
+
+ return
+ }
+
+ patchUiState({ status: 'resuming…' })
+ resumeById(STARTUP_RESUME_ID)
+ }
+
+ return (ev: GatewayEvent) => {
+ const sid = getUiState().sid
+
+ if (ev.session_id && sid && ev.session_id !== sid && !ev.type.startsWith('gateway.')) {
+ return
+ }
+
+ switch (ev.type) {
+ case 'gateway.ready':
+ handleReady(ev.payload?.skin)
+
+ return
+
+ case 'skin.changed':
+ if (ev.payload) {
+ applySkin(ev.payload)
+ }
+
+ return
+ case 'session.info': {
+ const info = ev.payload
+
+ patchUiState(state => ({
+ ...state,
+ info,
+ status: state.status === 'starting agent…' ? 'ready' : state.status,
+ usage: info.usage ? { ...state.usage, ...info.usage } : state.usage
+ }))
+
+ setHistoryItems(prev => prev.map(m => (m.kind === 'intro' ? { ...m, info } : m)))
+
+ return
+ }
+
+ case 'thinking.delta': {
+ const text = ev.payload?.text
+
+ if (text !== undefined) {
+ scheduleThinkingStatus(text ? String(text) : statusFromBusy())
+ }
+
+ return
+ }
+
+ case 'message.start':
+ turnController.startMessage()
+
+ return
+ case 'status.update': {
+ const p = ev.payload
+
+ if (!p?.text) {
+ return
+ }
+
+ setStatus(p.text)
+
+ if (!p.kind || p.kind === 'status') {
+ return
+ }
+
+ if (turnController.lastStatusNote !== p.text) {
+ turnController.lastStatusNote = p.text
+ turnController.pushActivity(
+ p.text,
+ p.kind === 'error' ? 'error' : p.kind === 'warn' || p.kind === 'approval' ? 'warn' : 'info'
+ )
+ }
+
+ restoreStatusAfter(4000)
+
+ return
+ }
+
+ case 'gateway.stderr': {
+ const line = String(ev.payload.line).slice(0, 120)
+
+ turnController.pushActivity(line, ERRLIKE_RE.test(line) ? 'error' : 'warn')
+
+ return
+ }
+
+ case 'gateway.start_timeout': {
+ const { cwd, python } = ev.payload ?? {}
+ const trace = python || cwd ? ` · ${String(python || '')} ${String(cwd || '')}`.trim() : ''
+
+ setStatus('gateway startup timeout')
+ turnController.pushActivity(`gateway startup timed out${trace} · /logs to inspect`, 'error')
+
+ return
+ }
+
+ case 'gateway.protocol_error':
+ setStatus('protocol warning')
+ restoreStatusAfter(4000)
+
+ if (!turnController.protocolWarned) {
+ turnController.protocolWarned = true
+ turnController.pushActivity('protocol noise detected · /logs to inspect', 'warn')
+ }
+
+ if (ev.payload?.preview) {
+ turnController.pushActivity(`protocol noise: ${String(ev.payload.preview).slice(0, 120)}`, 'warn')
+ }
+
+ return
+
+ case 'reasoning.delta':
+ if (ev.payload?.text) {
+ turnController.recordReasoningDelta(ev.payload.text)
+ }
+
+ return
+
+ case 'reasoning.available':
+ turnController.recordReasoningAvailable(String(ev.payload?.text ?? ''))
+
+ return
+
+ case 'tool.progress':
+ if (ev.payload?.preview && ev.payload.name) {
+ turnController.recordToolProgress(ev.payload.name, ev.payload.preview)
+ }
+
+ return
+
+ case 'tool.generating':
+ if (ev.payload?.name) {
+ turnController.pushTrail(`drafting ${ev.payload.name}…`)
+ }
+
+ return
+
+ case 'tool.start':
+ turnController.recordToolStart(ev.payload.tool_id, ev.payload.name ?? 'tool', ev.payload.context ?? '')
+
+ return
+
+ case 'tool.complete':
+ turnController.recordToolComplete(ev.payload.tool_id, ev.payload.name, ev.payload.error, ev.payload.summary)
+
+ if (ev.payload.inline_diff) {
+ sys(ev.payload.inline_diff)
+ }
+
+ return
+
+ case 'clarify.request':
+ patchOverlayState({
+ clarify: { choices: ev.payload.choices, question: ev.payload.question, requestId: ev.payload.request_id }
+ })
+ setStatus('waiting for input…')
+
+ return
+ case 'approval.request': {
+ const description = String(ev.payload.description ?? 'dangerous command')
+
+ patchOverlayState({ approval: { command: String(ev.payload.command ?? ''), description } })
+ turnController.pushActivity(`approval needed · ${description}`, 'warn')
+ setStatus('approval needed')
+
+ return
+ }
+
+ case 'sudo.request':
+ patchOverlayState({ sudo: { requestId: ev.payload.request_id } })
+ setStatus('sudo password needed')
+
+ return
+
+ case 'secret.request':
+ patchOverlayState({
+ secret: { envVar: ev.payload.env_var, prompt: ev.payload.prompt, requestId: ev.payload.request_id }
+ })
+ setStatus('secret input needed')
+
+ return
+
+ case 'background.complete':
+ dropBgTask(ev.payload.task_id)
+ sys(`[bg ${ev.payload.task_id}] ${ev.payload.text}`)
+
+ return
+
+ case 'btw.complete':
+ dropBgTask('btw:x')
+ sys(`[btw] ${ev.payload.text}`)
+
+ return
+
+ case 'subagent.start':
+ turnController.upsertSubagent(ev.payload, () => ({ status: 'running' }))
+
+ return
+ case 'subagent.thinking': {
+ const text = String(ev.payload.text ?? '').trim()
+
+ if (!text) {
+ return
+ }
+
+ turnController.upsertSubagent(ev.payload, c => ({
+ status: keepCompletedElseRunning(c.status),
+ thinking: pushThinking(c.thinking, text)
+ }))
+
+ return
+ }
+
+ case 'subagent.tool': {
+ const line = formatToolCall(
+ ev.payload.tool_name ?? 'delegate_task',
+ ev.payload.tool_preview ?? ev.payload.text ?? ''
+ )
+
+ turnController.upsertSubagent(ev.payload, c => ({
+ status: keepCompletedElseRunning(c.status),
+ tools: pushTool(c.tools, line)
+ }))
+
+ return
+ }
+
+ case 'subagent.progress': {
+ const text = String(ev.payload.text ?? '').trim()
+
+ if (!text) {
+ return
+ }
+
+ turnController.upsertSubagent(ev.payload, c => ({
+ notes: pushNote(c.notes, text),
+ status: keepCompletedElseRunning(c.status)
+ }))
+
+ return
+ }
+
+ case 'subagent.complete':
+ turnController.upsertSubagent(ev.payload, c => ({
+ durationSeconds: ev.payload.duration_seconds ?? c.durationSeconds,
+ status: ev.payload.status ?? 'completed',
+ summary: ev.payload.summary || ev.payload.text || c.summary
+ }))
+
+ return
+
+ case 'message.delta':
+ turnController.recordMessageDelta(ev.payload ?? {})
+
+ return
+ case 'message.complete': {
+ const { finalMessages, finalText, wasInterrupted } = turnController.recordMessageComplete(ev.payload ?? {})
+
+ if (!wasInterrupted) {
+ const msgs: Msg[] = finalMessages.length ? finalMessages : [{ role: 'assistant', text: finalText }]
+ msgs.forEach(appendMessage)
+
+ if (bellOnComplete && stdout?.isTTY) {
+ stdout.write('\x07')
+ }
+ }
+
+ setStatus('ready')
+
+ if (ev.payload?.usage) {
+ patchUiState(state => ({ ...state, usage: { ...state.usage, ...ev.payload!.usage } }))
+ }
+
+ if (queueEditRef.current !== null) {
+ return
+ }
+
+ const next = dequeue()
+
+ if (next) {
+ sendQueued(next)
+ }
+
+ return
+ }
+
+ case 'error':
+ turnController.recordError()
+
+ {
+ const message = String(ev.payload?.message || 'unknown error')
+
+ turnController.pushActivity(message, 'error')
+
+ if (NO_PROVIDER_RE.test(message)) {
+ panel(SETUP_REQUIRED_TITLE, buildSetupRequiredSections())
+ setStatus('setup required')
+
+ return
+ }
+
+ sys(`error: ${message}`)
+ setStatus('ready')
+ }
+ }
+ }
+}
diff --git a/ui-tui/src/app/createSlashHandler.ts b/ui-tui/src/app/createSlashHandler.ts
new file mode 100644
index 0000000000..87475341ae
--- /dev/null
+++ b/ui-tui/src/app/createSlashHandler.ts
@@ -0,0 +1,116 @@
+import { parseSlashCommand } from '../domain/slash.js'
+import type { SlashExecResponse } from '../gatewayTypes.js'
+import { asCommandDispatch, rpcErrorMessage } from '../lib/rpc.js'
+
+import type { SlashHandlerContext } from './interfaces.js'
+import { findSlashCommand } from './slash/registry.js'
+import type { SlashRunCtx } from './slash/types.js'
+import { getUiState } from './uiStore.js'
+
+export function createSlashHandler(ctx: SlashHandlerContext): (cmd: string) => boolean {
+ const { gw } = ctx.gateway
+ const { catalog } = ctx.local
+ const { page, send, sys } = ctx.transcript
+
+ const handler = (cmd: string): boolean => {
+ const flight = ++ctx.slashFlightRef.current
+ const ui = getUiState()
+ const sid = ui.sid
+ const parsed = parseSlashCommand(cmd)
+ const argTail = parsed.arg ? ` ${parsed.arg}` : ''
+
+ const stale = () => flight !== ctx.slashFlightRef.current || getUiState().sid !== sid
+
+ const guarded =
+ (fn: (r: T) => void) =>
+ (r: null | T): void => {
+ if (!stale() && r) {
+ fn(r)
+ }
+ }
+
+ const guardedErr = (e: unknown) => {
+ if (!stale()) {
+ sys(`error: ${rpcErrorMessage(e)}`)
+ }
+ }
+
+ const runCtx: SlashRunCtx = { ...ctx, flight, guarded, guardedErr, sid, stale, ui }
+
+ const found = findSlashCommand(parsed.name)
+
+ if (found) {
+ found.run(parsed.arg, runCtx, cmd)
+
+ return true
+ }
+
+ if (catalog?.canon) {
+ const needle = `/${parsed.name}`.toLowerCase()
+
+ const matches = [
+ ...new Set(
+ Object.entries(catalog.canon)
+ .filter(([alias]) => alias.startsWith(needle))
+ .map(([, canon]) => canon)
+ )
+ ]
+
+ if (matches.length === 1 && matches[0]!.toLowerCase() !== needle) {
+ return handler(`${matches[0]}${argTail}`)
+ }
+
+ if (matches.length > 1) {
+ sys(`ambiguous command: ${matches.slice(0, 6).join(', ')}${matches.length > 6 ? ', …' : ''}`)
+
+ return true
+ }
+ }
+
+ gw.request('slash.exec', { command: cmd.slice(1), session_id: sid })
+ .then(r => {
+ if (stale()) {
+ return
+ }
+
+ const body = r?.output || `/${parsed.name}: no output`
+ const text = r?.warning ? `warning: ${r.warning}\n${body}` : body
+ const long = text.length > 180 || text.split('\n').filter(Boolean).length > 2
+
+ long ? page(text, parsed.name[0]!.toUpperCase() + parsed.name.slice(1)) : sys(text)
+ })
+ .catch(() => {
+ gw.request('command.dispatch', { arg: parsed.arg, name: parsed.name, session_id: sid })
+ .then((raw: unknown) => {
+ if (stale()) {
+ return
+ }
+
+ const d = asCommandDispatch(raw)
+
+ if (!d) {
+ return sys('error: invalid response: command.dispatch')
+ }
+
+ if (d.type === 'exec' || d.type === 'plugin') {
+ return sys(d.output || '(no output)')
+ }
+
+ if (d.type === 'alias') {
+ return handler(`/${d.target}${argTail}`)
+ }
+
+ if (d.type === 'skill') {
+ sys(`⚡ loading skill: ${d.name}`)
+
+ return d.message?.trim() ? send(d.message) : sys(`/${parsed.name}: skill payload missing message`)
+ }
+ })
+ .catch(guardedErr)
+ })
+
+ return true
+ }
+
+ return handler
+}
diff --git a/ui-tui/src/app/gatewayContext.tsx b/ui-tui/src/app/gatewayContext.tsx
new file mode 100644
index 0000000000..9187f15a3a
--- /dev/null
+++ b/ui-tui/src/app/gatewayContext.tsx
@@ -0,0 +1,19 @@
+import { createContext, useContext } from 'react'
+
+import type { GatewayProviderProps, GatewayServices } from './interfaces.js'
+
+const GatewayContext = createContext(null)
+
+export function GatewayProvider({ children, value }: GatewayProviderProps) {
+ return {children}
+}
+
+export function useGateway() {
+ const value = useContext(GatewayContext)
+
+ if (!value) {
+ throw new Error('GatewayContext missing')
+ }
+
+ return value
+}
diff --git a/ui-tui/src/app/interfaces.ts b/ui-tui/src/app/interfaces.ts
new file mode 100644
index 0000000000..998afe2a19
--- /dev/null
+++ b/ui-tui/src/app/interfaces.ts
@@ -0,0 +1,339 @@
+import type { ScrollBoxHandle } from '@hermes/ink'
+import type { MutableRefObject, ReactNode, RefObject, SetStateAction } from 'react'
+
+import type { PasteEvent } from '../components/textInput.js'
+import type { GatewayClient } from '../gatewayClient.js'
+import type { RpcResult } from '../lib/rpc.js'
+import type { Theme } from '../theme.js'
+import type {
+ ActiveTool,
+ ActivityItem,
+ ApprovalReq,
+ ClarifyReq,
+ DetailsMode,
+ Msg,
+ PanelSection,
+ SecretReq,
+ SessionInfo,
+ SlashCatalog,
+ SubagentProgress,
+ SudoReq,
+ Usage
+} from '../types.js'
+
+export interface StateSetter {
+ (value: SetStateAction): void
+}
+
+export interface SelectionApi {
+ clearSelection: () => void
+ copySelection: () => string
+}
+
+export interface CompletionItem {
+ display: string
+ meta?: string
+ text: string
+}
+
+export interface GatewayRpc {
+ (method: string, params?: Record): Promise
+}
+
+export interface GatewayServices {
+ gw: GatewayClient
+ rpc: GatewayRpc
+}
+
+export interface GatewayProviderProps {
+ children: ReactNode
+ value: GatewayServices
+}
+
+export interface OverlayState {
+ approval: ApprovalReq | null
+ clarify: ClarifyReq | null
+ modelPicker: boolean
+ pager: null | PagerState
+ picker: boolean
+ secret: null | SecretReq
+ sudo: null | SudoReq
+}
+
+export interface PagerState {
+ lines: string[]
+ offset: number
+ title?: string
+}
+
+export interface TranscriptRow {
+ index: number
+ key: string
+ msg: Msg
+}
+
+export interface UiState {
+ bgTasks: Set
+ busy: boolean
+ compact: boolean
+ detailsMode: DetailsMode
+ info: null | SessionInfo
+ sid: null | string
+ status: string
+ statusBar: boolean
+ theme: Theme
+ usage: Usage
+}
+
+export interface VirtualHistoryState {
+ bottomSpacer: number
+ end: number
+ measureRef: (key: string) => (el: unknown) => void
+ offsets: ArrayLike
+ start: number
+ topSpacer: number
+}
+
+export interface ComposerPasteResult {
+ cursor: number
+ value: string
+}
+
+export interface ComposerActions {
+ clearIn: () => void
+ dequeue: () => string | undefined
+ enqueue: (text: string) => void
+ handleTextPaste: (event: PasteEvent) => ComposerPasteResult | null
+ openEditor: () => void
+ pushHistory: (text: string) => void
+ replaceQueue: (index: number, text: string) => void
+ setCompIdx: StateSetter
+ setHistoryIdx: StateSetter
+ setInput: StateSetter
+ setInputBuf: StateSetter
+ setPasteSnips: StateSetter
+ setQueueEdit: (index: null | number) => void
+ syncQueue: () => void
+}
+
+export interface ComposerRefs {
+ historyDraftRef: MutableRefObject
+ historyRef: MutableRefObject
+ queueEditRef: MutableRefObject
+ queueRef: MutableRefObject
+ submitRef: MutableRefObject<(value: string) => void>
+}
+
+export interface ComposerState {
+ compIdx: number
+ compReplace: number
+ completions: CompletionItem[]
+ historyIdx: null | number
+ input: string
+ inputBuf: string[]
+ pasteSnips: PasteSnippet[]
+ queueEditIdx: null | number
+ queuedDisplay: string[]
+}
+
+export interface UseComposerStateOptions {
+ gw: GatewayClient
+ onClipboardPaste: (quiet?: boolean) => Promise | void
+ submitRef: MutableRefObject<(value: string) => void>
+}
+
+export interface UseComposerStateResult {
+ actions: ComposerActions
+ refs: ComposerRefs
+ state: ComposerState
+}
+
+export interface InputHandlerActions {
+ answerClarify: (answer: string) => void
+ appendMessage: (msg: Msg) => void
+ die: () => void
+ dispatchSubmission: (full: string) => void
+ guardBusySessionSwitch: (what?: string) => boolean
+ newSession: (msg?: string) => void
+ sys: (text: string) => void
+}
+
+export interface InputHandlerContext {
+ actions: InputHandlerActions
+ composer: {
+ actions: ComposerActions
+ refs: ComposerRefs
+ state: ComposerState
+ }
+ gateway: GatewayServices
+ terminal: {
+ hasSelection: boolean
+ scrollRef: RefObject
+ scrollWithSelection: (delta: number) => void
+ selection: SelectionApi
+ stdout?: NodeJS.WriteStream
+ }
+ voice: {
+ recording: boolean
+ setProcessing: StateSetter
+ setRecording: StateSetter
+ }
+ wheelStep: number
+}
+
+export interface InputHandlerResult {
+ pagerPageSize: number
+}
+
+export interface GatewayEventHandlerContext {
+ composer: {
+ dequeue: () => string | undefined
+ queueEditRef: MutableRefObject
+ sendQueued: (text: string) => void
+ }
+ gateway: GatewayServices
+ session: {
+ STARTUP_RESUME_ID: string
+ colsRef: MutableRefObject
+ newSession: (msg?: string) => void
+ resetSession: () => void
+ resumeById: (id: string) => void
+ setCatalog: StateSetter
+ }
+ system: {
+ bellOnComplete: boolean
+ stdout?: NodeJS.WriteStream
+ sys: (text: string) => void
+ }
+ transcript: {
+ appendMessage: (msg: Msg) => void
+ panel: (title: string, sections: PanelSection[]) => void
+ setHistoryItems: StateSetter
+ }
+}
+
+export interface SlashHandlerContext {
+ composer: {
+ enqueue: (text: string) => void
+ hasSelection: boolean
+ paste: (quiet?: boolean) => void
+ queueRef: MutableRefObject
+ selection: SelectionApi
+ setInput: StateSetter
+ }
+ gateway: GatewayServices
+ local: {
+ catalog: null | SlashCatalog
+ getHistoryItems: () => Msg[]
+ getLastUserMsg: () => string
+ maybeWarn: (value: unknown) => void
+ }
+ session: {
+ closeSession: (targetSid?: null | string) => Promise
+ die: () => void
+ guardBusySessionSwitch: (what?: string) => boolean
+ newSession: (msg?: string) => void
+ resetVisibleHistory: (info?: null | SessionInfo) => void
+ resumeById: (id: string) => void
+ setSessionStartedAt: StateSetter
+ }
+ slashFlightRef: MutableRefObject
+ transcript: {
+ page: (text: string, title?: string) => void
+ panel: (title: string, sections: PanelSection[]) => void
+ send: (text: string) => void
+ setHistoryItems: StateSetter
+ sys: (text: string) => void
+ trimLastExchange: (items: Msg[]) => Msg[]
+ }
+ voice: {
+ setVoiceEnabled: StateSetter
+ }
+}
+
+export interface AppLayoutActions {
+ answerApproval: (choice: string) => void
+ answerClarify: (answer: string) => void
+ answerSecret: (value: string) => void
+ answerSudo: (pw: string) => void
+ onModelSelect: (value: string) => void
+ resumeById: (id: string) => void
+ setStickyPrompt: (value: string) => void
+}
+
+export interface AppLayoutComposerProps {
+ cols: number
+ compIdx: number
+ completions: CompletionItem[]
+ empty: boolean
+ handleTextPaste: (event: PasteEvent) => ComposerPasteResult | null
+ input: string
+ inputBuf: string[]
+ pagerPageSize: number
+ queueEditIdx: null | number
+ queuedDisplay: string[]
+ submit: (value: string) => void
+ updateInput: StateSetter
+}
+
+export interface AppLayoutProgressProps {
+ activity: ActivityItem[]
+ outcome: string
+ reasoning: string
+ reasoningActive: boolean
+ reasoningStreaming: boolean
+ reasoningTokens: number
+ showProgressArea: boolean
+ showStreamingArea: boolean
+ streamPendingTools: string[]
+ streamSegments: Msg[]
+ streaming: string
+ subagents: SubagentProgress[]
+ toolTokens: number
+ tools: ActiveTool[]
+ turnTrail: string[]
+}
+
+export interface AppLayoutStatusProps {
+ cwdLabel: string
+ goodVibesTick: number
+ sessionStartedAt: null | number
+ showStickyPrompt: boolean
+ statusColor: string
+ stickyPrompt: string
+ voiceLabel: string
+}
+
+export interface AppLayoutTranscriptProps {
+ historyItems: Msg[]
+ scrollRef: RefObject
+ virtualHistory: VirtualHistoryState
+ virtualRows: TranscriptRow[]
+}
+
+export interface AppLayoutProps {
+ actions: AppLayoutActions
+ composer: AppLayoutComposerProps
+ mouseTracking: boolean
+ progress: AppLayoutProgressProps
+ status: AppLayoutStatusProps
+ transcript: AppLayoutTranscriptProps
+}
+
+export interface AppOverlaysProps {
+ cols: number
+ compIdx: number
+ completions: CompletionItem[]
+ onApprovalChoice: (choice: string) => void
+ onClarifyAnswer: (value: string) => void
+ onModelSelect: (value: string) => void
+ onPickerSelect: (sessionId: string) => void
+ onSecretSubmit: (value: string) => void
+ onSudoSubmit: (pw: string) => void
+ pagerPageSize: number
+}
+
+export interface PasteSnippet {
+ label: string
+ text: string
+}
diff --git a/ui-tui/src/app/overlayStore.ts b/ui-tui/src/app/overlayStore.ts
new file mode 100644
index 0000000000..4b24f0daab
--- /dev/null
+++ b/ui-tui/src/app/overlayStore.ts
@@ -0,0 +1,26 @@
+import { atom, computed } from 'nanostores'
+
+import type { OverlayState } from './interfaces.js'
+
+const buildOverlayState = (): OverlayState => ({
+ approval: null,
+ clarify: null,
+ modelPicker: false,
+ pager: null,
+ picker: false,
+ secret: null,
+ sudo: null
+})
+
+export const $overlayState = atom(buildOverlayState())
+
+export const $isBlocked = computed($overlayState, ({ approval, clarify, modelPicker, pager, picker, secret, sudo }) =>
+ Boolean(approval || clarify || modelPicker || pager || picker || secret || sudo)
+)
+
+export const getOverlayState = () => $overlayState.get()
+
+export const patchOverlayState = (next: Partial | ((state: OverlayState) => OverlayState)) =>
+ $overlayState.set(typeof next === 'function' ? next($overlayState.get()) : { ...$overlayState.get(), ...next })
+
+export const resetOverlayState = () => $overlayState.set(buildOverlayState())
diff --git a/ui-tui/src/app/setupHandoff.ts b/ui-tui/src/app/setupHandoff.ts
new file mode 100644
index 0000000000..21338c95e4
--- /dev/null
+++ b/ui-tui/src/app/setupHandoff.ts
@@ -0,0 +1,54 @@
+import type { RunExternalProcess } from '@hermes/ink'
+
+import type { SetupStatusResponse } from '../gatewayTypes.js'
+import type { LaunchResult } from '../lib/externalCli.js'
+
+import type { SlashHandlerContext } from './interfaces.js'
+import { patchUiState } from './uiStore.js'
+
+export interface RunExternalSetupOptions {
+ args: string[]
+ ctx: Pick
+ done: string
+ launcher: (args: string[]) => Promise
+ suspend: (run: RunExternalProcess) => Promise
+}
+
+export async function runExternalSetup({ args, ctx, done, launcher, suspend }: RunExternalSetupOptions) {
+ const { gateway, session, transcript } = ctx
+
+ transcript.sys(`launching \`hermes ${args.join(' ')}\`…`)
+ patchUiState({ status: 'setup running…' })
+
+ let result: LaunchResult = { code: null }
+
+ await suspend(async () => {
+ result = await launcher(args)
+ })
+
+ if (result.error) {
+ transcript.sys(`error launching hermes: ${result.error}`)
+ patchUiState({ status: 'setup required' })
+
+ return
+ }
+
+ if (result.code !== 0) {
+ transcript.sys(`hermes ${args[0]} exited with code ${result.code}`)
+ patchUiState({ status: 'setup required' })
+
+ return
+ }
+
+ const setup = await gateway.rpc('setup.status', {})
+
+ if (setup?.provider_configured === false) {
+ transcript.sys('still no provider configured')
+ patchUiState({ status: 'setup required' })
+
+ return
+ }
+
+ transcript.sys(done)
+ session.newSession()
+}
diff --git a/ui-tui/src/app/slash/commands/core.ts b/ui-tui/src/app/slash/commands/core.ts
new file mode 100644
index 0000000000..e0832c7a69
--- /dev/null
+++ b/ui-tui/src/app/slash/commands/core.ts
@@ -0,0 +1,295 @@
+import { dailyFortune, randomFortune } from '../../../content/fortunes.js'
+import { HOTKEYS } from '../../../content/hotkeys.js'
+import { nextDetailsMode, parseDetailsMode } from '../../../domain/details.js'
+import type { ConfigGetValueResponse, ConfigSetResponse, SessionUndoResponse } from '../../../gatewayTypes.js'
+import { writeOsc52Clipboard } from '../../../lib/osc52.js'
+import type { DetailsMode, Msg, PanelSection } from '../../../types.js'
+import { patchOverlayState } from '../../overlayStore.js'
+import { patchUiState } from '../../uiStore.js'
+import type { SlashCommand } from '../types.js'
+
+const flagFromArg = (arg: string, current: boolean): boolean | null => {
+ if (!arg) {
+ return !current
+ }
+
+ const mode = arg.trim().toLowerCase()
+
+ if (mode === 'on') {
+ return true
+ }
+
+ if (mode === 'off') {
+ return false
+ }
+
+ if (mode === 'toggle') {
+ return !current
+ }
+
+ return null
+}
+
+const DETAIL_MODES = new Set(['collapsed', 'cycle', 'expanded', 'hidden', 'toggle'])
+
+export const coreCommands: SlashCommand[] = [
+ {
+ help: 'list commands + hotkeys',
+ name: 'help',
+ run: (_arg, ctx) => {
+ const sections: PanelSection[] = (ctx.local.catalog?.categories ?? []).map(cat => ({
+ rows: cat.pairs,
+ title: cat.name
+ }))
+
+ if (ctx.local.catalog?.skillCount) {
+ sections.push({ text: `${ctx.local.catalog.skillCount} skill commands available — /skills to browse` })
+ }
+
+ sections.push(
+ {
+ rows: [
+ ['/details [hidden|collapsed|expanded|cycle]', 'set agent detail visibility mode'],
+ ['/fortune [random|daily]', 'show a random or daily local fortune']
+ ],
+ title: 'TUI'
+ },
+ { rows: HOTKEYS, title: 'Hotkeys' }
+ )
+
+ ctx.transcript.panel(ctx.ui.theme.brand.helpHeader, sections)
+ }
+ },
+
+ {
+ aliases: ['exit', 'q'],
+ help: 'exit hermes',
+ name: 'quit',
+ run: (_arg, ctx) => ctx.session.die()
+ },
+
+ {
+ aliases: ['new'],
+ help: 'start a new session',
+ name: 'clear',
+ run: (_arg, ctx, cmd) => {
+ if (ctx.session.guardBusySessionSwitch('switch sessions')) {
+ return
+ }
+
+ patchUiState({ status: 'forging session…' })
+ ctx.session.newSession(cmd.startsWith('/new') ? 'new session started' : undefined)
+ }
+ },
+
+ {
+ help: 'resume a prior session',
+ name: 'resume',
+ run: (arg, ctx) => {
+ if (ctx.session.guardBusySessionSwitch('switch sessions')) {
+ return
+ }
+
+ arg ? ctx.session.resumeById(arg) : patchOverlayState({ picker: true })
+ }
+ },
+
+ {
+ help: 'toggle compact transcript',
+ name: 'compact',
+ run: (arg, ctx) => {
+ const next = flagFromArg(arg, ctx.ui.compact)
+
+ if (next === null) {
+ return ctx.transcript.sys('usage: /compact [on|off|toggle]')
+ }
+
+ patchUiState({ compact: next })
+ ctx.gateway.rpc('config.set', { key: 'compact', value: next ? 'on' : 'off' }).catch(() => {})
+
+ queueMicrotask(() => ctx.transcript.sys(`compact ${next ? 'on' : 'off'}`))
+ }
+ },
+
+ {
+ aliases: ['detail'],
+ help: 'control agent detail visibility',
+ name: 'details',
+ run: (arg, ctx) => {
+ const { gateway, transcript, ui } = ctx
+
+ if (!arg) {
+ gateway
+ .rpc('config.get', { key: 'details_mode' })
+ .then(r => {
+ if (ctx.stale()) {
+ return
+ }
+
+ const mode = parseDetailsMode(r?.value) ?? ui.detailsMode
+
+ patchUiState({ detailsMode: mode })
+ transcript.sys(`details: ${mode}`)
+ })
+ .catch(() => {
+ if (!ctx.stale()) {
+ transcript.sys(`details: ${ui.detailsMode}`)
+ }
+ })
+
+ return
+ }
+
+ const mode = arg.trim().toLowerCase()
+
+ if (!DETAIL_MODES.has(mode)) {
+ return transcript.sys('usage: /details [hidden|collapsed|expanded|cycle]')
+ }
+
+ const next = mode === 'cycle' || mode === 'toggle' ? nextDetailsMode(ui.detailsMode) : (mode as DetailsMode)
+
+ patchUiState({ detailsMode: next })
+ gateway.rpc('config.set', { key: 'details_mode', value: next }).catch(() => {})
+ transcript.sys(`details: ${next}`)
+ }
+ },
+
+ {
+ help: 'local fortune',
+ name: 'fortune',
+ run: (arg, ctx) => {
+ const key = arg.trim().toLowerCase()
+
+ if (!arg || key === 'random') {
+ return ctx.transcript.sys(randomFortune())
+ }
+
+ if (['daily', 'stable', 'today'].includes(key)) {
+ return ctx.transcript.sys(dailyFortune(ctx.sid))
+ }
+
+ ctx.transcript.sys('usage: /fortune [random|daily]')
+ }
+ },
+
+ {
+ help: 'copy selection or assistant message',
+ name: 'copy',
+ run: (arg, ctx) => {
+ const { sys } = ctx.transcript
+
+ if (!arg && ctx.composer.hasSelection && ctx.composer.selection.copySelection()) {
+ return sys('copied selection')
+ }
+
+ if (arg && Number.isNaN(parseInt(arg, 10))) {
+ return sys('usage: /copy [number]')
+ }
+
+ const all = ctx.local.getHistoryItems().filter(m => m.role === 'assistant')
+ const target = all[arg ? Math.min(parseInt(arg, 10), all.length) - 1 : all.length - 1]
+
+ if (!target) {
+ return sys('nothing to copy')
+ }
+
+ writeOsc52Clipboard(target.text)
+ sys('sent OSC52 copy sequence (terminal support required)')
+ }
+ },
+
+ {
+ help: 'paste clipboard image',
+ name: 'paste',
+ run: (arg, ctx) => (arg ? ctx.transcript.sys('usage: /paste') : ctx.composer.paste())
+ },
+
+ {
+ help: 'view gateway logs',
+ name: 'logs',
+ run: (arg, ctx) => {
+ const text = ctx.gateway.gw.getLogTail(Math.min(80, Math.max(1, parseInt(arg, 10) || 20)))
+
+ text ? ctx.transcript.page(text, 'Logs') : ctx.transcript.sys('no gateway logs')
+ }
+ },
+
+ {
+ aliases: ['sb'],
+ help: 'toggle status bar',
+ name: 'statusbar',
+ run: (arg, ctx) => {
+ const next = flagFromArg(arg, ctx.ui.statusBar)
+
+ if (next === null) {
+ return ctx.transcript.sys('usage: /statusbar [on|off|toggle]')
+ }
+
+ patchUiState({ statusBar: next })
+ ctx.gateway.rpc('config.set', { key: 'statusbar', value: next ? 'on' : 'off' }).catch(() => {})
+
+ queueMicrotask(() => ctx.transcript.sys(`status bar ${next ? 'on' : 'off'}`))
+ }
+ },
+
+ {
+ help: 'inspect or enqueue a message',
+ name: 'queue',
+ run: (arg, ctx) => {
+ if (!arg) {
+ return ctx.transcript.sys(`${ctx.composer.queueRef.current.length} queued message(s)`)
+ }
+
+ ctx.composer.enqueue(arg)
+ ctx.transcript.sys(`queued: "${arg.slice(0, 50)}${arg.length > 50 ? '…' : ''}"`)
+ }
+ },
+
+ {
+ help: 'undo last exchange',
+ name: 'undo',
+ run: (_arg, ctx) => {
+ if (!ctx.sid) {
+ return ctx.transcript.sys('nothing to undo')
+ }
+
+ ctx.gateway.rpc('session.undo', { session_id: ctx.sid }).then(
+ ctx.guarded(r => {
+ if ((r.removed ?? 0) > 0) {
+ ctx.transcript.setHistoryItems((prev: Msg[]) => ctx.transcript.trimLastExchange(prev))
+ ctx.transcript.sys(`undid ${r.removed} messages`)
+ } else {
+ ctx.transcript.sys('nothing to undo')
+ }
+ })
+ )
+ }
+ },
+
+ {
+ help: 'retry last user message',
+ name: 'retry',
+ run: (_arg, ctx) => {
+ const last = ctx.local.getLastUserMsg()
+
+ if (!last) {
+ return ctx.transcript.sys('nothing to retry')
+ }
+
+ if (!ctx.sid) {
+ return ctx.transcript.send(last)
+ }
+
+ ctx.gateway.rpc('session.undo', { session_id: ctx.sid }).then(
+ ctx.guarded(r => {
+ if ((r.removed ?? 0) <= 0) {
+ return ctx.transcript.sys('nothing to retry')
+ }
+
+ ctx.transcript.setHistoryItems((prev: Msg[]) => ctx.transcript.trimLastExchange(prev))
+ ctx.transcript.send(last)
+ })
+ )
+ }
+ }
+]
diff --git a/ui-tui/src/app/slash/commands/ops.ts b/ui-tui/src/app/slash/commands/ops.ts
new file mode 100644
index 0000000000..979e1f470a
--- /dev/null
+++ b/ui-tui/src/app/slash/commands/ops.ts
@@ -0,0 +1,52 @@
+import type { ToolsConfigureResponse } from '../../../gatewayTypes.js'
+import type { SlashCommand } from '../types.js'
+
+export const opsCommands: SlashCommand[] = [
+ {
+ help: 'enable or disable tools (client-side history reset on change)',
+ name: 'tools',
+ run: (arg, ctx) => {
+ const [subcommand, ...names] = arg.trim().split(/\s+/).filter(Boolean)
+
+ if (subcommand !== 'disable' && subcommand !== 'enable') {
+ return
+ }
+
+ if (!names.length) {
+ ctx.transcript.sys(`usage: /tools ${subcommand} [name ...]`)
+ ctx.transcript.sys(`built-in toolset: /tools ${subcommand} web`)
+ ctx.transcript.sys(`MCP tool: /tools ${subcommand} github:create_issue`)
+
+ return
+ }
+
+ ctx.gateway
+ .rpc('tools.configure', { action: subcommand, names, session_id: ctx.sid })
+ .then(
+ ctx.guarded(r => {
+ if (r.info) {
+ ctx.session.setSessionStartedAt(Date.now())
+ ctx.session.resetVisibleHistory(r.info)
+ }
+
+ if (r.changed?.length) {
+ ctx.transcript.sys(`${subcommand === 'disable' ? 'disabled' : 'enabled'}: ${r.changed.join(', ')}`)
+ }
+
+ if (r.unknown?.length) {
+ ctx.transcript.sys(`unknown toolsets: ${r.unknown.join(', ')}`)
+ }
+
+ if (r.missing_servers?.length) {
+ ctx.transcript.sys(`missing MCP servers: ${r.missing_servers.join(', ')}`)
+ }
+
+ if (r.reset) {
+ ctx.transcript.sys('session reset. new tool configuration is active.')
+ }
+ })
+ )
+ .catch(ctx.guardedErr)
+ }
+ }
+]
diff --git a/ui-tui/src/app/slash/commands/session.ts b/ui-tui/src/app/slash/commands/session.ts
new file mode 100644
index 0000000000..354d3c1975
--- /dev/null
+++ b/ui-tui/src/app/slash/commands/session.ts
@@ -0,0 +1,309 @@
+import { imageTokenMeta, introMsg, toTranscriptMessages } from '../../../domain/messages.js'
+import type {
+ BackgroundStartResponse,
+ BtwStartResponse,
+ ConfigGetValueResponse,
+ ConfigSetResponse,
+ ImageAttachResponse,
+ SessionBranchResponse,
+ SessionCompressResponse,
+ SessionUsageResponse,
+ VoiceToggleResponse
+} from '../../../gatewayTypes.js'
+import { fmtK } from '../../../lib/text.js'
+import type { PanelSection } from '../../../types.js'
+import { patchOverlayState } from '../../overlayStore.js'
+import { patchUiState } from '../../uiStore.js'
+import type { SlashCommand } from '../types.js'
+
+export const sessionCommands: SlashCommand[] = [
+ {
+ aliases: ['bg'],
+ help: 'launch a background prompt',
+ name: 'background',
+ run: (arg, ctx) => {
+ if (!arg) {
+ return ctx.transcript.sys('/background ')
+ }
+
+ ctx.gateway.rpc('prompt.background', { session_id: ctx.sid, text: arg }).then(
+ ctx.guarded(r => {
+ if (!r.task_id) {
+ return
+ }
+
+ patchUiState(state => ({ ...state, bgTasks: new Set(state.bgTasks).add(r.task_id!) }))
+ ctx.transcript.sys(`bg ${r.task_id} started`)
+ })
+ )
+ }
+ },
+
+ {
+ help: 'by-the-way follow-up',
+ name: 'btw',
+ run: (arg, ctx) => {
+ if (!arg) {
+ return ctx.transcript.sys('/btw