From 21c8fdc90672ebe860ea9ab37e7ee4f7f5757c66 Mon Sep 17 00:00:00 2001
From: multipleof4 <planetrenox@protonmail.com>
Date: Thu, 19 Mar 2026 15:50:54 -0700
Subject: [PATCH] Feat: Extract keyboard layout resizing helpers

---
 src/keyboard.js | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 src/keyboard.js

diff --git a/src/keyboard.js b/src/keyboard.js
new file mode 100644
index 0000000..d6615a4
--- /dev/null
+++ b/src/keyboard.js
@@ -0,0 +1,24 @@
+import { el } from './dom.js';
+
+export function kbUpdate() {
+  const vv = window.visualViewport;
+  const overlap = vv ? Math.max(0, (window.innerHeight - (vv.height + vv.offsetTop))) : 0;
+  document.documentElement.style.setProperty('--kb', overlap + 'px');
+  const fh = el.footer.getBoundingClientRect().height;
+  document.documentElement.style.setProperty('--footer-h', fh + 'px');
+  el.footer.style.transform = 'translateY(' + (-overlap) + 'px)';
+  el.chat.style.scrollPaddingBottom = (fh + overlap + 16) + 'px';
+}
+
+export function kbBind() {
+  if (window.visualViewport) {
+    ['resize', 'scroll'].forEach(ev => window.visualViewport.addEventListener(ev, () => kbUpdate(), { passive: true }));
+  }
+  window.$(window).on('resize orientationchange', () => setTimeout(kbUpdate, 50));
+  window.$(el.input).on('focus click', () => {
+    setTimeout(() => {
+      kbUpdate();
+      el.input.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
+    }, 0);
+  });
+}