@superdangerous/app-framework 4.14.0 → 4.15.0

package/ui/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React$1 from 'react';
-import React__default, { ReactNode } from 'react';
+import React__default, { ReactNode, MouseEvent } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
@@ -195,10 +195,20 @@ declare function ProtectedRoute({ children, loginPath, authEndpoint, loadingComp
 
 interface LogsPageProps {
     apiUrl?: string;
-    title?: string;
-    description?: string;
 }
-declare function LogsPage({ apiUrl, title, description }: LogsPageProps): react_jsx_runtime.JSX.Element;
+/**
+ * A complete logs page component with file list and live log viewer
+ *
+ * @example
+ * ```tsx
+ * import { LogsPage } from '@superdangerous/app-framework/ui';
+ *
+ * function App() {
+ *   return <LogsPage apiUrl="/api/logs" />;
+ * }
+ * ```
+ */
+declare function LogsPage({ apiUrl }: LogsPageProps): react_jsx_runtime.JSX.Element;
 
 interface SettingDefinition$1 {
     key: string;
@@ -403,6 +413,176 @@ declare function MarkdownScrollArea({ content, className, height, ...props }: Ma
     height?: string;
 }): react_jsx_runtime.JSX.Element;
 
+interface TruncatedTextProps {
+    children: ReactNode;
+    className?: string;
+    maxWidth?: string | number;
+    tooltipSide?: 'top' | 'right' | 'bottom' | 'left';
+}
+declare function TruncatedText({ children, className, maxWidth, tooltipSide, }: TruncatedTextProps): react_jsx_runtime.JSX.Element;
+
+declare const TAG_COLORS: {
+    hex: string;
+    name: string;
+}[];
+interface ColorPaletteProps {
+    value: string;
+    onChange: (color: string) => void;
+    columns?: number;
+    className?: string;
+}
+declare function ColorPalette({ value, onChange, columns, className }: ColorPaletteProps): react_jsx_runtime.JSX.Element;
+declare function getRandomTagColor(): string;
+declare function getNextTagColor(currentColor: string): string;
+declare function getNextAvailableColor(usedColors: string[]): string;
+
+type ConfirmDialogVariant = 'default' | 'destructive' | 'warning' | 'success';
+interface ConfirmDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: string;
+    description: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    variant?: ConfirmDialogVariant;
+    icon?: LucideIcon;
+    onConfirm: () => void;
+    onCancel?: () => void;
+    loading?: boolean;
+}
+declare function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, variant, icon, onConfirm, onCancel, loading, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
+/**
+ * Hook to manage confirm dialog state
+ */
+declare function useConfirmDialog(): {
+    confirm: (options: {
+        title: string;
+        description: string;
+        confirmLabel?: string;
+        cancelLabel?: string;
+        variant?: ConfirmDialogVariant;
+    }) => Promise<boolean>;
+    dialogProps: {
+        onOpenChange: (open: boolean) => void;
+        onCancel: () => void;
+        open: boolean;
+        title: string;
+        description: string;
+        confirmLabel?: string;
+        cancelLabel?: string;
+        variant?: ConfirmDialogVariant;
+        onConfirm: () => void;
+    };
+    ConfirmDialog: typeof ConfirmDialog;
+};
+
+interface ResizableDialogRenderProps {
+    isFullscreen: boolean;
+}
+interface ResizableDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title?: React.ReactNode;
+    children: React.ReactNode | ((props: ResizableDialogRenderProps) => React.ReactNode);
+    footer?: React.ReactNode;
+    defaultWidth?: number;
+    defaultHeight?: number;
+    minWidth?: number;
+    minHeight?: number;
+    className?: string;
+    onFullscreenChange?: (isFullscreen: boolean) => void;
+}
+declare function ResizableDialog({ open, onOpenChange, title, children, footer, defaultWidth, defaultHeight, minWidth, minHeight, className, onFullscreenChange, }: ResizableDialogProps): react_jsx_runtime.JSX.Element;
+
+interface ContextMenuPosition {
+    x: number;
+    y: number;
+}
+interface ContextMenuProps {
+    position: ContextMenuPosition;
+    onClose: () => void;
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Base context menu container with positioning, close-on-outside-click,
+ * and close-on-scroll behavior. Automatically adjusts position to stay within viewport.
+ */
+declare function ContextMenu({ position, onClose, children, className }: ContextMenuProps): react_jsx_runtime.JSX.Element;
+
+interface ContextMenuItemProps {
+    onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
+    onMouseEnter?: () => void;
+    icon?: ReactNode;
+    children: ReactNode;
+    /** Use 'default' for standard items, or specify a color variant */
+    variant?: 'default' | 'success' | 'warning' | 'destructive' | 'purple';
+    disabled?: boolean;
+    className?: string;
+}
+/**
+ * A single menu item for the context menu.
+ */
+declare function ContextMenuItem({ onClick, onMouseEnter, icon, children, variant, disabled, className, }: ContextMenuItemProps): react_jsx_runtime.JSX.Element;
+/**
+ * Horizontal separator for context menu sections.
+ */
+declare function ContextMenuSeparator(): react_jsx_runtime.JSX.Element;
+
+interface ContextMenuSubmenuProps {
+    label: string;
+    icon?: ReactNode;
+    children: ReactNode;
+    /** Callback when this submenu opens (useful for closing other submenus) */
+    onOpen?: () => void;
+    /** External control for open state */
+    isOpen?: boolean;
+    /** External control for setting open state */
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+}
+/**
+ * A hoverable submenu that opens to the right of the trigger.
+ * Can be controlled externally or manage its own state.
+ */
+declare function ContextMenuSubmenu({ label, icon, children, onOpen, isOpen: externalIsOpen, onOpenChange, className, }: ContextMenuSubmenuProps): react_jsx_runtime.JSX.Element;
+
+interface CodeViewerProps {
+    code: string;
+    language?: string;
+    filename?: string;
+    lineStart?: number;
+    highlightLines?: number[];
+    className?: string;
+    showLineNumbers?: boolean;
+    showFilename?: boolean;
+    autoScrollToHighlight?: boolean;
+}
+/**
+ * Code viewer with syntax highlighting, line numbers, and highlighted line support.
+ *
+ * @example
+ * ```tsx
+ * <CodeViewer
+ *   code={sourceCode}
+ *   filename="example.ts"
+ *   highlightLines={[5, 6, 7]}
+ *   lineStart={10}
+ * />
+ * ```
+ */
+declare function CodeViewer({ code, language, filename, lineStart, highlightLines, className, showLineNumbers, showFilename, autoScrollToHighlight, }: CodeViewerProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Compact version for inline code snippets without line numbers.
+ */
+declare function CodeSnippet({ code, language, filename, className, }: {
+    code: string;
+    language?: string;
+    filename?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
 /**
  * Date formatting utilities for displaying relative time
  */
@@ -432,6 +612,28 @@ declare function formatDuration(seconds: number): string;
  */
 declare function formatShortRelativeTime(date: Date | string | number): string;
 
+/**
+ * Number and byte formatting utilities
+ */
+/**
+ * Formats bytes to human-readable size
+ * @param bytes - Number of bytes
+ * @returns Formatted string (e.g., "1.50 KB", "2.30 MB")
+ */
+declare function formatBytes(bytes: number): string;
+/**
+ * Formats large numbers with K/M suffixes
+ * @param num - Number to format
+ * @returns Formatted string (e.g., "1.5K", "2.3M")
+ */
+declare function formatNumber(num: number): string;
+/**
+ * Formats duration in milliseconds to human-readable format
+ * @param ms - Duration in milliseconds
+ * @returns Formatted duration string (e.g., "2h 15m", "45s")
+ */
+declare function formatDurationMs(ms: number): string;
+
 declare function getTagColor(tag: string): {
     bg: string;
     text: string;
@@ -1218,4 +1420,4 @@ declare const statusStyles: {
     };
 };
 
-export { ActivityLED, type ActivityLEDProps, Alert, AlertDescription, AlertTitle, type ApiReadinessOptions, type ApiReadinessResult, AppLayout, type AppLayoutProps, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardHeader, type CardProps, CardSkeleton, CardTitle, Checkbox, CompactStat, type CompactStatProps, CompactThemeToggle, ConnectionIndicator, ConnectionLostOverlay, ConnectionOverlay, ConnectionStatus$1 as ConnectionStatus, ConnectionStatusBanner, DashboardStats, type DashboardStatsProps, type DataColumn, DeviceIcon, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DogEarBadge, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStates, type FormState, HelpTooltip, Input, type InputProps, Label, LoadingState, type LogEntry, type LogFile, LogStats, type LogStatsProps, LogViewer, type LogViewerProps, LoginPage, LogsPage, type LogsPageProps, MarkdownCard, MarkdownScrollArea, MarkdownViewer, type NavItem, NetworkInterfaceSelect, NoSearchResults, NoSimulatorsRunning, NoTemplatesFound, Popover, PopoverContent, PopoverTrigger, Progress, ProtectedRoute, RealtimeDataTable, type RealtimeDataTableProps, RestartBanner, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SettingDefinition$1 as SettingDefinition, type SettingsCategory$1 as SettingsCategory, SettingsFramework, SettingsPage, type SettingsPageProps, SidebarLayout, type SidebarLayoutProps, Slider, type SocketIOActions, type SocketIOConfig, type SocketIOState, Sparkline, type SparklineProps, type StatCard, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableSkeleton, Tabs, TabsContent, TabsList, TabsTrigger, TestModeIndicator, Textarea, type TextareaProps, type Theme, type ThemeConfig, type ThemeMode, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UpdateNotification, type UseFormStateOptions, activityStyles, apiRequest, authHandler, badgeVariants, buttonStyles, buttonVariants, cardStyles, checkApiReadiness, cn, createSettingsCategory, defaultSettingsCategories, emptyStateStyles, formatDateTime, formatDuration, formatRelativeTime, formatShortRelativeTime, getCSSVariables, getTagClassName, getTagColor, socketManager, statusStyles, theme, timeAgo, useApiReadiness, useConnectionStatus, useDebounce, useFormState, useSocketIO, useTheme, waitForApiReady };
+export { ActivityLED, type ActivityLEDProps, Alert, AlertDescription, AlertTitle, type ApiReadinessOptions, type ApiReadinessResult, AppLayout, type AppLayoutProps, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardHeader, type CardProps, CardSkeleton, CardTitle, Checkbox, CodeSnippet, CodeViewer, type CodeViewerProps, ColorPalette, CompactStat, type CompactStatProps, CompactThemeToggle, ConfirmDialog, type ConfirmDialogVariant, ConnectionIndicator, ConnectionLostOverlay, ConnectionOverlay, ConnectionStatus$1 as ConnectionStatus, ConnectionStatusBanner, ContextMenu, ContextMenuItem, type ContextMenuItemProps, type ContextMenuPosition, type ContextMenuProps, ContextMenuSeparator, ContextMenuSubmenu, type ContextMenuSubmenuProps, DashboardStats, type DashboardStatsProps, type DataColumn, DeviceIcon, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DogEarBadge, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStates, type FormState, HelpTooltip, Input, type InputProps, Label, LoadingState, type LogEntry, type LogFile, LogStats, type LogStatsProps, LogViewer, type LogViewerProps, LoginPage, LogsPage, type LogsPageProps, MarkdownCard, MarkdownScrollArea, MarkdownViewer, type NavItem, NetworkInterfaceSelect, NoSearchResults, NoSimulatorsRunning, NoTemplatesFound, Popover, PopoverContent, PopoverTrigger, Progress, ProtectedRoute, RealtimeDataTable, type RealtimeDataTableProps, ResizableDialog, RestartBanner, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SettingDefinition$1 as SettingDefinition, type SettingsCategory$1 as SettingsCategory, SettingsFramework, SettingsPage, type SettingsPageProps, SidebarLayout, type SidebarLayoutProps, Slider, type SocketIOActions, type SocketIOConfig, type SocketIOState, Sparkline, type SparklineProps, type StatCard, Switch, TAG_COLORS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableSkeleton, Tabs, TabsContent, TabsList, TabsTrigger, TestModeIndicator, Textarea, type TextareaProps, type Theme, type ThemeConfig, type ThemeMode, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TruncatedText, UpdateNotification, type UseFormStateOptions, activityStyles, apiRequest, authHandler, badgeVariants, buttonStyles, buttonVariants, cardStyles, checkApiReadiness, cn, createSettingsCategory, defaultSettingsCategories, emptyStateStyles, formatBytes, formatDateTime, formatDuration, formatDurationMs, formatNumber, formatRelativeTime, formatShortRelativeTime, getCSSVariables, getNextAvailableColor, getNextTagColor, getRandomTagColor, getTagClassName, getTagColor, socketManager, statusStyles, theme, timeAgo, useApiReadiness, useConfirmDialog, useConnectionStatus, useDebounce, useFormState, useSocketIO, useTheme, waitForApiReady };

package/ui/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React$1 from 'react';
-import React__default, { ReactNode } from 'react';
+import React__default, { ReactNode, MouseEvent } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
@@ -195,10 +195,20 @@ declare function ProtectedRoute({ children, loginPath, authEndpoint, loadingComp
 
 interface LogsPageProps {
     apiUrl?: string;
-    title?: string;
-    description?: string;
 }
-declare function LogsPage({ apiUrl, title, description }: LogsPageProps): react_jsx_runtime.JSX.Element;
+/**
+ * A complete logs page component with file list and live log viewer
+ *
+ * @example
+ * ```tsx
+ * import { LogsPage } from '@superdangerous/app-framework/ui';
+ *
+ * function App() {
+ *   return <LogsPage apiUrl="/api/logs" />;
+ * }
+ * ```
+ */
+declare function LogsPage({ apiUrl }: LogsPageProps): react_jsx_runtime.JSX.Element;
 
 interface SettingDefinition$1 {
     key: string;
@@ -403,6 +413,176 @@ declare function MarkdownScrollArea({ content, className, height, ...props }: Ma
     height?: string;
 }): react_jsx_runtime.JSX.Element;
 
+interface TruncatedTextProps {
+    children: ReactNode;
+    className?: string;
+    maxWidth?: string | number;
+    tooltipSide?: 'top' | 'right' | 'bottom' | 'left';
+}
+declare function TruncatedText({ children, className, maxWidth, tooltipSide, }: TruncatedTextProps): react_jsx_runtime.JSX.Element;
+
+declare const TAG_COLORS: {
+    hex: string;
+    name: string;
+}[];
+interface ColorPaletteProps {
+    value: string;
+    onChange: (color: string) => void;
+    columns?: number;
+    className?: string;
+}
+declare function ColorPalette({ value, onChange, columns, className }: ColorPaletteProps): react_jsx_runtime.JSX.Element;
+declare function getRandomTagColor(): string;
+declare function getNextTagColor(currentColor: string): string;
+declare function getNextAvailableColor(usedColors: string[]): string;
+
+type ConfirmDialogVariant = 'default' | 'destructive' | 'warning' | 'success';
+interface ConfirmDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: string;
+    description: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    variant?: ConfirmDialogVariant;
+    icon?: LucideIcon;
+    onConfirm: () => void;
+    onCancel?: () => void;
+    loading?: boolean;
+}
+declare function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, variant, icon, onConfirm, onCancel, loading, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
+/**
+ * Hook to manage confirm dialog state
+ */
+declare function useConfirmDialog(): {
+    confirm: (options: {
+        title: string;
+        description: string;
+        confirmLabel?: string;
+        cancelLabel?: string;
+        variant?: ConfirmDialogVariant;
+    }) => Promise<boolean>;
+    dialogProps: {
+        onOpenChange: (open: boolean) => void;
+        onCancel: () => void;
+        open: boolean;
+        title: string;
+        description: string;
+        confirmLabel?: string;
+        cancelLabel?: string;
+        variant?: ConfirmDialogVariant;
+        onConfirm: () => void;
+    };
+    ConfirmDialog: typeof ConfirmDialog;
+};
+
+interface ResizableDialogRenderProps {
+    isFullscreen: boolean;
+}
+interface ResizableDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title?: React.ReactNode;
+    children: React.ReactNode | ((props: ResizableDialogRenderProps) => React.ReactNode);
+    footer?: React.ReactNode;
+    defaultWidth?: number;
+    defaultHeight?: number;
+    minWidth?: number;
+    minHeight?: number;
+    className?: string;
+    onFullscreenChange?: (isFullscreen: boolean) => void;
+}
+declare function ResizableDialog({ open, onOpenChange, title, children, footer, defaultWidth, defaultHeight, minWidth, minHeight, className, onFullscreenChange, }: ResizableDialogProps): react_jsx_runtime.JSX.Element;
+
+interface ContextMenuPosition {
+    x: number;
+    y: number;
+}
+interface ContextMenuProps {
+    position: ContextMenuPosition;
+    onClose: () => void;
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Base context menu container with positioning, close-on-outside-click,
+ * and close-on-scroll behavior. Automatically adjusts position to stay within viewport.
+ */
+declare function ContextMenu({ position, onClose, children, className }: ContextMenuProps): react_jsx_runtime.JSX.Element;
+
+interface ContextMenuItemProps {
+    onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
+    onMouseEnter?: () => void;
+    icon?: ReactNode;
+    children: ReactNode;
+    /** Use 'default' for standard items, or specify a color variant */
+    variant?: 'default' | 'success' | 'warning' | 'destructive' | 'purple';
+    disabled?: boolean;
+    className?: string;
+}
+/**
+ * A single menu item for the context menu.
+ */
+declare function ContextMenuItem({ onClick, onMouseEnter, icon, children, variant, disabled, className, }: ContextMenuItemProps): react_jsx_runtime.JSX.Element;
+/**
+ * Horizontal separator for context menu sections.
+ */
+declare function ContextMenuSeparator(): react_jsx_runtime.JSX.Element;
+
+interface ContextMenuSubmenuProps {
+    label: string;
+    icon?: ReactNode;
+    children: ReactNode;
+    /** Callback when this submenu opens (useful for closing other submenus) */
+    onOpen?: () => void;
+    /** External control for open state */
+    isOpen?: boolean;
+    /** External control for setting open state */
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+}
+/**
+ * A hoverable submenu that opens to the right of the trigger.
+ * Can be controlled externally or manage its own state.
+ */
+declare function ContextMenuSubmenu({ label, icon, children, onOpen, isOpen: externalIsOpen, onOpenChange, className, }: ContextMenuSubmenuProps): react_jsx_runtime.JSX.Element;
+
+interface CodeViewerProps {
+    code: string;
+    language?: string;
+    filename?: string;
+    lineStart?: number;
+    highlightLines?: number[];
+    className?: string;
+    showLineNumbers?: boolean;
+    showFilename?: boolean;
+    autoScrollToHighlight?: boolean;
+}
+/**
+ * Code viewer with syntax highlighting, line numbers, and highlighted line support.
+ *
+ * @example
+ * ```tsx
+ * <CodeViewer
+ *   code={sourceCode}
+ *   filename="example.ts"
+ *   highlightLines={[5, 6, 7]}
+ *   lineStart={10}
+ * />
+ * ```
+ */
+declare function CodeViewer({ code, language, filename, lineStart, highlightLines, className, showLineNumbers, showFilename, autoScrollToHighlight, }: CodeViewerProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Compact version for inline code snippets without line numbers.
+ */
+declare function CodeSnippet({ code, language, filename, className, }: {
+    code: string;
+    language?: string;
+    filename?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
 /**
  * Date formatting utilities for displaying relative time
  */
@@ -432,6 +612,28 @@ declare function formatDuration(seconds: number): string;
  */
 declare function formatShortRelativeTime(date: Date | string | number): string;
 
+/**
+ * Number and byte formatting utilities
+ */
+/**
+ * Formats bytes to human-readable size
+ * @param bytes - Number of bytes
+ * @returns Formatted string (e.g., "1.50 KB", "2.30 MB")
+ */
+declare function formatBytes(bytes: number): string;
+/**
+ * Formats large numbers with K/M suffixes
+ * @param num - Number to format
+ * @returns Formatted string (e.g., "1.5K", "2.3M")
+ */
+declare function formatNumber(num: number): string;
+/**
+ * Formats duration in milliseconds to human-readable format
+ * @param ms - Duration in milliseconds
+ * @returns Formatted duration string (e.g., "2h 15m", "45s")
+ */
+declare function formatDurationMs(ms: number): string;
+
 declare function getTagColor(tag: string): {
     bg: string;
     text: string;
@@ -1218,4 +1420,4 @@ declare const statusStyles: {
     };
 };
 
-export { ActivityLED, type ActivityLEDProps, Alert, AlertDescription, AlertTitle, type ApiReadinessOptions, type ApiReadinessResult, AppLayout, type AppLayoutProps, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardHeader, type CardProps, CardSkeleton, CardTitle, Checkbox, CompactStat, type CompactStatProps, CompactThemeToggle, ConnectionIndicator, ConnectionLostOverlay, ConnectionOverlay, ConnectionStatus$1 as ConnectionStatus, ConnectionStatusBanner, DashboardStats, type DashboardStatsProps, type DataColumn, DeviceIcon, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DogEarBadge, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStates, type FormState, HelpTooltip, Input, type InputProps, Label, LoadingState, type LogEntry, type LogFile, LogStats, type LogStatsProps, LogViewer, type LogViewerProps, LoginPage, LogsPage, type LogsPageProps, MarkdownCard, MarkdownScrollArea, MarkdownViewer, type NavItem, NetworkInterfaceSelect, NoSearchResults, NoSimulatorsRunning, NoTemplatesFound, Popover, PopoverContent, PopoverTrigger, Progress, ProtectedRoute, RealtimeDataTable, type RealtimeDataTableProps, RestartBanner, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SettingDefinition$1 as SettingDefinition, type SettingsCategory$1 as SettingsCategory, SettingsFramework, SettingsPage, type SettingsPageProps, SidebarLayout, type SidebarLayoutProps, Slider, type SocketIOActions, type SocketIOConfig, type SocketIOState, Sparkline, type SparklineProps, type StatCard, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableSkeleton, Tabs, TabsContent, TabsList, TabsTrigger, TestModeIndicator, Textarea, type TextareaProps, type Theme, type ThemeConfig, type ThemeMode, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UpdateNotification, type UseFormStateOptions, activityStyles, apiRequest, authHandler, badgeVariants, buttonStyles, buttonVariants, cardStyles, checkApiReadiness, cn, createSettingsCategory, defaultSettingsCategories, emptyStateStyles, formatDateTime, formatDuration, formatRelativeTime, formatShortRelativeTime, getCSSVariables, getTagClassName, getTagColor, socketManager, statusStyles, theme, timeAgo, useApiReadiness, useConnectionStatus, useDebounce, useFormState, useSocketIO, useTheme, waitForApiReady };
+export { ActivityLED, type ActivityLEDProps, Alert, AlertDescription, AlertTitle, type ApiReadinessOptions, type ApiReadinessResult, AppLayout, type AppLayoutProps, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardHeader, type CardProps, CardSkeleton, CardTitle, Checkbox, CodeSnippet, CodeViewer, type CodeViewerProps, ColorPalette, CompactStat, type CompactStatProps, CompactThemeToggle, ConfirmDialog, type ConfirmDialogVariant, ConnectionIndicator, ConnectionLostOverlay, ConnectionOverlay, ConnectionStatus$1 as ConnectionStatus, ConnectionStatusBanner, ContextMenu, ContextMenuItem, type ContextMenuItemProps, type ContextMenuPosition, type ContextMenuProps, ContextMenuSeparator, ContextMenuSubmenu, type ContextMenuSubmenuProps, DashboardStats, type DashboardStatsProps, type DataColumn, DeviceIcon, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DogEarBadge, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStates, type FormState, HelpTooltip, Input, type InputProps, Label, LoadingState, type LogEntry, type LogFile, LogStats, type LogStatsProps, LogViewer, type LogViewerProps, LoginPage, LogsPage, type LogsPageProps, MarkdownCard, MarkdownScrollArea, MarkdownViewer, type NavItem, NetworkInterfaceSelect, NoSearchResults, NoSimulatorsRunning, NoTemplatesFound, Popover, PopoverContent, PopoverTrigger, Progress, ProtectedRoute, RealtimeDataTable, type RealtimeDataTableProps, ResizableDialog, RestartBanner, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SettingDefinition$1 as SettingDefinition, type SettingsCategory$1 as SettingsCategory, SettingsFramework, SettingsPage, type SettingsPageProps, SidebarLayout, type SidebarLayoutProps, Slider, type SocketIOActions, type SocketIOConfig, type SocketIOState, Sparkline, type SparklineProps, type StatCard, Switch, TAG_COLORS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableSkeleton, Tabs, TabsContent, TabsList, TabsTrigger, TestModeIndicator, Textarea, type TextareaProps, type Theme, type ThemeConfig, type ThemeMode, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TruncatedText, UpdateNotification, type UseFormStateOptions, activityStyles, apiRequest, authHandler, badgeVariants, buttonStyles, buttonVariants, cardStyles, checkApiReadiness, cn, createSettingsCategory, defaultSettingsCategories, emptyStateStyles, formatBytes, formatDateTime, formatDuration, formatDurationMs, formatNumber, formatRelativeTime, formatShortRelativeTime, getCSSVariables, getNextAvailableColor, getNextTagColor, getRandomTagColor, getTagClassName, getTagColor, socketManager, statusStyles, theme, timeAgo, useApiReadiness, useConfirmDialog, useConnectionStatus, useDebounce, useFormState, useSocketIO, useTheme, waitForApiReady };