cameleer/design-system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: apply Exchanges terminology to merged gap-fill files

Browse Source 
Update Inventory page sections and COMPONENT_GUIDE.md to use
"exchange/exchangeCount" instead of "execution/execCount".

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
hsiegeln
2026-03-18 15:55:54 +01:00
parent 5acb275ce9
commit 4aeb5be6ab
3 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
COMPONENT_GUIDE.md
View File

@@ -107,7 +107,7 @@ Below: charts (AreaChart, LineChart, BarChart)
``` ```
DetailPanel (right slide) with Tabs for sections DetailPanel (right slide) with Tabs for sections
Each tab: Cards with data, CodeBlock for payloads, Each tab: Cards with data, CodeBlock for payloads,
ProcessorTimeline for execution flow ProcessorTimeline for exchange flow
``` ```
### Feedback flow ### Feedback flow
@@ -161,7 +161,7 @@ TreeView for hierarchical data (Application → Routes → Processors)
| MonoText | primitive | Inline monospace text (xs, sm, md) | | MonoText | primitive | Inline monospace text (xs, sm, md) |
| Pagination | primitive | Page navigation controls | | Pagination | primitive | Page navigation controls |
| Popover | composite | Click-triggered floating panel with arrow | | Popover | composite | Click-triggered floating panel with arrow |
| ProcessorTimeline | composite | Pipeline execution visualization | | ProcessorTimeline | composite | Pipeline exchange visualization |
| ProgressBar | primitive | Determinate/indeterminate progress indicator | | ProgressBar | primitive | Determinate/indeterminate progress indicator |
| RadioGroup | primitive | Single-select option group (use with RadioItem) | | RadioGroup | primitive | Single-select option group (use with RadioItem) |
| RadioItem | primitive | Individual radio option within RadioGroup | | RadioItem | primitive | Individual radio option within RadioGroup |

4
src/pages/Inventory/sections/CompositesSection.tsx
View File

@@ -109,8 +109,8 @@ const BAR_SERIES = [
const COMMAND_PALETTE_DATA: SearchResult[] = [ const COMMAND_PALETTE_DATA: SearchResult[] = [
{ id: 'r1', category: 'route', title: 'order-ingest', meta: 'POST /orders/ingest' }, { id: 'r1', category: 'route', title: 'order-ingest', meta: 'POST /orders/ingest' },
{ id: 'r2', category: 'route', title: 'payment-validate', meta: 'POST /payments/validate' }, { id: 'r2', category: 'route', title: 'payment-validate', meta: 'POST /payments/validate' },
{ id: 'e1', category: 'execution', title: 'exec-001', meta: 'Started 2m ago' }, { id: 'e1', category: 'exchange', title: 'exch-001', meta: 'Started 2m ago' },
{ id: 'e2', category: 'execution', title: 'exec-002', meta: 'Completed 5m 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: 'a1', category: 'agent', title: 'camel-agent-prod-1', meta: 'live · 42 tps' },
{ id: 'x1', category: 'exchange', title: 'exch-aabb1122', meta: 'route: order-ingest' }, { id: 'x1', category: 'exchange', title: 'exch-aabb1122', meta: 'route: order-ingest' },
] ]

12
src/pages/Inventory/sections/LayoutSection.tsx
View File

@@ -24,15 +24,15 @@ function DemoCard({ id, title, description, children }: DemoCardProps) {
// ── Sample data ─────────────────────────────────────────────────────────────── // ── Sample data ───────────────────────────────────────────────────────────────
const SAMPLE_APPS = [ const SAMPLE_APPS = [
{ id: 'app1', name: 'cameleer-prod', agentCount: 3, health: 'live' as const, execCount: 14320 }, { id: 'app1', name: 'cameleer-prod', agentCount: 3, health: 'live' as const, exchangeCount: 14320 },
{ id: 'app2', name: 'cameleer-staging', agentCount: 2, health: 'stale' as const, execCount: 871 }, { id: 'app2', name: 'cameleer-staging', agentCount: 2, health: 'stale' as const, exchangeCount: 871 },
{ id: 'app3', name: 'cameleer-dev', agentCount: 1, health: 'dead' as const, execCount: 42 }, { id: 'app3', name: 'cameleer-dev', agentCount: 1, health: 'dead' as const, exchangeCount: 42 },
] ]
const SAMPLE_ROUTES = [ const SAMPLE_ROUTES = [
{ id: 'r1', name: 'order-ingest', execCount: 5421 }, { id: 'r1', name: 'order-ingest', exchangeCount: 5421 },
{ id: 'r2', name: 'payment-validate', execCount: 3102 }, { id: 'r2', name: 'payment-validate', exchangeCount: 3102 },
{ id: 'r3', name: 'notify-customer', execCount: 2201 }, { id: 'r3', name: 'notify-customer', exchangeCount: 2201 },
] ]
const SAMPLE_AGENTS = [ const SAMPLE_AGENTS = [