@superdangerous/app-framework 4.17.9 → 4.17.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superdangerous/app-framework",
-  "version": "4.17.9",
+  "version": "4.17.10",
   "description": "Opinionated TypeScript framework for vibecoding enterprise web and desktop apps — 20+ UI components, WebSocket, Electron, and production services pre-wired",
   "type": "module",
   "main": "dist/index.js",

package/ui/dist/index.d.mts

@@ -1313,6 +1313,30 @@ interface LogsSettingsProps extends SettingsCategoryComponentProps {
 /** @deprecated Use LiveLogsSettings and LogArchivesSettings instead */
 declare function LogsSettings({ onFetchLogs, onFetchArchives, onClearLogs, onDownloadArchive, onDeleteArchive, autoRefreshMs, height, }: LogsSettingsProps): react_jsx_runtime.JSX.Element;
 
+interface SettingsPanelProps {
+    title: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+    meta?: ReactNode;
+    actions?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    headerClassName?: string;
+    bodyClassName?: string;
+}
+interface SettingsDetailListItem {
+    key?: string;
+    label: ReactNode;
+    value: ReactNode;
+}
+interface SettingsDetailListProps {
+    items: SettingsDetailListItem[];
+    className?: string;
+    itemClassName?: string;
+}
+declare function SettingsPanel({ title, description, icon, meta, actions, children, className, headerClassName, bodyClassName, }: SettingsPanelProps): react_jsx_runtime.JSX.Element;
+declare function SettingsDetailList({ items, className, itemClassName }: SettingsDetailListProps): react_jsx_runtime.JSX.Element;
+
 /**
  * Theme Toggle Component
  * Provides UI for switching between light/dark/system themes
@@ -1769,4 +1793,4 @@ declare const statusStyles: {
     };
 };
 
-export { ActivityLED, type ActivityLEDProps, Alert, AlertDescription, AlertTitle, type ApiReadinessOptions, type ApiReadinessResult, AppCommandPalette, type AppCommandPaletteItem, type AppCommandPaletteProps, AppCrashFallback, type AppCrashFallbackProps, AppFooter, type AppFooterProps, type AppFooterStatusTone, AppLayout, type AppLayoutProps, Badge, type BadgeProps, type BrowserLogEntry, type BrowserLogLevel, type BrowserLogger, type BrowserLoggerOptions, 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, type CustomFieldProps, 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, LiveLogsSettings, type LiveLogsSettingsProps, LoadingState, LogArchivesSettings, type LogArchivesSettingsProps, type LogEntry, type LogFile, LogStats, type LogStatsProps, LogViewer, type LogViewerProps, LoginPage, LogsPage, type LogsPageProps, LogsSettings, type LogsSettingsProps, MarkdownCard, MarkdownScrollArea, MarkdownViewer, type NavItem, NetworkInterfaceSelect, NoSearchResults, NoSimulatorsRunning, NoTemplatesFound, PathTypeahead, type PathTypeaheadProps, 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, type SettingsCategory, type SettingsCategoryComponentProps, SettingsFramework, type SettingsFrameworkProps, SettingsPage, type SettingsPageProps, Sidebar, SidebarAppLayout, type SidebarAppLayoutProps, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarLayout, type SidebarLayoutProps, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, type SidebarNavGroup, type SidebarNavItem, SidebarProvider, SidebarRail, SidebarSection, SidebarSeparator, SidebarTrigger, 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, browserLogLevels, browserLogger, buttonStyles, buttonVariants, cardStyles, checkApiReadiness, cn, createBrowserLogger, createScopedBrowserLogger, createSettingsCategory, defaultSettingsCategories, emptyStateStyles, formatBytes, formatDateTime, formatDuration, formatDurationMs, formatNumber, formatRelativeTime, formatShortRelativeTime, formatTimeAgo, getCSSVariables, getNextAvailableColor, getNextTagColor, getRandomTagColor, getTagClassName, getTagColor, socketManager, statusStyles, theme, timeAgo, useApiReadiness, useConfirmDialog, useConnectionStatus, useDebounce, useFormState, useSidebar, useSocketIO, useTheme, waitForApiReady };
+export { ActivityLED, type ActivityLEDProps, Alert, AlertDescription, AlertTitle, type ApiReadinessOptions, type ApiReadinessResult, AppCommandPalette, type AppCommandPaletteItem, type AppCommandPaletteProps, AppCrashFallback, type AppCrashFallbackProps, AppFooter, type AppFooterProps, type AppFooterStatusTone, AppLayout, type AppLayoutProps, Badge, type BadgeProps, type BrowserLogEntry, type BrowserLogLevel, type BrowserLogger, type BrowserLoggerOptions, 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, type CustomFieldProps, 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, LiveLogsSettings, type LiveLogsSettingsProps, LoadingState, LogArchivesSettings, type LogArchivesSettingsProps, type LogEntry, type LogFile, LogStats, type LogStatsProps, LogViewer, type LogViewerProps, LoginPage, LogsPage, type LogsPageProps, LogsSettings, type LogsSettingsProps, MarkdownCard, MarkdownScrollArea, MarkdownViewer, type NavItem, NetworkInterfaceSelect, NoSearchResults, NoSimulatorsRunning, NoTemplatesFound, PathTypeahead, type PathTypeaheadProps, 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, type SettingsCategory, type SettingsCategoryComponentProps, SettingsDetailList, type SettingsDetailListItem, type SettingsDetailListProps, SettingsFramework, type SettingsFrameworkProps, SettingsPage, type SettingsPageProps, SettingsPanel, type SettingsPanelProps, Sidebar, SidebarAppLayout, type SidebarAppLayoutProps, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarLayout, type SidebarLayoutProps, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, type SidebarNavGroup, type SidebarNavItem, SidebarProvider, SidebarRail, SidebarSection, SidebarSeparator, SidebarTrigger, 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, browserLogLevels, browserLogger, buttonStyles, buttonVariants, cardStyles, checkApiReadiness, cn, createBrowserLogger, createScopedBrowserLogger, createSettingsCategory, defaultSettingsCategories, emptyStateStyles, formatBytes, formatDateTime, formatDuration, formatDurationMs, formatNumber, formatRelativeTime, formatShortRelativeTime, formatTimeAgo, getCSSVariables, getNextAvailableColor, getNextTagColor, getRandomTagColor, getTagClassName, getTagColor, socketManager, statusStyles, theme, timeAgo, useApiReadiness, useConfirmDialog, useConnectionStatus, useDebounce, useFormState, useSidebar, useSocketIO, useTheme, waitForApiReady };

package/ui/dist/index.d.ts

@@ -1313,6 +1313,30 @@ interface LogsSettingsProps extends SettingsCategoryComponentProps {
 /** @deprecated Use LiveLogsSettings and LogArchivesSettings instead */
 declare function LogsSettings({ onFetchLogs, onFetchArchives, onClearLogs, onDownloadArchive, onDeleteArchive, autoRefreshMs, height, }: LogsSettingsProps): react_jsx_runtime.JSX.Element;
 
+interface SettingsPanelProps {
+    title: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+    meta?: ReactNode;
+    actions?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    headerClassName?: string;
+    bodyClassName?: string;
+}
+interface SettingsDetailListItem {
+    key?: string;
+    label: ReactNode;
+    value: ReactNode;
+}
+interface SettingsDetailListProps {
+    items: SettingsDetailListItem[];
+    className?: string;
+    itemClassName?: string;
+}
+declare function SettingsPanel({ title, description, icon, meta, actions, children, className, headerClassName, bodyClassName, }: SettingsPanelProps): react_jsx_runtime.JSX.Element;
+declare function SettingsDetailList({ items, className, itemClassName }: SettingsDetailListProps): react_jsx_runtime.JSX.Element;
+
 /**
  * Theme Toggle Component
  * Provides UI for switching between light/dark/system themes
@@ -1769,4 +1793,4 @@ declare const statusStyles: {
     };
 };
 
-export { ActivityLED, type ActivityLEDProps, Alert, AlertDescription, AlertTitle, type ApiReadinessOptions, type ApiReadinessResult, AppCommandPalette, type AppCommandPaletteItem, type AppCommandPaletteProps, AppCrashFallback, type AppCrashFallbackProps, AppFooter, type AppFooterProps, type AppFooterStatusTone, AppLayout, type AppLayoutProps, Badge, type BadgeProps, type BrowserLogEntry, type BrowserLogLevel, type BrowserLogger, type BrowserLoggerOptions, 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, type CustomFieldProps, 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, LiveLogsSettings, type LiveLogsSettingsProps, LoadingState, LogArchivesSettings, type LogArchivesSettingsProps, type LogEntry, type LogFile, LogStats, type LogStatsProps, LogViewer, type LogViewerProps, LoginPage, LogsPage, type LogsPageProps, LogsSettings, type LogsSettingsProps, MarkdownCard, MarkdownScrollArea, MarkdownViewer, type NavItem, NetworkInterfaceSelect, NoSearchResults, NoSimulatorsRunning, NoTemplatesFound, PathTypeahead, type PathTypeaheadProps, 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, type SettingsCategory, type SettingsCategoryComponentProps, SettingsFramework, type SettingsFrameworkProps, SettingsPage, type SettingsPageProps, Sidebar, SidebarAppLayout, type SidebarAppLayoutProps, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarLayout, type SidebarLayoutProps, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, type SidebarNavGroup, type SidebarNavItem, SidebarProvider, SidebarRail, SidebarSection, SidebarSeparator, SidebarTrigger, 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, browserLogLevels, browserLogger, buttonStyles, buttonVariants, cardStyles, checkApiReadiness, cn, createBrowserLogger, createScopedBrowserLogger, createSettingsCategory, defaultSettingsCategories, emptyStateStyles, formatBytes, formatDateTime, formatDuration, formatDurationMs, formatNumber, formatRelativeTime, formatShortRelativeTime, formatTimeAgo, getCSSVariables, getNextAvailableColor, getNextTagColor, getRandomTagColor, getTagClassName, getTagColor, socketManager, statusStyles, theme, timeAgo, useApiReadiness, useConfirmDialog, useConnectionStatus, useDebounce, useFormState, useSidebar, useSocketIO, useTheme, waitForApiReady };
+export { ActivityLED, type ActivityLEDProps, Alert, AlertDescription, AlertTitle, type ApiReadinessOptions, type ApiReadinessResult, AppCommandPalette, type AppCommandPaletteItem, type AppCommandPaletteProps, AppCrashFallback, type AppCrashFallbackProps, AppFooter, type AppFooterProps, type AppFooterStatusTone, AppLayout, type AppLayoutProps, Badge, type BadgeProps, type BrowserLogEntry, type BrowserLogLevel, type BrowserLogger, type BrowserLoggerOptions, 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, type CustomFieldProps, 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, LiveLogsSettings, type LiveLogsSettingsProps, LoadingState, LogArchivesSettings, type LogArchivesSettingsProps, type LogEntry, type LogFile, LogStats, type LogStatsProps, LogViewer, type LogViewerProps, LoginPage, LogsPage, type LogsPageProps, LogsSettings, type LogsSettingsProps, MarkdownCard, MarkdownScrollArea, MarkdownViewer, type NavItem, NetworkInterfaceSelect, NoSearchResults, NoSimulatorsRunning, NoTemplatesFound, PathTypeahead, type PathTypeaheadProps, 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, type SettingsCategory, type SettingsCategoryComponentProps, SettingsDetailList, type SettingsDetailListItem, type SettingsDetailListProps, SettingsFramework, type SettingsFrameworkProps, SettingsPage, type SettingsPageProps, SettingsPanel, type SettingsPanelProps, Sidebar, SidebarAppLayout, type SidebarAppLayoutProps, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarLayout, type SidebarLayoutProps, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, type SidebarNavGroup, type SidebarNavItem, SidebarProvider, SidebarRail, SidebarSection, SidebarSeparator, SidebarTrigger, 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, browserLogLevels, browserLogger, buttonStyles, buttonVariants, cardStyles, checkApiReadiness, cn, createBrowserLogger, createScopedBrowserLogger, createSettingsCategory, defaultSettingsCategories, emptyStateStyles, formatBytes, formatDateTime, formatDuration, formatDurationMs, formatNumber, formatRelativeTime, formatShortRelativeTime, formatTimeAgo, getCSSVariables, getNextAvailableColor, getNextTagColor, getRandomTagColor, getTagClassName, getTagColor, socketManager, statusStyles, theme, timeAgo, useApiReadiness, useConfirmDialog, useConnectionStatus, useDebounce, useFormState, useSidebar, useSocketIO, useTheme, waitForApiReady };