diff --git a/raven/tracing/viewer/ui/app.js b/raven/tracing/viewer/ui/app.js
index 89f747e..95b0ca2 100644
--- a/raven/tracing/viewer/ui/app.js
+++ b/raven/tracing/viewer/ui/app.js
@@ -1354,11 +1354,14 @@ function renderModelOutputCard(span, artifacts) {
   ]
     .filter(Boolean)
     .join(' · ');
+  // Reasoning precedes the answer chronologically (the model thinks, then
+  // responds), so render it above the body — collapsed, since it is long and
+  // diagnostic.
   return `
     <article class="content-card wide-card">
       <header><h4>Model Output</h4>${note ? `<span class="card-note">${escapeHtml(note)}</span>` : ''}</header>
-      ${body}
       ${reasoningBlock}
+      ${body}
     </article>`;
 }