diff --git a/docs/superpowers/specs/2026-06-12-surface-filterable-reflection-design.md b/docs/superpowers/specs/2026-06-12-surface-filterable-reflection-design.md
new file mode 100644
index 0000000..623d3f5
--- /dev/null
+++ b/docs/superpowers/specs/2026-06-12-surface-filterable-reflection-design.md
@@ -0,0 +1,76 @@
+# Surface filterable reflection (Phase 2, piece A)
+
+**Date:** 2026-06-12
+**Status:** Approved
+
+## Problem
+
+The team's highest-value reflection feature — filterable LLM synthesis
+("What's the status of Madrid?") — is buried in the middle of the `/review`
+(Health) page as `ReflectionSection`. Meanwhile the nav's `/reflect` page is a
+structured session ritual (convergence sparklines + guided-question textareas +
+decisions log) whose textareas are the "homework" the primary user pushed back
+on. The killer feature is behind the wrong door.
+
+## Goal
+
+Make `/reflect` the filterable reflection tool, and make `/review` (Health) a
+focused review surface.
+
+## Changes
+
+### `/reflect` — becomes the filterable reflection tool
+
+- `src/app/reflect/page.tsx` (server): fetch the scope filter lists — `sites`,
+  `options`, `goalSpaces` — using the same queries currently in
+  `src/app/review/page.tsx`. Pass them to the client. Drop the `lastSession`
+  fetch.
+- `src/app/reflect/ReflectClient.tsx`: rewritten to the filterable reflection
+  UI — a scope `<select>` (Whole system / Sites / Options / Goal spaces) and a
+  "Run reflection" button → `POST /api/reflect/analyse` → synthesis rendered via
+  `Markdown` (upgrade from the old plain `whitespace-pre-wrap`). States:
+  idle / loading / done / error, plus Re-run. This absorbs the logic from
+  `components/review/ReflectionSection.tsx`.
+- Retired from `/reflect`: Trajectory sparklines, guided-question textareas,
+  Decisions log, session save. Remove `src/app/reflect/questions.ts`; trim
+  `src/app/reflect/types.ts` to only what the new client needs (drop
+  `DecisionEntry`, `ReflectionSession`, `ReflectionSessionPayload`,
+  `GoalSpaceInfo` if unused). Stop importing `ConvergenceSparkline`,
+  `FeedbackWidget`, `Spinner` here if unused.
+
+### `/review` (Health) — review-only
+
+- `src/app/review/page.tsx`: remove the `sites` / `options` / `goalSpaces`
+  queries and the props passed for them.
+- `src/app/review/SystemHealthClient.tsx`: remove `<ReflectionSection>` and its
+  three props. Health = flagged-for-review + tension alerts + awaiting-review.
+
+### Component
+
+- Delete `src/components/review/ReflectionSection.tsx` — logic absorbed into
+  `ReflectClient`; Health was its only other consumer.
+
+## Untouched (deliberately)
+
+- `POST /api/reflect/analyse` — the synthesis engine, unchanged.
+- `POST /api/reflect/session` + the `reflection_sessions` table — the session
+  endpoint loses its UI caller but stays (the table still backs
+  `reflection/run`'s 24h rate-limit check and future scheduled reflection).
+- `ConvergenceSparkline`, `FeedbackWidget` — kept; used elsewhere
+  (dashboard / commitments). Convergence trajectory still surfaces there, so the
+  Trajectory view being dropped from `/reflect` loses no data.
+- Nav — still shows both Health and Reflect; consolidation is Phase 2 piece C.
+
+## Out of scope
+
+- Wiring a feedback/correction loop on the synthesis (`/api/reflect/analyse`
+  returns no persisted id to attach `FeedbackWidget` to).
+
+## Testing
+
+- Rewrite `src/app/reflect/__tests__/ReflectClient.test.tsx`: scope select
+  change updates state; "Run reflection" calls `/api/reflect/analyse` with the
+  right body and renders the returned synthesis; error state renders on failure.
+- Update `src/app/review/__tests__/ReviewPage.test.tsx`: drop any assertions on
+  the reflection section; keep flagged / tensions / awaiting-review assertions.
+- tsc 0, lint 0, full suite green.
diff --git a/src/app/reflect/ReflectClient.tsx b/src/app/reflect/ReflectClient.tsx
index 023babb..e5431d7 100644
--- a/src/app/reflect/ReflectClient.tsx
+++ b/src/app/reflect/ReflectClient.tsx
@@ -1,213 +1,152 @@
 'use client';
 
-import { useState, useEffect } from 'react';
-import { ConvergenceSparkline } from '@/components/graph/convergence/ConvergenceSparkline';
-import { FeedbackWidget } from '@/components/feedback/FeedbackWidget';
-import { Spinner } from '@/components/ui/Spinner';
-import { REFLECTION_QUESTIONS } from './questions';
-import type { DecisionEntry, ReflectionSessionPayload, GoalSpaceInfo, ReflectionSession } from './types';
-import type { ConvergenceData } from '@/lib/types/convergence';
+import { useState } from 'react';
+import type { FilterOption } from '@/lib/types/filter';
+import { Markdown } from '@/components/ui/Markdown';
 
 interface ReflectClientProps {
-  readonly goalSpaces: readonly GoalSpaceInfo[];
-  readonly lastSession: ReflectionSession | null;
-  readonly userId: string;
+  readonly sites: readonly FilterOption[];
+  readonly options: readonly FilterOption[];
+  readonly goalSpaces: readonly FilterOption[];
 }
 
-export function ReflectClient({ goalSpaces, lastSession, userId }: ReflectClientProps) {
-  const [days, setDays] = useState<30 | 60 | 90>(30);
-  const [sparklineData, setSparklineData] = useState<Record<string, ConvergenceData>>({});
-  const [answers, setAnswers] = useState<Record<string, string>>(() => {
-    const initial: Record<string, string> = {};
-    for (const q of REFLECTION_QUESTIONS) {
-      initial[q.id] = lastSession?.human_responses?.[q.id] ?? '';
-    }
-    return initial;
-  });
-  const [decisions, setDecisions] = useState<readonly DecisionEntry[]>([]);
-  const [newDecisionText, setNewDecisionText] = useState('');
-  const [saving, setSaving] = useState(false);
-  const [saveResult, setSaveResult] = useState<'idle' | 'success' | 'error'>('idle');
-  const [sessionId, setSessionId] = useState<string | null>(null);
-
-  useEffect(() => {
-    if (goalSpaces.length === 0) return;
-    Promise.all(
-      goalSpaces.map(gs =>
-        fetch(`/api/convergence/snapshots?goal_space_id=${gs.id}&days=${days}`)
-          .then(r => r.json())
-          .then(json => ({ goalSpaceId: gs.id, data: json.data ?? null }))
-          .catch(() => ({ goalSpaceId: gs.id, data: null }))
-      )
-    ).then(results => {
-      const map: Record<string, ConvergenceData> = {};
-      for (const r of results) {
-        if (r.data) map[r.goalSpaceId] = r.data;
-      }
-      setSparklineData(map);
-    });
-  }, [goalSpaces, days]);
-
-  const windowButtonClass = (d: 30 | 60 | 90) =>
-    days === d
-      ? 'px-3 py-1 text-sm rounded bg-xco-ocean text-xco-paper'
-      : 'px-3 py-1 text-sm rounded bg-cof-bg-subtle text-cof-text-secondary hover:bg-cof-border';
-
-  const handleAddDecision = () => {
-    if (newDecisionText.trim()) {
-      setDecisions(prev => [...prev, { text: newDecisionText.trim(), node_id: null }]);
-      setNewDecisionText('');
-    }
-  };
-
-  const handleRemoveDecision = (idx: number) => {
-    setDecisions(prev => prev.filter((_, i) => i !== idx));
-  };
-
-  async function handleSave() {
-    setSaving(true);
-    setSaveResult('idle');
-    const convergenceSnapshot: Record<string, { score: number; computed_at: string }> = {};
-    for (const [gsId, data] of Object.entries(sparklineData)) {
-      if (data.latest) {
-        convergenceSnapshot[gsId] = { score: data.latest.score, computed_at: data.latest.computed_at };
-      }
-    }
-    const payload: ReflectionSessionPayload = {
-      machine_reflection: {},
-      human_responses: answers,
-      decisions,
-      convergence_snapshot: convergenceSnapshot,
-      participants: [userId],
-      node_count_at_reflection: 0,
-      triggered_by: 'on_demand',
-    };
+type FilterState =
+  | { readonly type: 'system' }
+  | { readonly type: 'site' | 'option' | 'goal_space'; readonly id: string; readonly label: string };
+
+type Status = 'idle' | 'loading' | 'done' | 'error';
+
+export function ReflectClient({ sites, options, goalSpaces }: ReflectClientProps) {
+  const [filter, setFilter] = useState<FilterState>({ type: 'system' });
+  const [status, setStatus] = useState<Status>('idle');
+  const [synthesis, setSynthesis] = useState('');
+  const [errorMsg, setErrorMsg] = useState('');
+
+  const hasFilters = sites.length > 0 || options.length > 0 || goalSpaces.length > 0;
+  const filterLabel = filter.type === 'system' ? 'Whole system' : filter.label;
+
+  async function handleRunReflection() {
+    setStatus('loading');
+    setSynthesis('');
+    setErrorMsg('');
+
+    const body =
+      filter.type === 'system'
+        ? { type: 'system', label: 'Whole system' }
+        : { type: filter.type, value: filter.id, label: filter.label };
+
     try {
-      const res = await fetch('/api/reflect/session', {
+      const res = await fetch('/api/reflect/analyse', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify(payload),
+        body: JSON.stringify(body),
       });
-      if (res.ok) {
-        const body = await res.json() as { id?: string };
-        setSessionId(body.id ?? null);
-        setSaveResult('success');
-      } else {
-        setSaveResult('error');
+      if (!res.ok) {
+        setErrorMsg('Reflection failed — try again');
+        setStatus('error');
+        return;
       }
+      const json = await res.json() as { synthesis?: string };
+      setSynthesis(json.synthesis ?? '');
+      setStatus('done');
     } catch {
-      setSaveResult('error');
-    } finally {
-      setSaving(false);
+      setErrorMsg('Reflection failed — try again');
+      setStatus('error');
+    }
+  }
+
+  function handleFilterChange(e: React.ChangeEvent<HTMLSelectElement>) {
+    const val = e.target.value;
+    if (val === 'system') {
+      setFilter({ type: 'system' });
+    } else {
+      const colonIdx = val.indexOf('::');
+      const type = val.slice(0, colonIdx) as 'site' | 'option' | 'goal_space';
+      const id = val.slice(colonIdx + 2);
+      const opt = [...sites, ...options, ...goalSpaces].find(o => o.id === id);
+      setFilter({ type, id, label: opt?.label ?? id });
     }
+    setStatus('idle');
+    setSynthesis('');
   }
 
+  const selectValue = filter.type === 'system' ? 'system' : `${filter.type}::${filter.id}`;
+
   return (
-    <div className="space-y-8">
-      {/* Section 1: Trajectory Overview */}
-      <section className="mb-8">
-        <div className="flex items-center justify-between mb-4">
-          <h2 className="text-lg font-semibold text-gray-900 dark:text-gray-100">Trajectory Overview</h2>
-          <div className="flex gap-2">
-            <button className={windowButtonClass(30)} onClick={() => setDays(30)}>30d</button>
-            <button className={windowButtonClass(60)} onClick={() => setDays(60)}>60d</button>
-            <button className={windowButtonClass(90)} onClick={() => setDays(90)}>90d</button>
-          </div>
-        </div>
-        {goalSpaces.length === 0 ? (
-          <p className="text-sm text-gray-500">No goal spaces found.</p>
+    <div className="space-y-6">
+      <p className="text-sm text-gray-600 dark:text-gray-400 leading-relaxed">
+        Ask the system to synthesise what&apos;s known — for the whole picture, or filtered to one
+        goal space, site, or option.
+      </p>
+
+      <div className="flex items-center gap-3 flex-wrap">
+        {hasFilters ? (
+          <select
+            aria-label="Reflection scope"
+            value={selectValue}
+            onChange={handleFilterChange}
+            className="text-sm bg-gray-50 dark:bg-gray-900 border border-gray-300 dark:border-gray-700 rounded px-3 py-1.5 text-gray-800 dark:text-gray-200 focus:outline-none focus:border-teal-500"
+          >
+            <option value="system">Whole system</option>
+            {goalSpaces.length > 0 && (
+              <optgroup label="Goal spaces">
+                {goalSpaces.map(g => (
+                  <option key={g.id} value={`goal_space::${g.id}`}>{g.label}</option>
+                ))}
+              </optgroup>
+            )}
+            {sites.length > 0 && (
+              <optgroup label="Sites">
+                {sites.map(s => (
+                  <option key={s.id} value={`site::${s.id}`}>{s.label}</option>
+                ))}
+              </optgroup>
+            )}
+            {options.length > 0 && (
+              <optgroup label="Options">
+                {options.map(o => (
+                  <option key={o.id} value={`option::${o.id}`}>{o.label}</option>
+                ))}
+              </optgroup>
+            )}
+          </select>
         ) : (
-          <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
-            {goalSpaces.map(gs => (
-              <div key={gs.id} className="bg-gray-100 dark:bg-gray-800 rounded p-4">
-                <p className="text-sm font-medium text-gray-800 dark:text-gray-200 mb-2">{gs.title}</p>
-                <ConvergenceSparkline snapshots={sparklineData[gs.id]?.history ?? []} />
-                <p className="text-xs text-gray-600 dark:text-gray-400 mt-1">
-                  Score: {sparklineData[gs.id]?.latest?.score?.toFixed(1) ?? '---'}
-                </p>
-              </div>
-            ))}
-          </div>
-        )}
-      </section>
-
-      {/* Section 2: Guided Questions */}
-      <section className="mb-8">
-        <h2 className="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-4">Reflection Questions</h2>
-        <div className="space-y-4">
-          {REFLECTION_QUESTIONS.map(q => (
-            <div key={q.id}>
-              <label className="block text-sm text-gray-700 dark:text-gray-300 mb-1">{q.text}</label>
-              <textarea
-                className="w-full bg-gray-50 dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded p-2 text-gray-900 dark:text-gray-100 min-h-[80px] focus:outline-none focus:border-teal-500"
-                value={answers[q.id] ?? ''}
-                onChange={e => setAnswers(prev => ({ ...prev, [q.id]: e.target.value }))}
-              />
-            </div>
-          ))}
-        </div>
-      </section>
-
-      {/* Section 3: Decisions Log */}
-      <section className="mb-8">
-        <h2 className="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-4">Decisions</h2>
-        {decisions.length > 0 && (
-          <ul className="space-y-2 mb-4">
-            {decisions.map((d, idx) => (
-              <li key={idx} className="flex items-start justify-between bg-gray-100 dark:bg-gray-800 rounded p-3">
-                <span className="text-sm text-gray-800 dark:text-gray-200 flex-1">{d.text}</span>
-                {d.node_id && (
-                  <span className="text-xs text-xco-teal ml-2 shrink-0">node: {d.node_id}</span>
-                )}
-                <button
-                  className="text-gray-500 hover:text-red-400 ml-3 text-xs shrink-0"
-                  onClick={() => handleRemoveDecision(idx)}
-                  aria-label="Remove decision"
-                >
-                  x
-                </button>
-              </li>
-            ))}
-          </ul>
-        )}
-        <div className="flex gap-2">
-          <input
-            type="text"
-            placeholder="Record a decision..."
-            className="flex-1 bg-gray-50 dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded p-2 text-sm text-gray-900 dark:text-gray-100 focus:outline-none focus:border-teal-500"
-            value={newDecisionText}
-            onChange={e => setNewDecisionText(e.target.value)}
-            onKeyDown={e => { if (e.key === 'Enter') handleAddDecision(); }}
-          />
-          <button
-            className="px-4 py-2 bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-300 rounded hover:bg-gray-300 dark:hover:bg-gray-600 text-sm"
-            onClick={handleAddDecision}
+          <select
+            aria-label="Reflection scope"
+            value="system"
+            disabled
+            className="text-sm bg-gray-50 dark:bg-gray-900 border border-gray-300 dark:border-gray-700 rounded px-3 py-1.5 text-gray-500"
           >
-            Add
-          </button>
-        </div>
-      </section>
+            <option value="system">Whole system</option>
+          </select>
+        )}
 
-      {/* Section 4: Save */}
-      <section className="mb-8">
         <button
-          className="inline-flex items-center gap-2 px-6 py-2 bg-xco-ocean text-xco-paper rounded hover:bg-xco-teal disabled:opacity-50 disabled:cursor-not-allowed"
-          onClick={handleSave}
-          disabled={saving}
+          type="button"
+          onClick={() => void handleRunReflection()}
+          disabled={status === 'loading'}
+          className="text-sm bg-xco-ocean text-xco-paper rounded-lg px-4 py-1.5 hover:bg-xco-teal disabled:opacity-50 disabled:cursor-not-allowed"
         >
-          {saving && <Spinner size="sm" label="Saving" />}
-          {saving ? 'Saving…' : 'Save Reflection Session'}
+          {status === 'loading' ? 'Analysing…' : status === 'done' ? 'Re-run' : 'Run reflection'}
         </button>
-        {saveResult === 'success' && (
-          <p className="mt-2 text-sm text-xco-teal">Session saved</p>
-        )}
-        {saveResult === 'error' && (
-          <p className="mt-2 text-sm text-red-400">Failed to save</p>
-        )}
-        {saveResult === 'success' && sessionId && (
-          <FeedbackWidget sourceType="reflection" sourceId={sessionId} />
-        )}
-      </section>
+      </div>
+
+      {status === 'error' && <p className="text-sm text-red-400">{errorMsg}</p>}
+
+      {status === 'done' && (
+        synthesis ? (
+          <div className="bg-gray-50 dark:bg-gray-900 border border-gray-200 dark:border-gray-800 rounded-lg p-5">
+            <p className="text-[10px] font-medium text-gray-500 uppercase tracking-wide mb-3">
+              {filterLabel}
+            </p>
+            <div className="text-sm text-gray-700 dark:text-gray-300 leading-relaxed">
+              <Markdown>{synthesis}</Markdown>
+            </div>
+          </div>
+        ) : (
+          <p className="text-sm text-gray-500">No synthesis returned — there may be nothing captured for this scope yet.</p>
+        )
+      )}
     </div>
   );
 }
diff --git a/src/app/reflect/__tests__/ReflectClient.test.tsx b/src/app/reflect/__tests__/ReflectClient.test.tsx
index 5daec08..d2f4795 100644
--- a/src/app/reflect/__tests__/ReflectClient.test.tsx
+++ b/src/app/reflect/__tests__/ReflectClient.test.tsx
@@ -1,51 +1,75 @@
-import { describe, it, expect, vi } from 'vitest';
-import { render, screen } from '@testing-library/react';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { render, screen, fireEvent, waitFor } from '@testing-library/react';
 import { ReflectClient } from '../ReflectClient';
-import { REFLECTION_QUESTIONS } from '../questions';
 
-// Mock ConvergenceSparkline to avoid d3 in test env
-vi.mock('@/components/graph/convergence/ConvergenceSparkline', () => ({
-  ConvergenceSparkline: ({ snapshots }: { snapshots: unknown[] }) => (
-    <div data-testid="sparkline">sparkline ({snapshots.length} points)</div>
-  ),
+// Markdown pulls in react-markdown (ESM); render children as plain text in tests.
+vi.mock('@/components/ui/Markdown', () => ({
+  Markdown: ({ children }: { children: string }) => <div>{children}</div>,
 }));
 
-// Mock fetch for sparkline data
-global.fetch = vi.fn(() =>
-  Promise.resolve({ ok: true, json: () => Promise.resolve({ data: null }) } as Response)
-);
-
-const defaultProps = {
-  goalSpaces: [
-    { id: 'gs-1', title: 'Goal Space 1' },
-    { id: 'gs-2', title: 'Goal Space 2' },
-  ],
-  lastSession: null,
-  userId: 'user-123',
+const props = {
+  sites: [{ id: 's-1', label: 'Madrid', type: 'site' as const }],
+  options: [{ id: 'o-1', label: 'Patient debt', type: 'option' as const }],
+  goalSpaces: [{ id: 'g-1', label: 'Formation capital', type: 'goal_space' as const }],
 };
 
 describe('ReflectClient', () => {
-  it('renders sparkline window selector with 30d / 60d / 90d buttons', () => {
-    render(<ReflectClient {...defaultProps} />);
-    expect(screen.getByRole('button', { name: /30d/i })).toBeDefined();
-    expect(screen.getByRole('button', { name: /60d/i })).toBeDefined();
-    expect(screen.getByRole('button', { name: /90d/i })).toBeDefined();
+  beforeEach(() => {
+    vi.restoreAllMocks();
   });
 
-  it('renders guided questions from REFLECTION_QUESTIONS', () => {
-    render(<ReflectClient {...defaultProps} />);
-    for (const q of REFLECTION_QUESTIONS) {
-      expect(screen.getByText(q.text)).toBeDefined();
-    }
+  it('renders the scope picker and a Run reflection button', () => {
+    render(<ReflectClient {...props} />);
+    expect(screen.getByRole('button', { name: /run reflection/i })).toBeDefined();
+    expect(screen.getByRole('combobox', { name: /reflection scope/i })).toBeDefined();
+    expect(screen.getByRole('option', { name: 'Whole system' })).toBeDefined();
+    expect(screen.getByRole('option', { name: 'Madrid' })).toBeDefined();
   });
 
-  it('renders decisions log with an "Add Decision" button', () => {
-    render(<ReflectClient {...defaultProps} />);
-    expect(screen.getByRole('button', { name: /add/i })).toBeDefined();
+  it('runs a whole-system reflection and renders the synthesis', async () => {
+    const fetchMock = vi.fn().mockResolvedValue({
+      ok: true,
+      json: () => Promise.resolve({ synthesis: 'System-wide synthesis here.' }),
+    } as Response);
+    global.fetch = fetchMock;
+
+    render(<ReflectClient {...props} />);
+    fireEvent.click(screen.getByRole('button', { name: /run reflection/i }));
+
+    await waitFor(() => expect(screen.getByText('System-wide synthesis here.')).toBeDefined());
+    expect(fetchMock).toHaveBeenCalledWith('/api/reflect/analyse', expect.objectContaining({ method: 'POST' }));
+    const body = JSON.parse((fetchMock.mock.calls[0][1] as RequestInit).body as string);
+    expect(body).toEqual({ type: 'system', label: 'Whole system' });
+  });
+
+  it('sends the selected scope (goal space) in the request body', async () => {
+    const fetchMock = vi.fn().mockResolvedValue({
+      ok: true,
+      json: () => Promise.resolve({ synthesis: 'Formation capital synthesis.' }),
+    } as Response);
+    global.fetch = fetchMock;
+
+    render(<ReflectClient {...props} />);
+    fireEvent.change(screen.getByRole('combobox', { name: /reflection scope/i }), {
+      target: { value: 'goal_space::g-1' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: /run reflection/i }));
+
+    await waitFor(() => expect(screen.getByText('Formation capital synthesis.')).toBeDefined());
+    const body = JSON.parse((fetchMock.mock.calls[0][1] as RequestInit).body as string);
+    expect(body).toEqual({ type: 'goal_space', value: 'g-1', label: 'Formation capital' });
+  });
+
+  it('shows an error message when the request fails', async () => {
+    global.fetch = vi.fn().mockResolvedValue({ ok: false } as Response);
+    render(<ReflectClient {...props} />);
+    fireEvent.click(screen.getByRole('button', { name: /run reflection/i }));
+    await waitFor(() => expect(screen.getByText(/reflection failed/i)).toBeDefined());
   });
 
-  it('renders a "Save Reflection" button', () => {
-    render(<ReflectClient {...defaultProps} />);
-    expect(screen.getByRole('button', { name: /save reflection/i })).toBeDefined();
+  it('disables the scope picker when there are no filter options', () => {
+    render(<ReflectClient sites={[]} options={[]} goalSpaces={[]} />);
+    const select = screen.getByRole('combobox', { name: /reflection scope/i }) as HTMLSelectElement;
+    expect(select.disabled).toBe(true);
   });
 });
diff --git a/src/app/reflect/page.tsx b/src/app/reflect/page.tsx
index 728f715..df28f3f 100644
--- a/src/app/reflect/page.tsx
+++ b/src/app/reflect/page.tsx
@@ -1,7 +1,7 @@
 import { createClient } from '@/lib/supabase/server';
 import { redirect } from 'next/navigation';
 import { ReflectClient } from './ReflectClient';
-import type { GoalSpaceInfo, ReflectionSession } from './types';
+import type { FilterOption } from '@/lib/types/filter';
 
 export const dynamic = 'force-dynamic';
 
@@ -10,27 +10,34 @@ export default async function ReflectPage() {
   const { data: { user }, error: authError } = await supabase.auth.getUser();
   if (authError || !user) redirect('/login');
 
-  const { data: goalSpaces } = await supabase
-    .from('nodes')
-    .select('id, title')
-    .eq('node_type', 'goal_space')
-    .neq('status', 'archived');
+  const [sitesRes, optionsRes, goalSpacesRes] = await Promise.all([
+    supabase
+      .from('nodes')
+      .select('id, title')
+      .eq('node_type', 'site')
+      .neq('status', 'archived'),
+    supabase
+      .from('nodes')
+      .select('id, title')
+      .eq('node_type', 'option')
+      .in('status', ['promoted', 'human_reviewed']),
+    supabase
+      .from('nodes')
+      .select('id, title')
+      .eq('node_type', 'goal_space')
+      .neq('status', 'archived'),
+  ]);
 
-  const { data: lastSession } = await supabase
-    .from('reflection_sessions')
-    .select('id, machine_reflection, human_responses, decisions, convergence_snapshot, participants, created_at')
-    .order('created_at', { ascending: false })
-    .limit(1)
-    .maybeSingle();
+  const sites: FilterOption[] = (sitesRes.data ?? []).map(n => ({ id: n.id as string, label: n.title as string, type: 'site' }));
+  const options: FilterOption[] = (optionsRes.data ?? []).map(n => ({ id: n.id as string, label: n.title as string, type: 'option' }));
+  const goalSpaces: FilterOption[] = (goalSpacesRes.data ?? []).map(n => ({ id: n.id as string, label: n.title as string, type: 'goal_space' }));
 
   return (
-    <div className="max-w-4xl mx-auto p-6">
-      <h1 className="text-2xl font-bold mb-6">Reflection Session</h1>
-      <ReflectClient
-        goalSpaces={(goalSpaces ?? []) as GoalSpaceInfo[]}
-        lastSession={lastSession as ReflectionSession | null}
-        userId={user.id}
-      />
+    <div className="page-with-nav">
+      <div className="max-w-3xl mx-auto px-4 py-8">
+        <h1 className="text-lg font-bold text-gray-800 dark:text-gray-200 mb-6">Reflection</h1>
+        <ReflectClient sites={sites} options={options} goalSpaces={goalSpaces} />
+      </div>
     </div>
   );
 }
diff --git a/src/app/reflect/questions.ts b/src/app/reflect/questions.ts
deleted file mode 100644
index c666299..0000000
--- a/src/app/reflect/questions.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export const REFLECTION_QUESTIONS = [
-  { id: 'q_trajectory', text: 'Is the trajectory of your most important goal space changing? Why?' },
-  { id: 'q_surprises', text: 'What surprised you most since the last reflection?' },
-  { id: 'q_stop_change', text: 'What have you decided to stop, start, or change?' },
-  { id: 'q_blind_spots', text: 'Where might you have blind spots right now?' },
-  { id: 'q_next_week', text: 'What is the single most important thing to focus on next?' },
-] as const;
-
-export type QuestionId = (typeof REFLECTION_QUESTIONS)[number]['id'];
diff --git a/src/app/review/SystemHealthClient.tsx b/src/app/review/SystemHealthClient.tsx
index 0ad98c2..fdb4e90 100644
--- a/src/app/review/SystemHealthClient.tsx
+++ b/src/app/review/SystemHealthClient.tsx
@@ -4,18 +4,13 @@ import { useState, useCallback } from 'react';
 import Link from 'next/link';
 import type { Node } from '@/lib/types/nodes';
 import type { TensionAlert } from '@/lib/types/tension';
-import type { FilterOption } from '@/lib/types/filter';
 import { FlaggedItem } from '@/components/review/FlaggedItem';
-import { ReflectionSection } from '@/components/review/ReflectionSection';
 import { Markdown } from '@/components/ui/Markdown';
 
 interface SystemHealthClientProps {
   readonly flagged: readonly Node[];
   readonly tensions: readonly TensionAlert[];
   readonly learnings: readonly Node[];
-  readonly sites: readonly FilterOption[];
-  readonly options: readonly FilterOption[];
-  readonly goalSpaces: readonly FilterOption[];
 }
 
 const SEVERITY_COLORS: Record<string, { readonly text: string; readonly border: string }> = {
@@ -28,9 +23,6 @@ export function SystemHealthClient({
   flagged: initialFlagged,
   tensions,
   learnings,
-  sites,
-  options,
-  goalSpaces,
 }: SystemHealthClientProps) {
   const [flagged, setFlagged] = useState<readonly Node[]>(initialFlagged);
   const [itemErrors, setItemErrors] = useState<Record<string, string>>({});
@@ -119,8 +111,6 @@ export function SystemHealthClient({
         </section>
       )}
 
-      <ReflectionSection sites={sites} options={options} goalSpaces={goalSpaces} />
-
       {learnings.length > 0 && (
         <section>
           <h2 className="text-xs font-semibold text-gray-500 uppercase tracking-wider mb-4">
diff --git a/src/app/review/page.tsx b/src/app/review/page.tsx
index 916415a..de38888 100644
--- a/src/app/review/page.tsx
+++ b/src/app/review/page.tsx
@@ -16,9 +16,6 @@ export default async function SystemHealthPage() {
     flaggedRes,
     tensionsRes,
     learningsRes,
-    sitesRes,
-    optionsRes,
-    goalSpacesRes,
   ] = await Promise.all([
     supabase
       .from('nodes')
@@ -36,27 +33,8 @@ export default async function SystemHealthPage() {
       .in('node_type', getKnowledgeReviewTypes() as string[])
       .eq('status', 'llm_reviewed')
       .order('created_at', { ascending: false }),
-    supabase
-      .from('nodes')
-      .select('id, title')
-      .eq('node_type', 'site')
-      .neq('status', 'archived'),
-    supabase
-      .from('nodes')
-      .select('id, title')
-      .eq('node_type', 'option')
-      .in('status', ['promoted', 'human_reviewed']),
-    supabase
-      .from('nodes')
-      .select('id, title')
-      .eq('node_type', 'goal_space')
-      .neq('status', 'archived'),
   ]);
 
-  const sites = (sitesRes.data ?? []).map(n => ({ id: n.id as string, label: n.title as string, type: 'site' as const }));
-  const options = (optionsRes.data ?? []).map(n => ({ id: n.id as string, label: n.title as string, type: 'option' as const }));
-  const goalSpaces = (goalSpacesRes.data ?? []).map(n => ({ id: n.id as string, label: n.title as string, type: 'goal_space' as const }));
-
   return (
     <div className="page-with-nav">
       <div className="max-w-3xl mx-auto px-4 py-8">
@@ -65,9 +43,6 @@ export default async function SystemHealthPage() {
           flagged={(flaggedRes.data ?? []) as unknown as Node[]}
           tensions={(tensionsRes.data ?? []) as unknown as TensionAlert[]}
           learnings={(learningsRes.data ?? []) as unknown as Node[]}
-          sites={sites}
-          options={options}
-          goalSpaces={goalSpaces}
         />
       </div>
     </div>
diff --git a/src/components/review/ReflectionSection.tsx b/src/components/review/ReflectionSection.tsx
deleted file mode 100644
index a279082..0000000
--- a/src/components/review/ReflectionSection.tsx
+++ /dev/null
@@ -1,143 +0,0 @@
-'use client';
-
-import { useState } from 'react';
-import type { FilterOption } from '@/lib/types/filter';
-
-interface ReflectionSectionProps {
-  readonly sites: readonly FilterOption[];
-  readonly options: readonly FilterOption[];
-  readonly goalSpaces: readonly FilterOption[];
-}
-
-type FilterState =
-  | { readonly type: 'system' }
-  | { readonly type: 'site' | 'option' | 'goal_space'; readonly id: string; readonly label: string };
-
-export function ReflectionSection({ sites, options, goalSpaces }: ReflectionSectionProps) {
-  const [filter, setFilter] = useState<FilterState>({ type: 'system' });
-  const [status, setStatus] = useState<'idle' | 'loading' | 'done' | 'error'>('idle');
-  const [synthesis, setSynthesis] = useState('');
-  const [errorMsg, setErrorMsg] = useState('');
-
-  const hasFilters = sites.length > 0 || options.length > 0 || goalSpaces.length > 0;
-
-  async function handleRunReflection() {
-    setStatus('loading');
-    setSynthesis('');
-    setErrorMsg('');
-
-    const body =
-      filter.type === 'system'
-        ? { type: 'system', label: 'Whole system' }
-        : { type: filter.type, value: filter.id, label: filter.label };
-
-    try {
-      const res = await fetch('/api/reflect/analyse', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify(body),
-      });
-      if (!res.ok) {
-        setErrorMsg('Reflection failed — try again');
-        setStatus('error');
-        return;
-      }
-      const json = await res.json() as { synthesis?: string };
-      setSynthesis(json.synthesis ?? '');
-      setStatus('done');
-    } catch {
-      setErrorMsg('Reflection failed — try again');
-      setStatus('error');
-    }
-  }
-
-  function handleFilterChange(e: React.ChangeEvent<HTMLSelectElement>) {
-    const val = e.target.value;
-    if (val === 'system') {
-      setFilter({ type: 'system' });
-    } else {
-      const colonIdx = val.indexOf('::');
-      const type = val.slice(0, colonIdx) as 'site' | 'option' | 'goal_space';
-      const id = val.slice(colonIdx + 2);
-      const all = [...sites, ...options, ...goalSpaces];
-      const opt = all.find(o => o.id === id);
-      setFilter({ type, id, label: opt?.label ?? id });
-    }
-    setStatus('idle');
-    setSynthesis('');
-  }
-
-  const selectValue =
-    filter.type === 'system' ? 'system' : `${filter.type}::${filter.id}`;
-
-  const filterLabel = filter.type === 'system' ? 'System' : filter.label;
-
-  return (
-    <section>
-      <h2 className="text-xs font-semibold text-gray-500 uppercase tracking-wider mb-4">
-        System Reflection
-      </h2>
-
-      <div className="flex items-center gap-3 mb-4 flex-wrap">
-        {hasFilters ? (
-          <select
-            value={selectValue}
-            onChange={handleFilterChange}
-            className="text-sm bg-gray-50 dark:bg-gray-900 border border-gray-300 dark:border-gray-700 rounded px-3 py-1.5 text-gray-800 dark:text-gray-200 focus:outline-none focus:border-teal-500"
-          >
-            <option value="system">Whole system</option>
-            {sites.length > 0 && (
-              <optgroup label="Sites">
-                {sites.map(s => (
-                  <option key={s.id} value={`site::${s.id}`}>{s.label}</option>
-                ))}
-              </optgroup>
-            )}
-            {options.length > 0 && (
-              <optgroup label="Options">
-                {options.map(o => (
-                  <option key={o.id} value={`option::${o.id}`}>{o.label}</option>
-                ))}
-              </optgroup>
-            )}
-            {goalSpaces.length > 0 && (
-              <optgroup label="Goal spaces">
-                {goalSpaces.map(g => (
-                  <option key={g.id} value={`goal_space::${g.id}`}>{g.label}</option>
-                ))}
-              </optgroup>
-            )}
-          </select>
-        ) : (
-          <p className="text-[10px] text-gray-500">
-            No filters available yet — add more captures first
-          </p>
-        )}
-
-        <button
-          type="button"
-          onClick={handleRunReflection}
-          disabled={status === 'loading'}
-          className="text-xs bg-gray-800 hover:bg-gray-700 text-gray-300 rounded-lg px-3 py-1.5 border border-gray-700 disabled:opacity-50 disabled:cursor-not-allowed"
-        >
-          {status === 'loading' ? 'Analysing...' : 'Run reflection'}
-        </button>
-      </div>
-
-      {status === 'error' && (
-        <p className="text-xs text-red-400 mb-3">{errorMsg}</p>
-      )}
-
-      {status === 'done' && synthesis && (
-        <div className="bg-gray-50 dark:bg-gray-900 border border-gray-200 dark:border-gray-800 rounded-lg p-4">
-          <p className="text-[10px] font-medium text-gray-500 uppercase tracking-wide mb-2">
-            {filterLabel}
-          </p>
-          <p className="text-sm text-gray-700 dark:text-gray-300 whitespace-pre-wrap leading-relaxed">
-            {synthesis}
-          </p>
-        </div>
-      )}
-    </section>
-  );
-}
diff --git a/src/components/review/__tests__/ReflectionSection.test.tsx b/src/components/review/__tests__/ReflectionSection.test.tsx
deleted file mode 100644
index 4e4f06a..0000000
--- a/src/components/review/__tests__/ReflectionSection.test.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
-import { render, screen, fireEvent, waitFor } from '@testing-library/react';
-import React from 'react';
-
-import { ReflectionSection } from '../ReflectionSection';
-
-describe('ReflectionSection', () => {
-  beforeEach(() => {
-    global.fetch = vi.fn();
-  });
-  afterEach(() => {
-    vi.restoreAllMocks();
-  });
-
-  it('renders Run reflection button', () => {
-    render(<ReflectionSection sites={[]} options={[]} goalSpaces={[]} />);
-    expect(screen.getByRole('button', { name: /run reflection/i })).toBeTruthy();
-  });
-
-  it('renders filter dropdown when options exist', () => {
-    render(
-      <ReflectionSection
-        sites={[{ id: 's1', label: 'Madrid', type: 'site' }]}
-        options={[]}
-        goalSpaces={[]}
-      />
-    );
-    expect(screen.getByRole('combobox')).toBeTruthy();
-    expect(screen.getByText('Madrid')).toBeTruthy();
-  });
-
-  it('shows no-filters message when all lists are empty', () => {
-    render(<ReflectionSection sites={[]} options={[]} goalSpaces={[]} />);
-    expect(screen.getByText(/No filters available/)).toBeTruthy();
-  });
-
-  it('disables Run button while loading', async () => {
-    vi.mocked(global.fetch).mockReturnValue(new Promise(() => {}));
-    render(<ReflectionSection sites={[]} options={[]} goalSpaces={[]} />);
-    fireEvent.click(screen.getByRole('button', { name: /run reflection/i }));
-    await waitFor(() => {
-      expect(screen.getByRole('button')).toBeDisabled();
-    });
-  });
-
-  it('renders synthesis text on success', async () => {
-    vi.mocked(global.fetch).mockResolvedValue({
-      ok: true,
-      json: async () => ({ synthesis: 'Madrid has 3 active hunches.' }),
-    } as Response);
-
-    render(
-      <ReflectionSection
-        sites={[{ id: 's1', label: 'Madrid', type: 'site' }]}
-        options={[]}
-        goalSpaces={[]}
-      />
-    );
-    fireEvent.click(screen.getByRole('button', { name: /run reflection/i }));
-    await waitFor(() => {
-      expect(screen.getByText('Madrid has 3 active hunches.')).toBeTruthy();
-    });
-  });
-
-  it('shows error message on fetch failure', async () => {
-    vi.mocked(global.fetch).mockResolvedValue({
-      ok: false,
-      json: async () => ({ error: 'LLM call failed' }),
-    } as Response);
-
-    render(<ReflectionSection sites={[]} options={[]} goalSpaces={[]} />);
-    fireEvent.click(screen.getByRole('button', { name: /run reflection/i }));
-    await waitFor(() => {
-      expect(screen.getByText(/Reflection failed/)).toBeTruthy();
-    });
-  });
-
-  it('sends site filter payload after selecting a site', async () => {
-    vi.mocked(global.fetch).mockResolvedValue({
-      ok: true,
-      json: async () => ({ synthesis: 'Site synthesis.' }),
-    } as Response);
-
-    render(
-      <ReflectionSection
-        sites={[{ id: 's1', label: 'Madrid', type: 'site' }]}
-        options={[]}
-        goalSpaces={[]}
-      />
-    );
-    fireEvent.change(screen.getByRole('combobox'), { target: { value: 'site::s1' } });
-    fireEvent.click(screen.getByRole('button', { name: /run reflection/i }));
-    await waitFor(() => {
-      expect(vi.mocked(global.fetch)).toHaveBeenCalledWith(
-        '/api/reflect/analyse',
-        expect.objectContaining({
-          body: JSON.stringify({ type: 'site', value: 's1', label: 'Madrid' }),
-        }),
-      );
-    });
-  });
-});