Devframe Inspector

A self-inspector for any devframe connection, including the host's — a Vue SPA.

Package: @devframes/plugin-inspect · framework: Vue + Vite

RPC functions list

Agent tools

History panels

What it does

• Functions — type, flags, JSON Schema, agent exposure; read-only query / static invokable inline.
• State — shared-state keys in a live JSON tree that flashes changes.
• Agent — tools and resources for agents.
• History — a timeline of RPC calls and shared-state updates.

Standalone

pnpx @devframes/plugin-inspect

Mount into a Vite host

For a Vite DevTools app:

// vite.config.ts
import createInspectDevframe from '@devframes/plugin-inspect'
import { createPluginFromDevframe } from '@vitejs/devtools-kit/node'
import { defineConfig } from 'vite'

export default defineConfig({
  plugins: [
    createPluginFromDevframe(createInspectDevframe()),
  ],
})

Or mount directly with devframeVite from @devframes/vite/single:

// vite.config.ts
import createInspectDevframe from '@devframes/plugin-inspect'
import { devframeVite } from '@devframes/vite/single'
import { defineConfig } from 'vite'

export default defineConfig({
  plugins: [
    devframeVite(createInspectDevframe()),
  ],
})

Programmatic

createInspectDevframe(options) returns a definition for any adapter:

import { createInspectDevframe } from '@devframes/plugin-inspect'
import { createCac } from 'devframe/adapters/cac'

await createCac(createInspectDevframe({ port: 9100 })).parse()

RPC surface

All functions are namespaced devframes:plugin:inspect:*:

Function	Type	Returns
list-functions	query (snapshot)	RPC functions with metadata.
invoke	action	Invokes a read-only query / static; refuses action/event.
list-state-keys	query (snapshot)	Shared-state keys.
describe-agent	query (snapshot)	Agent manifest — tools and resources.

Source

plugins/inspect