Screen #33 of 60 Batch 6 desktop • 1440x900px

Desktop Developer Hub `/docs/api/` — Fold 3: Interactive API Console & Latency Telemetry

Specification & Codex Reference Prompt (Click to expand) (Developer documentation Fold 3: Live interactive API testing console with multipart file picker, live execution trigger, and response headers inspector.)

Screen Role: Developer documentation Fold 3: Live interactive API testing console with multipart file picker, live execution trigger, and response headers inspector.

Design Intent: An interactive REST API playground UI at 1440x900 resolution in crisp Light Mode (Developer Hub Fold 3 of 3, completes the API documentation scroll). Off-white background (#F8FAFC). Left sidebar: Endpoint list with HTTP method badges: POST /api/v1/convert, GET /api/v1/jobs/{id}, POST /api/v1/ads/verify-reward. Center panel: Interactive request builder: - Endpoint URL bar: "POST https://api.openfileconverter.com/v1/convert" with "Send Request" indigo button. - Multipart Form-Data inputs: Field "target_format: pdf", Field "file: [ sample_invoice.docx ]". - Request Headers drawer: "Authorization: Bearer omni_live_****". Right panel: Live Response Inspector (HTTP 200 OK green badge, Latency: 38ms, Egress: 0 bytes): - Response Body JSON with syntax highlighting: `{"job_id": "job_99a8f", "status": "completed", "download_url": "..."}` - Response Headers table: `X-RateLimit-Remaining: 980`, `X-Compute-Engine: rust-wasm-worker`. Developer documentation aesthetic, JetBrains Mono font, zero emojis.

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

Direct route: /file-converter/docs/api/#console Template: file_converter/screens/screen_33.html

Live Django Implementation (desktop)

Isolate →

Interactive REST API Console

Test live conversions, inspect response headers, and view real-time latency telemetry.

Available Endpoints

POST /v1/convert POST

GET /v1/jobs/{id} GET

POST /v1/ads/verify POST

Request Builder

POST

Multipart Form-Data:

target_format:

file: sample_invoice.docx (1.2 MB)

Headers:

Authorization: Bearer omni_live_****

200 OK 38ms

Egress: 0 bytes

Response Body (JSON):

{
  "job_id": "job_99a8f",
  "status": "completed",
  "download_url": "https://api.openfileconverter.com/v1/download/job_99a8f.pdf"
}

Response Headers:

X-RateLimit-Remaining: 980

X-Compute-Engine: rust-wasm-worker

Original Codex Reference Mockup Full PNG