From 062e836ff90702d271957c6d2f75d452003d707d Mon Sep 17 00:00:00 2001
From: Mark Henderson <mark@getacquired.com>
Date: Tue, 17 Mar 2026 17:10:06 -0700
Subject: [PATCH] =?UTF-8?q?fix:=20always=20show=20chat=20on=20Vibn=20tab?=
 =?UTF-8?q?=20=E2=80=94=20swap=20empty=20'done'=20state=20for=20thin=20PRD?=
 =?UTF-8?q?-ready=20notice=20bar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Made-with: Cursor
---
 components/project-main/FreshIdeaMain.tsx | 87 ++++++++---------------
 1 file changed, 29 insertions(+), 58 deletions(-)

diff --git a/components/project-main/FreshIdeaMain.tsx b/components/project-main/FreshIdeaMain.tsx
index a3ee2b9..8971008 100644
--- a/components/project-main/FreshIdeaMain.tsx
+++ b/components/project-main/FreshIdeaMain.tsx
@@ -83,61 +83,7 @@ export function FreshIdeaMain({ projectId, projectName }: FreshIdeaMainProps) {
     router.push(`/${workspace}/project/${projectId}/build`);
   };
 
-  // Once the PRD exists, show a clean "done" state in the main panel.
-  // The Atlas conversation history lives in the left CooChat sidebar.
-  if (hasPrd) {
-    return (
-      <div style={{
-        height: "100%", display: "flex", flexDirection: "column",
-        alignItems: "center", justifyContent: "center",
-        fontFamily: "Outfit, sans-serif", padding: "32px",
-      }}>
-        <div style={{
-          maxWidth: 420, textAlign: "center",
-          display: "flex", flexDirection: "column", alignItems: "center", gap: 20,
-        }}>
-          <div style={{
-            width: 48, height: 48, borderRadius: 14, background: "#1a1a1a",
-            display: "flex", alignItems: "center", justifyContent: "center",
-            fontSize: "1.2rem", color: "#fff",
-          }}>✦</div>
-          <div>
-            <div style={{ fontSize: "1.05rem", fontWeight: 700, color: "#1a1a1a", marginBottom: 6 }}>
-              Discovery complete
-            </div>
-            <div style={{ fontSize: "0.82rem", color: "#6b6560", lineHeight: 1.65 }}>
-              Your PRD is saved. The full discovery conversation is in the left panel — talk to your COO to plan what to build next.
-            </div>
-          </div>
-          <div style={{ display: "flex", gap: 10 }}>
-            <Link
-              href={`/${workspace}/project/${projectId}/prd`}
-              style={{
-                padding: "10px 20px", borderRadius: 8, border: "none",
-                background: "#1a1a1a", color: "#fff",
-                fontSize: "0.82rem", fontWeight: 600,
-                textDecoration: "none", display: "inline-block",
-              }}
-            >
-              View PRD →
-            </Link>
-            <Link
-              href={`/${workspace}/project/${projectId}/build`}
-              style={{
-                padding: "10px 20px", borderRadius: 8,
-                border: "1px solid #e8e4dc",
-                background: "#fff", color: "#1a1a1a",
-                fontSize: "0.82rem", fontWeight: 500,
-                textDecoration: "none", display: "inline-block",
-              }}
-            >
-              Go to Build
-            </Link>
-          </div>
-        </div>
-      </div>
-    );
-  }
+  // PRD exists — show a thin notice bar at the top, then keep the chat fully accessible
 
   const completedSections = PRD_SECTIONS.filter(({ phase }) =>
     phase === null ? allDone : savedPhaseIds.has(phase)
@@ -149,8 +95,33 @@ export function FreshIdeaMain({ projectId, projectName }: FreshIdeaMainProps) {
 
       {/* ── Left: Atlas chat ── */}
       <div style={{ flex: 1, display: "flex", flexDirection: "column", overflow: "hidden", minWidth: 0 }}>
-        {/* Decision banner — shown when all 6 phases are saved */}
-        {allDone && !dismissed && (
+
+        {/* PRD ready notice — replaces the decision banner once PRD is saved */}
+        {hasPrd && (
+          <div style={{
+            background: "#1a1a1a", padding: "10px 20px",
+            display: "flex", alignItems: "center", justifyContent: "space-between",
+            gap: 16, flexShrink: 0, borderBottom: "1px solid #333",
+          }}>
+            <div style={{ fontSize: "0.8rem", color: "#e8e4dc", fontFamily: "Outfit, sans-serif" }}>
+              ✦ PRD saved — you can keep refining here or view the full document.
+            </div>
+            <Link
+              href={`/${workspace}/project/${projectId}/prd`}
+              style={{
+                padding: "6px 14px", borderRadius: 7,
+                background: "#fff", color: "#1a1a1a",
+                fontSize: "0.76rem", fontWeight: 600,
+                textDecoration: "none", flexShrink: 0,
+              }}
+            >
+              View PRD →
+            </Link>
+          </div>
+        )}
+
+        {/* Decision banner — shown when all 6 phases are saved but PRD not yet generated */}
+        {allDone && !dismissed && !hasPrd && (
           <div style={{
             background: "linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%)",
             padding: "14px 20px",
@@ -160,7 +131,7 @@ export function FreshIdeaMain({ projectId, projectName }: FreshIdeaMainProps) {
           }}>
             <div>
               <div style={{ fontSize: "0.84rem", fontWeight: 700, color: "#fff", fontFamily: "Outfit, sans-serif", marginBottom: 2 }}>
-                ✦ Discovery complete — what's next?
+                ✦ Discovery complete — what&apos;s next?
               </div>
               <div style={{ fontSize: "0.72rem", color: "#a09a90", fontFamily: "Outfit, sans-serif" }}>
                 All 6 phases captured. Generate your PRD or jump into Build.