From 975a965b10d6cfb6f9eaca1bfbb32a130b7082ec Mon Sep 17 00:00:00 2001
From: robbond <rob@rdbsolutions.co.uk>
Date: Wed, 5 Aug 2026 08:51:10 +0100
Subject: [PATCH] fix: JSX comment inside ternary breaks parsing

---
 components/reasoning-workspace.jsx | 64 +++++++++++++++---------------
 1 file changed, 31 insertions(+), 33 deletions(-)

diff --git a/components/reasoning-workspace.jsx b/components/reasoning-workspace.jsx
index 3171a49..97dc41b 100644
--- a/components/reasoning-workspace.jsx
+++ b/components/reasoning-workspace.jsx
@@ -679,39 +679,37 @@ export default function ReasoningWorkspace({
           {updateStatus === "success" && !isUpdating && <UpdateAcknowledgement updateResult={result} />}
 
           {/* ── Response area (replaced by loading / error during reasoning) ─ */}
-          {!isUpdating ? (
-            canAnswer && (
-              <form onSubmit={handleUpdateCaptureAndSubmit} className="space-y-4 rounded-lg border border-gray-200 bg-white p-5">
-                <div>
-                  <label htmlFor="rw-answer" className="mb-2 block text-sm font-medium text-gray-700">
-                    Your response
-                  </label>
-                  <textarea
-                    id="rw-answer"
-                    value={answer}
-                    onChange={(e) => setAnswer(e.target.value)}
-                    rows={4}
-                    disabled={updateStatus === "loading"}
-                    className="w-full rounded-lg border border-gray-300 px-4 py-3 text-sm focus:border-gray-500 focus:outline-none focus:ring-2 focus:ring-gray-400 disabled:cursor-not-allowed disabled:opacity-60"
-                    placeholder="Enter the answer to the selected question..."
-                  />
-                </div>
-                <div className="flex items-center justify-between">
-                  <p className="text-xs text-gray-400">
-                    One update turn only in this prototype.
-                  </p>
-                  <button
-                    type="submit"
-                    disabled={!answer.trim()}
-                    className="rounded-lg bg-blue-700 px-5 py-2 text-sm font-medium text-white transition hover:bg-blue-600 disabled:cursor-not-allowed disabled:opacity-40"
-                  >
-                    Update situation
-                  </button>
-                </div>
-              </form>
-            )
-          ) : (
-            /* ── Local update loading card (replaces response panel) ─ */}
+          {!isUpdating && canAnswer ? (
+            <form onSubmit={handleUpdateCaptureAndSubmit} className="space-y-4 rounded-lg border border-gray-200 bg-white p-5">
+              <div>
+                <label htmlFor="rw-answer" className="mb-2 block text-sm font-medium text-gray-700">
+                  Your response
+                </label>
+                <textarea
+                  id="rw-answer"
+                  value={answer}
+                  onChange={(e) => setAnswer(e.target.value)}
+                  rows={4}
+                  disabled={updateStatus === "loading"}
+                  className="w-full rounded-lg border border-gray-300 px-4 py-3 text-sm focus:border-gray-500 focus:outline-none focus:ring-2 focus:ring-gray-400 disabled:cursor-not-allowed disabled:opacity-60"
+                  placeholder="Enter the answer to the selected question..."
+                />
+              </div>
+              <div className="flex items-center justify-between">
+                <p className="text-xs text-gray-400">
+                  One update turn only in this prototype.
+                </p>
+                <button
+                  type="submit"
+                  disabled={!answer.trim()}
+                  className="rounded-lg bg-blue-700 px-5 py-2 text-sm font-medium text-white transition hover:bg-blue-600 disabled:cursor-not-allowed disabled:opacity-40"
+                >
+                  Update situation
+                </button>
+              </div>
+            </form>
+          ) : !isUpdating ? null : (
+            /* Local update loading card — replaces the response panel during reasoning */
             <LoadingOverlay
               elapsed={updateElapsed}
               currentMessage={updateMsg}