agentskit.js
Observability

Devtools server

Live SSE feed of agent events. Power any custom dashboard.

import { createDevtoolsServer, toSseFrame } from '@agentskit/observability'

const devtools = createDevtoolsServer()

const runtime = createRuntime({ adapter, observers: [devtools.observer] })

// Next.js / Hono / Bun SSE route
export const GET = () =>
  new Response(
    new ReadableStream({
      start(controller) {
        devtools.subscribe((event) =>
          controller.enqueue(new TextEncoder().encode(toSseFrame(event))),
        )
      },
    }),
    { headers: { 'content-type': 'text/event-stream' } },
  )

Connect any web UI with EventSource('/devtools').

✎ Edit this page on GitHub·Found a problem? Open an issue →·How to contribute →

On this page