diff --git a/apps/api/src/services/blog-post.ts b/apps/api/src/services/blog-post.ts
index aedceed..62f032c 100644
--- a/apps/api/src/services/blog-post.ts
+++ b/apps/api/src/services/blog-post.ts
@@ -4,7 +4,7 @@
  * Per specs/api/blog.md. Writes happen via PR to the data repo, not the
  * runtime — no mutation methods here.
  */
-import type { BlogPost } from '@cfp/shared/schemas';
+import type { BlogPost, Tag } from '@cfp/shared/schemas';
 import type { InMemoryState } from '../store/memory/state.js';
 import { serializeBlogPost, type BlogPostResponse } from './serializers/blog-post.js';
 
@@ -66,6 +66,15 @@ export class BlogPostService {
 
   #serialize(post: BlogPost): BlogPostResponse {
     const author = post.authorId ? (this.#state.people.get(post.authorId) ?? null) : null;
-    return serializeBlogPost(post, { author });
+    return serializeBlogPost(post, { author, tags: this.#tagsFor(post.id) });
+  }
+
+  #tagsFor(postId: string): Tag[] {
+    const taIds = this.#state.tagAssignmentsByTaggable.get(postId) ?? new Set<string>();
+    return [...taIds]
+      .map((taId) => this.#state.tagAssignments.get(taId))
+      .filter((ta): ta is NonNullable<typeof ta> => ta?.taggableType === 'blog_post')
+      .map((ta) => this.#state.tags.get(ta.tagId))
+      .filter((t): t is Tag => t !== undefined);
   }
 }
diff --git a/apps/api/src/services/serializers/blog-post.ts b/apps/api/src/services/serializers/blog-post.ts
index 5b5747e..e4de21d 100644
--- a/apps/api/src/services/serializers/blog-post.ts
+++ b/apps/api/src/services/serializers/blog-post.ts
@@ -1,8 +1,14 @@
 /**
  * BlogPost serializer.
  */
-import type { BlogPost, Person } from '@cfp/shared/schemas';
-import { renderMarkdown, serializePersonAvatar, type PersonAvatar } from './common.js';
+import type { BlogPost, Person, Tag } from '@cfp/shared/schemas';
+import {
+  renderMarkdown,
+  serializePersonAvatar,
+  serializeTagItem,
+  type PersonAvatar,
+  type TagItem,
+} from './common.js';
 
 export interface BlogPostResponse {
   readonly id: string;
@@ -16,13 +22,14 @@ export interface BlogPostResponse {
   readonly featuredImageUrl: string | null;
   readonly body: string;
   readonly bodyHtml: string;
+  readonly tags: TagItem[];
   readonly createdAt: string;
   readonly updatedAt: string;
 }
 
 export function serializeBlogPost(
   post: BlogPost,
-  opts: { author: Person | null },
+  opts: { author: Person | null; tags?: Tag[] },
 ): BlogPostResponse {
   return {
     id: post.id,
@@ -38,6 +45,7 @@ export function serializeBlogPost(
       : null,
     body: post.body,
     bodyHtml: renderMarkdown(post.body).html,
+    tags: (opts.tags ?? []).map(serializeTagItem),
     createdAt: post.createdAt,
     updatedAt: post.updatedAt,
   };
diff --git a/apps/api/src/services/serializers/project.ts b/apps/api/src/services/serializers/project.ts
index dd996fb..2fbe21a 100644
--- a/apps/api/src/services/serializers/project.ts
+++ b/apps/api/src/services/serializers/project.ts
@@ -76,6 +76,7 @@ export interface ProjectDetail {
   readonly featured: boolean;
   readonly createdAt: string;
   readonly updatedAt: string;
+  readonly deletedAt: string | null;
 }
 
 export interface HelpWantedRoleSummary {
@@ -243,5 +244,6 @@ export function serializeProjectDetail(
     featured: project.featured,
     createdAt: project.createdAt,
     updatedAt: project.updatedAt,
+    deletedAt: project.deletedAt ?? null,
   };
 }
diff --git a/apps/web/src/components/AppHeader.tsx b/apps/web/src/components/AppHeader.tsx
index 5a8d1f6..c0d6516 100644
--- a/apps/web/src/components/AppHeader.tsx
+++ b/apps/web/src/components/AppHeader.tsx
@@ -197,7 +197,7 @@ export function AppHeader() {
           <img
             src="/img/logo-horizontal.svg"
             alt="Code for Philly"
-            className="h-8 w-auto"
+            className="h-12 w-auto"
           />
         </Link>
 
diff --git a/apps/web/src/lib/api.ts b/apps/web/src/lib/api.ts
index 3a7bcb9..94130a3 100644
--- a/apps/web/src/lib/api.ts
+++ b/apps/web/src/lib/api.ts
@@ -175,6 +175,7 @@ export interface ProjectDetail {
   readonly featured: boolean;
   readonly createdAt: string;
   readonly updatedAt: string;
+  readonly deletedAt: string | null;
 }
 
 export interface PersonListItem {
@@ -296,6 +297,7 @@ export interface BlogPostResponse {
   readonly featuredImageUrl: string | null;
   readonly body: string;
   readonly bodyHtml: string;
+  readonly tags: TagItem[];
   readonly createdAt: string;
   readonly updatedAt: string;
 }
@@ -591,6 +593,10 @@ export const api = {
       request(`/api/projects/${encodeURIComponent(slug)}`, { method: 'DELETE' }),
     restore: (slug: string): Promise<SuccessEnvelope<ProjectDetail>> =>
       request(`/api/projects/${encodeURIComponent(slug)}/restore`, { method: 'POST' }),
+    join: (slug: string): Promise<void> =>
+      request(`/api/projects/${encodeURIComponent(slug)}/members/join`, { method: 'POST' }),
+    leave: (slug: string): Promise<void> =>
+      request(`/api/projects/${encodeURIComponent(slug)}/members/leave`, { method: 'POST' }),
     changeMaintainer: (slug: string, personSlug: string): Promise<SuccessEnvelope<ProjectDetail>> =>
       request(`/api/projects/${encodeURIComponent(slug)}/change-maintainer`, {
         method: 'POST',
diff --git a/apps/web/src/screens/BlogDetail.tsx b/apps/web/src/screens/BlogDetail.tsx
index e7e2a12..8fcbb1c 100644
--- a/apps/web/src/screens/BlogDetail.tsx
+++ b/apps/web/src/screens/BlogDetail.tsx
@@ -68,6 +68,19 @@ export function BlogDetail() {
       </div>
 
       <footer className="mt-10 pt-6 border-t border-border">
+        {post.tags.length > 0 && (
+          <div className="mb-4 flex flex-wrap gap-2">
+            {post.tags.map((t) => (
+              <Link
+                key={`${t.namespace}.${t.slug}`}
+                to={`/blog?tag=${encodeURIComponent(`${t.namespace}.${t.slug}`)}`}
+                className="inline-flex items-center rounded-full border border-border bg-muted px-2.5 py-0.5 text-xs text-muted-foreground hover:text-foreground"
+              >
+                {t.title}
+              </Link>
+            ))}
+          </div>
+        )}
         <Link to="/blog" className="text-primary underline">
           ← Back to all posts
         </Link>
diff --git a/apps/web/src/screens/BlogIndex.tsx b/apps/web/src/screens/BlogIndex.tsx
index 36e1253..8d3c383 100644
--- a/apps/web/src/screens/BlogIndex.tsx
+++ b/apps/web/src/screens/BlogIndex.tsx
@@ -147,15 +147,32 @@ function BlogIndexCard({ post }: { post: BlogPostResponse }) {
             ) : null}
             <time dateTime={post.postedAt}>{formatPostedAt(post.postedAt)}</time>
           </div>
-          {post.summary && (
-            <p className="text-muted-foreground mt-2 leading-relaxed">{post.summary}</p>
-          )}
+          {(() => {
+            // blog-index.md Display Rules: show `summary`; if absent, fall back
+            // to the first paragraph of bodyHtml truncated to ~280 chars.
+            const text = post.summary ?? excerptFromHtml(post.bodyHtml);
+            return text ? (
+              <p className="text-muted-foreground mt-2 leading-relaxed">{text}</p>
+            ) : null;
+          })()}
         </div>
       </article>
     </li>
   );
 }
 
+/**
+ * Plain-text excerpt from already-sanitized post HTML: the first paragraph's
+ * text, truncated to ~280 chars at a word boundary. Only strips tags for the
+ * preview — the full post renders via the server-sanitized HTML elsewhere.
+ */
+function excerptFromHtml(html: string): string {
+  const firstParagraph = /<p[^>]*>(.*?)<\/p>/is.exec(html)?.[1] ?? html;
+  const text = firstParagraph.replace(/<[^>]+>/g, '').replace(/\s+/g, ' ').trim();
+  if (text.length <= 280) return text;
+  return text.slice(0, 280).replace(/\s+\S*$/, '') + '…';
+}
+
 function formatPostedAt(iso: string): string {
   const d = new Date(iso);
   return d.toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' });
diff --git a/apps/web/src/screens/PersonDetail.tsx b/apps/web/src/screens/PersonDetail.tsx
index 484808b..8db13c4 100644
--- a/apps/web/src/screens/PersonDetail.tsx
+++ b/apps/web/src/screens/PersonDetail.tsx
@@ -5,12 +5,14 @@ import { MarkdownView } from '@/components/MarkdownView';
 import { StageBadge } from '@/components/StageBadge';
 import { TagChip } from '@/components/TagChip';
 import { PersonAvatar } from '@/components/PersonAvatar';
+import { useAuth } from '@/hooks/useAuth';
 import { api, ApiError } from '@/lib/api';
 import { formatMonthYear, formatRelativeTime } from '@/lib/time';
 
 export function PersonDetail() {
   const params = useParams();
   const slug = params['slug']!;
+  const { person: viewer } = useAuth();
 
   const personQ = useQuery({
     queryKey: ['person', slug],
@@ -37,6 +39,7 @@ export function PersonDetail() {
   }
 
   const person = personQ.data!.data;
+  const isSelf = viewer !== null && viewer.slug === person.slug;
   const allTags = [...person.tags.tech, ...person.tags.topic];
 
   // Memberships sorted: maintainer desc, joinedAt desc
@@ -193,6 +196,13 @@ export function PersonDetail() {
           </h3>
           <p>{formatMonthYear(person.createdAt)}</p>
         </section>
+        {isSelf && (
+          <section>
+            <Link to="/account" className="text-primary underline hover:no-underline">
+              Manage account
+            </Link>
+          </section>
+        )}
       </aside>
     </div>
   );
diff --git a/apps/web/src/screens/ProjectDetail.tsx b/apps/web/src/screens/ProjectDetail.tsx
index 7a27e7f..35d592e 100644
--- a/apps/web/src/screens/ProjectDetail.tsx
+++ b/apps/web/src/screens/ProjectDetail.tsx
@@ -2,6 +2,21 @@ import { useEffect, useMemo, useState } from 'react';
 import { Link, useParams, useSearchParams } from 'react-router';
 import { useQuery } from '@tanstack/react-query';
 import { Button } from '@/components/ui/button';
+import {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+} from '@/components/ui/dropdown-menu';
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogDescription,
+  DialogFooter,
+} from '@/components/ui/dialog';
 import { MarkdownView } from '@/components/MarkdownView';
 import { StageProgressBar, StageBadge } from '@/components/StageBadge';
 import { StageInfoDialog } from '@/components/StageInfoDialog';
@@ -51,6 +66,9 @@ export function ProjectDetail({ anchor }: ProjectDetailProps = {}) {
   const [interestRole, setInterestRole] = useState<HelpWantedRoleResponse | null>(null);
   const [fillRole, setFillRole] = useState<HelpWantedRoleResponse | null>(null);
   const [stageInfoOpen, setStageInfoOpen] = useState(false);
+  const [memberBusy, setMemberBusy] = useState(false);
+  const [memberError, setMemberError] = useState<string | null>(null);
+  const [deleteOpen, setDeleteOpen] = useState(false);
 
   // Allow ?openModal=help-wanted (from /help-wanted "Post a role" picker).
   // Use the state-sync pattern so we don't trigger a cascading re-render.
@@ -122,10 +140,72 @@ export function ProjectDetail({ anchor }: ProjectDetailProps = {}) {
   const helpWantedRoles = helpWantedQ.data?.data ?? [];
   const perms = project.permissions;
 
+  // #113 — Join / Leave the project. The endpoints exist; the UI was missing.
+  // The project response carries no per-viewer membership flag, so membership is
+  // derived from the members list + the signed-in user.
+  const myMembership = person
+    ? project.memberships.find((m) => m.person.slug === person.slug)
+    : undefined;
+  const isMember = myMembership !== undefined;
+  const maintainerCount = project.memberships.filter((m) => m.isMaintainer).length;
+  // A sole maintainer must transfer the role before leaving (project-detail.md authz).
+  const isSoleMaintainer = (myMembership?.isMaintainer ?? false) && maintainerCount === 1;
+  const canJoin = isSignedIn && !isMember;
+  const canLeave = isMember && !isSoleMaintainer;
+  // Only staff can see a soft-deleted project at all (non-staff get 404), so a
+  // non-null deletedAt here means the viewer is staff; gate anyway for clarity.
+  const isStaff = person?.accountLevel === 'staff' || person?.accountLevel === 'administrator';
+  const showDeletedBanner = project.deletedAt !== null && isStaff;
+
+  const runMembership = async (fn: () => Promise<void>): Promise<void> => {
+    setMemberBusy(true);
+    setMemberError(null);
+    try {
+      await fn();
+      await projectQ.refetch();
+    } catch (err) {
+      setMemberError(err instanceof ApiError ? err.message : 'Something went wrong. Please try again.');
+    } finally {
+      setMemberBusy(false);
+    }
+  };
+
+  const doDelete = async (): Promise<void> => {
+    setMemberBusy(true);
+    setMemberError(null);
+    try {
+      await api.projects.delete(slug);
+      await projectQ.refetch();
+      setDeleteOpen(false);
+    } catch (err) {
+      setMemberError(err instanceof ApiError ? err.message : 'Could not delete the project.');
+    } finally {
+      setMemberBusy(false);
+    }
+  };
+
   const allTags = [...project.tags.tech, ...project.tags.topic, ...project.tags.event];
 
   return (
     <div className="container mx-auto px-4 py-8">
+      {/* Soft-delete banner — staff only (project-detail.md) */}
+      {showDeletedBanner && (
+        <div
+          role="status"
+          className="mb-6 flex flex-wrap items-center justify-between gap-3 rounded-md border border-yellow-400 bg-yellow-50 px-4 py-3 text-sm text-yellow-900"
+        >
+          <span>This project is deleted — only staff can see it.</span>
+          <Button
+            size="sm"
+            variant="outline"
+            disabled={memberBusy}
+            onClick={() => void runMembership(() => api.projects.restore(slug).then(() => undefined))}
+          >
+            {memberBusy ? 'Restoring…' : 'Restore'}
+          </Button>
+        </div>
+      )}
+
       {/* Header */}
       <div className="mb-6">
         <div className="flex items-start justify-between gap-4 mb-3">
@@ -136,15 +216,54 @@ export function ProjectDetail({ anchor }: ProjectDetailProps = {}) {
                 <Link to={`/projects/${slug}/edit`}>Edit Project</Link>
               </Button>
             )}
-            {perms.canManageMembers && (
-              <Button variant="outline" onClick={() => setAddMemberOpen(true)}>
-                Add Member
-              </Button>
-            )}
-            {perms.canManageMembers && (
-              <Button variant="outline" onClick={() => setManageMembersOpen(true)}>
-                Manage Members
-              </Button>
+            {(perms.canManageMembers ||
+              perms.canPostUpdate ||
+              perms.canLogBuzz ||
+              perms.canPostHelpWanted ||
+              perms.canDelete) && (
+              <DropdownMenu>
+                <DropdownMenuTrigger asChild>
+                  <Button variant="outline">More ▾</Button>
+                </DropdownMenuTrigger>
+                <DropdownMenuContent align="end">
+                  {perms.canManageMembers && (
+                    <DropdownMenuItem onSelect={() => setAddMemberOpen(true)}>
+                      Add Member
+                    </DropdownMenuItem>
+                  )}
+                  {perms.canLogBuzz && (
+                    <DropdownMenuItem asChild>
+                      <Link to={`/projects/${slug}/buzz/new`}>Log Buzz</Link>
+                    </DropdownMenuItem>
+                  )}
+                  {perms.canPostUpdate && (
+                    <DropdownMenuItem onSelect={() => setUpdateModalOpen(true)}>
+                      Post Update
+                    </DropdownMenuItem>
+                  )}
+                  {perms.canPostHelpWanted && (
+                    <DropdownMenuItem onSelect={() => setHelpWantedModalOpen(true)}>
+                      Post Help-Wanted Role
+                    </DropdownMenuItem>
+                  )}
+                  {perms.canManageMembers && (
+                    <DropdownMenuItem onSelect={() => setManageMembersOpen(true)}>
+                      Manage Members
+                    </DropdownMenuItem>
+                  )}
+                  {perms.canDelete && (
+                    <>
+                      <DropdownMenuSeparator />
+                      <DropdownMenuItem
+                        className="text-destructive focus:text-destructive"
+                        onSelect={() => setDeleteOpen(true)}
+                      >
+                        Delete Project
+                      </DropdownMenuItem>
+                    </>
+                  )}
+                </DropdownMenuContent>
+              </DropdownMenu>
             )}
             {!isSignedIn && (
               <Button asChild variant="outline">
@@ -172,11 +291,6 @@ export function ProjectDetail({ anchor }: ProjectDetailProps = {}) {
             <section id="help-wanted">
               <div className="flex items-center justify-between mb-4">
                 <h2 className="text-xl font-semibold">Help Wanted</h2>
-                {perms.canPostHelpWanted && (
-                  <Button size="sm" onClick={() => setHelpWantedModalOpen(true)}>
-                    Post new role
-                  </Button>
-                )}
               </div>
               {helpWantedRoles.length === 0 ? (
                 <p className="text-muted-foreground text-sm">No open roles right now.</p>
@@ -253,22 +367,6 @@ export function ProjectDetail({ anchor }: ProjectDetailProps = {}) {
           <section>
             <div className="flex items-center justify-between mb-4">
               <h2 className="text-xl font-semibold">Project Activity</h2>
-              <div className="flex gap-2">
-                {perms.canPostUpdate && (
-                  <Button
-                    size="sm"
-                    variant="outline"
-                    onClick={() => setUpdateModalOpen(true)}
-                  >
-                    Post Update
-                  </Button>
-                )}
-                {isSignedIn && (
-                  <Button asChild size="sm" variant="outline">
-                    <Link to={`/projects/${slug}/buzz/new`}>Log Buzz</Link>
-                  </Button>
-                )}
-              </div>
             </div>
 
             {updatesQ.isLoading || buzzQ.isLoading ? (
@@ -297,6 +395,41 @@ export function ProjectDetail({ anchor }: ProjectDetailProps = {}) {
 
         {/* Sidebar */}
         <aside className="space-y-6">
+          {/* Membership — #113 Join / Leave */}
+          {(canJoin || isMember) && (
+            <section className="space-y-2">
+              {canJoin && (
+                <Button
+                  className="w-full"
+                  disabled={memberBusy}
+                  onClick={() => void runMembership(() => api.projects.join(slug))}
+                >
+                  {memberBusy ? 'Joining…' : 'Join Project'}
+                </Button>
+              )}
+              {canLeave && (
+                <Button
+                  variant="outline"
+                  className="w-full"
+                  disabled={memberBusy}
+                  onClick={() => void runMembership(() => api.projects.leave(slug))}
+                >
+                  {memberBusy ? 'Leaving…' : 'Leave project'}
+                </Button>
+              )}
+              {isMember && isSoleMaintainer && (
+                <p className="text-xs text-muted-foreground">
+                  You're the sole maintainer. Transfer the maintainer role before you can leave.
+                </p>
+              )}
+              {memberError && (
+                <p className="text-sm text-destructive" role="alert">
+                  {memberError}
+                </p>
+              )}
+            </section>
+          )}
+
           {/* Project info */}
           <section>
             <h3 className="text-sm font-semibold mb-3 text-muted-foreground uppercase tracking-wide">
@@ -519,6 +652,31 @@ export function ProjectDetail({ anchor }: ProjectDetailProps = {}) {
           roleTitle={fillRole.title}
         />
       )}
+
+      <Dialog open={deleteOpen} onOpenChange={setDeleteOpen}>
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>Delete this project?</DialogTitle>
+            <DialogDescription>
+              “{project.title}” will be soft-deleted and hidden from public lists. Staff can
+              restore it afterward.
+            </DialogDescription>
+          </DialogHeader>
+          {memberError && (
+            <p className="text-sm text-destructive" role="alert">
+              {memberError}
+            </p>
+          )}
+          <DialogFooter>
+            <Button variant="outline" onClick={() => setDeleteOpen(false)} disabled={memberBusy}>
+              Cancel
+            </Button>
+            <Button variant="destructive" disabled={memberBusy} onClick={() => void doDelete()}>
+              {memberBusy ? 'Deleting…' : 'Delete project'}
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
     </div>
   );
 }
diff --git a/apps/web/tests/BlogDetail.test.tsx b/apps/web/tests/BlogDetail.test.tsx
new file mode 100644
index 0000000..a33e23e
--- /dev/null
+++ b/apps/web/tests/BlogDetail.test.tsx
@@ -0,0 +1,70 @@
+import { describe, expect, it, vi, afterEach } from 'vitest';
+import { screen, waitFor } from '@testing-library/react';
+import { Routes, Route } from 'react-router';
+import { renderScreen, mockOk } from './test-utils.js';
+import { BlogDetail } from '../src/screens/BlogDetail.js';
+import { AuthProvider } from '../src/hooks/useAuth.js';
+
+const POST = {
+  id: '01951a3c-0000-7000-8000-bbbbbbbbbbbb',
+  slug: 'roundup',
+  title: 'Civic Tech Roundup',
+  summary: null,
+  author: null,
+  postedAt: '2026-05-10T12:00:00Z',
+  editedAt: null,
+  featuredImageKey: null,
+  featuredImageUrl: null,
+  body: '# x',
+  bodyHtml: '<p>Body</p>',
+  tags: [{ namespace: 'topic', slug: 'transit', title: 'Transit' }],
+  createdAt: '2026-05-10T12:00:00Z',
+  updatedAt: '2026-05-10T12:00:00Z',
+};
+
+describe('BlogDetail tag chips', () => {
+  afterEach(() => {
+    vi.restoreAllMocks();
+  });
+
+  function mock(post: typeof POST): void {
+    vi.spyOn(globalThis, 'fetch').mockImplementation(((input: string) => {
+      if (input.startsWith('/api/auth/me')) return Promise.resolve(new Response(null, { status: 404 }));
+      if (input.startsWith('/api/blog-posts/roundup')) {
+        return Promise.resolve(
+          new Response(JSON.stringify(mockOk(post)), { status: 200, headers: { 'content-type': 'application/json' } }),
+        );
+      }
+      return Promise.resolve(new Response(null, { status: 404 }));
+    }) as typeof fetch);
+  }
+
+  function render(): void {
+    renderScreen(
+      <AuthProvider>
+        <Routes>
+          <Route path="/blog/:slug" element={<BlogDetail />} />
+        </Routes>
+      </AuthProvider>,
+      { initialEntries: ['/blog/roundup'] },
+    );
+  }
+
+  it('renders tag chips linking to /blog?tag=<handle>', async () => {
+    mock(POST);
+    render();
+    await waitFor(() => {
+      expect(screen.getByRole('link', { name: 'Transit' })).toBeInTheDocument();
+    });
+    expect(screen.getByRole('link', { name: 'Transit' })).toHaveAttribute('href', '/blog?tag=topic.transit');
+  });
+
+  it('renders no tag chips when the post has no tags', async () => {
+    mock({ ...POST, tags: [] } as unknown as typeof POST);
+    render();
+    await waitFor(() => {
+      expect(screen.getByRole('heading', { name: 'Civic Tech Roundup' })).toBeInTheDocument();
+    });
+    expect(screen.queryByRole('link', { name: 'Transit' })).not.toBeInTheDocument();
+  });
+});
diff --git a/apps/web/tests/BlogIndex.test.tsx b/apps/web/tests/BlogIndex.test.tsx
index 9b0f06b..8a4048c 100644
--- a/apps/web/tests/BlogIndex.test.tsx
+++ b/apps/web/tests/BlogIndex.test.tsx
@@ -68,6 +68,35 @@ describe('BlogIndex', () => {
     expect(screen.getByText('A short blurb.')).toBeInTheDocument();
   });
 
+  it('falls back to a bodyHtml first-paragraph excerpt when summary is null', async () => {
+    const noSummary = {
+      ...SAMPLE_POST,
+      summary: null,
+      bodyHtml: '<h1>Heading</h1><p>First paragraph of the body.</p><p>Second.</p>',
+    };
+    vi.spyOn(globalThis, 'fetch').mockImplementation(((input: string) => {
+      if (input.startsWith('/api/auth/me')) return Promise.resolve(new Response(null, { status: 404 }));
+      if (input.startsWith('/api/blog-posts')) {
+        return Promise.resolve(
+          new Response(JSON.stringify(mockPaginated([noSummary], { totalItems: 1 })), {
+            status: 200,
+            headers: { 'content-type': 'application/json' },
+          }),
+        );
+      }
+      return Promise.resolve(new Response(null, { status: 404 }));
+    }) as typeof fetch);
+    renderScreen(
+      <AuthProvider>
+        <BlogIndex />
+      </AuthProvider>,
+      { initialEntries: ['/blog'] },
+    );
+    await waitFor(() => {
+      expect(screen.getByText('First paragraph of the body.')).toBeInTheDocument();
+    });
+  });
+
   it('renders the empty state when no posts are returned', async () => {
     vi.spyOn(globalThis, 'fetch').mockImplementation(((input: string) => {
       if (input.startsWith('/api/auth/me')) {
diff --git a/apps/web/tests/PersonDetail.test.tsx b/apps/web/tests/PersonDetail.test.tsx
index 18f69ea..e5d2642 100644
--- a/apps/web/tests/PersonDetail.test.tsx
+++ b/apps/web/tests/PersonDetail.test.tsx
@@ -99,4 +99,54 @@ describe('PersonDetail Contact sidebar', () => {
       expect(mailto).toHaveAttribute('href', 'mailto:jane@example.com');
     });
   });
+
+  // #113 — "Manage account" link, self only
+  it('shows a "Manage account" link to /account when viewing your own profile', async () => {
+    vi.spyOn(globalThis, 'fetch').mockImplementation(((input: string) => {
+      if (input.startsWith('/api/auth/me')) {
+        return Promise.resolve(
+          new Response(
+            JSON.stringify(
+              mockOk({
+                person: { id: BASE_PERSON.id, slug: 'jane-doe', fullName: 'Jane Doe', accountLevel: 'user', avatarUrl: null },
+                accountLevel: 'user',
+              }),
+            ),
+            { status: 200, headers: { 'content-type': 'application/json' } },
+          ),
+        );
+      }
+      if (input.startsWith('/api/people/jane-doe')) {
+        return Promise.resolve(new Response(JSON.stringify(mockOk(BASE_PERSON)), { status: 200, headers: { 'content-type': 'application/json' } }));
+      }
+      return Promise.resolve(new Response(null, { status: 404 }));
+    }) as typeof fetch);
+    renderScreen(
+      <AuthProvider>
+        <Routes>
+          <Route path="/members/:slug" element={<PersonDetail />} />
+        </Routes>
+      </AuthProvider>,
+      { initialEntries: ['/members/jane-doe'] },
+    );
+    await waitFor(() => {
+      expect(screen.getByRole('link', { name: /manage account/i })).toHaveAttribute('href', '/account');
+    });
+  });
+
+  it('does not show "Manage account" for anonymous viewers', async () => {
+    vi.spyOn(globalThis, 'fetch').mockImplementation(makeFetchMock(BASE_PERSON));
+    renderScreen(
+      <AuthProvider>
+        <Routes>
+          <Route path="/members/:slug" element={<PersonDetail />} />
+        </Routes>
+      </AuthProvider>,
+      { initialEntries: ['/members/jane-doe'] },
+    );
+    await waitFor(() => {
+      expect(screen.getByRole('heading', { name: 'Jane Doe', level: 1 })).toBeInTheDocument();
+    });
+    expect(screen.queryByRole('link', { name: /manage account/i })).not.toBeInTheDocument();
+  });
 });
diff --git a/apps/web/tests/ProjectDetail.test.tsx b/apps/web/tests/ProjectDetail.test.tsx
index d0e4027..ff4c486 100644
--- a/apps/web/tests/ProjectDetail.test.tsx
+++ b/apps/web/tests/ProjectDetail.test.tsx
@@ -191,4 +191,117 @@ describe('ProjectDetail', () => {
       'https://github.com/codeforphilly/sample-project',
     );
   });
+
+  // #113 — Join / Leave membership UI
+  function mockSignedIn(project: typeof PROJECT, accountLevel = 'user'): void {
+    vi.spyOn(globalThis, 'fetch').mockImplementation(((input: string) => {
+      if (input.startsWith('/api/auth/me')) {
+        return Promise.resolve(
+          new Response(
+            JSON.stringify(
+              mockOk({
+                person: { id: 'u1', slug: 'me', fullName: 'Me Person', accountLevel, avatarUrl: null },
+                accountLevel,
+              }),
+            ),
+            { status: 200, headers: { 'content-type': 'application/json' } },
+          ),
+        );
+      }
+      if (
+        input.includes('/api/projects/sample-project/updates') ||
+        input.includes('/api/projects/sample-project/buzz') ||
+        input.includes('/api/projects/sample-project/help-wanted')
+      ) {
+        return Promise.resolve(new Response(JSON.stringify(mockPaginated([])), { status: 200, headers: { 'content-type': 'application/json' } }));
+      }
+      if (input.startsWith('/api/projects/sample-project')) {
+        return Promise.resolve(new Response(JSON.stringify(mockOk(project)), { status: 200, headers: { 'content-type': 'application/json' } }));
+      }
+      return Promise.resolve(new Response(null, { status: 404 }));
+    }) as typeof fetch);
+  }
+
+  function renderDetail(): void {
+    renderScreen(
+      <AuthProvider>
+        <Routes>
+          <Route path="/projects/:slug" element={<ProjectDetail />} />
+        </Routes>
+      </AuthProvider>,
+      { initialEntries: ['/projects/sample-project'] },
+    );
+  }
+
+  it('shows "Join Project" for a signed-in non-member', async () => {
+    mockSignedIn(PROJECT); // memberships: []
+    renderDetail();
+    await waitFor(() => {
+      expect(screen.getByRole('button', { name: /join project/i })).toBeInTheDocument();
+    });
+    expect(screen.queryByRole('button', { name: /leave project/i })).not.toBeInTheDocument();
+  });
+
+  it('shows "Leave project" for a member (not sole maintainer)', async () => {
+    const asMember = {
+      ...PROJECT,
+      memberships: [
+        { id: 'm1', role: 'contributor', isMaintainer: false, joinedAt: '2026-02-01T00:00:00Z', person: { slug: 'me', fullName: 'Me Person', avatarUrl: null } },
+      ],
+      counts: { ...PROJECT.counts, members: 1 },
+    } as unknown as typeof PROJECT;
+    mockSignedIn(asMember);
+    renderDetail();
+    await waitFor(() => {
+      expect(screen.getByRole('button', { name: /leave project/i })).toBeInTheDocument();
+    });
+    expect(screen.queryByRole('button', { name: /join project/i })).not.toBeInTheDocument();
+  });
+
+  it('shows the soft-delete banner + Restore for staff viewing a deleted project', async () => {
+    const deleted = { ...PROJECT, deletedAt: '2026-06-01T00:00:00Z' } as unknown as typeof PROJECT;
+    mockSignedIn(deleted, 'staff');
+    renderDetail();
+    await waitFor(() => {
+      expect(screen.getByText(/this project is deleted/i)).toBeInTheDocument();
+    });
+    expect(screen.getByRole('button', { name: /restore/i })).toBeInTheDocument();
+  });
+
+  it('does not show the soft-delete banner for an active project', async () => {
+    mockSignedIn({ ...PROJECT, deletedAt: null } as unknown as typeof PROJECT, 'staff');
+    renderDetail();
+    await waitFor(() => {
+      expect(screen.getByRole('heading', { name: 'Sample Project', level: 1 })).toBeInTheDocument();
+    });
+    expect(screen.queryByText(/this project is deleted/i)).not.toBeInTheDocument();
+  });
+
+  it('shows the "More" actions dropdown for users with management permissions', async () => {
+    const asAdmin = {
+      ...PROJECT,
+      permissions: { ...PROJECT.permissions, canManageMembers: true, canPostUpdate: true, canDelete: true },
+    } as unknown as typeof PROJECT;
+    mockSignedIn(asAdmin, 'administrator');
+    renderDetail();
+    await waitFor(() => {
+      expect(screen.getByRole('button', { name: /more/i })).toBeInTheDocument();
+    });
+  });
+
+  it('shows no "More" dropdown for anonymous viewers', async () => {
+    // default beforeEach mock is anonymous with no permissions
+    renderScreen(
+      <AuthProvider>
+        <Routes>
+          <Route path="/projects/:slug" element={<ProjectDetail />} />
+        </Routes>
+      </AuthProvider>,
+      { initialEntries: ['/projects/sample-project'] },
+    );
+    await waitFor(() => {
+      expect(screen.getByRole('heading', { name: 'Sample Project', level: 1 })).toBeInTheDocument();
+    });
+    expect(screen.queryByRole('button', { name: /more/i })).not.toBeInTheDocument();
+  });
 });
diff --git a/specs/api/blog.md b/specs/api/blog.md
index 99072fa..4447190 100644
--- a/specs/api/blog.md
+++ b/specs/api/blog.md
@@ -60,6 +60,7 @@ Standard 404 envelope (per [conventions.md](conventions.md)). Slug-history redir
   "featuredImageUrl": "/api/attachments/blog-posts/civic-tech-roundup-2026/cover.jpg",  // or null — derived from featuredImageKey
   "body": "Markdown source",
   "bodyHtml": "<p>...</p>",            // sanitized HTML, server-rendered
+  "tags": [{ "namespace": "topic", "slug": "transit", "title": "Transit" }, ...],  // tags assigned to the post; [] when none
   "createdAt": "...",
   "updatedAt": "..."
 }
diff --git a/specs/api/projects.md b/specs/api/projects.md
index f0ffb13..488607c 100644
--- a/specs/api/projects.md
+++ b/specs/api/projects.md
@@ -130,12 +130,15 @@ Fetches a single project by slug.
     "canDelete": false
   },
   "createdAt": "...",
-  "updatedAt": "..."
+  "updatedAt": "...",
+  "deletedAt": "..." | null
 }
 ```
 
 `permissions` is the *current caller's* permissions on this project — the frontend uses it to decide which actions to render. The server still enforces the same rules on each mutation endpoint.
 
+`deletedAt` is `null` for active projects. It is non-null only when a soft-deleted project is fetched by staff (non-staff get `404`), so the SPA can render the soft-delete banner with a Restore action.
+
 ### Errors
 
 - `404 not_found` — slug doesn't match (or is soft-deleted and caller can't see deleted).