diff --git a/app/components/PublicationCard.tsx b/app/components/PublicationCard.tsx
new file mode 100644
index 0000000..912e588
--- /dev/null
+++ b/app/components/PublicationCard.tsx
@@ -0,0 +1,49 @@
+import { useState } from 'react'
+import { RssIcon } from '@heroicons/react/24/outline'
+
+interface Props {
+  pub: { atUri: string; name: string; url: string; description?: string }
+  action?: React.ReactNode
+}
+
+export default function PublicationCard({ pub, action }: Props) {
+  const [copied, setCopied] = useState(false)
+
+  async function handleCopyFeed() {
+    const feedUrl = `${pub.url.replace(/\/$/, '')}/feed.xml`
+    try {
+      await navigator.clipboard.writeText(feedUrl)
+      setCopied(true)
+      setTimeout(() => setCopied(false), 2500)
+    } catch { /* ignore */ }
+  }
+
+  return (
+    <li className="flex items-center justify-between gap-4 rounded-lg border border-stone-200 dark:border-stone-700/80 px-4 py-3 bg-white dark:bg-stone-900/40">
+      <div className="min-w-0">
+        <p className="text-sm font-medium text-stone-900 dark:text-white truncate">{pub.name}</p>
+        <p className="text-sm text-stone-500 dark:text-stone-400 truncate mt-0.5">{new URL(pub.url).host}</p>
+        {pub.description && (
+          <p className="text-sm text-stone-500 dark:text-stone-400 truncate mt-0.5">{pub.description}</p>
+        )}
+        {copied && (
+          <p className="text-xs text-green-600 dark:text-green-400 mt-1">
+            Feed URL copied — paste into your RSS reader
+          </p>
+        )}
+      </div>
+      <div className="shrink-0 flex items-center gap-2">
+        {new URL(pub.url).origin === window.location.origin && (
+          <button
+            onClick={handleCopyFeed}
+            title="Copy Atom feed URL"
+            className="p-1.5 rounded-md text-stone-400 dark:text-stone-500 hover:text-orange-500 dark:hover:text-orange-400 hover:bg-stone-100 dark:hover:bg-stone-800 transition-colors"
+          >
+            <RssIcon className="h-4 w-4" />
+          </button>
+        )}
+        {action}
+      </div>
+    </li>
+  )
+}
diff --git a/app/routes/profile.tsx b/app/routes/profile.tsx
index 3b91f8a..9cb7e20 100644
--- a/app/routes/profile.tsx
+++ b/app/routes/profile.tsx
@@ -12,7 +12,7 @@ import PostList from '~/components/PostList'
 import CenteredMessage from '~/components/CenteredMessage'
 import PageLayout from '~/components/PageLayout'
 import Spinner from '~/components/Spinner'
-import { RssIcon } from '@heroicons/react/24/outline'
+import PublicationCard from '~/components/PublicationCard'
 import type { Route } from './+types/profile'
 import { SITE_NAME } from '~/lib/site-config'
 
@@ -31,7 +31,7 @@ export default function Profile() {
   // publicationAtUri → subscriptionRkey; undefined = not yet loaded
   const [subscriptionsByPub, setSubscriptionsByPub] = useState<Record<string, string> | undefined>(undefined)
   const [loadingPubs, setLoadingPubs] = useState<Record<string, boolean>>({})
-  const [copiedPubUri, setCopiedPubUri] = useState<string | null>(null)
+
 
   useEffect(() => {
     if (!id) return
@@ -129,15 +129,6 @@ export default function Profile() {
     }
   }
 
-  async function handleCopyFeed(pub: Publication) {
-    const feedUrl = `${pub.url.replace(/\/$/, '')}/feed.xml`
-    try {
-      await navigator.clipboard.writeText(feedUrl)
-      setCopiedPubUri(pub.atUri)
-      setTimeout(() => setCopiedPubUri((cur) => (cur === pub.atUri ? null : cur)), 2500)
-    } catch { /* ignore */ }
-  }
-
   if (error) {
     return <CenteredMessage message={error} error action={{ label: 'Go home', to: '/' }} />
   }
@@ -167,53 +158,29 @@ export default function Profile() {
                 const isSubscribed = !!subscriptionsByPub?.[pub.atUri]
                 const isLoading = !!loadingPubs[pub.atUri]
                 return (
-                  <li
+                  <PublicationCard
                     key={pub.atUri}
-                    className="flex items-center justify-between gap-4 rounded-lg border border-stone-200 dark:border-stone-700/80 px-4 py-3 bg-white dark:bg-stone-900/40"
-                  >
-                    <div className="min-w-0">
-                      <p className="text-sm font-medium text-stone-900 dark:text-white truncate">{pub.name}</p>
-                      <p className="text-sm text-stone-500 dark:text-stone-400 truncate mt-0.5">{new URL(pub.url).host}</p>
-                      {pub.description && (
-                        <p className="text-sm text-stone-500 dark:text-stone-400 truncate mt-0.5">{pub.description}</p>
-                      )}
-                      {copiedPubUri === pub.atUri && (
-                        <p className="text-xs text-green-600 dark:text-green-400 mt-1">
-                          Feed URL copied — paste into your RSS reader
-                        </p>
-                      )}
-                    </div>
-                    <div className="shrink-0 flex items-center gap-2">
-                      {new URL(pub.url).origin === window.location.origin && (
+                    pub={pub}
+                    action={showSubscribeButtons && (
+                      isSubscribed ? (
+                        <button
+                          onClick={() => handleUnsubscribe(pub)}
+                          disabled={isLoading}
+                          className="text-sm px-3 py-1 rounded-full border border-stone-300 dark:border-stone-600 text-stone-600 dark:text-stone-300 hover:border-stone-400 dark:hover:border-stone-500 hover:bg-stone-50 dark:hover:bg-stone-800/50 transition-colors disabled:opacity-50"
+                        >
+                          {isLoading ? 'Unsubscribing…' : 'Subscribed'}
+                        </button>
+                      ) : (
                         <button
-                          onClick={() => handleCopyFeed(pub)}
-                          title="Copy Atom feed URL"
-                          className="p-1.5 rounded-md text-stone-400 dark:text-stone-500 hover:text-orange-500 dark:hover:text-orange-400 hover:bg-stone-100 dark:hover:bg-stone-800 transition-colors"
+                          onClick={() => handleSubscribe(pub)}
+                          disabled={isLoading}
+                          className="text-sm px-3 py-1 rounded-full bg-stone-900 dark:bg-stone-100 text-stone-50 dark:text-stone-900 hover:bg-stone-700 dark:hover:bg-stone-200 transition-colors disabled:opacity-50"
                         >
-                          <RssIcon className="h-4 w-4" />
+                          {isLoading ? 'Subscribing…' : 'Subscribe'}
                         </button>
-                      )}
-                      {showSubscribeButtons && (
-                        isSubscribed ? (
-                          <button
-                            onClick={() => handleUnsubscribe(pub)}
-                            disabled={isLoading}
-                            className="text-sm px-3 py-1 rounded-full border border-stone-300 dark:border-stone-600 text-stone-600 dark:text-stone-300 hover:border-stone-400 dark:hover:border-stone-500 hover:bg-stone-50 dark:hover:bg-stone-800/50 transition-colors disabled:opacity-50"
-                          >
-                            {isLoading ? 'Unsubscribing…' : 'Subscribed'}
-                          </button>
-                        ) : (
-                          <button
-                            onClick={() => handleSubscribe(pub)}
-                            disabled={isLoading}
-                            className="text-sm px-3 py-1 rounded-full bg-stone-900 dark:bg-stone-100 text-stone-50 dark:text-stone-900 hover:bg-stone-700 dark:hover:bg-stone-200 transition-colors disabled:opacity-50"
-                          >
-                            {isLoading ? 'Subscribing…' : 'Subscribe'}
-                          </button>
-                        )
-                      )}
-                    </div>
-                  </li>
+                      )
+                    )}
+                  />
                 )
               })}
             </ul>
diff --git a/app/routes/subscriptions.tsx b/app/routes/subscriptions.tsx
index 26a2a5b..e17487f 100644
--- a/app/routes/subscriptions.tsx
+++ b/app/routes/subscriptions.tsx
@@ -6,6 +6,7 @@ import CenteredMessage from '~/components/CenteredMessage'
 import EmptyState from '~/components/EmptyState'
 import PageLayout from '~/components/PageLayout'
 import Spinner from '~/components/Spinner'
+import PublicationCard from '~/components/PublicationCard'
 import { SITE_NAME } from '~/lib/site-config'
 
 export function meta() {
@@ -176,25 +177,19 @@ export default function Subscriptions() {
           {resolvedPubs.map((pub) => {
             const isLoading = !!loadingPubs[pub.atUri]
             return (
-              <li
+              <PublicationCard
                 key={pub.atUri}
-                className="flex items-center justify-between gap-4 rounded-lg border border-stone-200 dark:border-stone-700/80 px-4 py-3 bg-white dark:bg-stone-900/40"
-              >
-                <div className="min-w-0">
-                  <p className="text-sm font-medium text-stone-900 dark:text-white truncate">{pub.name}</p>
-                  <p className="text-sm text-stone-500 dark:text-stone-400 truncate mt-0.5">{new URL(pub.url).host}</p>
-                  {pub.description && (
-                    <p className="text-sm text-stone-500 dark:text-stone-400 truncate mt-0.5">{pub.description}</p>
-                  )}
-                </div>
-                <button
-                  onClick={() => handleUnsubscribe(pub)}
-                  disabled={isLoading}
-                  className="shrink-0 text-sm px-3 py-1 rounded-full border border-stone-300 dark:border-stone-600 text-stone-600 dark:text-stone-300 hover:border-stone-400 dark:hover:border-stone-500 hover:bg-stone-50 dark:hover:bg-stone-800/50 transition-colors disabled:opacity-50"
-                >
-                  {isLoading ? 'Unsubscribing…' : 'Subscribed'}
-                </button>
-              </li>
+                pub={pub}
+                action={
+                  <button
+                    onClick={() => handleUnsubscribe(pub)}
+                    disabled={isLoading}
+                    className="text-sm px-3 py-1 rounded-full border border-stone-300 dark:border-stone-600 text-stone-600 dark:text-stone-300 hover:border-stone-400 dark:hover:border-stone-500 hover:bg-stone-50 dark:hover:bg-stone-800/50 transition-colors disabled:opacity-50"
+                  >
+                    {isLoading ? 'Unsubscribing…' : 'Subscribed'}
+                  </button>
+                }
+              />
             )
           })}
         </ul>