@parallelworks/ui 0.17.0 → 0.18.0

package/dist/form/index.js

@@ -1,14 +1,14 @@
+import { l as useSlots, u as useStrings } from "../chunks/Provider-Ghua9PkN.js";
 import { AngleRightIcon, EyeIcon, EyeOffIcon, SuccessCheckmark, TrashIcon } from "../icons.js";
-import { l as useSlots, u as useStrings } from "../chunks/Provider-DHmZ3v9i.js";
-import { n as TOOLTIP_ID, r as TooltipInfo } from "../chunks/Tooltip-n9w7Tkt1.js";
+import { n as TOOLTIP_ID, r as TooltipInfo } from "../chunks/Tooltip-Crxo_eU_.js";
 import { c as isCategory, n as StatusDot } from "../chunks/StatusBadge-C1Blx_cW.js";
-import { a as UncontrolledCollapsiblePanel, c as Dropdown, n as SectionHeader, o as MultiSelectDropdown, r as ControlledCollapsiblePanel, s as CustomListbox, t as SwitchToggle } from "../chunks/SwitchToggle-BRQoEwLZ.js";
+import { a as UncontrolledCollapsiblePanel, c as Dropdown, n as SectionHeader, o as MultiSelectDropdown, r as ControlledCollapsiblePanel, s as CustomListbox, t as SwitchToggle } from "../chunks/SwitchToggle-CHPP8uZQ.js";
 import { t as Loader } from "../chunks/Loader-BXoXTZGc.js";
-import { n as Table } from "../chunks/Table-C6JdFFiJ.js";
-import { a as resolvedFlag, c as FieldWrapper, d as useFieldLabelledByProps, f as useFieldRequired, i as initializeValues, l as FieldProvider, n as flattenGroups, o as applySecondaryField, r as impureSetValueFromPath, s as findSecondaryOption, t as enforceOneMustBeTrue, u as useFieldControlProps } from "../chunks/lib-CUTRDpa6.js";
+import { n as Table } from "../chunks/Table-4OHjdKdO.js";
+import { a as initializeValues, c as findSecondaryOption, d as useFieldLabelledByProps, f as useFieldRequired, i as impureSetValueFromPath, l as FieldProvider, n as enforceOneMustBeTrue, o as resolvedFlag, r as flattenGroups, s as applySecondaryField, t as FieldWrapper, u as useFieldControlProps } from "../chunks/FieldWrapper-Bef01EWO.js";
 import cx from "classnames";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React, { Suspense, createContext, memo, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import deepEqual from "fast-deep-equal";
 import { Duration } from "luxon";
 import { callWhenParserInitialized, convertToDynamicForm, extractInputDeps, initializeParseStringsOfObj, parseStringsOfObj, parseStringsOfObjReady } from "@parallelworks/workflow-parser";
@@ -74,12 +74,13 @@ var EMPTY_KEYS = [];
 /**
 * useMemo won't work here — Formik values changes on every keystroke, so this hook extracts which inputs.* keys the schema references and re-parses only when those change. Defaults `userVars`/`secretKeys` to empty — callers in React scope should pass them from `useUserVars()` so the parser leaves `${{ var.SECRET }}` literal during template eval (otherwise the recursive substitution turns `"https://${{ var.PAT }}@host/"` into `"https://@host/"`).
 */
-function useParsedOpts(rawOptions, values, organizationVariables, userVars = EMPTY_VARS, secretKeys = EMPTY_KEYS) {
+function useParsedOpts(rawOptions, values, organizationVariables, userVars = EMPTY_VARS, secretKeys = EMPTY_KEYS, remoteVars = EMPTY_VARS) {
 	const c = useRef({
 		rawOptions: null,
 		orgVars: void 0,
 		userVars: null,
 		secretKeys: null,
+		remoteVars: null,
 		converted: {},
 		inputDeps: /* @__PURE__ */ new Set(),
 		hasExpressions: false,
@@ -94,13 +95,11 @@ function useParsedOpts(rawOptions, values, organizationVariables, userVars = EMP
 		c.hasExpressions = hasExpressions;
 		c.result = null;
 	}
-	if (organizationVariables !== c.orgVars) {
+	if (organizationVariables !== c.orgVars || userVars !== c.userVars || secretKeys !== c.secretKeys || remoteVars !== c.remoteVars) {
 		c.orgVars = organizationVariables;
-		c.result = null;
-	}
-	if (userVars !== c.userVars || secretKeys !== c.secretKeys) {
 		c.userVars = userVars;
 		c.secretKeys = secretKeys;
+		c.remoteVars = remoteVars;
 		c.result = null;
 	}
 	if (c.result !== null) {
@@ -117,7 +116,8 @@ function useParsedOpts(rawOptions, values, organizationVariables, userVars = EMP
 		obj: c.converted,
 		orgVars: organizationVariables,
 		userVars,
-		secretKeys
+		secretKeys,
+		remoteVars
 	});
 	c.result = parsed;
 	c.relevantSnapshot = {};
@@ -1318,7 +1318,7 @@ var DurationField_default = memo(function DurationField({ field, label, labelPos
 		labelPosition,
 		spaceCompact: spaceCompact ?? false,
 		...field.description !== void 0 && { description: field.description },
-		children: ({ id, describedBy }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+		children: ({ id, describedBy }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
 			!isSentinel && /* @__PURE__ */ jsx("input", {
 				"data-1p-ignore": true,
 				className: cx("w-full", disabled && "disabled", (missing || error !== null) && "invalid"),
@@ -1933,7 +1933,7 @@ function MultiSelectionDropdown({ name, label = "", invalid = false, options: in
 	useEffect(() => {
 		if (prevParent && parentValue && prevParent !== parentValue) setFieldValue(name, []);
 	}, [parentValue]);
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CustomListbox, {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(CustomListbox, {
 		...controlProps,
 		options,
 		required,
@@ -2209,14 +2209,14 @@ function FieldsFromOptions({ options = {}, values, setFormDirty, setFieldValue,
 	}, idx));
 }
 var noop = () => {};
-function DynamicFormContent({ options, setValues, setFormDirty, labelPosition, missingFields, spaceCompact, organizationVariables, workflowForm, onSubmit, submitLabel, values, contextKey }) {
+function DynamicFormContent({ options, setValues, setFormDirty, labelPosition, missingFields, spaceCompact, organizationVariables, remoteVars, workflowForm, onSubmit, submitLabel, values, contextKey }) {
 	const { setFieldValue, setFieldTouched } = useFormikContext();
-	const opts = useParsedOpts(options, values, organizationVariables);
+	const opts = useParsedOpts(options, values, organizationVariables, void 0, void 0, remoteVars);
 	const handleChange = useCallback((state) => {
 		if (setValues) setValues(state);
 	}, [setValues]);
 	const wizardConfig = parseWizardConfig(opts);
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		/* @__PURE__ */ jsx(DirtyStateBridge, { setFormDirty }),
 		/* @__PURE__ */ jsx(FormikStateBridge, { onChange: handleChange }),
 		/* @__PURE__ */ jsx(DynamicDefaultsSync, { options: opts }, contextKey ?? ""),
@@ -2231,7 +2231,7 @@ function DynamicFormContent({ options, setValues, setFormDirty, labelPosition, m
 			workflowForm,
 			setFieldValue,
 			setFieldTouched
-		}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(FieldsFromOptions, {
+		}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(FieldsFromOptions, {
 			...resolveMetaOverrides(options, labelPosition, spaceCompact),
 			options: opts,
 			values,
@@ -2251,7 +2251,7 @@ function DynamicFormContent({ options, setValues, setFormDirty, labelPosition, m
 	] });
 }
 var NO_FIELDS = {};
-function DynamicForm({ formJSONs: options = {}, reinitialize = false, initialValues, setValues, setFormDirty = noop, formikRef, labelPosition = "left", missingFields = [], spaceCompact = false, organizationVariables, needsOrganizationVariables = false, onSubmit = void 0, submitLabel = "Submit", className = "w-full", workflowForm = false, contextKey, skipValueParse = false, fields = NO_FIELDS }) {
+function DynamicForm({ formJSONs: options = {}, reinitialize = false, initialValues, setValues, setFormDirty = noop, formikRef, labelPosition = "left", missingFields = [], spaceCompact = false, organizationVariables, remoteVars, needsOrganizationVariables = false, onSubmit = void 0, submitLabel = "Submit", className = "w-full", workflowForm = false, contextKey, skipValueParse = false, fields = NO_FIELDS }) {
 	const [parseReady, setParseReady] = useState(parseStringsOfObjReady);
 	useEffect(() => {
 		initializeParseStringsOfObj();
@@ -2261,7 +2261,8 @@ function DynamicForm({ formJSONs: options = {}, reinitialize = false, initialVal
 	const parsedInitVals = skipValueParse ? initialValues : initialValues && parseStringsOfObj({
 		inputs: initialValues,
 		obj: initialValues,
-		orgVars: organizationVariables
+		orgVars: organizationVariables,
+		remoteVars
 	});
 	return /* @__PURE__ */ jsx(FieldRegistryContext.Provider, {
 		value: fields,
@@ -2286,6 +2287,7 @@ function DynamicForm({ formJSONs: options = {}, reinitialize = false, initialVal
 						missingFields,
 						spaceCompact,
 						organizationVariables,
+						remoteVars,
 						workflowForm,
 						onSubmit,
 						submitLabel,

package/dist/form/types/fieldComponentTypes.d.ts

@@ -7,6 +7,7 @@ interface FieldBase {
     hidden?: boolean | string;
     disabled?: boolean | string;
     optional?: boolean | string;
+    ignore?: boolean | string;
     tooltip?: string | string[];
     default?: unknown;
 }

package/dist/form/types/fieldTypes.d.ts

@@ -1,4 +1,4 @@
-import type { Inputs } from './workflow-schema.js';
+import type { Hidden, Ignore, Inputs, Optional } from './workflow-schema.js';
 export type LabelPosition = 'left' | 'top';
 export type FieldResource = string | {
     type: string;
@@ -35,9 +35,9 @@ export interface BaseField extends RuntimeFieldExtensions {
     type: string;
     label?: string;
     tooltip?: string | string[];
-    hidden?: boolean;
-    optional?: boolean;
-    ignore?: boolean;
+    hidden?: Hidden;
+    optional?: Optional;
+    ignore?: Ignore;
     collapsed?: boolean;
     disabled?: boolean;
     default?: unknown;

package/dist/form/useParsedOpts.d.ts

@@ -2,4 +2,4 @@ import { type WorkflowVariables } from '@parallelworks/workflow-parser';
 /**
  * useMemo won't work here — Formik values changes on every keystroke, so this hook extracts which inputs.* keys the schema references and re-parses only when those change. Defaults `userVars`/`secretKeys` to empty — callers in React scope should pass them from `useUserVars()` so the parser leaves `${{ var.SECRET }}` literal during template eval (otherwise the recursive substitution turns `"https://${{ var.PAT }}@host/"` into `"https://@host/"`).
  */
-export declare function useParsedOpts<T extends object = Record<string, unknown>>(rawOptions: T, values: Record<string, unknown>, organizationVariables: WorkflowVariables | undefined, userVars?: Record<string, string>, secretKeys?: string[]): T;
+export declare function useParsedOpts<T extends object = Record<string, unknown>>(rawOptions: T, values: Record<string, unknown>, organizationVariables: WorkflowVariables | undefined, userVars?: Record<string, string>, secretKeys?: string[], remoteVars?: Record<string, string | undefined>): T;

package/dist/icons.d.ts

@@ -5,7 +5,7 @@ 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, BiExpandVertical as ExpandVerticalIcon, BiBuildings as OrganizationIcon, BiPause as PauseIcon, BiSolidCheckShield as ShieldIcon, BiPlay as StartIcon, BiStop as StopIcon, BiSolidTrashAlt as TrashIcon, } from 'react-icons/bi';
-export { BsStar as PinIcon, BsStarFill as PinFilledIcon, BsGrid as GridIcon, BsBucket as BucketIcon, BsArrowsCollapse as CollapseIcon, BsThreeDotsVertical as MenuIcon, BsThreeDots as MoreIcon, BsSearch as SearchOutlineIcon, BsTerminalFill as UserWorkspaceFillIcon, BsTerminal as UserWorkspaceIcon, BsFileEarmarkZip as ZipIcon, BsMusicNoteBeamed as MusicIcon, } from 'react-icons/bs';
+export { BsStar as PinIcon, BsStarFill as PinFilledIcon, BsGrid as GridIcon, BsBucket as BucketIcon, BsArrowsCollapse as CollapseIcon, BsThreeDotsVertical as MenuIcon, BsThreeDots as MoreIcon, BsSearch as SearchOutlineIcon, BsTerminalFill as UserWorkspaceFillIcon, BsTerminal as UserWorkspaceIcon, BsFileEarmarkZip as ZipIcon, BsMusicNoteBeamed as MusicIcon, BsStopCircle as StopCircleIcon, } from 'react-icons/bs';
 export { FaAmazon as AmazonIcon, FaCentos as CentOSIcon, FaChrome as ChromeIcon, FaCog as CogIcon, FaEdge as EdgeIcon, FaFirefoxBrowser as FirefoxIcon, FaOpera as OperaIcon, FaSafari as SafariIcon, FaExclamationTriangle as WarningTriangleIcon, FaFile as FileSolidIcon, FaFilePdf as PdfSolidIcon, FaFolder as FolderSolidIcon, FaGithub as GitHubIcon, FaGitlab as GitLabIcon, FaLinkedin as LinkedInIcon, FaImage as ImageSolidIcon, FaLinux as LinuxIcon, FaPaperclip as AttachmentIcon, FaRedhat as RedHatIcon, FaRobot as RobotIcon, FaShieldAlt as ShieldAltIcon, FaStop as StopSolidIcon, FaSuse as SuseIcon, FaUbuntu as UbuntuIcon, FaUsers as AccessIcon, FaPlus as AddIcon, 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, FaChartLine as ChartIcon, FaComments as ChatIcon, FaCheck as CheckIcon, FaChevronDown as ChevronDownIcon, FaChevronUp as ChevronUpIcon, FaCloud as CloudIcon, FaDollarSign as CostDashboardIcon, FaDocker as DockerIcon, FaCloudDownloadAlt as DownloadIcon, FaEdit as EditIcon, FaRunning as ExecuteWorkflow, FaExpand as ExpandIcon, FaFilter as FilterIcon, FaFlask as FlaskIcon, FaRegFolder as FolderIcon, FaCogs as GearsIcon, FaGlobe as GlobeIcon, FaEye as HiddenFalseIcon, FaEyeSlash as HiddenTrueIcon, FaRegFileImage as ImageIcon, FaKey as KeyIcon, FaLink as LinkIcon, FaLock as LockIcon, FaGlobeAmericas as MarketplaceIcon, FaRegCircle as NotRunningIcon, FaOpenid as OIDCIcon, FaRocket as PartnerIcon, FaKey as PasswordIcon, FaChartPie as PieChartIcon, FaPowerOff as PowerIcon, FaPrint as PrintIcon, FaGlobeAmericas as PublishIcon, FaQrcode as QRCodeIcon, FaLayerGroup as ResourceGroupIcon, FaUndoAlt as RetryIcon, FaSave as SaveIcon, FaList as SchedulerIcon, FaSearch as SearchIcon, FaUsers as SharingIcon, FaCompress as ShrinkIcon, FaDesktop as SnapshotIcon, FaSlack as SlackIcon, FaTerminal as TerminalIcon, FaTimes as TimesIcon, FaQuestionCircle as UserGuideIcon, FaStar as FeaturedIcon, FaUser as UserIcon, FaUsers as UsersIcon, FaWindows as WindowsIcon, } from 'react-icons/fa';
 export { FaApple as AppleIcon, FaArrowsRotate as RefreshArrowsIcon, FaDebian as DebianIcon, FaWandMagicSparkles as CustomizeIcon, FaFilterCircleXmark as FilterClearIcon, FaRegFolderOpen as FolderOpenIcon, FaLocationDot as IpAddressIcon, FaUpRightFromSquare as NewWindowIcon, FaXTwitter as XTwitterIcon, FaInbox as NotificationInboxIcon, FaRegFilePdf as PdfIcon, } from 'react-icons/fa6';
 export { FiAlertCircle as AlertCircleIcon, FiActivity as HealthMonitoringIcon, FiChevronDown as ChevronDownStrokeIcon, FiClock as ClockIcon, FiHardDrive as DiskIcon, FiDownload as DownloadFileIcon, FiFile as FileIcon, FiFileText as FileTextIcon, FiRotateCcw as HistoryIcon, FiUpload as UploadIcon, FiZap as ZapIcon, } from 'react-icons/fi';

package/dist/icons.js

@@ -1,8 +1,8 @@
 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, BsTerminal as UserWorkspaceIcon, BsTerminalFill as UserWorkspaceFillIcon, BsThreeDots as MoreIcon, BsThreeDotsVertical as MenuIcon, BsZoomIn as ChartZoomIcon } from "react-icons/bs";
+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 { jsx } from "react/jsx-runtime";
 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";
@@ -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, 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, 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 };

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export * from './theme/index.js';
+export { Avatar, avatarInitials, type AvatarProps, type AvatarSize, type AvatarStatus, } from './components/Avatar.js';
 export { default as Callout } from './components/Callout.js';
 export { default as CopyToClipboard } from './components/CopyToClipboard.js';
 export { CopyCodeBlock } from './components/CopyToClipboard.js';
@@ -21,7 +22,7 @@ export { AddMenu, type HeaderAddMenuItem } from './components/AddMenu.js';
 export { dangerButtonClasses, ghostButtonClasses, primaryButtonClasses, } from './components/ghostButton.js';
 export { default as MultiSelectDropdown } from './components/MultiSelect.js';
 export { Overview } from './components/Overview.js';
-export { UIProvider, useNavigation, useNotify, usePersistedState, useProvisionCorsRules, useRepoSuggestions, useRunFile, useSlots, useStrings, useWorkflowJsonResolver, type PersistedStateHook, type RunFileResult, type WorkflowJsonRef, type UIData, type UINavigation, type UINotify, type UISlots, type UIStrings, } from './components/Provider.js';
+export { UIProvider, useNavigation, useNotify, usePersistedState, useProvisionCorsRules, useRepoSuggestions, useRunFile, useSlots, useStrings, useWorkflowJsonResolver, type PersistedStateHook, type RunFileResult, type WorkflowJsonRef, type UIData, type UILinkComponent, type UINavigation, type UINotify, type UISlots, type UIStrings, } from './components/Provider.js';
 export { useCssIsDark } from './components/useCssIsDark.js';
 export { Indicator } from './components/Indicator.js';
 export { ControlledCollapsiblePanel, MaybeCollapsible, UncontrolledCollapsiblePanel, } from './components/CollapsiblePanel.js';

package/dist/index.js

@@ -1,26 +1,26 @@
 import { DEFAULT_PRESET, THEME_PRESETS, THEME_TOKENS, applyTheme, contrastRatio, deriveTheme, isDarkColor } from "./theme/index.js";
+import { a as usePersistedState, c as useRunFile, d as useWorkflowJsonResolver, i as useNotify, l as useSlots, n as useLink, o as useProvisionCorsRules, r as useNavigation, s as useRepoSuggestions, t as UIProvider, u as useStrings } from "./chunks/Provider-Ghua9PkN.js";
+import { C as useSetDefaultBreadcrumbs, E as avatarInitials, S as useSetBreadcrumbs, T as Avatar, a as HeaderAddButton, b as useClearBreadcrumbs, c as PageHeader, i as HeaderActionMenu, l as headerActionButtonClasses, n as BreadcrumbsRightAction, o as HeaderEditButton, r as BreadcrumbsTitleAction, s as HeaderRowMenu, t as BreadcrumbsActionButton, v as BreadcrumbProvider, w as AddMenu, x as useHideBreadcrumbs, y as useBreadcrumb } from "./chunks/PageHeader-l49p1nM9.js";
 import { AlertIcon, AngleRightIcon, EyeIcon, EyeOffIcon, FilterIcon, LoaderIcon, SortDownIcon, SortUnsortedIcon, SortUpIcon } from "./icons.js";
-import { a as CreateModalSelect, c as ConfirmModal, d as primaryButtonClasses, f as Markdown, h as Callout, i as CreateModalField, l as dangerButtonClasses, m as CopyToClipboard, n as CreateModal, o as CreateModalSwitch, p as CopyCodeBlock, r as CreateModalAutocompleteField, s as CreateModalTextarea, t as CREATE_MODAL_SELECT_FILTER_THRESHOLD, u as ghostButtonClasses } from "./chunks/CreateModal-BbV5cTj7.js";
-import { a as usePersistedState, c as useRunFile, d as useWorkflowJsonResolver, i as useNotify, l as useSlots, n as useLink, o as useProvisionCorsRules, r as useNavigation, s as useRepoSuggestions, t as UIProvider, u as useStrings } from "./chunks/Provider-DHmZ3v9i.js";
-import { a as truncationTooltipProps, i as formatTooltipContent, n as TOOLTIP_ID, r as TooltipInfo, t as GlobalTooltip } from "./chunks/Tooltip-n9w7Tkt1.js";
+import { a as CreateModalSelect, c as ConfirmModal, d as primaryButtonClasses, f as Markdown, h as Callout, i as CreateModalField, l as dangerButtonClasses, m as CopyToClipboard, n as CreateModal, o as CreateModalSwitch, p as CopyCodeBlock, r as CreateModalAutocompleteField, s as CreateModalTextarea, t as CREATE_MODAL_SELECT_FILTER_THRESHOLD, u as ghostButtonClasses } from "./chunks/CreateModal-BY6DLmur.js";
+import { a as truncationTooltipProps, i as formatTooltipContent, n as TOOLTIP_ID, r as TooltipInfo, t as GlobalTooltip } from "./chunks/Tooltip-Crxo_eU_.js";
 import { a as filterOption, c as isCategory, i as DropdownCaret, l as isOption, n as StatusDot, r as statusTextClass, s as flattenOptions, t as StatusBadge, u as toggleSetMember } from "./chunks/StatusBadge-C1Blx_cW.js";
-import { a as UncontrolledCollapsiblePanel, c as Dropdown, i as MaybeCollapsible, n as SectionHeader, o as MultiSelectDropdown, r as ControlledCollapsiblePanel, s as CustomListbox, t as SwitchToggle } from "./chunks/SwitchToggle-BRQoEwLZ.js";
+import { a as UncontrolledCollapsiblePanel, c as Dropdown, i as MaybeCollapsible, n as SectionHeader, o as MultiSelectDropdown, r as ControlledCollapsiblePanel, s as CustomListbox, t as SwitchToggle } from "./chunks/SwitchToggle-CHPP8uZQ.js";
 import { t as Loader } from "./chunks/Loader-BXoXTZGc.js";
-import { n as modalPanelClasses, t as BareModal } from "./chunks/BareModal-BqroLbZ5.js";
-import { C as useSetDefaultBreadcrumbs, S as useSetBreadcrumbs, a as HeaderAddButton, b as useClearBreadcrumbs, c as PageHeader, i as HeaderActionMenu, l as headerActionButtonClasses, n as BreadcrumbsRightAction, o as HeaderEditButton, r as BreadcrumbsTitleAction, s as HeaderRowMenu, t as BreadcrumbsActionButton, v as BreadcrumbProvider, w as AddMenu, x as useHideBreadcrumbs, y as useBreadcrumb } from "./chunks/PageHeader-MxuOs9cH.js";
+import { n as modalPanelClasses, t as BareModal } from "./chunks/BareModal-BtRiQezg.js";
 import { t as useCssIsDark } from "./chunks/useCssIsDark-DHr05dG2.js";
 import { t as Indicator } from "./chunks/Indicator-hBSIxOPK.js";
 import { t as SwitchToggleSmall } from "./chunks/SwitchToggleSmall-FcsaYSTs.js";
-import { n as Table, t as CompactTable } from "./chunks/Table-C6JdFFiJ.js";
+import { n as Table, t as CompactTable } from "./chunks/Table-4OHjdKdO.js";
 import { t as RequiredMark } from "./chunks/RequiredMark-DfLdYbYZ.js";
 import cx from "classnames";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React, { forwardRef, useEffect, useId, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import Skeleton from "react-loading-skeleton";
 import { DateTime } from "luxon";
 //#region src/components/DescriptionList.tsx
 function DescriptionListItem({ label, children, tooltip, className, ...props }) {
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("dt", {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("dt", {
 		className: cx("text-[13px] leading-6 col-span-1 font-normal flex gap-1", className),
 		children: [/* @__PURE__ */ jsx("span", {
 			className: "min-w-0 truncate",
@@ -95,7 +95,7 @@ function Overview({ Icon, name, type, children, right, className, loading, iconS
 				children: loading ? /* @__PURE__ */ jsx(Skeleton, {
 					count: 2,
 					height: 12
-				}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+				}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
 					/* @__PURE__ */ jsx("div", {
 						className: "font-semibold text-xl tracking-tight",
 						children: name
@@ -164,7 +164,7 @@ var Button = forwardRef(({ children, variant = "primary", size = "default", load
 		disabled: disabled || loading,
 		className: cx(baseClasses, variantClasses[variant], sizeClasses[size], widthClass, className),
 		...props,
-		children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(LoaderIcon, { className: "size-[18px]" }), children] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+		children: loading ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(LoaderIcon, { className: "size-[18px]" }), children] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
 			icon && iconPosition === "left" && /* @__PURE__ */ jsx("span", {
 				className: "flex items-center",
 				children: icon
@@ -182,7 +182,7 @@ function MethodButton({ icon, label, description, href, loading, disabled, class
 	const Link = useLink();
 	const baseClasses = "flex items-center w-full p-4 bg-[var(--theme-muted-panel-bg)] border border-[var(--theme-border)] rounded-xl text-[var(--theme-app)] text-[0.9375rem] font-medium cursor-pointer transition-all duration-200 no-underline mb-3 last:mb-0 hover:bg-[var(--theme-border)] hover:border-[var(--theme-muted-text-color)] hover:-translate-y-0.5 active:translate-y-0";
 	const disabledClasses = "disabled:opacity-60 disabled:cursor-not-allowed disabled:hover:bg-[var(--ds-muted)] disabled:hover:border-[var(--ds-border)] disabled:hover:translate-y-0";
-	const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		icon && /* @__PURE__ */ jsx("span", {
 			className: "size-10 rounded-lg bg-gradient-to-br from-[var(--gradient-start,var(--theme-element))] to-[var(--gradient-mid,var(--theme-link))] flex items-center justify-center shrink-0 mr-4 [&_svg]:size-5 [&_svg]:text-white",
 			children: icon
@@ -597,4 +597,4 @@ function SettingModeOption({ name, checked, onSelect, label, description, isFirs
 	});
 }
 //#endregion
-export { AddMenu, 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, SettingModeOption, SettingRow, SettingSection, SettingsCard, SettingsGroup, Sort, StatusBadge, StatusDot, SwitchToggle, SwitchToggleSmall, THEME_PRESETS, THEME_TOKENS, TOOLTIP_ID, Table, Textarea, Toggle, TooltipInfo, UIProvider, UncontrolledCollapsiblePanel, applyTheme, contrastRatio, dangerButtonClasses, deriveTheme, filterOption, flattenOptions, formatTooltipContent, ghostButtonClasses, headerActionButtonClasses, inputClasses, isCategory, isDarkColor, isOption, modalPanelClasses, primaryButtonClasses, statusTextClass, toggleSetMember, truncationTooltipProps, useBreadcrumb, useClearBreadcrumbs, useCssIsDark, useHideBreadcrumbs, useNavigation, useNotify, usePersistedState, useProvisionCorsRules, useRelativeTime, useRepoSuggestions, useRunFile, useSetBreadcrumbs, useSetDefaultBreadcrumbs, useSlots, useStrings, useWorkflowJsonResolver };
+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, 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, usePersistedState, useProvisionCorsRules, useRelativeTime, useRepoSuggestions, useRunFile, useSetBreadcrumbs, useSetDefaultBreadcrumbs, useSlots, useStrings, useWorkflowJsonResolver };

package/dist/list/RowContextMenu.d.ts

@@ -5,6 +5,8 @@ export type RowMenuItem = {
     to: string;
     icon?: ReactNode;
     destructive?: boolean | undefined;
+    /** Load the page instead of routing, for paths this app doesn't serve. */
+    reloadDocument?: boolean | undefined;
 } | {
     kind: 'action';
     label: string;
@@ -17,7 +19,7 @@ export type RowMenuItem = {
     /** Trailing checkmark, e.g. the active option in a radio-style submenu. */
     selected?: boolean;
     /** Declarative clipboard copy: the menu performs it and notifies, so
-     * builders like copySubmenu need no toast or clipboard access. */
+     * builders like useCopySubmenu need no toast or clipboard access. */
     copy?: {
         text: string;
         label: string;
@@ -75,7 +77,7 @@ export declare function assembleRowMenu({ lead, actions, exclude, order, trailin
     trailing?: string[];
     /** Items inserted after the middle actions and before Copy, e.g. a marketplace link. */
     extra?: RowMenuItem[];
-    /** The Copy submenu from `copySubmenu(...)`. */
+    /** The Copy submenu from `useCopySubmenu()`. */
     copy?: RowMenuItem | undefined;
 }): RowMenuItem[];
 export declare function useRowMenu(zClassName?: string): {
@@ -90,11 +92,7 @@ export declare function useRowMenuActive(openMenu: OpenMenu): {
 export declare function rowContextMenuProps(openMenu: OpenMenu, items: RowMenuItem[]): {
     onContextMenu: (e: ReactMouseEvent) => void;
 };
-/** Builds the Copy submenu entries for whichever fields a row has, in stable
- * order. The menu itself performs the copy and notifies; `t` is an optional
- * host translator for the field labels (falls back to the provider defaults'
- * English). */
-export declare function copySubmenu({ name, nameLabel, email, username, uid, id, url, extra, t, }: {
+export interface CopyFields {
     name?: string | null | undefined;
     /** Overrides the "name" label (raw, pre-translated) for entities whose primary field isn't a name, e.g. "domain". */
     nameLabel?: string;
@@ -108,8 +106,10 @@ export declare function copySubmenu({ name, nameLabel, email, username, uid, id,
         value?: string | null | undefined;
         icon?: ReactNode;
     }[] | undefined;
-    t?: (key: string, values?: Record<string, string | number>) => string;
-}): RowMenuItem;
+}
+export type CopySubmenu = (fields: CopyFields) => RowMenuItem;
+/** Returns a builder for the Copy submenu, labeled from the provider's strings. */
+export declare function useCopySubmenu(): CopySubmenu;
 /** Stays visible while active (menu open) so it doesn't vanish behind the overlay. */
 export declare function MoreButton({ onOpen, active, className, }: {
     onOpen: (x: number, y: number) => void;

package/dist/list/UserHoverCard.d.ts

@@ -0,0 +1,45 @@
+import type { ReactNode } from 'react';
+import { type UILinkComponent } from '../components/Provider.js';
+/** Where an open hover card sits, and the handlers that keep it open. */
+export interface HoverCardPlacement {
+    x: number;
+    y: number;
+    onKeepOpen: () => void;
+    onLeave: () => void;
+}
+/** Opens `card` after a short hover or on focus of `children`. */
+export declare function HoverCardTrigger({ className, children, card, }: {
+    className?: string | undefined;
+    children: ReactNode;
+    card: (placement: HoverCardPlacement) => ReactNode;
+}): import("react").JSX.Element;
+export interface UserHoverCardProps extends HoverCardPlacement {
+    username: string;
+    /** Display name; falls back to the username. */
+    name?: string | null | undefined;
+    avatarSrc?: string | null | undefined;
+    /** Short badge beside the name, such as the user's role. */
+    badge?: ReactNode;
+    /** Profile link for the card's header; absent renders the header unlinked. */
+    href?: string | undefined;
+    /** Overrides the provider's link slot for the header link. */
+    linkComponent?: UILinkComponent | undefined;
+    /** Shows placeholder detail lines while the profile loads. */
+    loading?: boolean | undefined;
+    /** Re-measures the card's position when this changes. */
+    relayoutKey?: unknown;
+    /** Detail lines, usually `HoverCardRow`s, below the header. */
+    children?: ReactNode;
+}
+export declare function UserHoverCard({ x, y, onKeepOpen, onLeave, username, name, avatarSrc, badge, href, linkComponent, loading, relayoutKey, children, }: UserHoverCardProps): import("react").JSX.Element;
+/** One detail line of a hover card: a leading icon and its content. With
+ * `onClick` the line is a button. */
+export declare function HoverCardRow({ icon, children, title, align, truncate, onClick, }: {
+    icon: ReactNode;
+    children: ReactNode;
+    title?: string | undefined;
+    /** `start` pins the icon to the first line of wrapping content. */
+    align?: 'center' | 'start' | undefined;
+    truncate?: boolean | undefined;
+    onClick?: (() => void) | undefined;
+}): import("react").JSX.Element;

package/dist/list/index.d.ts

@@ -1,10 +1,11 @@
 export { ActionToolbar, stickyTabsClasses, stickyTabsUnderHeaderClasses, stickyToolbarClasses, ToolbarButton, type ToolbarAction, type ToolbarItem, } from './ActionToolbar.js';
 export { ListColumns, ListPage, ListRow, ListRowActionsProvider, useListNavigate, type ListPageProps, type ListSection, type PinnedRowAction, } from './ListPage.js';
-export { assembleRowMenu, copySubmenu, MoreButton, rowContextMenuProps, toolbarActionToRowAction, toRowMenuItem, useRowMenu, useRowMenuActive, type OpenMenu, type RowAction, type RowMenuItem, } from './RowContextMenu.js';
+export { assembleRowMenu, MoreButton, rowContextMenuProps, toolbarActionToRowAction, toRowMenuItem, useCopySubmenu, useRowMenu, useRowMenuActive, type CopyFields, type CopySubmenu, type OpenMenu, type RowAction, type RowMenuItem, } from './RowContextMenu.js';
 export { actionsColumnWidth, GroupRow, ListActionsHeader, ListError, ListSkeleton, listTableFixedProps, listTableProps, NAME_MIN_WIDTH_PX, NameCell, RowSelectCheckbox, } from './ListTable.js';
 export { DEFAULT_ORDER, FAVORITE_ORDER, useListView, type ActionDef, type ColumnDef, type FilterFacet, type ListView, type ListViewChrome, type ListViewConfig, type OrderByOption, } from './listView.js';
 export { ListCount, ListSearchControl, useListSearch, type ListSearch, } from './listSearch.js';
 export { listControlButtonClasses, ListDisplayMenu, ListFilterMenu, } from './ListViewControls.js';
 export { LIST_PAGE_SIZES, ListPager } from './ListPager.js';
 export { HoverCardSurface, useHoverCard } from './HoverCard.js';
+export { HoverCardRow, HoverCardTrigger, UserHoverCard, type HoverCardPlacement, type UserHoverCardProps, } from './UserHoverCard.js';
 export { isTextEntryContext } from './textEntry.js';

package/dist/list/index.js

@@ -1,3 +1,3 @@
-import { _ as useRowMenuActive, d as assembleRowMenu, f as copySubmenu, g as useRowMenu, h as toolbarActionToRowAction, m as toRowMenuItem, p as rowContextMenuProps, u as MoreButton } from "../chunks/PageHeader-MxuOs9cH.js";
-import { A as ActionToolbar, C as ListSkeleton, D as actionsColumnWidth, E as RowSelectCheckbox, M as stickyTabsClasses, N as stickyTabsUnderHeaderClasses, O as listTableFixedProps, P as stickyToolbarClasses, S as ListError, T as NameCell, _ as ListRow, a as ListCount, b as GroupRow, c as ListDisplayMenu, d as isTextEntryContext, f as DEFAULT_ORDER, g as ListPage, h as ListColumns, i as ListPager, j as ToolbarButton, k as listTableProps, l as ListFilterMenu, m as useListView, n as useHoverCard, o as ListSearchControl, p as FAVORITE_ORDER, r as LIST_PAGE_SIZES, s as useListSearch, t as HoverCardSurface, u as listControlButtonClasses, v as ListRowActionsProvider, w as NAME_MIN_WIDTH_PX, x as ListActionsHeader, y as useListNavigate } from "../chunks/list-7k0eaI5N.js";
-export { ActionToolbar, DEFAULT_ORDER, FAVORITE_ORDER, GroupRow, HoverCardSurface, LIST_PAGE_SIZES, ListActionsHeader, ListColumns, ListCount, ListDisplayMenu, ListError, ListFilterMenu, ListPage, ListPager, ListRow, ListRowActionsProvider, ListSearchControl, ListSkeleton, MoreButton, NAME_MIN_WIDTH_PX, NameCell, RowSelectCheckbox, ToolbarButton, actionsColumnWidth, assembleRowMenu, copySubmenu, isTextEntryContext, listControlButtonClasses, listTableFixedProps, listTableProps, rowContextMenuProps, stickyTabsClasses, stickyTabsUnderHeaderClasses, stickyToolbarClasses, toRowMenuItem, toolbarActionToRowAction, useHoverCard, useListNavigate, useListSearch, useListView, useRowMenu, useRowMenuActive };
+import { _ as useRowMenuActive, d as assembleRowMenu, f as rowContextMenuProps, g as useRowMenu, h as useCopySubmenu, m as toolbarActionToRowAction, p as toRowMenuItem, u as MoreButton } from "../chunks/PageHeader-l49p1nM9.js";
+import { A as actionsColumnWidth, C as GroupRow, D as NAME_MIN_WIDTH_PX, E as ListSkeleton, F as stickyTabsClasses, I as stickyTabsUnderHeaderClasses, L as stickyToolbarClasses, M as listTableProps, N as ActionToolbar, O as NameCell, P as ToolbarButton, S as useListNavigate, T as ListError, _ as useListView, a as useHoverCard, b as ListRow, c as ListCount, d as ListDisplayMenu, f as ListFilterMenu, g as FAVORITE_ORDER, h as DEFAULT_ORDER, i as HoverCardSurface, j as listTableFixedProps, k as RowSelectCheckbox, l as ListSearchControl, m as isTextEntryContext, n as HoverCardTrigger, o as LIST_PAGE_SIZES, p as listControlButtonClasses, r as UserHoverCard, s as ListPager, t as HoverCardRow, u as useListSearch, v as ListColumns, w as ListActionsHeader, x as ListRowActionsProvider, y as ListPage } from "../chunks/list-qrojZZNv.js";
+export { ActionToolbar, DEFAULT_ORDER, FAVORITE_ORDER, GroupRow, HoverCardRow, HoverCardSurface, HoverCardTrigger, LIST_PAGE_SIZES, ListActionsHeader, ListColumns, ListCount, ListDisplayMenu, ListError, ListFilterMenu, ListPage, ListPager, ListRow, ListRowActionsProvider, ListSearchControl, ListSkeleton, MoreButton, NAME_MIN_WIDTH_PX, NameCell, RowSelectCheckbox, ToolbarButton, UserHoverCard, actionsColumnWidth, assembleRowMenu, isTextEntryContext, listControlButtonClasses, listTableFixedProps, listTableProps, rowContextMenuProps, stickyTabsClasses, stickyTabsUnderHeaderClasses, stickyToolbarClasses, toRowMenuItem, toolbarActionToRowAction, useCopySubmenu, useHoverCard, useListNavigate, useListSearch, useListView, useRowMenu, useRowMenuActive };

package/dist/logviewer/index.js

@@ -1,9 +1,9 @@
+import { i as useNotify, u as useStrings } from "../chunks/Provider-Ghua9PkN.js";
 import { ArrowDownIcon, ArrowUpIcon, CheckIcon, ChevronDownIcon, ChevronRightIcon, ClockIcon, CopyIcon, DownloadIcon, ExpandIcon, ShrinkIcon, XIcon } from "../icons.js";
-import { i as useNotify, u as useStrings } from "../chunks/Provider-DHmZ3v9i.js";
-import { r as TooltipInfo } from "../chunks/Tooltip-n9w7Tkt1.js";
+import { r as TooltipInfo } from "../chunks/Tooltip-Crxo_eU_.js";
 import cx from "classnames";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Fragment as Fragment$1, memo, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { Fragment, memo, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { DateTime } from "luxon";
 import { highlightSegments, parseAnsiSegments, plainSegments, processLinesWithCommands } from "@parallelworks/workflow-parser";
 //#region src/logviewer/LogViewer.tsx
@@ -14,7 +14,7 @@ function LogSegments({ segments }) {
 	}, i) : segment.className ? /* @__PURE__ */ jsx("span", {
 		className: segment.className,
 		children: segment.content
-	}, i) : /* @__PURE__ */ jsx(Fragment$1, { children: segment.content }, i));
+	}, i) : /* @__PURE__ */ jsx(Fragment, { children: segment.content }, i));
 }
 var LogLine = memo(function LogLine({ index, segments, lineNumbers, isSelected, lineHeight, onLineClick, searchTerm, command, groupDepth = 0, isGroupCollapsed, onGroupToggle, annotationLabels }) {
 	const displaySegments = useMemo(() => highlightSegments(command?.message ? plainSegments(command.message) : segments, searchTerm), [
@@ -521,7 +521,7 @@ function LogViewer({ log, height = "unset", width, roundedBottom = false, lineNu
 						/* @__PURE__ */ jsxs("div", {
 							className: "flex gap-x-2 w-full",
 							children: [
-								!inline && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("button", {
+								!inline && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("button", {
 									type: "button",
 									className: "btn btn-neutral",
 									onClick: () => {
@@ -723,7 +723,7 @@ function LogViewer({ log, height = "unset", width, roundedBottom = false, lineNu
 					transform: "translateX(-50%)"
 				},
 				onClick: copyHighlightedText,
-				children: copied ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CheckIcon, { className: "text-green-500 w-3.5 h-3.5" }), /* @__PURE__ */ jsx("span", { children: tCommon.copied })] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CopyIcon, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ jsx("span", { children: tCommon.copy })] })
+				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"),

package/dist/styles/base.css

@@ -0,0 +1,57 @@
+/* Page defaults and native controls, kept out of theme.css so package
+ * entries can import them into their own cascade layer (theme.css's @utility
+ * rules cannot be layered). Base layer so utilities still win. */
+@layer base {
+  body {
+    font-family: var(--font-sans);
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    color: var(--theme-app);
+    background-color: var(--theme-app-bg);
+  }
+
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--theme-border, currentColor);
+  }
+
+  input,
+  textarea {
+    border-radius: 0.25rem;
+    border: 1px solid var(--theme-border, #d1d5db);
+    padding: 0.25rem 0.5rem;
+    min-height: 1.25rem;
+    font-size: 14px;
+    background-color: var(--theme-input-bg, #f9fafb);
+    color: var(--theme-app, #000000);
+  }
+  input:disabled,
+  textarea:disabled,
+  input.disabled,
+  textarea.disabled {
+    cursor: not-allowed;
+    background-color: var(--theme-input-disabled-bg, #f3f4f6);
+    color: var(--theme-input-disabled-text, #9ca3af);
+  }
+  .form-label,
+  .form-label-compact,
+  .form-label-top {
+    display: flex;
+    align-items: center;
+    gap: 0.25rem;
+    flex-shrink: 0;
+    font-weight: 300;
+    height: 34px;
+    width: 13rem;
+  }
+  .form-label-compact {
+    width: fit-content;
+    margin-right: 0.5rem;
+  }
+  .form-label-top {
+    height: 20px;
+  }
+}

package/dist/styles/fonts.css

@@ -0,0 +1,15 @@
+@font-face {
+  font-family: 'Geist Sans';
+  src: url('./Geist-Variable.woff2') format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Geist Mono';
+  src: url('./GeistMono-Variable.woff2') format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: swap;
+}

package/dist/styles/theme.css

@@ -237,44 +237,10 @@
   }
 }
 
-/* Native controls and form labels. The ACTIVATE app used to declare these in
- * its own global stylesheet; they live here so every host that imports the
- * theme gets the same fields. Base layer so utilities still win. */
-@layer base {
-  input,
-  textarea {
-    border-radius: 0.25rem;
-    border: 1px solid var(--theme-border, #d1d5db);
-    padding: 0.25rem 0.5rem;
-    min-height: 1.25rem;
-    font-size: 14px;
-    background-color: var(--theme-input-bg, #f9fafb);
-    color: var(--theme-app, #000000);
-  }
-  input:disabled,
-  textarea:disabled,
-  input.disabled,
-  textarea.disabled {
-    cursor: not-allowed;
-    background-color: var(--theme-input-disabled-bg, #f3f4f6);
-    color: var(--theme-input-disabled-text, #9ca3af);
-  }
-  .form-label,
-  .form-label-compact,
-  .form-label-top {
-    display: flex;
-    align-items: center;
-    gap: 0.25rem;
-    flex-shrink: 0;
-    font-weight: 300;
-    height: 34px;
-    width: 13rem;
-  }
-  .form-label-compact {
-    width: fit-content;
-    margin-right: 0.5rem;
-  }
-  .form-label-top {
-    height: 20px;
-  }
+/* Geist itself loads from fonts.css; without it these fall back to system-ui. */
+@theme {
+  --font-geist-sans: 'Geist Sans';
+  --font-geist-mono: 'Geist Mono';
+  --font-sans: var(--font-geist-sans), system-ui, sans-serif;
+  --font-mono: var(--font-geist-mono), ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, monospace;
 }