fix: resolve nested ternary JSX syntax error

components/reasoning-workspace.jsx

@@ -675,7 +675,7 @@ export default function ReasoningWorkspace({
             {updateStatus === "success" && !isUpdating && <UpdateAcknowledgement updateResult={result} />}
 
             {/* Active workspace (Question + Response) — full-width column */}
-            {hasSelectedQuestion ? (
+            {hasSelectedQuestion && (
               <div className="space-y-6">
                 {isUpdating && (
                   <LoadingOverlay
@@ -717,9 +717,11 @@ export default function ReasoningWorkspace({
                   </form>
                 )}
               </div>
-            ) : status === "success" ? (
+            )}
+
+            {/* Terminal state — when no active question */}
+            {status === "success" && !hasSelectedQuestion && (
               <>
-                {/* Terminal state */}
                 {genuineCompletion && (
                   <CompletionCard summary={resolveCurrentSummary(propUnderstanding || graph?.currentSummary || result?.updatedSituationGraph?.currentSummary)} />
                 )}
@@ -727,8 +729,9 @@ export default function ReasoningWorkspace({
                   <EvidenceLimitCard summary={resolveCurrentSummary(propUnderstanding || graph?.currentSummary || result?.updatedSituationGraph?.currentSummary)} />
                 )}
               </>
-            ) : null}
+            )}
 
+          </div>
           {/* ═══════════════ ZONE 2 — Shared understanding ═══════════════ */}
           {hasSelectedQuestion && hasCurrentSummaryCondition && (
             <div className="grid grid-cols-1 gap-6 lg:grid-cols-3">