web/admin.html

<!doctype html>
<html lang="en">
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="robots" content="noindex"><title>Demo dashboard & SDKs · Velox Developers</title><link rel="stylesheet" href="./style.css"><script type="module" src="./admin.mjs"></script></head>
<body><header><a href="https://studio.v3lox.com/">VELOX</a><nav aria-label="Developer navigation"><a href="./demo">Live demo</a><a href="./admin" aria-current="page">Dashboard & SDKs</a><a href="https://github.com/Velox-XR/trifit-partner-api-example">GitHub ↗</a></nav></header>
<main><p class="eyebrow">VELOX DEVELOPERS / DEMO DASHBOARD</p><h1>Try it. Understand it.<br><em>Make it yours.</em></h1><p class="lead">The source behind the demo is the starting point for your integration.</p>
<div class="notice" id="mode" role="status">Checking demo availability…</div>
<div class="sdk-grid"><section class="sdk-card"><p class="eyebrow">AVAILABLE NOW</p><h2>JavaScript + TypeScript</h2><p>Node.js 22+ SDK, TypeScript declarations, the runnable demo, shared queue, walkthrough and AI-agent skill. MIT licensed. No dependency installation needed for the preview.</p><a class="button" href="./downloads/javascript.zip">Download SDK integration ZIP ↓</a><p class="hint">The same public source as GitHub. Includes an intentionally invalid key—not Velox’s shared demo credential.</p><p id="checksum" class="hint"></p></section>
<section class="sdk-card"><p class="eyebrow">BUILD WITH VELOX</p><h2>Your own integration</h2><ol><li>Try the <a href="./demo">hosted demo</a> without an API key.</li><li>Download the source or clone GitHub.</li><li>Run <code>npm run preview</code> to explore locally.</li><li><a href="https://studio.v3lox.com/#contact">Apply for your own API access</a>. Velox supplies your private, partner-specific configuration after approval.</li></ol><p>Other languages can use the HTTP API. We’ll list additional SDKs here when working implementations are available.</p></section></div>
<section class="requests-panel"><div class="section-heading"><div><p class="eyebrow">PRIVATE TO THIS BROWSER SESSION</p><h2>Your demo requests</h2></div><button id="refresh" type="button">Refresh</button></div><p class="hint">Only your own requests appear here. This is not Velox’s operator admin: there are no key, quota, routing or traffic-test controls. Clearing cookies loses access to this session’s history.</p><p id="requests-status" role="status" aria-live="polite"></p><div id="requests" class="request-list"></div><div id="result" hidden><img alt="Your selected DressMe result" referrerpolicy="no-referrer"></div></section>
<section class="docs-panel"><h2>Keep building.</h2><div class="doc-links"><a href="https://github.com/Velox-XR/trifit-partner-api-example/blob/main/docs/GETTING_STARTED.md">Getting started ↗</a><a href="https://github.com/Velox-XR/trifit-partner-api-example/blob/main/WALKTHROUGH.md">Technical walkthrough ↗</a><a href="https://github.com/Velox-XR/trifit-partner-api-example/tree/main/sdks/javascript">SDK source ↗</a><a href="https://github.com/Velox-XR/trifit-partner-api-example/tree/main/skills/velox-partner-api">AI-agent skill ↗</a></div></section>
<footer>Public demo identity: <code>demo</code>. The application key stays on Velox’s backend. SDK availability does not grant API access. <a href="https://studio.v3lox.com/legal/privacy">Privacy policy</a>.</footer></main></body></html>