@parallelworks/ui 0.18.0 → 0.19.1

package/dist/components/PageHeader.js

@@ -0,0 +1,194 @@
+import { useLink, useSlots, useStrings } from "./Provider.js";
+import { AddIcon, ChevronRightIcon, EditIcon, MoreIcon } from "../icons.js";
+import { keyedByContent } from "./keys.js";
+import { TOOLTIP_ID } from "./Tooltip.js";
+import { AddMenu } from "./AddMenu.js";
+import { useBreadcrumb } from "./Breadcrumbs.js";
+import { useRowMenu } from "../list/RowContextMenu.js";
+import cx from "classnames";
+import { Fragment, useLayoutEffect } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+//#region src/components/PageHeader.tsx
+var headerActionButtonClasses = "flex items-center justify-center w-6 h-6 rounded-md shrink-0 cursor-pointer text-(--theme-muted-text-color) hover:text-(--theme-app) hover:bg-(--theme-muted-panel-bg) transition-colors";
+var headerAddButtonClasses = "inline-flex h-[26px] shrink-0 items-center gap-1.5 rounded-md border border-(--theme-border) px-2 text-xs font-medium cursor-pointer text-(--theme-muted-text-color) hover:bg-(--theme-muted-panel-bg) hover:text-(--theme-app) transition-colors";
+/** With menu, the plus opens a chooser; otherwise navigates to or calls the
+* single action. `word` is the visible verb; `label` stays the full action for
+* the tooltip and screen readers. */
+function HeaderAddButton({ to, onClick, label, word = "add", menu, disabled = false, disabledHint }) {
+	const { common } = useStrings();
+	const Link = useLink();
+	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(AddIcon, { className: "w-3 h-3" }), /* @__PURE__ */ jsx("span", { children: word === "create" ? common.create : common.add })] });
+	if (menu) return /* @__PURE__ */ jsx(AddMenu, {
+		items: menu,
+		label,
+		buttonClassName: headerAddButtonClasses,
+		children: content
+	});
+	if (to) return /* @__PURE__ */ jsx(Link, {
+		to,
+		"aria-label": label,
+		title: label,
+		className: headerAddButtonClasses,
+		children: content
+	});
+	const hint = disabled ? disabledHint : void 0;
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		onClick: disabled ? void 0 : onClick,
+		"aria-label": hint ? `${label}. ${hint}` : label,
+		"aria-disabled": disabled || void 0,
+		...hint ? {
+			"data-tooltip-id": TOOLTIP_ID,
+			"data-tooltip-content": hint
+		} : { title: label },
+		className: cx(headerAddButtonClasses, "aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:hover:bg-transparent aria-disabled:hover:text-(--theme-muted-text-color)"),
+		children: content
+	});
+}
+function HeaderActionMenu({ items, label = "Actions" }) {
+	if (items.length === 0) return null;
+	return /* @__PURE__ */ jsx(AddMenu, {
+		items,
+		label,
+		buttonClassName: headerActionButtonClasses,
+		children: /* @__PURE__ */ jsx(MoreIcon, { className: "w-3.5 h-3.5" })
+	});
+}
+/** The header "…" trigger for a RowMenuItem menu — same rendering (submenus,
+* destructive styling) as the list pages' right-click context menus. */
+function HeaderRowMenu({ items, label = "Actions" }) {
+	const { openMenu, contextMenu } = useRowMenu();
+	if (items.length === 0) return null;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-label": label,
+		title: label,
+		className: headerActionButtonClasses,
+		onClick: (e) => {
+			const r = e.currentTarget.getBoundingClientRect();
+			openMenu(r.left, r.bottom + 4, items);
+		},
+		children: /* @__PURE__ */ jsx(MoreIcon, { className: "w-3.5 h-3.5" })
+	}), contextMenu] });
+}
+function HeaderEditButton({ to, onClick, label = "Edit", disabled, tooltip }) {
+	const Link = useLink();
+	const tooltipProps = tooltip ? {
+		"data-tooltip-id": TOOLTIP_ID,
+		"data-tooltip-content": tooltip
+	} : {};
+	if (to && !disabled) return /* @__PURE__ */ jsx(Link, {
+		to,
+		"aria-label": label,
+		...tooltip ? {} : { title: label },
+		className: headerActionButtonClasses,
+		...tooltipProps,
+		children: /* @__PURE__ */ jsx(EditIcon, { className: "w-3 h-3" })
+	});
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		onClick,
+		disabled,
+		"aria-label": label,
+		title: tooltip ? void 0 : label,
+		className: cx(headerActionButtonClasses, disabled && "opacity-50 cursor-not-allowed hover:bg-transparent"),
+		...tooltipProps,
+		children: /* @__PURE__ */ jsx(EditIcon, { className: "w-3 h-3" })
+	});
+}
+/** Renders nothing when the modern breadcrumb strip isn't mounted (classic chrome or self-headered pages). */
+function BreadcrumbsTitleAction({ children }) {
+	const { titleActionSlot } = useBreadcrumb();
+	if (!titleActionSlot) return null;
+	return createPortal(children, titleActionSlot);
+}
+function BreadcrumbsRightAction({ children }) {
+	const { rightActionSlot } = useBreadcrumb();
+	if (!rightActionSlot) return null;
+	return createPortal(children, rightActionSlot);
+}
+var breadcrumbsActionClasses = "flex items-center gap-1 link text-xs whitespace-nowrap disabled:opacity-50 disabled:cursor-not-allowed";
+function BreadcrumbsActionButton({ icon: Icon, label, ariaLabel, to, onClick, disabled, tooltip }) {
+	const Link = useLink();
+	const tip = tooltip ? {
+		"data-tooltip-id": TOOLTIP_ID,
+		"data-tooltip-content": tooltip
+	} : {};
+	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Icon, { className: "w-3 h-3" }), label] });
+	if (to && !disabled) return /* @__PURE__ */ jsx(Link, {
+		to,
+		className: breadcrumbsActionClasses,
+		...ariaLabel ? { "aria-label": ariaLabel } : {},
+		...tip,
+		children: content
+	});
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		onClick,
+		disabled,
+		className: breadcrumbsActionClasses,
+		...ariaLabel ? { "aria-label": ariaLabel } : {},
+		...tip,
+		children: content
+	});
+}
+function PageHeader({ breadcrumbs, title, titleAction, actions, toolbar, className, sticky = true, stickyTopClassName = "top-0" }) {
+	const { setHidden } = useBreadcrumb();
+	const Link = useLink();
+	const { breadcrumbPin, navToggle } = useSlots();
+	useLayoutEffect(() => {
+		setHidden(true);
+		return () => setHidden(false);
+	}, [setHidden]);
+	const crumbs = [...breadcrumbs ?? []];
+	const lastLabel = crumbs[crumbs.length - 1]?.label;
+	if (title !== null && title !== void 0 && title !== lastLabel) crumbs.push({ label: title });
+	const crumbRow = crumbs.length > 0 && /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-1.5 min-w-0",
+		children: [
+			/* @__PURE__ */ jsx("nav", {
+				"aria-label": "Breadcrumb",
+				className: "flex items-center gap-2 min-w-0 text-[13px]",
+				children: keyedByContent(crumbs, (c) => c.href ?? (typeof c.label === "string" ? c.label : "crumb")).map(({ key, item: crumb }, idx) => {
+					if (idx === crumbs.length - 1) return /* @__PURE__ */ jsx("h1", {
+						className: "m-0 text-[13px] font-medium leading-none text-(--theme-app) truncate",
+						children: crumb.label
+					}, key);
+					return /* @__PURE__ */ jsxs(Fragment, { children: [crumb.href ? /* @__PURE__ */ jsx(Link, {
+						to: crumb.href,
+						className: "text-(--theme-muted-text-color) hover:text-(--theme-app) transition-colors cursor-pointer whitespace-nowrap",
+						children: crumb.label
+					}) : /* @__PURE__ */ jsx("span", {
+						className: "text-(--theme-muted-text-color) whitespace-nowrap",
+						children: crumb.label
+					}), /* @__PURE__ */ jsx(ChevronRightIcon, { className: "w-3 h-3 opacity-60 shrink-0 text-(--theme-muted-text-color)" })] }, key);
+				})
+			}),
+			titleAction,
+			breadcrumbPin?.({ crumbs })
+		]
+	});
+	const actionCluster = actions && /* @__PURE__ */ jsx("div", {
+		className: "flex items-center gap-1.5 shrink-0",
+		children: actions
+	});
+	const toggle = navToggle?.();
+	const hasLeading = !!crumbRow || !!toggle;
+	const leading = hasLeading ? /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-2 min-w-0",
+		children: [toggle, crumbRow]
+	}) : /* @__PURE__ */ jsx("div", {});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx(sticky && cx("sticky z-20", stickyTopClassName), "w-full bg-(--theme-app-bg)", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: cx("flex items-center justify-between gap-6 px-4 h-11", hasLeading && "border-b border-(--theme-border)"),
+			children: [leading, actionCluster]
+		}), toolbar && /* @__PURE__ */ jsx("div", {
+			className: "px-4",
+			children: toolbar
+		})]
+	});
+}
+//#endregion
+export { BreadcrumbsActionButton, BreadcrumbsRightAction, BreadcrumbsTitleAction, HeaderActionMenu, HeaderAddButton, HeaderEditButton, HeaderRowMenu, PageHeader, headerActionButtonClasses };

package/dist/components/Pagination.js

@@ -0,0 +1,35 @@
+import { useStrings } from "./Provider.js";
+import cx from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/Pagination.tsx
+function Pagination({ endingNumber, endingTime, nextCallback, prevCallback, roundedBottom, startingNumber, startingTime, nextDisabled, prevDisabled, name, useTimeRange = false }) {
+	const t = useStrings().list;
+	return /* @__PURE__ */ jsxs("nav", {
+		className: cx(roundedBottom && "rounded-b-2xl", "theme-muted-panel flex items-center justify-between border-t theme-border  px-4 py-1 sm:px-6"),
+		"aria-label": "Pagination",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: cx("hidden", (startingNumber !== void 0 && startingNumber !== null && endingNumber !== void 0 && endingNumber !== null || startingTime && endingTime) && "sm:block"),
+			children: /* @__PURE__ */ jsx("p", {
+				className: "text-sm whitespace-nowrap",
+				children: useTimeRange && startingTime && endingTime ? t.paginationShowingTimeRange(name ?? "", startingTime, endingTime) : t.paginationShowing(name ?? "", startingNumber ?? "", endingNumber ?? "")
+			})
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-1 justify-between sm:justify-end gap-x-2",
+			children: [/* @__PURE__ */ jsx("button", {
+				type: "button",
+				disabled: prevDisabled,
+				onClick: prevCallback,
+				className: cx("link text-sm", prevDisabled && "disabled"),
+				children: t.paginationPrevious
+			}), /* @__PURE__ */ jsx("button", {
+				type: "button",
+				disabled: nextDisabled,
+				onClick: nextCallback,
+				className: cx("link text-sm", nextDisabled && "disabled"),
+				children: t.paginationNext
+			})]
+		})]
+	});
+}
+//#endregion
+export { Pagination };

package/dist/components/Provider.d.ts

@@ -1,5 +1,6 @@
 import type { Dispatch, ReactNode, SetStateAction } from 'react';
-import type { RunLink } from '../workflow/types.js';
+import type { WorkflowEngine } from '../engine.js';
+import type { RunLink } from '../graph/types.js';
 export type UIToastId = string | number;
 export interface UIToastOptions {
     toastId?: UIToastId;
@@ -244,6 +245,7 @@ export interface UIStrings {
             collapse: string;
             upload: string;
             download: string;
+            downloadFromBrowser: string;
             access: string;
             manageAccess: string;
             delete: string;
@@ -318,10 +320,6 @@ export interface UIStrings {
         invalidDuration: string;
         durationOutOfRange: (min: string, max: string) => string;
         durationBelowMin: (min: string) => string;
-        readOnly: string;
-        readWrite: string;
-        readOnlyDescription: string;
-        readOnlyForced: string;
     };
     time: {
         now: string;
@@ -373,18 +371,11 @@ export interface UIStrings {
 }
 export interface UINavigation {
     goTo: (to: string) => void;
-    toWorkflow: (name: string) => void;
-    toMarketItem: (name: string) => void;
+    /** Opens the source of a step that runs another workflow, named by its `uses`;
+     * `sourceUrl` is a page the server resolved for it, when there is one. */
+    openStepSource: (uses: string, sourceUrl?: string) => void;
     openExternal: (href: string) => void;
 }
-export type WorkflowJsonRef = {
-    kind: 'marketplace';
-    slug: string;
-    version: string;
-} | {
-    kind: 'workflow';
-    name: string;
-};
 export interface RunFileResult {
     data: string | undefined;
     isLoading: boolean;
@@ -400,11 +391,6 @@ export interface UIData {
     useRunFile: (slug: string, path: string | null, options?: {
         refreshInterval?: number;
     }) => RunFileResult;
-    /**
-     * Resolves a workflow reference to its parsed JSON definition, for the YAML
-     * editor's input completion. Absent, that completion silently no-ops.
-     */
-    resolveWorkflowJson?: (ref: WorkflowJsonRef) => Promise<unknown>;
     /**
      * Provisions browser-access CORS rules on a storage. Absent, the storage
      * explorer hides its "add CORS rules" affordance.
@@ -418,48 +404,6 @@ export interface UIData {
         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';
@@ -530,25 +474,31 @@ export interface UISlots {
      * trail — the host's app-nav toggle. Absent hides it. */
     navToggle?: () => ReactNode;
 }
+/** An engine, or a loader so the host can keep the engine out of its first-load bundle. */
+export type WorkflowEngineSource = WorkflowEngine | (() => Promise<WorkflowEngine>);
 export interface UIProviderValue {
     notify: UINotify;
     strings: UIStrings;
     navigation: UINavigation;
     data: UIData;
     slots: UISlots;
+    engine?: WorkflowEngineSource | undefined;
 }
 export declare function useNotify(): UINotify;
 export declare function useStrings(): UIStrings;
 export declare function useNavigation(): UINavigation;
 export declare function useSlots(): UISlots;
-export declare function useWorkflowJsonResolver(): ((ref: WorkflowJsonRef) => Promise<unknown>) | undefined;
+/** The engine when one is provided and `enabled`; suspends while a loader resolves. */
+export declare function useOptionalWorkflowEngine(enabled?: boolean): WorkflowEngine | undefined;
+export declare function useWorkflowEngine(): WorkflowEngine;
+/** Resolves the engine without suspending, for async callers such as editor completions. */
+export declare function useWorkflowEngineLoader(): () => Promise<WorkflowEngine | 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, }: {
+export declare function UIProvider({ notify, strings, navigation, data, slots, engine, children, }: {
     notify?: Partial<UINotify>;
     strings?: {
         [G in keyof UIStrings]?: UIStrings[G] extends object ? Partial<UIStrings[G]> : UIStrings[G];
@@ -556,5 +506,6 @@ export declare function UIProvider({ notify, strings, navigation, data, slots, c
     navigation?: Partial<UINavigation>;
     data?: Partial<UIData>;
     slots?: UISlots;
+    engine?: WorkflowEngineSource;
     children: React.ReactNode;
 }): import("react").JSX.Element;

package/dist/{chunks/Provider-Ghua9PkN.js → components/Provider.js}

@@ -1,4 +1,4 @@
-import { createContext, useContext, useMemo } from "react";
+import { createContext, use, useCallback, useContext, useEffect, useMemo } from "react";
 import { useLocalStorage } from "usehooks-ts";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Provider.tsx
@@ -85,7 +85,7 @@ var DEFAULTS = {
 			timeRangeActive: "Time range active",
 			timeRangeOn: "ON",
 			filterByTimeRange: "Filter by time range",
-			timeRangeHelp: "Times are interpreted in your local timezone. Applying a range re-queries the journal on the cluster and replaces what is loaded. Setting an end time stops live tailing until you clear it.",
+			timeRangeHelp: "Times are interpreted in your local timezone. Applying a range re-queries the log source and replaces what is loaded. Setting an end time stops live tailing until you clear it.",
 			timeRangeFrom: "From",
 			timeRangeTo: "To",
 			apply: "Apply",
@@ -188,7 +188,7 @@ var DEFAULTS = {
 				},
 				propagating: {
 					title: "Propagating CORS rules",
-					description: "Azure is rolling out the new rules to its storage endpoints. This usually completes within a minute.",
+					description: "The storage provider is rolling out the new rules to its endpoints. This usually completes within a minute.",
 					stages: {
 						submitted: "Submitted",
 						propagating: "Propagating",
@@ -246,6 +246,7 @@ var DEFAULTS = {
 				collapse: "Collapse",
 				upload: "Upload",
 				download: "Download",
+				downloadFromBrowser: "From browser",
 				access: "Access",
 				manageAccess: "Manage Access",
 				delete: "Delete",
@@ -319,11 +320,7 @@ var DEFAULTS = {
 		form: {
 			invalidDuration: "Enter a duration as DD-HH:MM:SS or HH:MM:SS.",
 			durationOutOfRange: (min, max) => `Must be between ${min} and ${max}.`,
-			durationBelowMin: (min) => `Must be at least ${min}.`,
-			readOnly: "Read-only",
-			readWrite: "Read-write",
-			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."
+			durationBelowMin: (min) => `Must be at least ${min}.`
 		},
 		time: {
 			now: "now",
@@ -392,8 +389,8 @@ var DEFAULTS = {
 					className: "font-medium",
 					children: startTime
 				}),
+				" to",
 				" ",
-				"to ",
 				/* @__PURE__ */ jsx("span", {
 					className: "font-medium",
 					children: endTime
@@ -403,8 +400,9 @@ var DEFAULTS = {
 	},
 	navigation: {
 		goTo: (to) => window.location.assign(to),
-		toWorkflow: () => {},
-		toMarketItem: () => {},
+		openStepSource: (_uses, sourceUrl) => {
+			if (sourceUrl) window.open(sourceUrl, "_blank");
+		},
 		openExternal: (href) => window.open(href, "_blank")
 	},
 	data: {
@@ -426,15 +424,46 @@ function useNavigation() {
 function useSlots() {
 	return useContext(UIContext).slots;
 }
-function useWorkflowJsonResolver() {
-	return useContext(UIContext).data.resolveWorkflowJson;
+var loadedEngines = /* @__PURE__ */ new WeakMap();
+function loadEngine(load) {
+	let entry = loadedEngines.get(load);
+	if (!entry) {
+		const created = { promise: load() };
+		created.promise.then((engine) => {
+			created.engine = engine;
+		});
+		loadedEngines.set(load, created);
+		entry = created;
+	}
+	return entry;
+}
+function resolveEngine(source) {
+	if (typeof source !== "function") return source;
+	const entry = loadEngine(source);
+	return entry.engine ?? use(entry.promise);
+}
+/** The engine when one is provided and `enabled`; suspends while a loader resolves. */
+function useOptionalWorkflowEngine(enabled = true) {
+	const source = useContext(UIContext).engine;
+	if (!enabled || !source) return;
+	return resolveEngine(source);
+}
+function useWorkflowEngine() {
+	const source = useContext(UIContext).engine;
+	if (!source) throw new Error("Workflow forms and graphs need a UIProvider with an engine.");
+	return resolveEngine(source);
+}
+/** Resolves the engine without suspending, for async callers such as editor completions. */
+function useWorkflowEngineLoader() {
+	const source = useContext(UIContext).engine;
+	return useCallback(async () => {
+		if (!source) return;
+		return typeof source === "function" ? loadEngine(source).promise : source;
+	}, [source]);
 }
 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);
@@ -443,7 +472,10 @@ function usePersistedState(key, defaultValue) {
 	const { usePersistedState: boundUsePersistedState } = useContext(UIContext).data;
 	return boundUsePersistedState(key, defaultValue);
 }
-function UIProvider({ notify, strings, navigation, data, slots, children }) {
+function UIProvider({ notify, strings, navigation, data, slots, engine, children }) {
+	useEffect(() => {
+		if (typeof engine === "function") loadEngine(engine);
+	}, [engine]);
 	const value = useMemo(() => ({
 		notify: {
 			...DEFAULTS.notify,
@@ -500,13 +532,15 @@ function UIProvider({ notify, strings, navigation, data, slots, children }) {
 			...DEFAULTS.data,
 			...data
 		},
-		slots: slots ?? DEFAULTS.slots
+		slots: slots ?? DEFAULTS.slots,
+		engine
 	}), [
 		notify,
 		strings,
 		navigation,
 		data,
-		slots
+		slots,
+		engine
 	]);
 	return /* @__PURE__ */ jsx(UIContext.Provider, {
 		value,
@@ -514,4 +548,4 @@ function UIProvider({ notify, strings, navigation, data, slots, children }) {
 	});
 }
 //#endregion
-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 };
+export { UIProvider, useLink, useNavigation, useNotify, useOptionalWorkflowEngine, usePersistedState, useProvisionCorsRules, useRunFile, useSlots, useStrings, useWorkflowEngine, useWorkflowEngineLoader };

package/dist/{chunks/RequiredMark-DfLdYbYZ.js → components/RequiredMark.js}

@@ -8,4 +8,4 @@ function RequiredMark() {
 	});
 }
 //#endregion
-export { RequiredMark as t };
+export { RequiredMark };

package/dist/components/SectionHeader.js

@@ -0,0 +1,11 @@
+import cx from "classnames";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/SectionHeader.tsx
+function SectionHeader({ children, className = "", size = "md" }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cx("w-full font-semibold", size === "sm" ? "mb-2 text-sm theme-text" : "text-lg", className),
+		children
+	});
+}
+//#endregion
+export { SectionHeader as default };

package/dist/components/SettingModeOption.js

@@ -0,0 +1,30 @@
+import cx from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/SettingModeOption.tsx
+/** A labeled + described radio option row, used inside a SettingsCard to pick
+* between modes (e.g. default vs custom). Stacked rows share the card's
+* dividers via `isFirst`. */
+function SettingModeOption({ name, checked, onSelect, label, description, isFirst, disabled }) {
+	return /* @__PURE__ */ jsxs("label", {
+		className: cx("flex items-start gap-3 px-5 py-4", disabled ? "cursor-default opacity-60" : "cursor-pointer", !isFirst && "border-t theme-border"),
+		children: [/* @__PURE__ */ jsx("input", {
+			type: "radio",
+			name,
+			checked,
+			onChange: onSelect,
+			disabled,
+			className: "mt-0.5 w-4 h-4 theme-input shrink-0"
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "min-w-0",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "font-semibold theme-text leading-tight",
+				children: label
+			}), /* @__PURE__ */ jsx("div", {
+				className: "theme-muted-text text-xs leading-snug mt-0.5",
+				children: description
+			})]
+		})]
+	});
+}
+//#endregion
+export { SettingModeOption };

package/dist/components/SettingRow.d.ts

@@ -12,7 +12,7 @@ export declare function SettingRow({ label, htmlFor, helpText, children, isFirst
      * double toggle. */
     onClick?: () => void;
 }): import("react").JSX.Element;
-export declare function SettingSection({ title, isFirst, }: {
+export declare function SettingSection({ title, isFirst }: {
     title: string;
     isFirst?: boolean;
 }): import("react").JSX.Element;

package/dist/components/SettingRow.js

@@ -0,0 +1,35 @@
+import cx from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/SettingRow.tsx
+function SettingRow({ label, htmlFor, helpText, children, isFirst, fill, onClick }) {
+	return /* @__PURE__ */ jsxs("div", {
+		role: "none",
+		onClick,
+		className: cx("px-5 py-5 grid grid-cols-1 gap-x-8 gap-y-2", fill ? "md:grid-cols-[200px_1fr]" : "md:grid-cols-[1fr_auto]", !isFirst && "border-t theme-border", onClick && "cursor-pointer select-none hover:theme-hover transition-colors"),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-y-1",
+			children: [/* @__PURE__ */ jsx("label", {
+				htmlFor,
+				className: "font-semibold theme-text leading-tight",
+				children: label
+			}), helpText && /* @__PURE__ */ jsx("div", {
+				className: "theme-muted-text text-xs leading-snug",
+				children: helpText
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: cx("min-w-0", !fill && "flex items-center justify-end"),
+			children
+		})]
+	});
+}
+function SettingSection({ title, isFirst }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cx("px-5 py-3 theme-muted-panel", !isFirst && "border-t theme-border"),
+		children: /* @__PURE__ */ jsx("h2", {
+			className: "font-semibold text-sm uppercase tracking-wider theme-muted-text",
+			children: title
+		})
+	});
+}
+//#endregion
+export { SettingRow, SettingSection };

package/dist/components/SettingsCard.js

@@ -0,0 +1,31 @@
+import cx from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/SettingsCard.tsx
+/**
+* A settings card: an optional sentence-case section label sits above a
+* bordered panel of rows. The label carries the breathing-room rhythm between
+* cards; the rows inside provide their own dividers via SettingRow's `isFirst`.
+*/
+function SettingsCard({ title, description, action, actionAlign = "adjacent", overflowVisible, children, className }) {
+	return /* @__PURE__ */ jsxs("section", {
+		className: cx("mt-10 first:mt-0", className),
+		children: [(title || action) && /* @__PURE__ */ jsxs("div", {
+			className: "mb-3 px-0.5",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: cx("flex items-center gap-1.5", actionAlign === "right" && "justify-between"),
+				children: [title && /* @__PURE__ */ jsx("h2", {
+					className: "text-[15px] font-semibold theme-text leading-none",
+					children: title
+				}), action]
+			}), description && /* @__PURE__ */ jsx("p", {
+				className: "text-xs theme-muted-text mt-1.5 leading-snug",
+				children: description
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: cx("panel", overflowVisible ? "overflow-visible" : "overflow-hidden"),
+			children
+		})]
+	});
+}
+//#endregion
+export { SettingsCard as default };

package/dist/components/SettingsGroup.d.ts

@@ -4,5 +4,5 @@ interface SettingsGroupProps {
     children: React.ReactNode;
     className?: string;
 }
-export default function SettingsGroup({ title, children, className, }: SettingsGroupProps): React.JSX.Element;
+export default function SettingsGroup({ title, children, className }: SettingsGroupProps): React.JSX.Element;
 export {};