@cere/cere-design-system 0.0.32 → 0.0.34

package/.specify/memory/components-reference.md

@@ -513,6 +513,44 @@ const items: BreadcrumbItem[] = [
 
 ## LAYOUT
 
+### EntityHeader
+Composite header for entities (workspaces, accounts, etc.) with title, metadata, and action slots.
+
+```typescript
+import { EntityHeader } from '@cere/cere-design-system';
+import type { EntityHeaderProps, PrimaryAction } from '@cere/cere-design-system';
+
+<EntityHeader
+  title="Game Co. WF 1769936170928"
+  subtitle="Gaming Demo Account"
+  role="Manager"
+  id="W1234567890"
+  startActions={<Button variant="secondary">Export</Button>}
+  primaryAction={{
+    label: 'Members',
+    count: 5,
+    icon: <AddCircleIcon />,
+    onClick: () => console.log('Open members')
+  }}
+  endActions={<Button variant="tertiary">Settings</Button>}
+  onCopyId={() => console.log('ID copied')}
+  onMoreOptions={(e) => setAnchorEl(e.currentTarget)}
+/>
+```
+
+**Props:**
+- `title: string` - Primary title text (required)
+- `subtitle?: string` - Secondary descriptive text
+- `role?: string` - Role/status label displayed as RoleBadge pill
+- `id?: string` - Entity identifier displayed as IDBlock with copy action
+- `primaryAction?: PrimaryAction` - Main action button config (`{ label, count?, icon?, onClick? }`)
+- `startActions?: ReactNode` - Custom content rendered before the primary action button
+- `endActions?: ReactNode` - Custom content rendered after the primary action button (before more-options)
+- `onCopyId?: () => void` - Callback when ID is copied
+- `onMoreOptions?: (event) => void` - Callback when more options button clicked
+- `headingLevel?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'` - HTML heading level (default: 'h2')
+- `divider?: boolean` - Show bottom divider line (default: true)
+
 ### Card
 Container card with header, content, and actions.
 

package/dist/index.d.mts

@@ -1230,6 +1230,17 @@ interface EntityHeaderProps {
      * Main action button configuration
      */
     primaryAction?: PrimaryAction;
+    /**
+     * Additional content rendered before the primary action button.
+     * Accepts any ReactNode (buttons, dropdowns, etc.).
+     */
+    startActions?: React__default.ReactNode;
+    /**
+     * Additional content rendered after the primary action button
+     * but before the more-options icon button.
+     * Accepts any ReactNode (buttons, dropdowns, etc.).
+     */
+    endActions?: React__default.ReactNode;
     /**
      * Callback when ID is copied (internal copy + this callback)
      */
@@ -2710,6 +2721,32 @@ interface CodeEditorStatusBarProps {
  */
 declare const CodeEditorStatusBar: React__default.FC<CodeEditorStatusBarProps>;
 
+interface CodeEditorWelcomeScreenProps {
+    /** Custom logo or icon displayed in the center. Defaults to the Cere logo. */
+    logo?: React__default.ReactNode;
+    /**
+     * Content rendered below the logo. Accepts any ReactNode —
+     * shortcut hints, action buttons, descriptive text, etc.
+     */
+    children?: React__default.ReactNode;
+    /** Props forwarded to the outer container `Box`. */
+    containerProps?: BoxProps;
+}
+/**
+ * Default empty-state screen shown inside `CodeEditorWorkspace` when no file
+ * is open.  Renders a centered logo with an optional content slot underneath.
+ *
+ * @example
+ * ```tsx
+ * <CodeEditorWelcomeScreen>
+ *   <Typography variant="body2" color="text.secondary">
+ *     Open a file from the tree to start editing
+ *   </Typography>
+ * </CodeEditorWelcomeScreen>
+ * ```
+ */
+declare const CodeEditorWelcomeScreen: React__default.FC<CodeEditorWelcomeScreenProps>;
+
 interface CodeEditorWorkspaceProps extends Pick<UseCodeEditorWorkspaceOptions, 'files' | 'initialOpenPaths' | 'onFileChange' | 'onValidationChange'> {
     /** File tree data. When omitted the file tree panel is hidden. */
     fileTree?: FileTreeNode[];
@@ -2741,6 +2778,12 @@ interface CodeEditorWorkspaceProps extends Pick<UseCodeEditorWorkspaceOptions, '
     renderStatusBar?: (props: CodeEditorStatusBarProps & {
         workspace: UseCodeEditorWorkspaceReturn;
     }) => React__default.ReactNode;
+    /** Replace the default welcome screen rendering (shown when no file is open) */
+    renderWelcomeScreen?: (workspace: UseCodeEditorWorkspaceReturn) => React__default.ReactNode;
+    /** Static ReactNode that replaces the default welcome screen entirely */
+    welcomeScreen?: React__default.ReactNode;
+    /** Props forwarded to the default `CodeEditorWelcomeScreen` (ignored when `welcomeScreen` or `renderWelcomeScreen` is provided) */
+    welcomeScreenProps?: CodeEditorWelcomeScreenProps;
     /** Git repository information to display in the status bar */
     gitInfo?: GitInfo;
     /** Whether to show the status bar. @default true */
@@ -2775,4 +2818,4 @@ interface CodeEditorWorkspaceProps extends Pick<UseCodeEditorWorkspaceOptions, '
  */
 declare const CodeEditorWorkspace: React__default.FC<CodeEditorWorkspaceProps>;
 
-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 CodeEditorFile, CodeEditorFileTree, type CodeEditorFileTreeProps, type CodeEditorLanguage, type CodeEditorProps, CodeEditorStatusBar, type CodeEditorStatusBarItem, type CodeEditorStatusBarProps, type CodeEditorStatusBarRenderProps, type CodeEditorTab, type CodeEditorTabRenderProps, CodeEditorTabs, type CodeEditorTabsProps, CodeEditorWorkspace, type CodeEditorWorkspaceProps, Collapse, type CollapseProps, ConnectionStatus, type ConnectionStatusProps, type ContextMenuItem, type DataPoint, type DataSeries, DateRangePicker, type DateRangePickerProps, 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, EXTENSION_LANGUAGE_MAP, EmptyState, type EmptyStateProps, EntityHeader, type EntityHeaderProps, type FileTreeNode, type FileTreeNodeRenderProps, FilledFolderIcon, FlowEditor, type FlowEditorProps, FolderIcon, type GitInfo, GithubLogoIcon, IDBlock, type IDBlockProps, 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, MetricsChart, type MetricsChartProps, type MetricsPeriod, NavigationItem, type NavigationItemProps, NavigationList, type NavigationListProps, OnboardingProvider, Pagination, type PaginationProps, Paper, type PaperProps, PeriodSelect, type PrimaryAction, Progress, type ProgressProps, QRCode, type QRCodeProps, Radio, type RadioProps, RightArrowIcon, RoleBadge, type RoleBadgeColor, type RoleBadgeProps, type RoleBadgeSize, 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, type SummaryItem, SummaryStats, type SummaryStatsProps, Switch, type SwitchProps, Tab, type TabProps, Table, TableHeader, type TableHeaderProps, type TableProps, TextField, type TextFieldProps, type TimeRangeOption, TimeRangeSelect, type TimeRangeSelectProps, TimeSeriesGraph, type TimeSeriesGraphProps, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Tooltip, type TooltipProps, Truncate, type TruncateProps, UploadFileIcon, UploadFolderIcon, type UseCodeEditorWorkspaceOptions, type UseCodeEditorWorkspaceReturn, type UserInfo, WORKFLOW_NODE_LABELS, WORKFLOW_NODE_SHADOW, WorkflowNode, type WorkflowNodeData, WorkflowNodeHandle, type WorkflowNodeProps, type WorkflowNodeType, WorkflowSideInspector, type WorkflowSideInspectorProps, WorkflowTimeBar, type WorkflowTimeBarProps, WorkflowTopBar, type WorkflowTopBarProps, type Workspace, WorkspaceSelectorButton, type WorkspaceSelectorButtonProps, colors, contextMenuItems, detectLanguage, getFileName, robPaletteExtended, robPrimaryPalette, theme, useCodeEditorWorkspace, useIsDesktop, useIsMobile, useIsTablet, useOnboarding, workflowConnectionColors, workflowNodeColors };
+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 CodeEditorFile, CodeEditorFileTree, type CodeEditorFileTreeProps, type CodeEditorLanguage, type CodeEditorProps, CodeEditorStatusBar, type CodeEditorStatusBarItem, type CodeEditorStatusBarProps, type CodeEditorStatusBarRenderProps, type CodeEditorTab, type CodeEditorTabRenderProps, CodeEditorTabs, type CodeEditorTabsProps, CodeEditorWelcomeScreen, type CodeEditorWelcomeScreenProps, CodeEditorWorkspace, type CodeEditorWorkspaceProps, Collapse, type CollapseProps, ConnectionStatus, type ConnectionStatusProps, type ContextMenuItem, type DataPoint, type DataSeries, DateRangePicker, type DateRangePickerProps, 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, EXTENSION_LANGUAGE_MAP, EmptyState, type EmptyStateProps, EntityHeader, type EntityHeaderProps, type FileTreeNode, type FileTreeNodeRenderProps, FilledFolderIcon, FlowEditor, type FlowEditorProps, FolderIcon, type GitInfo, GithubLogoIcon, IDBlock, type IDBlockProps, 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, MetricsChart, type MetricsChartProps, type MetricsPeriod, NavigationItem, type NavigationItemProps, NavigationList, type NavigationListProps, OnboardingProvider, Pagination, type PaginationProps, Paper, type PaperProps, PeriodSelect, type PrimaryAction, Progress, type ProgressProps, QRCode, type QRCodeProps, Radio, type RadioProps, RightArrowIcon, RoleBadge, type RoleBadgeColor, type RoleBadgeProps, type RoleBadgeSize, 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, type SummaryItem, SummaryStats, type SummaryStatsProps, Switch, type SwitchProps, Tab, type TabProps, Table, TableHeader, type TableHeaderProps, type TableProps, TextField, type TextFieldProps, type TimeRangeOption, TimeRangeSelect, type TimeRangeSelectProps, TimeSeriesGraph, type TimeSeriesGraphProps, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Tooltip, type TooltipProps, Truncate, type TruncateProps, UploadFileIcon, UploadFolderIcon, type UseCodeEditorWorkspaceOptions, type UseCodeEditorWorkspaceReturn, type UserInfo, WORKFLOW_NODE_LABELS, WORKFLOW_NODE_SHADOW, WorkflowNode, type WorkflowNodeData, WorkflowNodeHandle, type WorkflowNodeProps, type WorkflowNodeType, WorkflowSideInspector, type WorkflowSideInspectorProps, WorkflowTimeBar, type WorkflowTimeBarProps, WorkflowTopBar, type WorkflowTopBarProps, type Workspace, WorkspaceSelectorButton, type WorkspaceSelectorButtonProps, colors, contextMenuItems, detectLanguage, getFileName, robPaletteExtended, robPrimaryPalette, theme, useCodeEditorWorkspace, useIsDesktop, useIsMobile, useIsTablet, useOnboarding, workflowConnectionColors, workflowNodeColors };

package/dist/index.d.ts

@@ -1230,6 +1230,17 @@ interface EntityHeaderProps {
      * Main action button configuration
      */
     primaryAction?: PrimaryAction;
+    /**
+     * Additional content rendered before the primary action button.
+     * Accepts any ReactNode (buttons, dropdowns, etc.).
+     */
+    startActions?: React__default.ReactNode;
+    /**
+     * Additional content rendered after the primary action button
+     * but before the more-options icon button.
+     * Accepts any ReactNode (buttons, dropdowns, etc.).
+     */
+    endActions?: React__default.ReactNode;
     /**
      * Callback when ID is copied (internal copy + this callback)
      */
@@ -2710,6 +2721,32 @@ interface CodeEditorStatusBarProps {
  */
 declare const CodeEditorStatusBar: React__default.FC<CodeEditorStatusBarProps>;
 
+interface CodeEditorWelcomeScreenProps {
+    /** Custom logo or icon displayed in the center. Defaults to the Cere logo. */
+    logo?: React__default.ReactNode;
+    /**
+     * Content rendered below the logo. Accepts any ReactNode —
+     * shortcut hints, action buttons, descriptive text, etc.
+     */
+    children?: React__default.ReactNode;
+    /** Props forwarded to the outer container `Box`. */
+    containerProps?: BoxProps;
+}
+/**
+ * Default empty-state screen shown inside `CodeEditorWorkspace` when no file
+ * is open.  Renders a centered logo with an optional content slot underneath.
+ *
+ * @example
+ * ```tsx
+ * <CodeEditorWelcomeScreen>
+ *   <Typography variant="body2" color="text.secondary">
+ *     Open a file from the tree to start editing
+ *   </Typography>
+ * </CodeEditorWelcomeScreen>
+ * ```
+ */
+declare const CodeEditorWelcomeScreen: React__default.FC<CodeEditorWelcomeScreenProps>;
+
 interface CodeEditorWorkspaceProps extends Pick<UseCodeEditorWorkspaceOptions, 'files' | 'initialOpenPaths' | 'onFileChange' | 'onValidationChange'> {
     /** File tree data. When omitted the file tree panel is hidden. */
     fileTree?: FileTreeNode[];
@@ -2741,6 +2778,12 @@ interface CodeEditorWorkspaceProps extends Pick<UseCodeEditorWorkspaceOptions, '
     renderStatusBar?: (props: CodeEditorStatusBarProps & {
         workspace: UseCodeEditorWorkspaceReturn;
     }) => React__default.ReactNode;
+    /** Replace the default welcome screen rendering (shown when no file is open) */
+    renderWelcomeScreen?: (workspace: UseCodeEditorWorkspaceReturn) => React__default.ReactNode;
+    /** Static ReactNode that replaces the default welcome screen entirely */
+    welcomeScreen?: React__default.ReactNode;
+    /** Props forwarded to the default `CodeEditorWelcomeScreen` (ignored when `welcomeScreen` or `renderWelcomeScreen` is provided) */
+    welcomeScreenProps?: CodeEditorWelcomeScreenProps;
     /** Git repository information to display in the status bar */
     gitInfo?: GitInfo;
     /** Whether to show the status bar. @default true */
@@ -2775,4 +2818,4 @@ interface CodeEditorWorkspaceProps extends Pick<UseCodeEditorWorkspaceOptions, '
  */
 declare const CodeEditorWorkspace: React__default.FC<CodeEditorWorkspaceProps>;
 
-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 CodeEditorFile, CodeEditorFileTree, type CodeEditorFileTreeProps, type CodeEditorLanguage, type CodeEditorProps, CodeEditorStatusBar, type CodeEditorStatusBarItem, type CodeEditorStatusBarProps, type CodeEditorStatusBarRenderProps, type CodeEditorTab, type CodeEditorTabRenderProps, CodeEditorTabs, type CodeEditorTabsProps, CodeEditorWorkspace, type CodeEditorWorkspaceProps, Collapse, type CollapseProps, ConnectionStatus, type ConnectionStatusProps, type ContextMenuItem, type DataPoint, type DataSeries, DateRangePicker, type DateRangePickerProps, 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, EXTENSION_LANGUAGE_MAP, EmptyState, type EmptyStateProps, EntityHeader, type EntityHeaderProps, type FileTreeNode, type FileTreeNodeRenderProps, FilledFolderIcon, FlowEditor, type FlowEditorProps, FolderIcon, type GitInfo, GithubLogoIcon, IDBlock, type IDBlockProps, 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, MetricsChart, type MetricsChartProps, type MetricsPeriod, NavigationItem, type NavigationItemProps, NavigationList, type NavigationListProps, OnboardingProvider, Pagination, type PaginationProps, Paper, type PaperProps, PeriodSelect, type PrimaryAction, Progress, type ProgressProps, QRCode, type QRCodeProps, Radio, type RadioProps, RightArrowIcon, RoleBadge, type RoleBadgeColor, type RoleBadgeProps, type RoleBadgeSize, 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, type SummaryItem, SummaryStats, type SummaryStatsProps, Switch, type SwitchProps, Tab, type TabProps, Table, TableHeader, type TableHeaderProps, type TableProps, TextField, type TextFieldProps, type TimeRangeOption, TimeRangeSelect, type TimeRangeSelectProps, TimeSeriesGraph, type TimeSeriesGraphProps, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Tooltip, type TooltipProps, Truncate, type TruncateProps, UploadFileIcon, UploadFolderIcon, type UseCodeEditorWorkspaceOptions, type UseCodeEditorWorkspaceReturn, type UserInfo, WORKFLOW_NODE_LABELS, WORKFLOW_NODE_SHADOW, WorkflowNode, type WorkflowNodeData, WorkflowNodeHandle, type WorkflowNodeProps, type WorkflowNodeType, WorkflowSideInspector, type WorkflowSideInspectorProps, WorkflowTimeBar, type WorkflowTimeBarProps, WorkflowTopBar, type WorkflowTopBarProps, type Workspace, WorkspaceSelectorButton, type WorkspaceSelectorButtonProps, colors, contextMenuItems, detectLanguage, getFileName, robPaletteExtended, robPrimaryPalette, theme, useCodeEditorWorkspace, useIsDesktop, useIsMobile, useIsTablet, useOnboarding, workflowConnectionColors, workflowNodeColors };
+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 CodeEditorFile, CodeEditorFileTree, type CodeEditorFileTreeProps, type CodeEditorLanguage, type CodeEditorProps, CodeEditorStatusBar, type CodeEditorStatusBarItem, type CodeEditorStatusBarProps, type CodeEditorStatusBarRenderProps, type CodeEditorTab, type CodeEditorTabRenderProps, CodeEditorTabs, type CodeEditorTabsProps, CodeEditorWelcomeScreen, type CodeEditorWelcomeScreenProps, CodeEditorWorkspace, type CodeEditorWorkspaceProps, Collapse, type CollapseProps, ConnectionStatus, type ConnectionStatusProps, type ContextMenuItem, type DataPoint, type DataSeries, DateRangePicker, type DateRangePickerProps, 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, EXTENSION_LANGUAGE_MAP, EmptyState, type EmptyStateProps, EntityHeader, type EntityHeaderProps, type FileTreeNode, type FileTreeNodeRenderProps, FilledFolderIcon, FlowEditor, type FlowEditorProps, FolderIcon, type GitInfo, GithubLogoIcon, IDBlock, type IDBlockProps, 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, MetricsChart, type MetricsChartProps, type MetricsPeriod, NavigationItem, type NavigationItemProps, NavigationList, type NavigationListProps, OnboardingProvider, Pagination, type PaginationProps, Paper, type PaperProps, PeriodSelect, type PrimaryAction, Progress, type ProgressProps, QRCode, type QRCodeProps, Radio, type RadioProps, RightArrowIcon, RoleBadge, type RoleBadgeColor, type RoleBadgeProps, type RoleBadgeSize, 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, type SummaryItem, SummaryStats, type SummaryStatsProps, Switch, type SwitchProps, Tab, type TabProps, Table, TableHeader, type TableHeaderProps, type TableProps, TextField, type TextFieldProps, type TimeRangeOption, TimeRangeSelect, type TimeRangeSelectProps, TimeSeriesGraph, type TimeSeriesGraphProps, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Tooltip, type TooltipProps, Truncate, type TruncateProps, UploadFileIcon, UploadFolderIcon, type UseCodeEditorWorkspaceOptions, type UseCodeEditorWorkspaceReturn, type UserInfo, WORKFLOW_NODE_LABELS, WORKFLOW_NODE_SHADOW, WorkflowNode, type WorkflowNodeData, WorkflowNodeHandle, type WorkflowNodeProps, type WorkflowNodeType, WorkflowSideInspector, type WorkflowSideInspectorProps, WorkflowTimeBar, type WorkflowTimeBarProps, WorkflowTopBar, type WorkflowTopBarProps, type Workspace, WorkspaceSelectorButton, type WorkspaceSelectorButtonProps, colors, contextMenuItems, detectLanguage, getFileName, robPaletteExtended, robPrimaryPalette, theme, useCodeEditorWorkspace, useIsDesktop, useIsMobile, useIsTablet, useOnboarding, workflowConnectionColors, workflowNodeColors };

package/dist/index.js

@@ -63,6 +63,7 @@ __export(index_exports, {
   CodeEditorFileTree: () => CodeEditorFileTree,
   CodeEditorStatusBar: () => CodeEditorStatusBar,
   CodeEditorTabs: () => CodeEditorTabs,
+  CodeEditorWelcomeScreen: () => CodeEditorWelcomeScreen,
   CodeEditorWorkspace: () => CodeEditorWorkspace,
   Collapse: () => Collapse,
   ConnectionLineType: () => import_reactflow2.ConnectionLineType,
@@ -4991,6 +4992,8 @@ var EntityHeader = ({
   role,
   id,
   primaryAction,
+  startActions,
+  endActions,
   onCopyId,
   onMoreOptions,
   headingLevel = "h2",
@@ -5079,6 +5082,7 @@ var EntityHeader = ({
                 flexShrink: 0
               },
               children: [
+                startActions,
                 primaryAction && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                   Button,
                   {
@@ -5091,6 +5095,7 @@ var EntityHeader = ({
                     children: getPrimaryActionLabel()
                   }
                 ),
+                endActions,
                 onMoreOptions && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                   import_IconButton4.default,
                   {
@@ -8707,14 +8712,18 @@ var configureTypeScript = (monaco) => {
     target: monaco.languages.typescript.ScriptTarget.ES2020,
     allowNonTsExtensions: true,
     moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,
-    module: monaco.languages.typescript.ModuleKind.CommonJS,
+    module: monaco.languages.typescript.ModuleKind.ESNext,
     noEmit: false,
     lib: ["es2020", "dom"],
     noUnusedLocals: false,
     noUnusedParameters: false,
     noImplicitAny: false,
     noImplicitReturns: false,
-    noFallthroughCasesInSwitch: false
+    noFallthroughCasesInSwitch: false,
+    // Treat every file as a module so top-level declarations don't clash
+    // across files in the workspace (prevents false "Cannot redeclare" errors).
+    moduleDetection: 3
+    // ts.ModuleDetectionKind.Force
   });
   monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({
     noSemanticValidation: false,
@@ -9844,10 +9853,61 @@ var StatusBarItemElement = ({ item }) => {
   return inner;
 };
 
-// src/components/third-party/CodeEditorWorkspace/CodeEditorWorkspace.tsx
-var import_react40 = __toESM(require("react"));
+// src/components/third-party/CodeEditorWorkspace/CodeEditorWelcomeScreen.tsx
 var import_material77 = require("@mui/material");
 var import_jsx_runtime101 = require("react/jsx-runtime");
+var CodeEditorWelcomeScreen = ({
+  logo,
+  children,
+  containerProps
+}) => {
+  const defaultLogo = /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+    CereIcon,
+    {
+      sx: {
+        fontSize: 80,
+        color: "text.disabled",
+        opacity: 0.4
+      }
+    }
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
+    import_material77.Box,
+    {
+      sx: {
+        flex: 1,
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: 3,
+        p: 4,
+        userSelect: "none"
+      },
+      ...containerProps,
+      children: [
+        logo !== void 0 ? logo : defaultLogo,
+        children && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+          import_material77.Box,
+          {
+            sx: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              gap: 1
+            },
+            children
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/components/third-party/CodeEditorWorkspace/CodeEditorWorkspace.tsx
+var import_react40 = __toESM(require("react"));
+var import_material78 = require("@mui/material");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 var CodeEditorWorkspace = ({
   files,
   initialOpenPaths,
@@ -9865,6 +9925,9 @@ var CodeEditorWorkspace = ({
   renderFileTree,
   renderEditor,
   renderStatusBar,
+  renderWelcomeScreen,
+  welcomeScreen,
+  welcomeScreenProps,
   gitInfo,
   showStatusBar = true,
   statusBarItems,
@@ -9909,7 +9972,7 @@ var CodeEditorWorkspace = ({
     onTabSelect: workspace.setActiveFile,
     onTabClose: workspace.closeFile
   };
-  const tabsElement = showTabs ? renderTabs ? renderTabs({ ...tabsProps, workspace }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(CodeEditorTabs, { ...tabsProps }) : null;
+  const tabsElement = showTabs ? renderTabs ? renderTabs({ ...tabsProps, workspace }) : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(CodeEditorTabs, { ...tabsProps }) : null;
   const fileTreeProps = {
     tree: fileTree ?? [],
     selectedPath: workspace.activeFilePath,
@@ -9917,7 +9980,7 @@ var CodeEditorWorkspace = ({
     defaultExpandedPaths,
     width: fileTreeWidth
   };
-  const fileTreeElement = hasFileTree ? renderFileTree ? renderFileTree({ ...fileTreeProps, workspace }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(CodeEditorFileTree, { ...fileTreeProps }) : null;
+  const fileTreeElement = hasFileTree ? renderFileTree ? renderFileTree({ ...fileTreeProps, workspace }) : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(CodeEditorFileTree, { ...fileTreeProps }) : null;
   const statusBarProps = {
     gitInfo,
     language: workspace.activeFile?.language,
@@ -9925,8 +9988,9 @@ var CodeEditorWorkspace = ({
     items: statusBarItems,
     onBranchClick
   };
-  const statusBarElement = showStatusBar ? renderStatusBar ? renderStatusBar({ ...statusBarProps, workspace }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(CodeEditorStatusBar, { ...statusBarProps }) : null;
-  const editorElement = renderEditor ? renderEditor(workspace) : workspace.activeFile ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  const statusBarElement = showStatusBar ? renderStatusBar ? renderStatusBar({ ...statusBarProps, workspace }) : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(CodeEditorStatusBar, { ...statusBarProps }) : null;
+  const welcomeElement = renderWelcomeScreen ? renderWelcomeScreen(workspace) : welcomeScreen !== void 0 ? welcomeScreen : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(CodeEditorWelcomeScreen, { ...welcomeScreenProps });
+  const editorElement = renderEditor ? renderEditor(workspace) : workspace.activeFile ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
     CodeEditor,
     {
       value: workspace.activeFile.value,
@@ -9944,22 +10008,9 @@ var CodeEditorWorkspace = ({
       height: "100%",
       ...editorProps
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
-    import_material77.Box,
-    {
-      sx: {
-        flex: 1,
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        color: "text.secondary",
-        fontSize: "0.875rem"
-      },
-      children: "Open a file to start editing"
-    }
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
-    import_material77.Box,
+  ) : welcomeElement;
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+    import_material78.Box,
     {
       sx: {
         display: "flex",
@@ -9973,9 +10024,9 @@ var CodeEditorWorkspace = ({
       ...containerProps,
       children: [
         fileTreeElement,
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_material77.Box, { sx: { flex: 1, display: "flex", flexDirection: "column", minWidth: 0, overflow: "hidden" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_material78.Box, { sx: { flex: 1, display: "flex", flexDirection: "column", minWidth: 0, overflow: "hidden" }, children: [
           tabsElement,
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_material77.Box, { sx: { flex: 1, overflow: "hidden" }, children: editorElement }),
+          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_material78.Box, { sx: { flex: 1, overflow: "hidden" }, children: editorElement }),
           statusBarElement
         ] })
       ]
@@ -10017,6 +10068,7 @@ var CodeEditorWorkspace = ({
   CodeEditorFileTree,
   CodeEditorStatusBar,
   CodeEditorTabs,
+  CodeEditorWelcomeScreen,
   CodeEditorWorkspace,
   Collapse,
   ConnectionLineType,