# Unified Settings Page (10 Categories) ## Module Web ## Status VERIFIED ## Description Consolidated settings hub with 10 category panes (Integrations, Trust, Admin, Notifications, Security Data, Policy, Release Control, Branding, Usage, System), with role-sensitive category visibility and deterministic settings preference persistence behavior. ## Implementation Details - **Feature directory**: `src/Web/StellaOps.Web/src/app/features/settings/` - **Routes**: - `src/Web/StellaOps.Web/src/app/app.routes.ts` (`/settings`) - `src/Web/StellaOps.Web/src/app/features/settings/settings.routes.ts` - **Shell and core settings components**: - `settings-page` (`src/Web/StellaOps.Web/src/app/features/settings/settings-page.component.ts`) - `integrations-settings-page` (`src/Web/StellaOps.Web/src/app/features/settings/integrations/integrations-settings-page.component.ts`) - `integration-detail-page` (`src/Web/StellaOps.Web/src/app/features/settings/integrations/integration-detail-page.component.ts`) - `trust-settings-page` (`src/Web/StellaOps.Web/src/app/features/settings/trust/trust-settings-page.component.ts`) - `admin-settings-page` (`src/Web/StellaOps.Web/src/app/features/settings/admin/admin-settings-page.component.ts`) - `notifications-settings-page` (`src/Web/StellaOps.Web/src/app/features/settings/notifications/notifications-settings-page.component.ts`) - `security-data-settings-page` (`src/Web/StellaOps.Web/src/app/features/settings/security-data/security-data-settings-page.component.ts`) - `policy-governance-settings-page` (`src/Web/StellaOps.Web/src/app/features/settings/policy/policy-governance-settings-page.component.ts`) - `release-control-settings-page` (`src/Web/StellaOps.Web/src/app/features/settings/release-control/release-control-settings-page.component.ts`) - `branding-settings-page` (`src/Web/StellaOps.Web/src/app/features/settings/branding/branding-settings-page.component.ts`) - `usage-settings-page` (`src/Web/StellaOps.Web/src/app/features/settings/usage/usage-settings-page.component.ts`) - `system-settings-page` (`src/Web/StellaOps.Web/src/app/features/settings/system/system-settings-page.component.ts`) - `remediation-pr-settings` (`src/Web/StellaOps.Web/src/app/features/settings/remediation-pr-settings.component.ts`) - **Behavior coverage**: - `src/Web/StellaOps.Web/src/tests/settings/unified-settings-page.behavior.spec.ts` - **Source**: `SPRINT_20260118_002_FE_settings_consolidation.md` ## E2E Test Plan - **Setup**: - [ ] Log in with a user that has settings access - [ ] Navigate to `/settings` - [ ] Ensure settings fixture/API responses are available - **Core verification**: - [ ] Verify settings shell route and category-child route surfaces are present - [ ] Verify admin-only categories are hidden for non-admin scope and shown for admin scope - [ ] Verify remediation settings toggles persist and reset deterministically - **Edge cases**: - [ ] Verify remediation settings handle API load failures with retry behavior - [ ] Verify no runtime `NG0203` effect-context failures during component init - [ ] Verify accessibility basics for settings navigation links and toggle controls ## Verification - Run ID: `docs/qa/feature-checks/runs/web/unified-settings-page/run-001/` - Date (UTC): 2026-02-11 - Tier 0: PASS (source/symbol verification for `/settings` route wiring, scope-based admin filtering, deterministic remediation preference serialization, and supported behavior harness under `src/tests/**`). - Tier 1: PASS (`npm run test` focused suite: 27 files / 131 tests; `npm run build` passed with known baseline warnings). - Tier 2: PASS (settings route/category coverage, scope-sensitive category visibility, deterministic save/reset preference persistence, and injector-bound effect lifecycle behavior).