@parallelworks/ui 0.15.0 → 0.17.0

package/dist/chunks/{PageHeader-CoZWF0pJ.js → PageHeader-MxuOs9cH.js}

@@ -1,5 +1,5 @@
 import { AddIcon, CheckIcon, ChevronRightIcon, ClipboardIcon, CopyIcon, EditIcon, IdCardIcon, KeyIcon, LinkIcon, MailIcon, MoreIcon, UserIcon } from "../icons.js";
-import { c as useStrings, i as useNotify, n as useLink, s as useSlots } from "./Provider-CbFVFB7O.js";
+import { i as useNotify, l as useSlots, n as useLink, u as useStrings } from "./Provider-DHmZ3v9i.js";
 import { n as TOOLTIP_ID } from "./Tooltip-n9w7Tkt1.js";
 import cx from "classnames";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/chunks/{Provider-CbFVFB7O.js → Provider-DHmZ3v9i.js}

@@ -1,5 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useMemo } from "react";
+import { useLocalStorage } from "usehooks-ts";
 //#region src/components/Provider.tsx
 var DefaultLink = ({ to, onClick, className, children, ...rest }) => /* @__PURE__ */ jsx("a", {
 	href: to,
@@ -17,6 +18,10 @@ var defaultUseRunFile = () => ({
 	isLoading: false,
 	error: void 0
 });
+function useLocalStoragePersistedState(key, defaultValue) {
+	const [value, setValue] = useLocalStorage(key, defaultValue);
+	return [value, setValue];
+}
 var DEFAULTS = {
 	notify: {
 		info: () => {},
@@ -319,6 +324,13 @@ var DEFAULTS = {
 			readOnlyDescription: "Read-only mounts can list and download objects, but cannot upload, modify, or delete them.",
 			readOnlyForced: "Your access to this bucket is read-only, so this mount cannot be writable."
 		},
+		time: {
+			now: "now",
+			minutes: (n) => `${n}m`,
+			hours: (n) => `${n}h`,
+			days: (n) => `${n}d`,
+			years: (n) => `${n}y`
+		},
 		list: {
 			copy: (label) => `Copy ${label}`,
 			copied: (label) => `Copied ${label}`,
@@ -393,7 +405,10 @@ var DEFAULTS = {
 		toMarketItem: () => {},
 		openExternal: (href) => window.open(href, "_blank")
 	},
-	data: { useRunFile: defaultUseRunFile },
+	data: {
+		useRunFile: defaultUseRunFile,
+		usePersistedState: useLocalStoragePersistedState
+	},
 	slots: {}
 };
 var UIContext = createContext(DEFAULTS);
@@ -415,10 +430,17 @@ function useWorkflowJsonResolver() {
 function useProvisionCorsRules() {
 	return useContext(UIContext).data.provisionCorsRules;
 }
+function useRepoSuggestions() {
+	return useContext(UIContext).data.repoSuggestions;
+}
 function useRunFile(slug, path, options) {
 	const { useRunFile: boundUseRunFile } = useContext(UIContext).data;
 	return boundUseRunFile(slug, path, options);
 }
+function usePersistedState(key, defaultValue) {
+	const { usePersistedState: boundUsePersistedState } = useContext(UIContext).data;
+	return boundUsePersistedState(key, defaultValue);
+}
 function UIProvider({ notify, strings, navigation, data, slots, children }) {
 	const value = useMemo(() => ({
 		notify: {
@@ -459,6 +481,10 @@ function UIProvider({ notify, strings, navigation, data, slots, children }) {
 				...DEFAULTS.strings.form,
 				...strings?.form
 			},
+			time: {
+				...DEFAULTS.strings.time,
+				...strings?.time
+			},
 			list: {
 				...DEFAULTS.strings.list,
 				...strings?.list
@@ -486,4 +512,4 @@ function UIProvider({ notify, strings, navigation, data, slots, children }) {
 	});
 }
 //#endregion
-export { useProvisionCorsRules as a, useStrings as c, useNotify as i, useWorkflowJsonResolver as l, useLink as n, useRunFile as o, useNavigation as r, useSlots as s, UIProvider as t };
+export { usePersistedState as a, useRunFile as c, useWorkflowJsonResolver as d, useNotify as i, useSlots as l, useLink as n, useProvisionCorsRules as o, useNavigation as r, useRepoSuggestions as s, UIProvider as t, useStrings as u };

package/dist/chunks/{StatusBadge-zvEtK16a.js → StatusBadge-C1Blx_cW.js}

@@ -115,13 +115,30 @@ var pulseColors = {
 	info: "bg-blue-500",
 	muted: "bg-(--theme-muted-text-color)"
 };
-function StatusBadge({ children, variant = "default", pulse = false, size = "sm", className }) {
+var textColors = {
+	default: "text-(--theme-app)",
+	success: "text-emerald-600 dark:text-emerald-400",
+	warning: "text-amber-600 dark:text-amber-400",
+	error: "text-red-600 dark:text-red-400",
+	info: "text-blue-600 dark:text-blue-400",
+	muted: "text-(--theme-muted-text-color)"
+};
+/** A line of text in a variant's colour, for a status that stands beside a
+*  dot rather than inside a badge. */
+function statusTextClass(variant) {
+	return textColors[variant];
+}
+function StatusBadge({ children, variant = "default", pulse = false, dot = false, size = "sm", className }) {
 	return /* @__PURE__ */ jsxs("span", {
 		className: cx("inline-flex items-center gap-1.5 rounded-full border font-medium", size === "sm" && "px-2 py-0.5 text-[10px]", size === "md" && "px-2.5 py-1 text-xs", variantStyles[variant], className),
-		children: [pulse && /* @__PURE__ */ jsxs("span", {
-			className: "relative flex h-2 w-2",
-			children: [/* @__PURE__ */ jsx("span", { className: cx("absolute inline-flex h-full w-full animate-ping rounded-full opacity-75", pulseColors[variant]) }), /* @__PURE__ */ jsx("span", { className: cx("relative inline-flex h-2 w-2 rounded-full", pulseColors[variant]) })]
-		}), children]
+		children: [
+			pulse && /* @__PURE__ */ jsxs("span", {
+				className: "relative flex h-2 w-2",
+				children: [/* @__PURE__ */ jsx("span", { className: cx("absolute inline-flex h-full w-full animate-ping rounded-full opacity-75", pulseColors[variant]) }), /* @__PURE__ */ jsx("span", { className: cx("relative inline-flex h-2 w-2 rounded-full", pulseColors[variant]) })]
+			}),
+			dot && !pulse && /* @__PURE__ */ jsx("span", { className: cx("inline-flex h-1.5 w-1.5 rounded-full", pulseColors[variant]) }),
+			children
+		]
 	});
 }
 function StatusDot({ variant = "default", pulse = false, size = 8, className }) {
@@ -141,4 +158,4 @@ function StatusDot({ variant = "default", pulse = false, size = 8, className })
 	});
 }
 //#endregion
-export { flattenDisplayOptions as a, isOption as c, filterOption as i, toggleSetMember as l, StatusDot as n, flattenOptions as o, DropdownCaret as r, isCategory as s, StatusBadge as t };
+export { filterOption as a, isCategory as c, DropdownCaret as i, isOption as l, StatusDot as n, flattenDisplayOptions as o, statusTextClass as r, flattenOptions as s, StatusBadge as t, toggleSetMember as u };

package/dist/chunks/{SwitchToggle-3V836Cn7.js → SwitchToggle-BRQoEwLZ.js}

@@ -1,7 +1,7 @@
 import { AngleDownIcon, AngleRightIcon, CaretDownIcon } from "../icons.js";
-import { c as useStrings } from "./Provider-CbFVFB7O.js";
+import { u as useStrings } from "./Provider-DHmZ3v9i.js";
 import { a as truncationTooltipProps, n as TOOLTIP_ID } from "./Tooltip-n9w7Tkt1.js";
-import { a as flattenDisplayOptions, c as isOption, i as filterOption, l as toggleSetMember, o as flattenOptions, r as DropdownCaret, s as isCategory } from "./StatusBadge-zvEtK16a.js";
+import { a as filterOption, c as isCategory, i as DropdownCaret, l as isOption, o as flattenDisplayOptions, s as flattenOptions, u as toggleSetMember } from "./StatusBadge-C1Blx_cW.js";
 import cx from "classnames";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
@@ -254,6 +254,7 @@ function DropdownHelper({ wrapperClassName = "w-full", className, textBoxClassNa
 		customValueLabel
 	]);
 	const comboOptions = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ComboboxOptions, {
+		modal: false,
 		ref: setPopperElement,
 		style: styles["popper"],
 		className: "bg-(--theme-input-bg) border-(--theme-border) text-(--theme-app) max-h-60! empty:invisible border overflow-auto rounded-md shadow-lg focus:outline-hidden sm:text-sm z-9999 data-[popper-reference-hidden=true]:invisible data-[popper-reference-hidden=true]:pointer-events-none",
@@ -368,6 +369,7 @@ function CustomListbox({ options = [], handleOptionSelected, type, allowSearch =
 	const wrapperRef = useRef(null);
 	useOutsideAlerter(wrapperRef);
 	const optionsElement = /* @__PURE__ */ jsxs(ListboxOptions, {
+		modal: false,
 		static: true,
 		className: "absolute w-full py-1 z-50 theme-input rounded-md",
 		children: [allowSearch && /* @__PURE__ */ jsx("div", {
@@ -545,6 +547,7 @@ function MultiSelectDropdown({ options, value, onChange, id, "aria-labelledby":
 				}),
 				/* @__PURE__ */ jsx(DropdownCaret, {}),
 				open && /* @__PURE__ */ jsxs(ComboboxOptions, {
+					modal: false,
 					ref: setPopperEl,
 					static: true,
 					"data-testid": "msd-list",
@@ -689,9 +692,9 @@ function MaybeCollapsible({ className, initialState, children, title, customized
 }
 //#endregion
 //#region src/components/SectionHeader.tsx
-function SectionHeader({ children, className = "" }) {
+function SectionHeader({ children, className = "", size = "md" }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cx("w-full text-lg font-semibold", className),
+		className: cx("w-full font-semibold", size === "sm" ? "mb-2 text-sm theme-text" : "text-lg", className),
 		children
 	});
 }

package/dist/chunks/{Table-CutP1bRt.js → Table-C6JdFFiJ.js}

@@ -1,4 +1,4 @@
-import { c as useStrings } from "./Provider-CbFVFB7O.js";
+import { u as useStrings } from "./Provider-DHmZ3v9i.js";
 import { t as Loader } from "./Loader-BXoXTZGc.js";
 import cx from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/chunks/{editor-Ko3zX22Y.js → editor-mNznodJN.js}

@@ -1,5 +1,5 @@
 import { CheckIcon, CopyIcon, EyeIcon, EyeOffIcon } from "../icons.js";
-import { c as useStrings, i as useNotify } from "./Provider-CbFVFB7O.js";
+import { i as useNotify, u as useStrings } from "./Provider-DHmZ3v9i.js";
 import { t as Loader } from "./Loader-BXoXTZGc.js";
 import { t as SwitchToggleSmall } from "./SwitchToggleSmall-FcsaYSTs.js";
 import { c as FieldWrapper, n as flattenGroups, r as impureSetValueFromPath } from "./lib-CUTRDpa6.js";
@@ -9,7 +9,7 @@ import { Suspense, lazy, useId, useMemo, useRef, useState } from "react";
 import { convertToDynamicForm, parseStringsOfObj, parseStringsOfObjReady } from "@parallelworks/workflow-parser";
 import { useField, useFormikContext } from "formik";
 //#region src/editor/Editor.tsx
-var MonacoEditor = lazy(() => import("./Monaco-BXDH2jVj.js"));
+var MonacoEditor = lazy(() => import("./Monaco-DVyIpyv4.js"));
 function Editor({ ...props }) {
 	return /* @__PURE__ */ jsx(Suspense, {
 		fallback: /* @__PURE__ */ jsx(Loader, { text: "Loading editor..." }),

package/dist/chunks/{list-CduoUsMW.js → list-7k0eaI5N.js}

@@ -1,14 +1,14 @@
 import { CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, DisplayIcon, ErrorIcon, FilterIcon, MenuIcon, SearchIcon, XIcon } from "../icons.js";
-import { c as useStrings, n as useLink, r as useNavigation } from "./Provider-CbFVFB7O.js";
+import { a as usePersistedState, n as useLink, r as useNavigation, u as useStrings } from "./Provider-DHmZ3v9i.js";
 import { n as TOOLTIP_ID, r as TooltipInfo } from "./Tooltip-n9w7Tkt1.js";
-import { _ as useRowMenuActive, c as PageHeader, p as rowContextMenuProps, u as MoreButton } from "./PageHeader-CoZWF0pJ.js";
-import { n as Table } from "./Table-CutP1bRt.js";
+import { _ as useRowMenuActive, c as PageHeader, p as rowContextMenuProps, u as MoreButton } from "./PageHeader-MxuOs9cH.js";
+import { n as Table } from "./Table-C6JdFFiJ.js";
 import cx from "classnames";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Children, Fragment as Fragment$1, cloneElement, createContext, isValidElement, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { useLocalStorage } from "usehooks-ts";
 import { createPortal } from "react-dom";
 import { Menu, MenuButton, MenuItem, MenuItems } from "@headlessui/react";
-import { useLocalStorage } from "usehooks-ts";
 //#region src/list/ActionToolbar.tsx
 var OverflowMenuContext = createContext(false);
 /** Omits data-tooltip-content when absent — react-tooltip treats an explicit undefined as an empty tooltip anchor. */
@@ -203,7 +203,7 @@ var listTableFixedProps = {
 	...listTableProps,
 	className: listTableProps.className.replace("table-auto", "table-fixed")
 };
-function NameCell({ icon, name, subtitle, href, badge }) {
+function NameCell({ icon, name, subtitle, href, badge, title }) {
 	const Link = useLink();
 	const inner = /* @__PURE__ */ jsxs(Fragment, { children: [icon, /* @__PURE__ */ jsxs("div", {
 		className: "min-w-0",
@@ -211,6 +211,7 @@ function NameCell({ icon, name, subtitle, href, badge }) {
 			className: "flex min-w-0 items-center gap-1.5",
 			children: [/* @__PURE__ */ jsx("div", {
 				className: cx(NAME_TEXT, href && "group-hover/namecell:text-(--theme-link)"),
+				title,
 				children: name
 			}), badge]
 		}), subtitle && /* @__PURE__ */ jsx("div", {
@@ -401,7 +402,7 @@ function ListPage({ section = "main", shellPadded, embedded = false, breadcrumbs
 		})]
 	});
 }
-function ListRow({ href, items, goTo, openMenu, pinnedActions, selected, selectionActive, onRowSelect, leading, className, children }) {
+function ListRow({ href, onActivate, items, goTo, openMenu, pinnedActions, selected, selectionActive, onRowSelect, leading, className, children }) {
 	const { active: menuActive, openMenu: openRowMenu } = useRowMenuActive(openMenu);
 	const { show: showActions, always: alwaysShowActions, columnClasses } = useContext(RowActionsContext);
 	const styledCells = Children.toArray(children).map((child, i) => {
@@ -417,11 +418,12 @@ function ListRow({ href, items, goTo, openMenu, pinnedActions, selected, selecti
 			return;
 		}
 		if (href) goTo(href);
+		else onActivate?.();
 	};
 	const pinnedLabels = new Set((pinnedActions ?? []).map((a) => a.label));
 	const hasOverflowItems = items.some((item) => item.kind !== "divider" && (item.kind === "submenu" || !pinnedLabels.has(item.label)));
 	return /* @__PURE__ */ jsxs("tr", {
-		className: cx("group", selected ? "bg-blue-500/5" : menuActive ? "theme-hover" : "hover:theme-hover", (href || selectionActive) && "cursor-pointer", className),
+		className: cx("group", selected ? "bg-blue-500/5" : menuActive ? "theme-hover" : "hover:theme-hover", (href || onActivate || selectionActive) && "cursor-pointer", className),
 		onClick: handleRowClick,
 		...rowContextMenuProps(openRowMenu, items),
 		children: [
@@ -518,16 +520,16 @@ function useListView({ storageKey, sharedFiltersKey, columns, groupBys = [], def
 	const defaultOrderByValue = isFavorite ? DEFAULT_ORDER : defaultOrderBy ?? orderBys[0]?.value ?? "";
 	const defaultHiddenKeys = useMemo(() => columns.filter((c) => c.defaultHidden && !c.alwaysVisible).map((c) => c.key), [columns]);
 	const defaultPinnedKeys = useMemo(() => actions.filter((a) => a.defaultPinned).map((a) => a.key), [actions]);
-	const [hiddenKeys, setHiddenKeys] = useLocalStorage(`${storageKey}:hiddenColumns`, defaultHiddenKeys);
-	const [pinnedKeys, setPinnedKeys] = useLocalStorage(`${storageKey}:pinnedActions`, defaultPinnedKeys);
-	const [groupBy, setGroupBy] = useLocalStorage(`${storageKey}:groupBy`, defaultGroupByValue);
-	const [showColumnHeaders, setShowColumnHeaders] = useLocalStorage(`${storageKey}:showColumnHeaders`, defaultShowColumnHeaders);
-	const [showActions, setShowActions] = useLocalStorage(`${storageKey}:showActions`, defaultShowActions);
-	const [alwaysShowActions, setAlwaysShowActions] = useLocalStorage(`${storageKey}:alwaysShowActions`, false);
-	const [orderBy, setOrderBy] = useLocalStorage(`${storageKey}:orderBy`, defaultOrderByValue);
-	const [orderDir, setOrderDir] = useLocalStorage(`${storageKey}:orderDir`, "asc");
-	const [localFilters, setLocalFilters] = useLocalStorage(`${storageKey}:filters`, {});
-	const [sharedFilters, setSharedFilters] = useLocalStorage(`${sharedFiltersKey ?? storageKey}:sharedFilters`, {});
+	const [hiddenKeys, setHiddenKeys] = usePersistedState(`${storageKey}:hiddenColumns`, defaultHiddenKeys);
+	const [pinnedKeys, setPinnedKeys] = usePersistedState(`${storageKey}:pinnedActions`, defaultPinnedKeys);
+	const [groupBy, setGroupBy] = usePersistedState(`${storageKey}:groupBy`, defaultGroupByValue);
+	const [showColumnHeaders, setShowColumnHeaders] = usePersistedState(`${storageKey}:showColumnHeaders`, defaultShowColumnHeaders);
+	const [showActions, setShowActions] = usePersistedState(`${storageKey}:showActions`, defaultShowActions);
+	const [alwaysShowActions, setAlwaysShowActions] = usePersistedState(`${storageKey}:alwaysShowActions`, false);
+	const [orderBy, setOrderBy] = usePersistedState(`${storageKey}:orderBy`, defaultOrderByValue);
+	const [orderDir, setOrderDir] = usePersistedState(`${storageKey}:orderDir`, "asc");
+	const [localFilters, setLocalFilters] = usePersistedState(`${storageKey}:filters`, {});
+	const [sharedFilters, setSharedFilters] = usePersistedState(`${sharedFiltersKey ?? storageKey}:sharedFilters`, {});
 	const sharedKeys = useMemo(() => new Set(facets.filter((f) => f.shared).map((f) => f.key)), [facets]);
 	const filters = useMemo(() => {
 		if (sharedKeys.size === 0) return localFilters;
@@ -1184,7 +1186,7 @@ var LIST_PAGE_SIZES = [
 	200
 ];
 /** Footer pager bar for paginated new-nav lists: "{start}–{end} of {total}" with prev/next. Renders nothing for a single page. */
-function ListPager({ page, pageSize, total, onPageChange, pageSizes = LIST_PAGE_SIZES, onPageSizeChange }) {
+function ListPager({ page, pageSize, total, onPageChange, pageSizes = LIST_PAGE_SIZES, onPageSizeChange, hasNext }) {
 	const t = useStrings().list;
 	const pageCount = Math.max(1, Math.ceil(total / pageSize));
 	const start = page * pageSize + 1;
@@ -1220,7 +1222,7 @@ function ListPager({ page, pageSize, total, onPageChange, pageSizes = LIST_PAGE_
 			}), /* @__PURE__ */ jsx("button", {
 				type: "button",
 				"aria-label": t.paginationNext,
-				disabled: page >= pageCount - 1,
+				disabled: hasNext === void 0 ? page >= pageCount - 1 : !hasNext,
 				onClick: () => onPageChange(page + 1),
 				className: cx(listControlButtonClasses, "disabled:opacity-40 disabled:pointer-events-none"),
 				children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "w-3.5 h-3.5" })

package/dist/components/Button.d.ts

@@ -13,6 +13,7 @@ interface MethodButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     label: string;
     description?: string;
     href?: string;
+    loading?: boolean;
 }
-export declare function MethodButton({ icon, label, description, href, className, ...props }: MethodButtonProps): import("react").JSX.Element;
+export declare function MethodButton({ icon, label, description, href, loading, disabled, className, ...props }: MethodButtonProps): import("react").JSX.Element;
 export {};

package/dist/components/Provider.d.ts

@@ -1,4 +1,5 @@
-import type { ReactNode } from 'react';
+import type { Dispatch, ReactNode, SetStateAction } from 'react';
+import type { RunLink } from '../workflow/types.js';
 export type UIToastId = string | number;
 export interface UIToastOptions {
     toastId?: UIToastId;
@@ -321,6 +322,13 @@ export interface UIStrings {
         readOnlyDescription: string;
         readOnlyForced: string;
     };
+    time: {
+        now: string;
+        minutes: (n: number) => string;
+        hours: (n: number) => string;
+        days: (n: number) => string;
+        years: (n: number) => string;
+    };
     list: {
         copy: (label: string) => string;
         copied: (label: string) => string;
@@ -380,6 +388,7 @@ export interface RunFileResult {
     isLoading: boolean;
     error: unknown;
 }
+export type PersistedStateHook = <T>(key: string, defaultValue: T) => [T, Dispatch<SetStateAction<T>>];
 export interface UIData {
     /**
      * Host-bound hook resolving a file in a run's artifact tree (logs, scripts).
@@ -406,6 +415,49 @@ export interface UIData {
     }) => Promise<{
         error?: string;
     }>;
+    usePersistedState: PersistedStateHook;
+    /**
+     * Repository completions for `uses:`, bound by the host because the credential
+     * lives on the platform. Absent, those completions no-op.
+     */
+    repoSuggestions?: {
+        refs: (repo: string) => Promise<RepoRef[]>;
+        files: (repo: string, ref: string, path: string) => Promise<RepoEntry[]>;
+        file: (repo: string, ref: string, path: string) => Promise<string>;
+        repos: (owner: string) => Promise<RepoSummary[]>;
+        gitlabProjects: (search: string, host?: string) => Promise<GitlabProject[]>;
+        owners: (provider: 'github' | 'gitlab', search: string, host?: string) => Promise<RepoOwner[]>;
+    };
+}
+/** One branch, tag or commit a `uses:` reference can name. */
+export interface RepoRef {
+    name: string;
+    kind: string;
+    detail: string;
+}
+/** One repository in an owner listing. */
+export interface RepoSummary {
+    name: string;
+    description: string;
+    private: boolean;
+}
+/** One account, organization or group a repository can live under. */
+export interface RepoOwner {
+    name: string;
+    kind: string;
+    host?: string | undefined;
+}
+/** One GitLab project, with the server a $host must name to reach it. */
+export interface GitlabProject {
+    path: string;
+    host: string;
+    description: string;
+    private: boolean;
+}
+/** One entry in a repository directory listing. */
+export interface RepoEntry {
+    path: string;
+    type: 'blob' | 'tree';
 }
 import type { FieldComponent } from '../form/fieldRegistry.js';
 import type { PageHeaderCrumb } from './PageHeader.js';
@@ -431,11 +483,12 @@ export interface UISlots {
      * renders fields inside a Suspense boundary.
      */
     formFields?: Record<string, FieldComponent>;
-    /** Sessions block for a run's sidebar; absent hides the section. */
+    /** Links and sessions block for a run's sidebar; absent hides the section. */
     runSessions?: (args: {
         runId: string;
         runNumber: number;
         runActive: boolean;
+        links?: Record<string, RunLink> | undefined;
     }) => ReactNode;
     /** Rich read-only YAML viewer; absent falls back to a plain <pre>. */
     yamlViewer?: (args: {
@@ -488,9 +541,11 @@ export declare function useNavigation(): UINavigation;
 export declare function useSlots(): UISlots;
 export declare function useWorkflowJsonResolver(): ((ref: WorkflowJsonRef) => Promise<unknown>) | undefined;
 export declare function useProvisionCorsRules(): UIData['provisionCorsRules'];
+export declare function useRepoSuggestions(): UIData['repoSuggestions'];
 export declare function useRunFile(slug: string, path: string | null, options?: {
     refreshInterval?: number;
 }): RunFileResult;
+export declare function usePersistedState<T>(key: string, defaultValue: T): [T, Dispatch<SetStateAction<T>>];
 export declare function UIProvider({ notify, strings, navigation, data, slots, children, }: {
     notify?: Partial<UINotify>;
     strings?: {

package/dist/components/SectionHeader.d.ts

@@ -1,6 +1,8 @@
 interface ISectionHeaderProps {
     className?: string;
+    /** 'sm' heads a group inside a page rather than the page's own section. */
+    size?: 'md' | 'sm';
     children: React.ReactNode;
 }
-export default function SectionHeader({ children, className, }: ISectionHeaderProps): import("react").JSX.Element;
+export default function SectionHeader({ children, className, size, }: ISectionHeaderProps): import("react").JSX.Element;
 export {};

package/dist/components/StatusBadge.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-type BadgeVariant = 'default' | 'success' | 'warning' | 'error' | 'info' | 'muted';
+export type BadgeVariant = 'default' | 'success' | 'warning' | 'error' | 'info' | 'muted';
 interface StatusBadgeProps {
     /** Badge content */
     children: ReactNode;
@@ -7,12 +7,17 @@ interface StatusBadgeProps {
     variant?: BadgeVariant;
     /** Show animated pulse indicator */
     pulse?: boolean;
+    /** Show a still indicator in the variant's colour */
+    dot?: boolean;
     /** Size */
     size?: 'sm' | 'md';
     /** Additional class */
     className?: string;
 }
-export declare function StatusBadge({ children, variant, pulse, size, className, }: StatusBadgeProps): import("react").JSX.Element;
+/** A line of text in a variant's colour, for a status that stands beside a
+ *  dot rather than inside a badge. */
+export declare function statusTextClass(variant: BadgeVariant): string;
+export declare function StatusBadge({ children, variant, pulse, dot, size, className, }: StatusBadgeProps): import("react").JSX.Element;
 interface StatusDotProps {
     variant?: BadgeVariant;
     pulse?: boolean;

package/dist/components/relativeTime.d.ts

@@ -0,0 +1,15 @@
+import { DateTime } from 'luxon';
+export declare function compactRelativeMinutes(minutes: number, t: {
+    now: string;
+    minutes: (n: number) => string;
+    hours: (n: number) => string;
+    days: (n: number) => string;
+    years: (n: number) => string;
+}): string;
+/** A clock that re-reads itself, so "5m" ages while the page sits open, with
+ *  the abbreviated form a row has room for. */
+export declare function useRelativeTime(): {
+    now: DateTime;
+    compact: (iso: string | undefined) => string;
+    compactMinutes: (minutes: number) => string;
+};

package/dist/editor/index.js

@@ -1,2 +1,2 @@
-import { a as EditorField, i as FormCodePanel, n as defineEditorThemes, o as Editor, r as getThemeName, t as setupMonacoWorkers } from "../chunks/editor-Ko3zX22Y.js";
+import { a as EditorField, i as FormCodePanel, n as defineEditorThemes, o as Editor, r as getThemeName, t as setupMonacoWorkers } from "../chunks/editor-mNznodJN.js";
 export { Editor, EditorField, FormCodePanel, defineEditorThemes, getThemeName, setupMonacoWorkers };

package/dist/editor/usesGitlab.d.ts

@@ -0,0 +1,97 @@
+/** Pure helpers behind the gitlab/ uses: completion, kept out of Monaco.tsx so they can
+ * be tested without loading the editor. */
+export interface MonacoRange {
+    startLineNumber: number;
+    startColumn: number;
+    endLineNumber: number;
+    endColumn: number;
+}
+interface LineReader {
+    getLineContent: (line: number) => string;
+}
+/** Splits GROUP/PROJECT@REF; the ref is null when no @ has been typed yet. */
+export declare function splitAtRef(typed: string): [string, string | null];
+/** What to insert for a chosen project, given what is already typed. A typed prefix is
+ * completed like the github one; a mid-path match has to replace what is there. */
+export declare function projectInsert(typed: string, path: string): {
+    text: string;
+    replace: boolean;
+};
+/** The $host the step pins, or undefined. Quotes and a trailing comment are stripped,
+ * so a pinned host is recognised however it was written. */
+export declare function stepHostAbove(model: LineReader, usesLine: number, maxLines?: number): string | undefined;
+/** A YAML scalar as written: quotes removed, a trailing comment dropped. */
+export declare function unquoteScalar(raw: string): string;
+/** A missing $host already means gitlab.com, so naming it adds nothing. */
+export declare const DEFAULT_GITLAB_HOST = "gitlab.com";
+/** How to add `$host` to a step. Always an edit of its own: monaco re-indents a
+ * multi-line insertText, and the cursor has to stay after the project. */
+export declare function hostCompletion(model: LineReader & {
+    getLineCount: () => number;
+}, usesLine: number, host: string): {
+    appendText: string;
+    edits: {
+        range: MonacoRange;
+        text: string;
+    }[];
+};
+/** A trailing slash or @ after a known project is the ref separator, the way a trailing
+ * slash is for github/OWNER/REPO. The slash is swapped for @ when a ref is accepted. */
+export declare function refTrigger(typed: string, knownPaths: string[]): {
+    projectPath: string;
+    replaceSlash: boolean;
+} | undefined;
+/** What to ask the platform for when completing a project path: everything before the
+ * first slash. Typing deeper then filters that answer instead of asking again. */
+export declare function projectSearchKey(typed: string): string;
+/** Where a `$yaml:`/`$thumbnail:` value's files come from: the nearest `uses:` above,
+ * addressed the way the platform's file endpoint expects. A gitlab/ path carries no
+ * host, so the step's $host supplies it. */
+export declare function usesFileSource(model: LineReader, fromLine: number, maxLines?: number): {
+    repo: string;
+    ref: string;
+} | undefined;
+/** One entry of a repository tree. */
+export interface RepoTreeEntry {
+    path: string;
+    type: 'tree' | 'blob';
+}
+declare const FILE_VALUE_KINDS: {
+    $yaml: {
+        detail: string;
+        keep: (path: string) => boolean;
+    };
+    $thumbnail: {
+        detail: string;
+        keep: (path: string) => boolean;
+    };
+};
+/** Which of the two file-valued keys the cursor sits on, if either. */
+export declare function fileValueKey(textUntilCursor: string): keyof typeof FILE_VALUE_KINDS | undefined;
+/** The files worth offering for a `$yaml:`/`$thumbnail:` value, from whichever
+ * repository the step's `uses:` names. Empty when the line is not one of those keys,
+ * no `uses:` is above it, or the tree cannot be read. */
+export declare function fileValueSuggestions(model: LineReader, line: number, textUntilCursor: string, loadTree: (repo: string, ref: string) => Promise<RepoTreeEntry[]>): Promise<{
+    path: string;
+    detail: string;
+}[]>;
+/** Every $-prefixed key a step already sets, mapped to its value. Nothing already
+ * written is offered a second time, and an existing one must not suppress the rest. */
+export declare function specialKeysNearUses(model: LineReader & {
+    getLineCount: () => number;
+}, usesLineNumber: number): Map<string, string>;
+/** The same, for a with: block located by its own indentation. */
+export declare function specialKeysInWithBlock(model: LineReader & {
+    getLineCount: () => number;
+}, withLineNumber: number): Map<string, string>;
+/** Text to be inserted as a snippet, with the characters monaco's snippet parser would
+ * otherwise read as placeholders escaped. */
+export declare function snippetLiteral(text: string): string;
+/** How a completion inserts its text when a `$host` block has to travel with it. The
+ * cursor stop is what keeps the caret on the uses: line rather than after the block;
+ * without a block there is nothing to escape and it stays a plain insert. */
+export declare function completionInsert(text: string, appendText: string): {
+    insertText: string;
+    isSnippet: boolean;
+};
+export {};