Files
git.stella-ops.org/docs/features/unchecked/web/unified-settings-page.md

3.0 KiB

Unified Settings Page (10 Categories)

Module

Web

Status

IMPLEMENTED

Description

Consolidated settings hub with 10 category panes (Integrations, Trust, Admin, Notifications, Security Data, Policy, Release Control, Branding, Usage, System) replacing scattered admin pages.

Implementation Details

  • Feature directory: src/Web/StellaOps.Web/src/app/features/settings/
  • Routes: settings.routes.ts
  • Components:
    • admin-settings-page (src/Web/StellaOps.Web/src/app/features/settings/admin/admin-settings-page.component.ts)
    • ai-preferences (src/Web/StellaOps.Web/src/app/features/settings/ai-preferences.component.ts)
    • branding-settings-page (src/Web/StellaOps.Web/src/app/features/settings/branding/branding-settings-page.component.ts)
    • determinization-config-pane (src/Web/StellaOps.Web/src/app/features/settings/determinization-config-pane.component.ts)
    • integration-detail-page (src/Web/StellaOps.Web/src/app/features/settings/integrations/integration-detail-page.component.ts)
    • integrations-settings-page (src/Web/StellaOps.Web/src/app/features/settings/integrations/integrations-settings-page.component.ts)
    • notifications-settings-page (src/Web/StellaOps.Web/src/app/features/settings/notifications/notifications-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)
    • remediation-pr-settings (src/Web/StellaOps.Web/src/app/features/settings/remediation-pr-settings.component.ts)
    • security-data-settings-page (src/Web/StellaOps.Web/src/app/features/settings/security-data/security-data-settings-page.component.ts)
    • settings-page (src/Web/StellaOps.Web/src/app/features/settings/settings-page.component.ts)
    • system-settings-page (src/Web/StellaOps.Web/src/app/features/settings/system/system-settings-page.component.ts)
    • trust-settings-page (src/Web/StellaOps.Web/src/app/features/settings/trust/trust-settings-page.component.ts)
    • usage-settings-page (src/Web/StellaOps.Web/src/app/features/settings/usage/usage-settings-page.component.ts)
  • Source: SPRINT_20260118_002_FE_settings_consolidation.md

E2E Test Plan

  • Setup:
    • Log in with a user that has appropriate permissions
    • Navigate to /settings
    • Ensure test data exists (scanned artifacts, SBOM data, or seed data as needed)
  • Core verification:
    • Verify settings form loads with current values pre-populated
    • Verify changes can be saved and persist across page reloads
    • Verify validation prevents saving invalid configurations
  • Edge cases:
    • Verify graceful handling when backend API is unavailable (error state)
    • Verify responsive layout at different viewport sizes
    • Verify accessibility (keyboard navigation, screen reader labels, ARIA attributes)