feat(confidence-engine): separate investigation report routes

2026-09-03 06:39:35 +01:00
parent 745026f0a0
commit 32e1b01767
8 changed files with 567 additions and 176 deletions
@@ -1,15 +1,87 @@
-import ScenarioForm from "@/components/scenario-form";
+"use client";
+
+import React from "react";
+import { loadInvestigation } from "@/lib/storage/investigation-storage";
+import Link from "next/link";
+
+const INVESTIGATION_ID = "case-1";
+
+function Portfolio() {
+  const [existing, setExisting] = React.useState(null);
+
+  React.useEffect(() => {
+    setExisting(loadInvestigation());
+  }, []);
+
+  const hasReport = Boolean(
+    existing?.investigationReport && existing.investigationReport.understanding
+  );

-export default function Home() {
  return (
-    <main className="mx-auto max-w-[1600px] px-6 py-12">
+    <main className="mx-auto max-w-[640px] px-6 py-16">
      <h1 className="mb-2 text-3xl font-bold tracking-tight">Confidence Engine</h1>
      <p className="mb-8 text-sm text-gray-500">
-        Experimental prototype: enter a scenario and send it to a local LLM for
-        evidence-based structured reconstruction. This is a technical vertical
-        slice — not a production system.
+        Investigator&apos;s notebook — index of persisted investigations.
      </p>
-      <ScenarioForm />
+
+      {/* Existing investigation */}
+      {existing && (
+        <section className="mb-10">
+          <h2 className="mb-4 text-[13px] font-bold tracking-[.18em] uppercase text-teal-700/80">
+            Investigations
+          </h2>
+
+          <div className="rounded-xl border-[2.5px] border-teal-300/70 bg-gradient-to-b from-teal-50/60 to-white px-8 py-6 shadow-sm">
+            <p className="text-sm text-gray-700">
+              {existing.scenario || "Untitled investigation"}
+            </p>
+
+            <div className="mt-4 flex gap-3 text-sm">
+              {hasReport ? (
+                <Link
+                  href={`/investigations/${INVESTIGATION_ID}/report`}
+                  className="rounded-lg border border-teal-600 bg-white px-4 py-2 font-medium text-teal-700 hover:bg-teal-50 transition"
+                >
+                  View report
+                </Link>
+              ) : null}
+
+              <Link
+                href={`/investigations/${INVESTIGATION_ID}`}
+                className="rounded-lg border border-teal-600 bg-white px-4 py-2 font-medium text-teal-700 hover:bg-teal-50 transition"
+              >
+                Open investigation
+              </Link>
+
+              <Link
+                href={`/investigations/${INVESTIGATION_ID}`}
+                className="rounded-lg border border-teal-600 bg-white px-4 py-2 font-medium text-teal-700 hover:bg-teal-50 transition"
+              >
+                Create new investigation
+              </Link>
+            </div>
+          </div>
+        </section>
+      )}
+
+      {/* No existing investigation */}
+      {!existing && (
+        <section className="mb-10">
+          <h2 className="mb-4 text-[13px] font-bold tracking-[.18em] uppercase text-teal-700/80">
+            Investigations
+          </h2>
+          <p className="text-sm text-gray-500 italic">No investigations yet.</p>
+        </section>
+      )}
+
+      <Link
+        href={`/investigations/${INVESTIGATION_ID}`}
+        className="rounded-lg border-[2.5px] border-dashed border-teal-400 px-6 py-3 text-sm font-medium text-teal-700 hover:bg-teal-50 transition"
+      >
+        + Create new investigation
+      </Link>
    </main>
  );
 }
+
+export default Portfolio;