🤖 Add debug logging to ResizeObserver to diagnose stuck width

- Log element reference, initial size, and resize events
- Both ChatArea instances now have ref attached (lines 351, 410)
- Should help identify why chatAreaWidth stays at 1000

Author: ammar-agent

src/components/AIView.tsx

@@ -407,7 +407,7 @@ const AIViewInner: React.FC<AIViewProps> = ({
   return (
     <ChatProvider messages={messages} cmuxMessages={cmuxMessages} model={currentModel ?? "unknown"}>
       <ViewContainer className={className}>
-        <ChatArea>
+        <ChatArea ref={chatAreaRef}>
           <ViewHeader>
             <WorkspaceTitle>
               <StatusIndicator

src/components/ChatMetaSidebar.tsx

@@ -109,12 +109,7 @@ export const ChatMetaSidebar: React.FC<ChatMetaSidebarProps> = ({ workspaceId, c
   const showCollapsed = chatAreaWidth <= CHAT_AREA_COMFORTABLE_WIDTH;
 
   // Debug logging
-  console.log(
-    "[ChatMetaSidebar] chatAreaWidth:",
-    chatAreaWidth,
-    "showCollapsed:",
-    showCollapsed
-  );
+  console.log("[ChatMetaSidebar] chatAreaWidth:", chatAreaWidth, "showCollapsed:", showCollapsed);
 
   return (
     <SidebarContainer

src/hooks/useResizeObserver.ts

@@ -13,11 +13,16 @@ export function useResizeObserver(ref: RefObject<HTMLElement>): Size | null {
 
   useEffect(() => {
     const element = ref.current;
-    if (!element) return;
+    console.log("[useResizeObserver] element:", element);
+    if (!element) {
+      console.log("[useResizeObserver] No element, returning early");
+      return;
+    }
 
     const observer = new ResizeObserver((entries) => {
       for (const entry of entries) {
         const { width, height } = entry.contentRect;
+        console.log("[useResizeObserver] ResizeObserver fired:", width, height);
         setSize({ width, height });
       }
     });
@@ -26,6 +31,7 @@ export function useResizeObserver(ref: RefObject<HTMLElement>): Size | null {
 
     // Set initial size
     const { width, height } = element.getBoundingClientRect();
+    console.log("[useResizeObserver] Initial size:", width, height);
     setSize({ width, height });
 
     return () => {