Blocks

Pre-wired flows, built from components.

5 ready-made routes built from khotan components. Install a working operational page with one command instead of wiring the UI primitives yourself.

Config Page

Available

Creates a /config page and a Hub-based operational view for plugs and flows.

Requires: hub

Flows3
product inflow
supplier inflow
account relay
$ npx khotan add config-page-1

Mappings Page

Available

Creates a /mappings page for browsing one resource at a time, searching canonical identities, and editing per-plug refs without collapsing them into metadata.

Requires: mapping-browser

mappings
Resource: customers2 rows
alice@co.com
shopify + cin7 refs
Edit
bob@co.com
pollinate ref
Edit
$ npx khotan add mappings-page-1

Graph Page

Available

Creates a /graph page and the topology canvas so you can visualize plugs, flows, webhook handlers, and the shared app database.

graph
plug
inflow
flow
load
db
pass
webhook
runningfailed
$ npx khotan add graph

Logs Page

Available

Creates a /logs page that combines run history and webhook event history into one operational log surface.

Requires: runs

Run
Status
Rows
stripe.inflow
ok
142
linear.catch
ok
18
hubspot.outflow
fail
5
$ npx khotan add logs-page-1

Debug Page

Available

Creates /debug and /debug/[plugName] routes for the plug debugger. Useful for developers and agents when KHOTAN_DEBUG is enabled.

Requires: plug-debugger

dev-only
DebugDEV
GET
/products
200 OK
142ms
$ npx khotan add debug-page-1