feat: bookmarks (收藏) distinct from likes

Likes were doing double duty as bookmarks (the profile even labelled the likes
list "收藏"). Split the concepts: ❤️ 点赞 stays an appreciation signal (drives
popular sorting + 获赞 stats), 🔖 收藏 is a private save-for-later marker.

- Schema: Bookmark model mirroring Like (unique [userId, storyId] + indexes);
  additive migration 20260622130000.
- bookmark.ts: toggleBookmark + getBookmarkedStories (no notification — private).
- StoryReader: 收藏 button beside 点赞, with initialBookmarked wired through the
  story page (parallel like+bookmark lookup).
- Profile: relabel the likes tab 收藏 → 点赞, add a real 收藏 tab backed by
  bookmarks (now 4 tabs).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: ChanMeng666

prisma/migrations/20260622130000_add_bookmark/migration.sql

@@ -0,0 +1,24 @@
+-- CreateTable
+CREATE TABLE "Bookmark" (
+    "id" TEXT NOT NULL,
+    "userId" TEXT NOT NULL,
+    "storyId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "Bookmark_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateIndex
+CREATE INDEX "Bookmark_storyId_idx" ON "Bookmark"("storyId");
+
+-- CreateIndex
+CREATE INDEX "Bookmark_userId_idx" ON "Bookmark"("userId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Bookmark_userId_storyId_key" ON "Bookmark"("userId", "storyId");
+
+-- AddForeignKey
+ALTER TABLE "Bookmark" ADD CONSTRAINT "Bookmark_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Bookmark" ADD CONSTRAINT "Bookmark_storyId_fkey" FOREIGN KEY ("storyId") REFERENCES "Story"("id") ON DELETE CASCADE ON UPDATE CASCADE;

prisma/schema.prisma

@@ -43,6 +43,7 @@ model User {
   payments      Payment[]
   proposedBranches StoryBranch[] @relation("branchProposer")
   branchLikes      BranchLike[]
+  bookmarks        Bookmark[]
 
   @@index([stackAuthId])
   @@index([email])
@@ -103,6 +104,7 @@ model Story {
   chapters    Chapter[]
   characters  StoryCharacter[]
   likes       Like[]
+  bookmarks   Bookmark[]
   comments    Comment[]
   generations Generation[]
   branches    StoryBranch[]
@@ -270,6 +272,22 @@ model Like {
   @@index([userId])
 }
 
+// Save-for-later / reading list. Distinct from Like: Like is an appreciation
+// signal (drives "popular" sorting + author 获赞 stats), while a Bookmark is a
+// private "I want to come back to this" marker. Same shape as Like.
+model Bookmark {
+  id        String   @id @default(cuid())
+  userId    String
+  user      User     @relation(fields: [userId], references: [id], onDelete: Cascade)
+  storyId   String
+  story     Story    @relation(fields: [storyId], references: [id], onDelete: Cascade)
+  createdAt DateTime @default(now())
+
+  @@unique([userId, storyId])
+  @@index([storyId])
+  @@index([userId])
+}
+
 model Comment {
   id        String    @id @default(cuid())
   content   String    @db.Text

src/app/(main)/(protected)/profile/page.tsx

@@ -33,7 +33,7 @@ export default async function ProfilePage() {
   }
 
   // Fetch all data server-side in a single pass (no race conditions)
-  const [profile, stories, likedStories, statsRaw] = await Promise.all([
+  const [profile, stories, likedStories, bookmarkedStories, statsRaw] = await Promise.all([
     prisma.user.findUnique({
       where: { id: dbUser.id },
       include: {
@@ -83,6 +83,26 @@ export default async function ProfilePage() {
         },
       },
     }),
+    prisma.bookmark.findMany({
+      where: { userId: dbUser.id },
+      orderBy: { createdAt: "desc" },
+      include: {
+        story: {
+          include: {
+            author: {
+              select: { id: true, username: true, avatarUrl: true },
+            },
+            _count: {
+              select: {
+                likes: true,
+                comments: true,
+                chapters: true,
+              },
+            },
+          },
+        },
+      },
+    }),
     prisma.$transaction([
       prisma.story.count({ where: { authorId: dbUser.id } }),
       prisma.story.count({ where: { authorId: dbUser.id, status: "PUBLISHED" } }),
@@ -113,6 +133,9 @@ export default async function ProfilePage() {
   const serializedLikedStories = JSON.parse(
     JSON.stringify(likedStories.map((l) => l.story))
   );
+  const serializedBookmarkedStories = JSON.parse(
+    JSON.stringify(bookmarkedStories.map((b) => b.story))
+  );
 
   return (
     <Suspense
@@ -134,6 +157,7 @@ export default async function ProfilePage() {
         profile={serializedProfile}
         stories={serializedStories}
         likedStories={serializedLikedStories}
+        bookmarkedStories={serializedBookmarkedStories}
         stats={stats}
       />
     </Suspense>

src/app/(main)/(protected)/profile/profile-client.tsx

@@ -6,6 +6,7 @@ import { useSearchParams } from "next/navigation";
 import {
   BookOpen,
   Heart,
+  Bookmark,
   MessageSquare,
   FileText,
   Trash2,
@@ -103,6 +104,7 @@ interface ProfileClientProps {
   profile: UserProfile;
   stories: Story[];
   likedStories: Story[];
+  bookmarkedStories: Story[];
   stats: UserStats;
 }
 
@@ -154,6 +156,7 @@ export function ProfileClient({
   profile: initialProfile,
   stories: initialStories,
   likedStories,
+  bookmarkedStories,
   stats,
 }: ProfileClientProps) {
   const searchParams = useSearchParams();
@@ -163,7 +166,9 @@ export function ProfileClient({
 
   const tabParam = searchParams.get("tab");
   const initialTab =
-    tabParam && ["stories", "drafts", "liked"].includes(tabParam) ? tabParam : "stories";
+    tabParam && ["stories", "drafts", "liked", "bookmarked"].includes(tabParam)
+      ? tabParam
+      : "stories";
   const [activeTab, setActiveTab] = useState(initialTab);
 
   const publishedStories = stories.filter((s) => s.status !== "DRAFT");
@@ -662,7 +667,7 @@ export function ProfileClient({
           {/* Main Content */}
           <div>
             <Tabs value={activeTab} onValueChange={setActiveTab}>
-              <TabsList className="grid w-full grid-cols-3 max-w-md">
+              <TabsList className="grid w-full grid-cols-4 max-w-xl">
                 <TabsTrigger value="stories" className="gap-1.5">
                   <BookOpen className="size-4" />
                   作品 ({publishedStories.length})
@@ -673,7 +678,11 @@ export function ProfileClient({
                 </TabsTrigger>
                 <TabsTrigger value="liked" className="gap-1.5">
                   <Heart className="size-4" />
-                  收藏 ({likedStories.length})
+                  点赞 ({likedStories.length})
+                </TabsTrigger>
+                <TabsTrigger value="bookmarked" className="gap-1.5">
+                  <Bookmark className="size-4" />
+                  收藏 ({bookmarkedStories.length})
                 </TabsTrigger>
               </TabsList>
 
@@ -740,10 +749,10 @@ export function ProfileClient({
                         <Heart className="size-8 text-accent" />
                       </div>
                       <h3 className="text-lg font-semibold text-foreground mb-2">
-                        还没有收藏的故事
+                        还没有点赞过的故事
                       </h3>
                       <p className="text-muted-foreground">
-                        浏览故事并点击收藏，你喜欢的故事会出现在这里
+                        浏览故事并点个赞，你赞过的故事会出现在这里
                       </p>
                     </CardContent>
                   </Card>
@@ -758,6 +767,33 @@ export function ProfileClient({
                   </div>
                 )}
               </TabsContent>
+
+              <TabsContent value="bookmarked" className="mt-6">
+                {bookmarkedStories.length === 0 ? (
+                  <Card>
+                    <CardContent className="py-12 text-center">
+                      <div className="flex items-center justify-center size-16 rounded-2xl bg-primary/10 mx-auto mb-4">
+                        <Bookmark className="size-8 text-primary" />
+                      </div>
+                      <h3 className="text-lg font-semibold text-foreground mb-2">
+                        还没有收藏的故事
+                      </h3>
+                      <p className="text-muted-foreground">
+                        在阅读页点击「收藏」，把想稍后再读的故事存到这里
+                      </p>
+                    </CardContent>
+                  </Card>
+                ) : (
+                  <div className="grid gap-4 sm:grid-cols-2">
+                    {bookmarkedStories.map((story) => (
+                      <StoryCard
+                        key={story.id}
+                        story={toCardData(story, fallbackAuthor)}
+                      />
+                    ))}
+                  </div>
+                )}
+              </TabsContent>
             </Tabs>
           </div>
         </div>

src/app/(main)/story/[id]/page.tsx

@@ -112,6 +112,7 @@ export default async function StoryPage({ params }: StoryPageProps) {
   }
 
   let initialLiked = false;
+  let initialBookmarked = false;
   let currentUserId: string | null = null;
   try {
     const stackUser = await stackServerApp.getUser();
@@ -122,10 +123,16 @@ export default async function StoryPage({ params }: StoryPageProps) {
       });
       if (dbUser) {
         currentUserId = dbUser.id;
-        const like = await prisma.like.findUnique({
-          where: { userId_storyId: { userId: dbUser.id, storyId: id } },
-        });
+        const [like, bookmark] = await Promise.all([
+          prisma.like.findUnique({
+            where: { userId_storyId: { userId: dbUser.id, storyId: id } },
+          }),
+          prisma.bookmark.findUnique({
+            where: { userId_storyId: { userId: dbUser.id, storyId: id } },
+          }),
+        ]);
         initialLiked = !!like;
+        initialBookmarked = !!bookmark;
       }
     }
   } catch {
@@ -149,6 +156,7 @@ export default async function StoryPage({ params }: StoryPageProps) {
         firstChapterContent={firstChapterContent}
         initialLikeCount={story._count.likes}
         initialLiked={initialLiked}
+        initialBookmarked={initialBookmarked}
         commentCount={story._count.comments}
         currentUserId={currentUserId}
         isOwner={isOwner}

src/components/story/StoryReader.tsx

@@ -1,12 +1,13 @@
 "use client";
 
 import Link from "next/link";
-import { Heart, BookOpen, Calendar, User, Tag, MessageSquare, Pencil, Sparkles, Eye } from "lucide-react";
+import { Heart, BookOpen, Calendar, User, Tag, MessageSquare, Pencil, Sparkles, Eye, Bookmark, BookmarkCheck } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
 import { Separator } from "@/components/ui/separator";
 import { useState } from "react";
 import { toggleLike } from "@/lib/actions/story";
+import { toggleBookmark } from "@/lib/actions/bookmark";
 import { toast } from "sonner";
 import { formatError } from "@/lib/format-error";
 import { CommentsSection } from "./CommentsSection";
@@ -62,6 +63,7 @@ interface StoryReaderProps {
   firstChapterContent?: string | null;
   initialLikeCount?: number;
   initialLiked?: boolean;
+  initialBookmarked?: boolean;
   commentCount?: number;
   currentUserId?: string | null;
   isOwner?: boolean;
@@ -73,13 +75,16 @@ export function StoryReader({
   firstChapterContent = null,
   initialLikeCount = 0,
   initialLiked = false,
+  initialBookmarked = false,
   commentCount = 0,
   currentUserId = null,
   isOwner = false,
 }: StoryReaderProps) {
   const [liked, setLiked] = useState(initialLiked);
   const [likeCount, setLikeCount] = useState(initialLikeCount);
   const [liking, setLiking] = useState(false);
+  const [bookmarked, setBookmarked] = useState(initialBookmarked);
+  const [bookmarking, setBookmarking] = useState(false);
   const [continueOpen, setContinueOpen] = useState(false);
 
   const { fontSize, lineHeight } = useReadingPrefs();
@@ -109,6 +114,27 @@ export function StoryReader({
     }
   }
 
+  async function handleBookmark() {
+    if (bookmarking) return;
+    if (!currentUserId) {
+      toast.error("请先登录后再收藏");
+      return;
+    }
+    setBookmarking(true);
+    const wasBookmarked = bookmarked;
+    setBookmarked(!wasBookmarked);
+    try {
+      const res = await toggleBookmark(story.id);
+      setBookmarked(res.bookmarked);
+      toast.success(res.bookmarked ? "已收藏" : "已取消收藏");
+    } catch (err) {
+      setBookmarked(wasBookmarked);
+      toast.error(formatError(err, "收藏失败"));
+    } finally {
+      setBookmarking(false);
+    }
+  }
+
   return (
     <article
       className="max-w-3xl mx-auto px-3 sm:px-4 py-6 sm:py-10"
@@ -235,6 +261,21 @@ export function StoryReader({
             <Heart className={`size-3.5 ${liked ? "fill-current" : ""}`} />
             {likeCount}
           </Button>
+          <Button
+            variant={bookmarked ? "default" : "outline"}
+            size="sm"
+            className="gap-1.5"
+            onClick={handleBookmark}
+            disabled={bookmarking}
+            aria-label={bookmarked ? "取消收藏" : "收藏"}
+          >
+            {bookmarked ? (
+              <BookmarkCheck className="size-3.5" />
+            ) : (
+              <Bookmark className="size-3.5" />
+            )}
+            {bookmarked ? "已收藏" : "收藏"}
+          </Button>
           <a
             href="#comments"
             className="inline-flex items-center justify-center gap-1.5 h-8 px-3 text-sm border border-border rounded-md text-muted-foreground hover:text-foreground hover:bg-accent/10 transition-colors"