From 467f6ff566842e2feee411ae8cb4673759ebfeb1 Mon Sep 17 00:00:00 2001
From: Owais Jamil <desertthunder.dev@gmail.com>
Date: Sat, 1 Aug 2026 15:20:02 -0500
Subject: [PATCH] feat: actor/profile activity & repo overview

* move ts mods into lib dir
---
 .gitignore                                    |   4 +-
 ROADMAP.md                                    |  18 +-
 TODO.md                                       |  20 +-
 src/App.vue                                   |   2 +-
 src/components/AppMenu.vue                    |   2 +-
 src/components/CoverageNotice.vue             |   2 +-
 src/components/MobileTabBar.vue               |   2 +-
 src/components/RecordHeader.vue               |   2 +-
 src/components/RequestState.vue               |   4 +-
 src/content/links.ts                          |   2 +-
 src/features/activity/actor.ts                |  35 ++
 src/features/profiles/OwnedRepositories.vue   |   6 +-
 src/features/profiles/PinnedRepositories.vue  |   4 +-
 src/features/profiles/RepositoryCard.vue      |  13 +-
 src/{ => lib}/activity/recent.ts              |   2 +-
 src/{ => lib}/api/cache.ts                    |   0
 src/{ => lib}/api/client-provider.ts          |   2 +-
 src/{ => lib}/api/client.ts                   | 274 +++++++++-
 src/{ => lib}/api/contracts.ts                |   0
 src/{ => lib}/api/errors.ts                   |   0
 src/{ => lib}/api/index.ts                    |   0
 src/{ => lib}/requests/index.ts               |   0
 src/{ => lib}/requests/presentation.ts        |   2 +-
 src/{ => lib}/requests/useRouteRequest.ts     |   2 +-
 src/{ => lib}/router/index.ts                 |  20 +-
 src/{ => lib}/router/links.ts                 |   0
 src/{ => lib}/settings/service.ts             |   4 +-
 src/{ => lib}/theme/base16.ts                 |   0
 src/{ => lib}/theme/index.ts                  |   0
 src/{ => lib}/theme/schemes.ts                |   0
 src/{ => lib}/theme/store.ts                  |   5 +-
 src/{ => lib}/theme/variables.css             |   0
 src/main.ts                                   |  10 +-
 src/views/ActorActivityPage.vue               | 402 +++++++++++++++
 src/views/DomainPage.vue                      |   2 +-
 src/views/HomePage.vue                        |   6 +-
 src/views/LandingPage.vue                     |  12 +-
 src/views/NotFoundPage.vue                    |   2 +-
 src/views/ProfilePage.vue                     |  23 +-
 src/views/ProfilesPage.vue                    |   2 +-
 src/views/RepositoryPage.vue                  | 483 ++++++++++++++++++
 src/views/SearchPage.vue                      |   8 +-
 src/views/SettingsPage.vue                    |   6 +-
 tests/e2e/specs/foundation.cy.ts              |   3 +-
 tests/e2e/tsconfig.json                       |   5 +
 tests/unit/activity/recent.spec.ts            |   2 +-
 tests/unit/actor-activity-page.spec.ts        | 110 ++++
 tests/unit/api/cache.spec.ts                  |   2 +-
 tests/unit/api/client.spec.ts                 | 163 ++++--
 tests/unit/api/errors.spec.ts                 |   2 +-
 tests/unit/content/markdown.spec.ts           |   2 +-
 tests/unit/profile-page.spec.ts               |  10 +-
 tests/unit/repository-page.spec.ts            | 134 +++++
 tests/unit/request-components.spec.ts         |   2 +-
 tests/unit/requests/use-route-request.spec.ts |   9 +-
 tests/unit/router.spec.ts                     |   4 +-
 tests/unit/search-page.spec.ts                |   4 +-
 tests/unit/settings/service.spec.ts           |   6 +-
 tests/unit/theme/base16.spec.ts               |   2 +-
 tests/unit/tsconfig.json                      |   5 +
 tsconfig.json                                 |   2 +-
 vite.config.ts                                |   1 +
 62 files changed, 1714 insertions(+), 137 deletions(-)
 create mode 100644 src/features/activity/actor.ts
 rename src/{ => lib}/activity/recent.ts (99%)
 rename src/{ => lib}/api/cache.ts (100%)
 rename src/{ => lib}/api/client-provider.ts (93%)
 rename src/{ => lib}/api/client.ts (54%)
 rename src/{ => lib}/api/contracts.ts (100%)
 rename src/{ => lib}/api/errors.ts (100%)
 rename src/{ => lib}/api/index.ts (100%)
 rename src/{ => lib}/requests/index.ts (100%)
 rename src/{ => lib}/requests/presentation.ts (96%)
 rename src/{ => lib}/requests/useRouteRequest.ts (98%)
 rename src/{ => lib}/router/index.ts (92%)
 rename src/{ => lib}/router/links.ts (100%)
 rename src/{ => lib}/settings/service.ts (92%)
 rename src/{ => lib}/theme/base16.ts (100%)
 rename src/{ => lib}/theme/index.ts (100%)
 rename src/{ => lib}/theme/schemes.ts (100%)
 rename src/{ => lib}/theme/store.ts (97%)
 rename src/{ => lib}/theme/variables.css (100%)
 create mode 100644 src/views/ActorActivityPage.vue
 create mode 100644 src/views/RepositoryPage.vue
 create mode 100644 tests/e2e/tsconfig.json
 create mode 100644 tests/unit/actor-activity-page.spec.ts
 create mode 100644 tests/unit/repository-page.spec.ts
 create mode 100644 tests/unit/tsconfig.json

diff --git a/.gitignore b/.gitignore
index 2fc2afd..6a768a7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -22,10 +22,10 @@ npm-debug.log*
 /.sass-cache
 /.sourcemaps
 /.versions
-/.vscode/*
-!/.vscode/extensions.json
+/.vscode/
 /coverage
 /dist
+*.tsbuildinfo
 /node_modules
 /platforms
 /plugins
diff --git a/ROADMAP.md b/ROADMAP.md
index 07eaa77..694627a 100644
--- a/ROADMAP.md
+++ b/ROADMAP.md
@@ -56,12 +56,18 @@ accepts public links and identifiers, exposes every Bobbin filter, preserves
 result order across cursor pages, and validates every result before display.
 Profile pages resolve handles and DIDs, show safe profile details and links,
 retain the configured order of pinned repositories, and paginate owned
-repositories without coupling section failures. The public landing page and
-shared messages speak to readers rather than exposing implementation details.
-Shared content components sanitize Markdown and route supported record links to
-local views. Every planned domain has a stable deep link; later tickets replace
-the remaining compact availability notices with complete views. Capacitor has a
-starter app identifier and no checked-in Android or iOS project.
+repositories without coupling section failures. People can browse each kind of
+public activity separately, filter issues and pull requests, follow related
+records, and keep using the other sections when one source is unavailable.
+Repository overviews show identity, topics, links, hosts, languages, README
+content, labels, totals, collaborators, and recent code updates. They also make
+the repository record and repository DID easy to distinguish and copy. The
+public landing page and shared messages speak to readers rather than exposing
+implementation details. Shared content components sanitize Markdown and route
+supported record links to local views. Every planned domain has a stable deep
+link; later tickets replace the remaining compact availability notices with
+complete views. Capacitor has a starter app identifier and no checked-in
+Android or iOS project.
 
 The API contract is documented in [docs/api.md](docs/api.md). Bobbin is a new,
 read-only XRPC AppView whose hosted instance is `https://api.tangled.org`.
diff --git a/TODO.md b/TODO.md
index d8582e9..36e15d6 100644
--- a/TODO.md
+++ b/TODO.md
@@ -179,6 +179,8 @@ repositories, owned repositories, links, and independently loading sections.
 
 ### T10 - Build actor activity dashboards
 
+**Status:** Complete
+
 **What to build:** Expose every actor-oriented `*By` query as typed, paginated
 activity sections linked to their subject records.
 
@@ -186,15 +188,17 @@ activity sections linked to their subject records.
 
 **Acceptance criteria:**
 
-- [ ] Comments, reactions, stars, issues, pulls, states, statuses, and ref updates are covered.
-- [ ] Collaborator, label, pipeline, artifact, knot, and spindle authorings are covered.
-- [ ] Filters supported by issue and pull `*By` endpoints are available.
-- [ ] One section's failure does not block other activity sections.
+- [x] Comments, reactions, stars, issues, pulls, states, statuses, and ref updates are covered.
+- [x] Collaborator, label, pipeline, artifact, knot, and spindle authorings are covered.
+- [x] Filters supported by issue and pull `*By` endpoints are available.
+- [x] One section's failure does not block other activity sections.
 
 **Verification:** `bun run test:unit --run && bun run build`
 
 ### T11 - Build repository overview pages
 
+**Status:** Complete
+
 **What to build:** Render repository identity, topics, links, knot, spindle,
 languages, README, labels, counts, collaborators, and recent ref activity.
 
@@ -202,10 +206,10 @@ languages, README, labels, counts, collaborators, and recent ref activity.
 
 **Acceptance criteria:**
 
-- [ ] Repo record AT-URI and repo DID remain visibly distinct and copyable.
-- [ ] README Markdown is sanitized and absent README data has a compact empty state.
-- [ ] Overview sections load independently and link to their full views.
-- [ ] Canonical Tangled and clone/download actions are unambiguous and read-only.
+- [x] Repo record AT-URI and repo DID remain visibly distinct and copyable.
+- [x] README Markdown is sanitized and absent README data has a compact empty state.
+- [x] Overview sections load independently and link to their full views.
+- [x] Canonical Tangled and clone/download actions are unambiguous and read-only.
 
 **Verification:** `bun run test:unit --run && bun run build`
 
diff --git a/src/App.vue b/src/App.vue
index 6a7ff02..d9c7328 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -17,7 +17,7 @@ import { computed, onBeforeUnmount, onMounted } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import AppMenu from './components/AppMenu.vue'
 import MobileTabBar from './components/MobileTabBar.vue'
-import { links } from './router/links'
+import { links } from './lib/router/links'
 
 const router = useRouter()
 const route = useRoute()
diff --git a/src/components/AppMenu.vue b/src/components/AppMenu.vue
index b5683d0..91b0828 100644
--- a/src/components/AppMenu.vue
+++ b/src/components/AppMenu.vue
@@ -36,7 +36,7 @@
 </template>
 
 <script setup lang="ts">
-import { links } from '@/router/links'
+import { links } from '@/lib/router/links'
 import { IonContent, IonIcon, IonItem, IonLabel, IonList, IonMenu, IonMenuToggle } from '@ionic/vue'
 import {
 	compassOutline,
diff --git a/src/components/CoverageNotice.vue b/src/components/CoverageNotice.vue
index 2f977d4..3eb99ee 100644
--- a/src/components/CoverageNotice.vue
+++ b/src/components/CoverageNotice.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script setup lang="ts">
-import type { BobbinCoverage } from '@/api'
+import type { BobbinCoverage } from '@/lib/api'
 import { IonIcon } from '@ionic/vue'
 import { hourglassOutline } from 'ionicons/icons'
 
diff --git a/src/components/MobileTabBar.vue b/src/components/MobileTabBar.vue
index 2eb8d24..0d90f20 100644
--- a/src/components/MobileTabBar.vue
+++ b/src/components/MobileTabBar.vue
@@ -13,7 +13,7 @@
 </template>
 
 <script setup lang="ts">
-import { links } from '@/router/links'
+import { links } from '@/lib/router/links'
 import { IonIcon } from '@ionic/vue'
 import { gitBranchOutline, homeOutline, peopleOutline, searchOutline } from 'ionicons/icons'
 import { useRoute } from 'vue-router'
diff --git a/src/components/RecordHeader.vue b/src/components/RecordHeader.vue
index 2394f21..292523a 100644
--- a/src/components/RecordHeader.vue
+++ b/src/components/RecordHeader.vue
@@ -24,7 +24,7 @@
 
 <script setup lang="ts">
 import { safeCanonicalTangledUrl } from '@/content'
-import { links } from '@/router/links'
+import { links } from '@/lib/router/links'
 import { IonIcon } from '@ionic/vue'
 import { copyOutline, openOutline } from 'ionicons/icons'
 import { computed, ref } from 'vue'
diff --git a/src/components/RequestState.vue b/src/components/RequestState.vue
index 9c2bbf1..f70244e 100644
--- a/src/components/RequestState.vue
+++ b/src/components/RequestState.vue
@@ -28,8 +28,8 @@
 </template>
 
 <script setup lang="ts">
-import type { BobbinError } from '@/api'
-import { presentRequestError } from '@/requests/presentation'
+import type { BobbinError } from '@/lib/api'
+import { presentRequestError } from '@/lib/requests/presentation'
 import { IonIcon } from '@ionic/vue'
 import { cloudOfflineOutline, fileTrayOutline, warningOutline } from 'ionicons/icons'
 import { computed } from 'vue'
diff --git a/src/content/links.ts b/src/content/links.ts
index 752f525..584926a 100644
--- a/src/content/links.ts
+++ b/src/content/links.ts
@@ -1,4 +1,4 @@
-import { links } from '@/router/links'
+import { links } from '@/lib/router/links'
 import type { RouteLocationRaw } from 'vue-router'
 
 export interface RecordLinkContext {
diff --git a/src/features/activity/actor.ts b/src/features/activity/actor.ts
new file mode 100644
index 0000000..4c3b3c8
--- /dev/null
+++ b/src/features/activity/actor.ts
@@ -0,0 +1,35 @@
+import type { ActorActivityKind } from '@/lib/api'
+
+export interface ActorActivityDefinition {
+	description: string
+	kind: ActorActivityKind
+	label: string
+}
+
+export const actorActivityDefinitions: ActorActivityDefinition[] = [
+	{ kind: 'comments', label: 'Comments', description: 'Conversations this person joined.' },
+	{ kind: 'reactions', label: 'Reactions', description: 'Public reactions this person left.' },
+	{ kind: 'stars', label: 'Stars', description: 'Repositories and posts this person starred.' },
+	{ kind: 'follows', label: 'Follows', description: 'People this person follows.' },
+	{ kind: 'vouches', label: 'Vouches', description: 'Public endorsements and cautions.' },
+	{ kind: 'issues', label: 'Issues', description: 'Issues this person opened.' },
+	{ kind: 'pulls', label: 'Pull requests', description: 'Changes this person proposed.' },
+	{ kind: 'issue-states', label: 'Issue changes', description: 'Issue state changes this person made.' },
+	{ kind: 'pull-statuses', label: 'Pull changes', description: 'Pull request status changes this person made.' },
+	{ kind: 'ref-updates', label: 'Code updates', description: 'Branches and references this person updated.' },
+	{ kind: 'collaborators', label: 'Collaborators', description: 'Repository access this person granted.' },
+	{ kind: 'label-operations', label: 'Labels', description: 'Labels this person applied or removed.' },
+	{ kind: 'pipelines', label: 'Pipelines', description: 'Automation runs this person started.' },
+	{ kind: 'pipeline-statuses', label: 'Pipeline results', description: 'Automation results this person published.' },
+	{ kind: 'artifacts', label: 'Artifacts', description: 'Build artifacts this person published.' },
+	{ kind: 'knot-memberships', label: 'Knot memberships', description: 'Knot memberships created by this person.' },
+	{
+		kind: 'spindle-memberships',
+		label: 'Spindle memberships',
+		description: 'Spindle memberships created by this person.',
+	},
+]
+
+export function actorActivityDefinition(kind: ActorActivityKind): ActorActivityDefinition {
+	return actorActivityDefinitions.find((definition) => definition.kind === kind) ?? actorActivityDefinitions[0]
+}
diff --git a/src/features/profiles/OwnedRepositories.vue b/src/features/profiles/OwnedRepositories.vue
index eb58f1a..da31eb9 100644
--- a/src/features/profiles/OwnedRepositories.vue
+++ b/src/features/profiles/OwnedRepositories.vue
@@ -27,10 +27,10 @@
 </template>
 
 <script setup lang="ts">
-import type { BobbinError, ValidatedRecordView } from '@/api'
-import { errorFromException, useBobbinClientProvider } from '@/api'
+import type { BobbinError, ValidatedRecordView } from '@/lib/api'
+import { errorFromException, useBobbinClientProvider } from '@/lib/api'
 import RequestState from '@/components/RequestState.vue'
-import { useRouteRequest } from '@/requests'
+import { useRouteRequest } from '@/lib/requests'
 import type { ShTangledRepo } from '@atcute/tangled'
 import { computed, ref } from 'vue'
 import RepositoryCard from './RepositoryCard.vue'
diff --git a/src/features/profiles/PinnedRepositories.vue b/src/features/profiles/PinnedRepositories.vue
index af4589d..e8a2bb4 100644
--- a/src/features/profiles/PinnedRepositories.vue
+++ b/src/features/profiles/PinnedRepositories.vue
@@ -23,9 +23,9 @@
 </template>
 
 <script setup lang="ts">
-import { useBobbinClientProvider } from '@/api'
+import { useBobbinClientProvider } from '@/lib/api'
 import RequestState from '@/components/RequestState.vue'
-import { useRouteRequest } from '@/requests'
+import { useRouteRequest } from '@/lib/requests'
 import { computed } from 'vue'
 import RepositoryCard from './RepositoryCard.vue'
 
diff --git a/src/features/profiles/RepositoryCard.vue b/src/features/profiles/RepositoryCard.vue
index f4b79b5..c41cc7a 100644
--- a/src/features/profiles/RepositoryCard.vue
+++ b/src/features/profiles/RepositoryCard.vue
@@ -1,7 +1,7 @@
 <template>
 	<router-link class="repo-card" :to="links.repository(repository.uri)">
 		<div>
-			<strong>{{ repository.value.name || 'Untitled repository' }}</strong>
+			<strong>{{ repositoryName(repository) }}</strong>
 			<span>{{ repository.value.knot.replace(/^https?:\/\//, '') }}</span>
 		</div>
 		<p v-if="repository.value.description">{{ repository.value.description }}</p>
@@ -13,12 +13,19 @@
 </template>
 
 <script setup lang="ts">
-import type { ValidatedRecordView } from '@/api'
-import { links } from '@/router/links'
+import type { ValidatedRecordView } from '@/lib/api'
+import { links } from '@/lib/router/links'
 import type { ShTangledRepo } from '@atcute/tangled'
 import type { DeepReadonly } from 'vue'
 
 defineProps<{ repository: DeepReadonly<ValidatedRecordView<ShTangledRepo.Main>> }>()
+
+function repositoryName(repository: DeepReadonly<ValidatedRecordView<ShTangledRepo.Main>>): string {
+	const name = repository.value.name?.trim()
+	if (name) return name
+	const recordKey = repository.uri.split('/').at(-1)
+	return recordKey && !/^3[a-z0-9]{12}$/i.test(recordKey) ? recordKey : 'Repository'
+}
 </script>
 
 <style scoped>
diff --git a/src/activity/recent.ts b/src/lib/activity/recent.ts
similarity index 99%
rename from src/activity/recent.ts
rename to src/lib/activity/recent.ts
index cefe619..0914c16 100644
--- a/src/activity/recent.ts
+++ b/src/lib/activity/recent.ts
@@ -1,6 +1,6 @@
 import { readonly, ref } from 'vue'
 import type { RouteLocationNormalizedLoaded, RouteLocationRaw } from 'vue-router'
-import { links } from '@/router/links'
+import { links } from '@/lib/router/links'
 
 export const RECENT_ACTIVITY_STORAGE_KEY = 'twisted.recent-activity.v1'
 const MAX_RECENT_DESTINATIONS = 8
diff --git a/src/api/cache.ts b/src/lib/api/cache.ts
similarity index 100%
rename from src/api/cache.ts
rename to src/lib/api/cache.ts
diff --git a/src/api/client-provider.ts b/src/lib/api/client-provider.ts
similarity index 93%
rename from src/api/client-provider.ts
rename to src/lib/api/client-provider.ts
index 9fa27a3..d6f766a 100644
--- a/src/api/client-provider.ts
+++ b/src/lib/api/client-provider.ts
@@ -1,6 +1,6 @@
 import type { InjectionKey } from 'vue'
 import { inject } from 'vue'
-import { useBobbinService } from '@/settings/service'
+import { useBobbinService } from '@/lib/settings/service'
 import { createBobbinClient } from './client'
 import type { BobbinClient } from './client'
 
diff --git a/src/api/client.ts b/src/lib/api/client.ts
similarity index 54%
rename from src/api/client.ts
rename to src/lib/api/client.ts
index c796e2a..b83022f 100644
--- a/src/api/client.ts
+++ b/src/lib/api/client.ts
@@ -4,14 +4,55 @@ import * as v from '@atcute/lexicons/validations'
 import { is } from '@atcute/lexicons'
 import { ComBadExampleIdentityResolveMiniDoc } from '@atcute/microcosm'
 import {
+	ShTangledFeedComment,
+	ShTangledFeedCountStars,
+	ShTangledFeedListCommentsBy,
+	ShTangledFeedListReactionsBy,
+	ShTangledFeedListStarsBy,
+	ShTangledFeedReaction,
+	ShTangledFeedStar,
+	ShTangledGitListRefUpdates,
+	ShTangledGitListRefUpdatesBy,
+	ShTangledGitRefUpdate,
+	ShTangledGraphFollow,
+	ShTangledGraphListFollowsBy,
+	ShTangledGraphListVouchesBy,
+	ShTangledGraphVouch,
+	ShTangledKnotListMembersBy,
+	ShTangledLabelDefinition,
+	ShTangledLabelListDefinitions,
+	ShTangledLabelListOpsBy,
+	ShTangledLabelOp,
+	ShTangledPipeline,
+	ShTangledPipelineListPipelinesBy,
+	ShTangledPipelineListStatusesBy,
+	ShTangledPipelineStatus,
 	ShTangledActorGetProfile,
 	ShTangledActorProfile,
 	ShTangledRepo,
+	ShTangledRepoArchive,
+	ShTangledRepoArtifact,
+	ShTangledRepoCountIssues,
+	ShTangledRepoCountPulls,
 	ShTangledRepoGetRepoByRepoDid,
 	ShTangledRepoGetRepos,
 	ShTangledRepoGetRepo,
+	ShTangledRepoIssue,
+	ShTangledRepoIssueListStatesBy,
+	ShTangledRepoIssueState,
+	ShTangledRepoLanguages,
+	ShTangledRepoListArtifactsBy,
+	ShTangledRepoListCollaborators,
+	ShTangledRepoListCollaboratorsBy,
+	ShTangledRepoListIssuesBy,
+	ShTangledRepoListPullsBy,
 	ShTangledRepoListRepos,
+	ShTangledRepoPull,
+	ShTangledRepoPullListStatusesBy,
+	ShTangledRepoPullStatus,
+	ShTangledRepoTree,
 	ShTangledSearchQuery,
+	ShTangledSpindleListMembersBy,
 } from '@atcute/tangled'
 import {
 	bobbinCoverageSchema,
@@ -37,6 +78,47 @@ export interface CursorPage<T> {
 	cursor?: string
 }
 
+export const actorActivityKinds = [
+	'comments',
+	'reactions',
+	'stars',
+	'follows',
+	'vouches',
+	'issues',
+	'pulls',
+	'issue-states',
+	'pull-statuses',
+	'ref-updates',
+	'collaborators',
+	'label-operations',
+	'pipelines',
+	'pipeline-statuses',
+	'artifacts',
+	'knot-memberships',
+	'spindle-memberships',
+] as const
+
+export type ActorActivityKind = (typeof actorActivityKinds)[number]
+
+export interface ActorActivityItem {
+	cid?: string
+	uri?: string
+	value: Record<string, unknown>
+}
+
+export interface ActorActivityOptions extends ListReposOptions {
+	state?: 'open' | 'closed'
+	status?: 'open' | 'closed' | 'merged'
+}
+
+export interface RepositoryCounts {
+	issues: number
+	pulls: number
+	stars: number
+}
+
+type ActorDid = ShTangledRepoListIssuesBy.$params['subject']
+
 /** Constructor options for a configurable, testable Bobbin boundary. */
 export interface BobbinClientOptions {
 	cache?: RequestCache
@@ -127,7 +209,11 @@ export class BobbinClient {
 			this.#rpc.call(ShTangledActorGetProfile, { params: { actor }, signal }),
 		)
 
-		return validateRecordView(view, ShTangledActorProfile.mainSchema, 'actor profile')
+		return validateRecordView(
+			{ ...view, value: normalizeProfilePlaceholders(view.value) },
+			ShTangledActorProfile.mainSchema,
+			'actor profile',
+		)
 	}
 
 	/** Fetches and validates one Tangled repository record. */
@@ -186,6 +272,156 @@ export class BobbinClient {
 		}
 	}
 
+	/** Lists one actor-authored record family through its generated reverse-lookup schema. */
+	async listActorActivity(
+		kind: ActorActivityKind,
+		subject: ActorDid,
+		options: ActorActivityOptions = {},
+	): Promise<CursorPage<ActorActivityItem>> {
+		const params = { subject, cursor: options.cursor, limit: options.limit ?? 10, order: options.order ?? 'desc' }
+		switch (kind) {
+			case 'comments':
+				return this.#actorRecords(kind, params, options, ShTangledFeedComment.mainSchema, (signal) =>
+					this.#rpc.call(ShTangledFeedListCommentsBy, { params, signal }),
+				)
+			case 'reactions':
+				return this.#actorRecords(kind, params, options, ShTangledFeedReaction.mainSchema, (signal) =>
+					this.#rpc.call(ShTangledFeedListReactionsBy, { params, signal }),
+				)
+			case 'stars':
+				return this.#actorRecords(kind, params, options, ShTangledFeedStar.mainSchema, (signal) =>
+					this.#rpc.call(ShTangledFeedListStarsBy, { params, signal }),
+				)
+			case 'follows':
+				return this.#actorRecords(kind, params, options, ShTangledGraphFollow.mainSchema, (signal) =>
+					this.#rpc.call(ShTangledGraphListFollowsBy, { params, signal }),
+				)
+			case 'vouches':
+				return this.#actorRecords(kind, params, options, ShTangledGraphVouch.mainSchema, (signal) =>
+					this.#rpc.call(ShTangledGraphListVouchesBy, { params, signal }),
+				)
+			case 'issues': {
+				const filtered = { ...params, state: options.state }
+				return this.#actorRecords(kind, filtered, options, ShTangledRepoIssue.mainSchema, (signal) =>
+					this.#rpc.call(ShTangledRepoListIssuesBy, { params: filtered, signal }),
+				)
+			}
+			case 'pulls': {
+				const filtered = { ...params, status: options.status }
+				return this.#actorRecords(kind, filtered, options, ShTangledRepoPull.mainSchema, (signal) =>
+					this.#rpc.call(ShTangledRepoListPullsBy, { params: filtered, signal }),
+				)
+			}
+			case 'issue-states':
+				return this.#actorRecords(kind, params, options, ShTangledRepoIssueState.mainSchema, (signal) =>
+					this.#rpc.call(ShTangledRepoIssueListStatesBy, { params, signal }),
+				)
+			case 'pull-statuses':
+				return this.#actorRecords(kind, params, options, ShTangledRepoPullStatus.mainSchema, (signal) =>
+					this.#rpc.call(ShTangledRepoPullListStatusesBy, { params, signal }),
+				)
+			case 'ref-updates':
+				return this.#actorRecords(kind, params, options, ShTangledGitRefUpdate.mainSchema, (signal) =>
+					this.#rpc.call(ShTangledGitListRefUpdatesBy, { params, signal }),
+				)
+			case 'collaborators':
+				return this.#actorRecords(kind, params, options, undefined, (signal) =>
+					this.#rpc.call(ShTangledRepoListCollaboratorsBy, { params, signal }),
+				)
+			case 'label-operations':
+				return this.#actorRecords(kind, params, options, ShTangledLabelOp.mainSchema, (signal) =>
+					this.#rpc.call(ShTangledLabelListOpsBy, { params, signal }),
+				)
+			case 'pipelines':
+				return this.#actorRecords(kind, params, options, ShTangledPipeline.mainSchema, (signal) =>
+					this.#rpc.call(ShTangledPipelineListPipelinesBy, { params, signal }),
+				)
+			case 'pipeline-statuses':
+				return this.#actorRecords(kind, params, options, ShTangledPipelineStatus.mainSchema, (signal) =>
+					this.#rpc.call(ShTangledPipelineListStatusesBy, { params, signal }),
+				)
+			case 'artifacts':
+				return this.#actorRecords(kind, params, options, ShTangledRepoArtifact.mainSchema, (signal) =>
+					this.#rpc.call(ShTangledRepoListArtifactsBy, { params, signal }),
+				)
+			case 'knot-memberships':
+				return this.#actorRecords(kind, params, options, undefined, (signal) =>
+					this.#rpc.call(ShTangledKnotListMembersBy, { params, signal }),
+				)
+			case 'spindle-memberships':
+				return this.#actorRecords(kind, params, options, undefined, (signal) =>
+					this.#rpc.call(ShTangledSpindleListMembersBy, { params, signal }),
+				)
+		}
+	}
+
+	getRepositoryLanguages(repo: ShTangledRepoLanguages.$params['repo'], options: RequestOptions = {}) {
+		return this.#cached('sh.tangled.repo.languages', { repo, ref: 'HEAD' }, options, STALE_TIMES.record, (signal) =>
+			this.#rpc.call(ShTangledRepoLanguages, { params: { repo, ref: 'HEAD' }, signal }),
+		)
+	}
+
+	getRepositoryTree(repo: ShTangledRepoTree.$params['repo'], options: RequestOptions = {}) {
+		return this.#cached(
+			'sh.tangled.repo.tree',
+			{ repo, ref: 'HEAD', path: '' },
+			options,
+			STALE_TIMES.record,
+			(signal) => this.#rpc.call(ShTangledRepoTree, { params: { repo, ref: 'HEAD', path: '' }, signal }),
+		)
+	}
+
+	async listRepositoryCollaborators(subject: ActorDid, options: RequestOptions = {}) {
+		const params = { subject, limit: 8, order: 'desc' as const }
+		return this.#cached('sh.tangled.repo.listCollaborators', params, options, STALE_TIMES.list, (signal) =>
+			this.#rpc.call(ShTangledRepoListCollaborators, { params, signal }),
+		)
+	}
+
+	async listRepositoryLabels(subject: string, options: RequestOptions = {}) {
+		const params = { subject, limit: 12, order: 'asc' }
+		const data = await this.#cached('sh.tangled.label.listDefinitions', params, options, STALE_TIMES.list, (signal) =>
+			this.#rpc.call(ShTangledLabelListDefinitions, { params, signal }),
+		)
+		return data.items.map((item) => validateRecordView(item, ShTangledLabelDefinition.mainSchema, 'label definition'))
+	}
+
+	async listRepositoryRefUpdates(subject: ActorDid, options: RequestOptions = {}) {
+		const params = { subject, limit: 6, order: 'desc' as const }
+		const data = await this.#cached('sh.tangled.git.listRefUpdates', params, options, STALE_TIMES.list, (signal) =>
+			this.#rpc.call(ShTangledGitListRefUpdates, { params, signal }),
+		)
+		return data.items.map((item) => validateRecordView(item, ShTangledGitRefUpdate.mainSchema, 'ref update'))
+	}
+
+	async getRepositoryCounts(subject: ActorDid, options: RequestOptions = {}): Promise<RepositoryCounts> {
+		const request = (nsid: string, call: (signal: AbortSignal) => Promise<XrpcResponse<{ count: number }>>) =>
+			this.#cached(nsid, { subject }, options, STALE_TIMES.list, call)
+		const [stars, issues, pulls] = await Promise.all([
+			request('sh.tangled.feed.countStars', (signal) =>
+				this.#rpc.call(ShTangledFeedCountStars, { params: { subject }, signal }),
+			),
+			request('sh.tangled.repo.countIssues', (signal) =>
+				this.#rpc.call(ShTangledRepoCountIssues, { params: { subject }, signal }),
+			),
+			request('sh.tangled.repo.countPulls', (signal) =>
+				this.#rpc.call(ShTangledRepoCountPulls, { params: { subject }, signal }),
+			),
+		])
+		return { stars: stars.count, issues: issues.count, pulls: pulls.count }
+	}
+
+	repositoryArchiveUrl(
+		repo: ShTangledRepoArchive.$params['repo'],
+		format: Extract<ShTangledRepoArchive.$params['format'], 'tar.gz' | 'zip'> = 'tar.gz',
+	): string {
+		const url = new URL('/xrpc/sh.tangled.repo.archive', this.service)
+		url.searchParams.set('repo', repo)
+		url.searchParams.set('ref', 'HEAD')
+		url.searchParams.set('format', format)
+		return url.href
+	}
+
 	/**
 	 * Searches Bobbin and requires a schema for each collection the caller accepts.
 	 * Unknown collections fail closed instead of exposing an unvalidated value.
@@ -262,6 +498,29 @@ export class BobbinClient {
 		}
 	}
 
+	async #actorRecords<const TSchema extends BaseSchema>(
+		kind: ActorActivityKind,
+		parameters: Record<string, unknown>,
+		options: RequestOptions,
+		schema: TSchema | undefined,
+		request: (
+			signal: AbortSignal,
+		) => Promise<XrpcResponse<{ items: readonly { uri?: string; cid?: string; value?: unknown }[]; cursor?: string }>>,
+	): Promise<CursorPage<ActorActivityItem>> {
+		const data = await this.#cached(`actor:${kind}`, parameters, options, STALE_TIMES.list, request)
+		return {
+			items: data.items.map((item) => ({
+				uri: item.uri,
+				cid: item.cid,
+				value:
+					schema && item.value !== undefined
+						? (validateEmbeddedRecord(schema, item.value, `${kind} activity`) as Record<string, unknown>)
+						: (item as Record<string, unknown>),
+			})),
+			cursor: data.cursor,
+		}
+	}
+
 	async #request<TResponse extends XrpcResponse<unknown>>(
 		request: () => Promise<TResponse>,
 	): Promise<SuccessData<TResponse>> {
@@ -315,6 +574,19 @@ function validateRecordView<const TSchema extends BaseSchema>(
 	return { uri: view.uri, cid: view.cid, value: validateEmbeddedRecord(schema, view.value, context) }
 }
 
+/** Removes blank placeholders emitted by older profile writers before strict schema validation. */
+function normalizeProfilePlaceholders(value: unknown): unknown {
+	if (typeof value !== 'object' || value === null || Array.isArray(value)) return value
+	const profile = { ...(value as Record<string, unknown>) }
+	for (const field of ['links', 'stats'] as const) {
+		const items = profile[field]
+		if (Array.isArray(items)) {
+			profile[field] = items.filter((item) => typeof item !== 'string' || item.trim().length > 0)
+		}
+	}
+	return profile
+}
+
 /**
  * Validates the search envelope around embedded record values.
  *
diff --git a/src/api/contracts.ts b/src/lib/api/contracts.ts
similarity index 100%
rename from src/api/contracts.ts
rename to src/lib/api/contracts.ts
diff --git a/src/api/errors.ts b/src/lib/api/errors.ts
similarity index 100%
rename from src/api/errors.ts
rename to src/lib/api/errors.ts
diff --git a/src/api/index.ts b/src/lib/api/index.ts
similarity index 100%
rename from src/api/index.ts
rename to src/lib/api/index.ts
diff --git a/src/requests/index.ts b/src/lib/requests/index.ts
similarity index 100%
rename from src/requests/index.ts
rename to src/lib/requests/index.ts
diff --git a/src/requests/presentation.ts b/src/lib/requests/presentation.ts
similarity index 96%
rename from src/requests/presentation.ts
rename to src/lib/requests/presentation.ts
index cf35f62..3f48f8a 100644
--- a/src/requests/presentation.ts
+++ b/src/lib/requests/presentation.ts
@@ -1,4 +1,4 @@
-import type { BobbinError, BobbinErrorKind } from '@/api'
+import type { BobbinError, BobbinErrorKind } from '@/lib/api'
 
 export interface RequestErrorPresentation {
 	message: string
diff --git a/src/requests/useRouteRequest.ts b/src/lib/requests/useRouteRequest.ts
similarity index 98%
rename from src/requests/useRouteRequest.ts
rename to src/lib/requests/useRouteRequest.ts
index d2e319f..60f8da2 100644
--- a/src/requests/useRouteRequest.ts
+++ b/src/lib/requests/useRouteRequest.ts
@@ -1,4 +1,4 @@
-import { BobbinError, errorFromException } from '@/api'
+import { BobbinError, errorFromException } from '@/lib/api'
 import { computed, onScopeDispose, readonly, ref, shallowRef, watch } from 'vue'
 import type { WatchSource } from 'vue'
 
diff --git a/src/router/index.ts b/src/lib/router/index.ts
similarity index 92%
rename from src/router/index.ts
rename to src/lib/router/index.ts
index fe3bf06..4a16d54 100644
--- a/src/router/index.ts
+++ b/src/lib/router/index.ts
@@ -1,23 +1,23 @@
 import { createRouter, createWebHistory } from '@ionic/vue-router'
 import type { RouteRecordRaw } from 'vue-router'
-import LandingPage from '../views/LandingPage.vue'
+import LandingPage from '@/views/LandingPage.vue'
 
-const domainPage = () => import('../views/DomainPage.vue')
+const domainPage = () => import('@/views/DomainPage.vue')
 
 const routes: RouteRecordRaw[] = [
 	{ path: '/', name: 'landing', component: LandingPage },
-	{ path: '/home', name: 'home', component: () => import('../views/HomePage.vue') },
-	{ path: '/search', name: 'search', component: () => import('../views/SearchPage.vue') },
+	{ path: '/home', name: 'home', component: () => import('@/views/HomePage.vue') },
+	{ path: '/search', name: 'search', component: () => import('@/views/SearchPage.vue') },
 	{
 		path: '/profiles',
 		name: 'profiles',
-		component: () => import('../views/ProfilesPage.vue'),
+		component: () => import('@/views/ProfilesPage.vue'),
 		meta: { title: 'People', section: 'Profiles', description: 'Find a Tangled profile by handle or DID.' },
 	},
 	{
 		path: '/profiles/:actor',
 		name: 'profile',
-		component: () => import('../views/ProfilePage.vue'),
+		component: () => import('@/views/ProfilePage.vue'),
 		meta: {
 			title: 'Profile',
 			section: 'People',
@@ -31,7 +31,7 @@ const routes: RouteRecordRaw[] = [
 	{
 		path: '/profiles/:actor/activity/:activity?',
 		name: 'actor-activity',
-		component: domainPage,
+		component: () => import('@/views/ActorActivityPage.vue'),
 		meta: {
 			title: 'Actor activity',
 			section: 'People',
@@ -69,7 +69,7 @@ const routes: RouteRecordRaw[] = [
 	{
 		path: '/repositories/:repo',
 		name: 'repository',
-		component: domainPage,
+		component: () => import('@/views/RepositoryPage.vue'),
 		meta: {
 			title: 'Repository overview',
 			section: 'Code',
@@ -338,8 +338,8 @@ const routes: RouteRecordRaw[] = [
 			description: 'Inspect public service keys without exposing management controls.',
 		},
 	},
-	{ path: '/settings', name: 'settings', component: () => import('../views/SettingsPage.vue') },
-	{ path: '/:pathMatch(.*)*', name: 'not-found', component: () => import('../views/NotFoundPage.vue') },
+	{ path: '/settings', name: 'settings', component: () => import('@/views/SettingsPage.vue') },
+	{ path: '/:pathMatch(.*)*', name: 'not-found', component: () => import('@/views/NotFoundPage.vue') },
 ]
 
 /** The application router used by web history, deep links, and Ionic transitions. */
diff --git a/src/router/links.ts b/src/lib/router/links.ts
similarity index 100%
rename from src/router/links.ts
rename to src/lib/router/links.ts
diff --git a/src/settings/service.ts b/src/lib/settings/service.ts
similarity index 92%
rename from src/settings/service.ts
rename to src/lib/settings/service.ts
index 1a90915..2e0b894 100644
--- a/src/settings/service.ts
+++ b/src/lib/settings/service.ts
@@ -1,6 +1,6 @@
 import { readonly, ref } from 'vue'
-import { normalizeBobbinService } from '@/api'
-import { DEFAULT_BOBBIN_SERVICE } from '@/api/contracts'
+import { normalizeBobbinService } from '@/lib/api'
+import { DEFAULT_BOBBIN_SERVICE } from '@/lib/api/contracts'
 
 export const SERVICE_STORAGE_KEY = 'twisted.bobbin-service.v1'
 
diff --git a/src/theme/base16.ts b/src/lib/theme/base16.ts
similarity index 100%
rename from src/theme/base16.ts
rename to src/lib/theme/base16.ts
diff --git a/src/theme/index.ts b/src/lib/theme/index.ts
similarity index 100%
rename from src/theme/index.ts
rename to src/lib/theme/index.ts
diff --git a/src/theme/schemes.ts b/src/lib/theme/schemes.ts
similarity index 100%
rename from src/theme/schemes.ts
rename to src/lib/theme/schemes.ts
diff --git a/src/theme/store.ts b/src/lib/theme/store.ts
similarity index 97%
rename from src/theme/store.ts
rename to src/lib/theme/store.ts
index 2055623..12f61ae 100644
--- a/src/theme/store.ts
+++ b/src/lib/theme/store.ts
@@ -10,11 +10,12 @@ interface ThemePreferences {
 	imports: Base16Scheme[]
 }
 
-type ThemeStorage = Pick<Storage, 'getItem' | 'setItem'>
+type ThemeReader = Pick<Storage, 'getItem'>
+type ThemeStorage = Pick<Storage, 'setItem'>
 
 /** Reads preferences defensively and discards invalid imports or selections. */
 export function loadThemePreferences(
-	storage: ThemeStorage | undefined,
+	storage: ThemeReader | undefined,
 	bundled: readonly Base16Scheme[] = BUNDLED_SCHEMES,
 ): ThemePreferences {
 	const fallback = { selectedId: DEFAULT_SCHEME_ID, imports: [] }
diff --git a/src/theme/variables.css b/src/lib/theme/variables.css
similarity index 100%
rename from src/theme/variables.css
rename to src/lib/theme/variables.css
diff --git a/src/main.ts b/src/main.ts
index 3b2d1a0..66cbb74 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,6 +1,6 @@
 import { createApp } from 'vue'
 import App from './App.vue'
-import router from './router'
+import router from './lib/router'
 
 import { IonicVue } from '@ionic/vue'
 
@@ -25,10 +25,10 @@ import '@ionic/vue/css/flex-utils.css'
 import '@ionic/vue/css/display.css'
 
 /* Theme variables */
-import './theme/variables.css'
-import { initializeTheme } from './theme'
-import { initializeBobbinService } from './settings/service'
-import { initializeRecentActivity, rememberRecentRoute } from './activity/recent'
+import './lib/theme/variables.css'
+import { initializeTheme } from './lib/theme'
+import { initializeBobbinService } from './lib/settings/service'
+import { initializeRecentActivity, rememberRecentRoute } from './lib/activity/recent'
 
 initializeTheme()
 initializeBobbinService()
diff --git a/src/views/ActorActivityPage.vue b/src/views/ActorActivityPage.vue
new file mode 100644
index 0000000..b5797dd
--- /dev/null
+++ b/src/views/ActorActivityPage.vue
@@ -0,0 +1,402 @@
+<template>
+	<ion-page>
+		<page-header :back="profileHref" title="Activity" />
+		<ion-content :fullscreen="true">
+			<main id="page-content" class="activity-page page-frame page-frame--narrow">
+				<request-state
+					:error="identityRequest.error.value"
+					:loading="identityRequest.phase.value === 'loading'"
+					noun="person"
+					@retry="identityRequest.retry" />
+
+				<template v-if="identityRequest.data.value">
+					<header class="activity-page__heading">
+						<p class="section-label">Public activity</p>
+						<h1>{{ displayHandle }}</h1>
+						<p>Browse public work and conversations by this person.</p>
+					</header>
+
+					<nav class="activity-nav" aria-label="Activity type">
+						<router-link
+							v-for="definition in actorActivityDefinitions"
+							:key="definition.kind"
+							:aria-current="definition.kind === activeKind ? 'page' : undefined"
+							:to="activityLink(definition.kind)">
+							{{ definition.label }}
+						</router-link>
+					</nav>
+
+					<section class="activity-section" :aria-labelledby="`${activeKind}-heading`">
+						<header>
+							<div>
+								<h2 :id="`${activeKind}-heading`">{{ activeDefinition.label }}</h2>
+								<p>{{ activeDefinition.description }}</p>
+							</div>
+							<label v-if="activeKind === 'issues'">
+								State
+								<select :value="issueState" @change="setFilter('state', $event)">
+									<option value="">All</option>
+									<option value="open">Open</option>
+									<option value="closed">Closed</option>
+								</select>
+							</label>
+							<label v-if="activeKind === 'pulls'">
+								Status
+								<select :value="pullStatus" @change="setFilter('status', $event)">
+									<option value="">All</option>
+									<option value="open">Open</option>
+									<option value="merged">Merged</option>
+									<option value="closed">Closed</option>
+								</select>
+							</label>
+						</header>
+
+						<request-state
+							:empty="activityRequest.phase.value === 'empty'"
+							empty-message="There is no public activity in this section yet."
+							:error="activityRequest.error.value"
+							:has-content="activityRequest.hasContent.value"
+							:loading="activityRequest.phase.value === 'loading'"
+							:noun="activeDefinition.label.toLowerCase()"
+							@retry="activityRequest.retry" />
+
+						<ol v-if="items.length" class="activity-list">
+							<li v-for="(item, index) in items" :key="item.uri ?? `${activeKind}-${index}`">
+								<router-link v-if="itemLink(item.uri)" :to="itemLink(item.uri)!" class="activity-list__record">
+									<strong>{{ activityTitle(item.value) }}</strong>
+									<p v-if="recordExcerpt(item.value)">{{ recordExcerpt(item.value) }}</p>
+									<code v-if="item.uri">{{ item.uri }}</code>
+								</router-link>
+								<div v-else class="activity-list__record">
+									<strong>{{ activityTitle(item.value) }}</strong>
+									<p v-if="recordExcerpt(item.value)">{{ recordExcerpt(item.value) }}</p>
+									<code v-if="item.uri">{{ item.uri }}</code>
+								</div>
+								<div class="activity-list__meta">
+									<router-link v-if="subjectLink(item.value)" :to="subjectLink(item.value)!">View subject</router-link>
+									<time v-if="activityDate(item.value)" :datetime="activityDate(item.value)">{{
+										formatDate(activityDate(item.value)!)
+									}}</time>
+								</div>
+							</li>
+						</ol>
+
+						<request-state
+							:error="nextError"
+							:has-content="true"
+							:loading="loadingNext"
+							noun="more activity"
+							@retry="loadNext" />
+						<button v-if="nextCursor && !loadingNext" class="activity-section__more" type="button" @click="loadNext">
+							Show more
+						</button>
+					</section>
+				</template>
+			</main>
+		</ion-content>
+	</ion-page>
+</template>
+
+<script setup lang="ts">
+import type { ActorActivityItem, ActorActivityKind, BobbinError } from '@/lib/api'
+import { actorActivityKinds, errorFromException, useBobbinClientProvider } from '@/lib/api'
+import PageHeader from '@/components/PageHeader.vue'
+import RequestState from '@/components/RequestState.vue'
+import { localRecordLink } from '@/content/links'
+import { actorActivityDefinition, actorActivityDefinitions } from '@/features/activity/actor'
+import { recordExcerpt, recordTitle } from '@/features/discovery/records'
+import { useRouteRequest } from '@/lib/requests'
+import { links } from '@/lib/router/links'
+import { IonContent, IonPage } from '@ionic/vue'
+import { computed, ref } from 'vue'
+import type { LocationQueryRaw, RouteLocationRaw } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
+
+const route = useRoute()
+const router = useRouter()
+const getClient = useBobbinClientProvider()
+const actor = computed(() => String(route.params.actor ?? ''))
+const activeKind = computed<ActorActivityKind>(() => {
+	const value = String(route.params.activity ?? '') as ActorActivityKind
+	return actorActivityKinds.includes(value) ? value : 'comments'
+})
+const activeDefinition = computed(() => actorActivityDefinition(activeKind.value))
+const issueState = computed(() =>
+	route.query.state === 'open' || route.query.state === 'closed' ? route.query.state : '',
+)
+const pullStatus = computed(() =>
+	route.query.status === 'open' || route.query.status === 'closed' || route.query.status === 'merged'
+		? route.query.status
+		: '',
+)
+const appended = ref<ActorActivityItem[]>([])
+const nextCursor = ref<string>()
+const loadingNext = ref(false)
+const nextError = ref<BobbinError>()
+const requestedCursors = new Set<string>()
+
+const identityRequest = useRouteRequest(actor, (identifier, signal, attempt) =>
+	getClient().resolveIdentity(identifier as Parameters<ReturnType<typeof getClient>['resolveIdentity']>[0], {
+		signal,
+		cache: attempt.cache,
+	}),
+)
+const displayHandle = computed(() => {
+	const identity = identityRequest.data.value
+	return identity?.handle && identity.handle !== 'handle.invalid' ? `@${identity.handle}` : 'Tangled account'
+})
+const profileHref = computed(() => router.resolve(links.profile(actor.value)).href)
+const requestKey = computed(() =>
+	JSON.stringify([identityRequest.data.value?.did, activeKind.value, issueState.value, pullStatus.value]),
+)
+const activityRequest = useRouteRequest(
+	requestKey,
+	async (_key, signal, attempt) => {
+		appended.value = []
+		nextCursor.value = undefined
+		nextError.value = undefined
+		requestedCursors.clear()
+		const did = identityRequest.data.value?.did
+		if (!did) return { items: [] as ActorActivityItem[] }
+		const page = await getClient().listActorActivity(activeKind.value, did, {
+			limit: 10,
+			state: issueState.value || undefined,
+			status: pullStatus.value || undefined,
+			signal,
+			cache: attempt.cache,
+		})
+		nextCursor.value = page.cursor
+		return page
+	},
+	{ isEmpty: (page) => page.items.length === 0 },
+)
+const items = computed(() => [...(activityRequest.data.value?.items ?? []), ...appended.value])
+
+function activityLink(kind: ActorActivityKind): RouteLocationRaw {
+	return { name: 'actor-activity', params: { actor: actor.value, activity: kind } }
+}
+
+function setFilter(key: 'state' | 'status', event: Event): void {
+	const value = (event.target as HTMLSelectElement).value
+	const query: LocationQueryRaw = value ? { [key]: value } : {}
+	void router.replace({ name: 'actor-activity', params: { actor: actor.value, activity: activeKind.value }, query })
+}
+
+async function loadNext(): Promise<void> {
+	const cursor = nextCursor.value
+	const did = identityRequest.data.value?.did
+	if (!cursor || !did || loadingNext.value || requestedCursors.has(cursor)) return
+	requestedCursors.add(cursor)
+	loadingNext.value = true
+	nextError.value = undefined
+	try {
+		const page = await getClient().listActorActivity(activeKind.value, did, {
+			cursor,
+			limit: 10,
+			state: issueState.value || undefined,
+			status: pullStatus.value || undefined,
+		})
+		appended.value.push(...page.items)
+		nextCursor.value = page.cursor
+	} catch (error) {
+		requestedCursors.delete(cursor)
+		nextError.value = errorFromException(error)
+	} finally {
+		loadingNext.value = false
+	}
+}
+
+function itemLink(uri: string | undefined): RouteLocationRaw | undefined {
+	return uri ? localRecordLink(uri) : undefined
+}
+
+function subjectLink(value: Record<string, unknown>): RouteLocationRaw | undefined {
+	const subject = value.subject
+	if (typeof subject === 'string') {
+		if (subject.startsWith('at://')) return localRecordLink(subject)
+		if (['follows', 'collaborators', 'knot-memberships', 'spindle-memberships'].includes(activeKind.value))
+			return links.profile(subject)
+	}
+	if (typeof subject === 'object' && subject !== null && 'uri' in subject && typeof subject.uri === 'string')
+		return localRecordLink(subject.uri)
+	for (const field of ['issue', 'pull', 'pipeline', 'workflow', 'repo'] as const) {
+		if (typeof value[field] !== 'string') continue
+		return value[field].startsWith('at://') ? localRecordLink(value[field]) : links.search(value[field])
+	}
+	for (const field of ['repoDid', 'sourceRepo'] as const) {
+		if (typeof value[field] === 'string') return links.search(value[field])
+	}
+	return undefined
+}
+
+function activityDate(value: Record<string, unknown>): string | undefined {
+	for (const field of ['createdAt', 'performedAt'] as const) {
+		if (typeof value[field] === 'string') return value[field]
+	}
+	return undefined
+}
+
+function activityTitle(value: Record<string, unknown>): string {
+	if (typeof value.reaction === 'string' && value.reaction) return value.reaction
+	for (const field of ['status', 'state'] as const) {
+		if (typeof value[field] === 'string' && value[field]) return humanizeValue(value[field])
+	}
+	if (typeof value.ref === 'string' && value.ref) return value.ref
+	return recordTitle(value, activeDefinition.value.label)
+}
+
+function humanizeValue(value: string): string {
+	const label = value.split('.').at(-1)?.replaceAll(/[-_]/g, ' ') ?? value
+	return label.charAt(0).toUpperCase() + label.slice(1)
+}
+
+function formatDate(value: string): string {
+	return new Intl.DateTimeFormat(undefined, { dateStyle: 'medium' }).format(new Date(value))
+}
+</script>
+
+<style scoped>
+.activity-page {
+	display: grid;
+	gap: var(--space-6);
+}
+
+.activity-page__heading h1 {
+	margin: 0;
+	font-family: var(--font-display);
+	font-size: clamp(2.5rem, 8vw, 4.5rem);
+	letter-spacing: -0.055em;
+}
+
+.activity-page__heading > p:last-child,
+.activity-section header p {
+	color: var(--app-text-muted);
+	line-height: 1.5;
+}
+
+.activity-nav {
+	display: flex;
+	gap: var(--space-2);
+	padding-block-end: var(--space-2);
+	overflow-x: auto;
+}
+
+.activity-nav a {
+	flex: 0 0 auto;
+	min-block-size: 44px;
+	border: 1px solid var(--app-border);
+	border-radius: 999px;
+	padding: var(--space-3) var(--space-4);
+	color: var(--app-text-muted);
+	text-decoration: none;
+}
+
+.activity-nav a[aria-current='page'] {
+	border-color: var(--app-accent);
+	color: var(--app-accent-contrast);
+	background: var(--app-accent);
+}
+
+.activity-section {
+	display: grid;
+	gap: var(--space-4);
+}
+
+.activity-section > header {
+	display: flex;
+	align-items: end;
+	justify-content: space-between;
+	gap: var(--space-5);
+}
+
+.activity-section h2,
+.activity-section header p {
+	margin: 0;
+}
+
+.activity-section h2 {
+	font-family: var(--font-display);
+	font-size: var(--text-2xl);
+}
+
+.activity-section label {
+	display: grid;
+	gap: var(--space-1);
+	font-size: var(--text-sm);
+	font-weight: 700;
+}
+
+.activity-section select {
+	min-block-size: 44px;
+	border: 1px solid var(--app-border);
+	border-radius: var(--radius-sm);
+	padding-inline: var(--space-3);
+	color: var(--app-text);
+	background: var(--app-surface);
+	font: inherit;
+}
+
+.activity-list {
+	display: grid;
+	gap: var(--space-3);
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+
+.activity-list li {
+	border: 1px solid var(--app-border);
+	border-radius: var(--radius-md);
+	padding: var(--space-5);
+	background: var(--app-surface);
+}
+
+.activity-list__record {
+	display: grid;
+	gap: var(--space-2);
+	color: var(--app-text);
+	text-decoration: none;
+}
+
+.activity-list__record strong {
+	font-family: var(--font-display);
+	font-size: var(--text-lg);
+}
+
+.activity-list__record p,
+.activity-list__record code {
+	margin: 0;
+	color: var(--app-text-muted);
+	overflow-wrap: anywhere;
+}
+
+.activity-list__meta {
+	display: flex;
+	justify-content: space-between;
+	gap: var(--space-4);
+	margin-block-start: var(--space-4);
+	font-size: var(--text-sm);
+}
+
+.activity-list__meta time {
+	color: var(--app-text-muted);
+}
+
+.activity-section__more {
+	justify-self: start;
+	min-block-size: 44px;
+	border: 0;
+	border-radius: var(--radius-sm);
+	padding-inline: var(--space-5);
+	color: var(--app-accent-contrast);
+	background: var(--app-accent);
+	font-weight: 750;
+}
+
+@media (max-width: 560px) {
+	.activity-section > header {
+		align-items: stretch;
+		flex-direction: column;
+	}
+}
+</style>
diff --git a/src/views/DomainPage.vue b/src/views/DomainPage.vue
index af3a687..a322697 100644
--- a/src/views/DomainPage.vue
+++ b/src/views/DomainPage.vue
@@ -35,7 +35,7 @@
 
 <script setup lang="ts">
 import PageHeader from '@/components/PageHeader.vue'
-import { links } from '@/router/links'
+import { links } from '@/lib/router/links'
 import { IonContent, IonIcon, IonPage } from '@ionic/vue'
 import { warningOutline } from 'ionicons/icons'
 import { computed } from 'vue'
diff --git a/src/views/HomePage.vue b/src/views/HomePage.vue
index 195ecfe..8a605a9 100644
--- a/src/views/HomePage.vue
+++ b/src/views/HomePage.vue
@@ -75,10 +75,10 @@
 </template>
 
 <script setup lang="ts">
-import { recentDestinationLink, useRecentActivity } from '@/activity/recent'
-import type { RecentDestinationKind } from '@/activity/recent'
+import { recentDestinationLink, useRecentActivity } from '@/lib/activity/recent'
+import type { RecentDestinationKind } from '@/lib/activity/recent'
 import PageHeader from '@/components/PageHeader.vue'
-import { links } from '@/router/links'
+import { links } from '@/lib/router/links'
 import { IonContent, IonIcon, IonPage } from '@ionic/vue'
 import { arrowForwardOutline, gitBranchOutline, personOutline, searchOutline, timeOutline } from 'ionicons/icons'
 import { ref } from 'vue'
diff --git a/src/views/LandingPage.vue b/src/views/LandingPage.vue
index ae39eb0..7e75de8 100644
--- a/src/views/LandingPage.vue
+++ b/src/views/LandingPage.vue
@@ -110,7 +110,7 @@
 </template>
 
 <script setup lang="ts">
-import { links } from '@/router/links'
+import { links } from '@/lib/router/links'
 import { IonContent, IonIcon, IonPage } from '@ionic/vue'
 import { arrowForwardOutline, searchOutline } from 'ionicons/icons'
 import { ref } from 'vue'
@@ -270,16 +270,6 @@ function search(): void {
 	transform: rotate(1.2deg);
 }
 
-.public-trail::before {
-	position: absolute;
-	z-index: -1;
-	inset-block: 5.5rem 4rem;
-	inset-inline-start: 3.05rem;
-	inline-size: 1px;
-	background: var(--app-border);
-	content: '';
-}
-
 .public-trail__topline {
 	display: flex;
 	align-items: center;
diff --git a/src/views/NotFoundPage.vue b/src/views/NotFoundPage.vue
index f6e10e2..be1382f 100644
--- a/src/views/NotFoundPage.vue
+++ b/src/views/NotFoundPage.vue
@@ -20,7 +20,7 @@
 
 <script setup lang="ts">
 import PageHeader from '@/components/PageHeader.vue'
-import { links } from '@/router/links'
+import { links } from '@/lib/router/links'
 import { IonContent, IonPage } from '@ionic/vue'
 import { useRoute } from 'vue-router'
 
diff --git a/src/views/ProfilePage.vue b/src/views/ProfilePage.vue
index f8667c0..48ade79 100644
--- a/src/views/ProfilePage.vue
+++ b/src/views/ProfilePage.vue
@@ -22,6 +22,10 @@
 							</p>
 						</div>
 					</header>
+					<nav class="profile-links" aria-label="Profile views">
+						<router-link :to="links.actorActivity(actor, 'comments')">Browse public activity</router-link>
+						<router-link :to="links.actorRelationships(actor)">Browse relationships</router-link>
+					</nav>
 
 					<section class="profile-section" aria-labelledby="about-heading">
 						<p class="section-label">About</p>
@@ -72,12 +76,13 @@
 </template>
 
 <script setup lang="ts">
-import { useBobbinClientProvider } from '@/api'
+import { useBobbinClientProvider } from '@/lib/api'
 import PageHeader from '@/components/PageHeader.vue'
 import RequestState from '@/components/RequestState.vue'
 import OwnedRepositories from '@/features/profiles/OwnedRepositories.vue'
 import PinnedRepositories from '@/features/profiles/PinnedRepositories.vue'
-import { useRouteRequest } from '@/requests'
+import { useRouteRequest } from '@/lib/requests'
+import { links } from '@/lib/router/links'
 import { IonContent, IonPage } from '@ionic/vue'
 import { computed } from 'vue'
 import { useRoute } from 'vue-router'
@@ -173,6 +178,20 @@ function linkLabel(link: string): string {
 .profile-identity__warning {
 	color: var(--app-warning);
 }
+.profile-links {
+	display: flex;
+	flex-wrap: wrap;
+	gap: var(--space-3);
+}
+.profile-links a {
+	display: inline-flex;
+	align-items: center;
+	min-block-size: 44px;
+	border: 1px solid var(--app-border);
+	border-radius: var(--radius-sm);
+	padding-inline: var(--space-4);
+	text-decoration: none;
+}
 .profile-section {
 	display: grid;
 	gap: var(--space-4);
diff --git a/src/views/ProfilesPage.vue b/src/views/ProfilesPage.vue
index 056dccb..2d9d191 100644
--- a/src/views/ProfilesPage.vue
+++ b/src/views/ProfilesPage.vue
@@ -26,7 +26,7 @@
 
 <script setup lang="ts">
 import PageHeader from '@/components/PageHeader.vue'
-import { links } from '@/router/links'
+import { links } from '@/lib/router/links'
 import { IonContent, IonPage } from '@ionic/vue'
 import { ref } from 'vue'
 import { useRouter } from 'vue-router'
diff --git a/src/views/RepositoryPage.vue b/src/views/RepositoryPage.vue
new file mode 100644
index 0000000..ae935db
--- /dev/null
+++ b/src/views/RepositoryPage.vue
@@ -0,0 +1,483 @@
+<template>
+	<ion-page>
+		<page-header back="/repositories" title="Repository" />
+		<ion-content :fullscreen="true">
+			<main id="page-content" class="repository-page page-frame page-frame--narrow">
+				<request-state
+					:error="repositoryRequest.error.value"
+					:loading="repositoryRequest.phase.value === 'loading'"
+					noun="repository"
+					@retry="repositoryRequest.retry" />
+
+				<template v-if="repository">
+					<record-header
+						:author="ownerDid"
+						:canonical-url="canonicalUrl"
+						collection="Repository"
+						:title="repositoryName"
+						:uri="repository.uri" />
+
+					<section class="repository-intro" aria-labelledby="repository-about-heading">
+						<div>
+							<h2 id="repository-about-heading" class="sr-only">About this repository</h2>
+							<p v-if="repository.value.description" class="repository-intro__description">
+								{{ repository.value.description }}
+							</p>
+							<ul v-if="repository.value.topics?.length" class="repository-topics" aria-label="Topics">
+								<li v-for="topic in repository.value.topics" :key="topic">{{ topic }}</li>
+							</ul>
+							<dl class="repository-facts">
+								<div v-if="repository.value.repoDid">
+									<dt>Repository DID</dt>
+									<dd>
+										<code>{{ repository.value.repoDid }}</code>
+									</dd>
+								</div>
+								<div>
+									<dt>Knot</dt>
+									<dd>
+										<router-link :to="links.knot(repository.value.knot)">{{ repository.value.knot }}</router-link>
+									</dd>
+								</div>
+								<div v-if="repository.value.spindle">
+									<dt>Spindle</dt>
+									<dd>
+										<router-link :to="links.spindle(repository.value.spindle)">{{
+											repository.value.spindle
+										}}</router-link>
+									</dd>
+								</div>
+							</dl>
+						</div>
+
+						<div class="repository-actions" aria-label="Repository actions">
+							<button v-if="repository.value.repoDid" type="button" @click="copyRepoDid">{{ didCopyLabel }}</button>
+							<button v-if="cloneUrl" type="button" @click="copyCloneUrl">{{ cloneCopyLabel }}</button>
+							<a v-if="websiteUrl" :href="websiteUrl" rel="noopener noreferrer" target="_blank">Visit website</a>
+							<a v-if="sourceUrl" :href="sourceUrl" rel="noopener noreferrer" target="_blank">View source</a>
+							<a :href="archiveTarUrl" download>Download tar.gz</a>
+							<a :href="archiveZipUrl" download>Download zip</a>
+						</div>
+					</section>
+
+					<section class="repository-counts" aria-label="Repository totals">
+						<request-state
+							:error="countsRequest.error.value"
+							:loading="countsRequest.phase.value === 'loading'"
+							noun="repository totals"
+							@retry="countsRequest.retry" />
+						<template v-if="countsRequest.data.value">
+							<router-link :to="links.issues(repository.uri)"
+								><strong>{{ countsRequest.data.value.issues }}</strong> Issues</router-link
+							>
+							<router-link :to="links.pulls(repository.uri)"
+								><strong>{{ countsRequest.data.value.pulls }}</strong> Pull requests</router-link
+							>
+							<div>
+								<strong>{{ countsRequest.data.value.stars }}</strong> Stars
+							</div>
+						</template>
+					</section>
+
+					<div class="repository-overview-grid">
+						<section class="overview-panel" aria-labelledby="languages-heading">
+							<header>
+								<h2 id="languages-heading">Languages</h2>
+								<router-link :to="links.source(repository.uri)">Browse source</router-link>
+							</header>
+							<request-state
+								:empty="languagesRequest.phase.value === 'empty'"
+								empty-message="No language summary is available for the current source."
+								:error="languagesRequest.error.value"
+								:loading="languagesRequest.phase.value === 'loading'"
+								noun="languages"
+								@retry="languagesRequest.retry" />
+							<ul v-if="languagesRequest.data.value?.languages.length" class="language-list">
+								<li v-for="language in languagesRequest.data.value.languages" :key="language.name">
+									<span>{{ language.name }}</span
+									><strong>{{ language.percentage }}%</strong>
+								</li>
+							</ul>
+						</section>
+
+						<section class="overview-panel" aria-labelledby="collaborators-heading">
+							<header><h2 id="collaborators-heading">Collaborators</h2></header>
+							<request-state
+								:empty="collaboratorsRequest.phase.value === 'empty'"
+								empty-message="No public collaborators are listed."
+								:error="collaboratorsRequest.error.value"
+								:loading="collaboratorsRequest.phase.value === 'loading'"
+								noun="collaborators"
+								@retry="collaboratorsRequest.retry" />
+							<ul v-if="collaboratorsRequest.data.value?.items.length" class="simple-list">
+								<li v-for="collaborator in collaboratorsRequest.data.value.items" :key="collaborator.subject">
+									<router-link :to="links.profile(collaborator.subject)">{{ collaborator.subject }}</router-link>
+								</li>
+							</ul>
+						</section>
+
+						<section class="overview-panel" aria-labelledby="labels-heading">
+							<header>
+								<h2 id="labels-heading">Labels</h2>
+								<router-link :to="links.labels(repositoryDid)">View labels</router-link>
+							</header>
+							<request-state
+								:empty="labelsRequest.phase.value === 'empty'"
+								empty-message="No public labels are defined for this repository."
+								:error="labelsRequest.error.value"
+								:loading="labelsRequest.phase.value === 'loading'"
+								noun="labels"
+								@retry="labelsRequest.retry" />
+							<ul v-if="labelsRequest.data.value?.length" class="label-list">
+								<li v-for="label in labelsRequest.data.value" :key="label.uri">{{ label.value.name }}</li>
+							</ul>
+						</section>
+					</div>
+
+					<section class="overview-panel overview-panel--wide" aria-labelledby="readme-heading">
+						<header>
+							<h2 id="readme-heading">README</h2>
+							<router-link :to="links.source(repository.uri)">Open files</router-link>
+						</header>
+						<request-state
+							:error="treeRequest.error.value"
+							:loading="treeRequest.phase.value === 'loading'"
+							noun="README"
+							@retry="treeRequest.retry" />
+						<markdown-content
+							v-if="treeRequest.data.value?.readme"
+							:repo="repository.uri"
+							:source="treeRequest.data.value.readme.contents" />
+						<div v-else-if="treeRequest.phase.value === 'ready'" class="compact-empty">
+							No README has been added yet.
+						</div>
+					</section>
+
+					<section class="overview-panel overview-panel--wide" aria-labelledby="updates-heading">
+						<header>
+							<h2 id="updates-heading">Recent code updates</h2>
+							<router-link :to="links.commits(repository.uri)">View history</router-link>
+						</header>
+						<request-state
+							:empty="updatesRequest.phase.value === 'empty'"
+							empty-message="No recent code updates are indexed."
+							:error="updatesRequest.error.value"
+							:loading="updatesRequest.phase.value === 'loading'"
+							noun="code updates"
+							@retry="updatesRequest.retry" />
+						<ol v-if="updatesRequest.data.value?.length" class="updates-list">
+							<li v-for="update in updatesRequest.data.value" :key="update.uri">
+								<strong>{{ update.value.ref }}</strong>
+								<code>{{ update.value.newSha.slice(0, 10) }}</code>
+								<router-link :to="links.profile(update.value.committerDid)">{{
+									update.value.committerDid
+								}}</router-link>
+							</li>
+						</ol>
+					</section>
+				</template>
+			</main>
+		</ion-content>
+	</ion-page>
+</template>
+
+<script setup lang="ts">
+import { useBobbinClientProvider } from '@/lib/api'
+import MarkdownContent from '@/components/MarkdownContent.vue'
+import PageHeader from '@/components/PageHeader.vue'
+import RecordHeader from '@/components/RecordHeader.vue'
+import RequestState from '@/components/RequestState.vue'
+import { parseAtUri } from '@/content/links'
+import { useRouteRequest } from '@/lib/requests'
+import { links } from '@/lib/router/links'
+import { IonContent, IonPage } from '@ionic/vue'
+import { computed, ref } from 'vue'
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
+const getClient = useBobbinClientProvider()
+const repo = computed(() => String(route.params.repo ?? ''))
+const repositoryRequest = useRouteRequest(repo, (identifier, signal, attempt) =>
+	getClient().getRepo(identifier as Parameters<ReturnType<typeof getClient>['getRepo']>[0], {
+		signal,
+		cache: attempt.cache,
+	}),
+)
+const repository = computed(() => repositoryRequest.data.value)
+const ownerDid = computed(() => parseAtUri(repo.value)?.authority)
+const repositoryDid = computed(() => repository.value?.value.repoDid ?? '')
+const repositoryName = computed(() => {
+	const name = repository.value?.value.name?.trim()
+	return name || parseAtUri(repo.value)?.rkey || 'Repository'
+})
+const canonicalUrl = computed(() => (repositoryDid.value ? `https://tangled.org/${repositoryDid.value}` : undefined))
+const cloneUrl = canonicalUrl
+const websiteUrl = computed(() => safeWebUrl(repository.value?.value.website))
+const sourceUrl = computed(() => safeWebUrl(repository.value?.value.source))
+const archiveTarUrl = computed(() => getClient().repositoryArchiveUrl(repositoryDid.value, 'tar.gz'))
+const archiveZipUrl = computed(() => getClient().repositoryArchiveUrl(repositoryDid.value, 'zip'))
+const didCopyLabel = ref('Copy repository DID')
+const cloneCopyLabel = ref('Copy HTTPS clone URL')
+
+const countsRequest = useRouteRequest(repositoryDid, (did, signal, attempt) =>
+	did
+		? getClient().getRepositoryCounts(did as Parameters<ReturnType<typeof getClient>['getRepositoryCounts']>[0], {
+				signal,
+				cache: attempt.cache,
+			})
+		: Promise.resolve(undefined),
+)
+const languagesRequest = useRouteRequest(
+	repositoryDid,
+	(did, signal, attempt) =>
+		did ? getClient().getRepositoryLanguages(did, { signal, cache: attempt.cache }) : Promise.resolve(undefined),
+	{ isEmpty: (data) => !data?.languages.length },
+)
+const treeRequest = useRouteRequest(repositoryDid, (did, signal, attempt) =>
+	did ? getClient().getRepositoryTree(did, { signal, cache: attempt.cache }) : Promise.resolve(undefined),
+)
+const collaboratorsRequest = useRouteRequest(
+	repositoryDid,
+	(did, signal, attempt) =>
+		did
+			? getClient().listRepositoryCollaborators(
+					did as Parameters<ReturnType<typeof getClient>['listRepositoryCollaborators']>[0],
+					{ signal, cache: attempt.cache },
+				)
+			: Promise.resolve(undefined),
+	{ isEmpty: (data) => !data?.items.length },
+)
+const labelsRequest = useRouteRequest(
+	repositoryDid,
+	(did, signal, attempt) =>
+		did ? getClient().listRepositoryLabels(did, { signal, cache: attempt.cache }) : Promise.resolve(undefined),
+	{ isEmpty: (data) => !data?.length },
+)
+const updatesRequest = useRouteRequest(
+	repositoryDid,
+	(did, signal, attempt) =>
+		did
+			? getClient().listRepositoryRefUpdates(
+					did as Parameters<ReturnType<typeof getClient>['listRepositoryRefUpdates']>[0],
+					{ signal, cache: attempt.cache },
+				)
+			: Promise.resolve(undefined),
+	{ isEmpty: (data) => !data?.length },
+)
+
+async function copyRepoDid(): Promise<void> {
+	if (!repositoryDid.value) return
+	didCopyLabel.value = (await copyText(repositoryDid.value)) ? 'Repository DID copied' : 'Copy failed'
+}
+
+async function copyCloneUrl(): Promise<void> {
+	if (!cloneUrl.value) return
+	cloneCopyLabel.value = (await copyText(cloneUrl.value)) ? 'Clone URL copied' : 'Copy failed'
+}
+
+async function copyText(value: string): Promise<boolean> {
+	try {
+		await navigator.clipboard.writeText(value)
+		return true
+	} catch {
+		return false
+	}
+}
+
+function safeWebUrl(value: string | undefined): string | undefined {
+	if (!value) return undefined
+	try {
+		const url = new URL(value)
+		return url.protocol === 'https:' ? url.href : undefined
+	} catch {
+		return undefined
+	}
+}
+</script>
+
+<style scoped>
+.repository-page {
+	display: grid;
+	gap: var(--space-8);
+}
+
+.repository-intro {
+	display: grid;
+	grid-template-columns: minmax(0, 1fr) auto;
+	gap: var(--space-6);
+}
+
+.repository-intro__description {
+	max-inline-size: 48rem;
+	margin: 0;
+	font-size: var(--text-lg);
+	line-height: 1.6;
+}
+
+.repository-topics,
+.label-list {
+	display: flex;
+	flex-wrap: wrap;
+	gap: var(--space-2);
+	margin: var(--space-4) 0 0;
+	padding: 0;
+	list-style: none;
+}
+
+.repository-topics li,
+.label-list li {
+	border: 1px solid var(--app-border);
+	border-radius: 999px;
+	padding: var(--space-1) var(--space-3);
+	color: var(--app-text-muted);
+	font-size: var(--text-xs);
+}
+
+.repository-facts {
+	display: flex;
+	flex-wrap: wrap;
+	gap: var(--space-5);
+	margin-block-start: var(--space-5);
+}
+
+.repository-facts div {
+	display: grid;
+	gap: var(--space-1);
+}
+
+.repository-facts dt {
+	color: var(--app-text-muted);
+	font-size: var(--text-xs);
+	font-weight: 700;
+}
+
+.repository-facts dd {
+	margin: 0;
+	overflow-wrap: anywhere;
+}
+
+.repository-actions {
+	display: grid;
+	align-content: start;
+	gap: var(--space-2);
+}
+
+.repository-actions button,
+.repository-actions a {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	min-block-size: 44px;
+	border: 1px solid var(--app-border);
+	border-radius: var(--radius-sm);
+	padding-inline: var(--space-4);
+	color: var(--app-text);
+	background: var(--app-surface);
+	font: inherit;
+	font-weight: 650;
+	text-decoration: none;
+	cursor: pointer;
+}
+
+.repository-counts {
+	display: grid;
+	grid-template-columns: repeat(3, minmax(0, 1fr));
+	gap: var(--space-3);
+}
+
+.repository-counts > a,
+.repository-counts > div {
+	display: grid;
+	gap: var(--space-1);
+	border-block: 1px solid var(--app-border);
+	padding-block: var(--space-4);
+	color: var(--app-text-muted);
+	text-decoration: none;
+}
+
+.repository-counts strong {
+	color: var(--app-text);
+	font-family: var(--font-display);
+	font-size: var(--text-2xl);
+}
+
+.repository-overview-grid {
+	display: grid;
+	grid-template-columns: repeat(3, minmax(0, 1fr));
+	gap: var(--space-4);
+}
+
+.overview-panel {
+	display: grid;
+	align-content: start;
+	gap: var(--space-4);
+	border: 1px solid var(--app-border);
+	border-radius: var(--radius-md);
+	padding: var(--space-5);
+	background: var(--app-surface);
+}
+
+.overview-panel--wide {
+	background: transparent;
+}
+
+.overview-panel > header {
+	display: flex;
+	align-items: baseline;
+	justify-content: space-between;
+	gap: var(--space-4);
+}
+
+.overview-panel h2 {
+	margin: 0;
+	font-family: var(--font-display);
+	font-size: var(--text-2xl);
+}
+
+.language-list,
+.simple-list,
+.updates-list {
+	display: grid;
+	gap: var(--space-3);
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+
+.language-list li,
+.updates-list li {
+	display: flex;
+	justify-content: space-between;
+	gap: var(--space-3);
+}
+
+.simple-list a,
+.updates-list a,
+.updates-list code {
+	overflow-wrap: anywhere;
+}
+
+.compact-empty {
+	border-inline-start: 3px solid var(--app-border);
+	padding: var(--space-3) var(--space-4);
+	color: var(--app-text-muted);
+}
+
+@media (max-width: 820px) {
+	.repository-intro,
+	.repository-overview-grid {
+		grid-template-columns: 1fr;
+	}
+
+	.repository-actions {
+		grid-template-columns: repeat(2, minmax(0, 1fr));
+	}
+}
+
+@media (max-width: 520px) {
+	.repository-actions,
+	.repository-counts {
+		grid-template-columns: 1fr;
+	}
+}
+</style>
diff --git a/src/views/SearchPage.vue b/src/views/SearchPage.vue
index 7e73061..86d549f 100644
--- a/src/views/SearchPage.vue
+++ b/src/views/SearchPage.vue
@@ -87,16 +87,16 @@
 </template>
 
 <script setup lang="ts">
-import type { BobbinError, SearchParams, ValidatedSearchHit } from '@/api'
-import { errorFromException, useBobbinClientProvider } from '@/api'
+import type { BobbinError, SearchParams, ValidatedSearchHit } from '@/lib/api'
+import { errorFromException, useBobbinClientProvider } from '@/lib/api'
 import CoverageNotice from '@/components/CoverageNotice.vue'
 import PageHeader from '@/components/PageHeader.vue'
 import RequestState from '@/components/RequestState.vue'
 import { localRecordLink } from '@/content/links'
 import { classifyIdentifier } from '@/features/discovery/identifiers'
 import { collectionName, recordExcerpt, recordTitle, searchableRecordSchemas } from '@/features/discovery/records'
-import { useRouteRequest } from '@/requests'
-import { links } from '@/router/links'
+import { useRouteRequest } from '@/lib/requests'
+import { links } from '@/lib/router/links'
 import { IonContent, IonPage } from '@ionic/vue'
 import { computed, reactive, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
diff --git a/src/views/SettingsPage.vue b/src/views/SettingsPage.vue
index 620e8d2..ef9d708 100644
--- a/src/views/SettingsPage.vue
+++ b/src/views/SettingsPage.vue
@@ -98,9 +98,9 @@
 
 <script setup lang="ts">
 import PageHeader from '@/components/PageHeader.vue'
-import { useBobbinService } from '@/settings/service'
-import { useTheme } from '@/theme'
-import type { Base16Slot } from '@/theme'
+import { useBobbinService } from '@/lib/settings/service'
+import { useTheme } from '@/lib/theme'
+import type { Base16Slot } from '@/lib/theme'
 import { IonContent, IonPage } from '@ionic/vue'
 import { ref } from 'vue'
 
diff --git a/tests/e2e/specs/foundation.cy.ts b/tests/e2e/specs/foundation.cy.ts
index 5930407..401ab20 100644
--- a/tests/e2e/specs/foundation.cy.ts
+++ b/tests/e2e/specs/foundation.cy.ts
@@ -21,8 +21,9 @@ describe('Twisted foundation', () => {
 			await document.fonts.ready
 			expect(document.fonts.check('16px "Commissioner Variable"')).to.equal(true)
 			expect(document.fonts.check('16px "Azeret Mono Variable"')).to.equal(true)
+			expect(document.fonts.check('16px "Instrument Sans Variable"')).to.equal(true)
 		})
-		cy.get('h1').should('have.css', 'font-family').and('contain', 'Commissioner Variable')
+		cy.get('h1').should('have.css', 'font-family').and('contain', 'Instrument Sans Variable')
 		cy.get('.public-trail__number').first().should('have.css', 'font-family').and('contain', 'Azeret Mono Variable')
 	})
 
diff --git a/tests/e2e/tsconfig.json b/tests/e2e/tsconfig.json
new file mode 100644
index 0000000..ccb1215
--- /dev/null
+++ b/tests/e2e/tsconfig.json
@@ -0,0 +1,5 @@
+{
+	"extends": "../../tsconfig.json",
+	"compilerOptions": { "types": ["cypress", "vite/client"] },
+	"include": ["./**/*.ts"]
+}
diff --git a/tests/unit/activity/recent.spec.ts b/tests/unit/activity/recent.spec.ts
index b92de8f..bf62d27 100644
--- a/tests/unit/activity/recent.spec.ts
+++ b/tests/unit/activity/recent.spec.ts
@@ -5,7 +5,7 @@ import {
 	loadRecentActivity,
 	rememberRecentRoute,
 	useRecentActivity,
-} from '@/activity/recent'
+} from '@/lib/activity/recent'
 import { afterEach, beforeEach, describe, expect, test, vi } from 'vitest'
 import { createMemoryHistory, createRouter } from 'vue-router'
 
diff --git a/tests/unit/actor-activity-page.spec.ts b/tests/unit/actor-activity-page.spec.ts
new file mode 100644
index 0000000..8549c81
--- /dev/null
+++ b/tests/unit/actor-activity-page.spec.ts
@@ -0,0 +1,110 @@
+import type { BobbinClient } from '@/lib/api'
+import { actorActivityKinds, BOBBIN_CLIENT_PROVIDER, BobbinError } from '@/lib/api'
+import { actorActivityDefinitions } from '@/features/activity/actor'
+import ActorActivityPage from '@/views/ActorActivityPage.vue'
+import { flushPromises } from '@vue/test-utils'
+import { describe, expect, test, vi } from 'vitest'
+import { mountIonicRoute } from './support/mount'
+
+const actorDid = 'did:plc:person'
+
+const routes = [
+	{ path: '/search', name: 'search', component: { template: '<div />' } },
+	{ path: '/profiles/:actor', name: 'profile', component: { template: '<div />' } },
+	{ path: '/profiles/:actor/activity/:activity?', name: 'actor-activity', component: ActorActivityPage },
+]
+
+function identity() {
+	return { did: actorDid, handle: 'person.example', pds: 'https://pds.example', signing_key: 'key' }
+}
+
+describe('ActorActivityPage', () => {
+	test('covers every actor activity family and preserves issue filters and pagination', async () => {
+		const listActorActivity = vi
+			.fn()
+			.mockResolvedValueOnce({
+				items: [
+					{
+						uri: `at://${actorDid}/sh.tangled.repo.issue/first`,
+						value: {
+							$type: 'sh.tangled.repo.issue',
+							title: 'First issue',
+							body: 'Details for the issue.',
+							createdAt: '2026-08-01T00:00:00.000Z',
+							repo: 'did:plc:repo',
+						},
+					},
+				],
+				cursor: 'next',
+			})
+			.mockResolvedValueOnce({
+				items: [
+					{
+						uri: `at://${actorDid}/sh.tangled.repo.issue/second`,
+						value: { $type: 'sh.tangled.repo.issue', title: 'Second issue' },
+					},
+				],
+			})
+		const client = {
+			resolveIdentity: vi.fn().mockResolvedValue(identity()),
+			listActorActivity,
+		} as unknown as BobbinClient
+		const wrapper = await mountIonicRoute(
+			ActorActivityPage,
+			'/profiles/person.example/activity/issues?state=open',
+			routes,
+			{ [BOBBIN_CLIENT_PROVIDER]: () => client, navManager: { handleNavigateBack: vi.fn() } },
+		)
+		await flushPromises()
+
+		expect(actorActivityDefinitions.map((definition) => definition.kind)).toEqual(actorActivityKinds)
+		expect(wrapper.findAll('.activity-nav a')).toHaveLength(actorActivityKinds.length)
+		expect(listActorActivity).toHaveBeenCalledWith(
+			'issues',
+			actorDid,
+			expect.objectContaining({ state: 'open', limit: 10 }),
+		)
+		expect(wrapper.text()).toContain('First issue')
+		await wrapper.get('.activity-section__more').trigger('click')
+		await flushPromises()
+		expect(listActorActivity).toHaveBeenLastCalledWith(
+			'issues',
+			actorDid,
+			expect.objectContaining({ cursor: 'next', state: 'open' }),
+		)
+		expect(wrapper.text()).toContain('Second issue')
+	})
+
+	test('keeps other activity sections available after one section fails', async () => {
+		const listActorActivity = vi.fn((kind: string) =>
+			kind === 'comments'
+				? Promise.reject(new BobbinError('upstream-unavailable', 'comments unavailable'))
+				: Promise.resolve({
+						items: [
+							{
+								uri: `at://${actorDid}/sh.tangled.feed.reaction/first`,
+								value: { $type: 'sh.tangled.feed.reaction', reaction: '👍' },
+							},
+						],
+					}),
+		)
+		const client = {
+			resolveIdentity: vi.fn().mockResolvedValue(identity()),
+			listActorActivity,
+		} as unknown as BobbinClient
+		const wrapper = await mountIonicRoute(ActorActivityPage, '/profiles/person.example/activity/comments', routes, {
+			[BOBBIN_CLIENT_PROVIDER]: () => client,
+			navManager: { handleNavigateBack: vi.fn() },
+		})
+		await flushPromises()
+		expect(wrapper.text()).toContain('Part of Tangled is unavailable')
+
+		await wrapper
+			.findAll('.activity-nav a')
+			.find((link) => link.text() === 'Reactions')!
+			.trigger('click')
+		await flushPromises()
+		expect(wrapper.text()).toContain('👍')
+		expect(wrapper.text()).not.toContain('Part of Tangled is unavailable')
+	})
+})
diff --git a/tests/unit/api/cache.spec.ts b/tests/unit/api/cache.spec.ts
index c0fcd20..9d1637f 100644
--- a/tests/unit/api/cache.spec.ts
+++ b/tests/unit/api/cache.spec.ts
@@ -1,4 +1,4 @@
-import { CursorGuard, RequestCache, createRequestKey } from '@/api'
+import { CursorGuard, RequestCache, createRequestKey } from '@/lib/api'
 import { describe, expect, test, vi } from 'vitest'
 
 function deferred<T>() {
diff --git a/tests/unit/api/client.spec.ts b/tests/unit/api/client.spec.ts
index 2be10c0..4033fe1 100644
--- a/tests/unit/api/client.spec.ts
+++ b/tests/unit/api/client.spec.ts
@@ -1,6 +1,6 @@
 import { ShTangledRepo } from '@atcute/tangled'
 import { describe, expect, test, vi } from 'vitest'
-import { BobbinClient, BobbinError, normalizeBobbinService } from '@/api'
+import { actorActivityKinds, BobbinClient, BobbinError, normalizeBobbinService } from '@/lib/api'
 
 const repoUri = 'at://did:plc:xg2vq45muivyy3xwatcehspu/sh.tangled.repo/3mho6hukiei22'
 
@@ -12,6 +12,10 @@ function jsonResponse(body: unknown, init: ResponseInit = {}): Response {
 	})
 }
 
+function fetchMock() {
+	return vi.fn<[input: RequestInfo | URL, init?: RequestInit], Promise<Response>>()
+}
+
 function repoRecord() {
 	return {
 		$type: 'sh.tangled.repo',
@@ -23,10 +27,28 @@ function repoRecord() {
 }
 
 describe('BobbinClient', () => {
+	test('removes blank placeholders from older actor profiles before validation', async () => {
+		const profileUri = 'at://did:plc:person/sh.tangled.actor.profile/self'
+		const fetch = fetchMock().mockResolvedValue(
+			jsonResponse({
+				uri: profileUri,
+				value: {
+					$type: 'sh.tangled.actor.profile',
+					bluesky: true,
+					links: ['https://person.example', '', '  '],
+					stats: ['', 'repository-count'],
+				},
+			}),
+		)
+		const client = new BobbinClient({ fetch })
+
+		await expect(client.getProfile(profileUri)).resolves.toMatchObject({
+			value: { links: ['https://person.example'], stats: ['repository-count'] },
+		})
+	})
+
 	test('validates embedded repository records', async () => {
-		const fetch = vi
-			.fn<typeof globalThis.fetch>()
-			.mockResolvedValue(jsonResponse({ uri: repoUri, value: repoRecord() }))
+		const fetch = fetchMock().mockResolvedValue(jsonResponse({ uri: repoUri, value: repoRecord() }))
 		const client = new BobbinClient({ fetch })
 
 		await expect(client.getRepo(repoUri)).resolves.toMatchObject({
@@ -38,8 +60,7 @@ describe('BobbinClient', () => {
 
 	test('validates repository DID and ordered batch lookups', async () => {
 		const secondUri = repoUri.replace('3mho6hukiei22', 'second')
-		const fetch = vi
-			.fn<typeof globalThis.fetch>()
+		const fetch = fetchMock()
 			.mockResolvedValueOnce(jsonResponse({ uri: repoUri, value: repoRecord() }))
 			.mockResolvedValueOnce(
 				jsonResponse({
@@ -52,30 +73,28 @@ describe('BobbinClient', () => {
 		const client = new BobbinClient({ fetch })
 
 		await expect(client.getRepoByRepoDid('did:plc:4iw5fospv2asv3344au236ka')).resolves.toMatchObject({ uri: repoUri })
-		await expect(client.getRepos([repoUri, secondUri])).resolves.toEqual([
+		await expect(client.getRepos([repoUri, secondUri] as Parameters<BobbinClient['getRepos']>[0])).resolves.toEqual([
 			expect.objectContaining({ uri: repoUri }),
 			expect.objectContaining({ uri: secondUri }),
 		])
 	})
 
 	test('rejects malformed embedded records', async () => {
-		const fetch = vi
-			.fn<typeof globalThis.fetch>()
-			.mockResolvedValue(jsonResponse({ uri: repoUri, value: { ...repoRecord(), $type: 'wrong.type' } }))
+		const fetch = fetchMock().mockResolvedValue(
+			jsonResponse({ uri: repoUri, value: { ...repoRecord(), $type: 'wrong.type' } }),
+		)
 		const client = new BobbinClient({ fetch })
 
 		await expect(client.getRepo(repoUri)).rejects.toMatchObject({ kind: 'malformed-response' })
 	})
 
 	test('validates and paginates search hits', async () => {
-		const fetch = vi
-			.fn<typeof globalThis.fetch>()
-			.mockResolvedValue(
-				jsonResponse({
-					cursor: 'next-page',
-					hits: [{ uri: repoUri, nsid: 'sh.tangled.repo', score: 1.5, value: repoRecord() }],
-				}),
-			)
+		const fetch = fetchMock().mockResolvedValue(
+			jsonResponse({
+				cursor: 'next-page',
+				hits: [{ uri: repoUri, nsid: 'sh.tangled.repo', score: 1.5, value: repoRecord() }],
+			}),
+		)
 		const client = new BobbinClient({ fetch })
 
 		const page = await client.search({ q: 'twisted' }, { 'sh.tangled.repo': ShTangledRepo.mainSchema })
@@ -84,10 +103,89 @@ describe('BobbinClient', () => {
 		expect(page.items[0].value.$type).toBe('sh.tangled.repo')
 	})
 
+	test('validates and paginates actor activity through its typed query', async () => {
+		const reactionUri = 'at://did:plc:person/sh.tangled.feed.reaction/3mho6hukiei22'
+		const fetch = fetchMock().mockResolvedValue(
+			jsonResponse({
+				cursor: 'next-page',
+				items: [
+					{
+						uri: reactionUri,
+						value: {
+							$type: 'sh.tangled.feed.reaction',
+							createdAt: '2026-08-01T00:00:00.000Z',
+							reaction: '👍',
+							subject: repoUri,
+						},
+					},
+				],
+			}),
+		)
+		const client = new BobbinClient({ fetch })
+
+		await expect(client.listActorActivity('reactions', 'did:plc:person', { limit: 10 })).resolves.toEqual({
+			cursor: 'next-page',
+			items: [expect.objectContaining({ uri: reactionUri, value: expect.objectContaining({ reaction: '👍' }) })],
+		})
+		const requestUrl = new URL(String(fetch.mock.calls[0][0]))
+		expect(requestUrl.pathname).toBe('/xrpc/sh.tangled.feed.listReactionsBy')
+		expect(requestUrl.searchParams.get('subject')).toBe('did:plc:person')
+		expect(requestUrl.searchParams.get('limit')).toBe('10')
+	})
+
+	test('passes issue state filters to the actor activity query', async () => {
+		const fetch = fetchMock().mockImplementation(async () => jsonResponse({ items: [] }))
+		const client = new BobbinClient({ fetch })
+
+		await client.listActorActivity('issues', 'did:plc:person', { state: 'open' })
+		const requestUrl = new URL(String(fetch.mock.calls[0][0]))
+		expect(requestUrl.pathname).toBe('/xrpc/sh.tangled.repo.listIssuesBy')
+		expect(requestUrl.searchParams.get('state')).toBe('open')
+	})
+
+	test('dispatches every actor activity family through its published query', async () => {
+		const endpoints = [
+			'sh.tangled.feed.listCommentsBy',
+			'sh.tangled.feed.listReactionsBy',
+			'sh.tangled.feed.listStarsBy',
+			'sh.tangled.graph.listFollowsBy',
+			'sh.tangled.graph.listVouchesBy',
+			'sh.tangled.repo.listIssuesBy',
+			'sh.tangled.repo.listPullsBy',
+			'sh.tangled.repo.issue.listStatesBy',
+			'sh.tangled.repo.pull.listStatusesBy',
+			'sh.tangled.git.listRefUpdatesBy',
+			'sh.tangled.repo.listCollaboratorsBy',
+			'sh.tangled.label.listOpsBy',
+			'sh.tangled.pipeline.listPipelinesBy',
+			'sh.tangled.pipeline.listStatusesBy',
+			'sh.tangled.repo.listArtifactsBy',
+			'sh.tangled.knot.listMembersBy',
+			'sh.tangled.spindle.listMembersBy',
+		]
+		const fetch = fetchMock().mockImplementation(async () => jsonResponse({ items: [] }))
+		const client = new BobbinClient({ fetch })
+
+		for (const kind of actorActivityKinds) await client.listActorActivity(kind, 'did:plc:person')
+
+		expect(fetch.mock.calls.map((call) => new URL(String(call[0])).pathname.replace('/xrpc/', ''))).toEqual(endpoints)
+	})
+
+	test('builds read-only repository archive links without losing repository identity', () => {
+		const client = new BobbinClient({ service: 'https://api.example' })
+
+		const archive = new URL(client.repositoryArchiveUrl('did:plc:4iw5fospv2asv3344au236ka', 'zip'))
+		expect(archive.origin).toBe('https://api.example')
+		expect(archive.pathname).toBe('/xrpc/sh.tangled.repo.archive')
+		expect(archive.searchParams.get('repo')).toBe('did:plc:4iw5fospv2asv3344au236ka')
+		expect(archive.searchParams.get('ref')).toBe('HEAD')
+		expect(archive.searchParams.get('format')).toBe('zip')
+	})
+
 	test('maps aborts separately from network failures', async () => {
 		const controller = new AbortController()
 		let requestSignal!: AbortSignal
-		const fetch = vi.fn<typeof globalThis.fetch>().mockImplementation((_input, init) => {
+		const fetch = fetchMock().mockImplementation((_input, init) => {
 			requestSignal = init?.signal as AbortSignal
 			return new Promise((_resolve, reject) => {
 				requestSignal.addEventListener('abort', () => reject(new DOMException('Canceled', 'AbortError')), {
@@ -105,9 +203,9 @@ describe('BobbinClient', () => {
 
 	test('deduplicates concurrent identical Bobbin calls', async () => {
 		let resolveFetch!: (response: Response) => void
-		const fetch = vi.fn<typeof globalThis.fetch>().mockImplementation(
+		const fetch = fetchMock().mockImplementation(
 			() =>
-				new Promise((resolve) => {
+				new Promise<Response>((resolve) => {
 					resolveFetch = resolve
 				}),
 		)
@@ -124,8 +222,7 @@ describe('BobbinClient', () => {
 	})
 
 	test('reloads a cached query only when requested', async () => {
-		const fetch = vi
-			.fn<typeof globalThis.fetch>()
+		const fetch = fetchMock()
 			.mockResolvedValueOnce(jsonResponse({ ready: true, eventsProcessed: 100, lastCursor: 120 }))
 			.mockResolvedValueOnce(jsonResponse({ ready: true, eventsProcessed: 101, lastCursor: 121 }))
 		const client = new BobbinClient({ fetch })
@@ -137,9 +234,7 @@ describe('BobbinClient', () => {
 	})
 
 	test('adds Bobbin knot proxy parameters without copying generated outputs', async () => {
-		const fetch = vi
-			.fn<typeof globalThis.fetch>()
-			.mockResolvedValue(jsonResponse({ owner: 'did:plc:xg2vq45muivyy3xwatcehspu' }))
+		const fetch = fetchMock().mockResolvedValue(jsonResponse({ owner: 'did:plc:xg2vq45muivyy3xwatcehspu' }))
 		const client = new BobbinClient({ fetch })
 
 		await expect(client.getKnotOwner('knot.example')).resolves.toEqual({ owner: 'did:plc:xg2vq45muivyy3xwatcehspu' })
@@ -147,14 +242,12 @@ describe('BobbinClient', () => {
 	})
 
 	test('maps XRPC status and retry timing', async () => {
-		const fetch = vi
-			.fn<typeof globalThis.fetch>()
-			.mockResolvedValue(
-				jsonResponse(
-					{ error: 'RateLimitExceeded', message: 'Slow down' },
-					{ status: 429, headers: { 'retry-after': '3' } },
-				),
-			)
+		const fetch = fetchMock().mockResolvedValue(
+			jsonResponse(
+				{ error: 'RateLimitExceeded', message: 'Slow down' },
+				{ status: 429, headers: { 'retry-after': '3' } },
+			),
+		)
 		const client = new BobbinClient({ fetch })
 
 		await expect(client.getCoverage()).rejects.toEqual(
@@ -163,7 +256,7 @@ describe('BobbinClient', () => {
 	})
 
 	test('maps invalid top-level responses to malformed data', async () => {
-		const fetch = vi.fn<typeof globalThis.fetch>().mockResolvedValue(jsonResponse({ ready: true }))
+		const fetch = fetchMock().mockResolvedValue(jsonResponse({ ready: true }))
 		const client = new BobbinClient({ fetch })
 
 		await expect(client.getCoverage()).rejects.toMatchObject({ kind: 'malformed-response' })
diff --git a/tests/unit/api/errors.spec.ts b/tests/unit/api/errors.spec.ts
index 6b58afa..aab26d9 100644
--- a/tests/unit/api/errors.spec.ts
+++ b/tests/unit/api/errors.spec.ts
@@ -1,5 +1,5 @@
 import { describe, expect, test, vi } from 'vitest'
-import { errorFromException, errorFromResponse } from '@/api'
+import { errorFromException, errorFromResponse } from '@/lib/api'
 
 describe('errorFromResponse', () => {
 	test.each([
diff --git a/tests/unit/content/markdown.spec.ts b/tests/unit/content/markdown.spec.ts
index 80a9bfb..072e130 100644
--- a/tests/unit/content/markdown.spec.ts
+++ b/tests/unit/content/markdown.spec.ts
@@ -1,4 +1,4 @@
-import router from '@/router'
+import router from '@/lib/router'
 import { renderMarkdown } from '@/content'
 import { describe, expect, test } from 'vitest'
 
diff --git a/tests/unit/profile-page.spec.ts b/tests/unit/profile-page.spec.ts
index cdf9bc2..09eb522 100644
--- a/tests/unit/profile-page.spec.ts
+++ b/tests/unit/profile-page.spec.ts
@@ -1,5 +1,5 @@
-import type { BobbinClient } from '@/api'
-import { BOBBIN_CLIENT_PROVIDER, BobbinError } from '@/api'
+import type { BobbinClient } from '@/lib/api'
+import { BOBBIN_CLIENT_PROVIDER, BobbinError } from '@/lib/api'
 import ProfilePage from '@/views/ProfilePage.vue'
 import { flushPromises } from '@vue/test-utils'
 import { describe, expect, test, vi } from 'vitest'
@@ -23,6 +23,12 @@ function repository(name: string, repoDid: string) {
 function routes() {
 	return [
 		{ path: '/profiles/:actor', name: 'profile', component: ProfilePage },
+		{ path: '/profiles/:actor/activity/:activity?', name: 'actor-activity', component: { template: '<div />' } },
+		{
+			path: '/profiles/:actor/relationships/:relationship?',
+			name: 'actor-relationships',
+			component: { template: '<div />' },
+		},
 		{ path: '/repositories/:repo', name: 'repository', component: { template: '<div />' } },
 	]
 }
diff --git a/tests/unit/repository-page.spec.ts b/tests/unit/repository-page.spec.ts
new file mode 100644
index 0000000..b860237
--- /dev/null
+++ b/tests/unit/repository-page.spec.ts
@@ -0,0 +1,134 @@
+import type { BobbinClient } from '@/lib/api'
+import { BOBBIN_CLIENT_PROVIDER, BobbinError } from '@/lib/api'
+import RepositoryPage from '@/views/RepositoryPage.vue'
+import { flushPromises } from '@vue/test-utils'
+import { beforeEach, describe, expect, test, vi } from 'vitest'
+import { mountIonicRoute } from './support/mount'
+
+const repoUri = 'at://did:plc:owner/sh.tangled.repo/twisted'
+const repoDid = 'did:plc:repository'
+
+const routes = [
+	{ path: '/profiles/:actor', name: 'profile', component: { template: '<div />' } },
+	{ path: '/repositories/:repo', name: 'repository', component: RepositoryPage },
+	{ path: '/repositories/:repo/source', name: 'repository-source', component: { template: '<div />' } },
+	{ path: '/repositories/:repo/commits', name: 'repository-commits', component: { template: '<div />' } },
+	{ path: '/repositories/:repo/issues', name: 'issues', component: { template: '<div />' } },
+	{ path: '/repositories/:repo/pulls', name: 'pulls', component: { template: '<div />' } },
+	{ path: '/knots/:knot', name: 'knot', component: { template: '<div />' } },
+	{ path: '/spindles/:spindle', name: 'spindle', component: { template: '<div />' } },
+	{ path: '/labels/:scope', name: 'labels', component: { template: '<div />' } },
+]
+
+function repository() {
+	return {
+		uri: repoUri,
+		value: {
+			$type: 'sh.tangled.repo',
+			createdAt: '2026-08-01T00:00:00.000Z',
+			description: 'A Tangled client.',
+			knot: 'knot.tangled.example',
+			name: 'Twisted',
+			repoDid,
+			source: 'https://source.example/twisted',
+			spindle: 'spindle.example',
+			topics: ['vue', 'typescript'],
+			website: 'https://twisted.example',
+		},
+	}
+}
+
+function client(overrides: Partial<BobbinClient> = {}): BobbinClient {
+	return {
+		getRepo: vi.fn().mockResolvedValue(repository()),
+		getRepositoryCounts: vi.fn().mockResolvedValue({ issues: 4, pulls: 2, stars: 9 }),
+		getRepositoryLanguages: vi
+			.fn()
+			.mockResolvedValue({ ref: 'HEAD', languages: [{ name: 'TypeScript', percentage: 80, size: 100, fileCount: 5 }] }),
+		getRepositoryTree: vi
+			.fn()
+			.mockResolvedValue({
+				ref: 'HEAD',
+				files: [],
+				readme: { filename: 'README.md', contents: '# Welcome\n\nRead the project.' },
+			}),
+		listRepositoryCollaborators: vi
+			.fn()
+			.mockResolvedValue({
+				items: [{ subject: 'did:plc:collaborator', addedBy: 'did:plc:owner', createdAt: '2026-08-01' }],
+			}),
+		listRepositoryLabels: vi
+			.fn()
+			.mockResolvedValue([
+				{
+					uri: 'at://did:plc:owner/sh.tangled.label.definition/bug',
+					value: { $type: 'sh.tangled.label.definition', name: 'Bug' },
+				},
+			]),
+		listRepositoryRefUpdates: vi
+			.fn()
+			.mockResolvedValue([
+				{
+					uri: 'at://did:plc:owner/sh.tangled.git.refUpdate/update',
+					value: { ref: 'refs/heads/main', newSha: 'a'.repeat(40), committerDid: 'did:plc:owner' },
+				},
+			]),
+		repositoryArchiveUrl: vi.fn((_repo, format) => `https://api.example/archive.${format}`),
+		...overrides,
+	} as unknown as BobbinClient
+}
+
+describe('RepositoryPage', () => {
+	beforeEach(() => {
+		Object.defineProperty(navigator, 'clipboard', {
+			configurable: true,
+			value: { writeText: vi.fn().mockResolvedValue(undefined) },
+		})
+	})
+
+	test('renders identity, independent overview data, safe actions, and README content', async () => {
+		const fakeClient = client()
+		const wrapper = await mountIonicRoute(RepositoryPage, `/repositories/${encodeURIComponent(repoUri)}`, routes, {
+			[BOBBIN_CLIENT_PROVIDER]: () => fakeClient,
+			navManager: { handleNavigateBack: vi.fn() },
+		})
+		await flushPromises()
+		await flushPromises()
+
+		expect(wrapper.text()).toContain(repoUri)
+		expect(wrapper.text()).toContain(repoDid)
+		expect(wrapper.text()).toContain('TypeScript')
+		expect(wrapper.text()).toContain('did:plc:collaborator')
+		expect(wrapper.text()).toContain('Bug')
+		expect(wrapper.text()).toContain('Welcome')
+		expect(wrapper.text()).toContain('refs/heads/main')
+		expect(wrapper.text()).toContain('4 Issues')
+		expect(wrapper.findAll('.repository-actions a')).toHaveLength(4)
+		expect(fakeClient.getRepositoryLanguages).toHaveBeenCalledWith(repoDid, expect.any(Object))
+		expect(fakeClient.getRepositoryTree).toHaveBeenCalledWith(repoDid, expect.any(Object))
+		expect(fakeClient.repositoryArchiveUrl).toHaveBeenCalledWith(repoDid, 'tar.gz')
+		expect(fakeClient.repositoryArchiveUrl).toHaveBeenCalledWith(repoDid, 'zip')
+
+		await wrapper.findAll('.repository-actions button')[0].trigger('click')
+		await wrapper.findAll('.repository-actions button')[1].trigger('click')
+		expect(navigator.clipboard.writeText).toHaveBeenCalledWith(repoDid)
+		expect(navigator.clipboard.writeText).toHaveBeenCalledWith(`https://tangled.org/${repoDid}`)
+	})
+
+	test('keeps the README available when another overview section fails', async () => {
+		const fakeClient = client({
+			getRepositoryLanguages: vi
+				.fn()
+				.mockRejectedValue(new BobbinError('upstream-unavailable', 'languages unavailable')),
+		} as Partial<BobbinClient>)
+		const wrapper = await mountIonicRoute(RepositoryPage, `/repositories/${encodeURIComponent(repoUri)}`, routes, {
+			[BOBBIN_CLIENT_PROVIDER]: () => fakeClient,
+			navManager: { handleNavigateBack: vi.fn() },
+		})
+		await flushPromises()
+		await flushPromises()
+
+		expect(wrapper.text()).toContain('Part of Tangled is unavailable')
+		expect(wrapper.text()).toContain('Welcome')
+	})
+})
diff --git a/tests/unit/request-components.spec.ts b/tests/unit/request-components.spec.ts
index bac9449..c6a9ebe 100644
--- a/tests/unit/request-components.spec.ts
+++ b/tests/unit/request-components.spec.ts
@@ -1,4 +1,4 @@
-import { BobbinError } from '@/api'
+import { BobbinError } from '@/lib/api'
 import CoverageNotice from '@/components/CoverageNotice.vue'
 import RequestState from '@/components/RequestState.vue'
 import { mount } from '@vue/test-utils'
diff --git a/tests/unit/requests/use-route-request.spec.ts b/tests/unit/requests/use-route-request.spec.ts
index 2b500f8..645e077 100644
--- a/tests/unit/requests/use-route-request.spec.ts
+++ b/tests/unit/requests/use-route-request.spec.ts
@@ -1,5 +1,5 @@
-import { BobbinError } from '@/api'
-import { useRouteRequest } from '@/requests/useRouteRequest'
+import { BobbinError } from '@/lib/api'
+import { useRouteRequest } from '@/lib/requests/useRouteRequest'
 import { flushPromises } from '@vue/test-utils'
 import { effectScope, nextTick, ref } from 'vue'
 import { afterEach, describe, expect, test, vi } from 'vitest'
@@ -35,7 +35,10 @@ describe('useRouteRequest', () => {
 	})
 
 	test('preserves successful content when a refresh fails', async () => {
-		const load = vi.fn().mockResolvedValueOnce(['existing']).mockRejectedValueOnce(new BobbinError('network', 'Failed'))
+		const load = vi
+			.fn<[string, AbortSignal, { cache: 'default' | 'reload' }], Promise<string[]>>()
+			.mockResolvedValueOnce(['existing'])
+			.mockRejectedValueOnce(new BobbinError('network', 'Failed'))
 		const scope = effectScope()
 		const state = scope.run(() => useRouteRequest(ref('route'), load, { isEmpty: (items) => items.length === 0 }))!
 		await flushPromises()
diff --git a/tests/unit/router.spec.ts b/tests/unit/router.spec.ts
index 0ed6c47..d6fe19b 100644
--- a/tests/unit/router.spec.ts
+++ b/tests/unit/router.spec.ts
@@ -1,5 +1,5 @@
-import router from '@/router'
-import { links } from '@/router/links'
+import router from '@/lib/router'
+import { links } from '@/lib/router/links'
 import { describe, expect, test } from 'vitest'
 
 describe('application routes', () => {
diff --git a/tests/unit/search-page.spec.ts b/tests/unit/search-page.spec.ts
index 8ff01e5..175941d 100644
--- a/tests/unit/search-page.spec.ts
+++ b/tests/unit/search-page.spec.ts
@@ -1,5 +1,5 @@
-import type { BobbinClient } from '@/api'
-import { BOBBIN_CLIENT_PROVIDER } from '@/api'
+import type { BobbinClient } from '@/lib/api'
+import { BOBBIN_CLIENT_PROVIDER } from '@/lib/api'
 import SearchPage from '@/views/SearchPage.vue'
 import { flushPromises } from '@vue/test-utils'
 import { describe, expect, test, vi } from 'vitest'
diff --git a/tests/unit/settings/service.spec.ts b/tests/unit/settings/service.spec.ts
index efd0cbf..6e182fa 100644
--- a/tests/unit/settings/service.spec.ts
+++ b/tests/unit/settings/service.spec.ts
@@ -1,6 +1,6 @@
-import { DEFAULT_BOBBIN_SERVICE } from '@/api'
-import { SERVICE_STORAGE_KEY, loadBobbinService, saveBobbinService } from '@/settings/service'
-import { THEME_STORAGE_KEY } from '@/theme'
+import { DEFAULT_BOBBIN_SERVICE } from '@/lib/api'
+import { SERVICE_STORAGE_KEY, loadBobbinService, saveBobbinService } from '@/lib/settings/service'
+import { THEME_STORAGE_KEY } from '@/lib/theme'
 import { describe, expect, test, vi } from 'vitest'
 
 describe('Bobbin service persistence', () => {
diff --git a/tests/unit/theme/base16.spec.ts b/tests/unit/theme/base16.spec.ts
index c221a69..4a0e565 100644
--- a/tests/unit/theme/base16.spec.ts
+++ b/tests/unit/theme/base16.spec.ts
@@ -8,7 +8,7 @@ import {
 	mapSchemeToTokens,
 	parseBase16Scheme,
 	useTheme,
-} from '@/theme'
+} from '@/lib/theme'
 import { describe, expect, test } from 'vitest'
 
 const eldritch = BUNDLED_SCHEMES.find(({ id }) => id === DEFAULT_SCHEME_ID)!
diff --git a/tests/unit/tsconfig.json b/tests/unit/tsconfig.json
new file mode 100644
index 0000000..6dfd58f
--- /dev/null
+++ b/tests/unit/tsconfig.json
@@ -0,0 +1,5 @@
+{
+	"extends": "../../tsconfig.json",
+	"compilerOptions": { "types": ["vite/client", "vitest/globals"] },
+	"include": ["../../src/**/*.ts", "../../src/**/*.d.ts", "../../src/**/*.tsx", "../../src/**/*.vue", "./**/*.ts"]
+}
diff --git a/tsconfig.json b/tsconfig.json
index e63ff59..e5acab4 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -9,7 +9,7 @@
 		"resolveJsonModule": true,
 		"isolatedModules": true,
 		"esModuleInterop": true,
-		"lib": ["ESNext", "DOM"],
+		"lib": ["ESNext", "DOM", "DOM.Iterable"],
 		"skipLibCheck": true,
 		"noEmit": true,
 		"paths": { "@/*": ["./src/*"] }
diff --git a/vite.config.ts b/vite.config.ts
index 49a487b..f4cdb1b 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -10,6 +10,7 @@ const config = defineConfig({
 	server: { headers: { 'Cross-Origin-Embedder-Policy': 'require-corp', 'Cross-Origin-Opener-Policy': 'same-origin' } },
 	preview: { headers: { 'Cross-Origin-Embedder-Policy': 'require-corp', 'Cross-Origin-Opener-Policy': 'same-origin' } },
 	test: {
+		watch: false,
 		clearMocks: true,
 		globals: true,
 		environment: 'jsdom',
-- 
knotmirror 0.0.1