@parallelworks/ui 0.16.0 → 0.18.0

package/dist/file-explorer/lib/paging.d.ts

@@ -7,11 +7,10 @@ export type TListPageRequest = {
     /** Overridable so a test can page without seeding 2,000 objects. */
     pageSize?: number;
 };
-/** Keyed by tree path. A storage's flat `objects` bag cannot say whether a directory
- *  was listed at all, only whether anything landed under it. */
+/** Keyed by tree path. */
 export type TDirectoryListing = {
     /** Present ⇒ more entries exist and the provider can resume from here. */
-    cursor?: string;
+    cursor?: string | undefined;
     /** 0 ⇒ never listed, which is what tells "empty" apart from "not asked yet". */
     pagesLoaded: number;
     /** Not `loadingPaths`, which swaps the whole table for a skeleton and would blank
@@ -19,7 +18,9 @@ export type TDirectoryListing = {
     loadingMore: boolean;
     /** The storage-level error surfaces only on an empty folder, so without this a
      *  failure mid-folder is invisible. */
-    error?: string;
+    error?: string | undefined;
+    /** A new array per page, never mutated: the builder reuses work by identity. */
+    entries: readonly TStorageObject[];
 };
 /** Uncapped, opening a 200k-object folder and scrolling would walk all of it. */
 export declare const MAX_AUTO_PAGES = 5;
@@ -32,20 +33,20 @@ export declare function canAutoLoadMore(listings: TListings, path: string): bool
 export declare function isLoadingMore(listings: TListings, path: string): boolean;
 export declare function loadMoreError(listings: TListings, path: string): string | undefined;
 export declare function beginLoadingMore(listings: TListings, path: string): TListings;
-/** `expectedPagesLoaded` is captured before the request: a mismatch means a refresh
- *  reset this directory while the page was in flight. */
-export declare function advanceListing(listings: TListings, path: string, page: {
-    cursor?: string;
-}, expectedPagesLoaded: number): TListings;
-/** Always a new map, since the hydration walk only re-runs on a `listings` change.
- *  `pagesLoaded` stays put, so a failed first page still reads as unlisted. */
+type TListPage = {
+    cursor?: string | undefined;
+    entries: readonly TStorageObject[];
+};
+export declare function advanceListing(listings: TListings, path: string, page: TListPage): TListings;
+/** Subfolders the page no longer names lose their records, or a re-created folder
+ *  would show old contents; the rest keep theirs, since a refresh lists them
+ *  alongside this one and a parent landing later must not undo a child's page. */
+export declare function replaceListing(listings: TListings, path: string, page: TListPage): TListings;
+/** `pagesLoaded` stays put, so a failed first page still reads as unlisted. */
 export declare function recordListingError(listings: TListings, path: string, error: string): TListings;
-/** Slash-terminates the prefix: without it, clearing `logs` would also clear
- *  `logs-archive/`. */
+/** Keeps the cursor and pages, so a retry resumes paging instead of starting over. */
+export declare function clearListingError(listings: TListings, path: string): TListings;
 export declare function clearListingsUnder(listings: TListings, path: string): TListings;
-/** The same prefix rule for the attempt sets that shadow `listings`. They gate
- *  re-listing, so a path left behind here reads as tried-and-empty forever. */
-export declare function forgetPathsUnder(paths: Set<string>, path: string): void;
 /** Tree paths whose children should keep arrival order, since sorting them would
  *  reshuffle rows under the user mid-scroll. */
 export declare function incompletePaths(listings: TListings): Set<string>;
@@ -62,15 +63,18 @@ type THydrationStep =
  | {
     kind: 'more';
     path: string;
-} | {
+}
+/** The deepest directory reached. */
+ | {
     kind: 'stuck';
+    path: string;
 }
 /** Either resolved, or a request is already in flight. */
  | {
     kind: 'done';
 };
 /** What a deep link needs next. Pure so the walk is table-testable. */
-export declare function nextHydrationStep({ targetResolved, ancestors, isListableDir, listings, inFlight, attempted, pagesPulled, }: {
+export declare function nextHydrationStep({ targetResolved, ancestors, isListableDir, listings, inFlight, pagesPulled, }: {
     targetResolved: boolean;
     /** Directory paths from the storage root down to the target.  */
     ancestors: readonly string[];
@@ -78,16 +82,11 @@ export declare function nextHydrationStep({ targetResolved, ancestors, isListabl
      *  introduced yet. */
     isListableDir: (path: string) => boolean;
     listings: TListings;
-    /** Must not be a state value: `attempted` is a ref, so a state-backed signal would
-     *  lag it by a render and make an in-flight ancestor read as stuck. */
-    inFlight: ReadonlySet<string>;
-    attempted: ReadonlySet<string>;
+    /** Must not be a state value: it would lag the claim by a render and make an
+     *  in-flight ancestor read as stuck. */
+    inFlight: {
+        has(path: string): boolean;
+    };
     pagesPulled: number;
 }): THydrationStep;
-/** `replace` drops the directory's previous contents first, which is how a refresh
- *  sheds deleted objects rather than re-adding them. */
-export declare function nextObjects(previous: TStorageObject[], page: TStorageObject[], options: {
-    replace?: boolean;
-    dirPath: string;
-}): TStorageObject[];
 export {};

package/dist/file-explorer/lib/types.d.ts

@@ -16,7 +16,6 @@ export type TStorage = {
     canShare?: boolean | undefined;
     canManageAccess?: boolean | undefined;
     supportsPwUri?: boolean | undefined;
-    objects?: TStorageObject[];
 };
 export type TStorageObject = {
     path: string;

package/dist/file-explorer/lib/utils.d.ts

@@ -1,14 +1,23 @@
 import type { IFileExplorerClient } from './fileExplorer.js';
-import type { TStorage, TreeMap, TreeNode, UploadNode } from './types.js';
+import type { TStorage, TStorageObject, TreeMap, TreeNode, UploadNode } from './types.js';
 export declare function formatFileSize(bytes: number): string;
 export declare function getFileExtension(filename: string): string | null;
-export declare function buildTreeFromUserStorages(storages: TStorage[], options?: {
-    forceUserHierarchy?: boolean;
-    unsortedParents?: ReadonlySet<string>;
-}): {
+export declare function getNodeName(node: TStorageObject): string;
+export type TTree = {
     treeMap: TreeMap;
     parentToChildrenMap: Record<string, TreeNode[]>;
+    rootNodes: TreeNode[];
+};
+export type TTreeOptions = {
+    listings: ReadonlyMap<string, {
+        readonly entries: readonly TStorageObject[];
+    }>;
+    forceUserHierarchy?: boolean;
+    unsortedParents?: ReadonlySet<string>;
 };
+/** One accumulator per listed directory, so a landed page costs the page and not
+ *  the tree. One builder per explorer instance. */
+export declare function createTreeBuilder(): (storages: TStorage[], options: TTreeOptions) => TTree;
 export declare function getNodeChildren(parentToChildrenMap: Record<string, TreeNode[]>, parentPath: string): TreeNode[];
 export declare function getParentPath(currentPath: string): string;
 export type DirectoryNameError = 'reserved' | 'separator' | 'exists';
@@ -26,8 +35,10 @@ export declare function pruneNodesInsideSelectedDirectories(nodes: TreeNode[]):
 export declare function collectObjectKeysToDelete(nodes: TreeNode[], listKeysUnderPrefix: (prefix: string) => Promise<string[]>): Promise<string[]>;
 export declare function getPwUri(username: string, pwName: string, key: string): string;
 export declare function getCspUri(csp: string, cspBucketName: string, key: string): string | null;
+export declare function getUriScheme(uri: string): string;
 export declare function removeLeadingSlash(path: string): string;
 export declare function removeLeadingAndTrailingSlashes(path: string): string;
+export declare function ensureTrailingSlash(path: string): string;
 export declare function isClientValid(client: IFileExplorerClient): boolean;
 export declare function getUploadSessionETA(totalLoadedBytes: number, totalSizeBytes: number, lastProgressTime?: number, lastProgressBytes?: number): {
     estimatedSecondsLeft?: number;

package/dist/form/FieldWrapper.d.ts

@@ -1,4 +1,5 @@
 import type React from 'react';
+import type { Optional } from './types/workflow-schema.js';
 export interface FieldLabelBinding {
     id: string;
     labelId: string;
@@ -10,6 +11,6 @@ export declare function FieldWrapper({ label, tooltipComponent, description, lab
     description?: string | undefined;
     labelPosition?: 'left' | 'top' | undefined;
     spaceCompact?: boolean | undefined;
-    optional?: boolean | undefined;
+    optional?: Optional | undefined;
     children: React.ReactNode | ((binding: FieldLabelBinding) => React.ReactNode);
 }): React.JSX.Element;

package/dist/form/Form.d.ts

@@ -105,6 +105,8 @@ export interface DynamicFormProps {
     missingFields?: string[] | undefined;
     spaceCompact?: boolean;
     organizationVariables?: WorkflowVariables | undefined;
+    /** A remote workflow's repo/branch/yaml, so `${{ remote.* }}` resolves the same here as it does on the run. */
+    remoteVars?: Record<string, string | undefined> | undefined;
     needsOrganizationVariables?: boolean;
     onSubmit?: ((values: Record<string, unknown>) => void) | undefined;
     submitLabel?: string;
@@ -120,5 +122,5 @@ export interface DynamicFormProps {
     /** Host-supplied field components, merged over the core registry by type. */
     fields?: Record<string, FieldComponent>;
 }
-export declare function DynamicForm({ formJSONs: options, reinitialize, initialValues, setValues, setFormDirty, formikRef, labelPosition, missingFields, spaceCompact, organizationVariables, needsOrganizationVariables, onSubmit, submitLabel, className, workflowForm, contextKey, skipValueParse, fields, }: DynamicFormProps): React.JSX.Element;
+export declare function DynamicForm({ formJSONs: options, reinitialize, initialValues, setValues, setFormDirty, formikRef, labelPosition, missingFields, spaceCompact, organizationVariables, remoteVars, needsOrganizationVariables, onSubmit, submitLabel, className, workflowForm, contextKey, skipValueParse, fields, }: DynamicFormProps): React.JSX.Element;
 export {};

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 { c as useStrings, s as useSlots } from "../chunks/Provider-CbFVFB7O.js";
-import { n as TOOLTIP_ID, r as TooltipInfo } from "../chunks/Tooltip-n9w7Tkt1.js";
-import { n as StatusDot, s as isCategory } from "../chunks/StatusBadge-zvEtK16a.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-3V836Cn7.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-CHPP8uZQ.js";
 import { t as Loader } from "../chunks/Loader-BXoXTZGc.js";
-import { n as Table } from "../chunks/Table-CutP1bRt.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/types/workflow-schema.d.ts

@@ -121,6 +121,44 @@ export interface WorkflowSchema {
       detach?: string | boolean;
     };
   };
+  /**
+   * Links the run page shows, pointing at sessions the workflow registers itself or at addresses elsewhere.
+   */
+  links?: {
+    /**
+     * This interface was referenced by `undefined`'s JSON-Schema definition
+     * via the `patternProperty` "^[a-z0-9_-]*[a-z0-9]$".
+     */
+    [k: string]:
+      | {
+          /**
+           * Name of the endpoint session the workflow registers, resolved once it comes online.
+           */
+          endpoint: string;
+          /**
+           * If true, the user is redirected to this link once the workflow runs. Only one session or link may set it.
+           */
+          redirect?: string | boolean;
+          /**
+           * If true, the session this link names outlives the run instead of being removed with it.
+           */
+          detach?: string | boolean;
+        }
+      | {
+          /**
+           * An http:// or https:// address to link to directly. A value with no scheme is read as https.
+           */
+          url: string;
+          /**
+           * If true, the user is redirected to this link once the workflow runs. Only one session or link may set it.
+           */
+          redirect?: string | boolean;
+          /**
+           * If true, a session this link addresses outlives the run instead of being removed with it.
+           */
+          detach?: string | boolean;
+        };
+  };
   /**
    * environment variables to use for this workflow
    */

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';
@@ -13,6 +14,7 @@ export { default as CustomListbox } from './components/Listbox.js';
 export { default as Loader } from './components/Loader.js';
 export { default as Markdown } from './components/Markdown.js';
 export type { MarkdownProps } from './components/Markdown.js';
+export type { GitlabProject, RepoEntry, RepoOwner, RepoRef, RepoSummary, } from './components/Provider.js';
 export { BareModal, modalPanelClasses } from './components/BareModal.js';
 export { ConfirmModal } from './components/ConfirmModal.js';
 export { CREATE_MODAL_SELECT_FILTER_THRESHOLD, CreateModal, CreateModalAutocompleteField, CreateModalField, CreateModalSelect, type CreateModalSelectOption, CreateModalSwitch, CreateModalTextarea, } from './components/CreateModal.js';
@@ -20,13 +22,14 @@ 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, useProvisionCorsRules, useRunFile, useSlots, useStrings, useWorkflowJsonResolver, 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';
 export { default as SectionHeader } from './components/SectionHeader.js';
 export { default as SwitchToggleSmall } from './components/SwitchToggleSmall.js';
-export { StatusBadge, StatusDot } from './components/StatusBadge.js';
+export { StatusBadge, StatusDot, statusTextClass, type BadgeVariant, } from './components/StatusBadge.js';
+export { useRelativeTime } from './components/relativeTime.js';
 export { default as SwitchToggle } from './components/SwitchToggle.js';
 export { CompactTable, Table } from './components/Table.js';
 export { formatTooltipContent, GlobalTooltip, TOOLTIP_ID, TooltipInfo, truncationTooltipProps, } from './components/Tooltip.js';