fix: move Raw Prompt dropdown inside model action bubble

Previously sat between the model bubble and the next ENV bubble,
making it unclear which turn it belonged to. Now lives inside the
model's action bubble, above the Thinking section.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

frontend/src/arena/components/TranscriptPanel.tsx

@@ -199,6 +199,22 @@ function TurnBubble({ turn, turnIndex, allTurns, systemPrompt, hasMultiplePlayer
           </div>
 
           <div className={`border rounded-lg rounded-tr-none px-3 py-2 ${playerColor.bubble}`}>
+            {/* Raw Prompt — collapsible, shows full messages sent to API */}
+            <div className="mb-2">
+              <button
+                onClick={() => setRawPromptExpanded(!rawPromptExpanded)}
+                className="flex items-center gap-1 text-[10px] text-gray-500 hover:text-gray-400 transition-colors mb-1"
+              >
+                <span>{rawPromptExpanded ? "\u25BC" : "\u25B6"}</span>
+                <span>Raw Prompt ({turnIndex * 2 + 1 + (systemPrompt ? 1 : 0)} messages)</span>
+              </button>
+              {rawPromptExpanded && (
+                <pre className="text-[10px] leading-relaxed whitespace-pre-wrap font-mono bg-gray-950/80 border border-gray-800 rounded px-2 py-1.5 text-gray-400 max-h-80 overflow-y-auto">
+                  {JSON.stringify(buildRawPrompt(turnIndex, allTurns, systemPrompt), null, 2)}
+                </pre>
+              )}
+            </div>
+
             {/* Think section — collapsible */}
             {turn.think_text && (
               <div className="mb-2">
@@ -226,22 +242,6 @@ function TurnBubble({ turn, turnIndex, allTurns, systemPrompt, hasMultiplePlayer
           </div>
         </div>
       </div>
-
-      {/* Raw Prompt — collapsible, shows full messages sent to API */}
-      <div className="mt-1">
-        <button
-          onClick={() => setRawPromptExpanded(!rawPromptExpanded)}
-          className="flex items-center gap-1 text-[10px] text-gray-600 hover:text-gray-400 transition-colors"
-        >
-          <span>{rawPromptExpanded ? "\u25BC" : "\u25B6"}</span>
-          <span>Raw Prompt ({turnIndex * 2 + 1 + (systemPrompt ? 1 : 0)} messages)</span>
-        </button>
-        {rawPromptExpanded && (
-          <pre className="mt-1 text-[10px] leading-relaxed whitespace-pre-wrap font-mono bg-gray-950 border border-gray-800 rounded px-2 py-1.5 text-gray-400 max-h-80 overflow-y-auto">
-            {JSON.stringify(buildRawPrompt(turnIndex, allTurns, systemPrompt), null, 2)}
-          </pre>
-        )}
-      </div>
     </div>
   );
 }