Skip to content

Components ​

SplitView ​

A resizable split view layout component supporting both horizontal and vertical orientations with customizable panes.

FirstRunOrchestrator ​

Orchestrates first-run experience flows (Disclaimer, Changelogs, Onboarding) with priority-based ordering, cookie-based completion tracking, and automatic mounting of the next pending flow.

DisclaimerLlm ​

A disclaimer modal component that users must accept before using the application, typically used for AI/ML applications. Now orchestrated by FirstRunOrchestrator and emits a finished event on acceptance.

DataBsBanner ​

A banner component displaying a link to the data science and AI page.

DataBsFooter ​

A footer component with links to data science and AI resources, supporting additional content slots. Includes DisclaimerButton and ChangelogsButton in the center slot by default.

SplitContainer ​

A responsive card-like container with a header and two side-by-side content areas that stack vertically on mobile devices.

UndoRedoButtons ​

Provides undo and redo functionality with keyboard shortcuts, tooltips, and automatic button state management.

Changelogs ​

Displays application changelog information in a custom overlay with backdrop blur, driven by the FirstRunOrchestrator. Accepts releases as a prop and emits a finished event when closed.

ChangelogsButton ​

A button that re-triggers the Changelogs flow on demand by resetting the last-read cookie, with responsive icon-only (mobile) and full label (desktop) variants. Displays the newest release version as a badge.

A responsive navigation bar with language switching, system status indicator, onboarding restart button, optional app switcher, and customizable content areas with i18n integration.

SystemStatus ​

A health status indicator that polls the server to verify connectivity and displays a warning icon with tooltip when offline.

AppSwitcher ​

A Google-style app switcher popover with a grid of app tiles, supporting icons, images, and initials fallback, plus an optional footer link.

SettingsButton ​

A cog-trigger dropdown button for settings/options menus, accepting DropdownMenuItem entries via props.

Onboarding ​

A renderless component that drives interactive guided tours using driver.js, supporting phased step builders, cookie-based persistence, and orchestrated startup via FirstRunOrchestrator after the disclaimer is accepted.

OnboardingRestartButton ​

A button that restarts the onboarding tour on demand by clearing the tour-completed cookie, allowing users to replay the guided tour.

Developed with ❤️ by the DCC. Documentation released under the MIT License.