| DynamicPanel |
Data-fetching panel that delegates to chart/table/gauge renderers based on PanelType |
| StatCard |
Single-value card with label, formatted value, unit, colour threshold, and hover description |
| DeltaStatCard |
StatCard variant that shows directional delta (up/down arrow) versus a baseline |
| BlockingTreeViewer |
Recursive tree renderer for blocking chains with session detail tooltips |
| DeadlockViewer |
Deadlock XML graph parser with victim/resource visualisation |
| QueryPlanModal |
Modal overlay rendering ShowPlan XML via qp.css with operator cost annotations |
| TimeSeriesChart |
ApexCharts wrapper for line/area time-series with series grouping and zoom |
| HorizontalBarChart |
ApexCharts horizontal bar chart for category-ranked data |
| DonutChart |
ApexCharts donut chart for proportion/percentage data |
| BarGauge |
CSS-only horizontal bar with threshold-driven colour and label |
| DataGrid |
Sortable, filterable DataTable renderer with top-N row limiter |
| CollapsibleSection |
Expand/collapse wrapper with title and child-content slot |
| SessionBubbleView |
Visual session-grid bubble chart showing active connections |
| SessionDetailPanel |
Slide-out panel showing session properties, current statement, and plan |
| SessionLegend |
Colour legend mapping session status to visual encoding |
| CommandPalette |
Ctrl+K overlay for fuzzy page search and keyboard navigation |
| ToastContainer |
Toast notification stack with auto-dismiss and alert/success/error variants |
| ConnectionDialog |
Modal connection-string editor with test-connect and recent-servers list |
| RbacGuard |
Conditional render wrapper that hides content based on user role |
| AdminGuard |
Specialised guard that shows AccessDenied for non-admin users |
| LoadingIndicator |
Inline skeleton/spinner placeholder for async panel loads |
| PageLoadingSpinner |
Full-page spinner shown during initial page load |
| DashboardPanelWrapper |
Decorator that adds drag/drop/resize chrome around a DynamicPanel |
| PanelEditorModal |
Modal for editing panel type, query, thresholds, and display options |
| SectionEditorModal |
Modal for editing dashboard section layout and title |
| AddSectionModal |
Lightweight modal for adding a new named section to a dashboard |
| EditPageToolbar |
Floating toolbar with edit/save/cancel actions for dashboard edit mode |
| PdfExportModal |
Modal for configuring and triggering server-side PDF report generation |
| FileSelectModal |
File-picker modal for .sql/.ps1 script selection |
| ReleaseNotesModal |
Version changelog modal shown on first launch after update |
| ShortcutsDialog |
Keyboard shortcut reference overlay triggered by ? |
| HealthBadge |
Small coloured dot/badge for instance health status |
| RateLimitBadge |
Displays API rate-limit consumption as a progress bar |
| BaselineSeedingProgress |
Progress bar showing historical-baseline data seeding status |
| ServerModeToggle |
Toggle switch between connected/local/server modes |
| OnboardingWizard |
Multi-step guided setup for first-time users |
| CheckValidatorTable |
Results grid for check-script validation with pass/fail row colours |