Initial commit for project Spoon!

2026-06-21 17:52:02 -05:00
commit cf7ff2ee4e
268 changed files with 32981 additions and 0 deletions
@@ -0,0 +1,121 @@
+'use client';
+
+import Link from 'next/link';
+import { MetricCard } from '@/components/dashboard/metric-card';
+import { SpoonCard } from '@/components/spoons/spoon-card';
+import { useQuery } from 'convex/react';
+import { Bot, GitBranch, GitPullRequest, RefreshCw } from 'lucide-react';
+
+import { api } from '@spoon/backend/convex/_generated/api.js';
+import { Button, Card, CardContent, CardHeader, CardTitle } from '@spoon/ui';
+
+const DashboardPage = () => {
+  const spoons = useQuery(api.spoons.listMine, {}) ?? [];
+  const syncRuns = useQuery(api.syncRuns.listRecent, { limit: 5 }) ?? [];
+  const agentRequests =
+    useQuery(api.agentRequests.listRecent, { limit: 5 }) ?? [];
+  const activeSpoons = spoons.filter(
+    (spoon) => spoon.status === 'active',
+  ).length;
+  const needsReview = syncRuns.filter(
+    (run) => run.status === 'needs_review',
+  ).length;
+
+  return (
+    <main className='space-y-6'>
+      <div className='flex flex-col justify-between gap-4 md:flex-row md:items-end'>
+        <div>
+          <h1 className='text-3xl font-semibold tracking-normal'>Dashboard</h1>
+          <p className='text-muted-foreground mt-2'>
+            Monitor managed forks, upstream activity, and queued agent work.
+          </p>
+        </div>
+        <Button asChild>
+          <Link href='/spoons/new'>Create Spoon</Link>
+        </Button>
+      </div>
+
+      <div className='grid gap-4 md:grid-cols-2 xl:grid-cols-4'>
+        <MetricCard
+          label='Total Spoons'
+          value={spoons.length}
+          note='Managed forks'
+          icon={GitBranch}
+        />
+        <MetricCard
+          label='Active Spoons'
+          value={activeSpoons}
+          note='Ready for checks'
+          icon={GitPullRequest}
+        />
+        <MetricCard
+          label='Needs review'
+          value={needsReview}
+          note='Upstream updates'
+          icon={RefreshCw}
+        />
+        <MetricCard
+          label='Agent requests'
+          value={agentRequests.length}
+          note='Queued and recent'
+          icon={Bot}
+        />
+      </div>
+
+      <div className='grid gap-6 xl:grid-cols-2'>
+        <section className='space-y-3'>
+          <h2 className='text-lg font-semibold'>Recent Spoons</h2>
+          {spoons.length ? (
+            spoons
+              .slice(0, 3)
+              .map((spoon) => <SpoonCard key={spoon._id} spoon={spoon} />)
+          ) : (
+            <Card className='shadow-none'>
+              <CardContent className='p-6'>
+                <p className='font-medium'>No Spoons yet</p>
+                <p className='text-muted-foreground mt-2 text-sm'>
+                  Create a manual Spoon record to start shaping your fork
+                  maintenance dashboard.
+                </p>
+              </CardContent>
+            </Card>
+          )}
+        </section>
+        <section className='space-y-3'>
+          <h2 className='text-lg font-semibold'>Recent activity</h2>
+          <Card className='shadow-none'>
+            <CardHeader>
+              <CardTitle className='text-base'>Upstream checks</CardTitle>
+            </CardHeader>
+            <CardContent>
+              {syncRuns.length ? (
+                <div className='space-y-3'>
+                  {syncRuns.map((run) => (
+                    <div
+                      key={run._id}
+                      className='border-border border p-3 text-sm'
+                    >
+                      <p className='font-medium'>
+                        {run.kind.replaceAll('_', ' ')}
+                      </p>
+                      <p className='text-muted-foreground'>
+                        {run.status.replaceAll('_', ' ')}
+                      </p>
+                    </div>
+                  ))}
+                </div>
+              ) : (
+                <p className='text-muted-foreground text-sm'>
+                  Scheduled upstream checks will appear here once provider
+                  automation is connected.
+                </p>
+              )}
+            </CardContent>
+          </Card>
+        </section>
+      </div>
+    </main>
+  );
+};
+
+export default DashboardPage;