00b7557e30
Adds the mission layer that materialises template snapshots, plus the SPA list / 3-step wizard / detail page. Backend: - app/services/missions.py — create_mission snapshots scenarios, tests, MITRE tags in a 4-query write; list/get apply a non-admin membership filter that collapses to 404 (no existence leak); status state machine enforces draft → in_progress → completed → archived with archived as a sink; the non-admin creator is auto-added as role_hint='red' to retain visibility. - app/api/missions.py — 8 endpoints (list, get, create, update, add scenarios, set members, transition, soft-delete) with strict pydantic schemas. The transition endpoint splits the perm gate manually so archive requires mission.archive while other targets use mission.update. - app/api/users.py — new GET /users/roster returning (id, email, display_name) only, gated by user.read OR mission.create OR mission.update — lets non-admin wizard users see assignable peers without exposing the admin /users payload. - app/api/diag.py — /diag/reset truncates the mission_* tables before the template tables because the source_*_template_id FKs are ON DELETE SET NULL, which is cheaper to short-circuit by removing the children first. Frontend: - lib/missions.ts — typed client, queryKey factory, status accent map. - pages/MissionsListPage.tsx — list cards with status accent + filters (q, client, status). - pages/MissionsCreatePage.tsx — 3-step wizard (meta → scenarios → members) with member roster fed by /users/roster. - pages/MissionDetailPage.tsx — header + transition buttons (legal next states only) + Tests/Members/Synthesis/Export tabs. - Routes + nav entry (visible to anyone with mission.read or admin). Tests: - backend/tests/test_missions.py — 22 pytest covering snapshot fidelity, MITRE propagation, membership visibility, transition state machine, perm gating, member set replace, append scenarios, soft-delete, partial update, inverted-date rejection. - e2e/tests/m6-missions.spec.ts — 5 Playwright (snapshot freezing, non-admin visibility, status transitions + 409, SPA wizard end-to-end, list filter). Docs: - CHANGELOG, tasks/testing-m6.md, tasks/lessons.md (snapshot tradeoffs, membership=404 pattern, /diag/reset order, auto-creator add). - README + tasks/todo.md updated. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
83 lines
2.8 KiB
TypeScript
83 lines
2.8 KiB
TypeScript
import { Link, NavLink, Outlet, useNavigate } from 'react-router-dom';
|
|
|
|
import { Button } from '@/components/ui/Button';
|
|
import { useAuth } from '@/lib/auth';
|
|
import { cn } from '@/lib/cn';
|
|
|
|
export function Layout() {
|
|
const { state, logout } = useAuth();
|
|
const navigate = useNavigate();
|
|
|
|
const navItem = (to: string, label: string) => (
|
|
<NavLink
|
|
to={to}
|
|
end
|
|
className={({ isActive }) =>
|
|
cn(
|
|
'font-mono text-xs uppercase tracking-wider2 px-3 py-1 rounded',
|
|
isActive ? 'text-cyan accent-fill-cyan' : 'text-text-dim hover:text-text-bright',
|
|
)
|
|
}
|
|
>
|
|
{label}
|
|
</NavLink>
|
|
);
|
|
|
|
return (
|
|
<div className="px-[60px] py-10">
|
|
<div className="mx-auto max-w-page">
|
|
<header className="flex items-baseline justify-between mb-12">
|
|
<Link to="/" className="font-mono text-[24px] font-bold tracking-tight text-text-bright">
|
|
<span className="text-red">Meta</span>
|
|
<span>morph</span>
|
|
</Link>
|
|
<nav className="flex items-center gap-2" aria-label="Primary">
|
|
{state.user ? (
|
|
<>
|
|
{navItem('/', 'Home')}
|
|
{navItem('/profile', 'Profile')}
|
|
{navItem('/mitre', 'MITRE')}
|
|
{(state.user.is_admin ||
|
|
state.user.permissions.includes('mission.read')) &&
|
|
navItem('/missions', 'Missions')}
|
|
{state.user.is_admin && (
|
|
<>
|
|
{navItem('/admin/users', 'Users')}
|
|
{navItem('/admin/groups', 'Groups')}
|
|
{navItem('/admin/invitations', 'Invitations')}
|
|
{navItem('/admin/tests', 'Tests')}
|
|
{navItem('/admin/scenarios', 'Scenarios')}
|
|
</>
|
|
)}
|
|
<span className="font-mono text-2xs text-text-dim ml-2" data-testid="me-email">
|
|
{state.user.email}
|
|
</span>
|
|
<Button
|
|
accent="rose"
|
|
onClick={async () => {
|
|
await logout();
|
|
navigate('/login', { replace: true });
|
|
}}
|
|
>
|
|
Logout
|
|
</Button>
|
|
</>
|
|
) : (
|
|
<>
|
|
{navItem('/login', 'Login')}
|
|
{navItem('/setup', 'Setup')}
|
|
</>
|
|
)}
|
|
</nav>
|
|
</header>
|
|
|
|
<Outlet />
|
|
|
|
<footer className="mt-[60px] py-8 border-t border-border text-center font-mono text-xs text-text-dim">
|
|
metamorph · M0 bootstrap · M1 db schema · M2 auth · M3 rbac · M4 mitre · M5 templates · M6 missions · design system from tasks/design.md
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|