diff --git a/.gitignore b/.gitignore
index 3c8c1cd..c898689 100644
--- a/.gitignore
+++ b/.gitignore
@@ -27,3 +27,4 @@ storybook-static
 
 # local state
 .env
+.env.local
diff --git a/README.md b/README.md
index 1a350a4..8311c1e 100644
--- a/README.md
+++ b/README.md
@@ -25,3 +25,8 @@ Docs live separately in `humanode-network/vortex-simulator-docs`.
 - `dist/` is generated build output.
 - UI expects the API at `/api/*`. During local dev, Rsbuild proxies `/api/*` to `http://127.0.0.1:8788` by default (override with `API_PROXY_TARGET`).
 - To point the UI at a different API host, set `RSBUILD_PUBLIC_API_BASE_URL` at build time or serve `public/vortex-config.json` with `{"apiBaseUrl":"https://api.example.com"}`.
+
+## Local env file
+
+- `.env.local` is the local runtime config.
+- Start with one command: `yarn dev:local`.
diff --git a/package.json b/package.json
index 3e07770..196f4e0 100644
--- a/package.json
+++ b/package.json
@@ -5,6 +5,7 @@
   "packageManager": "yarn@4.11.0",
   "scripts": {
     "dev": "rsbuild dev --open",
+    "dev:local": "node scripts/dev-local.mjs",
     "build": "rsbuild build",
     "preview": "rsbuild preview",
     "test": "RSTEST=1 rstest",
diff --git a/scripts/dev-local.mjs b/scripts/dev-local.mjs
new file mode 100644
index 0000000..c45f93e
--- /dev/null
+++ b/scripts/dev-local.mjs
@@ -0,0 +1,55 @@
+import { spawn } from "node:child_process";
+import { existsSync, readFileSync } from "node:fs";
+import { resolve } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __dirname = fileURLToPath(new URL(".", import.meta.url));
+const rootDir = resolve(__dirname, "..");
+
+function parseEnvFile(filepath) {
+  const content = readFileSync(filepath, "utf8");
+  const out = {};
+  for (const line of content.split(/\r?\n/)) {
+    const trimmed = line.trim();
+    if (!trimmed || trimmed.startsWith("#")) continue;
+    const equalIndex = trimmed.indexOf("=");
+    if (equalIndex <= 0) continue;
+    const key = trimmed.slice(0, equalIndex).trim();
+    const rawValue = trimmed.slice(equalIndex + 1).trim();
+    const unquoted =
+      (rawValue.startsWith('"') && rawValue.endsWith('"')) ||
+      (rawValue.startsWith("'") && rawValue.endsWith("'"))
+        ? rawValue.slice(1, -1)
+        : rawValue;
+    out[key] = unquoted;
+  }
+  return out;
+}
+
+function loadLocalEnv(filepath) {
+  if (!existsSync(filepath)) return;
+  const values = parseEnvFile(filepath);
+  for (const [key, value] of Object.entries(values)) {
+    process.env[key] = value;
+  }
+}
+
+const envPathArg = process.argv.find((arg) => arg.startsWith("--env="));
+const envPath = envPathArg
+  ? envPathArg.slice("--env=".length)
+  : resolve(rootDir, ".env.local");
+loadLocalEnv(envPath);
+
+process.env.API_PROXY_TARGET ??= "http://127.0.0.1:8788";
+
+const child = spawn("yarn", ["dev"], {
+  cwd: rootDir,
+  stdio: "inherit",
+  env: process.env,
+});
+
+child.on("exit", (code) => process.exit(code ?? 1));
+child.on("error", (error) => {
+  console.error(error instanceof Error ? error.message : String(error));
+  process.exit(1);
+});
diff --git a/src/app/AppRoutes.tsx b/src/app/AppRoutes.tsx
index a014d0d..1d79b23 100644
--- a/src/app/AppRoutes.tsx
+++ b/src/app/AppRoutes.tsx
@@ -8,6 +8,7 @@ import Invision from "../pages/invision/Invision";
 import Vortexopedia from "../pages/Vortexopedia";
 import Factions from "../pages/factions/Factions";
 import Faction from "../pages/factions/Faction";
+import FactionCreate from "../pages/factions/FactionCreate";
 import ProposalPP from "../pages/proposals/ProposalPP";
 import ProposalChamber from "../pages/proposals/ProposalChamber";
 import ProposalFormation from "../pages/proposals/ProposalFormation";
@@ -46,6 +47,7 @@ const AppRoutes: React.FC = () => {
         <Route path="feed" element={<Feed />} />
         <Route path="profile" element={<Profile />} />
         <Route path="factions" element={<Factions />} />
+        <Route path="factions/new" element={<FactionCreate />} />
         <Route path="factions/:id" element={<Faction />} />
         <Route path="human-nodes" element={<HumanNodes />} />
         <Route path="human-nodes/:id" element={<HumanNode />} />
diff --git a/src/lib/apiClient.ts b/src/lib/apiClient.ts
index c283677..731cd07 100644
--- a/src/lib/apiClient.ts
+++ b/src/lib/apiClient.ts
@@ -619,6 +619,382 @@ export async function apiFaction(id: string): Promise<FactionDto> {
   return await apiGet<FactionDto>(`/api/factions/${id}`);
 }
 
+export async function apiFactionCreate(input: {
+  name: string;
+  description: string;
+  focus?: string;
+  visibility?: "public" | "private";
+  goals?: string[];
+  tags?: string[];
+  cofounders?: string[];
+  idempotencyKey?: string;
+}): Promise<{
+  ok: true;
+  type: "faction.create";
+  faction: { id: string; name: string };
+}> {
+  return await apiPost(
+    "/api/command",
+    {
+      type: "faction.create",
+      payload: {
+        name: input.name,
+        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 } : {}),
+      },
+      idempotencyKey: input.idempotencyKey,
+    },
+    input.idempotencyKey
+      ? { headers: { "idempotency-key": input.idempotencyKey } }
+      : undefined,
+  );
+}
+
+export async function apiFactionUpdate(input: {
+  factionId: string;
+  name?: string;
+  description?: string;
+  focus?: string;
+  visibility?: "public" | "private";
+  goals?: string[];
+  tags?: string[];
+  idempotencyKey?: string;
+}): Promise<{
+  ok: true;
+  type: "faction.update";
+  factionId: string;
+  updated: boolean;
+}> {
+  return await apiPost(
+    "/api/command",
+    {
+      type: "faction.update",
+      payload: {
+        factionId: input.factionId,
+        ...(input.name ? { name: input.name } : {}),
+        ...(input.description ? { description: input.description } : {}),
+        ...(input.focus ? { focus: input.focus } : {}),
+        ...(input.visibility ? { visibility: input.visibility } : {}),
+        ...(input.goals ? { goals: input.goals } : {}),
+        ...(input.tags ? { tags: input.tags } : {}),
+      },
+      idempotencyKey: input.idempotencyKey,
+    },
+    input.idempotencyKey
+      ? { headers: { "idempotency-key": input.idempotencyKey } }
+      : undefined,
+  );
+}
+
+export async function apiFactionDelete(input: {
+  factionId: string;
+  idempotencyKey?: string;
+}): Promise<{
+  ok: true;
+  type: "faction.delete";
+  factionId: string;
+  status: "archived";
+}> {
+  return await apiPost(
+    "/api/command",
+    {
+      type: "faction.delete",
+      payload: {
+        factionId: input.factionId,
+      },
+      idempotencyKey: input.idempotencyKey,
+    },
+    input.idempotencyKey
+      ? { headers: { "idempotency-key": input.idempotencyKey } }
+      : undefined,
+  );
+}
+
+export async function apiFactionMemberRoleSet(input: {
+  factionId: string;
+  address: string;
+  role: "founder" | "steward" | "member";
+  idempotencyKey?: string;
+}): Promise<{
+  ok: true;
+  type: "faction.member.role.set";
+  factionId: string;
+  member: { address: string; role: "founder" | "steward" | "member" };
+}> {
+  return await apiPost(
+    "/api/command",
+    {
+      type: "faction.member.role.set",
+      payload: {
+        factionId: input.factionId,
+        address: input.address,
+        role: input.role,
+      },
+      idempotencyKey: input.idempotencyKey,
+    },
+    input.idempotencyKey
+      ? { headers: { "idempotency-key": input.idempotencyKey } }
+      : undefined,
+  );
+}
+
+export async function apiFactionJoin(input: {
+  factionId: string;
+  idempotencyKey?: string;
+}): Promise<{
+  ok: true;
+  type: "faction.join";
+  factionId: string;
+  joined: boolean;
+}> {
+  return await apiPost(
+    "/api/command",
+    {
+      type: "faction.join",
+      payload: {
+        factionId: input.factionId,
+      },
+      idempotencyKey: input.idempotencyKey,
+    },
+    input.idempotencyKey
+      ? { headers: { "idempotency-key": input.idempotencyKey } }
+      : undefined,
+  );
+}
+
+export async function apiFactionLeave(input: {
+  factionId: string;
+  idempotencyKey?: string;
+}): Promise<{
+  ok: true;
+  type: "faction.leave";
+  factionId: string;
+}> {
+  return await apiPost(
+    "/api/command",
+    {
+      type: "faction.leave",
+      payload: {
+        factionId: input.factionId,
+      },
+      idempotencyKey: input.idempotencyKey,
+    },
+    input.idempotencyKey
+      ? { headers: { "idempotency-key": input.idempotencyKey } }
+      : undefined,
+  );
+}
+
+export async function apiFactionChannelCreate(input: {
+  factionId: string;
+  title: string;
+  slug?: string;
+  writeScope?: "stewards" | "members";
+  idempotencyKey?: string;
+}): Promise<{
+  ok: true;
+  type: "faction.channel.create";
+  factionId: string;
+  channel: { id: string; title: string };
+}> {
+  return await apiPost(
+    "/api/command",
+    {
+      type: "faction.channel.create",
+      payload: {
+        factionId: input.factionId,
+        title: input.title,
+        ...(input.slug ? { slug: input.slug } : {}),
+        ...(input.writeScope ? { writeScope: input.writeScope } : {}),
+      },
+      idempotencyKey: input.idempotencyKey,
+    },
+    input.idempotencyKey
+      ? { headers: { "idempotency-key": input.idempotencyKey } }
+      : undefined,
+  );
+}
+
+export async function apiFactionChannelLock(input: {
+  factionId: string;
+  channelId: string;
+  isLocked: boolean;
+  idempotencyKey?: string;
+}): Promise<{
+  ok: true;
+  type: "faction.channel.lock";
+  factionId: string;
+  channel: { id: string; isLocked: boolean };
+}> {
+  return await apiPost(
+    "/api/command",
+    {
+      type: "faction.channel.lock",
+      payload: {
+        factionId: input.factionId,
+        channelId: input.channelId,
+        isLocked: input.isLocked,
+      },
+      idempotencyKey: input.idempotencyKey,
+    },
+    input.idempotencyKey
+      ? { headers: { "idempotency-key": input.idempotencyKey } }
+      : undefined,
+  );
+}
+
+export async function apiFactionThreadCreate(input: {
+  factionId: string;
+  channelId: string;
+  title: string;
+  body: string;
+  idempotencyKey?: string;
+}): Promise<{
+  ok: true;
+  type: "faction.thread.create";
+  factionId: string;
+  thread: { id: string; title: string };
+}> {
+  return await apiPost(
+    "/api/command",
+    {
+      type: "faction.thread.create",
+      payload: {
+        factionId: input.factionId,
+        channelId: input.channelId,
+        title: input.title,
+        body: input.body,
+      },
+      idempotencyKey: input.idempotencyKey,
+    },
+    input.idempotencyKey
+      ? { headers: { "idempotency-key": input.idempotencyKey } }
+      : undefined,
+  );
+}
+
+export async function apiFactionThreadReply(input: {
+  factionId: string;
+  threadId: string;
+  body: string;
+  idempotencyKey?: string;
+}): Promise<{
+  ok: true;
+  type: "faction.thread.reply";
+  factionId: string;
+  threadId: string;
+  messageId: string;
+}> {
+  return await apiPost(
+    "/api/command",
+    {
+      type: "faction.thread.reply",
+      payload: {
+        factionId: input.factionId,
+        threadId: input.threadId,
+        body: input.body,
+      },
+      idempotencyKey: input.idempotencyKey,
+    },
+    input.idempotencyKey
+      ? { headers: { "idempotency-key": input.idempotencyKey } }
+      : undefined,
+  );
+}
+
+export async function apiFactionThreadTransition(input: {
+  factionId: string;
+  threadId: string;
+  status: "open" | "resolved" | "locked";
+  idempotencyKey?: string;
+}): Promise<{
+  ok: true;
+  type: "faction.thread.transition";
+  factionId: string;
+  thread: { id: string; status: "open" | "resolved" | "locked" };
+}> {
+  return await apiPost(
+    "/api/command",
+    {
+      type: "faction.thread.transition",
+      payload: {
+        factionId: input.factionId,
+        threadId: input.threadId,
+        status: input.status,
+      },
+      idempotencyKey: input.idempotencyKey,
+    },
+    input.idempotencyKey
+      ? { headers: { "idempotency-key": input.idempotencyKey } }
+      : undefined,
+  );
+}
+
+export async function apiFactionInitiativeCreate(input: {
+  factionId: string;
+  title: string;
+  intent?: string;
+  checklist?: string[];
+  idempotencyKey?: string;
+}): Promise<{
+  ok: true;
+  type: "faction.initiative.create";
+  factionId: string;
+  initiative: { id: string; title: string };
+}> {
+  return await apiPost(
+    "/api/command",
+    {
+      type: "faction.initiative.create",
+      payload: {
+        factionId: input.factionId,
+        title: input.title,
+        ...(input.intent ? { intent: input.intent } : {}),
+        ...(input.checklist ? { checklist: input.checklist } : {}),
+      },
+      idempotencyKey: input.idempotencyKey,
+    },
+    input.idempotencyKey
+      ? { headers: { "idempotency-key": input.idempotencyKey } }
+      : undefined,
+  );
+}
+
+export async function apiFactionInitiativeTransition(input: {
+  factionId: string;
+  initiativeId: string;
+  status: "draft" | "active" | "blocked" | "done" | "archived";
+  idempotencyKey?: string;
+}): Promise<{
+  ok: true;
+  type: "faction.initiative.transition";
+  factionId: string;
+  initiative: {
+    id: string;
+    status: "draft" | "active" | "blocked" | "done" | "archived";
+  };
+}> {
+  return await apiPost(
+    "/api/command",
+    {
+      type: "faction.initiative.transition",
+      payload: {
+        factionId: input.factionId,
+        initiativeId: input.initiativeId,
+        status: input.status,
+      },
+      idempotencyKey: input.idempotencyKey,
+    },
+    input.idempotencyKey
+      ? { headers: { "idempotency-key": input.idempotencyKey } }
+      : undefined,
+  );
+}
+
 export async function apiFormation(): Promise<GetFormationResponse> {
   return await apiGet<GetFormationResponse>("/api/formation");
 }
diff --git a/src/lib/dtoParsers.ts b/src/lib/dtoParsers.ts
index 8f62424..21cacda 100644
--- a/src/lib/dtoParsers.ts
+++ b/src/lib/dtoParsers.ts
@@ -38,12 +38,19 @@ export function computeChamberMetrics(chambers: ChamberDto[]) {
     const { acm } = getChamberNumericStats(chamber);
     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) => {
+    const { governors } = getChamberNumericStats(chamber);
+    return Math.max(max, governors);
+  }, 0);
   const liveProposals = chambers.reduce(
     (sum, chamber) => sum + (chamber.pipeline.vote ?? 0),
     0,
   );
   return {
     totalChambers: chambers.length,
+    activeGovernors,
     totalAcm,
     liveProposals,
   };
diff --git a/src/pages/MyGovernance.tsx b/src/pages/MyGovernance.tsx
index e9ff11d..ad31cd8 100644
--- a/src/pages/MyGovernance.tsx
+++ b/src/pages/MyGovernance.tsx
@@ -17,10 +17,16 @@ import { StatGrid, makeChamberStats } from "@/components/StatGrid";
 import { Surface } from "@/components/Surface";
 import { PageHint } from "@/components/PageHint";
 import { Kicker } from "@/components/Kicker";
-import { apiChambers, apiCmMe, apiMyGovernance } from "@/lib/apiClient";
+import {
+  apiChambers,
+  apiClock,
+  apiCmMe,
+  apiMyGovernance,
+} from "@/lib/apiClient";
 import type {
   ChamberDto,
   CmSummaryDto,
+  GetClockResponse,
   GetMyGovernanceResponse,
 } from "@/types/api";
 import { cn } from "@/lib/utils";
@@ -134,30 +140,49 @@ const governingStatusTermId = (label: GoverningStatus): string => {
   return "governing_status_losing_status";
 };
 
+const formatDayHourMinute = (targetMs: number, nowMs: number): string => {
+  const deltaMs = Math.max(0, targetMs - nowMs);
+  const totalMinutes = Math.floor(deltaMs / 60_000);
+  const days = Math.floor(totalMinutes / (24 * 60));
+  const hours = Math.floor((totalMinutes % (24 * 60)) / 60);
+  const minutes = totalMinutes % 60;
+  return `${days}d:${String(hours).padStart(2, "0")}h:${String(minutes).padStart(2, "0")}m`;
+};
+
 const MyGovernance: React.FC = () => {
   const [gov, setGov] = useState<GetMyGovernanceResponse | null>(null);
   const [chambers, setChambers] = useState<ChamberDto[] | null>(null);
+  const [clock, setClock] = useState<GetClockResponse | null>(null);
   const [cmSummary, setCmSummary] = useState<CmSummaryDto | null>(null);
   const [loadError, setLoadError] = useState<string | null>(null);
+  const [nowMs, setNowMs] = useState<number>(() => Date.now());
+
+  useEffect(() => {
+    const timer = window.setInterval(() => setNowMs(Date.now()), 1000);
+    return () => window.clearInterval(timer);
+  }, []);
 
   useEffect(() => {
     let active = true;
     (async () => {
       try {
-        const [govRes, chambersRes] = await Promise.all([
+        const [govRes, chambersRes, clockRes] = await Promise.all([
           apiMyGovernance(),
           apiChambers(),
+          apiClock().catch(() => null),
         ]);
         const cmRes = await apiCmMe().catch(() => null);
         if (!active) return;
         setGov(govRes);
         setChambers(chambersRes.items);
+        setClock(clockRes);
         setCmSummary(cmRes);
         setLoadError(null);
       } catch (error) {
         if (!active) return;
         setGov(null);
         setChambers(null);
+        setClock(null);
         setCmSummary(null);
         setLoadError((error as Error).message);
       }
@@ -178,6 +203,16 @@ const MyGovernance: React.FC = () => {
         eraActivity?.required ?? 0,
       );
 
+  const timeLeftValue = useMemo(() => {
+    const targetMs = clock?.nextEraAt
+      ? new Date(clock.nextEraAt).getTime()
+      : NaN;
+    if (Number.isFinite(targetMs)) {
+      return formatDayHourMinute(targetMs, nowMs);
+    }
+    return eraActivity?.timeLeft ?? "—";
+  }, [clock?.nextEraAt, eraActivity?.timeLeft, nowMs]);
+
   const myChambers = useMemo(() => {
     if (!gov || !chambers) return [];
     return chambers.filter((chamber) => gov.myChamberIds.includes(chamber.id));
@@ -235,7 +270,7 @@ const MyGovernance: React.FC = () => {
           <div className="grid gap-3 sm:grid-cols-2">
             {[
               { label: "Era", value: eraActivity?.era ?? "—" },
-              { label: "Time left", value: eraActivity?.timeLeft ?? "—" },
+              { label: "Time left", value: timeLeftValue },
             ].map((tile) => (
               <Surface
                 key={tile.label}
diff --git a/src/pages/chambers/Chambers.tsx b/src/pages/chambers/Chambers.tsx
index c33314f..be199e9 100644
--- a/src/pages/chambers/Chambers.tsx
+++ b/src/pages/chambers/Chambers.tsx
@@ -26,10 +26,10 @@ type Metric = {
 };
 
 const metricCards: Metric[] = [
-  { label: "Total chambers", value: "6" },
-  { label: "Active governors", value: "150" },
-  { label: "Total ACM", value: "7,600" },
-  { label: "Live proposals", value: "9" },
+  { label: "Total chambers", value: "—" },
+  { label: "Active governors", value: "—" },
+  { label: "Total ACM", value: "—" },
+  { label: "Live proposals", value: "—" },
 ];
 
 const Chambers: React.FC = () => {
@@ -90,10 +90,15 @@ const Chambers: React.FC = () => {
 
   const computedMetrics = useMemo((): Metric[] => {
     if (!chambers) return metricCards;
-    const { totalAcm, liveProposals } = computeChamberMetrics(chambers);
+    const { activeGovernors, totalAcm, liveProposals } =
+      computeChamberMetrics(chambers);
+    const governors = activeGovernors;
     return [
       { label: "Total chambers", value: String(chambers.length) },
-      { label: "Active governors", value: "150" },
+      {
+        label: "Governors / Active governors",
+        value: `${governors} / ${activeGovernors}`,
+      },
       { label: "Total ACM", value: totalAcm.toLocaleString() },
       { label: "Live proposals", value: String(liveProposals) },
     ];
diff --git a/src/pages/courts/Courts.tsx b/src/pages/courts/Courts.tsx
index b045075..465ef92 100644
--- a/src/pages/courts/Courts.tsx
+++ b/src/pages/courts/Courts.tsx
@@ -69,115 +69,122 @@ const Courts: React.FC = () => {
   const openCases = (cases ?? []).filter((c) => c.status !== "ended").length;
 
   return (
-    <div className="flex flex-col gap-6">
-      <PageHint pageId="courts" />
-      <section className="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
-        {[
-          {
-            label: "Open cases",
-            value: cases ? openCases : "—",
-          },
-          { label: "Jury panels", value: "12 seats / case" },
-          { label: "New reports", value: "27 this week" },
-          { label: "Ended (30d)", value: "6" },
-        ].map((metric) => (
-          <MetricTile
-            key={metric.label}
-            label={metric.label}
-            value={metric.value}
-            className="px-4 py-4"
-          />
-        ))}
-      </section>
+    <div className="relative">
+      <div className="pointer-events-none flex flex-col gap-6 opacity-35 blur-[6px] select-none">
+        <PageHint pageId="courts" />
+        <section className="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
+          {[
+            {
+              label: "Open cases",
+              value: cases ? openCases : "—",
+            },
+            { label: "Jury panels", value: "12 seats / case" },
+            { label: "New reports", value: "27 this week" },
+            { label: "Ended (30d)", value: "6" },
+          ].map((metric) => (
+            <MetricTile
+              key={metric.label}
+              label={metric.label}
+              value={metric.value}
+              className="px-4 py-4"
+            />
+          ))}
+        </section>
 
-      {cases === null ? (
-        <Card className="border-dashed px-4 py-6 text-center text-sm text-muted">
-          Loading court cases…
-        </Card>
-      ) : null}
-      {loadError ? (
-        <Card className="border-dashed px-4 py-6 text-center text-sm text-destructive">
-          Courts unavailable: {loadError}
-        </Card>
-      ) : null}
+        {cases === null ? (
+          <Card className="border-dashed px-4 py-6 text-center text-sm text-muted">
+            Loading court cases…
+          </Card>
+        ) : null}
+        {loadError ? (
+          <Card className="border-dashed px-4 py-6 text-center text-sm text-destructive">
+            Courts unavailable: {loadError}
+          </Card>
+        ) : null}
 
-      <SearchBar
-        value={search}
-        onChange={(e) => setSearch(e.target.value)}
-        placeholder="Search court cases, subjects, or reports…"
-        ariaLabel="Search courts"
-        filtersConfig={[
-          {
-            key: "statusFilter",
-            label: "Status",
-            options: [
-              { value: "any", label: "Any status" },
-              { value: "jury", label: "Jury forming" },
-              { value: "live", label: "Session live" },
-              { value: "ended", label: "Ended" },
-            ],
-          },
-          {
-            key: "sortBy",
-            label: "Sort by",
-            options: [
-              { value: "recent", label: "Opened (newest)" },
-              { value: "reports", label: "Reports (desc)" },
-            ],
-          },
-        ]}
-        filtersState={filters}
-        onFiltersChange={setFilters}
-      />
+        <SearchBar
+          value={search}
+          onChange={(e) => setSearch(e.target.value)}
+          placeholder="Search court cases, subjects, or reports…"
+          ariaLabel="Search courts"
+          filtersConfig={[
+            {
+              key: "statusFilter",
+              label: "Status",
+              options: [
+                { value: "any", label: "Any status" },
+                { value: "jury", label: "Jury forming" },
+                { value: "live", label: "Session live" },
+                { value: "ended", label: "Ended" },
+              ],
+            },
+            {
+              key: "sortBy",
+              label: "Sort by",
+              options: [
+                { value: "recent", label: "Opened (newest)" },
+                { value: "reports", label: "Reports (desc)" },
+              ],
+            },
+          ]}
+          filtersState={filters}
+          onFiltersChange={setFilters}
+        />
 
-      {cases !== null && cases.length === 0 && !loadError ? (
-        <NoDataYetBar label="court cases" />
-      ) : (
-        <Card>
-          <CardHeader className="pb-2">
-            <CardTitle>Active courtrooms</CardTitle>
-          </CardHeader>
-          <CardContent className="space-y-3">
-            {filtered.length === 0 ? (
-              <Card className="border-dashed px-4 py-6 text-center text-sm text-muted">
-                No court cases match the current filters.
-              </Card>
-            ) : (
-              filtered.map((courtCase) => (
-                <Card key={courtCase.id} className="bg-panel-alt">
-                  <CardHeader className="pb-2">
-                    <div className="flex items-start justify-between gap-2">
-                      <div>
-                        <p className="text-lg font-semibold text-foreground">
-                          {courtCase.subject}
-                        </p>
+        {cases !== null && cases.length === 0 && !loadError ? (
+          <NoDataYetBar label="court cases" />
+        ) : (
+          <Card>
+            <CardHeader className="pb-2">
+              <CardTitle>Active courtrooms</CardTitle>
+            </CardHeader>
+            <CardContent className="space-y-3">
+              {filtered.length === 0 ? (
+                <Card className="border-dashed px-4 py-6 text-center text-sm text-muted">
+                  No court cases match the current filters.
+                </Card>
+              ) : (
+                filtered.map((courtCase) => (
+                  <Card key={courtCase.id} className="bg-panel-alt">
+                    <CardHeader className="pb-2">
+                      <div className="flex items-start justify-between gap-2">
+                        <div>
+                          <p className="text-lg font-semibold text-foreground">
+                            {courtCase.subject}
+                          </p>
+                        </div>
+                        <div className="flex flex-col items-end gap-2">
+                          <CourtStatusBadge status={courtCase.status} />
+                          <p className="text-xs text-muted">
+                            Opened {courtCase.opened}
+                          </p>
+                        </div>
                       </div>
-                      <div className="flex flex-col items-end gap-2">
-                        <CourtStatusBadge status={courtCase.status} />
-                        <p className="text-xs text-muted">
-                          Opened {courtCase.opened}
-                        </p>
+                    </CardHeader>
+                    <CardContent className="flex flex-wrap items-center justify-between gap-3 pt-0">
+                      <div className="flex flex-wrap gap-3 text-sm text-foreground">
+                        <span className="rounded-full bg-panel px-3 py-1">
+                          Reports: {courtCase.reports}
+                        </span>
                       </div>
-                    </div>
-                  </CardHeader>
-                  <CardContent className="flex flex-wrap items-center justify-between gap-3 pt-0">
-                    <div className="flex flex-wrap gap-3 text-sm text-foreground">
-                      <span className="rounded-full bg-panel px-3 py-1">
-                        Reports: {courtCase.reports}
-                      </span>
-                    </div>
-                    <Button asChild size="sm">
-                      <Link to={`/app/courts/${courtCase.id}`}>
-                        Open courtroom
-                      </Link>
-                    </Button>
-                  </CardContent>
-                </Card>
-              ))
-            )}
-          </CardContent>
-        </Card>
-      )}
+                      <Button asChild size="sm">
+                        <Link to={`/app/courts/${courtCase.id}`}>
+                          Open courtroom
+                        </Link>
+                      </Button>
+                    </CardContent>
+                  </Card>
+                ))
+              )}
+            </CardContent>
+          </Card>
+        )}
+      </div>
+      <div className="pointer-events-none absolute inset-0 z-20 grid place-items-center p-6">
+        <h2 className="text-center text-4xl font-semibold text-text sm:text-5xl lg:text-6xl">
+          coming sooner than you think...
+        </h2>
+      </div>
     </div>
   );
 };
diff --git a/src/pages/factions/Faction.tsx b/src/pages/factions/Faction.tsx
index 15de61e..927160e 100644
--- a/src/pages/factions/Faction.tsx
+++ b/src/pages/factions/Faction.tsx
@@ -1,6 +1,10 @@
-import { useEffect, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { Link, useParams } from "react-router";
 
+import { Kicker } from "@/components/Kicker";
+import { NoDataYetBar } from "@/components/NoDataYetBar";
+import { PageHint } from "@/components/PageHint";
+import { Badge } from "@/components/primitives/badge";
 import { Button } from "@/components/primitives/button";
 import {
   Card,
@@ -8,59 +12,153 @@ import {
   CardHeader,
   CardTitle,
 } from "@/components/primitives/card";
-import { Badge } from "@/components/primitives/badge";
-import { HintLabel } from "@/components/Hint";
-import { Surface } from "@/components/Surface";
-import { AvatarPlaceholder } from "@/components/AvatarPlaceholder";
-import { NoDataYetBar } from "@/components/NoDataYetBar";
-import { PageHint } from "@/components/PageHint";
-import { Kicker } from "@/components/Kicker";
-import { apiFaction, apiHumans, apiProposals } from "@/lib/apiClient";
-import type {
-  FactionDto,
-  HumanNodeDto,
-  ProposalListItemDto,
-} from "@/types/api";
+import { Input } from "@/components/primitives/input";
+import { Select } from "@/components/primitives/select";
+import {
+  apiFaction,
+  apiFactionChannelCreate,
+  apiFactionChannelLock,
+  apiFactionDelete,
+  apiFactionInitiativeCreate,
+  apiFactionInitiativeTransition,
+  apiFactionJoin,
+  apiFactionLeave,
+  apiFactionMemberRoleSet,
+  apiFactionThreadCreate,
+  apiFactionThreadReply,
+  apiFactionThreadTransition,
+  apiFactionUpdate,
+  apiMe,
+  getApiErrorPayload,
+} from "@/lib/apiClient";
+import type { FactionDto } from "@/types/api";
+
+function normalizeAddress(value: string): string {
+  return value.trim().toLowerCase();
+}
 
 const Faction: React.FC = () => {
   const { id } = useParams();
   const [faction, setFaction] = useState<FactionDto | null>(null);
-  const [humansById, setHumansById] = useState<Record<string, HumanNodeDto>>(
+  const [loadError, setLoadError] = useState<string | null>(null);
+  const [actionError, setActionError] = useState<string | null>(null);
+  const [viewerAddress, setViewerAddress] = useState<string | null>(null);
+  const [loading, setLoading] = useState(false);
+  const [mutating, setMutating] = useState(false);
+
+  const [channelTitle, setChannelTitle] = useState("");
+  const [channelScope, setChannelScope] = useState<"stewards" | "members">(
+    "members",
+  );
+
+  const [threadChannelId, setThreadChannelId] = useState("");
+  const [threadTitle, setThreadTitle] = useState("");
+  const [threadBody, setThreadBody] = useState("");
+  const [replyByThread, setReplyByThread] = useState<Record<string, string>>(
     {},
   );
-  const [proposals, setProposals] = useState<ProposalListItemDto[]>([]);
-  const [loadError, setLoadError] = useState<string | null>(null);
 
-  useEffect(() => {
+  const [initiativeTitle, setInitiativeTitle] = useState("");
+  const [initiativeIntent, setInitiativeIntent] = useState("");
+  const [initiativeChecklist, setInitiativeChecklist] = useState("");
+  const [editOpen, setEditOpen] = useState(false);
+  const [editName, setEditName] = useState("");
+  const [editDescription, setEditDescription] = useState("");
+  const [editFocus, setEditFocus] = useState("");
+  const [editVisibility, setEditVisibility] = useState<"public" | "private">(
+    "public",
+  );
+  const [editGoalsText, setEditGoalsText] = useState("");
+  const [editTagsText, setEditTagsText] = useState("");
+
+  const loadFaction = async () => {
     if (!id) return;
-    let active = true;
-    (async () => {
-      try {
-        const [factionRes, humansRes, proposalsRes] = await Promise.all([
-          apiFaction(id),
-          apiHumans(),
-          apiProposals(),
-        ]);
-        if (!active) return;
-        setFaction(factionRes);
-        setHumansById(
-          Object.fromEntries(humansRes.items.map((h) => [h.id, h] as const)),
-        );
-        setProposals(proposalsRes.items);
-        setLoadError(null);
-      } catch (error) {
-        if (!active) return;
-        setFaction(null);
-        setHumansById({});
-        setProposals([]);
-        setLoadError((error as Error).message);
-      }
-    })();
-    return () => {
-      active = false;
-    };
+    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 initiatives = faction?.initiativesDetailed ?? [];
+
+  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 isFounderAdmin = viewerRole === "founder";
+  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]);
+
+  useEffect(() => {
+    if (!faction) return;
+    setEditName(faction.name);
+    setEditDescription(faction.description);
+    setEditFocus(faction.focus || "General");
+    setEditVisibility(faction.visibility === "private" ? "private" : "public");
+    setEditGoalsText((faction.goals ?? []).join("\n"));
+    setEditTagsText((faction.tags ?? []).join(", "));
+  }, [faction]);
+
+  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 faction…
+      </Card>
+    );
+  }
+
   if (!faction) {
     return (
       <div className="flex flex-col gap-4">
@@ -75,201 +173,555 @@ const Faction: React.FC = () => {
     );
   }
 
-  const roster = faction.roster.map((member) => {
-    const node = humansById[member.humanNodeId];
-    const name = node?.name ?? member.humanNodeId;
-    const tag =
-      member.tag.kind === "acm" ? (
-        <>
-          <HintLabel termId="acm" className="mr-1">
-            ACM
-          </HintLabel>
-          {member.tag.value}
-        </>
-      ) : member.tag.kind === "mm" ? (
-        <>
-          <HintLabel termId="meritocratic_measure" className="mr-1">
-            MM
-          </HintLabel>
-          {member.tag.value}
-        </>
-      ) : (
-        member.tag.value
-      );
-    return { name, role: member.role, tag };
-  });
-
-  const initiatives = faction.initiatives.map((initiativeTitle) => {
-    const matchingProposal = proposals.find(
-      (proposal) => proposal.title === initiativeTitle,
-    );
-
-    if (!matchingProposal) {
-      return {
-        title: initiativeTitle,
-        stage: "Initiative",
-        location: faction.focus,
-      };
-    }
-
-    const stage =
-      matchingProposal.stage === "pool" ? (
-        <HintLabel termId="proposal_pools">Proposal pool</HintLabel>
-      ) : matchingProposal.stage === "vote" ? (
-        <HintLabel termId="chamber_vote">Chamber vote</HintLabel>
-      ) : matchingProposal.stage === "build" ? (
-        <HintLabel termId="formation">Formation</HintLabel>
-      ) : (
-        "Draft"
-      );
-
-    return {
-      title: initiativeTitle,
-      stage,
-      location: matchingProposal.chamber,
-    };
-  });
-
   return (
     <div className="flex flex-col gap-6">
       <PageHint pageId="faction" />
-      <Surface
-        as="section"
-        variant="panel"
-        radius="2xl"
-        shadow="card"
-        className="p-6"
-      >
-        <div className="grid items-center gap-4 lg:grid-cols-[auto_minmax(0,1fr)_auto]">
-          <div className="flex justify-center lg:justify-start">
-            <AvatarPlaceholder
-              initials={faction.name.substring(0, 2).toUpperCase()}
-              size="md"
-            />
-          </div>
-          <div className="flex flex-col items-center gap-2 text-center">
-            <h1 className="text-4xl font-semibold text-text">{faction.name}</h1>
+      <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 flex-col items-center gap-2 text-sm lg:items-end">
-            <Badge variant="outline" size="sm" className="px-3 py-1">
-              View-only
-            </Badge>
+          <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}
           </div>
-        </div>
-      </Surface>
+        </CardContent>
+      </Card>
 
-      <div className="grid gap-4 md:grid-cols-2 xl:grid-cols-4">
-        {[
-          { label: "Members", value: faction.members.toString() },
-          { label: "Votes", value: faction.votes },
-          { label: "ACM", value: faction.acm },
-          { label: "Creator", value: roster[0]?.name ?? "" },
-        ].map((stat) => (
-          <Card key={stat.label} className="h-full text-center">
-            <CardContent className="space-y-1 p-4">
-              <Kicker align="center">
-                {stat.label === "ACM" ? (
-                  <HintLabel termId="acm">{stat.label}</HintLabel>
-                ) : (
-                  stat.label
-                )}
-              </Kicker>
-              <p className="text-2xl font-semibold text-text">{stat.value}</p>
-            </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>
 
+      {isFounderAdmin && editOpen ? (
+        <Card>
+          <CardHeader className="pb-2">
+            <CardTitle>Edit faction</CardTitle>
+          </CardHeader>
+          <CardContent className="space-y-3">
+            <Input
+              value={editName}
+              onChange={(event) => setEditName(event.target.value)}
+              placeholder="Faction name"
+            />
+            <textarea
+              value={editDescription}
+              onChange={(event) => setEditDescription(event.target.value)}
+              rows={3}
+              className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm"
+              placeholder="Faction description"
+            />
+            <Input
+              value={editFocus}
+              onChange={(event) => setEditFocus(event.target.value)}
+              placeholder="Focus"
+            />
+            <Select
+              value={editVisibility}
+              onChange={(event) =>
+                setEditVisibility(
+                  event.target.value === "private" ? "private" : "public",
+                )
+              }
+            >
+              <option value="public">Public</option>
+              <option value="private">Private</option>
+            </Select>
+            <textarea
+              value={editGoalsText}
+              onChange={(event) => setEditGoalsText(event.target.value)}
+              rows={3}
+              className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm"
+              placeholder="Goals, one per line"
+            />
+            <Input
+              value={editTagsText}
+              onChange={(event) => setEditTagsText(event.target.value)}
+              placeholder="Tags, comma separated"
+            />
+            <div className="flex items-center gap-2">
+              <Button
+                size="sm"
+                disabled={
+                  mutating ||
+                  editName.trim().length < 2 ||
+                  editDescription.trim().length < 2
+                }
+                onClick={() =>
+                  runAction(async () => {
+                    await apiFactionUpdate({
+                      factionId: faction.id,
+                      name: editName.trim(),
+                      description: editDescription.trim(),
+                      focus: editFocus.trim(),
+                      visibility: editVisibility,
+                      goals: editGoalsText
+                        .split("\n")
+                        .map((line) => line.trim())
+                        .filter(Boolean),
+                      tags: editTagsText
+                        .split(",")
+                        .map((line) => line.trim())
+                        .filter(Boolean),
+                    });
+                    setEditOpen(false);
+                  })
+                }
+              >
+                Save changes
+              </Button>
+              <Button
+                size="sm"
+                variant="outline"
+                disabled={mutating}
+                onClick={() =>
+                  runAction(async () => {
+                    await apiFactionDelete({ factionId: faction.id });
+                  })
+                }
+              >
+                Archive faction
+              </Button>
+            </div>
+          </CardContent>
+        </Card>
+      ) : null}
+
+      {actionError ? (
+        <Card className="border-dashed px-4 py-3 text-sm text-destructive">
+          {actionError}
+        </Card>
+      ) : null}
+
       <Card>
         <CardHeader className="pb-2">
-          <CardTitle>Goals</CardTitle>
+          <CardTitle>Members</CardTitle>
         </CardHeader>
-        <CardContent className="space-y-3 text-sm text-muted">
-          {faction.goals.map((goal) => (
-            <Surface
-              key={goal}
-              variant="panelAlt"
-              radius="xl"
-              shadow="control"
-              className="px-3 py-2 text-text"
-            >
-              {goal}
-            </Surface>
-          ))}
+        <CardContent className="space-y-2">
+          {memberships.length === 0 ? (
+            <NoDataYetBar label="members" />
+          ) : (
+            memberships
+              .filter((membership) => membership.isActive)
+              .map((membership) => {
+                const isSelf =
+                  viewerAddress !== null &&
+                  normalizeAddress(viewerAddress) ===
+                    normalizeAddress(membership.address);
+                return (
+                  <div
+                    key={membership.address}
+                    className="flex flex-col gap-2 rounded-md border border-border px-3 py-2 sm:flex-row sm:items-center sm:justify-between"
+                  >
+                    <div className="min-w-0">
+                      <p className="truncate text-sm font-semibold text-text">
+                        {membership.address}
+                      </p>
+                      <p className="text-xs text-muted">
+                        Joined {new Date(membership.joinedAt).toLocaleString()}
+                      </p>
+                    </div>
+                    <div className="flex items-center gap-2">
+                      {canManageMembers ? (
+                        <Select
+                          value={membership.role}
+                          disabled={mutating}
+                          onChange={(event) =>
+                            runAction(async () => {
+                              await apiFactionMemberRoleSet({
+                                factionId: faction.id,
+                                address: membership.address,
+                                role: event.target.value as
+                                  | "founder"
+                                  | "steward"
+                                  | "member",
+                              });
+                            })
+                          }
+                        >
+                          <option value="founder">Founder</option>
+                          <option value="steward">Steward</option>
+                          <option value="member">Member</option>
+                        </Select>
+                      ) : (
+                        <Badge variant="outline">{membership.role}</Badge>
+                      )}
+                      {isSelf ? <Badge variant="outline">You</Badge> : null}
+                    </div>
+                  </div>
+                );
+              })
+          )}
         </CardContent>
       </Card>
 
-      <div className="grid gap-4 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]">
+      <div className="grid gap-4 lg:grid-cols-[minmax(0,1fr)_minmax(0,1fr)]">
         <Card>
           <CardHeader className="pb-2">
-            <CardTitle>Active initiatives</CardTitle>
+            <CardTitle>Channels</CardTitle>
           </CardHeader>
-          <CardContent className="grid gap-3 text-sm text-text sm:grid-cols-3">
-            {initiatives.map((item) => (
-              <Surface
-                key={item.title}
-                variant="panelAlt"
-                radius="xl"
-                shadow="tile"
-                className="flex h-[140px] flex-col items-center justify-between px-3 py-3 text-center"
-              >
-                <p className="h-10 overflow-hidden text-sm leading-snug font-semibold">
-                  {item.title}
-                </p>
-                <p className="line-clamp-1 text-xs text-muted">
-                  {item.location}
-                </p>
-                <p className="text-xs font-semibold text-primary">
-                  {item.stage}
+          <CardContent className="space-y-3">
+            {channels.length === 0 ? (
+              <NoDataYetBar label="channels" />
+            ) : (
+              channels.map((channel) => (
+                <div
+                  key={channel.id}
+                  className="rounded-md border border-border px-3 py-2 text-sm"
+                >
+                  <div className="flex items-center justify-between gap-2">
+                    <div>
+                      <p className="font-semibold text-text">{channel.title}</p>
+                      <p className="text-xs text-muted">
+                        #{channel.slug} · {channel.writeScope} · threads{" "}
+                        {channel.threadCount}
+                      </p>
+                    </div>
+                    {isFounderAdmin ? (
+                      <Button
+                        size="sm"
+                        variant="outline"
+                        disabled={mutating}
+                        onClick={() =>
+                          runAction(async () => {
+                            await apiFactionChannelLock({
+                              factionId: faction.id,
+                              channelId: channel.id,
+                              isLocked: !channel.isLocked,
+                            });
+                          })
+                        }
+                      >
+                        {channel.isLocked ? "Unlock" : "Lock"}
+                      </Button>
+                    ) : null}
+                  </div>
+                </div>
+              ))
+            )}
+            {isFounderAdmin ? (
+              <div className="space-y-2 rounded-md border border-border p-3">
+                <p className="text-xs font-semibold text-muted">
+                  Create channel
                 </p>
-              </Surface>
-            ))}
+                <Input
+                  value={channelTitle}
+                  onChange={(event) => setChannelTitle(event.target.value)}
+                  placeholder="Channel title"
+                />
+                <Select
+                  value={channelScope}
+                  onChange={(event) =>
+                    setChannelScope(
+                      event.target.value as "stewards" | "members",
+                    )
+                  }
+                >
+                  <option value="members">Members can post</option>
+                  <option value="stewards">Stewards only</option>
+                </Select>
+                <Button
+                  size="sm"
+                  disabled={mutating || channelTitle.trim().length < 2}
+                  onClick={() =>
+                    runAction(async () => {
+                      await apiFactionChannelCreate({
+                        factionId: faction.id,
+                        title: channelTitle.trim(),
+                        writeScope: channelScope,
+                      });
+                      setChannelTitle("");
+                    })
+                  }
+                >
+                  Add channel
+                </Button>
+              </div>
+            ) : null}
           </CardContent>
         </Card>
 
         <Card>
           <CardHeader className="pb-2">
-            <CardTitle>Resources</CardTitle>
+            <CardTitle>Initiatives</CardTitle>
           </CardHeader>
-          <CardContent className="text-sm text-text">
-            <NoDataYetBar
-              label="resources"
-              description="Links and documents will appear here once published."
-            />
+          <CardContent className="space-y-3">
+            {initiatives.length === 0 ? (
+              <NoDataYetBar label="initiatives" />
+            ) : (
+              initiatives.map((initiative) => (
+                <div
+                  key={initiative.id}
+                  className="rounded-md border border-border px-3 py-2 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>
+                    </div>
+                  ) : null}
+                </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
+                </Button>
+              </div>
+            ) : null}
           </CardContent>
         </Card>
       </div>
 
       <Card>
         <CardHeader className="pb-2">
-          <CardTitle>Roster highlights</CardTitle>
+          <CardTitle>Threads</CardTitle>
         </CardHeader>
-        <CardContent className="grid gap-3 text-sm text-text sm:grid-cols-3">
-          {roster.map((member) => (
-            <Surface
-              key={member.name}
-              variant="panelAlt"
-              radius="xl"
-              shadow="tile"
-              className="px-3 py-3 text-center"
-            >
-              <p className="text-base font-semibold">{member.name}</p>
-              <p className="text-xs text-muted">{member.role}</p>
-              <p className="text-xs font-semibold text-primary">{member.tag}</p>
-            </Surface>
-          ))}
-        </CardContent>
-      </Card>
-
-      <Card>
-        <CardHeader className="pb-2">
-          <CardTitle>Recent activity</CardTitle>
-        </CardHeader>
-        <CardContent className="text-sm text-text">
-          <NoDataYetBar
-            label="activity"
-            description="Faction events will show up here once actions are recorded."
-          />
+        <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>
+                  <Badge variant="outline">{thread.status}</Badge>
+                </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}
+                {canPost ? (
+                  <div className="flex items-center gap-2">
+                    <Input
+                      value={replyByThread[thread.id] ?? ""}
+                      onChange={(event) =>
+                        setReplyByThread((prev) => ({
+                          ...prev,
+                          [thread.id]: event.target.value,
+                        }))
+                      }
+                      placeholder="Reply"
+                    />
+                    <Button
+                      size="sm"
+                      disabled={
+                        mutating || !(replyByThread[thread.id] ?? "").trim()
+                      }
+                      onClick={() =>
+                        runAction(async () => {
+                          await apiFactionThreadReply({
+                            factionId: faction.id,
+                            threadId: thread.id,
+                            body: (replyByThread[thread.id] ?? "").trim(),
+                          });
+                          setReplyByThread((prev) => ({
+                            ...prev,
+                            [thread.id]: "",
+                          }));
+                        })
+                      }
+                    >
+                      Reply
+                    </Button>
+                  </div>
+                ) : null}
+              </div>
+            ))
+          )}
+          {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>
       </Card>
     </div>
diff --git a/src/pages/factions/FactionCreate.tsx b/src/pages/factions/FactionCreate.tsx
new file mode 100644
index 0000000..1c47570
--- /dev/null
+++ b/src/pages/factions/FactionCreate.tsx
@@ -0,0 +1,325 @@
+import { useMemo, useState } from "react";
+import { Link, useNavigate } from "react-router";
+
+import { Kicker } from "@/components/Kicker";
+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 { apiFactionCreate, getApiErrorPayload } from "@/lib/apiClient";
+
+type FormState = {
+  name: string;
+  description: string;
+  focus: string;
+  visibility: "public" | "private";
+  goalsText: string;
+  tagsText: string;
+  cofoundersText: string;
+};
+
+const FactionCreate: React.FC = () => {
+  const navigate = useNavigate();
+  const [step, setStep] = useState<1 | 2 | 3>(1);
+  const [saving, setSaving] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  const [form, setForm] = useState<FormState>({
+    name: "",
+    description: "",
+    focus: "General",
+    visibility: "public",
+    goalsText: "",
+    tagsText: "",
+    cofoundersText: "",
+  });
+
+  const goals = useMemo(
+    () =>
+      form.goalsText
+        .split("\n")
+        .map((line) => line.trim())
+        .filter(Boolean),
+    [form.goalsText],
+  );
+
+  const tags = useMemo(
+    () =>
+      form.tagsText
+        .split(",")
+        .map((line) => line.trim())
+        .filter(Boolean),
+    [form.tagsText],
+  );
+
+  const cofounders = useMemo(
+    () =>
+      form.cofoundersText
+        .split(/[\n,]+/)
+        .map((line) => line.trim())
+        .filter(Boolean),
+    [form.cofoundersText],
+  );
+
+  const canGoNextStep1 =
+    form.name.trim().length >= 2 &&
+    form.description.trim().length >= 10 &&
+    form.focus.trim().length > 0;
+  const canSubmit = canGoNextStep1;
+
+  const onCreate = async () => {
+    if (!canSubmit || saving) return;
+    setSaving(true);
+    setError(null);
+    try {
+      const response = await apiFactionCreate({
+        name: form.name.trim(),
+        description: form.description.trim(),
+        focus: form.focus.trim(),
+        visibility: form.visibility,
+        goals,
+        tags,
+        cofounders,
+      });
+      navigate(`/app/factions/${response.faction.id}`);
+    } catch (e) {
+      const payload = getApiErrorPayload(e);
+      const message =
+        payload?.error?.message ??
+        (e instanceof Error ? e.message : "Failed to create faction");
+      setError(message);
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  return (
+    <div className="mx-auto flex w-full max-w-3xl flex-col gap-6">
+      <Card>
+        <CardHeader className="flex flex-row items-start justify-between gap-4">
+          <div className="space-y-2">
+            <Kicker>Phase 67</Kicker>
+            <CardTitle>Create faction</CardTitle>
+            <p className="text-sm text-muted">
+              Factions coordinate members, initiatives, and discussion before
+              formal governance actions.
+            </p>
+          </div>
+          <Button asChild size="sm" variant="outline">
+            <Link to="/app/factions">Back</Link>
+          </Button>
+        </CardHeader>
+        <CardContent className="space-y-5">
+          <div className="grid gap-2 sm:grid-cols-3">
+            {[
+              { n: 1, label: "Identity" },
+              { n: 2, label: "Access & goals" },
+              { n: 3, label: "Review" },
+            ].map((item) => (
+              <div
+                key={item.n}
+                className={`rounded-md border px-3 py-2 text-sm ${
+                  step === item.n
+                    ? "border-primary text-primary"
+                    : "border-border text-muted"
+                }`}
+              >
+                {item.n}. {item.label}
+              </div>
+            ))}
+          </div>
+
+          {step === 1 ? (
+            <section className="space-y-4">
+              <label className="block space-y-1">
+                <span className="text-sm text-muted">Name</span>
+                <Input
+                  value={form.name}
+                  onChange={(event) =>
+                    setForm((prev) => ({ ...prev, name: event.target.value }))
+                  }
+                  placeholder="e.g. Signal Cohort"
+                />
+              </label>
+              <label className="block space-y-1">
+                <span className="text-sm text-muted">Description</span>
+                <textarea
+                  value={form.description}
+                  onChange={(event) =>
+                    setForm((prev) => ({
+                      ...prev,
+                      description: event.target.value,
+                    }))
+                  }
+                  rows={4}
+                  className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm"
+                  placeholder="What this faction is for and how it contributes."
+                />
+              </label>
+              <label className="block space-y-1">
+                <span className="text-sm text-muted">Focus</span>
+                <Input
+                  value={form.focus}
+                  onChange={(event) =>
+                    setForm((prev) => ({ ...prev, focus: event.target.value }))
+                  }
+                  placeholder="Governance"
+                />
+              </label>
+            </section>
+          ) : null}
+
+          {step === 2 ? (
+            <section className="space-y-4">
+              <label className="block space-y-1">
+                <span className="text-sm text-muted">Visibility</span>
+                <Select
+                  value={form.visibility}
+                  onChange={(event) =>
+                    setForm((prev) => ({
+                      ...prev,
+                      visibility: event.target.value as "public" | "private",
+                    }))
+                  }
+                >
+                  <option value="public">Public</option>
+                  <option value="private">Private</option>
+                </Select>
+              </label>
+              <label className="block space-y-1">
+                <span className="text-sm text-muted">Goals (one per line)</span>
+                <textarea
+                  value={form.goalsText}
+                  onChange={(event) =>
+                    setForm((prev) => ({
+                      ...prev,
+                      goalsText: event.target.value,
+                    }))
+                  }
+                  rows={5}
+                  className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm"
+                  placeholder={
+                    "Align process quality\nPrepare chamber-ready initiatives"
+                  }
+                />
+              </label>
+              <label className="block space-y-1">
+                <span className="text-sm text-muted">
+                  Tags (comma separated)
+                </span>
+                <Input
+                  value={form.tagsText}
+                  onChange={(event) =>
+                    setForm((prev) => ({
+                      ...prev,
+                      tagsText: event.target.value,
+                    }))
+                  }
+                  placeholder="governance, process, ops"
+                />
+              </label>
+              <label className="block space-y-1">
+                <span className="text-sm text-muted">
+                  Cofounders (addresses, comma or newline separated)
+                </span>
+                <textarea
+                  value={form.cofoundersText}
+                  onChange={(event) =>
+                    setForm((prev) => ({
+                      ...prev,
+                      cofoundersText: event.target.value,
+                    }))
+                  }
+                  rows={4}
+                  className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm"
+                  placeholder={"hm...\nhm..."}
+                />
+              </label>
+            </section>
+          ) : null}
+
+          {step === 3 ? (
+            <section className="space-y-3 text-sm">
+              <div className="rounded-md border border-border px-3 py-2">
+                <p className="text-muted">Name</p>
+                <p className="font-semibold text-text">{form.name || "—"}</p>
+              </div>
+              <div className="rounded-md border border-border px-3 py-2">
+                <p className="text-muted">Description</p>
+                <p className="text-text">{form.description || "—"}</p>
+              </div>
+              <div className="rounded-md border border-border px-3 py-2">
+                <p className="text-muted">Focus / Visibility</p>
+                <p className="text-text">
+                  {form.focus || "General"} / {form.visibility}
+                </p>
+              </div>
+              <div className="rounded-md border border-border px-3 py-2">
+                <p className="text-muted">Goals</p>
+                <p className="text-text">
+                  {goals.length ? goals.join(" · ") : "None"}
+                </p>
+              </div>
+              <div className="rounded-md border border-border px-3 py-2">
+                <p className="text-muted">Tags</p>
+                <p className="text-text">
+                  {tags.length ? tags.join(", ") : "None"}
+                </p>
+              </div>
+              <div className="rounded-md border border-border px-3 py-2">
+                <p className="text-muted">Cofounders</p>
+                <p className="text-text">
+                  {cofounders.length ? cofounders.join(", ") : "None"}
+                </p>
+              </div>
+            </section>
+          ) : null}
+
+          {error ? (
+            <div className="rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-sm text-destructive">
+              {error}
+            </div>
+          ) : null}
+
+          <div className="flex items-center justify-between">
+            <Button
+              type="button"
+              variant="outline"
+              onClick={() =>
+                setStep((prev) => (prev > 1 ? ((prev - 1) as 1 | 2 | 3) : prev))
+              }
+              disabled={step === 1 || saving}
+            >
+              Back
+            </Button>
+            <div className="flex items-center gap-2">
+              {step < 3 ? (
+                <Button
+                  type="button"
+                  onClick={() => setStep((prev) => (prev + 1) as 2 | 3)}
+                  disabled={(step === 1 && !canGoNextStep1) || saving}
+                >
+                  Next
+                </Button>
+              ) : (
+                <Button
+                  type="button"
+                  onClick={onCreate}
+                  disabled={!canSubmit || saving}
+                >
+                  {saving ? "Creating..." : "Create faction"}
+                </Button>
+              )}
+            </div>
+          </div>
+        </CardContent>
+      </Card>
+    </div>
+  );
+};
+
+export default FactionCreate;
diff --git a/src/pages/factions/Factions.tsx b/src/pages/factions/Factions.tsx
index dfa3766..140b200 100644
--- a/src/pages/factions/Factions.tsx
+++ b/src/pages/factions/Factions.tsx
@@ -96,6 +96,11 @@ const Factions: React.FC = () => {
   return (
     <div className="flex flex-col gap-6">
       <PageHint pageId="factions" />
+      <div className="flex justify-end">
+        <Button asChild>
+          <Link to="/app/factions/new">Create faction</Link>
+        </Button>
+      </div>
       {factions === null ? (
         <Card className="border-dashed px-4 py-6 text-center text-sm text-muted">
           Loading factions…
@@ -153,41 +158,49 @@ const Factions: React.FC = () => {
             className="grid gap-4 md:grid-cols-2 xl:grid-cols-3"
             aria-live="polite"
           >
-            {(factions ?? []).map((faction) => (
-              <Card key={faction.id} className="h-full">
-                <CardHeader className="pb-2">
-                  <CardTitle>{faction.name}</CardTitle>
-                  <p className="line-clamp-2 min-h-10 text-sm text-muted">
-                    {faction.description}
-                  </p>
-                </CardHeader>
-                <CardContent className="space-y-3 text-sm text-text">
-                  <div className="grid grid-cols-3 gap-2 text-center">
-                    <StatTile
-                      label="Members"
-                      value={faction.members}
-                      className="px-2 py-2"
-                      valueClassName="text-lg"
-                    />
-                    <StatTile
-                      label="Votes"
-                      value={faction.votes}
-                      className="px-2 py-2"
-                      valueClassName="text-lg"
-                    />
-                    <StatTile
-                      label={<HintLabel termId="acm" termText="ACM" />}
-                      value={faction.acm}
-                      className="px-2 py-2"
-                      valueClassName="text-lg"
-                    />
-                  </div>
-                  <Button asChild size="sm" className="w-full">
-                    <Link to={`/app/factions/${faction.id}`}>View faction</Link>
-                  </Button>
-                </CardContent>
+            {filtered.length === 0 ? (
+              <Card className="border-dashed px-4 py-6 text-center text-sm text-muted md:col-span-2 xl:col-span-3">
+                No factions match this filter set.
               </Card>
-            ))}
+            ) : (
+              filtered.map((faction) => (
+                <Card key={faction.id} className="h-full">
+                  <CardHeader className="pb-2">
+                    <CardTitle>{faction.name}</CardTitle>
+                    <p className="line-clamp-2 min-h-10 text-sm text-muted">
+                      {faction.description}
+                    </p>
+                  </CardHeader>
+                  <CardContent className="space-y-3 text-sm text-text">
+                    <div className="grid grid-cols-3 gap-2 text-center">
+                      <StatTile
+                        label="Members"
+                        value={faction.members}
+                        className="px-2 py-2"
+                        valueClassName="text-lg"
+                      />
+                      <StatTile
+                        label="Votes"
+                        value={faction.votes}
+                        className="px-2 py-2"
+                        valueClassName="text-lg"
+                      />
+                      <StatTile
+                        label={<HintLabel termId="acm" termText="ACM" />}
+                        value={faction.acm}
+                        className="px-2 py-2"
+                        valueClassName="text-lg"
+                      />
+                    </div>
+                    <Button asChild size="sm" className="w-full">
+                      <Link to={`/app/factions/${faction.id}`}>
+                        View faction
+                      </Link>
+                    </Button>
+                  </CardContent>
+                </Card>
+              ))
+            )}
           </section>
         </>
       )}
diff --git a/src/pages/invision/Invision.tsx b/src/pages/invision/Invision.tsx
index 4e9cbe1..fc0bef6 100644
--- a/src/pages/invision/Invision.tsx
+++ b/src/pages/invision/Invision.tsx
@@ -69,185 +69,194 @@ const Invision: React.FC = () => {
   }, [factions, search, factionSort]);
 
   return (
-    <div className="flex flex-col gap-5">
-      <PageHint pageId="invision" />
-      {invision === null ? (
-        <Card className="border-dashed px-4 py-6 text-center text-sm text-muted">
-          Loading Invision…
-        </Card>
-      ) : null}
-      {loadError ? (
-        <Card className="border-dashed px-4 py-6 text-center text-sm text-destructive">
-          Invision unavailable: {loadError}
-        </Card>
-      ) : null}
-      {invision !== null &&
-      factions !== null &&
-      factions.length === 0 &&
-      !loadError ? (
-        <NoDataYetBar label="Invision data" />
-      ) : null}
-      <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
-        <Surface
-          variant="panelAlt"
-          className="px-6 py-5 text-center sm:col-span-2 lg:col-span-3"
-        >
-          <Kicker align="center">Governance model</Kicker>
-          <h1 className="text-2xl font-semibold text-text">
-            {invision?.governanceState.label ?? "—"}
-          </h1>
-        </Surface>
-        {(invision?.governanceState.metrics ?? []).map((metric) => (
+    <div className="relative">
+      <div className="pointer-events-none flex flex-col gap-5 opacity-35 blur-[6px] select-none">
+        <PageHint pageId="invision" />
+        {invision === null ? (
+          <Card className="border-dashed px-4 py-6 text-center text-sm text-muted">
+            Loading Invision…
+          </Card>
+        ) : null}
+        {loadError ? (
+          <Card className="border-dashed px-4 py-6 text-center text-sm text-destructive">
+            Invision unavailable: {loadError}
+          </Card>
+        ) : null}
+        {invision !== null &&
+        factions !== null &&
+        factions.length === 0 &&
+        !loadError ? (
+          <NoDataYetBar label="Invision data" />
+        ) : null}
+        <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
           <Surface
-            key={metric.label}
-            variant="panel"
-            className="px-3 py-3 text-center"
+            variant="panelAlt"
+            className="px-6 py-5 text-center sm:col-span-2 lg:col-span-3"
           >
-            <Kicker align="center">{metric.label}</Kicker>
-            <p className="text-2xl font-semibold text-text">{metric.value}</p>
+            <Kicker align="center">Governance model</Kicker>
+            <h1 className="text-2xl font-semibold text-text">
+              {invision?.governanceState.label ?? "—"}
+            </h1>
           </Surface>
-        ))}
-      </div>
+          {(invision?.governanceState.metrics ?? []).map((metric) => (
+            <Surface
+              key={metric.label}
+              variant="panel"
+              className="px-3 py-3 text-center"
+            >
+              <Kicker align="center">{metric.label}</Kicker>
+              <p className="text-2xl font-semibold text-text">{metric.value}</p>
+            </Surface>
+          ))}
+        </div>
+
+        <SearchBar
+          value={search}
+          onChange={(e) => setSearch(e.target.value)}
+          placeholder="Search factions, blocs, proposals…"
+          ariaLabel="Search invision"
+          filtersConfig={[
+            {
+              key: "factionSort",
+              label: "Sort factions",
+              options: [
+                { value: "members", label: "Members (desc)" },
+                { value: "votes", label: "Votes (desc)" },
+                { value: "acm", label: "ACM (desc)" },
+              ],
+            },
+          ]}
+          filtersState={filters}
+          onFiltersChange={setFilters}
+        />
 
-      <SearchBar
-        value={search}
-        onChange={(e) => setSearch(e.target.value)}
-        placeholder="Search factions, blocs, proposals…"
-        ariaLabel="Search invision"
-        filtersConfig={[
-          {
-            key: "factionSort",
-            label: "Sort factions",
-            options: [
-              { value: "members", label: "Members (desc)" },
-              { value: "votes", label: "Votes (desc)" },
-              { value: "acm", label: "ACM (desc)" },
-            ],
-          },
-        ]}
-        filtersState={filters}
-        onFiltersChange={setFilters}
-      />
+        <div className="grid gap-4 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]">
+          <Card className="h-full">
+            <CardHeader className="pb-2">
+              <CardTitle>Largest factions</CardTitle>
+            </CardHeader>
+            <CardContent className="grid gap-4 text-sm text-text sm:grid-cols-2">
+              {filteredFactions.map((faction) => (
+                <div key={faction.name} className="contents">
+                  <Surface variant="panelAlt" className="px-5 py-4">
+                    <p className="text-lg font-semibold text-text">
+                      {faction.name}
+                    </p>
+                    <Kicker className="text-primary">
+                      {faction.description}
+                    </Kicker>
+                    <div className="mt-3 grid grid-cols-3 gap-2 text-center">
+                      <Surface
+                        variant="panel"
+                        radius="xl"
+                        shadow="control"
+                        className="px-2 py-2"
+                      >
+                        <Kicker align="center" className="text-[0.7rem]">
+                          Members
+                        </Kicker>
+                        <p className="text-lg font-semibold">
+                          {faction.members}
+                        </p>
+                      </Surface>
+                      <Surface
+                        variant="panel"
+                        radius="xl"
+                        shadow="control"
+                        className="px-2 py-2"
+                      >
+                        <Kicker align="center" className="text-[0.7rem]">
+                          Votes, %
+                        </Kicker>
+                        <p className="text-lg font-semibold">{faction.votes}</p>
+                      </Surface>
+                      <Surface
+                        variant="panel"
+                        radius="xl"
+                        shadow="control"
+                        className="px-2 py-2"
+                      >
+                        <Kicker align="center" className="text-[0.7rem]">
+                          <HintLabel termId="acm">ACM</HintLabel>
+                        </Kicker>
+                        <p className="text-lg font-semibold capitalize">
+                          {faction.acm}
+                        </p>
+                      </Surface>
+                    </div>
+                  </Surface>
+                </div>
+              ))}
+            </CardContent>
+          </Card>
 
-      <div className="grid gap-4 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]">
-        <Card className="h-full">
-          <CardHeader className="pb-2">
-            <CardTitle>Largest factions</CardTitle>
-          </CardHeader>
-          <CardContent className="grid gap-4 text-sm text-text sm:grid-cols-2">
-            {filteredFactions.map((faction) => (
-              <div key={faction.name} className="contents">
-                <Surface variant="panelAlt" className="px-5 py-4">
+          <Card className="h-full">
+            <CardHeader className="pb-2">
+              <CardTitle>Treasury & economy</CardTitle>
+            </CardHeader>
+            <CardContent className="space-y-3 text-sm text-text">
+              {(invision?.economicIndicators ?? []).map((indicator) => (
+                <div
+                  key={indicator.label}
+                  className="rounded-xl border border-border px-3 py-2"
+                >
+                  <Kicker>{indicator.label}</Kicker>
                   <p className="text-lg font-semibold text-text">
-                    {faction.name}
+                    {indicator.value}
                   </p>
-                  <Kicker className="text-primary">
-                    {faction.description}
-                  </Kicker>
-                  <div className="mt-3 grid grid-cols-3 gap-2 text-center">
-                    <Surface
-                      variant="panel"
-                      radius="xl"
-                      shadow="control"
-                      className="px-2 py-2"
-                    >
-                      <Kicker align="center" className="text-[0.7rem]">
-                        Members
-                      </Kicker>
-                      <p className="text-lg font-semibold">{faction.members}</p>
-                    </Surface>
-                    <Surface
-                      variant="panel"
-                      radius="xl"
-                      shadow="control"
-                      className="px-2 py-2"
-                    >
-                      <Kicker align="center" className="text-[0.7rem]">
-                        Votes, %
-                      </Kicker>
-                      <p className="text-lg font-semibold">{faction.votes}</p>
-                    </Surface>
-                    <Surface
-                      variant="panel"
-                      radius="xl"
-                      shadow="control"
-                      className="px-2 py-2"
-                    >
-                      <Kicker align="center" className="text-[0.7rem]">
-                        <HintLabel termId="acm">ACM</HintLabel>
-                      </Kicker>
-                      <p className="text-lg font-semibold capitalize">
-                        {faction.acm}
-                      </p>
-                    </Surface>
-                  </div>
-                </Surface>
-              </div>
-            ))}
-          </CardContent>
-        </Card>
-
-        <Card className="h-full">
-          <CardHeader className="pb-2">
-            <CardTitle>Treasury & economy</CardTitle>
-          </CardHeader>
-          <CardContent className="space-y-3 text-sm text-text">
-            {(invision?.economicIndicators ?? []).map((indicator) => (
-              <div
-                key={indicator.label}
-                className="rounded-xl border border-border px-3 py-2"
-              >
-                <Kicker>{indicator.label}</Kicker>
-                <p className="text-lg font-semibold text-text">
-                  {indicator.value}
-                </p>
-                <p className="text-xs text-muted">{indicator.detail}</p>
-              </div>
-            ))}
-          </CardContent>
-        </Card>
-      </div>
+                  <p className="text-xs text-muted">{indicator.detail}</p>
+                </div>
+              ))}
+            </CardContent>
+          </Card>
+        </div>
 
-      <div className="grid gap-4 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]">
-        <Card className="h-full">
-          <CardHeader className="pb-2">
-            <CardTitle>Risk dashboard</CardTitle>
-          </CardHeader>
-          <CardContent className="grid gap-3 text-sm text-text sm:grid-cols-2">
-            {(invision?.riskSignals ?? []).map((signal) => (
-              <div
-                key={signal.title}
-                className="rounded-xl border border-border px-3 py-3"
-              >
-                <Kicker>{signal.title}</Kicker>
-                <p className="text-base font-semibold text-primary">
-                  {signal.status}
-                </p>
-                <p className="text-xs text-muted">{signal.detail}</p>
-              </div>
-            ))}
-          </CardContent>
-        </Card>
+        <div className="grid gap-4 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]">
+          <Card className="h-full">
+            <CardHeader className="pb-2">
+              <CardTitle>Risk dashboard</CardTitle>
+            </CardHeader>
+            <CardContent className="grid gap-3 text-sm text-text sm:grid-cols-2">
+              {(invision?.riskSignals ?? []).map((signal) => (
+                <div
+                  key={signal.title}
+                  className="rounded-xl border border-border px-3 py-3"
+                >
+                  <Kicker>{signal.title}</Kicker>
+                  <p className="text-base font-semibold text-primary">
+                    {signal.status}
+                  </p>
+                  <p className="text-xs text-muted">{signal.detail}</p>
+                </div>
+              ))}
+            </CardContent>
+          </Card>
 
-        <Card className="h-full">
-          <CardHeader className="pb-2">
-            <CardTitle>General chamber proposals</CardTitle>
-          </CardHeader>
-          <CardContent className="space-y-3 text-sm text-text">
-            {(invision?.chamberProposals ?? []).map((proposal) => (
-              <div
-                key={proposal.title}
-                className="rounded-xl border border-border px-3 py-3"
-              >
-                <p className="text-base font-semibold text-text">
-                  {proposal.title}
-                </p>
-                <Kicker className="text-primary">{proposal.effect}</Kicker>
-                <p className="text-xs text-muted">{proposal.sponsors}</p>
-              </div>
-            ))}
-          </CardContent>
-        </Card>
+          <Card className="h-full">
+            <CardHeader className="pb-2">
+              <CardTitle>General chamber proposals</CardTitle>
+            </CardHeader>
+            <CardContent className="space-y-3 text-sm text-text">
+              {(invision?.chamberProposals ?? []).map((proposal) => (
+                <div
+                  key={proposal.title}
+                  className="rounded-xl border border-border px-3 py-3"
+                >
+                  <p className="text-base font-semibold text-text">
+                    {proposal.title}
+                  </p>
+                  <Kicker className="text-primary">{proposal.effect}</Kicker>
+                  <p className="text-xs text-muted">{proposal.sponsors}</p>
+                </div>
+              ))}
+            </CardContent>
+          </Card>
+        </div>
+      </div>
+      <div className="pointer-events-none absolute inset-0 z-20 grid place-items-center p-6">
+        <h2 className="text-center text-4xl font-semibold text-text sm:text-5xl lg:text-6xl">
+          coming sooner than you think...
+        </h2>
       </div>
     </div>
   );
diff --git a/src/types/api.ts b/src/types/api.ts
index f79928c..c43a8dd 100644
--- a/src/types/api.ts
+++ b/src/types/api.ts
@@ -70,13 +70,51 @@ export type FactionDto = {
   id: string;
   name: string;
   description: string;
+  visibility: "public" | "private";
   members: number;
   votes: string;
   acm: string;
   focus: string;
   goals: string[];
+  tags: string[];
   initiatives: string[];
   roster: FactionRosterMemberDto[];
+  channels?: Array<{
+    id: string;
+    slug: string;
+    title: string;
+    writeScope: "stewards" | "members";
+    isLocked: boolean;
+    threadCount: number;
+  }>;
+  threads?: Array<{
+    id: string;
+    channelId: string;
+    channelTitle: string;
+    title: string;
+    body: string;
+    status: "open" | "resolved" | "locked";
+    authorAddress: string;
+    replies: number;
+    createdAt: string;
+    updatedAt: string;
+  }>;
+  initiativesDetailed?: Array<{
+    id: string;
+    title: string;
+    intent: string;
+    ownerAddress: string;
+    status: "draft" | "active" | "blocked" | "done" | "archived";
+    checklist: string[];
+    links: string[];
+    updatedAt: string;
+  }>;
+  memberships?: Array<{
+    address: string;
+    role: "founder" | "steward" | "member";
+    isActive: boolean;
+    joinedAt: string;
+  }>;
 };
 export type GetFactionsResponse = { items: FactionDto[] };
 
@@ -285,6 +323,9 @@ export type GetMyGovernanceResponse = {
 
 export type GetClockResponse = {
   currentEra: number;
+  updatedAt: string;
+  eraSeconds: number;
+  nextEraAt: string;
   activeGovernors: number;
   currentEraRollup?: {
     era: number;