Developer Tools components
12 Developer Tools components for React, shadcn, Vue 3, Laravel Blade and HTML + Alpine.js: ApiKeys, API reference, CodeBlock, CodeBlock variants, EnvList, FeatureFlagDetail, FeatureFlagList, GithubActivity, ProviderSwitcher, Repository picker, Terminal, Webhooks Manager.
- ApiKeysAPI key management with a create form (name, scopes, expiry), a one-time secret reveal with copy, a masked list with scopes and last used, and confirmed rotate and revoke, driven by async callbacks.
- API referenceA reference page for API endpoints or MCP tools with scope, minimum role, an arguments table, an example call and result, and a card catalog of all tools.
- CodeBlockSyntax-highlighted code with filename header, line numbers, highlighted lines and a copy button; Shiki loads lazily. Also InlineCode.
- CodeBlock variantsCode in tabs (pnpm npm yarn, curl JS Python), a copy menu for AI assistants, and a one-line command with a direct copy button. Composes CodeBlock.
- EnvListA .env manager with masked values, reveal and copy, add edit delete, import by pasting a .env, export, per-environment tabs and key validation.
- FeatureFlagDetailOne feature flag in full: on/off and percentage rollout per environment, targeting rules built with the rule builder, weighted variants, a kill switch and the audit history.
- FeatureFlagListA feature flag list with a key, an on/off switch per environment, rollout percentage, state and last update, plus the pure bucketing and evaluation logic behind percentage rollouts.
- GithubActivityA repository activity card with a merged timeline plus commits, pull requests, workflow runs and deployments, each with status, author and a link to GitHub, filterable, with refresh, deploy and re-run callbacks.
- ProviderSwitcherLists an app's swappable capabilities (data, queue, cache, storage…) with the backend each runs on, and switches backends at runtime.
- Repository pickerPick a GitHub repository and branch by searching through the app installation, with the official GitHub mark, debounced search, keyboard support and a Configure access link.
- TerminalTerminal-style output with prompt lines, ANSI colours mapped to tokens, streaming, copy and follow-the-tail mode. Optional command input.
- Webhooks ManagerManage outgoing webhooks with endpoints, event selection, a signing secret shown once, a per-endpoint test, a delivery log with replay, inbound sources with a poll interval, and a push endpoint card shown once.
Route Stops
An ordered multi-order trip - pickups and drop-offs with done, current and failed states, cash per stop, a trip summary and a per-stop action slot.
ApiKeys
API key management with a create form (name, scopes, expiry), a one-time secret reveal with copy, a masked list with scopes and last used, and confirmed rotate and revoke, driven by async callbacks.