Model routing flowPro
A Sankey of requests from features to models to outcomes.
On this page
ProFeatures through models to outcomes; point at a node to trace it.
Installation
Usage
import { ModelRoutingFlow } from "@/components/ui/chatcn/pro/model-routing-flow"
<ModelRoutingFlow flows={flows} failureOutcomes={["Failed"]} />Band width is request count, so fallbacks and retries show their real share. Point at or focus a node to trace its paths; failures draw in red with the word on the node.
Examples
States
ProOne feature, short.
Props
| Prop | Type | Notes |
|---|---|---|
flows | { feature, model, outcome, requests }[] | One row per path |
failureOutcomes | string[] | Default ["Failed"] |
height | number | Default 320 |
Accessibility
- Nodes are focusable and announce their count and share.
- A table of every path describes the chart for screen readers.