diff --git a/docs/tasks/13-release.md b/docs/tasks/13-release.md
index b3b52a9..5ec027f 100644
--- a/docs/tasks/13-release.md
+++ b/docs/tasks/13-release.md
@@ -10,21 +10,21 @@ Cross-platform build, signing, packaging, and distribution targeting GitHub Rele
 
 #### Backend
 
-- [x] `ModerationService` in Rust - fetch labeler policies, evaluate labels into `ModerationDecision`, cache in `labeler_cache` table
-- [x] Send `atproto-accept-labelers` header with all API requests (built-in Bluesky labeler + user-subscribed labelers)
-- [x] Moderation preferences storage - per-account JSON in `app_settings` keyed by `moderation_preferences::{did}`
-- [x] `create_report` command - calls `com.atproto.moderation.createReport`
-- [x] `get_distribution_channel` command - returns compile-time `DISTRIBUTION_CHANNEL` env var
+- [ ] `ModerationService` in Rust - fetch labeler policies, evaluate labels into `ModerationDecision`, cache in `labeler_cache` table
+- [ ] Send `atproto-accept-labelers` header with all API requests (built-in Bluesky labeler + user-subscribed labelers)
+- [ ] Moderation preferences storage - per-account JSON in `app_settings` keyed by `moderation_preferences::{did}`
+- [ ] `create_report` command - calls `com.atproto.moderation.createReport`
+- [ ] `get_distribution_channel` command - returns compile-time `DISTRIBUTION_CHANNEL` env var
 
 #### Frontend
 
-- [ ] `ModeratedBlurOverlay` component - 14px blur, overlay icon, "Show content" button, label display
-- [ ] `ModeratedAvatar` component - shield icon fallback for hidden avatars
-- [ ] `ModerationBadgeRow` component - alert (red) and inform (blue) badges with label source
-- [ ] `ReportDialog` modal - reason type selector, free-text, submit
-- [ ] Wire moderation into `PostCard`, image/video embeds, profile views, notifications
-- [ ] Moderation Settings section - adult content toggle (hidden on MAS, link to web settings instead), labeler management, per-label preferences
-- [ ] Block user flow via `app.bsky.graph.block`
+- [x] `ModeratedBlurOverlay` component - 14px blur, overlay icon, "Show content" button, label display
+- [x] `ModeratedAvatar` component - shield icon fallback for hidden avatars
+- [x] `ModerationBadgeRow` component - alert (red) and inform (blue) badges with label source
+- [x] `ReportDialog` modal - reason type selector, free-text, submit
+- [x] Wire moderation into `PostCard`, image/video embeds, profile views, notifications
+- [x] Moderation Settings section - adult content toggle (hidden on MAS, link to web settings instead), labeler management, per-label preferences
+- [x] Block user flow via `app.bsky.graph.block`
 
 ### App Identity & Branding
 
diff --git a/src-tauri/src/commands/mod.rs b/src-tauri/src/commands/mod.rs
index 59c82ea..e5cc13f 100644
--- a/src-tauri/src/commands/mod.rs
+++ b/src-tauri/src/commands/mod.rs
@@ -145,6 +145,11 @@ pub async fn follow_actor(did: String, state: State<'_>) -> Result<CreateRecordR
     feed::follow_actor(did, &state).await
 }
 
+#[tauri::command]
+pub async fn block_actor(did: String, state: State<'_>) -> Result<CreateRecordResult> {
+    feed::block_actor(did, &state).await
+}
+
 #[tauri::command]
 pub async fn unfollow_actor(follow_uri: String, state: State<'_>) -> Result<()> {
     feed::unfollow_actor(follow_uri, &state).await
diff --git a/src-tauri/src/feed.rs b/src-tauri/src/feed.rs
index 18c2ed6..47d9c04 100644
--- a/src-tauri/src/feed.rs
+++ b/src-tauri/src/feed.rs
@@ -23,6 +23,7 @@ use jacquard::api::app_bsky::feed::get_timeline::GetTimeline;
 use jacquard::api::app_bsky::feed::like::Like;
 use jacquard::api::app_bsky::feed::post::{Post, PostEmbed, ReplyRef};
 use jacquard::api::app_bsky::feed::repost::Repost;
+use jacquard::api::app_bsky::graph::block::Block;
 use jacquard::api::app_bsky::graph::follow::Follow;
 use jacquard::api::app_bsky::graph::get_followers::GetFollowers;
 use jacquard::api::app_bsky::graph::get_follows::GetFollows;
@@ -835,6 +836,43 @@ pub async fn follow_actor(did: String, state: &AppState) -> Result<CreateRecordR
     Ok(CreateRecordResult { uri: output.uri.to_string(), cid: output.cid.to_string() })
 }
 
+pub async fn block_actor(did: String, state: &AppState) -> Result<CreateRecordResult> {
+    let session = get_session(state).await?;
+    let active_did = active_did(state)?;
+
+    let block = Block::new()
+        .created_at(Datetime::now())
+        .subject(Did::new(&did).map_err(|_| AppError::validation("invalid account DID"))?)
+        .build();
+
+    let record_json = serde_json::to_value(&block)?;
+    let record_data = Data::from_json_owned(record_json).map_err(|_| AppError::validation("serialize block"))?;
+
+    let repo = AtIdentifier::Did(Did::new(&active_did)?);
+    let collection = Nsid::new("app.bsky.graph.block").map_err(|_| AppError::validation("nsid"))?;
+
+    let output = session
+        .send(
+            CreateRecord::new()
+                .repo(repo)
+                .collection(collection)
+                .record(record_data)
+                .build(),
+        )
+        .await
+        .map_err(|error| {
+            log::error!("createRecord (block) error: {error}");
+            AppError::validation("Could not block this account.")
+        })?
+        .into_output()
+        .map_err(|error| {
+            log::error!("createRecord (block) output error: {error}");
+            AppError::validation("Could not block this account.")
+        })?;
+
+    Ok(CreateRecordResult { uri: output.uri.to_string(), cid: output.cid.to_string() })
+}
+
 pub async fn unfollow_actor(follow_uri: String, state: &AppState) -> Result<()> {
     let session = get_session(state).await?;
     let did = active_did(state)?;
diff --git a/src-tauri/src/lib.rs b/src-tauri/src/lib.rs
index 25c3cda..e9d1998 100644
--- a/src-tauri/src/lib.rs
+++ b/src-tauri/src/lib.rs
@@ -104,6 +104,7 @@ pub fn run() {
             cmd::bookmark_post,
             cmd::remove_bookmark,
             cmd::follow_actor,
+            cmd::block_actor,
             cmd::unfollow_actor,
             cmd::get_followers,
             cmd::get_follows,
diff --git a/src-tauri/src/moderation.rs b/src-tauri/src/moderation.rs
index 35fc618..fa48406 100644
--- a/src-tauri/src/moderation.rs
+++ b/src-tauri/src/moderation.rs
@@ -212,10 +212,7 @@ pub fn accepted_labeler_dids(prefs: &StoredModerationPrefs) -> Vec<String> {
 /// This must be called after changing labeler subscriptions so that all subsequent API calls
 /// carry the correct header.
 pub async fn apply_labeler_headers(session: &LazuriteOAuthSession, prefs: &StoredModerationPrefs) {
-    let dids: Vec<CowStr<'static>> = accepted_labeler_dids(prefs)
-        .into_iter()
-        .map(|did| CowStr::from(did))
-        .collect();
+    let dids: Vec<CowStr<'static>> = accepted_labeler_dids(prefs).into_iter().map(CowStr::from).collect();
     let opts = CallOptions { atproto_accept_labelers: Some(dids), ..Default::default() };
     session.set_options(opts).await;
     log::debug!(
diff --git a/src/components/deck/DeckWorkspace.tsx b/src/components/deck/DeckWorkspace.tsx
index cf3afee..a0fc29a 100644
--- a/src/components/deck/DeckWorkspace.tsx
+++ b/src/components/deck/DeckWorkspace.tsx
@@ -134,8 +134,6 @@ export function DeckWorkspace() {
   const session = useAppSession();
   const threadOverlay = useThreadOverlayNavigation();
   let feedColumnRequest = 0;
-  // Module-level variable: WebKit dataTransfer.getData() returns empty string on drop,
-  // so we track the dragging column ID here instead.
   let draggingColumnId: string | null = null;
 
   const [state, setState] = createStore<DeckState>({
diff --git a/src/components/explorer/views/RecordView.tsx b/src/components/explorer/views/RecordView.tsx
index 406496b..03ed5b8 100644
--- a/src/components/explorer/views/RecordView.tsx
+++ b/src/components/explorer/views/RecordView.tsx
@@ -140,28 +140,6 @@ function KnownRecordPreview(props: { record: Record<string, unknown> }) {
     return null;
   };
 
-  // return (
-  //   <>
-  //     <Show when={kind() === "app.bsky.feed.post" && content()}>
-  //       <CollapsibleSection title="Post Preview">
-  //         <div class="p-4 rounded-xl bg-black/30">
-  //           <PostRichText class="text-sm" facets={postRecord().facets} text={content() ?? ""} />
-  //         </div>
-  //       </CollapsibleSection>
-  //     </Show>
-
-  //     <Show when={kind() !== "app.bsky.feed.post" && subject()}>
-  //       {(value) => (
-  //         <CollapsibleSection title="Subject">
-  //           <div class="p-4 rounded-xl bg-black/30">
-  //             <SubjectPreview subject={value()} />
-  //           </div>
-  //         </CollapsibleSection>
-  //       )}
-  //     </Show>
-  //   </>
-  // );
-
   return (
     <Show
       when={kind() === "app.bsky.feed.post"}
diff --git a/src/components/feeds/FeedComposer.test.tsx b/src/components/feeds/FeedComposer.test.tsx
index 25ead7c..1fe6b45 100644
--- a/src/components/feeds/FeedComposer.test.tsx
+++ b/src/components/feeds/FeedComposer.test.tsx
@@ -75,10 +75,8 @@ describe("FeedComposer", () => {
   it("does not show draft count badge when draftCount is zero", () => {
     render(() => <FeedComposer {...BASE_PROPS} draftCount={0} onOpenDrafts={() => {}} />);
 
-    // The drafts button should exist but no badge (the badge span is conditionally rendered)
     const draftsButton = screen.getByTitle("Drafts (Ctrl+D)");
     expect(draftsButton).toBeInTheDocument();
-    // Badge is only rendered when count > 0; with count=0 the badge span should be absent
     expect(draftsButton.textContent?.trim()).toBe("");
   });
 });
diff --git a/src/components/feeds/PostCard.test.tsx b/src/components/feeds/PostCard.test.tsx
index c4e557f..6d85e2e 100644
--- a/src/components/feeds/PostCard.test.tsx
+++ b/src/components/feeds/PostCard.test.tsx
@@ -6,11 +6,28 @@ import { PostCard } from "./PostCard";
 const downloadImageMock = vi.hoisted(() => vi.fn());
 const downloadVideoMock = vi.hoisted(() => vi.fn());
 const listenMock = vi.hoisted(() => vi.fn());
+const moderateContentMock = vi.hoisted(() => vi.fn());
+const createReportMock = vi.hoisted(() => vi.fn());
+const blockActorMock = vi.hoisted(() => vi.fn());
 
 vi.mock(
   "$/lib/api/media",
   () => ({ MediaController: { downloadImage: downloadImageMock, downloadVideo: downloadVideoMock } }),
 );
+vi.mock(
+  "$/lib/api/moderation",
+  () => ({
+    MODERATION_REASON_OPTIONS: [{ label: "Spam", value: "com.atproto.moderation.defs#reasonSpam" }, {
+      label: "Violation",
+      value: "com.atproto.moderation.defs#reasonViolation",
+    }],
+    ModerationController: {
+      moderateContent: moderateContentMock,
+      createReport: createReportMock,
+      blockActor: blockActorMock,
+    },
+  }),
+);
 vi.mock("@tauri-apps/api/event", () => ({ listen: listenMock }));
 
 function createPost() {
@@ -42,7 +59,19 @@ describe("PostCard", () => {
     downloadImageMock.mockReset();
     downloadVideoMock.mockReset();
     listenMock.mockReset();
+    moderateContentMock.mockReset();
+    createReportMock.mockReset();
+    blockActorMock.mockReset();
     listenMock.mockResolvedValue(() => {});
+    moderateContentMock.mockResolvedValue({
+      filter: false,
+      blur: "none",
+      alert: false,
+      inform: false,
+      noOverride: false,
+    });
+    createReportMock.mockResolvedValue(1);
+    blockActorMock.mockResolvedValue({ uri: "at://did:plc:test/app.bsky.graph.block/1", cid: "cid-block" });
   });
 
   it("renders links, mentions, and hashtags from facets", () => {
@@ -247,4 +276,36 @@ describe("PostCard", () => {
       expect(downloadImageMock).toHaveBeenCalledWith("https://cdn.example.com/post-image-two.jpg", "123_2")
     );
   });
+
+  it("submits a report for the current post", async () => {
+    render(() => <PostCard post={createPost()} onOpenThread={vi.fn()} />);
+
+    fireEvent.click(screen.getByRole("button", { name: "More actions" }));
+    fireEvent.click(screen.getByRole("menuitem", { name: "Report post" }));
+
+    expect(await screen.findByText("Report content")).toBeInTheDocument();
+    fireEvent.input(screen.getByPlaceholderText("Add context for moderators"), {
+      target: { value: "misleading link" },
+    });
+    fireEvent.click(screen.getByRole("button", { name: "Submit report" }));
+
+    await waitFor(() =>
+      expect(createReportMock).toHaveBeenCalledWith(
+        { type: "record", uri: "at://did:plc:alice/app.bsky.feed.post/123", cid: "cid-post" },
+        "com.atproto.moderation.defs#reasonSpam",
+        "misleading link",
+      )
+    );
+  });
+
+  it("blocks the post author from the context menu", async () => {
+    const confirmSpy = vi.spyOn(globalThis, "confirm").mockReturnValue(true);
+    render(() => <PostCard post={createPost()} onOpenThread={vi.fn()} />);
+
+    fireEvent.click(screen.getByRole("button", { name: "More actions" }));
+    fireEvent.click(screen.getByRole("menuitem", { name: "Block @alice.test" }));
+
+    await waitFor(() => expect(blockActorMock).toHaveBeenCalledWith("did:plc:alice"));
+    confirmSpy.mockRestore();
+  });
 });
diff --git a/src/components/feeds/PostCard.tsx b/src/components/feeds/PostCard.tsx
index 74c9d0d..534a57e 100644
--- a/src/components/feeds/PostCard.tsx
+++ b/src/components/feeds/PostCard.tsx
@@ -1,11 +1,17 @@
 import { ImageGallery } from "$/components/feeds/ImageGallery";
 import { type MediaNotice, MediaNoticeToast } from "$/components/feeds/MediaNoticeToast";
 import { VideoEmbed } from "$/components/feeds/VideoEmbed";
+import { ModeratedAvatar } from "$/components/moderation/ModeratedAvatar";
+import { ModeratedBlurOverlay } from "$/components/moderation/ModeratedBlurOverlay";
+import { ModerationBadgeRow } from "$/components/moderation/ModerationBadgeRow";
+import { ReportDialog } from "$/components/moderation/ReportDialog";
+import { useModerationDecision } from "$/components/moderation/useModerationDecision";
 import { ContextMenu, type ContextMenuAnchor, type ContextMenuItem } from "$/components/shared/ContextMenu";
 import { Icon } from "$/components/shared/Icon";
 import { PostRichText } from "$/components/shared/PostRichText";
 import { QuotedPostPreview } from "$/components/shared/QuotedPostPreview";
 import { MediaController } from "$/lib/api/media";
+import { ModerationController } from "$/lib/api/moderation";
 import {
   buildPublicPostUrl,
   formatRelativeTime,
@@ -19,9 +25,22 @@ import {
   getQuotedText,
   isReplyItem,
 } from "$/lib/feeds";
+import { collectModerationLabels } from "$/lib/moderation";
 import { buildProfileRoute, getProfileRouteActor } from "$/lib/profile";
-import type { EmbedView, FeedViewPost, ImagesEmbedView, PostView, ProfileViewBasic, RichTextFacet } from "$/lib/types";
+import type {
+  EmbedView,
+  FeedViewPost,
+  ImagesEmbedView,
+  ModerationLabel,
+  ModerationReasonType,
+  ModerationUiDecision,
+  PostView,
+  ProfileViewBasic,
+  ReportSubjectInput,
+  RichTextFacet,
+} from "$/lib/types";
 import { formatCount, formatHandle, normalizeError } from "$/lib/utils/text";
+import * as logger from "@tauri-apps/plugin-log";
 import { revealItemInDir } from "@tauri-apps/plugin-opener";
 import { createMemo, createSignal, For, Match, onCleanup, type ParentProps, Show, Switch } from "solid-js";
 import { Motion } from "solid-motionone";
@@ -46,6 +65,8 @@ type PostCardProps = {
   showActions?: boolean;
 };
 
+type ReportTarget = { subject: ReportSubjectInput; subjectLabel: string };
+
 export function PostCard(props: PostCardProps) {
   const authorName = createMemo(() => getDisplayName(props.post.author));
   const createdAt = createMemo(() => formatRelativeTime(getPostCreatedAt(props.post)));
@@ -58,6 +79,12 @@ export function PostCard(props: PostCardProps) {
   const repostCount = createMemo(() => formatCount(props.post.repostCount));
   const authorHandle = createMemo(() => formatHandle(props.post.author.handle, props.post.author.did));
   const profileHref = createMemo(() => buildProfileRoute(getProfileRouteActor(props.post.author)));
+  const contentLabels = () => collectModerationLabels(props.post);
+  const mediaLabels = () => collectModerationLabels(props.post, props.post.embed);
+  const avatarLabels = () => collectModerationLabels(props.post.author);
+  const contentDecision = useModerationDecision(contentLabels);
+  const mediaDecision = useModerationDecision(mediaLabels);
+  const avatarDecision = useModerationDecision(avatarLabels);
   const reasonLabel = createMemo(() => {
     const reason = props.item?.reason;
     if (!reason || reason.$type !== "app.bsky.feed.defs#reasonRepost") {
@@ -83,6 +110,8 @@ export function PostCard(props: PostCardProps) {
 
   const [menuAnchor, setMenuAnchor] = createSignal<ContextMenuAnchor | null>(null);
   const [menuOpen, setMenuOpen] = createSignal(false);
+  const [reportOpen, setReportOpen] = createSignal(false);
+  const [reportTarget, setReportTarget] = createSignal<ReportTarget | null>(null);
   let menuTriggerRef: HTMLButtonElement | undefined;
 
   const menuItems = createMemo<ContextMenuItem[]>(() => {
@@ -130,6 +159,28 @@ export function PostCard(props: PostCardProps) {
       items.push({ icon: "i-ri-node-tree", label: "Open thread", onSelect: props.onOpenThread });
     }
 
+    items.push({
+      icon: "i-ri-flag-line",
+      label: "Report post",
+      onSelect: () => {
+        setReportTarget({
+          subject: { type: "record", uri: props.post.uri, cid: props.post.cid },
+          subjectLabel: `Post by @${props.post.author.handle}`,
+        });
+        setReportOpen(true);
+      },
+    }, {
+      icon: "i-ri-flag-2-line",
+      label: "Report account",
+      onSelect: () => {
+        setReportTarget({
+          subject: { type: "repo", did: props.post.author.did },
+          subjectLabel: `Account @${props.post.author.handle}`,
+        });
+        setReportOpen(true);
+      },
+    }, { icon: "i-ri-forbid-2-line", label: `Block @${props.post.author.handle}`, onSelect: () => void blockAuthor() });
+
     return items;
   });
 
@@ -149,6 +200,35 @@ export function PostCard(props: PostCardProps) {
     setMenuOpen(true);
   }
 
+  async function submitReport(input: { reasonType: ModerationReasonType; reason: string }) {
+    const target = reportTarget();
+    if (!target) {
+      return;
+    }
+
+    try {
+      await ModerationController.createReport(target.subject, input.reasonType, input.reason);
+    } catch (error) {
+      logger.error("failed to submit report", { keyValues: { error: normalizeError(error) } });
+    }
+  }
+
+  async function blockAuthor() {
+    const confirmed = globalThis.confirm
+      ? globalThis.confirm(`Block @${props.post.author.handle}? You can unblock from Bluesky settings.`)
+      : true;
+
+    if (!confirmed) {
+      return;
+    }
+
+    try {
+      await ModerationController.blockActor(props.post.author.did);
+    } catch (error) {
+      logger.error("failed to block account", { keyValues: { error: normalizeError(error) } });
+    }
+  }
+
   return (
     <article
       ref={(element) => props.registerRef?.(element)}
@@ -180,7 +260,12 @@ export function PostCard(props: PostCardProps) {
 
       <div class="flex min-w-0 gap-3">
         <a class="shrink-0 no-underline" href={`#${profileHref()}`} onClick={(event) => event.stopPropagation()}>
-          <AuthorAvatar avatar={props.post.author.avatar} label={getAvatarLabel(props.post.author)} />
+          <ModeratedAvatar
+            avatar={props.post.author.avatar}
+            class="relative mt-0.5 h-11 w-11 shrink-0 overflow-hidden rounded-full bg-[linear-gradient(135deg,rgba(125,175,255,0.9),rgba(0,115,222,0.72))] shadow-[0_0_0_2px_rgba(14,14,14,1),0_0_0_3px_rgba(125,175,255,0.28)]"
+            hidden={avatarDecision().filter || avatarDecision().blur !== "none"}
+            label={getAvatarLabel(props.post.author)}
+            fallbackClass="text-sm font-semibold text-on-primary-fixed" />
         </a>
 
         <div class="min-w-0 flex-1">
@@ -191,9 +276,15 @@ export function PostCard(props: PostCardProps) {
               createdAt={createdAt()}
               profileHref={profileHref()} />
 
-            <PostBodyText facets={getPostFacets(props.post)} text={postText()} />
+            <ModerationBadgeRow decision={contentDecision()} labels={contentLabels()} />
 
-            <PostEmbeds post={props.post} />
+            <ModeratedPostBody
+              decision={contentDecision()}
+              labels={contentLabels()}
+              post={props.post}
+              text={postText()} />
+
+            <PostEmbeds decision={mediaDecision()} labels={mediaLabels()} post={props.post} />
           </PostPrimaryRegion>
 
           <Show when={props.showActions !== false}>
@@ -231,6 +322,12 @@ export function PostCard(props: PostCardProps) {
         open={menuOpen()}
         returnFocusTo={menuTriggerRef}
         onClose={closeMenu} />
+
+      <ReportDialog
+        open={reportOpen()}
+        subjectLabel={reportTarget()?.subjectLabel ?? "Report content"}
+        onClose={() => setReportOpen(false)}
+        onSubmit={submitReport} />
     </article>
   );
 }
@@ -350,26 +447,22 @@ function PostActions(
   );
 }
 
-function AuthorAvatar(props: { avatar?: string | null; label: string }) {
+function PostBodyText(props: { facets: RichTextFacet[]; text: string }) {
   return (
-    <div class="relative mt-0.5 h-11 w-11 shrink-0 overflow-hidden rounded-full bg-[linear-gradient(135deg,rgba(125,175,255,0.9),rgba(0,115,222,0.72))] shadow-[0_0_0_2px_rgba(14,14,14,1),0_0_0_3px_rgba(125,175,255,0.28)]">
-      <Show
-        when={props.avatar}
-        fallback={
-          <div class="flex h-full w-full items-center justify-center text-sm font-semibold text-on-primary-fixed">
-            {props.label}
-          </div>
-        }>
-        {(avatar) => <img class="h-full w-full object-cover" src={avatar()} alt="" />}
-      </Show>
-    </div>
+    <Show when={props.text.trim().length > 0}>
+      <PostRichText class="m-0" facets={props.facets} text={props.text} />
+    </Show>
   );
 }
 
-function PostBodyText(props: { facets: RichTextFacet[]; text: string }) {
+function ModeratedPostBody(
+  props: { decision: ModerationUiDecision; labels: ModerationLabel[]; post: PostView; text: string },
+) {
   return (
     <Show when={props.text.trim().length > 0}>
-      <PostRichText class="m-0" facets={props.facets} text={props.text} />
+      <ModeratedBlurOverlay decision={props.decision} labels={props.labels} class="mt-3">
+        <PostBodyText facets={getPostFacets(props.post)} text={props.text} />
+      </ModeratedBlurOverlay>
     </Show>
   );
 }
@@ -407,13 +500,13 @@ function ActionButton(
   );
 }
 
-function PostEmbeds(props: { post: PostView }) {
+function PostEmbeds(props: { decision: ModerationUiDecision; labels: ModerationLabel[]; post: PostView }) {
   return (
     <Show when={props.post.embed}>
       {(current) => (
-        <div class="mt-4">
+        <ModeratedBlurOverlay decision={props.decision} labels={props.labels} class="mt-4">
           <EmbedContent embed={current()} post={props.post} />
-        </div>
+        </ModeratedBlurOverlay>
       )}
     </Show>
   );
diff --git a/src/components/feeds/useFeedWorkspaceController.test.tsx b/src/components/feeds/useFeedWorkspaceController.test.tsx
index c612293..ec589a5 100644
--- a/src/components/feeds/useFeedWorkspaceController.test.tsx
+++ b/src/components/feeds/useFeedWorkspaceController.test.tsx
@@ -235,7 +235,6 @@ describe("useFeedWorkspaceController", () => {
     render(() => <ControllerHarness />);
     await screen.findByText("following");
 
-    // Load a draft to set draftId
     fireEvent.click(screen.getByRole("button", { name: "Load draft" }));
     expect(screen.getByTestId("draft-id")).toHaveTextContent(SAMPLE_DRAFT.id);
 
diff --git a/src/components/moderation/ModeratedAvatar.tsx b/src/components/moderation/ModeratedAvatar.tsx
new file mode 100644
index 0000000..8004720
--- /dev/null
+++ b/src/components/moderation/ModeratedAvatar.tsx
@@ -0,0 +1,33 @@
+import { Show } from "solid-js";
+import { Icon } from "../shared/Icon";
+
+type ModeratedAvatarProps = {
+  avatar?: string | null;
+  class: string;
+  hidden: boolean;
+  label: string;
+  fallbackClass?: string;
+  imageClass?: string;
+};
+
+export function ModeratedAvatar(props: ModeratedAvatarProps) {
+  return (
+    <div class={props.class}>
+      <Show
+        when={!props.hidden && props.avatar}
+        fallback={
+          <span
+            class="flex h-full w-full items-center justify-center"
+            classList={{ [props.fallbackClass ?? "text-sm font-semibold text-on-surface"]: true }}>
+            <Show
+              when={!props.hidden}
+              fallback={<Icon aria-hidden="true" iconClass="i-ri-shield-line" class="text-lg text-on-surface" />}>
+              {props.label}
+            </Show>
+          </span>
+        }>
+        {(avatar) => <img class={props.imageClass ?? "h-full w-full object-cover"} src={avatar()} alt="" />}
+      </Show>
+    </div>
+  );
+}
diff --git a/src/components/moderation/ModeratedBlurOverlay.test.tsx b/src/components/moderation/ModeratedBlurOverlay.test.tsx
new file mode 100644
index 0000000..297d2cc
--- /dev/null
+++ b/src/components/moderation/ModeratedBlurOverlay.test.tsx
@@ -0,0 +1,32 @@
+import { fireEvent, render, screen } from "@solidjs/testing-library";
+import { describe, expect, it } from "vitest";
+import { ModeratedBlurOverlay } from "./ModeratedBlurOverlay";
+
+describe("ModeratedBlurOverlay", () => {
+  it("shows overlay and allows reveal when decision is blur-only", () => {
+    render(() => (
+      <ModeratedBlurOverlay
+        decision={{ alert: false, blur: "media", filter: false, inform: false, noOverride: false }}
+        labels={[{ src: "did:plc:labeler", val: "sexual" }]}>
+        <p>Hidden body</p>
+      </ModeratedBlurOverlay>
+    ));
+
+    expect(screen.getByText("Content blurred")).toBeInTheDocument();
+    fireEvent.click(screen.getByRole("button", { name: "Show content" }));
+    expect(screen.queryByText("Content blurred")).not.toBeInTheDocument();
+  });
+
+  it("hides reveal button when content is fully filtered", () => {
+    render(() => (
+      <ModeratedBlurOverlay
+        decision={{ alert: true, blur: "content", filter: true, inform: false, noOverride: true }}
+        labels={[{ src: "did:plc:labeler", val: "porn" }]}>
+        <p>Hidden body</p>
+      </ModeratedBlurOverlay>
+    ));
+
+    expect(screen.getByText("Hidden by your moderation settings.")).toBeInTheDocument();
+    expect(screen.queryByRole("button", { name: "Show content" })).not.toBeInTheDocument();
+  });
+});
diff --git a/src/components/moderation/ModeratedBlurOverlay.tsx b/src/components/moderation/ModeratedBlurOverlay.tsx
new file mode 100644
index 0000000..6d1d3fb
--- /dev/null
+++ b/src/components/moderation/ModeratedBlurOverlay.tsx
@@ -0,0 +1,80 @@
+import { summarizeModerationLabels } from "$/lib/moderation";
+import type { ModerationLabel, ModerationUiDecision } from "$/lib/types";
+import { createMemo, createSignal, type ParentProps, Show } from "solid-js";
+import { Icon } from "../shared/Icon";
+
+type ModeratedBlurOverlayProps = ParentProps<
+  { decision: ModerationUiDecision; labels: ModerationLabel[]; class?: string; revealLabel?: string }
+>;
+
+export function ModeratedBlurOverlay(props: ModeratedBlurOverlayProps) {
+  const [revealed, setRevealed] = createSignal(false);
+  const hidden = createMemo(() => (props.decision.filter || props.decision.blur !== "none") && !revealed());
+  const revealable = createMemo(() => !props.decision.filter && !props.decision.noOverride);
+  const summaryText = createMemo(() =>
+    summarizeModerationLabels(props.labels, 2).map((summary) => `${summary.value} (${summary.source})`).join(", ")
+  );
+
+  return (
+    <div class="relative min-w-0" classList={{ [props.class ?? ""]: !!props.class }}>
+      <BlurredChildren hidden={hidden()}>{props.children}</BlurredChildren>
+      <Show when={hidden()}>
+        <OverlayMask>
+          <OverlayCard
+            revealLabel={props.revealLabel ?? "Show content"}
+            revealable={revealable()}
+            summaryText={summaryText()}
+            onReveal={() => setRevealed(true)} />
+        </OverlayMask>
+      </Show>
+    </div>
+  );
+}
+
+function BlurredChildren(props: ParentProps<{ hidden: boolean }>) {
+  return <div classList={{ "blur-[14px] pointer-events-none select-none": props.hidden }}>{props.children}</div>;
+}
+
+function OverlayMask(props: ParentProps) {
+  return (
+    <div class="absolute inset-0 z-10 grid place-items-center rounded-2xl bg-[rgba(8,8,8,0.68)] p-4 text-center backdrop-blur-[2px]">
+      {props.children}
+    </div>
+  );
+}
+
+function OverlayCard(props: { revealLabel: string; revealable: boolean; summaryText: string; onReveal: () => void }) {
+  return (
+    <div class="grid max-w-sm gap-2 rounded-2xl bg-surface-container-high/85 px-4 py-3 shadow-[inset_0_0_0_1px_rgba(255,255,255,0.08)]">
+      <OverlayIcon />
+      <p class="m-0 text-sm font-medium text-on-surface">Content blurred</p>
+      <Show when={props.summaryText.length > 0}>
+        <p class="m-0 text-xs leading-relaxed text-on-surface-variant">{props.summaryText}</p>
+      </Show>
+      <OverlayAction revealLabel={props.revealLabel} revealable={props.revealable} onReveal={props.onReveal} />
+    </div>
+  );
+}
+
+function OverlayIcon() {
+  return (
+    <div class="mx-auto flex h-9 w-9 items-center justify-center rounded-full bg-white/8 text-on-surface">
+      <Icon aria-hidden="true" class="text-lg" iconClass="i-ri-eye-off-line" />
+    </div>
+  );
+}
+
+function OverlayAction(props: { revealLabel: string; revealable: boolean; onReveal: () => void }) {
+  return (
+    <Show
+      when={props.revealable}
+      fallback={<p class="m-0 text-xs text-on-surface-variant">Hidden by your moderation settings.</p>}>
+      <button
+        type="button"
+        class="mt-1 justify-self-center rounded-full border-0 bg-primary px-3 py-1.5 text-xs font-medium text-on-primary-fixed transition hover:opacity-90"
+        onClick={() => props.onReveal()}>
+        {props.revealLabel}
+      </button>
+    </Show>
+  );
+}
diff --git a/src/components/moderation/ModerationBadgeRow.tsx b/src/components/moderation/ModerationBadgeRow.tsx
new file mode 100644
index 0000000..7554a3a
--- /dev/null
+++ b/src/components/moderation/ModerationBadgeRow.tsx
@@ -0,0 +1,37 @@
+import { summarizeModerationLabels } from "$/lib/moderation";
+import type { ModerationLabel, ModerationUiDecision } from "$/lib/types";
+import { createMemo, Show } from "solid-js";
+import { Icon } from "../shared/Icon";
+
+type ModerationBadgeRowProps = { decision: ModerationUiDecision; labels: ModerationLabel[]; class?: string };
+
+export function ModerationBadgeRow(props: ModerationBadgeRowProps) {
+  const summaries = createMemo(() => summarizeModerationLabels(props.labels, 3));
+  const sourceText = createMemo(() => {
+    if (summaries().length === 0) {
+      return null;
+    }
+
+    return summaries().map((summary) => `${summary.value} · ${summary.source}`).join(" | ");
+  });
+
+  return (
+    <Show when={props.decision.alert || props.decision.inform}>
+      <div class="mt-2 flex flex-wrap items-center gap-2" classList={{ [props.class ?? ""]: !!props.class }}>
+        <Show when={props.decision.alert}>
+          <span class="inline-flex items-center gap-1 rounded-full bg-red-500/18 px-2.5 py-1 text-[0.68rem] font-medium uppercase tracking-[0.08em] text-red-200">
+            <Icon aria-hidden="true" iconClass="i-ri-alarm-warning-line" class="text-xs" />
+            Alert
+          </span>
+        </Show>
+        <Show when={props.decision.inform}>
+          <span class="inline-flex items-center gap-1 rounded-full bg-primary/18 px-2.5 py-1 text-[0.68rem] font-medium uppercase tracking-[0.08em] text-primary">
+            <Icon aria-hidden="true" iconClass="i-ri-information-line" class="text-xs" />
+            Inform
+          </span>
+        </Show>
+        <Show when={sourceText()}>{(text) => <span class="text-xs text-on-surface-variant">{text()}</span>}</Show>
+      </div>
+    </Show>
+  );
+}
diff --git a/src/components/moderation/ReportDialog.tsx b/src/components/moderation/ReportDialog.tsx
new file mode 100644
index 0000000..3f2fe8c
--- /dev/null
+++ b/src/components/moderation/ReportDialog.tsx
@@ -0,0 +1,144 @@
+import { MODERATION_REASON_OPTIONS } from "$/lib/api/moderation";
+import type { ModerationReasonType } from "$/lib/types";
+import { createEffect, createSignal, For, type ParentProps, Show } from "solid-js";
+import { Motion, Presence } from "solid-motionone";
+
+type ReportDialogProps = {
+  open: boolean;
+  subjectLabel: string;
+  onClose: () => void;
+  onSubmit: (input: { reasonType: ModerationReasonType; reason: string }) => Promise<void> | void;
+};
+
+export function ReportDialog(props: ReportDialogProps) {
+  const [reasonType, setReasonType] = createSignal<ModerationReasonType>(MODERATION_REASON_OPTIONS[0].value);
+  const [reason, setReason] = createSignal("");
+  const [submitting, setSubmitting] = createSignal(false);
+
+  createEffect(() => {
+    if (!props.open) {
+      return;
+    }
+
+    setReasonType(MODERATION_REASON_OPTIONS[0].value);
+    setReason("");
+    setSubmitting(false);
+  });
+
+  async function submit() {
+    if (submitting()) {
+      return;
+    }
+
+    setSubmitting(true);
+    try {
+      await props.onSubmit({ reason: reason().trim(), reasonType: reasonType() });
+      props.onClose();
+    } finally {
+      setSubmitting(false);
+    }
+  }
+
+  return (
+    <Presence>
+      <Show when={props.open}>
+        <DialogBackdrop onClose={props.onClose}>
+          <DialogSurface>
+            <DialogHeader subjectLabel={props.subjectLabel} />
+            <ReasonTypeField value={reasonType()} onChange={setReasonType} />
+            <ReasonDetailsField value={reason()} onChange={setReason} />
+            <DialogActions submitting={submitting()} onCancel={props.onClose} onSubmit={() => void submit()} />
+          </DialogSurface>
+        </DialogBackdrop>
+      </Show>
+    </Presence>
+  );
+}
+
+function DialogBackdrop(props: ParentProps<{ onClose: () => void }>) {
+  return (
+    <Motion.div
+      class="fixed inset-0 z-60 flex items-center justify-center bg-surface-container-highest/70 p-4 backdrop-blur-xl"
+      initial={{ opacity: 0 }}
+      animate={{ opacity: 1 }}
+      exit={{ opacity: 0 }}
+      transition={{ duration: 0.2 }}>
+      <button
+        type="button"
+        aria-label="Close report dialog"
+        class="absolute inset-0 border-0 bg-transparent"
+        onClick={() => props.onClose()} />
+      {props.children}
+    </Motion.div>
+  );
+}
+
+function DialogSurface(props: ParentProps) {
+  return (
+    <Motion.div
+      class="relative z-1 grid w-full max-w-lg gap-4 rounded-2xl bg-surface-container p-5 shadow-2xl"
+      initial={{ scale: 0.96, opacity: 0 }}
+      animate={{ scale: 1, opacity: 1 }}
+      exit={{ scale: 0.96, opacity: 0 }}
+      transition={{ duration: 0.2 }}>
+      {props.children}
+    </Motion.div>
+  );
+}
+
+function DialogHeader(props: { subjectLabel: string }) {
+  return (
+    <div class="grid gap-1">
+      <h3 class="m-0 text-lg font-semibold text-on-surface">Report content</h3>
+      <p class="m-0 text-sm text-on-surface-variant">{props.subjectLabel}</p>
+    </div>
+  );
+}
+
+function ReasonTypeField(props: { value: ModerationReasonType; onChange: (value: ModerationReasonType) => void }) {
+  return (
+    <label class="grid gap-1">
+      <span class="text-sm font-medium text-on-surface">Reason type</span>
+      <select
+        value={props.value}
+        class="rounded-xl border border-white/10 bg-black/40 px-3 py-2 text-sm text-on-surface outline-none transition focus:border-primary/50"
+        onInput={(event) => props.onChange(event.currentTarget.value as ModerationReasonType)}>
+        <For each={MODERATION_REASON_OPTIONS}>{(option) => <option value={option.value}>{option.label}</option>}</For>
+      </select>
+    </label>
+  );
+}
+
+function ReasonDetailsField(props: { value: string; onChange: (value: string) => void }) {
+  return (
+    <label class="grid gap-1">
+      <span class="text-sm font-medium text-on-surface">Details (optional)</span>
+      <textarea
+        rows={4}
+        value={props.value}
+        placeholder="Add context for moderators"
+        class="rounded-xl border border-white/10 bg-black/40 px-3 py-2 text-sm text-on-surface outline-none transition focus:border-primary/50"
+        onInput={(event) => props.onChange(event.currentTarget.value)} />
+    </label>
+  );
+}
+
+function DialogActions(props: { submitting: boolean; onCancel: () => void; onSubmit: () => void }) {
+  return (
+    <div class="flex justify-end gap-2">
+      <button
+        type="button"
+        class="rounded-lg border border-white/20 px-4 py-2 text-sm font-medium text-on-surface transition hover:bg-white/5"
+        onClick={() => props.onCancel()}>
+        Cancel
+      </button>
+      <button
+        type="button"
+        disabled={props.submitting}
+        class="rounded-lg bg-primary px-4 py-2 text-sm font-medium text-on-primary-fixed transition hover:bg-primary-dim disabled:cursor-wait disabled:opacity-70"
+        onClick={() => props.onSubmit()}>
+        {props.submitting ? "Submitting..." : "Submit report"}
+      </button>
+    </div>
+  );
+}
diff --git a/src/components/moderation/useModerationDecision.ts b/src/components/moderation/useModerationDecision.ts
new file mode 100644
index 0000000..76fddfd
--- /dev/null
+++ b/src/components/moderation/useModerationDecision.ts
@@ -0,0 +1,27 @@
+import { ModerationController } from "$/lib/api/moderation";
+import { DEFAULT_MODERATION_DECISION, moderationLabelsKey } from "$/lib/moderation";
+import type { ModerationLabel, ModerationUiDecision } from "$/lib/types";
+import { type Accessor, createMemo, createResource } from "solid-js";
+
+const decisionCache = new Map<string, ModerationUiDecision>();
+
+export function useModerationDecision(labelsAccessor: Accessor<ModerationLabel[]>) {
+  const cacheKey = createMemo(() => moderationLabelsKey(labelsAccessor()));
+
+  const [decision] = createResource(cacheKey, async (key) => {
+    if (!key) {
+      return DEFAULT_MODERATION_DECISION;
+    }
+
+    const cached = decisionCache.get(key);
+    if (cached) {
+      return cached;
+    }
+
+    const next = await ModerationController.moderateContent(labelsAccessor());
+    decisionCache.set(key, next);
+    return next;
+  }, { initialValue: DEFAULT_MODERATION_DECISION });
+
+  return createMemo(() => decision() ?? DEFAULT_MODERATION_DECISION);
+}
diff --git a/src/components/notifications/NotificationItem.tsx b/src/components/notifications/NotificationItem.tsx
index 6747579..ebec769 100644
--- a/src/components/notifications/NotificationItem.tsx
+++ b/src/components/notifications/NotificationItem.tsx
@@ -1,5 +1,10 @@
+import { ModeratedAvatar } from "$/components/moderation/ModeratedAvatar";
+import { ModeratedBlurOverlay } from "$/components/moderation/ModeratedBlurOverlay";
+import { ModerationBadgeRow } from "$/components/moderation/ModerationBadgeRow";
+import { useModerationDecision } from "$/components/moderation/useModerationDecision";
 import { Icon } from "$/components/shared/Icon";
 import { formatRelativeTime, getAvatarLabel, getDisplayName } from "$/lib/feeds";
+import { collectModerationLabels } from "$/lib/moderation";
 import { buildProfileRoute, getProfileRouteActor } from "$/lib/profile";
 import type { NotificationReason, NotificationView } from "$/lib/types";
 import { createMemo, Show } from "solid-js";
@@ -20,16 +25,6 @@ function ReasonIcon(props: { reason: NotificationReason }) {
   );
 }
 
-function AuthorAvatar(props: { avatar?: string | null; label: string }) {
-  return (
-    <span
-      class="inline-flex h-8 w-8 shrink-0 items-center justify-center overflow-hidden rounded-full bg-surface-container-high text-xs font-semibold text-on-surface-variant"
-      aria-hidden="true">
-      {props.avatar ? <img src={props.avatar} alt="" class="h-full w-full object-cover" /> : props.label}
-    </span>
-  );
-}
-
 type NotificationItemProps = { notification: NotificationView };
 type NotificationInteractionProps = {
   buildThreadHref?: (uri: string | null) => string;
@@ -53,6 +48,10 @@ export function NotificationItem(props: NotificationItemProps & NotificationInte
     return typeof text === "string" && text.trim() ? text.trim() : null;
   });
   const detail = createMemo(() => postText() ?? followDetail(props.notification));
+  const avatarLabels = () => collectModerationLabels(props.notification.author);
+  const contentLabels = () => collectModerationLabels(props.notification);
+  const avatarDecision = useModerationDecision(avatarLabels);
+  const contentDecision = useModerationDecision(contentLabels);
 
   function openBodyTarget() {
     const uri = bodyTargetUri();
@@ -79,7 +78,12 @@ export function NotificationItem(props: NotificationItemProps & NotificationInte
         href={`#${profileHref()}`}
         aria-label={`View @${props.notification.author.handle}`}
         onClick={() => markRead()}>
-        <AuthorAvatar avatar={props.notification.author.avatar} label={avatarLabel()} />
+        <ModeratedAvatar
+          avatar={props.notification.author.avatar}
+          class="inline-flex h-8 w-8 shrink-0 items-center justify-center overflow-hidden rounded-full bg-surface-container-high text-xs font-semibold text-on-surface-variant"
+          hidden={avatarDecision().filter || avatarDecision().blur !== "none"}
+          label={avatarLabel()}
+          fallbackClass="text-xs font-semibold text-on-surface-variant" />
       </a>
 
       <div
@@ -114,8 +118,14 @@ export function NotificationItem(props: NotificationItemProps & NotificationInte
             reason={props.notification.reason} />
         </p>
 
+        <ModerationBadgeRow decision={contentDecision()} labels={contentLabels()} class="mt-1" />
+
         <Show when={detail()}>
-          {(value) => <p class="mt-1 line-clamp-2 text-sm text-on-secondary-container">{value()}</p>}
+          {(value) => (
+            <ModeratedBlurOverlay decision={contentDecision()} labels={contentLabels()} class="mt-1">
+              <p class="m-0 line-clamp-2 text-sm text-on-secondary-container">{value()}</p>
+            </ModeratedBlurOverlay>
+          )}
         </Show>
 
         <p class="mt-2 text-xs text-on-surface-variant">{time()}</p>
diff --git a/src/components/notifications/NotificationsPanel.tsx b/src/components/notifications/NotificationsPanel.tsx
index 070da7e..f14c70b 100644
--- a/src/components/notifications/NotificationsPanel.tsx
+++ b/src/components/notifications/NotificationsPanel.tsx
@@ -1,7 +1,10 @@
+import { ModeratedAvatar } from "$/components/moderation/ModeratedAvatar";
+import { useModerationDecision } from "$/components/moderation/useModerationDecision";
 import { useAppSession } from "$/contexts/app-session";
 import { listNotifications, updateSeen } from "$/lib/api/notifications";
 import { NOTIFICATIONS_UNREAD_COUNT_EVENT } from "$/lib/constants/events";
 import { buildThreadOverlayRoute, formatRelativeTime, getAvatarLabel, getDisplayName } from "$/lib/feeds";
+import { collectModerationLabels } from "$/lib/moderation";
 import { buildProfileRoute, getProfileRouteActor } from "$/lib/profile";
 import type { ListNotificationsResponse, NotificationReason, NotificationView, ProfileViewBasic } from "$/lib/types";
 import { normalizeError } from "$/lib/utils/text";
@@ -426,6 +429,8 @@ function GroupedReasonIcon(props: { reason: NotificationReason }) {
 function GroupedAuthorAvatar(props: { actor: ProfileViewBasic; onClick: () => void }) {
   const label = createMemo(() => getAvatarLabel(props.actor));
   const profileHref = createMemo(() => buildProfileRoute(getProfileRouteActor(props.actor)));
+  const labels = () => collectModerationLabels(props.actor);
+  const decision = useModerationDecision(labels);
 
   return (
     <a
@@ -436,13 +441,12 @@ function GroupedAuthorAvatar(props: { actor: ProfileViewBasic; onClick: () => vo
         event.stopPropagation();
         props.onClick();
       }}>
-      <span
+      <ModeratedAvatar
+        avatar={props.actor.avatar}
         class="inline-flex h-8 w-8 shrink-0 items-center justify-center overflow-hidden rounded-full bg-surface-container-high text-xs font-semibold text-on-surface-variant shadow-[0_0_0_2px_var(--surface-container)]"
-        aria-hidden="true">
-        <Show when={props.actor.avatar} fallback={label()}>
-          {(avatar) => <img src={avatar()} alt="" class="h-full w-full object-cover" />}
-        </Show>
-      </span>
+        hidden={decision().filter || decision().blur !== "none"}
+        label={label()}
+        fallbackClass="text-xs font-semibold text-on-surface-variant" />
     </a>
   );
 }
diff --git a/src/components/profile/ProfileHero.tsx b/src/components/profile/ProfileHero.tsx
index 9d6db33..3561cd2 100644
--- a/src/components/profile/ProfileHero.tsx
+++ b/src/components/profile/ProfileHero.tsx
@@ -1,5 +1,9 @@
+import { ModeratedAvatar } from "$/components/moderation/ModeratedAvatar";
+import { ModerationBadgeRow } from "$/components/moderation/ModerationBadgeRow";
+import { useModerationDecision } from "$/components/moderation/useModerationDecision";
 import { Icon } from "$/components/shared/Icon";
 import { getAvatarLabel, getDisplayName } from "$/lib/feeds";
+import { collectModerationLabels } from "$/lib/moderation";
 import type { ProfileViewDetailed } from "$/lib/types";
 import { formatCount } from "$/lib/utils/text";
 import { createMemo, For, Show } from "solid-js";
@@ -207,6 +211,8 @@ export function ProfileHero(
   const displayName = createMemo(() => getDisplayName(props.profile));
   const isFollowing = createMemo(() => !!props.profile.viewer?.following);
   const bannerStyle = createMemo(() => ({ transform: `translate3d(0, ${props.coverOffset}px, 0)` }));
+  const profileLabels = () => collectModerationLabels(props.profile);
+  const profileDecision = useModerationDecision(profileLabels);
 
   return (
     <header class="relative" ref={(element) => props.rootRef?.(element)}>
@@ -244,6 +250,8 @@ export function ProfileHero(
               onUnfollow={props.onUnfollow} />
           </div>
 
+          <ModerationBadgeRow decision={profileDecision()} labels={profileLabels()} />
+
           <ProfileMetaRow
             did={props.profile.did}
             joinedLabel={props.joinedLabel}
@@ -263,21 +271,17 @@ export function ProfileHero(
 
 function ProfileAvatar(props: { profile: ProfileViewDetailed }) {
   const profile = () => props.profile;
-  const avatar = createMemo(() => profile().avatar);
   const label = createMemo(() => getAvatarLabel(props.profile));
+  const labels = () => collectModerationLabels(props.profile);
+  const decision = useModerationDecision(labels);
 
   return (
-    <div class="relative h-32 w-32 shrink-0 overflow-hidden rounded-full bg-black/60 shadow-[0_0_0_4px_rgba(8,8,8,0.96),0_0_0_6px_rgba(125,175,255,0.22),0_24px_40px_rgba(0,0,0,0.36)] backdrop-blur-sm">
-      <Show
-        when={avatar()}
-        fallback={
-          <div class="flex h-full w-full items-center justify-center text-[2rem] font-semibold text-on-surface">
-            {label()}
-          </div>
-        }>
-        {(a) => <img alt="" class="h-full w-full object-cover" src={a()} />}
-      </Show>
-    </div>
+    <ModeratedAvatar
+      avatar={profile().avatar}
+      class="relative h-32 w-32 shrink-0 overflow-hidden rounded-full bg-black/60 shadow-[0_0_0_4px_rgba(8,8,8,0.96),0_0_0_6px_rgba(125,175,255,0.22),0_24px_40px_rgba(0,0,0,0.36)] backdrop-blur-sm"
+      hidden={decision().filter || decision().blur !== "none"}
+      label={label()}
+      fallbackClass="text-[2rem] font-semibold text-on-surface" />
   );
 }
 
@@ -285,23 +289,20 @@ export function ProfileStickyHeader(props: { profile: ProfileViewDetailed; profi
   const avatarLabel = createMemo(() => getAvatarLabel(props.profile));
   const displayName = createMemo(() => getDisplayName(props.profile));
   const visibleBadges = createMemo(() => props.profileBadges.slice(0, 2));
+  const labels = () => collectModerationLabels(props.profile);
+  const decision = useModerationDecision(labels);
 
   return (
     <div
       class="sticky top-0 z-30 px-3 pb-3 pt-3 backdrop-blur-[18px] max-[520px]:px-2"
       data-testid="profile-sticky-header">
       <div class="flex items-center gap-3 rounded-3xl bg-[rgba(14,14,14,0.92)] px-4 py-3 shadow-[inset_0_0_0_1px_rgba(255,255,255,0.04)]">
-        <div class="relative h-12 w-12 shrink-0 overflow-hidden rounded-full bg-black/60 shadow-[0_0_0_2px_rgba(8,8,8,0.96),0_0_0_3px_rgba(125,175,255,0.2)]">
-          <Show
-            when={props.profile.avatar}
-            fallback={
-              <div class="flex h-full w-full items-center justify-center text-sm font-semibold text-on-surface">
-                {avatarLabel()}
-              </div>
-            }>
-            {(avatar) => <img alt="" class="h-full w-full object-cover" src={avatar()} />}
-          </Show>
-        </div>
+        <ModeratedAvatar
+          avatar={props.profile.avatar}
+          class="relative h-12 w-12 shrink-0 overflow-hidden rounded-full bg-black/60 shadow-[0_0_0_2px_rgba(8,8,8,0.96),0_0_0_3px_rgba(125,175,255,0.2)]"
+          hidden={decision().filter || decision().blur !== "none"}
+          label={avatarLabel()}
+          fallbackClass="text-sm font-semibold text-on-surface" />
 
         <div class="min-w-0">
           <p class="m-0 truncate text-base font-semibold leading-tight tracking-[-0.02em] text-on-surface">
diff --git a/src/components/search/SyncStatusPanel.test.tsx b/src/components/search/SyncStatusPanel.test.tsx
index d15208a..31228ea 100644
--- a/src/components/search/SyncStatusPanel.test.tsx
+++ b/src/components/search/SyncStatusPanel.test.tsx
@@ -96,7 +96,6 @@ describe("SyncStatusPanel", () => {
     const syncButton = await screen.findByRole("button", { name: /sync now/i });
     fireEvent.click(syncButton);
 
-    // Check that the button shows syncing state and is disabled
     await waitFor(() => {
       expect(screen.getByRole("button", { name: /syncing/i })).toBeDisabled();
     });
@@ -219,7 +218,6 @@ describe("SyncStatusPanel", () => {
       expect(syncPostsMock).toHaveBeenCalled();
     });
 
-    // Should return to normal state after error
     expect(await screen.findByRole("button", { name: /sync now/i })).toBeEnabled();
   });
 
diff --git a/src/components/settings/SettingsModeration.test.tsx b/src/components/settings/SettingsModeration.test.tsx
new file mode 100644
index 0000000..73b96de
--- /dev/null
+++ b/src/components/settings/SettingsModeration.test.tsx
@@ -0,0 +1,91 @@
+import { fireEvent, render, screen, waitFor } from "@solidjs/testing-library";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import { SettingsModeration } from "./SettingsModeration";
+
+const getModerationPrefsMock = vi.hoisted(() => vi.fn());
+const setAdultContentEnabledMock = vi.hoisted(() => vi.fn());
+const setLabelPreferenceMock = vi.hoisted(() => vi.fn());
+const subscribeLabelerMock = vi.hoisted(() => vi.fn());
+const unsubscribeLabelerMock = vi.hoisted(() => vi.fn());
+const getDistributionChannelMock = vi.hoisted(() => vi.fn());
+const openUrlMock = vi.hoisted(() => vi.fn());
+
+vi.mock(
+  "$/lib/api/moderation",
+  () => ({
+    ModerationController: {
+      getModerationPrefs: getModerationPrefsMock,
+      setAdultContentEnabled: setAdultContentEnabledMock,
+      setLabelPreference: setLabelPreferenceMock,
+      subscribeLabeler: subscribeLabelerMock,
+      unsubscribeLabeler: unsubscribeLabelerMock,
+      getDistributionChannel: getDistributionChannelMock,
+    },
+  }),
+);
+
+vi.mock("@tauri-apps/plugin-opener", () => ({ openUrl: openUrlMock }));
+
+describe("SettingsModeration", () => {
+  beforeEach(() => {
+    vi.resetAllMocks();
+    getModerationPrefsMock.mockResolvedValue({
+      adultContentEnabled: false,
+      subscribedLabelers: ["did:plc:custom-labeler"],
+      labelPreferences: { "did:plc:custom-labeler": { porn: "hide" } },
+    });
+    setAdultContentEnabledMock.mockResolvedValue(void 0);
+    setLabelPreferenceMock.mockResolvedValue(void 0);
+    subscribeLabelerMock.mockResolvedValue(void 0);
+    unsubscribeLabelerMock.mockResolvedValue(void 0);
+    getDistributionChannelMock.mockResolvedValue("github");
+    openUrlMock.mockResolvedValue(void 0);
+  });
+
+  it("toggles adult content on github builds", async () => {
+    render(() => <SettingsModeration />);
+
+    const toggle = await screen.findByRole("switch", { name: "Adult content" });
+    fireEvent.click(toggle);
+
+    await waitFor(() => expect(setAdultContentEnabledMock).toHaveBeenCalledWith(true));
+  });
+
+  it("shows web-settings path for mac app store builds", async () => {
+    getDistributionChannelMock.mockResolvedValue("mac_app_store");
+    render(() => <SettingsModeration />);
+
+    expect(await screen.findByText(/use Bluesky web settings/i)).toBeInTheDocument();
+    expect(screen.queryByRole("switch", { name: "Adult content" })).not.toBeInTheDocument();
+  });
+
+  it("adds custom labelers", async () => {
+    render(() => <SettingsModeration />);
+
+    const input = await screen.findByPlaceholderText("did:plc:...");
+    fireEvent.input(input, { target: { value: "did:plc:new-labeler" } });
+    fireEvent.click(screen.getByRole("button", { name: "Add labeler" }));
+
+    await waitFor(() => expect(subscribeLabelerMock).toHaveBeenCalledWith("did:plc:new-labeler"));
+  });
+
+  it("removes custom labelers", async () => {
+    render(() => <SettingsModeration />);
+
+    await screen.findByText("Subscribed labelers");
+    fireEvent.click(screen.getByRole("button", { name: "Remove" }));
+    await waitFor(() => expect(unsubscribeLabelerMock).toHaveBeenCalledWith("did:plc:custom-labeler"));
+  });
+
+  it("adds a label visibility override", async () => {
+    render(() => <SettingsModeration />);
+
+    const inputs = await screen.findAllByPlaceholderText("label identifier (for example: sexual)");
+    fireEvent.input(inputs[0], { target: { value: "graphic-media" } });
+    fireEvent.click(screen.getAllByRole("button", { name: "Add override" })[0]);
+
+    await waitFor(() =>
+      expect(setLabelPreferenceMock).toHaveBeenCalledWith("did:plc:ar7c4by46qjdydhdevvrndac", "graphic-media", "warn")
+    );
+  });
+});
diff --git a/src/components/settings/SettingsModeration.tsx b/src/components/settings/SettingsModeration.tsx
new file mode 100644
index 0000000..24f8b06
--- /dev/null
+++ b/src/components/settings/SettingsModeration.tsx
@@ -0,0 +1,376 @@
+import { ModerationController } from "$/lib/api/moderation";
+import { BUILTIN_LABELER_DID } from "$/lib/moderation";
+import type { ModerationLabelVisibility, StoredModerationPrefs } from "$/lib/types";
+import { normalizeError } from "$/lib/utils/text";
+import * as logger from "@tauri-apps/plugin-log";
+import { openUrl } from "@tauri-apps/plugin-opener";
+import { createMemo, createSignal, For, onMount, Show } from "solid-js";
+import { createStore } from "solid-js/store";
+import { Icon } from "../shared/Icon";
+import { SettingsCard } from "./SettingsCard";
+import { SettingsInlineFeedback, useTransientFeedback } from "./SettingsInlineFeedback";
+import { ToggleRow } from "./SettingsToggleRow";
+
+type DraftState = {
+  addLabelerDid: string;
+  addLabelNameByDid: Record<string, string>;
+  addLabelVisibilityByDid: Record<string, ModerationLabelVisibility>;
+};
+
+const VISIBILITY_OPTIONS: ModerationLabelVisibility[] = ["ignore", "warn", "hide"];
+
+function isAdultOnlyLikeLabel(label: string) {
+  return /adult|nsfw|porn|sexual|nudity/iu.test(label);
+}
+
+function VisibilityOptions() {
+  return <For each={VISIBILITY_OPTIONS}>{(option) => <option value={option}>{option}</option>}</For>;
+}
+
+function LabelOverrideDraftEditor(
+  props: {
+    canAdd: boolean;
+    onAdd: () => void;
+    onVisibilityChange: (visibility: ModerationLabelVisibility) => void;
+    visibility: ModerationLabelVisibility;
+  },
+) {
+  return (
+    <div class="flex flex-wrap items-center gap-2">
+      <select
+        value={props.visibility}
+        class="rounded-lg border border-white/10 bg-black/35 px-2 py-1 text-xs text-on-surface outline-none transition focus:border-primary/50"
+        onInput={(event) => props.onVisibilityChange(event.currentTarget.value as ModerationLabelVisibility)}>
+        <VisibilityOptions />
+      </select>
+      <button
+        type="button"
+        disabled={!props.canAdd}
+        class="rounded-full border-0 bg-primary px-3 py-1 text-[0.7rem] font-medium text-on-primary-fixed transition hover:bg-primary-dim disabled:opacity-60"
+        onClick={() => props.onAdd()}>
+        Add override
+      </button>
+    </div>
+  );
+}
+
+export function SettingsModeration() {
+  const [loading, setLoading] = createSignal(true);
+  const [savingAdult, setSavingAdult] = createSignal(false);
+  const [busyLabelerDid, setBusyLabelerDid] = createSignal<string | null>(null);
+  const [prefs, setPrefs] = createSignal<StoredModerationPrefs | null>(null);
+  const [distributionChannel, setDistributionChannel] = createSignal("github");
+  const [draft, setDraft] = createStore<DraftState>({
+    addLabelerDid: "",
+    addLabelNameByDid: {},
+    addLabelVisibilityByDid: {},
+  });
+  const feedback = useTransientFeedback();
+
+  const effectiveLabelers = createMemo(() => {
+    const current = prefs();
+    const custom = current?.subscribedLabelers ?? [];
+    return [BUILTIN_LABELER_DID, ...custom.filter((did) => did !== BUILTIN_LABELER_DID)];
+  });
+
+  onMount(() => {
+    void loadState();
+  });
+
+  async function loadState() {
+    setLoading(true);
+    try {
+      const [loadedPrefs, channel] = await Promise.all([
+        ModerationController.getModerationPrefs(),
+        ModerationController.getDistributionChannel(),
+      ]);
+      setPrefs(loadedPrefs);
+      setDistributionChannel(channel);
+    } catch (error) {
+      const message = normalizeError(error);
+      logger.error("failed to load moderation settings", { keyValues: { error: message } });
+      feedback.queueFeedback({ kind: "error", message: "Could not load moderation settings." });
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  async function toggleAdultContent() {
+    const current = prefs();
+    if (!current || savingAdult()) {
+      return;
+    }
+
+    const enabled = !current.adultContentEnabled;
+    setSavingAdult(true);
+
+    try {
+      await ModerationController.setAdultContentEnabled(enabled);
+      setPrefs({ ...current, adultContentEnabled: enabled });
+      feedback.queueFeedback({
+        kind: "success",
+        message: enabled ? "Adult content is now enabled." : "Adult content is now disabled.",
+      });
+    } catch (error) {
+      const message = normalizeError(error);
+      logger.error("failed to update adult-content preference", { keyValues: { error: message } });
+      feedback.queueFeedback({ kind: "error", message: "Could not update adult-content preference." });
+    } finally {
+      setSavingAdult(false);
+    }
+  }
+
+  async function addLabeler() {
+    const did = draft.addLabelerDid.trim();
+    if (!did || busyLabelerDid()) {
+      return;
+    }
+
+    setBusyLabelerDid(did);
+    try {
+      await ModerationController.subscribeLabeler(did);
+      await refreshPrefs();
+      setDraft("addLabelerDid", "");
+      feedback.queueFeedback({ kind: "success", message: "Labeler added." });
+    } catch (error) {
+      const message = normalizeError(error);
+      logger.error("failed to subscribe labeler", { keyValues: { did, error: message } });
+      feedback.queueFeedback({ kind: "error", message: message || "Could not add that labeler." });
+    } finally {
+      setBusyLabelerDid(null);
+    }
+  }
+
+  async function removeLabeler(did: string) {
+    if (!did || busyLabelerDid()) {
+      return;
+    }
+
+    setBusyLabelerDid(did);
+    try {
+      await ModerationController.unsubscribeLabeler(did);
+      await refreshPrefs();
+      feedback.queueFeedback({ kind: "success", message: "Labeler removed." });
+    } catch (error) {
+      const message = normalizeError(error);
+      logger.error("failed to unsubscribe labeler", { keyValues: { did, error: message } });
+      feedback.queueFeedback({ kind: "error", message: message || "Could not remove that labeler." });
+    } finally {
+      setBusyLabelerDid(null);
+    }
+  }
+
+  async function updateLabelPreference(labelerDid: string, label: string, visibility: ModerationLabelVisibility) {
+    const current = prefs();
+    if (!current) {
+      return;
+    }
+
+    try {
+      await ModerationController.setLabelPreference(labelerDid, label, visibility);
+      const next: StoredModerationPrefs = {
+        ...current,
+        labelPreferences: {
+          ...current.labelPreferences,
+          [labelerDid]: { ...current.labelPreferences[labelerDid], [label]: visibility },
+        },
+      };
+      setPrefs(next);
+      feedback.queueFeedback({ kind: "success", message: "Label preference saved." });
+    } catch (error) {
+      const message = normalizeError(error);
+      logger.error("failed to set label preference", { keyValues: { label, labelerDid, error: message } });
+      feedback.queueFeedback({ kind: "error", message: "Could not save that label preference." });
+    }
+  }
+
+  async function addLabelPreference(labelerDid: string) {
+    const label = (draft.addLabelNameByDid[labelerDid] ?? "").trim();
+    const visibility = draft.addLabelVisibilityByDid[labelerDid] ?? "warn";
+
+    if (!label) {
+      return;
+    }
+
+    await updateLabelPreference(labelerDid, label, visibility);
+    setDraft("addLabelNameByDid", labelerDid, "");
+  }
+
+  function labelEntries(labelerDid: string) {
+    const current = prefs();
+    const entries = Object.entries(current?.labelPreferences[labelerDid] ?? {});
+    return entries.toSorted(([left], [right]) => left.localeCompare(right));
+  }
+
+  function isMasBuild() {
+    return distributionChannel() === "mac_app_store";
+  }
+
+  async function refreshPrefs() {
+    const next = await ModerationController.getModerationPrefs();
+    setPrefs(next);
+  }
+
+  return (
+    <SettingsCard icon="danger" title="Moderation">
+      <div class="grid gap-4">
+        <SettingsInlineFeedback feedback={feedback.feedback()} />
+
+        <Show when={loading()}>
+          <p class="m-0 text-sm text-on-surface-variant">Loading moderation settings...</p>
+        </Show>
+
+        <Show when={!loading() && prefs()}>
+          {(current) => (
+            <>
+              <Show
+                when={!isMasBuild()}
+                fallback={
+                  <div class="grid gap-2 rounded-2xl bg-surface-container-high px-4 py-3 text-sm text-on-surface-variant">
+                    <p class="m-0 font-medium text-on-surface">Adult content</p>
+                    <p class="m-0">
+                      On Mac App Store builds, use Bluesky web settings to manage adult-content visibility.
+                    </p>
+                    <button
+                      type="button"
+                      class="inline-flex w-fit items-center gap-2 rounded-full border-0 bg-primary/20 px-3 py-1.5 text-xs font-medium text-primary transition hover:bg-primary/30"
+                      onClick={() => void openUrl("https://bsky.app/settings/content-moderation")}>
+                      <Icon aria-hidden="true" iconClass="i-ri-external-link-line" />
+                      Open web settings
+                    </button>
+                  </div>
+                }>
+                <ToggleRow
+                  checked={current().adultContentEnabled}
+                  disabled={savingAdult()}
+                  label="Adult content"
+                  description="Allow reveal of adult-only labeled content"
+                  onChange={() => void toggleAdultContent()} />
+              </Show>
+
+              <section class="grid gap-3 rounded-2xl bg-surface-container-high/65 px-4 py-3">
+                <div class="grid gap-1">
+                  <p class="m-0 text-sm font-medium text-on-surface">Subscribed labelers</p>
+                  <p class="m-0 text-xs text-on-surface-variant">
+                    {current().subscribedLabelers.length}/20 custom labelers configured.
+                  </p>
+                </div>
+
+                <For each={effectiveLabelers()}>
+                  {(did) => (
+                    <div class="flex flex-wrap items-center justify-between gap-2 rounded-xl bg-black/25 px-3 py-2">
+                      <div class="grid gap-0.5">
+                        <span class="text-xs font-medium text-on-surface">{did}</span>
+                        <Show when={did === BUILTIN_LABELER_DID}>
+                          <span class="text-[0.7rem] text-on-surface-variant">Built-in Bluesky safety labeler</span>
+                        </Show>
+                      </div>
+                      <Show when={did !== BUILTIN_LABELER_DID}>
+                        <button
+                          type="button"
+                          disabled={busyLabelerDid() === did}
+                          class="rounded-lg border border-white/20 px-3 py-1.5 text-xs font-medium text-on-surface transition hover:bg-white/5 disabled:opacity-70"
+                          onClick={() => void removeLabeler(did)}>
+                          {busyLabelerDid() === did ? "Removing..." : "Remove"}
+                        </button>
+                      </Show>
+                    </div>
+                  )}
+                </For>
+
+                <div class="grid gap-2 rounded-xl bg-black/20 p-3">
+                  <label class="grid gap-1">
+                    <span class="text-xs text-on-surface-variant">Add labeler DID</span>
+                    <input
+                      type="text"
+                      value={draft.addLabelerDid}
+                      placeholder="did:plc:..."
+                      class="rounded-lg border border-white/10 bg-black/35 px-3 py-2 text-sm text-on-surface outline-none transition focus:border-primary/50"
+                      onInput={(event) => setDraft("addLabelerDid", event.currentTarget.value)} />
+                  </label>
+                  <button
+                    type="button"
+                    disabled={!draft.addLabelerDid.trim() || !!busyLabelerDid()}
+                    class="justify-self-start rounded-full border-0 bg-primary px-3 py-1.5 text-xs font-medium text-on-primary-fixed transition hover:bg-primary-dim disabled:opacity-60"
+                    onClick={() => void addLabeler()}>
+                    Add labeler
+                  </button>
+                </div>
+              </section>
+
+              <section class="grid gap-3 rounded-2xl bg-surface-container-high/65 px-4 py-3">
+                <div class="grid gap-1">
+                  <p class="m-0 text-sm font-medium text-on-surface">Label preferences</p>
+                  <p class="m-0 text-xs text-on-surface-variant">
+                    Override label visibility per labeler: ignore, warn, or hide.
+                  </p>
+                </div>
+
+                <For each={effectiveLabelers()}>
+                  {(did) => {
+                    const entries = () => labelEntries(did);
+
+                    return (
+                      <details class="rounded-xl bg-black/25 px-3 py-2" open>
+                        <summary class="cursor-pointer select-none text-xs font-medium text-on-surface">{did}</summary>
+                        <div class="mt-3 grid gap-2">
+                          <Show
+                            when={entries().length > 0}
+                            fallback={<p class="m-0 text-xs text-on-surface-variant">No overrides yet.</p>}>
+                            <For each={entries()}>
+                              {([label, visibility]) => {
+                                const gated = !current().adultContentEnabled && isAdultOnlyLikeLabel(label);
+                                return (
+                                  <div class="grid gap-1 rounded-lg bg-black/30 px-3 py-2">
+                                    <span class="text-xs text-on-surface">{label}</span>
+                                    <div class="flex flex-wrap items-center gap-2">
+                                      <select
+                                        value={visibility}
+                                        disabled={gated}
+                                        class="rounded-lg border border-white/10 bg-black/35 px-2 py-1 text-xs text-on-surface outline-none transition focus:border-primary/50 disabled:opacity-60"
+                                        onInput={(event) =>
+                                          void updateLabelPreference(
+                                            did,
+                                            label,
+                                            event.currentTarget.value as ModerationLabelVisibility,
+                                          )}>
+                                        <VisibilityOptions />
+                                      </select>
+                                      <Show when={gated}>
+                                        <span class="text-[0.7rem] text-on-surface-variant">
+                                          Enable adult content to edit this label.
+                                        </span>
+                                      </Show>
+                                    </div>
+                                  </div>
+                                );
+                              }}
+                            </For>
+                          </Show>
+
+                          <div class="grid gap-2 rounded-lg bg-black/30 p-2">
+                            <input
+                              type="text"
+                              value={draft.addLabelNameByDid[did] ?? ""}
+                              placeholder="label identifier (for example: sexual)"
+                              class="rounded-lg border border-white/10 bg-black/35 px-3 py-1.5 text-xs text-on-surface outline-none transition focus:border-primary/50"
+                              onInput={(event) => setDraft("addLabelNameByDid", did, event.currentTarget.value)} />
+                            <LabelOverrideDraftEditor
+                              canAdd={!!(draft.addLabelNameByDid[did] ?? "").trim()}
+                              onAdd={() => void addLabelPreference(did)}
+                              onVisibilityChange={(visibility) => setDraft("addLabelVisibilityByDid", did, visibility)}
+                              visibility={draft.addLabelVisibilityByDid[did] ?? "warn"} />
+                          </div>
+                        </div>
+                      </details>
+                    );
+                  }}
+                </For>
+              </section>
+            </>
+          )}
+        </Show>
+      </div>
+    </SettingsCard>
+  );
+}
diff --git a/src/components/settings/SettingsPanel.test.tsx b/src/components/settings/SettingsPanel.test.tsx
index a264649..4c049e2 100644
--- a/src/components/settings/SettingsPanel.test.tsx
+++ b/src/components/settings/SettingsPanel.test.tsx
@@ -13,6 +13,12 @@ const resetAndRestartAppMock = vi.hoisted(() => vi.fn());
 const getLogEntriesMock = vi.hoisted(() => vi.fn());
 const getDownloadDirectoryMock = vi.hoisted(() => vi.fn());
 const setDownloadDirectoryMock = vi.hoisted(() => vi.fn());
+const getModerationPrefsMock = vi.hoisted(() => vi.fn());
+const setAdultContentEnabledMock = vi.hoisted(() => vi.fn());
+const setLabelPreferenceMock = vi.hoisted(() => vi.fn());
+const subscribeLabelerMock = vi.hoisted(() => vi.fn());
+const unsubscribeLabelerMock = vi.hoisted(() => vi.fn());
+const getDistributionChannelMock = vi.hoisted(() => vi.fn());
 const dialogOpenMock = vi.hoisted(() => vi.fn());
 const navigateMock = vi.hoisted(() => vi.fn());
 const infoMock = vi.hoisted(() => vi.fn());
@@ -43,6 +49,20 @@ vi.mock(
   }),
 );
 
+vi.mock(
+  "$/lib/api/moderation",
+  () => ({
+    ModerationController: {
+      getModerationPrefs: getModerationPrefsMock,
+      setAdultContentEnabled: setAdultContentEnabledMock,
+      setLabelPreference: setLabelPreferenceMock,
+      subscribeLabeler: subscribeLabelerMock,
+      unsubscribeLabeler: unsubscribeLabelerMock,
+      getDistributionChannel: getDistributionChannelMock,
+    },
+  }),
+);
+
 vi.mock(
   "$/lib/api/media",
   () => ({
@@ -118,6 +138,16 @@ describe("SettingsPanel", () => {
     resetAndRestartAppMock.mockResolvedValue(void 0);
     getDownloadDirectoryMock.mockResolvedValue("/Users/test/Downloads");
     setDownloadDirectoryMock.mockResolvedValue(void 0);
+    getModerationPrefsMock.mockResolvedValue({
+      adultContentEnabled: false,
+      subscribedLabelers: [],
+      labelPreferences: {},
+    });
+    setAdultContentEnabledMock.mockResolvedValue(void 0);
+    setLabelPreferenceMock.mockResolvedValue(void 0);
+    subscribeLabelerMock.mockResolvedValue(void 0);
+    unsubscribeLabelerMock.mockResolvedValue(void 0);
+    getDistributionChannelMock.mockResolvedValue("github");
     dialogOpenMock.mockResolvedValue(null);
   });
 
@@ -128,6 +158,7 @@ describe("SettingsPanel", () => {
     expect(await screen.findByText("Appearance")).toBeInTheDocument();
     expect(await screen.findByText("Timeline")).toBeInTheDocument();
     expect(await screen.findByText("Notifications")).toBeInTheDocument();
+    expect(await screen.findByText("Moderation")).toBeInTheDocument();
     expect(await screen.findByText("Accounts")).toBeInTheDocument();
     expect(await screen.findByText("Services")).toBeInTheDocument();
     expect(await screen.findByText("Data")).toBeInTheDocument();
diff --git a/src/components/settings/SettingsPanel.tsx b/src/components/settings/SettingsPanel.tsx
index 65c7f9d..ba03592 100644
--- a/src/components/settings/SettingsPanel.tsx
+++ b/src/components/settings/SettingsPanel.tsx
@@ -23,6 +23,7 @@ import { SettingsDangerZone } from "./SettingsDangerZone";
 import { SettingsData } from "./SettingsData";
 import { SettingsDownloads } from "./SettingsDownloads";
 import { SettingsLogs } from "./SettingsLogs";
+import { SettingsModeration } from "./SettingsModeration";
 import { NotificationsControl } from "./SettingsNotification";
 import { SettingsService } from "./SettingsService";
 import { AppearanceControl } from "./SettingsTheme";
@@ -283,6 +284,7 @@ export function SettingsPanel() {
                   <AppearanceControl currentTheme={currentTheme()} handleUpdateSetting={handleUpdateSetting} />
                   <TimelineControl currentRefresh={currentRefresh()} handleUpdateSetting={handleUpdateSetting} />
                   <NotificationsControl settings={settings()} handleUpdateSetting={handleUpdateSetting} />
+                  <SettingsModeration />
                   <EmbeddingsSettings />
                   <AccountControl openConfirmation={openConfirmation} />
                   <SettingsService settings={settings()} handleUpdateSetting={handleUpdateSetting} />
diff --git a/src/index.tsx b/src/index.tsx
index 3e713af..c40c038 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,5 +1,6 @@
 /* @refresh reload */
 import { getCurrentWindow } from "@tauri-apps/api/window";
+import * as logger from "@tauri-apps/plugin-log";
 import { render } from "solid-js/web";
 import App from "./App";
 
@@ -13,6 +14,6 @@ function applyInitialRoute() {
       globalThis.history.replaceState(null, "", "#/composer");
     }
   } catch {
-    // Non-Tauri environments do not expose a window label.
+    logger.debug("Failed to get window label");
   }
 }
diff --git a/src/lib/api/moderation.ts b/src/lib/api/moderation.ts
new file mode 100644
index 0000000..2582af9
--- /dev/null
+++ b/src/lib/api/moderation.ts
@@ -0,0 +1,83 @@
+import { DEFAULT_MODERATION_DECISION } from "$/lib/moderation";
+import type {
+  DistributionChannel,
+  ModerationLabel,
+  ModerationLabelVisibility,
+  ModerationReasonType,
+  ModerationUiDecision,
+  ReportSubjectInput,
+  StoredModerationPrefs,
+} from "$/lib/types";
+import { invoke } from "@tauri-apps/api/core";
+import * as logger from "@tauri-apps/plugin-log";
+
+async function getModerationPrefs() {
+  return invoke<StoredModerationPrefs>("get_moderation_prefs");
+}
+
+async function setAdultContentEnabled(enabled: boolean) {
+  return invoke<void>("set_adult_content_enabled", { enabled });
+}
+
+async function setLabelPreference(labelerDid: string, label: string, visibility: ModerationLabelVisibility) {
+  return invoke<void>("set_label_preference", { labelerDid, label, visibility });
+}
+
+async function subscribeLabeler(did: string) {
+  return invoke<void>("subscribe_labeler", { did });
+}
+
+async function unsubscribeLabeler(did: string) {
+  return invoke<void>("unsubscribe_labeler", { did });
+}
+
+async function moderateContent(labels: ModerationLabel[]): Promise<ModerationUiDecision> {
+  if (labels.length === 0) {
+    return DEFAULT_MODERATION_DECISION;
+  }
+
+  try {
+    return await invoke<ModerationUiDecision>("moderate_content", { labelsJson: JSON.stringify(labels) });
+  } catch (error) {
+    logger.warn("moderation decision failed", { keyValues: { error: String(error), labels: String(labels.length) } });
+    return DEFAULT_MODERATION_DECISION;
+  }
+}
+
+async function createReport(subject: ReportSubjectInput, reasonType: ModerationReasonType, reason?: string) {
+  return invoke<number>("create_report", { reason: reason?.trim() ? reason.trim() : null, reasonType, subject });
+}
+
+async function getDistributionChannel(): Promise<DistributionChannel> {
+  const value = await invoke<string>("get_distribution_channel");
+  if (value === "github" || value === "mac_app_store" || value === "microsoft_store") {
+    return value;
+  }
+
+  return "github";
+}
+
+async function blockActor(did: string) {
+  return invoke<{ uri: string; cid: string }>("block_actor", { did });
+}
+
+export const ModerationController = {
+  getModerationPrefs,
+  setAdultContentEnabled,
+  setLabelPreference,
+  subscribeLabeler,
+  unsubscribeLabeler,
+  moderateContent,
+  createReport,
+  getDistributionChannel,
+  blockActor,
+};
+
+export const MODERATION_REASON_OPTIONS: Array<{ label: string; value: ModerationReasonType }> = [
+  { label: "Spam", value: "com.atproto.moderation.defs#reasonSpam" },
+  { label: "Violation", value: "com.atproto.moderation.defs#reasonViolation" },
+  { label: "Misleading", value: "com.atproto.moderation.defs#reasonMisleading" },
+  { label: "Sexual", value: "com.atproto.moderation.defs#reasonSexual" },
+  { label: "Rude", value: "com.atproto.moderation.defs#reasonRude" },
+  { label: "Other", value: "com.atproto.moderation.defs#reasonOther" },
+];
diff --git a/src/lib/moderation.ts b/src/lib/moderation.ts
new file mode 100644
index 0000000..ac63b10
--- /dev/null
+++ b/src/lib/moderation.ts
@@ -0,0 +1,147 @@
+import type { ModerationLabel, ModerationUiDecision } from "$/lib/types";
+
+/**
+ * Official Bluesky labeler DID (@moderation.bsky.app)
+ */
+export const BUILTIN_LABELER_DID = "did:plc:ar7c4by46qjdydhdevvrndac";
+
+export const DEFAULT_MODERATION_DECISION: ModerationUiDecision = {
+  alert: false,
+  blur: "none",
+  filter: false,
+  inform: false,
+  noOverride: false,
+};
+
+export type ModerationLabelSummary = { key: string; source: string; value: string };
+
+export function asModerationLabels(value: unknown): ModerationLabel[] {
+  const record = asRecord(value);
+  const labels = record?.["labels"];
+  if (!Array.isArray(labels)) {
+    return [];
+  }
+
+  return labels.filter((label): label is ModerationLabel => isRecordLike(label));
+}
+
+export function collectModerationLabels(...values: unknown[]): ModerationLabel[] {
+  const labels = values.flatMap((value) => asModerationLabels(value));
+  if (labels.length <= 1) {
+    return labels;
+  }
+
+  const deduped: ModerationLabel[] = [];
+  const seen = new Set<string>();
+
+  for (const label of labels) {
+    const source = typeof label.src === "string" ? label.src : "";
+    const value = typeof label.val === "string" ? label.val : "";
+    const uri = typeof label.uri === "string" ? label.uri : "";
+    const key = `${source}|${value}|${uri}`;
+    if (seen.has(key)) {
+      continue;
+    }
+
+    seen.add(key);
+    deduped.push(label);
+  }
+
+  return deduped;
+}
+
+export function moderationLabelsKey(labels: ModerationLabel[]): string {
+  if (labels.length === 0) {
+    return "";
+  }
+
+  const tokens = labels.map((label) => {
+    const source = typeof label.src === "string" ? label.src.trim() : "";
+    const value = typeof label.val === "string" ? label.val.trim() : "";
+    const uri = typeof label.uri === "string" ? label.uri.trim() : "";
+    return `${source}|${value}|${uri}`;
+  });
+
+  return tokens.toSorted().join(";");
+}
+
+export function summarizeModerationLabels(labels: ModerationLabel[], limit = 3): ModerationLabelSummary[] {
+  if (labels.length === 0) {
+    return [];
+  }
+
+  const summaries: ModerationLabelSummary[] = [];
+  const seen = new Set<string>();
+
+  for (const label of labels) {
+    const value = toLabelDisplayValue(label.val);
+    if (!value) {
+      continue;
+    }
+
+    const source = toSourceDisplayValue(label.src);
+    const key = `${source}|${value}`;
+    if (seen.has(key)) {
+      continue;
+    }
+
+    seen.add(key);
+    summaries.push({ key, source, value });
+
+    if (summaries.length >= limit) {
+      break;
+    }
+  }
+
+  return summaries;
+}
+
+function toLabelDisplayValue(value: unknown): string | null {
+  if (typeof value !== "string") {
+    return null;
+  }
+
+  const normalized = value.trim();
+  if (!normalized) {
+    return null;
+  }
+
+  if (normalized.startsWith("!")) {
+    return `Not ${normalized.slice(1)}`;
+  }
+
+  return normalized;
+}
+
+function toSourceDisplayValue(source: unknown): string {
+  if (typeof source !== "string") {
+    return "Unknown";
+  }
+
+  const normalized = source.trim();
+  if (!normalized) {
+    return "Unknown";
+  }
+
+  if (!normalized.startsWith("did:")) {
+    return normalized;
+  }
+
+  if (normalized.length <= 22) {
+    return normalized;
+  }
+
+  return `${normalized.slice(0, 16)}...${normalized.slice(-6)}`;
+}
+
+function asRecord(value: unknown): Record<string, unknown> | null {
+  if (!isRecordLike(value)) {
+    return null;
+  }
+
+  return value;
+}
+
+function isRecordLike(value: unknown): value is Record<string, unknown> {
+  return !!value && typeof value === "object" && !Array.isArray(value);
+}
diff --git a/src/lib/profile.test.ts b/src/lib/profile.test.ts
index fd69ca5..fd77f44 100644
--- a/src/lib/profile.test.ts
+++ b/src/lib/profile.test.ts
@@ -37,6 +37,7 @@ describe("profile helpers", () => {
         did: "did:plc:bob",
         displayName: "Bob",
         handle: "bob.test",
+        labels: [],
         viewer: { following: "at://did:plc:alice/app.bsky.graph.follow/1" },
       }],
     });
@@ -84,6 +85,7 @@ describe("profile helpers", () => {
         followsCount: null,
         handle: "bob.test",
         indexedAt: null,
+        labels: [],
         pinnedPost: null,
         postsCount: null,
         pronouns: null,
diff --git a/src/lib/profile.ts b/src/lib/profile.ts
index 4ae8740..50b51ea 100644
--- a/src/lib/profile.ts
+++ b/src/lib/profile.ts
@@ -1,4 +1,5 @@
 import { isReplyItem, parseFeedResponse } from "$/lib/feeds";
+import { asModerationLabels } from "$/lib/moderation";
 import type {
   ActorListResponse,
   FeedResponse,
@@ -56,6 +57,7 @@ function parseProfile(value: unknown): ProfileViewDetailed {
     followsCount: optionalNumber(record.followsCount),
     handle: record.handle,
     indexedAt: optionalString(record.indexedAt),
+    labels: asModerationLabels(record),
     pinnedPost: pinnedPost && typeof pinnedPost.uri === "string"
       ? { cid: optionalString(pinnedPost.cid), uri: pinnedPost.uri }
       : null,
@@ -123,6 +125,7 @@ function parseProfileBasic(value: unknown): ProfileViewBasic | null {
     displayName: optionalString(record.displayName),
     avatar: optionalString(record.avatar),
     description: optionalString(record.description),
+    labels: asModerationLabels(record),
     viewer: asRecord(record.viewer) ? { following: optionalString(asRecord(record.viewer)?.following) } : null,
   };
 }
diff --git a/src/lib/types.ts b/src/lib/types.ts
index c73b7ba..d640771 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -1,5 +1,35 @@
 export type Maybe<T> = T | null | undefined;
 
+export type ModerationLabel = { src?: string; uri?: string; val?: string; [key: string]: unknown };
+
+export type ModerationUiDecision = {
+  filter: boolean;
+  blur: "none" | "content" | "media" | string;
+  alert: boolean;
+  inform: boolean;
+  noOverride: boolean;
+};
+
+export type ModerationLabelVisibility = "ignore" | "warn" | "hide";
+
+export type StoredModerationPrefs = {
+  adultContentEnabled: boolean;
+  subscribedLabelers: string[];
+  labelPreferences: Record<string, Record<string, ModerationLabelVisibility | string>>;
+};
+
+export type DistributionChannel = "github" | "mac_app_store" | "microsoft_store";
+
+export type ReportSubjectInput = { type: "repo"; did: string } | { type: "record"; uri: string; cid: string };
+
+export type ModerationReasonType =
+  | "com.atproto.moderation.defs#reasonSpam"
+  | "com.atproto.moderation.defs#reasonViolation"
+  | "com.atproto.moderation.defs#reasonMisleading"
+  | "com.atproto.moderation.defs#reasonSexual"
+  | "com.atproto.moderation.defs#reasonRude"
+  | "com.atproto.moderation.defs#reasonOther";
+
 export type AccountSummary = { did: string; handle: string; pdsUrl: string; active: boolean; avatar?: string | null };
 
 export type ActiveSession = { did: string; handle: string };
@@ -35,6 +65,7 @@ export type ProfileViewBasic = {
   displayName?: string | null;
   avatar?: string | null;
   description?: string | null;
+  labels?: ModerationLabel[] | null;
   viewer?: AuthorViewerState | null;
 };
 
@@ -132,6 +163,7 @@ type EmbeddedQuoteRecord = {
   author?: ProfileViewBasic;
   cid?: string;
   embeds?: EmbedView[];
+  labels?: ModerationLabel[] | null;
   uri?: string;
   value?: Record<string, unknown>;
 };
@@ -164,6 +196,7 @@ export type PostView = {
   cid: string;
   embed?: EmbedView | null;
   indexedAt: string;
+  labels?: ModerationLabel[] | null;
   likeCount?: number | null;
   quoteCount?: number | null;
   record: PostRecord | Record<string, unknown>;
@@ -233,6 +266,7 @@ export type NotificationView = {
   uri: string;
   cid: string;
   author: ProfileViewBasic;
+  labels?: ModerationLabel[] | null;
   reason: NotificationReason;
   reasonSubject?: string | null;
   record: Record<string, unknown>;