TopBar shows server-specific controls on SaaS pages #53

Closed
opened 2026-04-10 09:56:03 +02:00 by claude · 1 comment
Owner

Problem

The TopBar from @cameleer/design-system includes server-specific controls (OK/Warn/Error/Running filter buttons, time range selector) that don't apply to SaaS vendor/tenant portal pages.

Expected

Either:

  • A) TopBar accepts a prop to hide server-specific controls
  • B) SaaS uses a simpler header without those controls
  • C) Design system provides a "platform" variant of the TopBar

Current behavior

Filter buttons and time range tabs are always visible on all SaaS pages (vendor console and tenant portal). They don't do anything since there are no server exchanges to filter.

Scope

Requires design-system change (new prop or variant) + SaaS frontend update.

## Problem The TopBar from `@cameleer/design-system` includes server-specific controls (OK/Warn/Error/Running filter buttons, time range selector) that don't apply to SaaS vendor/tenant portal pages. ## Expected Either: - A) TopBar accepts a prop to hide server-specific controls - B) SaaS uses a simpler header without those controls - C) Design system provides a "platform" variant of the TopBar ## Current behavior Filter buttons and time range tabs are always visible on all SaaS pages (vendor console and tenant portal). They don't do anything since there are no server exchanges to filter. ## Scope Requires design-system change (new prop or variant) + SaaS frontend update.
Author
Owner

Fixed by decomposing TopBar into a composable shell with a children slot.

design-system (v0.1.40):

  • TopBar now accepts children for the center area — no longer hardcodes server-specific controls
  • Extracted SearchTrigger and AutoRefreshToggle as standalone components
  • Removed dependency on useGlobalFilters and useCommandPalette from TopBar

cameleer3-server (2863cee):

  • LayoutShell composes TopBar children: SearchTrigger, ButtonGroup (status filters), TimeRangeDropdown, AutoRefreshToggle
  • Visually identical to before

cameleer-saas (269c679):

  • Removed GlobalFilterProvider and CommandPaletteProvider wrappers from main.tsx
  • TopBar now renders only breadcrumb + theme toggle + user menu on SaaS pages
Fixed by decomposing TopBar into a composable shell with a `children` slot. **design-system** (`v0.1.40`): - TopBar now accepts `children` for the center area — no longer hardcodes server-specific controls - Extracted `SearchTrigger` and `AutoRefreshToggle` as standalone components - Removed dependency on `useGlobalFilters` and `useCommandPalette` from TopBar **cameleer3-server** (`2863cee`): - LayoutShell composes TopBar children: SearchTrigger, ButtonGroup (status filters), TimeRangeDropdown, AutoRefreshToggle - Visually identical to before **cameleer-saas** (`269c679`): - Removed `GlobalFilterProvider` and `CommandPaletteProvider` wrappers from main.tsx - TopBar now renders only breadcrumb + theme toggle + user menu on SaaS pages
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: cameleer/cameleer-saas#53