Screen #36 of 60 Batch 6 mobile • 390x844px

Mobile Developer API Reference & Token Management Screen

Specification & Codex Reference Prompt (Click to expand) (Mobile developer view for generating API tokens, viewing live quota consumption, and testing mobile webhook deliveries.)

Screen Role: Mobile developer view for generating API tokens, viewing live quota consumption, and testing mobile webhook deliveries.

Design Intent: A sleek mobile developer dashboard UI mockup at 390x844 resolution (iPhone 15 Pro) in crisp Light Mode. White background (#FFFFFF). Top navigation bar with title "Developer API Keys" and a vector terminal SVG. Content cards: - Card 1: "Active Production Key" showing masked key `omni_live_883...92a` with copy button, creation date, and status pill "Active (Tier 2)". - Card 2: "Usage & Rate Limits" showing circular meter "248 / 1,000 requests used today (24.8%)" with reset countdown "Resets in 14h 22m". - Card 3: "Quick Mobile cURL" with copyable snippet in monospace code container. Bottom button: "Generate New Secret Key" in solid indigo. Clean mobile developer interface, zero emojis.

Component Architecture: Django Cotton components (<c-file_converter.* />) with Tailwind tokens matching Labb.io design language.

Direct route: /file-converter/m/docs/api/ Template: file_converter/screens/screen_36.html

Live Django Implementation (mobile)

Isolate →

Developer API Keys

Live

Active Production Key Active (Tier 2)

omni_live_883...92a

Created Oct 24, 2026 • Scope: convert, read

Usage & Rate Limits Resets in 14h 22m

248 / 1,000 requests used 24.8%

Quick Mobile cURL

curl -X POST https://api.openfileconverter.com/v1/convert \
  -H "Authorization: Bearer omni_live_..."

Original Codex Reference Mockup Full PNG