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

VIBN Frontend for Coolify deployment

Browse Source
This commit is contained in:
Mark Henderson
2026-02-15 19:25:52 -08:00
commit 40bf8428cd
398 changed files with 76513 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

120
app/[workspace]/project/[projectId]/getting-started/summarize/page.tsx Normal file
View File

@@ -0,0 +1,120 @@
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
import { Button } from "@/components/ui/button";
import { CheckCircle2, ArrowRight, Target, Code2, Zap } from "lucide-react";
import Link from "next/link";
export default async function SummarizePage({
params,
}: {
params: Promise<{ workspace: string; projectId: string }>;
}) {
const { workspace, projectId } = await params;
return (
<div className="flex h-full flex-col overflow-auto">
<div className="flex-1 p-8 space-y-8 max-w-4xl">
{/* Header */}
<div>
<h1 className="text-4xl font-bold mb-2">Project Summary</h1>
<p className="text-muted-foreground text-lg">
Here&apos;s what we learned about your product
</p>
</div>
{/* Summary Cards */}
<div className="space-y-4">
{/* Product Vision */}
<Card>
<CardHeader>
<div className="flex items-center gap-3">
<div className="flex h-10 w-10 items-center justify-center rounded-lg bg-primary/10">
<Target className="h-5 w-5 text-primary" />
</div>
<div>
<CardTitle className="text-lg">Product Vision</CardTitle>
<CardDescription>What you&apos;re building</CardDescription>
</div>
</div>
</CardHeader>
<CardContent>
<p className="text-sm text-muted-foreground">
An AI-powered development monitoring platform that tracks coding sessions,
analyzes conversations, and maintains living documentation.
</p>
</CardContent>
</Card>
{/* Tech Stack */}
<Card>
<CardHeader>
<div className="flex items-center gap-3">
<div className="flex h-10 w-10 items-center justify-center rounded-lg bg-blue-500/10">
<Code2 className="h-5 w-5 text-blue-600" />
</div>
<div>
<CardTitle className="text-lg">Tech Stack</CardTitle>
<CardDescription>Technologies detected</CardDescription>
</div>
</div>
</CardHeader>
<CardContent>
<div className="flex flex-wrap gap-2">
<span className="px-3 py-1 rounded-full bg-primary/10 text-primary text-sm font-medium">Next.js</span>
<span className="px-3 py-1 rounded-full bg-primary/10 text-primary text-sm font-medium">TypeScript</span>
<span className="px-3 py-1 rounded-full bg-primary/10 text-primary text-sm font-medium">PostgreSQL</span>
<span className="px-3 py-1 rounded-full bg-primary/10 text-primary text-sm font-medium">Node.js</span>
<span className="px-3 py-1 rounded-full bg-primary/10 text-primary text-sm font-medium">Tailwind CSS</span>
</div>
</CardContent>
</Card>
{/* Key Features */}
<Card>
<CardHeader>
<div className="flex items-center gap-3">
<div className="flex h-10 w-10 items-center justify-center rounded-lg bg-green-500/10">
<Zap className="h-5 w-5 text-green-600" />
</div>
<div>
<CardTitle className="text-lg">Key Features</CardTitle>
<CardDescription>Main capabilities identified</CardDescription>
</div>
</div>
</CardHeader>
<CardContent>
<ul className="space-y-2 text-sm text-muted-foreground">
<li className="flex items-start gap-2">
<CheckCircle2 className="h-4 w-4 text-green-600 mt-0.5 shrink-0" />
<span>Session tracking and cost monitoring</span>
</li>
<li className="flex items-start gap-2">
<CheckCircle2 className="h-4 w-4 text-green-600 mt-0.5 shrink-0" />
<span>AI-powered code analysis with Gemini 2.0 Flash</span>
</li>
<li className="flex items-start gap-2">
<CheckCircle2 className="h-4 w-4 text-green-600 mt-0.5 shrink-0" />
<span>Automatic documentation generation</span>
</li>
<li className="flex items-start gap-2">
<CheckCircle2 className="h-4 w-4 text-green-600 mt-0.5 shrink-0" />
<span>Cursor IDE extension integration</span>
</li>
</ul>
</CardContent>
</Card>
</div>
{/* Continue Button */}
<div className="flex justify-end pt-4">
<Link href={`/${workspace}/${projectId}/getting-started/setup`}>
<Button size="lg">
Continue to Setup
<ArrowRight className="h-4 w-4 ml-2" />
</Button>
</Link>
</div>
</div>
</div>
);
}