diff --git a/src/css/style.css b/src/css/style.css
index d9fcb47a..f0992b1e 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -6896,6 +6896,10 @@ sidebar-search {
   line-height: 1.3;
 }
 
+.list-detail-creator a {
+  color: inherit;
+}
+
 .list-detail-description {
   padding: 0 12px 14px;
   font-size: 15px;
diff --git a/src/js/api.js b/src/js/api.js
index 8de24ab3..4fa1efd2 100644
--- a/src/js/api.js
+++ b/src/js/api.js
@@ -352,6 +352,37 @@ export class Api {
     return res.data;
   }
 
+  async createReferenceListOptOutRecord(listUri) {
+    const res = await this.request("com.atproto.repo.createRecord", {
+      method: "POST",
+      body: {
+        repo: this.session.did,
+        collection: "app.bsky.graph.referencelistoptout",
+        record: {
+          createdAt: getCurrentTimestamp(),
+          subject: listUri,
+        },
+      },
+    });
+    return res.data;
+  }
+
+  async deleteReferenceListOptOutRecord(optOutUri) {
+    const { collection, rkey } = parseUri(optOutUri);
+    if (collection !== "app.bsky.graph.referencelistoptout" || !rkey) {
+      throw new Error(`Invalid reference list opt-out uri: ${optOutUri}`);
+    }
+    const res = await this.request("com.atproto.repo.deleteRecord", {
+      method: "POST",
+      body: {
+        repo: this.session.did,
+        collection: "app.bsky.graph.referencelistoptout",
+        rkey,
+      },
+    });
+    return res.data;
+  }
+
   async getListItems({ limit = 100, cursor = "" } = {}) {
     const query = {
       repo: this.session.did,
diff --git a/src/js/dataHelpers.js b/src/js/dataHelpers.js
index b7b1b5d9..19a9d545 100644
--- a/src/js/dataHelpers.js
+++ b/src/js/dataHelpers.js
@@ -13,6 +13,14 @@ export function isModerationList(list) {
   return list?.purpose === "app.bsky.graph.defs#modlist";
 }
 
+export function isReferenceList(list) {
+  return list?.purpose === "app.bsky.graph.defs#referencelist";
+}
+
+export function isCurateList(list) {
+  return list?.purpose === "app.bsky.graph.defs#curatelist";
+}
+
 export function hasValidHandle(profile) {
   return (
     !!profile.handle &&
diff --git a/src/js/dataLayer/dataStore.js b/src/js/dataLayer/dataStore.js
index 65a5253f..fe701115 100644
--- a/src/js/dataLayer/dataStore.js
+++ b/src/js/dataLayer/dataStore.js
@@ -70,6 +70,8 @@ export class DataStore extends ReactiveStore {
     this.$feedGenerators = new SignalMap();
     this.$lists = new SignalMap();
     this.$starterPacks = new SignalMap();
+    this.$referenceListOptOuts = new SignalMap();
+    this.$starterPackUrisByList = new SignalMap();
     this.$listMembers = new SignalMap();
     this.$actorFeeds = new SignalMap();
     this.$actorLists = new SignalMap();
diff --git a/src/js/dataLayer/derived.js b/src/js/dataLayer/derived.js
index cc99bde5..fc9df88c 100644
--- a/src/js/dataLayer/derived.js
+++ b/src/js/dataLayer/derived.js
@@ -361,10 +361,18 @@ export class Derived extends ReactiveStore {
       this.dataStore.$feedGenerators.get(feedUri),
     );
     this.$lists = new ComputedMap((listUri) =>
-      this.dataStore.$lists.get(listUri),
+      this.applyReferenceListOptOut(this.dataStore.$lists.get(listUri)),
     );
-    this.$starterPacks = new ComputedMap((starterPackUri) =>
-      this.dataStore.$starterPacks.get(starterPackUri),
+    this.$starterPacks = new ComputedMap((starterPackUri) => {
+      const starterPack = this.dataStore.$starterPacks.get(starterPackUri);
+      if (!starterPack?.list) return starterPack;
+      return {
+        ...starterPack,
+        list: this.applyReferenceListOptOut(starterPack.list),
+      };
+    });
+    this.$starterPackUriForList = new ComputedMap(
+      (listUri) => this.dataStore.$starterPackUrisByList.get(listUri) ?? null,
     );
     this.$listMembers = new ComputedMap((listUri) => {
       const data = this.dataStore.$listMembers.get(listUri);
@@ -834,6 +842,18 @@ export class Derived extends ReactiveStore {
     return { ...item, embed: updated };
   }
 
+  applyReferenceListOptOut(list) {
+    if (!list) return list;
+    if (!this.dataStore.$referenceListOptOuts.has(list.uri)) return list;
+    return {
+      ...list,
+      viewer: {
+        ...list.viewer,
+        referenceListOptOut: this.dataStore.$referenceListOptOuts.get(list.uri),
+      },
+    };
+  }
+
   hydrateProfile(profile) {
     const preferences = this.$preferences.get();
     let result = profile;
diff --git a/src/js/dataLayer/mutations.js b/src/js/dataLayer/mutations.js
index 2785f878..47005acb 100644
--- a/src/js/dataLayer/mutations.js
+++ b/src/js/dataLayer/mutations.js
@@ -12,7 +12,7 @@ import {
   valueForPinnedItem,
   buildCdnUrl,
 } from "/js/dataHelpers.js";
-import { batch, getCurrentTimestamp } from "/js/utils.js";
+import { batch, getCurrentTimestamp, wait } from "/js/utils.js";
 import { fetchAndCompressLinkCardImage } from "/js/embedHelpers.js";
 import { PostCreator } from "/js/postCreator.js";
 import { untrack } from "/js/signals.js";
@@ -1009,6 +1009,52 @@ export class Mutations {
     }
   }
 
+  async optOutOfReferenceList(list) {
+    try {
+      const created = await this.api.createReferenceListOptOutRecord(list.uri);
+      await this._pollReferenceListOptOut(list.uri, true);
+      this.dataStore.$referenceListOptOuts.set(list.uri, created.uri);
+    } catch (error) {
+      console.error(error);
+      throw error;
+    }
+  }
+
+  async undoReferenceListOptOut(list) {
+    const optOutUri = list.viewer?.referenceListOptOut;
+    if (!optOutUri) return;
+    try {
+      try {
+        await this.api.deleteReferenceListOptOutRecord(optOutUri);
+      } catch (error) {
+        if (!isRecordNotFoundError(error)) throw error;
+      }
+      await this._pollReferenceListOptOut(list.uri, false);
+      this.dataStore.$referenceListOptOuts.set(list.uri, null);
+    } catch (error) {
+      console.error(error);
+      throw error;
+    }
+  }
+
+  // Check that opted out state has reached the appview
+  async _pollReferenceListOptOut(listUri, expectOptedOut) {
+    const maxTries = 5;
+    for (let tries = 0; tries < maxTries; tries++) {
+      try {
+        const data = await this.api.getList(listUri, { limit: 1 });
+        const isOptedOut = !!data.list?.viewer?.referenceListOptOut;
+        if (isOptedOut === expectOptedOut) return true;
+      } catch (error) {
+        console.warn(error);
+      }
+      if (tries < maxTries - 1) {
+        await wait(1000);
+      }
+    }
+    return false;
+  }
+
   async updateProfile(
     profile,
     {
diff --git a/src/js/dataLayer/requests.js b/src/js/dataLayer/requests.js
index 68efc071..f283919c 100644
--- a/src/js/dataLayer/requests.js
+++ b/src/js/dataLayer/requests.js
@@ -271,6 +271,10 @@ export class Requests {
       this.loadStarterPack,
       (starterPackUri) => "loadStarterPack-" + starterPackUri,
     );
+    this.enableStatus(
+      this.loadStarterPackUriForList,
+      (list) => "loadStarterPackUriForList-" + list.uri,
+    );
     this.enableStatus(
       this.loadAllListMembers,
       (listUri) => "loadAllListMembers-" + listUri,
@@ -1255,6 +1259,27 @@ export class Requests {
     this.dataStore.$lists.set(listUri, data.list);
   }
 
+  async loadStarterPackUriForList(list) {
+    const backlinks = await this.constellation.getLinks({
+      subject: list.uri,
+      source: "app.bsky.graph.starterpack:list",
+      timeout: 2000,
+    });
+    const backlink = backlinks.find(
+      (candidate) => candidate.did === list.creator.did,
+    );
+    this.dataStore.$starterPackUrisByList.set(
+      list.uri,
+      backlink
+        ? buildUri({
+            repo: backlink.did,
+            collection: backlink.collection,
+            rkey: backlink.rkey,
+          })
+        : null,
+    );
+  }
+
   async loadStarterPack(starterPackUri) {
     const starterPack = await this.api.getStarterPack(starterPackUri);
     this.dataStore.$starterPacks.set(starterPackUri, starterPack);
diff --git a/src/js/listInteractionHandler.js b/src/js/listInteractionHandler.js
index fff33e21..97915d01 100644
--- a/src/js/listInteractionHandler.js
+++ b/src/js/listInteractionHandler.js
@@ -87,6 +87,53 @@ export class ListInteractionHandler {
     }
   }
 
+  async handleOptOutOfReferenceList(list) {
+    return await confirmModal(
+      "You will no longer appear in this starter pack. The creator will be able to see that you've opted out and remove you if they wish.",
+      {
+        title: "Opt out of this starter pack?",
+        confirmButtonText: "Opt out",
+        pendingText: "Opting out…",
+        confirmButtonStyle: "danger",
+        onConfirm: async () => {
+          try {
+            hapticsImpactMedium();
+            await this.dataLayer.mutations.optOutOfReferenceList(list);
+            showToast("Opted out of starter pack");
+          } catch (error) {
+            showToast("Failed to update starter pack opt-out", {
+              style: "error",
+            });
+            throw error;
+          }
+        },
+      },
+    );
+  }
+
+  async handleUndoReferenceListOptOut(list) {
+    return await confirmModal(
+      "You will be eligible to appear in this starter pack again.",
+      {
+        title: "Undo opt-out?",
+        confirmButtonText: "Undo opt-out",
+        pendingText: "Undoing…",
+        onConfirm: async () => {
+          try {
+            hapticsImpactMedium();
+            await this.dataLayer.mutations.undoReferenceListOptOut(list);
+            showToast("Opt-out undone");
+          } catch (error) {
+            showToast("Failed to update starter pack opt-out", {
+              style: "error",
+            });
+            throw error;
+          }
+        },
+      },
+    );
+  }
+
   async handleDeleteList(list) {
     return await confirmModal(
       "This list will be permanently deleted. This action cannot be undone.",
diff --git a/src/js/views/listDetail.view.js b/src/js/views/listDetail.view.js
index 2e5dc492..2573ef72 100644
--- a/src/js/views/listDetail.view.js
+++ b/src/js/views/listDetail.view.js
@@ -2,7 +2,12 @@ import { html, render } from "/js/lib/lit-html.js";
 import { resolveDidFromHandleOrDid } from "/js/atproto.js";
 import { Signal, ReactiveStore } from "/js/signals.js";
 import { classnames } from "/js/utils.js";
-import { cdnImageUrl, isModerationList } from "/js/dataHelpers.js";
+import {
+  cdnImageUrl,
+  isCurateList,
+  isModerationList,
+  isReferenceList,
+} from "/js/dataHelpers.js";
 import { postFeedTemplate } from "/js/templates/postFeed.template.js";
 import { profileFeedTemplate } from "/js/templates/profileFeed.template.js";
 import { headerTemplate } from "/js/templates/header.template.js";
@@ -15,6 +20,7 @@ import {
   bindPageTitle,
   onPageShow,
 } from "/js/router.js";
+import { linkToStarterPack } from "/js/navigation.js";
 import { FEED_PAGE_SIZE } from "/js/config.js";
 import { showToast } from "/js/toasts.js";
 import "/js/components/infinite-scroll-container.js";
@@ -28,6 +34,7 @@ export default async function listDetailView({
   root,
   params,
   context: {
+    auth,
     dataLayer,
     identityResolver,
     isAuthenticated,
@@ -36,6 +43,9 @@ export default async function listDetailView({
   },
 }) {
   const { handleOrDid, rkey } = params;
+  const optOutEnabled =
+    isAuthenticated &&
+    (await auth.hasScope("repo:app.bsky.graph.referencelistoptout"));
 
   const profileDid = await resolveDidFromHandleOrDid(
     handleOrDid,
@@ -124,8 +134,15 @@ export default async function listDetailView({
     const members = membersEntry?.members ?? null;
     const hasMoreMembers = membersEntry?.cursor != null;
     const activeTab = state.$activeTab.get();
-    const isCurateList = !isModerationList(list);
+    const isCurate = isCurateList(list);
+    const isModeration = isModerationList(list);
+    const isReference = isReferenceList(list);
     const isCurrentUserList = listCreator?.did === currentUser?.did;
+    const starterPackUri = isReference
+      ? dataLayer.derived.$starterPackUriForList.get(listUri)
+      : null;
+    const showOptOut = optOutEnabled && !isCurrentUserList && isReference;
+    const isOptedOut = !!list?.viewer?.referenceListOptOut;
     const listPermalink = `https://bsky.app/profile/${listCreatorHandle || handleOrDid}/lists/${rkey}`;
     render(
       html`<div id="list-detail-view">
@@ -134,7 +151,7 @@ export default async function listDetailView({
             ? () => html`
                 ${!isAuthenticated
                   ? ""
-                  : isCurateList
+                  : isCurate
                     ? html`<button
                         class=${classnames("pin-feed-button", {
                           pinned: isPinned,
@@ -152,10 +169,12 @@ export default async function listDetailView({
                           filled: isPinned,
                         })}
                       </button>`
-                    : listSubscriptionButtonTemplate({
-                        list,
-                        listInteractionHandler,
-                      })}
+                    : isModeration
+                      ? listSubscriptionButtonTemplate({
+                          list,
+                          listInteractionHandler,
+                        })
+                      : ""}
                 <button
                   class="context-menu-button"
                   @click=${function (e) {
@@ -189,6 +208,25 @@ export default async function listDetailView({
                       Copy link to list
                     </context-menu-item>
                   </context-menu-item-group>
+                  ${showOptOut
+                    ? html`<context-menu-item-group>
+                        <context-menu-item
+                          data-testid="menu-action-list-opt-out"
+                          data-teststate=${isOptedOut
+                            ? "opted-out"
+                            : "opted-in"}
+                          icon=${isOptedOut ? "undo-line" : "user-x-line"}
+                          @click=${() =>
+                            isOptedOut
+                              ? handleUndoOptOut(list)
+                              : handleOptOut(list)}
+                        >
+                          ${isOptedOut
+                            ? "Undo opt-out"
+                            : "Opt out of starter pack"}
+                        </context-menu-item>
+                      </context-menu-item-group>`
+                    : ""}
                   ${isCurrentUserList
                     ? html`<context-menu-item
                           data-testid="menu-action-list-add-people"
@@ -249,7 +287,20 @@ export default async function listDetailView({
                         class="list-detail-creator"
                         data-testid="list-detail-creator"
                       >
-                        ${isModerationList(list) ? "Moderation list" : "List"}
+                        ${isModeration
+                          ? "Moderation list"
+                          : isReference
+                            ? starterPackUri
+                              ? html`<a
+                                  href=${linkToStarterPack({
+                                    uri: starterPackUri,
+                                    creator: listCreator,
+                                  })}
+                                  data-testid="list-detail-starter-pack-link"
+                                  >Starter pack</a
+                                >`
+                              : "Starter pack"
+                            : "List"}
                         by
                         ${isCurrentUserList ? "you" : `@${listCreator.handle}`}
                       </div>`
@@ -267,7 +318,7 @@ export default async function listDetailView({
                     })}
                   </div>`
                 : ""}
-              ${isCurateList
+              ${isCurate
                 ? html`<div class="list-detail-tab-bar" data-scroll-lock-sticky>
                     <tab-bar
                       .tabs=${[
@@ -286,7 +337,7 @@ export default async function listDetailView({
                 data-testid="list-tab-content"
                 data-teststate=${activeTab}
               >
-                ${activeTab === "posts" && isCurateList
+                ${activeTab === "posts" && isCurate
                   ? html`<div class="feed-container">
                       ${postFeedTemplate({
                         feed,
@@ -320,7 +371,7 @@ export default async function listDetailView({
                         currentUserDid: currentUser?.did ?? null,
                         profileInteractionHandler,
                         pluginService,
-                        ...(isCurateList ? {} : { rightItemTemplate: null }),
+                        ...(isModeration ? { rightItemTemplate: null } : {}),
                       })}
                       ${members?.length === 0 && isCurrentUserList
                         ? html`<button
@@ -340,6 +391,18 @@ export default async function listDetailView({
     );
   });
 
+  async function handleOptOut(list) {
+    const optedOut =
+      await listInteractionHandler.handleOptOutOfReferenceList(list);
+    if (optedOut) loadMembers({ reload: true }).catch(console.warn);
+  }
+
+  async function handleUndoOptOut(list) {
+    const undone =
+      await listInteractionHandler.handleUndoReferenceListOptOut(list);
+    if (undone) loadMembers({ reload: true }).catch(console.warn);
+  }
+
   async function handleDeleteList(list) {
     const deleted = await listInteractionHandler.handleDeleteList(list);
     if (!deleted) return;
@@ -359,7 +422,7 @@ export default async function listDetailView({
       dialog.remove();
     });
     dialog.addEventListener("members-changed", () => {
-      if (isModerationList(list) || userHasScrolled) return;
+      if (!isCurateList(list) || userHasScrolled) return;
       clearTimeout(reloadTimeout);
       reloadTimeout = setTimeout(() => {
         if (userHasScrolled) return;
@@ -405,7 +468,11 @@ export default async function listDetailView({
     await dataLayer.requests.loadList(listUri);
     const list = dataLayer.derived.$lists.get(listUri);
     const requests = [loadMembers({ reload: true })];
-    if (!isModerationList(list)) {
+    if (isReferenceList(list)) {
+      requests.push(
+        dataLayer.requests.loadStarterPackUriForList(list).catch(console.warn),
+      );
+    } else if (isCurateList(list)) {
       requests.push(loadFeed({ reload: true }));
     }
     await Promise.all(requests);
diff --git a/src/js/views/starterPackDetail.view.js b/src/js/views/starterPackDetail.view.js
index c430cc5a..154ba47f 100644
--- a/src/js/views/starterPackDetail.view.js
+++ b/src/js/views/starterPackDetail.view.js
@@ -26,7 +26,26 @@ function copyPermalink(permalink) {
   showToast("Link copied to clipboard", { style: "success" });
 }
 
-function headerMenuTemplate({ permalink }) {
+function optOutMenuItemTemplate({ isOptedOut, onOptOut, onUndoOptOut }) {
+  return html`<context-menu-item-group>
+    <context-menu-item
+      data-testid="menu-action-starter-pack-opt-out"
+      data-teststate=${isOptedOut ? "opted-out" : "opted-in"}
+      icon=${isOptedOut ? "undo-line" : "user-x-line"}
+      @click=${isOptedOut ? onUndoOptOut : onOptOut}
+    >
+      ${isOptedOut ? "Undo opt-out" : "Opt out of starter pack"}
+    </context-menu-item>
+  </context-menu-item-group>`;
+}
+
+function headerMenuTemplate({
+  permalink,
+  showOptOut,
+  isOptedOut,
+  onOptOut,
+  onUndoOptOut,
+}) {
   return html`
     <button
       class="context-menu-button"
@@ -56,6 +75,9 @@ function headerMenuTemplate({ permalink }) {
           Copy link to starter pack
         </context-menu-item>
       </context-menu-item-group>
+      ${showOptOut
+        ? optOutMenuItemTemplate({ isOptedOut, onOptOut, onUndoOptOut })
+        : ""}
     </context-menu>
   `;
 }
@@ -200,6 +222,7 @@ export default async function starterPackDetailView({
   root,
   params,
   context: {
+    auth,
     dataLayer,
     identityResolver,
     isAuthenticated,
@@ -208,6 +231,9 @@ export default async function starterPackDetailView({
   },
 }) {
   const { handleOrDid, rkey } = params;
+  const optOutEnabled =
+    isAuthenticated &&
+    (await auth.hasScope("repo:app.bsky.graph.referencelistoptout"));
 
   const creatorDid = await resolveDidFromHandleOrDid(
     handleOrDid,
@@ -215,8 +241,11 @@ export default async function starterPackDetailView({
   );
   const starterPackUri = `at://${creatorDid}/app.bsky.graph.starterpack/${rkey}`;
 
-  const { postInteractionHandler, profileInteractionHandler } =
-    interactionHandlers;
+  const {
+    postInteractionHandler,
+    profileInteractionHandler,
+    listInteractionHandler,
+  } = interactionHandlers;
 
   const state = new ReactiveStore("starterPackDetailView");
   state.$activeTab = new Signal.State("people");
@@ -254,10 +283,12 @@ export default async function starterPackDetailView({
     );
     const isFollowingAll = state.$isFollowingAll.get();
     const activeTab = state.$activeTab.get();
+    const isOptedOut = !!list?.viewer?.referenceListOptOut;
 
     const isLoaded = !!list;
     const isOwner = isLoaded && starterPack.creator.did === currentUser?.did;
     const permalink = isLoaded ? getPermalinkForStarterPack(starterPack) : null;
+    const showOptOut = isLoaded && optOutEnabled && !isOwner;
     const tabs = isLoaded
       ? [
           { value: "people", label: "People" },
@@ -279,7 +310,14 @@ export default async function starterPackDetailView({
         ${headerTemplate({
           title: "Starter pack",
           rightItemTemplate: isLoaded
-            ? () => headerMenuTemplate({ permalink })
+            ? () =>
+                headerMenuTemplate({
+                  permalink,
+                  showOptOut,
+                  isOptedOut,
+                  onOptOut: () => handleOptOut(list),
+                  onUndoOptOut: () => handleUndoOptOut(list),
+                })
             : null,
         })}
         ${!starterPack && !error
@@ -375,6 +413,22 @@ export default async function starterPackDetailView({
     }
   }
 
+  async function handleOptOut(list) {
+    const optedOut =
+      await listInteractionHandler.handleOptOutOfReferenceList(list);
+    if (optedOut) reloadMembers(list.uri);
+  }
+
+  async function handleUndoOptOut(list) {
+    const undone =
+      await listInteractionHandler.handleUndoReferenceListOptOut(list);
+    if (undone) reloadMembers(list.uri);
+  }
+
+  function reloadMembers(listUri) {
+    dataLayer.requests.loadAllListMembers(listUri).catch(console.warn);
+  }
+
   async function loadFeed(listUri, { reload = false } = {}) {
     await dataLayer.requests.loadNextFeedPage(
       { type: "list", uri: listUri },
diff --git a/src/oauthScopes.js b/src/oauthScopes.js
index db44c9ee..ba560399 100644
--- a/src/oauthScopes.js
+++ b/src/oauthScopes.js
@@ -157,6 +157,8 @@ const OPTIONAL_OAUTH_RPC_SCOPES = [
   "rpc:app.bsky.graph.searchStarterPacksV2",
 ];
 
+const OPTIONAL_OAUTH_REPO_SCOPES = ["repo:app.bsky.graph.referencelistoptout"];
+
 function expandScope(scope) {
   if (scope.startsWith("rpc:")) {
     return [scope + "?aud=*"];
@@ -183,11 +185,13 @@ function buildOauthScopesString() {
     ...expandScopes(BSKY_OAUTH_REPO_SCOPES),
     ...expandScopes(CHAT_OAUTH_REPO_SCOPES),
     ...expandScopes(OPTIONAL_OAUTH_RPC_SCOPES),
+    ...expandScopes(OPTIONAL_OAUTH_REPO_SCOPES),
   ];
   return scopes.join(" ");
 }
 
 export const OAUTH_SCOPES = buildOauthScopesString();
-export const OPTIONAL_OAUTH_SCOPES = expandScopes(
-  OPTIONAL_OAUTH_RPC_SCOPES,
-).join(" ");
+export const OPTIONAL_OAUTH_SCOPES = expandScopes([
+  ...OPTIONAL_OAUTH_RPC_SCOPES,
+  ...OPTIONAL_OAUTH_REPO_SCOPES,
+]).join(" ");
diff --git a/tests/e2e/mockServer.js b/tests/e2e/mockServer.js
index f9644818..cc931b13 100644
--- a/tests/e2e/mockServer.js
+++ b/tests/e2e/mockServer.js
@@ -72,6 +72,10 @@ export class MockServer {
     this.starterPacks = [];
     this.listMembers = new Map();
     this.currentUserListItems = [];
+    this.referenceListOptOutRecords = [];
+    this.referenceListOptOutLag = 0;
+    this.referenceListOptOutLagRemaining = 0;
+    this.staleReferenceListOptOuts = new Map();
     this.posts = [];
     this.postLikes = new Map();
     this.reportPayloads = [];
@@ -264,6 +268,50 @@ export class MockServer {
     this.currentUserListItems.push({ uri, listUri, subjectDid });
   }
 
+  addReferenceListOptOut({ uri, listUri }) {
+    this.referenceListOptOutRecords.push({ uri, subject: listUri });
+  }
+
+  // Number of AppView list reads (getList / getStarterPack) after an opt-out
+  // write that still report the pre-write state.
+  setReferenceListOptOutLag(reads) {
+    this.referenceListOptOutLag = reads;
+  }
+
+  _snapshotReferenceListOptOut(listUri) {
+    this.staleReferenceListOptOuts.set(
+      listUri,
+      this._currentReferenceListOptOut(listUri),
+    );
+    this.referenceListOptOutLagRemaining = this.referenceListOptOutLag;
+  }
+
+  _currentReferenceListOptOut(listUri) {
+    return (
+      this.referenceListOptOutRecords.find(
+        (record) => record.subject === listUri,
+      )?.uri ?? null
+    );
+  }
+
+  _withReferenceListOptOut(list) {
+    if (!list?.uri) return list;
+    let optOutUri;
+    if (this.referenceListOptOutLagRemaining > 0) {
+      this.referenceListOptOutLagRemaining--;
+      optOutUri = this.staleReferenceListOptOuts.get(list.uri) ?? null;
+    } else {
+      optOutUri = this._currentReferenceListOptOut(list.uri);
+    }
+    const viewer = { ...list.viewer };
+    if (optOutUri) {
+      viewer.referenceListOptOut = optOutUri;
+    } else {
+      delete viewer.referenceListOptOut;
+    }
+    return { ...list, viewer };
+  }
+
   addListFeedItems(listUri, posts) {
     this.feeds.set(
       listUri,
@@ -2117,7 +2165,9 @@ export class MockServer {
     await page.route("**/xrpc/app.bsky.graph.getList*", (route) => {
       const url = new URL(route.request().url());
       const listUri = url.searchParams.get("list");
-      const list = this.lists.find((l) => l.uri === listUri) || {};
+      const list = this._withReferenceListOptOut(
+        this.lists.find((l) => l.uri === listUri) || {},
+      );
       const members = this.listMembers.get(listUri) || [];
       const items = members.map((profile) => ({ subject: profile }));
       return route.fulfill({
@@ -2154,8 +2204,11 @@ export class MockServer {
     await page.route("**/xrpc/app.bsky.graph.getStarterPack?*", (route) => {
       const url = new URL(route.request().url());
       const starterPackUri = url.searchParams.get("starterPack");
-      const starterPack =
+      const found =
         this.starterPacks.find((s) => s.uri === starterPackUri) || {};
+      const starterPack = found.list
+        ? { ...found, list: this._withReferenceListOptOut(found.list) }
+        : found;
       return route.fulfill({
         status: 200,
         contentType: "application/json",
@@ -2504,6 +2557,28 @@ export class MockServer {
         });
       }
 
+      if (collection === "app.bsky.graph.referencelistoptout") {
+        const uri = `at://${userProfile.did}/${collection}/${rkey}`;
+        const record = this.referenceListOptOutRecords.find(
+          (candidate) => candidate.uri === uri,
+        );
+        if (!record) {
+          return route.fulfill({
+            status: 400,
+            contentType: "application/json",
+            body: JSON.stringify({
+              error: "RecordNotFound",
+              message: "Could not locate record",
+            }),
+          });
+        }
+        this._snapshotReferenceListOptOut(record.subject);
+        this.referenceListOptOutRecords =
+          this.referenceListOptOutRecords.filter(
+            (candidate) => candidate.uri !== uri,
+          );
+      }
+
       if (collection === "app.bsky.feed.like") {
         const feedKey = `${userProfile.did}-likes`;
         const likes = this.authorFeeds.get(feedKey) || [];
@@ -2772,6 +2847,12 @@ export class MockServer {
         }
       }
 
+      if (collection === "app.bsky.graph.referencelistoptout") {
+        const subject = body?.record?.subject;
+        this._snapshotReferenceListOptOut(subject);
+        this.referenceListOptOutRecords.push({ uri, subject });
+      }
+
       return route.fulfill({
         status: 200,
         contentType: "application/json",
diff --git a/tests/e2e/specs/flows/starterPackOptOut.test.js b/tests/e2e/specs/flows/starterPackOptOut.test.js
new file mode 100644
index 00000000..4bf98238
--- /dev/null
+++ b/tests/e2e/specs/flows/starterPackOptOut.test.js
@@ -0,0 +1,162 @@
+import { test, expect } from "../../base.js";
+import { login } from "../../helpers.js";
+import { MockServer } from "../../mockServer.js";
+import { userProfile } from "../../testData.js";
+import { createProfile, createStarterPack } from "../../../shared/factories.js";
+
+const PACK_URI = "at://did:plc:creator1/app.bsky.graph.starterpack/coolpack";
+const LIST_URI = "at://did:plc:creator1/app.bsky.graph.list/coolpack";
+const PACK_PATH = "/profile/creator1.bsky.social/starter-pack/coolpack";
+const OPT_OUT_COLLECTION = "app.bsky.graph.referencelistoptout";
+
+function setupPack(mockServer) {
+  mockServer.addStarterPacks([
+    createStarterPack({
+      uri: PACK_URI,
+      name: "Cool Pack",
+      creatorHandle: "creator1.bsky.social",
+      list: true,
+    }),
+  ]);
+  mockServer.addListMembers(LIST_URI, [
+    createProfile({
+      did: "did:plc:member1",
+      handle: "member1.bsky.social",
+      displayName: "Member One",
+    }),
+    userProfile,
+  ]);
+}
+
+async function openPack(page) {
+  await login(page);
+  await page.goto(PACK_PATH);
+  const view = page.locator("#starter-pack-detail-view");
+  await expect(view.locator('[data-testid="starter-pack-name"]')).toBeVisible({
+    timeout: 10000,
+  });
+  return view;
+}
+
+function optOutItem(view) {
+  return view.locator('[data-testid="menu-action-starter-pack-opt-out"]');
+}
+
+test.describe("Starter pack opt-out flow", () => {
+  test("opts out, then undoes, writing and deleting the record", async ({
+    page,
+  }) => {
+    const mockServer = new MockServer();
+    setupPack(mockServer);
+    await mockServer.setup(page);
+
+    const view = await openPack(page);
+
+    await view.locator(".context-menu-button").click();
+    await optOutItem(view).click();
+    await expect(page.locator('[data-testid="confirm-modal"]')).toBeVisible();
+    await page.locator('[data-testid="modal-confirm-button"]').click();
+
+    await expect(page.locator('[data-testid="toast"]')).toBeVisible({
+      timeout: 10000,
+    });
+    await expect(page.locator('[data-testid="confirm-modal"]')).toHaveCount(0);
+    expect(mockServer.referenceListOptOutRecords).toEqual([
+      expect.objectContaining({ subject: LIST_URI }),
+    ]);
+    expect(mockServer.referenceListOptOutRecords[0].uri).toContain(
+      `/${OPT_OUT_COLLECTION}/`,
+    );
+
+    await view.locator(".context-menu-button").click();
+    await expect(optOutItem(view)).toHaveAttribute(
+      "data-teststate",
+      "opted-out",
+    );
+    await optOutItem(view).click();
+    await page.locator('[data-testid="modal-confirm-button"]').click();
+
+    await expect(page.locator('[data-testid="confirm-modal"]')).toHaveCount(0, {
+      timeout: 10000,
+    });
+    expect(mockServer.referenceListOptOutRecords).toEqual([]);
+    await view.locator(".context-menu-button").click();
+    await expect(optOutItem(view)).toHaveAttribute(
+      "data-teststate",
+      "opted-in",
+    );
+  });
+
+  test("cancelling the confirm writes nothing", async ({ page }) => {
+    const mockServer = new MockServer();
+    setupPack(mockServer);
+    await mockServer.setup(page);
+
+    const view = await openPack(page);
+
+    await view.locator(".context-menu-button").click();
+    await optOutItem(view).click();
+    await page.locator('[data-testid="modal-cancel-button"]').click();
+
+    await expect(page.locator('[data-testid="confirm-modal"]')).toHaveCount(0);
+    expect(mockServer.referenceListOptOutRecords).toEqual([]);
+  });
+
+  test("keeps the opted-out state across a reload while the appview lags", async ({
+    page,
+  }) => {
+    const mockServer = new MockServer();
+    setupPack(mockServer);
+    mockServer.setReferenceListOptOutLag(100);
+    await mockServer.setup(page);
+
+    const view = await openPack(page);
+
+    await view.locator(".context-menu-button").click();
+    await optOutItem(view).click();
+    await page.locator('[data-testid="modal-confirm-button"]').click();
+    await expect(page.locator('[data-testid="confirm-modal"]')).toHaveCount(0, {
+      timeout: 15000,
+    });
+    expect(mockServer.referenceListOptOutRecords).toHaveLength(1);
+
+    await page.evaluate(() => window.router.go("/"));
+    await expect(page.locator("#starter-pack-detail-view")).toBeHidden();
+    await page.evaluate((path) => window.router.go(path), PACK_PATH);
+    await expect(view.locator('[data-testid="starter-pack-name"]')).toBeVisible(
+      { timeout: 10000 },
+    );
+    await view.locator(".context-menu-button").click();
+    await expect(optOutItem(view)).toHaveAttribute(
+      "data-teststate",
+      "opted-out",
+    );
+  });
+
+  test("leaves the confirm open with an error toast when the write fails", async ({
+    page,
+  }) => {
+    const mockServer = new MockServer();
+    setupPack(mockServer);
+    mockServer.failCreateRecord(OPT_OUT_COLLECTION);
+    await mockServer.setup(page);
+
+    const view = await openPack(page);
+
+    await view.locator(".context-menu-button").click();
+    await optOutItem(view).click();
+    await page.locator('[data-testid="modal-confirm-button"]').click();
+
+    await expect(page.locator('[data-testid="toast"].error')).toBeVisible({
+      timeout: 10000,
+    });
+    await expect(page.locator('[data-testid="confirm-modal"]')).toBeVisible();
+    await page.locator('[data-testid="modal-cancel-button"]').click();
+
+    await view.locator(".context-menu-button").click();
+    await expect(optOutItem(view)).toHaveAttribute(
+      "data-teststate",
+      "opted-in",
+    );
+  });
+});
diff --git a/tests/e2e/specs/views/listDetail.view.test.js b/tests/e2e/specs/views/listDetail.view.test.js
index f8ad72fe..41d2a967 100644
--- a/tests/e2e/specs/views/listDetail.view.test.js
+++ b/tests/e2e/specs/views/listDetail.view.test.js
@@ -1,10 +1,11 @@
 import { test, expect } from "../../base.js";
 import { login } from "../../helpers.js";
-import { MockServer } from "../../mockServer.js";
+import { MockServer, MockConstellation } from "../../mockServer.js";
 import {
   createList,
   createPost,
   createProfile,
+  createStarterPack,
 } from "../../../shared/factories.js";
 
 const LIST_URI = "at://did:plc:creator1/app.bsky.graph.list/mylist";
@@ -1058,4 +1059,133 @@ test.describe("List Detail view", () => {
       ).toHaveCount(0);
     });
   });
+
+  test.describe("Reference lists", () => {
+    const REFERENCE_LIST_URI =
+      "at://did:plc:creator1/app.bsky.graph.list/reflist";
+
+    function setupReferenceList(mockServer, { withStarterPack = true } = {}) {
+      const referenceList = createList({
+        uri: REFERENCE_LIST_URI,
+        name: "Pack List",
+        creatorHandle: "creator1.bsky.social",
+        purpose: "app.bsky.graph.defs#referencelist",
+      });
+      mockServer.addLists([referenceList]);
+      mockServer.addListMembers(REFERENCE_LIST_URI, [
+        createProfile({
+          did: "did:plc:member1",
+          handle: "member1.bsky.social",
+          displayName: "Member One",
+        }),
+      ]);
+      if (withStarterPack) {
+        mockServer.addStarterPacks([
+          createStarterPack({
+            uri: "at://did:plc:creator1/app.bsky.graph.starterpack/coolpack",
+            name: "Cool Pack",
+            creatorHandle: "creator1.bsky.social",
+            list: referenceList,
+          }),
+        ]);
+      }
+      return referenceList;
+    }
+
+    test("should render as a starter pack member list linking to its pack", async ({
+      page,
+    }) => {
+      const mockServer = new MockServer();
+      setupReferenceList(mockServer);
+      await mockServer.setup(page);
+      const mockConstellation = new MockConstellation();
+      mockConstellation.setBacklinks(REFERENCE_LIST_URI, [
+        {
+          did: "did:plc:creator1",
+          collection: "app.bsky.graph.starterpack",
+          rkey: "coolpack",
+        },
+      ]);
+      await mockConstellation.setup(page);
+
+      await login(page);
+      await page.goto("/profile/creator1.bsky.social/lists/reflist");
+
+      const view = page.locator("#list-detail-view");
+      await expect(
+        view.locator('[data-testid="list-detail-creator"]'),
+      ).toContainText("by @creator1.bsky.social", { timeout: 10000 });
+      await expect(
+        view.locator('[data-testid="list-detail-starter-pack-link"]'),
+      ).toHaveAttribute(
+        "href",
+        "/profile/creator1.bsky.social/starter-pack/coolpack",
+      );
+      await expect(view.locator('[data-testid="tab-posts"]')).toHaveCount(0);
+      await expect(view.locator('[data-testid="pin-list-button"]')).toHaveCount(
+        0,
+      );
+      await expect(
+        view.locator('[data-testid="subscribe-list-button"]'),
+      ).toHaveCount(0);
+      const rows = view.locator(".profile-list-item");
+      await expect(rows).toHaveCount(1);
+      await expect(rows.locator('[data-testid="follow-button"]')).toHaveCount(
+        1,
+      );
+    });
+
+    test("should show a plain label when no starter pack references the list", async ({
+      page,
+    }) => {
+      const mockServer = new MockServer();
+      setupReferenceList(mockServer, { withStarterPack: false });
+      await mockServer.setup(page);
+
+      await login(page);
+      await page.goto("/profile/creator1.bsky.social/lists/reflist");
+
+      const view = page.locator("#list-detail-view");
+      await expect(view.locator(".profile-list-item")).toHaveCount(1, {
+        timeout: 10000,
+      });
+      await expect(
+        view.locator('[data-testid="list-detail-starter-pack-link"]'),
+      ).toHaveCount(0);
+    });
+
+    test("should offer opt-out only on another user's reference list", async ({
+      page,
+    }) => {
+      const mockServer = new MockServer();
+      setupReferenceList(mockServer);
+      const curateList = setupList(mockServer);
+      await mockServer.setup(page);
+
+      await login(page);
+      await page.goto("/profile/creator1.bsky.social/lists/reflist");
+
+      const view = page.locator("#list-detail-view");
+      await expect(view.locator(".context-menu-button")).toBeVisible({
+        timeout: 10000,
+      });
+      await view.locator(".context-menu-button").click();
+      await expect(
+        view.locator('[data-testid="menu-action-list-opt-out"]'),
+      ).toHaveAttribute("data-teststate", "opted-in");
+      await page.keyboard.press("Escape");
+
+      await page.goto(`/profile/creator1.bsky.social/lists/mylist`);
+      await expect(
+        view.locator('[data-testid="list-detail-name"]'),
+      ).toContainText(curateList.name, { timeout: 10000 });
+      await view.locator(".context-menu-button").click();
+      await expect(
+        view.locator('[data-testid="menu-action-list-copy-link"]'),
+      ).toBeVisible();
+      await expect(
+        view.locator('[data-testid="menu-action-list-opt-out"]'),
+      ).toHaveCount(0);
+    });
+  });
 });
diff --git a/tests/e2e/specs/views/starterPackDetail.view.test.js b/tests/e2e/specs/views/starterPackDetail.view.test.js
index 5ca45bc5..21ca71bf 100644
--- a/tests/e2e/specs/views/starterPackDetail.view.test.js
+++ b/tests/e2e/specs/views/starterPackDetail.view.test.js
@@ -1,5 +1,6 @@
 import { test, expect } from "../../base.js";
 import { login } from "../../helpers.js";
+import { OAUTH_SCOPES } from "../../../../src/oauthScopes.js";
 import { MockServer } from "../../mockServer.js";
 import { userProfile } from "../../testData.js";
 import {
@@ -500,4 +501,119 @@ test.describe("Starter Pack Detail view", () => {
       ),
     ).toHaveText("Cool Pack", { timeout: 10000 });
   });
+
+  test.describe("Opt out menu item", () => {
+    test("should show the opt-out item to an authenticated non-owner", async ({
+      page,
+    }) => {
+      const mockServer = new MockServer();
+      setupPack(mockServer);
+      setupMembers(mockServer);
+      await mockServer.setup(page);
+
+      const view = await openPack(page);
+
+      await view.locator(".context-menu-button").click();
+      await expect(
+        view.locator('[data-testid="menu-action-starter-pack-opt-out"]'),
+      ).toHaveAttribute("data-teststate", "opted-in");
+    });
+
+    test("should show undo when the viewer already opted out", async ({
+      page,
+    }) => {
+      const mockServer = new MockServer();
+      setupPack(mockServer);
+      setupMembers(mockServer);
+      mockServer.addReferenceListOptOut({
+        uri: `at://${userProfile.did}/app.bsky.graph.referencelistoptout/existing`,
+        listUri: LIST_URI,
+      });
+      await mockServer.setup(page);
+
+      const view = await openPack(page);
+
+      await view.locator(".context-menu-button").click();
+      await expect(
+        view.locator('[data-testid="menu-action-starter-pack-opt-out"]'),
+      ).toHaveAttribute("data-teststate", "opted-out");
+    });
+
+    test("should hide the opt-out item on the owner's pack", async ({
+      page,
+    }) => {
+      const mockServer = new MockServer();
+      mockServer.addStarterPacks([
+        createStarterPack({
+          uri: OWN_PACK_URI,
+          name: "My Pack",
+          creatorHandle: userProfile.handle,
+          list: true,
+        }),
+      ]);
+      setupMembers(mockServer, OWN_LIST_URI);
+      await mockServer.setup(page);
+
+      const view = await openPack(
+        page,
+        `/profile/${userProfile.handle}/starter-pack/mine`,
+      );
+
+      await view.locator(".context-menu-button").click();
+      await expect(
+        view.locator('[data-testid="menu-action-starter-pack-copy-link"]'),
+      ).toBeVisible();
+      await expect(
+        view.locator('[data-testid="menu-action-starter-pack-opt-out"]'),
+      ).toHaveCount(0);
+    });
+
+    test("should hide the opt-out item without the opt-out scope", async ({
+      page,
+    }) => {
+      const mockServer = new MockServer();
+      setupPack(mockServer);
+      setupMembers(mockServer);
+      await mockServer.setup(page);
+
+      const scopeWithoutOptOut = OAUTH_SCOPES.split(" ")
+        .filter((scope) => !scope.includes("referencelistoptout"))
+        .join(" ");
+      await login(page, { scope: scopeWithoutOptOut });
+      await page.goto(PACK_PATH);
+
+      const view = page.locator("#starter-pack-detail-view");
+      await expect(
+        view.locator('[data-testid="starter-pack-name"]'),
+      ).toBeVisible({ timeout: 10000 });
+      await view.locator(".context-menu-button").click();
+      await expect(
+        view.locator('[data-testid="menu-action-starter-pack-copy-link"]'),
+      ).toBeVisible();
+      await expect(
+        view.locator('[data-testid="menu-action-starter-pack-opt-out"]'),
+      ).toHaveCount(0);
+    });
+
+    test("should hide the opt-out item when logged out", async ({ page }) => {
+      const mockServer = new MockServer();
+      setupPack(mockServer);
+      setupMembers(mockServer);
+      await mockServer.setup(page);
+
+      await page.goto(PACK_PATH);
+
+      const view = page.locator("#starter-pack-detail-view");
+      await expect(
+        view.locator('[data-testid="starter-pack-name"]'),
+      ).toBeVisible({ timeout: 10000 });
+      await view.locator(".context-menu-button").click();
+      await expect(
+        view.locator('[data-testid="menu-action-starter-pack-copy-link"]'),
+      ).toBeVisible();
+      await expect(
+        view.locator('[data-testid="menu-action-starter-pack-opt-out"]'),
+      ).toHaveCount(0);
+    });
+  });
 });
diff --git a/tests/shared/factories.js b/tests/shared/factories.js
index eeb91431..bf8c08a5 100644
--- a/tests/shared/factories.js
+++ b/tests/shared/factories.js
@@ -294,6 +294,7 @@ export function createList({
   name,
   creatorHandle,
   purpose = "app.bsky.graph.defs#curatelist",
+  referenceListOptOut,
 }) {
   const creatorDid = uri.split("/")[2];
   return {
@@ -313,7 +314,7 @@ export function createList({
     avatar: "",
     indexedAt: "2025-01-01T00:00:00.000Z",
     labels: [],
-    viewer: {},
+    viewer: referenceListOptOut ? { referenceListOptOut } : {},
   };
 }
 
@@ -357,7 +358,7 @@ export function createStarterPack({
       $type: "app.bsky.graph.starterpack",
       name,
       description: description || "",
-      list: listUri,
+      list: fullView.list?.uri ?? listUri,
       createdAt: "2025-01-01T00:00:00.000Z",
     },
     creator: {
diff --git a/tests/unit/specs/api.test.js b/tests/unit/specs/api.test.js
index 23f9891a..0274b275 100644
--- a/tests/unit/specs/api.test.js
+++ b/tests/unit/specs/api.test.js
@@ -523,6 +523,68 @@ describe("deleteLikeRecord", () => {
   });
 });
 
+describe("createReferenceListOptOutRecord", () => {
+  it("should create an opt-out record without an rkey", async () => {
+    const session = createMockSession({
+      uri: "at://did:plc:testuser/app.bsky.graph.referencelistoptout/abc",
+      cid: "cid123",
+    });
+    const api = new Api(session);
+    const listUri = "at://did:plc:creator/app.bsky.graph.list/pack";
+
+    const result = await api.createReferenceListOptOutRecord(listUri);
+
+    const { url, options } = session.getLastFetchOptions();
+    assert(url.includes("com.atproto.repo.createRecord"));
+    assert.deepEqual(options.method, "POST");
+    const body = JSON.parse(options.body);
+    assert.deepEqual(body.repo, "did:plc:testuser");
+    assert.deepEqual(body.collection, "app.bsky.graph.referencelistoptout");
+    assert.deepEqual(body.rkey, undefined);
+    assert.deepEqual(body.record.subject, listUri);
+    assert(body.record.createdAt);
+    assert.deepEqual(
+      result.uri,
+      "at://did:plc:testuser/app.bsky.graph.referencelistoptout/abc",
+    );
+  });
+});
+
+describe("deleteReferenceListOptOutRecord", () => {
+  it("should delete by the rkey parsed from the record uri", async () => {
+    const session = createMockSession({});
+    const api = new Api(session);
+
+    await api.deleteReferenceListOptOutRecord(
+      "at://did:plc:viewer/app.bsky.graph.referencelistoptout/indexed",
+    );
+
+    const { url, options } = session.getLastFetchOptions();
+    assert(url.includes("com.atproto.repo.deleteRecord"));
+    const body = JSON.parse(options.body);
+    assert.deepEqual(body.repo, "did:plc:testuser");
+    assert.deepEqual(body.collection, "app.bsky.graph.referencelistoptout");
+    assert.deepEqual(body.rkey, "indexed");
+  });
+
+  it("should reject a uri from another collection or without an rkey", async () => {
+    const session = createMockSession({});
+    const api = new Api(session);
+
+    await assert.rejects(() =>
+      api.deleteReferenceListOptOutRecord(
+        "at://did:plc:viewer/app.bsky.graph.listitem/abc",
+      ),
+    );
+    await assert.rejects(() =>
+      api.deleteReferenceListOptOutRecord(
+        "at://did:plc:viewer/app.bsky.graph.referencelistoptout",
+      ),
+    );
+    assert.deepEqual(session.getLastFetchOptions(), null);
+  });
+});
+
 describe("createRepostRecord", () => {
   it("should create a repost record with correct body", async () => {
     const session = createMockSession({
diff --git a/tests/unit/specs/dataHelpers.test.js b/tests/unit/specs/dataHelpers.test.js
index 94c11a5f..7ee0f5d0 100644
--- a/tests/unit/specs/dataHelpers.test.js
+++ b/tests/unit/specs/dataHelpers.test.js
@@ -10,6 +10,8 @@ import {
   getRKey,
   getIsLiked,
   isListFeed,
+  isReferenceList,
+  isCurateList,
   getQuotedPost,
   getImagesFromDraftPost,
   getLocalRefsFromDraft,
@@ -2778,3 +2780,31 @@ describe("getPostNumberingForPostThread", () => {
     );
   });
 });
+
+describe("isCurateList", () => {
+  it("returns true only for curate lists", () => {
+    assert.deepEqual(
+      isCurateList({ purpose: "app.bsky.graph.defs#curatelist" }),
+      true,
+    );
+    assert.deepEqual(
+      isCurateList({ purpose: "app.bsky.graph.defs#referencelist" }),
+      false,
+    );
+    assert.deepEqual(isCurateList(null), false);
+  });
+});
+
+describe("isReferenceList", () => {
+  it("returns true only for reference lists", () => {
+    assert.deepEqual(
+      isReferenceList({ purpose: "app.bsky.graph.defs#referencelist" }),
+      true,
+    );
+    assert.deepEqual(
+      isReferenceList({ purpose: "app.bsky.graph.defs#curatelist" }),
+      false,
+    );
+    assert.deepEqual(isReferenceList(null), false);
+  });
+});
diff --git a/tests/unit/specs/dataLayer/derived.test.js b/tests/unit/specs/dataLayer/derived.test.js
index 24eb4b45..3f6220e6 100644
--- a/tests/unit/specs/dataLayer/derived.test.js
+++ b/tests/unit/specs/dataLayer/derived.test.js
@@ -2315,6 +2315,67 @@ describe("$listMembers", () => {
   });
 });
 
+describe("$lists / $starterPacks reference list opt-out", () => {
+  const listUri = "at://did:plc:owner/app.bsky.graph.list/pack";
+  const starterPackUri = "at://did:plc:owner/app.bsky.graph.starterpack/pack";
+  const serverUri = "at://did:plc:me/app.bsky.graph.referencelistoptout/server";
+  const localUri = "at://did:plc:me/app.bsky.graph.referencelistoptout/local";
+
+  function setup() {
+    const dataStore = new DataStore(createSessionState(null));
+    const { derived } = makeDerived(dataStore);
+    dataStore.$lists.set(listUri, {
+      uri: listUri,
+      viewer: { muted: false, referenceListOptOut: serverUri },
+    });
+    dataStore.$starterPacks.set(starterPackUri, {
+      uri: starterPackUri,
+      list: { uri: listUri, viewer: { referenceListOptOut: serverUri } },
+    });
+    return { dataStore, derived };
+  }
+
+  it("passes the server value through when nothing is stored locally", () => {
+    const { derived } = setup();
+    assert.deepEqual(
+      derived.$lists.get(listUri).viewer.referenceListOptOut,
+      serverUri,
+    );
+    assert.deepEqual(
+      derived.$starterPacks.get(starterPackUri).list.viewer.referenceListOptOut,
+      serverUri,
+    );
+  });
+
+  it("shadows the server value with the local entry on both surfaces", () => {
+    const { dataStore, derived } = setup();
+    dataStore.$referenceListOptOuts.set(listUri, localUri);
+    assert.deepEqual(
+      derived.$lists.get(listUri).viewer.referenceListOptOut,
+      localUri,
+    );
+    assert.deepEqual(derived.$lists.get(listUri).viewer.muted, false);
+    assert.deepEqual(
+      derived.$starterPacks.get(starterPackUri).list.viewer.referenceListOptOut,
+      localUri,
+    );
+
+    dataStore.$referenceListOptOuts.set(listUri, null);
+    assert.deepEqual(
+      derived.$lists.get(listUri).viewer.referenceListOptOut,
+      null,
+    );
+  });
+
+  it("leaves starter packs without a list untouched", () => {
+    const dataStore = new DataStore(createSessionState(null));
+    const { derived } = makeDerived(dataStore);
+    const starterPack = { uri: starterPackUri };
+    dataStore.$starterPacks.set(starterPackUri, starterPack);
+    assert.deepEqual(derived.$starterPacks.get(starterPackUri), starterPack);
+  });
+});
+
 describe("$hydratedProfiles (labels)", () => {
   const did = "did:plc:user";
 
diff --git a/tests/unit/specs/dataLayer/mutations.test.js b/tests/unit/specs/dataLayer/mutations.test.js
index f338a88c..a08b9d51 100644
--- a/tests/unit/specs/dataLayer/mutations.test.js
+++ b/tests/unit/specs/dataLayer/mutations.test.js
@@ -1,4 +1,4 @@
-import { describe, it } from "node:test";
+import { describe, it, beforeEach, afterEach } from "node:test";
 import assert from "node:assert/strict";
 import { Mutations } from "/js/dataLayer/mutations.js";
 import { DataStore } from "/js/dataLayer/dataStore.js";
@@ -367,6 +367,167 @@ describe("followProfile", () => {
   });
 });
 
+describe("reference list opt-out", () => {
+  const listUri = "at://did:plc:creator/app.bsky.graph.list/pack";
+  const createdUri =
+    "at://did:plc:me/app.bsky.graph.referencelistoptout/created";
+  const indexedUri =
+    "at://did:plc:me/app.bsky.graph.referencelistoptout/indexed";
+  const originalSetTimeout = globalThis.setTimeout;
+
+  beforeEach(() => {
+    globalThis.setTimeout = (fn) => originalSetTimeout(fn, 0);
+  });
+
+  afterEach(() => {
+    globalThis.setTimeout = originalSetTimeout;
+  });
+
+  function setup({ listReads = [], createRecord, deleteRecord } = {}) {
+    const dataStore = new DataStore(createSessionState(null));
+    const calls = { create: [], delete: [], getList: 0 };
+    const api = {
+      session: { did: "did:plc:me" },
+      createReferenceListOptOutRecord:
+        createRecord ??
+        (async (uri) => {
+          calls.create.push(uri);
+          return { uri: createdUri, cid: "cid" };
+        }),
+      deleteReferenceListOptOutRecord:
+        deleteRecord ??
+        (async (uri) => {
+          calls.delete.push(uri);
+          return {};
+        }),
+      getList: async () => {
+        const read = listReads[Math.min(calls.getList, listReads.length - 1)];
+        calls.getList++;
+        return {
+          list: { uri: listUri, viewer: { referenceListOptOut: read } },
+          items: [],
+        };
+      },
+    };
+    const mutations = makeMutations(api, dataStore, new PatchStore(), {
+      requirePreferences: () => Preferences.createLoggedOutPreferences(),
+    });
+    return { dataStore, mutations, calls };
+  }
+
+  describe("optOutOfReferenceList", () => {
+    it("creates a record and stops polling once the appview reflects it", async () => {
+      const { dataStore, mutations, calls } = setup({
+        listReads: [null, indexedUri],
+      });
+      const list = { uri: listUri, viewer: {} };
+
+      await mutations.optOutOfReferenceList(list);
+
+      assert.deepEqual(calls.create, [listUri]);
+      assert.deepEqual(calls.getList, 2);
+      assert.deepEqual(
+        dataStore.$referenceListOptOuts.get(listUri),
+        createdUri,
+      );
+    });
+
+    it("still stores the created uri when the appview never converges", async () => {
+      const { dataStore, mutations, calls } = setup({ listReads: [null] });
+
+      await mutations.optOutOfReferenceList({ uri: listUri, viewer: {} });
+
+      assert.deepEqual(calls.getList, 5);
+      assert.deepEqual(
+        dataStore.$referenceListOptOuts.get(listUri),
+        createdUri,
+      );
+    });
+
+    it("leaves the store untouched and rethrows when the write fails", async () => {
+      const { dataStore, mutations } = setup({
+        createRecord: async () => {
+          throw new Error("write failed");
+        },
+      });
+
+      await assert.rejects(
+        () => mutations.optOutOfReferenceList({ uri: listUri, viewer: {} }),
+        /write failed/,
+      );
+      assert.deepEqual(dataStore.$referenceListOptOuts.has(listUri), false);
+    });
+  });
+
+  describe("undoReferenceListOptOut", () => {
+    it("deletes the viewer's record and clears the entry", async () => {
+      const { dataStore, mutations, calls } = setup({
+        listReads: [indexedUri, null],
+      });
+
+      await mutations.undoReferenceListOptOut({
+        uri: listUri,
+        viewer: { referenceListOptOut: indexedUri },
+      });
+
+      assert.deepEqual(calls.delete, [indexedUri]);
+      assert.deepEqual(calls.getList, 2);
+      assert.deepEqual(dataStore.$referenceListOptOuts.get(listUri), null);
+    });
+
+    it("treats a missing record as already undone", async () => {
+      const { dataStore, mutations } = setup({
+        deleteRecord: async () => {
+          throw new ApiError({
+            status: 400,
+            statusText: "Bad Request",
+            data: { error: "RecordNotFound" },
+          });
+        },
+        listReads: [null],
+      });
+
+      await mutations.undoReferenceListOptOut({
+        uri: listUri,
+        viewer: { referenceListOptOut: indexedUri },
+      });
+
+      assert.deepEqual(dataStore.$referenceListOptOuts.get(listUri), null);
+    });
+
+    it("does nothing when there is no record to delete", async () => {
+      const { dataStore, mutations, calls } = setup();
+
+      await mutations.undoReferenceListOptOut({ uri: listUri, viewer: {} });
+
+      assert.deepEqual(calls.delete, []);
+      assert.deepEqual(dataStore.$referenceListOptOuts.has(listUri), false);
+    });
+
+    it("leaves the entry alone when the delete fails", async () => {
+      const { dataStore, mutations } = setup({
+        deleteRecord: async () => {
+          throw new Error("delete failed");
+        },
+      });
+      dataStore.$referenceListOptOuts.set(listUri, indexedUri);
+
+      await assert.rejects(
+        () =>
+          mutations.undoReferenceListOptOut({
+            uri: listUri,
+            viewer: { referenceListOptOut: indexedUri },
+          }),
+        /delete failed/,
+      );
+      assert.deepEqual(
+        dataStore.$referenceListOptOuts.get(listUri),
+        indexedUri,
+      );
+    });
+  });
+});
+
 describe("followAllStarterPackMembers", () => {
   const starterPack = {
     uri: "at://did:plc:creator/app.bsky.graph.starterpack/pack",
diff --git a/tests/unit/specs/dataLayer/requests.test.js b/tests/unit/specs/dataLayer/requests.test.js
index 9c8be211..6cccb0b3 100644
--- a/tests/unit/specs/dataLayer/requests.test.js
+++ b/tests/unit/specs/dataLayer/requests.test.js
@@ -4222,6 +4222,60 @@ describe("_loadPostDependencies", () => {
   });
 });
 
+describe("loadStarterPackUriForList", () => {
+  const list = {
+    uri: "at://did:plc:creator/app.bsky.graph.list/pack",
+    creator: { did: "did:plc:creator" },
+  };
+
+  it("stores the creator's starter pack uri found via backlinks", async () => {
+    const dataStore = new DataStore(createSessionState(null));
+    const calls = [];
+    const constellation = {
+      getLinks: async (params) => {
+        calls.push(params);
+        return [
+          {
+            did: "did:plc:someoneelse",
+            collection: "app.bsky.graph.starterpack",
+            rkey: "forged",
+          },
+          {
+            did: "did:plc:creator",
+            collection: "app.bsky.graph.starterpack",
+            rkey: "pack",
+          },
+        ];
+      },
+    };
+    const requests = makeRequestsWithConstellation(
+      {},
+      dataStore,
+      constellation,
+    );
+
+    await requests.loadStarterPackUriForList(list);
+
+    assert.deepEqual(calls[0].subject, list.uri);
+    assert.deepEqual(calls[0].source, "app.bsky.graph.starterpack:list");
+    assert.deepEqual(
+      dataStore.$starterPackUrisByList.get(list.uri),
+      "at://did:plc:creator/app.bsky.graph.starterpack/pack",
+    );
+  });
+
+  it("stores null when no starter pack references the list", async () => {
+    const dataStore = new DataStore(createSessionState(null));
+    const requests = makeRequestsWithConstellation({}, dataStore, {
+      getLinks: async () => [],
+    });
+
+    await requests.loadStarterPackUriForList(list);
+
+    assert.deepEqual(dataStore.$starterPackUrisByList.get(list.uri), null);
+  });
+});
+
 describe("loadFeedGenerator / loadList / loadStarterPack", () => {
   it("should store the feed generator by uri", async () => {
     const dataStore = new DataStore(createSessionState(null));
diff --git a/tests/unit/specs/listInteractionHandler.test.js b/tests/unit/specs/listInteractionHandler.test.js
new file mode 100644
index 00000000..33a1780b
--- /dev/null
+++ b/tests/unit/specs/listInteractionHandler.test.js
@@ -0,0 +1,84 @@
+import { describe, it, beforeEach, afterEach } from "node:test";
+import assert from "node:assert/strict";
+import { ListInteractionHandler } from "/js/listInteractionHandler.js";
+import {
+  makeTestDataLayer,
+  respondToConfirm,
+  waitFor,
+} from "../testHelpers.js";
+
+describe("ListInteractionHandler reference list opt-out", () => {
+  const list = {
+    uri: "at://did:plc:creator/app.bsky.graph.list/pack",
+    viewer: {},
+  };
+
+  beforeEach(() => {
+    document.body.innerHTML = "";
+  });
+
+  afterEach(() => {
+    document.body.innerHTML = "";
+  });
+
+  function makeHandler(mutationImpl) {
+    const dataLayer = makeTestDataLayer();
+    const calls = [];
+    dataLayer.mutations.optOutOfReferenceList = async (arg) => {
+      calls.push(arg);
+      return mutationImpl();
+    };
+    dataLayer.mutations.undoReferenceListOptOut = async (arg) => {
+      calls.push(arg);
+      return mutationImpl();
+    };
+    return { handler: new ListInteractionHandler(dataLayer), calls };
+  }
+
+  it("does not mutate when the confirm is cancelled", async () => {
+    const { handler, calls } = makeHandler(async () => {});
+
+    const promise = handler.handleOptOutOfReferenceList(list);
+    await respondToConfirm(false);
+
+    assert.deepEqual(await promise, false);
+    assert.deepEqual(calls, []);
+  });
+
+  it("opts out on confirm and toasts", async () => {
+    const { handler, calls } = makeHandler(async () => {});
+
+    const promise = handler.handleOptOutOfReferenceList(list);
+    await respondToConfirm(true);
+
+    assert.deepEqual(await promise, true);
+    assert.deepEqual(calls, [list]);
+    await waitFor(() => document.querySelector('[data-testid="toast"]'));
+    assert(!document.querySelector('[data-testid="toast"].error'));
+  });
+
+  it("undoes on confirm and toasts", async () => {
+    const { handler, calls } = makeHandler(async () => {});
+
+    const promise = handler.handleUndoReferenceListOptOut(list);
+    await respondToConfirm(true);
+
+    assert.deepEqual(await promise, true);
+    assert.deepEqual(calls, [list]);
+    await waitFor(() => document.querySelector('[data-testid="toast"]'));
+  });
+
+  it("keeps the modal open and toasts an error when the mutation fails", async () => {
+    const { handler } = makeHandler(async () => {
+      throw new Error("nope");
+    });
+
+    const promise = handler.handleOptOutOfReferenceList(list);
+    await respondToConfirm(true);
+    await waitFor(() => document.querySelector('[data-testid="toast"].error'));
+
+    assert(document.querySelector('[data-testid="confirm-modal"]'));
+    await respondToConfirm(false);
+    assert.deepEqual(await promise, false);
+  });
+});