Core Features

Auth & Identity

The Auth tab provides deep introspection into your application's authentication state. It automatically detects JWT tokens from registered adapters and provides a human-readable view of claims and identity.

Token Inspection

View active JWTs, decode payloads in real-time, and check expiration status without leaving the app.

Claims Management

Inspect workspace IDs, user roles, and custom permissions attached to the current session.

Auto-Detection

Automatically detects tokens from Supabase, NextAuth, Clerk, Firebase, and other adapters.

Manual Override

Edit, save, or clear tokens manually. Tokens are automatically used in all API requests.

Automatic Token Detection

The Auth tab automatically detects tokens from registered adapters. When you register an adapter (like Supabase), the token is automatically populated and used in all API requests.

tsx
import { createSupabaseAdapter, registerStore } from "devconsole-package";
import { createClient } from "@/lib/supabase/client";

// Register adapter - token will be auto-detected
const supabase = createClient();
const adapter = createSupabaseAdapter(supabase);
if (adapter) {
  registerStore(adapter);
}

Token Management

The Auth tab provides full token management capabilities:

  • View Token: See the full JWT token with decoded claims
  • Edit Token: Manually set or update tokens
  • Copy Token: Quick copy to clipboard
  • JWT.io Integration: Open token in JWT.io debugger
  • Expiration Check: Automatically detects expired tokens
  • Auto-Usage: Token is automatically used as Authorization: Bearer header in all API requests

Supported Adapters

The Auth tab works seamlessly with these built-in adapters:

Supabase
NextAuth
Clerk
Firebase
JWT
LocalStorage
Context
Zustand