Charts (LineChart, AreaChart, BarChart) now fill their container
width instead of using a fixed 400px default. SVGs use width=100%
with preserveAspectRatio=none.
LineChart and AreaChart tooltips now show the data point timestamp
when x-values are Date objects, displayed as a header row above
the series values.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Version in sidebar header now 10px (was 12px), 8px margin (was 4px),
with reduced opacity for visual hierarchy.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Error variant toasts no longer auto-close after 5 seconds. Duration 0
means "no auto-dismiss". Other variants unchanged.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
The .env wrapper had its own border/background/padding which caused a
nested border appearance when wrapping a Select component. Simplified
to a plain flex container — the child component handles its own styling.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
CSS Modules scopes animation names, so the global @keyframes spin in
reset.css was not visible. The spinner rendered but never animated.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
TopBar was a monolith that hardcoded server-specific controls (status
filters, time range, auto-refresh, search trigger). Extract these into
standalone SearchTrigger and AutoRefreshToggle components. TopBar now
accepts children for the center slot, letting consumers compose their
own controls. Fixescameleer/cameleer-saas#53.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Consolidate formatDuration, statusToVariant, statusLabel, formatTimestamp,
toRouteNodeType, and durationClass from 5 page/component files into one
shared utils module.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Add --font-size-min: 12px token to tokens.css. Replace all 10px and 11px
font-size declarations with 12px across 54 CSS module files for improved
readability.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Allows consumers to inject custom menu items above the Logout action
in the user dropdown. Items are separated from Logout by a divider.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Stripped 8 near-white path layers (brightness > 200) from the traced SVG,
leaving only amber/gold tones. Regenerated all PNG variants from the
cleaned SVG. Validated on dark and red backgrounds with zero artifacts.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
32-scan potrace vector trace with transparent background. Added to brand
assets inventory, documentation, and package exports.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Consumers now import via @cameleer/design-system/assets/<filename> instead
of named aliases like /logo-32. Simpler, more flexible, and supports any
future assets without adding new export entries.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Traced the original logo with Inkscape (16-scan potrace, background removal)
and re-exported all PNG variants with transparent backgrounds. Also reduces
total asset size from ~1.7MB to ~630KB.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Add brand assets as static package exports (logo, logo-16 through logo-512, logo-svg)
with pre-generated PNG sizes for favicons, PWA icons, Apple touch icons, and social images.
Includes inventory showcase section and updated documentation.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Allows consuming apps to pass a custom dropdown or any interactive
element instead of a static string label. Rendering changed from
<span> to <div> to support block-level children.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Revert auto-sliding when paused — time range only advances with
auto-refresh on. Add refreshTimeRange() to useGlobalFilters for
on-demand recomputation from the active preset.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
The preset time window now advances on a 10s interval regardless of
auto-refresh state. Pausing only stops query polling — the window
stays current so manual refreshes see up-to-date data.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Widen SearchCategory from a closed union to string. Known categories
(application, exchange, attribute, route, agent) keep their labels.
Unknown categories render with title-cased labels and appear as
dynamic tabs derived from the data.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- COMPONENT_GUIDE: note search renders between Header and Sections,
no chevrons on section headers
- Spec: update rendering diagrams and description to match
implemented behavior
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Search input now renders between Sidebar.Header and first Section
instead of above Header (fixes cameleer3-server#120)
- Remove ChevronRight/ChevronDown from section headers — the entire
row is already clickable, chevrons added visual noise
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
The toggle was only on the chevron button. Now the full row
(chevron + icon + label) triggers onToggle on click or Enter/Space.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Add onKeyDown (Enter/Space) to the CommandPalette overlay backdrop div and
result item divs to satisfy SonarQube S1082. RouteFlow and ProcessorTimeline
already had the fixes in place.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Extract per-key arrow handler logic into standalone functions outside the
component in SidebarTree.tsx and TreeView.tsx, reducing handleKeyDown
cognitive complexity from 31 to below the 15-unit maximum.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Add Sidebar, SidebarTree, useStarred to import paths
- Update navigation decision tree with compound component entries
- Replace old Sidebar props description with compound API
- Add standard page layout composition pattern for new Sidebar
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- RouteDetail.tsx was missed in page stripping pass — remove AppShell
+ Sidebar wrapper, replace with fragment
- LayoutSection.tsx used StatusDot status= instead of variant=
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Move all application-specific sidebar logic (tree builders, starred items,
section collapse state, sidebarReveal handling) out of the DS Sidebar into
a shared LayoutShell that wraps Outlet for route-level layout sharing.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Replace legacy monolithic Sidebar test suite with 16 tests covering the
new compound component API (Sidebar.Header, Section, Footer, FooterLink)
including icon-rail collapsed mode, search input visibility, and active
state highlighting.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Render icon between chevron and label in expanded SidebarSection
- Remove !open guard from icon-rail click — always fire both callbacks
- Add border-left: 3px solid transparent to .treeSection so
.treeSectionActive border-left-color takes effect
- Remove duplicate .treeSectionLabel CSS declaration
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Export SidebarTree, SidebarTreeNode, and useStarred from the layout
barrel. Remove old app-domain type exports (SidebarApp, SidebarRoute,
SidebarAgent) that no longer exist in the rewritten Sidebar.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Replace the monolithic Sidebar (560 lines of app-specific logic) with
a composable shell exposing Sidebar.Header, Sidebar.Section,
Sidebar.Footer, and Sidebar.FooterLink sub-components. Application
logic (tree builders, starred items, domain types) is removed — those
responsibilities move to the consuming app layer.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
