From b6a6b43ee0634264eccb799621df326c5d6bd8a4 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 18:33:50 -0700
Subject: [PATCH 001/120] Move compose box below the feed tabs

Repositions the 'What's on your mind?' ComposeBox to render
after the Follows/Ditto/Global tab bar instead of above it,
so the tab navigation stays directly under the top header.
---
 src/components/Feed.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Feed.tsx b/src/components/Feed.tsx
index b6d08340..309f6c86 100644
--- a/src/components/Feed.tsx
+++ b/src/components/Feed.tsx
@@ -229,8 +229,6 @@ export function Feed({ kinds, tagFilters, header, hideCompose, emptyMessage, fee
 
   return (
     <main className="flex-1 min-w-0">
-      {!hideCompose && <ComposeBox compact />}
-
       {header}
 
       {/* Tabs (logged in) or CTA (logged out, main feed only) */}
@@ -283,6 +281,8 @@ export function Feed({ kinds, tagFilters, header, hideCompose, emptyMessage, fee
         />
       )}
 
+      {!hideCompose && <ComposeBox compact />}
+
       {/* Feed content — saved feed tab gets its own stream */}
       {activeHashtag ? (
         <HashtagFeedContent tag={activeHashtag} />

From 35ae4f2f7cb67df8f75636f475d183c162a5dfce Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 18:44:40 -0700
Subject: [PATCH 002/120] Add decorative semi-ellipse arc to mobile bottom nav

Adds an SVG arc on top of the MobileBottomNav that blends
seamlessly with the nav bar, creating a unified curved element.
Removes the top border so they feel like one continuous shape.
---
 src/components/MobileBottomNav.tsx | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/MobileBottomNav.tsx b/src/components/MobileBottomNav.tsx
index 2ef7d02d..be6fb5b3 100644
--- a/src/components/MobileBottomNav.tsx
+++ b/src/components/MobileBottomNav.tsx
@@ -39,11 +39,24 @@ export function MobileBottomNav() {
 
       <nav
         className={cn(
-          'fixed bottom-0 left-0 right-0 z-40 bg-background/80 backdrop-blur-md border-t border-border sidebar:hidden safe-area-bottom',
+          'fixed bottom-0 left-0 right-0 z-40 bg-background/80 backdrop-blur-md sidebar:hidden safe-area-bottom',
           'transition-transform duration-300 ease-in-out',
           isHidden && 'translate-y-full',
         )}
       >
+        {/* Decorative semi-ellipse arc on top of the nav */}
+        <svg
+          className="absolute left-0 right-0 bottom-full w-full pointer-events-none"
+          viewBox="0 0 100 12"
+          preserveAspectRatio="none"
+          style={{ height: 20 }}
+        >
+          {/* Fill matching the nav background */}
+          <path d="M0,12 Q50,0 100,12 Z" className="fill-background/80" />
+          {/* Stroke matching the nav border */}
+          <path d="M0,12 Q50,0 100,12" className="fill-none stroke-border" vectorEffect="non-scaling-stroke" />
+        </svg>
+
         <div className="h-14 flex items-center">
 
           {/* Feed */}

From 8388722aacf182e82de6c1a77f127a2cca3cc298 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 18:45:22 -0700
Subject: [PATCH 003/120] Add decorative semi-ellipse arc below feed tabs
 header

Same treatment as the mobile bottom nav: an SVG arc hangs below
the Follows/Ditto/Global tab bar, removing the flat border so
the tabs flow into the content with a smooth curved edge.
---
 src/components/Feed.tsx | 92 +++++++++++++++++++++++------------------
 1 file changed, 52 insertions(+), 40 deletions(-)

diff --git a/src/components/Feed.tsx b/src/components/Feed.tsx
index 309f6c86..3900b4dd 100644
--- a/src/components/Feed.tsx
+++ b/src/components/Feed.tsx
@@ -233,46 +233,58 @@ export function Feed({ kinds, tagFilters, header, hideCompose, emptyMessage, fee
 
       {/* Tabs (logged in) or CTA (logged out, main feed only) */}
       {user ? (
-        <div className="flex border-b border-border sticky top-mobile-bar sidebar:top-0 bg-background/80 backdrop-blur-md z-10 overflow-x-auto scrollbar-none">
-          <TabButton label="Follows" active={activeTab === 'follows'} onClick={() => handleSetActiveTab('follows')} />
-          {!isKindSpecificPage && showDittoFeed && (
-            <TabButton label="Ditto" active={activeTab === 'ditto'} onClick={() => handleSetActiveTab('ditto')} />
-          )}
-          {!isKindSpecificPage && showCommunityFeed && (
-            <TabButton label={communityLabel} active={activeTab === 'communities'} onClick={() => handleSetActiveTab('communities')} />
-          )}
-          {(isKindSpecificPage || showGlobalFeed) && (
-            <TabButton label="Global" active={activeTab === 'global'} onClick={() => handleSetActiveTab('global')} />
-          )}
-          {showSavedFeedTabs && savedFeeds.map((feed) => (
-            <TabButton
-              key={feed.id}
-              label={feed.label}
-              active={activeTab === feed.id}
-              onClick={() => handleSetActiveTab(feed.id)}
-            />
-          ))}
-          {showSavedFeedTabs && hashtags.map((tag) => (
-            <TabButton
-              key={`hashtag:${tag}`}
-              label={`#${tag}`}
-              active={activeTab === `hashtag:${tag}`}
-              onClick={() => handleSetActiveTab(`hashtag:${tag}`)}
-            />
-          ))}
-          {showSavedFeedTabs && geotags.map((tag) => (
-            <TabButton
-              key={`geotag:${tag}`}
-              label={tag}
-              active={activeTab === `geotag:${tag}`}
-              onClick={() => handleSetActiveTab(`geotag:${tag}`)}
-            >
-              <span className="flex items-center justify-center gap-1">
-                <MapPin className="size-3.5" />
-                {tag}
-              </span>
-            </TabButton>
-          ))}
+        <div className="relative sticky top-mobile-bar sidebar:top-0 z-10">
+          <div className="flex bg-background/80 backdrop-blur-md overflow-x-auto scrollbar-none">
+            <TabButton label="Follows" active={activeTab === 'follows'} onClick={() => handleSetActiveTab('follows')} />
+            {!isKindSpecificPage && showDittoFeed && (
+              <TabButton label="Ditto" active={activeTab === 'ditto'} onClick={() => handleSetActiveTab('ditto')} />
+            )}
+            {!isKindSpecificPage && showCommunityFeed && (
+              <TabButton label={communityLabel} active={activeTab === 'communities'} onClick={() => handleSetActiveTab('communities')} />
+            )}
+            {(isKindSpecificPage || showGlobalFeed) && (
+              <TabButton label="Global" active={activeTab === 'global'} onClick={() => handleSetActiveTab('global')} />
+            )}
+            {showSavedFeedTabs && savedFeeds.map((feed) => (
+              <TabButton
+                key={feed.id}
+                label={feed.label}
+                active={activeTab === feed.id}
+                onClick={() => handleSetActiveTab(feed.id)}
+              />
+            ))}
+            {showSavedFeedTabs && hashtags.map((tag) => (
+              <TabButton
+                key={`hashtag:${tag}`}
+                label={`#${tag}`}
+                active={activeTab === `hashtag:${tag}`}
+                onClick={() => handleSetActiveTab(`hashtag:${tag}`)}
+              />
+            ))}
+            {showSavedFeedTabs && geotags.map((tag) => (
+              <TabButton
+                key={`geotag:${tag}`}
+                label={tag}
+                active={activeTab === `geotag:${tag}`}
+                onClick={() => handleSetActiveTab(`geotag:${tag}`)}
+              >
+                <span className="flex items-center justify-center gap-1">
+                  <MapPin className="size-3.5" />
+                  {tag}
+                </span>
+              </TabButton>
+            ))}
+          </div>
+          {/* Decorative semi-ellipse arc below the tabs */}
+          <svg
+            className="absolute left-0 right-0 top-full w-full pointer-events-none"
+            viewBox="0 0 100 12"
+            preserveAspectRatio="none"
+            style={{ height: 20 }}
+          >
+            <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
+            <path d="M0,0 Q50,12 100,0" className="fill-none stroke-border" vectorEffect="non-scaling-stroke" />
+          </svg>
         </div>
       ) : !kinds && (
         <LandingHero

From 54d03a4c058ad8feda43b186a70b06c3f711c2b0 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 18:48:49 -0700
Subject: [PATCH 004/120] Remove bottom border from mobile top bar

Hides the border-b so the top header flows seamlessly into
the tab bar below it, consistent with the curved arc styling.
---
 src/components/MobileTopBar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/MobileTopBar.tsx b/src/components/MobileTopBar.tsx
index 4f5be5c8..3c383a1a 100644
--- a/src/components/MobileTopBar.tsx
+++ b/src/components/MobileTopBar.tsx
@@ -18,7 +18,7 @@ export function MobileTopBar({ onAvatarClick }: MobileTopBarProps) {
   }, [location.pathname]);
 
   return (
-    <header className="sticky top-0 z-20 bg-background/80 backdrop-blur-md border-b border-border sidebar:hidden safe-area-top">
+    <header className="sticky top-0 z-20 bg-background/80 backdrop-blur-md sidebar:hidden safe-area-top">
       <div className="flex items-center px-3 h-12">
         {/* Left: hamburger menu icon */}
         <div className="flex items-center justify-center w-7 shrink-0">

From 33ac140e2347bba512de2c3119ed27c9990413bc Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 18:50:45 -0700
Subject: [PATCH 005/120] Remove stroke from decorative arc SVGs

Removes the border/stroke path from both the mobile bottom nav
and feed tabs arcs, leaving only the fill for a cleaner look.
---
 src/components/Feed.tsx            | 1 -
 src/components/MobileBottomNav.tsx | 3 ---
 2 files changed, 4 deletions(-)

diff --git a/src/components/Feed.tsx b/src/components/Feed.tsx
index 3900b4dd..20551a23 100644
--- a/src/components/Feed.tsx
+++ b/src/components/Feed.tsx
@@ -283,7 +283,6 @@ export function Feed({ kinds, tagFilters, header, hideCompose, emptyMessage, fee
             style={{ height: 20 }}
           >
             <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
-            <path d="M0,0 Q50,12 100,0" className="fill-none stroke-border" vectorEffect="non-scaling-stroke" />
           </svg>
         </div>
       ) : !kinds && (
diff --git a/src/components/MobileBottomNav.tsx b/src/components/MobileBottomNav.tsx
index be6fb5b3..86285ff7 100644
--- a/src/components/MobileBottomNav.tsx
+++ b/src/components/MobileBottomNav.tsx
@@ -51,10 +51,7 @@ export function MobileBottomNav() {
           preserveAspectRatio="none"
           style={{ height: 20 }}
         >
-          {/* Fill matching the nav background */}
           <path d="M0,12 Q50,0 100,12 Z" className="fill-background/80" />
-          {/* Stroke matching the nav border */}
-          <path d="M0,12 Q50,0 100,12" className="fill-none stroke-border" vectorEffect="non-scaling-stroke" />
         </svg>
 
         <div className="h-14 flex items-center">

From 7873564d26802c971502ad4d55a6a7163fb7dbc4 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 18:52:29 -0700
Subject: [PATCH 006/120] Hide right border on main content column in mobile
 view

Changes border-r to sidebar:border-r so the right border only
appears at the desktop sidebar breakpoint, not on mobile.
---
 src/components/MainLayout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/MainLayout.tsx b/src/components/MainLayout.tsx
index 8f5941c3..4df33aad 100644
--- a/src/components/MainLayout.tsx
+++ b/src/components/MainLayout.tsx
@@ -88,7 +88,7 @@ function MainLayoutInner() {
 
         {/* Main content + right sidebar: inside Suspense so the left sidebar persists while lazy pages load */}
         <Suspense fallback={<PageSkeleton />}>
-          <div className={cn("relative flex-1 min-w-0 sidebar:border-l border-r border-border bg-background/85", !noMaxWidth && "sidebar:max-w-[600px]", !noOverscroll && "pb-overscroll")}>
+          <div className={cn("relative flex-1 min-w-0 sidebar:border-l sidebar:border-r border-border bg-background/85", !noMaxWidth && "sidebar:max-w-[600px]", !noOverscroll && "pb-overscroll")}>
             <Outlet />
             {showFAB && (
               <div className="sticky bottom-fab sidebar:bottom-6 z-30 pointer-events-none flex justify-end pr-6">

From ad13f2b381376b5ae68bf9cf9af2ccc120561636 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 18:56:40 -0700
Subject: [PATCH 007/120] Add decorative semi-ellipse arc below notifications
 tab bar

Same curved arc treatment as the feed tabs: removes the bottom
border and adds an SVG semi-ellipse below the All/Mentions tabs.
---
 src/pages/NotificationsPage.tsx | 33 ++++++++++++++++++++++-----------
 1 file changed, 22 insertions(+), 11 deletions(-)

diff --git a/src/pages/NotificationsPage.tsx b/src/pages/NotificationsPage.tsx
index 81520f44..39a0c31d 100644
--- a/src/pages/NotificationsPage.tsx
+++ b/src/pages/NotificationsPage.tsx
@@ -113,17 +113,28 @@ export function NotificationsPage() {
   return (
     <main className="">
       {/* Tab bar */}
-      <div className="flex border-b border-border sticky top-mobile-bar sidebar:top-0 bg-background/80 backdrop-blur-md z-10">
-        {tabs.map(({ key, label }) => (
-          <TabButton
-            key={key}
-            label={label}
-            active={activeTab === key}
-            onClick={() => setActiveTab(key)}
-            className="sidebar:py-5 sidebar:font-semibold"
-            indicatorClassName="sidebar:h-[3px]"
-          />
-        ))}
+      <div className="relative sticky top-mobile-bar sidebar:top-0 z-10">
+        <div className="flex bg-background/80 backdrop-blur-md">
+          {tabs.map(({ key, label }) => (
+            <TabButton
+              key={key}
+              label={label}
+              active={activeTab === key}
+              onClick={() => setActiveTab(key)}
+              className="sidebar:py-5 sidebar:font-semibold"
+              indicatorClassName="sidebar:h-[3px]"
+            />
+          ))}
+        </div>
+        {/* Decorative semi-ellipse arc below the tabs */}
+        <svg
+          className="absolute left-0 right-0 top-full w-full pointer-events-none"
+          viewBox="0 0 100 12"
+          preserveAspectRatio="none"
+          style={{ height: 20 }}
+        >
+          <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
+        </svg>
       </div>
 
       {/* Content */}

From eb486f2f6057092f7886e20eab3449a7e25e371d Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 19:13:56 -0700
Subject: [PATCH 008/120] Replace translucent blur with solid background on nav
 bars and arcs

Switches all sticky headers, bottom nav, and decorative arcs from
bg-background/80 + backdrop-blur-md to solid bg-background. This
unifies the bars and their curved extensions into visually cohesive
elements with no blur seams or transparency mismatches.
---
 src/components/Feed.tsx            | 4 ++--
 src/components/MobileBottomNav.tsx | 4 ++--
 src/components/MobileTopBar.tsx    | 2 +-
 src/pages/NotificationsPage.tsx    | 4 ++--
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/Feed.tsx b/src/components/Feed.tsx
index 20551a23..359363ea 100644
--- a/src/components/Feed.tsx
+++ b/src/components/Feed.tsx
@@ -234,7 +234,7 @@ export function Feed({ kinds, tagFilters, header, hideCompose, emptyMessage, fee
       {/* Tabs (logged in) or CTA (logged out, main feed only) */}
       {user ? (
         <div className="relative sticky top-mobile-bar sidebar:top-0 z-10">
-          <div className="flex bg-background/80 backdrop-blur-md overflow-x-auto scrollbar-none">
+          <div className="flex bg-background overflow-x-auto scrollbar-none">
             <TabButton label="Follows" active={activeTab === 'follows'} onClick={() => handleSetActiveTab('follows')} />
             {!isKindSpecificPage && showDittoFeed && (
               <TabButton label="Ditto" active={activeTab === 'ditto'} onClick={() => handleSetActiveTab('ditto')} />
@@ -282,7 +282,7 @@ export function Feed({ kinds, tagFilters, header, hideCompose, emptyMessage, fee
             preserveAspectRatio="none"
             style={{ height: 20 }}
           >
-            <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
+            <path d="M0,0 Q50,12 100,0 Z" className="fill-background" />
           </svg>
         </div>
       ) : !kinds && (
diff --git a/src/components/MobileBottomNav.tsx b/src/components/MobileBottomNav.tsx
index 86285ff7..0d81ba99 100644
--- a/src/components/MobileBottomNav.tsx
+++ b/src/components/MobileBottomNav.tsx
@@ -39,7 +39,7 @@ export function MobileBottomNav() {
 
       <nav
         className={cn(
-          'fixed bottom-0 left-0 right-0 z-40 bg-background/80 backdrop-blur-md sidebar:hidden safe-area-bottom',
+          'fixed bottom-0 left-0 right-0 z-40 bg-background sidebar:hidden safe-area-bottom',
           'transition-transform duration-300 ease-in-out',
           isHidden && 'translate-y-full',
         )}
@@ -51,7 +51,7 @@ export function MobileBottomNav() {
           preserveAspectRatio="none"
           style={{ height: 20 }}
         >
-          <path d="M0,12 Q50,0 100,12 Z" className="fill-background/80" />
+          <path d="M0,12 Q50,0 100,12 Z" className="fill-background" />
         </svg>
 
         <div className="h-14 flex items-center">
diff --git a/src/components/MobileTopBar.tsx b/src/components/MobileTopBar.tsx
index 3c383a1a..01457e1f 100644
--- a/src/components/MobileTopBar.tsx
+++ b/src/components/MobileTopBar.tsx
@@ -18,7 +18,7 @@ export function MobileTopBar({ onAvatarClick }: MobileTopBarProps) {
   }, [location.pathname]);
 
   return (
-    <header className="sticky top-0 z-20 bg-background/80 backdrop-blur-md sidebar:hidden safe-area-top">
+    <header className="sticky top-0 z-20 bg-background sidebar:hidden safe-area-top">
       <div className="flex items-center px-3 h-12">
         {/* Left: hamburger menu icon */}
         <div className="flex items-center justify-center w-7 shrink-0">
diff --git a/src/pages/NotificationsPage.tsx b/src/pages/NotificationsPage.tsx
index 39a0c31d..f73b829b 100644
--- a/src/pages/NotificationsPage.tsx
+++ b/src/pages/NotificationsPage.tsx
@@ -114,7 +114,7 @@ export function NotificationsPage() {
     <main className="">
       {/* Tab bar */}
       <div className="relative sticky top-mobile-bar sidebar:top-0 z-10">
-        <div className="flex bg-background/80 backdrop-blur-md">
+        <div className="flex bg-background">
           {tabs.map(({ key, label }) => (
             <TabButton
               key={key}
@@ -133,7 +133,7 @@ export function NotificationsPage() {
           preserveAspectRatio="none"
           style={{ height: 20 }}
         >
-          <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
+          <path d="M0,0 Q50,12 100,0 Z" className="fill-background" />
         </svg>
       </div>
 

From 954d8ed891cf08b6c5407f9ccf2d51a61537d857 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 19:14:45 -0700
Subject: [PATCH 009/120] Restore 80% opacity on nav bars and arcs, keep blur
 removed

Brings back bg-background/80 and fill-background/80 for the
translucent look while keeping backdrop-blur-md removed.
---
 src/components/Feed.tsx            | 4 ++--
 src/components/MobileBottomNav.tsx | 4 ++--
 src/components/MobileTopBar.tsx    | 2 +-
 src/pages/NotificationsPage.tsx    | 4 ++--
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/Feed.tsx b/src/components/Feed.tsx
index 359363ea..1cfd46b7 100644
--- a/src/components/Feed.tsx
+++ b/src/components/Feed.tsx
@@ -234,7 +234,7 @@ export function Feed({ kinds, tagFilters, header, hideCompose, emptyMessage, fee
       {/* Tabs (logged in) or CTA (logged out, main feed only) */}
       {user ? (
         <div className="relative sticky top-mobile-bar sidebar:top-0 z-10">
-          <div className="flex bg-background overflow-x-auto scrollbar-none">
+          <div className="flex bg-background/80 overflow-x-auto scrollbar-none">
             <TabButton label="Follows" active={activeTab === 'follows'} onClick={() => handleSetActiveTab('follows')} />
             {!isKindSpecificPage && showDittoFeed && (
               <TabButton label="Ditto" active={activeTab === 'ditto'} onClick={() => handleSetActiveTab('ditto')} />
@@ -282,7 +282,7 @@ export function Feed({ kinds, tagFilters, header, hideCompose, emptyMessage, fee
             preserveAspectRatio="none"
             style={{ height: 20 }}
           >
-            <path d="M0,0 Q50,12 100,0 Z" className="fill-background" />
+            <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
           </svg>
         </div>
       ) : !kinds && (
diff --git a/src/components/MobileBottomNav.tsx b/src/components/MobileBottomNav.tsx
index 0d81ba99..9d04a0c1 100644
--- a/src/components/MobileBottomNav.tsx
+++ b/src/components/MobileBottomNav.tsx
@@ -39,7 +39,7 @@ export function MobileBottomNav() {
 
       <nav
         className={cn(
-          'fixed bottom-0 left-0 right-0 z-40 bg-background sidebar:hidden safe-area-bottom',
+          'fixed bottom-0 left-0 right-0 z-40 bg-background/80 sidebar:hidden safe-area-bottom',
           'transition-transform duration-300 ease-in-out',
           isHidden && 'translate-y-full',
         )}
@@ -51,7 +51,7 @@ export function MobileBottomNav() {
           preserveAspectRatio="none"
           style={{ height: 20 }}
         >
-          <path d="M0,12 Q50,0 100,12 Z" className="fill-background" />
+          <path d="M0,12 Q50,0 100,12 Z" className="fill-background/80" />
         </svg>
 
         <div className="h-14 flex items-center">
diff --git a/src/components/MobileTopBar.tsx b/src/components/MobileTopBar.tsx
index 01457e1f..b31e941f 100644
--- a/src/components/MobileTopBar.tsx
+++ b/src/components/MobileTopBar.tsx
@@ -18,7 +18,7 @@ export function MobileTopBar({ onAvatarClick }: MobileTopBarProps) {
   }, [location.pathname]);
 
   return (
-    <header className="sticky top-0 z-20 bg-background sidebar:hidden safe-area-top">
+    <header className="sticky top-0 z-20 bg-background/80 sidebar:hidden safe-area-top">
       <div className="flex items-center px-3 h-12">
         {/* Left: hamburger menu icon */}
         <div className="flex items-center justify-center w-7 shrink-0">
diff --git a/src/pages/NotificationsPage.tsx b/src/pages/NotificationsPage.tsx
index f73b829b..8b828950 100644
--- a/src/pages/NotificationsPage.tsx
+++ b/src/pages/NotificationsPage.tsx
@@ -114,7 +114,7 @@ export function NotificationsPage() {
     <main className="">
       {/* Tab bar */}
       <div className="relative sticky top-mobile-bar sidebar:top-0 z-10">
-        <div className="flex bg-background">
+        <div className="flex bg-background/80">
           {tabs.map(({ key, label }) => (
             <TabButton
               key={key}
@@ -133,7 +133,7 @@ export function NotificationsPage() {
           preserveAspectRatio="none"
           style={{ height: 20 }}
         >
-          <path d="M0,0 Q50,12 100,0 Z" className="fill-background" />
+          <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
         </svg>
       </div>
 

From 8049b045fe0e0d9fb3b4a586475d4cfface587bb Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 19:23:28 -0700
Subject: [PATCH 010/120] Replace circular FAB with filled planet icon shape

Uses the Saturn planet SVG as the button shape instead of a
plain circle. The planet body and ring are filled with the
accent color, and the plus icon remains centered on the body.
---
 src/components/FloatingComposeButton.tsx | 29 ++++++++++++++++++++----
 1 file changed, 25 insertions(+), 4 deletions(-)

diff --git a/src/components/FloatingComposeButton.tsx b/src/components/FloatingComposeButton.tsx
index 96364e04..d030d90a 100644
--- a/src/components/FloatingComposeButton.tsx
+++ b/src/components/FloatingComposeButton.tsx
@@ -45,12 +45,33 @@ export function FloatingComposeButton({ kind = 1, href, onFabClick, icon }: Floa
 
   return (
     <>
-      <Button
+      <button
         onClick={handleClick}
-        className="size-14 rounded-full shadow-lg bg-accent hover:bg-accent/90 text-accent-foreground transition-transform hover:scale-105 active:scale-95"
+        className="relative size-16 transition-transform hover:scale-105 active:scale-95 drop-shadow-lg"
       >
-        {icon ?? <Plus strokeWidth={4} />}
-      </Button>
+        {/* Filled planet shape as the button background */}
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 24 24"
+          className="absolute inset-0 w-full h-full"
+        >
+          {/* Planet body */}
+          <circle cx="12" cy="12" r="8" className="fill-accent" />
+          {/* Ring as a filled stroke so it has thickness */}
+          <path
+            d="M4.05 13c-1.7 1.8-2.5 3.5-1.8 4.5c1.1 1.9 6.4 1 11.8-2s8.9-7.1 7.7-9c-.6-1-2.4-1.2-4.7-.7"
+            fill="none"
+            className="stroke-accent"
+            strokeWidth="2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+        </svg>
+        {/* Plus icon centered on the planet body */}
+        <span className="absolute inset-0 flex items-center justify-center text-accent-foreground">
+          {icon ?? <Plus strokeWidth={4} size={24} />}
+        </span>
+      </button>
 
       {/* Kind 1: Compose modal */}
       {kind === 1 && (

From f96048e4deb61c97f6022aa6b3807258d38d26fe Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 19:24:10 -0700
Subject: [PATCH 011/120] Reduce plus icon size in planet FAB to match original
 proportions

---
 src/components/FloatingComposeButton.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/FloatingComposeButton.tsx b/src/components/FloatingComposeButton.tsx
index d030d90a..d8f5eb10 100644
--- a/src/components/FloatingComposeButton.tsx
+++ b/src/components/FloatingComposeButton.tsx
@@ -69,7 +69,7 @@ export function FloatingComposeButton({ kind = 1, href, onFabClick, icon }: Floa
         </svg>
         {/* Plus icon centered on the planet body */}
         <span className="absolute inset-0 flex items-center justify-center text-accent-foreground">
-          {icon ?? <Plus strokeWidth={4} size={24} />}
+          {icon ?? <Plus strokeWidth={4} size={20} />}
         </span>
       </button>
 

From ad723c41a01b7fc532055edd07e7ddfa219470a6 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 19:25:09 -0700
Subject: [PATCH 012/120] Draw planet ring behind body so it only shows outside
 the circle

Reorders SVG elements so the ring is rendered first and the
filled planet body is drawn on top, occluding the ring where
it crosses. This gives a natural Saturn-like appearance.
---
 src/components/FloatingComposeButton.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/FloatingComposeButton.tsx b/src/components/FloatingComposeButton.tsx
index d8f5eb10..57b5e517 100644
--- a/src/components/FloatingComposeButton.tsx
+++ b/src/components/FloatingComposeButton.tsx
@@ -55,9 +55,7 @@ export function FloatingComposeButton({ kind = 1, href, onFabClick, icon }: Floa
           viewBox="0 0 24 24"
           className="absolute inset-0 w-full h-full"
         >
-          {/* Planet body */}
-          <circle cx="12" cy="12" r="8" className="fill-accent" />
-          {/* Ring as a filled stroke so it has thickness */}
+          {/* Ring drawn first so it sits behind the planet body */}
           <path
             d="M4.05 13c-1.7 1.8-2.5 3.5-1.8 4.5c1.1 1.9 6.4 1 11.8-2s8.9-7.1 7.7-9c-.6-1-2.4-1.2-4.7-.7"
             fill="none"
@@ -66,6 +64,8 @@ export function FloatingComposeButton({ kind = 1, href, onFabClick, icon }: Floa
             strokeLinecap="round"
             strokeLinejoin="round"
           />
+          {/* Planet body on top, occluding the ring where it crosses */}
+          <circle cx="12" cy="12" r="8" className="fill-accent" />
         </svg>
         {/* Plus icon centered on the planet body */}
         <span className="absolute inset-0 flex items-center justify-center text-accent-foreground">

From 65a36f3df856103e2ac6851644e96a0746af8e17 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 19:27:10 -0700
Subject: [PATCH 013/120] Add background-colored border around planet ring in
 FAB

Draws the ring path twice: first with a wider background stroke
to carve a visible gap where it crosses the planet body, then
the accent ring on top. This makes the ring distinct from the body.
---
 src/components/FloatingComposeButton.tsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/FloatingComposeButton.tsx b/src/components/FloatingComposeButton.tsx
index 57b5e517..c1e027af 100644
--- a/src/components/FloatingComposeButton.tsx
+++ b/src/components/FloatingComposeButton.tsx
@@ -55,7 +55,18 @@ export function FloatingComposeButton({ kind = 1, href, onFabClick, icon }: Floa
           viewBox="0 0 24 24"
           className="absolute inset-0 w-full h-full"
         >
-          {/* Ring drawn first so it sits behind the planet body */}
+          {/* Planet body */}
+          <circle cx="12" cy="12" r="8" className="fill-accent" />
+          {/* Ring gap — wider background-colored stroke to create visible border around the ring */}
+          <path
+            d="M4.05 13c-1.7 1.8-2.5 3.5-1.8 4.5c1.1 1.9 6.4 1 11.8-2s8.9-7.1 7.7-9c-.6-1-2.4-1.2-4.7-.7"
+            fill="none"
+            className="stroke-background"
+            strokeWidth="4"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+          {/* Ring — accent-colored, drawn on top of the gap */}
           <path
             d="M4.05 13c-1.7 1.8-2.5 3.5-1.8 4.5c1.1 1.9 6.4 1 11.8-2s8.9-7.1 7.7-9c-.6-1-2.4-1.2-4.7-.7"
             fill="none"
@@ -64,8 +75,6 @@ export function FloatingComposeButton({ kind = 1, href, onFabClick, icon }: Floa
             strokeLinecap="round"
             strokeLinejoin="round"
           />
-          {/* Planet body on top, occluding the ring where it crosses */}
-          <circle cx="12" cy="12" r="8" className="fill-accent" />
         </svg>
         {/* Plus icon centered on the planet body */}
         <span className="absolute inset-0 flex items-center justify-center text-accent-foreground">

From 66fd461dc3f34b571bdc1295d4e89f3909c9d34e Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 19:28:17 -0700
Subject: [PATCH 014/120] Use SVG mask for truly transparent ring gap on planet
 FAB

Replaces the background-colored stroke hack with an SVG mask
that cuts the ring path out of the planet body, making the gap
genuinely see-through to whatever is behind the button.
---
 src/components/FloatingComposeButton.tsx | 30 ++++++++++++++----------
 1 file changed, 18 insertions(+), 12 deletions(-)

diff --git a/src/components/FloatingComposeButton.tsx b/src/components/FloatingComposeButton.tsx
index c1e027af..a2e3b99c 100644
--- a/src/components/FloatingComposeButton.tsx
+++ b/src/components/FloatingComposeButton.tsx
@@ -55,18 +55,24 @@ export function FloatingComposeButton({ kind = 1, href, onFabClick, icon }: Floa
           viewBox="0 0 24 24"
           className="absolute inset-0 w-full h-full"
         >
-          {/* Planet body */}
-          <circle cx="12" cy="12" r="8" className="fill-accent" />
-          {/* Ring gap — wider background-colored stroke to create visible border around the ring */}
-          <path
-            d="M4.05 13c-1.7 1.8-2.5 3.5-1.8 4.5c1.1 1.9 6.4 1 11.8-2s8.9-7.1 7.7-9c-.6-1-2.4-1.2-4.7-.7"
-            fill="none"
-            className="stroke-background"
-            strokeWidth="4"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          />
-          {/* Ring — accent-colored, drawn on top of the gap */}
+          <defs>
+            {/* Mask: white = visible, black = cut out */}
+            <mask id="planet-body-mask">
+              <circle cx="12" cy="12" r="8" fill="white" />
+              {/* Cut out the ring path where it crosses the body */}
+              <path
+                d="M4.05 13c-1.7 1.8-2.5 3.5-1.8 4.5c1.1 1.9 6.4 1 11.8-2s8.9-7.1 7.7-9c-.6-1-2.4-1.2-4.7-.7"
+                fill="none"
+                stroke="black"
+                strokeWidth="4"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+              />
+            </mask>
+          </defs>
+          {/* Planet body with ring gap cut out */}
+          <circle cx="12" cy="12" r="8" className="fill-accent" mask="url(#planet-body-mask)" />
+          {/* Ring — accent-colored */}
           <path
             d="M4.05 13c-1.7 1.8-2.5 3.5-1.8 4.5c1.1 1.9 6.4 1 11.8-2s8.9-7.1 7.7-9c-.6-1-2.4-1.2-4.7-.7"
             fill="none"

From 755d216ff4a1188daea3f2d723f8e3f63e1fce98 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 19:29:07 -0700
Subject: [PATCH 015/120] Shrink plus icon and thin out ring mask gap in planet
 FAB

Reduces plus from 20px to 16px and mask stroke from 4 to 3
for better proportions.
---
 src/components/FloatingComposeButton.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/FloatingComposeButton.tsx b/src/components/FloatingComposeButton.tsx
index a2e3b99c..a88053cf 100644
--- a/src/components/FloatingComposeButton.tsx
+++ b/src/components/FloatingComposeButton.tsx
@@ -64,7 +64,7 @@ export function FloatingComposeButton({ kind = 1, href, onFabClick, icon }: Floa
                 d="M4.05 13c-1.7 1.8-2.5 3.5-1.8 4.5c1.1 1.9 6.4 1 11.8-2s8.9-7.1 7.7-9c-.6-1-2.4-1.2-4.7-.7"
                 fill="none"
                 stroke="black"
-                strokeWidth="4"
+                strokeWidth="3"
                 strokeLinecap="round"
                 strokeLinejoin="round"
               />
@@ -84,7 +84,7 @@ export function FloatingComposeButton({ kind = 1, href, onFabClick, icon }: Floa
         </svg>
         {/* Plus icon centered on the planet body */}
         <span className="absolute inset-0 flex items-center justify-center text-accent-foreground">
-          {icon ?? <Plus strokeWidth={4} size={20} />}
+          {icon ?? <Plus strokeWidth={4} size={16} />}
         </span>
       </button>
 

From b4b9b9ab32f95f1dffaacd82dab61d68c5b2193e Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 19:30:27 -0700
Subject: [PATCH 016/120] Shorten transparent ring mask gap on planet FAB

Uses stroke-dasharray/dashoffset to trim 5% off each end of
the mask path, so the transparent gap doesn't extend to the
very tips of the ring.
---
 src/components/FloatingComposeButton.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/FloatingComposeButton.tsx b/src/components/FloatingComposeButton.tsx
index a88053cf..daa70bb8 100644
--- a/src/components/FloatingComposeButton.tsx
+++ b/src/components/FloatingComposeButton.tsx
@@ -67,6 +67,9 @@ export function FloatingComposeButton({ kind = 1, href, onFabClick, icon }: Floa
                 strokeWidth="3"
                 strokeLinecap="round"
                 strokeLinejoin="round"
+                pathLength="100"
+                strokeDasharray="90"
+                strokeDashoffset="-5"
               />
             </mask>
           </defs>

From a90191ac61e351a645081921b80e12ef50e1099c Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 21:58:27 -0700
Subject: [PATCH 017/120] Add decorative semi-ellipse arc to right edge of
 mobile drawer

Replaces the flat right border with an SVG arc that curves
outward along the full height of the drawer, matching the
curved design language used on the nav bars.
---
 src/components/MobileDrawer.tsx | 11 ++++++++++-
 src/components/ui/sheet.tsx     |  2 +-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/MobileDrawer.tsx b/src/components/MobileDrawer.tsx
index 4d4501fd..7cbe03f6 100644
--- a/src/components/MobileDrawer.tsx
+++ b/src/components/MobileDrawer.tsx
@@ -98,8 +98,17 @@ export function MobileDrawer({ open, onOpenChange }: MobileDrawerProps) {
   return (
     <>
         <Sheet open={open} onOpenChange={(v) => { if (!v) setMoreMenuOpen(false); onOpenChange(v); }}>
-        <SheetContent side="left" className="w-[300px] p-0 gap-0 border-r-border flex flex-col" style={bgStyle}>
+        <SheetContent side="left" className="w-[300px] p-0 gap-0 border-r-0 flex flex-col overflow-visible" style={bgStyle}>
           {hasBgImage && <div className="absolute inset-0 bg-background/70 pointer-events-none" />}
+          {/* Decorative semi-ellipse arc on the right edge */}
+          <svg
+            className="absolute top-0 bottom-0 left-full h-full pointer-events-none"
+            viewBox="0 0 12 100"
+            preserveAspectRatio="none"
+            style={{ width: 20 }}
+          >
+            <path d="M0,0 Q12,50 0,100 Z" className="fill-background/80" />
+          </svg>
           <SheetTitle className="sr-only">Navigation menu</SheetTitle>
 
           {user ? (
diff --git a/src/components/ui/sheet.tsx b/src/components/ui/sheet.tsx
index bf12daaa..ea34e817 100644
--- a/src/components/ui/sheet.tsx
+++ b/src/components/ui/sheet.tsx
@@ -36,7 +36,7 @@ const sheetVariants = cva(
         top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
         bottom:
           "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
-        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        left: "inset-y-0 left-0 h-full w-3/4 data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
         right:
           "inset-y-0 right-0 h-full w-3/4  border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
       },

From 893a7dfb8ab2231f7e317a2941fcc44cc50d0fcf Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 22:02:15 -0700
Subject: [PATCH 018/120] Add vertical semi-ellipse arc to left-side drawer
 edge

Removes the flat right border from the left sheet variant and
adds an SVG arc that curves outward along the right edge,
matching the curved styling used on the horizontal nav bars.
---
 src/components/ui/sheet.tsx | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/components/ui/sheet.tsx b/src/components/ui/sheet.tsx
index ea34e817..a69e30e8 100644
--- a/src/components/ui/sheet.tsx
+++ b/src/components/ui/sheet.tsx
@@ -63,6 +63,17 @@ const SheetContent = React.forwardRef<
       {...props}
     >
       {children}
+      {/* Decorative vertical semi-ellipse arc on the right edge for left-side sheets */}
+      {side === "left" && (
+        <svg
+          className="absolute top-0 bottom-0 left-full h-full pointer-events-none"
+          viewBox="0 0 12 100"
+          preserveAspectRatio="none"
+          style={{ width: 20 }}
+        >
+          <path d="M0,0 Q12,50 0,100 Z" className="fill-background/80" />
+        </svg>
+      )}
       <SheetPrimitive.Close
         className={cn(
           "absolute opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none",

From cf8e60aaa1facbd9f29ef8e5dd08e2842483ea70 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 22:07:03 -0700
Subject: [PATCH 019/120] Make drawer arc more dramatic and match sidebar
 background

Increases the arc width from 20px to 36px with a deeper curve,
and changes fill from background/80 to solid background to
match the drawer's actual background color.
---
 src/components/ui/sheet.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ui/sheet.tsx b/src/components/ui/sheet.tsx
index a69e30e8..a483b676 100644
--- a/src/components/ui/sheet.tsx
+++ b/src/components/ui/sheet.tsx
@@ -67,11 +67,11 @@ const SheetContent = React.forwardRef<
       {side === "left" && (
         <svg
           className="absolute top-0 bottom-0 left-full h-full pointer-events-none"
-          viewBox="0 0 12 100"
+          viewBox="0 0 20 100"
           preserveAspectRatio="none"
-          style={{ width: 20 }}
+          style={{ width: 36 }}
         >
-          <path d="M0,0 Q12,50 0,100 Z" className="fill-background/80" />
+          <path d="M0,0 Q20,50 0,100 Z" className="fill-background" />
         </svg>
       )}
       <SheetPrimitive.Close

From 6e9c971dd0e7a2c7d2199ee21b81b6c1591c325f Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 22:08:56 -0700
Subject: [PATCH 020/120] Extend drawer background image into the vertical arc

Moves the arc from the generic Sheet component into MobileDrawer
so it can inherit the theme background image. Uses clip-path
ellipse on an HTML div instead of SVG fill, with the same
bg-background/70 overlay applied when a background image is set.
---
 src/components/MobileDrawer.tsx | 28 +++++++++++++++++++---------
 src/components/ui/sheet.tsx     | 11 -----------
 2 files changed, 19 insertions(+), 20 deletions(-)

diff --git a/src/components/MobileDrawer.tsx b/src/components/MobileDrawer.tsx
index 7cbe03f6..8d92943d 100644
--- a/src/components/MobileDrawer.tsx
+++ b/src/components/MobileDrawer.tsx
@@ -98,17 +98,27 @@ export function MobileDrawer({ open, onOpenChange }: MobileDrawerProps) {
   return (
     <>
         <Sheet open={open} onOpenChange={(v) => { if (!v) setMoreMenuOpen(false); onOpenChange(v); }}>
-        <SheetContent side="left" className="w-[300px] p-0 gap-0 border-r-0 flex flex-col overflow-visible" style={bgStyle}>
+        <SheetContent side="left" className="w-[300px] p-0 gap-0 border-r-border flex flex-col overflow-visible" style={bgStyle}>
           {hasBgImage && <div className="absolute inset-0 bg-background/70 pointer-events-none" />}
-          {/* Decorative semi-ellipse arc on the right edge */}
-          <svg
-            className="absolute top-0 bottom-0 left-full h-full pointer-events-none"
-            viewBox="0 0 12 100"
-            preserveAspectRatio="none"
-            style={{ width: 20 }}
+          {/* Decorative vertical arc extending the drawer's background */}
+          <div
+            className="absolute top-0 bottom-0 left-full pointer-events-none"
+            style={{ width: 36 }}
           >
-            <path d="M0,0 Q12,50 0,100 Z" className="fill-background/80" />
-          </svg>
+            <div
+              className="w-full h-full bg-background"
+              style={{
+                ...bgStyle,
+                clipPath: 'ellipse(100% 50% at 0% 50%)',
+              }}
+            />
+            {hasBgImage && (
+              <div
+                className="absolute inset-0 bg-background/70"
+                style={{ clipPath: 'ellipse(100% 50% at 0% 50%)' }}
+              />
+            )}
+          </div>
           <SheetTitle className="sr-only">Navigation menu</SheetTitle>
 
           {user ? (
diff --git a/src/components/ui/sheet.tsx b/src/components/ui/sheet.tsx
index a483b676..ea34e817 100644
--- a/src/components/ui/sheet.tsx
+++ b/src/components/ui/sheet.tsx
@@ -63,17 +63,6 @@ const SheetContent = React.forwardRef<
       {...props}
     >
       {children}
-      {/* Decorative vertical semi-ellipse arc on the right edge for left-side sheets */}
-      {side === "left" && (
-        <svg
-          className="absolute top-0 bottom-0 left-full h-full pointer-events-none"
-          viewBox="0 0 20 100"
-          preserveAspectRatio="none"
-          style={{ width: 36 }}
-        >
-          <path d="M0,0 Q20,50 0,100 Z" className="fill-background" />
-        </svg>
-      )}
       <SheetPrimitive.Close
         className={cn(
           "absolute opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none",

From e610f460caf4d209e0e941ffde85b336d2d98403 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 22:10:05 -0700
Subject: [PATCH 021/120] Use single clipped background for seamless drawer arc

Replaces the separate drawer + arc background approach with a
single div spanning both areas, clipped with an SVG clipPath
that defines the rectangle + curved edge shape. The background
image flows seamlessly through the drawer and into the arc
with no seam.
---
 src/components/MobileDrawer.tsx | 39 +++++++++++++++++++--------------
 1 file changed, 23 insertions(+), 16 deletions(-)

diff --git a/src/components/MobileDrawer.tsx b/src/components/MobileDrawer.tsx
index 8d92943d..88985cd3 100644
--- a/src/components/MobileDrawer.tsx
+++ b/src/components/MobileDrawer.tsx
@@ -98,27 +98,34 @@ export function MobileDrawer({ open, onOpenChange }: MobileDrawerProps) {
   return (
     <>
         <Sheet open={open} onOpenChange={(v) => { if (!v) setMoreMenuOpen(false); onOpenChange(v); }}>
-        <SheetContent side="left" className="w-[300px] p-0 gap-0 border-r-border flex flex-col overflow-visible" style={bgStyle}>
-          {hasBgImage && <div className="absolute inset-0 bg-background/70 pointer-events-none" />}
-          {/* Decorative vertical arc extending the drawer's background */}
+        <SheetContent side="left" className="w-[300px] p-0 gap-0 border-r-border flex flex-col overflow-visible">
+          {/* SVG clip path definition for the drawer + arc shape */}
+          <svg className="absolute" width="0" height="0" aria-hidden="true">
+            <defs>
+              <clipPath id="drawer-arc-clip" clipPathUnits="objectBoundingBox">
+                {/* Rectangle for drawer body (0–0.893) + quadratic arc on the right edge */}
+                <path d="M0,0 L0.893,0 Q1,0.5 0.893,1 L0,1 Z" />
+              </clipPath>
+            </defs>
+          </svg>
+          {/* Single background layer spanning drawer + arc so the image flows seamlessly */}
           <div
-            className="absolute top-0 bottom-0 left-full pointer-events-none"
-            style={{ width: 36 }}
-          >
+            className="absolute top-0 left-0 bottom-0 pointer-events-none bg-background"
+            style={{
+              ...bgStyle,
+              width: 336,
+              clipPath: 'url(#drawer-arc-clip)',
+            }}
+          />
+          {hasBgImage && (
             <div
-              className="w-full h-full bg-background"
+              className="absolute top-0 left-0 bottom-0 bg-background/70 pointer-events-none"
               style={{
-                ...bgStyle,
-                clipPath: 'ellipse(100% 50% at 0% 50%)',
+                width: 336,
+                clipPath: 'url(#drawer-arc-clip)',
               }}
             />
-            {hasBgImage && (
-              <div
-                className="absolute inset-0 bg-background/70"
-                style={{ clipPath: 'ellipse(100% 50% at 0% 50%)' }}
-              />
-            )}
-          </div>
+          )}
           <SheetTitle className="sr-only">Navigation menu</SheetTitle>
 
           {user ? (

From 023609f93ce9735a5cf22d8b20f20eb84d49f5c7 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 22:14:28 -0700
Subject: [PATCH 022/120] Add backing opacity layer to mobile top bar

Adds a bg-background/85 layer behind the bg-background/80 layer
in the top header, matching the double-opacity effect that the
tab bar gets from sitting over the main content area. This
ensures consistent visual density regardless of scroll position.
---
 src/components/MobileTopBar.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/MobileTopBar.tsx b/src/components/MobileTopBar.tsx
index b31e941f..81835769 100644
--- a/src/components/MobileTopBar.tsx
+++ b/src/components/MobileTopBar.tsx
@@ -18,8 +18,11 @@ export function MobileTopBar({ onAvatarClick }: MobileTopBarProps) {
   }, [location.pathname]);
 
   return (
-    <header className="sticky top-0 z-20 bg-background/80 sidebar:hidden safe-area-top">
-      <div className="flex items-center px-3 h-12">
+    <header className="sticky top-0 z-20 sidebar:hidden safe-area-top">
+      {/* Backing layer to match the double-opacity look of the tab bar over content */}
+      <div className="absolute inset-0 bg-background/85" />
+      <div className="absolute inset-0 bg-background/80" />
+      <div className="relative flex items-center px-3 h-12">
         {/* Left: hamburger menu icon */}
         <div className="flex items-center justify-center w-7 shrink-0">
           <button onClick={onAvatarClick} className="rounded-full focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 focus:ring-offset-background text-muted-foreground hover:text-foreground transition-colors">

From 5193b7e1dec1db0bea37caf380ce2fd0f7821218 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 22:18:44 -0700
Subject: [PATCH 023/120] Use fixed backing layer behind mobile top bar for
 consistent opacity

Adds a fixed bg-background/85 div at z-index 19 that stays at
the viewport top, while the sticky header sits at z-20 on top.
This ensures the header has the same double-opacity density as
the tab bar at all scroll positions without getting darker when
content scrolls behind it.
---
 src/components/MobileTopBar.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/components/MobileTopBar.tsx b/src/components/MobileTopBar.tsx
index 81835769..290d1f59 100644
--- a/src/components/MobileTopBar.tsx
+++ b/src/components/MobileTopBar.tsx
@@ -18,11 +18,14 @@ export function MobileTopBar({ onAvatarClick }: MobileTopBarProps) {
   }, [location.pathname]);
 
   return (
-    <header className="sticky top-0 z-20 sidebar:hidden safe-area-top">
-      {/* Backing layer to match the double-opacity look of the tab bar over content */}
-      <div className="absolute inset-0 bg-background/85" />
-      <div className="absolute inset-0 bg-background/80" />
-      <div className="relative flex items-center px-3 h-12">
+    <>
+    {/* Fixed backing layer behind the header — stays at viewport top so the header
+        has the same double-opacity look as the tab bar sitting over the content area */}
+    <div className="fixed top-0 left-0 right-0 bg-background/85 sidebar:hidden safe-area-top" style={{ zIndex: 19 }}>
+      <div className="h-12" />
+    </div>
+    <header className="sticky top-0 z-20 bg-background/80 sidebar:hidden safe-area-top">
+      <div className="flex items-center px-3 h-12">
         {/* Left: hamburger menu icon */}
         <div className="flex items-center justify-center w-7 shrink-0">
           <button onClick={onAvatarClick} className="rounded-full focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 focus:ring-offset-background text-muted-foreground hover:text-foreground transition-colors">
@@ -41,5 +44,6 @@ export function MobileTopBar({ onAvatarClick }: MobileTopBarProps) {
         <div className="w-7 shrink-0" />
       </div>
     </header>
+    </>
   );
 }

From 1fd3be1ca588b8a989d3af65da446e1816099790 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 22:23:39 -0700
Subject: [PATCH 024/120] Fix header opacity by layering fixed backing below
 content area
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Lowers the fixed backing layer to z-index 1 and adds z-10 to
the main content area. When at the top of the page, the backing
provides the 85% opacity behind the header. When scrolled, the
content area (z-10) occludes the backing (z-1), so only one
layer of 85% is ever behind the header — matching the tab bar.
---
 src/components/MainLayout.tsx   | 2 +-
 src/components/MobileTopBar.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/MainLayout.tsx b/src/components/MainLayout.tsx
index 4df33aad..75cb8b5d 100644
--- a/src/components/MainLayout.tsx
+++ b/src/components/MainLayout.tsx
@@ -88,7 +88,7 @@ function MainLayoutInner() {
 
         {/* Main content + right sidebar: inside Suspense so the left sidebar persists while lazy pages load */}
         <Suspense fallback={<PageSkeleton />}>
-          <div className={cn("relative flex-1 min-w-0 sidebar:border-l sidebar:border-r border-border bg-background/85", !noMaxWidth && "sidebar:max-w-[600px]", !noOverscroll && "pb-overscroll")}>
+          <div className={cn("relative z-10 flex-1 min-w-0 sidebar:border-l sidebar:border-r border-border bg-background/85", !noMaxWidth && "sidebar:max-w-[600px]", !noOverscroll && "pb-overscroll")}>
             <Outlet />
             {showFAB && (
               <div className="sticky bottom-fab sidebar:bottom-6 z-30 pointer-events-none flex justify-end pr-6">
diff --git a/src/components/MobileTopBar.tsx b/src/components/MobileTopBar.tsx
index 290d1f59..83896968 100644
--- a/src/components/MobileTopBar.tsx
+++ b/src/components/MobileTopBar.tsx
@@ -21,7 +21,7 @@ export function MobileTopBar({ onAvatarClick }: MobileTopBarProps) {
     <>
     {/* Fixed backing layer behind the header — stays at viewport top so the header
         has the same double-opacity look as the tab bar sitting over the content area */}
-    <div className="fixed top-0 left-0 right-0 bg-background/85 sidebar:hidden safe-area-top" style={{ zIndex: 19 }}>
+    <div className="fixed top-0 left-0 right-0 bg-background/85 sidebar:hidden safe-area-top" style={{ zIndex: 1 }}>
       <div className="h-12" />
     </div>
     <header className="sticky top-0 z-20 bg-background/80 sidebar:hidden safe-area-top">

From ed018ba9eccdeff9e016a6f3e147fc1f29d6ae06 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 22:27:15 -0700
Subject: [PATCH 025/120] Extend content area behind header for consistent
 opacity

Removes the fixed backing layer approach. Instead, pulls the
content area up behind the mobile header with a negative margin
and compensating padding. The content's bg-background/85 now
extends behind the header at all scroll positions, giving the
same double-opacity look as the tab bar without any stacking
issues.
---
 src/components/MainLayout.tsx   | 2 +-
 src/components/MobileTopBar.tsx | 7 -------
 src/index.css                   | 6 ++++++
 3 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/components/MainLayout.tsx b/src/components/MainLayout.tsx
index 75cb8b5d..4e7361b5 100644
--- a/src/components/MainLayout.tsx
+++ b/src/components/MainLayout.tsx
@@ -88,7 +88,7 @@ function MainLayoutInner() {
 
         {/* Main content + right sidebar: inside Suspense so the left sidebar persists while lazy pages load */}
         <Suspense fallback={<PageSkeleton />}>
-          <div className={cn("relative z-10 flex-1 min-w-0 sidebar:border-l sidebar:border-r border-border bg-background/85", !noMaxWidth && "sidebar:max-w-[600px]", !noOverscroll && "pb-overscroll")}>
+          <div className={cn("relative flex-1 min-w-0 sidebar:border-l sidebar:border-r border-border bg-background/85 -mt-mobile-bar sidebar:mt-0", !noMaxWidth && "sidebar:max-w-[600px]", !noOverscroll && "pb-overscroll")}>
             <Outlet />
             {showFAB && (
               <div className="sticky bottom-fab sidebar:bottom-6 z-30 pointer-events-none flex justify-end pr-6">
diff --git a/src/components/MobileTopBar.tsx b/src/components/MobileTopBar.tsx
index 83896968..b31e941f 100644
--- a/src/components/MobileTopBar.tsx
+++ b/src/components/MobileTopBar.tsx
@@ -18,12 +18,6 @@ export function MobileTopBar({ onAvatarClick }: MobileTopBarProps) {
   }, [location.pathname]);
 
   return (
-    <>
-    {/* Fixed backing layer behind the header — stays at viewport top so the header
-        has the same double-opacity look as the tab bar sitting over the content area */}
-    <div className="fixed top-0 left-0 right-0 bg-background/85 sidebar:hidden safe-area-top" style={{ zIndex: 1 }}>
-      <div className="h-12" />
-    </div>
     <header className="sticky top-0 z-20 bg-background/80 sidebar:hidden safe-area-top">
       <div className="flex items-center px-3 h-12">
         {/* Left: hamburger menu icon */}
@@ -44,6 +38,5 @@ export function MobileTopBar({ onAvatarClick }: MobileTopBarProps) {
         <div className="w-7 shrink-0" />
       </div>
     </header>
-    </>
   );
 }
diff --git a/src/index.css b/src/index.css
index 595714e1..b10fcc55 100644
--- a/src/index.css
+++ b/src/index.css
@@ -68,6 +68,12 @@
     top: calc(3rem + env(safe-area-inset-top, 0px));
   }
 
+  /* Negative margin to pull content area up behind the mobile top bar */
+  .-mt-mobile-bar {
+    margin-top: calc(-3rem - env(safe-area-inset-top, 0px));
+    padding-top: calc(3rem + env(safe-area-inset-top, 0px));
+  }
+
   /* AI chat height on mobile: full viewport minus top bar, bottom nav (3.5rem), and safe-area insets */
   .ai-chat-height {
     height: calc(100dvh - 3rem - 3.5rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));

From 4441342bff8b3da82644e167e49f5a2b8ed5ba5f Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 22:38:23 -0700
Subject: [PATCH 026/120] Scope content area negative margin to mobile viewport
 only

Wraps the -mt-mobile-bar styles in a max-width: 899px media
query so the negative margin and padding only apply when the
mobile top bar is visible. Desktop layout is unaffected.
---
 src/components/MainLayout.tsx |  2 +-
 src/index.css                 | 10 ++++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/MainLayout.tsx b/src/components/MainLayout.tsx
index 4e7361b5..06b7cc74 100644
--- a/src/components/MainLayout.tsx
+++ b/src/components/MainLayout.tsx
@@ -88,7 +88,7 @@ function MainLayoutInner() {
 
         {/* Main content + right sidebar: inside Suspense so the left sidebar persists while lazy pages load */}
         <Suspense fallback={<PageSkeleton />}>
-          <div className={cn("relative flex-1 min-w-0 sidebar:border-l sidebar:border-r border-border bg-background/85 -mt-mobile-bar sidebar:mt-0", !noMaxWidth && "sidebar:max-w-[600px]", !noOverscroll && "pb-overscroll")}>
+          <div className={cn("relative flex-1 min-w-0 sidebar:border-l sidebar:border-r border-border bg-background/85 -mt-mobile-bar", !noMaxWidth && "sidebar:max-w-[600px]", !noOverscroll && "pb-overscroll")}>
             <Outlet />
             {showFAB && (
               <div className="sticky bottom-fab sidebar:bottom-6 z-30 pointer-events-none flex justify-end pr-6">
diff --git a/src/index.css b/src/index.css
index b10fcc55..329e0621 100644
--- a/src/index.css
+++ b/src/index.css
@@ -68,10 +68,12 @@
     top: calc(3rem + env(safe-area-inset-top, 0px));
   }
 
-  /* Negative margin to pull content area up behind the mobile top bar */
-  .-mt-mobile-bar {
-    margin-top: calc(-3rem - env(safe-area-inset-top, 0px));
-    padding-top: calc(3rem + env(safe-area-inset-top, 0px));
+  /* Negative margin to pull content area up behind the mobile top bar (only when it's visible) */
+  @media (max-width: 899px) {
+    .-mt-mobile-bar {
+      margin-top: calc(-3rem - env(safe-area-inset-top, 0px));
+      padding-top: calc(3rem + env(safe-area-inset-top, 0px));
+    }
   }
 
   /* AI chat height on mobile: full viewport minus top bar, bottom nav (3.5rem), and safe-area insets */

From 7e975ea0fe9e3bc306bfa1eb659dd919ab353b6f Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 22:41:59 -0700
Subject: [PATCH 027/120] Add overflow visible to planet FAB SVG

Ensures the ring path that extends beyond the 24x24 viewBox
is not clipped by the browser's default SVG overflow hidden.
---
 src/components/FloatingComposeButton.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/FloatingComposeButton.tsx b/src/components/FloatingComposeButton.tsx
index daa70bb8..f47a5fc0 100644
--- a/src/components/FloatingComposeButton.tsx
+++ b/src/components/FloatingComposeButton.tsx
@@ -53,6 +53,7 @@ export function FloatingComposeButton({ kind = 1, href, onFabClick, icon }: Floa
         <svg
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 24 24"
+          overflow="visible"
           className="absolute inset-0 w-full h-full"
         >
           <defs>

From 927fe25be5f6b175b7d0a028ebab4f0acc8bdf4b Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 23:03:22 -0700
Subject: [PATCH 028/120] Add decorative semi-ellipse arc to all kind-specific
 feed tab bars
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Applies the same curved arc treatment to Photos, Videos, Vines,
Events, Books, and Themes feed pages — removing the flat bottom
border and adding an SVG semi-ellipse below the Follows/Global
tabs, consistent with the main feed and notifications pages.
---
 src/pages/BooksPage.tsx      | 11 ++++++++---
 src/pages/EventsFeedPage.tsx | 11 ++++++++---
 src/pages/PhotosFeedPage.tsx | 11 ++++++++---
 src/pages/ThemesPage.tsx     | 13 +++++++++----
 src/pages/VideosFeedPage.tsx | 11 ++++++++---
 src/pages/VinesFeedPage.tsx  | 15 ++++++++++-----
 6 files changed, 51 insertions(+), 21 deletions(-)

diff --git a/src/pages/BooksPage.tsx b/src/pages/BooksPage.tsx
index 5ba8a231..6bfd0551 100644
--- a/src/pages/BooksPage.tsx
+++ b/src/pages/BooksPage.tsx
@@ -110,9 +110,14 @@ export function BooksPage() {
 
       {/* Follows / Global tabs */}
       {user && (
-        <div className="flex border-b border-border sticky top-mobile-bar sidebar:top-0 bg-background/80 backdrop-blur-md z-10">
-          <TabButton label="Follows" active={activeTab === 'follows'} onClick={() => setActiveTab('follows')} />
-          <TabButton label="Global" active={activeTab === 'global'} onClick={() => setActiveTab('global')} />
+        <div className="relative sticky top-mobile-bar sidebar:top-0 z-10">
+          <div className="flex bg-background/80 overflow-x-auto scrollbar-none">
+            <TabButton label="Follows" active={activeTab === 'follows'} onClick={() => setActiveTab('follows')} />
+            <TabButton label="Global" active={activeTab === 'global'} onClick={() => setActiveTab('global')} />
+          </div>
+          <svg className="absolute left-0 right-0 top-full w-full pointer-events-none" viewBox="0 0 100 12" preserveAspectRatio="none" style={{ height: 20 }}>
+            <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
+          </svg>
         </div>
       )}
 
diff --git a/src/pages/EventsFeedPage.tsx b/src/pages/EventsFeedPage.tsx
index 27d17945..1bf99ced 100644
--- a/src/pages/EventsFeedPage.tsx
+++ b/src/pages/EventsFeedPage.tsx
@@ -119,9 +119,14 @@ export function EventsFeedPage() {
 
       {/* Follows / Global tabs */}
       {user && (
-        <div className="flex border-b border-border sticky top-mobile-bar sidebar:top-0 bg-background/80 backdrop-blur-md z-10">
-          <TabButton label="Follows" active={activeTab === 'follows'} onClick={() => setActiveTab('follows')} />
-          <TabButton label="Global" active={activeTab === 'global'} onClick={() => setActiveTab('global')} />
+        <div className="relative sticky top-mobile-bar sidebar:top-0 z-10">
+          <div className="flex bg-background/80 overflow-x-auto scrollbar-none">
+            <TabButton label="Follows" active={activeTab === 'follows'} onClick={() => setActiveTab('follows')} />
+            <TabButton label="Global" active={activeTab === 'global'} onClick={() => setActiveTab('global')} />
+          </div>
+          <svg className="absolute left-0 right-0 top-full w-full pointer-events-none" viewBox="0 0 100 12" preserveAspectRatio="none" style={{ height: 20 }}>
+            <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
+          </svg>
         </div>
       )}
 
diff --git a/src/pages/PhotosFeedPage.tsx b/src/pages/PhotosFeedPage.tsx
index 4ba6d3e2..d992c096 100644
--- a/src/pages/PhotosFeedPage.tsx
+++ b/src/pages/PhotosFeedPage.tsx
@@ -103,9 +103,14 @@ export function PhotosFeedPage() {
       </div>
 
       {/* Tabs */}
-      <div className="flex border-b border-border sticky top-mobile-bar sidebar:top-0 bg-background/80 backdrop-blur-md z-10">
-        <TabButton label="Follows" active={activeTab === 'follows'} onClick={() => setActiveTab('follows')} disabled={!user} />
-        <TabButton label="Global" active={activeTab === 'global'} onClick={() => setActiveTab('global')} />
+      <div className="relative sticky top-mobile-bar sidebar:top-0 z-10">
+        <div className="flex bg-background/80 overflow-x-auto scrollbar-none">
+          <TabButton label="Follows" active={activeTab === 'follows'} onClick={() => setActiveTab('follows')} disabled={!user} />
+          <TabButton label="Global" active={activeTab === 'global'} onClick={() => setActiveTab('global')} />
+        </div>
+        <svg className="absolute left-0 right-0 top-full w-full pointer-events-none" viewBox="0 0 100 12" preserveAspectRatio="none" style={{ height: 20 }}>
+          <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
+        </svg>
       </div>
 
       {/* Grid */}
diff --git a/src/pages/ThemesPage.tsx b/src/pages/ThemesPage.tsx
index 4eb05546..99adb823 100644
--- a/src/pages/ThemesPage.tsx
+++ b/src/pages/ThemesPage.tsx
@@ -114,10 +114,15 @@ export function ThemesPage() {
       </div>
 
       {/* Tabs */}
-      <div className="flex border-b border-border sticky top-mobile-bar sidebar:top-0 bg-background/80 backdrop-blur-md z-10">
-        <TabButton label="My Themes" active={activeTab === 'my-themes'} onClick={() => setActiveTab('my-themes')} />
-        <TabButton label="Follows" active={activeTab === 'follows'} onClick={() => setActiveTab('follows')} disabled={!user} />
-        <TabButton label="Global" active={activeTab === 'global'} onClick={() => setActiveTab('global')} />
+      <div className="relative sticky top-mobile-bar sidebar:top-0 z-10">
+        <div className="flex bg-background/80 overflow-x-auto scrollbar-none">
+          <TabButton label="My Themes" active={activeTab === 'my-themes'} onClick={() => setActiveTab('my-themes')} />
+          <TabButton label="Follows" active={activeTab === 'follows'} onClick={() => setActiveTab('follows')} disabled={!user} />
+          <TabButton label="Global" active={activeTab === 'global'} onClick={() => setActiveTab('global')} />
+        </div>
+        <svg className="absolute left-0 right-0 top-full w-full pointer-events-none" viewBox="0 0 100 12" preserveAspectRatio="none" style={{ height: 20 }}>
+          <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
+        </svg>
       </div>
 
       {/* Tab content */}
diff --git a/src/pages/VideosFeedPage.tsx b/src/pages/VideosFeedPage.tsx
index 57c5e211..feaf1eb0 100644
--- a/src/pages/VideosFeedPage.tsx
+++ b/src/pages/VideosFeedPage.tsx
@@ -789,9 +789,14 @@ export function VideosFeedPage() {
       </div>
 
       {/* Follows / Global tabs */}
-      <div className="flex border-b border-border sticky top-mobile-bar sidebar:top-0 bg-background/80 backdrop-blur-md z-10">
-        <TabButton label="Follows" active={feedTab === 'follows'} onClick={() => setFeedTab('follows')} disabled={!user} />
-        <TabButton label="Global" active={feedTab === 'global'} onClick={() => setFeedTab('global')} />
+      <div className="relative sticky top-mobile-bar sidebar:top-0 z-10">
+        <div className="flex bg-background/80 overflow-x-auto scrollbar-none">
+          <TabButton label="Follows" active={feedTab === 'follows'} onClick={() => setFeedTab('follows')} disabled={!user} />
+          <TabButton label="Global" active={feedTab === 'global'} onClick={() => setFeedTab('global')} />
+        </div>
+        <svg className="absolute left-0 right-0 top-full w-full pointer-events-none" viewBox="0 0 100 12" preserveAspectRatio="none" style={{ height: 20 }}>
+          <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
+        </svg>
       </div>
 
       {/* Live streams strip — follows tab filters by followed authors */}
diff --git a/src/pages/VinesFeedPage.tsx b/src/pages/VinesFeedPage.tsx
index 6098e3ca..eeaf01e6 100644
--- a/src/pages/VinesFeedPage.tsx
+++ b/src/pages/VinesFeedPage.tsx
@@ -785,11 +785,16 @@ interface VinesTabBarProps {
 
 function VinesTabBar({ tab, onTabChange, hasUser }: VinesTabBarProps) {
   return (
-    <div className="flex border-b border-border sticky top-mobile-bar sidebar:top-0 bg-background/80 backdrop-blur-md z-10 shrink-0">
-      {hasUser && (
-        <TabButton label="Follows" active={tab === 'follows'} onClick={() => onTabChange('follows')} className="sidebar:py-5 sidebar:font-semibold" indicatorClassName="sidebar:h-[3px]" />
-      )}
-      <TabButton label="Global" active={tab === 'global'} onClick={() => onTabChange('global')} className="sidebar:py-5 sidebar:font-semibold" indicatorClassName="sidebar:h-[3px]" />
+    <div className="relative sticky top-mobile-bar sidebar:top-0 z-10 shrink-0">
+      <div className="flex bg-background/80 overflow-x-auto scrollbar-none">
+        {hasUser && (
+          <TabButton label="Follows" active={tab === 'follows'} onClick={() => onTabChange('follows')} className="sidebar:py-5 sidebar:font-semibold" indicatorClassName="sidebar:h-[3px]" />
+        )}
+        <TabButton label="Global" active={tab === 'global'} onClick={() => onTabChange('global')} className="sidebar:py-5 sidebar:font-semibold" indicatorClassName="sidebar:h-[3px]" />
+      </div>
+      <svg className="absolute left-0 right-0 top-full w-full pointer-events-none" viewBox="0 0 100 12" preserveAspectRatio="none" style={{ height: 20 }}>
+        <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
+      </svg>
     </div>
   );
 }

From e8f91c6e57408d348fca25298f55c1ddbd532861 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 23:07:35 -0700
Subject: [PATCH 029/120] Move Themes page header below the tab bar

Places the title/back-arrow header beneath the My Themes/Follows/
Global tabs instead of between the logo header and tabs, matching
the main feed layout pattern.
---
 src/pages/ThemesPage.tsx | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/pages/ThemesPage.tsx b/src/pages/ThemesPage.tsx
index 99adb823..03d58239 100644
--- a/src/pages/ThemesPage.tsx
+++ b/src/pages/ThemesPage.tsx
@@ -102,17 +102,6 @@ export function ThemesPage() {
 
   return (
     <main className="pb-16 sidebar:pb-0">
-      {/* Page header */}
-      <div className="flex items-center gap-4 px-4 pt-4 pb-5">
-        <Link to="/" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
-          <ArrowLeft className="size-5" />
-        </Link>
-        <div className="flex items-center gap-2 flex-1 min-w-0">
-          <Sparkles className="size-5" />
-          <h1 className="text-xl font-bold">Themes</h1>
-        </div>
-      </div>
-
       {/* Tabs */}
       <div className="relative sticky top-mobile-bar sidebar:top-0 z-10">
         <div className="flex bg-background/80 overflow-x-auto scrollbar-none">
@@ -125,6 +114,17 @@ export function ThemesPage() {
         </svg>
       </div>
 
+      {/* Page header */}
+      <div className="flex items-center gap-4 px-4 pt-4 pb-5">
+        <Link to="/" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
+          <ArrowLeft className="size-5" />
+        </Link>
+        <div className="flex items-center gap-2 flex-1 min-w-0">
+          <Sparkles className="size-5" />
+          <h1 className="text-xl font-bold">Themes</h1>
+        </div>
+      </div>
+
       {/* Tab content */}
       {activeTab === 'my-themes' ? (
         <div className="p-4 space-y-6">

From bc40c681372c27ce3002ac987b6ce2df59bade55 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 23:09:09 -0700
Subject: [PATCH 030/120] Reduce pencil icon size in Themes FAB to match planet
 proportions

---
 src/pages/ThemesPage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/ThemesPage.tsx b/src/pages/ThemesPage.tsx
index 03d58239..0f91c5b3 100644
--- a/src/pages/ThemesPage.tsx
+++ b/src/pages/ThemesPage.tsx
@@ -46,7 +46,7 @@ export function ThemesPage() {
   useLayoutOptions({
     showFAB: activeTab === 'my-themes',
     onFabClick: handleFabClick,
-    fabIcon: <Pencil strokeWidth={3} />,
+    fabIcon: <Pencil strokeWidth={3} size={16} />,
   });
 
   // Feed queries for follows/global tabs

From bf745b67e94dd93c4867c10a422f23d58d347041 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 23:11:48 -0700
Subject: [PATCH 031/120] Move page headers below tab bars on Photos, Videos,
 Events, Books

Repositions the title/back-arrow header beneath the Follows/Global
tabs on all kind-specific feed pages, matching the layout pattern
established on the main feed and Themes pages.
---
 src/pages/BooksPage.tsx      | 26 +++++++++++++-------------
 src/pages/EventsFeedPage.tsx | 24 ++++++++++++------------
 src/pages/PhotosFeedPage.tsx | 22 +++++++++++-----------
 src/pages/VideosFeedPage.tsx | 22 +++++++++++-----------
 4 files changed, 47 insertions(+), 47 deletions(-)

diff --git a/src/pages/BooksPage.tsx b/src/pages/BooksPage.tsx
index 6bfd0551..2e931466 100644
--- a/src/pages/BooksPage.tsx
+++ b/src/pages/BooksPage.tsx
@@ -93,6 +93,19 @@ export function BooksPage() {
 
   return (
     <main className="pb-16 sidebar:pb-0">
+      {/* Follows / Global tabs */}
+      {user && (
+        <div className="relative sticky top-mobile-bar sidebar:top-0 z-10">
+          <div className="flex bg-background/80 overflow-x-auto scrollbar-none">
+            <TabButton label="Follows" active={activeTab === 'follows'} onClick={() => setActiveTab('follows')} />
+            <TabButton label="Global" active={activeTab === 'global'} onClick={() => setActiveTab('global')} />
+          </div>
+          <svg className="absolute left-0 right-0 top-full w-full pointer-events-none" viewBox="0 0 100 12" preserveAspectRatio="none" style={{ height: 20 }}>
+            <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
+          </svg>
+        </div>
+      )}
+
       {/* Page header */}
       <div className="flex items-center gap-4 px-4 mt-4 mb-1">
         <Link to="/" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
@@ -108,19 +121,6 @@ export function BooksPage() {
       {/* Book search bar */}
       <BookSearchBar />
 
-      {/* Follows / Global tabs */}
-      {user && (
-        <div className="relative sticky top-mobile-bar sidebar:top-0 z-10">
-          <div className="flex bg-background/80 overflow-x-auto scrollbar-none">
-            <TabButton label="Follows" active={activeTab === 'follows'} onClick={() => setActiveTab('follows')} />
-            <TabButton label="Global" active={activeTab === 'global'} onClick={() => setActiveTab('global')} />
-          </div>
-          <svg className="absolute left-0 right-0 top-full w-full pointer-events-none" viewBox="0 0 100 12" preserveAspectRatio="none" style={{ height: 20 }}>
-            <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
-          </svg>
-        </div>
-      )}
-
       <PullToRefresh onRefresh={handleRefresh}>
         {showSkeleton ? (
           <div>
diff --git a/src/pages/EventsFeedPage.tsx b/src/pages/EventsFeedPage.tsx
index 1bf99ced..a407dda2 100644
--- a/src/pages/EventsFeedPage.tsx
+++ b/src/pages/EventsFeedPage.tsx
@@ -105,18 +105,6 @@ export function EventsFeedPage() {
 
   return (
     <main className="max-w-2xl mx-auto">
-      {/* Header */}
-      <div className="flex items-center gap-4 px-4 mt-4 mb-1">
-        <Link to="/" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
-          <ArrowLeft className="size-5" />
-        </Link>
-        <div className="flex items-center gap-2 flex-1 min-w-0">
-          <CalendarDays className="size-5" />
-          <h1 className="text-xl font-bold">Events</h1>
-        </div>
-        <KindInfoButton kindDef={eventsDef} icon={sidebarItemIcon('events', 'size-5')} />
-      </div>
-
       {/* Follows / Global tabs */}
       {user && (
         <div className="relative sticky top-mobile-bar sidebar:top-0 z-10">
@@ -130,6 +118,18 @@ export function EventsFeedPage() {
         </div>
       )}
 
+      {/* Header */}
+      <div className="flex items-center gap-4 px-4 mt-4 mb-1">
+        <Link to="/" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
+          <ArrowLeft className="size-5" />
+        </Link>
+        <div className="flex items-center gap-2 flex-1 min-w-0">
+          <CalendarDays className="size-5" />
+          <h1 className="text-xl font-bold">Events</h1>
+        </div>
+        <KindInfoButton kindDef={eventsDef} icon={sidebarItemIcon('events', 'size-5')} />
+      </div>
+
       <PullToRefresh onRefresh={handleRefresh}>
         {showSkeleton ? (
           <div className="divide-y divide-border">
diff --git a/src/pages/PhotosFeedPage.tsx b/src/pages/PhotosFeedPage.tsx
index d992c096..94b90ccb 100644
--- a/src/pages/PhotosFeedPage.tsx
+++ b/src/pages/PhotosFeedPage.tsx
@@ -90,6 +90,17 @@ export function PhotosFeedPage() {
 
   return (
     <main className="">
+      {/* Tabs */}
+      <div className="relative sticky top-mobile-bar sidebar:top-0 z-10">
+        <div className="flex bg-background/80 overflow-x-auto scrollbar-none">
+          <TabButton label="Follows" active={activeTab === 'follows'} onClick={() => setActiveTab('follows')} disabled={!user} />
+          <TabButton label="Global" active={activeTab === 'global'} onClick={() => setActiveTab('global')} />
+        </div>
+        <svg className="absolute left-0 right-0 top-full w-full pointer-events-none" viewBox="0 0 100 12" preserveAspectRatio="none" style={{ height: 20 }}>
+          <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
+        </svg>
+      </div>
+
       {/* Header */}
       <div className="flex items-center gap-4 px-4 mt-4 mb-1">
         <Link to="/" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
@@ -102,17 +113,6 @@ export function PhotosFeedPage() {
         <KindInfoButton kindDef={photosDef} icon={sidebarItemIcon('photos', 'size-5')} />
       </div>
 
-      {/* Tabs */}
-      <div className="relative sticky top-mobile-bar sidebar:top-0 z-10">
-        <div className="flex bg-background/80 overflow-x-auto scrollbar-none">
-          <TabButton label="Follows" active={activeTab === 'follows'} onClick={() => setActiveTab('follows')} disabled={!user} />
-          <TabButton label="Global" active={activeTab === 'global'} onClick={() => setActiveTab('global')} />
-        </div>
-        <svg className="absolute left-0 right-0 top-full w-full pointer-events-none" viewBox="0 0 100 12" preserveAspectRatio="none" style={{ height: 20 }}>
-          <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
-        </svg>
-      </div>
-
       {/* Grid */}
       {showSkeleton ? (
         <MediaCollageSkeleton count={15} />
diff --git a/src/pages/VideosFeedPage.tsx b/src/pages/VideosFeedPage.tsx
index feaf1eb0..2705f7a6 100644
--- a/src/pages/VideosFeedPage.tsx
+++ b/src/pages/VideosFeedPage.tsx
@@ -776,6 +776,17 @@ export function VideosFeedPage() {
 
   return (
     <main className="">
+      {/* Follows / Global tabs */}
+      <div className="relative sticky top-mobile-bar sidebar:top-0 z-10">
+        <div className="flex bg-background/80 overflow-x-auto scrollbar-none">
+          <TabButton label="Follows" active={feedTab === 'follows'} onClick={() => setFeedTab('follows')} disabled={!user} />
+          <TabButton label="Global" active={feedTab === 'global'} onClick={() => setFeedTab('global')} />
+        </div>
+        <svg className="absolute left-0 right-0 top-full w-full pointer-events-none" viewBox="0 0 100 12" preserveAspectRatio="none" style={{ height: 20 }}>
+          <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
+        </svg>
+      </div>
+
       {/* Header */}
       <div className="flex items-center gap-4 px-4 mt-4 mb-1">
         <Link to="/" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
@@ -788,17 +799,6 @@ export function VideosFeedPage() {
         <KindInfoButton kindDef={videosDef} icon={sidebarItemIcon('videos', 'size-5')} />
       </div>
 
-      {/* Follows / Global tabs */}
-      <div className="relative sticky top-mobile-bar sidebar:top-0 z-10">
-        <div className="flex bg-background/80 overflow-x-auto scrollbar-none">
-          <TabButton label="Follows" active={feedTab === 'follows'} onClick={() => setFeedTab('follows')} disabled={!user} />
-          <TabButton label="Global" active={feedTab === 'global'} onClick={() => setFeedTab('global')} />
-        </div>
-        <svg className="absolute left-0 right-0 top-full w-full pointer-events-none" viewBox="0 0 100 12" preserveAspectRatio="none" style={{ height: 20 }}>
-          <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
-        </svg>
-      </div>
-
       {/* Live streams strip — follows tab filters by followed authors */}
       <LiveStreamsStrip tab={feedTab} />
 

From c36dce050f1f027e64221efc964c5de356bafd2e Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 23:25:20 -0700
Subject: [PATCH 032/120] Move Feed header below tabs for all KindFeedPage
 consumers

Repositions the header prop in the Feed component to render
after the tabs and ComposeBox instead of before them. This
applies to all pages using Feed via KindFeedPage including
Treasures, Emoji Packs, Music, Podcasts, Badges, Articles,
Polls, Colors, Decks, and WebXDC.
---
 src/components/Feed.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Feed.tsx b/src/components/Feed.tsx
index 1cfd46b7..447d7256 100644
--- a/src/components/Feed.tsx
+++ b/src/components/Feed.tsx
@@ -229,8 +229,6 @@ export function Feed({ kinds, tagFilters, header, hideCompose, emptyMessage, fee
 
   return (
     <main className="flex-1 min-w-0">
-      {header}
-
       {/* Tabs (logged in) or CTA (logged out, main feed only) */}
       {user ? (
         <div className="relative sticky top-mobile-bar sidebar:top-0 z-10">
@@ -294,6 +292,8 @@ export function Feed({ kinds, tagFilters, header, hideCompose, emptyMessage, fee
 
       {!hideCompose && <ComposeBox compact />}
 
+      {header}
+
       {/* Feed content — saved feed tab gets its own stream */}
       {activeHashtag ? (
         <HashtagFeedContent tag={activeHashtag} />

From c3851c918bcd536ad6edefbe0901ef265ae2e7ca Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 23:28:53 -0700
Subject: [PATCH 033/120] Add decorative semi-ellipse arc below Search page
 Posts/Accounts tabs

Same curved arc treatment: removes border-b and backdrop-blur,
wraps tabs in a relative container with the SVG arc below.
---
 src/pages/SearchPage.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/pages/SearchPage.tsx b/src/pages/SearchPage.tsx
index 2dd44e7a..a5fb7b06 100644
--- a/src/pages/SearchPage.tsx
+++ b/src/pages/SearchPage.tsx
@@ -408,11 +408,14 @@ export function SearchPage() {
   return (
     <main className="">
       {/* Tabs — sticky at top */}
-      <div className={cn(STICKY_HEADER_CLASS, 'bg-background/80 backdrop-blur-md z-10 border-b border-border')}>
-        <div className="flex">
+      <div className={cn(STICKY_HEADER_CLASS, 'relative z-10')}>
+        <div className="flex bg-background/80 overflow-x-auto scrollbar-none">
           <TabButton label="Posts" active={activeTab === 'posts'} onClick={() => setActiveTab('posts')} className="sidebar:py-5" />
           <TabButton label="Accounts" active={activeTab === 'accounts'} onClick={() => setActiveTab('accounts')} className="sidebar:py-5" />
         </div>
+        <svg className="absolute left-0 right-0 top-full w-full pointer-events-none" viewBox="0 0 100 12" preserveAspectRatio="none" style={{ height: 20 }}>
+          <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
+        </svg>
       </div>
 
       {/* ─── Posts Tab ─── */}

From 96e1f42ce99f9d97abee2555d8ceef5bcef8cf8d Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 23:30:07 -0700
Subject: [PATCH 034/120] Update Bookmarks page header to match other feed page
 headers

Removes sticky behavior, backdrop blur, and background from the
header. Uses the same plain header style with back arrow, icon,
and title as Treasures and other feed pages.
---
 src/pages/BookmarksPage.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/pages/BookmarksPage.tsx b/src/pages/BookmarksPage.tsx
index c63c78fb..52d5fdc9 100644
--- a/src/pages/BookmarksPage.tsx
+++ b/src/pages/BookmarksPage.tsx
@@ -7,7 +7,7 @@ import { useAppContext } from '@/hooks/useAppContext';
 import { useBookmarks } from '@/hooks/useBookmarks';
 import { useCurrentUser } from '@/hooks/useCurrentUser';
 import { LoginArea } from '@/components/auth/LoginArea';
-import { cn } from '@/lib/utils';
+
 
 export function BookmarksPage() {
   const { config } = useAppContext();
@@ -22,12 +22,12 @@ export function BookmarksPage() {
 
   return (
       <main className="">
-        {/* Sticky header */}
-        <div className={cn('sidebar:sticky sidebar:top-0', 'flex items-center gap-4 px-4 pt-4 pb-5 bg-background/80 backdrop-blur-md z-10')}>
-          <Link to="/" className="p-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
+        {/* Page header */}
+        <div className="flex items-center gap-4 px-4 mt-4 mb-1">
+          <Link to="/" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
             <ArrowLeft className="size-5" />
           </Link>
-          <div className="flex items-center gap-2">
+          <div className="flex items-center gap-2 flex-1 min-w-0">
             <Bookmark className="size-5" />
             <h1 className="text-xl font-bold">Bookmarks</h1>
           </div>

From 852b7a79deebd8430f48d393c62327bb1bf40f45 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 23:33:10 -0700
Subject: [PATCH 035/120] Add back arrow to Trends page header to match other
 pages

Updates the Trends header to use the same layout pattern as
Bookmarks, Treasures, and other feed pages with a back arrow
that links to home, hidden on desktop.
---
 src/pages/TrendsPage.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/pages/TrendsPage.tsx b/src/pages/TrendsPage.tsx
index e421c131..4b85dae4 100644
--- a/src/pages/TrendsPage.tsx
+++ b/src/pages/TrendsPage.tsx
@@ -1,5 +1,5 @@
 import { useSeoMeta } from "@unhead/react";
-import { Flame, Loader2, Swords, TrendingUp } from "lucide-react";
+import { ArrowLeft, Flame, Loader2, Swords, TrendingUp } from "lucide-react";
 import { useEffect, useMemo, useState } from "react";
 import { useInView } from "react-intersection-observer";
 import { Link } from "react-router-dom";
@@ -65,10 +65,13 @@ export function TrendsPage() {
   return (
     <main className="">
       {/* Page header */}
-      <div className="px-4 py-3.5 sidebar:py-5">
-        <div className="flex items-center gap-2">
+      <div className="flex items-center gap-4 px-4 mt-4 mb-1">
+        <Link to="/" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
+          <ArrowLeft className="size-5" />
+        </Link>
+        <div className="flex items-center gap-2 flex-1 min-w-0">
           <TrendingUp className="size-5" />
-          <h1 className="font-bold text-xl">Trends</h1>
+          <h1 className="text-xl font-bold">Trends</h1>
         </div>
       </div>
 

From a8f2c54dac17590fdb91278c8a08beca254cd24d Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 23:41:44 -0700
Subject: [PATCH 036/120] Add decorative arc to logo header when no sub-header
 exists

Introduces a hasSubHeader layout option. Pages with their own
tab bars set hasSubHeader: true, suppressing the arc on the
mobile top bar. Pages without tab bars (Bookmarks, Trends, etc.)
get the arc on the logo header automatically, ensuring the
bottom-most header always has the curved element.
---
 src/components/MainLayout.tsx   |  4 ++--
 src/components/MobileTopBar.tsx | 10 +++++++++-
 src/contexts/LayoutContext.ts   |  9 ++++++++-
 src/pages/BooksPage.tsx         |  3 +++
 src/pages/EventsFeedPage.tsx    |  2 +-
 src/pages/Index.tsx             |  2 +-
 src/pages/KindFeedPage.tsx      |  2 +-
 src/pages/NotificationsPage.tsx |  3 +++
 src/pages/PhotosFeedPage.tsx    |  2 +-
 src/pages/SearchPage.tsx        |  3 +++
 src/pages/ThemesPage.tsx        |  1 +
 src/pages/VideosFeedPage.tsx    |  2 +-
 src/pages/VinesFeedPage.tsx     |  1 +
 13 files changed, 35 insertions(+), 9 deletions(-)

diff --git a/src/components/MainLayout.tsx b/src/components/MainLayout.tsx
index 06b7cc74..09410d1e 100644
--- a/src/components/MainLayout.tsx
+++ b/src/components/MainLayout.tsx
@@ -64,7 +64,7 @@ function PageSkeleton() {
 
 /** Inner component that reads layout options from the context store. */
 function MainLayoutInner() {
-  const { rightSidebar, showFAB = false, fabKind = 1, fabHref, onFabClick, fabIcon, wrapperClassName, noOverscroll, noMaxWidth } = useLayoutSnapshot();
+  const { rightSidebar, showFAB = false, fabKind = 1, fabHref, onFabClick, fabIcon, wrapperClassName, noOverscroll, noMaxWidth, hasSubHeader } = useLayoutSnapshot();
   const [drawerOpen, setDrawerOpen] = useState(false);
   const { config } = useAppContext();
 
@@ -74,7 +74,7 @@ function MainLayoutInner() {
       {config.magicMouse && <CursorFireEffect />}
 
       {/* Mobile top bar - only on small screens */}
-      <MobileTopBar onAvatarClick={() => setDrawerOpen(true)} />
+      <MobileTopBar onAvatarClick={() => setDrawerOpen(true)} showArc={!hasSubHeader} />
 
       {/* Mobile drawer */}
       <MobileDrawer open={drawerOpen} onOpenChange={setDrawerOpen} />
diff --git a/src/components/MobileTopBar.tsx b/src/components/MobileTopBar.tsx
index b31e941f..0ee19362 100644
--- a/src/components/MobileTopBar.tsx
+++ b/src/components/MobileTopBar.tsx
@@ -5,9 +5,11 @@ import { BarsStaggeredIcon } from '@/components/icons/BarsStaggeredIcon';
 
 interface MobileTopBarProps {
   onAvatarClick: () => void;
+  /** Whether to show the decorative arc below the header (when no sub-header exists). */
+  showArc?: boolean;
 }
 
-export function MobileTopBar({ onAvatarClick }: MobileTopBarProps) {
+export function MobileTopBar({ onAvatarClick, showArc }: MobileTopBarProps) {
   const location = useLocation();
 
   const handleLogoClick = useCallback((e: React.MouseEvent) => {
@@ -37,6 +39,12 @@ export function MobileTopBar({ onAvatarClick }: MobileTopBarProps) {
         {/* Right: spacer for symmetry */}
         <div className="w-7 shrink-0" />
       </div>
+      {/* Decorative arc — only shown when no sub-header provides its own */}
+      {showArc && (
+        <svg className="absolute left-0 right-0 top-full w-full pointer-events-none" viewBox="0 0 100 12" preserveAspectRatio="none" style={{ height: 20 }}>
+          <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
+        </svg>
+      )}
     </header>
   );
 }
diff --git a/src/contexts/LayoutContext.ts b/src/contexts/LayoutContext.ts
index 236a67ec..d95936e8 100644
--- a/src/contexts/LayoutContext.ts
+++ b/src/contexts/LayoutContext.ts
@@ -34,6 +34,12 @@ export interface LayoutOptions {
    * full-width page layouts (e.g. messaging).
    */
   noMaxWidth?: boolean;
+  /**
+   * If true, indicates the page renders its own sub-header with a decorative
+   * arc (e.g. tab bars). The mobile top bar will skip its own arc to avoid
+   * doubling up.
+   */
+  hasSubHeader?: boolean;
 }
 
 type Listener = () => void;
@@ -102,7 +108,8 @@ export function useLayoutOptions(options: LayoutOptions): void {
     prev.current.rightSidebar !== options.rightSidebar ||
     prev.current.scrollContainer !== options.scrollContainer ||
     prev.current.noOverscroll !== options.noOverscroll ||
-    prev.current.noMaxWidth !== options.noMaxWidth;
+    prev.current.noMaxWidth !== options.noMaxWidth ||
+    prev.current.hasSubHeader !== options.hasSubHeader;
 
   if (changed) {
     prev.current = options;
diff --git a/src/pages/BooksPage.tsx b/src/pages/BooksPage.tsx
index 2e931466..fb86d324 100644
--- a/src/pages/BooksPage.tsx
+++ b/src/pages/BooksPage.tsx
@@ -18,6 +18,7 @@ import { usePrefetchBookSummaries } from '@/hooks/useBookSummary';
 import { useCurrentUser } from '@/hooks/useCurrentUser';
 import { useFeedTab } from '@/hooks/useFeedTab';
 import { useAppContext } from '@/hooks/useAppContext';
+import { useLayoutOptions } from '@/contexts/LayoutContext';
 import type { ExtraKindDef } from '@/lib/extraKinds';
 
 type FeedTab = 'follows' | 'global';
@@ -45,6 +46,8 @@ export function BooksPage() {
     description: 'Book reviews, ratings, and discussions from the Nostr community',
   });
 
+  useLayoutOptions({ hasSubHeader: true });
+
   const feedQuery = useBookFeed(activeTab);
 
   const {
diff --git a/src/pages/EventsFeedPage.tsx b/src/pages/EventsFeedPage.tsx
index a407dda2..4e7634f4 100644
--- a/src/pages/EventsFeedPage.tsx
+++ b/src/pages/EventsFeedPage.tsx
@@ -42,7 +42,7 @@ export function EventsFeedPage() {
   const [activeTab, setActiveTab] = useFeedTab<FeedTab>('events', ['follows', 'global']);
 
   useSeoMeta({ title: `Events | ${config.appName}` });
-  useLayoutOptions({ showFAB: true, fabKind: 31923 });
+  useLayoutOptions({ showFAB: true, fabKind: 31923, hasSubHeader: true });
 
   // Calendar events feed
   const feedQuery = useFeed(activeTab, { kinds: [31922, 31923] });
diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index fdb9c5c7..dd06d45d 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -11,7 +11,7 @@ const Index = () => {
     description: 'Your content. Your vibe. Your rules.',
   });
 
-  useLayoutOptions({ showFAB: true, fabKind: 1 });
+  useLayoutOptions({ showFAB: true, fabKind: 1, hasSubHeader: true });
 
   return <Feed />;
 };
diff --git a/src/pages/KindFeedPage.tsx b/src/pages/KindFeedPage.tsx
index 4543e7c6..99857b65 100644
--- a/src/pages/KindFeedPage.tsx
+++ b/src/pages/KindFeedPage.tsx
@@ -50,7 +50,7 @@ export function KindFeedPage({ kind, title, icon, emptyMessage, kindDef, backTo
   });
 
   const fabClick = onFabClick ?? (resolvedDef ? () => setInfoOpen(true) : undefined);
-  useLayoutOptions({ showFAB, fabKind: primaryKind, fabHref, onFabClick: fabClick });
+  useLayoutOptions({ showFAB, fabKind: primaryKind, fabHref, onFabClick: fabClick, hasSubHeader: true });
 
   const kinds = Array.isArray(kind) ? kind : [kind];
 
diff --git a/src/pages/NotificationsPage.tsx b/src/pages/NotificationsPage.tsx
index 8b828950..745a74bc 100644
--- a/src/pages/NotificationsPage.tsx
+++ b/src/pages/NotificationsPage.tsx
@@ -31,6 +31,7 @@ import { useProfileBadges } from '@/hooks/useProfileBadges';
 import { useBadgeDefinitions } from '@/hooks/useBadgeDefinitions';
 import { BADGE_DEFINITION_KIND } from '@/lib/badgeUtils';
 import { Button } from '@/components/ui/button';
+import { useLayoutOptions } from '@/contexts/LayoutContext';
 
 type NotificationTab = 'all' | 'mentions';
 
@@ -42,6 +43,8 @@ export function NotificationsPage() {
     description: 'Your Nostr notifications',
   });
 
+  useLayoutOptions({ hasSubHeader: true });
+
   const [activeTab, setActiveTab] = useState<NotificationTab>('all');
   const { user } = useCurrentUser();
   const queryClient = useQueryClient();
diff --git a/src/pages/PhotosFeedPage.tsx b/src/pages/PhotosFeedPage.tsx
index 94b90ccb..f3784982 100644
--- a/src/pages/PhotosFeedPage.tsx
+++ b/src/pages/PhotosFeedPage.tsx
@@ -43,7 +43,7 @@ export function PhotosFeedPage() {
   const [activeTab, setActiveTab] = useFeedTab<FeedTab>('photos', ['follows', 'global']);
 
   useSeoMeta({ title: `Photos | ${config.appName}`, description: 'Photo posts on Nostr' });
-  useLayoutOptions({ showFAB: false });
+  useLayoutOptions({ showFAB: false, hasSubHeader: true });
 
   // ── Follows feed (chronological) ──
   const followsQuery = useFeed('follows', { kinds: [PHOTO_KIND] });
diff --git a/src/pages/SearchPage.tsx b/src/pages/SearchPage.tsx
index a5fb7b06..36583fe2 100644
--- a/src/pages/SearchPage.tsx
+++ b/src/pages/SearchPage.tsx
@@ -49,6 +49,7 @@ import { TabButton } from '@/components/TabButton';
 // getNostrIdentifierPath removed — identifiers are now handled as autocomplete suggestions
 import { cn, STICKY_HEADER_CLASS, parseKindFilter } from '@/lib/utils';
 import type { TabFilter } from '@/contexts/AppContext';
+import { useLayoutOptions } from '@/contexts/LayoutContext';
 import { isRepostKind, parseRepostContent } from '@/lib/feedUtils';
 import { nip19 } from 'nostr-tools';
 
@@ -91,6 +92,8 @@ export function SearchPage() {
     description: 'Search Nostr',
   });
 
+  useLayoutOptions({ hasSubHeader: true });
+
   const [searchParams, setSearchParams] = useSearchParams();
 
   // Derive tab directly from URL — single source of truth
diff --git a/src/pages/ThemesPage.tsx b/src/pages/ThemesPage.tsx
index 0f91c5b3..b4d4ffde 100644
--- a/src/pages/ThemesPage.tsx
+++ b/src/pages/ThemesPage.tsx
@@ -47,6 +47,7 @@ export function ThemesPage() {
     showFAB: activeTab === 'my-themes',
     onFabClick: handleFabClick,
     fabIcon: <Pencil strokeWidth={3} size={16} />,
+    hasSubHeader: true,
   });
 
   // Feed queries for follows/global tabs
diff --git a/src/pages/VideosFeedPage.tsx b/src/pages/VideosFeedPage.tsx
index 2705f7a6..f82d857b 100644
--- a/src/pages/VideosFeedPage.tsx
+++ b/src/pages/VideosFeedPage.tsx
@@ -719,7 +719,7 @@ export function VideosFeedPage() {
   const [feedTab, setFeedTab] = useFeedTab<FeedTab>('videos', ['follows', 'global']);
 
   useSeoMeta({ title: `Videos | ${config.appName}`, description: 'Videos and live streams on Nostr' });
-  useLayoutOptions({ showFAB: false, noOverscroll: true });
+  useLayoutOptions({ showFAB: false, noOverscroll: true, hasSubHeader: true });
   useEffect(() => { setShowAllVideos(false); }, [feedTab]);
 
   // ── Follows: chronological, small page ──
diff --git a/src/pages/VinesFeedPage.tsx b/src/pages/VinesFeedPage.tsx
index eeaf01e6..b5fbfe8f 100644
--- a/src/pages/VinesFeedPage.tsx
+++ b/src/pages/VinesFeedPage.tsx
@@ -633,6 +633,7 @@ export function VinesFeedPage() {
     showFAB: false,
     scrollContainer,
     noOverscroll: true,
+    hasSubHeader: true,
   });
 
   // Track scroll direction to expand vines when bottom nav hides

From c0e393362c19e06e0e2c2f68b7c1a559df3b4a62 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 23:46:40 -0700
Subject: [PATCH 037/120] Move vine mute toggle from top-right to bottom-right
 corner

---
 src/pages/VinesFeedPage.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/VinesFeedPage.tsx b/src/pages/VinesFeedPage.tsx
index b5fbfe8f..46ed65cf 100644
--- a/src/pages/VinesFeedPage.tsx
+++ b/src/pages/VinesFeedPage.tsx
@@ -441,10 +441,10 @@ export function VineCard({ event, isActive, isNearActive, onCommentClick }: Vine
         </>
       )}
 
-      {/* ── Mute toggle (top-right) — only shown once video is ready ──── */}
+      {/* ── Mute toggle (bottom-right) — only shown once video is ready ──── */}
       {isVideoReady && (
         <button
-          className="absolute top-4 right-4 z-10 size-9 rounded-full bg-black/40 backdrop-blur-sm border border-white/20 flex items-center justify-center text-white hover:bg-black/60 transition-colors"
+          className="absolute bottom-4 right-4 z-10 size-9 rounded-full bg-black/40 backdrop-blur-sm border border-white/20 flex items-center justify-center text-white hover:bg-black/60 transition-colors"
           onClick={toggleMute}
           aria-label={isMuted ? 'Unmute' : 'Mute'}
         >

From 845d1c067e9f6b3acd809324ad70c20916284303 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 00:06:20 -0700
Subject: [PATCH 038/120] Fix mobile search page layout: collapse gap between
 headers and tighten search field spacing

- Hide decorative arc SVG on mobile (only show on desktop with sidebar:block)
- Reduce top padding on search input containers from pt-5 to pt-3 on mobile
- Keep desktop layout unchanged with sidebar:pt-5
---
 src/pages/SearchPage.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/SearchPage.tsx b/src/pages/SearchPage.tsx
index 36583fe2..f91fa7ba 100644
--- a/src/pages/SearchPage.tsx
+++ b/src/pages/SearchPage.tsx
@@ -416,7 +416,7 @@ export function SearchPage() {
           <TabButton label="Posts" active={activeTab === 'posts'} onClick={() => setActiveTab('posts')} className="sidebar:py-5" />
           <TabButton label="Accounts" active={activeTab === 'accounts'} onClick={() => setActiveTab('accounts')} className="sidebar:py-5" />
         </div>
-        <svg className="absolute left-0 right-0 top-full w-full pointer-events-none" viewBox="0 0 100 12" preserveAspectRatio="none" style={{ height: 20 }}>
+        <svg className="absolute left-0 right-0 top-full w-full pointer-events-none hidden sidebar:block" viewBox="0 0 100 12" preserveAspectRatio="none" style={{ height: 20 }}>
           <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
         </svg>
       </div>
@@ -425,7 +425,7 @@ export function SearchPage() {
       {activeTab === 'posts' && (
         <>
           {/* Search input + filter icon */}
-          <div className="px-4 pt-5 pb-3">
+          <div className="px-4 pt-3 sidebar:pt-5 pb-3">
             <div className="flex items-center gap-2">
               <SearchInput
                 initialValue={debouncedSearchQuery}
@@ -779,7 +779,7 @@ export function SearchPage() {
       {activeTab === 'accounts' && (
         <>
           {/* Search input for accounts */}
-          <div className="px-4 pt-5 pb-2">
+          <div className="px-4 pt-3 sidebar:pt-5 pb-2">
             <SearchInput
               initialValue={debouncedSearchQuery}
               onDebouncedChange={setDebouncedSearchQuery}

From 2be05543ee0595d8debf6d704998222b1abc4020 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 00:11:56 -0700
Subject: [PATCH 039/120] Fix mobile search page gap between logo header and
 tabs

- Add flex-1 min-w-0 to <main> to match Feed page layout
- Reduce search input top padding on mobile (pt-2 vs pt-5) so it
  sits directly below the Posts/Accounts tabs without a gap
- Keep desktop padding unchanged with sidebar:pt-5
---
 src/pages/SearchPage.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/SearchPage.tsx b/src/pages/SearchPage.tsx
index f91fa7ba..3a53f4e7 100644
--- a/src/pages/SearchPage.tsx
+++ b/src/pages/SearchPage.tsx
@@ -409,14 +409,14 @@ export function SearchPage() {
   const { data: profiles, isLoading: profilesLoading, followedPubkeys } = useSearchProfiles(activeTab === 'accounts' ? debouncedSearchQuery : '');
 
   return (
-    <main className="">
+    <main className="flex-1 min-w-0">
       {/* Tabs — sticky at top */}
       <div className={cn(STICKY_HEADER_CLASS, 'relative z-10')}>
         <div className="flex bg-background/80 overflow-x-auto scrollbar-none">
           <TabButton label="Posts" active={activeTab === 'posts'} onClick={() => setActiveTab('posts')} className="sidebar:py-5" />
           <TabButton label="Accounts" active={activeTab === 'accounts'} onClick={() => setActiveTab('accounts')} className="sidebar:py-5" />
         </div>
-        <svg className="absolute left-0 right-0 top-full w-full pointer-events-none hidden sidebar:block" viewBox="0 0 100 12" preserveAspectRatio="none" style={{ height: 20 }}>
+        <svg className="absolute left-0 right-0 top-full w-full pointer-events-none" viewBox="0 0 100 12" preserveAspectRatio="none" style={{ height: 20 }}>
           <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
         </svg>
       </div>
@@ -425,7 +425,7 @@ export function SearchPage() {
       {activeTab === 'posts' && (
         <>
           {/* Search input + filter icon */}
-          <div className="px-4 pt-3 sidebar:pt-5 pb-3">
+          <div className="px-4 pt-2 pb-3 sidebar:pt-5">
             <div className="flex items-center gap-2">
               <SearchInput
                 initialValue={debouncedSearchQuery}
@@ -779,7 +779,7 @@ export function SearchPage() {
       {activeTab === 'accounts' && (
         <>
           {/* Search input for accounts */}
-          <div className="px-4 pt-3 sidebar:pt-5 pb-2">
+          <div className="px-4 pt-2 pb-2 sidebar:pt-5">
             <SearchInput
               initialValue={debouncedSearchQuery}
               onDebouncedChange={setDebouncedSearchQuery}

From 28788b1be60ad299e5f2a3be6b4e11b774093f75 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 00:22:43 -0700
Subject: [PATCH 040/120] Restructure search page mobile layout to clone feed
 page pattern

- Use identical inline sticky classes as Feed.tsx instead of STICKY_HEADER_CLASS
- Remove sidebar:py-5 from TabButtons to match Feed's default sizing
- Move search input bar outside conditional tab content, rendered
  always right after tabs (like ComposeBox on Feed page)
- Use px-4 py-3 to match ComposeBox container padding
- Share single SearchInput across both tabs instead of duplicating
- Conditionally show filter/save buttons only on posts tab
---
 src/pages/SearchPage.tsx | 666 +++++++++++++++++++--------------------
 1 file changed, 332 insertions(+), 334 deletions(-)

diff --git a/src/pages/SearchPage.tsx b/src/pages/SearchPage.tsx
index 3a53f4e7..5dccc90a 100644
--- a/src/pages/SearchPage.tsx
+++ b/src/pages/SearchPage.tsx
@@ -46,8 +46,7 @@ import { ListPackPicker } from '@/components/SavedFeedFiltersEditor';
 import { genUserName } from '@/lib/genUserName';
 import { VerifiedNip05Text } from '@/components/Nip05Badge';
 import { TabButton } from '@/components/TabButton';
-// getNostrIdentifierPath removed — identifiers are now handled as autocomplete suggestions
-import { cn, STICKY_HEADER_CLASS, parseKindFilter } from '@/lib/utils';
+import { cn, parseKindFilter } from '@/lib/utils';
 import type { TabFilter } from '@/contexts/AppContext';
 import { useLayoutOptions } from '@/contexts/LayoutContext';
 import { isRepostKind, parseRepostContent } from '@/lib/feedUtils';
@@ -410,339 +409,346 @@ export function SearchPage() {
 
   return (
     <main className="flex-1 min-w-0">
-      {/* Tabs — sticky at top */}
-      <div className={cn(STICKY_HEADER_CLASS, 'relative z-10')}>
+      {/* Tabs — sticky at top, identical structure to Feed.tsx */}
+      <div className="relative sticky top-mobile-bar sidebar:top-0 z-10">
         <div className="flex bg-background/80 overflow-x-auto scrollbar-none">
-          <TabButton label="Posts" active={activeTab === 'posts'} onClick={() => setActiveTab('posts')} className="sidebar:py-5" />
-          <TabButton label="Accounts" active={activeTab === 'accounts'} onClick={() => setActiveTab('accounts')} className="sidebar:py-5" />
+          <TabButton label="Posts" active={activeTab === 'posts'} onClick={() => setActiveTab('posts')} />
+          <TabButton label="Accounts" active={activeTab === 'accounts'} onClick={() => setActiveTab('accounts')} />
         </div>
-        <svg className="absolute left-0 right-0 top-full w-full pointer-events-none" viewBox="0 0 100 12" preserveAspectRatio="none" style={{ height: 20 }}>
+        {/* Decorative semi-ellipse arc below the tabs */}
+        <svg
+          className="absolute left-0 right-0 top-full w-full pointer-events-none"
+          viewBox="0 0 100 12"
+          preserveAspectRatio="none"
+          style={{ height: 20 }}
+        >
           <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
         </svg>
       </div>
 
+      {/* Search input bar — always rendered right after tabs, like ComposeBox on Feed */}
+      <div className="px-4 py-3">
+        <div className="flex items-center gap-2">
+          <SearchInput
+            initialValue={debouncedSearchQuery}
+            onDebouncedChange={setDebouncedSearchQuery}
+          />
+
+          {/* Add to feed button (posts tab only) */}
+          {activeTab === 'posts' && user && (
+            <div className={cn(!debouncedSearchQuery.trim() && !hasActiveFilters ? 'hidden' : undefined)}>
+              <Popover open={savePopoverOpen} onOpenChange={(o) => {
+                setSavePopoverOpen(o);
+                if (o && !saveFeedLabel) {
+                  if (debouncedSearchQuery.trim()) {
+                    setSaveFeedLabel(debouncedSearchQuery.trim());
+                  } else if (listPickerValue) {
+                    const matched =
+                      listPickerValue.startsWith('set:')
+                        ? lists.find((l) => l.id === listPickerValue.slice(4))?.title
+                        : followPacks.find((p) => p.id === listPickerValue.slice(5))?.title;
+                    if (matched) setSaveFeedLabel(matched);
+                  }
+                }
+              }}>
+                <PopoverTrigger asChild>
+                  <button
+                    className={cn(
+                      'shrink-0 h-10 w-10 rounded-lg border flex items-center justify-center transition-colors',
+                      alreadySaved || savedJustNow
+                        ? 'border-primary bg-primary/10 text-primary'
+                        : 'border-border bg-secondary/50 hover:bg-secondary text-muted-foreground hover:text-foreground',
+                    )}
+                    style={{ outline: 'none' }}
+                    aria-label="Add to feed"
+                  >
+                    {savedJustNow ? <Check className="size-4" /> : <BookmarkPlus className="size-4" />}
+                  </button>
+                </PopoverTrigger>
+                <PopoverContent align="end" className="w-64 p-3 space-y-3">
+                  <p className="font-semibold text-sm">Save as tab</p>
+
+                  {alreadySaved ? (
+                    <p className="text-sm text-muted-foreground">Already saved.</p>
+                  ) : (
+                    <>
+                      <Input
+                        placeholder="Tab name…"
+                        value={saveFeedLabel}
+                        onChange={(e) => setSaveFeedLabel(e.target.value)}
+                        onKeyDown={(e) => { if (e.key === 'Enter') handleSaveFeed(); }}
+                        className="bg-secondary/50 border-border focus-visible:ring-1 text-base md:text-sm"
+                        autoFocus
+                      />
+                      <div className="space-y-1">
+                        <SaveDestinationRow
+                          icon={<BookmarkPlus className="size-4 text-muted-foreground" />}
+                          label="Home feed"
+                          description="Tab on your home page"
+                          onClick={() => handleSaveFeed()}
+                          disabled={!saveFeedLabel.trim() || isSavingFeed || isPublishingTabs}
+                          loading={isSavingFeed}
+                        />
+                        {!isAuthorSpecific && (
+                          <SaveDestinationRow
+                            icon={<User className="size-4 text-muted-foreground" />}
+                            label="Profile tab"
+                            description="Your posts matching this search"
+                            onClick={() => handleSaveProfileTab()}
+                            disabled={!saveFeedLabel.trim() || isSavingFeed || isPublishingTabs}
+                            loading={isPublishingTabs}
+                          />
+                        )}
+                      </div>
+                    </>
+                  )}
+                </PopoverContent>
+              </Popover>
+            </div>
+          )}
+
+          {/* Filter popover (posts tab only) */}
+          {activeTab === 'posts' && (
+            <Popover open={filtersOpen} onOpenChange={setFiltersOpen}>
+              <PopoverTrigger asChild>
+                <button
+                  className={cn(
+                    'shrink-0 h-10 w-10 rounded-lg border bg-secondary/50 hover:bg-secondary flex items-center justify-center transition-colors',
+                    filtersOpen
+                      ? 'border-2 border-primary bg-secondary text-primary'
+                      : hasActiveFilters
+                        ? 'border-primary text-primary'
+                        : 'border-border',
+                  )}
+                  style={{ outline: 'none' }}
+                  aria-label="Search filters"
+                >
+                  <SlidersHorizontal className="size-4" />
+                </button>
+              </PopoverTrigger>
+              <PopoverContent align="end" className="w-80 p-3 space-y-3">
+                <div className="flex items-center justify-between">
+                  <span className="font-semibold text-sm">Filters</span>
+                  {hasActiveFilters && (
+                    <button
+                      className="text-xs text-muted-foreground hover:text-foreground flex items-center gap-1 transition-colors"
+                      onClick={resetFilters}
+                    >
+                      <RotateCcw className="size-3" />
+                      Reset
+                    </button>
+                  )}
+                </div>
+
+                {/* Author scope */}
+                <div className="space-y-1.5">
+                  <span className="text-xs font-medium text-muted-foreground uppercase tracking-wide">From</span>
+                  <div className="flex rounded-lg border border-border overflow-hidden">
+                    {([
+                      ['anyone', 'Anyone', Globe],
+                      ['follows', 'Follows', Users],
+                      ['people', 'People', UserSearch],
+                    ] as const).map(([scope, label, Icon]) => (
+                      <button
+                        key={scope}
+                        onClick={() => setAuthorScope(scope as AuthorScope)}
+                        className={cn(
+                          'flex-1 py-1.5 flex items-center justify-center gap-1 text-xs font-medium transition-colors',
+                          authorScope === scope
+                            ? 'bg-primary text-primary-foreground'
+                            : 'bg-secondary/40 text-muted-foreground hover:bg-secondary hover:text-foreground',
+                        )}
+                      >
+                        <Icon className="size-3.5 shrink-0" />
+                        {label}
+                      </button>
+                    ))}
+                  </div>
+                  {authorScope === 'people' && (
+                    <div className="space-y-1.5">
+                      {authorPubkeys.length > 0 && (
+                        <div className="flex flex-wrap gap-1">
+                          {authorPubkeys.map((pk) => (
+                            <AuthorChip key={pk} pubkey={pk} onRemove={() => {
+                              const next = authorPubkeys.filter((p) => p !== pk);
+                              setSearchParams((prev) => {
+                                const n = new URLSearchParams(prev);
+                                n.delete('author');
+                                next.forEach((p) => n.append('author', p));
+                                if (next.length === 0) n.delete('authorScope');
+                                return n;
+                              }, { replace: true });
+                            }} />
+                          ))}
+                        </div>
+                      )}
+                      <AuthorFilterDropdown onCommit={(pubkey) => {
+                        if (!authorPubkeys.includes(pubkey)) {
+                          setSearchParams((prev) => {
+                            const n = new URLSearchParams(prev);
+                            n.append('author', pubkey);
+                            n.set('authorScope', 'people');
+                            return n;
+                          }, { replace: true });
+                        }
+                      }} />
+                      <ListPackPicker
+                        lists={lists}
+                        followPacks={followPacks}
+                        value={listPickerValue}
+                        onSelectPubkeys={setAuthorsFromList}
+                      />
+                    </div>
+                  )}
+                </div>
+                <Separator />
+
+                {/* Sort */}
+                <div className="space-y-1.5">
+                  <span className="text-xs font-medium text-muted-foreground uppercase tracking-wide">Sort</span>
+                  <div className="flex rounded-lg border border-border overflow-hidden">
+                    {([
+                      ['recent', 'Recent', Clock],
+                      ['hot', 'Hot', Flame],
+                      ['trending', 'Trending', TrendingUp],
+                    ] as const).map(([s, label, Icon]) => (
+                      <button
+                        key={s}
+                        onClick={() => setSort(s)}
+                        className={cn(
+                          'flex-1 py-1.5 flex items-center justify-center gap-1 text-xs font-medium transition-colors',
+                          sort === s
+                            ? 'bg-primary text-primary-foreground'
+                            : 'bg-secondary/40 text-muted-foreground hover:bg-secondary hover:text-foreground',
+                        )}
+                      >
+                        <Icon className="size-3.5 shrink-0" />
+                        {label}
+                      </button>
+                    ))}
+                  </div>
+                </div>
+                <Separator />
+
+                {/* Media + Protocol */}
+                <div className="grid grid-cols-2 gap-2">
+                  <div className="space-y-1.5">
+                    <span className="text-xs font-medium text-muted-foreground uppercase tracking-wide flex items-center gap-1">Media</span>
+                    <Select value={mediaType} onValueChange={(v) => setMediaType(v)}>
+                      <SelectTrigger className="w-full bg-secondary/50 h-8 text-base md:text-xs">
+                        <SelectValue />
+                      </SelectTrigger>
+                      <SelectContent>
+                        <SelectItem value="all">All</SelectItem>
+                        <SelectItem value="images">Images</SelectItem>
+                        <SelectItem value="videos">Videos</SelectItem>
+                        <SelectItem value="vines">Shorts</SelectItem>
+                        <SelectItem value="none">No media</SelectItem>
+                      </SelectContent>
+                    </Select>
+                  </div>
+                  <div className="space-y-1.5">
+                    <span className="text-xs font-medium text-muted-foreground uppercase tracking-wide flex items-center gap-1">Protocol <HelpTip faqId="vs-mastodon-bluesky" iconSize="size-3" /></span>
+                    <Select value={platform} onValueChange={(v) => setPlatform(v)}>
+                      <SelectTrigger className="w-full bg-secondary/50 h-8 text-base md:text-xs">
+                        <SelectValue />
+                      </SelectTrigger>
+                      <SelectContent>
+                        <SelectItem value="nostr">Nostr</SelectItem>
+                        <SelectItem value="activitypub">Mastodon</SelectItem>
+                        <SelectItem value="atproto">Bluesky</SelectItem>
+                      </SelectContent>
+                    </Select>
+                  </div>
+                </div>
+
+                {/* Language + Kind */}
+                <div className="grid grid-cols-2 gap-2">
+                  <div className="space-y-1.5">
+                    <span className="text-xs font-medium text-muted-foreground uppercase tracking-wide flex items-center gap-1">Language</span>
+                    <Select value={language} onValueChange={(v) => setLanguage(v)}>
+                      <SelectTrigger className="w-full bg-secondary/50 h-8 text-base md:text-xs">
+                        <SelectValue />
+                      </SelectTrigger>
+                      <SelectContent>
+                        <SelectItem value="global">Global</SelectItem>
+                        <SelectItem value="en">English</SelectItem>
+                        <SelectItem value="es">Spanish</SelectItem>
+                        <SelectItem value="fr">French</SelectItem>
+                        <SelectItem value="de">German</SelectItem>
+                        <SelectItem value="ja">Japanese</SelectItem>
+                        <SelectItem value="zh">Chinese</SelectItem>
+                      </SelectContent>
+                    </Select>
+                  </div>
+                  <div className="space-y-1.5">
+                    <span className="text-xs font-medium text-muted-foreground uppercase tracking-wide flex items-center gap-1">Kind</span>
+                    <KindPicker value={kindFilter} options={kindOptions} onChange={(v) => setKindFilter(v)} />
+                  </div>
+                </div>
+
+                {kindFilter === 'custom' && (
+                  <Input
+                    type="text"
+                    inputMode="numeric"
+                    placeholder="e.g. 1, 30023"
+                    value={customKindText}
+                    onChange={(e) => setCustomKindText(e.target.value)}
+                    className="bg-secondary/50 border-border focus-visible:ring-1 rounded-lg text-base md:text-xs h-8"
+                  />
+                )}
+
+                {/* Include replies toggle */}
+                <Separator />
+                <div className="flex items-center justify-between">
+                  <span className="text-xs font-medium text-muted-foreground">Include replies</span>
+                  <Switch checked={includeReplies} onCheckedChange={setIncludeReplies} className="scale-90" />
+                </div>
+              </PopoverContent>
+            </Popover>
+          )}
+        </div>
+
+        {/* Active filter summary chips (posts tab only) */}
+        {activeTab === 'posts' && activeFilterLabels.length > 0 && (
+          <div className="flex flex-wrap gap-1.5 mt-2">
+            {activeFilterLabels.map((label) => (
+              <Badge key={label} variant="secondary" className="text-xs font-normal">
+                {label}
+              </Badge>
+            ))}
+            <button
+              onClick={resetFilters}
+              className="text-xs text-muted-foreground hover:text-foreground underline underline-offset-2 transition-colors"
+            >
+              Clear
+            </button>
+          </div>
+        )}
+
+        {/* NIP-50 search query debug block (posts tab only) */}
+        {activeTab === 'posts' && debouncedSearchQuery.trim() && (
+          <TooltipProvider>
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <div className="mt-2 px-3 py-2 rounded-md bg-secondary/40 border border-border cursor-default">
+                  <p className="text-xs text-muted-foreground font-mono truncate">
+                    <span className="text-muted-foreground/60 mr-1">search:</span>
+                    {nip50SearchString}
+                  </p>
+                </div>
+              </TooltipTrigger>
+              <TooltipContent side="bottom" className="max-w-xs text-xs font-mono break-all">
+                {nip50SearchString}
+              </TooltipContent>
+            </Tooltip>
+          </TooltipProvider>
+        )}
+      </div>
+
       {/* ─── Posts Tab ─── */}
       {activeTab === 'posts' && (
         <>
-          {/* Search input + filter icon */}
-          <div className="px-4 pt-2 pb-3 sidebar:pt-5">
-            <div className="flex items-center gap-2">
-              <SearchInput
-                initialValue={debouncedSearchQuery}
-                onDebouncedChange={setDebouncedSearchQuery}
-              />
-
-                {/* Add to feed button */}
-                {user && (
-                <div className={cn(!debouncedSearchQuery.trim() && !hasActiveFilters ? 'hidden' : undefined)}>
-                  <Popover open={savePopoverOpen} onOpenChange={(o) => {
-                    setSavePopoverOpen(o);
-                    if (o && !saveFeedLabel) {
-                      // Pre-fill with the search query, or a label derived from active filters
-                      if (debouncedSearchQuery.trim()) {
-                        setSaveFeedLabel(debouncedSearchQuery.trim());
-                      } else if (listPickerValue) {
-                        const matched =
-                          listPickerValue.startsWith('set:')
-                            ? lists.find((l) => l.id === listPickerValue.slice(4))?.title
-                            : followPacks.find((p) => p.id === listPickerValue.slice(5))?.title;
-                        if (matched) setSaveFeedLabel(matched);
-                      }
-                    }
-                  }}>
-                    <PopoverTrigger asChild>
-                      <button
-                        className={cn(
-                          'shrink-0 h-10 w-10 rounded-lg border flex items-center justify-center transition-colors',
-                          alreadySaved || savedJustNow
-                            ? 'border-primary bg-primary/10 text-primary'
-                            : 'border-border bg-secondary/50 hover:bg-secondary text-muted-foreground hover:text-foreground',
-                        )}
-                        style={{ outline: 'none' }}
-                        aria-label="Add to feed"
-                      >
-                        {savedJustNow ? <Check className="size-4" /> : <BookmarkPlus className="size-4" />}
-                      </button>
-                    </PopoverTrigger>
-                    <PopoverContent align="end" className="w-64 p-3 space-y-3">
-                      <p className="font-semibold text-sm">Save as tab</p>
-
-                      {alreadySaved ? (
-                        <p className="text-sm text-muted-foreground">Already saved.</p>
-                      ) : (
-                        <>
-                          <Input
-                            placeholder="Tab name…"
-                            value={saveFeedLabel}
-                            onChange={(e) => setSaveFeedLabel(e.target.value)}
-                            onKeyDown={(e) => { if (e.key === 'Enter') handleSaveFeed(); }}
-                            className="bg-secondary/50 border-border focus-visible:ring-1 text-base md:text-sm"
-                            autoFocus
-                          />
-                          <div className="space-y-1">
-                            <SaveDestinationRow
-                              icon={<BookmarkPlus className="size-4 text-muted-foreground" />}
-                              label="Home feed"
-                              description="Tab on your home page"
-                              onClick={() => handleSaveFeed()}
-                               disabled={!saveFeedLabel.trim() || isSavingFeed || isPublishingTabs}
-                               loading={isSavingFeed}
-                             />
-                             {!isAuthorSpecific && (
-                               <SaveDestinationRow
-                                 icon={<User className="size-4 text-muted-foreground" />}
-                                 label="Profile tab"
-                                 description="Your posts matching this search"
-                                 onClick={() => handleSaveProfileTab()}
-                                 disabled={!saveFeedLabel.trim() || isSavingFeed || isPublishingTabs}
-                                 loading={isPublishingTabs}
-                               />
-                            )}
-                          </div>
-                        </>
-                      )}
-                    </PopoverContent>
-                  </Popover>
-                </div>
-                )}
-
-                {/* Filter popover */}
-                <Popover open={filtersOpen} onOpenChange={setFiltersOpen}>
-                <PopoverTrigger asChild>
-                  <button
-                    className={cn(
-                      'shrink-0 h-10 w-10 rounded-lg border bg-secondary/50 hover:bg-secondary flex items-center justify-center transition-colors',
-                      filtersOpen
-                        ? 'border-2 border-primary bg-secondary text-primary'
-                        : hasActiveFilters
-                          ? 'border-primary text-primary'
-                          : 'border-border',
-                    )}
-                    style={{ outline: 'none' }}
-                    aria-label="Search filters"
-                  >
-                    <SlidersHorizontal className="size-4" />
-                  </button>
-                </PopoverTrigger>
-                <PopoverContent align="end" className="w-80 p-3 space-y-3">
-                  <div className="flex items-center justify-between">
-                    <span className="font-semibold text-sm">Filters</span>
-                    {hasActiveFilters && (
-                      <button
-                        className="text-xs text-muted-foreground hover:text-foreground flex items-center gap-1 transition-colors"
-                        onClick={resetFilters}
-                      >
-                        <RotateCcw className="size-3" />
-                        Reset
-                      </button>
-                    )}
-                  </div>
-
-                  {/* Author scope */}
-                  <div className="space-y-1.5">
-                    <span className="text-xs font-medium text-muted-foreground uppercase tracking-wide">From</span>
-                    <div className="flex rounded-lg border border-border overflow-hidden">
-                      {([
-                        ['anyone', 'Anyone', Globe],
-                        ['follows', 'Follows', Users],
-                        ['people', 'People', UserSearch],
-                      ] as const).map(([scope, label, Icon]) => (
-                        <button
-                          key={scope}
-                          onClick={() => setAuthorScope(scope as AuthorScope)}
-                          className={cn(
-                            'flex-1 py-1.5 flex items-center justify-center gap-1 text-xs font-medium transition-colors',
-                            authorScope === scope
-                              ? 'bg-primary text-primary-foreground'
-                              : 'bg-secondary/40 text-muted-foreground hover:bg-secondary hover:text-foreground',
-                          )}
-                        >
-                          <Icon className="size-3.5 shrink-0" />
-                          {label}
-                        </button>
-                      ))}
-                    </div>
-                    {authorScope === 'people' && (
-                      <div className="space-y-1.5">
-                        {authorPubkeys.length > 0 && (
-                          <div className="flex flex-wrap gap-1">
-                            {authorPubkeys.map((pk) => (
-                              <AuthorChip key={pk} pubkey={pk} onRemove={() => {
-                                const next = authorPubkeys.filter((p) => p !== pk);
-                                setSearchParams((prev) => {
-                                  const n = new URLSearchParams(prev);
-                                  n.delete('author');
-                                  next.forEach((p) => n.append('author', p));
-                                  if (next.length === 0) n.delete('authorScope');
-                                  return n;
-                                }, { replace: true });
-                              }} />
-                            ))}
-                          </div>
-                        )}
-                        <AuthorFilterDropdown onCommit={(pubkey) => {
-                          if (!authorPubkeys.includes(pubkey)) {
-                            setSearchParams((prev) => {
-                              const n = new URLSearchParams(prev);
-                              n.append('author', pubkey);
-                              n.set('authorScope', 'people');
-                              return n;
-                            }, { replace: true });
-                          }
-                        }} />
-                        <ListPackPicker
-                          lists={lists}
-                          followPacks={followPacks}
-                          value={listPickerValue}
-                          onSelectPubkeys={setAuthorsFromList}
-                        />
-                      </div>
-                    )}
-                  </div>
-                  <Separator />
-
-                  {/* Sort */}
-                  <div className="space-y-1.5">
-                    <span className="text-xs font-medium text-muted-foreground uppercase tracking-wide">Sort</span>
-                    <div className="flex rounded-lg border border-border overflow-hidden">
-                      {([
-                        ['recent', 'Recent', Clock],
-                        ['hot', 'Hot', Flame],
-                        ['trending', 'Trending', TrendingUp],
-                      ] as const).map(([s, label, Icon]) => (
-                        <button
-                          key={s}
-                          onClick={() => setSort(s)}
-                          className={cn(
-                            'flex-1 py-1.5 flex items-center justify-center gap-1 text-xs font-medium transition-colors',
-                            sort === s
-                              ? 'bg-primary text-primary-foreground'
-                              : 'bg-secondary/40 text-muted-foreground hover:bg-secondary hover:text-foreground',
-                          )}
-                        >
-                          <Icon className="size-3.5 shrink-0" />
-                          {label}
-                        </button>
-                      ))}
-                    </div>
-                  </div>
-                  <Separator />
-
-                  {/* Media + Protocol */}
-                  <div className="grid grid-cols-2 gap-2">
-                    <div className="space-y-1.5">
-                      <span className="text-xs font-medium text-muted-foreground uppercase tracking-wide flex items-center gap-1">Media</span>
-                      <Select value={mediaType} onValueChange={(v) => setMediaType(v)}>
-                         <SelectTrigger className="w-full bg-secondary/50 h-8 text-base md:text-xs">
-                          <SelectValue />
-                        </SelectTrigger>
-                        <SelectContent>
-                          <SelectItem value="all">All</SelectItem>
-                          <SelectItem value="images">Images</SelectItem>
-                          <SelectItem value="videos">Videos</SelectItem>
-                          <SelectItem value="vines">Shorts</SelectItem>
-                          <SelectItem value="none">No media</SelectItem>
-                        </SelectContent>
-                      </Select>
-                    </div>
-                    <div className="space-y-1.5">
-                      <span className="text-xs font-medium text-muted-foreground uppercase tracking-wide flex items-center gap-1">Protocol <HelpTip faqId="vs-mastodon-bluesky" iconSize="size-3" /></span>
-                      <Select value={platform} onValueChange={(v) => setPlatform(v)}>
-                        <SelectTrigger className="w-full bg-secondary/50 h-8 text-base md:text-xs">
-                          <SelectValue />
-                        </SelectTrigger>
-                        <SelectContent>
-                          <SelectItem value="nostr">Nostr</SelectItem>
-                          <SelectItem value="activitypub">Mastodon</SelectItem>
-                          <SelectItem value="atproto">Bluesky</SelectItem>
-                        </SelectContent>
-                      </Select>
-                    </div>
-                  </div>
-
-                  {/* Language + Kind */}
-                  <div className="grid grid-cols-2 gap-2">
-                    <div className="space-y-1.5">
-                      <span className="text-xs font-medium text-muted-foreground uppercase tracking-wide flex items-center gap-1">Language</span>
-                      <Select value={language} onValueChange={(v) => setLanguage(v)}>
-                         <SelectTrigger className="w-full bg-secondary/50 h-8 text-base md:text-xs">
-                          <SelectValue />
-                        </SelectTrigger>
-                        <SelectContent>
-                          <SelectItem value="global">Global</SelectItem>
-                          <SelectItem value="en">English</SelectItem>
-                          <SelectItem value="es">Spanish</SelectItem>
-                          <SelectItem value="fr">French</SelectItem>
-                          <SelectItem value="de">German</SelectItem>
-                          <SelectItem value="ja">Japanese</SelectItem>
-                          <SelectItem value="zh">Chinese</SelectItem>
-                        </SelectContent>
-                      </Select>
-                    </div>
-                    <div className="space-y-1.5">
-                      <span className="text-xs font-medium text-muted-foreground uppercase tracking-wide flex items-center gap-1">Kind</span>
-                      <KindPicker value={kindFilter} options={kindOptions} onChange={(v) => setKindFilter(v)} />
-                    </div>
-                  </div>
-
-                  {kindFilter === 'custom' && (
-                    <Input
-                      type="text"
-                      inputMode="numeric"
-                      placeholder="e.g. 1, 30023"
-                      value={customKindText}
-                      onChange={(e) => setCustomKindText(e.target.value)}
-                      className="bg-secondary/50 border-border focus-visible:ring-1 rounded-lg text-base md:text-xs h-8"
-                    />
-                  )}
-
-                  {/* Include replies toggle */}
-                  <Separator />
-                  <div className="flex items-center justify-between">
-                    <span className="text-xs font-medium text-muted-foreground">Include replies</span>
-                    <Switch checked={includeReplies} onCheckedChange={setIncludeReplies} className="scale-90" />
-                  </div>
-                </PopoverContent>
-              </Popover>
-            </div>
-
-            {/* Active filter summary chips */}
-            {activeFilterLabels.length > 0 && (
-              <div className="flex flex-wrap gap-1.5 mt-2">
-                {activeFilterLabels.map((label) => (
-                  <Badge key={label} variant="secondary" className="text-xs font-normal">
-                    {label}
-                  </Badge>
-                ))}
-                <button
-                  onClick={resetFilters}
-                  className="text-xs text-muted-foreground hover:text-foreground underline underline-offset-2 transition-colors"
-                >
-                  Clear
-                </button>
-              </div>
-            )}
-
-            {/* NIP-50 search query debug block */}
-            {debouncedSearchQuery.trim() && (
-              <TooltipProvider>
-                <Tooltip>
-                  <TooltipTrigger asChild>
-                    <div className="mt-2 px-3 py-2 rounded-md bg-secondary/40 border border-border cursor-default">
-                      <p className="text-xs text-muted-foreground font-mono truncate">
-                        <span className="text-muted-foreground/60 mr-1">search:</span>
-                        {nip50SearchString}
-                      </p>
-                    </div>
-                  </TooltipTrigger>
-                  <TooltipContent side="bottom" className="max-w-xs text-xs font-mono break-all">
-                    {nip50SearchString}
-                  </TooltipContent>
-                </Tooltip>
-              </TooltipProvider>
-            )}
-          </div>
-
           {/* Post results — stream */}
           {postsLoading && posts.length === 0 ? (
             <div className="divide-y divide-border">
@@ -778,14 +784,6 @@ export function SearchPage() {
       {/* ─── Accounts Tab ─── */}
       {activeTab === 'accounts' && (
         <>
-          {/* Search input for accounts */}
-          <div className="px-4 pt-2 pb-2 sidebar:pt-5">
-            <SearchInput
-              initialValue={debouncedSearchQuery}
-              onDebouncedChange={setDebouncedSearchQuery}
-            />
-          </div>
-
           <div>
             {debouncedSearchQuery.trim() ? (
               profilesLoading ? (

From fe786415adf86850fab6d2ed984959f4dcf85597 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 00:27:15 -0700
Subject: [PATCH 041/120] Reduce tab sub-header height from py-3.5 to py-2

Affects all shared tab bars (Follows/Ditto, Posts/Accounts,
All/Mentions, Follows/Global, etc.) via the single TabButton
component. Brings total height from ~48px to ~36px for a more
compact mobile experience.
---
 src/components/TabButton.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/TabButton.tsx b/src/components/TabButton.tsx
index b9705f43..64d9e870 100644
--- a/src/components/TabButton.tsx
+++ b/src/components/TabButton.tsx
@@ -41,7 +41,7 @@ export function TabButton({ label, active, onClick, disabled, className, indicat
       onClick={handleClick}
       disabled={disabled}
       className={cn(
-        'flex-1 py-3.5 text-center text-sm font-medium transition-colors relative hover:bg-secondary/40 px-4 whitespace-nowrap',
+        'flex-1 py-2 text-center text-sm font-medium transition-colors relative hover:bg-secondary/40 px-4 whitespace-nowrap',
         active ? 'text-foreground' : 'text-muted-foreground',
         disabled && 'opacity-50 cursor-not-allowed hover:bg-transparent',
         className,

From 14df0ba54d310b20a776679cd6d1c1814431ee6c Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 00:30:29 -0700
Subject: [PATCH 042/120] Further reduce tab sub-header height from py-2 to
 py-1.5 (~32px)

---
 src/components/TabButton.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/TabButton.tsx b/src/components/TabButton.tsx
index 64d9e870..a244c73f 100644
--- a/src/components/TabButton.tsx
+++ b/src/components/TabButton.tsx
@@ -41,7 +41,7 @@ export function TabButton({ label, active, onClick, disabled, className, indicat
       onClick={handleClick}
       disabled={disabled}
       className={cn(
-        'flex-1 py-2 text-center text-sm font-medium transition-colors relative hover:bg-secondary/40 px-4 whitespace-nowrap',
+        'flex-1 py-1.5 text-center text-sm font-medium transition-colors relative hover:bg-secondary/40 px-4 whitespace-nowrap',
         active ? 'text-foreground' : 'text-muted-foreground',
         disabled && 'opacity-50 cursor-not-allowed hover:bg-transparent',
         className,

From 87092f0cad7f8f82f68598f6ed181ba7abda6286 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 00:31:40 -0700
Subject: [PATCH 043/120] Reduce mobile top bar height from h-12 (48px) to h-10
 (40px)

Update all CSS utilities that reference the top bar height (top-mobile-bar,
-mt-mobile-bar, ai-chat-height, livestream-height, vine-slide-height) from
3rem to 2.5rem. Scale logo from 28px to 24px to fit.
---
 src/components/MobileTopBar.tsx |  4 ++--
 src/index.css                   | 18 +++++++++---------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/MobileTopBar.tsx b/src/components/MobileTopBar.tsx
index 0ee19362..d9e3c794 100644
--- a/src/components/MobileTopBar.tsx
+++ b/src/components/MobileTopBar.tsx
@@ -21,7 +21,7 @@ export function MobileTopBar({ onAvatarClick, showArc }: MobileTopBarProps) {
 
   return (
     <header className="sticky top-0 z-20 bg-background/80 sidebar:hidden safe-area-top">
-      <div className="flex items-center px-3 h-12">
+      <div className="flex items-center px-3 h-10">
         {/* Left: hamburger menu icon */}
         <div className="flex items-center justify-center w-7 shrink-0">
           <button onClick={onAvatarClick} className="rounded-full focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 focus:ring-offset-background text-muted-foreground hover:text-foreground transition-colors">
@@ -32,7 +32,7 @@ export function MobileTopBar({ onAvatarClick, showArc }: MobileTopBarProps) {
       {/* Center: Ditto logo */}
       <div className="flex-1 flex items-center justify-center">
         <Link to="/" onClick={handleLogoClick}>
-          <DittoLogo size={28} />
+          <DittoLogo size={24} />
         </Link>
       </div>
 
diff --git a/src/index.css b/src/index.css
index 329e0621..32d08d2e 100644
--- a/src/index.css
+++ b/src/index.css
@@ -63,39 +63,39 @@
     }
   }
 
-  /* Mobile top bar height (48px) + safe area inset for sticky elements */
+  /* Mobile top bar height (40px) + safe area inset for sticky elements */
   .top-mobile-bar {
-    top: calc(3rem + env(safe-area-inset-top, 0px));
+    top: calc(2.5rem + env(safe-area-inset-top, 0px));
   }
 
   /* Negative margin to pull content area up behind the mobile top bar (only when it's visible) */
   @media (max-width: 899px) {
     .-mt-mobile-bar {
-      margin-top: calc(-3rem - env(safe-area-inset-top, 0px));
-      padding-top: calc(3rem + env(safe-area-inset-top, 0px));
+      margin-top: calc(-2.5rem - env(safe-area-inset-top, 0px));
+      padding-top: calc(2.5rem + env(safe-area-inset-top, 0px));
     }
   }
 
   /* AI chat height on mobile: full viewport minus top bar, bottom nav (3.5rem), and safe-area insets */
   .ai-chat-height {
-    height: calc(100dvh - 3rem - 3.5rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
+    height: calc(100dvh - 2.5rem - 3.5rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
   }
 
   /* Live stream page height on mobile: full viewport minus top bar, bottom nav, and safe-area insets */
   .livestream-height {
-    height: calc(100dvh - 3rem - 3.5rem - env(safe-area-inset-bottom, 0px));
-    max-height: calc(100dvh - 3rem - 3.5rem - env(safe-area-inset-bottom, 0px));
+    height: calc(100dvh - 2.5rem - 3.5rem - env(safe-area-inset-bottom, 0px));
+    max-height: calc(100dvh - 2.5rem - 3.5rem - env(safe-area-inset-bottom, 0px));
   }
 
   /* Vine feed slide height: full viewport minus top bar, tab bar, bottom nav, and safe-area insets */
   .vine-slide-height {
-    height: calc(100dvh - env(safe-area-inset-top, 0px) - 3rem - 2.5rem - 3.5rem - env(safe-area-inset-bottom, 0px));
+    height: calc(100dvh - env(safe-area-inset-top, 0px) - 2.5rem - 2.5rem - 3.5rem - env(safe-area-inset-bottom, 0px));
     transition: height 300ms ease-in-out;
   }
 
   /* Expanded vine height when bottom nav is hidden */
   .vine-slide-height-expanded {
-    height: calc(100dvh - env(safe-area-inset-top, 0px) - 3rem - 2.5rem);
+    height: calc(100dvh - env(safe-area-inset-top, 0px) - 2.5rem - 2.5rem);
     transition: height 300ms ease-in-out;
   }
 }

From ecfa74721b3d01806eb875c585f21de143c428ef Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 00:32:09 -0700
Subject: [PATCH 044/120] Revert logo size back to 28px in mobile top bar

---
 src/components/MobileTopBar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/MobileTopBar.tsx b/src/components/MobileTopBar.tsx
index d9e3c794..52c0c1b0 100644
--- a/src/components/MobileTopBar.tsx
+++ b/src/components/MobileTopBar.tsx
@@ -32,7 +32,7 @@ export function MobileTopBar({ onAvatarClick, showArc }: MobileTopBarProps) {
       {/* Center: Ditto logo */}
       <div className="flex-1 flex items-center justify-center">
         <Link to="/" onClick={handleLogoClick}>
-          <DittoLogo size={24} />
+          <DittoLogo size={28} />
         </Link>
       </div>
 

From 2637cb2b1dc4cf5a82ce7bca702693e0558f3d6a Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 00:33:10 -0700
Subject: [PATCH 045/120] Remove text labels from mobile bottom nav, keep icons
 only

---
 src/components/MobileBottomNav.tsx | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

diff --git a/src/components/MobileBottomNav.tsx b/src/components/MobileBottomNav.tsx
index 9d04a0c1..03986002 100644
--- a/src/components/MobileBottomNav.tsx
+++ b/src/components/MobileBottomNav.tsx
@@ -61,24 +61,22 @@ export function MobileBottomNav() {
             to="/feed"
             onClick={() => setSearchOpen(false)}
             className={cn(
-              'flex flex-col items-center justify-center gap-0.5 flex-1 py-2 transition-colors',
+              'flex items-center justify-center flex-1 py-2 transition-colors',
               (location.pathname === '/feed' || location.pathname === '/') ? 'text-primary' : 'text-muted-foreground',
             )}
           >
             <PlanetIcon className="size-5" />
-            <span className="text-[10px] font-medium">Feed</span>
           </Link>
 
           {/* Search */}
           <button
             onClick={handleSearchClick}
             className={cn(
-              'flex flex-col items-center justify-center gap-0.5 flex-1 py-2 transition-colors',
+              'flex items-center justify-center flex-1 py-2 transition-colors',
               searchOpen ? 'text-primary' : 'text-muted-foreground',
             )}
           >
             <Search className="size-5" />
-            <span className="text-[10px] font-medium">Search</span>
           </button>
 
           {/* Notifications */}
@@ -87,7 +85,7 @@ export function MobileBottomNav() {
               to="/notifications"
               onClick={() => setSearchOpen(false)}
               className={cn(
-                'flex flex-col items-center justify-center gap-0.5 flex-1 py-2 transition-colors',
+                'flex items-center justify-center flex-1 py-2 transition-colors',
                 location.pathname === '/notifications' ? 'text-primary' : 'text-muted-foreground',
               )}
             >
@@ -97,7 +95,6 @@ export function MobileBottomNav() {
                   <span className="absolute -top-1 right-0 size-2 bg-primary rounded-full" />
                 )}
               </span>
-              <span className="text-[10px] font-medium">Notifications</span>
             </Link>
           )}
 
@@ -107,7 +104,7 @@ export function MobileBottomNav() {
               to={profileUrl}
               onClick={() => setSearchOpen(false)}
               className={cn(
-                'flex flex-col items-center justify-center gap-0.5 flex-1 py-2 transition-colors',
+                'flex items-center justify-center flex-1 py-2 transition-colors',
                 isOnProfile ? 'text-primary' : 'text-muted-foreground',
               )}
             >
@@ -117,17 +114,13 @@ export function MobileBottomNav() {
                   {displayName?.[0]?.toUpperCase() || <User className="size-3" />}
                 </AvatarFallback>
               </Avatar>
-              <span className="text-[10px] font-medium">Profile</span>
             </Link>
           ) : (
             <Link
               to="/profile"
-              className={cn(
-                'flex flex-col items-center justify-center gap-0.5 flex-1 py-2 transition-colors text-muted-foreground',
-              )}
+              className="flex items-center justify-center flex-1 py-2 transition-colors text-muted-foreground"
             >
               <User className="size-5" />
-              <span className="text-[10px] font-medium">Profile</span>
             </Link>
           )}
 

From 0baab2521c5688407e4496ab542e3d74a0094ffc Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 00:34:53 -0700
Subject: [PATCH 046/120] Reduce mobile bottom nav height from h-14 (56px) to
 h-11 (44px)

Update all CSS utilities referencing bottom nav height (bottom-fab,
bottom-mobile-nav, pb-overscroll, ai-chat-height, livestream-height,
vine-slide-height) from 3.5rem to 2.75rem.
---
 src/components/MobileBottomNav.tsx |  2 +-
 src/index.css                      | 18 +++++++++---------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/MobileBottomNav.tsx b/src/components/MobileBottomNav.tsx
index 03986002..25a0e311 100644
--- a/src/components/MobileBottomNav.tsx
+++ b/src/components/MobileBottomNav.tsx
@@ -54,7 +54,7 @@ export function MobileBottomNav() {
           <path d="M0,12 Q50,0 100,12 Z" className="fill-background/80" />
         </svg>
 
-        <div className="h-14 flex items-center">
+        <div className="h-11 flex items-center">
 
           {/* Feed */}
           <Link
diff --git a/src/index.css b/src/index.css
index 32d08d2e..b888d8e9 100644
--- a/src/index.css
+++ b/src/index.css
@@ -42,19 +42,19 @@
   
   /* FAB bottom offset: clears bottom nav + safe area inset on mobile */
   .bottom-fab {
-    bottom: calc(1.5rem + 3.5rem + env(safe-area-inset-bottom, 0px));
+    bottom: calc(1.5rem + 2.75rem + env(safe-area-inset-bottom, 0px));
   }
 
-  /* Position above mobile bottom nav (h-14 = 3.5rem) + safe area */
+  /* Position above mobile bottom nav (h-11 = 2.75rem) + safe area */
   .bottom-mobile-nav {
-    bottom: calc(3.5rem + env(safe-area-inset-bottom, 0px));
+    bottom: calc(2.75rem + env(safe-area-inset-bottom, 0px));
   }
 
   /* Bottom overscroll padding for the center column:
      clears the mobile bottom nav + safe area + generous extra space
      so content can be scrolled well past the bottom bar */
   .pb-overscroll {
-    padding-bottom: calc(10vh + 3.5rem + env(safe-area-inset-bottom, 0px));
+    padding-bottom: calc(10vh + 2.75rem + env(safe-area-inset-bottom, 0px));
   }
 
   @media (min-width: 900px) {
@@ -76,20 +76,20 @@
     }
   }
 
-  /* AI chat height on mobile: full viewport minus top bar, bottom nav (3.5rem), and safe-area insets */
+  /* AI chat height on mobile: full viewport minus top bar, bottom nav (2.75rem), and safe-area insets */
   .ai-chat-height {
-    height: calc(100dvh - 2.5rem - 3.5rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
+    height: calc(100dvh - 2.5rem - 2.75rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
   }
 
   /* Live stream page height on mobile: full viewport minus top bar, bottom nav, and safe-area insets */
   .livestream-height {
-    height: calc(100dvh - 2.5rem - 3.5rem - env(safe-area-inset-bottom, 0px));
-    max-height: calc(100dvh - 2.5rem - 3.5rem - env(safe-area-inset-bottom, 0px));
+    height: calc(100dvh - 2.5rem - 2.75rem - env(safe-area-inset-bottom, 0px));
+    max-height: calc(100dvh - 2.5rem - 2.75rem - env(safe-area-inset-bottom, 0px));
   }
 
   /* Vine feed slide height: full viewport minus top bar, tab bar, bottom nav, and safe-area insets */
   .vine-slide-height {
-    height: calc(100dvh - env(safe-area-inset-top, 0px) - 2.5rem - 2.5rem - 3.5rem - env(safe-area-inset-bottom, 0px));
+    height: calc(100dvh - env(safe-area-inset-top, 0px) - 2.5rem - 2.5rem - 2.75rem - env(safe-area-inset-bottom, 0px));
     transition: height 300ms ease-in-out;
   }
 

From 982b1af312664498f078b5e93beedf911c7d1838 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 00:43:45 -0700
Subject: [PATCH 047/120] Add gradient fill and colored drop-shadow to Saturn
 FAB
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Planet body uses accent→primary diagonal gradient, ring uses
primary→accent horizontal gradient. Replaced generic drop-shadow-lg
with a primary-colored layered drop-shadow for a glowing float effect
that adapts to the current theme.
---
 src/components/FloatingComposeButton.tsx | 24 ++++++++++++++++++------
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/src/components/FloatingComposeButton.tsx b/src/components/FloatingComposeButton.tsx
index f47a5fc0..0803975c 100644
--- a/src/components/FloatingComposeButton.tsx
+++ b/src/components/FloatingComposeButton.tsx
@@ -47,16 +47,28 @@ export function FloatingComposeButton({ kind = 1, href, onFabClick, icon }: Floa
     <>
       <button
         onClick={handleClick}
-        className="relative size-16 transition-transform hover:scale-105 active:scale-95 drop-shadow-lg"
+        className="relative size-16 transition-transform hover:scale-105 active:scale-95"
+        style={{
+          filter: 'drop-shadow(0 4px 12px hsl(var(--primary) / 0.4)) drop-shadow(0 2px 4px hsl(var(--primary) / 0.2))',
+        }}
       >
         {/* Filled planet shape as the button background */}
         <svg
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 24 24"
-          overflow="visible"
           className="absolute inset-0 w-full h-full"
         >
           <defs>
+            {/* Gradient for planet body */}
+            <linearGradient id="planet-gradient" x1="0" y1="0" x2="1" y2="1">
+              <stop offset="0%" style={{ stopColor: 'hsl(var(--accent))' }} />
+              <stop offset="100%" style={{ stopColor: 'hsl(var(--primary))' }} />
+            </linearGradient>
+            {/* Gradient for ring */}
+            <linearGradient id="ring-gradient" x1="0" y1="0" x2="1" y2="0">
+              <stop offset="0%" style={{ stopColor: 'hsl(var(--primary))' }} />
+              <stop offset="100%" style={{ stopColor: 'hsl(var(--accent))' }} />
+            </linearGradient>
             {/* Mask: white = visible, black = cut out */}
             <mask id="planet-body-mask">
               <circle cx="12" cy="12" r="8" fill="white" />
@@ -74,13 +86,13 @@ export function FloatingComposeButton({ kind = 1, href, onFabClick, icon }: Floa
               />
             </mask>
           </defs>
-          {/* Planet body with ring gap cut out */}
-          <circle cx="12" cy="12" r="8" className="fill-accent" mask="url(#planet-body-mask)" />
-          {/* Ring — accent-colored */}
+          {/* Planet body with gradient fill and ring gap cut out */}
+          <circle cx="12" cy="12" r="8" fill="url(#planet-gradient)" mask="url(#planet-body-mask)" />
+          {/* Ring — gradient-colored */}
           <path
             d="M4.05 13c-1.7 1.8-2.5 3.5-1.8 4.5c1.1 1.9 6.4 1 11.8-2s8.9-7.1 7.7-9c-.6-1-2.4-1.2-4.7-.7"
             fill="none"
-            className="stroke-accent"
+            stroke="url(#ring-gradient)"
             strokeWidth="2"
             strokeLinecap="round"
             strokeLinejoin="round"

From c2309a0bd7f5ffaddaabcf0921308bc90d01b1b8 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 09:45:56 -0700
Subject: [PATCH 048/120] Fix Saturn FAB mask rendering on iOS Safari
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Remove pathLength/strokeDasharray/strokeDashoffset from the SVG mask,
which WebKit renders inconsistently. Use a simple full-path black
stroke instead — cross-browser safe with nearly identical visual result
at FAB size.
---
 src/components/FloatingComposeButton.tsx | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/components/FloatingComposeButton.tsx b/src/components/FloatingComposeButton.tsx
index 0803975c..8b7a9769 100644
--- a/src/components/FloatingComposeButton.tsx
+++ b/src/components/FloatingComposeButton.tsx
@@ -69,10 +69,11 @@ export function FloatingComposeButton({ kind = 1, href, onFabClick, icon }: Floa
               <stop offset="0%" style={{ stopColor: 'hsl(var(--primary))' }} />
               <stop offset="100%" style={{ stopColor: 'hsl(var(--accent))' }} />
             </linearGradient>
-            {/* Mask: white = visible, black = cut out */}
+            {/* Mask: white = visible, black = cut out.
+                Strokes the full ring path in black to carve a gap where the ring
+                crosses the planet body. No pathLength/dash tricks — Safari-safe. */}
             <mask id="planet-body-mask">
               <circle cx="12" cy="12" r="8" fill="white" />
-              {/* Cut out the ring path where it crosses the body */}
               <path
                 d="M4.05 13c-1.7 1.8-2.5 3.5-1.8 4.5c1.1 1.9 6.4 1 11.8-2s8.9-7.1 7.7-9c-.6-1-2.4-1.2-4.7-.7"
                 fill="none"
@@ -80,9 +81,6 @@ export function FloatingComposeButton({ kind = 1, href, onFabClick, icon }: Floa
                 strokeWidth="3"
                 strokeLinecap="round"
                 strokeLinejoin="round"
-                pathLength="100"
-                strokeDasharray="90"
-                strokeDashoffset="-5"
               />
             </mask>
           </defs>

From 6a8d1505f1614ff41dac02dc183919ac2e94ee7b Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 09:52:44 -0700
Subject: [PATCH 049/120] Split Saturn ring into explicit front/back arc
 segments for Safari-safe mask
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replaced the pathLength/strokeDasharray trick with two literal front-arc
path segments in the mask (computed by splitting the cubic bezier at
circle intersection points). The ring visually passes in front of the
planet body at the bottom-left and top-right, and behind it through the
middle — identical to the previous Chrome rendering, now cross-browser.
---
 src/components/FloatingComposeButton.tsx | 24 +++++++++++++++++-------
 1 file changed, 17 insertions(+), 7 deletions(-)

diff --git a/src/components/FloatingComposeButton.tsx b/src/components/FloatingComposeButton.tsx
index 8b7a9769..78da043c 100644
--- a/src/components/FloatingComposeButton.tsx
+++ b/src/components/FloatingComposeButton.tsx
@@ -70,25 +70,35 @@ export function FloatingComposeButton({ kind = 1, href, onFabClick, icon }: Floa
               <stop offset="100%" style={{ stopColor: 'hsl(var(--accent))' }} />
             </linearGradient>
             {/* Mask: white = visible, black = cut out.
-                Strokes the full ring path in black to carve a gap where the ring
-                crosses the planet body. No pathLength/dash tricks — Safari-safe. */}
+                Only the FRONT arc segments (outside the circle) are stroked black
+                so the ring appears to pass in front there. The back arc (inside
+                the circle) is not masked, so the planet body covers it.
+                Two explicit path segments — no pathLength/dash tricks, Safari-safe. */}
             <mask id="planet-body-mask">
               <circle cx="12" cy="12" r="8" fill="white" />
+              {/* Front arc piece 1: bottom-left, outside circle */}
               <path
-                d="M4.05 13c-1.7 1.8-2.5 3.5-1.8 4.5c1.1 1.9 6.4 1 11.8-2s8.9-7.1 7.7-9c-.6-1-2.4-1.2-4.7-.7"
+                d="M4.05 13 C2.35 14.8 1.55 16.5 2.25 17.5 C2.84 18.53 4.66 18.74 7.06 18.24"
+                fill="none"
+                stroke="black"
+                strokeWidth="3"
+                strokeLinecap="round"
+              />
+              {/* Front arc piece 2: top-right, outside circle */}
+              <path
+                d="M19.98 11.03 C21.66 9.22 22.4 7.54 21.75 6.5 C21.15 5.5 19.35 5.3 17.05 5.8"
                 fill="none"
                 stroke="black"
                 strokeWidth="3"
                 strokeLinecap="round"
-                strokeLinejoin="round"
               />
             </mask>
           </defs>
-          {/* Planet body with gradient fill and ring gap cut out */}
+          {/* Planet body with gradient fill, front-arc gap cut out */}
           <circle cx="12" cy="12" r="8" fill="url(#planet-gradient)" mask="url(#planet-body-mask)" />
-          {/* Ring — gradient-colored */}
+          {/* Full ring as one continuous path — gradient flows smoothly */}
           <path
-            d="M4.05 13c-1.7 1.8-2.5 3.5-1.8 4.5c1.1 1.9 6.4 1 11.8-2s8.9-7.1 7.7-9c-.6-1-2.4-1.2-4.7-.7"
+            d="M4.05 13 C2.35 14.8 1.55 16.5 2.25 17.5 C2.84 18.53 4.66 18.74 7.06 18.24 C9.1 17.82 11.57 16.88 14.05 15.5 C16.51 14.14 18.57 12.54 19.98 11.03 C21.66 9.22 22.4 7.54 21.75 6.5 C21.15 5.5 19.35 5.3 17.05 5.8"
             fill="none"
             stroke="url(#ring-gradient)"
             strokeWidth="2"

From d7c662ec7c6ba79425773c45ab4ec9bdf6afcfc6 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 09:54:10 -0700
Subject: [PATCH 050/120] Invert Saturn ring mask: middle arc passes in front,
 edges pass behind

---
 src/components/FloatingComposeButton.tsx | 20 ++++++--------------
 1 file changed, 6 insertions(+), 14 deletions(-)

diff --git a/src/components/FloatingComposeButton.tsx b/src/components/FloatingComposeButton.tsx
index 78da043c..f0ceb435 100644
--- a/src/components/FloatingComposeButton.tsx
+++ b/src/components/FloatingComposeButton.tsx
@@ -70,23 +70,15 @@ export function FloatingComposeButton({ kind = 1, href, onFabClick, icon }: Floa
               <stop offset="100%" style={{ stopColor: 'hsl(var(--accent))' }} />
             </linearGradient>
             {/* Mask: white = visible, black = cut out.
-                Only the FRONT arc segments (outside the circle) are stroked black
-                so the ring appears to pass in front there. The back arc (inside
-                the circle) is not masked, so the planet body covers it.
-                Two explicit path segments — no pathLength/dash tricks, Safari-safe. */}
+                The middle arc (crossing through the circle) is stroked black
+                so the ring appears to pass in front there. The outer arcs at
+                the edges pass behind the planet body naturally.
+                Single explicit path segment — no pathLength/dash tricks, Safari-safe. */}
             <mask id="planet-body-mask">
               <circle cx="12" cy="12" r="8" fill="white" />
-              {/* Front arc piece 1: bottom-left, outside circle */}
+              {/* Middle arc: crosses through the planet body, ring passes in front */}
               <path
-                d="M4.05 13 C2.35 14.8 1.55 16.5 2.25 17.5 C2.84 18.53 4.66 18.74 7.06 18.24"
-                fill="none"
-                stroke="black"
-                strokeWidth="3"
-                strokeLinecap="round"
-              />
-              {/* Front arc piece 2: top-right, outside circle */}
-              <path
-                d="M19.98 11.03 C21.66 9.22 22.4 7.54 21.75 6.5 C21.15 5.5 19.35 5.3 17.05 5.8"
+                d="M7.06 18.24 C9.1 17.82 11.57 16.88 14.05 15.5 C16.51 14.14 18.57 12.54 19.98 11.03"
                 fill="none"
                 stroke="black"
                 strokeWidth="3"

From b907c27be4285652358cbd00b6efd0237f8fb22c Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 09:58:22 -0700
Subject: [PATCH 051/120] Fix sub-pixel seam between bottom nav arc and bar
 during scroll animation

Overlap the SVG arc 1px into the nav bar (bottom: calc(100% - 1px))
and add will-change-transform to promote the entire nav to a single
compositing layer. Prevents the transparent seam that appeared during
fast scroll-triggered show/hide transitions.
---
 src/components/MobileBottomNav.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/MobileBottomNav.tsx b/src/components/MobileBottomNav.tsx
index 25a0e311..a057751b 100644
--- a/src/components/MobileBottomNav.tsx
+++ b/src/components/MobileBottomNav.tsx
@@ -39,17 +39,18 @@ export function MobileBottomNav() {
 
       <nav
         className={cn(
-          'fixed bottom-0 left-0 right-0 z-40 bg-background/80 sidebar:hidden safe-area-bottom',
+          'fixed bottom-0 left-0 right-0 z-40 bg-background/80 sidebar:hidden safe-area-bottom will-change-transform',
           'transition-transform duration-300 ease-in-out',
           isHidden && 'translate-y-full',
         )}
       >
-        {/* Decorative semi-ellipse arc on top of the nav */}
+        {/* Decorative semi-ellipse arc on top of the nav.
+            Overlaps 1px into the nav bar to prevent sub-pixel seam during translate animation. */}
         <svg
-          className="absolute left-0 right-0 bottom-full w-full pointer-events-none"
+          className="absolute left-0 right-0 w-full pointer-events-none"
           viewBox="0 0 100 12"
           preserveAspectRatio="none"
-          style={{ height: 20 }}
+          style={{ height: 20, bottom: 'calc(100% - 1px)' }}
         >
           <path d="M0,12 Q50,0 100,12 Z" className="fill-background/80" />
         </svg>

From 2f5f284ac903d389aab502c8dd76e0316f1fd8c8 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 10:00:45 -0700
Subject: [PATCH 052/120] Unify bottom nav arc and bar into single SVG shape

Draw the arc and rectangle as one combined path instead of a separate
SVG arc over a bg-background/80 div. Single fill layer eliminates both
the sub-pixel seam during animation and the double-opacity overlap line.
---
 src/components/MobileBottomNav.tsx | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/components/MobileBottomNav.tsx b/src/components/MobileBottomNav.tsx
index a057751b..c6cb0a97 100644
--- a/src/components/MobileBottomNav.tsx
+++ b/src/components/MobileBottomNav.tsx
@@ -39,23 +39,22 @@ export function MobileBottomNav() {
 
       <nav
         className={cn(
-          'fixed bottom-0 left-0 right-0 z-40 bg-background/80 sidebar:hidden safe-area-bottom will-change-transform',
+          'fixed bottom-0 left-0 right-0 z-40 sidebar:hidden safe-area-bottom will-change-transform',
           'transition-transform duration-300 ease-in-out',
           isHidden && 'translate-y-full',
         )}
       >
-        {/* Decorative semi-ellipse arc on top of the nav.
-            Overlaps 1px into the nav bar to prevent sub-pixel seam during translate animation. */}
+        {/* Single unified background: arc + rectangle drawn as one SVG shape.
+            No separate layers = no opacity overlap seam, no sub-pixel gap. */}
         <svg
-          className="absolute left-0 right-0 w-full pointer-events-none"
-          viewBox="0 0 100 12"
+          className="absolute left-0 right-0 bottom-0 w-full h-[calc(100%+20px)] pointer-events-none"
+          viewBox="0 0 100 32"
           preserveAspectRatio="none"
-          style={{ height: 20, bottom: 'calc(100% - 1px)' }}
         >
-          <path d="M0,12 Q50,0 100,12 Z" className="fill-background/80" />
+          <path d="M0,12 Q50,0 100,12 L100,32 L0,32 Z" className="fill-background/80" />
         </svg>
 
-        <div className="h-11 flex items-center">
+        <div className="h-11 flex items-center relative">
 
           {/* Feed */}
           <Link

From e3301765f6c4cf8e0aaeba09e57fce6d29e745bf Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 10:03:30 -0700
Subject: [PATCH 053/120] Match bottom nav arc curvature to top header arc

Use same physical deflection (20px) as the top header's decorative arc
so both curves have identical curvature radius.
---
 src/components/MobileBottomNav.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/MobileBottomNav.tsx b/src/components/MobileBottomNav.tsx
index c6cb0a97..5e7ea828 100644
--- a/src/components/MobileBottomNav.tsx
+++ b/src/components/MobileBottomNav.tsx
@@ -45,13 +45,15 @@ export function MobileBottomNav() {
         )}
       >
         {/* Single unified background: arc + rectangle drawn as one SVG shape.
+            Arc uses 12/32 ratio matching the top header arc (viewBox 0 0 100 12, height 20px).
             No separate layers = no opacity overlap seam, no sub-pixel gap. */}
         <svg
-          className="absolute left-0 right-0 bottom-0 w-full h-[calc(100%+20px)] pointer-events-none"
-          viewBox="0 0 100 32"
+          className="absolute left-0 right-0 bottom-0 w-full pointer-events-none"
+          viewBox="0 0 100 64"
           preserveAspectRatio="none"
+          style={{ height: 'calc(100% + 20px)' }}
         >
-          <path d="M0,12 Q50,0 100,12 L100,32 L0,32 Z" className="fill-background/80" />
+          <path d="M0,20 Q50,0 100,20 L100,64 L0,64 Z" className="fill-background/80" />
         </svg>
 
         <div className="h-11 flex items-center relative">

From 7fad0770f029535c263b6e295c552370fb5e3db0 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 10:06:23 -0700
Subject: [PATCH 054/120] Hide bottom nav fully including arc overhang on
 scroll

Replace translate-y-full (100%) with translateY(calc(100% + 20px))
to account for the 20px arc extending above the nav element.
---
 src/components/MobileBottomNav.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/MobileBottomNav.tsx b/src/components/MobileBottomNav.tsx
index 5e7ea828..9c0467aa 100644
--- a/src/components/MobileBottomNav.tsx
+++ b/src/components/MobileBottomNav.tsx
@@ -41,8 +41,8 @@ export function MobileBottomNav() {
         className={cn(
           'fixed bottom-0 left-0 right-0 z-40 sidebar:hidden safe-area-bottom will-change-transform',
           'transition-transform duration-300 ease-in-out',
-          isHidden && 'translate-y-full',
         )}
+        style={isHidden ? { transform: 'translateY(calc(100% + 20px))' } : undefined}
       >
         {/* Single unified background: arc + rectangle drawn as one SVG shape.
             Arc uses 12/32 ratio matching the top header arc (viewBox 0 0 100 12, height 20px).

From 613e794c1459bfd59509bb66273ad2d5c8ec394c Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 10:13:15 -0700
Subject: [PATCH 055/120] Unify all header arc+background into single SVG
 shapes to prevent seams

Create SubHeaderBar component that draws the tab background and
decorative arc as one combined SVG path (rect + curve). Replace all 9
sub-header instances across Feed, Search, Notifications, Videos, Vines,
Photos, Themes, Events, and Books pages.

Also update MobileTopBar to draw its background as a unified SVG shape
(rect-only when sub-header present, rect+arc when standalone).

Eliminates the sub-pixel transparent seam between bg-background/80
containers and their separate SVG arc overlays.
---
 src/components/Feed.tsx         | 16 +++-----------
 src/components/MobileTopBar.tsx | 36 +++++++++++++++++++------------
 src/components/SubHeaderBar.tsx | 38 +++++++++++++++++++++++++++++++++
 src/pages/BooksPage.tsx         | 14 +++++-------
 src/pages/EventsFeedPage.tsx    | 14 +++++-------
 src/pages/NotificationsPage.tsx | 36 +++++++++++--------------------
 src/pages/PhotosFeedPage.tsx    | 14 +++++-------
 src/pages/SearchPage.tsx        | 21 +++++-------------
 src/pages/ThemesPage.tsx        | 16 ++++++--------
 src/pages/VideosFeedPage.tsx    | 14 +++++-------
 src/pages/VinesFeedPage.tsx     | 18 ++++++----------
 11 files changed, 114 insertions(+), 123 deletions(-)
 create mode 100644 src/components/SubHeaderBar.tsx

diff --git a/src/components/Feed.tsx b/src/components/Feed.tsx
index 447d7256..847362ac 100644
--- a/src/components/Feed.tsx
+++ b/src/components/Feed.tsx
@@ -24,6 +24,7 @@ import { useResolveTabFilter } from '@/hooks/useResolveTabFilter';
 import { getEnabledFeedKinds } from '@/lib/extraKinds';
 import { isRepostKind, shouldHideFeedEvent } from '@/lib/feedUtils';
 import { isEventMuted } from '@/lib/muteHelpers';
+import { SubHeaderBar } from '@/components/SubHeaderBar';
 import { TabButton } from '@/components/TabButton';
 import { DITTO_RELAYS } from '@/lib/appRelays';
 import type { FeedItem } from '@/lib/feedUtils';
@@ -231,8 +232,7 @@ export function Feed({ kinds, tagFilters, header, hideCompose, emptyMessage, fee
     <main className="flex-1 min-w-0">
       {/* Tabs (logged in) or CTA (logged out, main feed only) */}
       {user ? (
-        <div className="relative sticky top-mobile-bar sidebar:top-0 z-10">
-          <div className="flex bg-background/80 overflow-x-auto scrollbar-none">
+        <SubHeaderBar>
             <TabButton label="Follows" active={activeTab === 'follows'} onClick={() => handleSetActiveTab('follows')} />
             {!isKindSpecificPage && showDittoFeed && (
               <TabButton label="Ditto" active={activeTab === 'ditto'} onClick={() => handleSetActiveTab('ditto')} />
@@ -272,17 +272,7 @@ export function Feed({ kinds, tagFilters, header, hideCompose, emptyMessage, fee
                 </span>
               </TabButton>
             ))}
-          </div>
-          {/* Decorative semi-ellipse arc below the tabs */}
-          <svg
-            className="absolute left-0 right-0 top-full w-full pointer-events-none"
-            viewBox="0 0 100 12"
-            preserveAspectRatio="none"
-            style={{ height: 20 }}
-          >
-            <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
-          </svg>
-        </div>
+        </SubHeaderBar>
       ) : !kinds && (
         <LandingHero
           onLoginClick={() => setLoginDialogOpen(true)}
diff --git a/src/components/MobileTopBar.tsx b/src/components/MobileTopBar.tsx
index 52c0c1b0..30159568 100644
--- a/src/components/MobileTopBar.tsx
+++ b/src/components/MobileTopBar.tsx
@@ -20,8 +20,22 @@ export function MobileTopBar({ onAvatarClick, showArc }: MobileTopBarProps) {
   }, [location.pathname]);
 
   return (
-    <header className="sticky top-0 z-20 bg-background/80 sidebar:hidden safe-area-top">
-      <div className="flex items-center px-3 h-10">
+    <header className="sticky top-0 z-20 sidebar:hidden safe-area-top">
+      {/* Unified background: rectangle (+ optional arc) as one SVG shape.
+          When showArc is false, sub-header provides its own arc so we just draw the rect. */}
+      <svg
+        className="absolute inset-0 w-full pointer-events-none"
+        viewBox="0 0 100 64"
+        preserveAspectRatio="none"
+        style={{ height: showArc ? 'calc(100% + 20px)' : '100%' }}
+      >
+        {showArc ? (
+          <path d="M0,0 L100,0 L100,44 Q50,64 0,44 Z" className="fill-background/80" />
+        ) : (
+          <rect x="0" y="0" width="100" height="64" className="fill-background/80" />
+        )}
+      </svg>
+      <div className="relative flex items-center px-3 h-10">
         {/* Left: hamburger menu icon */}
         <div className="flex items-center justify-center w-7 shrink-0">
           <button onClick={onAvatarClick} className="rounded-full focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 focus:ring-offset-background text-muted-foreground hover:text-foreground transition-colors">
@@ -29,22 +43,16 @@ export function MobileTopBar({ onAvatarClick, showArc }: MobileTopBarProps) {
           </button>
         </div>
 
-      {/* Center: Ditto logo */}
-      <div className="flex-1 flex items-center justify-center">
-        <Link to="/" onClick={handleLogoClick}>
-          <DittoLogo size={28} />
-        </Link>
-      </div>
+        {/* Center: Ditto logo */}
+        <div className="flex-1 flex items-center justify-center">
+          <Link to="/" onClick={handleLogoClick}>
+            <DittoLogo size={28} />
+          </Link>
+        </div>
 
         {/* Right: spacer for symmetry */}
         <div className="w-7 shrink-0" />
       </div>
-      {/* Decorative arc — only shown when no sub-header provides its own */}
-      {showArc && (
-        <svg className="absolute left-0 right-0 top-full w-full pointer-events-none" viewBox="0 0 100 12" preserveAspectRatio="none" style={{ height: 20 }}>
-          <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
-        </svg>
-      )}
     </header>
   );
 }
diff --git a/src/components/SubHeaderBar.tsx b/src/components/SubHeaderBar.tsx
new file mode 100644
index 00000000..5d7d3869
--- /dev/null
+++ b/src/components/SubHeaderBar.tsx
@@ -0,0 +1,38 @@
+import { cn } from '@/lib/utils';
+
+interface SubHeaderBarProps {
+  children: React.ReactNode;
+  /** Extra classes on the outer wrapper (e.g. shrink-0). */
+  className?: string;
+  /** Extra classes on the inner flex container holding the tabs. */
+  innerClassName?: string;
+}
+
+/**
+ * Shared sticky sub-header bar with a unified arc+background drawn as a single
+ * SVG shape. Eliminates the sub-pixel seam between a bg-background/80 container
+ * and a separate SVG arc overlay that can appear during scroll/animation.
+ *
+ * Used by all tab bars (Feed, Search, Notifications, etc.) and the MobileTopBar
+ * fallback arc.
+ */
+export function SubHeaderBar({ children, className, innerClassName }: SubHeaderBarProps) {
+  return (
+    <div className={cn('relative sticky top-mobile-bar sidebar:top-0 z-10', className)}>
+      {/* Unified background: rectangle + arc drawn as one SVG path.
+          Single fill layer = no opacity overlap seam, no sub-pixel gap. */}
+      <svg
+        className="absolute inset-0 w-full pointer-events-none"
+        viewBox="0 0 100 64"
+        preserveAspectRatio="none"
+        style={{ height: 'calc(100% + 20px)' }}
+      >
+        <path d="M0,0 L100,0 L100,44 Q50,64 0,44 Z" className="fill-background/80" />
+      </svg>
+      {/* Tab content sits above the SVG background */}
+      <div className={cn('relative flex overflow-x-auto scrollbar-none', innerClassName)}>
+        {children}
+      </div>
+    </div>
+  );
+}
diff --git a/src/pages/BooksPage.tsx b/src/pages/BooksPage.tsx
index fb86d324..1838978a 100644
--- a/src/pages/BooksPage.tsx
+++ b/src/pages/BooksPage.tsx
@@ -5,6 +5,7 @@ import { useQueryClient } from '@tanstack/react-query';
 import { ArrowLeft, BookMarked, Loader2, Search, X } from 'lucide-react';
 import { useSeoMeta } from '@unhead/react';
 
+import { SubHeaderBar } from '@/components/SubHeaderBar';
 import { TabButton } from '@/components/TabButton';
 import { Input } from '@/components/ui/input';
 import { Skeleton } from '@/components/ui/skeleton';
@@ -98,15 +99,10 @@ export function BooksPage() {
     <main className="pb-16 sidebar:pb-0">
       {/* Follows / Global tabs */}
       {user && (
-        <div className="relative sticky top-mobile-bar sidebar:top-0 z-10">
-          <div className="flex bg-background/80 overflow-x-auto scrollbar-none">
-            <TabButton label="Follows" active={activeTab === 'follows'} onClick={() => setActiveTab('follows')} />
-            <TabButton label="Global" active={activeTab === 'global'} onClick={() => setActiveTab('global')} />
-          </div>
-          <svg className="absolute left-0 right-0 top-full w-full pointer-events-none" viewBox="0 0 100 12" preserveAspectRatio="none" style={{ height: 20 }}>
-            <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
-          </svg>
-        </div>
+        <SubHeaderBar>
+          <TabButton label="Follows" active={activeTab === 'follows'} onClick={() => setActiveTab('follows')} />
+          <TabButton label="Global" active={activeTab === 'global'} onClick={() => setActiveTab('global')} />
+        </SubHeaderBar>
       )}
 
       {/* Page header */}
diff --git a/src/pages/EventsFeedPage.tsx b/src/pages/EventsFeedPage.tsx
index 4e7634f4..49f2697f 100644
--- a/src/pages/EventsFeedPage.tsx
+++ b/src/pages/EventsFeedPage.tsx
@@ -11,6 +11,7 @@ import { Skeleton } from '@/components/ui/skeleton';
 import { PullToRefresh } from '@/components/PullToRefresh';
 import { KindInfoButton } from '@/components/KindInfoButton';
 import { NoteCard } from '@/components/NoteCard';
+import { SubHeaderBar } from '@/components/SubHeaderBar';
 import { TabButton } from '@/components/TabButton';
 import { useFeed } from '@/hooks/useFeed';
 import { useCurrentUser } from '@/hooks/useCurrentUser';
@@ -107,15 +108,10 @@ export function EventsFeedPage() {
     <main className="max-w-2xl mx-auto">
       {/* Follows / Global tabs */}
       {user && (
-        <div className="relative sticky top-mobile-bar sidebar:top-0 z-10">
-          <div className="flex bg-background/80 overflow-x-auto scrollbar-none">
-            <TabButton label="Follows" active={activeTab === 'follows'} onClick={() => setActiveTab('follows')} />
-            <TabButton label="Global" active={activeTab === 'global'} onClick={() => setActiveTab('global')} />
-          </div>
-          <svg className="absolute left-0 right-0 top-full w-full pointer-events-none" viewBox="0 0 100 12" preserveAspectRatio="none" style={{ height: 20 }}>
-            <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
-          </svg>
-        </div>
+        <SubHeaderBar>
+          <TabButton label="Follows" active={activeTab === 'follows'} onClick={() => setActiveTab('follows')} />
+          <TabButton label="Global" active={activeTab === 'global'} onClick={() => setActiveTab('global')} />
+        </SubHeaderBar>
       )}
 
       {/* Header */}
diff --git a/src/pages/NotificationsPage.tsx b/src/pages/NotificationsPage.tsx
index 745a74bc..9f4eea2b 100644
--- a/src/pages/NotificationsPage.tsx
+++ b/src/pages/NotificationsPage.tsx
@@ -11,6 +11,7 @@ import { useAppContext } from '@/hooks/useAppContext';
 import { Skeleton } from '@/components/ui/skeleton';
 import { Avatar, AvatarImage, AvatarFallback } from '@/components/ui/avatar';
 import { NoteCard } from '@/components/NoteCard';
+import { SubHeaderBar } from '@/components/SubHeaderBar';
 import { TabButton } from '@/components/TabButton';
 import { useCurrentUser } from '@/hooks/useCurrentUser';
 import { useAuthor } from '@/hooks/useAuthor';
@@ -116,29 +117,18 @@ export function NotificationsPage() {
   return (
     <main className="">
       {/* Tab bar */}
-      <div className="relative sticky top-mobile-bar sidebar:top-0 z-10">
-        <div className="flex bg-background/80">
-          {tabs.map(({ key, label }) => (
-            <TabButton
-              key={key}
-              label={label}
-              active={activeTab === key}
-              onClick={() => setActiveTab(key)}
-              className="sidebar:py-5 sidebar:font-semibold"
-              indicatorClassName="sidebar:h-[3px]"
-            />
-          ))}
-        </div>
-        {/* Decorative semi-ellipse arc below the tabs */}
-        <svg
-          className="absolute left-0 right-0 top-full w-full pointer-events-none"
-          viewBox="0 0 100 12"
-          preserveAspectRatio="none"
-          style={{ height: 20 }}
-        >
-          <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
-        </svg>
-      </div>
+      <SubHeaderBar>
+        {tabs.map(({ key, label }) => (
+          <TabButton
+            key={key}
+            label={label}
+            active={activeTab === key}
+            onClick={() => setActiveTab(key)}
+            className="sidebar:py-5 sidebar:font-semibold"
+            indicatorClassName="sidebar:h-[3px]"
+          />
+        ))}
+      </SubHeaderBar>
 
       {/* Content */}
       <PullToRefresh onRefresh={handleRefresh}>
diff --git a/src/pages/PhotosFeedPage.tsx b/src/pages/PhotosFeedPage.tsx
index f3784982..e6f4d5d7 100644
--- a/src/pages/PhotosFeedPage.tsx
+++ b/src/pages/PhotosFeedPage.tsx
@@ -23,6 +23,7 @@ import { useMuteList } from '@/hooks/useMuteList';
 import { isEventMuted } from '@/lib/muteHelpers';
 import { KindInfoButton } from '@/components/KindInfoButton';
 import { sidebarItemIcon } from '@/lib/sidebarItems';
+import { SubHeaderBar } from '@/components/SubHeaderBar';
 import { TabButton } from '@/components/TabButton';
 import { getExtraKindDef } from '@/lib/extraKinds';
 import type { FeedItem } from '@/lib/feedUtils';
@@ -91,15 +92,10 @@ export function PhotosFeedPage() {
   return (
     <main className="">
       {/* Tabs */}
-      <div className="relative sticky top-mobile-bar sidebar:top-0 z-10">
-        <div className="flex bg-background/80 overflow-x-auto scrollbar-none">
-          <TabButton label="Follows" active={activeTab === 'follows'} onClick={() => setActiveTab('follows')} disabled={!user} />
-          <TabButton label="Global" active={activeTab === 'global'} onClick={() => setActiveTab('global')} />
-        </div>
-        <svg className="absolute left-0 right-0 top-full w-full pointer-events-none" viewBox="0 0 100 12" preserveAspectRatio="none" style={{ height: 20 }}>
-          <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
-        </svg>
-      </div>
+      <SubHeaderBar>
+        <TabButton label="Follows" active={activeTab === 'follows'} onClick={() => setActiveTab('follows')} disabled={!user} />
+        <TabButton label="Global" active={activeTab === 'global'} onClick={() => setActiveTab('global')} />
+      </SubHeaderBar>
 
       {/* Header */}
       <div className="flex items-center gap-4 px-4 mt-4 mb-1">
diff --git a/src/pages/SearchPage.tsx b/src/pages/SearchPage.tsx
index 5dccc90a..7f48030d 100644
--- a/src/pages/SearchPage.tsx
+++ b/src/pages/SearchPage.tsx
@@ -45,6 +45,7 @@ import { ListPackPicker } from '@/components/SavedFeedFiltersEditor';
 
 import { genUserName } from '@/lib/genUserName';
 import { VerifiedNip05Text } from '@/components/Nip05Badge';
+import { SubHeaderBar } from '@/components/SubHeaderBar';
 import { TabButton } from '@/components/TabButton';
 import { cn, parseKindFilter } from '@/lib/utils';
 import type { TabFilter } from '@/contexts/AppContext';
@@ -409,22 +410,10 @@ export function SearchPage() {
 
   return (
     <main className="flex-1 min-w-0">
-      {/* Tabs — sticky at top, identical structure to Feed.tsx */}
-      <div className="relative sticky top-mobile-bar sidebar:top-0 z-10">
-        <div className="flex bg-background/80 overflow-x-auto scrollbar-none">
-          <TabButton label="Posts" active={activeTab === 'posts'} onClick={() => setActiveTab('posts')} />
-          <TabButton label="Accounts" active={activeTab === 'accounts'} onClick={() => setActiveTab('accounts')} />
-        </div>
-        {/* Decorative semi-ellipse arc below the tabs */}
-        <svg
-          className="absolute left-0 right-0 top-full w-full pointer-events-none"
-          viewBox="0 0 100 12"
-          preserveAspectRatio="none"
-          style={{ height: 20 }}
-        >
-          <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
-        </svg>
-      </div>
+      <SubHeaderBar>
+        <TabButton label="Posts" active={activeTab === 'posts'} onClick={() => setActiveTab('posts')} />
+        <TabButton label="Accounts" active={activeTab === 'accounts'} onClick={() => setActiveTab('accounts')} />
+      </SubHeaderBar>
 
       {/* Search input bar — always rendered right after tabs, like ComposeBox on Feed */}
       <div className="px-4 py-3">
diff --git a/src/pages/ThemesPage.tsx b/src/pages/ThemesPage.tsx
index b4d4ffde..085a07f3 100644
--- a/src/pages/ThemesPage.tsx
+++ b/src/pages/ThemesPage.tsx
@@ -13,6 +13,7 @@ import { Skeleton } from '@/components/ui/skeleton';
 import { Switch } from '@/components/ui/switch';
 import { Label } from '@/components/ui/label';
 import { ThemeSelector } from '@/components/ThemeSelector';
+import { SubHeaderBar } from '@/components/SubHeaderBar';
 import { TabButton } from '@/components/TabButton';
 import { useThemeFeed } from '@/hooks/useThemeFeed';
 import { useCurrentUser } from '@/hooks/useCurrentUser';
@@ -104,16 +105,11 @@ export function ThemesPage() {
   return (
     <main className="pb-16 sidebar:pb-0">
       {/* Tabs */}
-      <div className="relative sticky top-mobile-bar sidebar:top-0 z-10">
-        <div className="flex bg-background/80 overflow-x-auto scrollbar-none">
-          <TabButton label="My Themes" active={activeTab === 'my-themes'} onClick={() => setActiveTab('my-themes')} />
-          <TabButton label="Follows" active={activeTab === 'follows'} onClick={() => setActiveTab('follows')} disabled={!user} />
-          <TabButton label="Global" active={activeTab === 'global'} onClick={() => setActiveTab('global')} />
-        </div>
-        <svg className="absolute left-0 right-0 top-full w-full pointer-events-none" viewBox="0 0 100 12" preserveAspectRatio="none" style={{ height: 20 }}>
-          <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
-        </svg>
-      </div>
+      <SubHeaderBar>
+        <TabButton label="My Themes" active={activeTab === 'my-themes'} onClick={() => setActiveTab('my-themes')} />
+        <TabButton label="Follows" active={activeTab === 'follows'} onClick={() => setActiveTab('follows')} disabled={!user} />
+        <TabButton label="Global" active={activeTab === 'global'} onClick={() => setActiveTab('global')} />
+      </SubHeaderBar>
 
       {/* Page header */}
       <div className="flex items-center gap-4 px-4 pt-4 pb-5">
diff --git a/src/pages/VideosFeedPage.tsx b/src/pages/VideosFeedPage.tsx
index f82d857b..c2cdab77 100644
--- a/src/pages/VideosFeedPage.tsx
+++ b/src/pages/VideosFeedPage.tsx
@@ -45,6 +45,7 @@ import { useVideoThumbnail } from '@/components/VideoPlayer';
 import { sidebarItemIcon } from '@/lib/sidebarItems';
 import { getExtraKindDef } from '@/lib/extraKinds';
 import { timeAgo } from '@/lib/timeAgo';
+import { SubHeaderBar } from '@/components/SubHeaderBar';
 import { TabButton } from '@/components/TabButton';
 import { cn } from '@/lib/utils';
 import { getEffectiveStreamStatus } from '@/lib/streamStatus';
@@ -777,15 +778,10 @@ export function VideosFeedPage() {
   return (
     <main className="">
       {/* Follows / Global tabs */}
-      <div className="relative sticky top-mobile-bar sidebar:top-0 z-10">
-        <div className="flex bg-background/80 overflow-x-auto scrollbar-none">
-          <TabButton label="Follows" active={feedTab === 'follows'} onClick={() => setFeedTab('follows')} disabled={!user} />
-          <TabButton label="Global" active={feedTab === 'global'} onClick={() => setFeedTab('global')} />
-        </div>
-        <svg className="absolute left-0 right-0 top-full w-full pointer-events-none" viewBox="0 0 100 12" preserveAspectRatio="none" style={{ height: 20 }}>
-          <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
-        </svg>
-      </div>
+      <SubHeaderBar>
+        <TabButton label="Follows" active={feedTab === 'follows'} onClick={() => setFeedTab('follows')} disabled={!user} />
+        <TabButton label="Global" active={feedTab === 'global'} onClick={() => setFeedTab('global')} />
+      </SubHeaderBar>
 
       {/* Header */}
       <div className="flex items-center gap-4 px-4 mt-4 mb-1">
diff --git a/src/pages/VinesFeedPage.tsx b/src/pages/VinesFeedPage.tsx
index 46ed65cf..75adfe43 100644
--- a/src/pages/VinesFeedPage.tsx
+++ b/src/pages/VinesFeedPage.tsx
@@ -50,6 +50,7 @@ import { getDisplayName } from '@/lib/getDisplayName';
 import { useProfileUrl } from '@/hooks/useProfileUrl';
 import { canZap } from '@/lib/canZap';
 import { formatNumber } from '@/lib/formatNumber';
+import { SubHeaderBar } from '@/components/SubHeaderBar';
 import { TabButton } from '@/components/TabButton';
 import { cn } from '@/lib/utils';
 
@@ -786,16 +787,11 @@ interface VinesTabBarProps {
 
 function VinesTabBar({ tab, onTabChange, hasUser }: VinesTabBarProps) {
   return (
-    <div className="relative sticky top-mobile-bar sidebar:top-0 z-10 shrink-0">
-      <div className="flex bg-background/80 overflow-x-auto scrollbar-none">
-        {hasUser && (
-          <TabButton label="Follows" active={tab === 'follows'} onClick={() => onTabChange('follows')} className="sidebar:py-5 sidebar:font-semibold" indicatorClassName="sidebar:h-[3px]" />
-        )}
-        <TabButton label="Global" active={tab === 'global'} onClick={() => onTabChange('global')} className="sidebar:py-5 sidebar:font-semibold" indicatorClassName="sidebar:h-[3px]" />
-      </div>
-      <svg className="absolute left-0 right-0 top-full w-full pointer-events-none" viewBox="0 0 100 12" preserveAspectRatio="none" style={{ height: 20 }}>
-        <path d="M0,0 Q50,12 100,0 Z" className="fill-background/80" />
-      </svg>
-    </div>
+    <SubHeaderBar className="shrink-0">
+      {hasUser && (
+        <TabButton label="Follows" active={tab === 'follows'} onClick={() => onTabChange('follows')} className="sidebar:py-5 sidebar:font-semibold" indicatorClassName="sidebar:h-[3px]" />
+      )}
+      <TabButton label="Global" active={tab === 'global'} onClick={() => onTabChange('global')} className="sidebar:py-5 sidebar:font-semibold" indicatorClassName="sidebar:h-[3px]" />
+    </SubHeaderBar>
   );
 }

From bd1a19fd338c2b4857bf82590fe83db82bbfe715 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 10:18:13 -0700
Subject: [PATCH 056/120] Replace backdrop-blur with bg-background/80 on
 profile page tabs

Match the same background style used by the logo header and all other
sub-headers instead of the blur effect.
---
 src/pages/ProfilePage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/ProfilePage.tsx b/src/pages/ProfilePage.tsx
index 01cd4ea2..5f0d06bc 100644
--- a/src/pages/ProfilePage.tsx
+++ b/src/pages/ProfilePage.tsx
@@ -2142,7 +2142,7 @@ type EditableTab = { label: string; isCore: boolean; tab?: ProfileTab };
         </div>
 
         {/* Tabs */}
-        <div className={cn(STICKY_HEADER_CLASS, 'flex border-b border-border backdrop-blur-md z-10 overflow-x-auto scrollbar-none')}>
+        <div className={cn(STICKY_HEADER_CLASS, 'flex border-b border-border bg-background/80 z-10 overflow-x-auto scrollbar-none')}>
           {/* Skeleton while kind 16769 is loading */}
           {!profileTabsQuery.isFetched && (
             <div className="flex gap-1 px-2 py-2">

From 49a4c7487927a57ddf286b2e3fd410b2f94302cd Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 10:21:21 -0700
Subject: [PATCH 057/120] Convert profile page tabs to SubHeaderBar with arc,
 remove border-b

Replace backdrop-blur + border-b tab bar with SubHeaderBar component
so profile tabs get the same unified arc background as all other pages.
Set hasSubHeader: true so the logo header doesn't show its own arc.
---
 src/pages/ProfilePage.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/pages/ProfilePage.tsx b/src/pages/ProfilePage.tsx
index 5f0d06bc..9c4eace1 100644
--- a/src/pages/ProfilePage.tsx
+++ b/src/pages/ProfilePage.tsx
@@ -88,6 +88,7 @@ import { FontPicker } from '@/components/FontPicker';
 import { BackgroundPicker } from '@/components/BackgroundPicker';
 import { PortalContainerProvider } from '@/contexts/PortalContainerContext';
 import { formatNumber } from '@/lib/formatNumber';
+import { SubHeaderBar } from '@/components/SubHeaderBar';
 import { TabButton } from '@/components/TabButton';
 import { cn, STICKY_HEADER_CLASS } from '@/lib/utils';
 import type { AddrCoords } from '@/hooks/useEvent';
@@ -1719,6 +1720,7 @@ type EditableTab = { label: string; isCore: boolean; tab?: ProfileTab };
     rightSidebar: <ProfileRightSidebar fields={fields} mediaEvents={mediaEvents} mediaLoading={mediaPending} onMediaClick={handleSidebarMediaClick} />,
     showFAB: !(activeTab === 'wall' && !profileFollowsMe),
     onFabClick: activeTab === 'wall' ? openWallCompose : undefined,
+    hasSubHeader: true,
   } : {});
 
   if (!pubkey) {
@@ -2142,7 +2144,7 @@ type EditableTab = { label: string; isCore: boolean; tab?: ProfileTab };
         </div>
 
         {/* Tabs */}
-        <div className={cn(STICKY_HEADER_CLASS, 'flex border-b border-border bg-background/80 z-10 overflow-x-auto scrollbar-none')}>
+        <SubHeaderBar>
           {/* Skeleton while kind 16769 is loading */}
           {!profileTabsQuery.isFetched && (
             <div className="flex gap-1 px-2 py-2">
@@ -2281,7 +2283,7 @@ type EditableTab = { label: string; isCore: boolean; tab?: ProfileTab };
               </button>
             </div>
           )}
-        </div>
+        </SubHeaderBar>
 
         {/* Add/edit single tab modal */}
         {pubkey && (

From 2d01b27c16d8c0cffd475e2d0b6693b649888f19 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 10:25:25 -0700
Subject: [PATCH 058/120] Convert AI chat header to unified arc background, set
 hasSubHeader

Replace border-b + backdrop-blur-md with the same unified SVG arc+rect
background used by all other sub-headers. Set hasSubHeader: true so the
logo header doesn't show its own arc.
---
 src/pages/AIChatPage.tsx | 96 ++++++++++++++++++++++------------------
 1 file changed, 53 insertions(+), 43 deletions(-)

diff --git a/src/pages/AIChatPage.tsx b/src/pages/AIChatPage.tsx
index 5c6f808a..f7b09cbd 100644
--- a/src/pages/AIChatPage.tsx
+++ b/src/pages/AIChatPage.tsx
@@ -209,7 +209,7 @@ export function AIChatPage() {
     description: 'Chat with AI assistant',
   });
 
-  useLayoutOptions({ noOverscroll: true });
+  useLayoutOptions({ noOverscroll: true, hasSubHeader: true });
 
   // Scroll to bottom on new messages
   const scrollToBottom = useCallback(() => {
@@ -414,51 +414,61 @@ export function AIChatPage() {
 
   return (
     <main className="flex flex-col ai-chat-height sidebar:h-dvh">
-      {/* Header */}
-      <div className="shrink-0 border-b border-border bg-background/80 backdrop-blur-md px-4 py-3 flex flex-col sidebar:flex-row sidebar:items-center sidebar:justify-between gap-2 sidebar:gap-3">
-        <div className="flex items-center gap-2.5">
-          <div className="size-8 rounded-lg bg-primary/10 flex items-center justify-center">
-            <Sparkles className="size-4 text-primary" />
+      {/* Header — unified arc+rect SVG background, matching SubHeaderBar style */}
+      <div className="relative shrink-0">
+        <svg
+          className="absolute inset-0 w-full pointer-events-none"
+          viewBox="0 0 100 64"
+          preserveAspectRatio="none"
+          style={{ height: 'calc(100% + 20px)' }}
+        >
+          <path d="M0,0 L100,0 L100,44 Q50,64 0,44 Z" className="fill-background/80" />
+        </svg>
+        <div className="relative px-4 py-3 flex flex-col sidebar:flex-row sidebar:items-center sidebar:justify-between gap-2 sidebar:gap-3">
+          <div className="flex items-center gap-2.5">
+            <div className="size-8 rounded-lg bg-primary/10 flex items-center justify-center">
+              <Sparkles className="size-4 text-primary" />
+            </div>
+            <h1 className="font-semibold text-lg">AI Chat</h1>
           </div>
-          <h1 className="font-semibold text-lg">AI Chat</h1>
-        </div>
 
-        <div className="flex items-center gap-2">
-          {/* Model selector */}
-          <Select value={selectedModel} onValueChange={setSelectedModel} disabled={modelsLoading}>
-            <SelectTrigger className="w-full sidebar:w-44 h-8 text-base md:text-xs">
-              <SelectValue placeholder={modelsLoading ? 'Loading models...' : 'Select model'} />
-            </SelectTrigger>
-            <SelectContent>
-              {models.map((model) => {
-                const totalCost = parseFloat(model.pricing.prompt) + parseFloat(model.pricing.completion);
-                const isFree = totalCost === 0;
-                return (
-                  <SelectItem key={model.id} value={model.id}>
-                    <span className="flex items-center gap-1.5">
-                      {model.name}
-                      {isFree && (
-                        <span className="text-[10px] font-medium text-green-600 dark:text-green-400 bg-green-500/10 px-1 rounded">
-                          FREE
-                        </span>
-                      )}
-                    </span>
-                  </SelectItem>
-                );
-              })}
-            </SelectContent>
-          </Select>
+          <div className="flex items-center gap-2">
+            {/* Model selector */}
+            <Select value={selectedModel} onValueChange={setSelectedModel} disabled={modelsLoading}>
+              <SelectTrigger className="w-full sidebar:w-44 h-8 text-base md:text-xs">
+                <SelectValue placeholder={modelsLoading ? 'Loading models...' : 'Select model'} />
+              </SelectTrigger>
+              <SelectContent>
+                {models.map((model) => {
+                  const totalCost = parseFloat(model.pricing.prompt) + parseFloat(model.pricing.completion);
+                  const isFree = totalCost === 0;
+                  return (
+                    <SelectItem key={model.id} value={model.id}>
+                      <span className="flex items-center gap-1.5">
+                        {model.name}
+                        {isFree && (
+                          <span className="text-[10px] font-medium text-green-600 dark:text-green-400 bg-green-500/10 px-1 rounded">
+                            FREE
+                          </span>
+                        )}
+                      </span>
+                    </SelectItem>
+                  );
+                })}
+              </SelectContent>
+            </Select>
 
-          <Button
-            variant="ghost"
-            size="icon"
-            className="size-8"
-            onClick={handleClear}
-            disabled={messages.length === 0}
-            title="Clear conversation"
-          >
-            <Trash2 className="size-4" />
-          </Button>
+            <Button
+              variant="ghost"
+              size="icon"
+              className="size-8"
+              onClick={handleClear}
+              disabled={messages.length === 0}
+              title="Clear conversation"
+            >
+              <Trash2 className="size-4" />
+            </Button>
+          </div>
         </div>
       </div>
 

From 1882d0900e24049259b749a5e5bcfde2c3577e0d Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 10:26:40 -0700
Subject: [PATCH 059/120] Match Help page title element to Bookmarks/Photos
 pattern

Replace sticky backdrop-blur header with simple non-sticky title row
using the same flex items-center gap-4 px-4 mt-4 mb-1 layout as
Bookmarks, Photos, and other content pages.
---
 src/pages/HelpPage.tsx | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/pages/HelpPage.tsx b/src/pages/HelpPage.tsx
index 6e89e9c9..fd3262fc 100644
--- a/src/pages/HelpPage.tsx
+++ b/src/pages/HelpPage.tsx
@@ -19,15 +19,13 @@ export function HelpPage() {
   return (
     <main className="min-h-screen pb-16 sidebar:pb-0">
       {/* Page header */}
-      <div className="sticky top-mobile-bar sidebar:top-0 bg-background/80 backdrop-blur-md z-10">
-        <div className="flex items-center gap-4 px-4 pt-4 pb-3">
-          <Link to="/" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
-            <ArrowLeft className="size-5" />
-          </Link>
-          <div className="flex items-center gap-2">
-            <HelpCircle className="size-5" />
-            <h1 className="text-xl font-bold">Help</h1>
-          </div>
+      <div className="flex items-center gap-4 px-4 mt-4 mb-1">
+        <Link to="/" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
+          <ArrowLeft className="size-5" />
+        </Link>
+        <div className="flex items-center gap-2 flex-1 min-w-0">
+          <HelpCircle className="size-5" />
+          <h1 className="text-xl font-bold">Help</h1>
         </div>
       </div>
 

From 5090c118b5ffed284fb73442de7d9d63613fc0a5 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 10:29:51 -0700
Subject: [PATCH 060/120] Simplify Dork AI empty state: remove background, bold
 characters only

---
 src/pages/AIChatPage.tsx | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/pages/AIChatPage.tsx b/src/pages/AIChatPage.tsx
index f7b09cbd..4aa931f5 100644
--- a/src/pages/AIChatPage.tsx
+++ b/src/pages/AIChatPage.tsx
@@ -561,12 +561,7 @@ function EmptyState() {
 
   return (
     <div className="flex flex-col items-center justify-center py-20 gap-8 text-center select-none animate-in fade-in duration-500">
-      <div className="relative">
-        <div className="absolute -inset-6 rounded-full bg-primary/[0.06] blur-2xl" />
-        <div className="relative size-24 rounded-2xl bg-gradient-to-b from-primary/15 to-primary/5 border border-primary/10 flex items-center justify-center shadow-sm">
-          <pre className="text-2xl font-mono text-primary leading-none">{'<[o_o]>'}</pre>
-        </div>
-      </div>
+      <pre className="text-4xl font-mono font-bold text-primary leading-none">{'<[o_o]>'}</pre>
       <div className="space-y-2">
         <h2 className="text-base font-semibold tracking-tight text-foreground">Dork AI</h2>
         <p className="text-sm text-muted-foreground">{greeting}</p>

From 4a4ff8f5f4a6872cb055213534161ed25caf2c45 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 10:37:00 -0700
Subject: [PATCH 061/120] Simplify AI chat page: plain header, no sub-header
 arc, no borders

- Revert bold on <[o_o]> empty state characters
- Remove sub-header SVG arc from header, set hasSubHeader false so
  logo header shows its own arc
- Change icon from Sparkles to Bot, remove background wrapper
- Remove border-t and bg-background from input area
---
 src/pages/AIChatPage.tsx | 32 ++++++++++----------------------
 1 file changed, 10 insertions(+), 22 deletions(-)

diff --git a/src/pages/AIChatPage.tsx b/src/pages/AIChatPage.tsx
index 4aa931f5..e8f58b78 100644
--- a/src/pages/AIChatPage.tsx
+++ b/src/pages/AIChatPage.tsx
@@ -2,7 +2,7 @@ import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
 import { useSeoMeta } from '@unhead/react';
 import Markdown from 'react-markdown';
 import rehypeSanitize from 'rehype-sanitize';
-import { Bot, Send, Sparkles, Trash2, Palette, Type } from 'lucide-react';
+import { Bot, Send, Trash2, Palette, Type } from 'lucide-react';
 
 import { useShakespeare, type ChatMessage, type Model } from '@/hooks/useShakespeare';
 import { useCurrentUser } from '@/hooks/useCurrentUser';
@@ -209,7 +209,7 @@ export function AIChatPage() {
     description: 'Chat with AI assistant',
   });
 
-  useLayoutOptions({ noOverscroll: true, hasSubHeader: true });
+  useLayoutOptions({ noOverscroll: true });
 
   // Scroll to bottom on new messages
   const scrollToBottom = useCallback(() => {
@@ -414,23 +414,12 @@ export function AIChatPage() {
 
   return (
     <main className="flex flex-col ai-chat-height sidebar:h-dvh">
-      {/* Header — unified arc+rect SVG background, matching SubHeaderBar style */}
-      <div className="relative shrink-0">
-        <svg
-          className="absolute inset-0 w-full pointer-events-none"
-          viewBox="0 0 100 64"
-          preserveAspectRatio="none"
-          style={{ height: 'calc(100% + 20px)' }}
-        >
-          <path d="M0,0 L100,0 L100,44 Q50,64 0,44 Z" className="fill-background/80" />
-        </svg>
-        <div className="relative px-4 py-3 flex flex-col sidebar:flex-row sidebar:items-center sidebar:justify-between gap-2 sidebar:gap-3">
-          <div className="flex items-center gap-2.5">
-            <div className="size-8 rounded-lg bg-primary/10 flex items-center justify-center">
-              <Sparkles className="size-4 text-primary" />
-            </div>
-            <h1 className="font-semibold text-lg">AI Chat</h1>
-          </div>
+      {/* Header */}
+      <div className="shrink-0 px-4 py-3 flex flex-col sidebar:flex-row sidebar:items-center sidebar:justify-between gap-2 sidebar:gap-3">
+        <div className="flex items-center gap-2.5">
+          <Bot className="size-5 text-muted-foreground" />
+          <h1 className="font-semibold text-lg">AI Chat</h1>
+        </div>
 
           <div className="flex items-center gap-2">
             {/* Model selector */}
@@ -469,7 +458,6 @@ export function AIChatPage() {
               <Trash2 className="size-4" />
             </Button>
           </div>
-        </div>
       </div>
 
       {/* Messages Area */}
@@ -500,7 +488,7 @@ export function AIChatPage() {
       </ScrollArea>
 
       {/* Input Area */}
-      <div className="shrink-0 border-t border-border bg-background p-4">
+      <div className="shrink-0 p-4">
         <div className="max-w-2xl mx-auto flex items-end gap-2">
           <Textarea
             ref={textareaRef}
@@ -561,7 +549,7 @@ function EmptyState() {
 
   return (
     <div className="flex flex-col items-center justify-center py-20 gap-8 text-center select-none animate-in fade-in duration-500">
-      <pre className="text-4xl font-mono font-bold text-primary leading-none">{'<[o_o]>'}</pre>
+      <pre className="text-4xl font-mono text-primary leading-none">{'<[o_o]>'}</pre>
       <div className="space-y-2">
         <h2 className="text-base font-semibold tracking-tight text-foreground">Dork AI</h2>
         <p className="text-sm text-muted-foreground">{greeting}</p>

From 2d1332362f95264ae8a3d760d74b9c97de641dfa Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 12:34:22 -0700
Subject: [PATCH 062/120] Extend chat pane background to full viewport, match
 Bookmarks title style

- Add bg-secondary/50 to main container for full viewport chat background
- Add back arrow link matching Bookmarks/Photos pattern
- Match Bot icon color to text (foreground instead of muted)
- Match title to text-xl font-bold like other page titles
---
 src/pages/AIChatPage.tsx | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/pages/AIChatPage.tsx b/src/pages/AIChatPage.tsx
index e8f58b78..2c85e1ee 100644
--- a/src/pages/AIChatPage.tsx
+++ b/src/pages/AIChatPage.tsx
@@ -2,7 +2,8 @@ import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
 import { useSeoMeta } from '@unhead/react';
 import Markdown from 'react-markdown';
 import rehypeSanitize from 'rehype-sanitize';
-import { Bot, Send, Trash2, Palette, Type } from 'lucide-react';
+import { Link } from 'react-router-dom';
+import { ArrowLeft, Bot, Send, Trash2, Palette, Type } from 'lucide-react';
 
 import { useShakespeare, type ChatMessage, type Model } from '@/hooks/useShakespeare';
 import { useCurrentUser } from '@/hooks/useCurrentUser';
@@ -413,12 +414,17 @@ export function AIChatPage() {
   }
 
   return (
-    <main className="flex flex-col ai-chat-height sidebar:h-dvh">
+    <main className="flex flex-col ai-chat-height sidebar:h-dvh bg-secondary/50">
       {/* Header */}
       <div className="shrink-0 px-4 py-3 flex flex-col sidebar:flex-row sidebar:items-center sidebar:justify-between gap-2 sidebar:gap-3">
-        <div className="flex items-center gap-2.5">
-          <Bot className="size-5 text-muted-foreground" />
-          <h1 className="font-semibold text-lg">AI Chat</h1>
+        <div className="flex items-center gap-4">
+          <Link to="/" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
+            <ArrowLeft className="size-5" />
+          </Link>
+          <div className="flex items-center gap-2 flex-1 min-w-0">
+            <Bot className="size-5" />
+            <h1 className="text-xl font-bold">AI Chat</h1>
+          </div>
         </div>
 
           <div className="flex items-center gap-2">

From c452170242261d3d0bfa9502975c402ddecfafb9 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 12:37:20 -0700
Subject: [PATCH 063/120] Extend AI chat background behind bottom nav to
 prevent double opacity

Change ai-chat-height to span full viewport minus only the top bar,
with padding-bottom for the bottom nav. The bg-secondary/50 background
now extends behind the bottom nav arc, eliminating the opacity seam.
---
 src/index.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/index.css b/src/index.css
index b888d8e9..2237546f 100644
--- a/src/index.css
+++ b/src/index.css
@@ -76,9 +76,11 @@
     }
   }
 
-  /* AI chat height on mobile: full viewport minus top bar, bottom nav (2.75rem), and safe-area insets */
+  /* AI chat height on mobile: full viewport minus top bar, extends behind bottom nav.
+     Padding-bottom keeps input above the nav. */
   .ai-chat-height {
-    height: calc(100dvh - 2.5rem - 2.75rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
+    height: calc(100dvh - 2.5rem - env(safe-area-inset-top, 0px));
+    padding-bottom: calc(2.75rem + env(safe-area-inset-bottom, 0px));
   }
 
   /* Live stream page height on mobile: full viewport minus top bar, bottom nav, and safe-area insets */

From fb85b651772dbdcfe521205342e833b124d9413d Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 12:44:00 -0700
Subject: [PATCH 064/120] Show logo header arc when logged out (no sub-header
 tabs visible)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Make hasSubHeader conditional on user being logged in for Index,
KindFeedPage, BooksPage, and EventsFeedPage — these pages only render
tab sub-headers when the user is authenticated.
---
 src/pages/BooksPage.tsx      | 2 +-
 src/pages/EventsFeedPage.tsx | 2 +-
 src/pages/Index.tsx          | 4 +++-
 src/pages/KindFeedPage.tsx   | 4 +++-
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/pages/BooksPage.tsx b/src/pages/BooksPage.tsx
index 1838978a..d6d6b994 100644
--- a/src/pages/BooksPage.tsx
+++ b/src/pages/BooksPage.tsx
@@ -47,7 +47,7 @@ export function BooksPage() {
     description: 'Book reviews, ratings, and discussions from the Nostr community',
   });
 
-  useLayoutOptions({ hasSubHeader: true });
+  useLayoutOptions({ hasSubHeader: !!user });
 
   const feedQuery = useBookFeed(activeTab);
 
diff --git a/src/pages/EventsFeedPage.tsx b/src/pages/EventsFeedPage.tsx
index 49f2697f..4f474762 100644
--- a/src/pages/EventsFeedPage.tsx
+++ b/src/pages/EventsFeedPage.tsx
@@ -43,7 +43,7 @@ export function EventsFeedPage() {
   const [activeTab, setActiveTab] = useFeedTab<FeedTab>('events', ['follows', 'global']);
 
   useSeoMeta({ title: `Events | ${config.appName}` });
-  useLayoutOptions({ showFAB: true, fabKind: 31923, hasSubHeader: true });
+  useLayoutOptions({ showFAB: true, fabKind: 31923, hasSubHeader: !!user });
 
   // Calendar events feed
   const feedQuery = useFeed(activeTab, { kinds: [31922, 31923] });
diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index dd06d45d..769dcfe0 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -1,17 +1,19 @@
 import { useSeoMeta } from '@unhead/react';
 import { Feed } from '@/components/Feed';
 import { useAppContext } from '@/hooks/useAppContext';
+import { useCurrentUser } from '@/hooks/useCurrentUser';
 import { useLayoutOptions } from '@/contexts/LayoutContext';
 
 const Index = () => {
   const { config } = useAppContext();
+  const { user } = useCurrentUser();
 
   useSeoMeta({
     title: config.appName,
     description: 'Your content. Your vibe. Your rules.',
   });
 
-  useLayoutOptions({ showFAB: true, fabKind: 1, hasSubHeader: true });
+  useLayoutOptions({ showFAB: true, fabKind: 1, hasSubHeader: !!user });
 
   return <Feed />;
 };
diff --git a/src/pages/KindFeedPage.tsx b/src/pages/KindFeedPage.tsx
index 99857b65..822d9e75 100644
--- a/src/pages/KindFeedPage.tsx
+++ b/src/pages/KindFeedPage.tsx
@@ -5,6 +5,7 @@ import { Link } from 'react-router-dom';
 import { Feed } from '@/components/Feed';
 import { KindInfoButton } from '@/components/KindInfoButton';
 import { useAppContext } from '@/hooks/useAppContext';
+import { useCurrentUser } from '@/hooks/useCurrentUser';
 import { useLayoutOptions } from '@/contexts/LayoutContext';
 import { EXTRA_KINDS, type ExtraKindDef } from '@/lib/extraKinds';
 
@@ -35,6 +36,7 @@ interface KindFeedPageProps {
 
 export function KindFeedPage({ kind, title, icon, emptyMessage, kindDef, backTo = '/', alwaysShowBack, fabHref, tagFilters, extra, onFabClick, showFAB = true, feedId }: KindFeedPageProps) {
   const { config } = useAppContext();
+  const { user } = useCurrentUser();
   const primaryKind = Array.isArray(kind) ? kind[0] : kind;
 
   const resolvedDef = useMemo(
@@ -50,7 +52,7 @@ export function KindFeedPage({ kind, title, icon, emptyMessage, kindDef, backTo
   });
 
   const fabClick = onFabClick ?? (resolvedDef ? () => setInfoOpen(true) : undefined);
-  useLayoutOptions({ showFAB, fabKind: primaryKind, fabHref, onFabClick: fabClick, hasSubHeader: true });
+  useLayoutOptions({ showFAB, fabKind: primaryKind, fabHref, onFabClick: fabClick, hasSubHeader: !!user });
 
   const kinds = Array.isArray(kind) ? kind : [kind];
 

From 98954e19b8d827cfd1c87a2921b99343811d9662 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 13:11:28 -0700
Subject: [PATCH 065/120] Refactor: extract ArcBackground, PlanetButton, and
 PageHeader shared components

Consolidate duplicated patterns from iterative development into reusable
components:

- ArcBackground: shared SVG arc shape used by SubHeaderBar, MobileTopBar,
  and MobileBottomNav (eliminates 3x duplicated SVG paths and magic numbers)
- PlanetButton: extracted FAB planet SVG with useId()-scoped gradient IDs
  to prevent collisions if multiple instances ever coexist
- PageHeader: standardized back+icon+title header used across 10 pages

Net reduction of ~144 lines with no behavioral changes.
---
 src/components/ArcBackground.tsx         | 47 ++++++++++++++
 src/components/Feed.tsx                  | 78 ++++++++++++------------
 src/components/FloatingComposeButton.tsx | 48 +--------------
 src/components/MobileBottomNav.tsx       | 15 +----
 src/components/MobileTopBar.tsx          | 16 +----
 src/components/PageHeader.tsx            | 42 +++++++++++++
 src/components/SubHeaderBar.tsx          | 12 +---
 src/components/icons/PlanetButton.tsx    | 62 +++++++++++++++++++
 src/pages/BookmarksPage.tsx              | 16 +----
 src/pages/BooksPage.tsx                  | 15 ++---
 src/pages/EventsFeedPage.tsx             | 16 ++---
 src/pages/HelpPage.tsx                   | 14 +----
 src/pages/KindFeedPage.tsx               | 14 +----
 src/pages/PhotosFeedPage.tsx             | 16 ++---
 src/pages/StreamsFeedPage.tsx            | 15 ++---
 src/pages/TrendsPage.tsx                 | 14 +----
 src/pages/VideosFeedPage.tsx             | 13 +---
 17 files changed, 230 insertions(+), 223 deletions(-)
 create mode 100644 src/components/ArcBackground.tsx
 create mode 100644 src/components/PageHeader.tsx
 create mode 100644 src/components/icons/PlanetButton.tsx

diff --git a/src/components/ArcBackground.tsx b/src/components/ArcBackground.tsx
new file mode 100644
index 00000000..2d35288f
--- /dev/null
+++ b/src/components/ArcBackground.tsx
@@ -0,0 +1,47 @@
+import { cn } from '@/lib/utils';
+
+/** The arc overhang in pixels that extends beyond the element's bounds. */
+export const ARC_OVERHANG_PX = 20;
+
+/** SVG path for a downward arc (used by top bar and sub-header bar). */
+export const ARC_DOWN_PATH = 'M0,0 L100,0 L100,44 Q50,64 0,44 Z';
+
+/** SVG path for an upward arc (used by bottom nav). */
+export const ARC_UP_PATH = 'M0,20 Q50,0 100,20 L100,64 L0,64 Z';
+
+/** SVG path for a plain rectangle with no arc. */
+export const RECT_PATH = 'M0,0 L100,0 L100,64 L0,64 Z';
+
+interface ArcBackgroundProps {
+  /** Which arc shape to render. */
+  variant: 'down' | 'up' | 'rect';
+  /** Extra classes on the <svg> element. */
+  className?: string;
+}
+
+/**
+ * Shared SVG background shape used by MobileTopBar, SubHeaderBar, and
+ * MobileBottomNav. Draws a semi-transparent filled shape (rectangle + optional
+ * curved arc) as a single path so there are no sub-pixel seams between layers.
+ */
+export function ArcBackground({ variant, className }: ArcBackgroundProps) {
+  const path = variant === 'down' ? ARC_DOWN_PATH : variant === 'up' ? ARC_UP_PATH : RECT_PATH;
+  const hasArc = variant !== 'rect';
+
+  // "down" and "rect" anchor to the top (arc/content extends downward).
+  // "up" anchors to the bottom so the arc extends upward above the container.
+  const positionClass = variant === 'up'
+    ? 'absolute bottom-0 left-0 right-0'
+    : 'absolute inset-0';
+
+  return (
+    <svg
+      className={cn(positionClass, 'w-full pointer-events-none', className)}
+      viewBox="0 0 100 64"
+      preserveAspectRatio="none"
+      style={hasArc ? { height: `calc(100% + ${ARC_OVERHANG_PX}px)` } : { height: '100%' }}
+    >
+      <path d={path} className="fill-background/80" />
+    </svg>
+  );
+}
diff --git a/src/components/Feed.tsx b/src/components/Feed.tsx
index 847362ac..af821c85 100644
--- a/src/components/Feed.tsx
+++ b/src/components/Feed.tsx
@@ -233,45 +233,45 @@ export function Feed({ kinds, tagFilters, header, hideCompose, emptyMessage, fee
       {/* Tabs (logged in) or CTA (logged out, main feed only) */}
       {user ? (
         <SubHeaderBar>
-            <TabButton label="Follows" active={activeTab === 'follows'} onClick={() => handleSetActiveTab('follows')} />
-            {!isKindSpecificPage && showDittoFeed && (
-              <TabButton label="Ditto" active={activeTab === 'ditto'} onClick={() => handleSetActiveTab('ditto')} />
-            )}
-            {!isKindSpecificPage && showCommunityFeed && (
-              <TabButton label={communityLabel} active={activeTab === 'communities'} onClick={() => handleSetActiveTab('communities')} />
-            )}
-            {(isKindSpecificPage || showGlobalFeed) && (
-              <TabButton label="Global" active={activeTab === 'global'} onClick={() => handleSetActiveTab('global')} />
-            )}
-            {showSavedFeedTabs && savedFeeds.map((feed) => (
-              <TabButton
-                key={feed.id}
-                label={feed.label}
-                active={activeTab === feed.id}
-                onClick={() => handleSetActiveTab(feed.id)}
-              />
-            ))}
-            {showSavedFeedTabs && hashtags.map((tag) => (
-              <TabButton
-                key={`hashtag:${tag}`}
-                label={`#${tag}`}
-                active={activeTab === `hashtag:${tag}`}
-                onClick={() => handleSetActiveTab(`hashtag:${tag}`)}
-              />
-            ))}
-            {showSavedFeedTabs && geotags.map((tag) => (
-              <TabButton
-                key={`geotag:${tag}`}
-                label={tag}
-                active={activeTab === `geotag:${tag}`}
-                onClick={() => handleSetActiveTab(`geotag:${tag}`)}
-              >
-                <span className="flex items-center justify-center gap-1">
-                  <MapPin className="size-3.5" />
-                  {tag}
-                </span>
-              </TabButton>
-            ))}
+          <TabButton label="Follows" active={activeTab === 'follows'} onClick={() => handleSetActiveTab('follows')} />
+          {!isKindSpecificPage && showDittoFeed && (
+            <TabButton label="Ditto" active={activeTab === 'ditto'} onClick={() => handleSetActiveTab('ditto')} />
+          )}
+          {!isKindSpecificPage && showCommunityFeed && (
+            <TabButton label={communityLabel} active={activeTab === 'communities'} onClick={() => handleSetActiveTab('communities')} />
+          )}
+          {(isKindSpecificPage || showGlobalFeed) && (
+            <TabButton label="Global" active={activeTab === 'global'} onClick={() => handleSetActiveTab('global')} />
+          )}
+          {showSavedFeedTabs && savedFeeds.map((feed) => (
+            <TabButton
+              key={feed.id}
+              label={feed.label}
+              active={activeTab === feed.id}
+              onClick={() => handleSetActiveTab(feed.id)}
+            />
+          ))}
+          {showSavedFeedTabs && hashtags.map((tag) => (
+            <TabButton
+              key={`hashtag:${tag}`}
+              label={`#${tag}`}
+              active={activeTab === `hashtag:${tag}`}
+              onClick={() => handleSetActiveTab(`hashtag:${tag}`)}
+            />
+          ))}
+          {showSavedFeedTabs && geotags.map((tag) => (
+            <TabButton
+              key={`geotag:${tag}`}
+              label={tag}
+              active={activeTab === `geotag:${tag}`}
+              onClick={() => handleSetActiveTab(`geotag:${tag}`)}
+            >
+              <span className="flex items-center justify-center gap-1">
+                <MapPin className="size-3.5" />
+                {tag}
+              </span>
+            </TabButton>
+          ))}
         </SubHeaderBar>
       ) : !kinds && (
         <LandingHero
diff --git a/src/components/FloatingComposeButton.tsx b/src/components/FloatingComposeButton.tsx
index f0ceb435..10a6e452 100644
--- a/src/components/FloatingComposeButton.tsx
+++ b/src/components/FloatingComposeButton.tsx
@@ -7,6 +7,7 @@ import {
   DialogContent,
   DialogTitle,
 } from '@/components/ui/dialog';
+import { PlanetButton } from '@/components/icons/PlanetButton';
 import { ReplyComposeModal } from '@/components/ReplyComposeModal';
 import { useCurrentUser } from '@/hooks/useCurrentUser';
 
@@ -52,52 +53,7 @@ export function FloatingComposeButton({ kind = 1, href, onFabClick, icon }: Floa
           filter: 'drop-shadow(0 4px 12px hsl(var(--primary) / 0.4)) drop-shadow(0 2px 4px hsl(var(--primary) / 0.2))',
         }}
       >
-        {/* Filled planet shape as the button background */}
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 0 24 24"
-          className="absolute inset-0 w-full h-full"
-        >
-          <defs>
-            {/* Gradient for planet body */}
-            <linearGradient id="planet-gradient" x1="0" y1="0" x2="1" y2="1">
-              <stop offset="0%" style={{ stopColor: 'hsl(var(--accent))' }} />
-              <stop offset="100%" style={{ stopColor: 'hsl(var(--primary))' }} />
-            </linearGradient>
-            {/* Gradient for ring */}
-            <linearGradient id="ring-gradient" x1="0" y1="0" x2="1" y2="0">
-              <stop offset="0%" style={{ stopColor: 'hsl(var(--primary))' }} />
-              <stop offset="100%" style={{ stopColor: 'hsl(var(--accent))' }} />
-            </linearGradient>
-            {/* Mask: white = visible, black = cut out.
-                The middle arc (crossing through the circle) is stroked black
-                so the ring appears to pass in front there. The outer arcs at
-                the edges pass behind the planet body naturally.
-                Single explicit path segment — no pathLength/dash tricks, Safari-safe. */}
-            <mask id="planet-body-mask">
-              <circle cx="12" cy="12" r="8" fill="white" />
-              {/* Middle arc: crosses through the planet body, ring passes in front */}
-              <path
-                d="M7.06 18.24 C9.1 17.82 11.57 16.88 14.05 15.5 C16.51 14.14 18.57 12.54 19.98 11.03"
-                fill="none"
-                stroke="black"
-                strokeWidth="3"
-                strokeLinecap="round"
-              />
-            </mask>
-          </defs>
-          {/* Planet body with gradient fill, front-arc gap cut out */}
-          <circle cx="12" cy="12" r="8" fill="url(#planet-gradient)" mask="url(#planet-body-mask)" />
-          {/* Full ring as one continuous path — gradient flows smoothly */}
-          <path
-            d="M4.05 13 C2.35 14.8 1.55 16.5 2.25 17.5 C2.84 18.53 4.66 18.74 7.06 18.24 C9.1 17.82 11.57 16.88 14.05 15.5 C16.51 14.14 18.57 12.54 19.98 11.03 C21.66 9.22 22.4 7.54 21.75 6.5 C21.15 5.5 19.35 5.3 17.05 5.8"
-            fill="none"
-            stroke="url(#ring-gradient)"
-            strokeWidth="2"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          />
-        </svg>
+        <PlanetButton />
         {/* Plus icon centered on the planet body */}
         <span className="absolute inset-0 flex items-center justify-center text-accent-foreground">
           {icon ?? <Plus strokeWidth={4} size={16} />}
diff --git a/src/components/MobileBottomNav.tsx b/src/components/MobileBottomNav.tsx
index 9c0467aa..77168006 100644
--- a/src/components/MobileBottomNav.tsx
+++ b/src/components/MobileBottomNav.tsx
@@ -10,6 +10,7 @@ import { useCurrentUser } from '@/hooks/useCurrentUser';
 import { useScrollDirection } from '@/hooks/useScrollDirection';
 import { useProfileUrl } from '@/hooks/useProfileUrl';
 import { useLayoutSnapshot } from '@/contexts/LayoutContext';
+import { ArcBackground, ARC_OVERHANG_PX } from '@/components/ArcBackground';
 import { MobileSearchSheet } from '@/components/MobileSearchSheet';
 
 export function MobileBottomNav() {
@@ -42,19 +43,9 @@ export function MobileBottomNav() {
           'fixed bottom-0 left-0 right-0 z-40 sidebar:hidden safe-area-bottom will-change-transform',
           'transition-transform duration-300 ease-in-out',
         )}
-        style={isHidden ? { transform: 'translateY(calc(100% + 20px))' } : undefined}
+        style={isHidden ? { transform: `translateY(calc(100% + ${ARC_OVERHANG_PX}px))` } : undefined}
       >
-        {/* Single unified background: arc + rectangle drawn as one SVG shape.
-            Arc uses 12/32 ratio matching the top header arc (viewBox 0 0 100 12, height 20px).
-            No separate layers = no opacity overlap seam, no sub-pixel gap. */}
-        <svg
-          className="absolute left-0 right-0 bottom-0 w-full pointer-events-none"
-          viewBox="0 0 100 64"
-          preserveAspectRatio="none"
-          style={{ height: 'calc(100% + 20px)' }}
-        >
-          <path d="M0,20 Q50,0 100,20 L100,64 L0,64 Z" className="fill-background/80" />
-        </svg>
+        <ArcBackground variant="up" />
 
         <div className="h-11 flex items-center relative">
 
diff --git a/src/components/MobileTopBar.tsx b/src/components/MobileTopBar.tsx
index 30159568..374e66e6 100644
--- a/src/components/MobileTopBar.tsx
+++ b/src/components/MobileTopBar.tsx
@@ -2,6 +2,7 @@ import { useCallback } from 'react';
 import { Link, useLocation } from 'react-router-dom';
 import { DittoLogo } from '@/components/DittoLogo';
 import { BarsStaggeredIcon } from '@/components/icons/BarsStaggeredIcon';
+import { ArcBackground } from '@/components/ArcBackground';
 
 interface MobileTopBarProps {
   onAvatarClick: () => void;
@@ -21,20 +22,7 @@ export function MobileTopBar({ onAvatarClick, showArc }: MobileTopBarProps) {
 
   return (
     <header className="sticky top-0 z-20 sidebar:hidden safe-area-top">
-      {/* Unified background: rectangle (+ optional arc) as one SVG shape.
-          When showArc is false, sub-header provides its own arc so we just draw the rect. */}
-      <svg
-        className="absolute inset-0 w-full pointer-events-none"
-        viewBox="0 0 100 64"
-        preserveAspectRatio="none"
-        style={{ height: showArc ? 'calc(100% + 20px)' : '100%' }}
-      >
-        {showArc ? (
-          <path d="M0,0 L100,0 L100,44 Q50,64 0,44 Z" className="fill-background/80" />
-        ) : (
-          <rect x="0" y="0" width="100" height="64" className="fill-background/80" />
-        )}
-      </svg>
+      <ArcBackground variant={showArc ? 'down' : 'rect'} />
       <div className="relative flex items-center px-3 h-10">
         {/* Left: hamburger menu icon */}
         <div className="flex items-center justify-center w-7 shrink-0">
diff --git a/src/components/PageHeader.tsx b/src/components/PageHeader.tsx
new file mode 100644
index 00000000..83dab0d4
--- /dev/null
+++ b/src/components/PageHeader.tsx
@@ -0,0 +1,42 @@
+import { ArrowLeft } from 'lucide-react';
+import { Link } from 'react-router-dom';
+import { cn } from '@/lib/utils';
+
+interface PageHeaderProps {
+  /** Page title text. */
+  title: string;
+  /** Icon rendered before the title. */
+  icon?: React.ReactNode;
+  /** Where the back arrow navigates to (default: "/"). */
+  backTo?: string;
+  /** Always show the back button, even on desktop (default: mobile only). */
+  alwaysShowBack?: boolean;
+  /** Extra elements placed after the title (e.g. KindInfoButton). */
+  children?: React.ReactNode;
+  /** Override the outer wrapper classes. */
+  className?: string;
+}
+
+/**
+ * Shared page header with back button, icon, and title.
+ *
+ * Used by kind-feed pages, bookmarks, help, trends, and other sub-pages
+ * to provide a consistent header layout.
+ */
+export function PageHeader({ title, icon, backTo = '/', alwaysShowBack, children, className }: PageHeaderProps) {
+  return (
+    <div className={cn('flex items-center gap-4 px-4 mt-4 mb-1', className)}>
+      <Link
+        to={backTo}
+        className={cn('p-2 -ml-2 rounded-full hover:bg-secondary transition-colors', !alwaysShowBack && 'sidebar:hidden')}
+      >
+        <ArrowLeft className="size-5" />
+      </Link>
+      <div className="flex items-center gap-2 flex-1 min-w-0">
+        {icon}
+        <h1 className="text-xl font-bold">{title}</h1>
+      </div>
+      {children}
+    </div>
+  );
+}
diff --git a/src/components/SubHeaderBar.tsx b/src/components/SubHeaderBar.tsx
index 5d7d3869..3c6d14a5 100644
--- a/src/components/SubHeaderBar.tsx
+++ b/src/components/SubHeaderBar.tsx
@@ -1,4 +1,5 @@
 import { cn } from '@/lib/utils';
+import { ArcBackground } from '@/components/ArcBackground';
 
 interface SubHeaderBarProps {
   children: React.ReactNode;
@@ -19,16 +20,7 @@ interface SubHeaderBarProps {
 export function SubHeaderBar({ children, className, innerClassName }: SubHeaderBarProps) {
   return (
     <div className={cn('relative sticky top-mobile-bar sidebar:top-0 z-10', className)}>
-      {/* Unified background: rectangle + arc drawn as one SVG path.
-          Single fill layer = no opacity overlap seam, no sub-pixel gap. */}
-      <svg
-        className="absolute inset-0 w-full pointer-events-none"
-        viewBox="0 0 100 64"
-        preserveAspectRatio="none"
-        style={{ height: 'calc(100% + 20px)' }}
-      >
-        <path d="M0,0 L100,0 L100,44 Q50,64 0,44 Z" className="fill-background/80" />
-      </svg>
+      <ArcBackground variant="down" />
       {/* Tab content sits above the SVG background */}
       <div className={cn('relative flex overflow-x-auto scrollbar-none', innerClassName)}>
         {children}
diff --git a/src/components/icons/PlanetButton.tsx b/src/components/icons/PlanetButton.tsx
new file mode 100644
index 00000000..f8b046b8
--- /dev/null
+++ b/src/components/icons/PlanetButton.tsx
@@ -0,0 +1,62 @@
+import { useId } from 'react';
+import { cn } from '@/lib/utils';
+
+interface PlanetButtonProps {
+  className?: string;
+}
+
+/**
+ * Filled planet-with-ring SVG shape used as the FAB background.
+ *
+ * Uses `useId()` to scope gradient/mask IDs so multiple instances can coexist
+ * without ID collisions.
+ */
+export function PlanetButton({ className }: PlanetButtonProps) {
+  const uid = useId();
+  const gradientId = `${uid}-planet-gradient`;
+  const ringGradientId = `${uid}-ring-gradient`;
+  const maskId = `${uid}-planet-body-mask`;
+
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      className={cn('absolute inset-0 w-full h-full', className)}
+    >
+      <defs>
+        <linearGradient id={gradientId} x1="0" y1="0" x2="1" y2="1">
+          <stop offset="0%" style={{ stopColor: 'hsl(var(--accent))' }} />
+          <stop offset="100%" style={{ stopColor: 'hsl(var(--primary))' }} />
+        </linearGradient>
+        <linearGradient id={ringGradientId} x1="0" y1="0" x2="1" y2="0">
+          <stop offset="0%" style={{ stopColor: 'hsl(var(--primary))' }} />
+          <stop offset="100%" style={{ stopColor: 'hsl(var(--accent))' }} />
+        </linearGradient>
+        {/* Mask: white = visible, black = cut out.
+            The middle arc (crossing through the circle) is stroked black
+            so the ring appears to pass in front there. */}
+        <mask id={maskId}>
+          <circle cx="12" cy="12" r="8" fill="white" />
+          <path
+            d="M7.06 18.24 C9.1 17.82 11.57 16.88 14.05 15.5 C16.51 14.14 18.57 12.54 19.98 11.03"
+            fill="none"
+            stroke="black"
+            strokeWidth="3"
+            strokeLinecap="round"
+          />
+        </mask>
+      </defs>
+      {/* Planet body with gradient fill, front-arc gap cut out */}
+      <circle cx="12" cy="12" r="8" fill={`url(#${gradientId})`} mask={`url(#${maskId})`} />
+      {/* Full ring as one continuous path */}
+      <path
+        d="M4.05 13 C2.35 14.8 1.55 16.5 2.25 17.5 C2.84 18.53 4.66 18.74 7.06 18.24 C9.1 17.82 11.57 16.88 14.05 15.5 C16.51 14.14 18.57 12.54 19.98 11.03 C21.66 9.22 22.4 7.54 21.75 6.5 C21.15 5.5 19.35 5.3 17.05 5.8"
+        fill="none"
+        stroke={`url(#${ringGradientId})`}
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}
diff --git a/src/pages/BookmarksPage.tsx b/src/pages/BookmarksPage.tsx
index 52d5fdc9..3352c9b0 100644
--- a/src/pages/BookmarksPage.tsx
+++ b/src/pages/BookmarksPage.tsx
@@ -1,14 +1,13 @@
 import { useSeoMeta } from '@unhead/react';
-import { ArrowLeft, Bookmark } from 'lucide-react';
-import { Link } from 'react-router-dom';
+import { Bookmark } from 'lucide-react';
 import { NoteCard } from '@/components/NoteCard';
+import { PageHeader } from '@/components/PageHeader';
 import { Skeleton } from '@/components/ui/skeleton';
 import { useAppContext } from '@/hooks/useAppContext';
 import { useBookmarks } from '@/hooks/useBookmarks';
 import { useCurrentUser } from '@/hooks/useCurrentUser';
 import { LoginArea } from '@/components/auth/LoginArea';
 
-
 export function BookmarksPage() {
   const { config } = useAppContext();
 
@@ -22,16 +21,7 @@ export function BookmarksPage() {
 
   return (
       <main className="">
-        {/* Page header */}
-        <div className="flex items-center gap-4 px-4 mt-4 mb-1">
-          <Link to="/" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
-            <ArrowLeft className="size-5" />
-          </Link>
-          <div className="flex items-center gap-2 flex-1 min-w-0">
-            <Bookmark className="size-5" />
-            <h1 className="text-xl font-bold">Bookmarks</h1>
-          </div>
-        </div>
+        <PageHeader title="Bookmarks" icon={<Bookmark className="size-5" />} />
 
         {/* Content */}
         {!user ? (
diff --git a/src/pages/BooksPage.tsx b/src/pages/BooksPage.tsx
index d6d6b994..7e91b1c0 100644
--- a/src/pages/BooksPage.tsx
+++ b/src/pages/BooksPage.tsx
@@ -2,7 +2,7 @@ import { useState, useEffect, useMemo, useCallback, useRef } from 'react';
 import { useNavigate, Link } from 'react-router-dom';
 import { useInView } from 'react-intersection-observer';
 import { useQueryClient } from '@tanstack/react-query';
-import { ArrowLeft, BookMarked, Loader2, Search, X } from 'lucide-react';
+import { BookMarked, Loader2, Search, X } from 'lucide-react';
 import { useSeoMeta } from '@unhead/react';
 
 import { SubHeaderBar } from '@/components/SubHeaderBar';
@@ -12,6 +12,7 @@ import { Skeleton } from '@/components/ui/skeleton';
 import { PullToRefresh } from '@/components/PullToRefresh';
 import { FeedEmptyState } from '@/components/FeedEmptyState';
 import { KindInfoButton } from '@/components/KindInfoButton';
+import { PageHeader } from '@/components/PageHeader';
 import { BookFeedItem, BookFeedItemSkeleton } from '@/components/BookFeedItem';
 import { useBookFeed } from '@/hooks/useBookFeed';
 import { useBookSearch, type BookSearchResult } from '@/hooks/useBookSearch';
@@ -105,17 +106,9 @@ export function BooksPage() {
         </SubHeaderBar>
       )}
 
-      {/* Page header */}
-      <div className="flex items-center gap-4 px-4 mt-4 mb-1">
-        <Link to="/" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
-          <ArrowLeft className="size-5" />
-        </Link>
-        <div className="flex items-center gap-2 flex-1 min-w-0">
-          <BookMarked className="size-5" />
-          <h1 className="text-xl font-bold">Books</h1>
-        </div>
+      <PageHeader title="Books" icon={<BookMarked className="size-5" />}>
         <KindInfoButton kindDef={booksDef} icon={<BookMarked className="size-10" />} />
-      </div>
+      </PageHeader>
 
       {/* Book search bar */}
       <BookSearchBar />
diff --git a/src/pages/EventsFeedPage.tsx b/src/pages/EventsFeedPage.tsx
index 4f474762..c2583257 100644
--- a/src/pages/EventsFeedPage.tsx
+++ b/src/pages/EventsFeedPage.tsx
@@ -1,8 +1,7 @@
 import { useEffect, useMemo, useCallback } from 'react';
-import { Link } from 'react-router-dom';
 import { useInView } from 'react-intersection-observer';
 import { useQueryClient } from '@tanstack/react-query';
-import { ArrowLeft, CalendarDays, Loader2 } from 'lucide-react';
+import { CalendarDays, Loader2 } from 'lucide-react';
 import { FeedEmptyState } from '@/components/FeedEmptyState';
 import { useSeoMeta } from '@unhead/react';
 import type { NostrEvent } from '@nostrify/nostrify';
@@ -11,6 +10,7 @@ import { Skeleton } from '@/components/ui/skeleton';
 import { PullToRefresh } from '@/components/PullToRefresh';
 import { KindInfoButton } from '@/components/KindInfoButton';
 import { NoteCard } from '@/components/NoteCard';
+import { PageHeader } from '@/components/PageHeader';
 import { SubHeaderBar } from '@/components/SubHeaderBar';
 import { TabButton } from '@/components/TabButton';
 import { useFeed } from '@/hooks/useFeed';
@@ -114,17 +114,9 @@ export function EventsFeedPage() {
         </SubHeaderBar>
       )}
 
-      {/* Header */}
-      <div className="flex items-center gap-4 px-4 mt-4 mb-1">
-        <Link to="/" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
-          <ArrowLeft className="size-5" />
-        </Link>
-        <div className="flex items-center gap-2 flex-1 min-w-0">
-          <CalendarDays className="size-5" />
-          <h1 className="text-xl font-bold">Events</h1>
-        </div>
+      <PageHeader title="Events" icon={<CalendarDays className="size-5" />}>
         <KindInfoButton kindDef={eventsDef} icon={sidebarItemIcon('events', 'size-5')} />
-      </div>
+      </PageHeader>
 
       <PullToRefresh onRefresh={handleRefresh}>
         {showSkeleton ? (
diff --git a/src/pages/HelpPage.tsx b/src/pages/HelpPage.tsx
index fd3262fc..8585b00b 100644
--- a/src/pages/HelpPage.tsx
+++ b/src/pages/HelpPage.tsx
@@ -1,9 +1,10 @@
 import { useSeoMeta } from '@unhead/react';
-import { ArrowLeft, HelpCircle, Shield } from 'lucide-react';
+import { HelpCircle, Shield } from 'lucide-react';
 import { Link } from 'react-router-dom';
 
 import { useAppContext } from '@/hooks/useAppContext';
 import { useLayoutOptions } from '@/contexts/LayoutContext';
+import { PageHeader } from '@/components/PageHeader';
 import { TeamSoapboxCard } from '@/components/TeamSoapboxCard';
 import { HelpFAQSection } from '@/components/HelpFAQSection';
 
@@ -18,16 +19,7 @@ export function HelpPage() {
 
   return (
     <main className="min-h-screen pb-16 sidebar:pb-0">
-      {/* Page header */}
-      <div className="flex items-center gap-4 px-4 mt-4 mb-1">
-        <Link to="/" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
-          <ArrowLeft className="size-5" />
-        </Link>
-        <div className="flex items-center gap-2 flex-1 min-w-0">
-          <HelpCircle className="size-5" />
-          <h1 className="text-xl font-bold">Help</h1>
-        </div>
-      </div>
+      <PageHeader title="Help" icon={<HelpCircle className="size-5" />} />
 
       {/* Team Soapbox follow pack */}
       <TeamSoapboxCard className="px-4 pt-2 pb-4" />
diff --git a/src/pages/KindFeedPage.tsx b/src/pages/KindFeedPage.tsx
index 822d9e75..6d3b300d 100644
--- a/src/pages/KindFeedPage.tsx
+++ b/src/pages/KindFeedPage.tsx
@@ -1,9 +1,8 @@
 import { useMemo, useState } from 'react';
 import { useSeoMeta } from '@unhead/react';
-import { ArrowLeft } from 'lucide-react';
-import { Link } from 'react-router-dom';
 import { Feed } from '@/components/Feed';
 import { KindInfoButton } from '@/components/KindInfoButton';
+import { PageHeader } from '@/components/PageHeader';
 import { useAppContext } from '@/hooks/useAppContext';
 import { useCurrentUser } from '@/hooks/useCurrentUser';
 import { useLayoutOptions } from '@/contexts/LayoutContext';
@@ -65,16 +64,9 @@ export function KindFeedPage({ kind, title, icon, emptyMessage, kindDef, backTo
         feedId={feedId ?? title.toLowerCase()}
         emptyMessage={emptyMessage ?? `No ${title.toLowerCase()} yet. Check back soon!`}
         header={
-          <div className="flex items-center gap-4 px-4 pt-4 pb-5">
-            <Link to={backTo} className={`p-2 -ml-2 rounded-full hover:bg-secondary transition-colors ${alwaysShowBack ? '' : 'sidebar:hidden'}`}>
-              <ArrowLeft className="size-5" />
-            </Link>
-            <div className="flex items-center gap-2 flex-1 min-w-0">
-              {icon}
-              <h1 className="text-xl font-bold">{title}</h1>
-            </div>
+          <PageHeader title={title} icon={icon} backTo={backTo} alwaysShowBack={alwaysShowBack}>
             {resolvedDef && <KindInfoButton kindDef={resolvedDef} icon={icon} open={infoOpen} onOpenChange={setInfoOpen} />}
-          </div>
+          </PageHeader>
         }
       />
       {extra}
diff --git a/src/pages/PhotosFeedPage.tsx b/src/pages/PhotosFeedPage.tsx
index e6f4d5d7..ca0e9310 100644
--- a/src/pages/PhotosFeedPage.tsx
+++ b/src/pages/PhotosFeedPage.tsx
@@ -7,8 +7,7 @@
  */
 
 import { useEffect, useMemo } from 'react';
-import { Link } from 'react-router-dom';
-import { ArrowLeft, Camera } from 'lucide-react';
+import { Camera } from 'lucide-react';
 import { useSeoMeta } from '@unhead/react';
 import { useInView } from 'react-intersection-observer';
 import { FeedEmptyState } from '@/components/FeedEmptyState';
@@ -22,6 +21,7 @@ import { useInfiniteHotFeed } from '@/hooks/useTrending';
 import { useMuteList } from '@/hooks/useMuteList';
 import { isEventMuted } from '@/lib/muteHelpers';
 import { KindInfoButton } from '@/components/KindInfoButton';
+import { PageHeader } from '@/components/PageHeader';
 import { sidebarItemIcon } from '@/lib/sidebarItems';
 import { SubHeaderBar } from '@/components/SubHeaderBar';
 import { TabButton } from '@/components/TabButton';
@@ -97,17 +97,9 @@ export function PhotosFeedPage() {
         <TabButton label="Global" active={activeTab === 'global'} onClick={() => setActiveTab('global')} />
       </SubHeaderBar>
 
-      {/* Header */}
-      <div className="flex items-center gap-4 px-4 mt-4 mb-1">
-        <Link to="/" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
-          <ArrowLeft className="size-5" />
-        </Link>
-        <div className="flex items-center gap-2 flex-1 min-w-0">
-          <Camera className="size-5" />
-          <h1 className="text-xl font-bold">Photos</h1>
-        </div>
+      <PageHeader title="Photos" icon={<Camera className="size-5" />}>
         <KindInfoButton kindDef={photosDef} icon={sidebarItemIcon('photos', 'size-5')} />
-      </div>
+      </PageHeader>
 
       {/* Grid */}
       {showSkeleton ? (
diff --git a/src/pages/StreamsFeedPage.tsx b/src/pages/StreamsFeedPage.tsx
index 47fa10f5..21bd5c94 100644
--- a/src/pages/StreamsFeedPage.tsx
+++ b/src/pages/StreamsFeedPage.tsx
@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
 import { Link } from 'react-router-dom';
-import { ArrowLeft, Radio, Users, Clock } from 'lucide-react';
+import { Radio, Users, Clock } from 'lucide-react';
 import { sidebarItemIcon } from '@/lib/sidebarItems';
 import { useSeoMeta } from '@unhead/react';
 import { nip19 } from 'nostr-tools';
@@ -13,6 +13,7 @@ import { Badge } from '@/components/ui/badge';
 import { Skeleton } from '@/components/ui/skeleton';
 import { Card, CardContent } from '@/components/ui/card';
 import { KindInfoButton } from '@/components/KindInfoButton';
+import { PageHeader } from '@/components/PageHeader';
 import { useAuthor } from '@/hooks/useAuthor';
 import { useStreamKind } from '@/hooks/useStreamKind';
 import { useLayoutOptions } from '@/contexts/LayoutContext';
@@ -70,17 +71,9 @@ export function StreamsFeedPage() {
 
   return (
       <main className="">
-        {/* Header */}
-        <div className="flex items-center gap-4 px-4 pt-4 pb-5">
-          <Link to="/" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
-            <ArrowLeft className="size-5" />
-          </Link>
-          <div className="flex items-center gap-2 flex-1 min-w-0">
-            <Radio className="size-5" />
-            <h1 className="text-xl font-bold">Streams</h1>
-          </div>
+        <PageHeader title="Streams" icon={<Radio className="size-5" />}>
           <KindInfoButton kindDef={streamsDef} icon={sidebarItemIcon('streams', 'size-5')} />
-        </div>
+        </PageHeader>
 
         {/* Feed */}
         {isLoading && events.length === 0 ? (
diff --git a/src/pages/TrendsPage.tsx b/src/pages/TrendsPage.tsx
index 4b85dae4..220bf0bb 100644
--- a/src/pages/TrendsPage.tsx
+++ b/src/pages/TrendsPage.tsx
@@ -1,9 +1,10 @@
 import { useSeoMeta } from "@unhead/react";
-import { ArrowLeft, Flame, Loader2, Swords, TrendingUp } from "lucide-react";
+import { Flame, Loader2, Swords, TrendingUp } from "lucide-react";
 import { useEffect, useMemo, useState } from "react";
 import { useInView } from "react-intersection-observer";
 import { Link } from "react-router-dom";
 import { NoteCard } from "@/components/NoteCard";
+import { PageHeader } from "@/components/PageHeader";
 import { Skeleton } from "@/components/ui/skeleton";
 import { useAppContext } from "@/hooks/useAppContext";
 import { useMuteList } from "@/hooks/useMuteList";
@@ -64,16 +65,7 @@ export function TrendsPage() {
 
   return (
     <main className="">
-      {/* Page header */}
-      <div className="flex items-center gap-4 px-4 mt-4 mb-1">
-        <Link to="/" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
-          <ArrowLeft className="size-5" />
-        </Link>
-        <div className="flex items-center gap-2 flex-1 min-w-0">
-          <TrendingUp className="size-5" />
-          <h1 className="text-xl font-bold">Trends</h1>
-        </div>
-      </div>
+      <PageHeader title="Trends" icon={<TrendingUp className="size-5" />} />
 
       {/* Trending Hashtags */}
       <div className="px-4 pt-4 pb-2">
diff --git a/src/pages/VideosFeedPage.tsx b/src/pages/VideosFeedPage.tsx
index c2cdab77..b2764f8c 100644
--- a/src/pages/VideosFeedPage.tsx
+++ b/src/pages/VideosFeedPage.tsx
@@ -41,6 +41,7 @@ import { getAvatarShape } from '@/lib/avatarShape';
 
 import { Skeleton } from '@/components/ui/skeleton';
 import { KindInfoButton } from '@/components/KindInfoButton';
+import { PageHeader } from '@/components/PageHeader';
 import { useVideoThumbnail } from '@/components/VideoPlayer';
 import { sidebarItemIcon } from '@/lib/sidebarItems';
 import { getExtraKindDef } from '@/lib/extraKinds';
@@ -783,17 +784,9 @@ export function VideosFeedPage() {
         <TabButton label="Global" active={feedTab === 'global'} onClick={() => setFeedTab('global')} />
       </SubHeaderBar>
 
-      {/* Header */}
-      <div className="flex items-center gap-4 px-4 mt-4 mb-1">
-        <Link to="/" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
-          <ArrowLeft className="size-5" />
-        </Link>
-        <div className="flex items-center gap-2 flex-1 min-w-0">
-          <Film className="size-5" />
-          <h1 className="text-xl font-bold">Videos</h1>
-        </div>
+      <PageHeader title="Videos" icon={<Film className="size-5" />}>
         <KindInfoButton kindDef={videosDef} icon={sidebarItemIcon('videos', 'size-5')} />
-      </div>
+      </PageHeader>
 
       {/* Live streams strip — follows tab filters by followed authors */}
       <LiveStreamsStrip tab={feedTab} />

From b09c78df92fd4a83a7e1b5dc0e0831395cfb9c12 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 13:26:32 -0700
Subject: [PATCH 066/120] Cleanup: migrate remaining pages from sticky headers,
 extract CSS custom properties

- Remove STICKY_HEADER_CLASS + backdrop-blur from TagFeedPage, ListDetailPage,
  RelayPage, and DomainFeedPage to match the arc-based header style
- Migrate ListDetailPage tab bar to SubHeaderBar
- Migrate ThemesPage header to use shared PageHeader component
- Extract --top-bar-height and --bottom-nav-height CSS custom properties in
  index.css, replacing hardcoded 2.5rem/2.75rem in all calc() expressions
- Document MobileDrawer DRAWER_BG_WIDTH constant (300px + 36px arc overhang)
- Remove unused STICKY_HEADER_CLASS import from ProfilePage
---
 src/components/MobileDrawer.tsx | 18 +++++++++++----
 src/components/TagFeedPage.tsx  |  5 ++--
 src/index.css                   | 31 ++++++++++++++-----------
 src/pages/DomainFeedPage.tsx    |  5 ++--
 src/pages/ListDetailPage.tsx    | 41 +++++++++++++++++++++++++--------
 src/pages/ProfilePage.tsx       |  2 +-
 src/pages/RelayPage.tsx         |  7 +++---
 src/pages/ThemesPage.tsx        | 15 +++---------
 8 files changed, 72 insertions(+), 52 deletions(-)

diff --git a/src/components/MobileDrawer.tsx b/src/components/MobileDrawer.tsx
index 88985cd3..f96ab0c5 100644
--- a/src/components/MobileDrawer.tsx
+++ b/src/components/MobileDrawer.tsx
@@ -29,6 +29,9 @@ import { useToast } from '@/hooks/useToast';
 import { Input } from '@/components/ui/input';
 import { resolveTheme, resolveThemeConfig } from '@/themes';
 
+/** Total width of the drawer background layer: 300px drawer + 36px arc overhang. */
+const DRAWER_BG_WIDTH = 336;
+
 interface MobileDrawerProps {
   open: boolean;
   onOpenChange: (open: boolean) => void;
@@ -99,21 +102,26 @@ export function MobileDrawer({ open, onOpenChange }: MobileDrawerProps) {
     <>
         <Sheet open={open} onOpenChange={(v) => { if (!v) setMoreMenuOpen(false); onOpenChange(v); }}>
         <SheetContent side="left" className="w-[300px] p-0 gap-0 border-r-border flex flex-col overflow-visible">
-          {/* SVG clip path definition for the drawer + arc shape */}
+          {/* SVG clip path definition for the drawer + arc shape.
+              The clip path uses objectBoundingBox units so the arc scales with the
+              background layer. The 0.893 ratio ≈ DRAWER_WIDTH / DRAWER_BG_WIDTH
+              (300 / 336), placing the arc's apex at the right edge of the visible
+              drawer while the extra 36px overflows for the curved bulge. */}
           <svg className="absolute" width="0" height="0" aria-hidden="true">
             <defs>
               <clipPath id="drawer-arc-clip" clipPathUnits="objectBoundingBox">
-                {/* Rectangle for drawer body (0–0.893) + quadratic arc on the right edge */}
                 <path d="M0,0 L0.893,0 Q1,0.5 0.893,1 L0,1 Z" />
               </clipPath>
             </defs>
           </svg>
-          {/* Single background layer spanning drawer + arc so the image flows seamlessly */}
+          {/* Background layer: 300px drawer + 36px arc overhang = 336px total.
+              Clipped to the drawer+arc shape so the background image (if any) flows
+              seamlessly through both regions. */}
           <div
             className="absolute top-0 left-0 bottom-0 pointer-events-none bg-background"
             style={{
               ...bgStyle,
-              width: 336,
+              width: DRAWER_BG_WIDTH,
               clipPath: 'url(#drawer-arc-clip)',
             }}
           />
@@ -121,7 +129,7 @@ export function MobileDrawer({ open, onOpenChange }: MobileDrawerProps) {
             <div
               className="absolute top-0 left-0 bottom-0 bg-background/70 pointer-events-none"
               style={{
-                width: 336,
+                width: DRAWER_BG_WIDTH,
                 clipPath: 'url(#drawer-arc-clip)',
               }}
             />
diff --git a/src/components/TagFeedPage.tsx b/src/components/TagFeedPage.tsx
index e8874b2c..8409fafe 100644
--- a/src/components/TagFeedPage.tsx
+++ b/src/components/TagFeedPage.tsx
@@ -14,7 +14,6 @@ import { useMuteList } from '@/hooks/useMuteList';
 import { getEnabledFeedKinds } from '@/lib/extraKinds';
 import { isRepostKind } from '@/lib/feedUtils';
 import { isEventMuted } from '@/lib/muteHelpers';
-import { cn, STICKY_HEADER_CLASS } from '@/lib/utils';
 import type { NostrEvent, NostrFilter } from '@nostrify/nostrify';
 
 interface TagFeedPageProps {
@@ -96,8 +95,8 @@ export function TagFeedPage({
 
   return (
     <main className="">
-      <div className={cn(STICKY_HEADER_CLASS, 'flex items-center gap-4 px-4 pt-4 pb-5 bg-background/80 backdrop-blur-md z-10')}>
-        <Link to="/" className="p-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
+      <div className="flex items-center gap-4 px-4 mt-4 mb-1">
+        <Link to="/" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
           <ArrowLeft className="size-5" />
         </Link>
         {icon && <span className="text-muted-foreground shrink-0">{icon}</span>}
diff --git a/src/index.css b/src/index.css
index 2237546f..6fbb764b 100644
--- a/src/index.css
+++ b/src/index.css
@@ -5,6 +5,9 @@
 @layer base {
   :root {
     --radius: 0.75rem;
+    /* Mobile chrome dimensions — referenced by layout utility classes below */
+    --top-bar-height: 2.5rem;   /* MobileTopBar h-10 = 40px */
+    --bottom-nav-height: 2.75rem; /* MobileBottomNav h-11 = 44px */
   }
 }
 
@@ -42,19 +45,19 @@
   
   /* FAB bottom offset: clears bottom nav + safe area inset on mobile */
   .bottom-fab {
-    bottom: calc(1.5rem + 2.75rem + env(safe-area-inset-bottom, 0px));
+    bottom: calc(1.5rem + var(--bottom-nav-height) + env(safe-area-inset-bottom, 0px));
   }
 
-  /* Position above mobile bottom nav (h-11 = 2.75rem) + safe area */
+  /* Position above mobile bottom nav + safe area */
   .bottom-mobile-nav {
-    bottom: calc(2.75rem + env(safe-area-inset-bottom, 0px));
+    bottom: calc(var(--bottom-nav-height) + env(safe-area-inset-bottom, 0px));
   }
 
   /* Bottom overscroll padding for the center column:
      clears the mobile bottom nav + safe area + generous extra space
      so content can be scrolled well past the bottom bar */
   .pb-overscroll {
-    padding-bottom: calc(10vh + 2.75rem + env(safe-area-inset-bottom, 0px));
+    padding-bottom: calc(10vh + var(--bottom-nav-height) + env(safe-area-inset-bottom, 0px));
   }
 
   @media (min-width: 900px) {
@@ -63,41 +66,41 @@
     }
   }
 
-  /* Mobile top bar height (40px) + safe area inset for sticky elements */
+  /* Mobile top bar height + safe area inset for sticky elements */
   .top-mobile-bar {
-    top: calc(2.5rem + env(safe-area-inset-top, 0px));
+    top: calc(var(--top-bar-height) + env(safe-area-inset-top, 0px));
   }
 
   /* Negative margin to pull content area up behind the mobile top bar (only when it's visible) */
   @media (max-width: 899px) {
     .-mt-mobile-bar {
-      margin-top: calc(-2.5rem - env(safe-area-inset-top, 0px));
-      padding-top: calc(2.5rem + env(safe-area-inset-top, 0px));
+      margin-top: calc(-1 * var(--top-bar-height) - env(safe-area-inset-top, 0px));
+      padding-top: calc(var(--top-bar-height) + env(safe-area-inset-top, 0px));
     }
   }
 
   /* AI chat height on mobile: full viewport minus top bar, extends behind bottom nav.
      Padding-bottom keeps input above the nav. */
   .ai-chat-height {
-    height: calc(100dvh - 2.5rem - env(safe-area-inset-top, 0px));
-    padding-bottom: calc(2.75rem + env(safe-area-inset-bottom, 0px));
+    height: calc(100dvh - var(--top-bar-height) - env(safe-area-inset-top, 0px));
+    padding-bottom: calc(var(--bottom-nav-height) + env(safe-area-inset-bottom, 0px));
   }
 
   /* Live stream page height on mobile: full viewport minus top bar, bottom nav, and safe-area insets */
   .livestream-height {
-    height: calc(100dvh - 2.5rem - 2.75rem - env(safe-area-inset-bottom, 0px));
-    max-height: calc(100dvh - 2.5rem - 2.75rem - env(safe-area-inset-bottom, 0px));
+    height: calc(100dvh - var(--top-bar-height) - var(--bottom-nav-height) - env(safe-area-inset-bottom, 0px));
+    max-height: calc(100dvh - var(--top-bar-height) - var(--bottom-nav-height) - env(safe-area-inset-bottom, 0px));
   }
 
   /* Vine feed slide height: full viewport minus top bar, tab bar, bottom nav, and safe-area insets */
   .vine-slide-height {
-    height: calc(100dvh - env(safe-area-inset-top, 0px) - 2.5rem - 2.5rem - 2.75rem - env(safe-area-inset-bottom, 0px));
+    height: calc(100dvh - env(safe-area-inset-top, 0px) - var(--top-bar-height) - var(--top-bar-height) - var(--bottom-nav-height) - env(safe-area-inset-bottom, 0px));
     transition: height 300ms ease-in-out;
   }
 
   /* Expanded vine height when bottom nav is hidden */
   .vine-slide-height-expanded {
-    height: calc(100dvh - env(safe-area-inset-top, 0px) - 2.5rem - 2.5rem);
+    height: calc(100dvh - env(safe-area-inset-top, 0px) - var(--top-bar-height) - var(--top-bar-height));
     transition: height 300ms ease-in-out;
   }
 }
diff --git a/src/pages/DomainFeedPage.tsx b/src/pages/DomainFeedPage.tsx
index 8acb20b6..2194ca5b 100644
--- a/src/pages/DomainFeedPage.tsx
+++ b/src/pages/DomainFeedPage.tsx
@@ -13,7 +13,6 @@ import { useMuteList } from '@/hooks/useMuteList';
 import { getEnabledFeedKinds } from '@/lib/extraKinds';
 import { isRepostKind } from '@/lib/feedUtils';
 import { isEventMuted } from '@/lib/muteHelpers';
-import { cn, STICKY_HEADER_CLASS } from '@/lib/utils';
 import type { NostrEvent } from '@nostrify/nostrify';
 
 /**
@@ -92,10 +91,10 @@ export function DomainFeedPage() {
 
   return (
       <main className="">
-        <div className={cn(STICKY_HEADER_CLASS, 'flex items-center gap-3 px-4 py-4 border-b border-border bg-background/80 backdrop-blur-md z-10')}>
+        <div className="flex items-center gap-3 px-4 mt-4 mb-1">
           <button
             onClick={() => window.history.length > 1 ? navigate(-1) : navigate('/')}
-            className="p-1.5 -ml-1.5 rounded-full hover:bg-secondary/60 transition-colors"
+            className="p-1.5 -ml-1.5 rounded-full hover:bg-secondary/60 transition-colors sidebar:hidden"
             aria-label="Go back"
           >
             <ArrowLeft className="size-5" />
diff --git a/src/pages/ListDetailPage.tsx b/src/pages/ListDetailPage.tsx
index 7d058fb0..95a4a1ea 100644
--- a/src/pages/ListDetailPage.tsx
+++ b/src/pages/ListDetailPage.tsx
@@ -11,7 +11,7 @@ import { useQuery, useQueryClient } from '@tanstack/react-query';
 import { useSeoMeta } from '@unhead/react';
 import { nip19 } from 'nostr-tools';
 import {
-  ArrowLeft, Users, UserPlus, Loader2, X, Share2, Check, Copy, Quote, PanelLeft, Trash2,
+  ArrowLeft, Users, UserPlus, Loader2, X, Share2, Check, Copy, Quote, PanelLeft, Trash2, Rss,
 } from 'lucide-react';
 import { RepostIcon } from '@/components/icons/RepostIcon';
 import { Avatar, AvatarImage, AvatarFallback } from '@/components/ui/avatar';
@@ -41,8 +41,8 @@ import { getRepostKind } from '@/lib/feedUtils';
 import { DITTO_RELAY } from '@/lib/appRelays';
 import { toast } from '@/hooks/useToast';
 import { useFeedSettings } from '@/hooks/useFeedSettings';
+import { SubHeaderBar } from '@/components/SubHeaderBar';
 import { TabButton } from '@/components/TabButton';
-import { cn, STICKY_HEADER_CLASS } from '@/lib/utils';
 import type { NostrEvent } from '@nostrify/nostrify';
 import type { UserList } from '@/hooks/useUserLists';
 import NotFound from './NotFound';
@@ -447,10 +447,10 @@ export function ListDetailPage() {
   if (isLoading) {
     return (
       <main>
-        <div className={cn(STICKY_HEADER_CLASS, 'flex items-center gap-4 px-4 pt-4 pb-3 bg-background/80 backdrop-blur-md z-10')}>
+        <div className="flex items-center gap-4 px-4 mt-4 mb-1">
           <button
             onClick={() => navigate(-1)}
-            className="p-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden"
+            className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden"
           >
             <ArrowLeft className="size-5" />
           </button>
@@ -481,8 +481,8 @@ export function ListDetailPage() {
   return (
     <main>
       {/* Sticky header */}
-      <div className={cn(STICKY_HEADER_CLASS, 'bg-background/80 backdrop-blur-md z-10')}>
-        <div className="flex items-center gap-4 px-4 pt-4 pb-3">
+      <div>
+        <div className="flex items-center gap-4 px-4 mt-4 mb-1">
           <button
             onClick={() => window.history.length > 1 ? navigate(-1) : navigate('/lists')}
             className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden"
@@ -615,10 +615,31 @@ export function ListDetailPage() {
         )}
 
         {/* Tab bar */}
-        <div className="flex border-b border-border">
-          <TabButton label="Feed" active={activeTab === 'feed'} onClick={() => setActiveTab('feed')} />
-          <TabButton label="Members" active={activeTab === 'members'} onClick={() => setActiveTab('members')} />
-        </div>
+        <SubHeaderBar>
+          <TabButton
+            label="Feed"
+            active={activeTab === 'feed'}
+            onClick={() => setActiveTab('feed')}
+            indicatorClassName="left-1/4 right-1/4 w-auto h-0.5"
+          >
+            <span className="flex items-center justify-center gap-1.5">
+              <Rss className="size-4" />
+              Feed
+            </span>
+          </TabButton>
+          <TabButton
+            label="Members"
+            active={activeTab === 'members'}
+            onClick={() => setActiveTab('members')}
+            indicatorClassName="left-1/4 right-1/4 w-auto h-0.5"
+          >
+            <span className="flex items-center justify-center gap-1.5">
+              <Users className="size-4" />
+              Members
+              <span className="text-xs text-muted-foreground">({list.pubkeys.length})</span>
+            </span>
+          </TabButton>
+        </SubHeaderBar>
       </div>
 
       {/* Tab content */}
diff --git a/src/pages/ProfilePage.tsx b/src/pages/ProfilePage.tsx
index 9c4eace1..4a038b81 100644
--- a/src/pages/ProfilePage.tsx
+++ b/src/pages/ProfilePage.tsx
@@ -90,7 +90,7 @@ import { PortalContainerProvider } from '@/contexts/PortalContainerContext';
 import { formatNumber } from '@/lib/formatNumber';
 import { SubHeaderBar } from '@/components/SubHeaderBar';
 import { TabButton } from '@/components/TabButton';
-import { cn, STICKY_HEADER_CLASS } from '@/lib/utils';
+import { cn } from '@/lib/utils';
 import type { AddrCoords } from '@/hooks/useEvent';
 import type { FeedItem } from '@/lib/feedUtils';
 import type { NostrEvent } from '@nostrify/nostrify';
diff --git a/src/pages/RelayPage.tsx b/src/pages/RelayPage.tsx
index 84964741..9ef74ff7 100644
--- a/src/pages/RelayPage.tsx
+++ b/src/pages/RelayPage.tsx
@@ -13,7 +13,6 @@ import { useMuteList } from '@/hooks/useMuteList';
 import { getEnabledFeedKinds } from '@/lib/extraKinds';
 import { isRepostKind } from '@/lib/feedUtils';
 import { isEventMuted } from '@/lib/muteHelpers';
-import { cn, STICKY_HEADER_CLASS } from '@/lib/utils';
 import type { NostrEvent } from '@nostrify/nostrify';
 import NotFound from './NotFound';
 
@@ -135,8 +134,8 @@ export function RelayPage() {
 
   return (
     <main>
-      {/* Sticky header */}
-      <div className={cn(STICKY_HEADER_CLASS, 'flex items-center gap-3 px-4 py-4 border-b border-border bg-background/80 backdrop-blur-md z-10')}>
+      {/* Header */}
+      <div className="flex items-center gap-3 px-4 mt-4 mb-1">
         <Link
           to="/"
           onClick={(e) => {
@@ -145,7 +144,7 @@ export function RelayPage() {
               window.history.back();
             }
           }}
-          className="p-1.5 -ml-1.5 rounded-full hover:bg-secondary/60 transition-colors"
+          className="p-1.5 -ml-1.5 rounded-full hover:bg-secondary/60 transition-colors sidebar:hidden"
           aria-label="Go back"
         >
           <ArrowLeft className="size-5" />
diff --git a/src/pages/ThemesPage.tsx b/src/pages/ThemesPage.tsx
index 085a07f3..2deb8c9c 100644
--- a/src/pages/ThemesPage.tsx
+++ b/src/pages/ThemesPage.tsx
@@ -1,12 +1,12 @@
 import { useState, useEffect, useMemo, useCallback } from 'react';
 import { useInView } from 'react-intersection-observer';
 import { useQueryClient } from '@tanstack/react-query';
-import { Loader2, Sparkles, ArrowLeft, Pencil } from 'lucide-react';
-import { Link } from 'react-router-dom';
+import { Loader2, Sparkles, Pencil } from 'lucide-react';
 import { useSeoMeta } from '@unhead/react';
 import type { NostrEvent } from '@nostrify/nostrify';
 
 import { NoteCard } from '@/components/NoteCard';
+import { PageHeader } from '@/components/PageHeader';
 import { PullToRefresh } from '@/components/PullToRefresh';
 import { FeedEmptyState } from '@/components/FeedEmptyState';
 import { Skeleton } from '@/components/ui/skeleton';
@@ -111,16 +111,7 @@ export function ThemesPage() {
         <TabButton label="Global" active={activeTab === 'global'} onClick={() => setActiveTab('global')} />
       </SubHeaderBar>
 
-      {/* Page header */}
-      <div className="flex items-center gap-4 px-4 pt-4 pb-5">
-        <Link to="/" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
-          <ArrowLeft className="size-5" />
-        </Link>
-        <div className="flex items-center gap-2 flex-1 min-w-0">
-          <Sparkles className="size-5" />
-          <h1 className="text-xl font-bold">Themes</h1>
-        </div>
-      </div>
+      <PageHeader title="Themes" icon={<Sparkles className="size-5" />} />
 
       {/* Tab content */}
       {activeTab === 'my-themes' ? (

From ef2b99ff2d11263f952abc00de90bf6681f57d3d Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 13:34:59 -0700
Subject: [PATCH 067/120] Hoist inline style objects to module-level constants

Avoid recreating style objects on every render in MobileBottomNav,
FloatingComposeButton, and MobileDrawer by extracting them to
module-level constants.
---
 src/components/FloatingComposeButton.tsx |  9 ++++++---
 src/components/MobileBottomNav.tsx       |  7 ++++++-
 src/components/MobileDrawer.tsx          | 17 ++++++++---------
 3 files changed, 20 insertions(+), 13 deletions(-)

diff --git a/src/components/FloatingComposeButton.tsx b/src/components/FloatingComposeButton.tsx
index 10a6e452..5d7e2633 100644
--- a/src/components/FloatingComposeButton.tsx
+++ b/src/components/FloatingComposeButton.tsx
@@ -11,6 +11,11 @@ import { PlanetButton } from '@/components/icons/PlanetButton';
 import { ReplyComposeModal } from '@/components/ReplyComposeModal';
 import { useCurrentUser } from '@/hooks/useCurrentUser';
 
+/** Drop shadow style for the planet FAB — hoisted to avoid re-creating on every render. */
+const fabShadowStyle: React.CSSProperties = {
+  filter: 'drop-shadow(0 4px 12px hsl(var(--primary) / 0.4)) drop-shadow(0 2px 4px hsl(var(--primary) / 0.2))',
+};
+
 interface FloatingComposeButtonProps {
   /** The Nostr event kind this FAB creates. kind=1 opens compose; others show "Coming soon". */
   kind?: number;
@@ -49,9 +54,7 @@ export function FloatingComposeButton({ kind = 1, href, onFabClick, icon }: Floa
       <button
         onClick={handleClick}
         className="relative size-16 transition-transform hover:scale-105 active:scale-95"
-        style={{
-          filter: 'drop-shadow(0 4px 12px hsl(var(--primary) / 0.4)) drop-shadow(0 2px 4px hsl(var(--primary) / 0.2))',
-        }}
+        style={fabShadowStyle}
       >
         <PlanetButton />
         {/* Plus icon centered on the planet body */}
diff --git a/src/components/MobileBottomNav.tsx b/src/components/MobileBottomNav.tsx
index 77168006..01b315b8 100644
--- a/src/components/MobileBottomNav.tsx
+++ b/src/components/MobileBottomNav.tsx
@@ -13,6 +13,11 @@ import { useLayoutSnapshot } from '@/contexts/LayoutContext';
 import { ArcBackground, ARC_OVERHANG_PX } from '@/components/ArcBackground';
 import { MobileSearchSheet } from '@/components/MobileSearchSheet';
 
+/** Transform style applied when the bottom nav is hidden (scrolled away). */
+const hiddenStyle: React.CSSProperties = {
+  transform: `translateY(calc(100% + ${ARC_OVERHANG_PX}px))`,
+};
+
 export function MobileBottomNav() {
   const location = useLocation();
   const { user, metadata } = useCurrentUser();
@@ -43,7 +48,7 @@ export function MobileBottomNav() {
           'fixed bottom-0 left-0 right-0 z-40 sidebar:hidden safe-area-bottom will-change-transform',
           'transition-transform duration-300 ease-in-out',
         )}
-        style={isHidden ? { transform: `translateY(calc(100% + ${ARC_OVERHANG_PX}px))` } : undefined}
+        style={isHidden ? hiddenStyle : undefined}
       >
         <ArcBackground variant="up" />
 
diff --git a/src/components/MobileDrawer.tsx b/src/components/MobileDrawer.tsx
index f96ab0c5..842f5165 100644
--- a/src/components/MobileDrawer.tsx
+++ b/src/components/MobileDrawer.tsx
@@ -32,6 +32,12 @@ import { resolveTheme, resolveThemeConfig } from '@/themes';
 /** Total width of the drawer background layer: 300px drawer + 36px arc overhang. */
 const DRAWER_BG_WIDTH = 336;
 
+/** Shared clip-path style for the drawer arc background layers. */
+const drawerClipStyle: React.CSSProperties = {
+  width: DRAWER_BG_WIDTH,
+  clipPath: 'url(#drawer-arc-clip)',
+};
+
 interface MobileDrawerProps {
   open: boolean;
   onOpenChange: (open: boolean) => void;
@@ -119,19 +125,12 @@ export function MobileDrawer({ open, onOpenChange }: MobileDrawerProps) {
               seamlessly through both regions. */}
           <div
             className="absolute top-0 left-0 bottom-0 pointer-events-none bg-background"
-            style={{
-              ...bgStyle,
-              width: DRAWER_BG_WIDTH,
-              clipPath: 'url(#drawer-arc-clip)',
-            }}
+            style={{ ...bgStyle, ...drawerClipStyle }}
           />
           {hasBgImage && (
             <div
               className="absolute top-0 left-0 bottom-0 bg-background/70 pointer-events-none"
-              style={{
-                width: DRAWER_BG_WIDTH,
-                clipPath: 'url(#drawer-arc-clip)',
-              }}
+              style={drawerClipStyle}
             />
           )}
           <SheetTitle className="sr-only">Navigation menu</SheetTitle>

From 2b8b7a17507f20a092a4788da23dfa5bc939e9de Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 14:01:47 -0700
Subject: [PATCH 068/120] Cleanup: remove dead code, hoist styles, adopt
 PageHeader across remaining pages

---
 src/components/ArcBackground.tsx      | 14 ++++--
 src/components/PageHeader.tsx         | 41 ++++++++++-------
 src/components/TagFeedPage.tsx        | 16 +++----
 src/components/icons/PlanetButton.tsx | 12 +++--
 src/lib/utils.ts                      |  7 ---
 src/pages/AIChatPage.tsx              | 14 ++----
 src/pages/BooksPage.tsx               |  2 +-
 src/pages/DomainFeedPage.tsx          | 36 +++++++--------
 src/pages/ListDetailPage.tsx          | 61 +++++++++++---------------
 src/pages/RelayPage.tsx               | 63 ++++++++++++---------------
 src/pages/SearchPage.tsx              |  8 ----
 src/pages/UserListsPage.tsx           | 41 ++++++++++-------
 12 files changed, 150 insertions(+), 165 deletions(-)

diff --git a/src/components/ArcBackground.tsx b/src/components/ArcBackground.tsx
index 2d35288f..c5a4f23b 100644
--- a/src/components/ArcBackground.tsx
+++ b/src/components/ArcBackground.tsx
@@ -4,13 +4,19 @@ import { cn } from '@/lib/utils';
 export const ARC_OVERHANG_PX = 20;
 
 /** SVG path for a downward arc (used by top bar and sub-header bar). */
-export const ARC_DOWN_PATH = 'M0,0 L100,0 L100,44 Q50,64 0,44 Z';
+const ARC_DOWN_PATH = 'M0,0 L100,0 L100,44 Q50,64 0,44 Z';
 
 /** SVG path for an upward arc (used by bottom nav). */
-export const ARC_UP_PATH = 'M0,20 Q50,0 100,20 L100,64 L0,64 Z';
+const ARC_UP_PATH = 'M0,20 Q50,0 100,20 L100,64 L0,64 Z';
 
 /** SVG path for a plain rectangle with no arc. */
-export const RECT_PATH = 'M0,0 L100,0 L100,64 L0,64 Z';
+const RECT_PATH = 'M0,0 L100,0 L100,64 L0,64 Z';
+
+/** Pre-computed style for arc variants (avoids creating a new object on every render). */
+const arcHeightStyle: React.CSSProperties = { height: `calc(100% + ${ARC_OVERHANG_PX}px)` };
+
+/** Pre-computed style for non-arc (rect) variant. */
+const fullHeightStyle: React.CSSProperties = { height: '100%' };
 
 interface ArcBackgroundProps {
   /** Which arc shape to render. */
@@ -39,7 +45,7 @@ export function ArcBackground({ variant, className }: ArcBackgroundProps) {
       className={cn(positionClass, 'w-full pointer-events-none', className)}
       viewBox="0 0 100 64"
       preserveAspectRatio="none"
-      style={hasArc ? { height: `calc(100% + ${ARC_OVERHANG_PX}px)` } : { height: '100%' }}
+      style={hasArc ? arcHeightStyle : fullHeightStyle}
     >
       <path d={path} className="fill-background/80" />
     </svg>
diff --git a/src/components/PageHeader.tsx b/src/components/PageHeader.tsx
index 83dab0d4..9a76f474 100644
--- a/src/components/PageHeader.tsx
+++ b/src/components/PageHeader.tsx
@@ -3,12 +3,16 @@ import { Link } from 'react-router-dom';
 import { cn } from '@/lib/utils';
 
 interface PageHeaderProps {
-  /** Page title text. */
-  title: string;
-  /** Icon rendered before the title. */
+  /** Page title text (ignored when `titleContent` is provided). */
+  title?: string;
+  /** Icon rendered before the title (ignored when `titleContent` is provided). */
   icon?: React.ReactNode;
-  /** Where the back arrow navigates to (default: "/"). */
+  /** Fully custom title area — replaces the default icon + h1 when set. */
+  titleContent?: React.ReactNode;
+  /** Where the back arrow navigates to (default: "/"). Ignored when `onBack` is set. */
   backTo?: string;
+  /** Callback for the back button — when set, renders a `<button>` instead of a `<Link>`. */
+  onBack?: () => void;
   /** Always show the back button, even on desktop (default: mobile only). */
   alwaysShowBack?: boolean;
   /** Extra elements placed after the title (e.g. KindInfoButton). */
@@ -23,19 +27,26 @@ interface PageHeaderProps {
  * Used by kind-feed pages, bookmarks, help, trends, and other sub-pages
  * to provide a consistent header layout.
  */
-export function PageHeader({ title, icon, backTo = '/', alwaysShowBack, children, className }: PageHeaderProps) {
+export function PageHeader({ title, icon, titleContent, backTo = '/', onBack, alwaysShowBack, children, className }: PageHeaderProps) {
+  const backButtonClass = cn('p-2 -ml-2 rounded-full hover:bg-secondary transition-colors', !alwaysShowBack && 'sidebar:hidden');
+
   return (
     <div className={cn('flex items-center gap-4 px-4 mt-4 mb-1', className)}>
-      <Link
-        to={backTo}
-        className={cn('p-2 -ml-2 rounded-full hover:bg-secondary transition-colors', !alwaysShowBack && 'sidebar:hidden')}
-      >
-        <ArrowLeft className="size-5" />
-      </Link>
-      <div className="flex items-center gap-2 flex-1 min-w-0">
-        {icon}
-        <h1 className="text-xl font-bold">{title}</h1>
-      </div>
+      {onBack ? (
+        <button onClick={onBack} className={backButtonClass} aria-label="Go back">
+          <ArrowLeft className="size-5" />
+        </button>
+      ) : (
+        <Link to={backTo} className={backButtonClass}>
+          <ArrowLeft className="size-5" />
+        </Link>
+      )}
+      {titleContent ?? (
+        <div className="flex items-center gap-2 flex-1 min-w-0">
+          {icon}
+          <h1 className="text-xl font-bold truncate">{title}</h1>
+        </div>
+      )}
       {children}
     </div>
   );
diff --git a/src/components/TagFeedPage.tsx b/src/components/TagFeedPage.tsx
index 8409fafe..e0affe5c 100644
--- a/src/components/TagFeedPage.tsx
+++ b/src/components/TagFeedPage.tsx
@@ -1,6 +1,5 @@
 import { useMemo, type ReactNode } from 'react';
-import { ArrowLeft, Plus, Check, Loader2 } from 'lucide-react';
-import { Link } from 'react-router-dom';
+import { Plus, Check, Loader2 } from 'lucide-react';
 import { useNostr } from '@nostrify/react';
 import { useQuery } from '@tanstack/react-query';
 import { NoteCard } from '@/components/NoteCard';
@@ -13,6 +12,7 @@ import { useInterests } from '@/hooks/useInterests';
 import { useMuteList } from '@/hooks/useMuteList';
 import { getEnabledFeedKinds } from '@/lib/extraKinds';
 import { isRepostKind } from '@/lib/feedUtils';
+import { PageHeader } from '@/components/PageHeader';
 import { isEventMuted } from '@/lib/muteHelpers';
 import type { NostrEvent, NostrFilter } from '@nostrify/nostrify';
 
@@ -95,12 +95,10 @@ export function TagFeedPage({
 
   return (
     <main className="">
-      <div className="flex items-center gap-4 px-4 mt-4 mb-1">
-        <Link to="/" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
-          <ArrowLeft className="size-5" />
-        </Link>
-        {icon && <span className="text-muted-foreground shrink-0">{icon}</span>}
-        <h1 className="text-xl font-bold flex-1 truncate min-w-0">{title}</h1>
+      <PageHeader
+        title={title}
+        icon={icon ? <span className="text-muted-foreground shrink-0">{icon}</span> : undefined}
+      >
         {followable && user && tag && (
           <Button
             size="sm"
@@ -118,7 +116,7 @@ export function TagFeedPage({
             )}
           </Button>
         )}
-      </div>
+      </PageHeader>
 
       {isLoading ? (
         <FeedSkeleton />
diff --git a/src/components/icons/PlanetButton.tsx b/src/components/icons/PlanetButton.tsx
index f8b046b8..9578b029 100644
--- a/src/components/icons/PlanetButton.tsx
+++ b/src/components/icons/PlanetButton.tsx
@@ -1,6 +1,10 @@
 import { useId } from 'react';
 import { cn } from '@/lib/utils';
 
+/** Hoisted stop-color styles to avoid allocating new objects on every render. */
+const accentStopStyle: React.CSSProperties = { stopColor: 'hsl(var(--accent))' };
+const primaryStopStyle: React.CSSProperties = { stopColor: 'hsl(var(--primary))' };
+
 interface PlanetButtonProps {
   className?: string;
 }
@@ -25,12 +29,12 @@ export function PlanetButton({ className }: PlanetButtonProps) {
     >
       <defs>
         <linearGradient id={gradientId} x1="0" y1="0" x2="1" y2="1">
-          <stop offset="0%" style={{ stopColor: 'hsl(var(--accent))' }} />
-          <stop offset="100%" style={{ stopColor: 'hsl(var(--primary))' }} />
+          <stop offset="0%" style={accentStopStyle} />
+          <stop offset="100%" style={primaryStopStyle} />
         </linearGradient>
         <linearGradient id={ringGradientId} x1="0" y1="0" x2="1" y2="0">
-          <stop offset="0%" style={{ stopColor: 'hsl(var(--primary))' }} />
-          <stop offset="100%" style={{ stopColor: 'hsl(var(--accent))' }} />
+          <stop offset="0%" style={primaryStopStyle} />
+          <stop offset="100%" style={accentStopStyle} />
         </linearGradient>
         {/* Mask: white = visible, black = cut out.
             The middle arc (crossing through the circle) is stroked black
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index e51956a9..c3c0d0be 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -5,13 +5,6 @@ export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs))
 }
 
-/**
- * Sticky header class for pages inside MainLayout.
- * On mobile, sticks below the top bar (accounting for safe area).
- * On desktop (sidebar+), sticks to the top of the viewport.
- */
-export const STICKY_HEADER_CLASS = 'sticky top-mobile-bar sidebar:top-0';
-
 /**
  * Parse a kindFilter string into an array of kind numbers.
  * Supports:
diff --git a/src/pages/AIChatPage.tsx b/src/pages/AIChatPage.tsx
index 2c85e1ee..8c1875f8 100644
--- a/src/pages/AIChatPage.tsx
+++ b/src/pages/AIChatPage.tsx
@@ -2,9 +2,9 @@ import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
 import { useSeoMeta } from '@unhead/react';
 import Markdown from 'react-markdown';
 import rehypeSanitize from 'rehype-sanitize';
-import { Link } from 'react-router-dom';
-import { ArrowLeft, Bot, Send, Trash2, Palette, Type } from 'lucide-react';
+import { Bot, Send, Trash2, Palette, Type } from 'lucide-react';
 
+import { PageHeader } from '@/components/PageHeader';
 import { useShakespeare, type ChatMessage, type Model } from '@/hooks/useShakespeare';
 import { useCurrentUser } from '@/hooks/useCurrentUser';
 import { useAppContext } from '@/hooks/useAppContext';
@@ -417,15 +417,7 @@ export function AIChatPage() {
     <main className="flex flex-col ai-chat-height sidebar:h-dvh bg-secondary/50">
       {/* Header */}
       <div className="shrink-0 px-4 py-3 flex flex-col sidebar:flex-row sidebar:items-center sidebar:justify-between gap-2 sidebar:gap-3">
-        <div className="flex items-center gap-4">
-          <Link to="/" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
-            <ArrowLeft className="size-5" />
-          </Link>
-          <div className="flex items-center gap-2 flex-1 min-w-0">
-            <Bot className="size-5" />
-            <h1 className="text-xl font-bold">AI Chat</h1>
-          </div>
-        </div>
+        <PageHeader title="AI Chat" icon={<Bot className="size-5" />} className="px-0 mt-0 mb-0" />
 
           <div className="flex items-center gap-2">
             {/* Model selector */}
diff --git a/src/pages/BooksPage.tsx b/src/pages/BooksPage.tsx
index 7e91b1c0..50e5f95c 100644
--- a/src/pages/BooksPage.tsx
+++ b/src/pages/BooksPage.tsx
@@ -1,5 +1,5 @@
 import { useState, useEffect, useMemo, useCallback, useRef } from 'react';
-import { useNavigate, Link } from 'react-router-dom';
+import { useNavigate } from 'react-router-dom';
 import { useInView } from 'react-intersection-observer';
 import { useQueryClient } from '@tanstack/react-query';
 import { BookMarked, Loader2, Search, X } from 'lucide-react';
diff --git a/src/pages/DomainFeedPage.tsx b/src/pages/DomainFeedPage.tsx
index 2194ca5b..2e13797b 100644
--- a/src/pages/DomainFeedPage.tsx
+++ b/src/pages/DomainFeedPage.tsx
@@ -1,6 +1,5 @@
 import { useMemo } from 'react';
 import { useSeoMeta } from '@unhead/react';
-import { ArrowLeft } from 'lucide-react';
 import { useNavigate, useParams } from 'react-router-dom';
 import { useNostr } from '@nostrify/react';
 import { useQuery } from '@tanstack/react-query';
@@ -13,6 +12,7 @@ import { useMuteList } from '@/hooks/useMuteList';
 import { getEnabledFeedKinds } from '@/lib/extraKinds';
 import { isRepostKind } from '@/lib/feedUtils';
 import { isEventMuted } from '@/lib/muteHelpers';
+import { PageHeader } from '@/components/PageHeader';
 import type { NostrEvent } from '@nostrify/nostrify';
 
 /**
@@ -91,26 +91,22 @@ export function DomainFeedPage() {
 
   return (
       <main className="">
-        <div className="flex items-center gap-3 px-4 mt-4 mb-1">
-          <button
-            onClick={() => window.history.length > 1 ? navigate(-1) : navigate('/')}
-            className="p-1.5 -ml-1.5 rounded-full hover:bg-secondary/60 transition-colors sidebar:hidden"
-            aria-label="Go back"
-          >
-            <ArrowLeft className="size-5" />
-          </button>
-          <div className="flex items-center gap-2 min-w-0">
-            <ExternalFavicon url={domain ? `https://${domain}` : undefined} size={20} />
-            <div className="min-w-0">
-              <h1 className="text-lg font-bold truncate leading-tight">{domain}</h1>
-              {pubkeys && pubkeys.length > 0 && (
-                <p className="text-xs text-muted-foreground leading-tight">
-                  {pubkeys.length} user{pubkeys.length !== 1 ? 's' : ''}
-                </p>
-              )}
+        <PageHeader
+          onBack={() => window.history.length > 1 ? navigate(-1) : navigate('/')}
+          titleContent={
+            <div className="flex items-center gap-2 min-w-0">
+              <ExternalFavicon url={domain ? `https://${domain}` : undefined} size={20} />
+              <div className="min-w-0">
+                <h1 className="text-lg font-bold truncate leading-tight">{domain}</h1>
+                {pubkeys && pubkeys.length > 0 && (
+                  <p className="text-xs text-muted-foreground leading-tight">
+                    {pubkeys.length} user{pubkeys.length !== 1 ? 's' : ''}
+                  </p>
+                )}
+              </div>
             </div>
-          </div>
-        </div>
+          }
+        />
 
         {pubkeysError ? (
           <div className="py-16 text-center text-muted-foreground">
diff --git a/src/pages/ListDetailPage.tsx b/src/pages/ListDetailPage.tsx
index 95a4a1ea..1c8dbfaa 100644
--- a/src/pages/ListDetailPage.tsx
+++ b/src/pages/ListDetailPage.tsx
@@ -11,7 +11,7 @@ import { useQuery, useQueryClient } from '@tanstack/react-query';
 import { useSeoMeta } from '@unhead/react';
 import { nip19 } from 'nostr-tools';
 import {
-  ArrowLeft, Users, UserPlus, Loader2, X, Share2, Check, Copy, Quote, PanelLeft, Trash2, Rss,
+  Users, UserPlus, Loader2, X, Rss, Share2, Check, Copy, Quote, PanelLeft, Trash2,
 } from 'lucide-react';
 import { RepostIcon } from '@/components/icons/RepostIcon';
 import { Avatar, AvatarImage, AvatarFallback } from '@/components/ui/avatar';
@@ -22,6 +22,7 @@ import {
   DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu';
 import { NoteCard } from '@/components/NoteCard';
+import { PageHeader } from '@/components/PageHeader';
 import { AddMembersDialog } from '@/components/AddMembersDialog';
 import { ReplyComposeModal } from '@/components/ReplyComposeModal';
 import { useAppContext } from '@/hooks/useAppContext';
@@ -447,15 +448,7 @@ export function ListDetailPage() {
   if (isLoading) {
     return (
       <main>
-        <div className="flex items-center gap-4 px-4 mt-4 mb-1">
-          <button
-            onClick={() => navigate(-1)}
-            className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden"
-          >
-            <ArrowLeft className="size-5" />
-          </button>
-          <Skeleton className="h-6 w-32" />
-        </div>
+        <PageHeader onBack={() => navigate(-1)} titleContent={<Skeleton className="h-6 w-32" />} />
         <div className="divide-y divide-border">
           {Array.from({ length: 4 }).map((_, i) => (
             <div key={i} className="px-4 py-3">
@@ -480,31 +473,29 @@ export function ListDetailPage() {
 
   return (
     <main>
-      {/* Sticky header */}
+      {/* Header */}
       <div>
-        <div className="flex items-center gap-4 px-4 mt-4 mb-1">
-          <button
-            onClick={() => window.history.length > 1 ? navigate(-1) : navigate('/lists')}
-            className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden"
-          >
-            <ArrowLeft className="size-5" />
-          </button>
-          <div className="flex-1 min-w-0">
-            <h1 className="text-lg font-bold truncate">{list.title}</h1>
-            {decoded && (
-              <Link to={listAuthorProfileUrl} className="flex items-center gap-1.5 mt-0.5 group">
-                <Avatar shape={listAuthorAvatarShape} className="size-4">
-                  <AvatarImage src={listAuthorMetadata?.picture} alt={listAuthorName} />
-                  <AvatarFallback className="bg-primary/20 text-primary text-[8px]">
-                    {listAuthorName[0]?.toUpperCase()}
-                  </AvatarFallback>
-                </Avatar>
-                <span className="text-xs text-muted-foreground group-hover:underline truncate">
-                  {listAuthorName}
-                </span>
-              </Link>
-            )}
-          </div>
+        <PageHeader
+          onBack={() => window.history.length > 1 ? navigate(-1) : navigate('/lists')}
+          titleContent={
+            <div className="flex-1 min-w-0">
+              <h1 className="text-lg font-bold truncate">{list.title}</h1>
+              {decoded && (
+                <Link to={listAuthorProfileUrl} className="flex items-center gap-1.5 mt-0.5 group">
+                  <Avatar shape={listAuthorAvatarShape} className="size-4">
+                    <AvatarImage src={listAuthorMetadata?.picture} alt={listAuthorName} />
+                    <AvatarFallback className="bg-primary/20 text-primary text-[8px]">
+                      {listAuthorName[0]?.toUpperCase()}
+                    </AvatarFallback>
+                  </Avatar>
+                  <span className="text-xs text-muted-foreground group-hover:underline truncate">
+                    {listAuthorName}
+                  </span>
+                </Link>
+              )}
+            </div>
+          }
+        >
           <div className="flex items-center gap-1 shrink-0">
             {user && !isOwnList && (
               <Button
@@ -561,7 +552,7 @@ export function ListDetailPage() {
               </DropdownMenuContent>
             </DropdownMenu>
           </div>
-        </div>
+        </PageHeader>
 
         {/* Description and image */}
         {(list.description || list.image) && (
diff --git a/src/pages/RelayPage.tsx b/src/pages/RelayPage.tsx
index 9ef74ff7..538ca0bb 100644
--- a/src/pages/RelayPage.tsx
+++ b/src/pages/RelayPage.tsx
@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
 import { useSeoMeta } from '@unhead/react';
-import { ArrowLeft, Globe, Mail, Shield, Zap, Server, Hash } from 'lucide-react';
-import { Link, useParams } from 'react-router-dom';
+import { Globe, Mail, Shield, Zap, Server, Hash } from 'lucide-react';
+import { useParams } from 'react-router-dom';
 import { useNostr } from '@nostrify/react';
 import { useQuery } from '@tanstack/react-query';
 import { NoteCard } from '@/components/NoteCard';
@@ -13,6 +13,7 @@ import { useMuteList } from '@/hooks/useMuteList';
 import { getEnabledFeedKinds } from '@/lib/extraKinds';
 import { isRepostKind } from '@/lib/feedUtils';
 import { isEventMuted } from '@/lib/muteHelpers';
+import { PageHeader } from '@/components/PageHeader';
 import type { NostrEvent } from '@nostrify/nostrify';
 import NotFound from './NotFound';
 
@@ -135,42 +136,32 @@ export function RelayPage() {
   return (
     <main>
       {/* Header */}
-      <div className="flex items-center gap-3 px-4 mt-4 mb-1">
-        <Link
-          to="/"
-          onClick={(e) => {
-            if (window.history.length > 1) {
-              e.preventDefault();
-              window.history.back();
-            }
-          }}
-          className="p-1.5 -ml-1.5 rounded-full hover:bg-secondary/60 transition-colors sidebar:hidden"
-          aria-label="Go back"
-        >
-          <ArrowLeft className="size-5" />
-        </Link>
-        <div className="flex items-center gap-2.5 min-w-0">
-          {info?.icon ? (
-            <img
-              src={info.icon}
-              alt=""
-              className="size-8 rounded-full object-cover ring-1 ring-border"
-            />
-          ) : (
-            <div className="size-8 rounded-full bg-muted flex items-center justify-center ring-1 ring-border">
-              <Server className="size-4 text-muted-foreground" />
+      <PageHeader
+        onBack={() => window.history.length > 1 ? window.history.back() : undefined}
+        titleContent={
+          <div className="flex items-center gap-2.5 min-w-0">
+            {info?.icon ? (
+              <img
+                src={info.icon}
+                alt=""
+                className="size-8 rounded-full object-cover ring-1 ring-border"
+              />
+            ) : (
+              <div className="size-8 rounded-full bg-muted flex items-center justify-center ring-1 ring-border">
+                <Server className="size-4 text-muted-foreground" />
+              </div>
+            )}
+            <div className="min-w-0">
+              <h1 className="text-lg font-bold truncate leading-tight">
+                {info?.name ?? hostname}
+              </h1>
+              <p className="text-xs text-muted-foreground leading-tight truncate">
+                {hostname}
+              </p>
             </div>
-          )}
-          <div className="min-w-0">
-            <h1 className="text-lg font-bold truncate leading-tight">
-              {info?.name ?? hostname}
-            </h1>
-            <p className="text-xs text-muted-foreground leading-tight truncate">
-              {hostname}
-            </p>
           </div>
-        </div>
-      </div>
+        }
+      />
 
       {/* NIP-11 Info Section */}
       {infoLoading ? (
diff --git a/src/pages/SearchPage.tsx b/src/pages/SearchPage.tsx
index 7f48030d..b7f1ffb6 100644
--- a/src/pages/SearchPage.tsx
+++ b/src/pages/SearchPage.tsx
@@ -1012,14 +1012,6 @@ function AccountSkeleton() {
   );
 }
 
-/**
- * Author filter input that uses the profile search dropdown.
- * Commits to the parent only when:
- *  - A profile is selected from the dropdown (fires onCommit immediately with npub + display name)
- *  - The user manually types a full npub1… / hex pubkey / NIP-05 and presses Enter or blurs
- */
-/** Small removable chip showing a single selected author. */
-
 /**
  * Owns the raw keystroke state for the search box so that typing only
  * re-renders this small component, not the entire SearchPage.
diff --git a/src/pages/UserListsPage.tsx b/src/pages/UserListsPage.tsx
index 7ce83b4b..8b71697b 100644
--- a/src/pages/UserListsPage.tsx
+++ b/src/pages/UserListsPage.tsx
@@ -4,11 +4,11 @@
  * Settings sub-page for managing NIP-51 Follow Sets (kind 30000).
  */
 import { useState } from 'react';
-import { Link, Navigate, useNavigate } from 'react-router-dom';
+import { Navigate, useNavigate } from 'react-router-dom';
 import { useSeoMeta } from '@unhead/react';
 import { nip19 } from 'nostr-tools';
 import {
-  ArrowLeft, Plus, Trash2, Users, Pencil,
+  Info, Plus, Trash2, Scroll, Users, Pencil,
   Check, X,
 } from 'lucide-react';
 import { Avatar, AvatarImage, AvatarFallback } from '@/components/ui/avatar';
@@ -22,7 +22,11 @@ import {
   AlertDialogHeader, AlertDialogTitle,
 } from '@/components/ui/alert-dialog';
 
+import {
+  Dialog, DialogContent, DialogDescription, DialogTitle, DialogTrigger,
+} from '@/components/ui/dialog';
 import { IntroImage } from '@/components/IntroImage';
+import { PageHeader } from '@/components/PageHeader';
 import { useAppContext } from '@/hooks/useAppContext';
 import { useCurrentUser } from '@/hooks/useCurrentUser';
 import { useUserLists } from '@/hooks/useUserLists';
@@ -209,19 +213,26 @@ export function UserListsPage() {
   return (
     <main>
       {/* Header */}
-      <div className="px-4 pt-4 pb-3">
-        <div className="flex items-center gap-4">
-          <Link to="/" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
-            <ArrowLeft className="size-5" />
-          </Link>
-          <div>
-            <h1 className="text-xl font-bold">Lists</h1>
-            <p className="text-sm text-muted-foreground mt-0.5">
-              Organize people into lists. Lists are stored on Nostr so they follow you across clients.
-            </p>
-          </div>
-        </div>
-      </div>
+      <PageHeader title="Lists" icon={<Scroll className="size-5" />}>
+        <Dialog>
+          <DialogTrigger asChild>
+            <Button variant="ghost" size="icon" className="size-8 rounded-full text-muted-foreground hover:text-foreground">
+              <Info className="size-4" />
+            </Button>
+          </DialogTrigger>
+          <DialogContent className="max-w-xs p-6">
+            <div className="flex flex-col items-center text-center gap-4">
+              <div className="text-primary [&>svg]:size-10">
+                <Scroll className="size-10" />
+              </div>
+              <DialogTitle className="text-lg">Lists</DialogTitle>
+              <DialogDescription className="text-sm leading-relaxed">
+                Organize people into lists. Lists are stored on Nostr so they follow you across clients.
+              </DialogDescription>
+            </div>
+          </DialogContent>
+        </Dialog>
+      </PageHeader>
 
       <div className="p-4">
         {/* Intro block */}

From 31e6810fcb1d8ec34bcba2f341600321c426cad5 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Thu, 19 Mar 2026 14:07:21 -0700
Subject: [PATCH 069/120] Disable decorative arcs on vines page for clean
 full-bleed video

---
 src/components/MainLayout.tsx      | 4 ++--
 src/components/MobileBottomNav.tsx | 4 ++--
 src/components/SubHeaderBar.tsx    | 6 ++++--
 src/contexts/LayoutContext.ts      | 9 ++++++++-
 src/pages/VinesFeedPage.tsx        | 3 ++-
 5 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/components/MainLayout.tsx b/src/components/MainLayout.tsx
index 09410d1e..73957085 100644
--- a/src/components/MainLayout.tsx
+++ b/src/components/MainLayout.tsx
@@ -64,7 +64,7 @@ function PageSkeleton() {
 
 /** Inner component that reads layout options from the context store. */
 function MainLayoutInner() {
-  const { rightSidebar, showFAB = false, fabKind = 1, fabHref, onFabClick, fabIcon, wrapperClassName, noOverscroll, noMaxWidth, hasSubHeader } = useLayoutSnapshot();
+  const { rightSidebar, showFAB = false, fabKind = 1, fabHref, onFabClick, fabIcon, wrapperClassName, noOverscroll, noMaxWidth, hasSubHeader, noArcs } = useLayoutSnapshot();
   const [drawerOpen, setDrawerOpen] = useState(false);
   const { config } = useAppContext();
 
@@ -74,7 +74,7 @@ function MainLayoutInner() {
       {config.magicMouse && <CursorFireEffect />}
 
       {/* Mobile top bar - only on small screens */}
-      <MobileTopBar onAvatarClick={() => setDrawerOpen(true)} showArc={!hasSubHeader} />
+      <MobileTopBar onAvatarClick={() => setDrawerOpen(true)} showArc={!hasSubHeader && !noArcs} />
 
       {/* Mobile drawer */}
       <MobileDrawer open={drawerOpen} onOpenChange={setDrawerOpen} />
diff --git a/src/components/MobileBottomNav.tsx b/src/components/MobileBottomNav.tsx
index 01b315b8..b357a16b 100644
--- a/src/components/MobileBottomNav.tsx
+++ b/src/components/MobileBottomNav.tsx
@@ -22,7 +22,7 @@ export function MobileBottomNav() {
   const location = useLocation();
   const { user, metadata } = useCurrentUser();
   const hasUnread = useHasUnreadNotifications();
-  const { scrollContainer } = useLayoutSnapshot();
+  const { scrollContainer, noArcs } = useLayoutSnapshot();
   const { hidden } = useScrollDirection(scrollContainer);
   const profileUrl = useProfileUrl(user?.pubkey ?? '', metadata);
 
@@ -50,7 +50,7 @@ export function MobileBottomNav() {
         )}
         style={isHidden ? hiddenStyle : undefined}
       >
-        <ArcBackground variant="up" />
+        <ArcBackground variant={noArcs ? 'rect' : 'up'} />
 
         <div className="h-11 flex items-center relative">
 
diff --git a/src/components/SubHeaderBar.tsx b/src/components/SubHeaderBar.tsx
index 3c6d14a5..a5719a51 100644
--- a/src/components/SubHeaderBar.tsx
+++ b/src/components/SubHeaderBar.tsx
@@ -7,6 +7,8 @@ interface SubHeaderBarProps {
   className?: string;
   /** Extra classes on the inner flex container holding the tabs. */
   innerClassName?: string;
+  /** Replace the decorative arc with a plain rectangle. */
+  noArc?: boolean;
 }
 
 /**
@@ -17,10 +19,10 @@ interface SubHeaderBarProps {
  * Used by all tab bars (Feed, Search, Notifications, etc.) and the MobileTopBar
  * fallback arc.
  */
-export function SubHeaderBar({ children, className, innerClassName }: SubHeaderBarProps) {
+export function SubHeaderBar({ children, className, innerClassName, noArc }: SubHeaderBarProps) {
   return (
     <div className={cn('relative sticky top-mobile-bar sidebar:top-0 z-10', className)}>
-      <ArcBackground variant="down" />
+      <ArcBackground variant={noArc ? 'rect' : 'down'} />
       {/* Tab content sits above the SVG background */}
       <div className={cn('relative flex overflow-x-auto scrollbar-none', innerClassName)}>
         {children}
diff --git a/src/contexts/LayoutContext.ts b/src/contexts/LayoutContext.ts
index d95936e8..6fe02df9 100644
--- a/src/contexts/LayoutContext.ts
+++ b/src/contexts/LayoutContext.ts
@@ -40,6 +40,12 @@ export interface LayoutOptions {
    * doubling up.
    */
   hasSubHeader?: boolean;
+  /**
+   * If true, all decorative arcs are replaced with plain rectangles on the
+   * mobile top bar, bottom nav, and sub-header. Use for immersive pages
+   * (e.g. vines) where curved chrome interferes with full-bleed content.
+   */
+  noArcs?: boolean;
 }
 
 type Listener = () => void;
@@ -109,7 +115,8 @@ export function useLayoutOptions(options: LayoutOptions): void {
     prev.current.scrollContainer !== options.scrollContainer ||
     prev.current.noOverscroll !== options.noOverscroll ||
     prev.current.noMaxWidth !== options.noMaxWidth ||
-    prev.current.hasSubHeader !== options.hasSubHeader;
+    prev.current.hasSubHeader !== options.hasSubHeader ||
+    prev.current.noArcs !== options.noArcs;
 
   if (changed) {
     prev.current = options;
diff --git a/src/pages/VinesFeedPage.tsx b/src/pages/VinesFeedPage.tsx
index 75adfe43..38017390 100644
--- a/src/pages/VinesFeedPage.tsx
+++ b/src/pages/VinesFeedPage.tsx
@@ -635,6 +635,7 @@ export function VinesFeedPage() {
     scrollContainer,
     noOverscroll: true,
     hasSubHeader: true,
+    noArcs: true,
   });
 
   // Track scroll direction to expand vines when bottom nav hides
@@ -787,7 +788,7 @@ interface VinesTabBarProps {
 
 function VinesTabBar({ tab, onTabChange, hasUser }: VinesTabBarProps) {
   return (
-    <SubHeaderBar className="shrink-0">
+    <SubHeaderBar className="shrink-0" noArc>
       {hasUser && (
         <TabButton label="Follows" active={tab === 'follows'} onClick={() => onTabChange('follows')} className="sidebar:py-5 sidebar:font-semibold" indicatorClassName="sidebar:h-[3px]" />
       )}

From ae0c90e1ce23a188593a564f89d7f3c5e1d390d9 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Fri, 20 Mar 2026 19:09:27 -0700
Subject: [PATCH 070/120] Fix prose text color to use theme foreground instead
 of hardcoded grays

Replace dark:prose-invert with text-foreground on all prose containers so
markdown content matches the active theme colors. Also bump article preview
text size from text-sm to text-[15px] to match note content in the feed.
---
 src/components/ArticleContent.tsx  | 6 +++---
 src/components/CustomNipCard.tsx   | 2 +-
 src/components/PullRequestCard.tsx | 2 +-
 src/pages/AIChatPage.tsx           | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/ArticleContent.tsx b/src/components/ArticleContent.tsx
index 4a370959..b39e0ba4 100644
--- a/src/components/ArticleContent.tsx
+++ b/src/components/ArticleContent.tsx
@@ -35,9 +35,9 @@ export function ArticleContent({ event, preview, className }: ArticleContentProp
           />
         )}
         {summary ? (
-          <p className="text-sm text-muted-foreground leading-relaxed line-clamp-3 mt-2">{summary}</p>
+          <p className="text-[15px] leading-relaxed line-clamp-3 mt-2">{summary}</p>
         ) : (
-          <p className="text-sm text-muted-foreground leading-relaxed line-clamp-3 mt-2">
+          <p className="text-[15px] leading-relaxed line-clamp-3 mt-2">
             {event.content.slice(0, 280)}{event.content.length > 280 ? '...' : ''}
           </p>
         )}
@@ -58,7 +58,7 @@ export function ArticleContent({ event, preview, className }: ArticleContentProp
           className="w-full rounded-xl object-cover max-h-96 mb-6"
         />
       )}
-      <div className="prose prose-sm dark:prose-invert max-w-none prose-headings:font-bold prose-a:text-primary prose-img:rounded-lg">
+      <div className="prose prose-sm max-w-none text-foreground prose-headings:text-foreground prose-headings:font-bold prose-a:text-primary prose-img:rounded-lg">
         <Markdown rehypePlugins={[rehypeSanitize]}>
           {event.content}
         </Markdown>
diff --git a/src/components/CustomNipCard.tsx b/src/components/CustomNipCard.tsx
index 17bb7ab6..7e091408 100644
--- a/src/components/CustomNipCard.tsx
+++ b/src/components/CustomNipCard.tsx
@@ -136,7 +136,7 @@ export function CustomNipCard({ event, preview = true }: CustomNipCardProps) {
 			{/* Full markdown content -- detail view only, outside card */}
 			{!preview && event.content && (
 				<div className="rounded-2xl border border-border overflow-hidden px-3.5 py-3">
-					<div className="prose prose-sm dark:prose-invert max-w-none prose-headings:font-bold prose-a:text-primary prose-img:rounded-lg">
+					<div className="prose prose-sm max-w-none text-foreground prose-headings:text-foreground prose-headings:font-bold prose-a:text-primary prose-img:rounded-lg">
 						<Markdown rehypePlugins={[rehypeSanitize]}>
 							{event.content}
 						</Markdown>
diff --git a/src/components/PullRequestCard.tsx b/src/components/PullRequestCard.tsx
index c07f00ab..7444e60e 100644
--- a/src/components/PullRequestCard.tsx
+++ b/src/components/PullRequestCard.tsx
@@ -213,7 +213,7 @@ export function PullRequestCard({
 			{/* PR description */}
 			{!preview && hasDescription && (
 				<div className="rounded-2xl border border-border overflow-hidden px-3.5 py-3">
-					<div className="prose prose-sm dark:prose-invert max-w-none prose-headings:font-bold prose-a:text-primary prose-img:rounded-lg">
+					<div className="prose prose-sm max-w-none text-foreground prose-headings:text-foreground prose-headings:font-bold prose-a:text-primary prose-img:rounded-lg">
 						<Markdown rehypePlugins={[rehypeSanitize]}>
 							{event.content}
 						</Markdown>
diff --git a/src/pages/AIChatPage.tsx b/src/pages/AIChatPage.tsx
index 8c1875f8..5fc4f6b3 100644
--- a/src/pages/AIChatPage.tsx
+++ b/src/pages/AIChatPage.tsx
@@ -575,7 +575,7 @@ function MessageBubble({ message }: { message: DisplayMessage }) {
           {isUser ? (
             <p className="whitespace-pre-wrap break-words">{message.content}</p>
           ) : (
-            <div className="prose prose-sm dark:prose-invert max-w-none prose-p:my-1 prose-headings:my-2 prose-ul:my-1 prose-ol:my-1 prose-li:my-0.5 prose-pre:my-2 prose-code:text-xs prose-a:text-primary">
+            <div className="prose prose-sm max-w-none text-foreground prose-headings:text-foreground prose-p:my-1 prose-headings:my-2 prose-ul:my-1 prose-ol:my-1 prose-li:my-0.5 prose-pre:my-2 prose-code:text-xs prose-a:text-primary">
               <Markdown rehypePlugins={[rehypeSanitize]}>
                 {message.content}
               </Markdown>

From b94ef0a46c81ab3559ecef9bcaa46ff3d3fdf49f Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Fri, 20 Mar 2026 23:33:42 -0700
Subject: [PATCH 071/120] Cleanup: scope drawer clip-path ID with useId(), fix
 indentation, add layout comments

---
 src/components/Feed.tsx         |  3 ++
 src/components/MainLayout.tsx   |  6 +++
 src/components/MobileDrawer.tsx | 19 ++++-----
 src/pages/AIChatPage.tsx        | 72 ++++++++++++++++-----------------
 4 files changed, 55 insertions(+), 45 deletions(-)

diff --git a/src/components/Feed.tsx b/src/components/Feed.tsx
index af821c85..8fff7596 100644
--- a/src/components/Feed.tsx
+++ b/src/components/Feed.tsx
@@ -280,6 +280,9 @@ export function Feed({ kinds, tagFilters, header, hideCompose, emptyMessage, fee
         />
       )}
 
+      {/* Compose box and header render *after* the tab bar so that tabs stay
+          at the top as the primary navigation element on every feed page.
+          This is intentional — see commits 3e7edf65, 82fe6f2f. */}
       {!hideCompose && <ComposeBox compact />}
 
       {header}
diff --git a/src/components/MainLayout.tsx b/src/components/MainLayout.tsx
index 73957085..26ec016f 100644
--- a/src/components/MainLayout.tsx
+++ b/src/components/MainLayout.tsx
@@ -88,6 +88,12 @@ function MainLayoutInner() {
 
         {/* Main content + right sidebar: inside Suspense so the left sidebar persists while lazy pages load */}
         <Suspense fallback={<PageSkeleton />}>
+          {/* -mt-mobile-bar pulls content up behind the mobile top bar so the
+              transparent SVG header arc and page content overlap seamlessly.
+              The corresponding padding-top (set in CSS) prevents content from
+              being hidden. This depends on MobileTopBar having a transparent /
+              semi-transparent background — a solid top bar would obscure the
+              content underneath. Only active below the sidebar breakpoint. */}
           <div className={cn("relative flex-1 min-w-0 sidebar:border-l sidebar:border-r border-border bg-background/85 -mt-mobile-bar", !noMaxWidth && "sidebar:max-w-[600px]", !noOverscroll && "pb-overscroll")}>
             <Outlet />
             {showFAB && (
diff --git a/src/components/MobileDrawer.tsx b/src/components/MobileDrawer.tsx
index 842f5165..d167439e 100644
--- a/src/components/MobileDrawer.tsx
+++ b/src/components/MobileDrawer.tsx
@@ -1,4 +1,4 @@
-import { useState, useMemo } from 'react';
+import { useState, useId, useMemo } from 'react';
 import { useNavigate, useLocation } from 'react-router-dom';
 import { ChevronDown, ChevronUp, LogOut, UserPlus, Loader2 } from 'lucide-react';
 import { Avatar, AvatarImage, AvatarFallback } from '@/components/ui/avatar';
@@ -32,11 +32,10 @@ import { resolveTheme, resolveThemeConfig } from '@/themes';
 /** Total width of the drawer background layer: 300px drawer + 36px arc overhang. */
 const DRAWER_BG_WIDTH = 336;
 
-/** Shared clip-path style for the drawer arc background layers. */
-const drawerClipStyle: React.CSSProperties = {
-  width: DRAWER_BG_WIDTH,
-  clipPath: 'url(#drawer-arc-clip)',
-};
+/** Build the shared clip-path style for the drawer arc background layers. */
+function drawerClipStyle(clipId: string): React.CSSProperties {
+  return { width: DRAWER_BG_WIDTH, clipPath: `url(#${clipId})` };
+}
 
 interface MobileDrawerProps {
   open: boolean;
@@ -44,6 +43,8 @@ interface MobileDrawerProps {
 }
 
 export function MobileDrawer({ open, onOpenChange }: MobileDrawerProps) {
+  const clipId = `${useId()}-drawer-arc-clip`;
+  const clipStyle = drawerClipStyle(clipId);
   const location = useLocation();
   const navigate = useNavigate();
   const { user, metadata, event: currentUserEvent } = useCurrentUser();
@@ -115,7 +116,7 @@ export function MobileDrawer({ open, onOpenChange }: MobileDrawerProps) {
               drawer while the extra 36px overflows for the curved bulge. */}
           <svg className="absolute" width="0" height="0" aria-hidden="true">
             <defs>
-              <clipPath id="drawer-arc-clip" clipPathUnits="objectBoundingBox">
+              <clipPath id={clipId} clipPathUnits="objectBoundingBox">
                 <path d="M0,0 L0.893,0 Q1,0.5 0.893,1 L0,1 Z" />
               </clipPath>
             </defs>
@@ -125,12 +126,12 @@ export function MobileDrawer({ open, onOpenChange }: MobileDrawerProps) {
               seamlessly through both regions. */}
           <div
             className="absolute top-0 left-0 bottom-0 pointer-events-none bg-background"
-            style={{ ...bgStyle, ...drawerClipStyle }}
+            style={{ ...bgStyle, ...clipStyle }}
           />
           {hasBgImage && (
             <div
               className="absolute top-0 left-0 bottom-0 bg-background/70 pointer-events-none"
-              style={drawerClipStyle}
+              style={clipStyle}
             />
           )}
           <SheetTitle className="sr-only">Navigation menu</SheetTitle>
diff --git a/src/pages/AIChatPage.tsx b/src/pages/AIChatPage.tsx
index 5fc4f6b3..620ae414 100644
--- a/src/pages/AIChatPage.tsx
+++ b/src/pages/AIChatPage.tsx
@@ -419,43 +419,43 @@ export function AIChatPage() {
       <div className="shrink-0 px-4 py-3 flex flex-col sidebar:flex-row sidebar:items-center sidebar:justify-between gap-2 sidebar:gap-3">
         <PageHeader title="AI Chat" icon={<Bot className="size-5" />} className="px-0 mt-0 mb-0" />
 
-          <div className="flex items-center gap-2">
-            {/* Model selector */}
-            <Select value={selectedModel} onValueChange={setSelectedModel} disabled={modelsLoading}>
-              <SelectTrigger className="w-full sidebar:w-44 h-8 text-base md:text-xs">
-                <SelectValue placeholder={modelsLoading ? 'Loading models...' : 'Select model'} />
-              </SelectTrigger>
-              <SelectContent>
-                {models.map((model) => {
-                  const totalCost = parseFloat(model.pricing.prompt) + parseFloat(model.pricing.completion);
-                  const isFree = totalCost === 0;
-                  return (
-                    <SelectItem key={model.id} value={model.id}>
-                      <span className="flex items-center gap-1.5">
-                        {model.name}
-                        {isFree && (
-                          <span className="text-[10px] font-medium text-green-600 dark:text-green-400 bg-green-500/10 px-1 rounded">
-                            FREE
-                          </span>
-                        )}
-                      </span>
-                    </SelectItem>
-                  );
-                })}
-              </SelectContent>
-            </Select>
+        <div className="flex items-center gap-2">
+          {/* Model selector */}
+          <Select value={selectedModel} onValueChange={setSelectedModel} disabled={modelsLoading}>
+            <SelectTrigger className="w-full sidebar:w-44 h-8 text-base md:text-xs">
+              <SelectValue placeholder={modelsLoading ? 'Loading models...' : 'Select model'} />
+            </SelectTrigger>
+            <SelectContent>
+              {models.map((model) => {
+                const totalCost = parseFloat(model.pricing.prompt) + parseFloat(model.pricing.completion);
+                const isFree = totalCost === 0;
+                return (
+                  <SelectItem key={model.id} value={model.id}>
+                    <span className="flex items-center gap-1.5">
+                      {model.name}
+                      {isFree && (
+                        <span className="text-[10px] font-medium text-green-600 dark:text-green-400 bg-green-500/10 px-1 rounded">
+                          FREE
+                        </span>
+                      )}
+                    </span>
+                  </SelectItem>
+                );
+              })}
+            </SelectContent>
+          </Select>
 
-            <Button
-              variant="ghost"
-              size="icon"
-              className="size-8"
-              onClick={handleClear}
-              disabled={messages.length === 0}
-              title="Clear conversation"
-            >
-              <Trash2 className="size-4" />
-            </Button>
-          </div>
+          <Button
+            variant="ghost"
+            size="icon"
+            className="size-8"
+            onClick={handleClear}
+            disabled={messages.length === 0}
+            title="Clear conversation"
+          >
+            <Trash2 className="size-4" />
+          </Button>
+        </div>
       </div>
 
       {/* Messages Area */}

From 5bb485e5f981c1ce9add822d29674bc7e31fe620 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Sat, 21 Mar 2026 15:07:27 -0700
Subject: [PATCH 072/120] Remove gradient from planet FAB, use solid primary
 color

---
 src/components/icons/PlanetButton.tsx | 22 ++++------------------
 1 file changed, 4 insertions(+), 18 deletions(-)

diff --git a/src/components/icons/PlanetButton.tsx b/src/components/icons/PlanetButton.tsx
index 9578b029..c231384f 100644
--- a/src/components/icons/PlanetButton.tsx
+++ b/src/components/icons/PlanetButton.tsx
@@ -1,10 +1,6 @@
 import { useId } from 'react';
 import { cn } from '@/lib/utils';
 
-/** Hoisted stop-color styles to avoid allocating new objects on every render. */
-const accentStopStyle: React.CSSProperties = { stopColor: 'hsl(var(--accent))' };
-const primaryStopStyle: React.CSSProperties = { stopColor: 'hsl(var(--primary))' };
-
 interface PlanetButtonProps {
   className?: string;
 }
@@ -12,13 +8,11 @@ interface PlanetButtonProps {
 /**
  * Filled planet-with-ring SVG shape used as the FAB background.
  *
- * Uses `useId()` to scope gradient/mask IDs so multiple instances can coexist
+ * Uses `useId()` to scope mask IDs so multiple instances can coexist
  * without ID collisions.
  */
 export function PlanetButton({ className }: PlanetButtonProps) {
   const uid = useId();
-  const gradientId = `${uid}-planet-gradient`;
-  const ringGradientId = `${uid}-ring-gradient`;
   const maskId = `${uid}-planet-body-mask`;
 
   return (
@@ -28,14 +22,6 @@ export function PlanetButton({ className }: PlanetButtonProps) {
       className={cn('absolute inset-0 w-full h-full', className)}
     >
       <defs>
-        <linearGradient id={gradientId} x1="0" y1="0" x2="1" y2="1">
-          <stop offset="0%" style={accentStopStyle} />
-          <stop offset="100%" style={primaryStopStyle} />
-        </linearGradient>
-        <linearGradient id={ringGradientId} x1="0" y1="0" x2="1" y2="0">
-          <stop offset="0%" style={primaryStopStyle} />
-          <stop offset="100%" style={accentStopStyle} />
-        </linearGradient>
         {/* Mask: white = visible, black = cut out.
             The middle arc (crossing through the circle) is stroked black
             so the ring appears to pass in front there. */}
@@ -50,13 +36,13 @@ export function PlanetButton({ className }: PlanetButtonProps) {
           />
         </mask>
       </defs>
-      {/* Planet body with gradient fill, front-arc gap cut out */}
-      <circle cx="12" cy="12" r="8" fill={`url(#${gradientId})`} mask={`url(#${maskId})`} />
+      {/* Planet body with solid fill, front-arc gap cut out */}
+      <circle cx="12" cy="12" r="8" fill="hsl(var(--primary))" mask={`url(#${maskId})`} />
       {/* Full ring as one continuous path */}
       <path
         d="M4.05 13 C2.35 14.8 1.55 16.5 2.25 17.5 C2.84 18.53 4.66 18.74 7.06 18.24 C9.1 17.82 11.57 16.88 14.05 15.5 C16.51 14.14 18.57 12.54 19.98 11.03 C21.66 9.22 22.4 7.54 21.75 6.5 C21.15 5.5 19.35 5.3 17.05 5.8"
         fill="none"
-        stroke={`url(#${ringGradientId})`}
+        stroke="hsl(var(--primary))"
         strokeWidth="2"
         strokeLinecap="round"
         strokeLinejoin="round"

From 9a576321c70bfbab02658dd1b8f2da41f69c489d Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Sat, 21 Mar 2026 15:56:50 -0700
Subject: [PATCH 073/120] Replace backdrop-blur headers with PageHeader in
 VideosFeedPage and ProfileSettings

---
 src/pages/ProfileSettings.tsx | 28 +++++++++++++++-------------
 src/pages/VideosFeedPage.tsx  | 21 +++++++--------------
 2 files changed, 22 insertions(+), 27 deletions(-)

diff --git a/src/pages/ProfileSettings.tsx b/src/pages/ProfileSettings.tsx
index 248eb845..df2e19af 100644
--- a/src/pages/ProfileSettings.tsx
+++ b/src/pages/ProfileSettings.tsx
@@ -1,11 +1,11 @@
 import { useSeoMeta } from '@unhead/react';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import {
-  ArrowLeft, Loader2, Plus, Trash2, ChevronDown, GripVertical,
+  Loader2, Plus, Trash2, ChevronDown, GripVertical,
   Wallet, Upload, Music, ImageIcon, Film, Mail, Link2, Pencil, Eye, AlertTriangle, CloudSun,
 } from 'lucide-react';
 import { useLayoutOptions } from '@/contexts/LayoutContext';
-import { Link, Navigate } from 'react-router-dom';
+import { Navigate } from 'react-router-dom';
 import { useForm, useFieldArray } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { z } from 'zod';
@@ -23,6 +23,7 @@ import { CSS } from '@dnd-kit/utilities';
 
 import { ProfileCard } from '@/components/ProfileCard';
 import { ProfileRightSidebar } from '@/components/ProfileRightSidebar';
+import { PageHeader } from '@/components/PageHeader';
 import { IntroImage } from '@/components/IntroImage';
 import { HelpTip } from '@/components/HelpTip';
 import { ImageCropDialog } from '@/components/ImageCropDialog';
@@ -741,20 +742,21 @@ export function ProfileSettings() {
       )}
 
       {/* Header */}
-      <div className="sticky top-mobile-bar sidebar:top-0 z-10 bg-background/80 backdrop-blur-md px-4 pt-4 pb-3">
-        <div className="flex items-center gap-3">
-          <Link to="/settings" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors shrink-0">
-            <ArrowLeft className="size-5" />
-          </Link>
+      <PageHeader
+        title="Profile"
+        backTo="/settings"
+        alwaysShowBack
+        titleContent={
           <div className="flex-1 min-w-0">
             <h1 className="text-xl font-bold leading-tight">Profile</h1>
-            <p className="text-sm text-muted-foreground truncate">Your Nostr identity is portable — it goes wherever you go.</p>
+            <p className="text-sm text-muted-foreground">Your Nostr identity is portable — it goes wherever you go.</p>
           </div>
-          <Button type="submit" form="profile-settings-form" size="sm" className="shrink-0 rounded-full font-bold px-5" disabled={busy}>
-            {busy ? <Loader2 className="size-3.5 animate-spin" /> : 'Save'}
-          </Button>
-        </div>
-      </div>
+        }
+      >
+        <Button type="submit" form="profile-settings-form" size="sm" className="shrink-0 rounded-full font-bold px-5" disabled={busy}>
+          {busy ? <Loader2 className="size-3.5 animate-spin" /> : 'Save'}
+        </Button>
+      </PageHeader>
 
       <Form {...form}>
         <form id="profile-settings-form" onSubmit={form.handleSubmit(onSubmit)} className="max-w-xl mx-auto px-4 pb-10 space-y-6">
diff --git a/src/pages/VideosFeedPage.tsx b/src/pages/VideosFeedPage.tsx
index b2764f8c..ff832705 100644
--- a/src/pages/VideosFeedPage.tsx
+++ b/src/pages/VideosFeedPage.tsx
@@ -15,7 +15,7 @@
 
 import { useState, useEffect, useMemo, useRef, useCallback } from 'react';
 import { Link } from 'react-router-dom';
-import { ArrowLeft, Film, Radio, Play, Eye } from 'lucide-react';
+import { Film, Radio, Play, Eye } from 'lucide-react';
 import { FeedEmptyState } from '@/components/FeedEmptyState';
 import { useSeoMeta } from '@unhead/react';
 import { nip19 } from 'nostr-tools';
@@ -645,19 +645,10 @@ function ShortsPlayer({
     return () => window.removeEventListener('keydown', handler);
   }, [onClose, activeIndex, events.length]);
 
-  // Same structure as VinesFeedPage: tab bar + snap container, filling the feed column
+  // Same structure as VinesFeedPage: PageHeader + snap container, filling the feed column
   return (
     <div className="flex-1 min-w-0 flex flex-col">
-      {/* Tab bar — same chrome as VinesTabBar, back button replaces tabs */}
-      <div className="flex border-b border-border sticky top-mobile-bar sidebar:top-0 bg-background/80 backdrop-blur-md z-10 shrink-0">
-        <button
-          onClick={onClose}
-          className="flex items-center gap-1.5 px-4 py-3.5 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors"
-        >
-          <ArrowLeft className="size-4" />
-          Back to Videos
-        </button>
-      </div>
+      <PageHeader title="Videos" icon={<Film className="size-5" />} onBack={onClose} alwaysShowBack />
 
       {/* Snap-scroll VineCard column — identical sizing to VinesFeedPage */}
       <div
@@ -721,7 +712,10 @@ export function VideosFeedPage() {
   const [feedTab, setFeedTab] = useFeedTab<FeedTab>('videos', ['follows', 'global']);
 
   useSeoMeta({ title: `Videos | ${config.appName}`, description: 'Videos and live streams on Nostr' });
-  useLayoutOptions({ showFAB: false, noOverscroll: true, hasSubHeader: true });
+
+  const [shortsPlayerIndex, setShortsPlayerIndex] = useState<number | null>(null);
+  const shortsOpen = shortsPlayerIndex !== null;
+  useLayoutOptions({ showFAB: false, noOverscroll: true, hasSubHeader: !shortsOpen });
   useEffect(() => { setShowAllVideos(false); }, [feedTab]);
 
   // ── Follows: chronological, small page ──
@@ -755,7 +749,6 @@ export function VideosFeedPage() {
   const normalVideos = useMemo(() => videoEvents.filter((e) => e.kind === 21), [videoEvents]);
   const shorts = useMemo(() => videoEvents.filter((e) => e.kind === 22), [videoEvents]);
 
-  const [shortsPlayerIndex, setShortsPlayerIndex] = useState<number | null>(null);
   const [showAllVideos, setShowAllVideos] = useState(false);
   const { data: streams } = useClassifiedStreams(feedTab);
   const hasStreams = streams.live.length + streams.planned.length + streams.past.length > 0;

From bbf816b50a97cb15b78702b90b76da63a03485b7 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Sat, 21 Mar 2026 16:02:29 -0700
Subject: [PATCH 074/120] Move Nostr 101 HelpTip from ContentSettings subtitle
 to Network settings title

---
 src/pages/ContentSettingsPage.tsx | 4 ++--
 src/pages/NetworkSettingsPage.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/ContentSettingsPage.tsx b/src/pages/ContentSettingsPage.tsx
index 30999179..1efe30c0 100644
--- a/src/pages/ContentSettingsPage.tsx
+++ b/src/pages/ContentSettingsPage.tsx
@@ -23,8 +23,8 @@ export function ContentSettingsPage() {
           </Link>
           <div>
             <h1 className="text-xl font-bold flex items-center gap-1.5">Home Feed <HelpTip faqId="fyp" /></h1>
-            <p className="text-sm text-muted-foreground mt-0.5 flex items-center gap-1">
-              Nostr supports many content types beyond text posts. Customize which appear in your home feed. <HelpTip faqId="what-is-nostr" iconSize="size-3.5" />
+            <p className="text-sm text-muted-foreground mt-0.5">
+              Nostr supports many content types beyond text posts. Customize which appear in your home feed.
             </p>
           </div>
         </div>
diff --git a/src/pages/NetworkSettingsPage.tsx b/src/pages/NetworkSettingsPage.tsx
index ec345056..4feb1e3b 100644
--- a/src/pages/NetworkSettingsPage.tsx
+++ b/src/pages/NetworkSettingsPage.tsx
@@ -32,7 +32,7 @@ export function NetworkSettingsPage() {
             <ArrowLeft className="size-5" />
           </Link>
           <div>
-            <h1 className="text-xl font-bold">Network</h1>
+            <h1 className="text-xl font-bold flex items-center gap-1.5">Network <HelpTip faqId="what-is-nostr" /></h1>
             <p className="text-sm text-muted-foreground mt-0.5">
               Relays are servers that store and distribute content across the Nostr network. Blossom servers handle file uploads.
             </p>

From 3acd41490b63c17ded6efffc3a7c57d14b422b16 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Sat, 21 Mar 2026 16:12:07 -0700
Subject: [PATCH 075/120] Replace backdrop-blur headers with PageHeader in
 LiveStream, CSAE, and Privacy pages

---
 src/components/LiveStreamPage.tsx | 20 +++++++++-----------
 src/pages/CSAEPolicyPage.tsx      | 16 +++-------------
 src/pages/PrivacyPolicyPage.tsx   | 16 +++-------------
 3 files changed, 15 insertions(+), 37 deletions(-)

diff --git a/src/components/LiveStreamPage.tsx b/src/components/LiveStreamPage.tsx
index b70902ae..8ba8925a 100644
--- a/src/components/LiveStreamPage.tsx
+++ b/src/components/LiveStreamPage.tsx
@@ -1,10 +1,11 @@
 import { useMemo, useState, useEffect } from 'react';
 import { Link, useNavigate } from 'react-router-dom';
-import { ArrowLeft, Users, Radio, Zap, Clock, ChevronDown, ChevronUp } from 'lucide-react';
+import { Users, Radio, Zap, Clock, ChevronDown, ChevronUp } from 'lucide-react';
 import type { NostrEvent } from '@nostrify/nostrify';
 import { useSeoMeta } from '@unhead/react';
 
 import { useLayoutOptions } from '@/contexts/LayoutContext';
+import { PageHeader } from '@/components/PageHeader';
 import { LiveStreamPlayer } from '@/components/LiveStreamPlayer';
 import { LiveStreamChat } from '@/components/LiveStreamChat';
 import { Avatar, AvatarImage, AvatarFallback } from '@/components/ui/avatar';
@@ -181,20 +182,17 @@ export function LiveStreamPage({ event }: LiveStreamPageProps) {
     <>
       <main className="xl:max-sidebar:flex max-sidebar:flex max-sidebar:flex-col max-sidebar:livestream-height max-sidebar:overflow-hidden">
         {/* Header */}
-        <div className="shrink-0 sidebar:sticky sidebar:top-0 z-10 flex items-center gap-4 px-4 mt-2 mb-2 sidebar:mt-4 sidebar:mb-4 bg-background/80 backdrop-blur-md">
-          <button
-            onClick={() => window.history.length > 1 ? navigate(-1) : navigate('/')}
-            className="p-1.5 -ml-1.5 rounded-full hover:bg-secondary/60 transition-colors"
-            aria-label="Go back"
-          >
-            <ArrowLeft className="size-5" />
-          </button>
-          <h1 className="text-xl font-bold truncate">Live Stream</h1>
+        <PageHeader
+          title="Live Stream"
+          onBack={() => window.history.length > 1 ? navigate(-1) : navigate('/')}
+          alwaysShowBack
+          className="shrink-0 sidebar:sticky sidebar:top-0 z-10 mt-2 mb-2 sidebar:mt-4 sidebar:mb-4"
+        >
           <Badge variant="outline" className={cn('ml-auto shrink-0', statusConfig.className)}>
             {status === 'live' && <Radio className="size-3 mr-1" />}
             {statusConfig.label}
           </Badge>
-        </div>
+        </PageHeader>
 
         {/* Video Player */}
         <div className="xl:px-4 shrink-0">
diff --git a/src/pages/CSAEPolicyPage.tsx b/src/pages/CSAEPolicyPage.tsx
index 19fa04c3..889472ba 100644
--- a/src/pages/CSAEPolicyPage.tsx
+++ b/src/pages/CSAEPolicyPage.tsx
@@ -1,7 +1,7 @@
 import { useSeoMeta } from '@unhead/react';
-import { ArrowLeft, ShieldAlert } from 'lucide-react';
-import { Link } from 'react-router-dom';
+import { ShieldAlert } from 'lucide-react';
 
+import { PageHeader } from '@/components/PageHeader';
 import { useAppContext } from '@/hooks/useAppContext';
 import { useLayoutOptions } from '@/contexts/LayoutContext';
 
@@ -17,17 +17,7 @@ export function CSAEPolicyPage() {
   return (
     <main className="min-h-screen pb-16 sidebar:pb-0">
       {/* Page header */}
-      <div className="sticky top-mobile-bar sidebar:top-0 bg-background/80 backdrop-blur-md z-10">
-        <div className="flex items-center gap-4 px-4 pt-4 pb-3">
-          <Link to="/" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
-            <ArrowLeft className="size-5" />
-          </Link>
-          <div className="flex items-center gap-2">
-            <ShieldAlert className="size-5" />
-            <h1 className="text-xl font-bold">Child Safety Policy</h1>
-          </div>
-        </div>
-      </div>
+      <PageHeader title="Child Safety Policy" icon={<ShieldAlert className="size-5" />} backTo="/" />
 
       <article className="px-4 pb-8 space-y-6 text-sm text-foreground/90 leading-relaxed">
         <p className="text-xs text-muted-foreground">Last updated: March 19, 2026</p>
diff --git a/src/pages/PrivacyPolicyPage.tsx b/src/pages/PrivacyPolicyPage.tsx
index a3a6e343..6bc12208 100644
--- a/src/pages/PrivacyPolicyPage.tsx
+++ b/src/pages/PrivacyPolicyPage.tsx
@@ -1,7 +1,7 @@
 import { useSeoMeta } from '@unhead/react';
-import { ArrowLeft, Shield } from 'lucide-react';
-import { Link } from 'react-router-dom';
+import { Shield } from 'lucide-react';
 
+import { PageHeader } from '@/components/PageHeader';
 import { useAppContext } from '@/hooks/useAppContext';
 import { useLayoutOptions } from '@/contexts/LayoutContext';
 
@@ -17,17 +17,7 @@ export function PrivacyPolicyPage() {
   return (
     <main className="min-h-screen pb-16 sidebar:pb-0">
       {/* Page header */}
-      <div className="sticky top-mobile-bar sidebar:top-0 bg-background/80 backdrop-blur-md z-10">
-        <div className="flex items-center gap-4 px-4 pt-4 pb-3">
-          <Link to="/" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
-            <ArrowLeft className="size-5" />
-          </Link>
-          <div className="flex items-center gap-2">
-            <Shield className="size-5" />
-            <h1 className="text-xl font-bold">Privacy Policy</h1>
-          </div>
-        </div>
-      </div>
+      <PageHeader title="Privacy Policy" icon={<Shield className="size-5" />} backTo="/" />
 
       <article className="px-4 pb-8 space-y-6 text-sm text-foreground/90 leading-relaxed">
         <p className="text-xs text-muted-foreground">Last updated: March 18, 2026</p>

From 845a540d1cc4e9658bdd123b37f0570d6a15330b Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Sat, 21 Mar 2026 16:25:23 -0700
Subject: [PATCH 076/120] Migrate all settings sub-pages, WorldPage, and
 PlaceholderPage to use PageHeader

---
 src/pages/AdvancedSettingsPage.tsx | 18 ++++++++----------
 src/pages/ContentPage.tsx          | 19 +++++++++----------
 src/pages/ContentSettingsPage.tsx  | 18 ++++++++----------
 src/pages/MagicSettingsPage.tsx    | 18 ++++++++----------
 src/pages/NetworkSettingsPage.tsx  | 19 +++++++++----------
 src/pages/NotificationSettings.tsx | 20 ++++++++++----------
 src/pages/PlaceholderPage.tsx      | 14 ++------------
 src/pages/SettingsPage.tsx         | 13 +++----------
 src/pages/WalletSettingsPage.tsx   | 19 +++++++++----------
 src/pages/WorldPage.tsx            |  8 ++------
 10 files changed, 68 insertions(+), 98 deletions(-)

diff --git a/src/pages/AdvancedSettingsPage.tsx b/src/pages/AdvancedSettingsPage.tsx
index 1ab8cf5f..db8f9930 100644
--- a/src/pages/AdvancedSettingsPage.tsx
+++ b/src/pages/AdvancedSettingsPage.tsx
@@ -1,6 +1,5 @@
 import { useSeoMeta } from '@unhead/react';
-import { ArrowLeft } from 'lucide-react';
-import { Link } from 'react-router-dom';
+import { PageHeader } from '@/components/PageHeader';
 import { IntroImage } from '@/components/IntroImage';
 import { AdvancedSettings } from '@/components/AdvancedSettings';
 import { WalletSettings } from '@/components/WalletSettings';
@@ -24,19 +23,18 @@ export function AdvancedSettingsPage() {
   return (
     <main className="">
       {/* Header with back link */}
-      <div className="px-4 pt-4 pb-3">
-        <div className="flex items-center gap-4">
-          <Link to="/settings" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors">
-            <ArrowLeft className="size-5" />
-          </Link>
-          <div>
+      <PageHeader
+        backTo="/settings"
+        alwaysShowBack
+        titleContent={
+          <div className="flex-1 min-w-0">
             <h1 className="text-xl font-bold">Advanced</h1>
             <p className="text-sm text-muted-foreground mt-0.5">
               Wallet connections, system configuration, and other advanced options for power users.
             </p>
           </div>
-        </div>
-      </div>
+        }
+      />
 
       <div className="p-4">
         {/* Intro */}
diff --git a/src/pages/ContentPage.tsx b/src/pages/ContentPage.tsx
index af905bb0..41c87523 100644
--- a/src/pages/ContentPage.tsx
+++ b/src/pages/ContentPage.tsx
@@ -1,9 +1,9 @@
 import { useState } from 'react';
 import { useSeoMeta } from '@unhead/react';
-import { ArrowLeft, RotateCcw } from 'lucide-react';
-import { Link } from 'react-router-dom';
+import { RotateCcw } from 'lucide-react';
 import { MuteSettingsInternals, SensitiveContentSection, ThemePreferencesSection } from '@/components/ContentSettings';
 import { MuteListRecoveryDialog } from '@/components/MuteListRecoveryDialog';
+import { PageHeader } from '@/components/PageHeader';
 import { IntroImage } from '@/components/IntroImage';
 import { HelpTip } from '@/components/HelpTip';
 import { Button } from '@/components/ui/button';
@@ -23,19 +23,18 @@ export function ContentPage() {
   return (
     <main className="">
       {/* Header with back link */}
-      <div className="px-4 pt-4 pb-3">
-        <div className="flex items-center gap-4">
-          <Link to="/settings" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors">
-            <ArrowLeft className="size-5" />
-          </Link>
-          <div>
+      <PageHeader
+        backTo="/settings"
+        alwaysShowBack
+        titleContent={
+          <div className="flex-1 min-w-0">
             <h1 className="text-xl font-bold">Content</h1>
             <p className="text-sm text-muted-foreground mt-0.5">
               Control what you see. Mute users, hashtags, or words, and choose how content warnings are handled. Mutes are encrypted and private.
             </p>
           </div>
-        </div>
-      </div>
+        }
+      />
 
       {/* Lead image — Muted Content */}
       <div className="flex items-center gap-4 px-7 py-5">
diff --git a/src/pages/ContentSettingsPage.tsx b/src/pages/ContentSettingsPage.tsx
index 1efe30c0..196075bf 100644
--- a/src/pages/ContentSettingsPage.tsx
+++ b/src/pages/ContentSettingsPage.tsx
@@ -1,7 +1,6 @@
 import { useSeoMeta } from '@unhead/react';
-import { ArrowLeft } from 'lucide-react';
-import { Link } from 'react-router-dom';
 import { ContentSettings } from '@/components/ContentSettings';
+import { PageHeader } from '@/components/PageHeader';
 import { HelpTip } from '@/components/HelpTip';
 import { useAppContext } from '@/hooks/useAppContext';
 
@@ -16,19 +15,18 @@ export function ContentSettingsPage() {
   return (
     <main className="">
       {/* Header with back link */}
-      <div className="px-4 pt-4 pb-3">
-        <div className="flex items-center gap-4">
-          <Link to="/settings" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors">
-            <ArrowLeft className="size-5" />
-          </Link>
-          <div>
+      <PageHeader
+        backTo="/settings"
+        alwaysShowBack
+        titleContent={
+          <div className="flex-1 min-w-0">
             <h1 className="text-xl font-bold flex items-center gap-1.5">Home Feed <HelpTip faqId="fyp" /></h1>
             <p className="text-sm text-muted-foreground mt-0.5">
               Nostr supports many content types beyond text posts. Customize which appear in your home feed.
             </p>
           </div>
-        </div>
-      </div>
+        }
+      />
 
       <div className="p-4">
         <ContentSettings />
diff --git a/src/pages/MagicSettingsPage.tsx b/src/pages/MagicSettingsPage.tsx
index 3f34814c..78edfa2d 100644
--- a/src/pages/MagicSettingsPage.tsx
+++ b/src/pages/MagicSettingsPage.tsx
@@ -1,6 +1,5 @@
 import { useSeoMeta } from '@unhead/react';
-import { ArrowLeft } from 'lucide-react';
-import { Link } from 'react-router-dom';
+import { PageHeader } from '@/components/PageHeader';
 import { IntroImage } from '@/components/IntroImage';
 import { Switch } from '@/components/ui/switch';
 import { Label } from '@/components/ui/label';
@@ -21,19 +20,18 @@ export function MagicSettingsPage() {
   return (
     <main className="">
       {/* Header with back link */}
-      <div className="px-4 pt-4 pb-3">
-        <div className="flex items-center gap-4">
-          <Link to="/settings" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors">
-            <ArrowLeft className="size-5" />
-          </Link>
-          <div>
+      <PageHeader
+        backTo="/settings"
+        alwaysShowBack
+        titleContent={
+          <div className="flex-1 min-w-0">
             <h1 className="text-xl font-bold">Magic</h1>
             <p className="text-sm text-muted-foreground mt-0.5">
               Harness the mystical energies of your device. Imbue your cursor with elemental fire.
             </p>
           </div>
-        </div>
-      </div>
+        }
+      />
 
       <div className="p-4">
         {/* Intro */}
diff --git a/src/pages/NetworkSettingsPage.tsx b/src/pages/NetworkSettingsPage.tsx
index 4feb1e3b..f05d828c 100644
--- a/src/pages/NetworkSettingsPage.tsx
+++ b/src/pages/NetworkSettingsPage.tsx
@@ -1,6 +1,6 @@
 import { useSeoMeta } from '@unhead/react';
-import { ArrowLeft } from 'lucide-react';
-import { Link, Navigate } from 'react-router-dom';
+import { Navigate } from 'react-router-dom';
+import { PageHeader } from '@/components/PageHeader';
 import { RelayListManager } from '@/components/RelayListManager';
 import { BlossomSettings } from '@/components/BlossomSettings';
 import { IntroImage } from '@/components/IntroImage';
@@ -26,19 +26,18 @@ export function NetworkSettingsPage() {
   return (
     <main className="">
       {/* Header with back link */}
-      <div className="px-4 pt-4 pb-3">
-        <div className="flex items-center gap-4">
-          <Link to="/settings" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors">
-            <ArrowLeft className="size-5" />
-          </Link>
-          <div>
+      <PageHeader
+        backTo="/settings"
+        alwaysShowBack
+        titleContent={
+          <div className="flex-1 min-w-0">
             <h1 className="text-xl font-bold flex items-center gap-1.5">Network <HelpTip faqId="what-is-nostr" /></h1>
             <p className="text-sm text-muted-foreground mt-0.5">
               Relays are servers that store and distribute content across the Nostr network. Blossom servers handle file uploads.
             </p>
           </div>
-        </div>
-      </div>
+        }
+      />
 
       <div className="p-4">
         {/* Intro */}
diff --git a/src/pages/NotificationSettings.tsx b/src/pages/NotificationSettings.tsx
index d1028af9..91b9aab6 100644
--- a/src/pages/NotificationSettings.tsx
+++ b/src/pages/NotificationSettings.tsx
@@ -1,8 +1,9 @@
 import { useState, useEffect, useRef } from 'react';
 import { Capacitor } from '@capacitor/core';
 import { useSeoMeta } from '@unhead/react';
-import { ArrowLeft, Bell, BellOff, AlertTriangle, Heart, Repeat2, Zap, AtSign, MessageSquare, Users, Award } from 'lucide-react';
-import { Link, Navigate } from 'react-router-dom';
+import { Bell, BellOff, AlertTriangle, Heart, Repeat2, Zap, AtSign, MessageSquare, Users, Award } from 'lucide-react';
+import { Navigate } from 'react-router-dom';
+import { PageHeader } from '@/components/PageHeader';
 import { Switch } from '@/components/ui/switch';
 import { useAppContext } from '@/hooks/useAppContext';
 import { useCurrentUser } from '@/hooks/useCurrentUser';
@@ -227,19 +228,18 @@ export function NotificationSettings() {
 
   return (
     <main className="">
-      <div className="px-4 pt-4 pb-3">
-        <div className="flex items-center gap-4">
-          <Link to="/settings" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors">
-            <ArrowLeft className="size-5" />
-          </Link>
-          <div>
+      <PageHeader
+        backTo="/settings"
+        alwaysShowBack
+        titleContent={
+          <div className="flex-1 min-w-0">
             <h1 className="text-xl font-bold">Notifications</h1>
             <p className="text-sm text-muted-foreground mt-0.5">
               Customize which notifications you receive.
             </p>
           </div>
-        </div>
-      </div>
+        }
+      />
 
       <div className="p-4">
         {/* Push Notifications */}
diff --git a/src/pages/PlaceholderPage.tsx b/src/pages/PlaceholderPage.tsx
index 08d074c8..fde867df 100644
--- a/src/pages/PlaceholderPage.tsx
+++ b/src/pages/PlaceholderPage.tsx
@@ -1,8 +1,6 @@
 import { useSeoMeta } from '@unhead/react';
-import { ArrowLeft } from 'lucide-react';
-import { Link } from 'react-router-dom';
+import { PageHeader } from '@/components/PageHeader';
 import { useAppContext } from '@/hooks/useAppContext';
-import { cn } from '@/lib/utils';
 
 interface PlaceholderPageProps {
   title: string;
@@ -20,15 +18,7 @@ export function PlaceholderPage({ title, icon, description }: PlaceholderPagePro
 
   return (
     <main className="">
-      <div className={cn('sidebar:sticky sidebar:top-0', 'flex items-center gap-4 px-4 pt-4 pb-5 bg-background/80 backdrop-blur-md z-10')}>
-        <Link to="/" className="p-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
-          <ArrowLeft className="size-5" />
-        </Link>
-        <div className="flex items-center gap-2">
-          {icon}
-          <h1 className="text-xl font-bold">{title}</h1>
-        </div>
-      </div>
+      <PageHeader title={title} icon={icon} backTo="/" />
       <div className="py-20 text-center">
         <p className="text-muted-foreground text-lg">Coming soon</p>
       </div>
diff --git a/src/pages/SettingsPage.tsx b/src/pages/SettingsPage.tsx
index 4eb2a0d7..bd54742a 100644
--- a/src/pages/SettingsPage.tsx
+++ b/src/pages/SettingsPage.tsx
@@ -1,7 +1,8 @@
 import { useSeoMeta } from '@unhead/react';
 import { useState, useEffect, useRef } from 'react';
-import { ArrowLeft, ChevronRight, Settings } from 'lucide-react';
+import { ChevronRight, Settings } from 'lucide-react';
 import { Link, useNavigate } from 'react-router-dom';
+import { PageHeader } from '@/components/PageHeader';
 import { useCurrentUser } from '@/hooks/useCurrentUser';
 import { useAppContext } from '@/hooks/useAppContext';
 import { IntroImage } from '@/components/IntroImage';
@@ -119,15 +120,7 @@ export function SettingsPage() {
       style={{ background: 'radial-gradient(ellipse 100% 300px at 50% 0%, hsl(var(--primary) / 0.06), transparent), radial-gradient(ellipse 100% 300px at 50% 100%, hsl(var(--primary) / 0.06), transparent)' }}
     >
       {/* Page header */}
-      <div className="flex items-center gap-4 px-4 pt-4 pb-5">
-        <Link to="/" className="p-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
-          <ArrowLeft className="size-5" />
-        </Link>
-        <div className="flex items-center gap-2">
-          <Settings className="size-5" />
-          <h1 className="text-xl font-bold">Settings</h1>
-        </div>
-      </div>
+      <PageHeader title="Settings" icon={<Settings className="size-5" />} backTo="/" />
 
       {/* Codex heading + exposition */}
       <div className="px-7 pb-4 pt-4 text-center space-y-2.5">
diff --git a/src/pages/WalletSettingsPage.tsx b/src/pages/WalletSettingsPage.tsx
index f2e2159f..2c5aa79e 100644
--- a/src/pages/WalletSettingsPage.tsx
+++ b/src/pages/WalletSettingsPage.tsx
@@ -1,6 +1,6 @@
 import { useSeoMeta } from '@unhead/react';
-import { ArrowLeft } from 'lucide-react';
-import { Link, Navigate } from 'react-router-dom';
+import { Navigate } from 'react-router-dom';
+import { PageHeader } from '@/components/PageHeader';
 import { HelpTip } from '@/components/HelpTip';
 import { WalletSettings } from '@/components/WalletSettings';
 import { useAppContext } from '@/hooks/useAppContext';
@@ -22,19 +22,18 @@ export function WalletSettingsPage() {
   return (
     <main className="">
       {/* Header with back link */}
-      <div className="px-4 pt-4 pb-3">
-        <div className="flex items-center gap-4">
-          <Link to="/settings" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors">
-            <ArrowLeft className="size-5" />
-          </Link>
-          <div>
+      <PageHeader
+        backTo="/settings"
+        alwaysShowBack
+        titleContent={
+          <div className="flex-1 min-w-0">
             <h1 className="text-xl font-bold flex items-center gap-1.5">Wallet <HelpTip faqId="connect-wallet" /></h1>
             <p className="text-sm text-muted-foreground mt-0.5">
               Manage wallet connections and payments
             </p>
           </div>
-        </div>
-      </div>
+        }
+      />
 
       <div className="p-4">
         <WalletSettings />
diff --git a/src/pages/WorldPage.tsx b/src/pages/WorldPage.tsx
index b9efae60..4b454944 100644
--- a/src/pages/WorldPage.tsx
+++ b/src/pages/WorldPage.tsx
@@ -2,6 +2,7 @@ import { useMemo, useState } from 'react';
 import { Link } from 'react-router-dom';
 import { useSeoMeta } from '@unhead/react';
 import { Earth, Search } from 'lucide-react';
+import { PageHeader } from '@/components/PageHeader';
 import { Input } from '@/components/ui/input';
 import { useAppContext } from '@/hooks/useAppContext';
 import { COUNTRIES } from '@/lib/countries';
@@ -31,12 +32,7 @@ export function WorldPage() {
   return (
     <main className="">
       {/* Header */}
-      <div className="px-4 py-3.5 sidebar:py-5">
-        <div className="flex items-center gap-2">
-          <Earth className="size-5" />
-          <h1 className="font-bold text-xl">World</h1>
-        </div>
-      </div>
+      <PageHeader title="World" icon={<Earth className="size-5" />} backTo="/" />
 
       {/* Search */}
       <div className="px-4 pb-4">

From 4b6606ced16fe9b7df26345fed35fe15f3183e0c Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Sat, 21 Mar 2026 16:31:51 -0700
Subject: [PATCH 077/120] Remove radial gradient from Settings page to fix arc
 seam

---
 src/pages/SettingsPage.tsx | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/pages/SettingsPage.tsx b/src/pages/SettingsPage.tsx
index bd54742a..646e7e13 100644
--- a/src/pages/SettingsPage.tsx
+++ b/src/pages/SettingsPage.tsx
@@ -115,10 +115,7 @@ export function SettingsPage() {
   }
 
   return (
-    <main
-      className="relative isolate min-h-screen pb-16 sidebar:pb-0"
-      style={{ background: 'radial-gradient(ellipse 100% 300px at 50% 0%, hsl(var(--primary) / 0.06), transparent), radial-gradient(ellipse 100% 300px at 50% 100%, hsl(var(--primary) / 0.06), transparent)' }}
-    >
+    <main className="relative min-h-screen pb-16 sidebar:pb-0">
       {/* Page header */}
       <PageHeader title="Settings" icon={<Settings className="size-5" />} backTo="/" />
 

From 9b5c9767a87eafc516573cce781ffb7da86b412c Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Sat, 21 Mar 2026 17:25:35 -0700
Subject: [PATCH 078/120] Fix relay back button, add hasSubHeader to
 ListDetailPage, make relay names clickable

---
 src/components/RelayListManager.tsx | 9 +++++----
 src/pages/ListDetailPage.tsx        | 7 ++++---
 src/pages/RelayPage.tsx             | 5 +++--
 src/pages/SettingsPage.tsx          | 2 +-
 4 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/components/RelayListManager.tsx b/src/components/RelayListManager.tsx
index 08a4de47..3685b174 100644
--- a/src/components/RelayListManager.tsx
+++ b/src/components/RelayListManager.tsx
@@ -1,4 +1,5 @@
 import { useState, useEffect } from 'react';
+import { Link } from 'react-router-dom';
 import { Plus, X, Wifi, Settings } from 'lucide-react';
 import { HelpTip } from '@/components/HelpTip';
 import { Button } from '@/components/ui/button';
@@ -238,9 +239,9 @@ export function RelayListManager() {
               className="flex items-center gap-3 py-2.5 px-3 hover:bg-muted/20 transition-colors"
             >
               <Wifi className="h-4 w-4 text-muted-foreground shrink-0" />
-              <span className="font-mono text-xs flex-1 truncate" title={relay.url}>
+              <Link to={`/r/${encodeURIComponent(relay.url)}`} className="font-mono text-xs flex-1 truncate hover:underline" title={relay.url}>
                 {renderRelayUrl(relay.url)}
-              </span>
+              </Link>
               <div className="flex items-center gap-1 text-[10px]">
                 {relay.read && (
                   <span className="px-1.5 py-0.5 rounded bg-green-500/10 text-green-600 dark:text-green-400 font-medium">Read</span>
@@ -277,9 +278,9 @@ export function RelayListManager() {
                   className="flex items-center gap-3 py-2.5 px-3 hover:bg-muted/20 transition-colors"
                 >
                   <Wifi className="h-4 w-4 text-muted-foreground shrink-0" />
-                  <span className="font-mono text-xs flex-1 truncate" title={relay.url}>
+                  <Link to={`/r/${encodeURIComponent(relay.url)}`} className="font-mono text-xs flex-1 truncate hover:underline" title={relay.url}>
                     {renderRelayUrl(relay.url)}
-                  </span>
+                  </Link>
 
                   {/* Settings Popover */}
                   <Popover>
diff --git a/src/pages/ListDetailPage.tsx b/src/pages/ListDetailPage.tsx
index 1c8dbfaa..148a5429 100644
--- a/src/pages/ListDetailPage.tsx
+++ b/src/pages/ListDetailPage.tsx
@@ -44,6 +44,7 @@ import { toast } from '@/hooks/useToast';
 import { useFeedSettings } from '@/hooks/useFeedSettings';
 import { SubHeaderBar } from '@/components/SubHeaderBar';
 import { TabButton } from '@/components/TabButton';
+import { useLayoutOptions } from '@/contexts/LayoutContext';
 import type { NostrEvent } from '@nostrify/nostrify';
 import type { UserList } from '@/hooks/useUserLists';
 import NotFound from './NotFound';
@@ -297,6 +298,8 @@ export function ListDetailPage() {
   const [quoteOpen, setQuoteOpen] = useState(false);
   const { addToSidebar, removeFromSidebar, orderedItems } = useFeedSettings();
 
+  useLayoutOptions({ hasSubHeader: true });
+
   // Decode the naddr to get the d-tag identifier and author
   const decoded = useMemo(() => {
     if (!naddr) return null;
@@ -474,8 +477,7 @@ export function ListDetailPage() {
   return (
     <main>
       {/* Header */}
-      <div>
-        <PageHeader
+      <PageHeader
           onBack={() => window.history.length > 1 ? navigate(-1) : navigate('/lists')}
           titleContent={
             <div className="flex-1 min-w-0">
@@ -631,7 +633,6 @@ export function ListDetailPage() {
             </span>
           </TabButton>
         </SubHeaderBar>
-      </div>
 
       {/* Tab content */}
       {activeTab === 'feed' ? (
diff --git a/src/pages/RelayPage.tsx b/src/pages/RelayPage.tsx
index 538ca0bb..54a8f2f2 100644
--- a/src/pages/RelayPage.tsx
+++ b/src/pages/RelayPage.tsx
@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
 import { useSeoMeta } from '@unhead/react';
 import { Globe, Mail, Shield, Zap, Server, Hash } from 'lucide-react';
-import { useParams } from 'react-router-dom';
+import { useNavigate, useParams } from 'react-router-dom';
 import { useNostr } from '@nostrify/react';
 import { useQuery } from '@tanstack/react-query';
 import { NoteCard } from '@/components/NoteCard';
@@ -85,6 +85,7 @@ function useRelayFeed(relayUrl: string | undefined, kinds: number[]) {
 
 export function RelayPage() {
   const { config } = useAppContext();
+  const navigate = useNavigate();
   const { '*': rawParam } = useParams();
   const { feedSettings } = useFeedSettings();
   const { muteItems } = useMuteList();
@@ -137,7 +138,7 @@ export function RelayPage() {
     <main>
       {/* Header */}
       <PageHeader
-        onBack={() => window.history.length > 1 ? window.history.back() : undefined}
+        onBack={() => window.history.length > 1 ? navigate(-1) : navigate('/')}
         titleContent={
           <div className="flex items-center gap-2.5 min-w-0">
             {info?.icon ? (
diff --git a/src/pages/SettingsPage.tsx b/src/pages/SettingsPage.tsx
index 646e7e13..37323e7c 100644
--- a/src/pages/SettingsPage.tsx
+++ b/src/pages/SettingsPage.tsx
@@ -1,7 +1,7 @@
 import { useSeoMeta } from '@unhead/react';
 import { useState, useEffect, useRef } from 'react';
 import { ChevronRight, Settings } from 'lucide-react';
-import { Link, useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router-dom';
 import { PageHeader } from '@/components/PageHeader';
 import { useCurrentUser } from '@/hooks/useCurrentUser';
 import { useAppContext } from '@/hooks/useAppContext';

From 1cfee425ac166b9930fb36502cdc704048930575 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Sat, 21 Mar 2026 17:50:19 -0700
Subject: [PATCH 079/120] Restore text labels under bottom nav icons

---
 src/components/MobileBottomNav.tsx | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/MobileBottomNav.tsx b/src/components/MobileBottomNav.tsx
index b357a16b..d89e3381 100644
--- a/src/components/MobileBottomNav.tsx
+++ b/src/components/MobileBottomNav.tsx
@@ -59,22 +59,24 @@ export function MobileBottomNav() {
             to="/feed"
             onClick={() => setSearchOpen(false)}
             className={cn(
-              'flex items-center justify-center flex-1 py-2 transition-colors',
+              'flex flex-col items-center justify-center gap-0.5 flex-1 py-2 transition-colors',
               (location.pathname === '/feed' || location.pathname === '/') ? 'text-primary' : 'text-muted-foreground',
             )}
           >
             <PlanetIcon className="size-5" />
+            <span className="text-[10px] font-medium">Feed</span>
           </Link>
 
           {/* Search */}
           <button
             onClick={handleSearchClick}
             className={cn(
-              'flex items-center justify-center flex-1 py-2 transition-colors',
+              'flex flex-col items-center justify-center gap-0.5 flex-1 py-2 transition-colors',
               searchOpen ? 'text-primary' : 'text-muted-foreground',
             )}
           >
             <Search className="size-5" />
+            <span className="text-[10px] font-medium">Search</span>
           </button>
 
           {/* Notifications */}
@@ -83,7 +85,7 @@ export function MobileBottomNav() {
               to="/notifications"
               onClick={() => setSearchOpen(false)}
               className={cn(
-                'flex items-center justify-center flex-1 py-2 transition-colors',
+                'flex flex-col items-center justify-center gap-0.5 flex-1 py-2 transition-colors',
                 location.pathname === '/notifications' ? 'text-primary' : 'text-muted-foreground',
               )}
             >
@@ -93,6 +95,7 @@ export function MobileBottomNav() {
                   <span className="absolute -top-1 right-0 size-2 bg-primary rounded-full" />
                 )}
               </span>
+              <span className="text-[10px] font-medium">Notifications</span>
             </Link>
           )}
 
@@ -102,7 +105,7 @@ export function MobileBottomNav() {
               to={profileUrl}
               onClick={() => setSearchOpen(false)}
               className={cn(
-                'flex items-center justify-center flex-1 py-2 transition-colors',
+                'flex flex-col items-center justify-center gap-0.5 flex-1 py-2 transition-colors',
                 isOnProfile ? 'text-primary' : 'text-muted-foreground',
               )}
             >
@@ -112,13 +115,15 @@ export function MobileBottomNav() {
                   {displayName?.[0]?.toUpperCase() || <User className="size-3" />}
                 </AvatarFallback>
               </Avatar>
+              <span className="text-[10px] font-medium">Profile</span>
             </Link>
           ) : (
             <Link
               to="/profile"
-              className="flex items-center justify-center flex-1 py-2 transition-colors text-muted-foreground"
+              className="flex flex-col items-center justify-center gap-0.5 flex-1 py-2 transition-colors text-muted-foreground"
             >
               <User className="size-5" />
+              <span className="text-[10px] font-medium">Profile</span>
             </Link>
           )}
 

From c1ebe3a03db010387a6bc904c1d46ad0fbbc747f Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Sun, 22 Mar 2026 22:39:18 -0700
Subject: [PATCH 080/120] Increase nav bar opacity to 95%, add top margin to
 bottom nav icons for arc clearance

---
 src/components/ArcBackground.tsx   | 2 +-
 src/components/MobileBottomNav.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ArcBackground.tsx b/src/components/ArcBackground.tsx
index c5a4f23b..6acc923c 100644
--- a/src/components/ArcBackground.tsx
+++ b/src/components/ArcBackground.tsx
@@ -47,7 +47,7 @@ export function ArcBackground({ variant, className }: ArcBackgroundProps) {
       preserveAspectRatio="none"
       style={hasArc ? arcHeightStyle : fullHeightStyle}
     >
-      <path d={path} className="fill-background/80" />
+      <path d={path} className="fill-background/95" />
     </svg>
   );
 }
diff --git a/src/components/MobileBottomNav.tsx b/src/components/MobileBottomNav.tsx
index d89e3381..bd379e8a 100644
--- a/src/components/MobileBottomNav.tsx
+++ b/src/components/MobileBottomNav.tsx
@@ -52,7 +52,7 @@ export function MobileBottomNav() {
       >
         <ArcBackground variant={noArcs ? 'rect' : 'up'} />
 
-        <div className="h-11 flex items-center relative">
+        <div className="h-11 mt-2 flex items-center relative">
 
           {/* Feed */}
           <Link

From 8b7f59bee09e0f3b8b19febf51f4b2d8b79d61c1 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Sun, 22 Mar 2026 22:44:11 -0700
Subject: [PATCH 081/120] Migrate BadgesPage header and tabs to PageHeader and
 SubHeaderBar

---
 src/pages/BadgesPage.tsx | 46 ++++++++++++++++++----------------------
 1 file changed, 21 insertions(+), 25 deletions(-)

diff --git a/src/pages/BadgesPage.tsx b/src/pages/BadgesPage.tsx
index 473320cf..309a83b7 100644
--- a/src/pages/BadgesPage.tsx
+++ b/src/pages/BadgesPage.tsx
@@ -6,7 +6,7 @@ import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
 import { nip19 } from 'nostr-tools';
 import type { NostrEvent } from '@nostrify/nostrify';
 import {
-  Award, Loader2, ArrowLeft, ChevronUp, ChevronDown, X, Check, Clock,
+  Award, Loader2, ChevronUp, ChevronDown, X, Check, Clock,
   Pencil, Trash2, Upload, Users, ExternalLink,
 } from 'lucide-react';
 import { useSeoMeta } from '@unhead/react';
@@ -26,6 +26,8 @@ import {
 import { NoteCard } from '@/components/NoteCard';
 import { PullToRefresh } from '@/components/PullToRefresh';
 import { FeedEmptyState } from '@/components/FeedEmptyState';
+import { SubHeaderBar } from '@/components/SubHeaderBar';
+import { PageHeader } from '@/components/PageHeader';
 import { TabButton } from '@/components/TabButton';
 import { BadgeThumbnail } from '@/components/BadgeThumbnail';
 import { AwardBadgeDialog } from '@/components/AwardBadgeDialog';
@@ -102,6 +104,7 @@ export function BadgesPage() {
     showFAB: true,
     onFabClick: () => setCreateDialogOpen(true),
     fabIcon: <Award className="size-5" />,
+    hasSubHeader: !!user,
   });
 
   const [activeTab, setActiveTab] = useState<BadgesTab>(() => {
@@ -124,31 +127,24 @@ export function BadgesPage() {
 
   return (
     <main className="pb-16 sidebar:pb-0">
-      {/* Page header */}
-      <div className="flex items-center gap-4 px-4 pt-4 pb-5">
-        <Link to="/" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
-          <ArrowLeft className="size-5" />
-        </Link>
-        <div className="flex items-center gap-2 flex-1 min-w-0">
-          <Award className="size-5" />
-          <h1 className="text-xl font-bold">Badges</h1>
-        </div>
-      </div>
+      {/* Follows / My Badges tabs */}
+      {user && (
+        <SubHeaderBar>
+          <TabButton label="Follows" active={activeTab === 'follows'} onClick={() => handleSetTab('follows')} />
+          <TabButton label="My Badges" active={activeTab === 'mine'} onClick={() => handleSetTab('mine')}>
+            <span className="inline-flex items-center gap-1.5">
+              My Badges
+              {pendingCount > 0 && (
+                <span className="inline-flex items-center justify-center min-w-[1.25rem] h-5 px-1.5 rounded-full bg-primary text-primary-foreground text-[11px] font-bold leading-none">
+                  {pendingCount}
+                </span>
+              )}
+            </span>
+          </TabButton>
+        </SubHeaderBar>
+      )}
 
-      {/* Tabs */}
-      <div className="flex border-b border-border sticky top-mobile-bar sidebar:top-0 bg-background/80 backdrop-blur-md z-10">
-        <TabButton label="Follows" active={activeTab === 'follows'} onClick={() => handleSetTab('follows')} disabled={!user} />
-        <TabButton label="My Badges" active={activeTab === 'mine'} onClick={() => handleSetTab('mine')} disabled={!user}>
-          <span className="inline-flex items-center gap-1.5">
-            My Badges
-            {pendingCount > 0 && (
-              <span className="inline-flex items-center justify-center min-w-[1.25rem] h-5 px-1.5 rounded-full bg-primary text-primary-foreground text-[11px] font-bold leading-none">
-                {pendingCount}
-              </span>
-            )}
-          </span>
-        </TabButton>
-      </div>
+      <PageHeader title="Badges" icon={<Award className="size-5" />} />
 
       {/* Tab content */}
       {activeTab === 'mine' ? (

From 6134786fe9f6e503c3fb5e07b109c0421a9a4161 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Sun, 22 Mar 2026 23:39:13 -0700
Subject: [PATCH 082/120] Add arc overhang clearance to mobile search sheet
 positioning

---
 src/index.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/index.css b/src/index.css
index 6fbb764b..137eb3fe 100644
--- a/src/index.css
+++ b/src/index.css
@@ -48,9 +48,9 @@
     bottom: calc(1.5rem + var(--bottom-nav-height) + env(safe-area-inset-bottom, 0px));
   }
 
-  /* Position above mobile bottom nav + safe area */
+  /* Position above mobile bottom nav + safe area + arc overhang (20px) */
   .bottom-mobile-nav {
-    bottom: calc(var(--bottom-nav-height) + env(safe-area-inset-bottom, 0px));
+    bottom: calc(var(--bottom-nav-height) + 20px + env(safe-area-inset-bottom, 0px));
   }
 
   /* Bottom overscroll padding for the center column:

From ca1b055dad00d4633a8ea74d0798bc4f6d73183a Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 23 Mar 2026 20:27:13 -0500
Subject: [PATCH 083/120] Add iOS platform support with Capacitor and remote
 build script

- Add @capacitor/ios dependency and iOS Capacitor platform
- Configure capacitor.config.ts with iOS settings (scheme, background color, content inset)
- Add scripts/build-ios.sh for building iOS over SSH on Mac Mini (orcus.lan)
- Script supports simulator, device, archive, and open-in-Xcode modes
---
 capacitor.config.ts                           |   8 +-
 ios/.gitignore                                |  13 +
 ios/App/App.xcodeproj/project.pbxproj         | 376 ++++++++++++++++++
 .../xcshareddata/IDEWorkspaceChecks.plist     |   8 +
 ios/App/App/AppDelegate.swift                 |  49 +++
 .../AppIcon.appiconset/AppIcon-512@2x.png     | Bin 0 -> 110522 bytes
 .../AppIcon.appiconset/Contents.json          |  14 +
 ios/App/App/Assets.xcassets/Contents.json     |   6 +
 .../Splash.imageset/Contents.json             |  23 ++
 .../Splash.imageset/splash-2732x2732-1.png    | Bin 0 -> 41273 bytes
 .../Splash.imageset/splash-2732x2732-2.png    | Bin 0 -> 41273 bytes
 .../Splash.imageset/splash-2732x2732.png      | Bin 0 -> 41273 bytes
 .../App/Base.lproj/LaunchScreen.storyboard    |  32 ++
 ios/App/App/Base.lproj/Main.storyboard        |  19 +
 ios/App/App/Info.plist                        |  51 +++
 ios/App/CapApp-SPM/.gitignore                 |   9 +
 ios/App/CapApp-SPM/Package.swift              |  31 ++
 ios/App/CapApp-SPM/README.md                  |   5 +
 .../Sources/CapApp-SPM/CapApp-SPM.swift       |   1 +
 ios/debug.xcconfig                            |   1 +
 package-lock.json                             |  17 +-
 package.json                                  |   1 +
 scripts/build-ios.sh                          | 150 +++++++
 23 files changed, 810 insertions(+), 4 deletions(-)
 create mode 100644 ios/.gitignore
 create mode 100644 ios/App/App.xcodeproj/project.pbxproj
 create mode 100644 ios/App/App.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist
 create mode 100644 ios/App/App/AppDelegate.swift
 create mode 100644 ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-512@2x.png
 create mode 100644 ios/App/App/Assets.xcassets/AppIcon.appiconset/Contents.json
 create mode 100644 ios/App/App/Assets.xcassets/Contents.json
 create mode 100644 ios/App/App/Assets.xcassets/Splash.imageset/Contents.json
 create mode 100644 ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732-1.png
 create mode 100644 ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732-2.png
 create mode 100644 ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732.png
 create mode 100644 ios/App/App/Base.lproj/LaunchScreen.storyboard
 create mode 100644 ios/App/App/Base.lproj/Main.storyboard
 create mode 100644 ios/App/App/Info.plist
 create mode 100644 ios/App/CapApp-SPM/.gitignore
 create mode 100644 ios/App/CapApp-SPM/Package.swift
 create mode 100644 ios/App/CapApp-SPM/README.md
 create mode 100644 ios/App/CapApp-SPM/Sources/CapApp-SPM/CapApp-SPM.swift
 create mode 100644 ios/debug.xcconfig
 create mode 100755 scripts/build-ios.sh

diff --git a/capacitor.config.ts b/capacitor.config.ts
index 6e708618..b678f974 100644
--- a/capacitor.config.ts
+++ b/capacitor.config.ts
@@ -7,12 +7,18 @@ const config: CapacitorConfig = {
   server: {
     // Handle deep links from your domain
     hostname: 'ditto.pub',
-    androidScheme: 'https'
+    androidScheme: 'https',
+    iosScheme: 'https'
   },
   android: {
     // Enable safe area handling for notches and navigation bars
     allowMixedContent: false,
     backgroundColor: '#14161f'
+  },
+  ios: {
+    backgroundColor: '#14161f',
+    contentInset: 'automatic',
+    scheme: 'Ditto'
   }
 };
 
diff --git a/ios/.gitignore b/ios/.gitignore
new file mode 100644
index 00000000..f4702997
--- /dev/null
+++ b/ios/.gitignore
@@ -0,0 +1,13 @@
+App/build
+App/Pods
+App/output
+App/App/public
+DerivedData
+xcuserdata
+
+# Cordova plugins for Capacitor
+capacitor-cordova-ios-plugins
+
+# Generated Config files
+App/App/capacitor.config.json
+App/App/config.xml
diff --git a/ios/App/App.xcodeproj/project.pbxproj b/ios/App/App.xcodeproj/project.pbxproj
new file mode 100644
index 00000000..9b0498cc
--- /dev/null
+++ b/ios/App/App.xcodeproj/project.pbxproj
@@ -0,0 +1,376 @@
+// !$*UTF8*$!
+{
+	archiveVersion = 1;
+	classes = {
+	};
+	objectVersion = 60;
+	objects = {
+
+/* Begin PBXBuildFile section */
+		2FAD9763203C412B000D30F8 /* config.xml in Resources */ = {isa = PBXBuildFile; fileRef = 2FAD9762203C412B000D30F8 /* config.xml */; };
+		4D22ABE92AF431CB00220026 /* CapApp-SPM in Frameworks */ = {isa = PBXBuildFile; productRef = 4D22ABE82AF431CB00220026 /* CapApp-SPM */; };
+		50379B232058CBB4000EE86E /* capacitor.config.json in Resources */ = {isa = PBXBuildFile; fileRef = 50379B222058CBB4000EE86E /* capacitor.config.json */; };
+		504EC3081FED79650016851F /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 504EC3071FED79650016851F /* AppDelegate.swift */; };
+		504EC30D1FED79650016851F /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 504EC30B1FED79650016851F /* Main.storyboard */; };
+		504EC30F1FED79650016851F /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 504EC30E1FED79650016851F /* Assets.xcassets */; };
+		504EC3121FED79650016851F /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 504EC3101FED79650016851F /* LaunchScreen.storyboard */; };
+		50B271D11FEDC1A000F3C39B /* public in Resources */ = {isa = PBXBuildFile; fileRef = 50B271D01FEDC1A000F3C39B /* public */; };
+/* End PBXBuildFile section */
+
+/* Begin PBXFileReference section */
+		2FAD9762203C412B000D30F8 /* config.xml */ = {isa = PBXFileReference; lastKnownFileType = text.xml; path = config.xml; sourceTree = "<group>"; };
+		50379B222058CBB4000EE86E /* capacitor.config.json */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.json; path = capacitor.config.json; sourceTree = "<group>"; };
+		504EC3041FED79650016851F /* App.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = App.app; sourceTree = BUILT_PRODUCTS_DIR; };
+		504EC3071FED79650016851F /* AppDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = "<group>"; };
+		504EC30C1FED79650016851F /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/Main.storyboard; sourceTree = "<group>"; };
+		504EC30E1FED79650016851F /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = "<group>"; };
+		504EC3111FED79650016851F /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = "<group>"; };
+		504EC3131FED79650016851F /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
+		50B271D01FEDC1A000F3C39B /* public */ = {isa = PBXFileReference; lastKnownFileType = folder; path = public; sourceTree = "<group>"; };
+		958DCC722DB07C7200EA8C5F /* debug.xcconfig */ = {isa = PBXFileReference; lastKnownFileType = text.xcconfig; name = debug.xcconfig; path = ../debug.xcconfig; sourceTree = SOURCE_ROOT; };
+/* End PBXFileReference section */
+
+/* Begin PBXFrameworksBuildPhase section */
+		504EC3011FED79650016851F /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				4D22ABE92AF431CB00220026 /* CapApp-SPM in Frameworks */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXFrameworksBuildPhase section */
+
+/* Begin PBXGroup section */
+		504EC2FB1FED79650016851F = {
+			isa = PBXGroup;
+			children = (
+				958DCC722DB07C7200EA8C5F /* debug.xcconfig */,
+				504EC3061FED79650016851F /* App */,
+				504EC3051FED79650016851F /* Products */,
+			);
+			sourceTree = "<group>";
+		};
+		504EC3051FED79650016851F /* Products */ = {
+			isa = PBXGroup;
+			children = (
+				504EC3041FED79650016851F /* App.app */,
+			);
+			name = Products;
+			sourceTree = "<group>";
+		};
+		504EC3061FED79650016851F /* App */ = {
+			isa = PBXGroup;
+			children = (
+				50379B222058CBB4000EE86E /* capacitor.config.json */,
+				504EC3071FED79650016851F /* AppDelegate.swift */,
+				504EC30B1FED79650016851F /* Main.storyboard */,
+				504EC30E1FED79650016851F /* Assets.xcassets */,
+				504EC3101FED79650016851F /* LaunchScreen.storyboard */,
+				504EC3131FED79650016851F /* Info.plist */,
+				2FAD9762203C412B000D30F8 /* config.xml */,
+				50B271D01FEDC1A000F3C39B /* public */,
+			);
+			path = App;
+			sourceTree = "<group>";
+		};
+/* End PBXGroup section */
+
+/* Begin PBXNativeTarget section */
+		504EC3031FED79650016851F /* App */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = 504EC3161FED79650016851F /* Build configuration list for PBXNativeTarget "App" */;
+			buildPhases = (
+				504EC3001FED79650016851F /* Sources */,
+				504EC3011FED79650016851F /* Frameworks */,
+				504EC3021FED79650016851F /* Resources */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+			);
+			name = App;
+			packageProductDependencies = (
+				4D22ABE82AF431CB00220026 /* CapApp-SPM */,
+			);
+			productName = App;
+			productReference = 504EC3041FED79650016851F /* App.app */;
+			productType = "com.apple.product-type.application";
+		};
+/* End PBXNativeTarget section */
+
+/* Begin PBXProject section */
+		504EC2FC1FED79650016851F /* Project object */ = {
+			isa = PBXProject;
+			attributes = {
+				LastSwiftUpdateCheck = 0920;
+				LastUpgradeCheck = 0920;
+				TargetAttributes = {
+					504EC3031FED79650016851F = {
+						CreatedOnToolsVersion = 9.2;
+						LastSwiftMigration = 1100;
+						ProvisioningStyle = Automatic;
+					};
+				};
+			};
+			buildConfigurationList = 504EC2FF1FED79650016851F /* Build configuration list for PBXProject "App" */;
+			compatibilityVersion = "Xcode 8.0";
+			developmentRegion = en;
+			hasScannedForEncodings = 0;
+			knownRegions = (
+				en,
+				Base,
+			);
+			mainGroup = 504EC2FB1FED79650016851F;
+			packageReferences = (
+				D4C12C0A2AAA248700AAC8A2 /* XCLocalSwiftPackageReference "CapApp-SPM" */,
+			);
+			productRefGroup = 504EC3051FED79650016851F /* Products */;
+			projectDirPath = "";
+			projectRoot = "";
+			targets = (
+				504EC3031FED79650016851F /* App */,
+			);
+		};
+/* End PBXProject section */
+
+/* Begin PBXResourcesBuildPhase section */
+		504EC3021FED79650016851F /* Resources */ = {
+			isa = PBXResourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				504EC3121FED79650016851F /* LaunchScreen.storyboard in Resources */,
+				50B271D11FEDC1A000F3C39B /* public in Resources */,
+				504EC30F1FED79650016851F /* Assets.xcassets in Resources */,
+				50379B232058CBB4000EE86E /* capacitor.config.json in Resources */,
+				504EC30D1FED79650016851F /* Main.storyboard in Resources */,
+				2FAD9763203C412B000D30F8 /* config.xml in Resources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXResourcesBuildPhase section */
+
+/* Begin PBXSourcesBuildPhase section */
+		504EC3001FED79650016851F /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				504EC3081FED79650016851F /* AppDelegate.swift in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXSourcesBuildPhase section */
+
+/* Begin PBXVariantGroup section */
+		504EC30B1FED79650016851F /* Main.storyboard */ = {
+			isa = PBXVariantGroup;
+			children = (
+				504EC30C1FED79650016851F /* Base */,
+			);
+			name = Main.storyboard;
+			sourceTree = "<group>";
+		};
+		504EC3101FED79650016851F /* LaunchScreen.storyboard */ = {
+			isa = PBXVariantGroup;
+			children = (
+				504EC3111FED79650016851F /* Base */,
+			);
+			name = LaunchScreen.storyboard;
+			sourceTree = "<group>";
+		};
+/* End PBXVariantGroup section */
+
+/* Begin XCBuildConfiguration section */
+		504EC3141FED79650016851F /* Debug */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 958DCC722DB07C7200EA8C5F /* debug.xcconfig */;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				CODE_SIGN_IDENTITY = "iPhone Developer";
+				COPY_PHASE_STRIP = NO;
+				DEBUG_INFORMATION_FORMAT = dwarf;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_TESTABILITY = YES;
+				GCC_C_LANGUAGE_STANDARD = gnu11;
+				GCC_DYNAMIC_NO_PIC = NO;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_OPTIMIZATION_LEVEL = 0;
+				GCC_PREPROCESSOR_DEFINITIONS = (
+					"DEBUG=1",
+					"$(inherited)",
+				);
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 15.0;
+				MTL_ENABLE_DEBUG_INFO = YES;
+				ONLY_ACTIVE_ARCH = YES;
+				SDKROOT = iphoneos;
+				SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG;
+				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
+			};
+			name = Debug;
+		};
+		504EC3151FED79650016851F /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				CODE_SIGN_IDENTITY = "iPhone Developer";
+				COPY_PHASE_STRIP = NO;
+				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
+				ENABLE_NS_ASSERTIONS = NO;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				GCC_C_LANGUAGE_STANDARD = gnu11;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 15.0;
+				MTL_ENABLE_DEBUG_INFO = NO;
+				SDKROOT = iphoneos;
+				SWIFT_COMPILATION_MODE = wholemodule;
+				SWIFT_OPTIMIZATION_LEVEL = "-O";
+				VALIDATE_PRODUCT = YES;
+			};
+			name = Release;
+		};
+		504EC3171FED79650016851F /* Debug */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 958DCC722DB07C7200EA8C5F /* debug.xcconfig */;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CODE_SIGN_STYLE = Automatic;
+				CURRENT_PROJECT_VERSION = 1;
+				INFOPLIST_FILE = App/Info.plist;
+				IPHONEOS_DEPLOYMENT_TARGET = 15.0;
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/Frameworks",
+				);
+				MARKETING_VERSION = 1.0;
+				OTHER_SWIFT_FLAGS = "$(inherited) \"-D\" \"COCOAPODS\" \"-DDEBUG\"";
+				PRODUCT_BUNDLE_IDENTIFIER = pub.ditto.app;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG;
+				SWIFT_VERSION = 5.0;
+				TARGETED_DEVICE_FAMILY = "1,2";
+			};
+			name = Debug;
+		};
+		504EC3181FED79650016851F /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CODE_SIGN_STYLE = Automatic;
+				CURRENT_PROJECT_VERSION = 1;
+				INFOPLIST_FILE = App/Info.plist;
+				IPHONEOS_DEPLOYMENT_TARGET = 15.0;
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/Frameworks",
+				);
+				MARKETING_VERSION = 1.0;
+				PRODUCT_BUNDLE_IDENTIFIER = pub.ditto.app;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SWIFT_ACTIVE_COMPILATION_CONDITIONS = "";
+				SWIFT_VERSION = 5.0;
+				TARGETED_DEVICE_FAMILY = "1,2";
+			};
+			name = Release;
+		};
+/* End XCBuildConfiguration section */
+
+/* Begin XCConfigurationList section */
+		504EC2FF1FED79650016851F /* Build configuration list for PBXProject "App" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				504EC3141FED79650016851F /* Debug */,
+				504EC3151FED79650016851F /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		504EC3161FED79650016851F /* Build configuration list for PBXNativeTarget "App" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				504EC3171FED79650016851F /* Debug */,
+				504EC3181FED79650016851F /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+/* End XCConfigurationList section */
+
+/* Begin XCLocalSwiftPackageReference section */
+		D4C12C0A2AAA248700AAC8A2 /* XCLocalSwiftPackageReference "CapApp-SPM" */ = {
+			isa = XCLocalSwiftPackageReference;
+			relativePath = "CapApp-SPM";
+		};
+/* End XCLocalSwiftPackageReference section */
+
+/* Begin XCSwiftPackageProductDependency section */
+		4D22ABE82AF431CB00220026 /* CapApp-SPM */ = {
+			isa = XCSwiftPackageProductDependency;
+			package = D4C12C0A2AAA248700AAC8A2 /* XCLocalSwiftPackageReference "CapApp-SPM" */;
+			productName = "CapApp-SPM";
+		};
+/* End XCSwiftPackageProductDependency section */
+	};
+	rootObject = 504EC2FC1FED79650016851F /* Project object */;
+}
diff --git a/ios/App/App.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist b/ios/App/App.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist
new file mode 100644
index 00000000..18d98100
--- /dev/null
+++ b/ios/App/App.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>IDEDidComputeMac32BitWarning</key>
+	<true/>
+</dict>
+</plist>
diff --git a/ios/App/App/AppDelegate.swift b/ios/App/App/AppDelegate.swift
new file mode 100644
index 00000000..c3cd83b5
--- /dev/null
+++ b/ios/App/App/AppDelegate.swift
@@ -0,0 +1,49 @@
+import UIKit
+import Capacitor
+
+@UIApplicationMain
+class AppDelegate: UIResponder, UIApplicationDelegate {
+
+    var window: UIWindow?
+
+    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
+        // Override point for customization after application launch.
+        return true
+    }
+
+    func applicationWillResignActive(_ application: UIApplication) {
+        // Sent when the application is about to move from active to inactive state. This can occur for certain types of temporary interruptions (such as an incoming phone call or SMS message) or when the user quits the application and it begins the transition to the background state.
+        // Use this method to pause ongoing tasks, disable timers, and invalidate graphics rendering callbacks. Games should use this method to pause the game.
+    }
+
+    func applicationDidEnterBackground(_ application: UIApplication) {
+        // Use this method to release shared resources, save user data, invalidate timers, and store enough application state information to restore your application to its current state in case it is terminated later.
+        // If your application supports background execution, this method is called instead of applicationWillTerminate: when the user quits.
+    }
+
+    func applicationWillEnterForeground(_ application: UIApplication) {
+        // Called as part of the transition from the background to the active state; here you can undo many of the changes made on entering the background.
+    }
+
+    func applicationDidBecomeActive(_ application: UIApplication) {
+        // Restart any tasks that were paused (or not yet started) while the application was inactive. If the application was previously in the background, optionally refresh the user interface.
+    }
+
+    func applicationWillTerminate(_ application: UIApplication) {
+        // Called when the application is about to terminate. Save data if appropriate. See also applicationDidEnterBackground:.
+    }
+
+    func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) -> Bool {
+        // Called when the app was launched with a url. Feel free to add additional processing here,
+        // but if you want the App API to support tracking app url opens, make sure to keep this call
+        return ApplicationDelegateProxy.shared.application(app, open: url, options: options)
+    }
+
+    func application(_ application: UIApplication, continue userActivity: NSUserActivity, restorationHandler: @escaping ([UIUserActivityRestoring]?) -> Void) -> Bool {
+        // Called when the app was launched with an activity, including Universal Links.
+        // Feel free to add additional processing here, but if you want the App API to support
+        // tracking app url opens, make sure to keep this call
+        return ApplicationDelegateProxy.shared.application(application, continue: userActivity, restorationHandler: restorationHandler)
+    }
+
+}
diff --git a/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-512@2x.png b/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-512@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..adf6ba01dbe256605c5152ac1fd78ae99aaa2a8d
GIT binary patch
literal 110522
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
C`SD)>

literal 0
HcmV?d00001

diff --git a/ios/App/App/Assets.xcassets/AppIcon.appiconset/Contents.json b/ios/App/App/Assets.xcassets/AppIcon.appiconset/Contents.json
new file mode 100644
index 00000000..9b7d382d
--- /dev/null
+++ b/ios/App/App/Assets.xcassets/AppIcon.appiconset/Contents.json
@@ -0,0 +1,14 @@
+{
+  "images" : [
+    {
+      "filename" : "AppIcon-512@2x.png",
+      "idiom" : "universal",
+      "platform" : "ios",
+      "size" : "1024x1024"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/ios/App/App/Assets.xcassets/Contents.json b/ios/App/App/Assets.xcassets/Contents.json
new file mode 100644
index 00000000..da4a164c
--- /dev/null
+++ b/ios/App/App/Assets.xcassets/Contents.json
@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}
\ No newline at end of file
diff --git a/ios/App/App/Assets.xcassets/Splash.imageset/Contents.json b/ios/App/App/Assets.xcassets/Splash.imageset/Contents.json
new file mode 100644
index 00000000..d7d96a67
--- /dev/null
+++ b/ios/App/App/Assets.xcassets/Splash.imageset/Contents.json
@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "filename" : "splash-2732x2732-2.png",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "splash-2732x2732-1.png",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "splash-2732x2732.png",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}
\ No newline at end of file
diff --git a/ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732-1.png b/ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..33ea6c970f2df1db62a624a55e5bbcc4ee07bbdf
GIT binary patch
literal 41273
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

literal 0
HcmV?d00001

diff --git a/ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732-2.png b/ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732-2.png
new file mode 100644
index 0000000000000000000000000000000000000000..33ea6c970f2df1db62a624a55e5bbcc4ee07bbdf
GIT binary patch
literal 41273
zcmeHvcT|&E*ykHSBNh;JqzD9IP*5R&N{28KWdx+DfKoy+A~p0*5(h_Mq|A&6C{o0s
z4IrrW790>}s47hX2}MA_5F#akkYwMy(b@0Y^X=~0{cF#j<Q&YE+&u5SzxzDD`+J^y
zHPPDAbl-02-2edWyYM60765jaaesCRfWJW|jhqADgadxO8Vmq?4sd^9z{5w90I=hb
z*JXzghl>_^9ymWWx9d1}tXhO$0N5J<3{VjPZXQ0^5P5g3r<cE>0=1E(An$eEP{IDp
zMfHmTCfJ)^KSl*%FGX2i_K5QF(7mpJGLkol&;t$lVME;HBm8{*gY_Z|6(GBMV4M4E
zq=G!uCB(;2;Ro&m<sB|s%bVbWu<~crv{XGbPOHmn>#AvJsh>WhaZ+AWT|*nGeg>(o
zrK+x>r>>)?sUiRMr2sxH==u#kTlD#_&jSBusBkkRBtQ>|3=a=i3qPfX3-Uy2=<4bs
z)isftnyO$A)!<0~5Vr_b|6s*$7SPyWk07sr5HFm+JlCR|J1#WDPyrk%Zwh_^|C;p=
z{t6Qa7&5{w0I8v-&Ycp}@w&&q{Q^RRe4&S5_dsHOv3^+pkYKQ{#=m_7ZsJ04!8dXL
z6Vv~G{GT2GLVNMzzt8wD$KvPr?<0ak&V_-~_zK8>**o}hWB?Xviw(ww26<r5g@MCV
z<jy8Q&m;)z7J>`9jKleUTPW*qLzXu&kypOx=Hcbfor21L_yQK~7J@ZY;I5jghNh~f
z?q!WLdg{7*n(C_RT6*g0ysj5<*S&5;{@YatTw1XAWsTE%8oGMwr~Xq{&}FW>g}D81
zJ74$EyMYVxa|0*r<>%&!MF#kLD#-r}qn-)Q7Z(IR7#!WH|M>e0CMMQFxEo%+;0M9B
zrf20ZoHNnV(ACmX)l}1fhI{d%-Ua{Q5I27h>;<%;0tk+pm)CVY>~(kSDJ?fmRjh}m
zuIgz`4_#Gv53TE}ZaOz^Xlb}>VX>z*zkMH#^9bd-z_;&T|3Cb`Rgf1Lf^NS5*LJvp
z$@Lw*AH9OXRgL@_I+w74Ut7Lj@{qgexp{EIz)-=1yZ+eg3SWQi^?!{3&usWjENJw9
z;TODa!MGbC;ch|LA3Q;{{<nUI1P71g1}twL$p3MQ&}aW4xW9D=8H3yWm#V<O{7ZIN
ze~{sVKq`w3TNVO<tbZ<`f4Cg+=<_ISA8=%UYvnvE+Q{P9{pofug?xK^;1E>;KogZD
z`?U!?a^tct_eI<Vk}dCr&ivMr{|hwBdx;(W)=E%^eQg@w7XJ221&eR3{d|*rECGP;
zL;yc}0Dw;$0G}@b{zd@+{2dbDO9Q^l0%am!8t|n7=mvagz?TL9UmAdsz?TMmX~3_*
za0^I$X~35Td}+Xq1b)?kFAYF9;7bF(G~i1EE+O)z0bd$`Zosb^@TCF2YQQB#zBJ%V
z1HLriMgm_N@TCFh27GD2mj--kz$HY!H28l`8e}y``_wEoEDNHJswM3Z@YSar5<dU=
z7mBit!qE>`YLxY^uw)y^dMVjIvVJ{Qf3NPt!XGAAj-Q*8!@N4y@?%YK<P!3?Kdl9d
zFHZx{J>Ca(<?XViXkn)m66MvIZsocoPCkhJ@`=G4FI%bh%8!~y{3@!+eNr5aqrk7X
z_j7%M`}+RKzxO#W?E3c>r}$akrvSez9|1lBd<6Ii@Dbo6z(;_O03U(>ZxCoTne3{L
zSm>r@hi}9pOg~L$(dZoK@uq4j6O_Nic(an~Wu_drNe`O6*2I{t3p<gcdl+eeurjEj
z9@dMIASV&<NBqf&sT}L=IFgK~C6##x>_2(LO`I#BWqj<PzB0!oF4Zb5KG77-I|e9B
zFX1{-+w?iE)NW;obN{Usab^h|2JHkmjQrsQahosmK!;E(T7+w1ITupuGM85O62l7@
z3251xW4*A?M}eb3+>ZltZ*$)!bsmZXBi9N@>B>s(W`by^`W$t5K<&Rq;(12&xucPo
z9@P*22i3KmKUj>_oqL7WCDJVci;s|<9G<y|`XE*Io1g30EM<+1ZF9c^z%>EaYtr%;
zMJDm$zyV!u-w0g6a1`|k*di)wC;?l?0h=f1(GN=59~fiXr{<@Bo}WqVOj$gHsA5_H
zAqdW62ArVV_sFO!8k{pRKK%mMNPv@5{UHwHtP^5vyc;G=?43Z>9YPvbtpY~I0`fhA
zT<eXepnp=9^7Dz2X#^(8hgzk^DcK;qjOfVkwpKLD)+T&*iebBD!B<|21KE*Wvz6w%
zxNjRcOCW|&9mqT!ovd8?Gf=4L9lc3LU0xE1`TH9-TF{JL`=2`9C1~~npI&fANM&?Q
z&YJfNqgF;1t4&jM^49lX;a1msMm-D~CYp}k_n}$2-1YH`WP1HYP+48l8)iBRxY~|(
z*eY~wv)6rSZ!>1}sWQFI1Y=Qk*nTk#L7zQEO3kWWj{P3AV6dC_T-=-#K+ZK~^%rcv
zok$;gSx_YfU?q22j}k)h(X$crfLe<bXZq}Tq_HqDQHDFI5GXaPM1X6FidB6|e;b<3
zDHW^kaV*R=m&`+}1dF&1-h;8akaFEJt)~SiKj>3n2pMR}GNA;oRgR1K=jyr*%fXUY
zq$^DGT=;%J^D=XGD4P&$k$45mT3@2QwNJ4ZnFJ#Osn(J0WfLd8G#`VcOG*9;t;v4K
zZ=Y!Q0-49xf`4x8D+SUT2ETNx!}HSWy^Yj%?`MtQaI&843Qu{{06<})0fx!7Cuzk>
zX34hHSog9VT%fC_G34Ytr~9!PZ^*ui*^w98Hlo!-A}M>&8qa5&%~fY#wnOG;iw_(L
z#Rr377_oN_W^oGeCqIBo4r&SKEst-r8XfVFDWd5ko~vi0w*9vU?go}01Foq=t0iZ|
zc~4!MB8_A5ct7)<r&n*O!dJG!Hy#OQ+QaGw&L2$EqU4<)ypk~W!{*i)EwyEP61fKi
zTXe?}F6KIVgfH;v_lO(}{Y&^&QuaL<Hj_d&pVRlWjOBz{>`E)v(0*^_2>MXQMw;L!
zVPd4w59l>7_`t5)dZZT8eb{pMKL=<i!uCsN?u6xz7YxH0j#^+dKs4ODDM-boS&vj+
zilAVZW^!wAgwTpH)q$x-(sZh0PNaehBgBCAF20^l_p}5Cl?p4Psuo0^l#9L2sU43U
z<gj!i71({jw2~sDo@8)!T1_k<?@t*`6J&fDdOX_f__;z%$@@gkNWxoh&ZT3lMTsr1
zkzWrxI2R_933E<OE8AkTkfVL6u8Y-I7>yfOg71gFk}#5lBCitiJDKVOO6-mowCzo-
zxvI%`Bo@l9gSoxE>6vV6*Jz$-8$S?zk7XT53Q~31{$f+M=k)=g`%#?cxb0O>;Ew0j
znu<#TbQ7-I0B3o@>D~p~{<vANOu9_-8657%Yz1s<AgmqHdFb~C`+U+$3SF-G=aorQ
zF(f&pY!Kv&dn#U0^eK34uRALHUgw<Nx*J+J#ZnWNhw2swx*<-TuvijkimGm=USesJ
z%0?Xe*$9v|`)}Uel{E6{yA8HBF*W;cKccSzxFi4uM^^NQ`pxyiYYKO;dlV*4z$+U~
zp+V~1;||pow`D;52iD6P*oeC^lc9AuFU`%Nb&yV4W+Ss+m^I-k)^o6?VR1ldlw`C?
zLi>r@Y0-xf^*whbdR9f3pDPfBxMrH*kQ==#(ty9V7b-5lhEfUDA0vnWX$jKRBGnt~
z4KVEZWqagPgHJN8KDZ82jH-XFRSAo{a`4UhgJrunDJ*epvFh~x@MHlCE`0#5COi<!
z=7BjgLXRRV!*)}0S3*LK=hKJueCD6Cga;>H*ZS^W5><z*D*?;niN(PwkJp0mhVq%O
zF~gF7?TdAb)9l<)2p^M8R{xD_lIYB17Q!Ww$<5WJhb-%@WkDca3edQ{bJ0?eb@@WY
z*t4zbn%h61Ep&+$G4G(EB4f_@lf81Ur6-+LvFR4yl`vJqJifD=WfiyYnn<2VZOc^w
zd1%CwYG&n)BvUSZL<bagoXD6SDiwR9H#4$M9i7NnS0}dA4o>|&<W-tH5W02FC``?W
z69c+EynbE@W}Wec!$?%Jd&Q1hE|q;z2CqE1-&#cP3bazo9guw;wXFs~;~+`<-imqd
zADHyqRnn-PkVA!(^;i_F)F(YMT7|X+cb1r}t{pxFEUI^qKDelknL6Ys**)1~7t9%3
z8buUQeut2t%R|f7`C~t<%xs~Y?L1t){lRN9_7*YnBYTVU>;Znr4Kv-f9zlzp16-m{
z;isz8ft%VI`!=a<oX#ns)ws{!3v3C%OR;-KpDx(4^dL2`GI5)0eKO)f5YV5CD_>da
z;yBG=?z7_eg<e@Cs~xITYwb^F__?++AHr8g9cgzl$@;N7jjMi%^$T|#y-a*AW9y+4
zG-^9GUtz!dlT?DyQ+Wl;oHS_2(L74_@O+_WtZL#Da}rteWX;^C8i!?EnPD{?N3ecx
zt7M&^X9z}6${DXlraz1tg*U%7UJwMrmTTI7*L7H~EECv0HY=)-k1h|KzP_Dp1#Qu-
zhP+)Pu<9R}#jEw_j;|`h8(Y0cLfln@bMmSdnTvm`zynxvx<nONKw}@49X07UI0P?W
z{sVikg97@Jzcxaw$nr<-C|hGys#`iSTxKQ4He8yyZ%$hr!kT}GywZtK%CC8|<tId-
zEbTa1A+k$!(2e>{Mbvc0tb=2&=x7WdJ_a)GO#4r6WEkRL>AN2q+k;B8#`Hl3w1T**
z4s{e_0os{9!Gwg&E$Y&7n0hKa0egfPq>x|rS4@wO(3+S)_0YKXJ^K9cc8gl8ea$M+
zqE{{ua7?SH?*P*y3&_O1AcQd265QVZRILG1msNoHg?bmlBVgQb4mK!VfR+sg20BV4
zP+<)mM-BYR2CK%7OZils4bihtZ51dKYNdn;o(K)4HN5a)mpwOpM&9(7ca1v6vy}na
zT48S!$anQkvx><*g38VNNNXIC&!uF!7qK?O<@C0K!bm|#K&DWe4q#$W;1{Yt-38J#
zosL|4K$;icS*^6w?7csxZ=$(A;aA8DMBAZQh(NSND&lFV4h-WS?Y&idV)jG&<A?LG
zrh1n>t{*Zmq7l`*;h))3u2RCU4@o$9Z=O+@{^t~pgV$aj6jU?XSh0GtYwiID9=44`
zg;qBXUs0I44MjwZJj4+JB(D7hR7bU=m{Jb&6FUg7&rqE?$!a(iL`tP2O|sY<#NiUs
zsEcBkw;kut^JMAGjFHd}ohUUm_0JVc<<;n`2;JCea8q36g~lxhp4{zD1M1lRX$i%F
zQ{{|l92MtGwELC%Vy#=ffRq+FNRVRZ>a*Zj#>f-kk{2nh;4SG7A+2Mn)H}6j(su}i
z{RE@j*qT_#@nI@M?!XAJq%e1a&`cg#={-y{=cqg->DN|SUHN<$cdp&0UobNW5Th+-
z`3*E&L)p_DJ2{tgs5=;=-J9k0r1T+^^#WLW#1DtXtw-n4SDj<dERp<IVPf6&)d*{m
zcg~8I*-5#aM20Z$S$P&*J|adl=8_q+oP#6a6KtR6d=8dty;Oc2b#O2vf7>Am=h#`o
z#Fl-a-xs)+OxV4<=L~Zl;B3}S1#9P?xv@jbOg|4U;{Lb#BfTS#ry%S~)^BpGxoy$=
zxQPS|ySI+rXL~9a|69)Pj{`OHIR=Z7fLP#HMqT|d_!vvDU3yKx%z2EqB;34pXEt)w
zmpFB4aj`Qf`>oOGt}j>Gx5gLhXm>|H%UJ2CKu;0<iRat)xbXzcW^WzMGVO7K^Bqo+
zy#!rHbaFdJH1>Gw+k2Sw0+{=$epJ|>EUX+*8M2ts5*cZzCS&brN+{`W0Af2@%W9Nc
z`%eF~(7y2Lo*maV5srqoDv^y25EgQhPwh3Be)@FSRSssx;Ui$z%=UZ#(=!9oXBj!y
zEU)6#)%2;WX2_4CxzCf<kg-Q@MYeh0zojBonPQz(lzWo4ic;f^_|7b79GC>45%&jD
zhSga{3WdAFottIx?L{ds8-O<wI~?d+xM6|f*ny*l``ae6kFaO1j**mQ7*|;{HJGbl
z6t{yeNZ@f(oCoBJz88gwV7_)|YNMI$d?%fL_3%%GDV-j{PxPjzT}a0}H@2UD9{c>>
z#Z5OaRu&t%?2wH~uPDZp4o-OwTr}g3sr3kti|=duw^um*vQ#^#7oI%yZoA+&!{LJE
zgaqYT$+A8BZMuWTR+Fp8#_kAq9oMdGSSm>;F_Tz&1K+vNXG%ZoJ79sh+@<N9#|u1}
z-8^+OoqU*9I&d7gn5^7ZwO#*<AsUum-nKEn(V}MDSn5T5sX0m_9WOO*+jb8xh|{Vi
ziJq<NG=nvIaAt^Y5I0QznhAyS3tiaCvie$!5-_J~0*}e{B6Cuu3oiae=77p5gMgOW
z`ZCWM=@uHC>UH{zo41@3VK)T-maPlJ$~>@EFl&rwKR#pDt^&Ef&S{8sjnVCgwP);+
zuhzpA+;2uwsf7ZOOGNTsAi-^?F_>*G-y<wPVdlcEm;Ur3=!?64VpBzj5I!+I()t%!
zl&vw<CHt&5g2&9a$F16}3^pI<h=FL<9fp*c{6w7;hS49$8h-oAC7M7e+bOuVgKB@6
z>Gq~@$Ds1M14y7)5v4N!=OP1p?mTC$S(n07-#s!gT4Sin=ADd8SSY@ygkSDd;;zu-
zeqpW?trSPk+=!X7bs~fhEx26si;)T>7qM_%lW)uxvZObkU6shon9A^G`^UIt2W6)E
z-@0=X6k466XbM6154CP(wAU%14ALO+7q~tSriG7yy6V%NsaLk2nd9Yh5au3CTm9UL
zl)Jn3z7R?|Cz5wEcC*0nZ`;R+ayx;{+LOY!hNOj6T`Hr0bFdW~Si0x-9d~#-yCIe}
zXyDGdPDb0`uY2<iCY|z*(`#dH9((n>Zf#S!co}0fI(c;WX7el5=)1U~C--L=y{Cp7
zSe9X{LZJ=<^6ojXl^MvT0~luIrc4R$5Ow4Vr2y@T<b-+|7mt#=Bg1n>Bw0eV+~Qbu
zO*m_Jf$TWaX3l#n*s8-5C3bAt=tqwFcnPhmAYy$ns15sJ9znTL<e04}FfdcaM35dN
zOdT%P$JksI$*g&FoK{P4g3w4wfY`(!pPfri&7#&6uFDqm++Ti%YDvP4CayMW9s>&7
zy51R+oyM08h_hm0H{{S`SFTwRR8_%D`ApZl5rVaVe8)@S(Dy;MJd5d2T9;bfzx`f^
z^P4i(xg2ReOG*;HC7va+HJb8SY29{i=T@=mf!9YVrpz?Mr+Zdn93@;;K8f}l8GZi!
zfR4J_>r?x)3|ZoB4FKnZ>GTY04M6Mw5vk*8b2%GNtIqkH<W)qXWYkRbmBzjInFR-3
z(qFeajaQVKMfk<1>p7K|J)A+t_~fnv?uNVao>B=>9anCV;w2XsnG0Ttnla%8=<MJ3
zQx+z+{F~Nh8GZWko4(*9T8(+$F_I=2vDl+Ng_j8-drz4^ZaP0$9J&i$7KYSn+hM0m
zZ0L^!Q19np=nwVJbX>8wHTRw>o+Tbj#v5}Qx`NCG>w+#qyJU(bcTe~TS_V3M)*Wd-
zcL%O_I8`kx(&jOlW7J+2WlmyYv}=B5Lq*v-zV;d3S;1)idd$Xw!0Ei_TT}I4g%@6%
zQZn`;^{(9D=tPRXnJ*{3a`TstUP`-X->W_Sod;57J5F)KWDgX85rf%=vMA<15nHr^
zj9CBQs2%5Eh2O#4tJRFFoZA9zn3uPsT3w0K(K+zfMXc0ZGF&cgp;TFQ+Pa4P52I|r
z-fo24!5A#ag#ObZQ{JX9{ds{g4ra`+D50}09Zfz%hfr!l>W|*lrafOw!K9Q2Uu8{$
z;-bGc6jqZMU$TLjqwOrH5^4?j*c7;T|KR3hg>()xLrXRstP3bZhU0n3uR@f_WRLA?
z&RPrS-NJfq%6QT$ruy#@I~|1nLj3bB_B^bLsT`^=@OXGuB|lzjaRqmJcITG+ZolKk
zR|!YvxYKTRJHYil;?;iG;BW~hicTn#*yC{6bCMosH_K^gIE(UY7?leK`cc*6o}x!j
z*2h0TMRCm(Qb*_xGCN~TdL(>SfzhWZUd5#Cdx&-Kf?AnPOGp?sn}i=?n^sfQ%8%d&
zlrd48O;?8IPmQ8kdvLEZHk#F1AK56|bdKFj-d<e<#KsgjQEk6R+{9%(-bLBs4R1=N
zT8@GM{~J7D@?9hTgiDKzJ+4m?7ImdDRj3$yWif}zS$eyI>4;;FN!!e6FvrLpK7$GK
zIZ6F^1<R)J>B%1&zdFKDcG_G2h>1g4_A>+LJ{#CX&-Ho?yNz`Ay_(NWJti0ZYd;qV
z-nQYmYCudq$=Yhh5+<xOUI}cCNq75hm(ZH&EhG4Bx1Fu$RRX6Rqa7tCk1-91;!63J
z+GIq43<Kr82X4`C^fY9@Sg5BLapCSmkq8!8Q~hogG!0C`cvuTQGL+4Y*6Kq|%)J}Q
zKFhfL2HBnN7F_yM=lHryhj&z>a<EZe*0qo3$#-$GcV&#LhW2k|k335y=>FL(cUHW6
zn<F_QC^=CxEAGNc3FWThB<uxLz8D{>Qfob|9UsYdc0A~+zY_)O+f@yZTTLAi$)jB#
zXDa3{{l>b4Fx<H$P<8mv#)|HZs~v)7Wnq4#+CW_Lt|cx4t#Q{OJ{=!wQfqw>X@K`)
zu^RnoFBXVypIA-C#?HH^3bIiW-Aixv$Q)ALNGNRU)X>FEykzuiEnh!z;7x|Oq{xRD
zzY2`DD0kL!l2Bw#$`wWe_BgfjmBtU8P_I;s^fdFO(zQmy`{m?xK}pe^l+Cq!v<J=o
zg2nKj;|Uw+tRlIg_0mY}?RB@A#QsNMtpO^^iS|Mpd|f<N&e(AZf7}x}v?&fU(iYpN
zeURa@)fd@)`9o@4CtN0=cMpyN>e4?fX+LXPoRQqkId%u9*wq)euW=4nsHO;;o7znw
zg7wyOywx$`txj}S5MV{PUhGYeEpKW*SU>hBEbAd-d>_WnUUF>4zT~Hbgt`^G7_SOl
zqUIpm$63w~|F)(eV<Y1kM=2le=jfe{9E#ta7G_L%H&W4Qj`@u@>~map1eUws576p8
zXG%^jP1CC?dXm{5&+xVRC=tO=im;C35tu!$QKwkjT^gBibyT3#Q7MZ8mUsbDxKfRi
zk?>YRK(Y<iHm2pCrzGg@v}xINom;mDVs;e_KVhBVE}lWpQ}Qnv$j-ysitbMb`oCLw
zJlWh-Y#tc1n3Ee#wuhJJ3pO4uI)GwbkC{8L%3vu5Lz24NeqIAUz{+4Zi0*v1IdE3?
z9*mNuvQ&Z9tz#);TfTe?68#=ea5lt0csT(5amAj>wRWqHDfY~5qJt{zHTiz8H!L(0
zRw*Z}E?eCh3044daZi%WCD2Lb9Jtn&m3Oz{pj)?&>EpFG0-@|{E~Fd085p1CPGp4*
zmbDC64E1@`XzGLvS!AM6XxOacXKK&e3f51Q$~~PP&cw(;&Q@g{?$43+k<Qe>cnvL^
zZcW^zD6~;b3W{-2AkzJE-~l(hymPCqTi<G9>~>JEP+~HRQS<Pw=bplcEKsQzMO^Di
zj~^4lCtpe?W@_(EC8r|WURZblQR>sbK(W+BC|Fh-=hE$X{8H`oEV%ugZ?}GpVLf!N
zRsE7h{wsQhIah~wK;<F#TPx;7YZ@^Vbpl`Cyw%3Tbf~n{3y!73Jl4^n&9T)v#?eoQ
zeo*q36%aa;qbmU&uY_gxbJMm&9_b)np9YhVnbonOw}3{*v(63r#1hFnA@z!Yt4coI
zh-ri;$%cWflMR1;e6#V$?S}F7FjKGltc9n{-Mhx#18s#~KN6vnft40sH3MFoC0P8-
zMMU1NdxDM_JI;vcd5t824yt;^nhr*H$i2|a36ve%hx~SCkG{EJ*+WkEjo#avrhYiE
z$}7RkJ=i>3@tU(h4&K1*@F-^V`)%9#Ir;<wvuM3uVH4HJsf*1%Qta__^ZJ{Ncb?qB
zn%IEs@S&*U?w+{Fn=hkuiC*Ny9FI?JB3svqZr9Ipj&G%pRAfP08J!mxMrA7SmB9yg
zwf?Hq<~UMKI=#dkzi>Zylodb48F(D36E3{FOilXPh)k<h4z5<hrtq+T?X$hx6<{sL
z`y`!Y;L&|yaJ^PSEcEXS4iX@!z_KY<KV0TEFF2FFLt=g@B|HDgD4h=9yUrX90vfAV
z_3Sn?4lHQ_uQ!Gxmj7XVJ~oX`d=m0C$?Wz^ii0g?*Kd<HOHKSzHB1$>Qb#RSvT(jS
zUmgV0{#vEAd&JYPgXUKPc!xJ~NiT|Kg8Mr*Pn8EbgC)fmC4bAB>$&C>kfX@<A68-m
zZ#nFfOy~^~>~xhg_A(dj!7V;de`$7A?)s@Cu925UuEtMAXS(oUq4H=h;#Xcg4`r1e
z;=DaJMGxC-!L0``$ECJhH+If7a`Dqqa_4|bEuteb=jH2h)RG~q&7+L1{*3vvZ%*xb
zw81L6X~m02Z~&CQw8n*Ogv2c0qYawgF`}0&#ePafn%w2gVR8}Hi$N>fVIK@p@j};b
zPX1N9VIV5MbxK5u^R8;09xsh}vR4sS*ok{0kYDD$uiJn~ZNJOgrGMZN0=%LhtVdmY
zlCIT8$b3LrAXbQBKPY3gqdlUBV|=qqXR4P8a;+;dtE$6tPQ^AOCVLkH&VD#4q;7ff
zU5Zg=#cEG|#8f0SSl3q&%}1<&yT*J!I_V;(ToAt;g!HpN`C+A5u*H7BBLYk=OZ1$I
zYL0Kd;tn-$FI^@S-?0!XD_2MkKs9_$5&DE&jCd2~kO-2z63^^Kh=xU8ard@iYRf^&
z6Ok*FiD?p^biAOS$_!y;OA{)pM-uih`(Qn_2PqfEn6_j2JF5u?D5lvQ%EWqznN-+G
zG8Qyh#;x!HC(<E)H#uFgC&1&uZL%P6NtbX2MW7QmT0~}O-M50*nZJoWBZtB!lIl*O
z54q3R4-<YVUg|{DjtqHqyH%IfI70r)tHn?5?*%Ea#rOT-Y>@^dG{U*Yw5KtBdGoQ5
zOXoA#z>>7hhMwqT$&ks@xvi1nP<+onL2)yG+%{sn>ecm~*pp;`vQ20Qw2vEmLfg1Z
zgO?mA2^8{coBL;1M$f}!7<;0~??kiWVZNhtO94OUh$cjU32PQSAhfBP@*}Y~WmG{R
z_V*w5dVcV`ZJc!2+#q<^fICxlC<_)LgDkbssaUwYQBoPJkRQsS|IW6p$o+*yVHpVL
zoljDPx$6e1{3>ccHg7;&?WUlUZJ+Gz*Xa;X@BFOF#@-KdupIwGYVrBA%g~C*{{=0y
zj^+sNRd>epVsFhKEPriIUwVVzCT3#j(9xSuR>P%d$HuG->#31|M<Zu$XS~$T(q_u1
z*|M;YefHuS*X46`J)wOh_4GaNNGB6`3JcFr6np0K4!=eE9J1NDJvS-B2)piOuY!&B
zPn5P%REzN;gW{DkG$dG?Rk1{M^JXEtJyNt?6c)F}if3Bfc{cTqaBb@7an`Rju~>Gi
z{-IP`yZfJ?bvQ4M??ZjY?4G};cXFR~$ANg8O(sSHbVI4O<2yB|6kLWTAu*wtwMWJ8
z%x$gByko-NRn+o6T_T1h8c%lsjRurKDSE3|{hBH56-T@_+J;oqu-@lQZ$9l(NHA&S
zG!>oPM;p@sr3JNoHBo7Lx+NG`Z5v*XYmdq8t|A6TBa&a6$_^emW|JY)y8RT5eiVI@
zy>(2K`hbgr!->#FS9!3tG6@!Z!i%)qsMDbX2M{*igW}a{)s#(6FK#7t`F9NdMMZF1
zEJDtDE76bnH7~Atd8;k-D;ZLbI#TgI+lbwqGmC>P6k2Iw1}QOMa{q11ZRvS7NHGf$
zbK`D?+=!3~=F!aK#<j2*TKM#b$Lj=536i6Jw3pzDM>deTKFn!JF?Oa8W#C`UdUtO~
z7s%WVg%t|JUyRnCEBC|s&~p!6RK|iihKT4*_*#)Jowq-xeq9KsjENK^E2GXiUXKpu
zCrB?cc;4sMh|rRaaJLX{5At7dUKbNv^(AhuOYXmUO3<wRXB<Tzu1<av^&qa{_&nXd
z`6H&IwypGSpCR3$X{AXB95wLGIvTQW*)(=|%{<Lb&RD8+G!8qn><()@w%2iMq9nRy
zcuKL$35#5p>=8_G>my`80fJAu8mc_rxZGa1@`F^EX`1-FWfoVK17c!aWtNNpn{ra%
z<%Wgc8-C1DP8Md(k~K=NAYc*XUT1dq<5dNLnU@7M$yin(#qyh!aNRrg`de9|vZTgs
z=aPeQGPrlA--2Ny@?WHa=_^!$Fuo1F1^lQ+lErLg*Bvlviz=I2wc?~+TAqK;05x2i
zph!xMMQezKs)>9aCdL9lxA!Rshy?~#tO9d4*m|fS1fX6arXJ(feVceFDidLlkA4J2
z67d#fdu7rYuiwJZ5A?k0hZ&_s|J-;oma?j`PQ1f@6K2pl$H*S$M9$2455(7$2!ge*
z*TZJTjiN@kCG9T3Kvz@ZX248{j?{T9B3Ids>#T^4U9QYEf9H|dEaKSpykPAPBk1*2
zjquirntl7$y2spR#tp!`-1EEBR8sZ_x>3Pc{XTAC!>qA6(%w1M_U01-v-@0>iGn-_
z5q%5R)twznV-djX)OWG^7F2388~Z7#;u(dC$YOTi@StWQQY*UC^<+L&G;qLza`n@k
zhOC^x&7(f(#NgCd92T$A_fD^xcLTxzgp{<=7#RI%gCy05lG+JaR4mnbj*r#ihD985
zUtB%vs#cKd75BISg=x_yk0>jt#hg$`(Sxh^f*YZIh1xwpq))Gk@mEL^<YeQ?JUCsQ
z@cMYx63xGCkp`xk3+oYU4Sj}kHF`lhWmUfcp<pI?R9Gwb%tuizo7<y>OCv2$(B+*T
za;=M<umcBkB2Kb%c=mpVDn<rC?03W=Nlvx~;Gs&wJ*cfYj^BHCSG)DWikT#0OSt6k
zn6UE#zNniK)eZNa$8;6tCiTn2$+SvZOLBq&m!C1BQM@{QxDsR*F+5v4Gg5Q~n9j4=
z5DTP70%J75<OpHmZG}zz8G-b-cu^UPG4r&kpPE0QMjM1q=$HJ&-ni5WhD+|1%5j_l
z&0*VFn7cF)Ry<+<*ohssy*1(pULMKViXE%mekZ$5!q-#ga<!L5zWcNXww79I0u~PM
zb9!HO&wWwVR*yv|CPbYK0%n@ewd+E*>O_xi#Bw*=mHmy|6h<;RS>L3ewdQ^4X72H&
z)u(S$POfsQ(TU1fow}1aW}-$;^?S+SDbi=TN_P8mU;p^^em`NNbRdm;<kH_CdfhUO
zak#$&RFhPnMgs2%I39JuLpCA%V`6WZU$Vga9NEc%#>eo8SESL)`NQkC{AS*5A<7pB
zFQ!|+TwUs3_LU@jPJ%1b#!XXS84!buW;nldCr@PZitRD`G0d>-QgYS-;LYf#?v=1V
zyXY5#9iyr3n5FrROIoXdccW{Gxd}lv_-NkX=HE0uEaQ`&tjtU&x~lYI#<laJgPSuc
zZ3e^_MZJ(+`qW?xj@yzm;#%&Yc2G+6S_Z~39r@AOg0OCl(C-A4S$`+I{gb+yk~t5v
z0MAdvP>f^KqNLiG;V;jyIfna}9tag&JSeG(kf7kBq+Oez{*Vl&wP=}j1ELCizgPxa
zoxNN%?ctfa`~;-3NjFdEa!mwbPN;S5hUf1bTMI<jVk0SfBs9b|QeRETdaRg}a8Hag
zmU|Z!tJV^rJJF<3ArLTGl!{ZlbNS_S)vm#1@*<1+ETOe(w*DCXg<2~j776aqrdyA}
znXFXuvTwTEwH@Gv1@m4b_l24Y6X)g))k~)MvZbX^m5<2iVeF=n&gA99es+DtM!bT;
zw`8|QyCzW<?YKj}5GJ_PRwxYXPS+B4y&yNJ^pm>M&W+!>UIR=Zk8t1WFu?+Oy*-%Y
zbolyK>Lu7>gE%6*WXlTW<J`d*Nw{Ys;Ho(f_^XYK%L1<}oP7qxv7X0UHF2(c_m|lp
zkVJ|ff$|p7TL+jeT#}E_iJ^?qDq6&96}ueX;Dm{9+2_a;6Fp#jBxw3N;RlNgFuoI7
zvh`U&LIO8I$W1CjiC6EnUv4ZiU*D5n-%W@@oflc$zR;a~5xI57<Kcemc~yytUy$su
z@i!N_L+;FkXd?g@Ea3X75u>*de)tm;&3Zd6;CHljBV%PfAJ8~GJCbloEcg8dAS4##
ziQrCssT=In6FYq4;d^!OV56PIg-cbzW6WYGLkx)F2@gYP>?E;TDtd4A>Xo6Urze&v
z3D-m%cH|8XIj~z|W6qQdtUN$Pj|jDX+$xXQv~^-FFFslFpT*PTI;1&^x3$t;kEOkS
zB5YF*$>GinUe?&WJzP6Oj#2ctDxhih{DXt{JYg&u{7BkcK=TseIGjL+>iP^X(aKMv
z`hhxo0r|pE7+99}bZ;tpo4<1)G~>R&;ujUA>GlBI_XhndVb!JC{?1$|bZU61M&m<I
zplpoOIlMXHfN}TFtGFbR_w*sND7kyLK<xLeD_5(X{U5?s{)tus8oZo|rP}F-KXnDX
zAM&J(|FiskT;L7ktEobnVGp3S?EIC7ZzXwaCUR#h%=t^`*m=wtY~V7{VZFb91~zKJ
zO3+IZa*&lcX4OOzGPVG(?nzl08j&re9x^f-*bSF4W`obiudJPeJ=EJ)#;#AYG<u=D
zz~k@lp<%b;V)fbU)J}@N2{rm^!-CI=Rh;9d$2$JSEb+zScneDR>U0HRn*|OxQm(bP
zV4Xlu4~u4*Cy$;#=qqw_mc98?Bi(?a36<1RzJoSr*QHvv4!f6H;R&=mZR9vkcmK&G
zooIWhvDQy-?p7zx7DqDUF92vz+OsXv8l-nx=U<d9&I$y;0Ql^S$Ss%`Ob4%wFkV)*
zK>}aL?lyO<t_2kW>Y^Lu2NcwU-Bad?%@T~IKDT>;Y)-?E2(e?9F~vfy*IgtgdwxBo
zyu|7Ll6c94GyVzn@nDx;y>*wmpzC~15r^jm4BoA(lVCD@W_o#MO<R#QUjnewvP+m*
zchlUW%LD&x$1q<D6PLHj8Gp^zMFp=1p0QKhRYTb8P+?YiZN|0BxM~)>$I_EmbD(Iv
zt%#R%brPX%uLrzVDE8(qnFZb?%ZUCcnBOn>$#898>Cnl{r>`@_b);w`>>fdLzyhL)
zSBJ^6%k|``AMUdk@P+SpmXZ$0NQxAXc~avIk3nw0ya91sLIR^4l|o=L1NGB4IR$7{
z8$~mz!X>%@qhYW)={>UBX672O`UTdO$ucnm+QEwJ3)<R)O_joP`^-+Pc5Yd2jWyu&
z8xDjx*qu&TpQ)vGHgI9B4CiewkAR5UeT%t{V>5Y$oQs`=+(p#=S0kXy1$XHP=5>Ha
zwWm-UlLvqg;F-sl*@&5rFK<c@kI4!LyuKYLc}O4=`J&#EaAi(x*D&{BhiItD-MWaT
z9}EQZlmKtv=xL7yu;#Y@B(%Rm^j(w6o4MU<x3>L8O2kpYyG{Y;xd%X?@1k0Kug-qg
zwT%m&$G#}ocTV})2bYmHz#B}~9ztM5LsFns5xiU2P!fb1p~k<ZJAJ7r4{#B^`H<R4
zk1<|wyrZxMnq|=#A4TQ*6!#U%v~G6BkNJPtR?6Qy!<u(6mX&68Kd-3K1*%atUOxLQ
z?yQUOiff-!AqR;FVQnBfNvw*%#`ERo$%F^dB&mGz{QL-(u47L^*mW;oW<_4cs|IRL
zd$KLIe?}NQGS&MVM0_ZVk`oSsp$VJ0H>_E^POp74A|RP=Tpat?4`T-SBmGyQoH~Vf
zQ8Kld?0*WFYuIquiL1zfu}!>4RU^TU+c&;%RbM5%C_Vq^7skSqi+}|<gTt!u{rb9~
zQa?(oG!sr6%6J{GP}cH5L&!Sc4ss72Zz$uR6kDgZd{<j!KM=q)g2@ki5r>?%6Eerh
zMQ`XcnJikG<krj+=P#GvTM5XIHUL(+Qt7&%q8tf5ZQG5Je-REd$%q&idLBVEl(}y(
zY^Z`|116VkkzBTz<lR3p$j8r_&Uko&=P=I`1=^i75qIa5M2>G}P@axXjA)W{u1psZ
zd{M&0f4C=Zv>`!XGj?+XiX4Ofe0^trjfFAk>{Ux#(fLH3Xg&NgA&IjA7nu#@I*Z^{
z?g<;wbcF8TnSn>PL<XzjGlp9brN3=b&LRH5<PWohbg_$nAPD_W{V2psO6<kd<x{ZN
z-^ysoy=1`-8vB{c(Y&X4Un?g+895H9@W(hN+a;ZdciCL#qw@~p<(yFgnntT0w4y$A
z*|jZ2_c0dY&74qLLPO6#2<BY4L`$xSzEr0YZ2y1((Q{_o)Glt%+-`Q55^<<evq=TZ
zq$I5ZW?vQHy8{sKMGRhC1zbo{8iVW%Ook(wFrq&r%1Dm#ocYJ&l%Q(}%dRO#ccQL-
z)PcFiajPUaxBOPDq?KAL6|K$!v0$e|BKLD5L?U~2iPE7T1~85`F*4$nJslXckENFi
zgEnavkUM~dx5>X21Mi$R?iX5%E4nX|Uq(uno|n5z+RT8M-4zFsro6kMsOxa)%#sL0
zujcQOY?;=}`bd!7tXO|*fQ|(+5Yj0{8>hC9RSgOaQt}mJ*LxA4`f^f8>lxEtkotU=
z`&Cis9Kuh6_4!Uvea+QY*OKTj0c>cDO0aVi+9!b;e;-`<3OTBfF&eCLaL+0id%h%f
zE2b~#ZZ%$c``DL$P6bM}0#5QOx4u2Fw30zto1zZ-bMF-LpQR5OB?-A(zcE%(5eMnp
zN7iMG%U+0JBl^T`;yX)~yq(W0rb&y@>L8S4M0xeC`_vC9$XG=el7__gJUMIRgh2bs
zQ}no3^@{ZBaX|E(KpyXO4rgJ0q-wsrx;&~fa*h3SRWryp<n6ovX+Xm~w{s!Am*)5!
zW{_6(Lu3hQAYETVNfX#4-L9-y^>2VxJ%fwcWE7!R4rfmA?wveyhr;mPwc#C^T~p<%
zE$AwQnCcOART=B)BbERfJe1p>5gS-d?v@*zdR2MoY)POc_fP;xk%GKu(iN;+R_i?#
zQZEx&vB!UOy9k7=HUQc+ZGb|)r4-RE6x7)>1cDv!OA`P6OU~Fx8%4{)AHnpQdy1na
z>S}A&{(Su9_T)KU-xIvP%`w!ln1#c%t>gqPLDxkNQpp=VXdq1Ve+Um)pWAL4yASi`
zF5L;Pd;~gwhx~B74YnjOm>_<}1Js`td(;iT=<Qx%lrY|tB&`rS(B<EE+Pv#AhBB3E
z#*0G6RiI`vdU235FVxEOAe~{JIAT7301tTHj@cZbB_;_IpY{tXpYcxYwCe1~f4ymN
zhBwj{Ft{w!8JHKx0QXF|wPGI+;<i@EwZRK^;rjTQ!!%UvX#%vscuM#*VN(op*N9z^
zdvT{=EDkvdw@LgS3I}deUKrBb+~$wG+tA$R@6fd&Zj0ZQj{qM5J_39M_z3V3;3L3C
zfR6wl0X_nJ1o#N>5#S^6KO(^9gi(yS_a$9_C9NB_OhY%h0HQEdjo=m(jzU!nZY%Rw
z?w{P3>shEY1Ge}b`S3t4!FLLNDDXpp9|{lx{7~SB0zVY^p}<9euOGig0$(-rlZtPy
zz)z+43FKE_;Pd0Rpx{>(_(hkmzQE^4K0osL5ki0;3j9#uhXOwoKm_;#i7$}8QUQNg
z;O`3jU4g$V@OK6N6$E|-=_?cR1=4?6Vc#|ARQe$B*9vbgOc%~sqMx31{pr5}7WQ#E

literal 0
HcmV?d00001

diff --git a/ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732.png b/ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732.png
new file mode 100644
index 0000000000000000000000000000000000000000..33ea6c970f2df1db62a624a55e5bbcc4ee07bbdf
GIT binary patch
literal 41273
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

literal 0
HcmV?d00001

diff --git a/ios/App/App/Base.lproj/LaunchScreen.storyboard b/ios/App/App/Base.lproj/LaunchScreen.storyboard
new file mode 100644
index 00000000..e7ae5d78
--- /dev/null
+++ b/ios/App/App/Base.lproj/LaunchScreen.storyboard
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="17132" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="01J-lp-oVM">
+    <device id="retina4_7" orientation="portrait" appearance="light"/>
+    <dependencies>
+        <deployment identifier="iOS"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="17105"/>
+        <capability name="System colors in document resources" minToolsVersion="11.0"/>
+        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
+    </dependencies>
+    <scenes>
+        <!--View Controller-->
+        <scene sceneID="EHf-IW-A2E">
+            <objects>
+                <viewController id="01J-lp-oVM" sceneMemberID="viewController">
+                    <imageView key="view" userInteractionEnabled="NO" contentMode="scaleAspectFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="Splash" id="snD-IY-ifK">
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
+                        <autoresizingMask key="autoresizingMask"/>
+                        <color key="backgroundColor" systemColor="systemBackgroundColor"/>
+                    </imageView>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="iYj-Kq-Ea1" userLabel="First Responder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="53" y="375"/>
+        </scene>
+    </scenes>
+    <resources>
+        <image name="Splash" width="1366" height="1366"/>
+        <systemColor name="systemBackgroundColor">
+            <color white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+        </systemColor>
+    </resources>
+</document>
diff --git a/ios/App/App/Base.lproj/Main.storyboard b/ios/App/App/Base.lproj/Main.storyboard
new file mode 100644
index 00000000..b44df7be
--- /dev/null
+++ b/ios/App/App/Base.lproj/Main.storyboard
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="14111" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" colorMatched="YES" initialViewController="BYZ-38-t0r">
+    <device id="retina4_7" orientation="portrait">
+        <adaptation id="fullscreen"/>
+    </device>
+    <dependencies>
+        <deployment identifier="iOS"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="14088"/>
+    </dependencies>
+    <scenes>
+        <!--Bridge View Controller-->
+        <scene sceneID="tne-QT-ifu">
+            <objects>
+                <viewController id="BYZ-38-t0r" customClass="CAPBridgeViewController" customModule="Capacitor" sceneMemberID="viewController"/>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="dkx-z0-nzr" sceneMemberID="firstResponder"/>
+            </objects>
+        </scene>
+    </scenes>
+</document>
diff --git a/ios/App/App/Info.plist b/ios/App/App/Info.plist
new file mode 100644
index 00000000..42962337
--- /dev/null
+++ b/ios/App/App/Info.plist
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+    <key>CAPACITOR_DEBUG</key>
+	<string>$(CAPACITOR_DEBUG)</string>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleDisplayName</key>
+        <string>Ditto</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>APPL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>$(MARKETING_VERSION)</string>
+	<key>CFBundleVersion</key>
+	<string>$(CURRENT_PROJECT_VERSION)</string>
+	<key>LSRequiresIPhoneOS</key>
+	<true/>
+	<key>UILaunchStoryboardName</key>
+	<string>LaunchScreen</string>
+	<key>UIMainStoryboardFile</key>
+	<string>Main</string>
+	<key>UIRequiredDeviceCapabilities</key>
+	<array>
+		<string>armv7</string>
+	</array>
+	<key>UISupportedInterfaceOrientations</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>UISupportedInterfaceOrientations~ipad</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationPortraitUpsideDown</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>UIViewControllerBasedStatusBarAppearance</key>
+	<true/>
+</dict>
+</plist>
diff --git a/ios/App/CapApp-SPM/.gitignore b/ios/App/CapApp-SPM/.gitignore
new file mode 100644
index 00000000..3b298120
--- /dev/null
+++ b/ios/App/CapApp-SPM/.gitignore
@@ -0,0 +1,9 @@
+.DS_Store
+/.build
+/Packages
+/*.xcodeproj
+xcuserdata/
+DerivedData/
+.swiftpm/config/registries.json
+.swiftpm/xcode/package.xcworkspace/contents.xcworkspacedata
+.netrc
diff --git a/ios/App/CapApp-SPM/Package.swift b/ios/App/CapApp-SPM/Package.swift
new file mode 100644
index 00000000..29e020d1
--- /dev/null
+++ b/ios/App/CapApp-SPM/Package.swift
@@ -0,0 +1,31 @@
+// swift-tools-version: 5.9
+import PackageDescription
+
+// DO NOT MODIFY THIS FILE - managed by Capacitor CLI commands
+let package = Package(
+    name: "CapApp-SPM",
+    platforms: [.iOS(.v15)],
+    products: [
+        .library(
+            name: "CapApp-SPM",
+            targets: ["CapApp-SPM"])
+    ],
+    dependencies: [
+        .package(url: "https://github.com/ionic-team/capacitor-swift-pm.git", exact: "8.2.0"),
+        .package(name: "CapacitorApp", path: "../../../node_modules/@capacitor/app"),
+        .package(name: "CapacitorLocalNotifications", path: "../../../node_modules/@capacitor/local-notifications"),
+        .package(name: "CapacitorStatusBar", path: "../../../node_modules/@capacitor/status-bar")
+    ],
+    targets: [
+        .target(
+            name: "CapApp-SPM",
+            dependencies: [
+                .product(name: "Capacitor", package: "capacitor-swift-pm"),
+                .product(name: "Cordova", package: "capacitor-swift-pm"),
+                .product(name: "CapacitorApp", package: "CapacitorApp"),
+                .product(name: "CapacitorLocalNotifications", package: "CapacitorLocalNotifications"),
+                .product(name: "CapacitorStatusBar", package: "CapacitorStatusBar")
+            ]
+        )
+    ]
+)
diff --git a/ios/App/CapApp-SPM/README.md b/ios/App/CapApp-SPM/README.md
new file mode 100644
index 00000000..03964db9
--- /dev/null
+++ b/ios/App/CapApp-SPM/README.md
@@ -0,0 +1,5 @@
+# CapApp-SPM
+
+This package is used to host SPM dependencies for your Capacitor project
+
+Do not modify the contents of it or there may be unintended consequences.
diff --git a/ios/App/CapApp-SPM/Sources/CapApp-SPM/CapApp-SPM.swift b/ios/App/CapApp-SPM/Sources/CapApp-SPM/CapApp-SPM.swift
new file mode 100644
index 00000000..945afec8
--- /dev/null
+++ b/ios/App/CapApp-SPM/Sources/CapApp-SPM/CapApp-SPM.swift
@@ -0,0 +1 @@
+public let isCapacitorApp = true
diff --git a/ios/debug.xcconfig b/ios/debug.xcconfig
new file mode 100644
index 00000000..53ce18de
--- /dev/null
+++ b/ios/debug.xcconfig
@@ -0,0 +1 @@
+CAPACITOR_DEBUG = true
diff --git a/package-lock.json b/package-lock.json
index ee4d5428..c5118b81 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -111,6 +111,7 @@
       "devDependencies": {
         "@capacitor/android": "^8.1.0",
         "@capacitor/cli": "^8.1.0",
+        "@capacitor/ios": "^8.2.0",
         "@eslint/js": "^9.9.0",
         "@html-eslint/eslint-plugin": "^0.41.0",
         "@html-eslint/parser": "^0.41.0",
@@ -325,14 +326,24 @@
       }
     },
     "node_modules/@capacitor/core": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/@capacitor/core/-/core-8.1.0.tgz",
-      "integrity": "sha512-UfMBMWc1v7J+14AhH03QmeNwV3HZx3qnOWhpwnHfzALEwAwlV/itQOQqcasMQYhOHWL0tiymc5ByaLTn7KKQxw==",
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/@capacitor/core/-/core-8.2.0.tgz",
+      "integrity": "sha512-oKaoNeNtH2iIZMDFVrb1atoyRECDGHcfLMunJ5KWN8DtvpVBeeA4c41e20NTuhMxw1cSYbpq2PV2hb+/9CJxlQ==",
       "license": "MIT",
       "dependencies": {
         "tslib": "^2.1.0"
       }
     },
+    "node_modules/@capacitor/ios": {
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/@capacitor/ios/-/ios-8.2.0.tgz",
+      "integrity": "sha512-X2/VtM4qP/R1SM0VQ5W/VotEc6PS/KTooD33EijsfAHWBdee+xmBapW8SeNLnu16wJ+tsfWlvtipaJEyfKbRKQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@capacitor/core": "^8.2.0"
+      }
+    },
     "node_modules/@capacitor/local-notifications": {
       "version": "8.0.1",
       "resolved": "https://registry.npmjs.org/@capacitor/local-notifications/-/local-notifications-8.0.1.tgz",
diff --git a/package.json b/package.json
index 343ea7cf..84c03efb 100644
--- a/package.json
+++ b/package.json
@@ -119,6 +119,7 @@
   "devDependencies": {
     "@capacitor/android": "^8.1.0",
     "@capacitor/cli": "^8.1.0",
+    "@capacitor/ios": "^8.2.0",
     "@eslint/js": "^9.9.0",
     "@html-eslint/eslint-plugin": "^0.41.0",
     "@html-eslint/parser": "^0.41.0",
diff --git a/scripts/build-ios.sh b/scripts/build-ios.sh
new file mode 100755
index 00000000..74ac84f0
--- /dev/null
+++ b/scripts/build-ios.sh
@@ -0,0 +1,150 @@
+#!/bin/bash
+set -e
+
+# Remote iOS build script
+# Builds the iOS app on a Mac Mini over SSH from any machine (e.g., Linux laptop).
+#
+# Usage:
+#   ./scripts/build-ios.sh                  # Sync, build web, cap sync, xcodebuild (simulator)
+#   ./scripts/build-ios.sh --device         # Build for physical device (unsigned)
+#   ./scripts/build-ios.sh --skip-sync      # Skip rsync (already synced)
+#   ./scripts/build-ios.sh --archive        # Build a signed .xcarchive
+#   ./scripts/build-ios.sh --open           # Open Xcode project on Mac after sync
+#
+# Prerequisites:
+#   - SSH access to the Mac Mini: ssh alex@orcus.lan
+#   - Xcode installed on the Mac Mini (with iOS simulator runtime)
+#   - Node.js 22 on the Mac Mini (via Homebrew)
+
+# Colors
+GREEN='\033[0;32m'
+YELLOW='\033[1;33m'
+RED='\033[0;31m'
+NC='\033[0m'
+
+# Configuration
+REMOTE_HOST="alex@orcus.lan"
+REMOTE_DIR="~/Projects/ditto"
+LOCAL_DIR="$(cd "$(dirname "$0")/.." && pwd)"
+
+# Parse arguments
+SKIP_SYNC=false
+ARCHIVE=false
+DEVICE=false
+OPEN_XCODE=false
+for arg in "$@"; do
+  case $arg in
+    --skip-sync) SKIP_SYNC=true ;;
+    --archive) ARCHIVE=true ;;
+    --device) DEVICE=true ;;
+    --open) OPEN_XCODE=true ;;
+    *) echo -e "${RED}Unknown argument: $arg${NC}"; exit 1 ;;
+  esac
+done
+
+# Verify SSH connectivity
+echo -e "${GREEN}Checking SSH connection to ${REMOTE_HOST}...${NC}"
+if ! ssh -o ConnectTimeout=5 "$REMOTE_HOST" "echo ok" > /dev/null 2>&1; then
+  echo -e "${RED}Cannot connect to ${REMOTE_HOST}. Is the Mac Mini on?${NC}"
+  exit 1
+fi
+
+# Step 1: Sync project files
+if [ "$SKIP_SYNC" = false ]; then
+  echo -e "\n${GREEN}[1/4] Syncing project to Mac Mini...${NC}"
+  rsync -avz --delete \
+    --exclude 'node_modules' \
+    --exclude '.git' \
+    --exclude 'dist' \
+    --exclude 'android/build' \
+    --exclude 'android/.gradle' \
+    --exclude '*.keystore' \
+    --exclude 'ios/App/build' \
+    --exclude 'ios/App/Pods' \
+    --exclude 'ios/DerivedData' \
+    -e ssh \
+    "$LOCAL_DIR/" "$REMOTE_HOST:$REMOTE_DIR/"
+else
+  echo -e "\n${YELLOW}[1/4] Skipping sync (--skip-sync)${NC}"
+fi
+
+# Step 2: Install dependencies and build web assets on Mac Mini
+echo -e "\n${GREEN}[2/4] Building web assets on Mac Mini...${NC}"
+ssh "$REMOTE_HOST" "
+  export PATH=\"/opt/homebrew/bin:\$PATH\"
+  cd $REMOTE_DIR
+  npm install --silent
+  npx vite build -l error
+  cp dist/index.html dist/404.html
+  echo 'Web build complete'
+"
+
+# Step 3: Capacitor sync
+echo -e "\n${GREEN}[3/4] Running Capacitor sync for iOS...${NC}"
+ssh "$REMOTE_HOST" "
+  export PATH=\"/opt/homebrew/bin:\$PATH\"
+  cd $REMOTE_DIR
+  npx cap sync ios
+"
+
+# Step 4: Build or open
+if [ "$OPEN_XCODE" = true ]; then
+  echo -e "\n${GREEN}[4/4] Opening Xcode project on Mac Mini...${NC}"
+  ssh "$REMOTE_HOST" "open $REMOTE_DIR/ios/App/App.xcodeproj"
+  echo -e "\n${GREEN}Xcode project opened on ${REMOTE_HOST}${NC}"
+elif [ "$ARCHIVE" = true ]; then
+  echo -e "\n${GREEN}[4/4] Building iOS archive...${NC}"
+  ssh "$REMOTE_HOST" "
+    export PATH=\"/opt/homebrew/bin:\$PATH\"
+    cd $REMOTE_DIR/ios/App
+    xcodebuild archive \
+      -scheme App \
+      -archivePath build/App.xcarchive \
+      -destination 'generic/platform=iOS' \
+      CODE_SIGN_IDENTITY='-' \
+      AD_HOC_CODE_SIGNING_ALLOWED=YES
+  "
+  echo -e "\n${GREEN}Archive built at: ${REMOTE_HOST}:${REMOTE_DIR}/ios/App/build/App.xcarchive${NC}"
+elif [ "$DEVICE" = true ]; then
+  echo -e "\n${GREEN}[4/4] Building iOS (device, unsigned)...${NC}"
+  ssh "$REMOTE_HOST" "
+    export PATH=\"/opt/homebrew/bin:\$PATH\"
+    cd $REMOTE_DIR/ios/App
+    xcodebuild build \
+      -scheme App \
+      -sdk iphoneos \
+      -configuration Debug \
+      CODE_SIGN_IDENTITY='' \
+      CODE_SIGNING_REQUIRED=NO \
+      CODE_SIGNING_ALLOWED=NO
+  "
+  echo -e "\n${GREEN}iOS device build complete!${NC}"
+else
+  echo -e "\n${GREEN}[4/4] Building iOS (simulator)...${NC}"
+  # Find an available simulator
+  SIMULATOR=\$(ssh "$REMOTE_HOST" "xcrun simctl list devices available -j 2>/dev/null | python3 -c \"
+import json,sys
+data=json.load(sys.stdin)
+for runtime,devices in data.get('devices',{}).items():
+  if 'iOS' in runtime:
+    for d in devices:
+      if d.get('isAvailable') and 'iPhone' in d.get('name',''):
+        print(d['name']); sys.exit(0)
+print('iPhone 16')
+\"" 2>/dev/null || echo "iPhone 16")
+
+  echo "Using simulator: $SIMULATOR"
+  ssh "$REMOTE_HOST" "
+    export PATH=\"/opt/homebrew/bin:\$PATH\"
+    cd $REMOTE_DIR/ios/App
+    xcodebuild build \
+      -scheme App \
+      -destination 'platform=iOS Simulator,name=$SIMULATOR' \
+      -configuration Debug \
+      CODE_SIGN_IDENTITY='-' \
+      CODE_SIGNING_ALLOWED=NO
+  "
+  echo -e "\n${GREEN}iOS simulator build complete!${NC}"
+fi
+
+echo -e "\n${GREEN}Done!${NC}"

From 0ec844c519e61ed3f1c596f1fe0944593891a0d5 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 23 Mar 2026 20:28:15 -0500
Subject: [PATCH 084/120] Add Bluesky discovery page with trending posts and
 search

---
 src/AppRouter.tsx                    |   2 +
 src/components/icons/BlueskyIcon.tsx |  24 ++
 src/hooks/useBlueskySearch.ts        | 112 ++++++
 src/hooks/useBlueskyTrending.ts      | 139 +++++++
 src/pages/BlueskyPage.tsx            | 542 +++++++++++++++++++++++++++
 5 files changed, 819 insertions(+)
 create mode 100644 src/components/icons/BlueskyIcon.tsx
 create mode 100644 src/hooks/useBlueskySearch.ts
 create mode 100644 src/hooks/useBlueskyTrending.ts
 create mode 100644 src/pages/BlueskyPage.tsx

diff --git a/src/AppRouter.tsx b/src/AppRouter.tsx
index 6cf4ad8e..dc2413cb 100644
--- a/src/AppRouter.tsx
+++ b/src/AppRouter.tsx
@@ -53,6 +53,7 @@ import { WalletSettingsPage } from "./pages/WalletSettingsPage";
 import { WebxdcFeedPage } from "./pages/WebxdcFeedPage";
 import { WorldPage } from "./pages/WorldPage";
 import { ArchivePage } from "./pages/ArchivePage";
+import { BlueskyPage } from "./pages/BlueskyPage";
 import { WikipediaPage } from "./pages/WikipediaPage";
 
 const pollsDef = getExtraKindDef("polls")!;
@@ -209,6 +210,7 @@ export function AppRouter() {
             <Route path="/badges" element={<BadgesPage />} />
             <Route path="/books" element={<BooksPage />} />
             <Route path="/archive" element={<ArchivePage />} />
+            <Route path="/bluesky" element={<BlueskyPage />} />
             <Route path="/wikipedia" element={<WikipediaPage />} />
             <Route path="/help" element={<HelpPage />} />
             <Route path="/privacy" element={<PrivacyPolicyPage />} />
diff --git a/src/components/icons/BlueskyIcon.tsx b/src/components/icons/BlueskyIcon.tsx
new file mode 100644
index 00000000..dcb7627a
--- /dev/null
+++ b/src/components/icons/BlueskyIcon.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+
+/**
+ * Bluesky butterfly logo icon.
+ * Rendered as a filled SVG component using currentColor.
+ */
+export const BlueskyIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
+  ({ className, ...props }, ref) => (
+    <svg
+      ref={ref}
+      xmlns="http://www.w3.org/2000/svg"
+      width={24}
+      height={24}
+      viewBox="0 0 568 501"
+      fill="currentColor"
+      className={className}
+      {...props}
+    >
+      <path d="M123.121 33.664C188.241 82.553 258.281 181.68 284 234.873c25.719-53.192 95.759-152.32 160.879-201.21C491.866-1.611 568-28.906 568 57.947c0 17.346-9.945 145.713-15.778 166.555-20.275 72.453-94.155 90.933-159.875 79.748C507.222 323.8 536.444 388.56 473.333 453.32c-119.86 122.992-172.272-30.859-185.702-70.281-2.462-7.227-3.614-10.608-3.631-7.733-.017-2.875-1.169.506-3.631 7.733-13.43 39.422-65.842 193.273-185.702 70.281-63.111-64.76-33.889-129.52 80.986-149.071-65.72 11.185-139.6-7.295-159.875-79.748C10.945 203.659 1 75.291 1 57.946 1-28.906 78.134-1.612 123.121 33.664Z" />
+    </svg>
+  ),
+);
+
+BlueskyIcon.displayName = 'BlueskyIcon';
diff --git a/src/hooks/useBlueskySearch.ts b/src/hooks/useBlueskySearch.ts
new file mode 100644
index 00000000..77df1b5d
--- /dev/null
+++ b/src/hooks/useBlueskySearch.ts
@@ -0,0 +1,112 @@
+import { useQuery } from '@tanstack/react-query';
+import type { BlueskyPost } from './useBlueskyTrending';
+
+// ---------------------------------------------------------------------------
+// Constants
+// ---------------------------------------------------------------------------
+
+const BSKY_PUBLIC_API = 'https://public.api.bsky.app/xrpc';
+
+// ---------------------------------------------------------------------------
+// Types
+// ---------------------------------------------------------------------------
+
+export interface BlueskySearchResult {
+  /** The AT URI of the post */
+  uri: string;
+  /** Author handle */
+  handle: string;
+  /** Author display name */
+  displayName: string;
+  /** Author avatar URL */
+  avatar?: string;
+  /** Post text (truncated) */
+  text: string;
+  /** Bsky post URL for opening in browser */
+  url: string;
+  /** Like count */
+  likes: number;
+  /** First image thumbnail if available */
+  thumbnail?: string;
+}
+
+interface SearchPostsResponse {
+  posts: BlueskyPost[];
+  cursor?: string;
+  hitsTotal?: number;
+}
+
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+
+/** Convert an AT URI (at://did/collection/rkey) into a bsky.app web URL. */
+function postUrl(uri: string, handle: string): string {
+  const parts = uri.split('/');
+  const rkey = parts[parts.length - 1];
+  return `https://bsky.app/profile/${handle}/post/${rkey}`;
+}
+
+// ---------------------------------------------------------------------------
+// Fetcher
+// ---------------------------------------------------------------------------
+
+async function searchBluesky(
+  query: string,
+  signal?: AbortSignal,
+): Promise<BlueskySearchResult[]> {
+  const params = new URLSearchParams({
+    q: query,
+    sort: 'top',
+    limit: '12',
+    lang: 'en',
+  });
+
+  const res = await fetch(`${BSKY_PUBLIC_API}/app.bsky.feed.searchPosts?${params}`, {
+    signal,
+    headers: { Accept: 'application/json' },
+  });
+
+  if (!res.ok) return [];
+
+  const data: SearchPostsResponse = await res.json();
+  if (!data.posts) return [];
+
+  return data.posts.map((post) => {
+    // Extract first image thumbnail from embed
+    let thumbnail: string | undefined;
+    if (post.embed?.$type === 'app.bsky.embed.images#view' && post.embed?.images?.[0]) {
+      thumbnail = post.embed.images[0].thumb;
+    } else if (post.embed?.$type === 'app.bsky.embed.external#view' && post.embed?.external?.thumb) {
+      thumbnail = post.embed.external.thumb;
+    }
+
+    return {
+      uri: post.uri,
+      handle: post.author.handle,
+      displayName: post.author.displayName ?? post.author.handle,
+      avatar: post.author.avatar,
+      text: post.record.text.slice(0, 200),
+      url: postUrl(post.uri, post.author.handle),
+      likes: post.likeCount,
+      thumbnail,
+    };
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Hook
+// ---------------------------------------------------------------------------
+
+/** Hook to search Bluesky posts by keyword. */
+export function useBlueskySearch(query: string) {
+  return useQuery({
+    queryKey: ['bluesky-search', query],
+    queryFn: ({ signal }) => searchBluesky(query, signal),
+    enabled: query.trim().length >= 2,
+    staleTime: 1000 * 60 * 5,
+    gcTime: 1000 * 60 * 30,
+    retry: 1,
+    placeholderData: (prev) => prev,
+  });
+}
diff --git a/src/hooks/useBlueskyTrending.ts b/src/hooks/useBlueskyTrending.ts
new file mode 100644
index 00000000..02dc447e
--- /dev/null
+++ b/src/hooks/useBlueskyTrending.ts
@@ -0,0 +1,139 @@
+import { useQuery } from '@tanstack/react-query';
+
+// ---------------------------------------------------------------------------
+// Types
+// ---------------------------------------------------------------------------
+
+export interface BlueskyAuthor {
+  did: string;
+  handle: string;
+  displayName?: string;
+  avatar?: string;
+}
+
+export interface BlueskyImage {
+  thumb: string;
+  fullsize: string;
+  alt: string;
+  aspectRatio?: { width: number; height: number };
+}
+
+export interface BlueskyExternal {
+  uri: string;
+  title: string;
+  description: string;
+  thumb?: string;
+}
+
+export interface BlueskyEmbed {
+  $type: string;
+  images?: BlueskyImage[];
+  external?: BlueskyExternal;
+}
+
+export interface BlueskyPost {
+  uri: string;
+  cid: string;
+  author: BlueskyAuthor;
+  record: {
+    $type: string;
+    text: string;
+    createdAt: string;
+    langs?: string[];
+    embed?: BlueskyEmbed;
+  };
+  embed?: BlueskyEmbed;
+  replyCount: number;
+  repostCount: number;
+  likeCount: number;
+  quoteCount: number;
+  indexedAt: string;
+}
+
+interface SearchPostsResponse {
+  posts: BlueskyPost[];
+  cursor?: string;
+  hitsTotal?: number;
+}
+
+// ---------------------------------------------------------------------------
+// Constants
+// ---------------------------------------------------------------------------
+
+const BSKY_PUBLIC_API = 'https://public.api.bsky.app/xrpc';
+
+// Curated trending topics that surface interesting content
+const TRENDING_TOPICS = [
+  'breaking news',
+  'science discovery',
+  'technology',
+  'photography',
+  'art',
+  'music',
+  'space',
+  'climate',
+  'sports',
+  'film',
+];
+
+// ---------------------------------------------------------------------------
+// Fetcher
+// ---------------------------------------------------------------------------
+
+async function fetchTrendingPosts(signal?: AbortSignal): Promise<BlueskyPost[]> {
+  // Pick 3 random topics to query for variety each time
+  const shuffled = [...TRENDING_TOPICS].sort(() => Math.random() - 0.5);
+  const selectedTopics = shuffled.slice(0, 3);
+
+  const results = await Promise.all(
+    selectedTopics.map(async (topic) => {
+      const params = new URLSearchParams({
+        q: topic,
+        sort: 'top',
+        limit: '10',
+        lang: 'en',
+      });
+
+      const res = await fetch(`${BSKY_PUBLIC_API}/app.bsky.feed.searchPosts?${params}`, {
+        signal,
+        headers: { Accept: 'application/json' },
+      });
+
+      if (!res.ok) return [];
+
+      const data: SearchPostsResponse = await res.json();
+      return data.posts ?? [];
+    }),
+  );
+
+  // Flatten, deduplicate by URI, sort by engagement (likes + reposts)
+  const allPosts = results.flat();
+  const uniqueMap = new Map<string, BlueskyPost>();
+  for (const post of allPosts) {
+    if (!uniqueMap.has(post.uri)) {
+      uniqueMap.set(post.uri, post);
+    }
+  }
+
+  return Array.from(uniqueMap.values())
+    .sort((a, b) => (b.likeCount + b.repostCount) - (a.likeCount + a.repostCount))
+    .slice(0, 24);
+}
+
+// ---------------------------------------------------------------------------
+// Hook
+// ---------------------------------------------------------------------------
+
+/**
+ * Fetches trending/popular posts from Bluesky using the public search API.
+ * Queries multiple trending topics and returns the most-engaged posts.
+ */
+export function useBlueskyTrending() {
+  return useQuery({
+    queryKey: ['bluesky-trending'],
+    queryFn: ({ signal }) => fetchTrendingPosts(signal),
+    staleTime: 1000 * 60 * 15, // 15 minutes
+    gcTime: 1000 * 60 * 60, // 1 hour
+    retry: 2,
+  });
+}
diff --git a/src/pages/BlueskyPage.tsx b/src/pages/BlueskyPage.tsx
new file mode 100644
index 00000000..b83efb70
--- /dev/null
+++ b/src/pages/BlueskyPage.tsx
@@ -0,0 +1,542 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Link, useNavigate } from 'react-router-dom';
+import { useSeoMeta } from '@unhead/react';
+import {
+  ArrowLeft,
+  ExternalLink,
+  FlameKindling,
+  Heart,
+  Loader2,
+  MessageCircle,
+  Repeat2,
+  Search,
+  X,
+} from 'lucide-react';
+
+import { Input } from '@/components/ui/input';
+import { Skeleton } from '@/components/ui/skeleton';
+import { useAppContext } from '@/hooks/useAppContext';
+import { useBlueskyTrending, type BlueskyPost } from '@/hooks/useBlueskyTrending';
+import { useBlueskySearch, type BlueskySearchResult } from '@/hooks/useBlueskySearch';
+import { BlueskyIcon } from '@/components/icons/BlueskyIcon';
+import { cn } from '@/lib/utils';
+
+// ---------------------------------------------------------------------------
+// Types
+// ---------------------------------------------------------------------------
+
+type Category = 'all' | 'images' | 'links' | 'text';
+
+interface CategoryMeta {
+  label: string;
+}
+
+// ---------------------------------------------------------------------------
+// Constants
+// ---------------------------------------------------------------------------
+
+const CATEGORIES: Record<Category, CategoryMeta> = {
+  all: { label: 'All Posts' },
+  images: { label: 'With Images' },
+  links: { label: 'With Links' },
+  text: { label: 'Text Only' },
+};
+
+const CATEGORY_ORDER: Category[] = ['all', 'images', 'links', 'text'];
+
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+
+/** Convert an AT URI (at://did/collection/rkey) into a bsky.app web URL. */
+function postWebUrl(uri: string, handle: string): string {
+  const parts = uri.split('/');
+  const rkey = parts[parts.length - 1];
+  return `https://bsky.app/profile/${handle}/post/${rkey}`;
+}
+
+/** Convert a bsky.app post URL into our /i/ route. */
+function dittoUrl(url: string): string {
+  return `/i/${encodeURIComponent(url)}`;
+}
+
+function formatCount(n: number): string {
+  if (n >= 1_000_000) return `${(n / 1_000_000).toFixed(1)}M`;
+  if (n >= 1_000) return `${(n / 1_000).toFixed(1)}K`;
+  return String(n);
+}
+
+function truncateText(text: string, maxLen = 160): string {
+  if (text.length <= maxLen) return text;
+  return text.slice(0, maxLen).replace(/\s+\S*$/, '') + '\u2026';
+}
+
+function timeAgo(dateStr: string): string {
+  const now = Date.now();
+  const then = new Date(dateStr).getTime();
+  const diff = now - then;
+  const minutes = Math.floor(diff / 60000);
+  if (minutes < 1) return 'just now';
+  if (minutes < 60) return `${minutes}m`;
+  const hours = Math.floor(minutes / 60);
+  if (hours < 24) return `${hours}h`;
+  const days = Math.floor(hours / 24);
+  if (days < 30) return `${days}d`;
+  const months = Math.floor(days / 30);
+  return `${months}mo`;
+}
+
+/** Check if a post has image embeds. */
+function hasImages(post: BlueskyPost): boolean {
+  return post.embed?.$type === 'app.bsky.embed.images#view' && (post.embed?.images?.length ?? 0) > 0;
+}
+
+/** Check if a post has link/external embeds. */
+function hasLinks(post: BlueskyPost): boolean {
+  return post.embed?.$type === 'app.bsky.embed.external#view' && !!post.embed?.external;
+}
+
+// ---------------------------------------------------------------------------
+// Components
+// ---------------------------------------------------------------------------
+
+function CategoryPill({ category, active, onClick }: {
+  category: Category;
+  active: boolean;
+  onClick: () => void;
+}) {
+  const meta = CATEGORIES[category];
+  return (
+    <button
+      type="button"
+      onClick={onClick}
+      className={cn(
+        'inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-sm font-medium transition-all duration-200 whitespace-nowrap shrink-0',
+        active
+          ? 'bg-primary text-primary-foreground shadow-sm'
+          : 'bg-secondary/60 text-muted-foreground hover:bg-secondary hover:text-foreground',
+      )}
+    >
+      {meta.label}
+    </button>
+  );
+}
+
+// ---------------------------------------------------------------------------
+// Post card
+// ---------------------------------------------------------------------------
+
+function BlueskyPostCard({ post }: { post: BlueskyPost }) {
+  const webUrl = postWebUrl(post.uri, post.author.handle);
+  const firstImage = post.embed?.$type === 'app.bsky.embed.images#view' ? post.embed.images?.[0] : undefined;
+  const externalEmbed = post.embed?.$type === 'app.bsky.embed.external#view' ? post.embed.external : undefined;
+  const thumbnail = firstImage?.thumb ?? externalEmbed?.thumb;
+
+  return (
+    <Link
+      to={dittoUrl(webUrl)}
+      className="group block rounded-2xl border border-border overflow-hidden bg-card hover:border-primary/30 transition-all duration-300 hover:shadow-lg hover:shadow-primary/5"
+    >
+      {/* Thumbnail */}
+      {thumbnail ? (
+        <div className="relative aspect-[4/3] overflow-hidden bg-gradient-to-br from-sky-500/10 to-blue-500/10">
+          <img
+            src={thumbnail}
+            alt=""
+            loading="lazy"
+            className="absolute inset-0 w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"
+            onError={(e) => { e.currentTarget.style.display = 'none'; }}
+          />
+
+          {/* Engagement badge */}
+          <div className="absolute top-2 right-2 px-2 py-0.5 rounded-md bg-black/60 backdrop-blur-sm text-white text-xs font-medium flex items-center gap-1">
+            <Heart className="size-3" />
+            {formatCount(post.likeCount)}
+          </div>
+        </div>
+      ) : (
+        <div className="relative aspect-[4/3] overflow-hidden bg-gradient-to-br from-sky-500/10 to-blue-500/10 flex items-center justify-center p-4">
+          <p className="text-sm text-muted-foreground leading-relaxed text-center line-clamp-5">
+            {post.record.text}
+          </p>
+
+          {/* Engagement badge */}
+          <div className="absolute top-2 right-2 px-2 py-0.5 rounded-md bg-black/60 backdrop-blur-sm text-white text-xs font-medium flex items-center gap-1">
+            <Heart className="size-3" />
+            {formatCount(post.likeCount)}
+          </div>
+        </div>
+      )}
+
+      {/* Content */}
+      <div className="p-3 space-y-2">
+        {/* Author row */}
+        <div className="flex items-center gap-2 min-w-0">
+          {post.author.avatar ? (
+            <img
+              src={post.author.avatar}
+              alt=""
+              className="size-5 rounded-full object-cover shrink-0"
+              loading="lazy"
+              onError={(e) => { e.currentTarget.style.display = 'none'; }}
+            />
+          ) : (
+            <div className="size-5 rounded-full bg-gradient-to-br from-sky-400 to-blue-500 shrink-0" />
+          )}
+          <span className="text-xs font-medium truncate">
+            {post.author.displayName ?? post.author.handle}
+          </span>
+          <span className="text-xs text-muted-foreground shrink-0">
+            {timeAgo(post.record.createdAt)}
+          </span>
+        </div>
+
+        {/* Post text */}
+        {thumbnail && (
+          <p className="text-xs text-muted-foreground leading-relaxed line-clamp-2">
+            {truncateText(post.record.text)}
+          </p>
+        )}
+
+        {/* External link title */}
+        {externalEmbed?.title && (
+          <p className="text-xs font-medium text-primary leading-tight line-clamp-1">
+            {externalEmbed.title}
+          </p>
+        )}
+
+        {/* Stats row */}
+        <div className="flex items-center gap-3 text-xs text-muted-foreground">
+          <span className="flex items-center gap-1">
+            <MessageCircle className="size-3" />
+            {formatCount(post.replyCount)}
+          </span>
+          <span className="flex items-center gap-1">
+            <Repeat2 className="size-3" />
+            {formatCount(post.repostCount)}
+          </span>
+          <span className="flex items-center gap-1">
+            <Heart className="size-3" />
+            {formatCount(post.likeCount)}
+          </span>
+        </div>
+      </div>
+    </Link>
+  );
+}
+
+// ---------------------------------------------------------------------------
+// Search bar
+// ---------------------------------------------------------------------------
+
+function BlueskySearchBar() {
+  const navigate = useNavigate();
+  const inputRef = useRef<HTMLInputElement>(null);
+  const containerRef = useRef<HTMLDivElement>(null);
+
+  const [query, setQuery] = useState('');
+  const [debouncedQuery, setDebouncedQuery] = useState('');
+  const [dropdownOpen, setDropdownOpen] = useState(false);
+  const debounceRef = useRef<ReturnType<typeof setTimeout>>();
+
+  const { data: results, isFetching } = useBlueskySearch(debouncedQuery);
+
+  const handleChange = useCallback((value: string) => {
+    setQuery(value);
+    clearTimeout(debounceRef.current);
+    debounceRef.current = setTimeout(() => {
+      setDebouncedQuery(value.trim());
+    }, 400);
+  }, []);
+
+  useEffect(() => {
+    return () => clearTimeout(debounceRef.current);
+  }, []);
+
+  useEffect(() => {
+    if (debouncedQuery.length >= 2 && results && results.length > 0) {
+      setDropdownOpen(true);
+    } else if (debouncedQuery.length >= 2 && results && results.length === 0 && !isFetching) {
+      setDropdownOpen(true);
+    }
+  }, [debouncedQuery, results, isFetching]);
+
+  // Close on outside click
+  useEffect(() => {
+    function handleClickOutside(e: MouseEvent) {
+      if (containerRef.current && !containerRef.current.contains(e.target as Node)) {
+        setDropdownOpen(false);
+      }
+    }
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => document.removeEventListener('mousedown', handleClickOutside);
+  }, []);
+
+  const handleSelect = useCallback((result: BlueskySearchResult) => {
+    setQuery('');
+    setDebouncedQuery('');
+    setDropdownOpen(false);
+    inputRef.current?.blur();
+    navigate(dittoUrl(result.url));
+  }, [navigate]);
+
+  const handleClear = useCallback(() => {
+    setQuery('');
+    setDebouncedQuery('');
+    setDropdownOpen(false);
+    inputRef.current?.focus();
+  }, []);
+
+  const handleKeyDown = useCallback((e: React.KeyboardEvent) => {
+    if (e.key === 'Escape') {
+      setDropdownOpen(false);
+      inputRef.current?.blur();
+    }
+    if (e.key === 'Enter' && results && results.length > 0) {
+      e.preventDefault();
+      handleSelect(results[0]);
+    }
+  }, [results, handleSelect]);
+
+  return (
+    <div ref={containerRef} className="relative px-4 pb-3">
+      <div className="relative">
+        <Search className="absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground pointer-events-none" />
+        <Input
+          ref={inputRef}
+          type="text"
+          placeholder="Search Bluesky posts..."
+          value={query}
+          onChange={(e) => handleChange(e.target.value)}
+          onFocus={() => {
+            if (debouncedQuery.length >= 2) setDropdownOpen(true);
+          }}
+          onKeyDown={handleKeyDown}
+          className="pl-9 pr-9 h-9 text-base md:text-sm"
+        />
+        {query ? (
+          <button
+            type="button"
+            onClick={handleClear}
+            className="absolute right-2 top-1/2 -translate-y-1/2 p-1 rounded-full text-muted-foreground hover:text-foreground hover:bg-secondary transition-colors"
+          >
+            <X className="size-3.5" />
+          </button>
+        ) : null}
+      </div>
+
+      {/* Search results dropdown */}
+      {dropdownOpen && debouncedQuery.length >= 2 && (
+        <div className="absolute left-4 right-4 top-full mt-1 z-50 bg-popover border border-border rounded-lg shadow-lg overflow-hidden">
+          {isFetching && (!results || results.length === 0) ? (
+            <div className="divide-y divide-border">
+              {Array.from({ length: 4 }).map((_, i) => (
+                <div key={i} className="flex items-center gap-3 px-3 py-2.5">
+                  <Skeleton className="w-10 h-10 rounded shrink-0" />
+                  <div className="flex-1 min-w-0 space-y-1">
+                    <Skeleton className="h-3.5 w-3/4" />
+                    <Skeleton className="h-3 w-1/2" />
+                  </div>
+                </div>
+              ))}
+            </div>
+          ) : results && results.length > 0 ? (
+            <div className="divide-y divide-border max-h-80 overflow-y-auto">
+              {results.map((result) => (
+                <button
+                  key={result.uri}
+                  type="button"
+                  className="flex items-center gap-3 px-3 py-2.5 w-full text-left hover:bg-secondary/60 transition-colors"
+                  onClick={() => handleSelect(result)}
+                >
+                  {result.avatar ? (
+                    <img
+                      src={result.avatar}
+                      alt=""
+                      className="w-10 h-10 rounded-full object-cover bg-secondary shrink-0"
+                      loading="lazy"
+                    />
+                  ) : (
+                    <div className="w-10 h-10 rounded-full bg-gradient-to-br from-sky-500/20 to-blue-500/20 flex items-center justify-center shrink-0">
+                      <BlueskyIcon className="size-4 text-muted-foreground/50" />
+                    </div>
+                  )}
+                  <div className="flex-1 min-w-0">
+                    <p className="text-sm font-medium truncate">{result.displayName}</p>
+                    <p className="text-xs text-muted-foreground truncate">
+                      @{result.handle}
+                      {result.likes > 0 && <> &middot; {formatCount(result.likes)} likes</>}
+                    </p>
+                    <p className="text-xs text-muted-foreground/70 truncate mt-0.5">{result.text}</p>
+                  </div>
+                </button>
+              ))}
+            </div>
+          ) : (
+            <div className="px-4 py-6 text-center text-sm text-muted-foreground">
+              No results found for &ldquo;{debouncedQuery}&rdquo;
+            </div>
+          )}
+
+          {/* Loading indicator when results exist but we're refetching */}
+          {isFetching && results && results.length > 0 && (
+            <div className="flex justify-center py-2 border-t border-border">
+              <Loader2 className="size-4 animate-spin text-muted-foreground" />
+            </div>
+          )}
+        </div>
+      )}
+    </div>
+  );
+}
+
+// ---------------------------------------------------------------------------
+// Loading skeleton
+// ---------------------------------------------------------------------------
+
+function BlueskyLoadingSkeleton() {
+  return (
+    <div className="px-4 pt-4 pb-4">
+      <div className="grid grid-cols-2 gap-3 sidebar:grid-cols-3">
+        {Array.from({ length: 6 }).map((_, i) => (
+          <div key={i} className="rounded-2xl border border-border overflow-hidden bg-card">
+            <Skeleton className="aspect-[4/3] w-full" />
+            <div className="p-3 space-y-2">
+              <div className="flex items-center gap-2">
+                <Skeleton className="size-5 rounded-full" />
+                <Skeleton className="h-3 w-20" />
+              </div>
+              <Skeleton className="h-3 w-full" />
+              <Skeleton className="h-3 w-2/3" />
+              <div className="flex gap-3">
+                <Skeleton className="h-3 w-8" />
+                <Skeleton className="h-3 w-8" />
+                <Skeleton className="h-3 w-8" />
+              </div>
+            </div>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}
+
+// ---------------------------------------------------------------------------
+// Page
+// ---------------------------------------------------------------------------
+
+export function BlueskyPage() {
+  const { config } = useAppContext();
+  const { data: posts, isLoading, isError } = useBlueskyTrending();
+  const [activeCategory, setActiveCategory] = useState<Category>('all');
+
+  useSeoMeta({
+    title: `Bluesky | ${config.appName}`,
+    description: 'Explore popular posts from Bluesky \u2014 trending discussions, images, and links.',
+  });
+
+  const filtered = useMemo(() => {
+    if (!posts) return [];
+    switch (activeCategory) {
+      case 'images':
+        return posts.filter(hasImages);
+      case 'links':
+        return posts.filter(hasLinks);
+      case 'text':
+        return posts.filter((p) => !hasImages(p) && !hasLinks(p));
+      default:
+        return posts;
+    }
+  }, [posts, activeCategory]);
+
+  return (
+    <main className="pb-16 sidebar:pb-0">
+      {/* Header */}
+      <div className="flex items-center gap-4 px-4 pt-4 pb-2">
+        <Link to="/" className="p-2 -ml-2 rounded-full hover:bg-secondary transition-colors sidebar:hidden">
+          <ArrowLeft className="size-5" />
+        </Link>
+        <div className="flex items-center gap-2.5 flex-1 min-w-0">
+          <div className="size-8 rounded-lg bg-gradient-to-br from-sky-500/20 to-blue-500/10 flex items-center justify-center">
+            <BlueskyIcon className="size-4 text-sky-500 dark:text-sky-400" />
+          </div>
+          <div>
+            <h1 className="text-xl font-bold leading-tight">Bluesky</h1>
+            <p className="text-xs text-muted-foreground">Popular posts from the ATmosphere</p>
+          </div>
+        </div>
+        <a
+          href="https://bsky.app"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="p-2 rounded-full hover:bg-secondary transition-colors text-muted-foreground hover:text-foreground"
+          title="Visit Bluesky"
+        >
+          <ExternalLink className="size-4" />
+        </a>
+      </div>
+
+      {/* Search bar */}
+      <BlueskySearchBar />
+
+      {/* Category filter pills */}
+      <div className="sticky top-mobile-bar sidebar:top-0 bg-background/80 backdrop-blur-md z-10 border-b border-border">
+        <div className="flex gap-2 px-4 py-2.5 overflow-x-auto">
+          {CATEGORY_ORDER.map((cat) => (
+            <CategoryPill
+              key={cat}
+              category={cat}
+              active={activeCategory === cat}
+              onClick={() => setActiveCategory(cat)}
+            />
+          ))}
+        </div>
+      </div>
+
+      {/* Content */}
+      {isLoading ? (
+        <BlueskyLoadingSkeleton />
+      ) : isError ? (
+        <div className="px-4 pt-8 pb-16 text-center">
+          <FlameKindling className="size-10 mx-auto mb-3 text-muted-foreground/30" />
+          <p className="text-muted-foreground text-sm">
+            Couldn&apos;t load Bluesky posts. Try again later.
+          </p>
+        </div>
+      ) : (
+        <div className="px-4 pt-4 pb-4">
+          <div className="grid grid-cols-2 gap-3 sidebar:grid-cols-3">
+            {filtered.map((post) => (
+              <BlueskyPostCard key={post.uri} post={post} />
+            ))}
+          </div>
+
+          {filtered.length === 0 && (
+            <div className="py-16 text-center">
+              <BlueskyIcon className="size-10 mx-auto mb-3 text-muted-foreground/30" />
+              <p className="text-muted-foreground text-sm">No posts match this filter.</p>
+            </div>
+          )}
+        </div>
+      )}
+
+      {/* Attribution footer */}
+      <div className="px-4 pb-8">
+        <div className="rounded-xl border border-dashed border-border bg-secondary/30 px-4 py-3 text-center">
+          <p className="text-xs text-muted-foreground">
+            Content provided by{' '}
+            <a
+              href="https://bsky.app"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="underline underline-offset-2 hover:text-foreground transition-colors"
+            >
+              Bluesky
+            </a>
+            , a decentralized social network built on the AT Protocol. All posts are public and belong to their respective authors.
+          </p>
+        </div>
+      </div>
+    </main>
+  );
+}

From e4874432ca7604ba8ad2046f38ded6f43ad1fb6a Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 23 Mar 2026 20:31:59 -0500
Subject: [PATCH 085/120] Remove build-ios.sh; iOS builds use cap sync +
 xcodebuild directly

---
 scripts/build-ios.sh | 150 -------------------------------------------
 1 file changed, 150 deletions(-)
 delete mode 100755 scripts/build-ios.sh

diff --git a/scripts/build-ios.sh b/scripts/build-ios.sh
deleted file mode 100755
index 74ac84f0..00000000
--- a/scripts/build-ios.sh
+++ /dev/null
@@ -1,150 +0,0 @@
-#!/bin/bash
-set -e
-
-# Remote iOS build script
-# Builds the iOS app on a Mac Mini over SSH from any machine (e.g., Linux laptop).
-#
-# Usage:
-#   ./scripts/build-ios.sh                  # Sync, build web, cap sync, xcodebuild (simulator)
-#   ./scripts/build-ios.sh --device         # Build for physical device (unsigned)
-#   ./scripts/build-ios.sh --skip-sync      # Skip rsync (already synced)
-#   ./scripts/build-ios.sh --archive        # Build a signed .xcarchive
-#   ./scripts/build-ios.sh --open           # Open Xcode project on Mac after sync
-#
-# Prerequisites:
-#   - SSH access to the Mac Mini: ssh alex@orcus.lan
-#   - Xcode installed on the Mac Mini (with iOS simulator runtime)
-#   - Node.js 22 on the Mac Mini (via Homebrew)
-
-# Colors
-GREEN='\033[0;32m'
-YELLOW='\033[1;33m'
-RED='\033[0;31m'
-NC='\033[0m'
-
-# Configuration
-REMOTE_HOST="alex@orcus.lan"
-REMOTE_DIR="~/Projects/ditto"
-LOCAL_DIR="$(cd "$(dirname "$0")/.." && pwd)"
-
-# Parse arguments
-SKIP_SYNC=false
-ARCHIVE=false
-DEVICE=false
-OPEN_XCODE=false
-for arg in "$@"; do
-  case $arg in
-    --skip-sync) SKIP_SYNC=true ;;
-    --archive) ARCHIVE=true ;;
-    --device) DEVICE=true ;;
-    --open) OPEN_XCODE=true ;;
-    *) echo -e "${RED}Unknown argument: $arg${NC}"; exit 1 ;;
-  esac
-done
-
-# Verify SSH connectivity
-echo -e "${GREEN}Checking SSH connection to ${REMOTE_HOST}...${NC}"
-if ! ssh -o ConnectTimeout=5 "$REMOTE_HOST" "echo ok" > /dev/null 2>&1; then
-  echo -e "${RED}Cannot connect to ${REMOTE_HOST}. Is the Mac Mini on?${NC}"
-  exit 1
-fi
-
-# Step 1: Sync project files
-if [ "$SKIP_SYNC" = false ]; then
-  echo -e "\n${GREEN}[1/4] Syncing project to Mac Mini...${NC}"
-  rsync -avz --delete \
-    --exclude 'node_modules' \
-    --exclude '.git' \
-    --exclude 'dist' \
-    --exclude 'android/build' \
-    --exclude 'android/.gradle' \
-    --exclude '*.keystore' \
-    --exclude 'ios/App/build' \
-    --exclude 'ios/App/Pods' \
-    --exclude 'ios/DerivedData' \
-    -e ssh \
-    "$LOCAL_DIR/" "$REMOTE_HOST:$REMOTE_DIR/"
-else
-  echo -e "\n${YELLOW}[1/4] Skipping sync (--skip-sync)${NC}"
-fi
-
-# Step 2: Install dependencies and build web assets on Mac Mini
-echo -e "\n${GREEN}[2/4] Building web assets on Mac Mini...${NC}"
-ssh "$REMOTE_HOST" "
-  export PATH=\"/opt/homebrew/bin:\$PATH\"
-  cd $REMOTE_DIR
-  npm install --silent
-  npx vite build -l error
-  cp dist/index.html dist/404.html
-  echo 'Web build complete'
-"
-
-# Step 3: Capacitor sync
-echo -e "\n${GREEN}[3/4] Running Capacitor sync for iOS...${NC}"
-ssh "$REMOTE_HOST" "
-  export PATH=\"/opt/homebrew/bin:\$PATH\"
-  cd $REMOTE_DIR
-  npx cap sync ios
-"
-
-# Step 4: Build or open
-if [ "$OPEN_XCODE" = true ]; then
-  echo -e "\n${GREEN}[4/4] Opening Xcode project on Mac Mini...${NC}"
-  ssh "$REMOTE_HOST" "open $REMOTE_DIR/ios/App/App.xcodeproj"
-  echo -e "\n${GREEN}Xcode project opened on ${REMOTE_HOST}${NC}"
-elif [ "$ARCHIVE" = true ]; then
-  echo -e "\n${GREEN}[4/4] Building iOS archive...${NC}"
-  ssh "$REMOTE_HOST" "
-    export PATH=\"/opt/homebrew/bin:\$PATH\"
-    cd $REMOTE_DIR/ios/App
-    xcodebuild archive \
-      -scheme App \
-      -archivePath build/App.xcarchive \
-      -destination 'generic/platform=iOS' \
-      CODE_SIGN_IDENTITY='-' \
-      AD_HOC_CODE_SIGNING_ALLOWED=YES
-  "
-  echo -e "\n${GREEN}Archive built at: ${REMOTE_HOST}:${REMOTE_DIR}/ios/App/build/App.xcarchive${NC}"
-elif [ "$DEVICE" = true ]; then
-  echo -e "\n${GREEN}[4/4] Building iOS (device, unsigned)...${NC}"
-  ssh "$REMOTE_HOST" "
-    export PATH=\"/opt/homebrew/bin:\$PATH\"
-    cd $REMOTE_DIR/ios/App
-    xcodebuild build \
-      -scheme App \
-      -sdk iphoneos \
-      -configuration Debug \
-      CODE_SIGN_IDENTITY='' \
-      CODE_SIGNING_REQUIRED=NO \
-      CODE_SIGNING_ALLOWED=NO
-  "
-  echo -e "\n${GREEN}iOS device build complete!${NC}"
-else
-  echo -e "\n${GREEN}[4/4] Building iOS (simulator)...${NC}"
-  # Find an available simulator
-  SIMULATOR=\$(ssh "$REMOTE_HOST" "xcrun simctl list devices available -j 2>/dev/null | python3 -c \"
-import json,sys
-data=json.load(sys.stdin)
-for runtime,devices in data.get('devices',{}).items():
-  if 'iOS' in runtime:
-    for d in devices:
-      if d.get('isAvailable') and 'iPhone' in d.get('name',''):
-        print(d['name']); sys.exit(0)
-print('iPhone 16')
-\"" 2>/dev/null || echo "iPhone 16")
-
-  echo "Using simulator: $SIMULATOR"
-  ssh "$REMOTE_HOST" "
-    export PATH=\"/opt/homebrew/bin:\$PATH\"
-    cd $REMOTE_DIR/ios/App
-    xcodebuild build \
-      -scheme App \
-      -destination 'platform=iOS Simulator,name=$SIMULATOR' \
-      -configuration Debug \
-      CODE_SIGN_IDENTITY='-' \
-      CODE_SIGNING_ALLOWED=NO
-  "
-  echo -e "\n${GREEN}iOS simulator build complete!${NC}"
-fi
-
-echo -e "\n${GREEN}Done!${NC}"

From da0ceddc86a77240644cdb58aaf65586054b5eb3 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 23 Mar 2026 20:50:02 -0500
Subject: [PATCH 086/120] Route Bluesky API requests through corsProxy to avoid
 CORS errors

---
 src/hooks/useBlueskySearch.ts   | 11 +++++++++--
 src/hooks/useBlueskyTrending.ts | 12 +++++++++---
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/hooks/useBlueskySearch.ts b/src/hooks/useBlueskySearch.ts
index 77df1b5d..318bae8c 100644
--- a/src/hooks/useBlueskySearch.ts
+++ b/src/hooks/useBlueskySearch.ts
@@ -1,4 +1,7 @@
 import { useQuery } from '@tanstack/react-query';
+
+import { useAppContext } from '@/hooks/useAppContext';
+import { proxyUrl } from '@/lib/proxyUrl';
 import type { BlueskyPost } from './useBlueskyTrending';
 
 // ---------------------------------------------------------------------------
@@ -53,6 +56,7 @@ function postUrl(uri: string, handle: string): string {
 
 async function searchBluesky(
   query: string,
+  corsProxy: string,
   signal?: AbortSignal,
 ): Promise<BlueskySearchResult[]> {
   const params = new URLSearchParams({
@@ -62,7 +66,8 @@ async function searchBluesky(
     lang: 'en',
   });
 
-  const res = await fetch(`${BSKY_PUBLIC_API}/app.bsky.feed.searchPosts?${params}`, {
+  const url = `${BSKY_PUBLIC_API}/app.bsky.feed.searchPosts?${params}`;
+  const res = await fetch(proxyUrl({ template: corsProxy, url }), {
     signal,
     headers: { Accept: 'application/json' },
   });
@@ -100,9 +105,11 @@ async function searchBluesky(
 
 /** Hook to search Bluesky posts by keyword. */
 export function useBlueskySearch(query: string) {
+  const { config } = useAppContext();
+
   return useQuery({
     queryKey: ['bluesky-search', query],
-    queryFn: ({ signal }) => searchBluesky(query, signal),
+    queryFn: ({ signal }) => searchBluesky(query, config.corsProxy, signal),
     enabled: query.trim().length >= 2,
     staleTime: 1000 * 60 * 5,
     gcTime: 1000 * 60 * 30,
diff --git a/src/hooks/useBlueskyTrending.ts b/src/hooks/useBlueskyTrending.ts
index 02dc447e..1a971974 100644
--- a/src/hooks/useBlueskyTrending.ts
+++ b/src/hooks/useBlueskyTrending.ts
@@ -1,5 +1,8 @@
 import { useQuery } from '@tanstack/react-query';
 
+import { useAppContext } from '@/hooks/useAppContext';
+import { proxyUrl } from '@/lib/proxyUrl';
+
 // ---------------------------------------------------------------------------
 // Types
 // ---------------------------------------------------------------------------
@@ -80,7 +83,7 @@ const TRENDING_TOPICS = [
 // Fetcher
 // ---------------------------------------------------------------------------
 
-async function fetchTrendingPosts(signal?: AbortSignal): Promise<BlueskyPost[]> {
+async function fetchTrendingPosts(corsProxy: string, signal?: AbortSignal): Promise<BlueskyPost[]> {
   // Pick 3 random topics to query for variety each time
   const shuffled = [...TRENDING_TOPICS].sort(() => Math.random() - 0.5);
   const selectedTopics = shuffled.slice(0, 3);
@@ -94,7 +97,8 @@ async function fetchTrendingPosts(signal?: AbortSignal): Promise<BlueskyPost[]>
         lang: 'en',
       });
 
-      const res = await fetch(`${BSKY_PUBLIC_API}/app.bsky.feed.searchPosts?${params}`, {
+      const url = `${BSKY_PUBLIC_API}/app.bsky.feed.searchPosts?${params}`;
+      const res = await fetch(proxyUrl({ template: corsProxy, url }), {
         signal,
         headers: { Accept: 'application/json' },
       });
@@ -129,9 +133,11 @@ async function fetchTrendingPosts(signal?: AbortSignal): Promise<BlueskyPost[]>
  * Queries multiple trending topics and returns the most-engaged posts.
  */
 export function useBlueskyTrending() {
+  const { config } = useAppContext();
+
   return useQuery({
     queryKey: ['bluesky-trending'],
-    queryFn: ({ signal }) => fetchTrendingPosts(signal),
+    queryFn: ({ signal }) => fetchTrendingPosts(config.corsProxy, signal),
     staleTime: 1000 * 60 * 15, // 15 minutes
     gcTime: 1000 * 60 * 60, // 1 hour
     retry: 2,

From e65901efe58b22c203417d70759923073b90f0fb Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 23 Mar 2026 20:51:42 -0500
Subject: [PATCH 087/120] Switch Bluesky API from public.api.bsky.app to
 api.bsky.app to fix 403

---
 src/hooks/useBlueskySearch.ts   | 2 +-
 src/hooks/useBlueskyTrending.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/hooks/useBlueskySearch.ts b/src/hooks/useBlueskySearch.ts
index 318bae8c..1a806c03 100644
--- a/src/hooks/useBlueskySearch.ts
+++ b/src/hooks/useBlueskySearch.ts
@@ -8,7 +8,7 @@ import type { BlueskyPost } from './useBlueskyTrending';
 // Constants
 // ---------------------------------------------------------------------------
 
-const BSKY_PUBLIC_API = 'https://public.api.bsky.app/xrpc';
+const BSKY_PUBLIC_API = 'https://api.bsky.app/xrpc';
 
 // ---------------------------------------------------------------------------
 // Types
diff --git a/src/hooks/useBlueskyTrending.ts b/src/hooks/useBlueskyTrending.ts
index 1a971974..f10fe8c5 100644
--- a/src/hooks/useBlueskyTrending.ts
+++ b/src/hooks/useBlueskyTrending.ts
@@ -63,7 +63,7 @@ interface SearchPostsResponse {
 // Constants
 // ---------------------------------------------------------------------------
 
-const BSKY_PUBLIC_API = 'https://public.api.bsky.app/xrpc';
+const BSKY_PUBLIC_API = 'https://api.bsky.app/xrpc';
 
 // Curated trending topics that surface interesting content
 const TRENDING_TOPICS = [

From cf454926f943ea47da364bf7aab69ff4290ff5f9 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 23 Mar 2026 20:53:26 -0500
Subject: [PATCH 088/120] =?UTF-8?q?Remove=20unnecessary=20CORS=20proxy=20f?=
 =?UTF-8?q?rom=20Bluesky=20hooks=20=E2=80=94=20api.bsky.app=20supports=20C?=
 =?UTF-8?q?ORS=20natively?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/useBlueskySearch.ts   | 10 ++--------
 src/hooks/useBlueskyTrending.ts | 12 +++---------
 2 files changed, 5 insertions(+), 17 deletions(-)

diff --git a/src/hooks/useBlueskySearch.ts b/src/hooks/useBlueskySearch.ts
index 1a806c03..eb506002 100644
--- a/src/hooks/useBlueskySearch.ts
+++ b/src/hooks/useBlueskySearch.ts
@@ -1,7 +1,5 @@
 import { useQuery } from '@tanstack/react-query';
 
-import { useAppContext } from '@/hooks/useAppContext';
-import { proxyUrl } from '@/lib/proxyUrl';
 import type { BlueskyPost } from './useBlueskyTrending';
 
 // ---------------------------------------------------------------------------
@@ -56,7 +54,6 @@ function postUrl(uri: string, handle: string): string {
 
 async function searchBluesky(
   query: string,
-  corsProxy: string,
   signal?: AbortSignal,
 ): Promise<BlueskySearchResult[]> {
   const params = new URLSearchParams({
@@ -66,8 +63,7 @@ async function searchBluesky(
     lang: 'en',
   });
 
-  const url = `${BSKY_PUBLIC_API}/app.bsky.feed.searchPosts?${params}`;
-  const res = await fetch(proxyUrl({ template: corsProxy, url }), {
+  const res = await fetch(`${BSKY_PUBLIC_API}/app.bsky.feed.searchPosts?${params}`, {
     signal,
     headers: { Accept: 'application/json' },
   });
@@ -105,11 +101,9 @@ async function searchBluesky(
 
 /** Hook to search Bluesky posts by keyword. */
 export function useBlueskySearch(query: string) {
-  const { config } = useAppContext();
-
   return useQuery({
     queryKey: ['bluesky-search', query],
-    queryFn: ({ signal }) => searchBluesky(query, config.corsProxy, signal),
+    queryFn: ({ signal }) => searchBluesky(query, signal),
     enabled: query.trim().length >= 2,
     staleTime: 1000 * 60 * 5,
     gcTime: 1000 * 60 * 30,
diff --git a/src/hooks/useBlueskyTrending.ts b/src/hooks/useBlueskyTrending.ts
index f10fe8c5..baa5b652 100644
--- a/src/hooks/useBlueskyTrending.ts
+++ b/src/hooks/useBlueskyTrending.ts
@@ -1,8 +1,5 @@
 import { useQuery } from '@tanstack/react-query';
 
-import { useAppContext } from '@/hooks/useAppContext';
-import { proxyUrl } from '@/lib/proxyUrl';
-
 // ---------------------------------------------------------------------------
 // Types
 // ---------------------------------------------------------------------------
@@ -83,7 +80,7 @@ const TRENDING_TOPICS = [
 // Fetcher
 // ---------------------------------------------------------------------------
 
-async function fetchTrendingPosts(corsProxy: string, signal?: AbortSignal): Promise<BlueskyPost[]> {
+async function fetchTrendingPosts(signal?: AbortSignal): Promise<BlueskyPost[]> {
   // Pick 3 random topics to query for variety each time
   const shuffled = [...TRENDING_TOPICS].sort(() => Math.random() - 0.5);
   const selectedTopics = shuffled.slice(0, 3);
@@ -97,8 +94,7 @@ async function fetchTrendingPosts(corsProxy: string, signal?: AbortSignal): Prom
         lang: 'en',
       });
 
-      const url = `${BSKY_PUBLIC_API}/app.bsky.feed.searchPosts?${params}`;
-      const res = await fetch(proxyUrl({ template: corsProxy, url }), {
+      const res = await fetch(`${BSKY_PUBLIC_API}/app.bsky.feed.searchPosts?${params}`, {
         signal,
         headers: { Accept: 'application/json' },
       });
@@ -133,11 +129,9 @@ async function fetchTrendingPosts(corsProxy: string, signal?: AbortSignal): Prom
  * Queries multiple trending topics and returns the most-engaged posts.
  */
 export function useBlueskyTrending() {
-  const { config } = useAppContext();
-
   return useQuery({
     queryKey: ['bluesky-trending'],
-    queryFn: ({ signal }) => fetchTrendingPosts(config.corsProxy, signal),
+    queryFn: ({ signal }) => fetchTrendingPosts(signal),
     staleTime: 1000 * 60 * 15, // 15 minutes
     gcTime: 1000 * 60 * 60, // 1 hour
     retry: 2,

From 66a90a445b7cecdd525c1c85a8f7cb4212de3dc1 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 23 Mar 2026 20:58:25 -0500
Subject: [PATCH 089/120] Redesign Bluesky page as a vertical feed matching the
 NoteCard layout

---
 src/pages/BlueskyPage.tsx | 245 +++++++++++++++++++++-----------------
 1 file changed, 136 insertions(+), 109 deletions(-)

diff --git a/src/pages/BlueskyPage.tsx b/src/pages/BlueskyPage.tsx
index b83efb70..786569a0 100644
--- a/src/pages/BlueskyPage.tsx
+++ b/src/pages/BlueskyPage.tsx
@@ -10,6 +10,7 @@ import {
   MessageCircle,
   Repeat2,
   Search,
+  Share2,
   X,
 } from 'lucide-react';
 
@@ -66,11 +67,6 @@ function formatCount(n: number): string {
   return String(n);
 }
 
-function truncateText(text: string, maxLen = 160): string {
-  if (text.length <= maxLen) return text;
-  return text.slice(0, maxLen).replace(/\s+\S*$/, '') + '\u2026';
-}
-
 function timeAgo(dateStr: string): string {
   const now = Date.now();
   const then = new Date(dateStr).getTime();
@@ -123,102 +119,136 @@ function CategoryPill({ category, active, onClick }: {
 }
 
 // ---------------------------------------------------------------------------
-// Post card
+// Post card — feed-style (vertical, like NoteCard)
 // ---------------------------------------------------------------------------
 
-function BlueskyPostCard({ post }: { post: BlueskyPost }) {
+function BlueskyFeedPost({ post }: { post: BlueskyPost }) {
   const webUrl = postWebUrl(post.uri, post.author.handle);
-  const firstImage = post.embed?.$type === 'app.bsky.embed.images#view' ? post.embed.images?.[0] : undefined;
+  const images = post.embed?.$type === 'app.bsky.embed.images#view' ? (post.embed.images ?? []) : [];
   const externalEmbed = post.embed?.$type === 'app.bsky.embed.external#view' ? post.embed.external : undefined;
-  const thumbnail = firstImage?.thumb ?? externalEmbed?.thumb;
 
   return (
     <Link
       to={dittoUrl(webUrl)}
-      className="group block rounded-2xl border border-border overflow-hidden bg-card hover:border-primary/30 transition-all duration-300 hover:shadow-lg hover:shadow-primary/5"
+      className="block px-4 py-3 border-b border-border hover:bg-secondary/30 transition-colors cursor-pointer"
     >
-      {/* Thumbnail */}
-      {thumbnail ? (
-        <div className="relative aspect-[4/3] overflow-hidden bg-gradient-to-br from-sky-500/10 to-blue-500/10">
-          <img
-            src={thumbnail}
-            alt=""
-            loading="lazy"
-            className="absolute inset-0 w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"
-            onError={(e) => { e.currentTarget.style.display = 'none'; }}
-          />
-
-          {/* Engagement badge */}
-          <div className="absolute top-2 right-2 px-2 py-0.5 rounded-md bg-black/60 backdrop-blur-sm text-white text-xs font-medium flex items-center gap-1">
-            <Heart className="size-3" />
-            {formatCount(post.likeCount)}
-          </div>
-        </div>
-      ) : (
-        <div className="relative aspect-[4/3] overflow-hidden bg-gradient-to-br from-sky-500/10 to-blue-500/10 flex items-center justify-center p-4">
-          <p className="text-sm text-muted-foreground leading-relaxed text-center line-clamp-5">
-            {post.record.text}
-          </p>
-
-          {/* Engagement badge */}
-          <div className="absolute top-2 right-2 px-2 py-0.5 rounded-md bg-black/60 backdrop-blur-sm text-white text-xs font-medium flex items-center gap-1">
-            <Heart className="size-3" />
-            {formatCount(post.likeCount)}
-          </div>
-        </div>
-      )}
-
-      {/* Content */}
-      <div className="p-3 space-y-2">
-        {/* Author row */}
-        <div className="flex items-center gap-2 min-w-0">
+      <div className="flex gap-3">
+        {/* Avatar */}
+        <div className="shrink-0">
           {post.author.avatar ? (
             <img
               src={post.author.avatar}
               alt=""
-              className="size-5 rounded-full object-cover shrink-0"
+              className="size-11 rounded-full object-cover"
               loading="lazy"
               onError={(e) => { e.currentTarget.style.display = 'none'; }}
             />
           ) : (
-            <div className="size-5 rounded-full bg-gradient-to-br from-sky-400 to-blue-500 shrink-0" />
+            <div className="size-11 rounded-full bg-gradient-to-br from-sky-400 to-blue-500 flex items-center justify-center text-white text-sm font-bold">
+              {(post.author.displayName ?? post.author.handle).charAt(0).toUpperCase()}
+            </div>
           )}
-          <span className="text-xs font-medium truncate">
-            {post.author.displayName ?? post.author.handle}
-          </span>
-          <span className="text-xs text-muted-foreground shrink-0">
-            {timeAgo(post.record.createdAt)}
-          </span>
         </div>
 
-        {/* Post text */}
-        {thumbnail && (
-          <p className="text-xs text-muted-foreground leading-relaxed line-clamp-2">
-            {truncateText(post.record.text)}
-          </p>
-        )}
+        {/* Body */}
+        <div className="flex-1 min-w-0">
+          {/* Author info */}
+          <div className="flex items-center gap-1.5 min-w-0">
+            <span className="font-semibold text-[15px] truncate leading-tight">
+              {post.author.displayName ?? post.author.handle}
+            </span>
+            <span className="text-muted-foreground text-sm truncate leading-tight">
+              @{post.author.handle}
+            </span>
+            <span className="text-muted-foreground text-sm shrink-0">&middot;</span>
+            <span className="text-muted-foreground text-sm shrink-0">
+              {timeAgo(post.record.createdAt)}
+            </span>
+          </div>
 
-        {/* External link title */}
-        {externalEmbed?.title && (
-          <p className="text-xs font-medium text-primary leading-tight line-clamp-1">
-            {externalEmbed.title}
+          {/* Post text */}
+          <p className="mt-1 text-[15px] leading-relaxed whitespace-pre-wrap break-words">
+            {post.record.text}
           </p>
-        )}
 
-        {/* Stats row */}
-        <div className="flex items-center gap-3 text-xs text-muted-foreground">
-          <span className="flex items-center gap-1">
-            <MessageCircle className="size-3" />
-            {formatCount(post.replyCount)}
-          </span>
-          <span className="flex items-center gap-1">
-            <Repeat2 className="size-3" />
-            {formatCount(post.repostCount)}
-          </span>
-          <span className="flex items-center gap-1">
-            <Heart className="size-3" />
-            {formatCount(post.likeCount)}
-          </span>
+          {/* Image embeds */}
+          {images.length > 0 && (
+            <div
+              className={cn(
+                'mt-3 rounded-xl overflow-hidden border border-border',
+                images.length === 1 && 'grid grid-cols-1',
+                images.length === 2 && 'grid grid-cols-2 gap-0.5',
+                images.length === 3 && 'grid grid-cols-2 gap-0.5',
+                images.length >= 4 && 'grid grid-cols-2 gap-0.5',
+              )}
+            >
+              {images.slice(0, 4).map((img, i) => (
+                <div
+                  key={i}
+                  className={cn(
+                    'relative overflow-hidden bg-secondary',
+                    images.length === 1 ? 'aspect-video' : 'aspect-square',
+                    images.length === 3 && i === 0 && 'row-span-2 aspect-auto',
+                  )}
+                >
+                  <img
+                    src={img.thumb}
+                    alt={img.alt || ''}
+                    loading="lazy"
+                    className="absolute inset-0 w-full h-full object-cover"
+                    onError={(e) => { e.currentTarget.style.display = 'none'; }}
+                  />
+                </div>
+              ))}
+            </div>
+          )}
+
+          {/* External link embed */}
+          {externalEmbed && (
+            <div className="mt-3 rounded-xl border border-border overflow-hidden bg-secondary/30">
+              {externalEmbed.thumb && (
+                <div className="aspect-[2/1] overflow-hidden bg-secondary">
+                  <img
+                    src={externalEmbed.thumb}
+                    alt=""
+                    loading="lazy"
+                    className="w-full h-full object-cover"
+                    onError={(e) => { e.currentTarget.style.display = 'none'; }}
+                  />
+                </div>
+              )}
+              <div className="px-3 py-2.5 space-y-0.5">
+                <p className="text-xs text-muted-foreground truncate">
+                  {(() => { try { return new URL(externalEmbed.uri).hostname; } catch { return externalEmbed.uri; } })()}
+                </p>
+                {externalEmbed.title && (
+                  <p className="text-sm font-semibold leading-tight line-clamp-2">{externalEmbed.title}</p>
+                )}
+                {externalEmbed.description && (
+                  <p className="text-xs text-muted-foreground leading-relaxed line-clamp-2">{externalEmbed.description}</p>
+                )}
+              </div>
+            </div>
+          )}
+
+          {/* Action buttons */}
+          <div className="flex items-center gap-5 mt-3 -ml-2">
+            <span className="inline-flex items-center gap-1.5 p-2 rounded-full text-muted-foreground">
+              <MessageCircle className="size-[18px]" />
+              {post.replyCount > 0 && <span className="text-sm tabular-nums">{formatCount(post.replyCount)}</span>}
+            </span>
+            <span className="inline-flex items-center gap-1.5 p-2 rounded-full text-muted-foreground">
+              <Repeat2 className="size-[18px]" />
+              {post.repostCount > 0 && <span className="text-sm tabular-nums">{formatCount(post.repostCount)}</span>}
+            </span>
+            <span className="inline-flex items-center gap-1.5 p-2 rounded-full text-muted-foreground">
+              <Heart className="size-[18px]" />
+              {post.likeCount > 0 && <span className="text-sm tabular-nums">{formatCount(post.likeCount)}</span>}
+            </span>
+            <span className="inline-flex items-center p-2 rounded-full text-muted-foreground">
+              <Share2 className="size-[18px]" />
+            </span>
+          </div>
         </div>
       </div>
     </Link>
@@ -391,32 +421,33 @@ function BlueskySearchBar() {
 }
 
 // ---------------------------------------------------------------------------
-// Loading skeleton
+// Loading skeleton (feed-style)
 // ---------------------------------------------------------------------------
 
 function BlueskyLoadingSkeleton() {
   return (
-    <div className="px-4 pt-4 pb-4">
-      <div className="grid grid-cols-2 gap-3 sidebar:grid-cols-3">
-        {Array.from({ length: 6 }).map((_, i) => (
-          <div key={i} className="rounded-2xl border border-border overflow-hidden bg-card">
-            <Skeleton className="aspect-[4/3] w-full" />
-            <div className="p-3 space-y-2">
+    <div className="divide-y divide-border">
+      {Array.from({ length: 5 }).map((_, i) => (
+        <div key={i} className="px-4 py-3">
+          <div className="flex gap-3">
+            <Skeleton className="size-11 rounded-full shrink-0" />
+            <div className="flex-1 min-w-0 space-y-2">
               <div className="flex items-center gap-2">
-                <Skeleton className="size-5 rounded-full" />
-                <Skeleton className="h-3 w-20" />
+                <Skeleton className="h-4 w-28" />
+                <Skeleton className="h-3.5 w-20" />
               </div>
-              <Skeleton className="h-3 w-full" />
-              <Skeleton className="h-3 w-2/3" />
-              <div className="flex gap-3">
-                <Skeleton className="h-3 w-8" />
-                <Skeleton className="h-3 w-8" />
-                <Skeleton className="h-3 w-8" />
+              <Skeleton className="h-4 w-full" />
+              <Skeleton className="h-4 w-4/5" />
+              <Skeleton className="h-40 w-full rounded-xl" />
+              <div className="flex gap-6 pt-1">
+                <Skeleton className="h-4 w-10" />
+                <Skeleton className="h-4 w-10" />
+                <Skeleton className="h-4 w-10" />
               </div>
             </div>
           </div>
-        ))}
-      </div>
+        </div>
+      ))}
     </div>
   );
 }
@@ -503,25 +534,21 @@ export function BlueskyPage() {
             Couldn&apos;t load Bluesky posts. Try again later.
           </p>
         </div>
+      ) : filtered.length === 0 ? (
+        <div className="py-16 text-center">
+          <BlueskyIcon className="size-10 mx-auto mb-3 text-muted-foreground/20" />
+          <p className="text-muted-foreground text-sm">No posts match this filter.</p>
+        </div>
       ) : (
-        <div className="px-4 pt-4 pb-4">
-          <div className="grid grid-cols-2 gap-3 sidebar:grid-cols-3">
-            {filtered.map((post) => (
-              <BlueskyPostCard key={post.uri} post={post} />
-            ))}
-          </div>
-
-          {filtered.length === 0 && (
-            <div className="py-16 text-center">
-              <BlueskyIcon className="size-10 mx-auto mb-3 text-muted-foreground/30" />
-              <p className="text-muted-foreground text-sm">No posts match this filter.</p>
-            </div>
-          )}
+        <div>
+          {filtered.map((post) => (
+            <BlueskyFeedPost key={post.uri} post={post} />
+          ))}
         </div>
       )}
 
       {/* Attribution footer */}
-      <div className="px-4 pb-8">
+      <div className="px-4 py-8">
         <div className="rounded-xl border border-dashed border-border bg-secondary/30 px-4 py-3 text-center">
           <p className="text-xs text-muted-foreground">
             Content provided by{' '}

From 8cdc65ee6bb40c5fe36df5f4673f88cd54908790 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 23 Mar 2026 21:01:16 -0500
Subject: [PATCH 090/120] Wire up Bluesky feed action buttons: comment, share
 to feed, react, and copy link

---
 src/pages/BlueskyPage.tsx | 308 +++++++++++++++++++++++---------------
 1 file changed, 188 insertions(+), 120 deletions(-)

diff --git a/src/pages/BlueskyPage.tsx b/src/pages/BlueskyPage.tsx
index 786569a0..ed92d362 100644
--- a/src/pages/BlueskyPage.tsx
+++ b/src/pages/BlueskyPage.tsx
@@ -16,10 +16,13 @@ import {
 
 import { Input } from '@/components/ui/input';
 import { Skeleton } from '@/components/ui/skeleton';
+import { ReplyComposeModal } from '@/components/ReplyComposeModal';
 import { useAppContext } from '@/hooks/useAppContext';
 import { useBlueskyTrending, type BlueskyPost } from '@/hooks/useBlueskyTrending';
 import { useBlueskySearch, type BlueskySearchResult } from '@/hooks/useBlueskySearch';
 import { BlueskyIcon } from '@/components/icons/BlueskyIcon';
+import { shareOrCopy } from '@/lib/share';
+import { useToast } from '@/hooks/useToast';
 import { cn } from '@/lib/utils';
 
 // ---------------------------------------------------------------------------
@@ -123,135 +126,200 @@ function CategoryPill({ category, active, onClick }: {
 // ---------------------------------------------------------------------------
 
 function BlueskyFeedPost({ post }: { post: BlueskyPost }) {
+  const navigate = useNavigate();
+  const { toast } = useToast();
   const webUrl = postWebUrl(post.uri, post.author.handle);
+  const internalUrl = dittoUrl(webUrl);
   const images = post.embed?.$type === 'app.bsky.embed.images#view' ? (post.embed.images ?? []) : [];
   const externalEmbed = post.embed?.$type === 'app.bsky.embed.external#view' ? post.embed.external : undefined;
 
+  const [shareOpen, setShareOpen] = useState(false);
+
+  const handleComment = useCallback((e: React.MouseEvent) => {
+    e.preventDefault();
+    e.stopPropagation();
+    navigate(internalUrl);
+  }, [navigate, internalUrl]);
+
+  const handleRepost = useCallback((e: React.MouseEvent) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setShareOpen(true);
+  }, []);
+
+  const handleLike = useCallback((e: React.MouseEvent) => {
+    e.preventDefault();
+    e.stopPropagation();
+    navigate(internalUrl);
+  }, [navigate, internalUrl]);
+
+  const handleShare = useCallback(async (e: React.MouseEvent) => {
+    e.preventDefault();
+    e.stopPropagation();
+    const fullUrl = `${window.location.origin}${internalUrl}`;
+    const result = await shareOrCopy(fullUrl);
+    if (result === 'copied') {
+      toast({ title: 'Link copied' });
+    }
+  }, [internalUrl, toast]);
+
   return (
-    <Link
-      to={dittoUrl(webUrl)}
-      className="block px-4 py-3 border-b border-border hover:bg-secondary/30 transition-colors cursor-pointer"
-    >
-      <div className="flex gap-3">
-        {/* Avatar */}
-        <div className="shrink-0">
-          {post.author.avatar ? (
-            <img
-              src={post.author.avatar}
-              alt=""
-              className="size-11 rounded-full object-cover"
-              loading="lazy"
-              onError={(e) => { e.currentTarget.style.display = 'none'; }}
-            />
-          ) : (
-            <div className="size-11 rounded-full bg-gradient-to-br from-sky-400 to-blue-500 flex items-center justify-center text-white text-sm font-bold">
-              {(post.author.displayName ?? post.author.handle).charAt(0).toUpperCase()}
-            </div>
-          )}
-        </div>
-
-        {/* Body */}
-        <div className="flex-1 min-w-0">
-          {/* Author info */}
-          <div className="flex items-center gap-1.5 min-w-0">
-            <span className="font-semibold text-[15px] truncate leading-tight">
-              {post.author.displayName ?? post.author.handle}
-            </span>
-            <span className="text-muted-foreground text-sm truncate leading-tight">
-              @{post.author.handle}
-            </span>
-            <span className="text-muted-foreground text-sm shrink-0">&middot;</span>
-            <span className="text-muted-foreground text-sm shrink-0">
-              {timeAgo(post.record.createdAt)}
-            </span>
-          </div>
-
-          {/* Post text */}
-          <p className="mt-1 text-[15px] leading-relaxed whitespace-pre-wrap break-words">
-            {post.record.text}
-          </p>
-
-          {/* Image embeds */}
-          {images.length > 0 && (
-            <div
-              className={cn(
-                'mt-3 rounded-xl overflow-hidden border border-border',
-                images.length === 1 && 'grid grid-cols-1',
-                images.length === 2 && 'grid grid-cols-2 gap-0.5',
-                images.length === 3 && 'grid grid-cols-2 gap-0.5',
-                images.length >= 4 && 'grid grid-cols-2 gap-0.5',
-              )}
-            >
-              {images.slice(0, 4).map((img, i) => (
-                <div
-                  key={i}
-                  className={cn(
-                    'relative overflow-hidden bg-secondary',
-                    images.length === 1 ? 'aspect-video' : 'aspect-square',
-                    images.length === 3 && i === 0 && 'row-span-2 aspect-auto',
-                  )}
-                >
-                  <img
-                    src={img.thumb}
-                    alt={img.alt || ''}
-                    loading="lazy"
-                    className="absolute inset-0 w-full h-full object-cover"
-                    onError={(e) => { e.currentTarget.style.display = 'none'; }}
-                  />
-                </div>
-              ))}
-            </div>
-          )}
-
-          {/* External link embed */}
-          {externalEmbed && (
-            <div className="mt-3 rounded-xl border border-border overflow-hidden bg-secondary/30">
-              {externalEmbed.thumb && (
-                <div className="aspect-[2/1] overflow-hidden bg-secondary">
-                  <img
-                    src={externalEmbed.thumb}
-                    alt=""
-                    loading="lazy"
-                    className="w-full h-full object-cover"
-                    onError={(e) => { e.currentTarget.style.display = 'none'; }}
-                  />
-                </div>
-              )}
-              <div className="px-3 py-2.5 space-y-0.5">
-                <p className="text-xs text-muted-foreground truncate">
-                  {(() => { try { return new URL(externalEmbed.uri).hostname; } catch { return externalEmbed.uri; } })()}
-                </p>
-                {externalEmbed.title && (
-                  <p className="text-sm font-semibold leading-tight line-clamp-2">{externalEmbed.title}</p>
-                )}
-                {externalEmbed.description && (
-                  <p className="text-xs text-muted-foreground leading-relaxed line-clamp-2">{externalEmbed.description}</p>
-                )}
+    <>
+      <Link
+        to={internalUrl}
+        className="block px-4 py-3 border-b border-border hover:bg-secondary/30 transition-colors cursor-pointer"
+      >
+        <div className="flex gap-3">
+          {/* Avatar */}
+          <div className="shrink-0">
+            {post.author.avatar ? (
+              <img
+                src={post.author.avatar}
+                alt=""
+                className="size-11 rounded-full object-cover"
+                loading="lazy"
+                onError={(e) => { e.currentTarget.style.display = 'none'; }}
+              />
+            ) : (
+              <div className="size-11 rounded-full bg-gradient-to-br from-sky-400 to-blue-500 flex items-center justify-center text-white text-sm font-bold">
+                {(post.author.displayName ?? post.author.handle).charAt(0).toUpperCase()}
               </div>
-            </div>
-          )}
+            )}
+          </div>
 
-          {/* Action buttons */}
-          <div className="flex items-center gap-5 mt-3 -ml-2">
-            <span className="inline-flex items-center gap-1.5 p-2 rounded-full text-muted-foreground">
-              <MessageCircle className="size-[18px]" />
-              {post.replyCount > 0 && <span className="text-sm tabular-nums">{formatCount(post.replyCount)}</span>}
-            </span>
-            <span className="inline-flex items-center gap-1.5 p-2 rounded-full text-muted-foreground">
-              <Repeat2 className="size-[18px]" />
-              {post.repostCount > 0 && <span className="text-sm tabular-nums">{formatCount(post.repostCount)}</span>}
-            </span>
-            <span className="inline-flex items-center gap-1.5 p-2 rounded-full text-muted-foreground">
-              <Heart className="size-[18px]" />
-              {post.likeCount > 0 && <span className="text-sm tabular-nums">{formatCount(post.likeCount)}</span>}
-            </span>
-            <span className="inline-flex items-center p-2 rounded-full text-muted-foreground">
-              <Share2 className="size-[18px]" />
-            </span>
+          {/* Body */}
+          <div className="flex-1 min-w-0">
+            {/* Author info */}
+            <div className="flex items-center gap-1.5 min-w-0">
+              <span className="font-semibold text-[15px] truncate leading-tight">
+                {post.author.displayName ?? post.author.handle}
+              </span>
+              <span className="text-muted-foreground text-sm truncate leading-tight">
+                @{post.author.handle}
+              </span>
+              <span className="text-muted-foreground text-sm shrink-0">&middot;</span>
+              <span className="text-muted-foreground text-sm shrink-0">
+                {timeAgo(post.record.createdAt)}
+              </span>
+            </div>
+
+            {/* Post text */}
+            <p className="mt-1 text-[15px] leading-relaxed whitespace-pre-wrap break-words">
+              {post.record.text}
+            </p>
+
+            {/* Image embeds */}
+            {images.length > 0 && (
+              <div
+                className={cn(
+                  'mt-3 rounded-xl overflow-hidden border border-border',
+                  images.length === 1 && 'grid grid-cols-1',
+                  images.length === 2 && 'grid grid-cols-2 gap-0.5',
+                  images.length === 3 && 'grid grid-cols-2 gap-0.5',
+                  images.length >= 4 && 'grid grid-cols-2 gap-0.5',
+                )}
+              >
+                {images.slice(0, 4).map((img, i) => (
+                  <div
+                    key={i}
+                    className={cn(
+                      'relative overflow-hidden bg-secondary',
+                      images.length === 1 ? 'aspect-video' : 'aspect-square',
+                      images.length === 3 && i === 0 && 'row-span-2 aspect-auto',
+                    )}
+                  >
+                    <img
+                      src={img.thumb}
+                      alt={img.alt || ''}
+                      loading="lazy"
+                      className="absolute inset-0 w-full h-full object-cover"
+                      onError={(e) => { e.currentTarget.style.display = 'none'; }}
+                    />
+                  </div>
+                ))}
+              </div>
+            )}
+
+            {/* External link embed */}
+            {externalEmbed && (
+              <div className="mt-3 rounded-xl border border-border overflow-hidden bg-secondary/30">
+                {externalEmbed.thumb && (
+                  <div className="aspect-[2/1] overflow-hidden bg-secondary">
+                    <img
+                      src={externalEmbed.thumb}
+                      alt=""
+                      loading="lazy"
+                      className="w-full h-full object-cover"
+                      onError={(e) => { e.currentTarget.style.display = 'none'; }}
+                    />
+                  </div>
+                )}
+                <div className="px-3 py-2.5 space-y-0.5">
+                  <p className="text-xs text-muted-foreground truncate">
+                    {(() => { try { return new URL(externalEmbed.uri).hostname; } catch { return externalEmbed.uri; } })()}
+                  </p>
+                  {externalEmbed.title && (
+                    <p className="text-sm font-semibold leading-tight line-clamp-2">{externalEmbed.title}</p>
+                  )}
+                  {externalEmbed.description && (
+                    <p className="text-xs text-muted-foreground leading-relaxed line-clamp-2">{externalEmbed.description}</p>
+                  )}
+                </div>
+              </div>
+            )}
+
+            {/* Action buttons */}
+            <div className="flex items-center gap-5 mt-3 -ml-2">
+              <button
+                type="button"
+                onClick={handleComment}
+                className="inline-flex items-center gap-1.5 p-2 rounded-full text-muted-foreground hover:text-sky-500 hover:bg-sky-500/10 transition-colors"
+                title="Comment"
+              >
+                <MessageCircle className="size-[18px]" />
+                {post.replyCount > 0 && <span className="text-sm tabular-nums">{formatCount(post.replyCount)}</span>}
+              </button>
+              <button
+                type="button"
+                onClick={handleRepost}
+                className="inline-flex items-center gap-1.5 p-2 rounded-full text-muted-foreground hover:text-green-500 hover:bg-green-500/10 transition-colors"
+                title="Share to feed"
+              >
+                <Repeat2 className="size-[18px]" />
+                {post.repostCount > 0 && <span className="text-sm tabular-nums">{formatCount(post.repostCount)}</span>}
+              </button>
+              <button
+                type="button"
+                onClick={handleLike}
+                className="inline-flex items-center gap-1.5 p-2 rounded-full text-muted-foreground hover:text-pink-500 hover:bg-pink-500/10 transition-colors"
+                title="React"
+              >
+                <Heart className="size-[18px]" />
+                {post.likeCount > 0 && <span className="text-sm tabular-nums">{formatCount(post.likeCount)}</span>}
+              </button>
+              <button
+                type="button"
+                onClick={handleShare}
+                className="inline-flex items-center p-2 rounded-full text-muted-foreground hover:text-primary hover:bg-primary/10 transition-colors"
+                title="Share link"
+              >
+                <Share2 className="size-[18px]" />
+              </button>
+            </div>
           </div>
         </div>
-      </div>
-    </Link>
+      </Link>
+
+      {/* Share compose modal */}
+      {shareOpen && (
+        <ReplyComposeModal
+          open={shareOpen}
+          onOpenChange={setShareOpen}
+          initialContent={webUrl}
+          title="Share to feed"
+        />
+      )}
+    </>
   );
 }
 

From 81d2f25ce0d7548a85f5d643019f3dae0b9b0a07 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 23 Mar 2026 21:03:52 -0500
Subject: [PATCH 091/120] Replace Link wrapper with article+onClick to prevent
 focus ring on button clicks

---
 src/pages/BlueskyPage.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/pages/BlueskyPage.tsx b/src/pages/BlueskyPage.tsx
index ed92d362..d23cde89 100644
--- a/src/pages/BlueskyPage.tsx
+++ b/src/pages/BlueskyPage.tsx
@@ -136,25 +136,21 @@ function BlueskyFeedPost({ post }: { post: BlueskyPost }) {
   const [shareOpen, setShareOpen] = useState(false);
 
   const handleComment = useCallback((e: React.MouseEvent) => {
-    e.preventDefault();
     e.stopPropagation();
     navigate(internalUrl);
   }, [navigate, internalUrl]);
 
   const handleRepost = useCallback((e: React.MouseEvent) => {
-    e.preventDefault();
     e.stopPropagation();
     setShareOpen(true);
   }, []);
 
   const handleLike = useCallback((e: React.MouseEvent) => {
-    e.preventDefault();
     e.stopPropagation();
     navigate(internalUrl);
   }, [navigate, internalUrl]);
 
   const handleShare = useCallback(async (e: React.MouseEvent) => {
-    e.preventDefault();
     e.stopPropagation();
     const fullUrl = `${window.location.origin}${internalUrl}`;
     const result = await shareOrCopy(fullUrl);
@@ -163,11 +159,15 @@ function BlueskyFeedPost({ post }: { post: BlueskyPost }) {
     }
   }, [internalUrl, toast]);
 
+  const handleCardClick = useCallback(() => {
+    navigate(internalUrl);
+  }, [navigate, internalUrl]);
+
   return (
     <>
-      <Link
-        to={internalUrl}
-        className="block px-4 py-3 border-b border-border hover:bg-secondary/30 transition-colors cursor-pointer"
+      <article
+        onClick={handleCardClick}
+        className="px-4 py-3 border-b border-border hover:bg-secondary/30 transition-colors cursor-pointer"
       >
         <div className="flex gap-3">
           {/* Avatar */}
@@ -308,7 +308,7 @@ function BlueskyFeedPost({ post }: { post: BlueskyPost }) {
             </div>
           </div>
         </div>
-      </Link>
+      </article>
 
       {/* Share compose modal */}
       {shareOpen && (

From be9bef9824641039a7a396d5a3df0be26dfd92c0 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 23 Mar 2026 21:06:08 -0500
Subject: [PATCH 092/120] Make heart button publish NIP-73 kind 17 reaction
 inline instead of navigating

---
 src/pages/BlueskyPage.tsx | 78 ++++++++++++++++++++++++++++++++++++---
 1 file changed, 73 insertions(+), 5 deletions(-)

diff --git a/src/pages/BlueskyPage.tsx b/src/pages/BlueskyPage.tsx
index d23cde89..b5b792fa 100644
--- a/src/pages/BlueskyPage.tsx
+++ b/src/pages/BlueskyPage.tsx
@@ -14,14 +14,24 @@ import {
   X,
 } from 'lucide-react';
 
+import { useQueryClient } from '@tanstack/react-query';
+
 import { Input } from '@/components/ui/input';
 import { Skeleton } from '@/components/ui/skeleton';
 import { ReplyComposeModal } from '@/components/ReplyComposeModal';
 import { useAppContext } from '@/hooks/useAppContext';
 import { useBlueskyTrending, type BlueskyPost } from '@/hooks/useBlueskyTrending';
 import { useBlueskySearch, type BlueskySearchResult } from '@/hooks/useBlueskySearch';
+import { useCurrentUser } from '@/hooks/useCurrentUser';
+import { useNostrPublish } from '@/hooks/useNostrPublish';
+import {
+  useExternalUserReaction,
+  useExternalReactionCount,
+} from '@/hooks/useExternalReactions';
 import { BlueskyIcon } from '@/components/icons/BlueskyIcon';
+import { ReactionEmoji } from '@/components/CustomEmoji';
 import { shareOrCopy } from '@/lib/share';
+import { parseExternalUri } from '@/lib/externalContent';
 import { useToast } from '@/hooks/useToast';
 import { cn } from '@/lib/utils';
 
@@ -128,11 +138,23 @@ function CategoryPill({ category, active, onClick }: {
 function BlueskyFeedPost({ post }: { post: BlueskyPost }) {
   const navigate = useNavigate();
   const { toast } = useToast();
+  const { user } = useCurrentUser();
+  const { mutate: publishEvent } = useNostrPublish();
+  const queryClient = useQueryClient();
+
   const webUrl = postWebUrl(post.uri, post.author.handle);
   const internalUrl = dittoUrl(webUrl);
   const images = post.embed?.$type === 'app.bsky.embed.images#view' ? (post.embed.images ?? []) : [];
   const externalEmbed = post.embed?.$type === 'app.bsky.embed.external#view' ? post.embed.external : undefined;
 
+  // NIP-73 reaction state for this URL
+  const externalContent = useMemo(() => parseExternalUri(webUrl), [webUrl]);
+  const userReactionData = useExternalUserReaction(externalContent);
+  const nostrReactionCount = useExternalReactionCount(externalContent);
+  const hasReacted = !!userReactionData;
+  const userEmoji = userReactionData?.emoji;
+  const userReactionTags = userReactionData?.tags;
+
   const [shareOpen, setShareOpen] = useState(false);
 
   const handleComment = useCallback((e: React.MouseEvent) => {
@@ -147,8 +169,43 @@ function BlueskyFeedPost({ post }: { post: BlueskyPost }) {
 
   const handleLike = useCallback((e: React.MouseEvent) => {
     e.stopPropagation();
-    navigate(internalUrl);
-  }, [navigate, internalUrl]);
+    if (!user) {
+      toast({ title: 'Log in to react' });
+      return;
+    }
+
+    const identifier = externalContent.value;
+    const tags: string[][] = [
+      ['k', 'web'],
+      ['i', identifier],
+    ];
+
+    // Optimistic update
+    queryClient.setQueryData(['external-user-reaction', identifier], { emoji: '+', tags });
+    queryClient.setQueryData(['external-reaction-count', identifier], (prev: number | undefined) => (prev ?? 0) + 1);
+
+    publishEvent(
+      {
+        kind: 17,
+        content: '+',
+        created_at: Math.floor(Date.now() / 1000),
+        tags,
+      },
+      {
+        onSuccess: () => {
+          setTimeout(() => {
+            queryClient.invalidateQueries({ queryKey: ['external-user-reaction', identifier] });
+            queryClient.invalidateQueries({ queryKey: ['external-reaction-count', identifier] });
+          }, 3000);
+        },
+        onError: () => {
+          toast({ title: 'Failed to react', variant: 'destructive' });
+          queryClient.setQueryData(['external-user-reaction', identifier], null);
+          queryClient.setQueryData(['external-reaction-count', identifier], (prev: number | undefined) => Math.max(0, (prev ?? 1) - 1));
+        },
+      },
+    );
+  }, [user, externalContent, publishEvent, queryClient, toast]);
 
   const handleShare = useCallback(async (e: React.MouseEvent) => {
     e.stopPropagation();
@@ -291,11 +348,22 @@ function BlueskyFeedPost({ post }: { post: BlueskyPost }) {
               <button
                 type="button"
                 onClick={handleLike}
-                className="inline-flex items-center gap-1.5 p-2 rounded-full text-muted-foreground hover:text-pink-500 hover:bg-pink-500/10 transition-colors"
+                className={cn(
+                  'inline-flex items-center gap-1.5 p-2 rounded-full transition-colors',
+                  hasReacted
+                    ? 'text-pink-500'
+                    : 'text-muted-foreground hover:text-pink-500 hover:bg-pink-500/10',
+                )}
                 title="React"
               >
-                <Heart className="size-[18px]" />
-                {post.likeCount > 0 && <span className="text-sm tabular-nums">{formatCount(post.likeCount)}</span>}
+                {hasReacted && userEmoji ? (
+                  <span className="size-[18px] flex items-center justify-center text-base leading-none">
+                    <ReactionEmoji content={userEmoji} tags={userReactionTags} className="size-[18px]" />
+                  </span>
+                ) : (
+                  <Heart className="size-[18px]" />
+                )}
+                {nostrReactionCount > 0 && <span className="text-sm tabular-nums">{formatCount(nostrReactionCount)}</span>}
               </button>
               <button
                 type="button"

From b4eecd2588b861e967fe24900c9e02baa38f45e0 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 23 Mar 2026 21:13:27 -0500
Subject: [PATCH 093/120] Extract shared ExternalReactionButton with emoji
 picker for NIP-73 reactions

The Bluesky page had a broken inline reaction that just published '+' with
no emoji picker. The /i/ page had the full implementation with Popover,
QuickReactMenu, hover-to-open, and custom emoji support. Extracted the
reaction logic into a reusable ExternalReactionButton component and wired
it into both pages, removing ~230 lines of duplicated/inferior code.
---
 src/components/ExternalReactionButton.tsx | 184 ++++++++++++++++++++++
 src/pages/BlueskyPage.tsx                 |  82 +---------
 src/pages/ExternalContentPage.tsx         | 153 +-----------------
 3 files changed, 191 insertions(+), 228 deletions(-)
 create mode 100644 src/components/ExternalReactionButton.tsx

diff --git a/src/components/ExternalReactionButton.tsx b/src/components/ExternalReactionButton.tsx
new file mode 100644
index 00000000..12b7764f
--- /dev/null
+++ b/src/components/ExternalReactionButton.tsx
@@ -0,0 +1,184 @@
+import { useCallback, useRef, useState } from 'react';
+import { Heart } from 'lucide-react';
+import { useQueryClient } from '@tanstack/react-query';
+
+import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
+import { QuickReactMenu } from '@/components/QuickReactMenu';
+import { ReactionEmoji } from '@/components/CustomEmoji';
+import { useCurrentUser } from '@/hooks/useCurrentUser';
+import { useNostrPublish } from '@/hooks/useNostrPublish';
+import { useToast } from '@/hooks/useToast';
+import {
+  useExternalUserReaction,
+  useExternalReactionCount,
+} from '@/hooks/useExternalReactions';
+import { formatNumber } from '@/lib/formatNumber';
+import { cn } from '@/lib/utils';
+import type { ExternalContent } from '@/lib/externalContent';
+
+// ---------------------------------------------------------------------------
+// Helper: NIP-73 k tag value
+// ---------------------------------------------------------------------------
+
+function getExternalKTag(content: ExternalContent): string {
+  switch (content.type) {
+    case 'url': return 'web';
+    case 'isbn': return 'isbn';
+    case 'iso3166': return 'iso3166';
+    default: return 'web';
+  }
+}
+
+// ---------------------------------------------------------------------------
+// ExternalReactionButton
+// ---------------------------------------------------------------------------
+
+interface ExternalReactionButtonProps {
+  /** Parsed NIP-73 external content. */
+  content: ExternalContent;
+  /** Icon size class (default "size-5"). */
+  iconSize?: string;
+  /** Extra class names on the trigger button. */
+  className?: string;
+}
+
+/**
+ * A fully-featured reaction button for NIP-73 external content.
+ *
+ * Includes hover-to-open emoji picker via `QuickReactMenu`, optimistic UI,
+ * and displays the user's existing reaction & total count.
+ */
+export function ExternalReactionButton({ content, iconSize = 'size-5', className }: ExternalReactionButtonProps) {
+  const { user } = useCurrentUser();
+  const { mutate: publishEvent } = useNostrPublish();
+  const queryClient = useQueryClient();
+  const { toast } = useToast();
+  const identifier = content.value;
+
+  const userReactionData = useExternalUserReaction(content);
+  const reactionCount = useExternalReactionCount(content);
+
+  const hasReacted = !!userReactionData;
+  const userEmoji = userReactionData?.emoji;
+  const userReactionTags = userReactionData?.tags;
+
+  // Popover state
+  const [reactOpen, setReactOpen] = useState(false);
+  const closeTimeoutRef = useRef<NodeJS.Timeout | null>(null);
+  const justClosedRef = useRef(false);
+  const pickerExpandedRef = useRef(false);
+
+  const handleMouseEnter = useCallback(() => {
+    if (!user) return;
+    if (justClosedRef.current) return;
+    if (closeTimeoutRef.current) {
+      clearTimeout(closeTimeoutRef.current);
+      closeTimeoutRef.current = null;
+    }
+    setReactOpen(true);
+  }, [user]);
+
+  const handleMouseLeave = useCallback(() => {
+    if (pickerExpandedRef.current) return;
+    closeTimeoutRef.current = setTimeout(() => setReactOpen(false), 150);
+  }, []);
+
+  // Publish kind 17 reaction
+  const handleReact = useCallback((emoji: string, emojiTag?: string[]) => {
+    if (!user) return;
+
+    const tags: string[][] = [
+      ['k', getExternalKTag(content)],
+      ['i', identifier],
+    ];
+    if (emojiTag) tags.push(emojiTag);
+
+    queryClient.setQueryData(['external-user-reaction', identifier], { emoji: emoji || '+', tags });
+    queryClient.setQueryData(['external-reaction-count', identifier], (prev: number | undefined) => (prev ?? 0) + 1);
+
+    publishEvent(
+      {
+        kind: 17,
+        content: emoji,
+        created_at: Math.floor(Date.now() / 1000),
+        tags,
+      },
+      {
+        onSuccess: () => {
+          setTimeout(() => {
+            queryClient.invalidateQueries({ queryKey: ['external-user-reaction', identifier] });
+            queryClient.invalidateQueries({ queryKey: ['external-reaction-count', identifier] });
+          }, 3000);
+        },
+        onError: () => {
+          toast({ title: 'Failed to react', variant: 'destructive' });
+          queryClient.setQueryData(['external-user-reaction', identifier], null);
+          queryClient.setQueryData(['external-reaction-count', identifier], (prev: number | undefined) => Math.max(0, (prev ?? 1) - 1));
+        },
+      },
+    );
+  }, [user, content, identifier, publishEvent, queryClient, toast]);
+
+  return (
+    <Popover open={reactOpen} onOpenChange={(open) => {
+      if (open && justClosedRef.current) return;
+      if (!open) pickerExpandedRef.current = false;
+      setReactOpen(open);
+    }}>
+      <PopoverTrigger asChild>
+        <button
+          className={cn(
+            'flex items-center gap-1.5 p-2 rounded-full transition-colors',
+            hasReacted
+              ? 'text-pink-500'
+              : 'text-muted-foreground hover:text-pink-500 hover:bg-pink-500/10',
+            className,
+          )}
+          title="React"
+          onClick={(e) => {
+            e.stopPropagation();
+            if (!user) return;
+            if (justClosedRef.current) return;
+            setReactOpen((prev) => !prev);
+          }}
+          onMouseEnter={handleMouseEnter}
+          onMouseLeave={handleMouseLeave}
+        >
+          {hasReacted && userEmoji ? (
+            <span className={cn(iconSize, 'flex items-center justify-center text-base leading-none')}>
+              <ReactionEmoji content={userEmoji} tags={userReactionTags} className={iconSize} />
+            </span>
+          ) : (
+            <Heart className={iconSize} />
+          )}
+          {reactionCount > 0 && (
+            <span className="text-sm tabular-nums">{formatNumber(reactionCount)}</span>
+          )}
+        </button>
+      </PopoverTrigger>
+      <PopoverContent
+        className="w-auto p-0 border-0 bg-transparent shadow-none"
+        side="top"
+        align="start"
+        onClick={(e) => e.stopPropagation()}
+        onOpenAutoFocus={(e) => e.preventDefault()}
+        onMouseEnter={handleMouseEnter}
+        onMouseLeave={handleMouseLeave}
+      >
+        <QuickReactMenu
+          eventId={identifier}
+          eventPubkey=""
+          eventKind={17}
+          onExpandChange={(expanded) => { pickerExpandedRef.current = expanded; }}
+          onClose={() => {
+            pickerExpandedRef.current = false;
+            justClosedRef.current = true;
+            setReactOpen(false);
+            setTimeout(() => { justClosedRef.current = false; }, 300);
+          }}
+          onReact={handleReact}
+        />
+      </PopoverContent>
+    </Popover>
+  );
+}
diff --git a/src/pages/BlueskyPage.tsx b/src/pages/BlueskyPage.tsx
index b5b792fa..607103e1 100644
--- a/src/pages/BlueskyPage.tsx
+++ b/src/pages/BlueskyPage.tsx
@@ -5,7 +5,6 @@ import {
   ArrowLeft,
   ExternalLink,
   FlameKindling,
-  Heart,
   Loader2,
   MessageCircle,
   Repeat2,
@@ -14,22 +13,14 @@ import {
   X,
 } from 'lucide-react';
 
-import { useQueryClient } from '@tanstack/react-query';
-
 import { Input } from '@/components/ui/input';
 import { Skeleton } from '@/components/ui/skeleton';
 import { ReplyComposeModal } from '@/components/ReplyComposeModal';
+import { ExternalReactionButton } from '@/components/ExternalReactionButton';
 import { useAppContext } from '@/hooks/useAppContext';
 import { useBlueskyTrending, type BlueskyPost } from '@/hooks/useBlueskyTrending';
 import { useBlueskySearch, type BlueskySearchResult } from '@/hooks/useBlueskySearch';
-import { useCurrentUser } from '@/hooks/useCurrentUser';
-import { useNostrPublish } from '@/hooks/useNostrPublish';
-import {
-  useExternalUserReaction,
-  useExternalReactionCount,
-} from '@/hooks/useExternalReactions';
 import { BlueskyIcon } from '@/components/icons/BlueskyIcon';
-import { ReactionEmoji } from '@/components/CustomEmoji';
 import { shareOrCopy } from '@/lib/share';
 import { parseExternalUri } from '@/lib/externalContent';
 import { useToast } from '@/hooks/useToast';
@@ -138,22 +129,14 @@ function CategoryPill({ category, active, onClick }: {
 function BlueskyFeedPost({ post }: { post: BlueskyPost }) {
   const navigate = useNavigate();
   const { toast } = useToast();
-  const { user } = useCurrentUser();
-  const { mutate: publishEvent } = useNostrPublish();
-  const queryClient = useQueryClient();
 
   const webUrl = postWebUrl(post.uri, post.author.handle);
   const internalUrl = dittoUrl(webUrl);
   const images = post.embed?.$type === 'app.bsky.embed.images#view' ? (post.embed.images ?? []) : [];
   const externalEmbed = post.embed?.$type === 'app.bsky.embed.external#view' ? post.embed.external : undefined;
 
-  // NIP-73 reaction state for this URL
+  // NIP-73 external content for the reaction button
   const externalContent = useMemo(() => parseExternalUri(webUrl), [webUrl]);
-  const userReactionData = useExternalUserReaction(externalContent);
-  const nostrReactionCount = useExternalReactionCount(externalContent);
-  const hasReacted = !!userReactionData;
-  const userEmoji = userReactionData?.emoji;
-  const userReactionTags = userReactionData?.tags;
 
   const [shareOpen, setShareOpen] = useState(false);
 
@@ -167,46 +150,6 @@ function BlueskyFeedPost({ post }: { post: BlueskyPost }) {
     setShareOpen(true);
   }, []);
 
-  const handleLike = useCallback((e: React.MouseEvent) => {
-    e.stopPropagation();
-    if (!user) {
-      toast({ title: 'Log in to react' });
-      return;
-    }
-
-    const identifier = externalContent.value;
-    const tags: string[][] = [
-      ['k', 'web'],
-      ['i', identifier],
-    ];
-
-    // Optimistic update
-    queryClient.setQueryData(['external-user-reaction', identifier], { emoji: '+', tags });
-    queryClient.setQueryData(['external-reaction-count', identifier], (prev: number | undefined) => (prev ?? 0) + 1);
-
-    publishEvent(
-      {
-        kind: 17,
-        content: '+',
-        created_at: Math.floor(Date.now() / 1000),
-        tags,
-      },
-      {
-        onSuccess: () => {
-          setTimeout(() => {
-            queryClient.invalidateQueries({ queryKey: ['external-user-reaction', identifier] });
-            queryClient.invalidateQueries({ queryKey: ['external-reaction-count', identifier] });
-          }, 3000);
-        },
-        onError: () => {
-          toast({ title: 'Failed to react', variant: 'destructive' });
-          queryClient.setQueryData(['external-user-reaction', identifier], null);
-          queryClient.setQueryData(['external-reaction-count', identifier], (prev: number | undefined) => Math.max(0, (prev ?? 1) - 1));
-        },
-      },
-    );
-  }, [user, externalContent, publishEvent, queryClient, toast]);
-
   const handleShare = useCallback(async (e: React.MouseEvent) => {
     e.stopPropagation();
     const fullUrl = `${window.location.origin}${internalUrl}`;
@@ -345,26 +288,7 @@ function BlueskyFeedPost({ post }: { post: BlueskyPost }) {
                 <Repeat2 className="size-[18px]" />
                 {post.repostCount > 0 && <span className="text-sm tabular-nums">{formatCount(post.repostCount)}</span>}
               </button>
-              <button
-                type="button"
-                onClick={handleLike}
-                className={cn(
-                  'inline-flex items-center gap-1.5 p-2 rounded-full transition-colors',
-                  hasReacted
-                    ? 'text-pink-500'
-                    : 'text-muted-foreground hover:text-pink-500 hover:bg-pink-500/10',
-                )}
-                title="React"
-              >
-                {hasReacted && userEmoji ? (
-                  <span className="size-[18px] flex items-center justify-center text-base leading-none">
-                    <ReactionEmoji content={userEmoji} tags={userReactionTags} className="size-[18px]" />
-                  </span>
-                ) : (
-                  <Heart className="size-[18px]" />
-                )}
-                {nostrReactionCount > 0 && <span className="text-sm tabular-nums">{formatCount(nostrReactionCount)}</span>}
-              </button>
+              <ExternalReactionButton content={externalContent} iconSize="size-[18px]" />
               <button
                 type="button"
                 onClick={handleShare}
diff --git a/src/pages/ExternalContentPage.tsx b/src/pages/ExternalContentPage.tsx
index 173f7039..a8d42eae 100644
--- a/src/pages/ExternalContentPage.tsx
+++ b/src/pages/ExternalContentPage.tsx
@@ -1,6 +1,6 @@
-import { useCallback, useMemo, useRef, useState } from 'react';
+import { useCallback, useMemo, useState } from 'react';
 import { useSeoMeta } from '@unhead/react';
-import { ArrowLeft, Globe, Heart, MessageSquare, MoreHorizontal, Repeat2, Star, AlertTriangle, PanelLeft, Trash2 } from 'lucide-react';
+import { ArrowLeft, Globe, MessageSquare, MoreHorizontal, Repeat2, Star, AlertTriangle, PanelLeft, Trash2 } from 'lucide-react';
 import { Link, useLocation, useParams } from 'react-router-dom';
 import { Skeleton } from '@/components/ui/skeleton';
 import { Badge } from '@/components/ui/badge';
@@ -8,15 +8,13 @@ import { Button } from '@/components/ui/button';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { Avatar, AvatarImage, AvatarFallback } from '@/components/ui/avatar';
 import { getAvatarShape } from '@/lib/avatarShape';
-import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
 import {
   DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu';
 import { ThreadedReplyList } from '@/components/ThreadedReplyList';
 import { ComposeBox } from '@/components/ComposeBox';
 import { ReplyComposeModal } from '@/components/ReplyComposeModal';
-import { QuickReactMenu } from '@/components/QuickReactMenu';
-import { ReactionEmoji } from '@/components/CustomEmoji';
+import { ExternalReactionButton } from '@/components/ExternalReactionButton';
 import { BookReviewFormDialog } from '@/components/BookReviewForm';
 import { ProfileHoverCard } from '@/components/ProfileHoverCard';
 import {
@@ -38,45 +36,23 @@ import { isEventMuted } from '@/lib/muteHelpers';
 import { useLinkPreview } from '@/hooks/useLinkPreview';
 import { useLayoutOptions } from '@/contexts/LayoutContext';
 import { useCurrentUser } from '@/hooks/useCurrentUser';
-import { useNostrPublish } from '@/hooks/useNostrPublish';
 import { useFeedSettings } from '@/hooks/useFeedSettings';
 import { useWikipediaSummary } from '@/hooks/useWikipediaSummary';
-import { useQueryClient } from '@tanstack/react-query';
 import { useToast } from '@/hooks/useToast';
 import { getDisplayName } from '@/lib/getDisplayName';
 import { timeAgo } from '@/lib/timeAgo';
-import { formatNumber } from '@/lib/formatNumber';
 import { extractWikipediaTitle } from '@/lib/linkEmbed';
 import { cn } from '@/lib/utils';
-import {
-  useExternalUserReaction,
-  useExternalReactionCount,
-} from '@/hooks/useExternalReactions';
 import type { NostrEvent } from '@nostrify/nostrify';
 import type { BookReview } from '@/lib/bookstr';
 import NotFound from './NotFound';
 
-// ---------------------------------------------------------------------------
-// Helper: NIP-73 k tag value
-// ---------------------------------------------------------------------------
-
-function getExternalKTag(content: ExternalContent): string {
-  switch (content.type) {
-    case 'url': return 'web';
-    case 'isbn': return 'isbn';
-    case 'iso3166': return 'iso3166';
-    default: return 'web';
-  }
-}
-
 // ---------------------------------------------------------------------------
 // Action bar component for external content (react + share)
 // ---------------------------------------------------------------------------
 
 function ExternalActionBar({ content }: { content: ExternalContent }) {
   const { user } = useCurrentUser();
-  const { mutate: publishEvent } = useNostrPublish();
-  const queryClient = useQueryClient();
   const { toast } = useToast();
   const identifier = content.value;
   const { addToSidebar, removeFromSidebar, orderedItems } = useFeedSettings();
@@ -93,134 +69,13 @@ function ExternalActionBar({ content }: { content: ExternalContent }) {
     toast({ title: 'Removed from sidebar' });
   }, [identifier, removeFromSidebar, toast]);
 
-  const userReactionData = useExternalUserReaction(content);
-  const reactionCount = useExternalReactionCount(content);
-
-  const hasReacted = !!userReactionData;
-  const userEmoji = userReactionData?.emoji;
-  const userReactionTags = userReactionData?.tags;
-
-  // Reaction popover state
-  const [reactOpen, setReactOpen] = useState(false);
-  const closeTimeoutRef = useRef<NodeJS.Timeout | null>(null);
-  const justClosedRef = useRef(false);
-  const pickerExpandedRef = useRef(false);
-
   // Share compose modal state
   const [shareOpen, setShareOpen] = useState(false);
 
-  const handleMouseEnter = useCallback(() => {
-    if (!user) return;
-    if (justClosedRef.current) return;
-    if (closeTimeoutRef.current) {
-      clearTimeout(closeTimeoutRef.current);
-      closeTimeoutRef.current = null;
-    }
-    setReactOpen(true);
-  }, [user]);
-
-  const handleMouseLeave = useCallback(() => {
-    if (pickerExpandedRef.current) return;
-    closeTimeoutRef.current = setTimeout(() => setReactOpen(false), 150);
-  }, []);
-
-  // Publish kind 17 reaction
-  const handleReact = useCallback((emoji: string, emojiTag?: string[]) => {
-    if (!user) return;
-
-    const tags: string[][] = [
-      ['k', getExternalKTag(content)],
-      ['i', identifier],
-    ];
-    if (emojiTag) tags.push(emojiTag);
-
-    queryClient.setQueryData(['external-user-reaction', identifier], { emoji: emoji || '+', tags });
-    queryClient.setQueryData(['external-reaction-count', identifier], (prev: number | undefined) => (prev ?? 0) + 1);
-
-    publishEvent(
-      {
-        kind: 17,
-        content: emoji,
-        created_at: Math.floor(Date.now() / 1000),
-        tags,
-      },
-      {
-        onSuccess: () => {
-          setTimeout(() => {
-            queryClient.invalidateQueries({ queryKey: ['external-user-reaction', identifier] });
-            queryClient.invalidateQueries({ queryKey: ['external-reaction-count', identifier] });
-          }, 3000);
-        },
-        onError: () => {
-          toast({ title: 'Failed to react', variant: 'destructive' });
-          queryClient.setQueryData(['external-user-reaction', identifier], null);
-          queryClient.setQueryData(['external-reaction-count', identifier], (prev: number | undefined) => Math.max(0, (prev ?? 1) - 1));
-        },
-      },
-    );
-  }, [user, content, identifier, publishEvent, queryClient, toast]);
-
   return (
     <div className="flex items-center gap-1 px-4 py-2 border-b border-border">
       {/* Reaction button */}
-      <Popover open={reactOpen} onOpenChange={(open) => {
-        if (open && justClosedRef.current) return;
-        if (!open) pickerExpandedRef.current = false;
-        setReactOpen(open);
-      }}>
-        <PopoverTrigger asChild>
-          <button
-            className={`flex items-center gap-1.5 p-2 rounded-full transition-colors ${
-              hasReacted
-                ? 'text-pink-500'
-                : 'text-muted-foreground hover:text-pink-500 hover:bg-pink-500/10'
-            }`}
-            title="React"
-            onClick={(e) => {
-              e.stopPropagation();
-              if (!user) return;
-              if (justClosedRef.current) return;
-              setReactOpen((prev) => !prev);
-            }}
-            onMouseEnter={handleMouseEnter}
-            onMouseLeave={handleMouseLeave}
-          >
-            {hasReacted && userEmoji ? (
-              <span className="size-5 flex items-center justify-center text-base leading-none">
-                <ReactionEmoji content={userEmoji} tags={userReactionTags} className="size-5" />
-              </span>
-            ) : (
-              <Heart className="size-5" />
-            )}
-            {reactionCount > 0 && (
-              <span className="text-sm tabular-nums">{formatNumber(reactionCount)}</span>
-            )}
-          </button>
-        </PopoverTrigger>
-        <PopoverContent
-          className="w-auto p-0 border-0 bg-transparent shadow-none"
-          side="top"
-          align="start"
-          onClick={(e) => e.stopPropagation()}
-          onOpenAutoFocus={(e) => e.preventDefault()}
-          onMouseEnter={handleMouseEnter}
-          onMouseLeave={handleMouseLeave}
-        >
-          <QuickReactMenu
-            eventId={identifier}
-            eventPubkey=""
-            eventKind={17}
-            onExpandChange={(expanded) => { pickerExpandedRef.current = expanded; }}
-            onClose={() => {
-              pickerExpandedRef.current = false;
-              justClosedRef.current = true;
-              setReactOpen(false);
-              setTimeout(() => { justClosedRef.current = false; }, 300);
-            }}
-            onReact={handleReact}
-          />
-        </PopoverContent>
-      </Popover>
+      <ExternalReactionButton content={content} />
 
       {/* Share button — opens compose modal pre-filled with the URL */}
       <button

From dac751b0a96ce5dfe12d5d1fb4ac622cc47d5c8a Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 23 Mar 2026 21:46:14 -0500
Subject: [PATCH 094/120] Show Bluesky like counts and open comment compose
 dialog inline

Pass post.likeCount to ExternalReactionButton via new count prop so like
counts display from the Bluesky API. Comment button now opens the
ReplyComposeModal with the post URL instead of navigating away.
---
 src/components/ExternalReactionButton.tsx |  8 +++++---
 src/pages/BlueskyPage.tsx                 | 16 +++++++++++++---
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/src/components/ExternalReactionButton.tsx b/src/components/ExternalReactionButton.tsx
index 12b7764f..6f6d0352 100644
--- a/src/components/ExternalReactionButton.tsx
+++ b/src/components/ExternalReactionButton.tsx
@@ -38,6 +38,8 @@ interface ExternalReactionButtonProps {
   content: ExternalContent;
   /** Icon size class (default "size-5"). */
   iconSize?: string;
+  /** Display count from an external source (e.g. Bluesky like count). Falls back to the Nostr reaction count. */
+  count?: number;
   /** Extra class names on the trigger button. */
   className?: string;
 }
@@ -48,7 +50,7 @@ interface ExternalReactionButtonProps {
  * Includes hover-to-open emoji picker via `QuickReactMenu`, optimistic UI,
  * and displays the user's existing reaction & total count.
  */
-export function ExternalReactionButton({ content, iconSize = 'size-5', className }: ExternalReactionButtonProps) {
+export function ExternalReactionButton({ content, iconSize = 'size-5', count, className }: ExternalReactionButtonProps) {
   const { user } = useCurrentUser();
   const { mutate: publishEvent } = useNostrPublish();
   const queryClient = useQueryClient();
@@ -151,8 +153,8 @@ export function ExternalReactionButton({ content, iconSize = 'size-5', className
           ) : (
             <Heart className={iconSize} />
           )}
-          {reactionCount > 0 && (
-            <span className="text-sm tabular-nums">{formatNumber(reactionCount)}</span>
+          {(count ?? reactionCount) > 0 && (
+            <span className="text-sm tabular-nums">{formatNumber(count ?? reactionCount)}</span>
           )}
         </button>
       </PopoverTrigger>
diff --git a/src/pages/BlueskyPage.tsx b/src/pages/BlueskyPage.tsx
index 607103e1..b1cdcfe0 100644
--- a/src/pages/BlueskyPage.tsx
+++ b/src/pages/BlueskyPage.tsx
@@ -139,11 +139,12 @@ function BlueskyFeedPost({ post }: { post: BlueskyPost }) {
   const externalContent = useMemo(() => parseExternalUri(webUrl), [webUrl]);
 
   const [shareOpen, setShareOpen] = useState(false);
+  const [commentOpen, setCommentOpen] = useState(false);
 
   const handleComment = useCallback((e: React.MouseEvent) => {
     e.stopPropagation();
-    navigate(internalUrl);
-  }, [navigate, internalUrl]);
+    setCommentOpen(true);
+  }, []);
 
   const handleRepost = useCallback((e: React.MouseEvent) => {
     e.stopPropagation();
@@ -288,7 +289,7 @@ function BlueskyFeedPost({ post }: { post: BlueskyPost }) {
                 <Repeat2 className="size-[18px]" />
                 {post.repostCount > 0 && <span className="text-sm tabular-nums">{formatCount(post.repostCount)}</span>}
               </button>
-              <ExternalReactionButton content={externalContent} iconSize="size-[18px]" />
+              <ExternalReactionButton content={externalContent} iconSize="size-[18px]" count={post.likeCount} />
               <button
                 type="button"
                 onClick={handleShare}
@@ -302,6 +303,15 @@ function BlueskyFeedPost({ post }: { post: BlueskyPost }) {
         </div>
       </article>
 
+      {/* Comment compose modal */}
+      {commentOpen && (
+        <ReplyComposeModal
+          open={commentOpen}
+          onOpenChange={setCommentOpen}
+          event={new URL(webUrl)}
+        />
+      )}
+
       {/* Share compose modal */}
       {shareOpen && (
         <ReplyComposeModal

From 0c03b78b560101ce535ec1a2a8a6dc3906f03a6e Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 23 Mar 2026 21:52:29 -0500
Subject: [PATCH 095/120] Show link preview in compose modal when commenting on
 external URLs

ReplyComposeModal now renders a LinkPreview card when the event is a URL,
so users see what they're commenting on. Previously the preview was skipped
entirely for URL-based comments.
---
 src/components/ReplyComposeModal.tsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/ReplyComposeModal.tsx b/src/components/ReplyComposeModal.tsx
index 77d39809..de2a3cce 100644
--- a/src/components/ReplyComposeModal.tsx
+++ b/src/components/ReplyComposeModal.tsx
@@ -14,6 +14,7 @@ import { Avatar, AvatarImage, AvatarFallback } from '@/components/ui/avatar';
 import { getAvatarShape } from '@/lib/avatarShape';
 import { NoteContent } from '@/components/NoteContent';
 import { ComposeBox } from '@/components/ComposeBox';
+import { LinkPreview } from '@/components/LinkPreview';
 import { VanishCardCompact } from '@/components/VanishEventContent';
 import { ProfilePreview } from '@/components/ExternalContentHeader';
 import { useAuthor } from '@/hooks/useAuthor';
@@ -120,10 +121,16 @@ export function ReplyComposeModal({ event, quotedEvent, open, onOpenChange, onSu
             </div>
           </div>
 
-          {/* Embedded original post (reply only, not for URL roots or quotes) */}
-          {event && !isUrl && !isQuote && (
+          {/* Embedded original post (reply only, not for quotes) */}
+          {event && !isQuote && (
             <div className="overflow-y-auto min-h-0 shrink">
-              <EmbeddedPost event={event} />
+              {isUrl ? (
+                <div className="mx-4 mb-2">
+                  <LinkPreview url={event.href} showActions={false} />
+                </div>
+              ) : (
+                <EmbeddedPost event={event} />
+              )}
             </div>
           )}
 

From 6c9a584b461e2c168785dfe3b6fb2f2089439d26 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 23 Mar 2026 21:55:00 -0500
Subject: [PATCH 096/120] Link avatar and display name to Bluesky profile /i/
 page

Clicking the avatar, display name, or handle now navigates to
/i/{bsky.app/profile/handle} instead of the post's /i/ page.
Clicks stop propagation so the card-level navigation still works.
---
 src/components/ReplyComposeModal.tsx |  4 ++--
 src/pages/BlueskyPage.tsx            | 13 +++++++------
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/ReplyComposeModal.tsx b/src/components/ReplyComposeModal.tsx
index de2a3cce..59882678 100644
--- a/src/components/ReplyComposeModal.tsx
+++ b/src/components/ReplyComposeModal.tsx
@@ -14,7 +14,7 @@ import { Avatar, AvatarImage, AvatarFallback } from '@/components/ui/avatar';
 import { getAvatarShape } from '@/lib/avatarShape';
 import { NoteContent } from '@/components/NoteContent';
 import { ComposeBox } from '@/components/ComposeBox';
-import { LinkPreview } from '@/components/LinkPreview';
+import { LinkEmbed } from '@/components/LinkEmbed';
 import { VanishCardCompact } from '@/components/VanishEventContent';
 import { ProfilePreview } from '@/components/ExternalContentHeader';
 import { useAuthor } from '@/hooks/useAuthor';
@@ -126,7 +126,7 @@ export function ReplyComposeModal({ event, quotedEvent, open, onOpenChange, onSu
             <div className="overflow-y-auto min-h-0 shrink">
               {isUrl ? (
                 <div className="mx-4 mb-2">
-                  <LinkPreview url={event.href} showActions={false} />
+                  <LinkEmbed url={event.href} showActions={false} />
                 </div>
               ) : (
                 <EmbeddedPost event={event} />
diff --git a/src/pages/BlueskyPage.tsx b/src/pages/BlueskyPage.tsx
index b1cdcfe0..44fe417c 100644
--- a/src/pages/BlueskyPage.tsx
+++ b/src/pages/BlueskyPage.tsx
@@ -132,6 +132,7 @@ function BlueskyFeedPost({ post }: { post: BlueskyPost }) {
 
   const webUrl = postWebUrl(post.uri, post.author.handle);
   const internalUrl = dittoUrl(webUrl);
+  const profileUrl = dittoUrl(`https://bsky.app/profile/${post.author.handle}`);
   const images = post.embed?.$type === 'app.bsky.embed.images#view' ? (post.embed.images ?? []) : [];
   const externalEmbed = post.embed?.$type === 'app.bsky.embed.external#view' ? post.embed.external : undefined;
 
@@ -172,7 +173,7 @@ function BlueskyFeedPost({ post }: { post: BlueskyPost }) {
       >
         <div className="flex gap-3">
           {/* Avatar */}
-          <div className="shrink-0">
+          <Link to={profileUrl} onClick={(e) => e.stopPropagation()} className="shrink-0">
             {post.author.avatar ? (
               <img
                 src={post.author.avatar}
@@ -186,18 +187,18 @@ function BlueskyFeedPost({ post }: { post: BlueskyPost }) {
                 {(post.author.displayName ?? post.author.handle).charAt(0).toUpperCase()}
               </div>
             )}
-          </div>
+          </Link>
 
           {/* Body */}
           <div className="flex-1 min-w-0">
             {/* Author info */}
             <div className="flex items-center gap-1.5 min-w-0">
-              <span className="font-semibold text-[15px] truncate leading-tight">
+              <Link to={profileUrl} onClick={(e) => e.stopPropagation()} className="font-semibold text-[15px] truncate leading-tight hover:underline">
                 {post.author.displayName ?? post.author.handle}
-              </span>
-              <span className="text-muted-foreground text-sm truncate leading-tight">
+              </Link>
+              <Link to={profileUrl} onClick={(e) => e.stopPropagation()} className="text-muted-foreground text-sm truncate leading-tight hover:underline">
                 @{post.author.handle}
-              </span>
+              </Link>
               <span className="text-muted-foreground text-sm shrink-0">&middot;</span>
               <span className="text-muted-foreground text-sm shrink-0">
                 {timeAgo(post.record.createdAt)}

From 87a295c974562eea197d59b939c22550952d7781 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 23 Mar 2026 21:57:22 -0500
Subject: [PATCH 097/120] Hide images in compose modal reply indicator and
 external post embeds

Thread hideImage prop through LinkEmbed -> BlueskyEmbed -> ExternalPostCard
so images are suppressed in the compose dialog preview, matching the
behavior of normal post reply indicators.
---
 src/components/BlueskyEmbed.tsx      | 5 ++++-
 src/components/ExternalPostCard.tsx  | 8 +++++---
 src/components/LinkEmbed.tsx         | 2 +-
 src/components/ReplyComposeModal.tsx | 2 +-
 4 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/components/BlueskyEmbed.tsx b/src/components/BlueskyEmbed.tsx
index 4985c4d2..60987167 100644
--- a/src/components/BlueskyEmbed.tsx
+++ b/src/components/BlueskyEmbed.tsx
@@ -6,6 +6,8 @@ interface BlueskyEmbedProps {
   author: string;
   /** Record key (rkey) of the post. */
   rkey: string;
+  /** When true, hides image and external link thumbnails. */
+  hideImage?: boolean;
   className?: string;
 }
 
@@ -28,7 +30,7 @@ function BlueskyLogo({ className }: { className?: string }) {
  * Renders a Bluesky post as a native quote-post card, fetching data from
  * the public Bluesky API.
  */
-export function BlueskyEmbed({ author, rkey, className }: BlueskyEmbedProps) {
+export function BlueskyEmbed({ author, rkey, hideImage, className }: BlueskyEmbedProps) {
   const { data: post, isLoading, isError } = useBlueskyPost(author, rkey);
 
   if (isLoading) {
@@ -42,6 +44,7 @@ export function BlueskyEmbed({ author, rkey, className }: BlueskyEmbedProps) {
   return (
     <ExternalPostCard
       post={{ ...post, brandIcon: <BlueskyLogo className="size-3.5" /> }}
+      hideImage={hideImage}
       className={className}
     />
   );
diff --git a/src/components/ExternalPostCard.tsx b/src/components/ExternalPostCard.tsx
index 9be0cc6f..d5a6c669 100644
--- a/src/components/ExternalPostCard.tsx
+++ b/src/components/ExternalPostCard.tsx
@@ -69,6 +69,8 @@ function formatDate(iso: string): string {
 
 interface ExternalPostCardProps {
   post: ExternalPostData;
+  /** When true, hides image and external link thumbnails. */
+  hideImage?: boolean;
   className?: string;
 }
 
@@ -78,7 +80,7 @@ interface ExternalPostCardProps {
  * Clicking the card body navigates to `/i/{postUrl}`.
  * Clicking the avatar or display name navigates to `/i/{profileUrl}`.
  */
-export function ExternalPostCard({ post, className }: ExternalPostCardProps) {
+export function ExternalPostCard({ post, hideImage, className }: ExternalPostCardProps) {
   const navigate = useNavigate();
 
   return (
@@ -103,7 +105,7 @@ export function ExternalPostCard({ post, className }: ExternalPostCardProps) {
       }}
     >
       {/* Images */}
-      {post.images && post.images.length > 0 && (
+      {!hideImage && post.images && post.images.length > 0 && (
         <div className={cn(
           'w-full overflow-hidden',
           post.images.length > 1 ? 'grid grid-cols-2 gap-px' : '',
@@ -127,7 +129,7 @@ export function ExternalPostCard({ post, className }: ExternalPostCardProps) {
       )}
 
       {/* External link card (if no images) */}
-      {!post.images && post.external?.thumb && (
+      {!hideImage && !post.images && post.external?.thumb && (
         <div className="w-full overflow-hidden">
           <img
             src={post.external.thumb}
diff --git a/src/components/LinkEmbed.tsx b/src/components/LinkEmbed.tsx
index c4d9952c..f4eaf61b 100644
--- a/src/components/LinkEmbed.tsx
+++ b/src/components/LinkEmbed.tsx
@@ -63,7 +63,7 @@ export function LinkEmbed({ url, className, navigateToComments, showActions = tr
     embed = <TweetEmbed tweetId={tweetId} />;
   } else if (blueskyPost) {
     // BlueskyEmbed has built-in /i/ navigation, no DiscussBar needed
-    return <BlueskyEmbed author={blueskyPost.author} rkey={blueskyPost.rkey} className={className} />;
+    return <BlueskyEmbed author={blueskyPost.author} rkey={blueskyPost.rkey} hideImage={hideImage} className={className} />;
   } else if (mastodonUrl) {
     // MastodonEmbed has built-in /i/ navigation, no DiscussBar needed
     return <MastodonEmbed url={mastodonUrl} className={className} />;
diff --git a/src/components/ReplyComposeModal.tsx b/src/components/ReplyComposeModal.tsx
index 59882678..ba39f7df 100644
--- a/src/components/ReplyComposeModal.tsx
+++ b/src/components/ReplyComposeModal.tsx
@@ -126,7 +126,7 @@ export function ReplyComposeModal({ event, quotedEvent, open, onOpenChange, onSu
             <div className="overflow-y-auto min-h-0 shrink">
               {isUrl ? (
                 <div className="mx-4 mb-2">
-                  <LinkEmbed url={event.href} showActions={false} />
+                  <LinkEmbed url={event.href} showActions={false} hideImage />
                 </div>
               ) : (
                 <EmbeddedPost event={event} />

From 645c9d427f9fd43100982e6bb1a3882851b709b0 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 23 Mar 2026 22:02:06 -0500
Subject: [PATCH 098/120] Switch Bluesky search to actor typeahead for user
 discovery

---
 src/hooks/useBlueskyActorSearch.ts | 86 ++++++++++++++++++++++++++++++
 src/pages/BlueskyPage.tsx          | 34 ++++++------
 2 files changed, 103 insertions(+), 17 deletions(-)
 create mode 100644 src/hooks/useBlueskyActorSearch.ts

diff --git a/src/hooks/useBlueskyActorSearch.ts b/src/hooks/useBlueskyActorSearch.ts
new file mode 100644
index 00000000..3b52b318
--- /dev/null
+++ b/src/hooks/useBlueskyActorSearch.ts
@@ -0,0 +1,86 @@
+import { useQuery } from '@tanstack/react-query';
+
+// ---------------------------------------------------------------------------
+// Constants
+// ---------------------------------------------------------------------------
+
+const BSKY_PUBLIC_API = 'https://api.bsky.app/xrpc';
+
+// ---------------------------------------------------------------------------
+// Types
+// ---------------------------------------------------------------------------
+
+export interface BlueskyActorResult {
+  /** DID of the actor */
+  did: string;
+  /** Handle (e.g. jay.bsky.team) */
+  handle: string;
+  /** Display name */
+  displayName?: string;
+  /** Avatar URL */
+  avatar?: string;
+  /** Bio / description */
+  description?: string;
+  /** Bsky profile URL */
+  url: string;
+}
+
+interface SearchActorsTypeaheadResponse {
+  actors: Array<{
+    did: string;
+    handle: string;
+    displayName?: string;
+    avatar?: string;
+    description?: string;
+  }>;
+}
+
+// ---------------------------------------------------------------------------
+// Fetcher
+// ---------------------------------------------------------------------------
+
+async function searchActors(
+  query: string,
+  signal?: AbortSignal,
+): Promise<BlueskyActorResult[]> {
+  const params = new URLSearchParams({
+    q: query,
+    limit: '8',
+  });
+
+  const res = await fetch(
+    `${BSKY_PUBLIC_API}/app.bsky.actor.searchActorsTypeahead?${params}`,
+    { signal, headers: { Accept: 'application/json' } },
+  );
+
+  if (!res.ok) return [];
+
+  const data: SearchActorsTypeaheadResponse = await res.json();
+  if (!data.actors) return [];
+
+  return data.actors.map((actor) => ({
+    did: actor.did,
+    handle: actor.handle,
+    displayName: actor.displayName,
+    avatar: actor.avatar,
+    description: actor.description,
+    url: `https://bsky.app/profile/${actor.handle}`,
+  }));
+}
+
+// ---------------------------------------------------------------------------
+// Hook
+// ---------------------------------------------------------------------------
+
+/** Hook to search Bluesky users by name/handle (typeahead). */
+export function useBlueskyActorSearch(query: string) {
+  return useQuery({
+    queryKey: ['bluesky-actor-search', query],
+    queryFn: ({ signal }) => searchActors(query, signal),
+    enabled: query.trim().length >= 1,
+    staleTime: 1000 * 60 * 5,
+    gcTime: 1000 * 60 * 30,
+    retry: 1,
+    placeholderData: (prev) => prev,
+  });
+}
diff --git a/src/pages/BlueskyPage.tsx b/src/pages/BlueskyPage.tsx
index 44fe417c..fb6c36ce 100644
--- a/src/pages/BlueskyPage.tsx
+++ b/src/pages/BlueskyPage.tsx
@@ -19,7 +19,7 @@ import { ReplyComposeModal } from '@/components/ReplyComposeModal';
 import { ExternalReactionButton } from '@/components/ExternalReactionButton';
 import { useAppContext } from '@/hooks/useAppContext';
 import { useBlueskyTrending, type BlueskyPost } from '@/hooks/useBlueskyTrending';
-import { useBlueskySearch, type BlueskySearchResult } from '@/hooks/useBlueskySearch';
+import { useBlueskyActorSearch, type BlueskyActorResult } from '@/hooks/useBlueskyActorSearch';
 import { BlueskyIcon } from '@/components/icons/BlueskyIcon';
 import { shareOrCopy } from '@/lib/share';
 import { parseExternalUri } from '@/lib/externalContent';
@@ -340,14 +340,14 @@ function BlueskySearchBar() {
   const [dropdownOpen, setDropdownOpen] = useState(false);
   const debounceRef = useRef<ReturnType<typeof setTimeout>>();
 
-  const { data: results, isFetching } = useBlueskySearch(debouncedQuery);
+  const { data: results, isFetching } = useBlueskyActorSearch(debouncedQuery);
 
   const handleChange = useCallback((value: string) => {
     setQuery(value);
     clearTimeout(debounceRef.current);
     debounceRef.current = setTimeout(() => {
       setDebouncedQuery(value.trim());
-    }, 400);
+    }, 300);
   }, []);
 
   useEffect(() => {
@@ -355,9 +355,9 @@ function BlueskySearchBar() {
   }, []);
 
   useEffect(() => {
-    if (debouncedQuery.length >= 2 && results && results.length > 0) {
+    if (debouncedQuery.length >= 1 && results && results.length > 0) {
       setDropdownOpen(true);
-    } else if (debouncedQuery.length >= 2 && results && results.length === 0 && !isFetching) {
+    } else if (debouncedQuery.length >= 1 && results && results.length === 0 && !isFetching) {
       setDropdownOpen(true);
     }
   }, [debouncedQuery, results, isFetching]);
@@ -373,7 +373,7 @@ function BlueskySearchBar() {
     return () => document.removeEventListener('mousedown', handleClickOutside);
   }, []);
 
-  const handleSelect = useCallback((result: BlueskySearchResult) => {
+  const handleSelect = useCallback((result: BlueskyActorResult) => {
     setQuery('');
     setDebouncedQuery('');
     setDropdownOpen(false);
@@ -406,11 +406,11 @@ function BlueskySearchBar() {
         <Input
           ref={inputRef}
           type="text"
-          placeholder="Search Bluesky posts..."
+          placeholder="Search Bluesky users..."
           value={query}
           onChange={(e) => handleChange(e.target.value)}
           onFocus={() => {
-            if (debouncedQuery.length >= 2) setDropdownOpen(true);
+            if (debouncedQuery.length >= 1) setDropdownOpen(true);
           }}
           onKeyDown={handleKeyDown}
           className="pl-9 pr-9 h-9 text-base md:text-sm"
@@ -427,13 +427,13 @@ function BlueskySearchBar() {
       </div>
 
       {/* Search results dropdown */}
-      {dropdownOpen && debouncedQuery.length >= 2 && (
+      {dropdownOpen && debouncedQuery.length >= 1 && (
         <div className="absolute left-4 right-4 top-full mt-1 z-50 bg-popover border border-border rounded-lg shadow-lg overflow-hidden">
           {isFetching && (!results || results.length === 0) ? (
             <div className="divide-y divide-border">
               {Array.from({ length: 4 }).map((_, i) => (
                 <div key={i} className="flex items-center gap-3 px-3 py-2.5">
-                  <Skeleton className="w-10 h-10 rounded shrink-0" />
+                  <Skeleton className="size-10 rounded-full shrink-0" />
                   <div className="flex-1 min-w-0 space-y-1">
                     <Skeleton className="h-3.5 w-3/4" />
                     <Skeleton className="h-3 w-1/2" />
@@ -445,7 +445,7 @@ function BlueskySearchBar() {
             <div className="divide-y divide-border max-h-80 overflow-y-auto">
               {results.map((result) => (
                 <button
-                  key={result.uri}
+                  key={result.did}
                   type="button"
                   className="flex items-center gap-3 px-3 py-2.5 w-full text-left hover:bg-secondary/60 transition-colors"
                   onClick={() => handleSelect(result)}
@@ -454,28 +454,28 @@ function BlueskySearchBar() {
                     <img
                       src={result.avatar}
                       alt=""
-                      className="w-10 h-10 rounded-full object-cover bg-secondary shrink-0"
+                      className="size-10 rounded-full object-cover bg-secondary shrink-0"
                       loading="lazy"
                     />
                   ) : (
-                    <div className="w-10 h-10 rounded-full bg-gradient-to-br from-sky-500/20 to-blue-500/20 flex items-center justify-center shrink-0">
+                    <div className="size-10 rounded-full bg-gradient-to-br from-sky-500/20 to-blue-500/20 flex items-center justify-center shrink-0">
                       <BlueskyIcon className="size-4 text-muted-foreground/50" />
                     </div>
                   )}
                   <div className="flex-1 min-w-0">
-                    <p className="text-sm font-medium truncate">{result.displayName}</p>
+                    <p className="text-sm font-medium truncate">
+                      {result.displayName || result.handle}
+                    </p>
                     <p className="text-xs text-muted-foreground truncate">
                       @{result.handle}
-                      {result.likes > 0 && <> &middot; {formatCount(result.likes)} likes</>}
                     </p>
-                    <p className="text-xs text-muted-foreground/70 truncate mt-0.5">{result.text}</p>
                   </div>
                 </button>
               ))}
             </div>
           ) : (
             <div className="px-4 py-6 text-center text-sm text-muted-foreground">
-              No results found for &ldquo;{debouncedQuery}&rdquo;
+              No users found for &ldquo;{debouncedQuery}&rdquo;
             </div>
           )}
 

From d0966b10d98d22b792ce6e73c749f5d6df0971e6 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 23 Mar 2026 22:05:38 -0500
Subject: [PATCH 099/120] Switch Bluesky feed to official Discover (whats-hot)
 for curated trending content

---
 src/hooks/useBlueskyTrending.ts | 72 ++++++++++-----------------------
 1 file changed, 21 insertions(+), 51 deletions(-)

diff --git a/src/hooks/useBlueskyTrending.ts b/src/hooks/useBlueskyTrending.ts
index baa5b652..f1149fac 100644
--- a/src/hooks/useBlueskyTrending.ts
+++ b/src/hooks/useBlueskyTrending.ts
@@ -50,10 +50,12 @@ export interface BlueskyPost {
   indexedAt: string;
 }
 
-interface SearchPostsResponse {
-  posts: BlueskyPost[];
+interface GetFeedResponse {
+  feed: Array<{
+    post: BlueskyPost;
+    feedContext?: string;
+  }>;
   cursor?: string;
-  hitsTotal?: number;
 }
 
 // ---------------------------------------------------------------------------
@@ -62,62 +64,30 @@ interface SearchPostsResponse {
 
 const BSKY_PUBLIC_API = 'https://api.bsky.app/xrpc';
 
-// Curated trending topics that surface interesting content
-const TRENDING_TOPICS = [
-  'breaking news',
-  'science discovery',
-  'technology',
-  'photography',
-  'art',
-  'music',
-  'space',
-  'climate',
-  'sports',
-  'film',
-];
+/** Bluesky's official Discover feed — curated trending content, no NSFW. */
+const DISCOVER_FEED_URI = 'at://did:plc:z72i7hdynmk6r22z27h6tvur/app.bsky.feed.generator/whats-hot';
 
 // ---------------------------------------------------------------------------
 // Fetcher
 // ---------------------------------------------------------------------------
 
 async function fetchTrendingPosts(signal?: AbortSignal): Promise<BlueskyPost[]> {
-  // Pick 3 random topics to query for variety each time
-  const shuffled = [...TRENDING_TOPICS].sort(() => Math.random() - 0.5);
-  const selectedTopics = shuffled.slice(0, 3);
+  const params = new URLSearchParams({
+    feed: DISCOVER_FEED_URI,
+    limit: '30',
+  });
 
-  const results = await Promise.all(
-    selectedTopics.map(async (topic) => {
-      const params = new URLSearchParams({
-        q: topic,
-        sort: 'top',
-        limit: '10',
-        lang: 'en',
-      });
+  const res = await fetch(`${BSKY_PUBLIC_API}/app.bsky.feed.getFeed?${params}`, {
+    signal,
+    headers: { Accept: 'application/json' },
+  });
 
-      const res = await fetch(`${BSKY_PUBLIC_API}/app.bsky.feed.searchPosts?${params}`, {
-        signal,
-        headers: { Accept: 'application/json' },
-      });
+  if (!res.ok) return [];
 
-      if (!res.ok) return [];
+  const data: GetFeedResponse = await res.json();
+  if (!data.feed) return [];
 
-      const data: SearchPostsResponse = await res.json();
-      return data.posts ?? [];
-    }),
-  );
-
-  // Flatten, deduplicate by URI, sort by engagement (likes + reposts)
-  const allPosts = results.flat();
-  const uniqueMap = new Map<string, BlueskyPost>();
-  for (const post of allPosts) {
-    if (!uniqueMap.has(post.uri)) {
-      uniqueMap.set(post.uri, post);
-    }
-  }
-
-  return Array.from(uniqueMap.values())
-    .sort((a, b) => (b.likeCount + b.repostCount) - (a.likeCount + a.repostCount))
-    .slice(0, 24);
+  return data.feed.map((item) => item.post);
 }
 
 // ---------------------------------------------------------------------------
@@ -125,8 +95,8 @@ async function fetchTrendingPosts(signal?: AbortSignal): Promise<BlueskyPost[]>
 // ---------------------------------------------------------------------------
 
 /**
- * Fetches trending/popular posts from Bluesky using the public search API.
- * Queries multiple trending topics and returns the most-engaged posts.
+ * Fetches trending/popular posts from Bluesky's official Discover feed.
+ * Returns curated, high-engagement content without NSFW.
  */
 export function useBlueskyTrending() {
   return useQuery({

From c5a9f29f6023e8c7b2b5ba5eaaed7f7d09b8fc77 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 23 Mar 2026 22:07:51 -0500
Subject: [PATCH 100/120] Add infinite scroll to Bluesky feed and move
 attribution to info popover

---
 src/hooks/useBlueskyTrending.ts |  37 +++++++---
 src/pages/BlueskyPage.tsx       | 115 ++++++++++++++++++++++----------
 2 files changed, 110 insertions(+), 42 deletions(-)

diff --git a/src/hooks/useBlueskyTrending.ts b/src/hooks/useBlueskyTrending.ts
index f1149fac..cc58058c 100644
--- a/src/hooks/useBlueskyTrending.ts
+++ b/src/hooks/useBlueskyTrending.ts
@@ -1,4 +1,4 @@
-import { useQuery } from '@tanstack/react-query';
+import { useInfiniteQuery } from '@tanstack/react-query';
 
 // ---------------------------------------------------------------------------
 // Types
@@ -58,6 +58,12 @@ interface GetFeedResponse {
   cursor?: string;
 }
 
+/** A single page of results returned by the hook. */
+export interface BlueskyTrendingPage {
+  posts: BlueskyPost[];
+  cursor?: string;
+}
+
 // ---------------------------------------------------------------------------
 // Constants
 // ---------------------------------------------------------------------------
@@ -67,27 +73,39 @@ const BSKY_PUBLIC_API = 'https://api.bsky.app/xrpc';
 /** Bluesky's official Discover feed — curated trending content, no NSFW. */
 const DISCOVER_FEED_URI = 'at://did:plc:z72i7hdynmk6r22z27h6tvur/app.bsky.feed.generator/whats-hot';
 
+const PAGE_SIZE = 25;
+
 // ---------------------------------------------------------------------------
 // Fetcher
 // ---------------------------------------------------------------------------
 
-async function fetchTrendingPosts(signal?: AbortSignal): Promise<BlueskyPost[]> {
+async function fetchTrendingPage(
+  cursor: string | undefined,
+  signal?: AbortSignal,
+): Promise<BlueskyTrendingPage> {
   const params = new URLSearchParams({
     feed: DISCOVER_FEED_URI,
-    limit: '30',
+    limit: String(PAGE_SIZE),
   });
 
+  if (cursor) {
+    params.set('cursor', cursor);
+  }
+
   const res = await fetch(`${BSKY_PUBLIC_API}/app.bsky.feed.getFeed?${params}`, {
     signal,
     headers: { Accept: 'application/json' },
   });
 
-  if (!res.ok) return [];
+  if (!res.ok) return { posts: [] };
 
   const data: GetFeedResponse = await res.json();
-  if (!data.feed) return [];
+  if (!data.feed) return { posts: [] };
 
-  return data.feed.map((item) => item.post);
+  return {
+    posts: data.feed.map((item) => item.post),
+    cursor: data.cursor,
+  };
 }
 
 // ---------------------------------------------------------------------------
@@ -97,11 +115,14 @@ async function fetchTrendingPosts(signal?: AbortSignal): Promise<BlueskyPost[]>
 /**
  * Fetches trending/popular posts from Bluesky's official Discover feed.
  * Returns curated, high-engagement content without NSFW.
+ * Supports infinite scroll via cursor-based pagination.
  */
 export function useBlueskyTrending() {
-  return useQuery({
+  return useInfiniteQuery({
     queryKey: ['bluesky-trending'],
-    queryFn: ({ signal }) => fetchTrendingPosts(signal),
+    queryFn: ({ pageParam, signal }) => fetchTrendingPage(pageParam, signal),
+    getNextPageParam: (lastPage) => lastPage.cursor,
+    initialPageParam: undefined as string | undefined,
     staleTime: 1000 * 60 * 15, // 15 minutes
     gcTime: 1000 * 60 * 60, // 1 hour
     retry: 2,
diff --git a/src/pages/BlueskyPage.tsx b/src/pages/BlueskyPage.tsx
index fb6c36ce..88d7b2d7 100644
--- a/src/pages/BlueskyPage.tsx
+++ b/src/pages/BlueskyPage.tsx
@@ -1,10 +1,12 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { Link, useNavigate } from 'react-router-dom';
 import { useSeoMeta } from '@unhead/react';
+import { useInView } from 'react-intersection-observer';
 import {
   ArrowLeft,
   ExternalLink,
   FlameKindling,
+  Info,
   Loader2,
   MessageCircle,
   Repeat2,
@@ -15,6 +17,7 @@ import {
 
 import { Input } from '@/components/ui/input';
 import { Skeleton } from '@/components/ui/skeleton';
+import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
 import { ReplyComposeModal } from '@/components/ReplyComposeModal';
 import { ExternalReactionButton } from '@/components/ExternalReactionButton';
 import { useAppContext } from '@/hooks/useAppContext';
@@ -529,27 +532,53 @@ function BlueskyLoadingSkeleton() {
 
 export function BlueskyPage() {
   const { config } = useAppContext();
-  const { data: posts, isLoading, isError } = useBlueskyTrending();
+  const {
+    data,
+    isLoading,
+    isError,
+    fetchNextPage,
+    hasNextPage,
+    isFetchingNextPage,
+  } = useBlueskyTrending();
   const [activeCategory, setActiveCategory] = useState<Category>('all');
 
+  const { ref: loadMoreRef, inView } = useInView();
+
   useSeoMeta({
     title: `Bluesky | ${config.appName}`,
     description: 'Explore popular posts from Bluesky \u2014 trending discussions, images, and links.',
   });
 
+  // Flatten pages, deduplicate by URI
+  const allPosts = useMemo(() => {
+    if (!data?.pages) return [];
+    const seen = new Set<string>();
+    return data.pages.flatMap((page) => page.posts).filter((post) => {
+      if (seen.has(post.uri)) return false;
+      seen.add(post.uri);
+      return true;
+    });
+  }, [data?.pages]);
+
   const filtered = useMemo(() => {
-    if (!posts) return [];
     switch (activeCategory) {
       case 'images':
-        return posts.filter(hasImages);
+        return allPosts.filter(hasImages);
       case 'links':
-        return posts.filter(hasLinks);
+        return allPosts.filter(hasLinks);
       case 'text':
-        return posts.filter((p) => !hasImages(p) && !hasLinks(p));
+        return allPosts.filter((p) => !hasImages(p) && !hasLinks(p));
       default:
-        return posts;
+        return allPosts;
     }
-  }, [posts, activeCategory]);
+  }, [allPosts, activeCategory]);
+
+  // Trigger next page fetch when sentinel is in view
+  useEffect(() => {
+    if (inView && hasNextPage && !isFetchingNextPage) {
+      fetchNextPage();
+    }
+  }, [inView, hasNextPage, isFetchingNextPage, fetchNextPage]);
 
   return (
     <main className="pb-16 sidebar:pb-0">
@@ -567,15 +596,40 @@ export function BlueskyPage() {
             <p className="text-xs text-muted-foreground">Popular posts from the ATmosphere</p>
           </div>
         </div>
-        <a
-          href="https://bsky.app"
-          target="_blank"
-          rel="noopener noreferrer"
-          className="p-2 rounded-full hover:bg-secondary transition-colors text-muted-foreground hover:text-foreground"
-          title="Visit Bluesky"
-        >
-          <ExternalLink className="size-4" />
-        </a>
+        <div className="flex items-center gap-1">
+          <Popover>
+            <PopoverTrigger asChild>
+              <button
+                type="button"
+                className="p-2 rounded-full hover:bg-secondary transition-colors text-muted-foreground hover:text-foreground"
+                title="About"
+              >
+                <Info className="size-4" />
+              </button>
+            </PopoverTrigger>
+            <PopoverContent side="bottom" align="end" className="w-72 text-xs text-muted-foreground">
+              Content provided by{' '}
+              <a
+                href="https://bsky.app"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="underline underline-offset-2 hover:text-foreground transition-colors"
+              >
+                Bluesky
+              </a>
+              , a decentralized social network built on the AT Protocol. All posts are public and belong to their respective authors.
+            </PopoverContent>
+          </Popover>
+          <a
+            href="https://bsky.app"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="p-2 rounded-full hover:bg-secondary transition-colors text-muted-foreground hover:text-foreground"
+            title="Visit Bluesky"
+          >
+            <ExternalLink className="size-4" />
+          </a>
+        </div>
       </div>
 
       {/* Search bar */}
@@ -615,26 +669,19 @@ export function BlueskyPage() {
           {filtered.map((post) => (
             <BlueskyFeedPost key={post.uri} post={post} />
           ))}
+
+          {/* Infinite scroll sentinel */}
+          {hasNextPage && (
+            <div ref={loadMoreRef} className="py-6">
+              {isFetchingNextPage && (
+                <div className="flex justify-center">
+                  <Loader2 className="size-5 animate-spin text-muted-foreground" />
+                </div>
+              )}
+            </div>
+          )}
         </div>
       )}
-
-      {/* Attribution footer */}
-      <div className="px-4 py-8">
-        <div className="rounded-xl border border-dashed border-border bg-secondary/30 px-4 py-3 text-center">
-          <p className="text-xs text-muted-foreground">
-            Content provided by{' '}
-            <a
-              href="https://bsky.app"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="underline underline-offset-2 hover:text-foreground transition-colors"
-            >
-              Bluesky
-            </a>
-            , a decentralized social network built on the AT Protocol. All posts are public and belong to their respective authors.
-          </p>
-        </div>
-      </div>
     </main>
   );
 }

From d1c434050fd5da142f4030679a1055c5f2b76a0d Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 23 Mar 2026 22:08:46 -0500
Subject: [PATCH 101/120] Add Bluesky disclaimer in compose modal when replying
 to bsky.app URLs

---
 src/components/ReplyComposeModal.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/ReplyComposeModal.tsx b/src/components/ReplyComposeModal.tsx
index ba39f7df..4954116d 100644
--- a/src/components/ReplyComposeModal.tsx
+++ b/src/components/ReplyComposeModal.tsx
@@ -134,6 +134,13 @@ export function ReplyComposeModal({ event, quotedEvent, open, onOpenChange, onSu
             </div>
           )}
 
+          {/* Bluesky disclaimer */}
+          {isUrl && /bsky\.(app|social)/.test(event.href) && (
+            <p className="mx-4 mb-2 text-xs text-muted-foreground">
+              People on Bluesky can&apos;t see you because they&apos;re not actually decentralized
+            </p>
+          )}
+
           {/* Compose area */}
           <div className="shrink-0">
             <ComposeBox

From 4f9f2c10bf2f8b1455c61f66292da7e440c0e4f2 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 23 Mar 2026 22:09:32 -0500
Subject: [PATCH 102/120] Style Bluesky disclaimer as a branded callout banner

---
 src/components/ReplyComposeModal.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/ReplyComposeModal.tsx b/src/components/ReplyComposeModal.tsx
index 4954116d..6be64662 100644
--- a/src/components/ReplyComposeModal.tsx
+++ b/src/components/ReplyComposeModal.tsx
@@ -136,9 +136,11 @@ export function ReplyComposeModal({ event, quotedEvent, open, onOpenChange, onSu
 
           {/* Bluesky disclaimer */}
           {isUrl && /bsky\.(app|social)/.test(event.href) && (
-            <p className="mx-4 mb-2 text-xs text-muted-foreground">
-              People on Bluesky can&apos;t see you because they&apos;re not actually decentralized
-            </p>
+            <div className="mx-4 mb-2 rounded-lg border border-sky-500/20 bg-sky-500/5 px-3 py-2">
+              <p className="text-xs text-sky-600 dark:text-sky-400 leading-relaxed">
+                Your comment lives on Nostr &mdash; people on Bluesky won&apos;t see it because they&apos;re not actually decentralized. But the open web will.
+              </p>
+            </div>
           )}
 
           {/* Compose area */}

From 715c58ceba86fc362d758dddc39f4bb666d677ef Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 23 Mar 2026 22:10:28 -0500
Subject: [PATCH 103/120] Restore original Bluesky disclaimer text with styled
 callout

---
 src/components/ReplyComposeModal.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ReplyComposeModal.tsx b/src/components/ReplyComposeModal.tsx
index 6be64662..a9ffa8fe 100644
--- a/src/components/ReplyComposeModal.tsx
+++ b/src/components/ReplyComposeModal.tsx
@@ -138,7 +138,7 @@ export function ReplyComposeModal({ event, quotedEvent, open, onOpenChange, onSu
           {isUrl && /bsky\.(app|social)/.test(event.href) && (
             <div className="mx-4 mb-2 rounded-lg border border-sky-500/20 bg-sky-500/5 px-3 py-2">
               <p className="text-xs text-sky-600 dark:text-sky-400 leading-relaxed">
-                Your comment lives on Nostr &mdash; people on Bluesky won&apos;t see it because they&apos;re not actually decentralized. But the open web will.
+                People on Bluesky can&apos;t see you because they&apos;re not actually decentralized.
               </p>
             </div>
           )}

From 4ea657a7b79a9d4d9befe59fd5db0b733235601e Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 23 Mar 2026 22:10:55 -0500
Subject: [PATCH 104/120] Restyle Bluesky disclaimer as a cheeky amber warning

---
 src/components/ReplyComposeModal.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/ReplyComposeModal.tsx b/src/components/ReplyComposeModal.tsx
index a9ffa8fe..c7f771fd 100644
--- a/src/components/ReplyComposeModal.tsx
+++ b/src/components/ReplyComposeModal.tsx
@@ -136,8 +136,9 @@ export function ReplyComposeModal({ event, quotedEvent, open, onOpenChange, onSu
 
           {/* Bluesky disclaimer */}
           {isUrl && /bsky\.(app|social)/.test(event.href) && (
-            <div className="mx-4 mb-2 rounded-lg border border-sky-500/20 bg-sky-500/5 px-3 py-2">
-              <p className="text-xs text-sky-600 dark:text-sky-400 leading-relaxed">
+            <div className="mx-4 mb-2 rounded-lg border border-amber-500/30 bg-amber-500/5 px-3 py-2 flex items-start gap-2">
+              <span className="text-sm leading-relaxed shrink-0" aria-hidden>&#x26A0;&#xFE0F;</span>
+              <p className="text-xs text-amber-700 dark:text-amber-400 leading-relaxed">
                 People on Bluesky can&apos;t see you because they&apos;re not actually decentralized.
               </p>
             </div>

From d78b8b32861178fdd680d049ddda6f9881f5a850 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 23 Mar 2026 22:14:57 -0500
Subject: [PATCH 105/120] Remove category filter pills from Bluesky page

---
 src/pages/BlueskyPage.tsx | 78 ++-------------------------------------
 1 file changed, 3 insertions(+), 75 deletions(-)

diff --git a/src/pages/BlueskyPage.tsx b/src/pages/BlueskyPage.tsx
index 88d7b2d7..814265cb 100644
--- a/src/pages/BlueskyPage.tsx
+++ b/src/pages/BlueskyPage.tsx
@@ -33,24 +33,13 @@ import { cn } from '@/lib/utils';
 // Types
 // ---------------------------------------------------------------------------
 
-type Category = 'all' | 'images' | 'links' | 'text';
 
-interface CategoryMeta {
-  label: string;
-}
 
 // ---------------------------------------------------------------------------
 // Constants
 // ---------------------------------------------------------------------------
 
-const CATEGORIES: Record<Category, CategoryMeta> = {
-  all: { label: 'All Posts' },
-  images: { label: 'With Images' },
-  links: { label: 'With Links' },
-  text: { label: 'Text Only' },
-};
 
-const CATEGORY_ORDER: Category[] = ['all', 'images', 'links', 'text'];
 
 // ---------------------------------------------------------------------------
 // Helpers
@@ -89,42 +78,10 @@ function timeAgo(dateStr: string): string {
   return `${months}mo`;
 }
 
-/** Check if a post has image embeds. */
-function hasImages(post: BlueskyPost): boolean {
-  return post.embed?.$type === 'app.bsky.embed.images#view' && (post.embed?.images?.length ?? 0) > 0;
-}
-
-/** Check if a post has link/external embeds. */
-function hasLinks(post: BlueskyPost): boolean {
-  return post.embed?.$type === 'app.bsky.embed.external#view' && !!post.embed?.external;
-}
-
 // ---------------------------------------------------------------------------
 // Components
 // ---------------------------------------------------------------------------
 
-function CategoryPill({ category, active, onClick }: {
-  category: Category;
-  active: boolean;
-  onClick: () => void;
-}) {
-  const meta = CATEGORIES[category];
-  return (
-    <button
-      type="button"
-      onClick={onClick}
-      className={cn(
-        'inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-sm font-medium transition-all duration-200 whitespace-nowrap shrink-0',
-        active
-          ? 'bg-primary text-primary-foreground shadow-sm'
-          : 'bg-secondary/60 text-muted-foreground hover:bg-secondary hover:text-foreground',
-      )}
-    >
-      {meta.label}
-    </button>
-  );
-}
-
 // ---------------------------------------------------------------------------
 // Post card — feed-style (vertical, like NoteCard)
 // ---------------------------------------------------------------------------
@@ -540,8 +497,6 @@ export function BlueskyPage() {
     hasNextPage,
     isFetchingNextPage,
   } = useBlueskyTrending();
-  const [activeCategory, setActiveCategory] = useState<Category>('all');
-
   const { ref: loadMoreRef, inView } = useInView();
 
   useSeoMeta({
@@ -560,19 +515,6 @@ export function BlueskyPage() {
     });
   }, [data?.pages]);
 
-  const filtered = useMemo(() => {
-    switch (activeCategory) {
-      case 'images':
-        return allPosts.filter(hasImages);
-      case 'links':
-        return allPosts.filter(hasLinks);
-      case 'text':
-        return allPosts.filter((p) => !hasImages(p) && !hasLinks(p));
-      default:
-        return allPosts;
-    }
-  }, [allPosts, activeCategory]);
-
   // Trigger next page fetch when sentinel is in view
   useEffect(() => {
     if (inView && hasNextPage && !isFetchingNextPage) {
@@ -635,20 +577,6 @@ export function BlueskyPage() {
       {/* Search bar */}
       <BlueskySearchBar />
 
-      {/* Category filter pills */}
-      <div className="sticky top-mobile-bar sidebar:top-0 bg-background/80 backdrop-blur-md z-10 border-b border-border">
-        <div className="flex gap-2 px-4 py-2.5 overflow-x-auto">
-          {CATEGORY_ORDER.map((cat) => (
-            <CategoryPill
-              key={cat}
-              category={cat}
-              active={activeCategory === cat}
-              onClick={() => setActiveCategory(cat)}
-            />
-          ))}
-        </div>
-      </div>
-
       {/* Content */}
       {isLoading ? (
         <BlueskyLoadingSkeleton />
@@ -659,14 +587,14 @@ export function BlueskyPage() {
             Couldn&apos;t load Bluesky posts. Try again later.
           </p>
         </div>
-      ) : filtered.length === 0 ? (
+      ) : allPosts.length === 0 ? (
         <div className="py-16 text-center">
           <BlueskyIcon className="size-10 mx-auto mb-3 text-muted-foreground/20" />
-          <p className="text-muted-foreground text-sm">No posts match this filter.</p>
+          <p className="text-muted-foreground text-sm">No posts found.</p>
         </div>
       ) : (
         <div>
-          {filtered.map((post) => (
+          {allPosts.map((post) => (
             <BlueskyFeedPost key={post.uri} post={post} />
           ))}
 

From 4c1576f704a20514d9fdf795d0ade89b41286e25 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 23 Mar 2026 22:18:10 -0500
Subject: [PATCH 106/120] Add Bluesky to sidebar navigation and update icon to
 Simple Icons SVG

---
 src/components/icons/BlueskyIcon.tsx | 4 ++--
 src/lib/sidebarItems.tsx             | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/icons/BlueskyIcon.tsx b/src/components/icons/BlueskyIcon.tsx
index dcb7627a..e62952f0 100644
--- a/src/components/icons/BlueskyIcon.tsx
+++ b/src/components/icons/BlueskyIcon.tsx
@@ -11,12 +11,12 @@ export const BlueskyIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVG
       xmlns="http://www.w3.org/2000/svg"
       width={24}
       height={24}
-      viewBox="0 0 568 501"
+      viewBox="0 0 24 24"
       fill="currentColor"
       className={className}
       {...props}
     >
-      <path d="M123.121 33.664C188.241 82.553 258.281 181.68 284 234.873c25.719-53.192 95.759-152.32 160.879-201.21C491.866-1.611 568-28.906 568 57.947c0 17.346-9.945 145.713-15.778 166.555-20.275 72.453-94.155 90.933-159.875 79.748C507.222 323.8 536.444 388.56 473.333 453.32c-119.86 122.992-172.272-30.859-185.702-70.281-2.462-7.227-3.614-10.608-3.631-7.733-.017-2.875-1.169.506-3.631 7.733-13.43 39.422-65.842 193.273-185.702 70.281-63.111-64.76-33.889-129.52 80.986-149.071-65.72 11.185-139.6-7.295-159.875-79.748C10.945 203.659 1 75.291 1 57.946 1-28.906 78.134-1.612 123.121 33.664Z" />
+      <path d="M5.202 2.857C7.954 4.922 10.913 9.11 12 11.358c1.087-2.247 4.046-6.436 6.798-8.501C20.783 1.366 24 .213 24 3.883c0 .732-.42 6.156-.667 7.037-.856 3.061-3.978 3.842-6.755 3.37 4.854.826 6.089 3.562 3.422 6.299-5.065 5.196-7.28-1.304-7.847-2.97-.104-.305-.152-.448-.153-.327 0-.121-.05.022-.153.327-.568 1.666-2.782 8.166-7.847 2.97-2.667-2.737-1.432-5.473 3.422-6.3-2.777.473-5.899-.308-6.755-3.369C.42 10.04 0 4.615 0 3.883c0-3.67 3.217-2.517 5.202-1.026" />
     </svg>
   ),
 );
diff --git a/src/lib/sidebarItems.tsx b/src/lib/sidebarItems.tsx
index 48ca97e1..22332866 100644
--- a/src/lib/sidebarItems.tsx
+++ b/src/lib/sidebarItems.tsx
@@ -37,6 +37,7 @@ import { CardsIcon } from "@/components/icons/CardsIcon";
 import { ChestIcon } from "@/components/icons/ChestIcon";
 import { PlanetIcon } from "@/components/icons/PlanetIcon";
 import { WikipediaIcon } from "@/components/icons/WikipediaIcon";
+import { BlueskyIcon } from "@/components/icons/BlueskyIcon";
 
 // ── Types ─────────────────────────────────────────────────────────────────────
 
@@ -168,6 +169,7 @@ export const SIDEBAR_ITEMS: SidebarItemDef[] = [
   { id: "world", label: "World", path: "/world", icon: Earth },
   { id: "archive", label: "Archive", path: "/archive", icon: Archive },
   { id: "wikipedia", label: "Wikipedia", path: "/wikipedia", icon: WikipediaIcon },
+  { id: "bluesky", label: "Bluesky", path: "/bluesky", icon: BlueskyIcon },
 ];
 
 /** Set of all known sidebar item IDs for quick lookup. */

From 0baeca6ce78aa1d1d873ca87a033209260445421 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 23 Mar 2026 22:30:45 -0500
Subject: [PATCH 107/120] Render Bluesky posts as full feed-style thread on /i/
 detail pages

Replace the compact ExternalPostCard with a full feed-style layout
matching the /bluesky feed when viewing individual Bluesky posts.
Shows large avatar, full text, image/link embeds, and interactive
action buttons (comment, repost, react, share) for a thread-like feel.
---
 src/components/ExternalContentHeader.tsx | 265 ++++++++++++++++++++++-
 1 file changed, 262 insertions(+), 3 deletions(-)

diff --git a/src/components/ExternalContentHeader.tsx b/src/components/ExternalContentHeader.tsx
index 41521e75..4de6b997 100644
--- a/src/components/ExternalContentHeader.tsx
+++ b/src/components/ExternalContentHeader.tsx
@@ -1,26 +1,33 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { Link } from 'react-router-dom';
-import { BookOpen, Droplets, ExternalLink, FileText, Globe, MapPin, Package, Play, User, Users, Wind } from 'lucide-react';
+import { BookOpen, Droplets, ExternalLink, FileText, Globe, MapPin, MessageCircle, Package, Play, Repeat2, Share2, User, Users, Wind } from 'lucide-react';
 import { nip19 } from 'nostr-tools';
 import { Avatar, AvatarImage, AvatarFallback } from '@/components/ui/avatar';
 import { getAvatarShape } from '@/lib/avatarShape';
 import { Skeleton } from '@/components/ui/skeleton';
 import { ExternalFavicon } from '@/components/ExternalFavicon';
+import { ExternalReactionButton } from '@/components/ExternalReactionButton';
 import { LinkEmbed } from '@/components/LinkEmbed';
+import { ReplyComposeModal } from '@/components/ReplyComposeModal';
 import { WikipediaIcon } from '@/components/icons/WikipediaIcon';
-import { extractYouTubeId, extractWikipediaTitle } from '@/lib/linkEmbed';
+import { BlueskyIcon } from '@/components/icons/BlueskyIcon';
+import { extractYouTubeId, extractWikipediaTitle, extractBlueskyPost } from '@/lib/linkEmbed';
+import { parseExternalUri, formatIsbn } from '@/lib/externalContent';
+import { shareOrCopy } from '@/lib/share';
 import { useLinkPreview } from '@/hooks/useLinkPreview';
+import { useBlueskyPost } from '@/hooks/useBlueskyPost';
 import { useBookInfo } from '@/hooks/useBookInfo';
 import { useAddrEvent } from '@/hooks/useEvent';
 import { useAuthor } from '@/hooks/useAuthor';
 import { useProfileUrl } from '@/hooks/useProfileUrl';
 import { useWeather } from '@/hooks/useWeather';
+import { useToast } from '@/hooks/useToast';
 import { genUserName } from '@/lib/genUserName';
 import { getCountryInfo, getWikipediaTitle } from '@/lib/countries';
 import { useWikipediaSummary } from '@/hooks/useWikipediaSummary';
-import { parseExternalUri, formatIsbn } from '@/lib/externalContent';
 import { EXTRA_KINDS } from '@/lib/extraKinds';
 import { CONTENT_KIND_ICONS } from '@/lib/sidebarItems';
+import { cn } from '@/lib/utils';
 
 // ---------------------------------------------------------------------------
 // Full-size content headers (used on /i/ page)
@@ -28,14 +35,266 @@ import { CONTENT_KIND_ICONS } from '@/lib/sidebarItems';
 
 export function UrlContentHeader({ url }: { url: string }) {
   const wikiTitle = useMemo(() => extractWikipediaTitle(url), [url]);
+  const blueskyPost = useMemo(() => extractBlueskyPost(url), [url]);
 
   if (wikiTitle) {
     return <WikipediaArticleHeader title={wikiTitle} url={url} />;
   }
 
+  if (blueskyPost) {
+    return <BlueskyPostHeader author={blueskyPost.author} rkey={blueskyPost.rkey} url={url} />;
+  }
+
   return <LinkEmbed url={url} showActions={false} />;
 }
 
+// ---------------------------------------------------------------------------
+// Bluesky post header (full feed-style, like a thread top post)
+// ---------------------------------------------------------------------------
+
+function formatCount(n: number): string {
+  if (n >= 1_000_000) return `${(n / 1_000_000).toFixed(1)}M`;
+  if (n >= 1_000) return `${(n / 1_000).toFixed(1)}K`;
+  return String(n);
+}
+
+function blueskyTimeAgo(dateStr: string): string {
+  const now = Date.now();
+  const then = new Date(dateStr).getTime();
+  const diff = now - then;
+  const minutes = Math.floor(diff / 60000);
+  if (minutes < 1) return 'just now';
+  if (minutes < 60) return `${minutes}m`;
+  const hours = Math.floor(minutes / 60);
+  if (hours < 24) return `${hours}h`;
+  const days = Math.floor(hours / 24);
+  if (days < 30) return `${days}d`;
+  const months = Math.floor(days / 30);
+  return `${months}mo`;
+}
+
+function BlueskyPostHeader({ author, rkey, url }: { author: string; rkey: string; url: string }) {
+  const { data: post, isLoading, isError } = useBlueskyPost(author, rkey);
+  const { toast } = useToast();
+
+  const profileUrl = `/i/${encodeURIComponent(`https://bsky.app/profile/${post?.handle ?? author}`)}`;
+  const externalContent = useMemo(() => parseExternalUri(url), [url]);
+
+  const [shareOpen, setShareOpen] = useState(false);
+  const [commentOpen, setCommentOpen] = useState(false);
+
+  const handleComment = useCallback((e: React.MouseEvent) => {
+    e.stopPropagation();
+    setCommentOpen(true);
+  }, []);
+
+  const handleRepost = useCallback((e: React.MouseEvent) => {
+    e.stopPropagation();
+    setShareOpen(true);
+  }, []);
+
+  const handleShare = useCallback(async (e: React.MouseEvent) => {
+    e.stopPropagation();
+    const fullUrl = `${window.location.origin}/i/${encodeURIComponent(url)}`;
+    const result = await shareOrCopy(fullUrl);
+    if (result === 'copied') {
+      toast({ title: 'Link copied' });
+    }
+  }, [url, toast]);
+
+  if (isLoading) {
+    return (
+      <div className="py-3">
+        <div className="flex gap-3">
+          <Skeleton className="size-11 rounded-full shrink-0" />
+          <div className="flex-1 min-w-0 space-y-2">
+            <div className="flex items-center gap-2">
+              <Skeleton className="h-4 w-28" />
+              <Skeleton className="h-3.5 w-20" />
+            </div>
+            <Skeleton className="h-4 w-full" />
+            <Skeleton className="h-4 w-4/5" />
+            <div className="flex gap-6 pt-1">
+              <Skeleton className="h-4 w-10" />
+              <Skeleton className="h-4 w-10" />
+              <Skeleton className="h-4 w-10" />
+            </div>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  if (isError || !post) {
+    return <LinkEmbed url={url} showActions={false} />;
+  }
+
+  return (
+    <>
+      <article className="py-1">
+        <div className="flex gap-3">
+          {/* Avatar */}
+          <Link to={profileUrl} className="shrink-0">
+            {post.avatar ? (
+              <img
+                src={post.avatar}
+                alt=""
+                className="size-11 rounded-full object-cover"
+                loading="lazy"
+                onError={(e) => { e.currentTarget.style.display = 'none'; }}
+              />
+            ) : (
+              <div className="size-11 rounded-full bg-gradient-to-br from-sky-400 to-blue-500 flex items-center justify-center text-white text-sm font-bold">
+                {(post.displayName ?? post.handle).charAt(0).toUpperCase()}
+              </div>
+            )}
+          </Link>
+
+          {/* Body */}
+          <div className="flex-1 min-w-0">
+            {/* Author info */}
+            <div className="flex items-center gap-1.5 min-w-0">
+              <Link to={profileUrl} className="font-semibold text-[15px] truncate leading-tight hover:underline">
+                {post.displayName ?? post.handle}
+              </Link>
+              <Link to={profileUrl} className="text-muted-foreground text-sm truncate leading-tight hover:underline">
+                @{post.handle}
+              </Link>
+              <span className="text-muted-foreground text-sm shrink-0">&middot;</span>
+              <span className="text-muted-foreground text-sm shrink-0">
+                {blueskyTimeAgo(post.createdAt)}
+              </span>
+            </div>
+
+            {/* Post text */}
+            {post.text && (
+              <p className="mt-1 text-[15px] leading-relaxed whitespace-pre-wrap break-words">
+                {post.text}
+              </p>
+            )}
+
+            {/* Image embeds */}
+            {post.images && post.images.length > 0 && (
+              <div
+                className={cn(
+                  'mt-3 rounded-xl overflow-hidden border border-border',
+                  post.images.length === 1 && 'grid grid-cols-1',
+                  post.images.length === 2 && 'grid grid-cols-2 gap-0.5',
+                  post.images.length === 3 && 'grid grid-cols-2 gap-0.5',
+                  post.images.length >= 4 && 'grid grid-cols-2 gap-0.5',
+                )}
+              >
+                {post.images.slice(0, 4).map((img, i) => (
+                  <div
+                    key={i}
+                    className={cn(
+                      'relative overflow-hidden bg-secondary',
+                      post.images!.length === 1 ? 'aspect-video' : 'aspect-square',
+                      post.images!.length === 3 && i === 0 && 'row-span-2 aspect-auto',
+                    )}
+                  >
+                    <img
+                      src={img.thumb}
+                      alt={img.alt || ''}
+                      loading="lazy"
+                      className="absolute inset-0 w-full h-full object-cover"
+                      onError={(e) => { e.currentTarget.style.display = 'none'; }}
+                    />
+                  </div>
+                ))}
+              </div>
+            )}
+
+            {/* External link embed */}
+            {post.external && post.external.thumb && (
+              <div className="mt-3 rounded-xl border border-border overflow-hidden bg-secondary/30">
+                <div className="aspect-[2/1] overflow-hidden bg-secondary">
+                  <img
+                    src={post.external.thumb}
+                    alt=""
+                    loading="lazy"
+                    className="w-full h-full object-cover"
+                    onError={(e) => { e.currentTarget.style.display = 'none'; }}
+                  />
+                </div>
+                {post.external.title && (
+                  <div className="px-3 py-2.5">
+                    <p className="text-sm font-semibold leading-tight line-clamp-2">{post.external.title}</p>
+                  </div>
+                )}
+              </div>
+            )}
+
+            {/* Action buttons */}
+            <div className="flex items-center gap-5 mt-3 -ml-2">
+              <button
+                type="button"
+                onClick={handleComment}
+                className="inline-flex items-center gap-1.5 p-2 rounded-full text-muted-foreground hover:text-sky-500 hover:bg-sky-500/10 transition-colors"
+                title="Comment"
+              >
+                <MessageCircle className="size-[18px]" />
+                {post.replyCount > 0 && <span className="text-sm tabular-nums">{formatCount(post.replyCount)}</span>}
+              </button>
+              <button
+                type="button"
+                onClick={handleRepost}
+                className="inline-flex items-center gap-1.5 p-2 rounded-full text-muted-foreground hover:text-green-500 hover:bg-green-500/10 transition-colors"
+                title="Share to feed"
+              >
+                <Repeat2 className="size-[18px]" />
+                {post.repostCount > 0 && <span className="text-sm tabular-nums">{formatCount(post.repostCount)}</span>}
+              </button>
+              <ExternalReactionButton content={externalContent} iconSize="size-[18px]" count={post.likeCount} />
+              <button
+                type="button"
+                onClick={handleShare}
+                className="inline-flex items-center p-2 rounded-full text-muted-foreground hover:text-primary hover:bg-primary/10 transition-colors"
+                title="Share link"
+              >
+                <Share2 className="size-[18px]" />
+              </button>
+            </div>
+          </div>
+        </div>
+
+        {/* Bluesky source link */}
+        <div className="mt-2 flex items-center gap-1.5 text-xs text-muted-foreground">
+          <BlueskyIcon className="size-3.5 text-sky-500" />
+          <a
+            href={url}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="hover:text-foreground transition-colors hover:underline"
+          >
+            View on Bluesky
+          </a>
+          <ExternalLink className="size-3" />
+        </div>
+      </article>
+
+      {/* Comment compose modal */}
+      {commentOpen && (
+        <ReplyComposeModal
+          open={commentOpen}
+          onOpenChange={setCommentOpen}
+          event={new URL(url)}
+        />
+      )}
+
+      {/* Share compose modal */}
+      {shareOpen && (
+        <ReplyComposeModal
+          open={shareOpen}
+          onOpenChange={setShareOpen}
+          initialContent={url}
+          title="Share to feed"
+        />
+      )}
+    </>
+  );
+}
+
 // ---------------------------------------------------------------------------
 // Wikipedia article header (rich display for Wikipedia URLs)
 // ---------------------------------------------------------------------------

From 9ef6f085a0b4754633c09056cdfab8b57d1d2ff9 Mon Sep 17 00:00:00 2001
From: Chad Curtis <chad@chadwick.site>
Date: Mon, 23 Mar 2026 22:40:31 -0500
Subject: [PATCH 108/120] Harsher arc curves and move bottom nav items up

---
 package-lock.json                  | 25 +++++++++++++++++++++++++
 src/components/ArcBackground.tsx   |  6 +++---
 src/components/MobileBottomNav.tsx |  2 +-
 src/index.css                      |  4 ++--
 4 files changed, 31 insertions(+), 6 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index c5118b81..c0af0f13 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3170,6 +3170,7 @@
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3183,6 +3184,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3196,6 +3198,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3209,6 +3212,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3222,6 +3226,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3235,6 +3240,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3248,6 +3254,7 @@
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3261,6 +3268,7 @@
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3274,6 +3282,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3287,6 +3296,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3300,6 +3310,7 @@
       "cpu": [
         "loong64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3313,6 +3324,7 @@
       "cpu": [
         "loong64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3326,6 +3338,7 @@
       "cpu": [
         "ppc64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3339,6 +3352,7 @@
       "cpu": [
         "ppc64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3352,6 +3366,7 @@
       "cpu": [
         "riscv64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3365,6 +3380,7 @@
       "cpu": [
         "riscv64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3378,6 +3394,7 @@
       "cpu": [
         "s390x"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3391,6 +3408,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3404,6 +3422,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3417,6 +3436,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3430,6 +3450,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3443,6 +3464,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3456,6 +3478,7 @@
       "cpu": [
         "ia32"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3469,6 +3492,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3482,6 +3506,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
diff --git a/src/components/ArcBackground.tsx b/src/components/ArcBackground.tsx
index 6acc923c..d19bb39f 100644
--- a/src/components/ArcBackground.tsx
+++ b/src/components/ArcBackground.tsx
@@ -1,13 +1,13 @@
 import { cn } from '@/lib/utils';
 
 /** The arc overhang in pixels that extends beyond the element's bounds. */
-export const ARC_OVERHANG_PX = 20;
+export const ARC_OVERHANG_PX = 24;
 
 /** SVG path for a downward arc (used by top bar and sub-header bar). */
-const ARC_DOWN_PATH = 'M0,0 L100,0 L100,44 Q50,64 0,44 Z';
+const ARC_DOWN_PATH = 'M0,0 L100,0 L100,24 Q50,64 0,24 Z';
 
 /** SVG path for an upward arc (used by bottom nav). */
-const ARC_UP_PATH = 'M0,20 Q50,0 100,20 L100,64 L0,64 Z';
+const ARC_UP_PATH = 'M0,30 Q50,0 100,30 L100,64 L0,64 Z';
 
 /** SVG path for a plain rectangle with no arc. */
 const RECT_PATH = 'M0,0 L100,0 L100,64 L0,64 Z';
diff --git a/src/components/MobileBottomNav.tsx b/src/components/MobileBottomNav.tsx
index bd379e8a..7ce51e47 100644
--- a/src/components/MobileBottomNav.tsx
+++ b/src/components/MobileBottomNav.tsx
@@ -52,7 +52,7 @@ export function MobileBottomNav() {
       >
         <ArcBackground variant={noArcs ? 'rect' : 'up'} />
 
-        <div className="h-11 mt-2 flex items-center relative">
+        <div className="h-11 mt-0.5 flex items-center relative">
 
           {/* Feed */}
           <Link
diff --git a/src/index.css b/src/index.css
index 137eb3fe..6694dc6d 100644
--- a/src/index.css
+++ b/src/index.css
@@ -48,9 +48,9 @@
     bottom: calc(1.5rem + var(--bottom-nav-height) + env(safe-area-inset-bottom, 0px));
   }
 
-  /* Position above mobile bottom nav + safe area + arc overhang (20px) */
+  /* Position above mobile bottom nav + safe area + arc overhang (24px) */
   .bottom-mobile-nav {
-    bottom: calc(var(--bottom-nav-height) + 20px + env(safe-area-inset-bottom, 0px));
+    bottom: calc(var(--bottom-nav-height) + 24px + env(safe-area-inset-bottom, 0px));
   }
 
   /* Bottom overscroll padding for the center column:

From 042489a39fd164bfcef037586775bfd4cc2abe03 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 23 Mar 2026 23:03:03 -0500
Subject: [PATCH 109/120] Replace Saturn FAB with user's avatar shape (circle
 default, emoji mask when set)

---
 src/components/FloatingComposeButton.tsx | 35 ++++++++++++++++++++----
 1 file changed, 29 insertions(+), 6 deletions(-)

diff --git a/src/components/FloatingComposeButton.tsx b/src/components/FloatingComposeButton.tsx
index 5d7e2633..86968b8c 100644
--- a/src/components/FloatingComposeButton.tsx
+++ b/src/components/FloatingComposeButton.tsx
@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useMemo, useState } from 'react';
 import { Plus, Construction } from 'lucide-react';
 import { useNavigate } from 'react-router-dom';
 import { Button } from '@/components/ui/button';
@@ -7,9 +7,9 @@ import {
   DialogContent,
   DialogTitle,
 } from '@/components/ui/dialog';
-import { PlanetButton } from '@/components/icons/PlanetButton';
 import { ReplyComposeModal } from '@/components/ReplyComposeModal';
 import { useCurrentUser } from '@/hooks/useCurrentUser';
+import { getAvatarShape, getEmojiMaskUrl } from '@/lib/avatarShape';
 
 /** Drop shadow style for the planet FAB — hoisted to avoid re-creating on every render. */
 const fabShadowStyle: React.CSSProperties = {
@@ -28,11 +28,30 @@ interface FloatingComposeButtonProps {
 }
 
 export function FloatingComposeButton({ kind = 1, href, onFabClick, icon }: FloatingComposeButtonProps) {
-  const { user } = useCurrentUser();
+  const { user, metadata } = useCurrentUser();
   const navigate = useNavigate();
   const [composeOpen, setComposeOpen] = useState(false);
   const [comingSoonOpen, setComingSoonOpen] = useState(false);
 
+  const avatarShape = getAvatarShape(metadata);
+
+  /** When the user has a custom emoji shape, use it as the FAB mask instead of a circle. */
+  const shapeMaskStyle = useMemo<React.CSSProperties | undefined>(() => {
+    if (!avatarShape) return undefined;
+    const maskUrl = getEmojiMaskUrl(avatarShape);
+    if (!maskUrl) return undefined;
+    return {
+      WebkitMaskImage: `url(${maskUrl})`,
+      maskImage: `url(${maskUrl})`,
+      WebkitMaskSize: 'contain',
+      maskSize: 'contain' as string,
+      WebkitMaskRepeat: 'no-repeat',
+      maskRepeat: 'no-repeat' as string,
+      WebkitMaskPosition: 'center',
+      maskPosition: 'center' as string,
+    };
+  }, [avatarShape]);
+
   if (!user) {
     return null;
   }
@@ -56,9 +75,13 @@ export function FloatingComposeButton({ kind = 1, href, onFabClick, icon }: Floa
         className="relative size-16 transition-transform hover:scale-105 active:scale-95"
         style={fabShadowStyle}
       >
-        <PlanetButton />
-        {/* Plus icon centered on the planet body */}
-        <span className="absolute inset-0 flex items-center justify-center text-accent-foreground">
+        {/* FAB background: user's avatar shape (emoji mask) or circle (default) */}
+        <div
+          className="absolute inset-0 bg-primary rounded-full"
+          style={shapeMaskStyle}
+        />
+        {/* Plus icon centered on the button */}
+        <span className="absolute inset-0 flex items-center justify-center text-primary-foreground">
           {icon ?? <Plus strokeWidth={4} size={16} />}
         </span>
       </button>

From 1d9e445d8446a4fd244e4c32ebb892fd40abdcd0 Mon Sep 17 00:00:00 2001
From: Chad Curtis <chad@chadwick.site>
Date: Mon, 23 Mar 2026 23:10:55 -0500
Subject: [PATCH 110/120] Fix arc bugs: revert top arc to upstream, remove top
 navbar arc, separate bottom nav overhang for harsher curve

---
 src/components/ArcBackground.tsx   | 18 ++++++++++++------
 src/components/MainLayout.tsx      |  2 +-
 src/components/MobileBottomNav.tsx |  6 +++---
 src/components/MobileTopBar.tsx    |  6 ++----
 src/index.css                      |  4 ++--
 5 files changed, 20 insertions(+), 16 deletions(-)

diff --git a/src/components/ArcBackground.tsx b/src/components/ArcBackground.tsx
index d19bb39f..018c3d50 100644
--- a/src/components/ArcBackground.tsx
+++ b/src/components/ArcBackground.tsx
@@ -1,10 +1,13 @@
 import { cn } from '@/lib/utils';
 
-/** The arc overhang in pixels that extends beyond the element's bounds. */
-export const ARC_OVERHANG_PX = 24;
+/** Arc overhang for the downward arc (top bar / sub-header). */
+export const ARC_OVERHANG_PX = 20;
+
+/** Larger overhang for the upward arc (bottom nav) so the harsher curve isn't clipped. */
+export const ARC_UP_OVERHANG_PX = 28;
 
 /** SVG path for a downward arc (used by top bar and sub-header bar). */
-const ARC_DOWN_PATH = 'M0,0 L100,0 L100,24 Q50,64 0,24 Z';
+const ARC_DOWN_PATH = 'M0,0 L100,0 L100,44 Q50,64 0,44 Z';
 
 /** SVG path for an upward arc (used by bottom nav). */
 const ARC_UP_PATH = 'M0,30 Q50,0 100,30 L100,64 L0,64 Z';
@@ -12,8 +15,11 @@ const ARC_UP_PATH = 'M0,30 Q50,0 100,30 L100,64 L0,64 Z';
 /** SVG path for a plain rectangle with no arc. */
 const RECT_PATH = 'M0,0 L100,0 L100,64 L0,64 Z';
 
-/** Pre-computed style for arc variants (avoids creating a new object on every render). */
-const arcHeightStyle: React.CSSProperties = { height: `calc(100% + ${ARC_OVERHANG_PX}px)` };
+/** Pre-computed style for down-arc variant. */
+const arcDownHeightStyle: React.CSSProperties = { height: `calc(100% + ${ARC_OVERHANG_PX}px)` };
+
+/** Pre-computed style for up-arc variant (bottom nav — larger overhang). */
+const arcUpHeightStyle: React.CSSProperties = { height: `calc(100% + ${ARC_UP_OVERHANG_PX}px)` };
 
 /** Pre-computed style for non-arc (rect) variant. */
 const fullHeightStyle: React.CSSProperties = { height: '100%' };
@@ -45,7 +51,7 @@ export function ArcBackground({ variant, className }: ArcBackgroundProps) {
       className={cn(positionClass, 'w-full pointer-events-none', className)}
       viewBox="0 0 100 64"
       preserveAspectRatio="none"
-      style={hasArc ? arcHeightStyle : fullHeightStyle}
+      style={hasArc ? (variant === 'up' ? arcUpHeightStyle : arcDownHeightStyle) : fullHeightStyle}
     >
       <path d={path} className="fill-background/95" />
     </svg>
diff --git a/src/components/MainLayout.tsx b/src/components/MainLayout.tsx
index 26ec016f..3b4d96c3 100644
--- a/src/components/MainLayout.tsx
+++ b/src/components/MainLayout.tsx
@@ -74,7 +74,7 @@ function MainLayoutInner() {
       {config.magicMouse && <CursorFireEffect />}
 
       {/* Mobile top bar - only on small screens */}
-      <MobileTopBar onAvatarClick={() => setDrawerOpen(true)} showArc={!hasSubHeader && !noArcs} />
+      <MobileTopBar onAvatarClick={() => setDrawerOpen(true)} />
 
       {/* Mobile drawer */}
       <MobileDrawer open={drawerOpen} onOpenChange={setDrawerOpen} />
diff --git a/src/components/MobileBottomNav.tsx b/src/components/MobileBottomNav.tsx
index 7ce51e47..40540b41 100644
--- a/src/components/MobileBottomNav.tsx
+++ b/src/components/MobileBottomNav.tsx
@@ -10,12 +10,12 @@ import { useCurrentUser } from '@/hooks/useCurrentUser';
 import { useScrollDirection } from '@/hooks/useScrollDirection';
 import { useProfileUrl } from '@/hooks/useProfileUrl';
 import { useLayoutSnapshot } from '@/contexts/LayoutContext';
-import { ArcBackground, ARC_OVERHANG_PX } from '@/components/ArcBackground';
+import { ArcBackground, ARC_UP_OVERHANG_PX } from '@/components/ArcBackground';
 import { MobileSearchSheet } from '@/components/MobileSearchSheet';
 
 /** Transform style applied when the bottom nav is hidden (scrolled away). */
 const hiddenStyle: React.CSSProperties = {
-  transform: `translateY(calc(100% + ${ARC_OVERHANG_PX}px))`,
+  transform: `translateY(calc(100% + ${ARC_UP_OVERHANG_PX}px))`,
 };
 
 export function MobileBottomNav() {
@@ -52,7 +52,7 @@ export function MobileBottomNav() {
       >
         <ArcBackground variant={noArcs ? 'rect' : 'up'} />
 
-        <div className="h-11 mt-0.5 flex items-center relative">
+        <div className="h-11 flex items-center relative">
 
           {/* Feed */}
           <Link
diff --git a/src/components/MobileTopBar.tsx b/src/components/MobileTopBar.tsx
index 374e66e6..b653ff9e 100644
--- a/src/components/MobileTopBar.tsx
+++ b/src/components/MobileTopBar.tsx
@@ -6,11 +6,9 @@ import { ArcBackground } from '@/components/ArcBackground';
 
 interface MobileTopBarProps {
   onAvatarClick: () => void;
-  /** Whether to show the decorative arc below the header (when no sub-header exists). */
-  showArc?: boolean;
 }
 
-export function MobileTopBar({ onAvatarClick, showArc }: MobileTopBarProps) {
+export function MobileTopBar({ onAvatarClick }: MobileTopBarProps) {
   const location = useLocation();
 
   const handleLogoClick = useCallback((e: React.MouseEvent) => {
@@ -22,7 +20,7 @@ export function MobileTopBar({ onAvatarClick, showArc }: MobileTopBarProps) {
 
   return (
     <header className="sticky top-0 z-20 sidebar:hidden safe-area-top">
-      <ArcBackground variant={showArc ? 'down' : 'rect'} />
+      <ArcBackground variant="rect" />
       <div className="relative flex items-center px-3 h-10">
         {/* Left: hamburger menu icon */}
         <div className="flex items-center justify-center w-7 shrink-0">
diff --git a/src/index.css b/src/index.css
index 6694dc6d..9f50ce38 100644
--- a/src/index.css
+++ b/src/index.css
@@ -48,9 +48,9 @@
     bottom: calc(1.5rem + var(--bottom-nav-height) + env(safe-area-inset-bottom, 0px));
   }
 
-  /* Position above mobile bottom nav + safe area + arc overhang (24px) */
+  /* Position above mobile bottom nav + safe area + arc overhang (28px) */
   .bottom-mobile-nav {
-    bottom: calc(var(--bottom-nav-height) + 24px + env(safe-area-inset-bottom, 0px));
+    bottom: calc(var(--bottom-nav-height) + 28px + env(safe-area-inset-bottom, 0px));
   }
 
   /* Bottom overscroll padding for the center column:

From 47bc5f516f048d32b98ff7d9ea8f46cbdfbe474e Mon Sep 17 00:00:00 2001
From: Chad Curtis <chad@chadwick.site>
Date: Mon, 23 Mar 2026 23:20:59 -0500
Subject: [PATCH 111/120] Fix bottom nav arc on safe-area devices: separate
 safe area spacer from arc container

---
 src/components/MobileBottomNav.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/MobileBottomNav.tsx b/src/components/MobileBottomNav.tsx
index 40540b41..6a2ce739 100644
--- a/src/components/MobileBottomNav.tsx
+++ b/src/components/MobileBottomNav.tsx
@@ -45,14 +45,16 @@ export function MobileBottomNav() {
 
       <nav
         className={cn(
-          'fixed bottom-0 left-0 right-0 z-40 sidebar:hidden safe-area-bottom will-change-transform',
+          'fixed bottom-0 left-0 right-0 z-40 sidebar:hidden will-change-transform',
           'transition-transform duration-300 ease-in-out',
         )}
         style={isHidden ? hiddenStyle : undefined}
       >
-        <ArcBackground variant={noArcs ? 'rect' : 'up'} />
-
-        <div className="h-11 flex items-center relative">
+        {/* Arc + items wrapper — safe area padding is separate below so the
+            arc's percentage height is based only on the items area. */}
+        <div className="relative">
+          <ArcBackground variant={noArcs ? 'rect' : 'up'} />
+          <div className="h-11 flex items-center relative">
 
           {/* Feed */}
           <Link
@@ -127,7 +129,10 @@ export function MobileBottomNav() {
             </Link>
           )}
 
+          </div>
         </div>
+        {/* Safe area spacer — sits below the arc/items so it doesn't inflate the arc height */}
+        <div className="safe-area-bottom bg-background/95" />
       </nav>
     </>
   );

From 3fb206597cb6dac91537e46e7adb774fb8f277c5 Mon Sep 17 00:00:00 2001
From: Chad Curtis <chad@chadwick.site>
Date: Mon, 23 Mar 2026 23:59:24 -0500
Subject: [PATCH 112/120] Fix unused variable lint errors in MainLayout

---
 src/components/MainLayout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/MainLayout.tsx b/src/components/MainLayout.tsx
index 3b4d96c3..0fe76232 100644
--- a/src/components/MainLayout.tsx
+++ b/src/components/MainLayout.tsx
@@ -64,7 +64,7 @@ function PageSkeleton() {
 
 /** Inner component that reads layout options from the context store. */
 function MainLayoutInner() {
-  const { rightSidebar, showFAB = false, fabKind = 1, fabHref, onFabClick, fabIcon, wrapperClassName, noOverscroll, noMaxWidth, hasSubHeader, noArcs } = useLayoutSnapshot();
+  const { rightSidebar, showFAB = false, fabKind = 1, fabHref, onFabClick, fabIcon, wrapperClassName, noOverscroll, noMaxWidth } = useLayoutSnapshot();
   const [drawerOpen, setDrawerOpen] = useState(false);
   const { config } = useAppContext();
 

From a1cc46abc8aaa04b7f8290c9580db71bc5a310e5 Mon Sep 17 00:00:00 2001
From: Chad Curtis <chad@chadwick.site>
Date: Tue, 24 Mar 2026 01:59:06 -0500
Subject: [PATCH 113/120] Fix 1px gap between bottom nav and safe-area spacer
 on iOS Safari

---
 src/components/MobileBottomNav.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/MobileBottomNav.tsx b/src/components/MobileBottomNav.tsx
index 6a2ce739..8175c2af 100644
--- a/src/components/MobileBottomNav.tsx
+++ b/src/components/MobileBottomNav.tsx
@@ -131,8 +131,9 @@ export function MobileBottomNav() {
 
           </div>
         </div>
-        {/* Safe area spacer — sits below the arc/items so it doesn't inflate the arc height */}
-        <div className="safe-area-bottom bg-background/95" />
+        {/* Safe area spacer — sits below the arc/items so it doesn't inflate the arc height.
+            -mt-px removes the sub-pixel gap iOS Safari renders between adjacent elements. */}
+        <div className="-mt-px pt-px safe-area-bottom bg-background/95" />
       </nav>
     </>
   );

From ed86548d93e8ca59278254a32a62bb426bcccdf0 Mon Sep 17 00:00:00 2001
From: Chad Curtis <chad@chadwick.site>
Date: Tue, 24 Mar 2026 02:09:54 -0500
Subject: [PATCH 114/120] Revert "Fix 1px gap between bottom nav and safe-area
 spacer on iOS Safari"

This reverts commit a1cc46abc8aaa04b7f8290c9580db71bc5a310e5.
---
 src/components/MobileBottomNav.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/MobileBottomNav.tsx b/src/components/MobileBottomNav.tsx
index 8175c2af..6a2ce739 100644
--- a/src/components/MobileBottomNav.tsx
+++ b/src/components/MobileBottomNav.tsx
@@ -131,9 +131,8 @@ export function MobileBottomNav() {
 
           </div>
         </div>
-        {/* Safe area spacer — sits below the arc/items so it doesn't inflate the arc height.
-            -mt-px removes the sub-pixel gap iOS Safari renders between adjacent elements. */}
-        <div className="-mt-px pt-px safe-area-bottom bg-background/95" />
+        {/* Safe area spacer — sits below the arc/items so it doesn't inflate the arc height */}
+        <div className="safe-area-bottom bg-background/95" />
       </nav>
     </>
   );

From e8bc9a9c16d7a931c0a6c18cccb4c1a7862b9f60 Mon Sep 17 00:00:00 2001
From: Chad Curtis <chad@chadwick.site>
Date: Tue, 24 Mar 2026 06:56:49 -0500
Subject: [PATCH 115/120] Highlight hovered tab slice on arc background

---
 src/components/SubHeaderBar.tsx | 51 ++++++++++++++++++++++++++++-----
 src/components/TabButton.tsx    | 22 +++++++++++---
 2 files changed, 62 insertions(+), 11 deletions(-)

diff --git a/src/components/SubHeaderBar.tsx b/src/components/SubHeaderBar.tsx
index a5719a51..2edce48f 100644
--- a/src/components/SubHeaderBar.tsx
+++ b/src/components/SubHeaderBar.tsx
@@ -1,5 +1,11 @@
+import { useState } from 'react';
 import { cn } from '@/lib/utils';
-import { ArcBackground } from '@/components/ArcBackground';
+import { ArcBackground, ARC_OVERHANG_PX } from '@/components/ArcBackground';
+
+interface HoverSlice {
+  left: number;
+  width: number;
+}
 
 interface SubHeaderBarProps {
   children: React.ReactNode;
@@ -11,6 +17,18 @@ interface SubHeaderBarProps {
   noArc?: boolean;
 }
 
+interface SubHeaderBarContextValue {
+  onHover: (slice: HoverSlice | null) => void;
+}
+
+import { createContext, useContext } from 'react';
+
+export const SubHeaderBarContext = createContext<SubHeaderBarContextValue>({ onHover: () => {} });
+
+export function useSubHeaderBarHover() {
+  return useContext(SubHeaderBarContext);
+}
+
 /**
  * Shared sticky sub-header bar with a unified arc+background drawn as a single
  * SVG shape. Eliminates the sub-pixel seam between a bg-background/80 container
@@ -20,13 +38,32 @@ interface SubHeaderBarProps {
  * fallback arc.
  */
 export function SubHeaderBar({ children, className, innerClassName, noArc }: SubHeaderBarProps) {
+  const [hover, setHover] = useState<HoverSlice | null>(null);
+
   return (
-    <div className={cn('relative sticky top-mobile-bar sidebar:top-0 z-10', className)}>
-      <ArcBackground variant={noArc ? 'rect' : 'down'} />
-      {/* Tab content sits above the SVG background */}
-      <div className={cn('relative flex overflow-x-auto scrollbar-none', innerClassName)}>
-        {children}
+    <SubHeaderBarContext.Provider value={{ onHover: setHover }}>
+      <div className={cn('relative sticky top-mobile-bar sidebar:top-0 sidebar:py-2 z-10', className)}>
+        <ArcBackground variant={noArc ? 'rect' : 'down'} />
+        {/* Per-tab arc hover highlight: full-width arc, clipped to the hovered tab's x-slice */}
+        {hover && !noArc && (
+          <svg
+            aria-hidden
+            className="absolute top-0 left-0 w-full pointer-events-none"
+            style={{
+              height: `calc(100% + ${ARC_OVERHANG_PX}px)`,
+              clipPath: `inset(0 calc(100% - ${hover.left + hover.width}px) 0 ${hover.left}px)`,
+            }}
+            viewBox="0 0 100 64"
+            preserveAspectRatio="none"
+          >
+            <path d="M0,0 L100,0 L100,44 Q50,64 0,44 Z" className="fill-secondary/40" />
+          </svg>
+        )}
+        {/* Tab content sits above the SVG background */}
+        <div className={cn('relative flex overflow-x-auto scrollbar-none', innerClassName)}>
+          {children}
+        </div>
       </div>
-    </div>
+    </SubHeaderBarContext.Provider>
   );
 }
diff --git a/src/components/TabButton.tsx b/src/components/TabButton.tsx
index a244c73f..582720aa 100644
--- a/src/components/TabButton.tsx
+++ b/src/components/TabButton.tsx
@@ -1,4 +1,6 @@
+import { useRef } from 'react';
 import { cn } from '@/lib/utils';
+import { useSubHeaderBarHover } from '@/components/SubHeaderBar';
 
 interface TabButtonProps {
   /** Tab display label. */
@@ -25,12 +27,21 @@ interface TabButtonProps {
  * - Switching to a **different** tab resets scroll position instantly.
  */
 export function TabButton({ label, active, onClick, disabled, className, indicatorClassName, children }: TabButtonProps) {
+  const ref = useRef<HTMLButtonElement>(null);
+  const { onHover } = useSubHeaderBarHover();
+
+  const handleMouseEnter = () => {
+    const btn = ref.current;
+    if (!btn) return;
+    onHover({ left: btn.offsetLeft, width: btn.offsetWidth });
+  };
+
+  const handleMouseLeave = () => onHover(null);
+
   const handleClick = () => {
     if (active) {
-      // Re-tapping the active tab -> smooth scroll to top
       window.scrollTo({ top: 0, behavior: 'smooth' });
     } else {
-      // Switching tabs -> jump to top instantly, then switch
       window.scrollTo({ top: 0 });
       onClick();
     }
@@ -38,12 +49,15 @@ export function TabButton({ label, active, onClick, disabled, className, indicat
 
   return (
     <button
+      ref={ref}
       onClick={handleClick}
+      onMouseEnter={handleMouseEnter}
+      onMouseLeave={handleMouseLeave}
       disabled={disabled}
       className={cn(
-        'flex-1 py-1.5 text-center text-sm font-medium transition-colors relative hover:bg-secondary/40 px-4 whitespace-nowrap',
+        'flex-1 py-1.5 text-center text-sm font-medium transition-colors relative px-4 whitespace-nowrap',
         active ? 'text-foreground' : 'text-muted-foreground',
-        disabled && 'opacity-50 cursor-not-allowed hover:bg-transparent',
+        disabled && 'opacity-50 cursor-not-allowed',
         className,
       )}
     >

From d5932cbb346874594c31653355195b1c5628c2d3 Mon Sep 17 00:00:00 2001
From: Chad Curtis <chad@chadwick.site>
Date: Tue, 24 Mar 2026 06:59:14 -0500
Subject: [PATCH 116/120] Replace flat tab indicator with curved arc stroke

---
 src/components/SubHeaderBar.tsx | 21 +++++++++++++++++++--
 src/components/TabButton.tsx    | 19 ++++++++++++-------
 2 files changed, 31 insertions(+), 9 deletions(-)

diff --git a/src/components/SubHeaderBar.tsx b/src/components/SubHeaderBar.tsx
index 2edce48f..1d3491ac 100644
--- a/src/components/SubHeaderBar.tsx
+++ b/src/components/SubHeaderBar.tsx
@@ -19,11 +19,12 @@ interface SubHeaderBarProps {
 
 interface SubHeaderBarContextValue {
   onHover: (slice: HoverSlice | null) => void;
+  onActive: (slice: HoverSlice | null) => void;
 }
 
 import { createContext, useContext } from 'react';
 
-export const SubHeaderBarContext = createContext<SubHeaderBarContextValue>({ onHover: () => {} });
+export const SubHeaderBarContext = createContext<SubHeaderBarContextValue>({ onHover: () => {}, onActive: () => {} });
 
 export function useSubHeaderBarHover() {
   return useContext(SubHeaderBarContext);
@@ -39,9 +40,10 @@ export function useSubHeaderBarHover() {
  */
 export function SubHeaderBar({ children, className, innerClassName, noArc }: SubHeaderBarProps) {
   const [hover, setHover] = useState<HoverSlice | null>(null);
+  const [active, setActive] = useState<HoverSlice | null>(null);
 
   return (
-    <SubHeaderBarContext.Provider value={{ onHover: setHover }}>
+    <SubHeaderBarContext.Provider value={{ onHover: setHover, onActive: setActive }}>
       <div className={cn('relative sticky top-mobile-bar sidebar:top-0 sidebar:py-2 z-10', className)}>
         <ArcBackground variant={noArc ? 'rect' : 'down'} />
         {/* Per-tab arc hover highlight: full-width arc, clipped to the hovered tab's x-slice */}
@@ -59,6 +61,21 @@ export function SubHeaderBar({ children, className, innerClassName, noArc }: Sub
             <path d="M0,0 L100,0 L100,44 Q50,64 0,44 Z" className="fill-secondary/40" />
           </svg>
         )}
+        {/* Active tab indicator: the arc's bottom edge as a stroke, clipped to the active tab's x-slice */}
+        {active && !noArc && (
+          <svg
+            aria-hidden
+            className="absolute top-0 left-0 w-full pointer-events-none"
+            style={{
+              height: `calc(100% + ${ARC_OVERHANG_PX}px)`,
+              clipPath: `inset(0 calc(100% - ${active.left + active.width}px) 0 ${active.left}px)`,
+            }}
+            viewBox="0 0 100 64"
+            preserveAspectRatio="none"
+          >
+            <path d="M100,44 Q50,64 0,44" fill="none" className="stroke-primary" strokeWidth="3" />
+          </svg>
+        )}
         {/* Tab content sits above the SVG background */}
         <div className={cn('relative flex overflow-x-auto scrollbar-none', innerClassName)}>
           {children}
diff --git a/src/components/TabButton.tsx b/src/components/TabButton.tsx
index 582720aa..1babbe2e 100644
--- a/src/components/TabButton.tsx
+++ b/src/components/TabButton.tsx
@@ -1,4 +1,4 @@
-import { useRef } from 'react';
+import { useRef, useLayoutEffect } from 'react';
 import { cn } from '@/lib/utils';
 import { useSubHeaderBarHover } from '@/components/SubHeaderBar';
 
@@ -28,14 +28,22 @@ interface TabButtonProps {
  */
 export function TabButton({ label, active, onClick, disabled, className, indicatorClassName, children }: TabButtonProps) {
   const ref = useRef<HTMLButtonElement>(null);
-  const { onHover } = useSubHeaderBarHover();
+  const { onHover, onActive } = useSubHeaderBarHover();
 
-  const handleMouseEnter = () => {
+  const reportSlice = () => {
     const btn = ref.current;
     if (!btn) return;
-    onHover({ left: btn.offsetLeft, width: btn.offsetWidth });
+    return { left: btn.offsetLeft, width: btn.offsetWidth };
   };
 
+  useLayoutEffect(() => {
+    if (!active) return;
+    const s = reportSlice();
+    if (s) onActive(s);
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [active]);
+
+  const handleMouseEnter = () => { const s = reportSlice(); if (s) onHover(s); };
   const handleMouseLeave = () => onHover(null);
 
   const handleClick = () => {
@@ -62,9 +70,6 @@ export function TabButton({ label, active, onClick, disabled, className, indicat
       )}
     >
       {children ?? label}
-      {active && (
-        <div className={cn('absolute bottom-0 left-1/2 -translate-x-1/2 h-1 bg-primary rounded-full w-3/4 max-w-16', indicatorClassName)} />
-      )}
     </button>
   );
 }

From 01c32a0e88d27158403b84041a719a9ab382582c Mon Sep 17 00:00:00 2001
From: Chad Curtis <chad@chadwick.site>
Date: Tue, 24 Mar 2026 07:06:12 -0500
Subject: [PATCH 117/120] Restyle tabs and compose box: arc borders, opacity,
 layout order

---
 src/components/ArcBackground.tsx |  5 ++++-
 src/components/ComposeBox.tsx    |  2 +-
 src/components/Feed.tsx          | 30 ++++++++++++++++--------------
 3 files changed, 21 insertions(+), 16 deletions(-)

diff --git a/src/components/ArcBackground.tsx b/src/components/ArcBackground.tsx
index 018c3d50..59dd3ae4 100644
--- a/src/components/ArcBackground.tsx
+++ b/src/components/ArcBackground.tsx
@@ -53,7 +53,10 @@ export function ArcBackground({ variant, className }: ArcBackgroundProps) {
       preserveAspectRatio="none"
       style={hasArc ? (variant === 'up' ? arcUpHeightStyle : arcDownHeightStyle) : fullHeightStyle}
     >
-      <path d={path} className="fill-background/95" />
+      <path d={path} className="fill-background/85" />
+      {variant === 'down' && <path d="M0,44 Q50,64 100,44" fill="none" className="stroke-border" strokeWidth="1" vectorEffect="non-scaling-stroke" />}
+      {variant === 'up' && <path d="M0,30 Q50,0 100,30" fill="none" className="stroke-border" strokeWidth="1" vectorEffect="non-scaling-stroke" />}
+      {variant === 'up' && <path d="M0,64 L100,64" fill="none" className="stroke-border" strokeWidth="1" vectorEffect="non-scaling-stroke" />}
     </svg>
   );
 }
diff --git a/src/components/ComposeBox.tsx b/src/components/ComposeBox.tsx
index 81078b08..5bbad4c3 100644
--- a/src/components/ComposeBox.tsx
+++ b/src/components/ComposeBox.tsx
@@ -1030,7 +1030,7 @@ export function ComposeBox({
   if (!user && compact) return null;
 
   return (
-    <div className={cn("px-4 py-3", !forceExpanded && "border-b border-border")}>
+    <div className={cn("px-4 py-3 bg-background/50")}>
       {/* Preview toggle at top when not controlled and has previewable content */}
       {hasPreviewableContent && controlledPreviewMode === undefined && (
         <div className="flex items-center justify-end mb-3">
diff --git a/src/components/Feed.tsx b/src/components/Feed.tsx
index 8fff7596..72e49b9a 100644
--- a/src/components/Feed.tsx
+++ b/src/components/Feed.tsx
@@ -25,6 +25,7 @@ import { getEnabledFeedKinds } from '@/lib/extraKinds';
 import { isRepostKind, shouldHideFeedEvent } from '@/lib/feedUtils';
 import { isEventMuted } from '@/lib/muteHelpers';
 import { SubHeaderBar } from '@/components/SubHeaderBar';
+import { ARC_OVERHANG_PX } from '@/components/ArcBackground';
 import { TabButton } from '@/components/TabButton';
 import { DITTO_RELAYS } from '@/lib/appRelays';
 import type { FeedItem } from '@/lib/feedUtils';
@@ -230,8 +231,20 @@ export function Feed({ kinds, tagFilters, header, hideCompose, emptyMessage, fee
 
   return (
     <main className="flex-1 min-w-0">
-      {/* Tabs (logged in) or CTA (logged out, main feed only) */}
-      {user ? (
+      {/* CTA (logged out, main feed only) */}
+      {!user && !kinds && (
+        <LandingHero
+          onLoginClick={() => setLoginDialogOpen(true)}
+          onSignupClick={startSignup}
+        />
+      )}
+
+      {!hideCompose && <ComposeBox compact />}
+
+      {header}
+
+      {/* Tabs (logged in) */}
+      {user && (
         <SubHeaderBar>
           <TabButton label="Follows" active={activeTab === 'follows'} onClick={() => handleSetActiveTab('follows')} />
           {!isKindSpecificPage && showDittoFeed && (
@@ -273,21 +286,10 @@ export function Feed({ kinds, tagFilters, header, hideCompose, emptyMessage, fee
             </TabButton>
           ))}
         </SubHeaderBar>
-      ) : !kinds && (
-        <LandingHero
-          onLoginClick={() => setLoginDialogOpen(true)}
-          onSignupClick={startSignup}
-        />
       )}
 
-      {/* Compose box and header render *after* the tab bar so that tabs stay
-          at the top as the primary navigation element on every feed page.
-          This is intentional — see commits 3e7edf65, 82fe6f2f. */}
-      {!hideCompose && <ComposeBox compact />}
-
-      {header}
-
       {/* Feed content — saved feed tab gets its own stream */}
+      {user && <div style={{ height: ARC_OVERHANG_PX }} />}
       {activeHashtag ? (
         <HashtagFeedContent tag={activeHashtag} />
       ) : activeGeotag ? (

From f30d7e3668826bb65a8cc53fe721be854468c19a Mon Sep 17 00:00:00 2001
From: Chad Curtis <chad@chadwick.site>
Date: Tue, 24 Mar 2026 07:11:28 -0500
Subject: [PATCH 118/120] FAB follows bottom nav, subtle shadow, fixed
 positioning

---
 src/components/FloatingComposeButton.tsx |  8 +++-----
 src/components/MainLayout.tsx            | 24 ++++++++++++++++--------
 2 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/src/components/FloatingComposeButton.tsx b/src/components/FloatingComposeButton.tsx
index 86968b8c..1d22ca2d 100644
--- a/src/components/FloatingComposeButton.tsx
+++ b/src/components/FloatingComposeButton.tsx
@@ -11,10 +11,7 @@ import { ReplyComposeModal } from '@/components/ReplyComposeModal';
 import { useCurrentUser } from '@/hooks/useCurrentUser';
 import { getAvatarShape, getEmojiMaskUrl } from '@/lib/avatarShape';
 
-/** Drop shadow style for the planet FAB — hoisted to avoid re-creating on every render. */
-const fabShadowStyle: React.CSSProperties = {
-  filter: 'drop-shadow(0 4px 12px hsl(var(--primary) / 0.4)) drop-shadow(0 2px 4px hsl(var(--primary) / 0.2))',
-};
+
 
 interface FloatingComposeButtonProps {
   /** The Nostr event kind this FAB creates. kind=1 opens compose; others show "Coming soon". */
@@ -73,7 +70,8 @@ export function FloatingComposeButton({ kind = 1, href, onFabClick, icon }: Floa
       <button
         onClick={handleClick}
         className="relative size-16 transition-transform hover:scale-105 active:scale-95"
-        style={fabShadowStyle}
+        style={{ filter: 'drop-shadow(0 2px 8px hsl(var(--primary) / 0.25))' }}
+
       >
         {/* FAB background: user's avatar shape (emoji mask) or circle (default) */}
         <div
diff --git a/src/components/MainLayout.tsx b/src/components/MainLayout.tsx
index 0fe76232..d2574816 100644
--- a/src/components/MainLayout.tsx
+++ b/src/components/MainLayout.tsx
@@ -10,6 +10,8 @@ import { CursorFireEffect } from '@/components/CursorFireEffect';
 import { Skeleton } from '@/components/ui/skeleton';
 import { LayoutStore, LayoutStoreContext, useLayoutSnapshot } from '@/contexts/LayoutContext';
 import { useAppContext } from '@/hooks/useAppContext';
+import { useScrollDirection } from '@/hooks/useScrollDirection';
+import { ARC_UP_OVERHANG_PX } from '@/components/ArcBackground';
 import { cn } from '@/lib/utils';
 
 /** Skeleton shown in the content area while a lazy page chunk is loading. */
@@ -64,9 +66,10 @@ function PageSkeleton() {
 
 /** Inner component that reads layout options from the context store. */
 function MainLayoutInner() {
-  const { rightSidebar, showFAB = false, fabKind = 1, fabHref, onFabClick, fabIcon, wrapperClassName, noOverscroll, noMaxWidth } = useLayoutSnapshot();
+  const { rightSidebar, showFAB = false, fabKind = 1, fabHref, onFabClick, fabIcon, wrapperClassName, noOverscroll, noMaxWidth, scrollContainer } = useLayoutSnapshot();
   const [drawerOpen, setDrawerOpen] = useState(false);
   const { config } = useAppContext();
+  const { hidden: navHidden } = useScrollDirection(scrollContainer);
 
   return (
     <>
@@ -96,13 +99,6 @@ function MainLayoutInner() {
               content underneath. Only active below the sidebar breakpoint. */}
           <div className={cn("relative flex-1 min-w-0 sidebar:border-l sidebar:border-r border-border bg-background/85 -mt-mobile-bar", !noMaxWidth && "sidebar:max-w-[600px]", !noOverscroll && "pb-overscroll")}>
             <Outlet />
-            {showFAB && (
-              <div className="sticky bottom-fab sidebar:bottom-6 z-30 pointer-events-none flex justify-end pr-6">
-                <div className="pointer-events-auto">
-                  <FloatingComposeButton kind={fabKind} href={fabHref} onFabClick={onFabClick} icon={fabIcon} />
-                </div>
-              </div>
-            )}
           </div>
           {rightSidebar !== null && (rightSidebar ?? <RightSidebar />)}
         </Suspense>
@@ -110,6 +106,18 @@ function MainLayoutInner() {
 
       {/* Mobile bottom nav - only on small screens, slides out on scroll */}
       <MobileBottomNav />
+
+      {/* FAB - fixed, mirrors bottom nav hide/show transition on mobile */}
+      {showFAB && (
+        <div
+          className="fixed bottom-fab sidebar:bottom-6 right-6 z-30 pointer-events-none sidebar:transition-none transition-transform duration-300 ease-in-out"
+          style={navHidden ? { transform: `translateY(calc(var(--bottom-nav-height) + env(safe-area-inset-bottom, 0px)))` } : undefined}
+        >
+          <div className="pointer-events-auto">
+            <FloatingComposeButton kind={fabKind} href={fabHref} onFabClick={onFabClick} icon={fabIcon} />
+          </div>
+        </div>
+      )}
     </>
   );
 }

From 94f5dc4b67590138efb0b7148a4780d8626e0866 Mon Sep 17 00:00:00 2001
From: Chad Curtis <chad@chadwick.site>
Date: Tue, 24 Mar 2026 07:21:01 -0500
Subject: [PATCH 119/120] Show arc border on MobileTopBar when no sub-header is
 present

---
 src/components/MainLayout.tsx   | 4 ++--
 src/components/MobileTopBar.tsx | 6 ++++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/MainLayout.tsx b/src/components/MainLayout.tsx
index d2574816..1f8b7360 100644
--- a/src/components/MainLayout.tsx
+++ b/src/components/MainLayout.tsx
@@ -66,7 +66,7 @@ function PageSkeleton() {
 
 /** Inner component that reads layout options from the context store. */
 function MainLayoutInner() {
-  const { rightSidebar, showFAB = false, fabKind = 1, fabHref, onFabClick, fabIcon, wrapperClassName, noOverscroll, noMaxWidth, scrollContainer } = useLayoutSnapshot();
+  const { rightSidebar, showFAB = false, fabKind = 1, fabHref, onFabClick, fabIcon, wrapperClassName, noOverscroll, noMaxWidth, scrollContainer, hasSubHeader } = useLayoutSnapshot();
   const [drawerOpen, setDrawerOpen] = useState(false);
   const { config } = useAppContext();
   const { hidden: navHidden } = useScrollDirection(scrollContainer);
@@ -77,7 +77,7 @@ function MainLayoutInner() {
       {config.magicMouse && <CursorFireEffect />}
 
       {/* Mobile top bar - only on small screens */}
-      <MobileTopBar onAvatarClick={() => setDrawerOpen(true)} />
+      <MobileTopBar onAvatarClick={() => setDrawerOpen(true)} hasSubHeader={hasSubHeader} />
 
       {/* Mobile drawer */}
       <MobileDrawer open={drawerOpen} onOpenChange={setDrawerOpen} />
diff --git a/src/components/MobileTopBar.tsx b/src/components/MobileTopBar.tsx
index b653ff9e..81d365e2 100644
--- a/src/components/MobileTopBar.tsx
+++ b/src/components/MobileTopBar.tsx
@@ -6,9 +6,11 @@ import { ArcBackground } from '@/components/ArcBackground';
 
 interface MobileTopBarProps {
   onAvatarClick: () => void;
+  /** When true, a SubHeaderBar with an arc follows immediately below — skip the arc here to avoid doubling up. */
+  hasSubHeader?: boolean;
 }
 
-export function MobileTopBar({ onAvatarClick }: MobileTopBarProps) {
+export function MobileTopBar({ onAvatarClick, hasSubHeader }: MobileTopBarProps) {
   const location = useLocation();
 
   const handleLogoClick = useCallback((e: React.MouseEvent) => {
@@ -20,7 +22,7 @@ export function MobileTopBar({ onAvatarClick }: MobileTopBarProps) {
 
   return (
     <header className="sticky top-0 z-20 sidebar:hidden safe-area-top">
-      <ArcBackground variant="rect" />
+      <ArcBackground variant={hasSubHeader ? 'rect' : 'down'} />
       <div className="relative flex items-center px-3 h-10">
         {/* Left: hamburger menu icon */}
         <div className="flex items-center justify-center w-7 shrink-0">

From 4ac418c78dc2923d96c2cd7671152987cd787fa5 Mon Sep 17 00:00:00 2001
From: Chad Curtis <chad@chadwick.site>
Date: Tue, 24 Mar 2026 09:02:57 -0500
Subject: [PATCH 120/120] Fix mobile bottom nav: remove spurious bottom border,
 fix safe-area spacer opacity

---
 src/components/ArcBackground.tsx   | 1 -
 src/components/MobileBottomNav.tsx | 7 +++----
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/components/ArcBackground.tsx b/src/components/ArcBackground.tsx
index 59dd3ae4..0e3054e9 100644
--- a/src/components/ArcBackground.tsx
+++ b/src/components/ArcBackground.tsx
@@ -56,7 +56,6 @@ export function ArcBackground({ variant, className }: ArcBackgroundProps) {
       <path d={path} className="fill-background/85" />
       {variant === 'down' && <path d="M0,44 Q50,64 100,44" fill="none" className="stroke-border" strokeWidth="1" vectorEffect="non-scaling-stroke" />}
       {variant === 'up' && <path d="M0,30 Q50,0 100,30" fill="none" className="stroke-border" strokeWidth="1" vectorEffect="non-scaling-stroke" />}
-      {variant === 'up' && <path d="M0,64 L100,64" fill="none" className="stroke-border" strokeWidth="1" vectorEffect="non-scaling-stroke" />}
     </svg>
   );
 }
diff --git a/src/components/MobileBottomNav.tsx b/src/components/MobileBottomNav.tsx
index 6a2ce739..1be38720 100644
--- a/src/components/MobileBottomNav.tsx
+++ b/src/components/MobileBottomNav.tsx
@@ -50,8 +50,7 @@ export function MobileBottomNav() {
         )}
         style={isHidden ? hiddenStyle : undefined}
       >
-        {/* Arc + items wrapper — safe area padding is separate below so the
-            arc's percentage height is based only on the items area. */}
+        {/* Arc + items wrapper */}
         <div className="relative">
           <ArcBackground variant={noArcs ? 'rect' : 'up'} />
           <div className="h-11 flex items-center relative">
@@ -131,8 +130,8 @@ export function MobileBottomNav() {
 
           </div>
         </div>
-        {/* Safe area spacer — sits below the arc/items so it doesn't inflate the arc height */}
-        <div className="safe-area-bottom bg-background/95" />
+        {/* Safe area spacer — fully opaque so any subpixel gap is invisible */}
+        <div className="safe-area-bottom bg-background" />
       </nav>
     </>
   );