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
• History Drawer
• Inspector Panel
• Popovers
• Extension Components
• Toolbar Badge
• Notification Toast
• Deployment List Popup Panel
• Extension Config

views.md

• Matrix View Layout
• Swimlanes View Layout
• Analytics View Layout
• Extension View Layout

behavior.md

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

data-model.md

• Deployment Event (11 visible fields)
• Swimlane Edge Derivation
• Attribute Visibility Pickers
• KPIs & Derived Values
• Extension Field Usage
• Analytics Derived Metrics
• Derived Field Rendering

libraries.md

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