Design

Contents

design-tokens.md

• Backgrounds & Washes
• Glass Surfaces
• Ink (Text)
• Status Palette
• Structural Surfaces
• Typography
• Geometry

components.md

• Topbar
• Matrix Tile
• 6 Box States
• Swimlane Node Card
• Feed Row & Group Roll-up
• Deployment Feed Dock
• History Drawer
• Inspector Panel
• Deployment statuses & context rendering (issue #268)
• Popovers
• Presets Popover
• Extension Components
• Toolbar Badge
• Notification Toast
• Deployment List Popup Panel
• Extension Config

views.md

• Matrix View Layout
• Presets Control (all views)
• Swimlanes View Layout
• Feed View Layout
• Analytics View Layout
• Extension View Layout

behavior.md

• Field Rendering System
• Interactions
• Presets
• Theme System
• Extension Behavior
• Responsive Rules

data-model.md

• Deployment Event (11 visible fields)
• Swimlane Edge Derivation
• Attribute Visibility Pickers
• KPIs & Derived Values
• Feed Grouping & Search (#397)
• Extension Field Usage
• Analytics Derived Metrics
• Presets Envelope
• Derived Field Rendering

libraries.md

• PrimeNG Unstyled Mode — Configuration
• Feature → PrimeNG Component Mapping
• Full Dependency Inventory
• package.json Summary
• Angular-21 Compatibility Note