Add support for debug logging of keystrokes to investigate #6227 (#6844)

Co-authored-by: Arya Gummadi <aryagummadi@google.com>

packages/cli/src/ui/contexts/KeypressContext.tsx

@@ -68,10 +68,12 @@ export function KeypressProvider({
   children,
   kittyProtocolEnabled,
   config,
+  debugKeystrokeLogging,
 }: {
   children: React.ReactNode;
   kittyProtocolEnabled: boolean;
   config?: Config;
+  debugKeystrokeLogging?: boolean;
 }) {
   const { stdin, setRawMode } = useStdin();
   const subscribers = useRef<Set<KeypressHandler>>(new Set()).current;
@@ -245,6 +247,12 @@ export function KeypressProvider({
         (key.ctrl && key.name === 'c') ||
         key.sequence === `${ESC}${KITTY_CTRL_C}`
       ) {
+        if (kittySequenceBuffer && debugKeystrokeLogging) {
+          console.log(
+            '[DEBUG] Kitty buffer cleared on Ctrl+C:',
+            kittySequenceBuffer,
+          );
+        }
         kittySequenceBuffer = '';
         if (key.sequence === `${ESC}${KITTY_CTRL_C}`) {
           broadcast({
@@ -272,14 +280,28 @@ export function KeypressProvider({
             !key.sequence.startsWith(FOCUS_OUT))
         ) {
           kittySequenceBuffer += key.sequence;
+
+          if (debugKeystrokeLogging) {
+            console.log(
+              '[DEBUG] Kitty buffer accumulating:',
+              kittySequenceBuffer,
+            );
+          }
+
           const kittyKey = parseKittySequence(kittySequenceBuffer);
           if (kittyKey) {
+            if (debugKeystrokeLogging) {
+              console.log(
+                '[DEBUG] Kitty sequence parsed successfully:',
+                kittySequenceBuffer,
+              );
+            }
             kittySequenceBuffer = '';
             broadcast(kittyKey);
             return;
           }
 
-          if (config?.getDebugMode()) {
+          if (config?.getDebugMode() || debugKeystrokeLogging) {
             const codes = Array.from(kittySequenceBuffer).map((ch) =>
               ch.charCodeAt(0),
             );
@@ -287,6 +309,12 @@ export function KeypressProvider({
           }
 
           if (kittySequenceBuffer.length > MAX_KITTY_SEQUENCE_LENGTH) {
+            if (debugKeystrokeLogging) {
+              console.log(
+                '[DEBUG] Kitty buffer overflow, clearing:',
+                kittySequenceBuffer,
+              );
+            }
             if (config) {
               const event = new KittySequenceOverflowEvent(
                 kittySequenceBuffer.length,
@@ -404,7 +432,14 @@ export function KeypressProvider({
         pasteBuffer = Buffer.alloc(0);
       }
     };
-  }, [stdin, setRawMode, kittyProtocolEnabled, config, subscribers]);
+  }, [
+    stdin,
+    setRawMode,
+    kittyProtocolEnabled,
+    config,
+    subscribers,
+    debugKeystrokeLogging,
+  ]);
 
   return (
     <KeypressContext.Provider value={{ subscribe, unsubscribe }}>