User Interface

This page is intentionally short and stable. It describes the core UI architecture and its security/runtime integration points.

UI Stack#

• React + TypeScript + Vite
• Redux Toolkit / RTK Query for API state
• Material UI for component system and theming

Authentication Model#

• Fred UI integrates with standard OIDC/OAuth2 identity flows.
• Keycloak is the default and documented provider, but the model is standards-based.
• The UI receives user tokens and uses them to call backend APIs (REST and WebSocket).

Role-Based Experience#

• UI capabilities are adapted by role.
• Typical roles are admin, contributor (editor-equivalent), and viewer.
• Server-side authorization remains the source of truth for access control.

Runtime Integration#

• The UI targets the Python backends (agentic-backend and related services) directly through configured endpoints.
• The current reference architecture does not rely on a dedicated Golang UI proxy.

Scope#

For broader platform context, see:

• Architecture
• Security
• Deployment

Source Of Truth (GitHub)#

• frontend/README.md
• docs/KEYCLOAK.md
• docs/SECURITY.md