feat: enhance user limits

app/(app)/u/me/bookmarks/page.tsx

@@ -8,9 +8,6 @@ import { useAuth } from "@/components/auth/auth-provider";
 import { appendHighlight, hasHighlight } from "@/lib/text-highlight";
 import { displaySourceLabel } from "@/lib/source-reference";
 
-const FREE_LIMIT = 1;
-const PREMIUM_LIMIT = 5;
-
 export default function MyBookmarksPage() {
   const { user } = useAuth();
   const [list, setList] = useState<Bookmark[]>([]);
@@ -40,7 +37,9 @@ export default function MyBookmarksPage() {
     }
   }
 
-  const limit = user?.role === "admin" || user?.plan === "premium" ? PREMIUM_LIMIT : FREE_LIMIT;
+  // Effective cap from the server (plan default merged with any admin
+  // override). -1 would mean unlimited (bookmarks aren't, today).
+  const limit = user?.limits?.bookmarks ?? 1;
 
   if (loading) return <p className="text-sm text-muted-foreground">Loading…</p>;
 

app/(app)/u/me/collections/page.tsx

@@ -54,7 +54,11 @@ export default function MyCollectionsPage() {
     }
   }
 
-  const isPremium = user?.plan === "premium";
+  // Effective per-visibility caps from the server (plan default merged with any
+  // admin override). -1 means unlimited (premium default).
+  const pubLimit = user?.limits?.public_collections ?? 5;
+  const privLimit = user?.limits?.private_collections ?? 5;
+  const unlimited = pubLimit < 0 && privLimit < 0;
   const publicCount = list.filter((c) => c.is_public).length;
   const privateCount = list.filter((c) => !c.is_public).length;
 
@@ -62,12 +66,14 @@ export default function MyCollectionsPage() {
     <div className="space-y-5">
       <div className="flex items-center justify-between">
         <p className="text-sm text-muted-foreground">
-          {isPremium ? (
-            <>Premium — unlimited collections.</>
+          {unlimited ? (
+            <>Unlimited collections.</>
           ) : (
             <>
-              <span className="tabular-nums">{publicCount}</span> / 5 public ·{" "}
-              <span className="tabular-nums">{privateCount}</span> / 5 private
+              <span className="tabular-nums">{publicCount}</span> / {pubLimit}{" "}
+              public ·{" "}
+              <span className="tabular-nums">{privateCount}</span> / {privLimit}{" "}
+              private
             </>
           )}
         </p>