From 82c0205cd3056c7df2262c742f350c14d7f0775c Mon Sep 17 00:00:00 2001
From: Cyber-preacher <davidkavazi@gmail.com>
Date: Fri, 20 Feb 2026 07:41:25 +0400
Subject: [PATCH] hotfix: deploy hardening: quorum correctness, pool
 auto-advance, faction/formation stability
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Align proposal pool thresholds to spec: attention quorum via engaged votes, upvote floor via minimum upvote share (remove accidental “+1” semantics).
Fix “pool met quorum but didn’t advance” by re-evaluating transitions on tick and ensuring pool → chamber-vote advances immediately once thresholds are met.
Correct chamber quorum semantics to explicit “33% + 1 engaged vote”, keep passing as “66.6% + 1 yes within quorum”, and surface quorumNeeded via DTO to prevent client drift.
Factions API hardening:
cofounder invitations surfaced in DTOs and feed events,
channels/threads/messages projections improved (reply counts, message lists),
initiatives projection tightened (draft visibility scoped to owner where applicable).
Formation flow hardening:
block joining ended/suspended/completed projects with explicit API errors,
improve finished/ready-to-finish handling and event/timeline emission.
Humans/chambers/governance projections tightened for consistency (faction membership, formation participation, tier/active duration fields).
Ops ergonomics:
expand ops-presets.ts presets for resets (preserve indexer/proof tables, clock-only reset, open testing mode),
add schema drift repair helpers for known formation tables/columns.
Tests:
update quorum/transition unit tests,
extend/adjust API regression coverage for factions/formation/humans/governance,
add pool denominator/bootstrap regression test.
---
 src/app/AppRoutes.tsx                         |  28 ++
 src/components/AddressInline.tsx              |  23 +-
 src/components/CardActionsRow.tsx             |  25 +-
 src/components/ProposalPageHeader.tsx         |  11 +-
 src/components/ProposalSections.tsx           |  16 +-
 src/data/vortexopedia.ts                      |  27 +
 src/lib/apiClient.ts                          |  67 ++-
 src/lib/dtoParsers.ts                         |   6 +-
 src/pages/MyGovernance.tsx                    |   2 +-
 src/pages/chambers/Chambers.tsx               |  36 +-
 src/pages/factions/Faction.tsx                | 472 +++++-------------
 src/pages/factions/FactionChannel.tsx         | 375 ++++++++++++++
 src/pages/factions/FactionCreate.tsx          |  55 +-
 src/pages/factions/FactionInitiative.tsx      | 293 +++++++++++
 .../factions/FactionInitiativeCreate.tsx      | 166 ++++++
 src/pages/factions/FactionThreadCreate.tsx    | 183 +++++++
 src/pages/formation/Formation.tsx             |  13 +-
 src/pages/proposals/ProposalChamber.tsx       |  18 +-
 src/pages/proposals/ProposalDraft.tsx         |   9 +-
 src/pages/proposals/ProposalPP.tsx            |  32 +-
 src/pages/proposals/Proposals.tsx             |  50 +-
 src/types/api.ts                              |  40 ++
 22 files changed, 1532 insertions(+), 415 deletions(-)
 create mode 100644 src/pages/factions/FactionChannel.tsx
 create mode 100644 src/pages/factions/FactionInitiative.tsx
 create mode 100644 src/pages/factions/FactionInitiativeCreate.tsx
 create mode 100644 src/pages/factions/FactionThreadCreate.tsx

diff --git a/src/app/AppRoutes.tsx b/src/app/AppRoutes.tsx
index 1d79b23..e17f8d8 100644
--- a/src/app/AppRoutes.tsx
+++ b/src/app/AppRoutes.tsx
@@ -8,6 +8,10 @@ import Invision from "../pages/invision/Invision";
 import Vortexopedia from "../pages/Vortexopedia";
 import Factions from "../pages/factions/Factions";
 import Faction from "../pages/factions/Faction";
+import FactionChannel from "../pages/factions/FactionChannel";
+import FactionInitiative from "../pages/factions/FactionInitiative";
+import FactionThreadCreate from "../pages/factions/FactionThreadCreate";
+import FactionInitiativeCreate from "../pages/factions/FactionInitiativeCreate";
 import FactionCreate from "../pages/factions/FactionCreate";
 import ProposalPP from "../pages/proposals/ProposalPP";
 import ProposalChamber from "../pages/proposals/ProposalChamber";
@@ -49,6 +53,30 @@ const AppRoutes: React.FC = () => {
         <Route path="factions" element={<Factions />} />
         <Route path="factions/new" element={<FactionCreate />} />
         <Route path="factions/:id" element={<Faction />} />
+        <Route
+          path="factions/:id/channels/:channelId"
+          element={<FactionChannel />}
+        />
+        <Route
+          path="factions/:id/channels/:channelId/threads/:threadId"
+          element={<FactionChannel />}
+        />
+        <Route
+          path="factions/:id/channels/:channelId/threads/new"
+          element={<FactionThreadCreate />}
+        />
+        <Route
+          path="factions/:id/initiatives"
+          element={<FactionInitiative />}
+        />
+        <Route
+          path="factions/:id/initiatives/:initiativeId"
+          element={<FactionInitiative />}
+        />
+        <Route
+          path="factions/:id/initiatives/new"
+          element={<FactionInitiativeCreate />}
+        />
         <Route path="human-nodes" element={<HumanNodes />} />
         <Route path="human-nodes/:id" element={<HumanNode />} />
         <Route path="human-nodes/:id/history" element={<FullHistory />} />
diff --git a/src/components/AddressInline.tsx b/src/components/AddressInline.tsx
index 3eb872e..21e01d6 100644
--- a/src/components/AddressInline.tsx
+++ b/src/components/AddressInline.tsx
@@ -1,4 +1,5 @@
 import { useEffect, useState } from "react";
+import { Link } from "react-router";
 import { Check, Copy } from "lucide-react";
 import { shortAddress } from "@/lib/profileUi";
 
@@ -38,12 +39,22 @@ export const AddressInline: React.FC<AddressInlineProps> = ({
     <span
       className={`inline-flex min-w-0 items-center gap-1 ${className ?? ""}`.trim()}
     >
-      <span
-        title={address}
-        className={`min-w-0 truncate font-mono text-xs ${textClassName ?? ""}`.trim()}
-      >
-        {shortAddress(address, size)}
-      </span>
+      {address.trim().length > 0 ? (
+        <Link
+          to={`/app/human-nodes/${encodeURIComponent(address)}`}
+          title={address}
+          className={`min-w-0 truncate font-mono text-xs text-text hover:underline ${textClassName ?? ""}`.trim()}
+        >
+          {shortAddress(address, size)}
+        </Link>
+      ) : (
+        <span
+          title={address}
+          className={`min-w-0 truncate font-mono text-xs ${textClassName ?? ""}`.trim()}
+        >
+          {shortAddress(address, size)}
+        </span>
+      )}
       {showCopy ? (
         <button
           type="button"
diff --git a/src/components/CardActionsRow.tsx b/src/components/CardActionsRow.tsx
index 7db4872..9a171c1 100644
--- a/src/components/CardActionsRow.tsx
+++ b/src/components/CardActionsRow.tsx
@@ -3,6 +3,7 @@ import type { ReactNode } from "react";
 import { Link } from "react-router";
 
 import { Button } from "@/components/primitives/button";
+import { AddressInline } from "@/components/AddressInline";
 import { cn } from "@/lib/utils";
 
 type CardActionsRowProps = {
@@ -31,13 +32,23 @@ export function CardActionsRow({
         className,
       )}
     >
-      {proposer && proposerId ? (
-        <Link
-          to={`/app/human-nodes/${proposerId}`}
-          className="min-w-0 text-sm font-semibold [overflow-wrap:anywhere] break-words text-primary"
-        >
-          Proposer: {proposer}
-        </Link>
+      {proposer ? (
+        <span className="inline-flex min-w-0 items-center gap-2 text-sm text-muted">
+          <span>Proposer:</span>
+          <AddressInline
+            address={proposer}
+            className="min-w-0"
+            textClassName="text-sm font-semibold text-text"
+          />
+          {proposerId ? (
+            <Link
+              to={`/app/human-nodes/${proposerId}`}
+              className="text-xs font-semibold text-primary hover:underline"
+            >
+              Profile
+            </Link>
+          ) : null}
+        </span>
       ) : (
         <span className="text-sm text-muted"> </span>
       )}
diff --git a/src/components/ProposalPageHeader.tsx b/src/components/ProposalPageHeader.tsx
index 253f941..3645c37 100644
--- a/src/components/ProposalPageHeader.tsx
+++ b/src/components/ProposalPageHeader.tsx
@@ -4,6 +4,7 @@ import {
   ProposalStageBar,
   type ProposalStage,
 } from "@/components/ProposalStageBar";
+import { AddressInline } from "@/components/AddressInline";
 import { StatTile } from "@/components/StatTile";
 
 type ProposalPageHeaderProps = {
@@ -36,11 +37,17 @@ export function ProposalPageHeader({
         />
         <StatTile
           label="Proposer"
-          value={proposer}
+          value={
+            <AddressInline
+              address={proposer}
+              className="justify-center"
+              textClassName="text-base sm:text-lg"
+            />
+          }
           radius="2xl"
           className="px-4 py-4"
           labelClassName="text-[0.8rem]"
-          valueClassName="text-2xl"
+          valueClassName="text-lg"
         />
       </div>
       {children}
diff --git a/src/components/ProposalSections.tsx b/src/components/ProposalSections.tsx
index b34b0b4..bde42d7 100644
--- a/src/components/ProposalSections.tsx
+++ b/src/components/ProposalSections.tsx
@@ -4,6 +4,7 @@ import {
   AttachmentList,
   type AttachmentItem,
 } from "@/components/AttachmentList";
+import { AddressInline } from "@/components/AddressInline";
 import { StatTile } from "@/components/StatTile";
 import { Surface } from "@/components/Surface";
 import { TitledSurface } from "@/components/TitledSurface";
@@ -229,6 +230,10 @@ type ProposalTimelineCardProps = {
   items: ProposalTimelineItem[];
 };
 
+function isLikelyAddress(value: string): boolean {
+  return /^[a-z0-9]{6,}$/i.test(value) && value.length >= 20;
+}
+
 export function ProposalTimelineCard({ items }: ProposalTimelineCardProps) {
   return (
     <section className="space-y-3 text-sm text-text">
@@ -254,7 +259,16 @@ export function ProposalTimelineCard({ items }: ProposalTimelineCardProps) {
             ) : null}
             {item.actor ? (
               <p className="text-xs [overflow-wrap:anywhere] break-words text-muted">
-                Actor: {item.actor}
+                Actor:{" "}
+                {isLikelyAddress(item.actor) ? (
+                  <AddressInline
+                    address={item.actor}
+                    className="inline-flex align-middle"
+                    textClassName="text-xs text-muted"
+                  />
+                ) : (
+                  item.actor
+                )}
               </p>
             ) : null}
           </Surface>
diff --git a/src/data/vortexopedia.ts b/src/data/vortexopedia.ts
index 4a7a2f4..5bbbe98 100644
--- a/src/data/vortexopedia.ts
+++ b/src/data/vortexopedia.ts
@@ -613,6 +613,33 @@ export const vortexopediaTerms: VortexopediaTerm[] = [
     source: "Voting, Delegation and Quorum",
     updated: "2025-12-04",
   },
+  {
+    ref: 22.1,
+    id: "upvote_floor",
+    name: "Upvote floor",
+    category: "governance",
+    short:
+      "Proposal-pool requirement: at least 10% of active governors must upvote for a proposal to advance to chamber vote.",
+    long: [
+      "Applied in every proposal pool, alongside the quorum of attention.",
+      "A proposal advances only if both are true: (1) ≥22% engagement (upvotes + downvotes) and (2) ≥10% upvotes.",
+      "Upvote floor prevents proposals from advancing with only downvotes/negative attention.",
+    ],
+    tags: ["pool", "quorum", "upvote", "governance"],
+    related: ["quorum_of_attention", "proposal_pools"],
+    examples: [
+      "With 100 active governors, a proposal needs at least 10 upvotes to move to chamber vote.",
+    ],
+    stages: ["pool"],
+    links: [
+      {
+        label: "Docs",
+        url: "https://gitbook.humanode.io/vortex-1.0",
+      },
+    ],
+    source: "Voting, Delegation and Quorum",
+    updated: "2026-02-20",
+  },
   {
     ref: 23,
     id: "quorum_of_vote",
diff --git a/src/lib/apiClient.ts b/src/lib/apiClient.ts
index 0ee65ab..8094920 100644
--- a/src/lib/apiClient.ts
+++ b/src/lib/apiClient.ts
@@ -709,9 +709,13 @@ export async function apiFactionCreate(input: {
         description: input.description,
         ...(input.focus ? { focus: input.focus } : {}),
         ...(input.visibility ? { visibility: input.visibility } : {}),
-        ...(input.goals ? { goals: input.goals } : {}),
-        ...(input.tags ? { tags: input.tags } : {}),
-        ...(input.cofounders ? { cofounders: input.cofounders } : {}),
+        ...(input.goals && input.goals.length > 0
+          ? { goals: input.goals }
+          : {}),
+        ...(input.tags && input.tags.length > 0 ? { tags: input.tags } : {}),
+        ...(input.cofounders && input.cofounders.length > 0
+          ? { cofounders: input.cofounders }
+          : {}),
       },
       idempotencyKey: input.idempotencyKey,
     },
@@ -1069,6 +1073,63 @@ export async function apiFactionThreadTransition(input: {
   );
 }
 
+export async function apiFactionThreadDelete(input: {
+  factionId: string;
+  threadId: string;
+  idempotencyKey?: string;
+}): Promise<{
+  ok: true;
+  type: "faction.thread.delete";
+  factionId: string;
+  threadId: string;
+  deleted: true;
+}> {
+  return await apiPost(
+    "/api/command",
+    {
+      type: "faction.thread.delete",
+      payload: {
+        factionId: input.factionId,
+        threadId: input.threadId,
+      },
+      idempotencyKey: input.idempotencyKey,
+    },
+    input.idempotencyKey
+      ? { headers: { "idempotency-key": input.idempotencyKey } }
+      : undefined,
+  );
+}
+
+export async function apiFactionThreadReplyDelete(input: {
+  factionId: string;
+  threadId: string;
+  messageId: string;
+  idempotencyKey?: string;
+}): Promise<{
+  ok: true;
+  type: "faction.thread.reply.delete";
+  factionId: string;
+  threadId: string;
+  messageId: string;
+  deleted: true;
+}> {
+  return await apiPost(
+    "/api/command",
+    {
+      type: "faction.thread.reply.delete",
+      payload: {
+        factionId: input.factionId,
+        threadId: input.threadId,
+        messageId: input.messageId,
+      },
+      idempotencyKey: input.idempotencyKey,
+    },
+    input.idempotencyKey
+      ? { headers: { "idempotency-key": input.idempotencyKey } }
+      : undefined,
+  );
+}
+
 export async function apiFactionInitiativeCreate(input: {
   factionId: string;
   title: string;
diff --git a/src/lib/dtoParsers.ts b/src/lib/dtoParsers.ts
index 21cacda..29254de 100644
--- a/src/lib/dtoParsers.ts
+++ b/src/lib/dtoParsers.ts
@@ -39,8 +39,8 @@ export function computeChamberMetrics(chambers: ChamberDto[]) {
     return sum + acm;
   }, 0);
   // Governors can be members of multiple chambers; use the largest chamber roster
-  // as a stable approximation of global active governors for the summary tile.
-  const activeGovernors = chambers.reduce((max, chamber) => {
+  // as a stable approximation of global governors for the summary tile.
+  const governors = chambers.reduce((max, chamber) => {
     const { governors } = getChamberNumericStats(chamber);
     return Math.max(max, governors);
   }, 0);
@@ -50,7 +50,7 @@ export function computeChamberMetrics(chambers: ChamberDto[]) {
   );
   return {
     totalChambers: chambers.length,
-    activeGovernors,
+    governors,
     totalAcm,
     liveProposals,
   };
diff --git a/src/pages/MyGovernance.tsx b/src/pages/MyGovernance.tsx
index ad31cd8..972dcdd 100644
--- a/src/pages/MyGovernance.tsx
+++ b/src/pages/MyGovernance.tsx
@@ -108,7 +108,7 @@ const governingStatusForProgress = (
     return { label: "Stable", termId: "governing_status_stable" };
   }
 
-  if (completed >= required + 2) {
+  if (completed >= required + 1) {
     return { label: "Ahead", termId: "governing_status_ahead" };
   }
 
diff --git a/src/pages/chambers/Chambers.tsx b/src/pages/chambers/Chambers.tsx
index be199e9..2713402 100644
--- a/src/pages/chambers/Chambers.tsx
+++ b/src/pages/chambers/Chambers.tsx
@@ -12,7 +12,7 @@ import { Button } from "@/components/primitives/button";
 import { Link } from "react-router";
 import { InlineHelp } from "@/components/InlineHelp";
 import { NoDataYetBar } from "@/components/NoDataYetBar";
-import { apiChambers } from "@/lib/apiClient";
+import { apiChambers, apiClock } from "@/lib/apiClient";
 import {
   computeChamberMetrics,
   getChamberNumericStats,
@@ -27,13 +27,14 @@ type Metric = {
 
 const metricCards: Metric[] = [
   { label: "Total chambers", value: "—" },
-  { label: "Active governors", value: "—" },
+  { label: "Governors / Active governors", value: "—" },
   { label: "Total ACM", value: "—" },
   { label: "Live proposals", value: "—" },
 ];
 
 const Chambers: React.FC = () => {
   const [chambers, setChambers] = useState<ChamberDto[] | null>(null);
+  const [activeGovernors, setActiveGovernors] = useState<number | null>(null);
   const [loadError, setLoadError] = useState<string | null>(null);
   const [search, setSearch] = useState("");
   const [filters, setFilters] = useState<{
@@ -45,15 +46,24 @@ const Chambers: React.FC = () => {
   useEffect(() => {
     let active = true;
     (async () => {
-      try {
-        const res = await apiChambers();
-        if (!active) return;
-        setChambers(res.items);
+      const [chambersResult, clockResult] = await Promise.allSettled([
+        apiChambers(),
+        apiClock(),
+      ]);
+      if (!active) return;
+
+      if (chambersResult.status === "fulfilled") {
+        setChambers(chambersResult.value.items);
         setLoadError(null);
-      } catch (error) {
-        if (!active) return;
+      } else {
         setChambers([]);
-        setLoadError((error as Error).message);
+        setLoadError((chambersResult.reason as Error).message);
+      }
+
+      if (clockResult.status === "fulfilled") {
+        setActiveGovernors(clockResult.value.activeGovernors);
+      } else {
+        setActiveGovernors(null);
       }
     })();
     return () => {
@@ -90,19 +100,19 @@ const Chambers: React.FC = () => {
 
   const computedMetrics = useMemo((): Metric[] => {
     if (!chambers) return metricCards;
-    const { activeGovernors, totalAcm, liveProposals } =
+    const { governors, totalAcm, liveProposals } =
       computeChamberMetrics(chambers);
-    const governors = activeGovernors;
+    const active = typeof activeGovernors === "number" ? activeGovernors : "—";
     return [
       { label: "Total chambers", value: String(chambers.length) },
       {
         label: "Governors / Active governors",
-        value: `${governors} / ${activeGovernors}`,
+        value: `${governors} / ${active}`,
       },
       { label: "Total ACM", value: totalAcm.toLocaleString() },
       { label: "Live proposals", value: String(liveProposals) },
     ];
-  }, [chambers]);
+  }, [chambers, activeGovernors]);
 
   return (
     <div className="flex flex-col gap-6">
diff --git a/src/pages/factions/Faction.tsx b/src/pages/factions/Faction.tsx
index a141574..26b944c 100644
--- a/src/pages/factions/Faction.tsx
+++ b/src/pages/factions/Faction.tsx
@@ -1,10 +1,11 @@
-import { useEffect, useMemo, useRef, useState } from "react";
-import { Link, useParams, useSearchParams } from "react-router";
+import { useEffect, useMemo, useState } from "react";
+import { Link, useNavigate, useParams, useSearchParams } from "react-router";
 
 import { Kicker } from "@/components/Kicker";
 import { NoDataYetBar } from "@/components/NoDataYetBar";
 import { PageHint } from "@/components/PageHint";
 import { AddressInline } from "@/components/AddressInline";
+import { StatTile } from "@/components/StatTile";
 import { Badge } from "@/components/primitives/badge";
 import { Button } from "@/components/primitives/button";
 import {
@@ -21,14 +22,9 @@ import {
   apiFactionChannelLock,
   apiFactionCofounderInviteCancel,
   apiFactionDelete,
-  apiFactionInitiativeCreate,
-  apiFactionInitiativeTransition,
   apiFactionJoin,
   apiFactionLeave,
   apiFactionMemberRoleSet,
-  apiFactionThreadCreate,
-  apiFactionThreadReply,
-  apiFactionThreadTransition,
   apiFactionUpdate,
   apiMe,
   getApiErrorPayload,
@@ -42,7 +38,8 @@ function normalizeAddress(value: string): string {
 
 const Faction: React.FC = () => {
   const { id } = useParams();
-  const [searchParams, setSearchParams] = useSearchParams();
+  const [searchParams] = useSearchParams();
+  const navigate = useNavigate();
   const [faction, setFaction] = useState<FactionDto | null>(null);
   const [loadError, setLoadError] = useState<string | null>(null);
   const [actionError, setActionError] = useState<string | null>(null);
@@ -55,15 +52,6 @@ const Faction: React.FC = () => {
     "members",
   );
 
-  const [threadChannelId, setThreadChannelId] = useState("");
-  const [threadTitle, setThreadTitle] = useState("");
-  const [threadBody, setThreadBody] = useState("");
-  const [threadReplyBody, setThreadReplyBody] = useState("");
-
-  const [initiativeTitle, setInitiativeTitle] = useState("");
-  const [initiativeIntent, setInitiativeIntent] = useState("");
-  const [initiativeChecklist, setInitiativeChecklist] = useState("");
-  const openedThreadRef = useRef<HTMLDivElement | null>(null);
   const [editOpen, setEditOpen] = useState(false);
   const [editName, setEditName] = useState("");
   const [editDescription, setEditDescription] = useState("");
@@ -115,43 +103,20 @@ const Faction: React.FC = () => {
   const canJoin = !!viewerAddress && !viewerMembership?.isActive;
   const canLeave =
     !!viewerAddress && !!viewerMembership?.isActive && viewerRole !== "founder";
-  const canPost = !!viewerAddress && !!viewerMembership?.isActive;
   const canManageMembers = isFounderAdmin;
 
   useEffect(() => {
-    if (!threadChannelId && channels.length > 0) {
-      setThreadChannelId(channels[0].id);
-    }
-  }, [channels, threadChannelId]);
-
-  const activeThreadId = searchParams.get("thread");
-  const activeThread = useMemo(
-    () => threads.find((thread) => thread.id === activeThreadId) ?? null,
-    [threads, activeThreadId],
-  );
-
-  useEffect(() => {
-    if (threads.length === 0) return;
-    if (!activeThreadId) {
-      const next = new URLSearchParams(searchParams);
-      next.set("thread", threads[0].id);
-      setSearchParams(next, { replace: true });
-      return;
-    }
-    if (!threads.some((thread) => thread.id === activeThreadId)) {
-      const next = new URLSearchParams(searchParams);
-      next.set("thread", threads[0].id);
-      setSearchParams(next, { replace: true });
-    }
-  }, [activeThreadId, searchParams, setSearchParams, threads]);
-
-  useEffect(() => {
-    if (!activeThread || !openedThreadRef.current) return;
-    openedThreadRef.current.scrollIntoView({
-      behavior: "smooth",
-      block: "start",
-    });
-  }, [activeThread?.id]);
+    const legacyThreadId = searchParams.get("thread");
+    if (!legacyThreadId || !id || threads.length === 0) return;
+    const thread = threads.find((item) => item.id === legacyThreadId);
+    if (!thread) return;
+    navigate(
+      `/app/factions/${id}/channels/${thread.channelId}/threads/${thread.id}`,
+      {
+        replace: true,
+      },
+    );
+  }, [id, navigate, searchParams, threads]);
 
   useEffect(() => {
     if (!faction) return;
@@ -210,62 +175,84 @@ const Faction: React.FC = () => {
     <div className="flex flex-col gap-6">
       <PageHint pageId="faction" />
       <Card>
-        <CardContent className="flex flex-col gap-3 p-4 sm:flex-row sm:items-center sm:justify-between">
-          <div>
-            <Kicker>{faction.focus}</Kicker>
-            <h1 className="text-xl font-semibold text-text">{faction.name}</h1>
-            <p className="text-sm text-muted">{faction.description}</p>
-          </div>
-          <div className="flex items-center gap-2">
-            <Badge variant="outline">Members: {faction.members}</Badge>
-            <Badge variant="outline">Votes: {faction.votes}</Badge>
-            {viewerRole ? (
-              <Badge variant="outline">Role: {viewerRole}</Badge>
-            ) : null}
+        <CardContent className="p-4 sm:p-5">
+          <div className="flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between">
+            <div className="min-w-0 space-y-3">
+              <Kicker>{faction.focus}</Kicker>
+              <h1 className="text-2xl leading-tight font-semibold text-text sm:text-3xl">
+                {faction.name}
+              </h1>
+              <p className="max-w-4xl text-sm leading-relaxed text-muted sm:text-base">
+                {faction.description}
+              </p>
+            </div>
+
+            <div className="flex shrink-0 flex-wrap items-center gap-2 lg:justify-end">
+              {canJoin ? (
+                <Button
+                  size="sm"
+                  disabled={mutating}
+                  onClick={() =>
+                    runAction(async () => {
+                      await apiFactionJoin({ factionId: faction.id });
+                    })
+                  }
+                >
+                  Join faction
+                </Button>
+              ) : null}
+              {canLeave ? (
+                <Button
+                  size="sm"
+                  variant="outline"
+                  disabled={mutating}
+                  onClick={() =>
+                    runAction(async () => {
+                      await apiFactionLeave({ factionId: faction.id });
+                    })
+                  }
+                >
+                  Leave faction
+                </Button>
+              ) : null}
+              {isFounderAdmin ? (
+                <Button
+                  size="sm"
+                  variant="outline"
+                  onClick={() => setEditOpen((prev) => !prev)}
+                >
+                  {editOpen ? "Close edit" : "Edit faction"}
+                </Button>
+              ) : null}
+            </div>
           </div>
+
+          {viewerRole === "founder" ? (
+            <div className="mt-3">
+              <Badge variant="outline">
+                Founder leave disabled until transfer
+              </Badge>
+            </div>
+          ) : null}
         </CardContent>
       </Card>
 
-      <div className="flex items-center gap-2">
-        {canJoin ? (
-          <Button
-            size="sm"
-            disabled={mutating}
-            onClick={() =>
-              runAction(async () => {
-                await apiFactionJoin({ factionId: faction.id });
-              })
-            }
-          >
-            Join faction
-          </Button>
-        ) : null}
-        {canLeave ? (
-          <Button
-            size="sm"
-            variant="outline"
-            disabled={mutating}
-            onClick={() =>
-              runAction(async () => {
-                await apiFactionLeave({ factionId: faction.id });
-              })
-            }
-          >
-            Leave faction
-          </Button>
-        ) : null}
-        {viewerRole === "founder" ? (
-          <Badge variant="outline">Founder leave disabled until transfer</Badge>
-        ) : null}
-        {isFounderAdmin ? (
-          <Button
-            size="sm"
-            variant="outline"
-            onClick={() => setEditOpen((prev) => !prev)}
-          >
-            {editOpen ? "Close edit" : "Edit faction"}
-          </Button>
-        ) : null}
+      <div className="grid gap-3 sm:grid-cols-2 lg:grid-cols-3">
+        <StatTile
+          label="Members"
+          value={String(faction.members)}
+          align="center"
+        />
+        <StatTile label="Votes" value={String(faction.votes)} align="center" />
+        <StatTile
+          label="Role"
+          value={
+            viewerRole
+              ? viewerRole.charAt(0).toUpperCase() + viewerRole.slice(1)
+              : "None"
+          }
+          align="center"
+        />
       </div>
 
       {isFounderAdmin && editOpen ? (
@@ -495,16 +482,21 @@ const Faction: React.FC = () => {
               channels.map((channel) => (
                 <div
                   key={channel.id}
-                  className="rounded-md border border-border px-3 py-2 text-sm"
+                  className="rounded-md border border-border text-sm"
                 >
                   <div className="flex items-center justify-between gap-2">
-                    <div>
-                      <p className="font-semibold text-text">{channel.title}</p>
+                    <Link
+                      to={`/app/factions/${faction.id}/channels/${channel.id}`}
+                      className="min-w-0 flex-1 px-3 py-2 hover:bg-panel-alt/50"
+                    >
+                      <p className="font-semibold text-text hover:underline">
+                        {channel.title}
+                      </p>
                       <p className="text-xs text-muted">
                         #{channel.slug} · {channel.writeScope} · threads{" "}
                         {channel.threadCount}
                       </p>
-                    </div>
+                    </Link>
                     {isFounderAdmin ? (
                       <Button
                         size="sm"
@@ -580,255 +572,47 @@ const Faction: React.FC = () => {
               initiatives.map((initiative) => (
                 <div
                   key={initiative.id}
-                  className="rounded-md border border-border px-3 py-2 text-sm"
+                  className="rounded-md border border-border text-sm"
                 >
-                  <div className="flex items-center justify-between gap-2">
-                    <p className="font-semibold text-text">
-                      {initiative.title}
-                    </p>
-                    <Badge variant="outline">{initiative.status}</Badge>
-                  </div>
-                  <p className="text-xs text-muted">{initiative.intent}</p>
-                  {isFounderAdmin ? (
-                    <div className="mt-2 flex items-center gap-2">
-                      <Select
-                        value={initiative.status}
-                        onChange={(event) =>
-                          runAction(async () => {
-                            await apiFactionInitiativeTransition({
-                              factionId: faction.id,
-                              initiativeId: initiative.id,
-                              status: event.target.value as
-                                | "draft"
-                                | "active"
-                                | "blocked"
-                                | "done"
-                                | "archived",
-                            });
-                          })
-                        }
-                      >
-                        <option value="draft">Draft</option>
-                        <option value="active">Active</option>
-                        <option value="blocked">Blocked</option>
-                        <option value="done">Done</option>
-                        <option value="archived">Archived</option>
-                      </Select>
+                  <Link
+                    to={`/app/factions/${faction.id}/initiatives/${initiative.id}`}
+                    className="block px-3 py-2 hover:bg-panel-alt/50"
+                  >
+                    <div className="flex items-start justify-between gap-2">
+                      <div className="min-w-0">
+                        <p className="font-semibold text-text hover:underline">
+                          {initiative.title}
+                        </p>
+                        <p className="text-xs text-muted">
+                          {initiative.intent}
+                        </p>
+                      </div>
+                      <Badge variant="outline">{initiative.status}</Badge>
                     </div>
-                  ) : null}
+                  </Link>
                 </div>
               ))
             )}
-            {canPost ? (
-              <div className="space-y-2 rounded-md border border-border p-3">
-                <p className="text-xs font-semibold text-muted">
-                  Create initiative
-                </p>
-                <Input
-                  value={initiativeTitle}
-                  onChange={(event) => setInitiativeTitle(event.target.value)}
-                  placeholder="Initiative title"
-                />
-                <Input
-                  value={initiativeIntent}
-                  onChange={(event) => setInitiativeIntent(event.target.value)}
-                  placeholder="Intent"
-                />
-                <textarea
-                  value={initiativeChecklist}
-                  onChange={(event) =>
-                    setInitiativeChecklist(event.target.value)
-                  }
-                  rows={3}
-                  className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm"
-                  placeholder={"Checklist, one item per line"}
-                />
-                <Button
-                  size="sm"
-                  disabled={mutating || initiativeTitle.trim().length < 2}
-                  onClick={() =>
-                    runAction(async () => {
-                      await apiFactionInitiativeCreate({
-                        factionId: faction.id,
-                        title: initiativeTitle.trim(),
-                        intent: initiativeIntent.trim() || undefined,
-                        checklist: initiativeChecklist
-                          .split("\n")
-                          .map((line) => line.trim())
-                          .filter(Boolean),
-                      });
-                      setInitiativeTitle("");
-                      setInitiativeIntent("");
-                      setInitiativeChecklist("");
-                    })
-                  }
-                >
-                  Create initiative
+            <div className="rounded-md border border-border p-3">
+              <p className="text-xs text-muted">
+                Open initiatives workspace to create new initiatives and manage
+                status.
+              </p>
+              <div className="mt-2">
+                <Button asChild size="sm" variant="outline">
+                  <Link to={`/app/factions/${faction.id}/initiatives`}>
+                    Open initiatives workspace
+                  </Link>
                 </Button>
               </div>
-            ) : null}
+            </div>
           </CardContent>
         </Card>
       </div>
 
       <Card>
-        <CardHeader className="pb-2">
-          <CardTitle>Threads</CardTitle>
-        </CardHeader>
-        <CardContent className="space-y-3">
-          {threads.length === 0 ? (
-            <NoDataYetBar label="threads" />
-          ) : (
-            threads.map((thread) => (
-              <div
-                key={thread.id}
-                className="space-y-2 rounded-md border border-border px-3 py-2"
-              >
-                <div className="flex items-center justify-between gap-2">
-                  <div>
-                    <p className="text-sm font-semibold text-text">
-                      {thread.title}
-                    </p>
-                    <p className="text-xs text-muted">
-                      {thread.channelTitle} · {thread.status} · replies{" "}
-                      {thread.replies}
-                    </p>
-                  </div>
-                  <div className="flex items-center gap-2">
-                    <Badge variant="outline">{thread.status}</Badge>
-                    <Button
-                      size="sm"
-                      variant={
-                        activeThread?.id === thread.id ? "outline" : "ghost"
-                      }
-                      onClick={() => {
-                        const next = new URLSearchParams(searchParams);
-                        next.set("thread", thread.id);
-                        setSearchParams(next, { replace: false });
-                      }}
-                    >
-                      Open
-                    </Button>
-                  </div>
-                </div>
-                <p className="text-sm text-muted">{thread.body}</p>
-                {isFounderAdmin ? (
-                  <div className="flex items-center gap-2">
-                    <Select
-                      value={thread.status}
-                      onChange={(event) =>
-                        runAction(async () => {
-                          await apiFactionThreadTransition({
-                            factionId: faction.id,
-                            threadId: thread.id,
-                            status: event.target.value as
-                              | "open"
-                              | "resolved"
-                              | "locked",
-                          });
-                        })
-                      }
-                    >
-                      <option value="open">Open</option>
-                      <option value="resolved">Resolved</option>
-                      <option value="locked">Locked</option>
-                    </Select>
-                  </div>
-                ) : null}
-              </div>
-            ))
-          )}
-          {activeThread ? (
-            <div
-              ref={openedThreadRef}
-              className="space-y-3 rounded-md border border-border p-3"
-            >
-              <p className="text-xs font-semibold text-muted">Opened thread</p>
-              <p className="text-sm font-semibold text-text">
-                {activeThread.title}
-              </p>
-              <p className="text-xs text-muted">
-                {activeThread.channelTitle} · {activeThread.status} · replies{" "}
-                {activeThread.replies}
-              </p>
-              <p className="text-sm text-muted">{activeThread.body}</p>
-              {canPost ? (
-                <div className="flex items-center gap-2">
-                  <Input
-                    value={threadReplyBody}
-                    onChange={(event) => setThreadReplyBody(event.target.value)}
-                    placeholder="Write a reply"
-                  />
-                  <Button
-                    size="sm"
-                    disabled={mutating || !threadReplyBody.trim()}
-                    onClick={() =>
-                      runAction(async () => {
-                        await apiFactionThreadReply({
-                          factionId: faction.id,
-                          threadId: activeThread.id,
-                          body: threadReplyBody.trim(),
-                        });
-                        setThreadReplyBody("");
-                      })
-                    }
-                  >
-                    Reply
-                  </Button>
-                </div>
-              ) : null}
-            </div>
-          ) : null}
-          {canPost ? (
-            <div className="space-y-2 rounded-md border border-border p-3">
-              <p className="text-xs font-semibold text-muted">Start thread</p>
-              <Select
-                value={threadChannelId}
-                onChange={(event) => setThreadChannelId(event.target.value)}
-              >
-                {channels.map((channel) => (
-                  <option key={channel.id} value={channel.id}>
-                    {channel.title}
-                  </option>
-                ))}
-              </Select>
-              <Input
-                value={threadTitle}
-                onChange={(event) => setThreadTitle(event.target.value)}
-                placeholder="Thread title"
-              />
-              <textarea
-                value={threadBody}
-                onChange={(event) => setThreadBody(event.target.value)}
-                rows={3}
-                className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm"
-                placeholder="Thread body"
-              />
-              <Button
-                size="sm"
-                disabled={
-                  mutating ||
-                  threadTitle.trim().length < 2 ||
-                  threadBody.trim().length < 2 ||
-                  threadChannelId.trim().length === 0
-                }
-                onClick={() =>
-                  runAction(async () => {
-                    await apiFactionThreadCreate({
-                      factionId: faction.id,
-                      channelId: threadChannelId,
-                      title: threadTitle.trim(),
-                      body: threadBody.trim(),
-                    });
-                    setThreadTitle("");
-                    setThreadBody("");
-                  })
-                }
-              >
-                Create thread
-              </Button>
-            </div>
-          ) : null}
+        <CardContent className="p-4 text-sm text-muted">
+          Open a channel to create threads and manage discussions.
         </CardContent>
       </Card>
     </div>
diff --git a/src/pages/factions/FactionChannel.tsx b/src/pages/factions/FactionChannel.tsx
new file mode 100644
index 0000000..d855214
--- /dev/null
+++ b/src/pages/factions/FactionChannel.tsx
@@ -0,0 +1,375 @@
+import { useEffect, useMemo, useState } from "react";
+import { Link, useParams } from "react-router";
+
+import { AddressInline } from "@/components/AddressInline";
+import { Button } from "@/components/primitives/button";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+} from "@/components/primitives/card";
+import { Input } from "@/components/primitives/input";
+import { Select } from "@/components/primitives/select";
+import {
+  apiFaction,
+  apiFactionThreadDelete,
+  apiFactionThreadReplyDelete,
+  apiFactionThreadReply,
+  apiFactionThreadTransition,
+  apiMe,
+  getApiErrorPayload,
+} from "@/lib/apiClient";
+import { formatDateTime } from "@/lib/dateTime";
+import type { FactionDto } from "@/types/api";
+
+function normalizeAddress(value: string): string {
+  return value.trim().toLowerCase();
+}
+
+const FactionChannel: React.FC = () => {
+  const { id, channelId, threadId } = useParams();
+  const [faction, setFaction] = useState<FactionDto | null>(null);
+  const [viewerAddress, setViewerAddress] = useState<string | null>(null);
+  const [loading, setLoading] = useState(false);
+  const [mutating, setMutating] = useState(false);
+  const [loadError, setLoadError] = useState<string | null>(null);
+  const [actionError, setActionError] = useState<string | null>(null);
+
+  const [threadReplyBody, setThreadReplyBody] = useState("");
+
+  const loadFaction = async () => {
+    if (!id) return;
+    setLoading(true);
+    try {
+      const [factionRes, meRes] = await Promise.all([apiFaction(id), apiMe()]);
+      setFaction(factionRes);
+      setViewerAddress(meRes.authenticated ? meRes.address : null);
+      setLoadError(null);
+    } catch (error) {
+      setFaction(null);
+      setViewerAddress(null);
+      setLoadError((error as Error).message);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    void loadFaction();
+  }, [id]);
+
+  const memberships = faction?.memberships ?? [];
+  const channels = faction?.channels ?? [];
+  const threads = faction?.threads ?? [];
+
+  const viewerMembership = useMemo(() => {
+    if (!viewerAddress) return null;
+    return memberships.find(
+      (membership) =>
+        normalizeAddress(membership.address) ===
+        normalizeAddress(viewerAddress),
+    );
+  }, [memberships, viewerAddress]);
+
+  const viewerRole = viewerMembership?.isActive ? viewerMembership.role : null;
+  const canPost = !!viewerAddress && !!viewerMembership?.isActive;
+  const isFounderAdmin = viewerRole === "founder";
+  const canModerate = viewerRole === "founder" || viewerRole === "steward";
+
+  const channel = useMemo(
+    () => channels.find((item) => item.id === channelId) ?? null,
+    [channels, channelId],
+  );
+
+  const channelThreads = useMemo(
+    () => threads.filter((item) => item.channelId === channelId),
+    [threads, channelId],
+  );
+
+  const activeThread = useMemo(
+    () => channelThreads.find((item) => item.id === threadId) ?? null,
+    [channelThreads, threadId],
+  );
+
+  const setCommandError = (error: unknown) => {
+    const payload = getApiErrorPayload(error);
+    const message =
+      payload?.error?.message ??
+      (error instanceof Error ? error.message : "Action failed");
+    setActionError(message);
+  };
+
+  const runAction = async (fn: () => Promise<void>) => {
+    setActionError(null);
+    setMutating(true);
+    try {
+      await fn();
+      await loadFaction();
+    } catch (error) {
+      setCommandError(error);
+    } finally {
+      setMutating(false);
+    }
+  };
+
+  if (loading && !faction) {
+    return (
+      <Card className="border-dashed px-4 py-6 text-center text-sm text-muted">
+        Loading channel…
+      </Card>
+    );
+  }
+
+  if (!faction || !id || !channelId || !channel) {
+    return (
+      <div className="flex flex-col gap-4">
+        <h1 className="text-xl font-semibold text-text">Channel not found</h1>
+        {loadError ? (
+          <p className="text-sm text-destructive">{loadError}</p>
+        ) : null}
+        <Button asChild size="sm">
+          <Link to={id ? `/app/factions/${id}` : "/app/factions"}>
+            Back to faction
+          </Link>
+        </Button>
+      </div>
+    );
+  }
+
+  return (
+    <div className="flex flex-col gap-6">
+      <Card>
+        <CardContent className="p-4 sm:p-5">
+          <div className="flex flex-wrap items-center justify-between gap-3">
+            <div className="min-w-0">
+              <p className="text-xs font-semibold tracking-wide text-muted uppercase">
+                Channel
+              </p>
+              <h1 className="text-xl font-semibold text-text">
+                {channel.title}
+              </h1>
+              <p className="text-xs text-muted">
+                #{channel.slug} · {channel.writeScope} · threads{" "}
+                {channel.threadCount}
+              </p>
+            </div>
+            <div className="flex items-center gap-2">
+              <Button asChild size="sm" variant="outline">
+                <Link to={`/app/factions/${faction.id}`}>Back to faction</Link>
+              </Button>
+            </div>
+          </div>
+        </CardContent>
+      </Card>
+
+      {actionError ? (
+        <Card className="border-dashed px-4 py-3 text-sm text-destructive">
+          {actionError}
+        </Card>
+      ) : null}
+
+      <Card>
+        <CardHeader className="pb-2">
+          <div className="flex items-center justify-between gap-2">
+            <CardTitle>Threads</CardTitle>
+            {canPost ? (
+              <Button asChild size="sm">
+                <Link
+                  to={`/app/factions/${faction.id}/channels/${channel.id}/threads/new`}
+                >
+                  Create thread
+                </Link>
+              </Button>
+            ) : null}
+          </div>
+        </CardHeader>
+        <CardContent className="space-y-3">
+          {channelThreads.length === 0 ? (
+            <p className="text-sm text-muted">No threads yet.</p>
+          ) : (
+            channelThreads.map((thread) => (
+              <div
+                key={thread.id}
+                className="rounded-md border border-border text-sm"
+              >
+                <div className="flex items-start justify-between gap-2">
+                  <Link
+                    to={`/app/factions/${faction.id}/channels/${channel.id}/threads/${thread.id}`}
+                    className="min-w-0 flex-1 px-3 py-2 hover:bg-panel-alt/50"
+                  >
+                    <p className="text-sm font-semibold text-text hover:underline">
+                      {thread.title}
+                    </p>
+                    <p className="text-xs text-muted">
+                      {thread.status} · replies {thread.replies} · updated{" "}
+                      {formatDateTime(thread.updatedAt)}
+                    </p>
+                  </Link>
+                  {canModerate ||
+                  normalizeAddress(thread.authorAddress) ===
+                    normalizeAddress(viewerAddress ?? "") ? (
+                    <div className="px-2 py-2">
+                      <Button
+                        size="sm"
+                        variant="outline"
+                        disabled={mutating}
+                        onClick={() =>
+                          runAction(async () => {
+                            await apiFactionThreadDelete({
+                              factionId: faction.id,
+                              threadId: thread.id,
+                            });
+                          })
+                        }
+                      >
+                        Delete
+                      </Button>
+                    </div>
+                  ) : null}
+                </div>
+              </div>
+            ))
+          )}
+        </CardContent>
+      </Card>
+
+      {threadId ? (
+        <Card>
+          <CardHeader className="pb-2">
+            <CardTitle>Thread</CardTitle>
+          </CardHeader>
+          <CardContent className="space-y-3">
+            {!activeThread ? (
+              <p className="text-sm text-muted">
+                Thread not found in this channel.
+              </p>
+            ) : (
+              <>
+                <div className="space-y-1">
+                  <p className="text-sm font-semibold text-text">
+                    {activeThread.title}
+                  </p>
+                  <p className="text-xs text-muted">
+                    {activeThread.status} · replies {activeThread.replies}
+                  </p>
+                  <AddressInline
+                    address={activeThread.authorAddress}
+                    className="text-text"
+                    textClassName="text-xs [overflow-wrap:anywhere] break-words"
+                  />
+                </div>
+
+                <p className="text-sm text-muted">{activeThread.body}</p>
+
+                <div className="space-y-2 rounded-md border border-border p-3">
+                  <p className="text-xs font-semibold text-muted">Replies</p>
+                  {(activeThread.messages ?? []).length === 0 ? (
+                    <p className="text-sm text-muted">No replies yet.</p>
+                  ) : (
+                    (activeThread.messages ?? []).map((message) => {
+                      const canDeleteMessage =
+                        canModerate ||
+                        normalizeAddress(message.authorAddress) ===
+                          normalizeAddress(viewerAddress ?? "");
+                      return (
+                        <div
+                          key={message.id}
+                          className="space-y-1 rounded-md border border-border px-3 py-2"
+                        >
+                          <div className="flex items-center justify-between gap-2">
+                            <AddressInline
+                              address={message.authorAddress}
+                              className="text-text"
+                              textClassName="text-xs [overflow-wrap:anywhere] break-words"
+                            />
+                            <div className="flex items-center gap-2">
+                              <span className="text-xs text-muted">
+                                {formatDateTime(message.createdAt)}
+                              </span>
+                              {canDeleteMessage ? (
+                                <Button
+                                  size="sm"
+                                  variant="outline"
+                                  disabled={mutating}
+                                  onClick={() =>
+                                    runAction(async () => {
+                                      await apiFactionThreadReplyDelete({
+                                        factionId: faction.id,
+                                        threadId: activeThread.id,
+                                        messageId: message.id,
+                                      });
+                                    })
+                                  }
+                                >
+                                  Delete
+                                </Button>
+                              ) : null}
+                            </div>
+                          </div>
+                          <p className="text-sm text-muted">{message.body}</p>
+                        </div>
+                      );
+                    })
+                  )}
+                </div>
+
+                {isFounderAdmin ? (
+                  <Select
+                    value={activeThread.status}
+                    onChange={(event) =>
+                      runAction(async () => {
+                        await apiFactionThreadTransition({
+                          factionId: faction.id,
+                          threadId: activeThread.id,
+                          status: event.target.value as
+                            | "open"
+                            | "resolved"
+                            | "locked",
+                        });
+                      })
+                    }
+                  >
+                    <option value="open">Open</option>
+                    <option value="resolved">Resolved</option>
+                    <option value="locked">Locked</option>
+                  </Select>
+                ) : null}
+
+                {canPost ? (
+                  <div className="flex items-center gap-2">
+                    <Input
+                      value={threadReplyBody}
+                      onChange={(event) =>
+                        setThreadReplyBody(event.target.value)
+                      }
+                      placeholder="Write a reply"
+                    />
+                    <Button
+                      size="sm"
+                      disabled={mutating || !threadReplyBody.trim()}
+                      onClick={() =>
+                        runAction(async () => {
+                          await apiFactionThreadReply({
+                            factionId: faction.id,
+                            threadId: activeThread.id,
+                            body: threadReplyBody.trim(),
+                          });
+                          setThreadReplyBody("");
+                        })
+                      }
+                    >
+                      Reply
+                    </Button>
+                  </div>
+                ) : null}
+              </>
+            )}
+          </CardContent>
+        </Card>
+      ) : null}
+    </div>
+  );
+};
+
+export default FactionChannel;
diff --git a/src/pages/factions/FactionCreate.tsx b/src/pages/factions/FactionCreate.tsx
index 4732535..1da9017 100644
--- a/src/pages/factions/FactionCreate.tsx
+++ b/src/pages/factions/FactionCreate.tsx
@@ -115,11 +115,30 @@ const FactionCreate: React.FC = () => {
     [form.cofoundersText],
   );
 
-  const canGoNextStep1 =
-    form.name.trim().length >= 2 &&
-    form.description.trim().length >= 2 &&
-    form.focus.trim().length > 0;
-  const canSubmit = canGoNextStep1;
+  const validationError = useMemo(() => {
+    const name = form.name.trim();
+    const description = form.description.trim();
+    const focus = form.focus.trim();
+    if (name.length < 2) return "Name must be at least 2 characters.";
+    if (name.length > 80) return "Name must be 80 characters or less.";
+    if (description.length < 1) return "Description is required.";
+    if (description.length > 280)
+      return "Description must be 280 characters or less.";
+    if (focus.length < 1) return "Focus is required.";
+    if (focus.length > 80) return "Focus must be 80 characters or less.";
+    if (goals.length > 12) return "Goals must contain at most 12 items.";
+    if (goals.some((goal) => goal.length > 300))
+      return "Each goal must be 300 characters or less.";
+    if (tags.length > 12) return "Tags must contain at most 12 items.";
+    if (tags.some((tag) => tag.length > 40))
+      return "Each tag must be 40 characters or less.";
+    if (cofounders.length > 16)
+      return "Cofounders must contain at most 16 addresses.";
+    return null;
+  }, [cofounders.length, form.description, form.focus, form.name, goals, tags]);
+
+  const canGoNextStep1 = !validationError;
+  const canSubmit = !validationError;
 
   const onCreate = async () => {
     if (!canSubmit || saving) return;
@@ -143,7 +162,25 @@ const FactionCreate: React.FC = () => {
       navigate(`/app/factions/${response.faction.id}`);
     } catch (e) {
       const payload = getApiErrorPayload(e);
+      const issues = Array.isArray(
+        (payload as { error?: { issues?: unknown[] } } | null)?.error?.issues,
+      )
+        ? ((payload as { error?: { issues?: unknown[] } }).error?.issues ?? [])
+        : [];
+      const issue = (issues[0] ?? null) as {
+        path?: unknown;
+        message?: unknown;
+      } | null;
+      const issuePath =
+        issue && Array.isArray(issue.path) && issue.path.length > 0
+          ? issue.path.join(".")
+          : null;
+      const issueMessage =
+        issuePath && typeof issue?.message === "string"
+          ? `${issuePath}: ${issue.message}`
+          : null;
       const message =
+        issueMessage ??
         payload?.error?.message ??
         (e instanceof Error ? e.message : "Failed to create faction");
       setError(message);
@@ -203,6 +240,7 @@ const FactionCreate: React.FC = () => {
               <label className="block space-y-1">
                 <span className="text-sm text-muted">Name</span>
                 <Input
+                  maxLength={80}
                   value={form.name}
                   onChange={(event) =>
                     setForm((prev) => ({ ...prev, name: event.target.value }))
@@ -213,6 +251,7 @@ const FactionCreate: React.FC = () => {
               <label className="block space-y-1">
                 <span className="text-sm text-muted">Description</span>
                 <textarea
+                  maxLength={280}
                   value={form.description}
                   onChange={(event) =>
                     setForm((prev) => ({
@@ -229,6 +268,7 @@ const FactionCreate: React.FC = () => {
               <label className="block space-y-1">
                 <span className="text-sm text-muted">Focus</span>
                 <Input
+                  maxLength={80}
                   value={form.focus}
                   onChange={(event) =>
                     setForm((prev) => ({ ...prev, focus: event.target.value }))
@@ -350,6 +390,11 @@ const FactionCreate: React.FC = () => {
               {error}
             </div>
           ) : null}
+          {!error && validationError ? (
+            <div className="rounded-md border border-border bg-panel-alt px-3 py-2 text-sm text-muted">
+              {validationError}
+            </div>
+          ) : null}
           {draftNotice ? (
             <div className="rounded-md border border-border bg-panel-alt px-3 py-2 text-sm text-muted">
               {draftNotice}
diff --git a/src/pages/factions/FactionInitiative.tsx b/src/pages/factions/FactionInitiative.tsx
new file mode 100644
index 0000000..dbbdd17
--- /dev/null
+++ b/src/pages/factions/FactionInitiative.tsx
@@ -0,0 +1,293 @@
+import { useEffect, useMemo, useState } from "react";
+import { Link, useParams } from "react-router";
+
+import { AddressInline } from "@/components/AddressInline";
+import { Badge } from "@/components/primitives/badge";
+import { Button } from "@/components/primitives/button";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+} from "@/components/primitives/card";
+import { Select } from "@/components/primitives/select";
+import {
+  apiFaction,
+  apiFactionInitiativeTransition,
+  apiMe,
+  getApiErrorPayload,
+} from "@/lib/apiClient";
+import { formatDateTime } from "@/lib/dateTime";
+import type { FactionDto } from "@/types/api";
+
+function normalizeAddress(value: string): string {
+  return value.trim().toLowerCase();
+}
+
+const FactionInitiative: React.FC = () => {
+  const { id, initiativeId } = useParams();
+  const [faction, setFaction] = useState<FactionDto | null>(null);
+  const [viewerAddress, setViewerAddress] = useState<string | null>(null);
+  const [loading, setLoading] = useState(false);
+  const [mutating, setMutating] = useState(false);
+  const [loadError, setLoadError] = useState<string | null>(null);
+  const [actionError, setActionError] = useState<string | null>(null);
+
+  const loadFaction = async () => {
+    if (!id) return;
+    setLoading(true);
+    try {
+      const [factionRes, meRes] = await Promise.all([apiFaction(id), apiMe()]);
+      setFaction(factionRes);
+      setViewerAddress(meRes.authenticated ? meRes.address : null);
+      setLoadError(null);
+    } catch (error) {
+      setFaction(null);
+      setViewerAddress(null);
+      setLoadError((error as Error).message);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    void loadFaction();
+  }, [id]);
+
+  const memberships = faction?.memberships ?? [];
+  const initiativesRaw = faction?.initiativesDetailed ?? [];
+
+  const viewerMembership = useMemo(() => {
+    if (!viewerAddress) return null;
+    return memberships.find(
+      (membership) =>
+        normalizeAddress(membership.address) ===
+        normalizeAddress(viewerAddress),
+    );
+  }, [memberships, viewerAddress]);
+
+  const canPost = !!viewerAddress && !!viewerMembership?.isActive;
+  const canModerate =
+    viewerMembership?.role === "founder" ||
+    viewerMembership?.role === "steward";
+
+  const initiatives = useMemo(() => {
+    const viewer = normalizeAddress(viewerAddress ?? "");
+    return initiativesRaw.filter((initiative) => {
+      if (initiative.status !== "draft") return true;
+      return normalizeAddress(initiative.ownerAddress) === viewer;
+    });
+  }, [initiativesRaw, viewerAddress]);
+
+  const activeInitiative = useMemo(
+    () => initiatives.find((item) => item.id === initiativeId) ?? null,
+    [initiatives, initiativeId],
+  );
+  const canEditActiveInitiative = useMemo(() => {
+    if (!activeInitiative) return false;
+    if (canModerate) return true;
+    return (
+      normalizeAddress(activeInitiative.ownerAddress) ===
+      normalizeAddress(viewerAddress ?? "")
+    );
+  }, [activeInitiative, canModerate, viewerAddress]);
+
+  const setCommandError = (error: unknown) => {
+    const payload = getApiErrorPayload(error);
+    const message =
+      payload?.error?.message ??
+      (error instanceof Error ? error.message : "Action failed");
+    setActionError(message);
+  };
+
+  const runAction = async (fn: () => Promise<void>) => {
+    setActionError(null);
+    setMutating(true);
+    try {
+      await fn();
+      await loadFaction();
+    } catch (error) {
+      setCommandError(error);
+    } finally {
+      setMutating(false);
+    }
+  };
+
+  if (loading && !faction) {
+    return (
+      <Card className="border-dashed px-4 py-6 text-center text-sm text-muted">
+        Loading initiatives…
+      </Card>
+    );
+  }
+
+  if (!faction || !id) {
+    return (
+      <div className="flex flex-col gap-4">
+        <h1 className="text-xl font-semibold text-text">Faction not found</h1>
+        {loadError ? (
+          <p className="text-sm text-destructive">{loadError}</p>
+        ) : null}
+        <Button asChild size="sm">
+          <Link to="/app/factions">Back to factions</Link>
+        </Button>
+      </div>
+    );
+  }
+
+  return (
+    <div className="flex flex-col gap-6">
+      <Card>
+        <CardContent className="p-4 sm:p-5">
+          <div className="flex items-center justify-between gap-3">
+            <div className="min-w-0">
+              <p className="text-xs font-semibold tracking-wide text-muted uppercase">
+                Initiatives
+              </p>
+              <h1 className="text-2xl font-semibold text-text sm:text-3xl">
+                {faction.name}
+              </h1>
+            </div>
+            <Button asChild size="sm" variant="outline">
+              <Link to={`/app/factions/${faction.id}`}>Back to faction</Link>
+            </Button>
+          </div>
+        </CardContent>
+      </Card>
+
+      {actionError ? (
+        <Card className="border-dashed px-4 py-3 text-sm text-destructive">
+          {actionError}
+        </Card>
+      ) : null}
+
+      <Card>
+        <CardHeader className="pb-2">
+          <div className="flex items-center justify-between gap-2">
+            <CardTitle>Initiative list</CardTitle>
+            {canPost ? (
+              <Button asChild size="sm">
+                <Link to={`/app/factions/${faction.id}/initiatives/new`}>
+                  Create initiative
+                </Link>
+              </Button>
+            ) : null}
+          </div>
+        </CardHeader>
+        <CardContent className="space-y-3">
+          {initiatives.length === 0 ? (
+            <p className="text-sm text-muted">No initiatives yet.</p>
+          ) : (
+            initiatives.map((initiative) => (
+              <div
+                key={initiative.id}
+                className="rounded-md border border-border"
+              >
+                <Link
+                  to={`/app/factions/${faction.id}/initiatives/${initiative.id}`}
+                  className="block px-3 py-2 hover:bg-panel-alt/50"
+                >
+                  <div className="flex items-start justify-between gap-2">
+                    <div className="min-w-0">
+                      <p className="text-sm font-semibold text-text">
+                        {initiative.title}
+                      </p>
+                      <p className="text-xs text-muted">
+                        {initiative.intent} · updated{" "}
+                        {formatDateTime(initiative.updatedAt)}
+                      </p>
+                    </div>
+                    <Badge
+                      variant="outline"
+                      className={
+                        initiative.id === initiativeId
+                          ? "border-text text-text"
+                          : undefined
+                      }
+                    >
+                      {initiative.status}
+                    </Badge>
+                  </div>
+                </Link>
+              </div>
+            ))
+          )}
+        </CardContent>
+      </Card>
+
+      {initiativeId ? (
+        <Card>
+          <CardHeader className="pb-2">
+            <CardTitle>
+              {activeInitiative
+                ? activeInitiative.title
+                : "Initiative not found"}
+            </CardTitle>
+          </CardHeader>
+          <CardContent className="space-y-3">
+            {!activeInitiative ? (
+              <p className="text-sm text-muted">Initiative not found.</p>
+            ) : (
+              <>
+                <div className="space-y-1">
+                  <p className="text-xs text-muted">
+                    {activeInitiative.intent}
+                  </p>
+                  <AddressInline
+                    address={activeInitiative.ownerAddress}
+                    className="text-text"
+                    textClassName="text-xs [overflow-wrap:anywhere] break-words"
+                  />
+                </div>
+
+                {activeInitiative.checklist.length > 0 ? (
+                  <ul className="list-disc space-y-1 pl-5 text-sm text-muted">
+                    {activeInitiative.checklist.map((line, idx) => (
+                      <li key={`${activeInitiative.id}-cl-${idx}`}>{line}</li>
+                    ))}
+                  </ul>
+                ) : null}
+
+                <div className="flex items-center gap-2">
+                  <Badge variant="outline">{activeInitiative.status}</Badge>
+                  <span className="text-xs text-muted">
+                    Updated {formatDateTime(activeInitiative.updatedAt)}
+                  </span>
+                </div>
+
+                {canEditActiveInitiative ? (
+                  <Select
+                    disabled={mutating}
+                    value={activeInitiative.status}
+                    onChange={(event) =>
+                      runAction(async () => {
+                        await apiFactionInitiativeTransition({
+                          factionId: faction.id,
+                          initiativeId: activeInitiative.id,
+                          status: event.target.value as
+                            | "draft"
+                            | "active"
+                            | "blocked"
+                            | "done"
+                            | "archived",
+                        });
+                      })
+                    }
+                  >
+                    <option value="draft">Draft</option>
+                    <option value="active">Active</option>
+                    <option value="blocked">Blocked</option>
+                    <option value="done">Done</option>
+                    <option value="archived">Archived</option>
+                  </Select>
+                ) : null}
+              </>
+            )}
+          </CardContent>
+        </Card>
+      ) : null}
+    </div>
+  );
+};
+
+export default FactionInitiative;
diff --git a/src/pages/factions/FactionInitiativeCreate.tsx b/src/pages/factions/FactionInitiativeCreate.tsx
new file mode 100644
index 0000000..3f981cf
--- /dev/null
+++ b/src/pages/factions/FactionInitiativeCreate.tsx
@@ -0,0 +1,166 @@
+import { useEffect, useMemo, useState } from "react";
+import { Link, useNavigate, useParams } from "react-router";
+
+import { Button } from "@/components/primitives/button";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+} from "@/components/primitives/card";
+import { Input } from "@/components/primitives/input";
+import {
+  apiFaction,
+  apiFactionInitiativeCreate,
+  apiMe,
+  getApiErrorPayload,
+} from "@/lib/apiClient";
+import type { FactionDto } from "@/types/api";
+
+function normalizeAddress(value: string): string {
+  return value.trim().toLowerCase();
+}
+
+const FactionInitiativeCreate: React.FC = () => {
+  const { id } = useParams();
+  const navigate = useNavigate();
+  const [faction, setFaction] = useState<FactionDto | null>(null);
+  const [viewerAddress, setViewerAddress] = useState<string | null>(null);
+  const [loading, setLoading] = useState(false);
+  const [submitting, setSubmitting] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  const [title, setTitle] = useState("");
+  const [intent, setIntent] = useState("");
+  const [checklistText, setChecklistText] = useState("");
+
+  useEffect(() => {
+    const load = async () => {
+      if (!id) return;
+      setLoading(true);
+      try {
+        const [factionRes, meRes] = await Promise.all([
+          apiFaction(id),
+          apiMe(),
+        ]);
+        setFaction(factionRes);
+        setViewerAddress(meRes.authenticated ? meRes.address : null);
+        setError(null);
+      } catch (err) {
+        setFaction(null);
+        setViewerAddress(null);
+        setError((err as Error).message);
+      } finally {
+        setLoading(false);
+      }
+    };
+    void load();
+  }, [id]);
+
+  const canCreate = useMemo(() => {
+    if (!faction || !viewerAddress) return false;
+    return (faction.memberships ?? []).some(
+      (membership) =>
+        membership.isActive &&
+        normalizeAddress(membership.address) ===
+          normalizeAddress(viewerAddress),
+    );
+  }, [faction, viewerAddress]);
+
+  const onSubmit = async () => {
+    if (!id || !canCreate) return;
+    setSubmitting(true);
+    setError(null);
+    try {
+      const res = await apiFactionInitiativeCreate({
+        factionId: id,
+        title: title.trim(),
+        intent: intent.trim() || undefined,
+        checklist: checklistText
+          .split("\n")
+          .map((line) => line.trim())
+          .filter(Boolean),
+      });
+      navigate(`/app/factions/${id}/initiatives/${res.initiative.id}`);
+    } catch (err) {
+      const payload = getApiErrorPayload(err);
+      setError(
+        payload?.error?.message ??
+          (err instanceof Error ? err.message : "Failed to create initiative"),
+      );
+    } finally {
+      setSubmitting(false);
+    }
+  };
+
+  if (loading && !faction) {
+    return (
+      <Card className="border-dashed px-4 py-6 text-center text-sm text-muted">
+        Loading faction…
+      </Card>
+    );
+  }
+
+  if (!id || !faction) {
+    return (
+      <div className="flex flex-col gap-4">
+        <h1 className="text-xl font-semibold text-text">Faction not found</h1>
+        {error ? <p className="text-sm text-destructive">{error}</p> : null}
+        <Button asChild size="sm">
+          <Link to="/app/factions">Back to factions</Link>
+        </Button>
+      </div>
+    );
+  }
+
+  return (
+    <div className="flex flex-col gap-6">
+      <Card>
+        <CardHeader className="pb-2">
+          <CardTitle>Create initiative</CardTitle>
+        </CardHeader>
+        <CardContent className="space-y-3">
+          {!canCreate ? (
+            <p className="text-sm text-destructive">
+              You cannot create an initiative in this faction.
+            </p>
+          ) : null}
+
+          {error ? <p className="text-sm text-destructive">{error}</p> : null}
+
+          <Input
+            value={title}
+            onChange={(event) => setTitle(event.target.value)}
+            placeholder="Initiative title"
+          />
+          <Input
+            value={intent}
+            onChange={(event) => setIntent(event.target.value)}
+            placeholder="Intent"
+          />
+          <textarea
+            value={checklistText}
+            onChange={(event) => setChecklistText(event.target.value)}
+            rows={5}
+            className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm"
+            placeholder="Checklist, one item per line"
+          />
+
+          <div className="flex items-center gap-2">
+            <Button
+              size="sm"
+              disabled={!canCreate || submitting || title.trim().length < 2}
+              onClick={onSubmit}
+            >
+              Create initiative
+            </Button>
+            <Button asChild size="sm" variant="outline">
+              <Link to={`/app/factions/${id}/initiatives`}>Cancel</Link>
+            </Button>
+          </div>
+        </CardContent>
+      </Card>
+    </div>
+  );
+};
+
+export default FactionInitiativeCreate;
diff --git a/src/pages/factions/FactionThreadCreate.tsx b/src/pages/factions/FactionThreadCreate.tsx
new file mode 100644
index 0000000..5a86393
--- /dev/null
+++ b/src/pages/factions/FactionThreadCreate.tsx
@@ -0,0 +1,183 @@
+import { useEffect, useMemo, useState } from "react";
+import { Link, useNavigate, useParams } from "react-router";
+
+import { Button } from "@/components/primitives/button";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+} from "@/components/primitives/card";
+import { Input } from "@/components/primitives/input";
+import {
+  apiFaction,
+  apiFactionThreadCreate,
+  apiMe,
+  getApiErrorPayload,
+} from "@/lib/apiClient";
+import type { FactionDto } from "@/types/api";
+
+function normalizeAddress(value: string): string {
+  return value.trim().toLowerCase();
+}
+
+const FactionThreadCreate: React.FC = () => {
+  const { id, channelId } = useParams();
+  const navigate = useNavigate();
+  const [faction, setFaction] = useState<FactionDto | null>(null);
+  const [viewerAddress, setViewerAddress] = useState<string | null>(null);
+  const [loading, setLoading] = useState(false);
+  const [submitting, setSubmitting] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  const [title, setTitle] = useState("");
+  const [body, setBody] = useState("");
+
+  useEffect(() => {
+    const load = async () => {
+      if (!id) return;
+      setLoading(true);
+      try {
+        const [factionRes, meRes] = await Promise.all([
+          apiFaction(id),
+          apiMe(),
+        ]);
+        setFaction(factionRes);
+        setViewerAddress(meRes.authenticated ? meRes.address : null);
+        setError(null);
+      } catch (err) {
+        setFaction(null);
+        setViewerAddress(null);
+        setError((err as Error).message);
+      } finally {
+        setLoading(false);
+      }
+    };
+    void load();
+  }, [id]);
+
+  const viewerMembership = useMemo(() => {
+    if (!faction || !viewerAddress) return null;
+    return (
+      (faction.memberships ?? []).find(
+        (membership) =>
+          normalizeAddress(membership.address) ===
+            normalizeAddress(viewerAddress) && membership.isActive,
+      ) ?? null
+    );
+  }, [faction, viewerAddress]);
+
+  const channel = useMemo(() => {
+    if (!faction || !channelId) return null;
+    return (
+      (faction.channels ?? []).find((item) => item.id === channelId) ?? null
+    );
+  }, [faction, channelId]);
+
+  const canCreate = !!viewerMembership && !!channel && !channel.isLocked;
+
+  const onSubmit = async () => {
+    if (!id || !channelId || !canCreate) return;
+    setSubmitting(true);
+    setError(null);
+    try {
+      const res = await apiFactionThreadCreate({
+        factionId: id,
+        channelId,
+        title: title.trim(),
+        body: body.trim(),
+      });
+      navigate(
+        `/app/factions/${id}/channels/${channelId}/threads/${res.thread.id}`,
+      );
+    } catch (err) {
+      const payload = getApiErrorPayload(err);
+      setError(
+        payload?.error?.message ??
+          (err instanceof Error ? err.message : "Failed to create thread"),
+      );
+    } finally {
+      setSubmitting(false);
+    }
+  };
+
+  if (loading && !faction) {
+    return (
+      <Card className="border-dashed px-4 py-6 text-center text-sm text-muted">
+        Loading channel…
+      </Card>
+    );
+  }
+
+  if (!id || !channelId || !faction || !channel) {
+    return (
+      <div className="flex flex-col gap-4">
+        <h1 className="text-xl font-semibold text-text">Channel not found</h1>
+        {error ? <p className="text-sm text-destructive">{error}</p> : null}
+        <Button asChild size="sm">
+          <Link to={id ? `/app/factions/${id}` : "/app/factions"}>
+            Back to faction
+          </Link>
+        </Button>
+      </div>
+    );
+  }
+
+  return (
+    <div className="flex flex-col gap-6">
+      <Card>
+        <CardHeader className="pb-2">
+          <CardTitle>Create thread</CardTitle>
+        </CardHeader>
+        <CardContent className="space-y-3">
+          <p className="text-sm text-muted">
+            Channel:{" "}
+            <span className="font-medium text-text">{channel.title}</span>
+          </p>
+
+          {!canCreate ? (
+            <p className="text-sm text-destructive">
+              You cannot create a thread in this channel.
+            </p>
+          ) : null}
+
+          {error ? <p className="text-sm text-destructive">{error}</p> : null}
+
+          <Input
+            value={title}
+            onChange={(event) => setTitle(event.target.value)}
+            placeholder="Thread title"
+          />
+          <textarea
+            value={body}
+            onChange={(event) => setBody(event.target.value)}
+            rows={6}
+            className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm"
+            placeholder="Thread body"
+          />
+
+          <div className="flex items-center gap-2">
+            <Button
+              size="sm"
+              disabled={
+                !canCreate ||
+                submitting ||
+                title.trim().length < 2 ||
+                body.trim().length < 2
+              }
+              onClick={onSubmit}
+            >
+              Create thread
+            </Button>
+            <Button asChild size="sm" variant="outline">
+              <Link to={`/app/factions/${id}/channels/${channelId}`}>
+                Cancel
+              </Link>
+            </Button>
+          </div>
+        </CardContent>
+      </Card>
+    </div>
+  );
+};
+
+export default FactionThreadCreate;
diff --git a/src/pages/formation/Formation.tsx b/src/pages/formation/Formation.tsx
index c62f1c4..279efef 100644
--- a/src/pages/formation/Formation.tsx
+++ b/src/pages/formation/Formation.tsx
@@ -10,6 +10,7 @@ import { Surface } from "@/components/Surface";
 import { PageHint } from "@/components/PageHint";
 import { Kicker } from "@/components/Kicker";
 import { NoDataYetBar } from "@/components/NoDataYetBar";
+import { AddressInline } from "@/components/AddressInline";
 import { apiFormation } from "@/lib/apiClient";
 import type {
   FormationCategoryDto as Category,
@@ -187,11 +188,13 @@ const Formation: React.FC = () => {
                 </Surface>
               </div>
               <div className="flex items-center justify-between gap-3 text-sm text-muted">
-                <span className="min-w-0 [overflow-wrap:anywhere] break-words">
-                  Proposer:{" "}
-                  <span className="font-semibold text-text hover:text-primary">
-                    {project.proposer}
-                  </span>
+                <span className="inline-flex min-w-0 items-center gap-2">
+                  <span>Proposer:</span>
+                  <AddressInline
+                    address={project.proposer}
+                    className="min-w-0"
+                    textClassName="text-sm font-semibold text-text"
+                  />
                 </span>
                 <Button asChild size="sm">
                   <Link
diff --git a/src/pages/proposals/ProposalChamber.tsx b/src/pages/proposals/ProposalChamber.tsx
index cd4a960..d37628e 100644
--- a/src/pages/proposals/ProposalChamber.tsx
+++ b/src/pages/proposals/ProposalChamber.tsx
@@ -12,6 +12,7 @@ import {
   ProposalTimelineCard,
 } from "@/components/ProposalSections";
 import { Surface } from "@/components/Surface";
+import { HintLabel } from "@/components/Hint";
 import {
   apiChamberVote,
   apiProposalChamberPage,
@@ -100,9 +101,13 @@ const ProposalChamber: React.FC = () => {
   const totalVotes = yesTotal + noTotal + abstainTotal;
   const engaged = proposal.engagedGovernors;
   const activeGovernors = Math.max(1, proposal.activeGovernors);
-  const quorumNeeded = Math.ceil(activeGovernors * proposal.attentionQuorum);
+  const quorumFraction =
+    proposal.thresholdContext?.quorumThreshold?.quorumFraction ??
+    proposal.attentionQuorum ??
+    0.33;
+  const quorumNeeded = proposal.quorumNeeded;
   const quorumPercent = Math.round((engaged / activeGovernors) * 100);
-  const quorumNeededPercent = Math.round(proposal.attentionQuorum * 100);
+  const quorumNeededPercent = Math.round(quorumFraction * 100);
   const yesPercentOfQuorum =
     engaged > 0 ? Math.round((yesTotal / engaged) * 100) : 0;
   const yesPercentOfTotal =
@@ -203,11 +208,18 @@ const ProposalChamber: React.FC = () => {
         <h2 className="text-lg font-semibold text-text">Voting quorum</h2>
         <div className="grid gap-3 text-sm text-text sm:grid-cols-2 lg:grid-cols-4">
           <StatTile
-            label="Voting quorum (%)"
+            label={
+              <HintLabel
+                termId="quorum_of_vote"
+                termText="Voting quorum"
+                suffix=" (%)"
+              />
+            }
             value={
               <>
                 <span>
                   {quorumPercent}% / {quorumNeededPercent}%
+                  <span className="text-muted"> + 1</span>
                 </span>
                 <span className="text-xs font-semibold text-muted">
                   {engaged} / {quorumNeeded}
diff --git a/src/pages/proposals/ProposalDraft.tsx b/src/pages/proposals/ProposalDraft.tsx
index 5ebe285..5adc20d 100644
--- a/src/pages/proposals/ProposalDraft.tsx
+++ b/src/pages/proposals/ProposalDraft.tsx
@@ -13,6 +13,7 @@ import { Surface } from "@/components/Surface";
 import { StatTile } from "@/components/StatTile";
 import { PageHint } from "@/components/PageHint";
 import { TierLabel } from "@/components/TierLabel";
+import { AddressInline } from "@/components/AddressInline";
 import { AttachmentList } from "@/components/AttachmentList";
 import { TitledSurface } from "@/components/TitledSurface";
 import { SIM_AUTH_ENABLED } from "@/lib/featureFlags";
@@ -155,7 +156,13 @@ const ProposalDraft: React.FC = () => {
             />
             <StatTile
               label="Proposer"
-              value={draftDetails.proposer}
+              value={
+                <AddressInline
+                  address={draftDetails.proposer}
+                  className="justify-center"
+                  textClassName="text-base"
+                />
+              }
               radius="2xl"
               className="px-4 py-4"
               labelClassName="text-[0.8rem]"
diff --git a/src/pages/proposals/ProposalPP.tsx b/src/pages/proposals/ProposalPP.tsx
index d402e9b..9ce4f25 100644
--- a/src/pages/proposals/ProposalPP.tsx
+++ b/src/pages/proposals/ProposalPP.tsx
@@ -12,6 +12,7 @@ import {
   ProposalTeamMilestonesCard,
   ProposalTimelineCard,
 } from "@/components/ProposalSections";
+import { HintLabel } from "@/components/Hint";
 import {
   apiPoolVote,
   apiProposalPoolPage,
@@ -112,11 +113,16 @@ const ProposalPP: React.FC = () => {
   const engaged = proposal.upvotes + proposal.downvotes;
   const attentionPercent = Math.round((engaged / activeGovernors) * 100);
   const attentionNeededPercent = Math.round(proposal.attentionQuorum * 100);
-  const upvoteFloorPercent = Math.round(
-    (proposal.upvoteFloor / activeGovernors) * 100,
+  const upvoteFloorFractionPercent = Math.round(
+    ((proposal.thresholdContext?.quorumThreshold.upvoteFloorFraction ?? 0.1) *
+      1000) /
+      10,
   );
-  const upvoteCurrentPercent = Math.round(
-    (proposal.upvotes / activeGovernors) * 100,
+  const upvoteFloorProgressPercent = Math.round(
+    Math.min(
+      1,
+      proposal.upvoteFloor > 0 ? proposal.upvotes / proposal.upvoteFloor : 0,
+    ) * upvoteFloorFractionPercent,
   );
 
   return (
@@ -186,7 +192,13 @@ const ProposalPP: React.FC = () => {
           </h2>
           <div className="grid gap-3 text-sm text-text sm:grid-cols-2 lg:grid-cols-2">
             <StatTile
-              label="Attention quorum (%)"
+              label={
+                <HintLabel
+                  termId="quorum_of_attention"
+                  termText="Attention quorum"
+                  suffix=" (%)"
+                />
+              }
               value={
                 <>
                   {attentionPercent}% / {attentionNeededPercent}%
@@ -197,10 +209,16 @@ const ProposalPP: React.FC = () => {
               valueClassName="text-2xl font-semibold"
             />
             <StatTile
-              label="Upvote floor (%)"
+              label={
+                <HintLabel
+                  termId="upvote_floor"
+                  termText="Upvote floor"
+                  suffix=" (%)"
+                />
+              }
               value={
                 <>
-                  {upvoteCurrentPercent}% / {upvoteFloorPercent}%
+                  {upvoteFloorProgressPercent}% / {upvoteFloorFractionPercent}%
                 </>
               }
               variant="panel"
diff --git a/src/pages/proposals/Proposals.tsx b/src/pages/proposals/Proposals.tsx
index 7c15140..efb681a 100644
--- a/src/pages/proposals/Proposals.tsx
+++ b/src/pages/proposals/Proposals.tsx
@@ -14,6 +14,7 @@ import type { ProposalStage } from "@/types/stages";
 import { CardActionsRow } from "@/components/CardActionsRow";
 import { Surface } from "@/components/Surface";
 import { NoDataYetBar } from "@/components/NoDataYetBar";
+import { HintLabel } from "@/components/Hint";
 import { getFormationProgress } from "@/lib/dtoParsers";
 import {
   apiProposalChamberPage,
@@ -310,19 +311,30 @@ const Proposals: React.FC = () => {
                     const attentionNeededPercent = Math.round(
                       poolPage.attentionQuorum * 100,
                     );
-                    const upvoteFloorPercent = Math.round(
-                      (poolPage.upvoteFloor / activeGovernors) * 100,
+                    const upvoteFloorFractionPercent = Math.round(
+                      ((poolPage.thresholdContext?.quorumThreshold
+                        ?.upvoteFloorFraction ?? 0.1) *
+                        1000) /
+                        10,
                     );
-                    const upvoteCurrentPercent = Math.round(
-                      (poolPage.upvotes / activeGovernors) * 100,
+                    const upvoteFloorProgressPercent = Math.round(
+                      Math.min(
+                        1,
+                        poolPage.upvoteFloor > 0
+                          ? poolPage.upvotes / poolPage.upvoteFloor
+                          : 0,
+                      ) * upvoteFloorFractionPercent,
                     );
-                    const meetsAttention =
-                      engaged / activeGovernors >= poolPage.attentionQuorum;
+                    const engagedNeeded = Math.min(
+                      activeGovernors,
+                      Math.max(
+                        1,
+                        Math.ceil(poolPage.attentionQuorum * activeGovernors),
+                      ),
+                    );
+                    const meetsAttention = engaged >= engagedNeeded;
                     const meetsUpvoteFloor =
                       poolPage.upvotes >= poolPage.upvoteFloor;
-                    const engagedNeeded = Math.ceil(
-                      poolPage.attentionQuorum * activeGovernors,
-                    );
 
                     return {
                       activeGovernors,
@@ -334,8 +346,8 @@ const Proposals: React.FC = () => {
                       engaged,
                       attentionPercent,
                       attentionNeededPercent,
-                      upvoteFloorPercent,
-                      upvoteCurrentPercent,
+                      upvoteFloorFractionPercent,
+                      upvoteFloorProgressPercent,
                       meetsAttention,
                       meetsUpvoteFloor,
                       engagedNeeded,
@@ -477,15 +489,25 @@ const Proposals: React.FC = () => {
 
                       <div className="grid gap-3 md:grid-cols-2">
                         <StageDataTile
-                          title="Attention quorum"
+                          title={
+                            <HintLabel
+                              termId="quorum_of_attention"
+                              termText="Attention quorum"
+                            />
+                          }
                           description={`Engaged ${poolStats.engaged} / ${poolStats.engagedNeeded} governors`}
                           value={`${poolStats.attentionPercent}% / ${poolStats.attentionNeededPercent}%`}
                           tone={poolStats.meetsAttention ? "ok" : "warn"}
                         />
                         <StageDataTile
-                          title="Upvote floor"
+                          title={
+                            <HintLabel
+                              termId="upvote_floor"
+                              termText="Upvote floor"
+                            />
+                          }
                           description={`Upvotes ${poolPage.upvotes} / ${poolStats.upvoteFloor} governors`}
-                          value={`${poolStats.upvoteCurrentPercent}% / ${poolStats.upvoteFloorPercent}%`}
+                          value={`${poolStats.upvoteFloorProgressPercent}% / ${poolStats.upvoteFloorFractionPercent}%`}
                           tone={poolStats.meetsUpvoteFloor ? "ok" : "warn"}
                         />
                       </div>
diff --git a/src/types/api.ts b/src/types/api.ts
index b7d4f86..378e67f 100644
--- a/src/types/api.ts
+++ b/src/types/api.ts
@@ -98,6 +98,13 @@ export type FactionDto = {
     replies: number;
     createdAt: string;
     updatedAt: string;
+    messages?: Array<{
+      id: string;
+      authorAddress: string;
+      body: string;
+      createdAt: string;
+      updatedAt: string;
+    }>;
   }>;
   initiativesDetailed?: Array<{
     id: string;
@@ -501,6 +508,22 @@ export type PoolProposalPageDto = {
   executionPlan: string[];
   budgetScope: string;
   invisionInsight: InvisionInsightDto;
+  thresholdContext?: {
+    activityThreshold: {
+      categories: string[];
+      qualificationEra: number | null;
+      activationEra: number | null;
+    };
+    quorumThreshold: {
+      stage: "pool";
+      denominator: number;
+      source: "snapshot" | "fallback";
+      snapshotEra: number | null;
+      snapshotCapturedAt: string | null;
+      attentionQuorumFraction: number;
+      upvoteFloorFraction: number;
+    };
+  };
 };
 
 export type ChamberProposalPageDto = {
@@ -515,6 +538,7 @@ export type ChamberProposalPageDto = {
   timeLeft: string;
   votes: { yes: number; no: number; abstain: number };
   attentionQuorum: number;
+  quorumNeeded: number;
   passingRule: string;
   engagedGovernors: number;
   activeGovernors: number;
@@ -527,6 +551,22 @@ export type ChamberProposalPageDto = {
   executionPlan: string[];
   budgetScope: string;
   invisionInsight: InvisionInsightDto;
+  thresholdContext?: {
+    activityThreshold: {
+      categories: string[];
+      qualificationEra: number | null;
+      activationEra: number | null;
+    };
+    quorumThreshold: {
+      stage: "vote";
+      denominator: number;
+      source: "snapshot" | "fallback";
+      snapshotEra: number | null;
+      snapshotCapturedAt: string | null;
+      quorumFraction: number;
+      passingFraction: number;
+    };
+  };
 };
 
 export type FormationProposalPageDto = {