From d3bc512690cb9e1ed971645802beb338a7de0478 Mon Sep 17 00:00:00 2001
From: Yentec <ypoulard.theuil+github@gmail.com>
Date: Mon, 18 May 2026 20:50:28 +0200
Subject: [PATCH 1/9] feat(votes,comments): add zod validators + remove node
 engine version in package

---
 lib/validators/comments.ts | 12 ++++++++++++
 lib/validators/votes.ts    |  7 +++++++
 package.json               |  5 +----
 3 files changed, 20 insertions(+), 4 deletions(-)
 create mode 100644 lib/validators/comments.ts
 create mode 100644 lib/validators/votes.ts

diff --git a/lib/validators/comments.ts b/lib/validators/comments.ts
new file mode 100644
index 0000000..07eb7aa
--- /dev/null
+++ b/lib/validators/comments.ts
@@ -0,0 +1,12 @@
+import { z } from "zod";
+
+export const createCommentSchema = z.object({
+  postId: z.cuid2(),
+  content: z.string().trim().min(1, "Comment cannot be empty").max(1000),
+});
+
+export const deleteCommentSchema = z.object({
+  commentId: z.cuid2(),
+});
+
+export type CreateCommentInput = z.infer<typeof createCommentSchema>;
diff --git a/lib/validators/votes.ts b/lib/validators/votes.ts
new file mode 100644
index 0000000..7d9f765
--- /dev/null
+++ b/lib/validators/votes.ts
@@ -0,0 +1,7 @@
+import { z } from "zod";
+
+export const toggleVoteSchema = z.object({
+  postId: z.cuid2(),
+});
+
+export type ToggleVoteInput = z.infer<typeof toggleVoteSchema>;
diff --git a/package.json b/package.json
index 88ee056..3c8434b 100644
--- a/package.json
+++ b/package.json
@@ -1,10 +1,7 @@
 {
   "name": "feedbackflow",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "private": true,
-  "engines": {
-    "node": ">=20.9.0"
-  },
   "scripts": {
     "dev": "next dev",
     "build": "next build",

From 5c634298299dd13dd4d3ba9ada06e2fde7240700 Mon Sep 17 00:00:00 2001
From: Yentec <ypoulard.theuil+github@gmail.com>
Date: Mon, 18 May 2026 20:51:46 +0200
Subject: [PATCH 2/9] feat(votes): add toggleVote server action

---
 package.json            |  2 +-
 server/actions/votes.ts | 44 +++++++++++++++++++++++++++++++++++++++++
 2 files changed, 45 insertions(+), 1 deletion(-)
 create mode 100644 server/actions/votes.ts

diff --git a/package.json b/package.json
index 3c8434b..481712c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "feedbackflow",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "private": true,
   "scripts": {
     "dev": "next dev",
diff --git a/server/actions/votes.ts b/server/actions/votes.ts
new file mode 100644
index 0000000..ad2b2d7
--- /dev/null
+++ b/server/actions/votes.ts
@@ -0,0 +1,44 @@
+"use server";
+
+import { revalidatePath } from "next/cache";
+import { auth } from "@/auth";
+import { db } from "@/lib/db";
+import { toggleVoteSchema, type ToggleVoteInput } from "@/lib/validators/votes";
+
+type ActionResult<T = void> = { ok: true; data: T } | { ok: false; error: string };
+
+export async function toggleVote(
+  input: ToggleVoteInput,
+): Promise<ActionResult<{ hasVoted: boolean; voteCount: number }>> {
+  const parsed = toggleVoteSchema.safeParse(input);
+  if (!parsed.success) return { ok: false, error: "Invalid input" };
+
+  const session = await auth();
+  if (!session?.user?.id) return { ok: false, error: "Unauthorized" };
+
+  const post = await db.post.findUnique({
+    where: { id: parsed.data.postId },
+    select: { id: true, board: { select: { slug: true, isPublic: true } } },
+  });
+  if (!post || !post.board.isPublic) return { ok: false, error: "Post not found" };
+
+  const existing = await db.vote.findUnique({
+    where: { postId_userId: { postId: post.id, userId: session.user.id } },
+    select: { id: true },
+  });
+
+  if (existing) {
+    await db.vote.delete({ where: { id: existing.id } });
+  } else {
+    await db.vote.create({
+      data: { postId: post.id, userId: session.user.id },
+    });
+  }
+
+  const voteCount = await db.vote.count({ where: { postId: post.id } });
+
+  revalidatePath(`/b/${post.board.slug}`);
+  revalidatePath(`/b/${post.board.slug}/posts/${post.id}`);
+
+  return { ok: true, data: { hasVoted: !existing, voteCount } };
+}

From 6ad75410850980ad80c9067fc1b8ab6cbfdd4c01 Mon Sep 17 00:00:00 2001
From: Yentec <ypoulard.theuil+github@gmail.com>
Date: Mon, 18 May 2026 20:56:00 +0200
Subject: [PATCH 3/9] feat(votes): wire optimistic vote button into post cards

---
 app/b/[slug]/page.tsx            |  2 +-
 components/posts/post-card.tsx   | 27 +++++-------
 components/posts/vote-button.tsx | 72 ++++++++++++++++++++++++++++++++
 package.json                     |  2 +-
 4 files changed, 85 insertions(+), 18 deletions(-)
 create mode 100644 components/posts/vote-button.tsx

diff --git a/app/b/[slug]/page.tsx b/app/b/[slug]/page.tsx
index c8bdf13..b1a49fb 100644
--- a/app/b/[slug]/page.tsx
+++ b/app/b/[slug]/page.tsx
@@ -64,7 +64,7 @@ export default async function PublicBoardPage({ params, searchParams }: Props) {
       ) : (
         <div className="space-y-3">
           {posts.map((post: PublicPost) => (
-            <PostCard key={post.id} post={post} slug={slug} />
+            <PostCard key={post.id} post={post} slug={slug} authenticated={!!session?.user} />
           ))}
         </div>
       )}
diff --git a/components/posts/post-card.tsx b/components/posts/post-card.tsx
index 8548f85..1f74239 100644
--- a/components/posts/post-card.tsx
+++ b/components/posts/post-card.tsx
@@ -1,27 +1,22 @@
 import Link from "next/link";
-import { MessageSquare, ChevronUp } from "lucide-react";
+import { MessageSquare } from "lucide-react";
 import { StatusBadge } from "./status-badge";
+import { VoteButton } from "./vote-button";
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
-import { cn } from "@/lib/utils";
 import type { PublicPost } from "@/server/queries/posts";
 
-type Props = { post: PublicPost; slug: string };
+type Props = { post: PublicPost; slug: string; authenticated: boolean };
 
-export function PostCard({ post, slug }: Props) {
+export function PostCard({ post, slug, authenticated }: Props) {
   return (
     <article className="bg-card hover:border-foreground/20 flex gap-4 rounded-lg border p-4 transition">
-      <div
-        className={cn(
-          "flex flex-col items-center gap-0.5 rounded-md border px-3 py-2 text-sm",
-          post.hasVoted
-            ? "border-primary bg-primary/10 text-primary"
-            : "border-border text-muted-foreground",
-        )}
-        aria-hidden
-      >
-        <ChevronUp className="h-4 w-4" />
-        <span className="font-medium tabular-nums">{post.voteCount}</span>
-      </div>
+      <VoteButton
+        postId={post.id}
+        voteCount={post.voteCount}
+        hasVoted={post.hasVoted}
+        authenticated={authenticated}
+        boardSlug={slug}
+      />
 
       <div className="min-w-0 flex-1">
         <div className="flex items-start justify-between gap-3">
diff --git a/components/posts/vote-button.tsx b/components/posts/vote-button.tsx
new file mode 100644
index 0000000..d966921
--- /dev/null
+++ b/components/posts/vote-button.tsx
@@ -0,0 +1,72 @@
+"use client";
+
+import { useOptimistic, useTransition } from "react";
+import { useRouter } from "next/navigation";
+import { toast } from "sonner";
+import { ChevronUp } from "lucide-react";
+import { cn } from "@/lib/utils";
+import { toggleVote } from "@/server/actions/votes";
+
+type Props = {
+  postId: string;
+  voteCount: number;
+  hasVoted: boolean;
+  authenticated: boolean;
+  boardSlug: string;
+  size?: "sm" | "md";
+};
+
+export function VoteButton({
+  postId,
+  voteCount,
+  hasVoted,
+  authenticated,
+  boardSlug,
+  size = "sm",
+}: Props) {
+  const router = useRouter();
+  const [isPending, startTransition] = useTransition();
+
+  const [optimistic, setOptimistic] = useOptimistic(
+    { voteCount, hasVoted },
+    (state, nextHasVoted: boolean) => ({
+      voteCount: state.voteCount + (nextHasVoted ? 1 : -1),
+      hasVoted: nextHasVoted,
+    }),
+  );
+
+  function handleClick() {
+    if (!authenticated) {
+      router.push(`/login?callbackUrl=/b/${boardSlug}`);
+      return;
+    }
+    startTransition(async () => {
+      setOptimistic(!optimistic.hasVoted);
+      const result = await toggleVote({ postId });
+      if (!result.ok) {
+        toast.error(result.error);
+      }
+    });
+  }
+
+  return (
+    <button
+      type="button"
+      onClick={handleClick}
+      disabled={isPending}
+      aria-pressed={optimistic.hasVoted}
+      aria-label={optimistic.hasVoted ? "Remove vote" : "Vote"}
+      className={cn(
+        "flex flex-col items-center gap-0.5 rounded-md border transition",
+        size === "sm" ? "px-3 py-2 text-sm" : "px-4 py-3 text-base",
+        optimistic.hasVoted
+          ? "border-primary bg-primary/10 text-primary"
+          : "border-border text-muted-foreground hover:border-foreground/30 hover:text-foreground",
+        isPending && "opacity-60",
+      )}
+    >
+      <ChevronUp className={size === "sm" ? "h-4 w-4" : "h-5 w-5"} />
+      <span className="font-medium tabular-nums">{optimistic.voteCount}</span>
+    </button>
+  );
+}
diff --git a/package.json b/package.json
index 481712c..5076394 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "feedbackflow",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "private": true,
   "scripts": {
     "dev": "next dev",

From 6226f0679deffeeea578e3409a70822b04a92e7b Mon Sep 17 00:00:00 2001
From: Yentec <ypoulard.theuil+github@gmail.com>
Date: Mon, 18 May 2026 20:57:49 +0200
Subject: [PATCH 4/9] feat(comments): add comment server actions with
 authorization

---
 package.json               |  2 +-
 server/actions/comments.ts | 77 ++++++++++++++++++++++++++++++++++++++
 2 files changed, 78 insertions(+), 1 deletion(-)
 create mode 100644 server/actions/comments.ts

diff --git a/package.json b/package.json
index 5076394..3c03db5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "feedbackflow",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "private": true,
   "scripts": {
     "dev": "next dev",
diff --git a/server/actions/comments.ts b/server/actions/comments.ts
new file mode 100644
index 0000000..2f6cfd9
--- /dev/null
+++ b/server/actions/comments.ts
@@ -0,0 +1,77 @@
+"use server";
+
+import { revalidatePath } from "next/cache";
+import { auth } from "@/auth";
+import { db } from "@/lib/db";
+import {
+  createCommentSchema,
+  deleteCommentSchema,
+  type CreateCommentInput,
+} from "@/lib/validators/comments";
+import type { z } from "zod";
+
+type ActionResult<T = void> =
+  | { ok: true; data: T }
+  | { ok: false; error: string; issues?: Record<string, string[]> };
+
+export async function createComment(
+  input: CreateCommentInput,
+): Promise<ActionResult<{ commentId: string }>> {
+  const parsed = createCommentSchema.safeParse(input);
+  if (!parsed.success) {
+    return {
+      ok: false,
+      error: "Invalid input",
+      issues: parsed.error.flatten().fieldErrors,
+    };
+  }
+
+  const session = await auth();
+  if (!session?.user?.id) return { ok: false, error: "Unauthorized" };
+
+  const post = await db.post.findUnique({
+    where: { id: parsed.data.postId },
+    select: { id: true, board: { select: { slug: true, isPublic: true } } },
+  });
+  if (!post || !post.board.isPublic) return { ok: false, error: "Post not found" };
+
+  const comment = await db.comment.create({
+    data: {
+      content: parsed.data.content,
+      postId: post.id,
+      authorId: session.user.id,
+    },
+    select: { id: true },
+  });
+
+  revalidatePath(`/b/${post.board.slug}/posts/${post.id}`);
+  return { ok: true, data: { commentId: comment.id } };
+}
+
+export async function deleteComment(
+  input: z.infer<typeof deleteCommentSchema>,
+): Promise<ActionResult> {
+  const parsed = deleteCommentSchema.safeParse(input);
+  if (!parsed.success) return { ok: false, error: "Invalid input" };
+
+  const session = await auth();
+  if (!session?.user?.id) return { ok: false, error: "Unauthorized" };
+
+  const comment = await db.comment.findUnique({
+    where: { id: parsed.data.commentId },
+    select: {
+      authorId: true,
+      post: { select: { id: true, board: { select: { slug: true, ownerId: true } } } },
+    },
+  });
+  if (!comment) return { ok: false, error: "Comment not found" };
+
+  const isAuthor = comment.authorId === session.user.id;
+  const isBoardOwner = comment.post.board.ownerId === session.user.id;
+  if (!isAuthor && !isBoardOwner) return { ok: false, error: "Forbidden" };
+
+  await db.comment.delete({ where: { id: parsed.data.commentId } });
+
+  revalidatePath(`/b/${comment.post.board.slug}/posts/${comment.post.id}`);
+  return { ok: true, data: undefined };
+}

From 054253c55b40999610f5a7dd6ddca835c14ef79d Mon Sep 17 00:00:00 2001
From: Yentec <ypoulard.theuil+github@gmail.com>
Date: Mon, 18 May 2026 21:01:01 +0200
Subject: [PATCH 5/9] feat(posts): add post detail page with comments

---
 app/b/[slug]/posts/[id]/page.tsx  | 101 ++++++++++++++++++++++++++++++
 components/posts/comment-form.tsx |  69 ++++++++++++++++++++
 components/posts/comment-item.tsx |  65 +++++++++++++++++++
 package.json                      |   2 +-
 server/queries/comments.ts        |  17 +++++
 5 files changed, 253 insertions(+), 1 deletion(-)
 create mode 100644 app/b/[slug]/posts/[id]/page.tsx
 create mode 100644 components/posts/comment-form.tsx
 create mode 100644 components/posts/comment-item.tsx
 create mode 100644 server/queries/comments.ts

diff --git a/app/b/[slug]/posts/[id]/page.tsx b/app/b/[slug]/posts/[id]/page.tsx
new file mode 100644
index 0000000..3fc95bc
--- /dev/null
+++ b/app/b/[slug]/posts/[id]/page.tsx
@@ -0,0 +1,101 @@
+import { notFound } from "next/navigation";
+import Link from "next/link";
+import { ArrowLeft } from "lucide-react";
+import { auth } from "@/auth";
+import { getPostById } from "@/server/queries/posts";
+import { listPostComments, type PublicComment } from "@/server/queries/comments";
+import { StatusBadge } from "@/components/posts/status-badge";
+import { VoteButton } from "@/components/posts/vote-button";
+import { CommentForm } from "@/components/posts/comment-form";
+import { CommentItem } from "@/components/posts/comment-item";
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+
+type Props = { params: Promise<{ slug: string; id: string }> };
+
+export async function generateMetadata({ params }: Props) {
+  const { id } = await params;
+  const post = await getPostById(id);
+  if (!post) return { title: "Not found" };
+  return { title: post.title, description: post.content.slice(0, 160) };
+}
+
+export default async function PostDetailPage({ params }: Props) {
+  const { slug, id } = await params;
+  const post = await getPostById(id);
+  if (!post || post.board.slug !== slug || !post.board.isPublic) notFound();
+
+  const session = await auth();
+  const comments = await listPostComments(id);
+  const isBoardOwner = session?.user?.id === post.board.ownerId;
+
+  return (
+    <main className="mx-auto max-w-3xl px-6 py-12">
+      <Link
+        href={`/b/${slug}`}
+        className="text-muted-foreground hover:text-foreground mb-6 inline-flex items-center gap-1 text-sm"
+      >
+        <ArrowLeft className="h-4 w-4" /> Back to {post.board.name}
+      </Link>
+
+      <article className="flex gap-4">
+        <VoteButton
+          postId={post.id}
+          voteCount={post.voteCount}
+          hasVoted={post.hasVoted}
+          authenticated={!!session?.user}
+          boardSlug={slug}
+          size="md"
+        />
+
+        <div className="min-w-0 flex-1">
+          <div className="flex items-start justify-between gap-3">
+            <h1 className="text-2xl font-bold">{post.title}</h1>
+            <StatusBadge status={post.status} />
+          </div>
+
+          <div className="text-muted-foreground mt-3 flex items-center gap-2 text-xs">
+            {post.author && (
+              <>
+                <Avatar className="h-5 w-5">
+                  <AvatarImage src={post.author.image ?? undefined} />
+                  <AvatarFallback className="text-[10px]">
+                    {(post.author.name ?? "?").slice(0, 1).toUpperCase()}
+                  </AvatarFallback>
+                </Avatar>
+                <span>{post.author.name ?? "Anonymous"}</span>
+                <span>·</span>
+              </>
+            )}
+            <time dateTime={post.createdAt.toISOString()}>
+              {post.createdAt.toLocaleDateString()}
+            </time>
+          </div>
+
+          <p className="mt-4 text-base whitespace-pre-wrap">{post.content}</p>
+        </div>
+      </article>
+
+      <section className="mt-10">
+        <h2 className="text-muted-foreground mb-4 text-sm font-semibold tracking-wide uppercase">
+          Comments ({comments.length})
+        </h2>
+
+        <CommentForm postId={post.id} authenticated={!!session?.user} boardSlug={slug} />
+
+        <div className="mt-6 divide-y">
+          {comments.length === 0 ? (
+            <p className="text-muted-foreground py-8 text-center text-sm">No comments yet.</p>
+          ) : (
+            comments.map((c: PublicComment) => (
+              <CommentItem
+                key={c.id}
+                comment={c}
+                canDelete={session?.user?.id === c.authorId || isBoardOwner}
+              />
+            ))
+          )}
+        </div>
+      </section>
+    </main>
+  );
+}
diff --git a/components/posts/comment-form.tsx b/components/posts/comment-form.tsx
new file mode 100644
index 0000000..a225600
--- /dev/null
+++ b/components/posts/comment-form.tsx
@@ -0,0 +1,69 @@
+"use client";
+
+import { useRef, useState, useTransition } from "react";
+import { useRouter } from "next/navigation";
+import { toast } from "sonner";
+import { Button } from "@/components/ui/button";
+import { Textarea } from "@/components/ui/textarea";
+import { createComment } from "@/server/actions/comments";
+
+type Props = { postId: string; authenticated: boolean; boardSlug: string };
+
+export function CommentForm({ postId, authenticated, boardSlug }: Props) {
+  const router = useRouter();
+  const [content, setContent] = useState("");
+  const [isPending, startTransition] = useTransition();
+  const textareaRef = useRef<HTMLTextAreaElement>(null);
+
+  if (!authenticated) {
+    return (
+      <div className="text-muted-foreground rounded-md border border-dashed p-4 text-sm">
+        <button
+          type="button"
+          onClick={() => router.push(`/login?callbackUrl=/b/${boardSlug}`)}
+          className="text-foreground font-medium underline-offset-4 hover:underline"
+        >
+          Sign in
+        </button>{" "}
+        to leave a comment.
+      </div>
+    );
+  }
+
+  function handleSubmit() {
+    if (!content.trim()) return;
+    startTransition(async () => {
+      const result = await createComment({ postId, content });
+      if (!result.ok) {
+        toast.error(result.error);
+        return;
+      }
+      setContent("");
+      textareaRef.current?.focus();
+    });
+  }
+
+  return (
+    <div className="space-y-2">
+      <Textarea
+        ref={textareaRef}
+        value={content}
+        onChange={(e) => setContent(e.target.value)}
+        placeholder="Add a comment…"
+        rows={3}
+        maxLength={1000}
+        disabled={isPending}
+      />
+      <div className="flex justify-end">
+        <Button
+          type="button"
+          onClick={handleSubmit}
+          disabled={isPending || content.trim().length === 0}
+          size="sm"
+        >
+          {isPending ? "Posting…" : "Comment"}
+        </Button>
+      </div>
+    </div>
+  );
+}
diff --git a/components/posts/comment-item.tsx b/components/posts/comment-item.tsx
new file mode 100644
index 0000000..0113867
--- /dev/null
+++ b/components/posts/comment-item.tsx
@@ -0,0 +1,65 @@
+"use client";
+
+import { useTransition } from "react";
+import { toast } from "sonner";
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import { Button } from "@/components/ui/button";
+import { Trash2 } from "lucide-react";
+import { deleteComment } from "@/server/actions/comments";
+
+type Props = {
+  comment: {
+    id: string;
+    content: string;
+    createdAt: Date;
+    authorId: string;
+    author: { name: string | null; image: string | null } | null;
+  };
+  canDelete: boolean;
+};
+
+export function CommentItem({ comment, canDelete }: Props) {
+  const [isPending, startTransition] = useTransition();
+
+  function handleDelete() {
+    if (!confirm("Delete this comment?")) return;
+    startTransition(async () => {
+      const result = await deleteComment({ commentId: comment.id });
+      if (!result.ok) toast.error(result.error);
+    });
+  }
+
+  return (
+    <div className="flex gap-3 py-3">
+      <Avatar className="h-7 w-7">
+        <AvatarImage src={comment.author?.image ?? undefined} />
+        <AvatarFallback className="text-xs">
+          {(comment.author?.name ?? "?").slice(0, 1).toUpperCase()}
+        </AvatarFallback>
+      </Avatar>
+      <div className="min-w-0 flex-1">
+        <div className="text-muted-foreground flex items-center gap-2 text-xs">
+          <span className="text-foreground font-medium">{comment.author?.name ?? "Anonymous"}</span>
+          <span>·</span>
+          <time dateTime={comment.createdAt.toISOString()}>
+            {comment.createdAt.toLocaleDateString()}
+          </time>
+          {canDelete && (
+            <Button
+              type="button"
+              variant="ghost"
+              size="sm"
+              onClick={handleDelete}
+              disabled={isPending}
+              className="ml-auto h-6 px-2"
+              aria-label="Delete comment"
+            >
+              <Trash2 className="h-3 w-3" />
+            </Button>
+          )}
+        </div>
+        <p className="mt-1 text-sm whitespace-pre-wrap">{comment.content}</p>
+      </div>
+    </div>
+  );
+}
diff --git a/package.json b/package.json
index 3c03db5..d74cc36 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "feedbackflow",
-  "version": "0.5.4",
+  "version": "0.5.5",
   "private": true,
   "scripts": {
     "dev": "next dev",
diff --git a/server/queries/comments.ts b/server/queries/comments.ts
new file mode 100644
index 0000000..d24f9d3
--- /dev/null
+++ b/server/queries/comments.ts
@@ -0,0 +1,17 @@
+import { db } from "@/lib/db";
+
+export type PublicComment = Awaited<ReturnType<typeof listPostComments>>[number];
+
+export async function listPostComments(postId: string) {
+  return db.comment.findMany({
+    where: { postId },
+    orderBy: { createdAt: "asc" },
+    select: {
+      id: true,
+      content: true,
+      createdAt: true,
+      authorId: true,
+      author: { select: { name: true, image: true } },
+    },
+  });
+}

From 0611170514dabee9eb9fb6058df4e8e8379309d8 Mon Sep 17 00:00:00 2001
From: Yentec <ypoulard.theuil+github@gmail.com>
Date: Mon, 18 May 2026 21:05:43 +0200
Subject: [PATCH 6/9] feat(dashboard): add overview with stats and top posts

---
 app/(dashboard)/dashboard/page.tsx | 119 ++++++++++++++++++++++++++++-
 package.json                       |   2 +-
 server/queries/stats.ts            |  45 +++++++++++
 3 files changed, 161 insertions(+), 5 deletions(-)
 create mode 100644 server/queries/stats.ts

diff --git a/app/(dashboard)/dashboard/page.tsx b/app/(dashboard)/dashboard/page.tsx
index 8550461..845685c 100644
--- a/app/(dashboard)/dashboard/page.tsx
+++ b/app/(dashboard)/dashboard/page.tsx
@@ -1,13 +1,124 @@
+import Link from "next/link";
+import { redirect } from "next/navigation";
 import { auth } from "@/auth";
+import { getBoardByOwner } from "@/server/queries/boards";
+import { getBoardStats, type TopPost } from "@/server/queries/stats";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { StatusBadge } from "@/components/posts/status-badge";
+import { STATUS_LABELS } from "@/lib/constants";
+import { ExternalLink, MessageSquare, ThumbsUp, FileText } from "lucide-react";
+import type { PostStatusValue } from "@/lib/validators/posts";
 
 export default async function DashboardPage() {
   const session = await auth();
+  if (!session?.user?.id) redirect("/login");
+
+  const board = await getBoardByOwner(session.user.id);
+  if (!board) redirect("/login");
+
+  const stats = await getBoardStats(board.id);
+
   return (
     <div>
-      <h1 className="text-2xl font-semibold">Overview</h1>
-      <p className="text-muted-foreground mt-2 text-sm">
-        Welcome back, {session?.user?.name ?? session?.user?.email}.
-      </p>
+      <header className="mb-8 flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-semibold">Overview</h1>
+          <p className="text-muted-foreground text-sm">Activity on your board over all time.</p>
+        </div>
+        <Link
+          href={`/b/${board.slug}`}
+          target="_blank"
+          className="hover:bg-muted inline-flex items-center gap-1.5 rounded-md border px-3 py-1.5 text-sm"
+        >
+          View public board <ExternalLink className="h-3.5 w-3.5" />
+        </Link>
+      </header>
+
+      <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
+        <StatCard label="Total posts" value={stats.total} icon={<FileText className="h-4 w-4" />} />
+        <StatCard
+          label="Total votes"
+          value={stats.totalVotes}
+          icon={<ThumbsUp className="h-4 w-4" />}
+        />
+        <StatCard
+          label="Total comments"
+          value={stats.totalComments}
+          icon={<MessageSquare className="h-4 w-4" />}
+        />
+      </div>
+
+      <div className="mt-8 grid gap-6 lg:grid-cols-2">
+        <Card>
+          <CardHeader>
+            <CardTitle className="text-base">Posts by status</CardTitle>
+          </CardHeader>
+          <CardContent className="space-y-3">
+            {(Object.keys(stats.byStatus) as PostStatusValue[]).map((s) => {
+              const count = stats.byStatus[s];
+              const pct = stats.total === 0 ? 0 : (count / stats.total) * 100;
+              return (
+                <div key={s} className="space-y-1">
+                  <div className="flex items-center justify-between text-sm">
+                    <span className="text-muted-foreground">{STATUS_LABELS[s]}</span>
+                    <span className="tabular-nums">{count}</span>
+                  </div>
+                  <div className="bg-muted h-1.5 overflow-hidden rounded-full">
+                    <div
+                      className="bg-primary h-full transition-all"
+                      style={{ width: `${pct}%` }}
+                    />
+                  </div>
+                </div>
+              );
+            })}
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader>
+            <CardTitle className="text-base">Top voted posts</CardTitle>
+          </CardHeader>
+          <CardContent>
+            {stats.topPosts.length === 0 ? (
+              <p className="text-muted-foreground text-sm">No posts yet.</p>
+            ) : (
+              <ul className="space-y-3">
+                {stats.topPosts.map((p: TopPost) => (
+                  <li key={p.id} className="flex items-center justify-between gap-3">
+                    <Link
+                      href={`/b/${board.slug}/posts/${p.id}`}
+                      className="min-w-0 flex-1 truncate text-sm hover:underline"
+                    >
+                      {p.title}
+                    </Link>
+                    <div className="flex items-center gap-2">
+                      <StatusBadge status={p.status} />
+                      <span className="w-8 text-right text-sm font-medium tabular-nums">
+                        {p._count.votes}
+                      </span>
+                    </div>
+                  </li>
+                ))}
+              </ul>
+            )}
+          </CardContent>
+        </Card>
+      </div>
     </div>
   );
 }
+
+function StatCard({ label, value, icon }: { label: string; value: number; icon: React.ReactNode }) {
+  return (
+    <Card>
+      <CardContent className="pt-6">
+        <div className="text-muted-foreground flex items-center justify-between text-sm">
+          <span>{label}</span>
+          {icon}
+        </div>
+        <p className="mt-2 text-3xl font-semibold tabular-nums">{value}</p>
+      </CardContent>
+    </Card>
+  );
+}
diff --git a/package.json b/package.json
index d74cc36..29b3255 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "feedbackflow",
-  "version": "0.5.5",
+  "version": "0.5.6",
   "private": true,
   "scripts": {
     "dev": "next dev",
diff --git a/server/queries/stats.ts b/server/queries/stats.ts
new file mode 100644
index 0000000..0f2bc5d
--- /dev/null
+++ b/server/queries/stats.ts
@@ -0,0 +1,45 @@
+import { db } from "@/lib/db";
+import type { PostStatus } from "@prisma/client";
+
+export type BoardStats = Awaited<ReturnType<typeof getBoardStats>>;
+export type TopPost = BoardStats["topPosts"][number];
+
+export async function getBoardStats(boardId: string) {
+  const [total, byStatus, totalVotes, totalComments, topPosts] = await Promise.all([
+    db.post.count({ where: { boardId } }),
+    db.post.groupBy({
+      by: ["status"],
+      where: { boardId },
+      _count: { _all: true },
+    }),
+    db.vote.count({ where: { post: { boardId } } }),
+    db.comment.count({ where: { post: { boardId } } }),
+    db.post.findMany({
+      where: { boardId },
+      orderBy: { votes: { _count: "desc" } },
+      take: 5,
+      select: {
+        id: true,
+        title: true,
+        status: true,
+        _count: { select: { votes: true } },
+      },
+    }),
+  ]);
+
+  const statusMap = byStatus.reduce<Record<PostStatus, number>>(
+    (acc: Record<PostStatus, number>, row: (typeof byStatus)[number]) => {
+      acc[row.status as PostStatus] = row._count._all;
+      return acc;
+    },
+    { OPEN: 0, PLANNED: 0, IN_PROGRESS: 0, DONE: 0, REJECTED: 0 },
+  );
+
+  return {
+    total,
+    byStatus: statusMap,
+    totalVotes,
+    totalComments,
+    topPosts,
+  };
+}

From 831a34fd6356c26e3090bf17138edf21a4b7764f Mon Sep 17 00:00:00 2001
From: Yentec <ypoulard.theuil+github@gmail.com>
Date: Mon, 18 May 2026 21:12:02 +0200
Subject: [PATCH 7/9] feat(board): add public roadmap with 3 status columns

---
 app/b/[slug]/page.tsx         |  7 +++
 app/b/[slug]/roadmap/page.tsx | 83 +++++++++++++++++++++++++++++++++++
 package.json                  |  2 +-
 server/actions/posts.ts       |  1 +
 server/queries/roadmap.ts     | 27 ++++++++++++
 5 files changed, 119 insertions(+), 1 deletion(-)
 create mode 100644 app/b/[slug]/roadmap/page.tsx
 create mode 100644 server/queries/roadmap.ts

diff --git a/app/b/[slug]/page.tsx b/app/b/[slug]/page.tsx
index b1a49fb..798a378 100644
--- a/app/b/[slug]/page.tsx
+++ b/app/b/[slug]/page.tsx
@@ -1,3 +1,4 @@
+import Link from "next/link";
 import { notFound } from "next/navigation";
 import { auth } from "@/auth";
 import { getBoardBySlug } from "@/server/queries/boards";
@@ -49,6 +50,12 @@ export default async function PublicBoardPage({ params, searchParams }: Props) {
         <div>
           <h1 className="text-3xl font-bold">{board.name}</h1>
           {board.description && <p className="text-muted-foreground mt-2">{board.description}</p>}
+          <Link
+            href={`/b/${slug}/roadmap`}
+            className="text-muted-foreground hover:text-foreground mt-2 inline-block text-sm underline-offset-4 hover:underline"
+          >
+            View roadmap →
+          </Link>
         </div>
         <CreatePostDialog boardSlug={slug} authenticated={!!session?.user} />
       </header>
diff --git a/app/b/[slug]/roadmap/page.tsx b/app/b/[slug]/roadmap/page.tsx
new file mode 100644
index 0000000..0704d9b
--- /dev/null
+++ b/app/b/[slug]/roadmap/page.tsx
@@ -0,0 +1,83 @@
+import { notFound } from "next/navigation";
+import Link from "next/link";
+import { getBoardBySlug } from "@/server/queries/boards";
+import { getBoardRoadmap, type RoadmapPost } from "@/server/queries/roadmap";
+import { STATUS_LABELS } from "@/lib/constants";
+import { ChevronUp, MessageSquare } from "lucide-react";
+import type { PostStatusValue } from "@/lib/validators/posts";
+
+type Props = { params: Promise<{ slug: string }> };
+
+export async function generateMetadata({ params }: Props) {
+  const { slug } = await params;
+  const board = await getBoardBySlug(slug);
+  if (!board) return { title: "Not found" };
+  return { title: `Roadmap · ${board.name}` };
+}
+
+const COLUMNS: PostStatusValue[] = ["PLANNED", "IN_PROGRESS", "DONE"];
+
+export default async function RoadmapPage({ params }: Props) {
+  const { slug } = await params;
+  const board = await getBoardBySlug(slug);
+  if (!board || !board.isPublic) notFound();
+
+  const roadmap = await getBoardRoadmap(board.id);
+
+  return (
+    <main className="mx-auto max-w-6xl px-6 py-12">
+      <header className="mb-8 border-b pb-6">
+        <div className="text-muted-foreground flex items-center gap-3 text-sm">
+          <Link href={`/b/${slug}`} className="hover:text-foreground">
+            {board.name}
+          </Link>
+          <span>/</span>
+          <span>Roadmap</span>
+        </div>
+        <h1 className="mt-2 text-3xl font-bold">Roadmap</h1>
+      </header>
+
+      <div className="grid gap-6 md:grid-cols-3">
+        {COLUMNS.map((status) => {
+          const items = roadmap[status as keyof typeof roadmap];
+          return (
+            <div key={status}>
+              <div className="mb-3 flex items-center justify-between">
+                <h2 className="text-muted-foreground text-sm font-semibold tracking-wide uppercase">
+                  {STATUS_LABELS[status]}
+                </h2>
+                <span className="text-muted-foreground text-xs tabular-nums">{items.length}</span>
+              </div>
+              <div className="space-y-2">
+                {items.length === 0 ? (
+                  <div className="text-muted-foreground rounded-md border border-dashed p-6 text-center text-xs">
+                    Nothing here yet.
+                  </div>
+                ) : (
+                  items.map((p: RoadmapPost) => (
+                    <Link
+                      key={p.id}
+                      href={`/b/${slug}/posts/${p.id}`}
+                      className="bg-card hover:border-foreground/20 block rounded-md border p-3 transition"
+                    >
+                      <p className="leading-snug font-medium">{p.title}</p>
+                      <p className="text-muted-foreground mt-1 line-clamp-2 text-xs">{p.content}</p>
+                      <div className="text-muted-foreground mt-2 flex items-center gap-3 text-xs">
+                        <span className="flex items-center gap-1">
+                          <ChevronUp className="h-3 w-3" /> {p._count.votes}
+                        </span>
+                        <span className="flex items-center gap-1">
+                          <MessageSquare className="h-3 w-3" /> {p._count.comments}
+                        </span>
+                      </div>
+                    </Link>
+                  ))
+                )}
+              </div>
+            </div>
+          );
+        })}
+      </div>
+    </main>
+  );
+}
diff --git a/package.json b/package.json
index 29b3255..e8c77fc 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "feedbackflow",
-  "version": "0.5.6",
+  "version": "0.5.7",
   "private": true,
   "scripts": {
     "dev": "next dev",
diff --git a/server/actions/posts.ts b/server/actions/posts.ts
index 4557dfc..671a3b0 100644
--- a/server/actions/posts.ts
+++ b/server/actions/posts.ts
@@ -84,6 +84,7 @@ export async function changeStatus(
   });
 
   revalidatePath(`/b/${post.board.slug}`);
+  revalidatePath(`/b/${post.board.slug}/roadmap`);
   revalidatePath(`/posts`);
   return { ok: true, data: undefined };
 }
diff --git a/server/queries/roadmap.ts b/server/queries/roadmap.ts
new file mode 100644
index 0000000..77b4bfb
--- /dev/null
+++ b/server/queries/roadmap.ts
@@ -0,0 +1,27 @@
+import { db } from "@/lib/db";
+import type { PostStatus } from "@prisma/client";
+
+const ROADMAP_STATUSES: PostStatus[] = ["PLANNED", "IN_PROGRESS", "DONE"];
+
+export type RoadmapPost = Awaited<ReturnType<typeof getBoardRoadmap>>["PLANNED"][number];
+
+export async function getBoardRoadmap(boardId: string) {
+  const posts = await db.post.findMany({
+    where: { boardId, status: { in: ROADMAP_STATUSES } },
+    orderBy: [{ status: "asc" }, { votes: { _count: "desc" } }],
+    select: {
+      id: true,
+      title: true,
+      content: true,
+      status: true,
+      _count: { select: { votes: true, comments: true } },
+    },
+  });
+
+  type RoadmapPostItem = (typeof posts)[number];
+  return {
+    PLANNED: posts.filter((p: RoadmapPostItem) => p.status === "PLANNED"),
+    IN_PROGRESS: posts.filter((p: RoadmapPostItem) => p.status === "IN_PROGRESS"),
+    DONE: posts.filter((p: RoadmapPostItem) => p.status === "DONE"),
+  };
+}

From 7cdd0a8320c0d286b55db3d1f4715a7fb2049d7b Mon Sep 17 00:00:00 2001
From: Yentec <ypoulard.theuil+github@gmail.com>
Date: Mon, 18 May 2026 21:26:14 +0200
Subject: [PATCH 8/9] feat(db): enrich seed with voters, votes and comments

---
 package.json   |  2 +-
 prisma/seed.ts | 43 +++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 44 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index e8c77fc..c066775 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "feedbackflow",
-  "version": "0.5.7",
+  "version": "0.5.8",
   "private": true,
   "scripts": {
     "dev": "next dev",
diff --git a/prisma/seed.ts b/prisma/seed.ts
index 71389e5..2ab9a9c 100644
--- a/prisma/seed.ts
+++ b/prisma/seed.ts
@@ -63,6 +63,49 @@ async function main() {
   }
 
   console.warn(`Seeded board /b/${board.slug} with ${samplePosts.length} posts`);
+
+  const createdPosts = await db.post.findMany({
+    where: { boardId: board.id },
+    select: { id: true },
+  });
+
+  const voters = await Promise.all(
+    Array.from({ length: 8 }).map((_, i) =>
+      db.user.upsert({
+        where: { email: `voter${i}@feedbackflow.app` },
+        update: {},
+        create: { email: `voter${i}@feedbackflow.app`, name: `Voter ${i + 1}` },
+      }),
+    ),
+  );
+
+  for (const post of createdPosts) {
+    const voteCount = Math.floor(Math.random() * voters.length);
+    for (let i = 0; i < voteCount; i++) {
+      const voter = voters[i];
+      if (!voter) continue;
+      await db.vote.upsert({
+        where: { postId_userId: { postId: post.id, userId: voter.id } },
+        update: {},
+        create: { postId: post.id, userId: voter.id },
+      });
+    }
+
+    const commentCount = Math.floor(Math.random() * 3);
+    for (let i = 0; i < commentCount; i++) {
+      const voter = voters[i];
+      if (!voter) continue;
+      await db.comment.create({
+        data: {
+          postId: post.id,
+          authorId: voter.id,
+          content: `Great idea. This would really improve my workflow.`,
+        },
+      });
+    }
+  }
+
+  console.warn(`Seeded ${voters.length} voters with random votes and comments`);
 }
 
 main()

From 72e8b9079d7e61d0eb29a73b6cff10916f4cc4b6 Mon Sep 17 00:00:00 2001
From: Yentec <ypoulard.theuil+github@gmail.com>
Date: Mon, 18 May 2026 21:39:36 +0200
Subject: [PATCH 9/9] chore(release): version 0.6.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index c066775..a2f59b7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "feedbackflow",
-  "version": "0.5.8",
+  "version": "0.5.9",
   "private": true,
   "scripts": {
     "dev": "next dev",