Skip to Content
DocumentationPanel GuideOverview

Panel Guide

⚡ 2 min read

Manage your Transcodes authentication project with seven specialized panels in the Authentication Kit Cluster.

Prerequisites

Seven Available Panels

Note: Five panels open as side panels on the right. User Analytics and User Management open as floating modal windows in the center.

Installation GuideJson Web KeyBrandingUser AnalyticsUser ManagementBackupConfiguration

Setup & Integration

PanelWhat you can doKey Features
Installation GuideAccess comprehensive documentation, get webworker.js script, download TypeScript definitionsStep-by-step guides, WebAuthn examples, Service Worker setup
ConfigurationConfigure critical RP ID, token expiration (1h-1yr), legal URLs⚠️ RP ID must match domain exactly

Security & Backend

PanelWhat you can doKey Features
Json Web KeyGenerate RS256 JWK for backend JWT verification⚠️ Public key shown once, previous key invalidated
BackupDownload encrypted user data backupsEnd-to-End encryption

Customization & Users

PanelWhat you can doKey Features
BrandingCustomize authentication UI with logo, colors, title, sloganSVG only (max 2MB)
User AnalyticsView activity charts, manage users (add/delete)Floating modal with Overview + Users tabs
User ManagementComplete user and role management with CRUD operationsFloating modal with Users + Roles tabs, role assignment

Getting Started

Recommended workflow:

  1. Installation Guide - Get your integration script
  2. Configuration - Set RP ID and token settings
  3. Branding - Customize authentication UI
  4. User Analytics - Track authentication activity

Security setup:

  1. Json Web Key - Configure backend JWT verification
  2. Backup - Download user data backups

Accessing Panels

  1. Log in to app.transcodes.io 
  2. Select your organization and project
  3. Click any node icon in the Authentication Kit Cluster
  4. Configure settings and save changes

What to do next?

Last updated on
Implementation GuideInstallation Guide