@parallelworks/ui 0.19.1 → 0.21.0

package/dist/graph/types.d.ts

@@ -11,7 +11,7 @@ export interface RunLink {
     endpoint?: string | undefined;
     url?: string | undefined;
 }
-export interface WorkflowAnnotation {
+interface WorkflowAnnotation {
     type?: 'error' | 'warning' | 'notice';
     message?: string;
     title?: string;
@@ -32,7 +32,7 @@ export interface WorkflowStep {
     annotations?: WorkflowAnnotation[];
     subworkflow?: WorkflowSubworkflow | undefined;
 }
-export interface WorkflowMatrixMeta {
+interface WorkflowMatrixMeta {
     originaljob: string;
     index: number;
     totalingroup: number;
@@ -53,3 +53,4 @@ export interface WorkflowJob {
     _matrixGroup?: MatrixGroup;
 }
 export declare function isJobRecord(value: unknown): value is Record<string, WorkflowJob>;
+export {};

package/dist/graph/util.d.ts

@@ -0,0 +1,5 @@
+import type { WorkflowJob } from './types.js';
+/** A job as people read it: `run_tests` is "Run tests", a matrix member "Build (2/4)". */
+export declare function jobLabel(jobName: string, job?: WorkflowJob): string;
+/** A copy of `set` with `key` added, or removed if it was there. */
+export declare function toggled<T>(set: Set<T>, key: T): Set<T>;

package/dist/graph/util.js

@@ -0,0 +1,18 @@
+//#region src/graph/util.ts
+/** A job as people read it: `run_tests` is "Run tests", a matrix member "Build (2/4)". */
+function jobLabel(jobName, job) {
+	const matrix = job?._matrix;
+	if (matrix?.originaljob) return `${capitalize(matrix.originaljob)} (${(matrix.index ?? 0) + 1}/${matrix.totalingroup ?? "?"})`;
+	return capitalize(jobName).replace(/_/g, " ");
+}
+function capitalize(s) {
+	return s.charAt(0).toUpperCase() + s.slice(1);
+}
+/** A copy of `set` with `key` added, or removed if it was there. */
+function toggled(set, key) {
+	const next = new Set(set);
+	if (!next.delete(key)) next.add(key);
+	return next;
+}
+//#endregion
+export { jobLabel, toggled };

package/dist/icons.d.ts

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

package/dist/icons.js

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

package/dist/list/ListViewControls.js

@@ -117,7 +117,11 @@ function ListDisplayMenu({ view, label }) {
 				children: [/* @__PURE__ */ jsx("span", {
 					className: "text-[13px] text-(--theme-app)",
 					children: t.grouping
-				}), /* @__PURE__ */ jsx(GroupingDropdown, { view })]
+				}), /* @__PURE__ */ jsx(OptionDropdown, {
+					options: view.groupBys,
+					value: view.groupBy,
+					onSelect: view.setGroupBy
+				})]
 			}),
 			view.orderBys.length > 0 && /* @__PURE__ */ jsxs("div", {
 				className: cx("flex items-center justify-between gap-3", hasGrouping && "mt-2.5"),
@@ -133,7 +137,11 @@ function ListDisplayMenu({ view, label }) {
 						title: orderDirLabel,
 						className: "flex h-7 w-7 items-center justify-center rounded-md border border-(--theme-border) text-(--theme-muted-text-color) hover:bg-(--theme-muted-panel-bg) hover:text-(--theme-app)",
 						children: view.orderDir === "asc" ? /* @__PURE__ */ jsx(ChevronUpIcon, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(ChevronDownIcon, { className: "h-3 w-3" })
-					}), /* @__PURE__ */ jsx(OrderingDropdown, { view })]
+					}), /* @__PURE__ */ jsx(OptionDropdown, {
+						options: view.orderBys,
+						value: view.orderBy,
+						onSelect: view.setOrderBy
+					})]
 				})]
 			}),
 			/* @__PURE__ */ jsxs("div", {
@@ -228,38 +236,12 @@ function useCloseOnOutsideClick(open, close) {
 	}, [open, close]);
 	return ref;
 }
-function GroupingDropdown({ view }) {
-	const t = useStrings().list;
-	const [open, setOpen] = useState(false);
-	const ref = useCloseOnOutsideClick(open, useCallback(() => setOpen(false), []));
-	const current = view.groupBys.find((g) => g.value === view.groupBy);
-	return /* @__PURE__ */ jsxs("div", {
-		ref,
-		className: "relative",
-		children: [/* @__PURE__ */ jsxs("button", {
-			type: "button",
-			onClick: () => setOpen((o) => !o),
-			className: "flex items-center gap-1.5 rounded-md border border-(--theme-border) px-2 py-1 text-[12px] text-(--theme-app) hover:bg-(--theme-muted-panel-bg)",
-			children: [current?.label ?? t.none, /* @__PURE__ */ jsx(ChevronDownIcon, { className: "h-2.5 w-2.5 opacity-60" })]
-		}), open && /* @__PURE__ */ jsx("div", {
-			className: cx("absolute right-0 top-full z-20 mt-1", FLYOUT),
-			children: view.groupBys.map((g) => /* @__PURE__ */ jsxs("button", {
-				type: "button",
-				onClick: () => {
-					view.setGroupBy(g.value);
-					setOpen(false);
-				},
-				className: cx("flex w-full items-center justify-between gap-3 px-3 py-1.5 text-left text-[13px] hover:bg-(--theme-muted-panel-bg)", view.groupBy === g.value ? "text-(--theme-app)" : "text-(--theme-muted-text-color)"),
-				children: [g.label, view.groupBy === g.value && /* @__PURE__ */ jsx(CheckIcon, { className: "h-3 w-3" })]
-			}, g.value))
-		})]
-	});
-}
-function OrderingDropdown({ view }) {
+/** Single-choice picker for the Display menu's grouping and ordering rows. */
+function OptionDropdown({ options, value, onSelect }) {
 	const t = useStrings().list;
 	const [open, setOpen] = useState(false);
 	const ref = useCloseOnOutsideClick(open, useCallback(() => setOpen(false), []));
-	const current = view.orderBys.find((o) => o.value === view.orderBy);
+	const current = options.find((o) => o.value === value);
 	return /* @__PURE__ */ jsxs("div", {
 		ref,
 		className: "relative",
@@ -270,14 +252,14 @@ function OrderingDropdown({ view }) {
 			children: [current?.label ?? t.none, /* @__PURE__ */ jsx(ChevronDownIcon, { className: "h-2.5 w-2.5 opacity-60" })]
 		}), open && /* @__PURE__ */ jsx("div", {
 			className: cx("absolute right-0 top-full z-20 mt-1", FLYOUT),
-			children: view.orderBys.map((o) => /* @__PURE__ */ jsxs("button", {
+			children: options.map((o) => /* @__PURE__ */ jsxs("button", {
 				type: "button",
 				onClick: () => {
-					view.setOrderBy(o.value);
+					onSelect(o.value);
 					setOpen(false);
 				},
-				className: cx("flex w-full items-center justify-between gap-3 px-3 py-1.5 text-left text-[13px] hover:bg-(--theme-muted-panel-bg)", view.orderBy === o.value ? "text-(--theme-app)" : "text-(--theme-muted-text-color)"),
-				children: [o.label, view.orderBy === o.value && /* @__PURE__ */ jsx(CheckIcon, { className: "h-3 w-3" })]
+				className: cx("flex w-full items-center justify-between gap-3 px-3 py-1.5 text-left text-[13px] hover:bg-(--theme-muted-panel-bg)", value === o.value ? "text-(--theme-app)" : "text-(--theme-muted-text-color)"),
+				children: [o.label, value === o.value && /* @__PURE__ */ jsx(CheckIcon, { className: "h-3 w-3" })]
 			}, o.value))
 		})]
 	});

package/dist/list/RowContextMenu.js

@@ -1,3 +1,4 @@
+import { safeUrl } from "../safeUrl.js";
 import { useLink, useNotify, useStrings } from "../components/Provider.js";
 import { CheckIcon, ChevronRightIcon, ClipboardIcon, CopyIcon, IdCardIcon, KeyIcon, LinkIcon, MailIcon, MoreIcon, UserIcon } from "../icons.js";
 import { keyedByContent } from "../components/keys.js";
@@ -20,7 +21,7 @@ function toRowMenuItem(action) {
 		kind: "action",
 		label: action.label,
 		icon: action.icon,
-		onSelect: action.onSelect ?? (() => {}),
+		onSelect: action.onSelect,
 		disabled: action.disabled,
 		destructive: action.destructive,
 		tooltip: action.tooltip
@@ -237,7 +238,7 @@ function MenuRow({ item, onClose, side }) {
 	if (item.kind === "link") {
 		const className = cx(MENU_ITEM_CLASSES, item.destructive ? "text-red-500" : "text-(--theme-app)");
 		if (item.reloadDocument) return /* @__PURE__ */ jsxs("a", {
-			href: item.to,
+			href: safeUrl(item.to),
 			onClick: onClose,
 			className,
 			children: [item.icon, item.label]
@@ -314,15 +315,15 @@ function useCopySubmenu() {
 				value: e.value,
 				icon: e.icon ?? /* @__PURE__ */ jsx(CopyIcon, {})
 			}))
-		].filter((f) => f.value).map((f) => ({
+		].flatMap(({ label, value, icon }) => value ? [{
 			kind: "action",
-			label: t.copy(f.label),
-			icon: f.icon,
+			label: t.copy(label),
+			icon,
 			copy: {
-				text: f.value,
-				label: f.label
+				text: value,
+				label
 			}
-		}));
+		}] : []);
 		return {
 			kind: "submenu",
 			label: t.copyMenu,

package/dist/list/UserHoverCard.js

@@ -34,11 +34,11 @@ function UserHoverCard({ x, y, onKeepOpen, onLeave, username, name, avatarSrc, b
 		size: "lg",
 		className: "shrink-0"
 	}), /* @__PURE__ */ jsxs("div", {
-		className: "min-w-0",
+		className: "min-w-0 flex-1",
 		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-1.5",
+			className: "flex flex-wrap items-center gap-x-1.5 gap-y-0.5",
 			children: [/* @__PURE__ */ jsx("span", {
-				className: "truncate text-sm font-semibold text-(--theme-app)",
+				className: "min-w-0 text-sm font-semibold leading-5 wrap-anywhere text-(--theme-app)",
 				children: displayName
 			}), badge && /* @__PURE__ */ jsx("span", {
 				className: "shrink-0 rounded-full bg-(--theme-muted-panel-bg) px-1.5 py-0.5 text-[10px] font-medium leading-none text-(--theme-muted-text-color)",
@@ -58,10 +58,10 @@ function UserHoverCard({ x, y, onKeepOpen, onLeave, username, name, avatarSrc, b
 		onLeave,
 		children: [href ? /* @__PURE__ */ jsx(Link, {
 			to: href,
-			className: "flex items-center gap-3 transition-opacity hover:opacity-80",
+			className: "flex items-start gap-3 transition-opacity hover:opacity-80",
 			children: header
 		}) : /* @__PURE__ */ jsx("div", {
-			className: "flex items-center gap-3",
+			className: "flex items-start gap-3",
 			children: header
 		}), loading ? /* @__PURE__ */ jsxs("div", {
 			role: "status",

package/dist/logviewer/LogViewer.js

@@ -336,15 +336,13 @@ function LogViewer({ log, height = "unset", width, roundedBottom = false, lineNu
 		};
 		scrollAnimationRef.current = requestAnimationFrame(animate);
 	}, []);
-	const scrollLogViewer = useCallback((location, ref) => {
-		if (!ref?.current) return;
-		if (location === "top") ref.current.scroll({
+	const scrollToTop = () => {
+		logContainerRef.current?.scroll({
 			top: 0,
 			left: 0,
 			behavior: "smooth"
 		});
-		else smoothScrollToBottom();
-	}, [smoothScrollToBottom]);
+	};
 	useEffect(() => {
 		const container = logContainerRef.current;
 		if (!container || inline) return;
@@ -400,7 +398,7 @@ function LogViewer({ log, height = "unset", width, roundedBottom = false, lineNu
 	};
 	useEffect(() => {
 		if (!log) return;
-		const lines = (typeof log === "object" ? JSON.stringify(log) : log.toString()).split("\n");
+		const lines = log.split("\n");
 		const cleanedLines = lines[lines.length - 1] === "" ? lines.slice(0, -1) : lines;
 		const isAppending = cleanedLines.length > prevLogLengthRef.current;
 		prevLogLengthRef.current = cleanedLines.length;
@@ -495,7 +493,7 @@ function LogViewer({ log, height = "unset", width, roundedBottom = false, lineNu
 			const visibleCount = Math.ceil(clientHeight / LINE_HEIGHT) + 40;
 			setVisibleStart(0);
 			setVisibleEnd(Math.min(parsedLog.length, visibleCount));
-			scrollLogViewer("top", logContainerRef);
+			scrollToTop();
 		} else {
 			setVisibleStart(0);
 			setVisibleEnd(50);
@@ -533,7 +531,7 @@ function LogViewer({ log, height = "unset", width, roundedBottom = false, lineNu
 									type: "button",
 									className: "btn btn-neutral",
 									onClick: () => {
-										scrollLogViewer("top", logContainerRef);
+										scrollToTop();
 										updateFollow(false);
 									},
 									children: [/* @__PURE__ */ jsx(ArrowUpIcon, {}), /* @__PURE__ */ jsx("span", { children: t.top })]
@@ -734,7 +732,7 @@ function LogViewer({ log, height = "unset", width, roundedBottom = false, lineNu
 				children: copied ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(CheckIcon, { className: "text-green-500 w-3.5 h-3.5" }), /* @__PURE__ */ jsx("span", { children: tCommon.copied })] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(CopyIcon, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ jsx("span", { children: tCommon.copy })] })
 			}),
 			(additionalBottomLeftBarComponents || additionalBottomRightBarComponents) && /* @__PURE__ */ jsxs("div", {
-				className: cx("flex theme-panel select-none items-center gap-x-2 p-2"),
+				className: "flex theme-panel select-none items-center gap-x-2 p-2",
 				children: [/* @__PURE__ */ jsx("div", {
 					className: cx("w-full flex flex-row gap-x-2 items-center", hideExpand && "justify-between"),
 					children: /* @__PURE__ */ jsx("div", {

package/dist/logviewer/segments.js

@@ -31,9 +31,9 @@ function highlightSegments(segments, searchTerm) {
 	if (!searchTerm) return segments;
 	const haystack = segments.map((segment) => segment.content).join("").toLowerCase();
 	const needle = searchTerm.toLowerCase();
-	if (!haystack.includes(needle)) return segments;
-	const matchStarts = [];
 	let found = haystack.indexOf(needle);
+	if (found === -1) return segments;
+	const matchStarts = [];
 	while (found !== -1) {
 		matchStarts.push(found);
 		found = haystack.indexOf(needle, found + needle.length);

package/dist/safeUrl.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Returns url when following it cannot run script in the app's origin: a
+ * relative path or an http, https or blob URL. Hosts and servers supply these
+ * URLs, so a javascript: URL from either would otherwise run when clicked.
+ */
+export declare function safeUrl(url: string | null | undefined): string | undefined;

package/dist/safeUrl.js

@@ -0,0 +1,22 @@
+//#region src/safeUrl.ts
+var SAFE_PROTOCOLS = /* @__PURE__ */ new Set([
+	"http:",
+	"https:",
+	"blob:"
+]);
+/**
+* Returns url when following it cannot run script in the app's origin: a
+* relative path or an http, https or blob URL. Hosts and servers supply these
+* URLs, so a javascript: URL from either would otherwise run when clicked.
+*/
+function safeUrl(url) {
+	if (!url) return;
+	try {
+		const { protocol } = new URL(url, "https://relative.invalid");
+		return SAFE_PROTOCOLS.has(protocol) ? url : void 0;
+	} catch {
+		return;
+	}
+}
+//#endregion
+export { safeUrl };

package/dist/styles/theme.css

@@ -124,6 +124,7 @@
 }
 
 .config-tips .multi-line {
+  /* biome-ignore lint/complexity/noImportantStyles: must win over the tooltip library's own alignment */
   text-align: left !important;
 }