DevTools inspector

FluxyChat has a local DevTools inspector for agent runs. Use it on your machine.

Dashboard UI

When signed in to the console:

1. Open /devtools in the dashboard app.
2. Use preset prompts or custom input to stream agent responses.
3. Inspect the timeline: LLM steps, tool calls (including HITL approval), token usage, and Chat API probe results.

The page uses your configured Worker URL and member JWT from the dashboard session.

SDK hooks

Capture runs programmatically for custom UIs or tests:

import {
  createDevToolsInspector,
  createDevToolsStore,
  DevToolsTelemetryIntegration,
  createTelemetryManager,
  registerTelemetry,
} from "@fluxy-chat/sdk";

const store = createDevToolsStore();
const inspector = createDevToolsInspector(store);
const telemetry = createTelemetryManager();
registerTelemetry(telemetry, new DevToolsTelemetryIntegration());

const runId = `run_${Date.now()}`;
inspector.captureGenerateText(runId, 1, {
  model: "gpt-4o-mini",
  provider: "openai",
  input: { prompt: "Summarize this room" },
  output: { text: "..." },
  usage: { promptTokens: 120, completionTokens: 48, totalTokens: 168 },
  durationMs: 890,
});

const runs = inspector.getStore().getRuns();

Connection debug

Pair DevTools with getConnectionStatusLabel() and the connection banner patterns from the SDK testing utilities when debugging WebSocket reconnects in weak network conditions.

For offline message durability, see the React Native quickstart and SDK createMessageOutbox transport helper.

Related

• Observability (OTLP) — export traces to Jaeger, Tempo, or Langfuse OSS
• Testing integration — mock adapters and smoke patterns