experiment: improve investigation rhythm

components/reasoning-workspace.jsx

@@ -317,8 +317,8 @@ function CurrentUnderstandingCard({ currentSummary, plainLanguage }) {
   if (!summary) return null;
 
   return (
-    <div className="rounded-lg border border-gray-200/60 bg-white/80 px-6 pt-5 pb-6">
-      <h2 className="mb-4 text-base font-semibold tracking-tight text-gray-400">
+    <div className="rounded-lg border border-gray-100/80 bg-transparent px-6 pt-5 pb-6">
+      <h2 className="mb-3 text-[11px] font-medium tracking-widest uppercase text-gray-300">
         Understanding
       </h2>
       <p className="text-sm leading-relaxed text-gray-600">{summary}</p>
@@ -331,8 +331,8 @@ function PlainLanguageCard({ summary }) {
   if (!summary) return null;
 
   return (
-    <div className="rounded-lg border border-gray-200/60 bg-white/80 px-6 pt-5 pb-6">
-      <h2 className="mb-4 text-base font-semibold tracking-tight text-gray-400">
+    <div className="rounded-lg border border-gray-100/80 bg-transparent px-6 pt-5 pb-6">
+      <h2 className="mb-3 text-[11px] font-medium tracking-widest uppercase text-gray-300">
         Understanding
       </h2>
       <p className="text-sm leading-relaxed text-gray-600">{summary}</p>
@@ -711,12 +711,12 @@ export default function ReasoningWorkspace({
                 </>
               )}
 
-            </div>
-          )}
+              {/* History — the conversation that has just happened */}
+              {investigationHistory.length > 0 && (
+                <InvestigationHistory turns={investigationHistory} />
+              )}
 
-          {/* History — growing naturally from Response */}
-          {investigationHistory.length > 0 && (
-            <InvestigationHistory turns={investigationHistory} />
+            </div>
           )}
 
           {/* ═══════════════ WORKSPACE — supporting context ═══════════════ */}
@@ -724,7 +724,9 @@ export default function ReasoningWorkspace({
             <div className="grid grid-cols-1 gap-6 lg:grid-cols-3">
               <div className="space-y-6 lg:col-span-2">
                 <CurrentUnderstandingCard currentSummary={graph?.currentSummary || result?.updatedSituationGraph?.currentSummary} plainLanguage={propUnderstanding || null} />
-                <InvestigationSummaryPanel graph={graph} selectedQuestion={selectedQ} result={result} updateStatus={updateStatus} />
+                <div className="opacity-75">
+                  <InvestigationSummaryPanel graph={graph} selectedQuestion={selectedQ} result={result} updateStatus={updateStatus} />
+                </div>
               </div>
 
               <div className="space-y-6 lg:col-span-1">