@cere/cere-design-system 0.0.17 → 0.0.19

package/dist/index.d.mts

@@ -37,6 +37,20 @@ import { Monaco } from '@monaco-editor/react';
 import { editor } from 'monaco-editor';
 export { default as RadioGroup } from '@mui/material/RadioGroup';
 
+declare module '@mui/material/styles' {
+    interface Palette {
+        deployment: {
+            entity: typeof deploymentEntityColors;
+            status: typeof deploymentStatusColors;
+        };
+    }
+    interface PaletteOptions {
+        deployment?: {
+            entity?: Record<string, string>;
+            status?: Record<string, string>;
+        };
+    }
+}
 declare const colors: {
     primary: {
         main: string;
@@ -97,6 +111,20 @@ declare const colors: {
         selected: string;
     };
 };
+declare const deploymentEntityColors: {
+    workspace: string;
+    stream: string;
+    deployment: string;
+    engagement: string;
+    agent: string;
+};
+declare const deploymentStatusColors: {
+    normal: string;
+    warning: string;
+    error: string;
+    disabled: string;
+    disabledDim: string;
+};
 declare const theme: Theme;
 
 declare const CheckMarkAnimation: () => react_jsx_runtime.JSX.Element;
@@ -124,9 +152,24 @@ declare const useIsMobile: () => boolean;
 
 type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
 interface ButtonProps extends Omit<ButtonProps$1, 'variant' | 'color'> {
+    /**
+     * The visual style variant of the button
+     * - primary: Filled button with primary color background
+     * - secondary: Outlined button with transparent background and border
+     * - tertiary: Text button with no background or border
+     */
     variant?: ButtonVariant;
+    /**
+     * The size of the button
+     */
     size?: 'small' | 'medium' | 'large';
+    /**
+     * Icon element to display before the button text
+     */
     startIcon?: React__default.ReactNode;
+    /**
+     * Icon element to display after the button text
+     */
     endIcon?: React__default.ReactNode;
 }
 declare const Button: React__default.FC<ButtonProps>;
@@ -1095,6 +1138,125 @@ interface ListItemProps extends ListItemProps$1 {
 }
 declare const ListItem: React__default.FC<ListItemProps>;
 
+type DeploymentEntityType = 'workspace' | 'stream' | 'deployment' | 'engagement' | 'agent';
+type DeploymentStatusIndicator = 'normal' | 'warning' | 'error' | 'disabled' | null;
+interface DeploymentCardAction {
+    id: string;
+    label: string;
+    icon?: React__default.ReactNode;
+    onClick?: () => void;
+    highlight?: boolean;
+    outlined?: boolean;
+}
+interface DeploymentDashboardCardProps {
+    /** Entity type: drives chip color and icon (Figma 15-1725, 15-1276) */
+    entityType: DeploymentEntityType;
+    /** Primary title */
+    title: string;
+    /** Display id; when present shows "ID: {id}" with copy action */
+    id?: string;
+    /** Shown as "Created: …" */
+    createdAt?: string;
+    /** Shown as "Last Updated: …" */
+    updatedAt?: string;
+    /** Only for entityType === 'deployment'; shows Capacity label, progress bar, "X%" */
+    capacity?: number;
+    /** Action buttons/chips rendered inline on the right */
+    actions?: DeploymentCardAction[];
+    /** Status dot: green (normal), amber (warning), red (error), white/dim (disabled) */
+    statusIndicator?: DeploymentStatusIndicator;
+    /** Whether to show expand/collapse chevron on the left */
+    expandable?: boolean;
+    /** Controlled expanded state */
+    expanded?: boolean;
+    /** Called when chevron is clicked */
+    onExpandToggle?: () => void;
+    /** When copy ID is clicked */
+    onCopyId?: () => void;
+    /** Optional className */
+    className?: string;
+    /** Child content rendered inside the card border (used by tree to nest children) */
+    children?: React__default.ReactNode;
+}
+declare const DeploymentDashboardCard: React__default.FC<DeploymentDashboardCardProps>;
+
+interface ContextMenuItem {
+    id: string;
+    label: string;
+    icon?: React__default.ReactNode;
+    onClick?: () => void;
+    type?: 'action' | 'toggle';
+}
+/** Pre-built item factories for common deployment entity actions (Figma 11-1102) */
+declare const contextMenuItems: {
+    readonly addEngagement: (onClick: () => void) => ContextMenuItem;
+    readonly addAgent: (onClick: () => void) => ContextMenuItem;
+    readonly addStream: (onClick: () => void) => ContextMenuItem;
+    readonly edit: (onClick: () => void) => ContextMenuItem;
+    readonly copyId: (onClick: () => void) => ContextMenuItem;
+    readonly agentFlowVisualization: (onClick: () => void) => ContextMenuItem;
+    readonly viewLogs: (onClick: () => void) => ContextMenuItem;
+    readonly settings: (onClick: () => void) => ContextMenuItem;
+};
+
+interface DeploymentEntityContextMenuProps {
+    /** Controlled open state */
+    open: boolean;
+    /** Anchor for menu position */
+    anchorEl: HTMLElement | null;
+    /** When menu closes */
+    onClose: () => void;
+    /** Menu items to render (use contextMenuItems helpers to build) */
+    items: ContextMenuItem[];
+    /** Whether to show "Enable" row with toggle */
+    enableToggle?: boolean;
+    /** Toggle checked state */
+    enableChecked?: boolean;
+    /** Toggle callback */
+    onEnableChange?: (checked: boolean) => void;
+}
+declare const DeploymentEntityContextMenu: React__default.FC<DeploymentEntityContextMenuProps>;
+
+interface DeploymentTreeNode {
+    id: string;
+    entityType: DeploymentEntityType;
+    title: string;
+    idDisplay?: string;
+    createdAt?: string;
+    updatedAt?: string;
+    capacity?: number;
+    actions?: DeploymentCardAction[];
+    statusIndicator?: DeploymentStatusIndicator;
+    children?: DeploymentTreeNode[];
+    expanded?: boolean;
+}
+interface DeploymentDashboardTreeProps {
+    /** Tree of entities */
+    nodes: DeploymentTreeNode[];
+    /** When a row's expand is toggled */
+    onExpandToggle?: (nodeId: string) => void;
+    /** When a card's copy-ID button is clicked */
+    onCopyId?: (nodeId: string) => void;
+    /** Override row content; default: render DeploymentDashboardCard from node data */
+    renderCard?: (node: DeploymentTreeNode) => React__default.ReactNode;
+}
+declare const DeploymentDashboardTree: React__default.FC<DeploymentDashboardTreeProps>;
+
+/**
+ * Backdrop/background panel for the deployment list (Figma 15-1325).
+ * Wraps the deployment tree or list in a rounded, light surface with a subtle border
+ * so the list has a clear visual container.
+ */
+interface DeploymentDashboardPanelProps {
+    /** Content (e.g. DeploymentDashboardTree or a list of DeploymentDashboardCards) */
+    children: React__default.ReactNode;
+    /** Optional className */
+    className?: string;
+    /** Optional padding override; default uses theme spacing */
+    padding?: number | string;
+}
+declare const DeploymentDashboardPanel: React__default.FC<DeploymentDashboardPanelProps>;
+
 interface AvatarProps extends AvatarProps$1 {
     size?: 'small' | 'medium' | 'large' | number;
 }
@@ -1558,4 +1720,4 @@ interface CodeEditorProps {
  */
 declare const CodeEditor: React__default.FC<CodeEditorProps>;
 
-export { Accordion, type AccordionProps, AccountSection, type AccountSectionProps, ActivityAppIcon, Alert, type AlertProps, type AlertSeverity, AppBar, type AppBarProps, AppLoading, type AppLoadingProps, Avatar, AvatarIcon, type AvatarProps, Badge, type BadgeProps, BarTrackingIcon, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, BytesSize, type BytesSizeProps, Card, CardActions, CardContent, CardHeader, type CardProps, CereIcon, ChartWidget, type ChartWidgetProps, CheckMarkAnimation, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularProgress, type CircularProgressProps, ClockIcon, CloudFlashIcon, CodeEditor, type CodeEditorLanguage, type CodeEditorProps, Collapse, type CollapseProps, ConnectionStatus, type ConnectionStatusProps, DecentralizedServerIcon, Dialog, type DialogProps, DiscordIcon, Divider, type DividerProps, DownloadIcon, Drawer, type DrawerProps, Dropdown, DropdownAnchor, type DropdownAnchorProps, type DropdownProps, EmptyState, type EmptyStateProps, FilledFolderIcon, FlowEditor, type FlowEditorProps, FolderIcon, GithubLogoIcon, IconButton, type IconButtonProps, LeftArrowIcon, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Loading, LoadingAnimation, type LoadingAnimationProps, LoadingButton, type LoadingButtonProps, type LoadingProps, Logo, type LogoProps, Markdown, type MarkdownProps, Menu, MenuItem, type MenuItemProps, type MenuProps, type MessageOptions, MessagesProvider, MetricsChart, type MetricsChartProps, type MetricsPeriod, NavigationItem, type NavigationItemProps, NavigationList, type NavigationListProps, OnboardingProvider, Pagination, type PaginationProps, Paper, type PaperProps, PeriodSelect, Progress, type ProgressProps, QRCode, type QRCodeProps, Radio, type RadioProps, RightArrowIcon, SearchField, type SearchFieldProps, Selector, type SelectorOption, type SelectorProps, type Service, ServiceSelectorButton, type ServiceSelectorButtonProps, ShareIcon, SideNav, SideNavHeader, type SideNavHeaderProps, type SideNavProps, Sidebar, SidebarItem, type SidebarItemProps, type SidebarProps, Snackbar, type SnackbarProps, Step, StepButton, type StepButtonProps, StepContent, type StepContentProps, StepLabel, type StepLabelProps, type StepProps, Stepper, type StepperProps, StorageAppIcon, Switch, type SwitchProps, Tab, type TabProps, Table, TableHeader, type TableHeaderProps, type TableProps, TextField, type TextFieldProps, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Tooltip, type TooltipProps, Truncate, type TruncateProps, UploadFileIcon, UploadFolderIcon, type UserInfo, type Workspace, WorkspaceSelectorButton, type WorkspaceSelectorButtonProps, colors, theme, useIsDesktop, useIsMobile, useIsTablet, useMessages, useOnboarding };
+export { Accordion, type AccordionProps, AccountSection, type AccountSectionProps, ActivityAppIcon, Alert, type AlertProps, type AlertSeverity, AppBar, type AppBarProps, AppLoading, type AppLoadingProps, Avatar, AvatarIcon, type AvatarProps, Badge, type BadgeProps, BarTrackingIcon, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, BytesSize, type BytesSizeProps, Card, CardActions, CardContent, CardHeader, type CardProps, CereIcon, ChartWidget, type ChartWidgetProps, CheckMarkAnimation, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularProgress, type CircularProgressProps, ClockIcon, CloudFlashIcon, CodeEditor, type CodeEditorLanguage, type CodeEditorProps, Collapse, type CollapseProps, ConnectionStatus, type ConnectionStatusProps, type ContextMenuItem, DecentralizedServerIcon, type DeploymentCardAction, DeploymentDashboardCard, type DeploymentDashboardCardProps, DeploymentDashboardPanel, type DeploymentDashboardPanelProps, DeploymentDashboardTree, type DeploymentDashboardTreeProps, DeploymentEntityContextMenu, type DeploymentEntityContextMenuProps, type DeploymentEntityType, type DeploymentStatusIndicator, type DeploymentTreeNode, Dialog, type DialogProps, DiscordIcon, Divider, type DividerProps, DownloadIcon, Drawer, type DrawerProps, Dropdown, DropdownAnchor, type DropdownAnchorProps, type DropdownProps, EmptyState, type EmptyStateProps, FilledFolderIcon, FlowEditor, type FlowEditorProps, FolderIcon, GithubLogoIcon, IconButton, type IconButtonProps, LeftArrowIcon, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Loading, LoadingAnimation, type LoadingAnimationProps, LoadingButton, type LoadingButtonProps, type LoadingProps, Logo, type LogoProps, Markdown, type MarkdownProps, Menu, MenuItem, type MenuItemProps, type MenuProps, type MessageOptions, MessagesProvider, MetricsChart, type MetricsChartProps, type MetricsPeriod, NavigationItem, type NavigationItemProps, NavigationList, type NavigationListProps, OnboardingProvider, Pagination, type PaginationProps, Paper, type PaperProps, PeriodSelect, Progress, type ProgressProps, QRCode, type QRCodeProps, Radio, type RadioProps, RightArrowIcon, SearchField, type SearchFieldProps, Selector, type SelectorOption, type SelectorProps, type Service, ServiceSelectorButton, type ServiceSelectorButtonProps, ShareIcon, SideNav, SideNavHeader, type SideNavHeaderProps, type SideNavProps, Sidebar, SidebarItem, type SidebarItemProps, type SidebarProps, Snackbar, type SnackbarProps, Step, StepButton, type StepButtonProps, StepContent, type StepContentProps, StepLabel, type StepLabelProps, type StepProps, Stepper, type StepperProps, StorageAppIcon, Switch, type SwitchProps, Tab, type TabProps, Table, TableHeader, type TableHeaderProps, type TableProps, TextField, type TextFieldProps, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Tooltip, type TooltipProps, Truncate, type TruncateProps, UploadFileIcon, UploadFolderIcon, type UserInfo, type Workspace, WorkspaceSelectorButton, type WorkspaceSelectorButtonProps, colors, contextMenuItems, theme, useIsDesktop, useIsMobile, useIsTablet, useMessages, useOnboarding };

package/dist/index.d.ts

@@ -37,6 +37,20 @@ import { Monaco } from '@monaco-editor/react';
 import { editor } from 'monaco-editor';
 export { default as RadioGroup } from '@mui/material/RadioGroup';
 
+declare module '@mui/material/styles' {
+    interface Palette {
+        deployment: {
+            entity: typeof deploymentEntityColors;
+            status: typeof deploymentStatusColors;
+        };
+    }
+    interface PaletteOptions {
+        deployment?: {
+            entity?: Record<string, string>;
+            status?: Record<string, string>;
+        };
+    }
+}
 declare const colors: {
     primary: {
         main: string;
@@ -97,6 +111,20 @@ declare const colors: {
         selected: string;
     };
 };
+declare const deploymentEntityColors: {
+    workspace: string;
+    stream: string;
+    deployment: string;
+    engagement: string;
+    agent: string;
+};
+declare const deploymentStatusColors: {
+    normal: string;
+    warning: string;
+    error: string;
+    disabled: string;
+    disabledDim: string;
+};
 declare const theme: Theme;
 
 declare const CheckMarkAnimation: () => react_jsx_runtime.JSX.Element;
@@ -124,9 +152,24 @@ declare const useIsMobile: () => boolean;
 
 type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
 interface ButtonProps extends Omit<ButtonProps$1, 'variant' | 'color'> {
+    /**
+     * The visual style variant of the button
+     * - primary: Filled button with primary color background
+     * - secondary: Outlined button with transparent background and border
+     * - tertiary: Text button with no background or border
+     */
     variant?: ButtonVariant;
+    /**
+     * The size of the button
+     */
     size?: 'small' | 'medium' | 'large';
+    /**
+     * Icon element to display before the button text
+     */
     startIcon?: React__default.ReactNode;
+    /**
+     * Icon element to display after the button text
+     */
     endIcon?: React__default.ReactNode;
 }
 declare const Button: React__default.FC<ButtonProps>;
@@ -1095,6 +1138,125 @@ interface ListItemProps extends ListItemProps$1 {
 }
 declare const ListItem: React__default.FC<ListItemProps>;
 
+type DeploymentEntityType = 'workspace' | 'stream' | 'deployment' | 'engagement' | 'agent';
+type DeploymentStatusIndicator = 'normal' | 'warning' | 'error' | 'disabled' | null;
+interface DeploymentCardAction {
+    id: string;
+    label: string;
+    icon?: React__default.ReactNode;
+    onClick?: () => void;
+    highlight?: boolean;
+    outlined?: boolean;
+}
+interface DeploymentDashboardCardProps {
+    /** Entity type: drives chip color and icon (Figma 15-1725, 15-1276) */
+    entityType: DeploymentEntityType;
+    /** Primary title */
+    title: string;
+    /** Display id; when present shows "ID: {id}" with copy action */
+    id?: string;
+    /** Shown as "Created: …" */
+    createdAt?: string;
+    /** Shown as "Last Updated: …" */
+    updatedAt?: string;
+    /** Only for entityType === 'deployment'; shows Capacity label, progress bar, "X%" */
+    capacity?: number;
+    /** Action buttons/chips rendered inline on the right */
+    actions?: DeploymentCardAction[];
+    /** Status dot: green (normal), amber (warning), red (error), white/dim (disabled) */
+    statusIndicator?: DeploymentStatusIndicator;
+    /** Whether to show expand/collapse chevron on the left */
+    expandable?: boolean;
+    /** Controlled expanded state */
+    expanded?: boolean;
+    /** Called when chevron is clicked */
+    onExpandToggle?: () => void;
+    /** When copy ID is clicked */
+    onCopyId?: () => void;
+    /** Optional className */
+    className?: string;
+    /** Child content rendered inside the card border (used by tree to nest children) */
+    children?: React__default.ReactNode;
+}
+declare const DeploymentDashboardCard: React__default.FC<DeploymentDashboardCardProps>;
+
+interface ContextMenuItem {
+    id: string;
+    label: string;
+    icon?: React__default.ReactNode;
+    onClick?: () => void;
+    type?: 'action' | 'toggle';
+}
+/** Pre-built item factories for common deployment entity actions (Figma 11-1102) */
+declare const contextMenuItems: {
+    readonly addEngagement: (onClick: () => void) => ContextMenuItem;
+    readonly addAgent: (onClick: () => void) => ContextMenuItem;
+    readonly addStream: (onClick: () => void) => ContextMenuItem;
+    readonly edit: (onClick: () => void) => ContextMenuItem;
+    readonly copyId: (onClick: () => void) => ContextMenuItem;
+    readonly agentFlowVisualization: (onClick: () => void) => ContextMenuItem;
+    readonly viewLogs: (onClick: () => void) => ContextMenuItem;
+    readonly settings: (onClick: () => void) => ContextMenuItem;
+};
+
+interface DeploymentEntityContextMenuProps {
+    /** Controlled open state */
+    open: boolean;
+    /** Anchor for menu position */
+    anchorEl: HTMLElement | null;
+    /** When menu closes */
+    onClose: () => void;
+    /** Menu items to render (use contextMenuItems helpers to build) */
+    items: ContextMenuItem[];
+    /** Whether to show "Enable" row with toggle */
+    enableToggle?: boolean;
+    /** Toggle checked state */
+    enableChecked?: boolean;
+    /** Toggle callback */
+    onEnableChange?: (checked: boolean) => void;
+}
+declare const DeploymentEntityContextMenu: React__default.FC<DeploymentEntityContextMenuProps>;
+
+interface DeploymentTreeNode {
+    id: string;
+    entityType: DeploymentEntityType;
+    title: string;
+    idDisplay?: string;
+    createdAt?: string;
+    updatedAt?: string;
+    capacity?: number;
+    actions?: DeploymentCardAction[];
+    statusIndicator?: DeploymentStatusIndicator;
+    children?: DeploymentTreeNode[];
+    expanded?: boolean;
+}
+interface DeploymentDashboardTreeProps {
+    /** Tree of entities */
+    nodes: DeploymentTreeNode[];
+    /** When a row's expand is toggled */
+    onExpandToggle?: (nodeId: string) => void;
+    /** When a card's copy-ID button is clicked */
+    onCopyId?: (nodeId: string) => void;
+    /** Override row content; default: render DeploymentDashboardCard from node data */
+    renderCard?: (node: DeploymentTreeNode) => React__default.ReactNode;
+}
+declare const DeploymentDashboardTree: React__default.FC<DeploymentDashboardTreeProps>;
+
+/**
+ * Backdrop/background panel for the deployment list (Figma 15-1325).
+ * Wraps the deployment tree or list in a rounded, light surface with a subtle border
+ * so the list has a clear visual container.
+ */
+interface DeploymentDashboardPanelProps {
+    /** Content (e.g. DeploymentDashboardTree or a list of DeploymentDashboardCards) */
+    children: React__default.ReactNode;
+    /** Optional className */
+    className?: string;
+    /** Optional padding override; default uses theme spacing */
+    padding?: number | string;
+}
+declare const DeploymentDashboardPanel: React__default.FC<DeploymentDashboardPanelProps>;
+
 interface AvatarProps extends AvatarProps$1 {
     size?: 'small' | 'medium' | 'large' | number;
 }
@@ -1558,4 +1720,4 @@ interface CodeEditorProps {
  */
 declare const CodeEditor: React__default.FC<CodeEditorProps>;
 
-export { Accordion, type AccordionProps, AccountSection, type AccountSectionProps, ActivityAppIcon, Alert, type AlertProps, type AlertSeverity, AppBar, type AppBarProps, AppLoading, type AppLoadingProps, Avatar, AvatarIcon, type AvatarProps, Badge, type BadgeProps, BarTrackingIcon, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, BytesSize, type BytesSizeProps, Card, CardActions, CardContent, CardHeader, type CardProps, CereIcon, ChartWidget, type ChartWidgetProps, CheckMarkAnimation, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularProgress, type CircularProgressProps, ClockIcon, CloudFlashIcon, CodeEditor, type CodeEditorLanguage, type CodeEditorProps, Collapse, type CollapseProps, ConnectionStatus, type ConnectionStatusProps, DecentralizedServerIcon, Dialog, type DialogProps, DiscordIcon, Divider, type DividerProps, DownloadIcon, Drawer, type DrawerProps, Dropdown, DropdownAnchor, type DropdownAnchorProps, type DropdownProps, EmptyState, type EmptyStateProps, FilledFolderIcon, FlowEditor, type FlowEditorProps, FolderIcon, GithubLogoIcon, IconButton, type IconButtonProps, LeftArrowIcon, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Loading, LoadingAnimation, type LoadingAnimationProps, LoadingButton, type LoadingButtonProps, type LoadingProps, Logo, type LogoProps, Markdown, type MarkdownProps, Menu, MenuItem, type MenuItemProps, type MenuProps, type MessageOptions, MessagesProvider, MetricsChart, type MetricsChartProps, type MetricsPeriod, NavigationItem, type NavigationItemProps, NavigationList, type NavigationListProps, OnboardingProvider, Pagination, type PaginationProps, Paper, type PaperProps, PeriodSelect, Progress, type ProgressProps, QRCode, type QRCodeProps, Radio, type RadioProps, RightArrowIcon, SearchField, type SearchFieldProps, Selector, type SelectorOption, type SelectorProps, type Service, ServiceSelectorButton, type ServiceSelectorButtonProps, ShareIcon, SideNav, SideNavHeader, type SideNavHeaderProps, type SideNavProps, Sidebar, SidebarItem, type SidebarItemProps, type SidebarProps, Snackbar, type SnackbarProps, Step, StepButton, type StepButtonProps, StepContent, type StepContentProps, StepLabel, type StepLabelProps, type StepProps, Stepper, type StepperProps, StorageAppIcon, Switch, type SwitchProps, Tab, type TabProps, Table, TableHeader, type TableHeaderProps, type TableProps, TextField, type TextFieldProps, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Tooltip, type TooltipProps, Truncate, type TruncateProps, UploadFileIcon, UploadFolderIcon, type UserInfo, type Workspace, WorkspaceSelectorButton, type WorkspaceSelectorButtonProps, colors, theme, useIsDesktop, useIsMobile, useIsTablet, useMessages, useOnboarding };
+export { Accordion, type AccordionProps, AccountSection, type AccountSectionProps, ActivityAppIcon, Alert, type AlertProps, type AlertSeverity, AppBar, type AppBarProps, AppLoading, type AppLoadingProps, Avatar, AvatarIcon, type AvatarProps, Badge, type BadgeProps, BarTrackingIcon, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, BytesSize, type BytesSizeProps, Card, CardActions, CardContent, CardHeader, type CardProps, CereIcon, ChartWidget, type ChartWidgetProps, CheckMarkAnimation, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularProgress, type CircularProgressProps, ClockIcon, CloudFlashIcon, CodeEditor, type CodeEditorLanguage, type CodeEditorProps, Collapse, type CollapseProps, ConnectionStatus, type ConnectionStatusProps, type ContextMenuItem, DecentralizedServerIcon, type DeploymentCardAction, DeploymentDashboardCard, type DeploymentDashboardCardProps, DeploymentDashboardPanel, type DeploymentDashboardPanelProps, DeploymentDashboardTree, type DeploymentDashboardTreeProps, DeploymentEntityContextMenu, type DeploymentEntityContextMenuProps, type DeploymentEntityType, type DeploymentStatusIndicator, type DeploymentTreeNode, Dialog, type DialogProps, DiscordIcon, Divider, type DividerProps, DownloadIcon, Drawer, type DrawerProps, Dropdown, DropdownAnchor, type DropdownAnchorProps, type DropdownProps, EmptyState, type EmptyStateProps, FilledFolderIcon, FlowEditor, type FlowEditorProps, FolderIcon, GithubLogoIcon, IconButton, type IconButtonProps, LeftArrowIcon, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Loading, LoadingAnimation, type LoadingAnimationProps, LoadingButton, type LoadingButtonProps, type LoadingProps, Logo, type LogoProps, Markdown, type MarkdownProps, Menu, MenuItem, type MenuItemProps, type MenuProps, type MessageOptions, MessagesProvider, MetricsChart, type MetricsChartProps, type MetricsPeriod, NavigationItem, type NavigationItemProps, NavigationList, type NavigationListProps, OnboardingProvider, Pagination, type PaginationProps, Paper, type PaperProps, PeriodSelect, Progress, type ProgressProps, QRCode, type QRCodeProps, Radio, type RadioProps, RightArrowIcon, SearchField, type SearchFieldProps, Selector, type SelectorOption, type SelectorProps, type Service, ServiceSelectorButton, type ServiceSelectorButtonProps, ShareIcon, SideNav, SideNavHeader, type SideNavHeaderProps, type SideNavProps, Sidebar, SidebarItem, type SidebarItemProps, type SidebarProps, Snackbar, type SnackbarProps, Step, StepButton, type StepButtonProps, StepContent, type StepContentProps, StepLabel, type StepLabelProps, type StepProps, Stepper, type StepperProps, StorageAppIcon, Switch, type SwitchProps, Tab, type TabProps, Table, TableHeader, type TableHeaderProps, type TableProps, TextField, type TextFieldProps, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Tooltip, type TooltipProps, Truncate, type TruncateProps, UploadFileIcon, UploadFolderIcon, type UserInfo, type Workspace, WorkspaceSelectorButton, type WorkspaceSelectorButtonProps, colors, contextMenuItems, theme, useIsDesktop, useIsMobile, useIsTablet, useMessages, useOnboarding };