From 210afc7d44845694f55309e5ff3cb5d251178194 Mon Sep 17 00:00:00 2001
From: Riyadh <dev@tx.local>
Date: Thu, 21 May 2026 08:30:27 +0000
Subject: [PATCH] Add a temporary diagnostic display for keyboard inset
 calculations

Add a temporary debug overlay to the DialogContent component in `dialog.tsx` to display `keyboardInset`, `height`, and `offsetTop` values, and the keyboard open state.
---
 artifacts/tx-os/src/components/ui/dialog.tsx | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/artifacts/tx-os/src/components/ui/dialog.tsx b/artifacts/tx-os/src/components/ui/dialog.tsx
index e1e6c5bd..c5f238d2 100644
--- a/artifacts/tx-os/src/components/ui/dialog.tsx
+++ b/artifacts/tx-os/src/components/ui/dialog.tsx
@@ -137,6 +137,26 @@ const DialogContent = React.forwardRef<
         {...props}
       >
         {children}
+        {/* TEMP DEBUG: shows the live visualViewport readings so we can
+            tell on-device whether the keyboard-open branch is actually
+            firing. Remove once iPad PWA layout is confirmed. */}
+        <div
+          style={{
+            position: "absolute",
+            top: 2,
+            left: 2,
+            zIndex: 9999,
+            fontSize: 10,
+            background: keyboardOpen ? "#16a34a" : "#dc2626",
+            color: "white",
+            padding: "2px 6px",
+            borderRadius: 4,
+            pointerEvents: "none",
+            fontFamily: "monospace",
+          }}
+        >
+          kb:{keyboardInset.toFixed(0)} h:{height.toFixed(0)} top:{offsetTop.toFixed(0)} {keyboardOpen ? "OPEN" : "closed"}
+        </div>
         <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
           <X className="h-4 w-4" />
           <span className="sr-only">Close</span>