feat: Clicking anywhere in chat pane should focus chat box (#630)

Author: charlesvien

apps/twig/src/renderer/features/sessions/components/SessionView.tsx

@@ -284,13 +284,34 @@ export function SessionView({
     editorRef.current?.focus();
   }, []);
 
+  // Click anywhere in chat pane to focus editor (except interactive elements)
+  const handlePaneClick = useCallback((e: React.MouseEvent) => {
+    const target = e.target as HTMLElement;
+
+    // Check if click was on or inside an interactive element
+    const interactiveSelector =
+      'button, a, input, textarea, select, [role="button"], [role="link"], [contenteditable="true"], [data-interactive]';
+    if (target.closest(interactiveSelector)) {
+      return;
+    }
+
+    // Don't focus if user is selecting text
+    const selection = window.getSelection();
+    if (selection && selection.toString().length > 0) {
+      return;
+    }
+
+    editorRef.current?.focus();
+  }, []);
+
   return (
     <ContextMenu.Root>
       <ContextMenu.Trigger>
         <Flex
           direction="column"
           height="100%"
           className="relative bg-gray-1"
+          onClick={handlePaneClick}
           onDragEnter={handleDragEnter}
           onDragLeave={handleDragLeave}
           onDragOver={handleDragOver}