# LumeSec Elements

> 211 interactive components from the LumeSec design lab: controls, meters, dot-matrix displays, network and service maps. React and TypeScript, installed with the shadcn CLI. You own the source.

## Guides

- [Accessibility](https://elements.lumesec.ai/docs/accessibility.md): Keyboard support, ARIA roles and live regions, native form validation, visible focus, and a reduced-motion mode that keeps every number.
- [Use with AI](https://elements.lumesec.ai/docs/ai.md): Every page has a Markdown twin, the whole documentation is available as one file, and each component can be opened in ChatGPT, Claude or v0.
- [Changelog](https://elements.lumesec.ai/docs/changelog.md): New collections, components and changes to the registry, newest first.
- [FAQ](https://elements.lumesec.ai/docs/faq.md): Licensing, frameworks, server rendering, bundle size, browser support and the plans for Elements Pro.
- [Plain HTML](https://elements.lumesec.ai/docs/html.md): The custom-element collections run without React. Load one ES module per component, or a whole collection, and use the tags in any page or framework.
- [Introduction](https://elements.lumesec.ai/docs.md): Interactive components from the LumeSec design lab, published as a shadcn registry. Install one, read the source, ship it.
- [Installation](https://elements.lumesec.ai/docs/installation.md): Register the @lumesec registry with the shadcn CLI and add a component, a whole collection, or the accent tokens.
- [License](https://elements.lumesec.ai/docs/license.md): The components are released under the MIT license. You may use, copy, modify and distribute them, including in commercial products.
- [Motion](https://elements.lumesec.ai/docs/motion.md): How the components move, why they stay still most of the time, and what they cost to run.
- [React](https://elements.lumesec.ai/docs/react.md): Native React components with controlled and uncontrolled state, typed callbacks and ref handles. Custom elements with typed wrappers, events and element refs.
- [Registry and MCP](https://elements.lumesec.ai/docs/registry.md): How the @lumesec registry is laid out, how to browse it from the CLI, and how to give your AI editor access through the shadcn MCP server.
- [Theming](https://elements.lumesec.ai/docs/theming.md): Components follow your shadcn theme. One extra set of --lumesec tokens adds the accent; --ui-* overrides restyle the custom elements on their own.

## Collections

- [Interaction](https://elements.lumesec.ai/components/interaction.md): Micro-interactions on everyday controls: send buttons, toggles, dials, meters. (11 components)
- [Pixel Lab](https://elements.lumesec.ai/components/pixel-lab.md): Components that live in a pixel lattice: meters, gauges, orbs, radars, AI moments. (50 components)
- [Pixel UI](https://elements.lumesec.ai/components/pixel-ui.md): Form controls you can ship, each with one pixel detail. (30 components)
- [Pixel HD](https://elements.lumesec.ai/components/pixel-hd.md): Regular controls on a high-fidelity dot field with bloom and ordered dither. (60 components)
- [Network](https://elements.lumesec.ai/components/network.md): Topology, devices, traffic and security, with the traffic as the only pixels. (30 components)
- [Service Map](https://elements.lumesec.ai/components/service-map.md): Hosts, ports, services and routes on one map, with requests as pixels. (30 components)

## Interaction

- [Ultracode slider](https://elements.lumesec.ai/components/interaction/ultracode-slider.md) `<effort-slider>`
- [Thinking indicator](https://elements.lumesec.ai/components/interaction/thinking.md) `<ui-thinking>`
- [Send / stop button](https://elements.lumesec.ai/components/interaction/send-button.md) `<ui-send-button>`
- [Toggle](https://elements.lumesec.ai/components/interaction/toggle.md) `<ui-toggle>`
- [Segmented control](https://elements.lumesec.ai/components/interaction/segmented.md) `<ui-segmented>`
- [Copy button](https://elements.lumesec.ai/components/interaction/copy-button.md) `<ui-copy-button>`
- [Hold to confirm](https://elements.lumesec.ai/components/interaction/hold-button.md) `<ui-hold-button>`
- [Odometer stepper](https://elements.lumesec.ai/components/interaction/odometer.md) `<ui-odometer>`
- [Toast stack](https://elements.lumesec.ai/components/interaction/toast-stack.md) `<ui-toast-stack>`
- [Rotary dial](https://elements.lumesec.ai/components/interaction/dial.md) `<ui-dial>`
- [Context meter](https://elements.lumesec.ai/components/interaction/context-meter.md) `<ui-context-meter>`

## Pixel Lab

- [Agent workflow](https://elements.lumesec.ai/components/pixel-lab/agents.md) `<px-agents>`
- [Throughput gauge](https://elements.lumesec.ai/components/pixel-lab/gauge.md) `<px-gauge>`
- [Rate-limit hourglass](https://elements.lumesec.ai/components/pixel-lab/hourglass.md) `<px-hourglass>`
- [Split-flap board](https://elements.lumesec.ai/components/pixel-lab/splitflap.md) `<px-splitflap>`
- [Sampling pad](https://elements.lumesec.ai/components/pixel-lab/xypad.md) `<px-xypad>`
- [Voice input](https://elements.lumesec.ai/components/pixel-lab/voice.md) `<px-voice>`
- [Materializing stream](https://elements.lumesec.ai/components/pixel-lab/materialize.md) `<px-materialize>`
- [Model morph](https://elements.lumesec.ai/components/pixel-lab/model.md) `<px-model>`
- [Secret field](https://elements.lumesec.ai/components/pixel-lab/secret.md) `<px-secret>`
- [Status orb](https://elements.lumesec.ai/components/pixel-lab/orb.md) `<px-orb>`
- [Fader & meter](https://elements.lumesec.ai/components/pixel-lab/fader.md) `<px-fader>`
- [Histogram range](https://elements.lumesec.ai/components/pixel-lab/range.md) `<px-range>`
- [Focus timer](https://elements.lumesec.ai/components/pixel-lab/focus.md) `<px-focus>`
- [Slide to deploy](https://elements.lumesec.ai/components/pixel-lab/deploy.md) `<px-deploy>`
- [Activity heatmap](https://elements.lumesec.ai/components/pixel-lab/activity.md) `<px-activity>`
- [Storage ring](https://elements.lumesec.ai/components/pixel-lab/storage.md) `<px-storage>`
- [Pixel avatar](https://elements.lumesec.ai/components/pixel-lab/identicon.md) `<px-identicon>`
- [Latency scope](https://elements.lumesec.ai/components/pixel-lab/signal.md) `<px-signal>`
- [Pixel reactions](https://elements.lumesec.ai/components/pixel-lab/react.md) `<px-react>`
- [Pixel upload](https://elements.lumesec.ai/components/pixel-lab/upload.md) `<px-upload>`
- [Charge to generate](https://elements.lumesec.ai/components/pixel-lab/charge.md) `<px-charge>`
- [Pattern lock](https://elements.lumesec.ai/components/pixel-lab/pattern.md) `<px-pattern>`
- [Pixel checklist](https://elements.lumesec.ai/components/pixel-lab/tasks.md) `<px-tasks>`
- [Level up](https://elements.lumesec.ai/components/pixel-lab/xp.md) `<px-xp>`
- [Dissolve to delete](https://elements.lumesec.ai/components/pixel-lab/dissolve.md) `<px-dissolve>`
- [Release rocket](https://elements.lumesec.ai/components/pixel-lab/launch.md) `<px-launch>`
- [Day / night switch](https://elements.lumesec.ai/components/pixel-lab/theme.md) `<px-theme>`
- [Pixel stars](https://elements.lumesec.ai/components/pixel-lab/rating.md) `<px-rating>`
- [Notification bell](https://elements.lumesec.ai/components/pixel-lab/bell.md) `<px-bell>`
- [Temperature fire](https://elements.lumesec.ai/components/pixel-lab/flame.md) `<px-flame>`
- [Radio tuner](https://elements.lumesec.ai/components/pixel-lab/tuner.md) `<px-tuner>`
- [Equalizer](https://elements.lumesec.ai/components/pixel-lab/eq.md) `<px-eq>`
- [Jog wheel](https://elements.lumesec.ai/components/pixel-lab/jog.md) `<px-jog>`
- [Metronome](https://elements.lumesec.ai/components/pixel-lab/metronome.md) `<px-metronome>`
- [Pixel colour picker](https://elements.lumesec.ai/components/pixel-lab/color.md) `<px-color>`
- [Mirror sketchpad](https://elements.lumesec.ai/components/pixel-lab/sketch.md) `<px-sketch>`
- [Context waffle](https://elements.lumesec.ai/components/pixel-lab/waffle.md) `<px-waffle>`
- [LED ticker](https://elements.lumesec.ai/components/pixel-lab/ticker.md) `<px-ticker>`
- [Service radar](https://elements.lumesec.ai/components/pixel-lab/radar.md) `<px-radar>`
- [Uptime history](https://elements.lumesec.ai/components/pixel-lab/uptime.md) `<px-uptime>`
- [Morphing clock](https://elements.lumesec.ai/components/pixel-lab/clock.md) `<px-clock>`
- [Waveform player](https://elements.lumesec.ai/components/pixel-lab/player.md) `<px-player>`
- [Request globe](https://elements.lumesec.ai/components/pixel-lab/globe.md) `<px-globe>`
- [Code minimap](https://elements.lumesec.ai/components/pixel-lab/minimap.md) `<px-minimap>`
- [Diffusion preview](https://elements.lumesec.ai/components/pixel-lab/diffusion.md) `<px-diffusion>`
- [Snake stepper](https://elements.lumesec.ai/components/pixel-lab/stepper.md) `<px-stepper>`
- [Pixel loaders](https://elements.lumesec.ai/components/pixel-lab/spinners.md) `<px-spinners>`
- [Typing heatmap](https://elements.lumesec.ai/components/pixel-lab/keys.md) `<px-keys>`
- [Token view](https://elements.lumesec.ai/components/pixel-lab/tokenize.md) `<px-tokenize>`
- [Usage battery](https://elements.lumesec.ai/components/pixel-lab/battery.md) `<px-battery>`

## Pixel UI

- [Text field](https://elements.lumesec.ai/components/pixel-ui/input.md) `<px-input>`
- [Password](https://elements.lumesec.ai/components/pixel-ui/password.md) `<px-password>`
- [One-time code](https://elements.lumesec.ai/components/pixel-ui/otp.md) `<px-otp>`
- [Search with results](https://elements.lumesec.ai/components/pixel-ui/search.md) `<px-search>`
- [Select](https://elements.lumesec.ai/components/pixel-ui/select.md) `<px-select>`
- [Slider](https://elements.lumesec.ai/components/pixel-ui/slider.md) `<px-slider>`
- [Checkbox](https://elements.lumesec.ai/components/pixel-ui/checkbox.md) `<px-checkbox>`
- [Option cards](https://elements.lumesec.ai/components/pixel-ui/choice.md) `<px-choice>`
- [Tag input](https://elements.lumesec.ai/components/pixel-ui/tags.md) `<px-tags>`
- [Date picker](https://elements.lumesec.ai/components/pixel-ui/date.md) `<px-date>`
- [Text area with budget](https://elements.lumesec.ai/components/pixel-ui/textarea.md) `<px-textarea>`
- [Async button](https://elements.lumesec.ai/components/pixel-ui/button.md) `<px-button>`
- [Two-step delete](https://elements.lumesec.ai/components/pixel-ui/confirm.md) `<px-confirm>`
- [Toasts](https://elements.lumesec.ai/components/pixel-ui/toaster.md) `<px-toaster>`
- [Progress bar](https://elements.lumesec.ai/components/pixel-ui/progress.md) `<px-progress>`
- [Progress ring](https://elements.lumesec.ai/components/pixel-ui/ring.md) `<px-ring>`
- [Loading skeleton](https://elements.lumesec.ai/components/pixel-ui/skeleton.md) `<px-skeleton>`
- [Empty state](https://elements.lumesec.ai/components/pixel-ui/empty.md) `<px-empty>`
- [Inline alert](https://elements.lumesec.ai/components/pixel-ui/alert.md) `<px-alert>`
- [Tooltip](https://elements.lumesec.ai/components/pixel-ui/tooltip.md) `<px-tooltip>`
- [Avatar](https://elements.lumesec.ai/components/pixel-ui/avatar.md) `<px-avatar>`
- [Tabs](https://elements.lumesec.ai/components/pixel-ui/tabs.md) `<px-tabs>`
- [Pagination](https://elements.lumesec.ai/components/pixel-ui/pagination.md) `<px-pagination>`
- [Sidebar nav](https://elements.lumesec.ai/components/pixel-ui/nav.md) `<px-nav>`
- [Accordion](https://elements.lumesec.ai/components/pixel-ui/accordion.md) `<px-accordion>`
- [Command menu](https://elements.lumesec.ai/components/pixel-ui/command.md) `<px-command>`
- [Wizard steps](https://elements.lumesec.ai/components/pixel-ui/steps.md) `<px-steps>`
- [Sparkline](https://elements.lumesec.ai/components/pixel-ui/sparkline.md) `<px-sparkline>`
- [Bar chart](https://elements.lumesec.ai/components/pixel-ui/bars.md) `<px-bars>`
- [Stat tile](https://elements.lumesec.ai/components/pixel-ui/kpi.md) `<px-kpi>`

## Pixel HD

- [Button](https://elements.lumesec.ai/components/pixel-hd/button.md) `<hf-button>`
- [Switch](https://elements.lumesec.ai/components/pixel-hd/switch.md) `<hf-switch>`
- [Segmented control](https://elements.lumesec.ai/components/pixel-hd/segmented.md) `<hf-segmented>`
- [Text field](https://elements.lumesec.ai/components/pixel-hd/input.md) `<hf-input>`
- [Prompt composer](https://elements.lumesec.ai/components/pixel-hd/composer.md) `<hf-composer>`
- [Slider](https://elements.lumesec.ai/components/pixel-hd/slider.md) `<hf-slider>`
- [Knob](https://elements.lumesec.ai/components/pixel-hd/knob.md) `<hf-knob>`
- [Drop zone](https://elements.lumesec.ai/components/pixel-hd/dropzone.md) `<hf-dropzone>`
- [Pricing](https://elements.lumesec.ai/components/pixel-hd/pricing.md) `<hf-pricing>`
- [Shortcut keys](https://elements.lumesec.ai/components/pixel-hd/kbd.md) `<hf-kbd>`
- [Progress](https://elements.lumesec.ai/components/pixel-hd/progress.md) `<hf-progress>`
- [Context window](https://elements.lumesec.ai/components/pixel-hd/context.md) `<hf-context>`
- [Gauge](https://elements.lumesec.ai/components/pixel-hd/gauge.md) `<hf-gauge>`
- [Goal rings](https://elements.lumesec.ai/components/pixel-hd/rings.md) `<hf-rings>`
- [Uptime](https://elements.lumesec.ai/components/pixel-hd/status.md) `<hf-status>`
- [Terminal](https://elements.lumesec.ai/components/pixel-hd/terminal.md) `<hf-terminal>`
- [Countdown](https://elements.lumesec.ai/components/pixel-hd/countdown.md) `<hf-countdown>`
- [Announcement](https://elements.lumesec.ai/components/pixel-hd/banner.md) `<hf-banner>`
- [Effort slider](https://elements.lumesec.ai/components/pixel-hd/effort.md) `<hf-effort>`
- [Mode picker](https://elements.lumesec.ai/components/pixel-hd/modes.md) `<hf-modes>`
- [Agent run](https://elements.lumesec.ai/components/pixel-hd/run.md) `<hf-run>`
- [Streaming reply](https://elements.lumesec.ai/components/pixel-hd/stream.md) `<hf-stream>`
- [Area chart](https://elements.lumesec.ai/components/pixel-hd/area.md) `<hf-area>`
- [Donut](https://elements.lumesec.ai/components/pixel-hd/donut.md) `<hf-donut>`
- [Stat tile](https://elements.lumesec.ai/components/pixel-hd/stat.md) `<hf-stat>`
- [Funnel](https://elements.lumesec.ai/components/pixel-hd/funnel.md) `<hf-funnel>`
- [Bar list](https://elements.lumesec.ai/components/pixel-hd/barlist.md) `<hf-barlist>`
- [Media card](https://elements.lumesec.ai/components/pixel-hd/card.md) `<hf-card>`
- [Hero](https://elements.lumesec.ai/components/pixel-hd/hero.md) `<hf-hero>`
- [Secret field](https://elements.lumesec.ai/components/pixel-hd/reveal.md) `<hf-reveal>`
- [Time picker wheel](https://elements.lumesec.ai/components/pixel-hd/wheel.md) `<hf-wheel>`
- [Range filter](https://elements.lumesec.ai/components/pixel-hd/range.md) `<hf-range>`
- [Filter chips](https://elements.lumesec.ai/components/pixel-hd/chips.md) `<hf-chips>`
- [Number stepper](https://elements.lumesec.ai/components/pixel-hd/number.md) `<hf-number>`
- [Slide to confirm](https://elements.lumesec.ai/components/pixel-hd/swipe.md) `<hf-swipe>`
- [PIN pad](https://elements.lumesec.ai/components/pixel-hd/pin.md) `<hf-pin>`
- [Split button](https://elements.lumesec.ai/components/pixel-hd/split.md) `<hf-split>`
- [@mention field](https://elements.lumesec.ai/components/pixel-hd/mention.md) `<hf-mention>`
- [Permission prompt](https://elements.lumesec.ai/components/pixel-hd/approve.md) `<hf-approve>`
- [Diff review](https://elements.lumesec.ai/components/pixel-hd/diff.md) `<hf-diff>`
- [Changed files](https://elements.lumesec.ai/components/pixel-hd/tree.md) `<hf-tree>`
- [Agent graph](https://elements.lumesec.ai/components/pixel-hd/graph.md) `<hf-graph>`
- [PII redaction](https://elements.lumesec.ai/components/pixel-hd/redact.md) `<hf-redact>`
- [Checkpoints](https://elements.lumesec.ai/components/pixel-hd/rewind.md) `<hf-rewind>`
- [Sources and citations](https://elements.lumesec.ai/components/pixel-hd/sources.md) `<hf-sources>`
- [Usage heatmap](https://elements.lumesec.ai/components/pixel-hd/matrix.md) `<hf-matrix>`
- [Scatter with brush](https://elements.lumesec.ai/components/pixel-hd/scatter.md) `<hf-scatter>`
- [Candlesticks](https://elements.lumesec.ai/components/pixel-hd/candles.md) `<hf-candles>`
- [Flow](https://elements.lumesec.ai/components/pixel-hd/flow.md) `<hf-flow>`
- [Roadmap](https://elements.lumesec.ai/components/pixel-hd/gantt.md) `<hf-gantt>`
- [Live leaderboard](https://elements.lumesec.ai/components/pixel-hd/leaderboard.md) `<hf-leaderboard>`
- [Radial bars](https://elements.lumesec.ai/components/pixel-hd/radial.md) `<hf-radial>`
- [Logo marquee](https://elements.lumesec.ai/components/pixel-hd/marquee.md) `<hf-marquee>`
- [Dialog](https://elements.lumesec.ai/components/pixel-hd/dialog.md) `<hf-dialog>`
- [Kanban board](https://elements.lumesec.ai/components/pixel-hd/kanban.md) `<hf-kanban>`
- [Carousel](https://elements.lumesec.ai/components/pixel-hd/carousel.md) `<hf-carousel>`
- [Product tour](https://elements.lumesec.ai/components/pixel-hd/spotlight.md) `<hf-spotlight>`
- [Privacy choices](https://elements.lumesec.ai/components/pixel-hd/consent.md) `<hf-consent>`
- [Error state](https://elements.lumesec.ai/components/pixel-hd/error.md) `<hf-error>`
- [Before and after](https://elements.lumesec.ai/components/pixel-hd/compare.md) `<hf-compare>`

## Network

- [Topology editor](https://elements.lumesec.ai/components/network/topology.md) `<ln-topology>`
- [Device card](https://elements.lumesec.ai/components/network/device-card.md) `<ln-device-card>`
- [Device list](https://elements.lumesec.ai/components/network/device-list.md) `<ln-device-list>`
- [Clients](https://elements.lumesec.ai/components/network/client-list.md) `<ln-client-list>`
- [Switch ports](https://elements.lumesec.ai/components/network/port-panel.md) `<ln-port-panel>`
- [Link](https://elements.lumesec.ai/components/network/link.md) `<ln-link>`
- [Throughput](https://elements.lumesec.ai/components/network/throughput.md) `<ln-throughput>`
- [WAN failover](https://elements.lumesec.ai/components/network/wan.md) `<ln-wan>`
- [Speed test](https://elements.lumesec.ai/components/network/speedtest.md) `<ln-speedtest>`
- [Ping monitor](https://elements.lumesec.ai/components/network/ping.md) `<ln-ping>`
- [Path](https://elements.lumesec.ai/components/network/path.md) `<ln-path>`
- [VPN tunnels](https://elements.lumesec.ai/components/network/vpn.md) `<ln-vpn>`
- [Firewall rules](https://elements.lumesec.ai/components/network/firewall.md) `<ln-firewall>`
- [Segmentation](https://elements.lumesec.ai/components/network/segments.md) `<ln-segments>`
- [VLANs and DHCP](https://elements.lumesec.ai/components/network/vlans.md) `<ln-vlans>`
- [Address map](https://elements.lumesec.ai/components/network/ip-pool.md) `<ln-ip-pool>`
- [Top applications](https://elements.lumesec.ai/components/network/top-apps.md) `<ln-top-apps>`
- [AI egress](https://elements.lumesec.ai/components/network/egress.md) `<ln-egress>`
- [Coverage plan](https://elements.lumesec.ai/components/network/floorplan.md) `<ln-floorplan>`
- [Access point](https://elements.lumesec.ai/components/network/ap.md) `<ln-ap>`
- [Channel scan](https://elements.lumesec.ai/components/network/spectrum.md) `<ln-spectrum>`
- [Events](https://elements.lumesec.ai/components/network/events.md) `<ln-events>`
- [Intrusion prevention](https://elements.lumesec.ai/components/network/threats.md) `<ln-threats>`
- [Sites](https://elements.lumesec.ai/components/network/sites.md) `<ln-sites>`
- [Traffic shaping](https://elements.lumesec.ai/components/network/qos.md) `<ln-qos>`
- [Rack](https://elements.lumesec.ai/components/network/rack.md) `<ln-rack>`
- [PoE budget](https://elements.lumesec.ai/components/network/poe.md) `<ln-poe>`
- [Adoption](https://elements.lumesec.ai/components/network/adopt.md) `<ln-adopt>`
- [Firmware rollout](https://elements.lumesec.ai/components/network/firmware.md) `<ln-firmware>`
- [Network health](https://elements.lumesec.ai/components/network/health.md) `<ln-health>`

## Service Map

- [Service map](https://elements.lumesec.ai/components/service-map/map.md) `<sv-map>`
- [Application shell](https://elements.lumesec.ai/components/service-map/shell.md) `<sv-shell>`
- [Host card](https://elements.lumesec.ai/components/service-map/host-card.md) `<sv-host-card>`
- [Host list](https://elements.lumesec.ai/components/service-map/host-list.md) `<sv-host-list>`
- [Register a host](https://elements.lumesec.ai/components/service-map/host-form.md) `<sv-host-form>`
- [Hypervisors](https://elements.lumesec.ai/components/service-map/vm-stack.md) `<sv-vm-stack>`
- [Containers](https://elements.lumesec.ai/components/service-map/containers.md) `<sv-containers>`
- [Port space](https://elements.lumesec.ai/components/service-map/port-map.md) `<sv-port-map>`
- [Port picker](https://elements.lumesec.ai/components/service-map/port-picker.md) `<sv-port-picker>`
- [Listening ports scan](https://elements.lumesec.ai/components/service-map/port-scan.md) `<sv-port-scan>`
- [Listen addresses](https://elements.lumesec.ai/components/service-map/bindings.md) `<sv-bindings>`
- [Conflicts before apply](https://elements.lumesec.ai/components/service-map/conflicts.md) `<sv-conflicts>`
- [Service card](https://elements.lumesec.ai/components/service-map/service-card.md) `<sv-service-card>`
- [Service catalog](https://elements.lumesec.ai/components/service-map/catalog.md) `<sv-catalog>`
- [Deploy a service](https://elements.lumesec.ai/components/service-map/service-form.md) `<sv-service-form>`
- [Health checks](https://elements.lumesec.ai/components/service-map/health.md) `<sv-health>`
- [Placement](https://elements.lumesec.ai/components/service-map/placement.md) `<sv-placement>`
- [Dependencies](https://elements.lumesec.ai/components/service-map/deps.md) `<sv-deps>`
- [Consumer × provider](https://elements.lumesec.ai/components/service-map/matrix.md) `<sv-matrix>`
- [What breaks if…](https://elements.lumesec.ai/components/service-map/blast.md) `<sv-blast>`
- [Connection](https://elements.lumesec.ai/components/service-map/conn.md) `<sv-conn>`
- [Trace](https://elements.lumesec.ai/components/service-map/trace.md) `<sv-trace>`
- [Routes](https://elements.lumesec.ai/components/service-map/routes.md) `<sv-routes>`
- [Where does this request go?](https://elements.lumesec.ai/components/service-map/route-tester.md) `<sv-route-tester>`
- [Upstream pool](https://elements.lumesec.ai/components/service-map/upstream.md) `<sv-upstream>`
- [Middleware chain](https://elements.lumesec.ai/components/service-map/middleware.md) `<sv-middleware>`
- [Certificates](https://elements.lumesec.ai/components/service-map/certs.md) `<sv-certs>`
- [Reachable from the Internet](https://elements.lumesec.ai/components/service-map/exposure.md) `<sv-exposure>`
- [Planned changes](https://elements.lumesec.ai/components/service-map/changes.md) `<sv-changes>`
- [Overview](https://elements.lumesec.ai/components/service-map/overview.md) `<sv-overview>`

## Registry

- Index: https://elements.lumesec.ai/r/registry.json
- Item: https://elements.lumesec.ai/r/{name}.json
- Full documentation in one file: https://elements.lumesec.ai/llms-full.txt