diff --git a/src/actions/index.ts b/src/actions/index.ts
index f634abd..991e642 100644
--- a/src/actions/index.ts
+++ b/src/actions/index.ts
@@ -1,108 +1,36 @@
-// TODO: refactor onto @fujocoded/astro-smooth-actions.
-// Drops cleanRedirect / redirectWithStatus / isPermissionError / redirectUrl return shape:
-// throw ActionError for failures, return { status, eventName }, let middleware do PRG via
-// session storage. Also remove the `redirect` form field and the `?rsvp=&event=` query-param
-// channel in events.astro + EventCard.astro.
-
-import { defineAction } from "astro:actions";
+import { ActionError, defineAction } from "astro:actions";
 import { z } from "astro/zod";
 import { AtUri } from "@atproto/api";
 
-import {
-  RSVP_STATUS_GOING,
-  RSVP_STATUS_NOT_GOING,
-  setRsvpStatus,
-  type RsvpStatus,
-} from "../lib/rsvps";
 import { getAtmosphereCommunityDid } from "../lib/community/atmosphere";
 import { resolveHandleToDid } from "../lib/community/identity";
+import { type JoinStatusCode } from "../lib/community/join-status";
+import {
+  type ShareStatusCode,
+  type UnshareStatusCode,
+} from "../lib/community/share-status";
+import { runJoin, runLeave } from "../lib/community/membership-mutations";
+import { parseSharedDocumentRef } from "../lib/community/shared-content";
+import {
+  getRepoRecordByUri,
+  getShareCandidateByUri,
+} from "../lib/community/share-candidates";
 import {
   OpenSocialCommunityError,
-  ensureUserMembershipRecord,
   getMembership,
-  joinCommunity,
-  leaveCommunity,
 } from "../lib/opensocial/membership";
 import {
-  getShareCandidateByUri,
-} from "../lib/community/share-candidates";
-import { shareContentWithCommunity } from "../lib/opensocial/content-sharing";
-import { type JoinStatusCode } from "../lib/community/join-status";
-
-type LoggedInUser = NonNullable<App.Locals["loggedInUser"]>;
-
-// Shared join flow for any opensocial community. Returns a status key (never
-// throws) so each entry point can map it onto its own redirect target.
-async function runJoin(
-  loggedInUser: LoggedInUser,
-  communityDid: string,
-): Promise<JoinStatusCode> {
-  try {
-    const membership = await getMembership({
-      communityDid,
-      userDid: loggedInUser.did,
-    });
-    if (membership.isMember || membership.isAdmin) return "already";
-    const membershipRecord = await ensureUserMembershipRecord({
-      loggedInUser,
-      communityDid,
-    });
-    const result = await joinCommunity({
-      communityDid,
-      userDid: loggedInUser.did,
-      membershipCid: membershipRecord.cid,
-    });
-    return result.status === "pending" ? "pending" : "ok";
-  } catch (err) {
-    if (err instanceof OpenSocialCommunityError) return joinStatusFromError(err);
-    if (isPermissionError(err)) return "permission";
-    console.warn("[runJoin] unexpected error", err);
-    return "error";
-  }
-}
-
-// Shared leave flow for any opensocial community. Returns a status key (never
-// throws). Admins get "admin-block" because the appview rejects their leave.
-async function runLeave(
-  loggedInUser: LoggedInUser,
-  communityDid: string,
-): Promise<JoinStatusCode> {
-  try {
-    await leaveCommunity({ communityDid, userDid: loggedInUser.did });
-    return "left";
-  } catch (err) {
-    if (err instanceof OpenSocialCommunityError) return leaveStatusFromError(err);
-    if (isPermissionError(err)) return "permission";
-    console.warn("[runLeave] unexpected error", err);
-    return "error";
-  }
-}
-
-function joinStatusFromError(err: OpenSocialCommunityError): JoinStatusCode {
-  switch (err.code) {
-    case "AlreadyMember":
-      return "already";
-    case "AlreadyPending":
-      return "pending";
-    case "CommunityNotFound":
-      return "missing";
-    default:
-      return "error";
-  }
-}
+  SHARED_CONTENT_COLLECTION,
+  shareContentWithCommunity,
+  unshareContentWithCommunity,
+} from "../lib/opensocial/content-sharing";
+import {
+  RSVP_STATUS_GOING,
+  RSVP_STATUS_NOT_GOING,
+  setRsvpStatus,
+  type RsvpStatus,
+} from "../lib/rsvps";
 
-function leaveStatusFromError(err: OpenSocialCommunityError): JoinStatusCode {
-  switch (err.code) {
-    case "NotMember":
-      return "not-member";
-    case "CommunityNotFound":
-      return "missing";
-    case "CannotLeaveAsAdmin":
-      return "admin-block";
-    default:
-      return "error";
-  }
-}
 
 function joinPayload(status: JoinStatusCode, community?: string) {
   return { status, community };
@@ -123,17 +51,32 @@ function isValidEventUri(uri: string): boolean {
   }
 }
 
+function parseSharedContentRecordUri(
+  uri: string,
+  communityDid: string,
+): AtUri | null {
+  try {
+    const parsed = new AtUri(uri);
+    return parsed.host === communityDid &&
+      parsed.collection === SHARED_CONTENT_COLLECTION &&
+      parsed.rkey.length > 0
+      ? parsed
+      : null;
+  } catch {
+    return null;
+  }
+}
+
 const FORM_STATUS_TO_RSVP_STATUS: Record<"going" | "notgoing", RsvpStatus> = {
   going: RSVP_STATUS_GOING,
   notgoing: RSVP_STATUS_NOT_GOING,
 };
 
-function redirectWithStatus(status: string): string {
-  return `/events?rsvp=${encodeURIComponent(status)}`;
-}
-
-function shareRedirect(status: string): string {
-  return `/community-content?share=${encodeURIComponent(status)}`;
+function throwActionError(
+  code: "UNAUTHORIZED" | "FORBIDDEN" | "BAD_REQUEST" | "INTERNAL_SERVER_ERROR",
+  message: string,
+): never {
+  throw new ActionError({ code, message });
 }
 
 function isPermissionError(error: unknown): boolean {
@@ -185,6 +128,26 @@ export const server = {
     },
   }),
 
+  // Listing-page leave for any opensocial community, addressed by handle.
+  leaveOpenSocialCommunity: defineAction({
+    accept: "form",
+    input: z.object({ handle: z.string().min(1) }),
+    handler: async (input, ctx) => {
+      const loggedInUser = ctx.locals.loggedInUser;
+      if (!loggedInUser) {
+        return joinPayload("signin", input.handle);
+      }
+      let communityDid: string;
+      try {
+        communityDid = await resolveHandleToDid(input.handle);
+      } catch {
+        return joinPayload("missing", input.handle);
+      }
+      const status = await runLeave(loggedInUser, communityDid);
+      return joinPayload(status, input.handle);
+    },
+  }),
+
   leaveAtmosphereCommunity: defineAction({
     accept: "form",
     handler: async (_input, ctx) => {
@@ -203,10 +166,10 @@ export const server = {
       candidateUri: z.string().min(1),
       sourceRepo: z.string().min(1).optional(),
     }),
-    handler: async (input, ctx) => {
+    handler: async (input, ctx): Promise<{ status: ShareStatusCode }> => {
       const loggedInUser = ctx.locals.loggedInUser;
       if (!loggedInUser) {
-        return { redirectUrl: shareRedirect("signin") };
+        return { status: "signin" };
       }
 
       try {
@@ -216,7 +179,7 @@ export const server = {
           userDid: loggedInUser.did,
         });
         if (!membership.isMember && !membership.isAdmin) {
-          return { redirectUrl: shareRedirect("not-member") };
+          return { status: "not-member" };
         }
 
         const sourceRepo = input.sourceRepo ?? loggedInUser.handle;
@@ -225,7 +188,7 @@ export const server = {
           input.candidateUri,
         );
         if (!candidate) {
-          return { redirectUrl: shareRedirect("invalid") };
+          return { status: "not-found" };
         }
 
         await shareContentWithCommunity({
@@ -233,60 +196,120 @@ export const server = {
           userDid: loggedInUser.did,
           candidate,
         });
-        return { redirectUrl: shareRedirect("ok") };
+        return { status: "ok" };
       } catch (err) {
         if (err instanceof OpenSocialCommunityError) {
-          return {
-            redirectUrl: shareRedirect(
-              err.code === "PermissionDenied" ? "permission" : "error",
-            ),
-          };
+          if (err.code === "PermissionDenied") {
+            return { status: "no-permission" };
+          }
+          console.warn("[shareAtmosphereContent] OpenSocial error", err);
+          return { status: "failed" };
         }
         if (isPermissionError(err)) {
-          return { redirectUrl: shareRedirect("permission") };
+          return { status: "no-permission" };
         }
         console.warn("[shareAtmosphereContent] unexpected error", err);
-        return { redirectUrl: shareRedirect("error") };
+        return { status: "failed" };
       }
     },
   }),
 
-  // Listing-page leave for any opensocial community, addressed by handle.
-  leaveOpenSocialCommunity: defineAction({
+  unshareAtmosphereContent: defineAction({
     accept: "form",
-    input: z.object({ handle: z.string().min(1) }),
-    handler: async (input, ctx) => {
+    input: z.object({
+      shareRecordUri: z.string().min(1),
+    }),
+    handler: async (
+      input,
+      ctx,
+    ): Promise<{ status: UnshareStatusCode; shareRecordUri: string }> => {
       const loggedInUser = ctx.locals.loggedInUser;
       if (!loggedInUser) {
-        return joinPayload("signin", input.handle);
+        return { status: "signin", shareRecordUri: input.shareRecordUri };
       }
-      let communityDid: string;
+
       try {
-        communityDid = await resolveHandleToDid(input.handle);
-      } catch {
-        return joinPayload("missing", input.handle);
+        const communityDid = await getAtmosphereCommunityDid();
+        const parsedShareRecordUri = parseSharedContentRecordUri(
+          input.shareRecordUri,
+          communityDid,
+        );
+        if (!parsedShareRecordUri) {
+          return { status: "not-found", shareRecordUri: input.shareRecordUri };
+        }
+
+        const response = await getRepoRecordByUri(input.shareRecordUri);
+        if (!response || typeof response.value !== "object" || response.value === null) {
+          return { status: "not-found", shareRecordUri: input.shareRecordUri };
+        }
+
+        const sharedRecord = parseSharedDocumentRef(
+          response.value as Record<string, unknown>,
+          {
+            source: communityDid,
+            shareRecordUri: response.uri,
+            shareRecordRkey: parsedShareRecordUri.rkey,
+          },
+        );
+        if (!sharedRecord) {
+          return { status: "not-found", shareRecordUri: input.shareRecordUri };
+        }
+
+        const isOriginalSharer = sharedRecord.sharedBy === loggedInUser.did;
+        if (!isOriginalSharer) {
+          const membership = await getMembership({
+            communityDid,
+            userDid: loggedInUser.did,
+          });
+          if (!membership.isAdmin) {
+            return { status: "not-author", shareRecordUri: input.shareRecordUri };
+          }
+        }
+
+        await unshareContentWithCommunity({
+          communityDid,
+          userDid: loggedInUser.did,
+          shareRecordRkey: sharedRecord.shareRecordRkey,
+        });
+        return { status: "ok", shareRecordUri: input.shareRecordUri };
+      } catch (err) {
+        if (err instanceof OpenSocialCommunityError) {
+          if (err.code === "RecordNotFound") {
+            return { status: "missing", shareRecordUri: input.shareRecordUri };
+          }
+          if (err.code === "PermissionDenied") {
+            return { status: "no-permission", shareRecordUri: input.shareRecordUri };
+          }
+          console.warn("[unshareAtmosphereContent] OpenSocial error", err);
+          return { status: "failed", shareRecordUri: input.shareRecordUri };
+        }
+        if (isPermissionError(err)) {
+          return { status: "no-permission", shareRecordUri: input.shareRecordUri };
+        }
+        console.warn("[unshareAtmosphereContent] unexpected error", err);
+        return { status: "failed", shareRecordUri: input.shareRecordUri };
       }
-      const status = await runLeave(loggedInUser, communityDid);
-      return joinPayload(status, input.handle);
     },
   }),
 
+
   rsvpEvent: defineAction({
     accept: "form",
     input: z.object({
       eventUri: z.string(),
       eventCid: z.string(),
+      eventName: z.string().optional(),
       status: z.enum(["going", "notgoing"]),
     }),
     handler: async (input, ctx) => {
       const loggedInUser = ctx.locals.loggedInUser;
 
       if (!loggedInUser) {
-        return { redirectUrl: redirectWithStatus("error") };
+        throwActionError("UNAUTHORIZED", "You need to sign in to RSVP.");
       }
 
       if (!isValidEventUri(input.eventUri) || input.eventCid.length === 0) {
-        return { redirectUrl: redirectWithStatus("error") };
+        throwActionError("BAD_REQUEST", "That RSVP request is invalid.");
       }
 
       try {
@@ -296,16 +319,15 @@ export const server = {
           FORM_STATUS_TO_RSVP_STATUS[input.status],
         );
       } catch (error) {
-        return {
-          redirectUrl: redirectWithStatus(
-            isPermissionError(error) ? "permission" : "error",
-          ),
-        };
+        throwActionError(
+          isPermissionError(error) ? "FORBIDDEN" : "INTERNAL_SERVER_ERROR",
+          isPermissionError(error)
+            ? "Your login is missing permission to RSVP to events."
+            : "We couldn't update your RSVP right now. Please try again.",
+        );
       }
 
-      return {
-        redirectUrl: redirectWithStatus(input.status),
-      };
+      return { status: input.status, eventName: input.eventName ?? null };
     },
   }),
 };
diff --git a/src/components/auth/AuthMenu.astro b/src/components/auth/AuthMenu.astro
index f01ddc5..83c18bb 100644
--- a/src/components/auth/AuthMenu.astro
+++ b/src/components/auth/AuthMenu.astro
@@ -153,6 +153,8 @@ const avatarInitial = (displayName || "@").charAt(0).toUpperCase();
 </details>
 
 <script>
+  import { wireDetailsPopover } from '../../lib/client/details-popover';
+
   type Actor = {
     handle: string;
     displayName?: string;
@@ -238,45 +240,22 @@ const avatarInitial = (displayName || "@").charAt(0).toUpperCase();
     });
   };
 
-  const wireDismissBehavior = () => {
-    const openMenus = () =>
-      document.querySelectorAll<HTMLDetailsElement>("details.auth-menu[open]");
-
-    document.addEventListener("pointerdown", (e) => {
-      const target = e.target as Node | null;
-      const { clientX: x, clientY: y } = e;
-      openMenus().forEach((d) => {
-        if (target && d.contains(target)) return;
-        // Browser-extension overlays (e.g. 1Password) render outside our DOM but
-        // geographically over the input. Treat clicks inside the visual bounds
-        // of the trigger or popover as "inside" so the popover doesn't close.
-        const rects: DOMRect[] = [d.getBoundingClientRect()];
-        const popover = d.querySelector(".auth-popover");
-        if (popover) rects.push(popover.getBoundingClientRect());
-        const inside = rects.some(
-          (r) => x >= r.left && x <= r.right && y >= r.top && y <= r.bottom,
-        );
-        if (inside) return;
-        d.open = false;
-      });
-    });
-
-    document.addEventListener("keydown", (e) => {
-      if (e.key !== "Escape") return;
-      openMenus().forEach((d) => {
-        d.open = false;
-        d.querySelector<HTMLElement>("summary")?.focus();
-      });
-    });
-  };
-
   const input = document.getElementById(
     "header-atproto-id",
   ) as HTMLInputElement | null;
   if (input?.form) wireSubmitButton(input.form, input);
 
-  const details = input?.closest<HTMLDetailsElement>("details.auth-menu");
-  if (details && input) wirePlaceholderRotation(details, input);
+  const details = document.querySelector<HTMLDetailsElement>("details.auth-menu");
+  if (details) {
+    wireDetailsPopover(details, {
+      focusSelector: input ? 'input[name="atproto-id"]' : undefined,
+      surfaceSelector: '.auth-popover',
+    });
+  }
+
+  if (details && input) {
+    wirePlaceholderRotation(details, input);
+  }
 
   const combobox = input?.closest("cmb-combobox");
   combobox?.addEventListener("combobox-search", (e) => {
@@ -284,8 +263,6 @@ const avatarInitial = (displayName || "@").charAt(0).toUpperCase();
       .detail;
     detail.results = searchBskyActors(detail.query);
   });
-
-  wireDismissBehavior();
 </script>
 
 <style>
diff --git a/src/components/auth/Combobox.astro b/src/components/auth/Combobox.astro
index b169f41..5a4f312 100644
--- a/src/components/auth/Combobox.astro
+++ b/src/components/auth/Combobox.astro
@@ -543,18 +543,6 @@ const hintId = `${id}-hint`;
     color: var(--primary);
   }
 
-  /* Leading accent stripe on the active option */
-  .cmb-option[aria-selected='true']::before {
-    content: '';
-    position: absolute;
-    top: 8px;
-    bottom: 8px;
-    left: 0;
-    width: 3px;
-    border-radius: 0 2px 2px 0;
-    background: var(--primary);
-  }
-
   /* Disabled "No matches" state */
   .cmb-option--disabled {
     display: block;
@@ -693,9 +681,6 @@ const hintId = `${id}-hint`;
       outline-offset: -2px;
     }
 
-    .cmb-option[aria-selected='true']::before {
-      background: HighlightText;
-    }
 
     [aria-selected='true'] .cmb-option-sub {
       color: HighlightText;
diff --git a/src/components/communities/CommunitySharePanel.astro b/src/components/communities/CommunitySharePanel.astro
new file mode 100644
index 0000000..86fcebd
--- /dev/null
+++ b/src/components/communities/CommunitySharePanel.astro
@@ -0,0 +1,353 @@
+---
+import { actions } from 'astro:actions';
+import ShareableContentList from '../content/ShareableContentList.astro';
+import ShareAtUriForm from '../content/ShareAtUriForm.astro';
+import ShareSourceMenu from './ShareSourceMenu.astro';
+import type { ShareCandidateList } from '../../lib/community/share-candidates';
+
+interface Props {
+  loggedInUser: { did: string; handle: string } | null;
+  isMember: boolean;
+  isAdmin: boolean;
+  shareRepo: string;
+  shareSourceProfile: { displayName?: string; avatar?: string } | null;
+  shareCandidates: ShareCandidateList | null;
+  shareCandidatesError: boolean;
+}
+
+const {
+  loggedInUser,
+  isMember,
+  isAdmin,
+  shareRepo,
+  shareSourceProfile,
+  shareCandidates,
+  shareCandidatesError,
+} = Astro.props;
+
+const canShareContent = isMember || isAdmin;
+
+const state = !loggedInUser ? 'logged-out' : canShareContent ? 'member' : 'logged-in';
+const hasCandidateList = !!shareCandidates && (shareCandidates.events.length > 0 || shareCandidates.documents.length > 0);
+const shareUriPlaceholder = hasCandidateList
+  ? 'at://did:plc:.../site.standard.document/...'
+  : 'at://did:plc:.../community.lexicon.calendar.event/...';
+---
+
+{state === 'logged-out' && (
+  <aside class="share-cta" aria-label="Share your content">
+      <div class="share-cta__text">
+        <p class="share-cta__title">Want to share yours?</p>
+        <p class="share-cta__sub">
+          Log into the Atmosphere, join the community, and share your content!
+        </p>
+      </div>
+      <button class="share-cta__button" type="button" data-open-auth>
+        Log in & join the community
+      </button>
+    </aside>
+)}
+{state === 'member' && (
+  <details class="share-cta share-cta--member share-cta--picker" aria-label="Share with the community" open>
+      <summary class="share-cta__header">
+        <span class="share-cta__title">Share with the community</span>
+        <svg class="share-cta__chevron" width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true" focusable="false">
+          <path d="M3.5 5.25L7 8.75L10.5 5.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+        </svg>
+      </summary>
+      {!isAdmin && (
+        <form class="share-cta__leave-form" method="POST" action={actions.leaveAtmosphereCommunity}>
+          <button class="share-cta__leave" type="submit">
+            Leave community
+          </button>
+        </form>
+      )}
+
+      <div class="share-cta__body">
+        <ShareSourceMenu
+          shareRepo={shareRepo}
+          shareSourceProfile={shareSourceProfile}
+          loggedInUserHandle={loggedInUser?.handle ?? null}
+        />
+
+        <div class="share-picker">
+          <p class="share-picker__label">Choose something to share</p>
+          <p class="share-picker__help">
+            Pick an event or <a href="https://standard.site" rel="noopener noreferrer" target="_blank">Standard Site</a> document from this account, or...
+          </p>
+          <section class="shareable-content" aria-label="Shareable content">
+            <ShareableContentList
+              candidates={shareCandidates}
+              repo={shareRepo}
+              error={shareCandidatesError}
+            />
+            <p class="share-manual__help">
+              ...paste an <code>at://</code> URI below. Real URLs coming soon!
+            </p>
+            <ShareAtUriForm
+              repo={shareRepo}
+              inputId="share-at-uri"
+              placeholder={shareUriPlaceholder}
+            />
+          </section>
+        </div>
+      </div>
+    </details>
+)}
+{state === 'logged-in' && (
+  <aside class="share-cta" aria-label="Join the community">
+      <div class="share-cta__text">
+        <p class="share-cta__title">Want to share yours?</p>
+        <p class="share-cta__sub">
+          Join atmosphere.community — your posts can show up here too.
+        </p>
+      </div>
+      <form method="POST" action={actions.joinAtmosphereCommunity}>
+        <button class="share-cta__button" type="submit">
+          Join the community
+        </button>
+      </form>
+    </aside>
+)}
+
+<script>
+  document.querySelectorAll<HTMLElement>('[data-open-auth]').forEach((trigger) => {
+    trigger.addEventListener('click', () => {
+      const menu = document.querySelector<HTMLDetailsElement>('details.auth-menu');
+      if (!menu) return;
+      menu.open = true;
+      menu.scrollIntoView({ behavior: 'smooth', block: 'start' });
+      menu.querySelector<HTMLInputElement>('input[name="atproto-id"]')?.focus({ preventScroll: true });
+    });
+  });
+
+</script>
+
+<style>
+  .share-cta {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--space-lg);
+    flex-wrap: wrap;
+    margin-top: var(--space-xl);
+    padding: var(--space-lg) var(--space-xl);
+    background: var(--primary-muted);
+    border: 1px solid var(--primary-muted);
+    border-radius: var(--radius-md);
+  }
+
+  .share-cta--picker {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr);
+    gap: 0;
+    padding: 0;
+    background: var(--card);
+    border: 1px solid var(--border);
+    box-shadow: var(--elevation-regular);
+  }
+
+  .share-cta--picker:not([open]) {
+    overflow: hidden;
+  }
+
+  .share-cta__header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--space-md);
+    padding: var(--space-base) var(--space-lg);
+    background: var(--primary-muted);
+    border-bottom: 1px solid color-mix(in oklch, var(--primary) 12%, var(--border));
+    border-radius: var(--radius-md) var(--radius-md) 0 0;
+    list-style: none;
+    cursor: pointer;
+  }
+
+  .share-cta--picker:not([open]) > .share-cta__header {
+    border-bottom: 0;
+    border-radius: var(--radius-md);
+  }
+
+  .share-cta__header::-webkit-details-marker {
+    display: none;
+  }
+
+  .share-cta__header .share-cta__title {
+    font-size: var(--text-base);
+  }
+
+  .share-cta__chevron {
+    flex: 0 0 auto;
+    margin-inline-start: var(--space-xs);
+    color: var(--foreground-muted);
+    transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
+  }
+
+  .share-cta--picker[open] > .share-cta__header .share-cta__chevron {
+    transform: rotate(180deg);
+    color: var(--primary);
+  }
+
+  .share-cta__leave-form {
+    display: flex;
+    justify-content: flex-end;
+    padding: var(--space-xs) var(--space-lg) var(--space-base);
+    background: var(--primary-muted);
+    border-bottom: 1px solid color-mix(in oklch, var(--primary) 12%, var(--border));
+  }
+
+  .share-cta__leave {
+    display: inline-flex;
+    align-items: center;
+    min-height: 32px;
+    padding: var(--space-xs) var(--space-sm);
+    border: 0;
+    border-radius: var(--radius-sm);
+    background: transparent;
+    color: var(--foreground-muted);
+    font: inherit;
+    font-size: var(--text-xs);
+    font-weight: 700;
+    cursor: pointer;
+    transition: background 0.15s ease, color 0.15s ease;
+  }
+
+  .share-cta__leave:hover {
+    background: color-mix(in oklch, var(--primary) 10%, transparent);
+    color: var(--primary);
+  }
+
+  .share-cta__leave:focus-visible {
+    outline: 2px solid var(--primary);
+    outline-offset: 2px;
+  }
+
+  .share-cta__body {
+    display: grid;
+    gap: var(--space-md);
+    padding: var(--space-base) var(--space-lg);
+  }
+
+  .share-cta__text {
+    display: grid;
+    gap: 2px;
+    min-width: 0;
+  }
+
+  .share-cta__title {
+    margin: 0;
+    color: var(--primary);
+    font-family: var(--font-body);
+    font-size: var(--text-sm);
+    font-weight: 700;
+  }
+
+  .share-cta__sub {
+    margin: 0;
+    color: var(--foreground-secondary);
+    font-size: var(--text-xs);
+    line-height: var(--leading-normal);
+  }
+  .share-picker {
+    display: grid;
+    gap: var(--space-xs);
+  }
+
+  .share-picker__label {
+    margin: 0;
+    color: var(--foreground);
+    font-size: var(--text-sm);
+    font-weight: 800;
+    line-height: var(--leading-tight);
+  }
+
+  :where(.share-picker__help, .share-manual__help) {
+    margin: 0;
+    color: var(--foreground-secondary);
+    font-size: var(--text-xs);
+    line-height: var(--leading-normal);
+  }
+
+  :where(.share-picker__help, .share-manual__help) a {
+    color: var(--link);
+    text-decoration: underline;
+    text-underline-offset: 2px;
+  }
+
+  :where(.share-picker__help, .share-manual__help) a:hover {
+    color: var(--link-hover);
+  }
+
+  :where(.share-picker__help, .share-manual__help) code {
+    padding: 1px 4px;
+    background: var(--muted);
+    border-radius: var(--radius-sm);
+    font-family: var(--font-mono, monospace);
+    font-size: 0.9em;
+  }
+  .shareable-content {
+    min-width: 0;
+  }
+
+
+
+  .share-cta__button {
+    display: inline-flex;
+    align-items: center;
+    min-height: 40px;
+    padding: var(--space-sm) var(--space-lg);
+    background: var(--primary);
+    color: var(--primary-foreground);
+    border: 0;
+    border-radius: var(--radius-sm);
+    font: inherit;
+    font-size: var(--text-sm);
+    font-weight: 700;
+    cursor: pointer;
+    transition: background 0.15s ease;
+  }
+
+  .share-cta__button:hover {
+    background: var(--primary-hover);
+  }
+
+  .share-cta__button:disabled {
+    opacity: 0.55;
+    cursor: not-allowed;
+  }
+
+  .share-cta__button:disabled:hover {
+    background: var(--primary);
+  }
+
+  .share-cta__button:focus-visible {
+    outline: 2px solid var(--primary);
+    outline-offset: 2px;
+  }
+
+  .share-cta__button--ghost {
+    background: transparent;
+    color: var(--primary);
+    border: 1px solid color-mix(in oklch, var(--primary) 35%, var(--border));
+  }
+  .share-cta__button--ghost:hover {
+    background: color-mix(in oklch, var(--primary) 10%, transparent);
+  }
+
+  @media (max-width: 640px) {
+    .share-cta__header {
+      flex-wrap: wrap;
+      padding: var(--space-base);
+    }
+
+    .share-cta__body {
+      padding: var(--space-base);
+    }
+
+    .share-cta__button {
+      justify-content: center;
+      width: 100%;
+    }
+  }
+</style>
diff --git a/src/components/communities/ShareSourceMenu.astro b/src/components/communities/ShareSourceMenu.astro
new file mode 100644
index 0000000..deb771f
--- /dev/null
+++ b/src/components/communities/ShareSourceMenu.astro
@@ -0,0 +1,379 @@
+---
+import Combobox from '../auth/Combobox.astro';
+import AtprotoIcon from '../auth/icons/AtprotoIcon.astro';
+
+interface Props {
+  shareRepo: string;
+  shareSourceProfile: { displayName?: string; avatar?: string } | null;
+  loggedInUserHandle: string | null;
+}
+
+const {
+  shareRepo,
+  shareSourceProfile,
+  loggedInUserHandle,
+} = Astro.props;
+
+const canResetShareSource = !!loggedInUserHandle && shareRepo !== loggedInUserHandle;
+const resetSourceHref = loggedInUserHandle
+  ? `/community-content?source=${encodeURIComponent(loggedInUserHandle)}`
+  : '/community-content';
+---
+
+<div class="share-source">
+  <p class="share-source__label">Sharing from</p>
+  <details class="share-source__menu">
+    <summary class="share-source__summary">
+      <span class="share-source__chip">
+        {shareSourceProfile?.avatar ? (
+          <img
+            class="share-source__avatar"
+            src={shareSourceProfile.avatar}
+            alt=""
+            width="32"
+            height="32"
+            loading="lazy"
+            decoding="async"
+          />
+        ) : (
+          <span class="share-source__avatar share-source__avatar--fallback" aria-hidden="true">
+            {(shareSourceProfile?.displayName || shareRepo || '@').charAt(0).toUpperCase()}
+          </span>
+        )}
+        <span class="share-source__identity">
+          <span class="share-source__name">
+            {shareSourceProfile?.displayName?.trim() || shareRepo}
+          </span>
+          <span class="share-source__handle">@{shareRepo}</span>
+        </span>
+      </span>
+      <svg class="share-source__chevron" width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true" focusable="false">
+        <path d="M3.5 5.25L7 8.75L10.5 5.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+      </svg>
+    </summary>
+    <form class="share-source__form" method="GET" action="/community-content">
+      <Combobox
+        id="share-source-handle"
+        name="source"
+        label="Content source"
+        placeholder="handle.bsky.social"
+        inputClass="share-source__input"
+        autocomplete="off"
+        inputmode="url"
+      >
+        <AtprotoIcon slot="leading-icon" width={18} height={18} />
+      </Combobox>
+      <button class="share-source__button" type="submit">I choose them!</button>
+      {canResetShareSource && (
+        <a class="share-source__link" href={resetSourceHref}>
+          <svg
+            class="share-source__link-icon"
+            width="16"
+            height="16"
+            viewBox="0 0 48 48"
+            xmlns="http://www.w3.org/2000/svg"
+            aria-hidden="true"
+            focusable="false"
+          >
+            <path
+              fill="currentColor"
+              fill-rule="evenodd"
+              stroke="currentColor"
+              stroke-linejoin="round"
+              stroke-width="4"
+              d="M44 40.836q-7.34-8.96-13.036-10.168t-10.846-.365V41L4 23.545L20.118 7v10.167q9.523.075 16.192 6.833q6.668 6.758 7.69 16.836Z"
+              clip-rule="evenodd"
+            />
+          </svg>
+          <span>Go back to me</span>
+        </a>
+      )}
+    </form>
+  </details>
+</div>
+
+<script>
+  import { wireDetailsPopover } from '../../lib/client/details-popover';
+
+  type Actor = {
+    handle: string;
+    displayName?: string;
+    avatar?: string;
+  };
+  type Suggestion = {
+    value: string;
+    label?: string;
+    sublabel?: string;
+    avatar?: string;
+  };
+
+  const SEARCH_ACTORS_URL =
+    'https://public.api.bsky.app/xrpc/app.bsky.actor.searchActorsTypeahead';
+
+  const searchBskyActors = async (q: string): Promise<Suggestion[]> => {
+    const url = new URL(SEARCH_ACTORS_URL);
+    url.searchParams.set('q', q);
+    url.searchParams.set('limit', '8');
+    const res = await fetch(url, { headers: { accept: 'application/json' } });
+    if (!res.ok) return [];
+    const data = (await res.json()) as { actors?: Actor[] };
+    return (data.actors ?? []).map((a) => ({
+      value: a.handle,
+      label: a.displayName || a.handle,
+      sublabel: `@${a.handle}`,
+      avatar: a.avatar,
+    }));
+  };
+
+  const sourceInput = document.getElementById('share-source-handle') as HTMLInputElement | null;
+  const sourceMenu = sourceInput?.closest<HTMLDetailsElement>('details.share-source__menu');
+  const sourceCombobox = sourceInput?.closest('cmb-combobox');
+  const loadSelectedSource = () => {
+    const selectedSource = sourceInput?.value.trim();
+    if (!selectedSource) return;
+
+    const action = sourceInput?.form?.action ?? '/community-content';
+    const url = new URL(action, window.location.href);
+    url.searchParams.set('source', selectedSource);
+    window.location.assign(url.toString());
+  };
+
+  sourceCombobox?.addEventListener('combobox-search', (e) => {
+    const detail = (e as CustomEvent<{ query: string; results: Promise<Suggestion[]> | null }>).detail;
+    detail.results = searchBskyActors(detail.query);
+  });
+
+  sourceCombobox?.addEventListener('autocomplete-select', () => {
+    sourceMenu?.removeAttribute('open');
+    loadSelectedSource();
+  });
+
+  if (sourceMenu) {
+    wireDetailsPopover(sourceMenu, {
+      focusSelector: 'input[name="source"]',
+      surfaceSelector: '.share-source__form',
+    });
+  }
+</script>
+
+<style>
+  .share-source {
+    display: grid;
+    gap: var(--space-xs);
+    max-width: min(100%, 24rem);
+  }
+
+  .share-source__label {
+    margin: 0;
+    color: var(--foreground-muted);
+    font-size: var(--text-xs);
+    font-weight: 700;
+    letter-spacing: 0.02em;
+    line-height: var(--leading-tight);
+  }
+
+  .share-source__menu {
+    position: relative;
+    width: 100%;
+  }
+
+  .share-source__summary {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--space-sm);
+    min-height: 44px;
+    padding: var(--space-xs);
+    border: 1px solid var(--border);
+    border-radius: var(--radius-pill);
+    background:
+      linear-gradient(
+        145deg,
+        color-mix(in oklch, var(--primary) 8%, var(--card)) 0%,
+        var(--card) 60%
+      );
+    color: var(--primary);
+    list-style: none;
+    cursor: pointer;
+    transition:
+      background-color 0.15s ease,
+      border-color 0.15s ease,
+      box-shadow 0.15s ease;
+  }
+
+  .share-source__summary::-webkit-details-marker {
+    display: none;
+  }
+
+  .share-source__summary:hover {
+    border-color: color-mix(in oklch, var(--primary) 45%, var(--border));
+    background: var(--card);
+  }
+
+  .share-source__menu[open] .share-source__summary {
+    border-color: var(--primary);
+    background: var(--card);
+    box-shadow: 0 0 0 1px color-mix(in oklch, var(--primary) 20%, transparent);
+  }
+
+  .share-source__summary:focus-visible,
+  .share-source__button:focus-visible,
+  :global(.share-source__input:focus-visible) {
+    outline: 2px solid var(--primary);
+    outline-offset: 2px;
+  }
+
+  .share-source__chip {
+    display: grid;
+    grid-template-columns: auto minmax(0, 1fr);
+    align-items: center;
+    gap: var(--space-sm);
+    min-width: 0;
+  }
+
+  .share-source__avatar {
+    width: 32px;
+    height: 32px;
+    border-radius: 50%;
+    object-fit: cover;
+    background: var(--primary-muted);
+    box-shadow: inset 0 0 0 1px color-mix(in oklch, var(--primary) 12%, transparent);
+  }
+
+  .share-source__avatar--fallback {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--primary);
+    font-size: var(--text-sm);
+    font-weight: 800;
+  }
+
+  .share-source__identity {
+    display: grid;
+    gap: 1px;
+    min-width: 0;
+  }
+
+  .share-source__name,
+  .share-source__handle {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .share-source__name {
+    color: var(--foreground);
+    font-size: var(--text-sm);
+    font-weight: 800;
+    line-height: 1.25;
+  }
+
+  .share-source__handle {
+    color: var(--foreground-muted);
+    font-size: var(--text-xs);
+    font-weight: 700;
+    line-height: 1.25;
+  }
+
+  .share-source__chevron {
+    flex: 0 0 auto;
+    margin-inline: var(--space-xs) var(--space-sm);
+    color: var(--foreground-muted);
+    transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
+  }
+
+  .share-source__menu[open] .share-source__chevron {
+    transform: rotate(180deg);
+    color: var(--primary);
+  }
+
+  .share-source__form {
+    position: absolute;
+    top: calc(100% + var(--space-xs));
+    left: 0;
+    z-index: var(--z-popover);
+    display: grid;
+    gap: var(--space-sm);
+    width: min(21rem, calc(100vw - 2 * var(--space-lg)));
+    padding: var(--space-base);
+    background: var(--card);
+    border: 1px solid var(--border);
+    border-radius: var(--radius-md);
+    box-shadow: var(--elevation-high);
+  }
+
+  :global(.share-source__input) {
+    width: 100%;
+    min-height: 40px;
+    border: 1px solid var(--border);
+    border-radius: var(--radius-sm);
+    padding: var(--space-sm) var(--space-md);
+    color: var(--foreground);
+    font: inherit;
+    font-size: var(--text-sm);
+  }
+
+  .share-source__button {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-height: 36px;
+    border: 0;
+    border-radius: var(--radius-sm);
+    padding: var(--space-sm) var(--space-base);
+    background: var(--primary);
+    color: var(--primary-foreground);
+    font: inherit;
+    font-size: var(--text-sm);
+    font-weight: 700;
+    cursor: pointer;
+    transition: background 0.15s ease;
+  }
+
+  .share-source__link {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: var(--space-xs);
+    min-height: 36px;
+    border: 1px solid color-mix(in oklch, var(--foreground) 12%, var(--border));
+    border-radius: var(--radius-sm);
+    padding: var(--space-sm) var(--space-base);
+    background: color-mix(in oklch, var(--card) 84%, var(--muted));
+    color: var(--foreground-secondary);
+    font-size: var(--text-sm);
+    font-weight: 700;
+    line-height: 1;
+    text-decoration: none;
+    transition:
+      background 0.15s ease,
+      border-color 0.15s ease,
+      color 0.15s ease;
+  }
+
+  .share-source__link:hover {
+    background: color-mix(in oklch, var(--card) 60%, var(--muted));
+    border-color: color-mix(in oklch, var(--foreground) 20%, var(--border));
+    color: var(--foreground);
+  }
+
+  .share-source__link-icon {
+    flex: 0 0 auto;
+  }
+
+  .share-source__button:hover {
+    background: var(--primary-hover);
+  }
+
+  @media (max-width: 640px) {
+    .share-source {
+      max-width: 100%;
+    }
+
+    .share-source__form {
+      right: 0;
+      width: auto;
+    }
+  }
+</style>
diff --git a/src/components/content/PostCard.astro b/src/components/content/PostCard.astro
index a5b3797..b65e55c 100644
--- a/src/components/content/PostCard.astro
+++ b/src/components/content/PostCard.astro
@@ -13,15 +13,26 @@ interface Props {
     displayName?: string;
     avatar: AvatarSource;
   };
+  sharedBy?: {
+    did: string;
+    handle: string;
+    displayName?: string;
+    avatar: AvatarSource;
+  };
   source: string;
   documentUri?: string;
+  shareRecordUri?: string;
+  shareRecordRkey?: string;
   tags?: string[];
 }
 
-const { title, url, excerpt, publishedAt, sharedAt, author, source, tags } = Astro.props;
+const { title, url, excerpt, publishedAt, sharedAt, author, sharedBy, source, tags } = Astro.props;
+const hasActions = Astro.slots.has("actions");
 
 const date = publishedAt ?? sharedAt;
 const authorLabel = author.displayName || `@${author.handle}`;
+const sharedByLabel = sharedBy ? sharedBy.displayName || `@${sharedBy.handle}` : null;
+const shouldShowSharedBy = !!sharedBy && sharedBy.did !== author.did;
 const tag = tags?.[0];
 const community = `@${source}`;
 
@@ -51,7 +62,14 @@ const communityHue = hueFromString(source);
           class="badge badge--location"
           style={`--community-hue:${communityHue}`}
         >{community}</span>
-        <span class="post-card__author">{authorLabel}</span>
+        <span class="post-card__person">
+          <span class="post-card__person-label">by</span> <span class="post-card__person-name">{authorLabel}</span>
+        </span>
+        {shouldShowSharedBy && sharedByLabel && (
+          <span class="post-card__person">
+            <span class="post-card__person-label">shared by</span> <span class="post-card__person-name">{sharedByLabel}</span>
+          </span>
+        )}
         <span class="post-card__date">
           <time datetime={date.toISOString()}>{date.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' })}</time>
         </span>
@@ -59,6 +77,11 @@ const communityHue = hueFromString(source);
       </div>
     </div>
   </a>
+  {hasActions && (
+    <div class="post-card__actions">
+      <slot name="actions" />
+    </div>
+  )}
 </article>
 
 <style>
@@ -134,7 +157,18 @@ const communityHue = hueFromString(source);
     color: var(--foreground-muted);
   }
 
-  .post-card__author {
+  .post-card__person {
+    display: inline-flex;
+    align-items: baseline;
+    gap: 0.25rem;
+    min-width: 0;
+  }
+
+  .post-card__person-label {
+    color: var(--separator-fg);
+  }
+
+  .post-card__person-name {
     font-weight: 500;
     color: var(--foreground-secondary);
   }
@@ -154,6 +188,12 @@ const communityHue = hueFromString(source);
     text-decoration-color: currentColor;
   }
 
+  .post-card__actions {
+    display: flex;
+    justify-content: flex-end;
+    padding: 0 var(--space-base) var(--space-base);
+  }
+
   .post-card :global(.badge--location) {
     background: oklch(94% 0.04 var(--community-hue, 250));
     color: oklch(38% 0.12 var(--community-hue, 250));
diff --git a/src/components/content/SharableContentIcon.astro b/src/components/content/SharableContentIcon.astro
new file mode 100644
index 0000000..3871f30
--- /dev/null
+++ b/src/components/content/SharableContentIcon.astro
@@ -0,0 +1,61 @@
+            
+---
+
+interface Props {
+    kind: 'event' | 'document';
+}
+
+---
+<span class:list={['share-row__mark', `share-row__mark--${Astro.props.kind}`]}>
+  {Astro.props.kind === 'event' ? (
+    <svg aria-hidden="true" focusable="false" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+      <g fill="currentColor">
+        <path d="M16 2a1 1 0 0 1 .993.883L17 3v1h1a3 3 0 0 1 2.995 2.824L21 7v12a3 3 0 0 1-2.824 2.995L18 22H6a3 3 0 0 1-2.995-2.824L3 19V7a3 3 0 0 1 2.824-2.995L6 4h1V3a1 1 0 0 1 1.993-.117L9 3v1h6V3a1 1 0 0 1 1-1m3 7H5v9.625c0 .705.386 1.286.883 1.366L6 20h12c.513 0 .936-.53.993-1.215l.007-.16z"/>
+        <path d="M12 12a1 1 0 0 1 .993.883L13 13v3a1 1 0 0 1-1.993.117L11 16v-2a1 1 0 0 1-.117-1.993L11 12z"/>
+      </g>
+    </svg>
+  ) : (
+    <svg aria-hidden="true" focusable="false" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+      <g class="document-outline">
+        <g fill="currentColor" fill-rule="evenodd" class="Vector" clip-rule="evenodd">
+          <path d="M15.143 22H8.286A4.286 4.286 0 0 1 4 17.714V6.286A4.286 4.286 0 0 1 8.286 2h4.008a3.5 3.5 0 0 1 2.304.866l3.635 3.18a3.5 3.5 0 0 1 1.196 2.635v9.033A4.286 4.286 0 0 1 15.143 22m0-2H8.286A2.286 2.286 0 0 1 6 17.714V6.286A2.286 2.286 0 0 1 8.286 4h4.008a1.5 1.5 0 0 1 .987.371l3.635 3.18a1.5 1.5 0 0 1 .513 1.13v9.033A2.286 2.286 0 0 1 15.143 20"/>
+          <path d="M13 3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h2.5a1 1 0 1 1 0 2H15a3 3 0 0 1-3-3V4a1 1 0 0 1 1-1"/>
+        </g>
+      </g>
+    </svg>
+  )}
+  <span class="visually-hidden">
+    {Astro.props.kind === 'event' ? 'Event' : 'Content'}
+  </span>
+</span>
+
+<style>
+  .share-row__mark {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 2.5rem;
+    height: 2.5rem;
+    padding: 0.25rem;
+    border: 1px solid var(--border);
+    border-radius: var(--radius-sm);
+    color: var(--foreground-secondary);
+    line-height: 1;
+  }
+
+  .share-row__mark svg {
+    flex-shrink: 0;
+    width: 24px;
+    height: 24px;
+  }
+
+  .share-row__mark--event {
+    background: var(--warning-muted);
+    color: var(--warning-muted-foreground);
+  }
+
+  .share-row__mark--document {
+    background: var(--info-muted);
+    color: var(--info-muted-foreground);
+  }
+</style>
\ No newline at end of file
diff --git a/src/components/content/ShareAtUriForm.astro b/src/components/content/ShareAtUriForm.astro
new file mode 100644
index 0000000..9ab84fc
--- /dev/null
+++ b/src/components/content/ShareAtUriForm.astro
@@ -0,0 +1,104 @@
+---
+import { actions } from 'astro:actions';
+
+interface Props {
+  repo: string;
+  inputId: string;
+  placeholder: string;
+}
+
+const { repo, inputId, placeholder } = Astro.props;
+---
+
+<form class="share-uri" method="POST" action={actions.shareAtmosphereContent}>
+  <label class="visually-hidden" for={inputId}>Share AT URI</label>
+  <input type="hidden" name="sourceRepo" value={repo} />
+  <input
+    id={inputId}
+    class="share-uri__input"
+    type="url"
+    name="candidateUri"
+    inputmode="url"
+    placeholder={placeholder}
+    autocomplete="off"
+    required
+  />
+  <button class="share-uri__button" type="submit">Share</button>
+</form>
+
+<style>
+  .share-uri {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto;
+    align-items: center;
+    gap: var(--space-sm);
+    padding-top: var(--space-xs);
+  }
+
+  .share-uri__input {
+    min-width: 0;
+    min-height: 40px;
+    width: 100%;
+    border: 1px solid var(--border);
+    border-radius: var(--radius-sm);
+    padding: var(--space-sm) var(--space-md);
+    background: var(--card);
+    color: var(--foreground);
+    font-family: var(--font-body);
+    font-size: var(--text-sm);
+  }
+
+  .share-uri__input::placeholder {
+    color: var(--foreground-muted);
+  }
+
+  .share-uri__button {
+    min-width: 4rem;
+    min-height: 30px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border: 0;
+    border-radius: var(--radius-sm);
+    padding: var(--space-xs) var(--space-sm);
+    background: var(--primary);
+    color: var(--primary-foreground);
+    font: inherit;
+    font-size: var(--text-xs);
+    font-weight: 800;
+    line-height: 1;
+    white-space: nowrap;
+    cursor: pointer;
+    transition: background 0.15s ease;
+  }
+
+  .share-uri__button:hover {
+    background: var(--primary-hover);
+  }
+
+  .share-uri__button:focus-visible,
+  .share-uri__input:focus-visible {
+    outline: 2px solid var(--primary);
+    outline-offset: 2px;
+  }
+
+  .share-uri__button:disabled {
+    opacity: 0.55;
+    cursor: not-allowed;
+  }
+
+  .share-uri__button:disabled:hover {
+    background: var(--primary);
+  }
+
+  @media (max-width: 520px) {
+    .share-uri {
+      grid-template-columns: minmax(0, 1fr);
+      justify-content: stretch;
+    }
+
+    .share-uri__button {
+      width: 100%;
+    }
+  }
+</style>
diff --git a/src/components/content/ShareableContent.astro b/src/components/content/ShareableContentList.astro
similarity index 60%
rename from src/components/content/ShareableContent.astro
rename to src/components/content/ShareableContentList.astro
index 2bd2e15..e8faa5c 100644
--- a/src/components/content/ShareableContent.astro
+++ b/src/components/content/ShareableContentList.astro
@@ -1,18 +1,29 @@
 ---
-import type { ShareCandidate, ShareCandidateList } from '../../lib/community/share-candidates';
+import type { ShareCandidateList } from '../../lib/community/share-candidates';
 import { actions } from 'astro:actions';
+import SharableContentIcon from './SharableContentIcon.astro';
 
 interface Props {
   candidates: ShareCandidateList | null;
   repo: string;
   error?: boolean;
+  initialVisible?: number;
+  loadStep?: number;
 }
 
-const { candidates, repo, error = false } = Astro.props;
-const INITIAL_VISIBLE = 5;
-const LOAD_STEP = 5;
-const items = candidates
-  ? [...candidates.events, ...candidates.documents]
+const {
+  candidates,
+  repo,
+  error = false,
+  initialVisible = 5,
+  loadStep = 5,
+} = Astro.props;
+
+const candidateList = candidates && (candidates.events.length > 0 || candidates.documents.length > 0)
+  ? candidates
+  : null;
+const items = candidateList
+  ? [...candidateList.events, ...candidateList.documents]
       .sort((a, b) => (b.date?.getTime() ?? 0) - (a.date?.getTime() ?? 0))
   : [];
 
@@ -25,52 +36,26 @@ function formatDate(date: Date | undefined): string {
   }).format(date);
 }
 
-function previewUrl(candidate: ShareCandidate): string {
-  const parsed = parseAtUri(candidate.uri);
-  if (!parsed) return candidate.uri;
-
-  if (candidate.kind === 'event') {
-    return `https://smokesignal.events/${parsed.repo}/${parsed.rkey}`;
-  }
-  return `https://leaflet.pub/profile/${parsed.repo}/${parsed.rkey}`;
-}
-
-function typeLabel(kind: ShareCandidate['kind']): string {
-  return kind === 'event' ? 'Event' : 'Content';
-}
-
-function dateLabel(kind: ShareCandidate['kind']): string {
-  return kind === 'event' ? 'Held' : 'Published';
-}
-
-function countLabel(candidates: ShareCandidateList | null): string {
-  if (!candidates) return '';
-  const count = candidates.events.length + candidates.documents.length;
-  return `${count} found`;
-}
-
-function parseAtUri(uri: string): { repo: string; rkey: string } | null {
-  const parts = uri.replace(/^at:\/\//, '').split('/');
-  const [repo, , rkey] = parts;
-  if (!repo || !rkey) return null;
-  return { repo, rkey };
-}
 ---
 
-<section class="shareable-content" aria-label="Shareable content">
-  {error ? (
-    <p class="shareable-content__notice" role="status">
-      Couldn’t load shareable records right now.
-    </p>
-  ) : items.length > 0 ? (
-    <div
-      class="shareable-content__panel"
-      data-share-picker
-      data-initial-visible={INITIAL_VISIBLE}
-      data-load-step={LOAD_STEP}
-    >
+{error && (
+  <p class="shareable-content__notice" role="status">
+    Couldn’t load shareable records right now.
+  </p>
+)}
+
+{!error && candidateList && (
+  <div
+    class="shareable-content__panel"
+    data-share-picker
+    data-initial-visible={initialVisible}
+    data-load-step={loadStep}
+  >
+    <div class="shareable-content__header">
       <div class="shareable-content__summary">
-        <span data-share-picker-count>{countLabel(candidates)}</span>
+        <span data-share-picker-count>
+          {candidateList.events.length + candidateList.documents.length} found
+        </span>
         <span>Events and Standard Site documents</span>
       </div>
       <div class="shareable-content__toolbar" aria-label="Filter shareable records">
@@ -84,21 +69,22 @@ function parseAtUri(uri: string): { repo: string; rkey: string } | null {
           Content
         </button>
       </div>
-      <ul class="shareable-content__list" data-share-picker-list>
-        {items.map((candidate, index) => (
-          <li class="share-row" data-share-row data-kind={candidate.kind} hidden={index >= INITIAL_VISIBLE}>
-            <span class:list={['share-row__mark', `share-row__mark--${candidate.kind}`]}>
-              {typeLabel(candidate.kind)}
-            </span>
+    </div>
+    <ul class="shareable-content__list" data-share-picker-list>
+      {items.map((candidate, index) => {
+        const rowUrl = candidate.previewUrl ?? candidate.uri;
+        return (
+          <li class="share-row" data-share-row data-kind={candidate.kind} hidden={index >= initialVisible}>
+            <SharableContentIcon kind={candidate.kind} />
             <div class="share-row__main">
-              <a class="share-row__title" href={previewUrl(candidate)} rel="noopener noreferrer" target="_blank">
+              <a class="share-row__title" href={rowUrl} rel="noopener noreferrer" target="_blank">
                 {candidate.title}
                 <span class="visually-hidden"> (opens in new tab)</span>
               </a>
               <p class="share-row__meta">
                 {candidate.date ? (
                   <time datetime={candidate.date.toISOString()}>
-                    {dateLabel(candidate.kind)} {formatDate(candidate.date)}
+                    {candidate.kind === 'event' ? 'Held' : 'Published'} {formatDate(candidate.date)}
                   </time>
                 ) : (
                   <span>No date</span>
@@ -110,7 +96,7 @@ function parseAtUri(uri: string): { repo: string; rkey: string } | null {
             <div class="share-row__actions">
               <a
                 class="share-row__preview"
-                href={previewUrl(candidate)}
+                href={rowUrl}
                 rel="noopener noreferrer"
                 target="_blank"
               >
@@ -126,58 +112,30 @@ function parseAtUri(uri: string): { repo: string; rkey: string } | null {
               </form>
             </div>
           </li>
-        ))}
-      </ul>
-      <p class="shareable-content__empty-filter" data-share-picker-empty hidden>
-        No records match this filter.
-      </p>
-      <button
-        class="shareable-content__load"
-        type="button"
-        data-share-picker-load
-        hidden={items.length <= INITIAL_VISIBLE}
-      >
-        Load more
-      </button>
-      <form class="share-uri" method="POST" action={actions.shareAtmosphereContent}>
-        <label class="share-uri__label" for="share-at-uri">Share AT URI</label>
-        <input type="hidden" name="sourceRepo" value={repo} />
-        <input
-          id="share-at-uri"
-          class="share-uri__input"
-          type="url"
-          name="candidateUri"
-          inputmode="url"
-          placeholder="at://did:plc:.../site.standard.document/..."
-          autocomplete="off"
-          required
-        />
-        <button class="share-uri__button" type="submit">Share</button>
-      </form>
-    </div>
-  ) : (
-    <div class="shareable-content__panel shareable-content__panel--empty">
-      <p class="shareable-content__notice" role="status">
-        No shareable events or Standard Site documents were found for {repo}.
-      </p>
-      <form class="share-uri" method="POST" action={actions.shareAtmosphereContent}>
-        <label class="share-uri__label" for="share-at-uri-empty">Share AT URI</label>
-        <input type="hidden" name="sourceRepo" value={repo} />
-        <input
-          id="share-at-uri-empty"
-          class="share-uri__input"
-          type="url"
-          name="candidateUri"
-          inputmode="url"
-          placeholder="at://did:plc:.../community.lexicon.calendar.event/..."
-          autocomplete="off"
-          required
-        />
-        <button class="share-uri__button" type="submit">Share</button>
-      </form>
-    </div>
-  )}
-</section>
+        );
+      })}
+    </ul>
+    <p class="shareable-content__empty-filter" data-share-picker-empty hidden>
+      No records match this filter.
+    </p>
+    <button
+      class="shareable-content__load"
+      type="button"
+      data-share-picker-load
+      hidden={items.length <= initialVisible}
+    >
+      Load more
+    </button>
+  </div>
+)}
+
+{!error && !candidateList && (
+  <div class="shareable-content__panel shareable-content__panel--empty">
+    <p class="shareable-content__notice shareable-content__notice--warning" role="status">
+      No shareable events or Standard Site documents were found for {repo}. You can still share an AT URI.
+    </p>
+  </div>
+)}
 
 <script>
   type ShareFilter = 'all' | 'event' | 'document';
@@ -197,20 +155,23 @@ function parseAtUri(uri: string): { repo: string; rkey: string } | null {
       activeFilter === 'all' || row.dataset.kind === activeFilter;
 
     const sync = () => {
-      const matchingRows = rows.filter(matchesFilter);
+      let matchCount = 0;
+      let shownCount = 0;
       rows.forEach((row) => {
-        const position = matchingRows.indexOf(row);
-        row.hidden = position === -1 || position >= visibleLimit;
+        const match = matchesFilter(row);
+        if (match) matchCount++;
+        const show = match && shownCount < visibleLimit;
+        row.hidden = !show;
+        if (show) shownCount++;
       });
 
       if (count) {
-        const shown = Math.min(visibleLimit, matchingRows.length);
-        const noun = matchingRows.length === 1 ? 'record' : 'records';
-        count.textContent = `${shown} of ${matchingRows.length} ${noun}`;
+        const noun = matchCount === 1 ? 'record' : 'records';
+        count.textContent = `${shownCount} of ${matchCount} ${noun}`;
       }
 
-      if (empty) empty.hidden = matchingRows.length > 0;
-      if (loadButton) loadButton.hidden = visibleLimit >= matchingRows.length;
+      if (empty) empty.hidden = matchCount > 0;
+      if (loadButton) loadButton.hidden = visibleLimit >= matchCount;
     };
 
     filters.forEach((button) => {
@@ -234,28 +195,49 @@ function parseAtUri(uri: string): { repo: string; rkey: string } | null {
 </script>
 
 <style>
-  .shareable-content {
-    min-width: 0;
-  }
-
   .shareable-content__panel {
     display: grid;
+    gap: var(--space-md);
+    padding-block-start: var(--space-md);
+  }
+
+  .shareable-content__panel--empty {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
     gap: var(--space-sm);
-    padding: var(--space-sm);
-    background: color-mix(in oklch, var(--background) 70%, var(--muted));
-    border: 1px solid color-mix(in oklch, var(--primary) 18%, var(--border));
+    flex-wrap: wrap;
+  }
+
+  .shareable-content__notice {
+    margin: 0;
+    color: var(--foreground-secondary);
+    font-size: var(--text-xs);
+    line-height: var(--leading-normal);
+  }
+
+  .shareable-content__notice--warning {
+    padding: var(--space-sm) var(--space-md);
+    background: color-mix(in oklch, var(--muted) 55%, white);
+    border: 1px solid var(--border);
     border-radius: var(--radius-sm);
+    color: var(--foreground-muted);
   }
 
-  .shareable-content__panel--empty {
+  .shareable-content__header {
+    display: flex;
+    align-items: flex-end;
+    justify-content: space-between;
     gap: var(--space-md);
+    flex-wrap: wrap;
   }
 
   .shareable-content__summary {
     display: flex;
     align-items: center;
-    justify-content: space-between;
-    gap: var(--space-sm);
+    gap: var(--space-xs);
+    min-width: 0;
+    flex: 1 1 auto;
     color: var(--foreground-secondary);
     font-size: 0.6875rem;
     font-weight: 700;
@@ -264,17 +246,9 @@ function parseAtUri(uri: string): { repo: string; rkey: string } | null {
     letter-spacing: 0.04em;
   }
 
-  .shareable-content__notice {
-    margin: 0;
-    color: var(--foreground-secondary);
-    font-size: var(--text-xs);
-    line-height: var(--leading-normal);
-  }
-
   .shareable-content__toolbar {
     display: inline-flex;
     align-items: center;
-    justify-self: start;
     gap: 3px;
     padding: 3px;
     background:
@@ -344,32 +318,6 @@ function parseAtUri(uri: string): { repo: string; rkey: string } | null {
     background: color-mix(in oklch, var(--primary) 5%, var(--card));
   }
 
-  .share-row__mark {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 4.25rem;
-    min-height: 1.5rem;
-    border: 1px solid var(--border);
-    border-radius: var(--radius-sm);
-    color: var(--foreground-secondary);
-    font-size: 0.6875rem;
-    font-weight: 800;
-    line-height: 1;
-    text-transform: uppercase;
-    letter-spacing: 0.04em;
-  }
-
-  .share-row__mark--event {
-    background: var(--warning-muted);
-    color: var(--warning-muted-foreground);
-  }
-
-  .share-row__mark--document {
-    background: var(--info-muted);
-    color: var(--info-muted-foreground);
-  }
-
   .share-row__main {
     min-width: 0;
   }
@@ -415,7 +363,6 @@ function parseAtUri(uri: string): { repo: string; rkey: string } | null {
 
   .share-row__preview,
   .share-row__share,
-  .share-uri__button,
   .shareable-content__load {
     min-height: 30px;
     display: inline-flex;
@@ -438,8 +385,7 @@ function parseAtUri(uri: string): { repo: string; rkey: string } | null {
     background: var(--primary-muted);
   }
 
-  .share-row__share,
-  .share-uri__button {
+  .share-row__share {
     min-width: 4rem;
     border: 0;
     padding: var(--space-xs) var(--space-sm);
@@ -449,52 +395,17 @@ function parseAtUri(uri: string): { repo: string; rkey: string } | null {
     transition: background 0.15s ease;
   }
 
-  .share-row__share:hover,
-  .share-uri__button:hover {
+  .share-row__share:hover {
     background: var(--primary-hover);
   }
 
   .share-row__share:focus-visible,
-  .share-uri__button:focus-visible,
-  .share-uri__input:focus-visible,
   .shareable-content__filter:focus-visible,
   .shareable-content__load:focus-visible {
     outline: 2px solid var(--primary);
     outline-offset: 2px;
   }
 
-  .share-uri {
-    display: grid;
-    grid-template-columns: auto minmax(0, 1fr) auto;
-    align-items: center;
-    gap: var(--space-sm);
-  }
-
-  .share-uri__label {
-    color: var(--foreground-secondary);
-    font-size: var(--text-xs);
-    font-weight: 800;
-    line-height: 1;
-    white-space: nowrap;
-  }
-
-  .share-uri__input {
-    min-width: 0;
-    min-height: 34px;
-    width: 100%;
-    border: 1px solid var(--border);
-    border-radius: var(--radius-sm);
-    padding: var(--space-xs) var(--space-sm);
-    background: var(--card);
-    color: var(--foreground);
-    font-family: var(--font-body);
-    font-size: var(--text-xs);
-  }
-
-  .share-uri__input::placeholder {
-    color: var(--foreground-muted);
-  }
-
   .shareable-content__empty-filter {
     margin: 0;
     padding: var(--space-sm);
@@ -531,14 +442,12 @@ function parseAtUri(uri: string): { repo: string; rkey: string } | null {
   }
 
   .share-row__share:disabled,
-  .share-uri__button:disabled,
   .shareable-content__load:disabled {
     opacity: 0.55;
     cursor: not-allowed;
   }
 
   .share-row__share:disabled:hover,
-  .share-uri__button:disabled:hover,
   .shareable-content__load:disabled:hover {
     background: var(--primary);
   }
@@ -555,10 +464,19 @@ function parseAtUri(uri: string): { repo: string; rkey: string } | null {
   }
 
   @media (max-width: 520px) {
-    .shareable-content__summary {
+    .shareable-content__header {
+      align-items: flex-start;
+      flex-direction: column;
+      gap: var(--space-sm);
+    }
+
+    .shareable-content__toolbar {
+      align-self: flex-start;
+    }
+
+    .shareable-content__panel--empty {
       align-items: flex-start;
       flex-direction: column;
-      gap: 0;
     }
 
     .share-row {
@@ -567,19 +485,17 @@ function parseAtUri(uri: string): { repo: string; rkey: string } | null {
     }
 
     .share-row__mark {
-      width: auto;
-      padding-inline: var(--space-sm);
+      width: 2.5rem;
+      height: 2.5rem;
+      padding: 0.25rem;
     }
 
-    .share-row__actions,
-    .share-uri {
-      grid-template-columns: minmax(0, 1fr);
+    .share-row__actions {
       justify-content: stretch;
     }
 
     .share-row__preview,
     .share-row__share,
-    .share-uri__button,
     .shareable-content__load {
       width: 100%;
     }
diff --git a/src/components/events/EventCard.astro b/src/components/events/EventCard.astro
index c6c1496..85c3ae8 100644
--- a/src/components/events/EventCard.astro
+++ b/src/components/events/EventCard.astro
@@ -168,6 +168,7 @@ const canRsvp = showRsvp && isLoggedIn && Boolean(cid);
         >
           <input type="hidden" name="eventUri" value={atUri} />
           <input type="hidden" name="eventCid" value={cid} />
+          <input type="hidden" name="eventName" value={name} />
           <input
             type="hidden"
             name="status"
@@ -590,29 +591,18 @@ const canRsvp = showRsvp && isLoggedIn && Boolean(cid);
         button.disabled = false;
 
         if (error || !data) {
-          if (message) {
-            showToast(message, "Couldn't save your RSVP. Try again.", "error");
-          }
-          return;
-        }
-
-        if (
-          data.redirectUrl?.includes("rsvp=error") ||
-          data.redirectUrl?.includes("rsvp=permission")
-        ) {
           if (message) {
             showToast(
               message,
-              data.redirectUrl.includes("rsvp=permission")
-                ? "Your login needs RSVP permission. Log out and back in, then try again."
-                : "Couldn't save your RSVP. Try again.",
+              error?.message ?? "Couldn't save your RSVP. Try again.",
               "error",
             );
           }
           return;
         }
 
-        const nowGoing = submittedStatus === "going";
+        const nowGoing = data.status === "going";
+        const noticeEventName = data.eventName ?? eventName;
         card.dataset.rsvpStatus = nowGoing ? RSVP_GOING : RSVP_NOT_GOING;
 
         if (goingBadge) goingBadge.hidden = !nowGoing;
@@ -623,18 +613,18 @@ const canRsvp = showRsvp && isLoggedIn && Boolean(cid);
         button.setAttribute(
           "aria-label",
           nowGoing
-            ? `Mark yourself as not going to ${eventName}`
-            : `Mark yourself as going to ${eventName}`,
+            ? `Mark yourself as not going to ${noticeEventName}`
+            : `Mark yourself as going to ${noticeEventName}`,
         );
         statusInput.value = nowGoing ? "notgoing" : "going";
 
         if (message) {
           const text = nowGoing
-            ? eventName
-              ? `You're going to ${eventName}.`
+            ? noticeEventName
+              ? `You're going to ${noticeEventName}.`
               : "You're marked as going."
-            : eventName
-              ? `You're no longer going to ${eventName}.`
+            : noticeEventName
+              ? `You're no longer going to ${noticeEventName}.`
               : "You're no longer marked as going.";
           showToast(message, text, nowGoing ? "success" : "neutral");
         }
diff --git a/src/components/events/RsvpNotice.astro b/src/components/events/RsvpNotice.astro
index 1adbba2..ae82093 100644
--- a/src/components/events/RsvpNotice.astro
+++ b/src/components/events/RsvpNotice.astro
@@ -1,29 +1,30 @@
 ---
+import { actions, type ActionReturnType } from "astro:actions";
+
+type RsvpResult = ActionReturnType<typeof actions.rsvpEvent>;
+
 interface Props {
-  message: string | null;
-  eventName?: string | null;
+  result?: RsvpResult;
 }
 
-const { message, eventName } = Astro.props;
+const { result } = Astro.props;
+const status = result?.data?.status;
+const eventName = result?.data?.eventName;
+const errorMessage = result?.error?.message;
 ---
 
-{message === 'going' && (
+{status === "going" && (
   <p class="events-notice events-notice--success">
     {eventName ? `You're going to ${eventName}.` : "You're marked as going."}
   </p>
 )}
-{message === 'notgoing' && (
+{status === "notgoing" && (
   <p class="events-notice events-notice--success">
     {eventName ? `You're no longer going to ${eventName}.` : "You're no longer marked as going."}
   </p>
 )}
-{message === 'permission' && (
-  <p class="events-notice events-notice--error">Your login needs RSVP permission. Log out and log back in, then try again.</p>
-)}
-{message === 'error' && (
-  <p class="events-notice events-notice--error">
-    {eventName ? `We couldn't save your RSVP for ${eventName}. Please try again.` : "We couldn't save your RSVP. Please try again."}
-  </p>
+{errorMessage && (
+  <p class="events-notice events-notice--error">{errorMessage}</p>
 )}
 
 <style>
diff --git a/src/lib/client/details-popover.ts b/src/lib/client/details-popover.ts
new file mode 100644
index 0000000..d2a24c6
--- /dev/null
+++ b/src/lib/client/details-popover.ts
@@ -0,0 +1,72 @@
+type DetailsPopoverOptions = {
+  focusSelector?: string;
+  surfaceSelector?: string;
+};
+
+type RegisteredPopover = {
+  details: HTMLDetailsElement;
+  options: DetailsPopoverOptions;
+};
+
+const registeredPopovers = new Set<RegisteredPopover>();
+
+let globalHandlersWired = false;
+
+const getOpenPopovers = () =>
+  Array.from(registeredPopovers).filter(({ details }) => details.open);
+
+const getBounds = ({ details, options }: RegisteredPopover): DOMRect[] => {
+  const rects: DOMRect[] = [details.getBoundingClientRect()];
+  if (options.surfaceSelector) {
+    const surface = details.querySelector<HTMLElement>(options.surfaceSelector);
+    if (surface) rects.push(surface.getBoundingClientRect());
+  }
+  return rects;
+};
+
+const wireGlobalHandlers = () => {
+  if (globalHandlersWired || typeof document === 'undefined') return;
+  globalHandlersWired = true;
+
+  document.addEventListener('pointerdown', (e) => {
+    const target = e.target as Node | null;
+    const { clientX: x, clientY: y } = e;
+
+    getOpenPopovers().forEach((popover) => {
+      if (target && popover.details.contains(target)) return;
+
+      const inside = getBounds(popover).some(
+        (rect) =>
+          x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom,
+      );
+      if (inside) return;
+
+      popover.details.open = false;
+    });
+  });
+
+  document.addEventListener('keydown', (e) => {
+    if (e.key !== 'Escape') return;
+    getOpenPopovers().forEach(({ details }) => {
+      details.open = false;
+      details.querySelector<HTMLElement>('summary')?.focus();
+    });
+  });
+};
+
+export const wireDetailsPopover = (
+  details: HTMLDetailsElement,
+  options: DetailsPopoverOptions = {},
+) => {
+  const registeredPopover: RegisteredPopover = { details, options };
+  registeredPopovers.add(registeredPopover);
+  wireGlobalHandlers();
+
+  details.addEventListener('toggle', () => {
+    if (!details.open) return;
+    if (!options.focusSelector) return;
+    details
+      .querySelector<HTMLElement>(options.focusSelector)
+      ?.focus({ preventScroll: true });
+  });
+};
diff --git a/src/lib/community/dedup-feed.ts b/src/lib/community/dedup-feed.ts
new file mode 100644
index 0000000..e6f8252
--- /dev/null
+++ b/src/lib/community/dedup-feed.ts
@@ -0,0 +1,52 @@
+type FeedAuthor = {
+  did: string;
+  handle: string;
+  displayName?: string;
+  avatar: unknown;
+};
+
+export interface FeedEntryLike {
+  title: string;
+  url: string;
+  excerpt?: string;
+  publishedAt?: Date;
+  sharedAt: Date;
+  author: FeedAuthor;
+  sharedBy?: FeedAuthor;
+  source: string;
+  documentUri: string;
+  shareRecordUri?: string;
+  shareRecordRkey?: string;
+  tags?: string[];
+}
+
+const PRIMARY_SOURCE = 'atmosphere.community';
+
+export function dedupeFeedEntries<T extends FeedEntryLike>(entries: T[]): T[] {
+  const deduped = new Map<string, T>();
+
+  for (const entry of entries) {
+    const existing = deduped.get(entry.documentUri);
+    if (!existing || isPreferredFeedEntry(entry, existing)) {
+      deduped.set(entry.documentUri, entry);
+    }
+  }
+
+  return [...deduped.values()];
+}
+
+function isPreferredFeedEntry<T extends FeedEntryLike>(candidate: T, current: T): boolean {
+  const candidateIsPrimary = candidate.source === PRIMARY_SOURCE;
+  const currentIsPrimary = current.source === PRIMARY_SOURCE;
+  if (candidateIsPrimary !== currentIsPrimary) {
+    return !candidateIsPrimary;
+  }
+
+  const candidateTime = (candidate.publishedAt ?? candidate.sharedAt).getTime();
+  const currentTime = (current.publishedAt ?? current.sharedAt).getTime();
+  if (candidateTime !== currentTime) {
+    return candidateTime > currentTime;
+  }
+
+  return candidate.source.localeCompare(current.source) < 0;
+}
diff --git a/src/lib/community/membership-mutations.ts b/src/lib/community/membership-mutations.ts
new file mode 100644
index 0000000..fe3233d
--- /dev/null
+++ b/src/lib/community/membership-mutations.ts
@@ -0,0 +1,93 @@
+import { type JoinStatusCode } from "./join-status";
+import {
+  OpenSocialCommunityError,
+  ensureUserMembershipRecord,
+  getMembership,
+  joinCommunity,
+  leaveCommunity,
+} from "../opensocial/membership";
+
+type LoggedInUser = NonNullable<App.Locals["loggedInUser"]>;
+
+export async function runJoin(
+  loggedInUser: LoggedInUser,
+  communityDid: string,
+): Promise<JoinStatusCode> {
+  try {
+    const membership = await getMembership({
+      communityDid,
+      userDid: loggedInUser.did,
+    });
+    if (membership.isMember || membership.isAdmin) return "already";
+    const membershipRecord = await ensureUserMembershipRecord({
+      loggedInUser,
+      communityDid,
+    });
+    const result = await joinCommunity({
+      communityDid,
+      userDid: loggedInUser.did,
+      membershipCid: membershipRecord.cid,
+    });
+    return result.status === "pending" ? "pending" : "ok";
+  } catch (err) {
+    if (err instanceof OpenSocialCommunityError) return joinStatusFromError(err);
+    if (isPermissionError(err)) return "permission";
+    console.warn("[runJoin] unexpected error", err);
+    return "error";
+  }
+}
+
+export async function runLeave(
+  loggedInUser: LoggedInUser,
+  communityDid: string,
+): Promise<JoinStatusCode> {
+  try {
+    await leaveCommunity({ communityDid, userDid: loggedInUser.did });
+    return "left";
+  } catch (err) {
+    if (err instanceof OpenSocialCommunityError) return leaveStatusFromError(err);
+    if (isPermissionError(err)) return "permission";
+    console.warn("[runLeave] unexpected error", err);
+    return "error";
+  }
+}
+
+function joinStatusFromError(err: OpenSocialCommunityError): JoinStatusCode {
+  switch (err.code) {
+    case "AlreadyMember":
+      return "already";
+    case "AlreadyPending":
+      return "pending";
+    case "CommunityNotFound":
+      return "missing";
+    default:
+      return "error";
+  }
+}
+
+function leaveStatusFromError(err: OpenSocialCommunityError): JoinStatusCode {
+  switch (err.code) {
+    case "NotMember":
+      return "not-member";
+    case "CommunityNotFound":
+      return "missing";
+    case "CannotLeaveAsAdmin":
+      return "admin-block";
+    default:
+      return "error";
+  }
+}
+
+function isPermissionError(error: unknown): boolean {
+  const maybeError = error as {
+    status?: number;
+    error?: string;
+    message?: string;
+  };
+  const text = `${maybeError.error ?? ""} ${maybeError.message ?? ""}`.toLowerCase();
+  return (
+    maybeError.status === 401 ||
+    maybeError.status === 403 ||
+    text.includes("scope")
+  );
+}
diff --git a/src/lib/community/share-candidates.ts b/src/lib/community/share-candidates.ts
index e325db2..7e0c42f 100644
--- a/src/lib/community/share-candidates.ts
+++ b/src/lib/community/share-candidates.ts
@@ -2,7 +2,7 @@ import { AtpAgent, AtUri } from '@atproto/api';
 import { DidResolver, MemoryCache, getPds } from '@atproto/identity';
 import { isValidAtUri, type AtUriString } from '@atproto/syntax';
 
-import { parseBlogPostRef } from './shared-content.js';
+import { parseBlogPostRef, resolveStandardDocumentUrl } from './shared-content.js';
 import { parseEventRecord } from './events.js';
 import { resolveHandleToDid } from './identity.js';
 
@@ -22,6 +22,7 @@ export interface ShareCandidate {
   endsAt?: Date;
   location?: string;
   mode?: 'in-person' | 'virtual' | 'hybrid';
+  previewUrl?: string;
 }
 
 export interface ShareCandidateList {
@@ -36,6 +37,32 @@ interface RepoRecord {
   value: unknown;
 }
 
+export async function getRepoRecordByUri(uri: string): Promise<RepoRecord | null> {
+  let parsed: AtUri;
+  try {
+    parsed = new AtUri(uri);
+  } catch {
+    return null;
+  }
+
+  const agent = await createRepoAgent(parsed.host);
+  const response = await agent.com.atproto.repo.getRecord({
+    repo: parsed.host,
+    collection: parsed.collection,
+    rkey: parsed.rkey,
+  });
+  return {
+    uri: response.data.uri,
+    cid: response.data.cid,
+    value: response.data.value,
+  };
+}
+
+async function fetchRecordValue(atUri: string): Promise<Record<string, unknown> | null> {
+  const record = await getRepoRecordByUri(atUri);
+  return record && isRecordValue(record.value) ? record.value : null;
+}
+
 export async function getShareCandidates(repoHandleOrDid: string): Promise<ShareCandidateList> {
   const did = await resolveHandleToDid(repoHandleOrDid);
   const agent = await createRepoAgent(did);
@@ -51,8 +78,7 @@ export async function getShareCandidates(repoHandleOrDid: string): Promise<Share
       .map((record) => toEventCandidate(record))
       .filter((candidate): candidate is ShareCandidate => candidate !== null)
       .sort(sortCandidates),
-    documents: documentRecords
-      .map((record) => toDocumentCandidate(record, did))
+    documents: (await Promise.all(documentRecords.map((record) => toDocumentCandidate(record, did))))
       .filter((candidate): candidate is ShareCandidate => candidate !== null)
       .sort(sortCandidates),
   };
@@ -75,17 +101,8 @@ export async function getShareCandidateByUri(
     return null;
   }
 
-  const agent = await createRepoAgent(did);
-  const response = await agent.com.atproto.repo.getRecord({
-    repo: did,
-    collection: parsed.collection,
-    rkey: parsed.rkey,
-  });
-  const record: RepoRecord = {
-    uri: response.data.uri,
-    cid: response.data.cid,
-    value: response.data.value,
-  };
+  const record = await getRepoRecordByUri(uri);
+  if (!record) return null;
 
   return parsed.collection === EVENT_COLLECTION
     ? toEventCandidate(record)
@@ -143,13 +160,14 @@ function toEventCandidate(record: RepoRecord): ShareCandidate | null {
       endsAt: event.endsAt,
       location: event.location,
       mode: event.mode === 'inperson' ? 'in-person' : event.mode,
+      previewUrl: `https://smokesignal.events/${parsed.host}/${parsed.rkey}`,
     };
   } catch {
     return null;
   }
 }
 
-function toDocumentCandidate(record: RepoRecord, did: string): ShareCandidate | null {
+async function toDocumentCandidate(record: RepoRecord, did: string): Promise<ShareCandidate | null> {
   if (!record.cid || !isValidAtUri(record.uri)) return null;
   if (!isRecordValue(record.value)) return null;
 
@@ -168,6 +186,12 @@ function toDocumentCandidate(record: RepoRecord, did: string): ShareCandidate |
       cid: record.cid,
       date: post.publishedAt,
       path: post.path,
+      previewUrl: await resolveStandardDocumentUrl(
+        record.value,
+        did,
+        parsed.rkey,
+        fetchRecordValue,
+      ),
     };
   } catch {
     return null;
diff --git a/src/lib/community/share-status.ts b/src/lib/community/share-status.ts
new file mode 100644
index 0000000..86912de
--- /dev/null
+++ b/src/lib/community/share-status.ts
@@ -0,0 +1,86 @@
+export type ShareStatusCode =
+  | "ok"
+  | "signin"
+  | "not-member"
+  | "no-permission"
+  | "not-found"
+  | "failed";
+
+export type UnshareStatusCode =
+  | "ok"
+  | "missing"
+  | "signin"
+  | "not-author"
+  | "no-permission"
+  | "not-found"
+  | "failed";
+
+type ShareStatusCopy = {
+  tone: "success" | "info" | "error";
+  message: string;
+};
+
+const SHARE_STATUS_COPY: Record<ShareStatusCode, ShareStatusCopy> = {
+  ok: { tone: "success", message: "Shared with the community." },
+  signin: { tone: "error", message: "Sign in first, then try sharing again." },
+  "not-member": {
+    tone: "error",
+    message: "Join the community before sharing content.",
+  },
+  "no-permission": {
+    tone: "error",
+    message:
+      "Your login needs community content permission. Log out and back in, then try again.",
+  },
+  "not-found": {
+    tone: "error",
+    message: "That item couldn't be shared. Pick another one and try again.",
+  },
+  failed: {
+    tone: "error",
+    message: "Something went wrong while updating community content. Try again later.",
+  },
+};
+
+const UNSHARE_STATUS_COPY: Record<UnshareStatusCode, ShareStatusCopy> = {
+  ok: { tone: "success", message: "Removed from community content." },
+  missing: { tone: "info", message: "That shared item was already removed." },
+  signin: { tone: "error", message: "Sign in first, then try unsharing again." },
+  "not-author": {
+    tone: "error",
+    message: "Only the original sharer can remove that item.",
+  },
+  "no-permission": {
+    tone: "error",
+    message:
+      "Your login needs community content permission. Log out and back in, then try again.",
+  },
+  "not-found": {
+    tone: "error",
+    message: "That item couldn't be removed. Refresh the page and try again.",
+  },
+  failed: {
+    tone: "error",
+    message: "Something went wrong while updating community content. Try again later.",
+  },
+};
+
+export function getShareStatusCopy(
+  shareStatus: string | null | undefined,
+  unshareStatus: string | null | undefined,
+  hasUnexpectedError = false,
+): ShareStatusCopy | null {
+  if (shareStatus && shareStatus in SHARE_STATUS_COPY) {
+    return SHARE_STATUS_COPY[shareStatus as ShareStatusCode];
+  }
+
+  if (unshareStatus && unshareStatus in UNSHARE_STATUS_COPY) {
+    return UNSHARE_STATUS_COPY[unshareStatus as UnshareStatusCode];
+  }
+
+  if (hasUnexpectedError) {
+    return SHARE_STATUS_COPY.failed;
+  }
+
+  return null;
+}
diff --git a/src/live.config.ts b/src/live.config.ts
index efd6ab9..8d3fcef 100644
--- a/src/live.config.ts
+++ b/src/live.config.ts
@@ -97,6 +97,19 @@ function enrichAuthor(author: {
   };
 }
 
+function enrichOptionalAuthor(
+  author:
+    | {
+        did: string;
+        handle: string;
+        displayName?: string;
+        avatar?: string;
+      }
+    | undefined,
+) {
+  return author ? enrichAuthor(author) : undefined;
+}
+
 const communityDefinitions = yaml.load(communitiesRaw) as CommunityDefinition[];
 // atmosphere.community is the site's own account — kept separate from the YAML-defined
 // communities because it publishes a different lexicon (site.standard.document, see feed below)
@@ -141,7 +154,11 @@ const feed = defineAtProtoLiveCollection({
     if (!result) return null;
     return {
       ...result,
-      data: { ...result.data, author: enrichAuthor(result.data.author) },
+      data: {
+        ...result.data,
+        author: enrichAuthor(result.data.author),
+        sharedBy: enrichOptionalAuthor(result.data.sharedBy),
+      },
     };
   },
 });
diff --git a/src/pages/communities.astro b/src/pages/communities.astro
index 8ba3bd9..be6c562 100644
--- a/src/pages/communities.astro
+++ b/src/pages/communities.astro
@@ -14,13 +14,17 @@ const communities = communitiesResult.entries?.map((entry) => entry.data) ?? [];
 
 const joinResult = Astro.getActionResult(actions.joinOpenSocialCommunity);
 const leaveResult = Astro.getActionResult(actions.leaveOpenSocialCommunity);
-const rawJoinStatus = joinResult?.data?.status ?? (joinResult?.error ? "error" : null);
-const rawLeaveStatus = leaveResult?.data?.status ?? (leaveResult?.error ? "error" : null);
-const statusResult = rawJoinStatus ? joinResult : leaveResult;
-const joinStatus = rawJoinStatus ?? rawLeaveStatus;
-const statusCommunityHandle = statusResult?.data?.community;
-const statusCommunity = statusCommunityHandle
-  ? communities.find((c) => c.handle === statusCommunityHandle)
+
+const joinStatus =
+  joinResult?.data?.status ??
+  (joinResult?.error ? "error" : null) ??
+  leaveResult?.data?.status ??
+  (leaveResult?.error ? "error" : null);
+
+const statusResult = joinResult?.data?.status || joinResult?.error ? joinResult : leaveResult;
+
+const statusCommunity = statusResult?.data?.community?.trim()
+  ? communities.find((c) => c.handle === statusResult.data.community.trim())
   : undefined;
 
 const loggedInUser = Astro.locals.loggedInUser;
diff --git a/src/pages/community-content.astro b/src/pages/community-content.astro
index c99a629..311e7eb 100644
--- a/src/pages/community-content.astro
+++ b/src/pages/community-content.astro
@@ -3,31 +3,28 @@ import Base from '../layouts/Base.astro';
 import Header from '../components/layout/Header.astro';
 import Footer from '../components/layout/Footer.astro';
 import PostCard from '../components/content/PostCard.astro';
-import ShareableContent from '../components/content/ShareableContent.astro';
-import Combobox from '../components/auth/Combobox.astro';
-import AtprotoIcon from '../components/auth/icons/AtprotoIcon.astro';
 import JoinStatusNotice from '../components/communities/JoinStatusNotice.astro';
+import CommunitySharePanel from '../components/communities/CommunitySharePanel.astro';
 import { getLiveCollection } from 'astro:content';
 import { actions } from 'astro:actions';
 import { getBlueskyAgent } from '@fujocoded/authproto/helpers';
 import { getMembership } from '../lib/opensocial/membership';
 import { getAtmosphereCommunityDid } from '../lib/community/atmosphere';
 import { getShareCandidates } from '../lib/community/share-candidates';
+import { dedupeFeedEntries } from '../lib/community/dedup-feed';
+import { getShareStatusCopy } from '../lib/community/share-status';
 
 const joinResult = Astro.getActionResult(actions.joinAtmosphereCommunity);
 const leaveResult = Astro.getActionResult(actions.leaveAtmosphereCommunity);
 
 const shareResult = Astro.getActionResult(actions.shareAtmosphereContent);
-if (shareResult?.data?.redirectUrl) {
-  return Astro.redirect(shareResult.data.redirectUrl, 303);
-}
-if (shareResult?.error) {
-  return Astro.redirect('/community-content?share=error', 303);
-}
-
+const unshareResult = Astro.getActionResult(actions.unshareAtmosphereContent);
+const recentlyUnsharedRecordUri = unshareResult?.data?.shareRecordUri ?? null;
 const feedResult = await getLiveCollection('feed');
-const mergedPosts = (feedResult.entries ?? [])
-  .map((entry) => entry.data)
+const mergedPosts = dedupeFeedEntries(
+  (feedResult.entries ?? []).map((entry) => entry.data),
+)
+  .filter((entry) => entry.shareRecordUri !== recentlyUnsharedRecordUri)
   .sort((a, b) => (b.publishedAt ?? b.sharedAt).getTime() - (a.publishedAt ?? a.sharedAt).getTime());
 
 const loggedInUser = Astro.locals.loggedInUser;
@@ -62,27 +59,20 @@ const joinStatus = rawJoinStatus &&
   ? rawJoinStatus
   : null;
 
-type ShareStatusKey =
-  | 'ok'
-  | 'invalid'
-  | 'error'
-  | 'signin'
-  | 'permission'
-  | 'not-member';
-const SHARE_STATUS_COPY: Record<ShareStatusKey, { tone: 'success' | 'info' | 'error'; message: string }> = {
-  ok: { tone: 'success', message: 'Shared with the community.' },
-  invalid: { tone: 'error', message: "That item couldn't be shared. Pick another one and try again." },
-  error: { tone: 'error', message: "Something went wrong while sharing. Try again later." },
-  signin: { tone: 'error', message: 'Sign in first, then try sharing again.' },
-  permission: { tone: 'error', message: 'Your login needs community content permission. Log out and back in, then try again.' },
-  'not-member': { tone: 'error', message: 'Join the community before sharing content.' },
-};
-
-const shareParam = Astro.url.searchParams.get('share');
-const shareStatus =
-  shareParam && shareParam in SHARE_STATUS_COPY
-    ? SHARE_STATUS_COPY[shareParam as ShareStatusKey]
+const shareStatus = getShareStatusCopy(
+  shareResult?.data?.status,
+  unshareResult?.data?.status,
+  !!shareResult?.error || !!unshareResult?.error,
+);
+
+const getUnshareableShareRecordUri = (
+  post: (typeof mergedPosts)[number],
+): string | null => {
+  if (!loggedInUser || !post.shareRecordUri) return null;
+  return post.sharedBy?.did === loggedInUser.did || isAdmin
+    ? post.shareRecordUri
     : null;
+};
 
 const sourceParam = Astro.url.searchParams.get('source')?.trim();
 const shareRepo = sourceParam || loggedInUser?.handle || '';
@@ -144,105 +134,38 @@ if (shareRepo && canShareContent) {
         </p>
       )}
 
-      {!loggedInUser ? (
-        <aside class="share-cta" aria-label="Share your content">
-          <div class="share-cta__text">
-            <p class="share-cta__title">Want to share yours?</p>
-            <p class="share-cta__sub">
-              Log into the Atmosphere, join the community, and share your content!
-            </p>
-          </div>
-          <button class="share-cta__button" type="button" data-open-auth>
-            Log in & join the community
-          </button>
-        </aside>
-      ) : canShareContent ? (
-        <aside class="share-cta share-cta--member share-cta--picker" aria-label="Share with the community">
-          <div class="share-cta__main">
-            <div class="share-cta__text">
-              <p class="share-cta__title">Share with the community</p>
-              <div class="share-source">
-                <details class="share-source__menu">
-                  <summary class="share-source__summary">
-                    <span>Choose an event or Standard Site document from</span>
-                    <span class="share-source__chip">
-                      {shareSourceProfile?.avatar ? (
-                        <img
-                          class="share-source__avatar"
-                          src={shareSourceProfile.avatar}
-                          alt=""
-                          width="26"
-                          height="26"
-                          loading="lazy"
-                          decoding="async"
-                        />
-                      ) : (
-                        <span class="share-source__avatar share-source__avatar--fallback" aria-hidden="true">
-                          {(shareSourceProfile?.displayName || shareRepo || '@').charAt(0).toUpperCase()}
-                        </span>
-                      )}
-                      <span class="share-source__identity">
-                        <span class="share-source__name">
-                          {shareSourceProfile?.displayName?.trim() || shareRepo}
-                        </span>
-                        <span class="share-source__handle">@{shareRepo}</span>
-                      </span>
-                    </span>
-                  </summary>
-                  <form class="share-source__form" method="GET" action="/community-content">
-                    <Combobox
-                      id="share-source-handle"
-                      name="source"
-                      label="Content source"
-                      placeholder="handle.bsky.social"
-                      inputClass="share-source__input"
-                      autocomplete="off"
-                      inputmode="url"
-                    >
-                      <AtprotoIcon slot="leading-icon" width={18} height={18} />
-                    </Combobox>
-                    <button class="share-source__button" type="submit">Use source</button>
-                  </form>
-                </details>
-                {isAdmin && (
-                  <p class="share-source__note">Admins can't leave the community from here.</p>
-                )}
-              </div>
-            </div>
-
-            <ShareableContent
-              candidates={shareCandidates}
-              repo={shareRepo}
-              error={shareCandidatesError}
-            />
-          </div>
-          {!isAdmin && (
-            <form method="POST" action={actions.leaveAtmosphereCommunity}>
-              <button class="share-cta__button share-cta__button--ghost" type="submit">
-                Leave the community
-              </button>
-            </form>
-          )}
-        </aside>
-      ) : (
-        <aside class="share-cta" aria-label="Join the community">
-          <div class="share-cta__text">
-            <p class="share-cta__title">Want to share yours?</p>
-            <p class="share-cta__sub">
-              Join atmosphere.community — your posts can show up here too.
-            </p>
-          </div>
-          <form method="POST" action={actions.joinAtmosphereCommunity}>
-            <button class="share-cta__button" type="submit">
-              Join the community
-            </button>
-          </form>
-        </aside>
-      )}
+      <CommunitySharePanel
+        loggedInUser={loggedInUser}
+        isMember={isMember}
+        isAdmin={isAdmin}
+        shareRepo={shareRepo}
+        shareSourceProfile={shareSourceProfile}
+        shareCandidates={shareCandidates}
+        shareCandidatesError={shareCandidatesError}
+      />
 
       {mergedPosts.length > 0 ? (
         <div class="posts-list">
-          {mergedPosts.map((post) => <PostCard {...post} />)}
+          {mergedPosts.map((post) => {
+            const shareRecordUri = getUnshareableShareRecordUri(post);
+            return (
+              <PostCard {...post}>
+                {shareRecordUri && (
+                  <form
+                    slot="actions"
+                    class="post-unshare"
+                    method="POST"
+                    action={actions.unshareAtmosphereContent}
+                  >
+                    <input type="hidden" name="shareRecordUri" value={shareRecordUri} />
+                    <button class="post-unshare__button" type="submit">
+                      Unshare
+                    </button>
+                  </form>
+                )}
+              </PostCard>
+            );
+          })}
         </div>
       ) : (
         <div class="content-empty">
@@ -259,61 +182,6 @@ if (shareRepo && canShareContent) {
   <Footer slot="footer" />
 </Base>
 
-<script>
-  type Actor = {
-    handle: string;
-    displayName?: string;
-    avatar?: string;
-  };
-  type Suggestion = {
-    value: string;
-    label?: string;
-    sublabel?: string;
-    avatar?: string;
-  };
-
-  const SEARCH_ACTORS_URL =
-    "https://public.api.bsky.app/xrpc/app.bsky.actor.searchActorsTypeahead";
-
-  const searchBskyActors = async (q: string): Promise<Suggestion[]> => {
-    const url = new URL(SEARCH_ACTORS_URL);
-    url.searchParams.set("q", q);
-    url.searchParams.set("limit", "8");
-    const res = await fetch(url, { headers: { accept: "application/json" } });
-    if (!res.ok) return [];
-    const data = (await res.json()) as { actors?: Actor[] };
-    return (data.actors ?? []).map((a) => ({
-      value: a.handle,
-      label: a.displayName || a.handle,
-      sublabel: `@${a.handle}`,
-      avatar: a.avatar,
-    }));
-  };
-
-  const sourceInput = document.getElementById(
-    "share-source-handle",
-  ) as HTMLInputElement | null;
-  const sourceCombobox = sourceInput?.closest("cmb-combobox");
-  sourceCombobox?.addEventListener("combobox-search", (e) => {
-    const detail = (e as CustomEvent<{ query: string; results: Promise<Suggestion[]> | null }>)
-      .detail;
-    detail.results = searchBskyActors(detail.query);
-  });
-  sourceCombobox?.addEventListener("autocomplete-select", () => {
-    sourceInput?.form?.requestSubmit();
-  });
-
-  document.querySelectorAll<HTMLElement>('[data-open-auth]').forEach((trigger) => {
-    trigger.addEventListener('click', () => {
-      const menu = document.querySelector<HTMLDetailsElement>('details.auth-menu');
-      if (!menu) return;
-      menu.open = true;
-      menu.scrollIntoView({ behavior: 'smooth', block: 'start' });
-      menu.querySelector<HTMLInputElement>('input[name="atproto-id"]')?.focus({ preventScroll: true });
-    });
-  });
-</script>
-
 <style>
   .content-page h1 {
     margin-bottom: var(--space-sm);
@@ -356,277 +224,47 @@ if (shareRepo && canShareContent) {
     margin-top: var(--space-xl);
   }
 
-  .content-empty {
-    margin-top: var(--space-xl);
-    padding: var(--space-2xl);
-    text-align: center;
-    color: var(--foreground-secondary);
-    background: var(--muted);
-    border-radius: var(--radius-md);
-  }
-
-  .share-cta {
+  .post-unshare {
     display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: var(--space-lg);
-    flex-wrap: wrap;
-    margin-top: var(--space-xl);
-    padding: var(--space-lg) var(--space-xl);
-    background: var(--primary-muted);
-    border: 1px solid var(--primary-muted);
-    border-radius: var(--radius-md);
-  }
-
-  .share-cta__text {
-    display: grid;
-    gap: 2px;
-    min-width: 0;
-  }
-
-  .share-cta__main {
-    display: grid;
-    gap: var(--space-md);
-    min-width: min(100%, 32rem);
-    flex: 1 1 32rem;
-  }
-
-  .share-cta__title {
-    margin: 0;
-    color: var(--primary);
-    font-family: var(--font-body);
-    font-size: var(--text-sm);
-    font-weight: 700;
-  }
-
-  .share-cta__sub {
-    margin: 0;
-    color: var(--foreground-secondary);
-    font-size: var(--text-xs);
-    line-height: var(--leading-normal);
-  }
-
-  .share-source {
-    display: grid;
-    gap: var(--space-xs);
-  }
-
-  .share-source__menu {
-    position: relative;
-    width: fit-content;
-    max-width: 100%;
-  }
-
-  .share-source__summary {
-    display: inline-flex;
-    align-items: center;
-    gap: var(--space-xs);
-    max-width: 100%;
-    color: var(--foreground-secondary);
-    font-size: var(--text-xs);
-    line-height: var(--leading-normal);
-    list-style: none;
-    cursor: pointer;
-  }
-
-  .share-source__summary::-webkit-details-marker {
-    display: none;
-  }
-
-  .share-source__summary:focus-visible,
-  .share-source__button:focus-visible,
-  :global(.share-source__input:focus-visible) {
-    outline: 2px solid var(--primary);
-    outline-offset: 2px;
-  }
-
-  .share-source__chip {
-    display: grid;
-    grid-template-columns: auto minmax(0, 1fr);
-    align-items: center;
-    gap: var(--space-sm);
-    max-width: min(100%, 18rem);
-    min-height: 34px;
-    border: 1px solid color-mix(in oklch, var(--primary) 30%, var(--border));
-    border-radius: var(--radius-pill);
-    padding: 3px var(--space-md) 3px 3px;
-    background:
-      linear-gradient(
-        135deg,
-        color-mix(in oklch, var(--primary) 10%, var(--card)),
-        var(--card) 65%
-      );
-    color: var(--primary);
-    line-height: 1;
-    box-shadow: 0 1px 0 color-mix(in oklch, var(--primary) 12%, transparent);
-  }
-
-  .share-source__summary:hover .share-source__chip,
-  .share-source__menu[open] .share-source__chip {
-    background: var(--card);
-    border-color: var(--primary);
-  }
-
-  .share-source__avatar {
-    width: 26px;
-    height: 26px;
-    border-radius: 50%;
-    object-fit: cover;
-    background: var(--primary-muted);
-    box-shadow: 0 0 0 2px var(--card);
-  }
-
-  .share-source__avatar--fallback {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    color: var(--primary);
-    font-size: var(--text-xs);
-    font-weight: 800;
-  }
-
-  .share-source__identity {
-    display: grid;
-    gap: 1px;
-    min-width: 0;
-  }
-
-  .share-source__name,
-  .share-source__handle {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .share-source__name {
-    color: var(--foreground);
-    font-size: var(--text-sm);
-    font-weight: 800;
-    line-height: 1.1;
-  }
-
-  .share-source__handle {
-    color: var(--foreground-muted);
-    font-size: 0.6875rem;
-    font-weight: 700;
-    line-height: 1;
-  }
-
-  .share-source__form {
-    position: absolute;
-    top: calc(100% + var(--space-xs));
-    left: 0;
-    z-index: var(--z-popover);
-    display: grid;
-    gap: var(--space-sm);
-    width: min(21rem, calc(100vw - 2 * var(--space-lg)));
-    padding: var(--space-base);
-    background: var(--card);
-    border: 1px solid var(--border);
-    border-radius: var(--radius-md);
-    box-shadow: var(--elevation-high);
-  }
-
-  :global(.share-source__input) {
+    justify-content: flex-end;
     width: 100%;
-    min-height: 40px;
-    border: 1px solid var(--border);
-    border-radius: var(--radius-sm);
-    padding: var(--space-sm) var(--space-md);
-    color: var(--foreground);
-    font: inherit;
-    font-size: var(--text-sm);
   }
 
-  .share-source__button {
+  .post-unshare__button {
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    min-height: 36px;
-    border: 0;
+    min-height: 32px;
+    border: 1px solid color-mix(in oklch, var(--primary) 24%, var(--border));
     border-radius: var(--radius-sm);
-    padding: var(--space-sm) var(--space-base);
-    background: var(--primary);
-    color: var(--primary-foreground);
+    padding: var(--space-xs) var(--space-sm);
+    background: transparent;
+    color: var(--primary);
     font: inherit;
-    font-size: var(--text-sm);
-    font-weight: 700;
-    cursor: pointer;
-    transition: background 0.15s ease;
-  }
-
-  .share-source__button:hover {
-    background: var(--primary-hover);
-  }
-
-  .share-source__note {
-    margin: 0;
-    color: var(--foreground-muted);
     font-size: var(--text-xs);
-    line-height: var(--leading-normal);
-  }
-
-  .share-cta__button {
-    display: inline-flex;
-    align-items: center;
-    min-height: 40px;
-    padding: var(--space-sm) var(--space-lg);
-    background: var(--primary);
-    color: var(--primary-foreground);
-    border: 0;
-    border-radius: var(--radius-sm);
-    font: inherit;
-    font-size: var(--text-sm);
     font-weight: 700;
     cursor: pointer;
-    transition: background 0.15s ease;
+    transition:
+      background 0.15s ease,
+      border-color 0.15s ease;
   }
 
-  .share-cta__button:hover {
-    background: var(--primary-hover);
-  }
-
-  .share-cta__button:disabled {
-    opacity: 0.55;
-    cursor: not-allowed;
-  }
-
-  .share-cta__button:disabled:hover {
-    background: var(--primary);
+  .post-unshare__button:hover {
+    background: color-mix(in oklch, var(--primary) 10%, transparent);
+    border-color: color-mix(in oklch, var(--primary) 40%, var(--border));
   }
 
-  .share-cta__button:focus-visible {
+  .post-unshare__button:focus-visible {
     outline: 2px solid var(--primary);
     outline-offset: 2px;
   }
 
-  .share-cta__button--ghost {
-    background: transparent;
-    color: var(--primary);
-    border: 1px solid color-mix(in oklch, var(--primary) 35%, var(--border));
-  }
-  .share-cta__button--ghost:hover {
-    background: color-mix(in oklch, var(--primary) 10%, transparent);
-  }
-
-  @media (max-width: 640px) {
-    .share-cta--picker {
-      align-items: stretch;
-    }
-
-    .share-source__summary {
-      align-items: flex-start;
-      flex-direction: column;
-    }
-
-    .share-source__form {
-      width: min(100vw - 2 * var(--space-lg), 21rem);
-    }
-
-    .share-cta__button {
-      justify-content: center;
-      width: 100%;
-    }
+  .content-empty {
+    margin-top: var(--space-xl);
+    padding: var(--space-2xl);
+    text-align: center;
+    color: var(--foreground-secondary);
+    background: var(--muted);
+    border-radius: var(--radius-md);
   }
-
 </style>
diff --git a/src/pages/events.astro b/src/pages/events.astro
index c9657f7..8659e57 100644
--- a/src/pages/events.astro
+++ b/src/pages/events.astro
@@ -11,14 +11,6 @@ import { getRsvpsForEvents, type CalendarRsvp } from '../lib/rsvps';
 
 const rsvpResult = Astro.getActionResult(actions.rsvpEvent);
 
-if (rsvpResult?.data?.redirectUrl) {
-  return Astro.redirect(rsvpResult.data.redirectUrl, 303);
-}
-
-if (rsvpResult?.error) {
-  return Astro.redirect('/events?rsvp=error', 303);
-}
-
 const eventsResult = await getLiveCollection('events');
 const allEvents = (eventsResult.entries ?? [])
   .map((entry) => entry.data)
@@ -45,7 +37,6 @@ if (loggedInUser) {
   }
 }
 
-const rsvpMessage = Astro.url.searchParams.get('rsvp');
 ---
 
 <Base title="Events" description="Upcoming AT Protocol community events, meetups, and conferences.">
@@ -58,7 +49,7 @@ const rsvpMessage = Astro.url.searchParams.get('rsvp');
         Community meetups, conferences, and hangouts across the Atmosphere.
         Events are sourced from <a href="https://smokesignal.events" rel="noopener noreferrer" target="_blank">Smoke Signal</a> and <a href="https://openmeet.net" rel="noopener noreferrer" target="_blank">OpenMeet</a>.
       </p>
-      <RsvpNotice message={rsvpMessage} />
+      <RsvpNotice result={rsvpResult} />
       {rsvpReadFailed && (
         <p class="events-notice events-notice--error">We couldn't check which events you're going to right now.</p>
       )}
diff --git a/src/pages/index.astro b/src/pages/index.astro
index c6dd36b..548c4d2 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -8,14 +8,16 @@ import EventCard from "../components/events/EventCard.astro";
 import CommunityCard from "../components/communities/CommunityCard.astro";
 import GetInvolved from "../components/layout/GetInvolved.astro";
 import { getLiveCollection } from "astro:content";
+import { dedupeFeedEntries } from "../lib/community/dedup-feed";
 const communitiesResult = await getLiveCollection("communities");
 const communities = (communitiesResult.entries ?? []).map(
   (entry) => entry.data,
 );
 
 const feedResult = await getLiveCollection("feed");
-const mergedPosts = (feedResult.entries ?? [])
-  .map((entry) => entry.data)
+const mergedPosts = dedupeFeedEntries(
+  (feedResult.entries ?? []).map((entry) => entry.data),
+)
   .sort(
     (a, b) =>
       (b.publishedAt ?? b.sharedAt).getTime() -