bytelyst/learning_ai_notes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(notes): link dashboard metrics

Browse Source
This commit is contained in:
saravanakumardb1 2026-03-10 17:58:51 -07:00
parent 042cace2f3
commit 2a9f49048d
1 changed files with 27 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
web/src/app/(app)/dashboard/page.tsx
View File

@ -98,6 +98,27 @@ export default function DashboardPage() {
return "/reviews";
}
const summaryCards = [
{
id: "summary-workspaces",
label: "Active workspaces",
value: workspaces.length,
href: "/workspaces",
},
{
id: "summary-notes",
label: "Tracked notes",
value: notes.length,
href: "/search",
},
{
id: "summary-reviews",
label: "Pending review surfaces",
value: pendingReviewCount,
href: "/reviews",
},
] as const;
return (
<AppShell
title="Dashboard"
@ -105,18 +126,12 @@ export default function DashboardPage() {
actions={<div className="badge">Operational shell</div>}
>
<section style={{ display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(240px, 1fr))", gap: "var(--ml-space-4)" }}>
<div className="surface-card" style={{ padding: "var(--ml-space-5)" }}>
<div style={{ color: "var(--ml-text-secondary)" }}>Active workspaces</div>
<div style={{ fontSize: "var(--ml-fs-3xl)", fontWeight: 700, marginTop: "var(--ml-space-2)" }}>{workspaces.length}</div>
</div>
<div className="surface-card" style={{ padding: "var(--ml-space-5)" }}>
<div style={{ color: "var(--ml-text-secondary)" }}>Tracked notes</div>
<div style={{ fontSize: "var(--ml-fs-3xl)", fontWeight: 700, marginTop: "var(--ml-space-2)" }}>{notes.length}</div>
</div>
<div className="surface-card" style={{ padding: "var(--ml-space-5)" }}>
<div style={{ color: "var(--ml-text-secondary)" }}>Pending review surfaces</div>
<div style={{ fontSize: "var(--ml-fs-3xl)", fontWeight: 700, marginTop: "var(--ml-space-2)" }}>{pendingReviewCount}</div>
</div>
{summaryCards.map((card) => (
<Link key={card.id} href={card.href} className="surface-card" style={{ padding: "var(--ml-space-5)" }}>
<div style={{ color: "var(--ml-text-secondary)" }}>{card.label}</div>
<div style={{ fontSize: "var(--ml-fs-3xl)", fontWeight: 700, marginTop: "var(--ml-space-2)" }}>{card.value}</div>
</Link>
))}
</section>
<section style={{ display: "grid", gridTemplateColumns: "minmax(0, 1.1fr) minmax(320px, 0.9fr)", gap: "var(--ml-space-4)" }}>