From 8dbc91dc24895393f7aa32b0de9766435d96cee2 Mon Sep 17 00:00:00 2001
From: Daniel Imms <2193314+Tyriar@users.noreply.github.com>
Date: Fri, 9 Jan 2026 07:15:45 -0800
Subject: [PATCH] Add vtExtensions to demo

---
 demo/client/components/window/optionsWindow.ts | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/demo/client/components/window/optionsWindow.ts b/demo/client/components/window/optionsWindow.ts
index d084784f..a84d7f75 100644
--- a/demo/client/components/window/optionsWindow.ts
+++ b/demo/client/components/window/optionsWindow.ts
@@ -119,9 +119,13 @@ export class OptionsWindow extends BaseWindow implements IControlWindow {
       'overviewRuler',
       'quirks',
       'theme',
+      'vtExtensions',
       'windowOptions',
       'windowsPty',
     ];
+    const nestedBooleanOptions: { label: string, parent: string, prop: string }[] = [
+      { label: 'vtExtensions.kittyKeyboard', parent: 'vtExtensions', prop: 'kittyKeyboard' }
+    ];
     const stringOptions: { [key: string]: string[] | null } = {
       cursorStyle: ['block', 'underline', 'bar'],
       cursorInactiveStyle: ['outline', 'block', 'bar', 'underline', 'none'],
@@ -156,6 +160,10 @@ export class OptionsWindow extends BaseWindow implements IControlWindow {
     booleanOptions.forEach(o => {
       html += `<div class="option"><label><input id="opt-${o}" type="checkbox" ${this._terminal.options[o] ? 'checked' : ''}/> ${o}</label></div>`;
     });
+    nestedBooleanOptions.forEach(({ label, parent, prop }) => {
+      const checked = this._terminal.options[parent]?.[prop] ?? false;
+      html += `<div class="option"><label><input id="opt-${label.replace('.', '-')}" type="checkbox" ${checked ? 'checked' : ''}/> ${label}</label></div>`;
+    });
     html += '</div><div class="option-group">';
     numberOptions.forEach(o => {
       html += `<div class="option"><label>${o} <input id="opt-${o}" type="number" value="${this._terminal.options[o] ?? ''}" step="${o === 'lineHeight' || o === 'scrollSensitivity' ? '0.1' : '1'}"/></label></div>`;
@@ -187,6 +195,13 @@ export class OptionsWindow extends BaseWindow implements IControlWindow {
         }
       });
     });
+    nestedBooleanOptions.forEach(({ label, parent, prop }) => {
+      const input = document.getElementById(`opt-${label.replace('.', '-')}`) as HTMLInputElement;
+      addDomListener(input, 'change', () => {
+        console.log('change', label, input.checked);
+        this._terminal.options[parent] = { ...this._terminal.options[parent], [prop]: input.checked };
+      });
+    });
     numberOptions.forEach(o => {
       const input = document.getElementById(`opt-${o}`) as HTMLInputElement;
       addDomListener(input, 'change', () => {