GenAI Provider & Usage Visualizer

{{ selectedProvider.name }} `{{ selectedProvider.id }}`

API Pattern: {{ selectedProvider.api_pattern || 'N/A' }}

Fallback Providers: {{ selectedProvider.fallback_model_providers.join(', ') }} None

🧠 Models ({{ selectedProvider.models?.length || 0 }})

Model ID	Match Logic	Prices ($/MTok)
{{ model.id }}	`{{ formatMatch(model.match) }}`	In: ${{ model.prices.input_mtok }} Out: ${{ model.prices.output_mtok }} Cache Read: ${{ model.prices.cache_read_mtok }} Conditional Pricing
No models defined

🔍 API Flavors & Extractors

No extractors defined

Flavor: {{ ext.api_flavor || 'default' }}

Root Path: {{ formatPath(ext.root) }}

Model Path: {{ formatPath(ext.model_path) }}

Mappings:

{{ formatPath(map.path) }} → {{ map.dest }} (optional) *

Select a provider from the sidebar to view details.

What do you want to build?

{{ builderTitle }}

Provider ID

Provider Name

API Pattern Regex

Model ID

Match Logic

Input Price ($/Mtok)

Output Price ($/Mtok)

Cached Read ($/Mtok)

API Flavor Name

Root Path

Model Path

Use commas for nested paths (e.g. data,usage)

Standard Mappings

input_tokens ←

output_tokens ←

cache_read ←

Generated JSON Snippet

Full JSON Source (Current Application State)

{{ JSON.stringify(providers, null, 2) }}