fix: hidden post

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

@@ -11,12 +11,14 @@
  */
 
 import { useEffect, useState } from "react";
+import { useRouter } from "next/navigation";
 import { useAuth } from "@/components/auth/auth-provider";
 import { PostScrollCard } from "@/components/social/post/post-scroll-card";
 import { posts, SocialError, type Post } from "@/lib/social";
 
 export default function MyHiddenPostsPage() {
   const { user } = useAuth();
+  const router = useRouter();
   const [feed, setFeed] = useState<Post[]>([]);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
@@ -25,7 +27,13 @@ export default function MyHiddenPostsPage() {
     if (!user) return;
     posts
       .hidden()
-      .then((rows) => setFeed(rows ?? []))
+      .then((rows) => {
+        const list = rows ?? [];
+        setFeed(list);
+        // Nothing hidden → the "Hidden" tab isn't in the strip, so this page
+        // is a tab-less dead-end. Send the user to their Posts tab instead.
+        if (list.length === 0) router.replace("/u/me");
+      })
       .catch((err) =>
         setError(
           err instanceof SocialError
@@ -34,15 +42,21 @@ export default function MyHiddenPostsPage() {
         ),
       )
       .finally(() => setLoading(false));
-  }, [user]);
+  }, [user, router]);
 
   function onPostUpdated(updated: Post) {
     setFeed((rows) => rows.map((p) => (p.id === updated.id ? updated : p)));
   }
 
-  // Unhiding a post means it's no longer hidden → remove it from this list.
+  // Unhiding a post means it's no longer hidden → drop it from this list.
+  // When that empties the list, the "Hidden" tab disappears (the layout's
+  // count hits 0), so move the user to their Posts tab rather than leaving
+  // them on an empty page with no active tab.
   function onHiddenChange(id: string, hidden: boolean) {
-    if (!hidden) setFeed((rows) => rows.filter((p) => p.id !== id));
+    if (hidden) return;
+    const remaining = feed.filter((p) => p.id !== id);
+    setFeed(remaining);
+    if (remaining.length === 0) router.replace("/u/me");
   }
 
   if (!user) return null;

app/(app)/u/me/layout.tsx

@@ -13,7 +13,7 @@
  * lives outside this layout so it isn't framed by the header + tabs).
  */
 
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import { useRouter } from "next/navigation";
 import {
   AtSign,
@@ -27,6 +27,7 @@ import { useAuthGate } from "@/components/auth/auth-gate";
 import { profile } from "@/lib/social";
 import { ProfileHeader } from "@/components/profile/profile-header";
 import { ProfileTabs, type ProfileTab } from "@/components/profile/profile-tabs";
+import { HiddenCountProvider } from "@/components/profile/hidden-count-context";
 
 export default function MeLayout({ children }: { children: React.ReactNode }) {
   const { user, loading } = useAuth();
@@ -78,6 +79,15 @@ export default function MeLayout({ children }: { children: React.ReactNode }) {
     };
   }, [handle]);
 
+  // Let a hide/unhide action anywhere in the subtree (the PostCardMenu) nudge
+  // the hidden count so the "Hidden" tab toggles instantly. Clamped at 0.
+  const adjustHiddenCount = useCallback((delta: number) => {
+    setCounts((c) =>
+      c ? { ...c, hidden: Math.max(0, c.hidden + delta) } : c,
+    );
+  }, []);
+  const hiddenCtx = useMemo(() => ({ adjustHiddenCount }), [adjustHiddenCount]);
+
   if (loading || !user) {
     return (
       <main className="flex-1 flex items-center justify-center px-4 py-12">
@@ -136,7 +146,9 @@ export default function MeLayout({ children }: { children: React.ReactNode }) {
         followingCount={counts?.following}
       />
       <ProfileTabs tabs={tabs} />
-      <div className="py-6">{children}</div>
+      <HiddenCountProvider value={hiddenCtx}>
+        <div className="py-6">{children}</div>
+      </HiddenCountProvider>
     </main>
   );
 }