diff --git a/COMPONENT_GUIDE.md b/COMPONENT_GUIDE.md index 4424338..b78b474 100644 --- a/COMPONENT_GUIDE.md +++ b/COMPONENT_GUIDE.md @@ -107,7 +107,7 @@ Below: charts (AreaChart, LineChart, BarChart) ``` DetailPanel (right slide) with Tabs for sections Each tab: Cards with data, CodeBlock for payloads, - ProcessorTimeline for execution flow + ProcessorTimeline for exchange flow ``` ### Feedback flow @@ -161,7 +161,7 @@ TreeView for hierarchical data (Application → Routes → Processors) | MonoText | primitive | Inline monospace text (xs, sm, md) | | Pagination | primitive | Page navigation controls | | Popover | composite | Click-triggered floating panel with arrow | -| ProcessorTimeline | composite | Pipeline execution visualization | +| ProcessorTimeline | composite | Pipeline exchange visualization | | ProgressBar | primitive | Determinate/indeterminate progress indicator | | RadioGroup | primitive | Single-select option group (use with RadioItem) | | RadioItem | primitive | Individual radio option within RadioGroup | diff --git a/src/pages/Inventory/sections/CompositesSection.tsx b/src/pages/Inventory/sections/CompositesSection.tsx index f5a0cd9..33f192a 100644 --- a/src/pages/Inventory/sections/CompositesSection.tsx +++ b/src/pages/Inventory/sections/CompositesSection.tsx @@ -109,8 +109,8 @@ const BAR_SERIES = [ const COMMAND_PALETTE_DATA: SearchResult[] = [ { id: 'r1', category: 'route', title: 'order-ingest', meta: 'POST /orders/ingest' }, { id: 'r2', category: 'route', title: 'payment-validate', meta: 'POST /payments/validate' }, - { id: 'e1', category: 'execution', title: 'exec-001', meta: 'Started 2m ago' }, - { id: 'e2', category: 'execution', title: 'exec-002', meta: 'Completed 5m ago' }, + { id: 'e1', category: 'exchange', title: 'exch-001', meta: 'Started 2m ago' }, + { id: 'e2', category: 'exchange', title: 'exch-002', meta: 'Completed 5m ago' }, { id: 'a1', category: 'agent', title: 'camel-agent-prod-1', meta: 'live · 42 tps' }, { id: 'x1', category: 'exchange', title: 'exch-aabb1122', meta: 'route: order-ingest' }, ] diff --git a/src/pages/Inventory/sections/LayoutSection.tsx b/src/pages/Inventory/sections/LayoutSection.tsx index 411a52a..9557c9c 100644 --- a/src/pages/Inventory/sections/LayoutSection.tsx +++ b/src/pages/Inventory/sections/LayoutSection.tsx @@ -24,15 +24,15 @@ function DemoCard({ id, title, description, children }: DemoCardProps) { // ── Sample data ─────────────────────────────────────────────────────────────── const SAMPLE_APPS = [ - { id: 'app1', name: 'cameleer-prod', agentCount: 3, health: 'live' as const, execCount: 14320 }, - { id: 'app2', name: 'cameleer-staging', agentCount: 2, health: 'stale' as const, execCount: 871 }, - { id: 'app3', name: 'cameleer-dev', agentCount: 1, health: 'dead' as const, execCount: 42 }, + { id: 'app1', name: 'cameleer-prod', agentCount: 3, health: 'live' as const, exchangeCount: 14320 }, + { id: 'app2', name: 'cameleer-staging', agentCount: 2, health: 'stale' as const, exchangeCount: 871 }, + { id: 'app3', name: 'cameleer-dev', agentCount: 1, health: 'dead' as const, exchangeCount: 42 }, ] const SAMPLE_ROUTES = [ - { id: 'r1', name: 'order-ingest', execCount: 5421 }, - { id: 'r2', name: 'payment-validate', execCount: 3102 }, - { id: 'r3', name: 'notify-customer', execCount: 2201 }, + { id: 'r1', name: 'order-ingest', exchangeCount: 5421 }, + { id: 'r2', name: 'payment-validate', exchangeCount: 3102 }, + { id: 'r3', name: 'notify-customer', exchangeCount: 2201 }, ] const SAMPLE_AGENTS = [