Layout
Authrator’s interface is a modern single‑page layout optimized for efficiency and clarity. It’s divided into four main regions: the Top Bar, the Left and right Sidebar, and the Main Workspace (Request Builder & Response Panel).
Top Bar
- Logo & Brand: Clickable Authrator logo returns you to the home dashboard.
- Environment Selector: Dropdown to switch between environments (e.g., Dev, Test, Prod) and manage environment variables.
- Global Search: Quick search across collections, history, and variables.
- JWT Decoder: Instant JWT inspection—paste or drag tokens to decode claims, headers, and signatures.
- Theme Toggle: Switch between Light and Dark modes for personalized UI comfort.
- User Profile & Settings: Access account settings, application preferences, and sign out.
Left Sidebar
- Collections Tab: View, create, and organize request collections. Drag-and-drop support for grouping related APIs.
- History Tab: Chronological list of executed requests. Each entry shows method badge, URL snippet, and timestamp; click to reload full details.
- Auth Template: Manage Authentication templates for ready to use.
- Workspace Controls: Create or switch between multiple workspaces to isolate projects or teams.
- Environment Management: Manage and switch variable sets across environments directly in the sidebar for seamless context management.
- Performance Tab: Run performance tests, view throughput/latency charts, and analyze endpoint scalability within your workspace.
Right Sidebar
- Info & Support: View detailed system information, FAQs, and access support resources.
- Live Chat: Initiate real-time conversation with our support team or community channels.
- JWT Key Generation: Generate and manage RSA/EC key pairs for JWT signing directly from the sidebar.
Main Workspace
Request Builder
- Method Selector: Prominently placed dropdown for HTTP methods (GET, POST, PUT, DELETE, PATCH). Color‑coded badges for quick identification.
- URL Input: Auto‑complete suggestions for past URLs, environment variables ({{varName}}), and host presets.
- Send & Save Actions: Send button (or Ctrl+Enter/Cmd+Enter), Save request icon, and Star icon to favorite.
- Tabs Panel:
- Auth: Choose JWT Config, AVQ JWT, or Basic Auth. Generate tokens on the fly.
- Params: Table view for query parameters with add/remove controls.
- Headers: Key‑value list with default and custom headers.
- Body: Raw editor for JSON, form‑data, or binary payloads.
- Tests: Write JavaScript assertions to validate response data.
- Settings: SSL verification toggle, timeouts, proxy settings, and response size limits.
Response Panel
- Tabs for Response Views: Body (pretty‑printed JSON/XML, raw text), Headers, Cookies, and Code Snippet (curl, JavaScript, Python).
- Status Info Bar: Displays HTTP status code, response time, and size. Click to copy status or timing details.
- Visualizers: Render charts, HTML previews, or timeline breakdowns when applicable.
- Console Log: Bottom area for pre‑request scripts output and test results, with collapsible view.
