Loop Engine™

Packages

Ui Devtools

@loop-engine/ui-devtools

React components for local loop debugging and visualization.

Install

1npm install @loop-engine/ui-devtools

Peer dependencies:

  • react (^18 || ^19)
  • react-dom (^18 || ^19)

API reference

Exported components:

  • LoopStateBadge
  • ActorBadge
  • LoopTimeline
  • StateDiagram
  • EventStream
  • MetricsCard
  • DevtoolsPanel

Example:

1import { DevtoolsPanel } from '@loop-engine/ui-devtools'
2 
3export function Page() {
4  return <DevtoolsPanel apiUrl="http:">//localhost:3000/api" />
5}

DevtoolsPanel returns null unless NODE_ENV === "development".

  • Depends on core, events, observability