@cere/cere-design-system 0.0.28 → 0.0.30

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import { Theme } from '@mui/material/styles';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { LottieComponentProps } from 'lottie-react';
-import * as React from 'react';
+import * as React$1 from 'react';
 import React__default, { ReactNode, Ref, PropsWithChildren, ReactElement, AriaAttributes } from 'react';
 import { ButtonProps as ButtonProps$1 } from '@mui/material/Button';
 import { IconButtonProps as IconButtonProps$1 } from '@mui/material/IconButton';
@@ -368,7 +368,7 @@ type DropdownAnchorProps = {
     onOpen?: () => void;
     variant?: 'header' | 'button';
 };
-declare const DropdownAnchor: React.ForwardRefExoticComponent<DropdownAnchorProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownAnchor: React$1.ForwardRefExoticComponent<DropdownAnchorProps & React$1.RefAttributes<HTMLButtonElement>>;
 
 type RenderAnchorOptions = {
     ref: Ref<any>;
@@ -1681,11 +1681,13 @@ declare const AppBar: React__default.FC<AppBarProps>;
 interface WorkflowTopBarProps extends Omit<BoxProps$1, 'title'> {
     /** Heading shown at the left side of the bar. */
     title?: string;
-    /** Execution identifier displayed in the CID field. */
+    /** Job identifier displayed in the Job ID field. */
     executionId: string;
-    /** Called when the execution ID value changes. */
+    /** Label shown above the job ID input. Defaults to "Job ID". */
+    executionIdLabel?: string;
+    /** Called when the job ID value changes. */
     onExecutionIdChange?: (value: string) => void;
-    /** Called when the execution ID clear action is pressed. */
+    /** Called when the job ID clear action is pressed. */
     onClearExecutionId?: () => void;
     /** Submit button label. */
     submitLabel?: string;
@@ -1730,6 +1732,14 @@ interface WorkflowSideInspectorProps extends PaperProps$1 {
     timestamp?: string;
     /** Duration value shown in metadata section. */
     duration?: string;
+    /** Whether to show the Input field in the details section. Defaults to true. */
+    showInput?: boolean;
+    /** Whether to show the Output field in the details section. Defaults to true. */
+    showOutput?: boolean;
+    /** Whether to show the Timestamp field in the metadata section. Defaults to true. */
+    showTimestamp?: boolean;
+    /** Whether to show the Duration field in the metadata section. Defaults to true. */
+    showDuration?: boolean;
     /** Bottom CTA label. Set to `undefined` or `null` to hide the button. */
     actionLabel?: string | null;
     /** Called when close button is pressed. */
@@ -1902,7 +1912,7 @@ interface CircularProgressProps extends CircularProgressProps$1 {
  */
 declare const CircularProgress: React__default.FC<CircularProgressProps>;
 
-declare const ActivityAppIcon: React.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
+declare const ActivityAppIcon: React$1.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
 
 declare const LeftArrowIcon: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 
@@ -1910,33 +1920,33 @@ declare const RightArrowIcon: (props: SvgIconProps) => react_jsx_runtime.JSX.Ele
 
 declare const AvatarIcon: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 
-declare const BarTrackingIcon: React.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
+declare const BarTrackingIcon: React$1.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
 
-declare const CereIcon: React.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
+declare const CereIcon: React$1.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
 
-declare const ClockIcon: React.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
+declare const ClockIcon: React$1.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
 
-declare const CloudFlashIcon: React.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
+declare const CloudFlashIcon: React$1.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
 
-declare const DecentralizedServerIcon: React.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
+declare const DecentralizedServerIcon: React$1.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
 
-declare const DiscordIcon: React.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
+declare const DiscordIcon: React$1.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
 
-declare const DownloadIcon: React.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
+declare const DownloadIcon: React$1.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
 
-declare const FilledFolderIcon: React.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
+declare const FilledFolderIcon: React$1.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
 
-declare const FolderIcon: React.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
+declare const FolderIcon: React$1.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
 
-declare const GithubLogoIcon: React.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
+declare const GithubLogoIcon: React$1.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
 
-declare const ShareIcon: React.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
+declare const ShareIcon: React$1.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
 
-declare const StorageAppIcon: React.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
+declare const StorageAppIcon: React$1.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
 
-declare const UploadFileIcon: React.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
+declare const UploadFileIcon: React$1.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
 
-declare const UploadFolderIcon: React.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
+declare const UploadFolderIcon: React$1.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
 
 type MarkdownProps = {
     children?: string;
@@ -1969,7 +1979,7 @@ type BytesSizeProps = {
 declare const BytesSize: ({ bytes }: BytesSizeProps) => react_jsx_runtime.JSX.Element;
 
 type QRCodeProps = Omit<QRCodeProps$1, 'ref'>;
-declare const QRCode: React.ForwardRefExoticComponent<QRCodeProps & React.RefAttributes<SVGElement>>;
+declare const QRCode: React$1.ForwardRefExoticComponent<QRCodeProps & React$1.RefAttributes<SVGElement>>;
 
 type ChartWidgetHistoryRecord = {
     date: Date;
@@ -2355,6 +2365,14 @@ interface CodeEditorProps {
      * ```
      */
     typeDefinitions?: string | string[];
+    /**
+     * When true, the editor skips internal value syncing and lets an external
+     * source (e.g. useCodeEditorWorkspace) manage Monaco models directly.
+     * The `value` prop is still used as the initial/display value but won't
+     * be force-synced to the editor.
+     * @default false
+     */
+    externalModelManagement?: boolean;
 }
 /**
  * CodeEditor component - wrapper around Monaco Editor matching dynamic-indexer-client implementation
@@ -2399,4 +2417,356 @@ interface WorkflowNodeData {
  */
 declare const WorkflowNodeHandle: React__default.FC<NodeProps<WorkflowNodeData>>;
 
-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, 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, EmptyState, type EmptyStateProps, EntityHeader, type EntityHeaderProps, FilledFolderIcon, FlowEditor, type FlowEditorProps, FolderIcon, 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 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, robPaletteExtended, robPrimaryPalette, theme, useIsDesktop, useIsMobile, useIsTablet, useOnboarding, workflowConnectionColors, workflowNodeColors };
+/**
+ * Represents a single file in the workspace.
+ */
+interface CodeEditorFile {
+    /** Unique file path, e.g. "src/index.ts" */
+    path: string;
+    /** Programming language (auto-detected from extension when omitted) */
+    language?: CodeEditorLanguage;
+    /** File content */
+    value: string;
+}
+/**
+ * Represents an open tab in the editor.
+ */
+interface CodeEditorTab {
+    /** File path this tab corresponds to */
+    path: string;
+    /** Display label (defaults to the filename portion of path) */
+    label?: string;
+    /** Whether the file has unsaved changes */
+    isDirty?: boolean;
+}
+/**
+ * A node in the file tree.
+ */
+interface FileTreeNode {
+    /** Display name */
+    name: string;
+    /** Full path (unique identifier) */
+    path: string;
+    /** Whether this is a file or folder */
+    type: 'file' | 'folder';
+    /** Children nodes (only for folders) */
+    children?: FileTreeNode[];
+    /** Optional custom icon */
+    icon?: ReactNode;
+}
+/**
+ * Git repository information passed into the workspace.
+ * The consuming app is responsible for fetching this data.
+ */
+interface GitInfo {
+    /** Current branch name, e.g. "feat/advanced-code-editor" */
+    branch: string;
+    /** Whether the working tree has uncommitted changes */
+    isDirty?: boolean;
+    /** Short commit hash of HEAD */
+    commitHash?: string;
+    /** Remote name, e.g. "origin" */
+    remote?: string;
+    /** Number of commits ahead of remote */
+    ahead?: number;
+    /** Number of commits behind remote */
+    behind?: number;
+}
+/**
+ * A custom item to render in the status bar.
+ */
+interface CodeEditorStatusBarItem {
+    /** Unique key */
+    id: string;
+    /** Content to display (string or ReactNode) */
+    content: ReactNode;
+    /** Side of the status bar */
+    align?: 'left' | 'right';
+    /** Optional click handler */
+    onClick?: () => void;
+    /** Tooltip text */
+    tooltip?: string;
+}
+/**
+ * Map from file extension to CodeEditorLanguage.
+ */
+declare const EXTENSION_LANGUAGE_MAP: Record<string, CodeEditorLanguage>;
+/**
+ * Detect language from a file path extension.
+ */
+declare function detectLanguage(path: string): CodeEditorLanguage;
+/**
+ * Extract the filename from a path.
+ */
+declare function getFileName(path: string): string;
+
+interface UseCodeEditorWorkspaceOptions {
+    /** All files available in the workspace */
+    files: CodeEditorFile[];
+    /** File paths to open as tabs initially */
+    initialOpenPaths?: string[];
+    /** Called when a file's content is modified in the editor */
+    onFileChange?: (path: string, value: string) => void;
+    /** Called when validation markers change across all open models */
+    onValidationChange?: (markers: Record<string, editor.IMarker[]>) => void;
+}
+interface UseCodeEditorWorkspaceReturn {
+    /** Currently open tabs */
+    openTabs: CodeEditorTab[];
+    /** Path of the active file (shown in editor) */
+    activeFilePath: string | null;
+    /** Open a file by path (creates tab if not already open, sets it active) */
+    openFile: (path: string) => void;
+    /** Close a tab by path */
+    closeFile: (path: string) => void;
+    /** Set a specific file as active */
+    setActiveFile: (path: string) => void;
+    /** Programmatically update file content */
+    updateFileContent: (path: string, value: string) => void;
+    /** Get the current content of a file */
+    getFileContent: (path: string) => string | undefined;
+    /** Get the active file data */
+    activeFile: CodeEditorFile | undefined;
+    /** Ref to hold the Monaco instance — pass to CodeEditor's monacoRef */
+    monacoRef: React.MutableRefObject<Monaco | null>;
+    /** Ref to hold the editor instance — pass to CodeEditor's editorRef */
+    editorRef: React.MutableRefObject<editor.IStandaloneCodeEditor | null>;
+    /** Handler to pass to CodeEditor's onMount */
+    handleEditorMount: (editorInstance: editor.IStandaloneCodeEditor, monacoInstance: Monaco) => void;
+    /** Handler to pass to CodeEditor's onChange */
+    handleEditorChange: (value: string) => void;
+    /** Aggregated validation markers keyed by file path */
+    validationMarkers: Record<string, editor.IMarker[]>;
+    /** Mark a file as saved (clears dirty flag) */
+    markSaved: (path: string) => void;
+    /** Mark all files as saved */
+    markAllSaved: () => void;
+    /** Current cursor position in the active editor */
+    cursorPosition: {
+        line: number;
+        column: number;
+    } | null;
+}
+/**
+ * Headless hook for managing a multi-file Monaco editor workspace.
+ *
+ * Manages Monaco models, open tabs, active file, and dirty tracking.
+ * Pass the returned refs/handlers to a `CodeEditor` component.
+ *
+ * @example
+ * ```tsx
+ * const workspace = useCodeEditorWorkspace({ files, onFileChange });
+ *
+ * <CodeEditorTabs
+ *   tabs={workspace.openTabs}
+ *   activeTab={workspace.activeFilePath}
+ *   onTabSelect={workspace.setActiveFile}
+ *   onTabClose={workspace.closeFile}
+ * />
+ * <CodeEditor
+ *   value={workspace.activeFile?.value ?? ''}
+ *   onChange={workspace.handleEditorChange}
+ *   language={workspace.activeFile?.language}
+ *   editorRef={workspace.editorRef}
+ *   monacoRef={workspace.monacoRef}
+ *   onMount={workspace.handleEditorMount}
+ * />
+ * ```
+ */
+declare function useCodeEditorWorkspace({ files, initialOpenPaths, onFileChange, onValidationChange, }: UseCodeEditorWorkspaceOptions): UseCodeEditorWorkspaceReturn;
+
+interface CodeEditorTabRenderProps {
+    tab: CodeEditorTab;
+    isActive: boolean;
+    onSelect: () => void;
+    onClose: () => void;
+}
+interface CodeEditorTabsProps {
+    /** Open tabs to display */
+    tabs: CodeEditorTab[];
+    /** Path of the currently active tab */
+    activeTab?: string | null;
+    /** Called when a tab is selected */
+    onTabSelect?: (path: string) => void;
+    /** Called when a tab's close button is clicked */
+    onTabClose?: (path: string) => void;
+    /**
+     * Render prop for full tab customisation.
+     * When provided, default tab rendering is skipped entirely.
+     */
+    renderTab?: (props: CodeEditorTabRenderProps) => React__default.ReactNode;
+    /** Props for the outer container */
+    containerProps?: BoxProps;
+}
+/**
+ * Tab bar for the CodeEditor workspace.
+ *
+ * Provides default MUI-based rendering, but consumers can fully replace it
+ * via the `renderTab` render prop.
+ *
+ * @example
+ * ```tsx
+ * <CodeEditorTabs
+ *   tabs={workspace.openTabs}
+ *   activeTab={workspace.activeFilePath}
+ *   onTabSelect={workspace.setActiveFile}
+ *   onTabClose={workspace.closeFile}
+ * />
+ * ```
+ */
+declare const CodeEditorTabs: React__default.FC<CodeEditorTabsProps>;
+
+interface FileTreeNodeRenderProps {
+    node: FileTreeNode;
+    depth: number;
+    isSelected: boolean;
+    isExpanded: boolean;
+    onSelect: () => void;
+    onToggle: () => void;
+}
+interface CodeEditorFileTreeProps {
+    /** Tree data to render */
+    tree: FileTreeNode[];
+    /** Currently selected file path */
+    selectedPath?: string | null;
+    /** Called when a file node is clicked */
+    onFileSelect?: (path: string) => void;
+    /** Called when a folder is expanded/collapsed */
+    onFolderToggle?: (path: string, isExpanded: boolean) => void;
+    /**
+     * Render prop for full node customisation.
+     * When provided, default rendering is skipped.
+     */
+    renderNode?: (props: FileTreeNodeRenderProps) => React__default.ReactNode;
+    /** Paths of folders that should be expanded initially */
+    defaultExpandedPaths?: string[];
+    /** Width of the file tree panel */
+    width?: string | number;
+    /** Props for the outer container */
+    containerProps?: BoxProps;
+}
+/**
+ * File tree navigator for the CodeEditor workspace.
+ *
+ * Provides default MUI-based rendering with collapsible folders.
+ * Consumers can fully replace rendering via `renderNode`.
+ *
+ * @example
+ * ```tsx
+ * <CodeEditorFileTree
+ *   tree={fileTree}
+ *   selectedPath={workspace.activeFilePath}
+ *   onFileSelect={workspace.openFile}
+ * />
+ * ```
+ */
+declare const CodeEditorFileTree: React__default.FC<CodeEditorFileTreeProps>;
+
+interface CodeEditorStatusBarRenderProps {
+    gitInfo?: GitInfo;
+    language?: CodeEditorLanguage;
+    cursorPosition?: {
+        line: number;
+        column: number;
+    };
+    items?: CodeEditorStatusBarItem[];
+}
+interface CodeEditorStatusBarProps {
+    /** Git repository information */
+    gitInfo?: GitInfo;
+    /** Language of the active file */
+    language?: CodeEditorLanguage;
+    /** Current cursor position */
+    cursorPosition?: {
+        line: number;
+        column: number;
+    };
+    /** Additional custom items */
+    items?: CodeEditorStatusBarItem[];
+    /**
+     * Render prop for full status bar customisation.
+     * When provided, default rendering is skipped entirely.
+     */
+    renderStatusBar?: (props: CodeEditorStatusBarRenderProps) => React__default.ReactNode;
+    /** Props for the outer container */
+    containerProps?: BoxProps;
+}
+/**
+ * Status bar for the CodeEditor workspace.
+ *
+ * Displays git branch info, cursor position, file language, and custom items.
+ * Fully replaceable via `renderStatusBar` render prop.
+ *
+ * @example
+ * ```tsx
+ * <CodeEditorStatusBar
+ *   gitInfo={{ branch: 'main', isDirty: true, commitHash: 'a1b2c3d' }}
+ *   language="typescript"
+ *   cursorPosition={{ line: 10, column: 5 }}
+ * />
+ * ```
+ */
+declare const CodeEditorStatusBar: React__default.FC<CodeEditorStatusBarProps>;
+
+interface CodeEditorWorkspaceProps extends Pick<UseCodeEditorWorkspaceOptions, 'files' | 'initialOpenPaths' | 'onFileChange' | 'onValidationChange'> {
+    /** File tree data. When omitted the file tree panel is hidden. */
+    fileTree?: FileTreeNode[];
+    /** Paths of folders expanded by default in the file tree */
+    defaultExpandedPaths?: string[];
+    /** Whether to show the tab bar. @default true */
+    showTabs?: boolean;
+    /** Whether to show the file tree panel. @default true (when fileTree is provided) */
+    showFileTree?: boolean;
+    /** Width of the file tree panel */
+    fileTreeWidth?: string | number;
+    /** Overall height of the workspace */
+    height?: string | number;
+    /** Props passed through to the inner CodeEditor */
+    editorProps?: Partial<Omit<CodeEditorProps, 'value' | 'onChange' | 'language' | 'editorRef' | 'monacoRef' | 'onMount'>>;
+    /** Props for the outer container */
+    containerProps?: BoxProps;
+    /** Replace the default tab bar rendering */
+    renderTabs?: (props: CodeEditorTabsProps & {
+        workspace: UseCodeEditorWorkspaceReturn;
+    }) => React__default.ReactNode;
+    /** Replace the default file tree rendering */
+    renderFileTree?: (props: CodeEditorFileTreeProps & {
+        workspace: UseCodeEditorWorkspaceReturn;
+    }) => React__default.ReactNode;
+    /** Replace the default editor rendering */
+    renderEditor?: (workspace: UseCodeEditorWorkspaceReturn) => React__default.ReactNode;
+    /** Replace the default status bar rendering */
+    renderStatusBar?: (props: CodeEditorStatusBarProps & {
+        workspace: UseCodeEditorWorkspaceReturn;
+    }) => React__default.ReactNode;
+    /** Git repository information to display in the status bar */
+    gitInfo?: GitInfo;
+    /** Whether to show the status bar. @default true */
+    showStatusBar?: boolean;
+    /** Additional custom items for the status bar */
+    statusBarItems?: CodeEditorStatusBarItem[];
+    /** Expose the workspace instance to the parent via ref-like callback */
+    onWorkspaceReady?: (workspace: UseCodeEditorWorkspaceReturn) => void;
+}
+/**
+ * Convenience composed workspace that combines `CodeEditorFileTree`,
+ * `CodeEditorTabs`, and `CodeEditor` into a single layout.
+ *
+ * For full control, use `useCodeEditorWorkspace` directly and assemble
+ * the pieces yourself.
+ *
+ * @example
+ * ```tsx
+ * <CodeEditorWorkspace
+ *   files={files}
+ *   fileTree={tree}
+ *   initialOpenPaths={['src/index.ts']}
+ *   height="600px"
+ *   gitInfo={{ branch: 'main', isDirty: true, commitHash: 'a1b2c3d' }}
+ *   onFileChange={(path, value) => console.log(path, value)}
+ * />
+ * ```
+ */
+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 };