diff --git a/packages/web/relay.config.json b/packages/web/relay.config.json
index 89f9e7e..1f531fa 100644
--- a/packages/web/relay.config.json
+++ b/packages/web/relay.config.json
@@ -2,5 +2,10 @@
   "src": "./src",
   "schema": "./schema.graphql",
   "language": "typescript",
+  "customScalarTypes": {
+    "DateTime": "string",
+    "URL": "string",
+    "UUID": "string"
+  },
   "eagerEsModules": true
 }
diff --git a/packages/web/src/components/ActorCard.tsx b/packages/web/src/components/ActorCard.tsx
new file mode 100644
index 0000000..c7913a0
--- /dev/null
+++ b/packages/web/src/components/ActorCard.tsx
@@ -0,0 +1,49 @@
+// DrFed: A web-based platform for developing and debugging ActivityPub apps
+// Copyright (C) 2026 DrFed team
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+import { A } from "@solidjs/router";
+import { graphql } from "relay-runtime";
+import { Show } from "solid-js";
+import { createFragment } from "solid-relay";
+
+import type { ActorCard_actor$key } from "./__generated__/ActorCard_actor.graphql.ts";
+
+import styles from "~/styles/instance.module.css";
+
+export const ActorCard = (props: { $actor: ActorCard_actor$key }) => {
+  const actorData = createFragment(
+    graphql`
+      fragment ActorCard_actor on Actor {
+        handle
+        id
+      }
+    `,
+    () => props.$actor,
+  );
+
+  return (
+    <Show when={actorData()}>
+      {(actor) => (
+        <article class={styles.actorCard}>
+          <span class={styles.actorMarker} aria-hidden="true" />
+          <A href={`/actor/${encodeURIComponent(actor().id)}`}>
+            {actor().handle}
+          </A>
+        </article>
+      )}
+    </Show>
+  );
+};
diff --git a/packages/web/src/components/ActorDetail.tsx b/packages/web/src/components/ActorDetail.tsx
index af8be37..1a87990 100644
--- a/packages/web/src/components/ActorDetail.tsx
+++ b/packages/web/src/components/ActorDetail.tsx
@@ -14,32 +14,148 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <https://www.gnu.org/licenses/>.
 
+import { Title } from "@solidjs/meta";
 import { graphql } from "relay-runtime";
-import { Show } from "solid-js";
+import { Index, Show } from "solid-js";
 import { createFragment } from "solid-relay";
 
 import type { ActorDetail_actor$key } from "./__generated__/ActorDetail_actor.graphql.ts";
+import { CopyButton } from "./CopyButton.tsx";
 
-import styles from "~/styles/instance.module.css";
+import styles from "~/styles/actor.module.css";
 
-export const ActorDetail = (props: { $actor: ActorDetail_actor$key }) => {
-  const actorData = createFragment(
+/**
+ * Read-only identity and federation information for an actor.
+ * @returns The actor identity and endpoint sections.
+ */
+export function ActorDetail(props: { $actor: ActorDetail_actor$key }) {
+  const data = createFragment(
     graphql`
-      fragment ActorDetail_actor on Actor {
+      fragment ActorDetail_actor on Actor @throwOnFieldError {
         handle
+        username
+        uuid
+        type
+        created
+        iri
+        avatarUrl
+        inboxUrl
+        outbox {
+          iri
+        }
+        followers {
+          iri
+        }
+        following {
+          iri
+        }
+        featured {
+          iri
+        }
+        profileUrl
+        instance {
+          host
+        }
       }
     `,
     () => props.$actor,
   );
-
   return (
-    <Show when={actorData()}>
-      {(actor) => (
-        <article class={styles.actorCard}>
-          <span class={styles.actorMarker} aria-hidden="true" />
-          <p>{actor().handle}</p>
-        </article>
-      )}
+    <Show when={data()}>
+      {(actor) => {
+        const endpoints = () => [
+          { label: "Actor IRI", url: actor().iri },
+          { label: "Inbox", url: actor().inboxUrl },
+          { label: "Outbox", url: actor().outbox?.iri },
+          { label: "Followers", url: actor().followers?.iri },
+          { label: "Following", url: actor().following?.iri },
+          { label: "Featured", url: actor().featured?.iri },
+          { label: "Profile", url: actor().profileUrl },
+        ];
+        return (
+          <>
+            <Title>{actor().handle} — DrFed</Title>
+            <header class={styles.header}>
+              <Show when={actor().avatarUrl}>
+                {(url) => (
+                  <img
+                    class={styles.avatar}
+                    src={url()}
+                    alt=""
+                    width="64"
+                    height="64"
+                    referrerpolicy="no-referrer"
+                  />
+                )}
+              </Show>
+              <div>
+                <p class={styles.label}>{actor().type}</p>
+                <h1>{actor().handle}</h1>
+                <CopyButton value={actor().handle} label="actor handle" />
+              </div>
+            </header>
+            <section class={styles.panel} aria-labelledby="identity-title">
+              <h2 id="identity-title">Identity</h2>
+              <dl class={styles.fields}>
+                <div>
+                  <dt>Username</dt>
+                  <dd>{actor().username}</dd>
+                </div>
+                <div>
+                  <dt>Instance</dt>
+                  <dd>{actor().instance.host}</dd>
+                </div>
+                <div>
+                  <dt>UUID</dt>
+                  <dd>{actor().uuid}</dd>
+                </div>
+                <div>
+                  <dt>Created</dt>
+                  <dd>
+                    <time dateTime={actor().created}>{actor().created}</time>
+                  </dd>
+                </div>
+              </dl>
+            </section>
+            <section class={styles.panel} aria-labelledby="endpoints-title">
+              <h2 id="endpoints-title">Federation endpoints</h2>
+              <dl class={styles.fields}>
+                <Index each={endpoints()}>
+                  {(endpoint) => (
+                    <Show when={endpoint().url}>
+                      {(url) => (
+                        <div>
+                          <dt>{endpoint().label}</dt>
+                          <dd class={styles.endpoint}>
+                            <button
+                              type="button"
+                              class={styles.endpointText}
+                              aria-label={`Select ${endpoint().label} URL`}
+                              onClick={(event) => {
+                                const selection = globalThis.getSelection();
+                                const range = document.createRange();
+                                range.selectNodeContents(event.currentTarget);
+                                selection?.removeAllRanges();
+                                selection?.addRange(range);
+                              }}
+                            >
+                              {url()}
+                            </button>
+                            <CopyButton
+                              value={url()}
+                              label={endpoint().label}
+                            />
+                          </dd>
+                        </div>
+                      )}
+                    </Show>
+                  )}
+                </Index>
+              </dl>
+            </section>
+          </>
+        );
+      }}
     </Show>
   );
-};
+}
diff --git a/packages/web/src/components/CopyButton.tsx b/packages/web/src/components/CopyButton.tsx
new file mode 100644
index 0000000..0ebc806
--- /dev/null
+++ b/packages/web/src/components/CopyButton.tsx
@@ -0,0 +1,89 @@
+// DrFed: A web-based platform for developing and debugging ActivityPub apps
+// Copyright (C) 2026 DrFed team
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+import { Show, createSignal, onCleanup } from "solid-js";
+
+import styles from "~/styles/buttons.module.css";
+
+/**
+ * Copy a value to the clipboard and announce the result.
+ * @returns A copy button with accessible feedback.
+ */
+export function CopyButton(props: { value: string; label: string }) {
+  const [message, setMessage] = createSignal("");
+  let resetTimer: ReturnType<typeof setTimeout> | undefined;
+  let request = 0;
+  const feedbackDuration = 2000;
+  onCleanup(() => {
+    request += 1;
+    clearTimeout(resetTimer);
+  });
+  async function copy() {
+    request += 1;
+    const currentRequest = request;
+    clearTimeout(resetTimer);
+    setMessage("");
+    try {
+      await navigator.clipboard.writeText(props.value);
+      if (currentRequest !== request) return;
+      setMessage("Copied.");
+      resetTimer = setTimeout(() => setMessage(""), feedbackDuration);
+    } catch {
+      if (currentRequest !== request) return;
+      setMessage("Could not copy. Select and copy the text manually.");
+    }
+  }
+  return (
+    <span class={styles.copyControl}>
+      <button
+        type="button"
+        onClick={() => {
+          void copy();
+        }}
+        aria-label={`Copy ${props.label}`}
+      >
+        <svg
+          width="18"
+          height="18"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          aria-hidden="true"
+        >
+          <Show
+            when={message() === "Copied."}
+            fallback={
+              <>
+                <rect x="8" y="8" width="12" height="12" rx="2" />
+                <path d="M16 8V4H4v12h4" />
+              </>
+            }
+          >
+            <path d="m5 12 4 4L19 6" />
+          </Show>
+        </svg>
+      </button>
+      <output
+        class={
+          !message() || message() === "Copied." ? styles.srOnly : undefined
+        }
+      >
+        {message()}
+      </output>
+    </span>
+  );
+}
diff --git a/packages/web/src/routes/actor/[id].tsx b/packages/web/src/routes/actor/[id].tsx
new file mode 100644
index 0000000..3c1949a
--- /dev/null
+++ b/packages/web/src/routes/actor/[id].tsx
@@ -0,0 +1,105 @@
+// DrFed: A web-based platform for developing and debugging ActivityPub apps
+// Copyright (C) 2026 DrFed team
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+import { Title } from "@solidjs/meta";
+import {
+  A,
+  type RouteDefinition,
+  type RouteSectionProps,
+  query,
+} from "@solidjs/router";
+import { graphql } from "relay-runtime";
+import { ErrorBoundary, Show, Suspense } from "solid-js";
+import {
+  createPreloadedQuery,
+  loadQuery,
+  useRelayEnvironment,
+} from "solid-relay";
+
+import { ActorDetail } from "~/components/ActorDetail.tsx";
+
+import type { ActorDetailQuery } from "./__generated__/ActorDetailQuery.graphql.ts";
+
+import styles from "~/styles/actor.module.css";
+
+const actorDetailQuery = graphql`
+  query ActorDetailQuery($id: ID!) @throwOnFieldError {
+    node(id: $id) {
+      ... on Actor @alias(as: "actor") {
+        ...ActorDetail_actor
+      }
+    }
+  }
+`;
+
+const loadActorDetailQuery = query(
+  (id: string) =>
+    loadQuery<ActorDetailQuery>(useRelayEnvironment()(), actorDetailQuery, {
+      id,
+    }),
+  "ActorDetailQuery",
+);
+
+export const route = {
+  preload({ params }) {
+    if (params.id === undefined) {
+      throw new Error("Missing actor ID route parameter.");
+    }
+    return loadActorDetailQuery(params.id);
+  },
+} satisfies RouteDefinition;
+
+type RouteData = ReturnType<typeof loadActorDetailQuery>;
+
+export default function ActorDetailPage(props: RouteSectionProps<RouteData>) {
+  return (
+    <main class={styles.page}>
+      <Title>Actor — DrFed</Title>
+      <A class={styles.backLink} href="/workspace">
+        ← All instances
+      </A>
+      <ErrorBoundary
+        fallback={
+          <p role="alert">
+            Unable to load this actor. Please reload the page to try again.
+          </p>
+        }
+      >
+        <Suspense fallback={<output>Loading actor…</output>}>
+          <ActorDetailContent data={props.data} />
+        </Suspense>
+      </ErrorBoundary>
+    </main>
+  );
+}
+
+function ActorDetailContent(props: { data: RouteData }) {
+  const data = createPreloadedQuery<ActorDetailQuery>(
+    actorDetailQuery,
+    () => props.data,
+  );
+  const actor = () => {
+    const node = data()?.node;
+    return node?.actor;
+  };
+  return (
+    <Show when={data()}>
+      <Show when={actor()} fallback={<p>Actor not found.</p>}>
+        {(value) => <ActorDetail $actor={value()} />}
+      </Show>
+    </Show>
+  );
+}
diff --git a/packages/web/src/routes/instance/[slug].tsx b/packages/web/src/routes/instance/[slug].tsx
index 131ebd3..e16527b 100644
--- a/packages/web/src/routes/instance/[slug].tsx
+++ b/packages/web/src/routes/instance/[slug].tsx
@@ -29,7 +29,7 @@ import {
   useRelayEnvironment,
 } from "solid-relay";
 
-import { ActorDetail } from "~/components/ActorDetail.tsx";
+import { ActorCard } from "~/components/ActorCard.tsx";
 
 import type { InstanceDetailQuery } from "./__generated__/InstanceDetailQuery.graphql.ts";
 
@@ -47,7 +47,7 @@ const instanceDetailQuery = graphql`
           totalCount
           edges {
             node {
-              ...ActorDetail_actor
+              ...ActorCard_actor
             }
           }
         }
@@ -165,7 +165,7 @@ export default function InstanceDetailPage(
             </header>
             <div class={styles.actorList}>
               <For each={instance().actors.edges}>
-                {(edge) => <ActorDetail $actor={edge.node} />}
+                {(edge) => <ActorCard $actor={edge.node} />}
               </For>
             </div>
           </section>
diff --git a/packages/web/src/styles/actor.module.css b/packages/web/src/styles/actor.module.css
new file mode 100644
index 0000000..819aa1d
--- /dev/null
+++ b/packages/web/src/styles/actor.module.css
@@ -0,0 +1,123 @@
+/*
+DrFed: A web-based platform for developing and debugging ActivityPub apps
+Copyright (C) 2026 DrFed team
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program.  If not, see <https://www.gnu.org/licenses/>.
+*/
+
+.page {
+  display: grid;
+  gap: 1.5rem;
+  padding-bottom: 3rem;
+}
+.backLink {
+  color: var(--ink-soft);
+  justify-self: start;
+  font-weight: 700;
+  text-decoration: none;
+}
+.header {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  border-bottom: 1px solid var(--line);
+  padding-bottom: 1.25rem;
+}
+.header > div {
+  min-width: 0;
+}
+.header h1 {
+  margin: 0;
+  font-family: var(--font-mono);
+  font-size: clamp(1.25rem, 4vw, 2rem);
+  overflow-wrap: anywhere;
+}
+.avatar {
+  border-radius: var(--radius-sm);
+  object-fit: cover;
+  flex-shrink: 0;
+}
+.label {
+  color: var(--accent-strong);
+  font-weight: 700;
+  margin: 0 0 0.5rem;
+}
+.panel {
+  background: var(--card);
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  padding: clamp(1rem, 3vw, 1.75rem);
+}
+.panel h2 {
+  margin: 0;
+  font-size: 1.3rem;
+}
+.fields {
+  margin: 1.25rem 0 0;
+}
+.fields > div {
+  display: grid;
+  grid-template-columns: 8rem minmax(0, 1fr);
+  gap: 1rem;
+  padding: 1rem 0;
+  border-top: 1px solid var(--line);
+}
+.fields dt {
+  color: var(--ink-soft);
+  font-weight: 700;
+}
+.fields dd {
+  margin: 0;
+  font-family: var(--font-mono);
+  font-size: 0.9rem;
+  overflow-wrap: anywhere;
+}
+.endpoint {
+  display: flex;
+  align-items: baseline;
+  gap: 0.75rem;
+}
+.endpointText {
+  flex: 1;
+  min-width: 0;
+  padding: 0;
+  border: 0;
+  background: none;
+  color: var(--ink);
+  font: inherit;
+  text-align: left;
+  overflow-wrap: anywhere;
+  user-select: text;
+  cursor: text;
+}
+.endpoint > :last-child {
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  max-width: 40%;
+  margin-top: 0;
+}
+.endpointText:focus-visible,
+.page a:focus-visible {
+  outline: 3px solid var(--accent-soft);
+  outline-offset: 0.2rem;
+}
+@media (max-width: 520px) {
+  .fields > div {
+    grid-template-columns: 1fr;
+    gap: 0.5rem;
+  }
+  .header {
+    align-items: start;
+  }
+}
diff --git a/packages/web/src/styles/buttons.module.css b/packages/web/src/styles/buttons.module.css
new file mode 100644
index 0000000..2d3d56e
--- /dev/null
+++ b/packages/web/src/styles/buttons.module.css
@@ -0,0 +1,53 @@
+/*
+DrFed: A web-based platform for developing and debugging ActivityPub apps
+Copyright (C) 2026 DrFed team
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program.  If not, see <https://www.gnu.org/licenses/>.
+*/
+
+.copyControl {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  margin-top: 0.5rem;
+  font-size: 0.8rem;
+}
+.copyControl button {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  background: var(--card);
+  color: var(--ink);
+  border: 1px solid var(--line);
+  border-radius: var(--radius-sm);
+  padding: 0.35rem 0.65rem;
+  cursor: pointer;
+}
+.copyControl button:focus-visible {
+  outline: 3px solid var(--accent-soft);
+  outline-offset: 0.2rem;
+}
+
+.srOnly {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border: 0;
+}
diff --git a/packages/web/src/styles/instance.module.css b/packages/web/src/styles/instance.module.css
index ba80e9a..3372baf 100644
--- a/packages/web/src/styles/instance.module.css
+++ b/packages/web/src/styles/instance.module.css
@@ -171,7 +171,7 @@ along with this program.  If not, see <https://www.gnu.org/licenses/>.
   width: 0.85rem;
 }
 
-.actorCard p {
+.actorCard a {
   font-family: var(--font-mono);
   font-size: 0.9rem;
   margin: 0;
@@ -180,7 +180,8 @@ along with this program.  If not, see <https://www.gnu.org/licenses/>.
 
 .backLink:focus-visible,
 .createButton:focus-visible,
-.endpointList a:focus-visible {
+.endpointList a:focus-visible,
+.actorCard a:focus-visible {
   outline: 3px solid var(--accent-soft);
   outline-offset: 0.2rem;
 }