🤖 fix: display queued messages inline with other messages

Moves the QueuedMessage component inside the scrollable message area
so it appears inline with other messages rather than as a separate
floating element.

Author: ethanndickson

src/browser/components/AIView.tsx

@@ -478,13 +478,13 @@ const AIViewInner: React.FC<AIViewProps> = ({
                   }
                 />
               )}
+              {workspaceState?.queuedMessage && (
+                <QueuedMessage
+                  message={workspaceState.queuedMessage}
+                  onEdit={() => void handleEditQueuedMessage()}
+                />
+              )}
             </div>
-            {workspaceState?.queuedMessage && (
-              <QueuedMessage
-                message={workspaceState.queuedMessage}
-                onEdit={() => void handleEditQueuedMessage()}
-              />
-            )}
           </div>
           {!autoScroll && (
             <button