mark/vibn-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: always show chat on Vibn tab — swap empty 'done' state for thin PRD-ready notice bar

Browse Source 
Made-with: Cursor
This commit is contained in:
Mark Henderson
2026-03-17 17:10:06 -07:00
parent d9bea73032
commit 062e836ff9
1 changed files with 29 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
components/project-main/FreshIdeaMain.tsx
View File

@@ -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.