@parallelworks/ui 0.36.0 → 0.37.0

package/dist/icons.js

@@ -6,9 +6,11 @@ import { BiError } from "./icons/bi/BiError.js";
 import { BiExpandVertical } from "./icons/bi/BiExpandVertical.js";
 import { BiPause } from "./icons/bi/BiPause.js";
 import { BiPlay } from "./icons/bi/BiPlay.js";
+import { BiRedo } from "./icons/bi/BiRedo.js";
 import { BiSolidCheckShield } from "./icons/bi/BiSolidCheckShield.js";
 import { BiSolidTrashAlt } from "./icons/bi/BiSolidTrashAlt.js";
 import { BiStop } from "./icons/bi/BiStop.js";
+import { BiUndo } from "./icons/bi/BiUndo.js";
 import { BsArrowsCollapse } from "./icons/bs/BsArrowsCollapse.js";
 import { BsBank2 } from "./icons/bs/BsBank2.js";
 import { BsBriefcase } from "./icons/bs/BsBriefcase.js";
@@ -192,25 +194,30 @@ import { IoSettingsOutline } from "./icons/io5/IoSettingsOutline.js";
 import { IoWarningOutline } from "./icons/io5/IoWarningOutline.js";
 import { LuArrowRight } from "./icons/lu/LuArrowRight.js";
 import { LuBadgeCheck } from "./icons/lu/LuBadgeCheck.js";
+import { LuBraces } from "./icons/lu/LuBraces.js";
 import { LuBrainCircuit } from "./icons/lu/LuBrainCircuit.js";
 import { LuCalendar } from "./icons/lu/LuCalendar.js";
 import { LuCheck } from "./icons/lu/LuCheck.js";
 import { LuChevronLeft } from "./icons/lu/LuChevronLeft.js";
 import { LuChevronRight } from "./icons/lu/LuChevronRight.js";
+import { LuCode } from "./icons/lu/LuCode.js";
 import { LuExternalLink } from "./icons/lu/LuExternalLink.js";
 import { LuEye } from "./icons/lu/LuEye.js";
 import { LuEyeOff } from "./icons/lu/LuEyeOff.js";
 import { LuFolderTree } from "./icons/lu/LuFolderTree.js";
 import { LuIdCard } from "./icons/lu/LuIdCard.js";
+import { LuKeyboard } from "./icons/lu/LuKeyboard.js";
 import { LuLogs } from "./icons/lu/LuLogs.js";
 import { LuMail } from "./icons/lu/LuMail.js";
 import { LuMegaphone } from "./icons/lu/LuMegaphone.js";
 import { LuMoon } from "./icons/lu/LuMoon.js";
+import { LuNetwork } from "./icons/lu/LuNetwork.js";
 import { LuPartyPopper } from "./icons/lu/LuPartyPopper.js";
 import { LuSettings2 } from "./icons/lu/LuSettings2.js";
 import { LuSheet } from "./icons/lu/LuSheet.js";
 import { LuShield } from "./icons/lu/LuShield.js";
 import { LuSun } from "./icons/lu/LuSun.js";
+import { LuTextCursorInput } from "./icons/lu/LuTextCursorInput.js";
 import { LuX } from "./icons/lu/LuX.js";
 import { LuZoomIn } from "./icons/lu/LuZoomIn.js";
 import { LuZoomOut } from "./icons/lu/LuZoomOut.js";
@@ -254,4 +261,4 @@ import { VscPass } from "./icons/vsc/VscPass.js";
 import { VscSplitHorizontal } from "./icons/vsc/VscSplitHorizontal.js";
 import { VscTerminalPowershell } from "./icons/vsc/VscTerminalPowershell.js";
 import { ErrorCheckmark, LoaderIcon, SuccessCheckmark } from "./components/StatusIcons.js";
-export { TbApi as APIIcon, FaUsers as AccessIcon, FaPlus as AddIcon, BsPersonPlus as AddUserIcon, FiAlertCircle as AlertCircleIcon, TbAlertTriangleFilled as AlertFillIcon, TbAlertTriangle as AlertIcon, FaAmazon as AmazonIcon, FaAngleDown as AngleDownIcon, FaAngleLeft as AngleLeftIcon, FaAngleRight as AngleRightIcon, FaAngleUp as AngleUpIcon, SiAnthropic as AnthropicIcon, FaApple as AppleIcon, HiOutlineArchive as ArchiveIcon, FaArrowDown as ArrowDownIcon, FaArrowLeft as ArrowLeftIcon, FaArrowRight as ArrowRightIcon, LuArrowRight as ArrowRightStrokeIcon, FaArrowUp as ArrowUpIcon, FaPaperclip as AttachmentIcon, BsBriefcase as BriefcaseIcon, BsBucket as BucketIcon, IoMdBuild as BuildWorkflowIcon, LuCalendar as CalendarIcon, BsCalendarX as CalendarOffIcon, TiCancel as CancelIcon, FaCaretDown as CaretDownIcon, LuPartyPopper as CelebrateIcon, FaCentos as CentOSIcon, FaChartLine as ChartIcon, BsZoomIn as ChartZoomIcon, FaComments as ChatIcon, FaCheck as CheckIcon, VscPass as CheckMarkIcon, LuCheck as CheckStrokeIcon, BsChevronDoubleDown as ChevronDoubleDownIcon, BsChevronDoubleUp as ChevronDoubleUpIcon, FaChevronDown as ChevronDownIcon, FiChevronDown as ChevronDownStrokeIcon, LuChevronLeft as ChevronLeftIcon, LuChevronRight as ChevronRightIcon, FaChevronUp as ChevronUpIcon, FaChrome as ChromeIcon, MdClear as ClearIcon, BsClipboardCheck as ClipboardCheckIcon, HiOutlineClipboardCopy as ClipboardIcon, FiClock as ClockIcon, IoMdClose as CloseIcon, FaCloud as CloudIcon, IoCloudUploadOutline as CloudUploadIcon, GrServerCluster as ClusterIcon, FaCog as CogIcon, BsArrowsCollapse as CollapseIcon, BsLayoutThreeColumns as ColumnsIcon, BsChatLeft as CommentIcon, GoGitCommit as CommitIcon, GrCloudComputer as ComputeIcon, PiPlugsConnectedFill as ConnectIcon, FiCopy as CopyIcon, FaDollarSign as CostDashboardIcon, FaWandMagicSparkles as CustomizeIcon, FaDebian as DebianIcon, MdOutlineMoneyOff as DisableCostIcon, TbUserOff as DisableUserIcon, FiHardDrive as DiskIcon, LuSettings2 as DisplayIcon, FaDocker as DockerIcon, IoDocumentTextOutline as DocumentIcon, FiDownload as DownloadFileIcon, FaCloudDownloadAlt as DownloadIcon, MdDragHandle as DragHandleIcon, HiDuplicate as DuplicateIcon, FaEdge as EdgeIcon, FaEdit as EditIcon, VscLayoutSidebarLeft as EditorIcon, BsMortarboard as EducationIcon, MdOutlineAttachMoney as EnableCostIcon, TbUser as EnableUserIcon, TbWorldShare as EndpointIcon, ErrorCheckmark, BiError as ErrorIcon, LuLogs as EventsIcon, FaRunning as ExecuteWorkflow, FaExpand as ExpandIcon, BiExpandVertical as ExpandVerticalIcon, LuExternalLink as ExternalLink, LuEye as EyeIcon, LuEyeOff as EyeOffIcon, HiMiniXCircle as FailIcon, IoHeart as FavoriteIcon, IoHeartOutline as FavoriteOutlineIcon, FaStar as FeaturedIcon, FiFile as FileIcon, FaFile as FileSolidIcon, FiFileText as FileTextIcon, BsFiles as FilesIcon, IoFileTrayFullOutline as FilesystemIcon, FaFilterCircleXmark as FilterClearIcon, FaFilter as FilterIcon, FaFirefoxBrowser as FirefoxIcon, FaFlask as FlaskIcon, FaRegFolder as FolderIcon, FaRegFolderOpen as FolderOpenIcon, FaFolder as FolderSolidIcon, LuFolderTree as FolderTreeIcon, GoSkip as ForbiddenIcon, GoRepoForked as ForkIcon, HiCog as GearIcon, FaCogs as GearsIcon, FaGithub as GitHubIcon, FaGitlab as GitLabIcon, FaGlobe as GlobeIcon, BsBank2 as GovernmentIcon, BsGrid as GridIcon, FiActivity as HealthMonitoringIcon, SiHelm as HelmIcon, FaEye as HiddenFalseIcon, FaEyeSlash as HiddenTrueIcon, FiRotateCcw as HistoryIcon, HiOutlineHome as HomeIcon, LuIdCard as IdCardIcon, FaRegFileImage as ImageIcon, FaImage as ImageSolidIcon, GiSpy as ImpersonateIcon, GrInbox as InboxIcon, IoInformationCircleOutline as InfoCircleIcon, FaInfoCircle as InfoIcon, BsLayers as InfrastructureLayersIcon, MdInstallDesktop as InstallIcon, FaLocationDot as IpAddressIcon, GoIssueOpened as IssueIcon, VscJson as JsonIcon, FaKey as KeyIcon, SiKubernetes as KubernetesIcon, PiRectangleDashed as KubernetesNamespaceIcon, HiMiniLanguage as LanguageIcon, FaBalanceScale as LegalIcon, LuBadgeCheck as LicenseIcon, FaLink as LinkIcon, FaLinkedin as LinkedInIcon, FaLinux as LinuxIcon, BsListUl as ListViewIcon, LoaderIcon, FaLock as LockIcon, MdSmartphone as MFA, LuMail as MailIcon, BsGeoAlt as MapPinIcon, FaGlobeAmericas as MarketplaceIcon, LuMegaphone as MegaphoneIcon, BsThreeDotsVertical as MenuIcon, VscChromeMinimize as MinimizeIcon, BsDash as MinusIcon, LuBrainCircuit as MlIcon, BsCurrencyDollar as MoneyIcon, GrTasks as MonitorIcon, LuMoon as MoonIcon, BsThreeDots as MoreIcon, BsMusicNoteBeamed as MusicIcon, BiBellOff as MuteIcon, TbEdit as NewChatIcon, FaUpRightFromSquare as NewWindowIcon, FaRegCircle as NotRunningIcon, IoIosNotifications as NotificationFillIcon, FaInbox as NotificationInboxIcon, FaOpenid as OIDCIcon, BsOpenai as OpenAIIcon, PiArrowBendUpRightBold as OpenInNewGraphIcon, FaOpera as OperaIcon, BiBuildings as OrganizationIcon, FaRocket as PartnerIcon, FaKey as PasswordIcon, BiPause as PauseIcon, FaRegFilePdf as PdfIcon, FaFilePdf as PdfSolidIcon, BsTelephone as PhoneIcon, FaChartPie as PieChartIcon, BsStarFill as PinFilledIcon, BsStar as PinIcon, GoPlus as PlusOutlineIcon, FaPowerOff as PowerIcon, VscTerminalPowershell as PowershellIcon, FaPrint as PrintIcon, FaGlobeAmericas as PublishIcon, GoGitPullRequest as PullRequestIcon, FaQrcode as QRCodeIcon, MdPieChart as QuotaIcon, FaRedhat as RedHatIcon, FaArrowsRotate as RefreshArrowsIcon, MdRefresh as RefreshIcon, MdReplay as ReplayIcon, FaLayerGroup as ResourceGroupIcon, FaUndoAlt as RetryIcon, FaRobot as RobotIcon, AiOutlineRollback as RollbackIcon, VscTerminalPowershell as RunWorkflowIcon, ImSpinner5 as RunningIcon, FaSafari as SafariIcon, FaSave as SaveIcon, FaList as SchedulerIcon, FaSearch as SearchIcon, BsSearch as SearchOutlineIcon, BsSend as SendIcon, HiServer as ServerIcon, IoSettingsOutline as SettingsIcon, PiShareBold as ShareIcon, FaUsers as SharingIcon, FaShieldAlt as ShieldAltIcon, BiSolidCheckShield as ShieldIcon, BsShieldSlash as ShieldOffIcon, LuShield as ShieldOutlineIcon, FaCompress as ShrinkIcon, TbLayoutSidebarRightCollapse as SidebarCloseIcon, TbLayoutSidebar as SidebarIcon, TbLayoutSidebarLeftCollapse as SidebarOpenIcon, GoSignOut as SignOutIcon, HiMiniMinusCircle as SkipIcon, FaSlack as SlackIcon, FaDesktop as SnapshotIcon, TiArrowSortedDown as SortDownIcon, TiArrowUnsorted as SortUnsortedIcon, TiArrowSortedUp as SortUpIcon, HiSparkles as SparklesIcon, VscSplitHorizontal as SplitIcon, LuSheet as SpreadsheetIcon, BiPlay as StartIcon, BsStopCircle as StopCircleIcon, BiStop as StopIcon, FaStop as StopSolidIcon, GrStorage as StorageIcon, TbWorldWww as SubdomainIcon, SuccessCheckmark, HiMiniCheckCircle as SuccessIcon, LuSun as SunIcon, FaSuse as SuseIcon, BsTag as TagIcon, FaTerminal as TerminalIcon, TbBrain as ThinkingIcon, FaTimes as TimesIcon, HiQuestionMarkCircle as TooltipIcon, BiSolidTrashAlt as TrashIcon, TbBuildingTunnel as TunnelIcon, FaUbuntu as UbuntuIcon, IoHeartDislike as UnfavoriteIcon, FaUnlink as UnlinkIcon, BiBell as UnmuteIcon, FiUpload as UploadIcon, FaQuestionCircle as UserGuideIcon, FaUser as UserIcon, BsTerminalFill as UserWorkspaceFillIcon, BsTerminal as UserWorkspaceIcon, FaUsers as UsersIcon, GoVideo as VideoIcon, IoWarningOutline as WarningIcon, FaExclamationTriangle as WarningTriangleIcon, FaWindows as WindowsIcon, FiX as XIcon, LuX as XStrokeIcon, FaXTwitter as XTwitterIcon, FiZap as ZapIcon, BsFileEarmarkZip as ZipIcon, LuZoomIn as ZoomInIcon, LuZoomOut as ZoomOutIcon };
+export { TbApi as APIIcon, FaUsers as AccessIcon, FaPlus as AddIcon, BsPersonPlus as AddUserIcon, FiAlertCircle as AlertCircleIcon, TbAlertTriangleFilled as AlertFillIcon, TbAlertTriangle as AlertIcon, FaAmazon as AmazonIcon, FaAngleDown as AngleDownIcon, FaAngleLeft as AngleLeftIcon, FaAngleRight as AngleRightIcon, FaAngleUp as AngleUpIcon, SiAnthropic as AnthropicIcon, FaApple as AppleIcon, HiOutlineArchive as ArchiveIcon, FaArrowDown as ArrowDownIcon, FaArrowLeft as ArrowLeftIcon, FaArrowRight as ArrowRightIcon, LuArrowRight as ArrowRightStrokeIcon, FaArrowUp as ArrowUpIcon, FaPaperclip as AttachmentIcon, BsBriefcase as BriefcaseIcon, BsBucket as BucketIcon, IoMdBuild as BuildWorkflowIcon, LuCalendar as CalendarIcon, BsCalendarX as CalendarOffIcon, TiCancel as CancelIcon, FaCaretDown as CaretDownIcon, LuPartyPopper as CelebrateIcon, FaCentos as CentOSIcon, FaChartLine as ChartIcon, BsZoomIn as ChartZoomIcon, FaComments as ChatIcon, FaCheck as CheckIcon, VscPass as CheckMarkIcon, LuCheck as CheckStrokeIcon, BsChevronDoubleDown as ChevronDoubleDownIcon, BsChevronDoubleUp as ChevronDoubleUpIcon, FaChevronDown as ChevronDownIcon, FiChevronDown as ChevronDownStrokeIcon, LuChevronLeft as ChevronLeftIcon, LuChevronRight as ChevronRightIcon, FaChevronUp as ChevronUpIcon, FaChrome as ChromeIcon, MdClear as ClearIcon, BsClipboardCheck as ClipboardCheckIcon, HiOutlineClipboardCopy as ClipboardIcon, FiClock as ClockIcon, IoMdClose as CloseIcon, FaCloud as CloudIcon, IoCloudUploadOutline as CloudUploadIcon, GrServerCluster as ClusterIcon, LuCode as CodeIcon, FaCog as CogIcon, BsArrowsCollapse as CollapseIcon, BsLayoutThreeColumns as ColumnsIcon, BsChatLeft as CommentIcon, GoGitCommit as CommitIcon, GrCloudComputer as ComputeIcon, PiPlugsConnectedFill as ConnectIcon, FiCopy as CopyIcon, FaDollarSign as CostDashboardIcon, FaWandMagicSparkles as CustomizeIcon, FaDebian as DebianIcon, MdOutlineMoneyOff as DisableCostIcon, TbUserOff as DisableUserIcon, FiHardDrive as DiskIcon, LuSettings2 as DisplayIcon, FaDocker as DockerIcon, IoDocumentTextOutline as DocumentIcon, FiDownload as DownloadFileIcon, FaCloudDownloadAlt as DownloadIcon, MdDragHandle as DragHandleIcon, HiDuplicate as DuplicateIcon, FaEdge as EdgeIcon, FaEdit as EditIcon, VscLayoutSidebarLeft as EditorIcon, BsMortarboard as EducationIcon, MdOutlineAttachMoney as EnableCostIcon, TbUser as EnableUserIcon, TbWorldShare as EndpointIcon, ErrorCheckmark, BiError as ErrorIcon, LuLogs as EventsIcon, FaRunning as ExecuteWorkflow, FaExpand as ExpandIcon, BiExpandVertical as ExpandVerticalIcon, LuBraces as ExpressionIcon, LuExternalLink as ExternalLink, LuEye as EyeIcon, LuEyeOff as EyeOffIcon, HiMiniXCircle as FailIcon, IoHeart as FavoriteIcon, IoHeartOutline as FavoriteOutlineIcon, FaStar as FeaturedIcon, FiFile as FileIcon, FaFile as FileSolidIcon, FiFileText as FileTextIcon, BsFiles as FilesIcon, IoFileTrayFullOutline as FilesystemIcon, FaFilterCircleXmark as FilterClearIcon, FaFilter as FilterIcon, FaFirefoxBrowser as FirefoxIcon, FaFlask as FlaskIcon, FaRegFolder as FolderIcon, FaRegFolderOpen as FolderOpenIcon, FaFolder as FolderSolidIcon, LuFolderTree as FolderTreeIcon, GoSkip as ForbiddenIcon, GoRepoForked as ForkIcon, HiCog as GearIcon, FaCogs as GearsIcon, FaGithub as GitHubIcon, FaGitlab as GitLabIcon, FaGlobe as GlobeIcon, BsBank2 as GovernmentIcon, LuNetwork as GraphIcon, BsGrid as GridIcon, FiActivity as HealthMonitoringIcon, SiHelm as HelmIcon, FaEye as HiddenFalseIcon, FaEyeSlash as HiddenTrueIcon, FiRotateCcw as HistoryIcon, HiOutlineHome as HomeIcon, LuIdCard as IdCardIcon, FaRegFileImage as ImageIcon, FaImage as ImageSolidIcon, GiSpy as ImpersonateIcon, GrInbox as InboxIcon, IoInformationCircleOutline as InfoCircleIcon, FaInfoCircle as InfoIcon, BsLayers as InfrastructureLayersIcon, LuTextCursorInput as InputFormIcon, MdInstallDesktop as InstallIcon, FaLocationDot as IpAddressIcon, GoIssueOpened as IssueIcon, VscJson as JsonIcon, FaKey as KeyIcon, LuKeyboard as KeyboardIcon, SiKubernetes as KubernetesIcon, PiRectangleDashed as KubernetesNamespaceIcon, HiMiniLanguage as LanguageIcon, FaBalanceScale as LegalIcon, LuBadgeCheck as LicenseIcon, FaLink as LinkIcon, FaLinkedin as LinkedInIcon, FaLinux as LinuxIcon, BsListUl as ListViewIcon, LoaderIcon, FaLock as LockIcon, MdSmartphone as MFA, LuMail as MailIcon, BsGeoAlt as MapPinIcon, FaGlobeAmericas as MarketplaceIcon, LuMegaphone as MegaphoneIcon, BsThreeDotsVertical as MenuIcon, VscChromeMinimize as MinimizeIcon, BsDash as MinusIcon, LuBrainCircuit as MlIcon, BsCurrencyDollar as MoneyIcon, GrTasks as MonitorIcon, LuMoon as MoonIcon, BsThreeDots as MoreIcon, BsMusicNoteBeamed as MusicIcon, BiBellOff as MuteIcon, TbEdit as NewChatIcon, FaUpRightFromSquare as NewWindowIcon, FaRegCircle as NotRunningIcon, IoIosNotifications as NotificationFillIcon, FaInbox as NotificationInboxIcon, FaOpenid as OIDCIcon, BsOpenai as OpenAIIcon, PiArrowBendUpRightBold as OpenInNewGraphIcon, FaOpera as OperaIcon, BiBuildings as OrganizationIcon, FaRocket as PartnerIcon, FaKey as PasswordIcon, BiPause as PauseIcon, FaRegFilePdf as PdfIcon, FaFilePdf as PdfSolidIcon, BsTelephone as PhoneIcon, FaChartPie as PieChartIcon, BsStarFill as PinFilledIcon, BsStar as PinIcon, GoPlus as PlusOutlineIcon, FaPowerOff as PowerIcon, VscTerminalPowershell as PowershellIcon, FaPrint as PrintIcon, FaGlobeAmericas as PublishIcon, GoGitPullRequest as PullRequestIcon, FaQrcode as QRCodeIcon, MdPieChart as QuotaIcon, FaRedhat as RedHatIcon, BiRedo as RedoIcon, FaArrowsRotate as RefreshArrowsIcon, MdRefresh as RefreshIcon, MdReplay as ReplayIcon, FaLayerGroup as ResourceGroupIcon, FaUndoAlt as RetryIcon, FaRobot as RobotIcon, AiOutlineRollback as RollbackIcon, VscTerminalPowershell as RunWorkflowIcon, ImSpinner5 as RunningIcon, FaSafari as SafariIcon, FaSave as SaveIcon, FaList as SchedulerIcon, FaSearch as SearchIcon, BsSearch as SearchOutlineIcon, BsSend as SendIcon, HiServer as ServerIcon, IoSettingsOutline as SettingsIcon, PiShareBold as ShareIcon, FaUsers as SharingIcon, FaShieldAlt as ShieldAltIcon, BiSolidCheckShield as ShieldIcon, BsShieldSlash as ShieldOffIcon, LuShield as ShieldOutlineIcon, FaCompress as ShrinkIcon, TbLayoutSidebarRightCollapse as SidebarCloseIcon, TbLayoutSidebar as SidebarIcon, TbLayoutSidebarLeftCollapse as SidebarOpenIcon, GoSignOut as SignOutIcon, HiMiniMinusCircle as SkipIcon, FaSlack as SlackIcon, FaDesktop as SnapshotIcon, TiArrowSortedDown as SortDownIcon, TiArrowUnsorted as SortUnsortedIcon, TiArrowSortedUp as SortUpIcon, HiSparkles as SparklesIcon, VscSplitHorizontal as SplitIcon, LuSheet as SpreadsheetIcon, BiPlay as StartIcon, BsStopCircle as StopCircleIcon, BiStop as StopIcon, FaStop as StopSolidIcon, GrStorage as StorageIcon, TbWorldWww as SubdomainIcon, SuccessCheckmark, HiMiniCheckCircle as SuccessIcon, LuSun as SunIcon, FaSuse as SuseIcon, BsTag as TagIcon, FaTerminal as TerminalIcon, TbBrain as ThinkingIcon, FaTimes as TimesIcon, HiQuestionMarkCircle as TooltipIcon, BiSolidTrashAlt as TrashIcon, TbBuildingTunnel as TunnelIcon, FaUbuntu as UbuntuIcon, BiUndo as UndoIcon, IoHeartDislike as UnfavoriteIcon, FaUnlink as UnlinkIcon, BiBell as UnmuteIcon, FiUpload as UploadIcon, FaQuestionCircle as UserGuideIcon, FaUser as UserIcon, BsTerminalFill as UserWorkspaceFillIcon, BsTerminal as UserWorkspaceIcon, FaUsers as UsersIcon, GoVideo as VideoIcon, IoWarningOutline as WarningIcon, FaExclamationTriangle as WarningTriangleIcon, FaWindows as WindowsIcon, FiX as XIcon, LuX as XStrokeIcon, FaXTwitter as XTwitterIcon, FiZap as ZapIcon, BsFileEarmarkZip as ZipIcon, LuZoomIn as ZoomInIcon, LuZoomOut as ZoomOutIcon };

package/dist/index.d.ts

@@ -31,7 +31,7 @@ export { default as MultiSelectDropdown } from './components/MultiSelect.js';
 export { Overview } from './components/Overview.js';
 export { BreadcrumbsActionButton, BreadcrumbsRightAction, BreadcrumbsTitleAction, HeaderActionMenu, HeaderAddButton, HeaderEditButton, HeaderRowMenu, headerActionButtonClasses, PageHeader, type PageHeaderBreadcrumb, type PageHeaderCrumb, } from './components/PageHeader.js';
 export { Pagination } from './components/Pagination.js';
-export { type PersistedStateHook, type RunFileResult, type UIData, type UILinkComponent, type UINavigation, type UINotify, UIProvider, type UISlots, type UIStrings, type UIToastId, type UIToastOptions, type UIToastUpdate, useNavigation, useNotify, useOptionalWorkflowEngine, usePersistedState, useProvisionCorsRules, useRunFile, useSlots, useStrings, useWorkflowEngine, useWorkflowEngineLoader, type WorkflowEngineSource, } from './components/Provider.js';
+export { type PersistedStateHook, type RunFileResult, type UIData, type UILinkComponent, type UINavigation, type UINotify, UIProvider, type UISlots, type UIStrings, type UIToastId, type UIToastOptions, type UIToastUpdate, useNavigation, useNotify, useOptionalWorkflowEngine, usePersistedState, useProvisionCorsRules, useRunFile, useSlots, useStrings, useWorkflowActions, useWorkflowEditing, useWorkflowEngine, useWorkflowEngineLoader, type WorkflowEngineSource, type WorkflowJsonRef, } from './components/Provider.js';
 export { RequiredMark } from './components/RequiredMark.js';
 export { useRelativeTime } from './components/relativeTime.js';
 export { default as SectionHeader } from './components/SectionHeader.js';
@@ -48,5 +48,6 @@ export { CompactTable, Table } from './components/Table.js';
 export { Toggle } from './components/Toggle.js';
 export { formatTooltipContent, GlobalTooltip, TOOLTIP_ID, TooltipInfo, truncationTooltipProps, } from './components/Tooltip.js';
 export { useCssIsDark } from './components/useCssIsDark.js';
+export type { EditRefusalReason, FieldPatch, GraphEdit, GraphEditResult, GraphEditState, GraphLayout, GraphPosition, GraphSlot, InputEdit, InputPath, LintFix, NeedRef, StepRef, WorkflowAction, WorkflowActionInput, WorkflowEditing, WorkflowLintContext, WorkflowLintProblem, } from './editing.js';
 export type { EngineJob, EngineStep, EvaluateOptions, ExpansionKeys, LogCommand, LogSegment, MatrixGroup, ProcessedLogLine, RunStatus, WorkflowEngine, WorkflowVariable, WorkflowVariables, } from './engine.js';
 export * from './theme/index.js';

package/dist/index.js

@@ -1,4 +1,4 @@
-import { UIProvider, useNavigation, useNotify, useOptionalWorkflowEngine, usePersistedState, useProvisionCorsRules, useRunFile, useSlots, useStrings, useWorkflowEngine, useWorkflowEngineLoader } from "./components/Provider.js";
+import { UIProvider, useNavigation, useNotify, useOptionalWorkflowEngine, usePersistedState, useProvisionCorsRules, useRunFile, useSlots, useStrings, useWorkflowActions, useWorkflowEditing, useWorkflowEngine, useWorkflowEngineLoader } from "./components/Provider.js";
 import { GlobalTooltip, TOOLTIP_ID, TooltipInfo, formatTooltipContent, truncationTooltipProps } from "./components/Tooltip.js";
 import { AddMenu } from "./components/AddMenu.js";
 import { Avatar, avatarInitials } from "./components/Avatar.js";
@@ -46,4 +46,4 @@ import { CompactTable, Table } from "./components/Table.js";
 import { Toggle } from "./components/Toggle.js";
 import { useCssIsDark } from "./components/useCssIsDark.js";
 import { DEFAULT_PRESET, THEME_PRESETS, THEME_TOKENS, applyTheme, contrastRatio, deriveTheme, isDarkColor } from "./theme/index.js";
-export { AddMenu, Avatar, BareModal, BreadcrumbProvider, BreadcrumbsActionButton, BreadcrumbsRightAction, BreadcrumbsTitleAction, Button, CREATE_MODAL_SELECT_FILTER_THRESHOLD, Callout, Card, CardHeader, CompactTable, ConfirmModal, ControlledCollapsiblePanel, CopyCodeBlock, CopyToClipboard, CreateModal, CreateModalAutocompleteField, CreateModalField, CreateModalSelect, CreateModalSwitch, CreateModalTextarea, CustomListbox, DEFAULT_PRESET, DescriptionList, DescriptionListItem, Dropdown, DropdownCaret, EmptyState, Filter, FilterPill, GlobalTooltip, HeaderActionMenu, HeaderAddButton, HeaderEditButton, HeaderRowMenu, IconButton, Indicator, Input, LetterBadge, Loader, Markdown, MaybeCollapsible, MethodButton, MultiSelectDropdown, Overview, PageHeader, Pagination, RequiredMark, SectionHeader, SegmentedControl, SettingModeOption, SettingRow, SettingSection, SettingsCard, SettingsGroup, Sort, StatusBadge, StatusDot, SwitchToggle, SwitchToggleSmall, THEME_PRESETS, THEME_TOKENS, TOOLTIP_ID, Table, Textarea, Toggle, TooltipInfo, UIProvider, UncontrolledCollapsiblePanel, applyTheme, avatarInitials, contrastRatio, dangerButtonClasses, deriveTheme, filterOption, flattenOptions, formatTooltipContent, ghostButtonClasses, headerActionButtonClasses, inputClasses, isCategory, isDarkColor, isOption, modalPanelClasses, primaryButtonClasses, statusTextClass, toggleSetMember, truncationTooltipProps, useBreadcrumb, useClearBreadcrumbs, useCssIsDark, useHideBreadcrumbs, useNavigation, useNotify, useOptionalWorkflowEngine, usePersistedState, useProvisionCorsRules, useRelativeTime, useRunFile, useSetBreadcrumbs, useSetDefaultBreadcrumbs, useSlots, useStrings, useWorkflowEngine, useWorkflowEngineLoader };
+export { AddMenu, Avatar, BareModal, BreadcrumbProvider, BreadcrumbsActionButton, BreadcrumbsRightAction, BreadcrumbsTitleAction, Button, CREATE_MODAL_SELECT_FILTER_THRESHOLD, Callout, Card, CardHeader, CompactTable, ConfirmModal, ControlledCollapsiblePanel, CopyCodeBlock, CopyToClipboard, CreateModal, CreateModalAutocompleteField, CreateModalField, CreateModalSelect, CreateModalSwitch, CreateModalTextarea, CustomListbox, DEFAULT_PRESET, DescriptionList, DescriptionListItem, Dropdown, DropdownCaret, EmptyState, Filter, FilterPill, GlobalTooltip, HeaderActionMenu, HeaderAddButton, HeaderEditButton, HeaderRowMenu, IconButton, Indicator, Input, LetterBadge, Loader, Markdown, MaybeCollapsible, MethodButton, MultiSelectDropdown, Overview, PageHeader, Pagination, RequiredMark, SectionHeader, SegmentedControl, SettingModeOption, SettingRow, SettingSection, SettingsCard, SettingsGroup, Sort, StatusBadge, StatusDot, SwitchToggle, SwitchToggleSmall, THEME_PRESETS, THEME_TOKENS, TOOLTIP_ID, Table, Textarea, Toggle, TooltipInfo, UIProvider, UncontrolledCollapsiblePanel, applyTheme, avatarInitials, contrastRatio, dangerButtonClasses, deriveTheme, filterOption, flattenOptions, formatTooltipContent, ghostButtonClasses, headerActionButtonClasses, inputClasses, isCategory, isDarkColor, isOption, modalPanelClasses, primaryButtonClasses, statusTextClass, toggleSetMember, truncationTooltipProps, useBreadcrumb, useClearBreadcrumbs, useCssIsDark, useHideBreadcrumbs, useNavigation, useNotify, useOptionalWorkflowEngine, usePersistedState, useProvisionCorsRules, useRelativeTime, useRunFile, useSetBreadcrumbs, useSetDefaultBreadcrumbs, useSlots, useStrings, useWorkflowActions, useWorkflowEditing, useWorkflowEngine, useWorkflowEngineLoader };

package/dist/list/ActionToolbar.d.ts

@@ -11,6 +11,8 @@ export interface ToolbarAction {
     enabledTooltip?: string;
     disabledTooltip?: string | undefined;
     hidden?: boolean;
+    /** Makes the action a toggle: filled while on, outlined while off. */
+    active?: boolean | undefined;
 }
 /** A pre-rendered element (e.g. a button component that owns its modal). */
 interface ToolbarElement {

package/dist/list/ActionToolbar.js

@@ -1,5 +1,6 @@
 import { useLink, useStrings } from "../components/Provider.js";
 import { BsThreeDotsVertical } from "../icons/bs/BsThreeDotsVertical.js";
+import { FaCheck } from "../icons/fa/FaCheck.js";
 import { TOOLTIP_ID } from "../components/Tooltip.js";
 import { Menu, MenuButton, MenuItem, MenuItems } from "@headlessui/react";
 import cx from "classnames";
@@ -23,7 +24,9 @@ function ToolbarButton({ action }) {
 	const inOverflowMenu = useContext(OverflowMenuContext);
 	const Link = useLink();
 	if (inOverflowMenu) return /* @__PURE__ */ jsx(OverflowRow, { item: action });
-	const className = cx("inline-flex items-center gap-x-0.5 h-9 px-2 rounded-md text-[13.5px] uppercase font-semibold transition-colors whitespace-nowrap", "bg-(--theme-element) text-(--theme-element-text)", action.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:bg-(--theme-element-hover)");
+	const off = action.active === false;
+	const className = cx("inline-flex items-center gap-x-0.5 h-9 px-2 rounded-md text-[13.5px] uppercase font-semibold transition-colors whitespace-nowrap", off ? "border theme-border theme-muted-text" : "bg-(--theme-element) text-(--theme-element-text)", action.disabled ? "opacity-50 cursor-not-allowed" : off ? "cursor-pointer hover:theme-hover" : "cursor-pointer hover:bg-(--theme-element-hover)");
+	const pressed = action.active === void 0 ? {} : { "aria-pressed": action.active };
 	const tooltipProps = tipProps(action.disabled ? action.disabledTooltip : action.enabledTooltip, "bottom");
 	const Icon = action.icon;
 	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
@@ -43,6 +46,7 @@ function ToolbarButton({ action }) {
 			type: "button",
 			disabled: true,
 			className,
+			...pressed,
 			children: content
 		})
 	});
@@ -50,6 +54,7 @@ function ToolbarButton({ action }) {
 		type: "button",
 		onClick: action.onClick,
 		className,
+		...pressed,
 		...tooltipProps,
 		children: content
 	});
@@ -57,17 +62,24 @@ function ToolbarButton({ action }) {
 /** A single overflowed item rendered as a full-width row inside the `…` menu. */
 function OverflowRow({ item }) {
 	const Link = useLink();
+	const { list: t } = useStrings();
 	const Icon = item.icon;
 	const className = cx("flex w-full items-center gap-x-1 px-4 py-2 text-[13px] uppercase font-semibold link hover:theme-hover", item.disabled && "opacity-50 cursor-not-allowed");
 	const tooltipProps = tipProps(item.disabled ? item.disabledTooltip : item.enabledTooltip, "left");
-	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
-		className: "w-5 h-6 flex items-center",
-		children: /* @__PURE__ */ jsx(Icon, { className: cx(item.iconClassName) })
-	}), item.label] });
+	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsx("div", {
+			className: "w-5 h-6 flex items-center",
+			children: /* @__PURE__ */ jsx(Icon, { className: cx(item.iconClassName) })
+		}),
+		item.label,
+		item.active && /* @__PURE__ */ jsx(FaCheck, { className: "ml-auto h-4 w-4 opacity-80" })
+	] });
+	const named = item.active === void 0 ? {} : { "aria-label": t.toggleState(item.label, item.active) };
 	if (item.href && !item.disabled) return /* @__PURE__ */ jsx(MenuItem, {
 		as: Link,
 		to: item.href,
 		className,
+		...named,
 		...tooltipProps,
 		children: content
 	});
@@ -77,6 +89,7 @@ function OverflowRow({ item }) {
 		onClick: item.onClick,
 		disabled: item.disabled ?? false,
 		className,
+		...named,
 		...tooltipProps,
 		children: content
 	});

package/dist/list/RowContextMenu.d.ts

@@ -24,15 +24,24 @@ export type RowMenuItem = {
         text: string;
         label: string;
     };
+    /** More text a menu's search matches, beside the label. */
+    keywords?: string;
 } | {
     kind: 'submenu';
     label: string;
     icon?: ReactNode;
     items: RowMenuItem[];
+    search?: MenuSearch | undefined;
 } | {
     kind: 'divider';
 };
-export type OpenMenu = (x: number, y: number, items: RowMenuItem[], onClose?: () => void) => void;
+/** A field atop a menu that narrows it, submenus included, to the items it matches. */
+export interface MenuSearch {
+    placeholder: string;
+    /** Shown when nothing matches. */
+    empty: string;
+}
+export type OpenMenu = (x: number, y: number, items: RowMenuItem[], onClose?: () => void, search?: MenuSearch) => void;
 /** The shared shape every entity action hook's per-row actions boil down to.
  * Each hook's bespoke `*RowAction` type is structurally assignable to this. */
 export interface RowAction {

package/dist/list/RowContextMenu.js

@@ -14,7 +14,7 @@ import { keyedByContent } from "../components/keys.js";
 import { TOOLTIP_ID } from "../components/Tooltip.js";
 import cx from "classnames";
 import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
 //#region src/list/RowContextMenu.tsx
 /** Converts a single row action to a menu item: a `to` makes it a link, otherwise an action. */
@@ -74,14 +74,15 @@ function assembleRowMenu({ lead = [], actions, exclude, order, trailing = ["dele
 function useRowMenu(zClassName = "z-50") {
 	const [menu, setMenu] = useState(null);
 	const onCloseRef = useRef(void 0);
-	const openMenu = useCallback((x, y, items, onClose) => {
+	const openMenu = useCallback((x, y, items, onClose, search) => {
 		if (items.length > 0) {
 			onCloseRef.current?.();
 			onCloseRef.current = onClose;
 			setMenu({
 				x,
 				y,
-				items
+				items,
+				search
 			});
 		}
 	}, []);
@@ -104,9 +105,12 @@ function useRowMenuActive(openMenu) {
 	const [active, setActive] = useState(false);
 	return {
 		active,
-		openMenu: useCallback((x, y, items) => {
+		openMenu: useCallback((x, y, items, onClose, search) => {
 			setActive(true);
-			openMenu(x, y, items, () => setActive(false));
+			openMenu(x, y, items, () => {
+				setActive(false);
+				onClose?.();
+			}, search);
 		}, [openMenu])
 	};
 }
@@ -120,22 +124,46 @@ function rowContextMenuProps(openMenu, items) {
 function RowContextMenu({ state, onClose, zClassName }) {
 	const ref = useRef(null);
 	const [pos, setPos] = useState(null);
+	const opener = useRef(null);
+	const wasOpen = useRef(false);
 	useLayoutEffect(() => {
-		if (!state || !ref.current) {
+		const menu = ref.current;
+		if (!state || !menu) {
 			setPos(null);
+			wasOpen.current = false;
 			return;
 		}
-		const { width, height } = ref.current.getBoundingClientRect();
-		const pad = 8;
-		const top = height > window.innerHeight - pad - state.y && state.y - height - pad >= 0 ? state.y - height : Math.min(state.y, window.innerHeight - height - pad);
+		if (!wasOpen.current) {
+			opener.current = document.activeElement;
+			wasOpen.current = true;
+		}
+		const { width, height } = menu.getBoundingClientRect();
+		const pad = MENU_EDGE;
+		const openUp = height > window.innerHeight - pad - state.y && state.y - height - pad >= 0;
+		const top = Math.max(pad, openUp ? state.y - height : Math.min(state.y, window.innerHeight - height - pad));
 		setPos({
 			left: Math.max(pad, Math.min(state.x, window.innerWidth - width - pad)),
-			top: Math.max(pad, top)
+			top,
+			maxHeight: (openUp ? state.y : window.innerHeight - pad) - top
 		});
 	}, [state]);
+	const placed = pos !== null;
+	useEffect(() => {
+		const menu = ref.current;
+		if (!placed || !menu) return;
+		const from = opener.current;
+		const target = menu.querySelector(":scope > div > input[type=\"search\"]") ?? (focusVisible(from) ? menu.querySelector(MENU_ITEMS) : null);
+		if (!target) return;
+		target.focus({ preventScroll: true });
+		return () => {
+			if (from instanceof HTMLElement && document.activeElement === document.body) from.focus({ preventScroll: true });
+		};
+	}, [placed, state]);
 	useEffect(() => {
 		if (!state) return;
-		const close = () => onClose();
+		const close = (e) => {
+			if (!(e.target instanceof Node && ref.current?.contains(e.target))) onClose();
+		};
 		const onKey = (e) => {
 			if (e.key === "Escape") onClose();
 		};
@@ -178,23 +206,116 @@ function RowContextMenu({ state, onClose, zClassName }) {
 		children: /* @__PURE__ */ jsx("div", {
 			ref,
 			role: "menu",
-			className: "absolute min-w-44 rounded-lg border border-(--theme-border) bg-(--theme-panel-bg) py-1 shadow-lg backdrop-blur-xl",
+			className: "absolute flex min-w-44 flex-col rounded-lg border border-(--theme-border) bg-(--theme-panel-bg) py-1 shadow-lg backdrop-blur-xl",
 			style: {
 				left: pos?.left ?? state.x,
 				top: pos?.top ?? state.y,
+				maxHeight: state.search ? pos?.maxHeight : void 0,
 				visibility: pos ? "visible" : "hidden"
 			},
+			onKeyDown: (e) => {
+				const step = {
+					ArrowDown: 1,
+					ArrowUp: -1
+				}[e.key];
+				if (!step || e.defaultPrevented || !ref.current) return;
+				e.preventDefault();
+				const items = [...ref.current.querySelectorAll(MENU_ITEMS)];
+				const at = items.indexOf(document.activeElement);
+				focusItem(items[((at < 0 ? step > 0 ? 0 : items.length - 1 : at + step) + items.length) % items.length]);
+			},
 			children: /* @__PURE__ */ jsx(MenuItemList, {
 				items: state.items,
+				search: state.search,
 				onClose,
 				side
 			})
 		})
 	}), document.body);
 }
+var MENU_EDGE = 8;
+function focusItem(item) {
+	item?.focus({ preventScroll: true });
+	item?.scrollIntoView?.({ block: "nearest" });
+}
+function SubmenuPanel({ side, panelRef, searchable, children }) {
+	const [place, setPlace] = useState(null);
+	useLayoutEffect(() => {
+		const rect = panelRef.current?.getBoundingClientRect();
+		if (rect) {
+			const bottom = window.innerHeight - MENU_EDGE;
+			const lift = Math.max(0, Math.min(rect.bottom - bottom, rect.top - MENU_EDGE));
+			setPlace({
+				lift,
+				maxHeight: bottom - (rect.top - lift)
+			});
+		}
+	}, [panelRef]);
+	return /* @__PURE__ */ jsx("div", {
+		ref: panelRef,
+		className: cx("absolute -top-1 z-10 flex min-w-44 flex-col rounded-lg border border-(--theme-border) bg-(--theme-panel-bg) py-1 shadow-lg", side === "left" ? "right-full" : "left-full"),
+		style: place ? {
+			...searchable ? { maxHeight: place.maxHeight } : {},
+			...place.lift > 0 ? { transform: `translateY(-${place.lift}px)` } : {}
+		} : void 0,
+		children
+	});
+}
+var MENU_ITEMS = "button:not([disabled]), a[href]";
+function focusVisible(element) {
+	try {
+		return !!element?.matches(":focus-visible");
+	} catch {
+		return false;
+	}
+}
 var MENU_ITEM_CLASSES = "flex w-full items-center gap-2.5 px-3 py-1.5 text-left text-[13px] hover:bg-(--theme-muted-panel-bg) transition-colors cursor-pointer [&>svg]:h-4 [&>svg]:w-4 [&>svg]:shrink-0";
-function MenuItemList({ items, onClose, side }) {
-	return keyedByContent(items, (it) => it.kind === "divider" ? "divider" : it.label).map(({ key, item }) => item.kind === "divider" ? /* @__PURE__ */ jsx("div", {
+function matchesSearch(item, needle) {
+	const keywords = item.kind === "action" ? item.keywords ?? "" : "";
+	return `${item.label} ${keywords}`.toLowerCase().includes(needle);
+}
+function searchMatches(items, needle) {
+	const found = /* @__PURE__ */ new Map();
+	const walk = (list) => {
+		for (const item of list) if (item.kind === "submenu") walk(item.items);
+		else if (item.kind !== "divider" && !found.has(item.label) && matchesSearch(item, needle)) found.set(item.label, item);
+	};
+	walk(items);
+	return [...found.values()];
+}
+function MenuSearchField({ search, query, onQuery, onEnter }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "px-2 pt-0.5 pb-1",
+		children: /* @__PURE__ */ jsx("input", {
+			type: "search",
+			"aria-label": search.placeholder,
+			placeholder: search.placeholder,
+			value: query,
+			onChange: (e) => onQuery(e.target.value),
+			onKeyDown: (e) => {
+				if (e.key === "Enter") {
+					e.preventDefault();
+					onEnter();
+				} else if (e.key === "ArrowDown") {
+					e.preventDefault();
+					focusItem(e.currentTarget.parentElement?.parentElement?.querySelector(MENU_ITEMS));
+				}
+			},
+			className: "w-full rounded-md border border-(--theme-border) bg-(--theme-muted-panel-bg) px-2 py-1 text-[13px] text-(--theme-app) placeholder:text-(--theme-muted-text-color) focus:border-(--theme-element) focus:outline-none"
+		})
+	});
+}
+function MenuItemList({ items, search, onClose, side }) {
+	const [query, setQuery] = useState("");
+	const needle = query.trim().toLowerCase();
+	const searching = !!search && !!needle;
+	const shown = searching ? searchMatches(items, needle) : items;
+	const run = useRunItem(onClose);
+	const pickFirst = () => {
+		const first = shown.find((item) => item.kind === "action" && !item.disabled);
+		if (first?.kind === "action") run(first);
+	};
+	const rows = keyedByContent(shown, (it) => it.kind === "divider" ? "divider" : it.label).map(({ key, item }) => item.kind === "divider" ? /* @__PURE__ */ jsx("div", {
 		"aria-hidden": "true",
 		className: "my-1 h-px bg-(--theme-border)"
 	}, key) : /* @__PURE__ */ jsx(MenuRow, {
@@ -202,13 +323,30 @@ function MenuItemList({ items, onClose, side }) {
 		onClose,
 		side
 	}, key));
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		search && /* @__PURE__ */ jsx(MenuSearchField, {
+			search,
+			query,
+			onQuery: setQuery,
+			onEnter: pickFirst
+		}),
+		searching ? /* @__PURE__ */ jsx("div", {
+			className: "max-h-[min(20rem,60vh)] min-h-0 overflow-y-auto",
+			children: rows
+		}) : rows,
+		searching && shown.length === 0 && /* @__PURE__ */ jsx("div", {
+			className: "px-3 py-1.5 text-[13px] text-(--theme-muted-text-color)",
+			children: search.empty
+		})
+	] });
 }
 function MenuRow({ item, onClose, side }) {
 	const Link = useLink();
-	const notify = useNotify();
-	const { list: t } = useStrings();
+	const run = useRunItem(onClose);
 	const [openSub, setOpenSub] = useState(false);
 	const closeTimer = useRef(void 0);
+	const panel = useRef(null);
+	const hovered = useRef(false);
 	if (item.kind === "submenu") {
 		const open = () => {
 			clearTimeout(closeTimer.current);
@@ -220,10 +358,19 @@ function MenuRow({ item, onClose, side }) {
 		return /* @__PURE__ */ jsxs("div", {
 			className: "relative",
 			role: "none",
-			onMouseEnter: open,
-			onMouseLeave: close,
+			onMouseEnter: () => {
+				hovered.current = true;
+				open();
+			},
+			onMouseLeave: () => {
+				hovered.current = false;
+				if (!panel.current?.contains(document.activeElement)) close();
+			},
 			onFocus: open,
-			onBlur: close,
+			onBlur: (e) => {
+				const to = e.relatedTarget;
+				if (!e.currentTarget.contains(to) && (to !== null || !hovered.current)) close();
+			},
 			children: [/* @__PURE__ */ jsxs("button", {
 				type: "button",
 				"aria-expanded": openSub,
@@ -234,10 +381,13 @@ function MenuRow({ item, onClose, side }) {
 					className: "flex items-center gap-2.5",
 					children: [item.icon, item.label]
 				}), /* @__PURE__ */ jsx(LuChevronRight, { className: "h-3 w-3 shrink-0 opacity-60" })]
-			}), openSub && /* @__PURE__ */ jsx("div", {
-				className: cx("absolute -top-1 z-10 min-w-44 rounded-lg border border-(--theme-border) bg-(--theme-panel-bg) py-1 shadow-lg", side === "left" ? "right-full" : "left-full"),
+			}), openSub && /* @__PURE__ */ jsx(SubmenuPanel, {
+				side,
+				panelRef: panel,
+				searchable: !!item.search,
 				children: /* @__PURE__ */ jsx(MenuItemList, {
 					items: item.items,
+					search: item.search,
 					onClose,
 					side
 				})
@@ -267,15 +417,7 @@ function MenuRow({ item, onClose, side }) {
 			"data-tooltip-id": TOOLTIP_ID,
 			"data-tooltip-content": item.tooltip
 		} : {},
-		onClick: () => {
-			if (item.disabled) return;
-			if (item.copy) {
-				const { text, label } = item.copy;
-				navigator.clipboard?.writeText(text).then(() => notify.success(t.copied(label)), () => notify.error(t.couldntCopy(label)));
-			}
-			item.onSelect?.();
-			onClose();
-		},
+		onClick: () => run(item),
 		className: cx(MENU_ITEM_CLASSES, item.destructive ? "text-red-500" : "text-(--theme-app)", item.disabled && "opacity-40 cursor-not-allowed hover:bg-transparent"),
 		children: [
 			item.icon,
@@ -284,6 +426,19 @@ function MenuRow({ item, onClose, side }) {
 		]
 	});
 }
+function useRunItem(onClose) {
+	const notify = useNotify();
+	const { list: t } = useStrings();
+	return (item) => {
+		if (item.disabled) return;
+		if (item.copy) {
+			const { text, label } = item.copy;
+			navigator.clipboard?.writeText(text).then(() => notify.success(t.copied(label)), () => notify.error(t.couldntCopy(label)));
+		}
+		item.onSelect?.();
+		onClose();
+	};
+}
 /** Returns a builder for the Copy submenu, labeled from the provider's strings. */
 function useCopySubmenu() {
 	const { list: t } = useStrings();