feat: make the workspace tldr first

components/scenario-form.jsx

@@ -309,20 +309,20 @@ export default function ScenarioForm() {
 
   return (
     <div className="space-y-6">
-      <form onSubmit={handleSubmit} className="space-y-4">
-        <textarea
-          ref={textareaRef}
-          value={scenario}
-          onChange={(e) => setScenario(e.target.value)}
-          placeholder="Describe the scenario you want analysed..."
-          rows={10}
-          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"
-        />
-        <div className="flex items-center justify-between">
-          <span className="text-xs text-gray-400">
-            {scenario.length}/{MAX_LENGTH}
-          </span>
-          {status === "idle" && (
+      {status === "idle" && (
+        <form onSubmit={handleSubmit} className="space-y-4">
+          <textarea
+            ref={textareaRef}
+            value={scenario}
+            onChange={(e) => setScenario(e.target.value)}
+            placeholder="Describe the scenario you want analysed..."
+            rows={10}
+            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"
+          />
+          <div className="flex items-center justify-between">
+            <span className="text-xs text-gray-400">
+              {scenario.length}/{MAX_LENGTH}
+            </span>
             <button
               type="submit"
               disabled={!scenario.trim()}
@@ -330,9 +330,9 @@ export default function ScenarioForm() {
             >
               Analyse
             </button>
-          )}
-        </div>
-      </form>
+          </div>
+        </form>
+      )}
 
       {/* ── Initial analysis loading card ─────────────── */}
       {status === "loading" && (
@@ -347,6 +347,7 @@ export default function ScenarioForm() {
       {/* ── Main result workspace ─────────────────────── */}
       {(status === "success" || status === "error" || updateStatus === "success") && (
         <ReasoningWorkspace
+          scenario={scenario}
           status={status}
           updateStatus={updateStatus}
           result={{
@@ -364,6 +365,27 @@ export default function ScenarioForm() {
         />
       )}
 
+      {/* Reset button after successful analysis */}
+      {status === "success" && (
+        <div className="text-center">
+          <button
+            onClick={() => {
+              setScenario("");
+              setStatus("idle");
+              setResult(null);
+              setAnswer("");
+              setUpdateStatus("idle");
+              setUpdateResult(null);
+              setLastSubmittedAnswer("");
+              setUpdateError(null);
+            }}
+            className="rounded-lg border border-gray-300 px-4 py-2 text-sm font-medium text-gray-600 transition hover:bg-gray-50"
+          >
+            Start new investigation
+          </button>
+        </div>
+      )}
+
       {/* Empty state */}
       {status === "idle" && (
         <div className="rounded-lg border border-dashed border-gray-300 bg-gray-50 px-6 py-8 text-center">