security

Summary

Password, sessions and connected accounts.

Raw wireframe

• .context/designs/web/settings/security.html

Why it is drawn this way

Three sections, one tab. Phase 5.6 folded three tabs into this.

A session is named by its user agent. "Unknown device" when there is none.

Google is drawn with the Chrome icon. The app draws its own four-colour G here, as inline SVG. The set has no brand file for it; see tasks.md T004.

A provider the build has no client id for reads "Not configured for this deployment" and has no button.

Revoke and Disconnect confirm first. See confirm-dialogs.

Related

• profile
• organizations
• confirm-dialogs
• auth-providers

Sources

• packages/ui/src/components/settings/security-tab.tsx
• packages/ui/src/components/settings/change-password-form.tsx
• packages/ui/src/components/settings/sessions-list.tsx
• packages/ui/src/components/settings/oauth-connections.tsx