🤖 Fix code review textarea wrapping

The review note textarea was extending horizontally beyond the visible
viewport because it was inheriting the width of the scrollable content
area (which expands for long diff lines) rather than the visible
scrollport width.

Solution:
Use ResizeObserver to dynamically set InlineNoteContainer width to
match the clientWidth of the scrollable parent (DiffContainer). This
constrains the textarea to the visible viewport while allowing the diff
lines to scroll horizontally as before.

Changes:
- NoteTextarea: Added overflow-y: auto, white-space: pre-wrap,
  word-wrap: break-word, box-sizing: border-box
- ReviewNoteInput: Added ResizeObserver to track scrollParent width
- InlineNoteContainer: Width set dynamically via JavaScript

Result:
Text in the review note input wraps within the visible viewport
boundaries. Long diff lines can still scroll horizontally, but the
textarea respects the visible container width.

Author: ammar-agent

src/components/shared/DiffRenderer.tsx

@@ -333,10 +333,12 @@ const InlineNoteContainer = styled.div`
   background: #1e1e1e;
   border-top: 1px solid hsl(from var(--color-review-accent) h s l / 0.3);
   margin: 0;
+  /* Width set dynamically via ResizeObserver to match visible scrollport */
 `;
 
 const NoteTextarea = styled.textarea`
   width: 100%;
+  max-width: 100%;
   min-height: calc(12px * 1.4 * 3 + 12px); /* 3 lines + padding */
   padding: 6px 8px;
   font-family: var(--font-monospace);
@@ -347,7 +349,11 @@ const NoteTextarea = styled.textarea`
   border-radius: 2px;
   color: var(--color-text);
   resize: none; /* Disable manual resize since we auto-grow */
-  overflow-y: hidden; /* Hide scrollbar during auto-grow */
+  overflow-y: auto; /* Allow scrolling for tall content */
+  overflow-x: hidden; /* Prevent horizontal scroll */
+  white-space: pre-wrap; /* Wrap long lines to fit visible boundaries */
+  word-wrap: break-word; /* Break long words if needed */
+  box-sizing: border-box; /* Include padding in width calculation */
 
   &:focus {
     outline: none;
@@ -373,12 +379,45 @@ const ReviewNoteInput: React.FC<ReviewNoteInputProps> = React.memo(
   ({ selection, lineData, lines, filePath, onSubmit, onCancel }) => {
     const [noteText, setNoteText] = React.useState("");
     const textareaRef = React.useRef<HTMLTextAreaElement>(null);
+    const containerRef = React.useRef<HTMLDivElement>(null);
 
     // Auto-focus on mount
     React.useEffect(() => {
       textareaRef.current?.focus();
     }, []);
 
+    // Constrain container width to match visible scrollport (not scrollable content width)
+    React.useEffect(() => {
+      const container = containerRef.current;
+      if (!container) return;
+
+      // Find the scrollable parent (DiffContainer) by walking up the tree
+      let scrollParent = container.parentElement;
+      while (scrollParent) {
+        const style = window.getComputedStyle(scrollParent);
+        const overflowX = style.overflowX;
+        if (overflowX === "auto" || overflowX === "scroll") {
+          break;
+        }
+        scrollParent = scrollParent.parentElement;
+      }
+
+      if (!scrollParent) return;
+
+      const updateWidth = () => {
+        // Set container width to scrollport width (clientWidth excludes scrollbar)
+        container.style.width = `${scrollParent.clientWidth}px`;
+      };
+
+      const observer = new ResizeObserver(updateWidth);
+      observer.observe(scrollParent);
+      
+      // Set initial width
+      updateWidth();
+
+      return () => observer.disconnect();
+    }, []);
+
     // Auto-expand textarea as user types
     React.useEffect(() => {
       const textarea = textareaRef.current;
@@ -422,7 +461,7 @@ const ReviewNoteInput: React.FC<ReviewNoteInputProps> = React.memo(
     };
 
     return (
-      <InlineNoteContainer>
+      <InlineNoteContainer ref={containerRef}>
         <NoteTextarea
           ref={textareaRef}
           placeholder="Add a review note to chat (Shift-click + button to select range, Enter to submit, Shift+Enter for newline, Esc to cancel)&#10;j, k to iterate through hunks, m to toggle as read"