Flow

A node-and-connector diagram for the route: app → Kaeso → provider and model.

View source
Your app
Kaeso gateway
gpt-5
claude-sonnet-4-5
  • Your app to Kaeso gateway
  • Kaeso gateway to gpt-5
  • Kaeso gateway to claude-sonnet-4-5
import { Flow } from "@logicplanes/kaeso-ui";

Props

  • animated
    boolean = false

    Dots that travel along the connectors. Off by default; never on loaded pages that need calm.

  • aria-label
    string

    The accessible name of the diagram: what it shows, such as "Route of checkout requests". Defaults to "Flow diagram"; screen readers hear each node and each connection after it.

  • columns
    FlowNode[][]

    Columns of nodes, left to right.

  • edges
    [string, string][]

    Connections as [from, to] node ids.

  • node
    "pill" | "box" = pill

    The shape of each step: a pill or a box.