Loading...

Dashboard Overview

Available Credit
${{ formatCurrency(dashboardStats.remainingBudget) }}
Total Requests
{{ formatNumber(dashboardStats.totalRequests) }}
Total Cost
${{ formatCurrency(dashboardStats.totalCost) }}
OAuth2 Apps
{{ oauth2Clients.length }}

Recent Activity

No recent activity

Time API Key Model Tokens Cost
{{ formatTime(activity.startTime || activity.timestamp || activity.createdAt || activity.endTime) }} {{ activity.name || activity.apiKeyName || activity.keyName || activity.apiKey || 'Unknown' }} {{ activity.model }} {{ activity.totalTokens }} ${{ formatCurrency(activity.cost) }}
Showing {{ activityPaginationStart }}-{{ activityPaginationEnd }} of {{ recentActivity.length }} records
Page {{ activityCurrentPage }} of {{ activityTotalPages }}

API Keys

Loading API keys...

No API keys yet. Create your first key to get started.

Name Key Created Status Actions
{{ key.name }} {{ key.token ? key.token.substring(0, 12) + '...' + key.token.slice(-4) : 'sk-***' }} {{ formatTime(key.createdAt) }} Active

OAuth2 Clients

Loading OAuth2 clients...

No OAuth2 clients registered. Register your first client for app integrations.

Client Name Client ID Redirect URIs Users Created Actions
{{ client.clientName }} {{ client.clientId }}
{{ uri }}
{{ client.authorizedUserCount || 0 }} {{ formatTime(client.createdAt) }}

Usage Analytics

Total Requests
{{ formatNumber(usageStats.totalRequests) }}
Total Tokens
{{ formatNumber(usageStats.totalTokens) }}
Total Cost
${{ formatCurrency(usageStats.totalCost) }}
Avg Cost/Request
${{ formatCurrency(usageStats.avgCost) }}

Recent Requests

Loading usage data...

No usage data yet

Timestamp API Key Model Tokens Cost
{{ formatTime(request.startTime || request.timestamp || request.createdAt || request.endTime) }} {{ request.name || request.apiKeyName || request.keyName || request.apiKey || 'Unknown' }} {{ request.model }} {{ request.totalTokens }} ${{ formatCurrency(request.cost) }}
Showing {{ usagePaginationStart }}-{{ usagePaginationEnd }} of {{ recentRequests.length }} records
Page {{ usageCurrentPage }} of {{ usageTotalPages }}

Available Models

Loading models...

No models available

{{ model }}
Available

API Playground

Start a conversation by typing a message below

{{ message.role === 'user' ? 'U' : 'AI' }}
{{ message.content }}
{{ formatTime(message.timestamp) }}
AI
Thinking...
{{ playgroundError }}
{{ ttsError }}
{{ audioCurrentTime }} / {{ audioDuration }}
{{ sttFile ? sttFile.name : 'Click to upload or drag audio file here' }}
Supported formats: MP3, MP4, M4A, WAV, MPEG, MPGA, WEBM (Max 25MB)
{{ sttFile.name }}
{{ formatFileSize(sttFile.size) }}
{{ sttError }}

Transcription Result

{{ sttResult }}
{{ imageGenError }}

Generated Images

Download
{{ imageEditFile ? imageEditFile.name : 'Click to upload or drag image file here' }}
Supported formats: PNG, JPG, JPEG (Max 4MB, PNG with transparency recommended)
Preview
{{ imageEditFile.name }}
{{ formatFileSize(imageEditFile.size) }}
{{ maskFile ? maskFile.name : 'Click to upload or drag mask image (optional)' }}
Transparent areas will be edited. Supported formats: PNG, JPG, JPEG (Max 4MB, PNG recommended)
Mask Preview
{{ maskFile.name }}
{{ formatFileSize(maskFile.size) }}
{{ imageEditError }}

Edited Images

Download

API Documentation

Complete guide to integrating AI Pass into your applications

AI Pass Web SDK

The easiest way to add AI to your web applications. OAuth2, chat, images, audio, and more!

View Complete SDK Docs

Quick Start

Get started with AI Pass in under 5 minutes

// Include the SDK
<script src="https://aipass.one/aipass-sdk.js"></script>

// Initialize and login
AiPass.initialize();
await AiPass.login();

// Make API calls
const result = await AiPass.generateCompletion({
  prompt: 'Hello AI!'
});

Available API Endpoints

Model Discovery

List and explore available AI models

GET /v1/models

Chat Completions

Generate text responses using AI models

POST /v1/chat/completions POST /v1/completions

Image Generation & Editing

Create, edit, and transform images with AI

POST /v1/images/generations POST /v1/images/edits POST /v1/images/variations

Audio (Speech & Transcription)

Text-to-speech and speech-to-text

POST /v1/audio/speech POST /v1/audio/transcriptions

Text Embeddings

Generate embeddings for semantic search

POST /v1/embeddings

Authentication Methods

API Key Authentication

Direct API access using your API keys

curl -X POST https://aipass.one/apikey/v1/chat/completions \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{"model":"gpt-4","messages":[...]}'

Base URL: https://aipass.one/apikey

OAuth2 Authentication

Let users authenticate with their AI Pass accounts

// Use the Web SDK for easy OAuth2
AiPass.initialize();
await AiPass.login();

// Or use direct REST API
curl -X POST https://aipass.one/oauth2/v1/chat/completions \
  -H "Authorization: Bearer OAUTH_ACCESS_TOKEN" \
  ...

Base URL: https://aipass.one/oauth2/v1

Example: Image Generation

Web SDK

const result = await AiPass.generateImage({
  prompt: 'A futuristic cityscape at sunset',
  model: 'gpt-image-1',
  n: 2,
  size: '1024x1024',
  quality: 'high'
});

// Display images
result.data.forEach(img => {
  const imgEl = document.createElement('img');
  imgEl.src = img.url;
  document.body.appendChild(imgEl);
});

cURL (API Key)

curl -X POST https://aipass.one/apikey/v1/images/generations \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "model": "gpt-image-1",
    "prompt": "A futuristic cityscape at sunset",
    "n": 2,
    "size": "1024x1024",
    "quality": "high"
  }'

Example: Image Editing

Web SDK

const result = await AiPass.editImage({
  image: imageFile, // File from <input type="file">
  mask: maskFile, // Optional: transparent areas = edit zones
  prompt: 'Add a red hat to the person',
  n: 1,
  size: '1024x1024'
});

cURL (API Key)

curl -X POST https://aipass.one/apikey/v1/images/edits \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -F "model=gpt-image-1" \
  -F "image=@original.png" \
  -F "mask=@mask.png" \
  -F "prompt=Add a red hat to the person" \
  -F "n=1" \
  -F "size=1024x1024"

Example: Model Discovery

Web SDK

// List all available models
const { data } = await AiPass.getModels();

data.forEach(model => {
  console.log(`${model.id} (${model.owned_by})`);
});

// Get specific model details
const model = await AiPass.getModel('gpt-4');

cURL (API Key)

curl -X GET https://aipass.one/apikey/v1/models \
  -H "Authorization: Bearer YOUR_API_KEY"

Example: Text Embeddings

Web SDK

const result = await AiPass.generateEmbeddings({
  input: 'Search query text',
  model: 'text-embedding-ada-002'
});

const vector = result.data[0].embedding;
console.log(`Vector dimensions: ${vector.length}`);

cURL (API Key)

curl -X POST https://aipass.one/apikey/v1/embeddings \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "model": "text-embedding-ada-002",
    "input": "Search query text"
  }'

Additional Resources

Web SDK Documentation Legacy SDK Guide LiteLLM API Reference

Create New API Key

API Key Created

Important: Copy Your API Key Now
For security reasons, this key will never be shown again. Keep it somewhere safe.

Register OAuth2 Client

Enter one URL per line. Query parameters are ignored during matching. Leave empty if not needed.
Will be converted to: aipass://{{ newClientForm.packageName || 'your.package.name' }}/callback

OAuth2 Client Registered

Important: Copy Your Credentials Now
For security reasons, your client secret will never be shown again.

Edit OAuth2 Client

Client name cannot be changed
Client ID cannot be changed
Enter one URL per line. Query parameters are ignored during matching. Leave empty if not needed.

Usage Details: {{ selectedClient?.clientName }}

Loading usage details...
Total Users
{{ usageDetails.totalAuthorizedUsers }}
Total Cost
${{ formatCurrency(usageDetails.totalUsage.totalCost) }}
Total Requests
{{ formatNumber(usageDetails.totalUsage.totalRequests) }}
Total Tokens
{{ formatNumber(usageDetails.totalUsage.totalTokens) }}

Usage by User

No users have used this app yet

User Cost Requests Tokens Last Used
{{ usage.userName || usage.userEmail }}
{{ usage.userEmail }} 		${{ formatCurrency(usage.cost) }} {{ formatNumber(usage.totalRequests) }} {{ formatNumber(usage.totalTokens) }} {{ usage.lastUsedAt ? formatTime(usage.lastUsedAt) : 'Never' }}