List Pages

Purpose, data dependencies, and API calls for the seven list / catalog / dashboard pages. This file is an index only — full component breakdowns live in other.md, home.md, and run.md (linked per section).

// webui/src/App.tsx:53-64 — route registration (all lazy except HomePage)
<Route path="/" element={<HomePage />} />
<Route path="/sessions" element={<RunListPage />} />
<Route path="/stats" element={<StatsPage />} />
<Route path="/memory" element={<MemoryPage />} />
<Route path="/skills" element={<SkillsPage />} />
<Route path="/goals" element={<GoalsPage />} />
<Route path="/modules" element={<AttackModulesPage />} />

Home (/)

Purpose: landing dashboard — hero, stats strip, sandbox posture, active-run banner, two action cards (/runs/new?path=recon, /runs/new?path=attack), recent sessions, safety footer. Full layout: ./home.md.

Data dependencies:

API calls:

Implementation note: sandbox endpoint paths are not enumerated here; see SandboxBanner and the sandbox hooks in api/hooks.ts.

Sessions (/sessions)

Purpose: searchable, filterable, sortable table of all runs with per-row Open / Regen title / Resume / Delete actions and an active-runs banner. Full controls table: ./run.md#run-list-sessions.

Data dependencies:

// webui/src/routes/RunListPage.tsx:72
const runs = useRuns(PAGE_SIZE, page * PAGE_SIZE, sortKey, debouncedQ, stateFilter);

API calls:

Stats (/stats)

Purpose: operational KPIs, run-activity charts, recent-runs list, and LLM telemetry overview. Full section breakdown: ./other.md#stats.

Data dependencies:

// webui/src/routes/StatsPage.tsx:220-227
const runs = useRuns(RUN_LIMIT, 0); // RUN_LIMIT = 200
const telemetry = useTelemetry();
const runDays = aggregateRunsByDay(days, rows);       // DAYS = 14
const tokenDays = aggregateTokensByDay(days, recentTelemetry);

API calls:

Memory (/memory)

Purpose: cross-run knowledge dashboard — skill confidence table, cross-mission lessons, attack-memory explorer — with overview cards and per-tab search / filter / sort. Full card breakdown: ./other.md#memory.

Data dependencies:

// webui/src/routes/MemoryPage.tsx:227-230
const memory = useMemory();
const rawConfidence = memory.data?.confidence ?? [];
const rawLessons = memory.data?.lessons ?? [];
const rawAttack = memory.data?.attack_memory ?? [];

API calls:

Skills (/skills)

Purpose: skill catalog with enable / auto / block states, detail viewer, add-from-markdown dialog, and delete flow. Full layout breakdown: ./other.md#skills.

Data dependencies:

API calls:

Goals (/goals)

Purpose: preset + custom goal catalog with risk filtering and deep links into the New Run wizard. Full card breakdown: ./other.md#goals.

Data dependencies:

API calls:

Modules (/modules)

Purpose: read-only registry of pre-packaged exploit recipes with family + text filtering. Full row breakdown: ./other.md#attack-modules.

// webui/src/routes/AttackModulesPage.tsx:34-48
const modules = useAttackModules();
const list = (modules.data?.modules ?? []).filter(/* family + query */);
const families = [...new Set(modules.map(m => m.family))].sort();

API calls:

Related documentation

• Other pages — full component breakdowns for Stats, Memory, Skills, Goals, and Modules
• Home page — hero, stats strip, and recent sessions detail
• Run pages — Sessions table controls and Live Run surface
• Run-create components — New Run wizard internals
• API integration — hooks, query keys, and polling conventions
• WebUI state — queries, WebSocket events, and invalidation

Source map

• webui/src/App.tsx
• webui/src/routes/HomePage.tsx
• webui/src/routes/RunListPage.tsx
• webui/src/routes/StatsPage.tsx
• webui/src/routes/MemoryPage.tsx
• webui/src/routes/SkillsPage.tsx
• webui/src/routes/GoalsPage.tsx
• webui/src/routes/AttackModulesPage.tsx
• webui/src/api/hooks.ts
• webui/src/api/types.ts