khotan-dataalpha
View as Markdown
Dashboards

Hub

A config card that lists every configured Flow (Inflow, Outflow, Relay) with a toggle and a manual trigger. Backed by the standard `khotan_flows` table — one row per configured flow, 1:M with `khotan_runs`. Webhooks live separately under Plug; this card is for scheduled and on-demand flows.

Flows3
product inflow
supplier inflow
account relay

Install

terminal
$ npx khotan add hub

Modes

Backend only

Read, enable/disable, or trigger any configured flow from server code.

ts
// List configured flows
const flows = await khotanData.api.flows.list()

// Enable / disable
await khotanData.api.flows.enable('products')
await khotanData.api.flows.disable('products')

// Trigger a manual run — optionally selecting a variant (run mode)
await khotanData.api.flows.trigger('products', {
  variant: 'delta', // the variant name your flow branches on
})

Drop-in card

Render the config card — one row per flow, toggle + Run-now button, status dot live from runs.

ts
import { KhotanHub } from '@/components/khotan/hub'

<KhotanHub />

What to expect from add

Running npx khotan add hub scaffolds one or more files into your khotan runtime, React component directory, or app routes depending on the component. khotan may also prompt to install dependent components, npm packages, shadcn pieces, or Workflow integration when this component needs them.

Usage

Use the generated builder or UI inside your khotan setup and operational surfaces. For live runtime inspection, pair this component with the CLI and the built-in docs markdown routes.

Next steps