@parallelworks/ui 0.77.0 → 0.78.0

package/dist/components/useCopy.d.ts

@@ -5,6 +5,12 @@ export interface CopyOptions {
     /** No toast on success, for a control that shows its own check. A failure
      *  still says so. */
     quiet?: boolean | undefined;
+    /** The whole success toast, in place of "Copied …", such as "Link copied" or one that
+     *  names the value: "Copied feature/login". */
+    success?: string | undefined;
+    /** The whole failure toast, in place of "Couldn't copy …", such as one that says where
+     *  else to copy the value from. */
+    failure?: string | undefined;
 }
 /** Copies text to the clipboard and says how it went. `copied` stays true for a
  *  moment after, for a button that turns into a check. */

package/dist/components/useCopy.js

@@ -11,14 +11,14 @@ function useCopy() {
 	const reset = useRef(void 0);
 	useEffect(() => () => clearTimeout(reset.current), []);
 	return {
-		copy: useCallback(async (text, { label, quiet = false } = {}) => {
+		copy: useCallback(async (text, { label, quiet = false, success, failure } = {}) => {
 			try {
 				await navigator.clipboard.writeText(text);
 			} catch {
-				toast.error(label ? t.copyThingFailed(label) : t.copyFailed);
+				toast.error(failure ?? (label ? t.copyThingFailed(label) : t.copyFailed));
 				return false;
 			}
-			if (!quiet) toast.success(label ? t.copiedThing(label) : t.copiedToClipboard);
+			if (!quiet) toast.success(success ?? (label ? t.copiedThing(label) : t.copiedToClipboard));
 			setCopied(true);
 			clearTimeout(reset.current);
 			reset.current = setTimeout(() => setCopied(false), COPIED_FOR_MS);

package/dist/components/useNarrow.d.ts

@@ -0,0 +1,2 @@
+/** Whether the screen is phone width, under 640px. */
+export declare function useNarrow(): boolean;

package/dist/components/useNarrow.js

@@ -0,0 +1,16 @@
+import { useSyncExternalStore } from "react";
+//#region src/components/useNarrow.ts
+var NARROW = "(max-width: 639px)";
+function subscribe(onChange) {
+	if (typeof window === "undefined" || typeof window.matchMedia !== "function") return () => {};
+	const media = window.matchMedia(NARROW);
+	media.addEventListener("change", onChange);
+	return () => media.removeEventListener("change", onChange);
+}
+var isNarrow = () => typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia(NARROW).matches;
+/** Whether the screen is phone width, under 640px. */
+function useNarrow() {
+	return useSyncExternalStore(subscribe, isNarrow, () => false);
+}
+//#endregion
+export { useNarrow };

package/dist/editor/Editor.js

@@ -1,7 +1,7 @@
 import { Loader } from "../components/Loader.js";
 import { editorLanguagesLoading } from "./languages.js";
-import { jsx } from "react/jsx-runtime";
 import { Suspense, lazy, use } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/editor/Editor.tsx
 var loadMonaco = () => import("./Monaco.js");
 var MonacoEditor = lazy(loadMonaco);

package/dist/editor/FormCodePanel.js

@@ -6,8 +6,8 @@ import { useCopy } from "../components/useCopy.js";
 import { Switch } from "../components/Switch.js";
 import { flattenGroups, impureSetValueFromPath } from "../form/lib.js";
 import { Editor } from "./Editor.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/editor/FormCodePanel.tsx
 var isObject = (value) => typeof value === "object" && value !== null;
 var shouldIgnoreField = (engine, fieldSchema, inputs, arrayIndex) => {

package/dist/editor/Monaco.js

@@ -11,8 +11,8 @@ import { setupMonacoWorkers } from "./workers.js";
 import { holdListeners, modelFor } from "./editorModel.js";
 import "./monacoFeatures.js";
 import { ensureYamlLanguage } from "./yamlLanguage.js";
-import { jsx } from "react/jsx-runtime";
 import { useEffect, useId, useLayoutEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
 import * as monaco from "monaco-editor/editor/editor.api";
 //#region src/editor/Monaco.tsx
 setupMonacoWorkers();

package/dist/editor/workers.js

@@ -31,7 +31,7 @@ function setupMonacoWorkers() {
 function createYamlWorker() {
 	return new Worker(new URL(
 		/* @vite-ignore */
-		new URL("../assets/yaml.worker-k9AdOqzf.js", import.meta.url).href,
+		new URL("../assets/yaml.worker-DOBV2lND.js", import.meta.url).href,
 		"" + import.meta.url
 	), { type: "module" });
 }

package/dist/file-explorer/FileExplorer.js

@@ -3,18 +3,18 @@ import { buttonClasses } from "../components/buttonClasses.js";
 import { AccessIcon, ChevronDownIcon, CollapseIcon, DownloadIcon, FileIcon, FileTextIcon, FolderIcon, FolderTreeIcon, LinkIcon, PreviewIcon, ShareIcon, TrashIcon, UploadIcon } from "../icons.js";
 import { MenuItem, MenuPopup, MenuSeparator } from "../components/Menu.js";
 import { safeUrl } from "../safeUrl.js";
+import { useContextMenu } from "../components/ContextMenu.js";
 import { Loader } from "../components/Loader.js";
 import { toast } from "../components/Toast.js";
-import { keyedByContent } from "../components/keys.js";
 import { Tooltip } from "../components/Tooltip.js";
-import { useNavigation, usePersistedState, useSlots, useStrings } from "../components/Provider.js";
+import { useLocale, useNavigation, usePersistedState, useSlots, useStrings } from "../components/Provider.js";
+import { keyedByContent } from "../components/keys.js";
 import { useCopy } from "../components/useCopy.js";
 import { Breadcrumbs } from "../components/Breadcrumbs.js";
 import { Button } from "../components/Button.js";
 import { Callout } from "../components/Callout.js";
 import { InfoTip } from "../components/InfoTip.js";
 import { ConfirmModal } from "../components/ConfirmModal.js";
-import { useContextMenu } from "../components/ContextMenu.js";
 import { CopyButton, CopyCodeBlock } from "../components/CopyButton.js";
 import { CreateModal } from "../components/CreateModal.js";
 import { useSplitter } from "../components/splitter.js";
@@ -40,8 +40,8 @@ import { FileTable } from "./FileTable.js";
 import { advanceListing, beginLoadingMore, canAutoLoadMore, clearListingError, clearListingsUnder, hasMore, incompletePaths, isListed, isLoadingMore, loadMoreError, nextHydrationStep, recordListingError, replaceListing, retainListings } from "./lib/paging.js";
 import { TreeView } from "./TreeView.js";
 import { Menu } from "@base-ui/react/menu";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useEffectEvent, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { DateTime } from "luxon";
 //#region src/file-explorer/FileExplorer.tsx
 function UriCard({ value }) {
@@ -121,6 +121,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 	const copySubmenu = useCopySubmenu();
 	const t = useStrings().fileExplorer;
 	const { common } = useStrings();
+	const locale = useLocale();
 	const { copy } = useCopy();
 	const slots = useSlots();
 	const { goTo } = useNavigation();
@@ -1054,7 +1055,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 							selectedStorage: null,
 							onRefresh: handleRefresh
 						})]
-					}) : !selectedNode ? /* @__PURE__ */ jsx(NoFileSelectedPreview, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+					}) : !selectedNode ? /* @__PURE__ */ jsx(NoFileSelectedPreview, {}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
 						/* @__PURE__ */ jsxs("div", {
 							className: "@container flex items-center justify-between gap-3 px-4 h-12 shrink-0 border-b theme-border",
 							children: [renderBreadcrumb(), /* @__PURE__ */ jsxs("div", {
@@ -1166,7 +1167,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 										children: [/* @__PURE__ */ jsx(MenuItem, {
 											onClick: handleDownload,
 											children: t.chrome.downloadFromBrowser
-										}), downloadCommand && downloadCommandText && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(MenuSeparator, {}), /* @__PURE__ */ jsxs("div", {
+										}), downloadCommand && downloadCommandText && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(MenuSeparator, {}), /* @__PURE__ */ jsxs("div", {
 											className: "px-2 py-1.5",
 											children: [/* @__PURE__ */ jsx("p", {
 												className: "text-sm text-center pb-1.5",
@@ -1311,7 +1312,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 															className: "tabular-nums",
 															children: formatBytes(selectedNode.size)
 														}),
-														modifiedDt && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+														modifiedDt && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
 															"aria-hidden": true,
 															children: "·"
 														}), /* @__PURE__ */ jsxs("span", { children: [
@@ -1345,50 +1346,50 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 											}), /* @__PURE__ */ jsxs("dl", {
 												className: "grid grid-cols-[minmax(0,140px)_1fr] gap-x-6 gap-y-2 text-sm",
 												children: [
-													typeof selectedNode.size === "number" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("dt", {
+													typeof selectedNode.size === "number" && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("dt", {
 														className: "theme-muted-text",
 														children: t.chrome.size
 													}), /* @__PURE__ */ jsx("dd", {
 														className: "tabular-nums",
 														children: formatBytes(selectedNode.size)
 													})] }),
-													selectedNode.contentType && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("dt", {
+													selectedNode.contentType && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("dt", {
 														className: "theme-muted-text",
 														children: t.chrome.contentType
 													}), /* @__PURE__ */ jsx("dd", {
 														className: "font-mono text-xs",
 														children: selectedNode.contentType
 													})] }),
-													createdDt && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("dt", {
+													createdDt && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("dt", {
 														className: "theme-muted-text",
 														children: t.chrome.created
 													}), /* @__PURE__ */ jsxs("dd", { children: [
-														formatDateTime(createdDt),
+														formatDateTime(createdDt, "medium", locale),
 														" ",
 														/* @__PURE__ */ jsxs("span", {
 															className: "theme-muted-text",
 															children: ["· ", /* @__PURE__ */ jsx(RelativeTime, { value: createdDt })]
 														})
 													] })] }),
-													modifiedDt && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("dt", {
+													modifiedDt && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("dt", {
 														className: "theme-muted-text",
 														children: t.chrome.lastModified
 													}), /* @__PURE__ */ jsxs("dd", { children: [
-														formatDateTime(modifiedDt),
+														formatDateTime(modifiedDt, "medium", locale),
 														" ",
 														/* @__PURE__ */ jsxs("span", {
 															className: "theme-muted-text",
 															children: ["· ", /* @__PURE__ */ jsx(RelativeTime, { value: modifiedDt })]
 														})
 													] })] }),
-													selectedNode.hash && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("dt", {
+													selectedNode.hash && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("dt", {
 														className: "theme-muted-text",
 														children: t.chrome.hash
 													}), /* @__PURE__ */ jsx("dd", {
 														className: "font-mono text-xs break-all",
 														children: selectedNode.hash.replace(/^"|"$/g, "")
 													})] }),
-													selectedNode.storageClass && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("dt", {
+													selectedNode.storageClass && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("dt", {
 														className: "theme-muted-text",
 														children: t.chrome.storageClass
 													}), /* @__PURE__ */ jsx("dd", {

package/dist/file-explorer/FileExplorerContext.js

@@ -1,11 +1,11 @@
 import { toast } from "../components/Toast.js";
-import { keyedByContent } from "../components/keys.js";
 import { useStrings } from "../components/Provider.js";
+import { keyedByContent } from "../components/keys.js";
 import { mapWithConcurrency } from "./lib/batch.js";
 import { calculateUploadNodesTotalSize, getUploadSessionETA, removeLeadingSlash } from "./lib/utils.js";
 import { UploadSessionToast } from "./toasts.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, use, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/file-explorer/FileExplorerContext.tsx
 var UPLOAD_CONCURRENCY = 3;
 var FileExplorerContext = createContext(void 0);

package/dist/file-explorer/FilePreview/Viewer.js

@@ -1,8 +1,8 @@
 import { cx } from "../../cx.js";
 import { DownloadIcon, FileIcon, LockIcon, MusicIcon, ZipIcon } from "../../icons.js";
 import { Loader } from "../../components/Loader.js";
-import { positionKeys, withPositionKeys } from "../../components/keys.js";
 import { useStrings } from "../../components/Provider.js";
+import { positionKeys, withPositionKeys } from "../../components/keys.js";
 import { Button } from "../../components/Button.js";
 import Markdown from "../../components/Markdown.js";
 import { formatBytes } from "../../format.js";
@@ -14,8 +14,8 @@ import { joinSource, parseDelimited, parseNotebook, stripAnsi } from "./parse.js
 import { countLines } from "./readCappedBytes.js";
 import { useObjectBlobUrl } from "./useObjectBlobUrl.js";
 import { useObjectText } from "./useObjectText.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/file-explorer/FilePreview/Viewer.tsx
 var PREVIEW_MARKDOWN_CONTROLS = {
 	table: { fullscreen: false },
@@ -473,7 +473,7 @@ function PreviewFetchState({ loading, tooLarge, size, error, corsError, storage,
 		onDownload
 	});
 	if (error) return /* @__PURE__ */ jsx(PreviewError, { onDownload });
-	return /* @__PURE__ */ jsx(Fragment, { children });
+	return /* @__PURE__ */ jsx(Fragment$1, { children });
 }
 function NotPreviewable({ icon, title, message, onDownload }) {
 	const t = useStrings().fileExplorer;

package/dist/file-explorer/FilePreview/index.js

@@ -9,8 +9,8 @@ import { getPreviewKind } from "./previewType.js";
 import { StreamedBadge } from "./StreamedBadge.js";
 import { usePresignedUrl } from "./usePresignedUrl.js";
 import { FilePreviewViewer } from "./Viewer.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/file-explorer/FilePreview/index.tsx
 /** Document views run their own chrome and text to the edge of the stage, which
 * full-window bars would float on top of; they get the bars in flow instead. */
@@ -174,7 +174,7 @@ function FilePreview({ open, node, siblings, storage, getPresignedUrl, onNavigat
 			else if (e.key === "ArrowLeft") goPrev();
 		},
 		children: [
-			isOverlay && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(EdgeButton, {
+			isOverlay && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(EdgeButton, {
 				side: "left",
 				label: t.preview.previousFile,
 				disabled: !hasPrev,

package/dist/file-explorer/FileRowsWindow.js

@@ -4,8 +4,8 @@ import { canPreview } from "./FilePreview/previewType.js";
 import { getNodeIcon } from "./helpers.js";
 import { FileRow, ROW_HEIGHT_TALL, isTwoLineRow } from "./FileRow.js";
 import { LoadMoreRow } from "./LoadMoreRow.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/file-explorer/FileRowsWindow.tsx
 /** `start`/`end` include scrollMargin but getTotalSize() does not, so the margin
 *  has to come back out of both. */
@@ -26,7 +26,7 @@ function spacerHeights(items, totalSize, scrollMargin) {
 function FileRowsWindow({ items, padTop, padBottom, nodes, checkedItems, activeIndex, rowIdPrefix, scrollEl, loadMore, getItems, openMenu, onOpen, onToggleCheck, onPreview, pathHref }) {
 	useNestedScrollerWarning(scrollEl, nodes.length);
 	useRowPitchAudit(scrollEl, nodes, items);
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		padTop > 0 && /* @__PURE__ */ jsx(Spacer, { height: padTop }, "pad-top"),
 		items.map((item) => {
 			const node = nodes[item.index];
@@ -60,7 +60,7 @@ function FileRowsWindow({ items, padTop, padBottom, nodes, checkedItems, activeI
 	] });
 }
 function Spacer({ height }) {
-	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("tr", {
+	return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx("tr", {
 		"aria-hidden": "true",
 		className: "border-0",
 		children: /* @__PURE__ */ jsx("td", {

package/dist/file-explorer/FileTable.js

@@ -5,8 +5,8 @@ import { listTableFixedProps } from "../list/ListTable.js";
 import { fileRowHeight } from "./FileRow.js";
 import { FileRowsWindow, spacerHeights } from "./FileRowsWindow.js";
 import { FileTableHeaders } from "./FileTableHeaders.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useVirtualizer } from "@tanstack/react-virtual";
 //#region src/file-explorer/FileTable.tsx
 /** The file table. Give it a `key` of the folder path: a folder change must reset

package/dist/file-explorer/LoadMoreRow.js

@@ -1,8 +1,8 @@
 import { Loader } from "../components/Loader.js";
 import { useStrings } from "../components/Provider.js";
 import { useNearEnd } from "./useNearEnd.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 function LoadMoreRow({ rowId, rowIndex, loading, error, auto, root, onLoadMore }) {
 	const t = useStrings().fileExplorer;
 	const { common } = useStrings();

package/dist/file-explorer/TreeView.js

@@ -1,16 +1,16 @@
 import { cx } from "../cx.js";
 import { ChevronRightIcon, FolderIcon, FolderOpenIcon } from "../icons.js";
 import { isDev } from "../dev.js";
-import { positionKeys } from "../components/keys.js";
 import { useStrings } from "../components/Provider.js";
 import { AppLink, isPlainClick } from "../components/AppLink.js";
+import { positionKeys } from "../components/keys.js";
 import { Skeleton } from "../components/Skeleton.js";
 import { carriesFiles, getParentPath } from "./lib/utils.js";
 import { canPreview } from "./FilePreview/previewType.js";
 import { getNodeIcon } from "./helpers.js";
 import { edgeRow, findRowIndex, firstChildRow, flattenTreeRows, nextFileLimit, parentRow, stepRow } from "./treeRows.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useVirtualizer } from "@tanstack/react-virtual";
 //#region src/file-explorer/TreeView.tsx
 /** 9px margin + 12px padding, per level. */
@@ -196,7 +196,7 @@ function indentStyle(depth, isDirectory) {
 }
 function IndentGuides({ depth }) {
 	if (depth === 0) return null;
-	return /* @__PURE__ */ jsx(Fragment, { children: positionKeys(depth, "indent").map((key, level) => /* @__PURE__ */ jsx("span", {
+	return /* @__PURE__ */ jsx(Fragment$1, { children: positionKeys(depth, "indent").map((key, level) => /* @__PURE__ */ jsx("span", {
 		"aria-hidden": "true",
 		className: "pointer-events-none absolute inset-y-0 w-px bg-(--theme-border)/60",
 		style: { left: GUIDE_OFFSET + level * INDENT_PER_LEVEL }
@@ -208,7 +208,7 @@ function RowIcons({ isDirectory, isExpanded, customIcon }) {
 		children: customIcon
 	});
 	const folder = isExpanded ? /* @__PURE__ */ jsx(FolderOpenIcon, { className: "h-4 w-4 mr-1 text-sky-500" }) : /* @__PURE__ */ jsx(FolderIcon, { className: "h-4 w-4 mr-1 text-sky-500/80" });
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ChevronRightIcon, { className: cx("h-3.5 w-3.5 shrink-0 theme-muted-text transition-transform duration-150", isExpanded && "rotate-90") }), customIcon ?? folder] });
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ChevronRightIcon, { className: cx("h-3.5 w-3.5 shrink-0 theme-muted-text transition-transform duration-150", isExpanded && "rotate-90") }), customIcon ?? folder] });
 }
 /** Click-only, unlike the table's sentinel: the tree is a navigation aid, and
 *  growing it automatically as the user scrolls is what the cap exists to prevent. */
@@ -368,7 +368,7 @@ var TreeRowItem = memo(function TreeRowItem({ row, isSelected, href, onFollowLin
 		"aria-setsize": row.setSize,
 		"aria-selected": isSelected,
 		...isDirectory && { "aria-expanded": isExpanded },
-		children: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(RowIcons, {
+		children: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(RowIcons, {
 			isDirectory,
 			isExpanded,
 			customIcon

package/dist/file-explorer/helpers.js

@@ -11,8 +11,8 @@ import { useElapsed } from "../components/relativeTime.js";
 import { ListSkeleton } from "../list/ListTable.js";
 import { carriesFiles, getFileExtension } from "./lib/utils.js";
 import { CorsError } from "./lib/errors.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState, useTransition } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/file-explorer/helpers.tsx
 var SIDEBAR_WIDTH_STORAGE_KEY = "fileExplorerSidebarWidth";
 var contentTypeIconMap = [
@@ -360,7 +360,7 @@ function PropagationStage({ status, label }) {
 					"aria-hidden": "true",
 					children: /* @__PURE__ */ jsx("polyline", { points: "3.5 8.5 6.5 11.5 12.5 5" })
 				}),
-				status === "active" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", { className: "absolute inline-flex h-full w-full motion-safe:animate-ping rounded-full bg-(--theme-info)/60" }), /* @__PURE__ */ jsx("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-(--theme-info)" })] }),
+				status === "active" && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", { className: "absolute inline-flex h-full w-full motion-safe:animate-ping rounded-full bg-(--theme-info)/60" }), /* @__PURE__ */ jsx("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-(--theme-info)" })] }),
 				status === "pending" && /* @__PURE__ */ jsx("span", { className: "inline-flex h-1.5 w-1.5 rounded-full theme-muted-text opacity-60" })
 			]
 		}), /* @__PURE__ */ jsx("span", {

package/dist/file-explorer/toasts.js

@@ -7,8 +7,8 @@ import { IconButton } from "../components/IconButton.js";
 import { Callout } from "../components/Callout.js";
 import { ProgressBar } from "../components/Meter.js";
 import { formatBytes, formatTimeLeft } from "../format.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/file-explorer/toasts.tsx
 function getSessionStatusInfo(session, queueLength, strings) {
 	switch (session.status) {
@@ -212,7 +212,7 @@ function UploadSessionToast({ session, queueLength, onCancel, onCancelFile }) {
 						})
 					]
 				})]
-			}), isToastExpanded && /* @__PURE__ */ jsxs(Fragment, { children: [
+			}), isToastExpanded && /* @__PURE__ */ jsxs(Fragment$1, { children: [
 				/* @__PURE__ */ jsxs("div", {
 					className: "flex items-center justify-between",
 					children: [/* @__PURE__ */ jsxs("div", {

package/dist/form/Fields/CheckboxGroupField.js

@@ -4,8 +4,8 @@ import { Field, FieldOption } from "../../components/Field.js";
 import { fieldFrame } from "../fieldFrame.js";
 import { useFieldValue } from "../useFieldValue.js";
 import { fieldOption } from "./fieldOption.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useId, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/form/Fields/CheckboxGroupField.tsx
 function impliedFrom(values, implies = {}) {
 	const result = /* @__PURE__ */ new Set();

package/dist/form/Fields/DropdownField.js

@@ -5,8 +5,8 @@ import { fieldFrame } from "../fieldFrame.js";
 import { useChoiceField } from "../useChoiceField.js";
 import { useDependentOptions } from "../utils/dependentOptions.js";
 import { getPlaceholder } from "../utils/getPlaceholder.js";
-import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/form/Fields/DropdownField.tsx
 function DropdownField(props) {
 	const { field, disabled, onChange } = props;

package/dist/form/Fields/DurationField.js

@@ -6,8 +6,8 @@ import { fieldFrame } from "../fieldFrame.js";
 import { useFieldValue } from "../useFieldValue.js";
 import { formatDurationText, parseDurationText } from "../utils/duration.js";
 import { setDurationValidity } from "./durationValidity.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useFormContext } from "react-hook-form";
 //#region src/form/Fields/DurationField.tsx
 var isNumericString = (value) => typeof value === "string" && /^\d+$/.test(value.trim());
@@ -82,7 +82,7 @@ function DurationField(props) {
 	return /* @__PURE__ */ jsx(Field, {
 		...fieldFrame(props),
 		error: error ?? props.error,
-		children: (control) => /* @__PURE__ */ jsxs(Fragment, { children: [!isSentinel && /* @__PURE__ */ jsx("input", {
+		children: (control) => /* @__PURE__ */ jsxs(Fragment$1, { children: [!isSentinel && /* @__PURE__ */ jsx("input", {
 			...control,
 			"data-1p-ignore": true,
 			className: fieldBox(),

package/dist/form/Fields/MultiDropdownField.js

@@ -5,8 +5,8 @@ import { fieldFrame } from "../fieldFrame.js";
 import { useFieldValue } from "../useFieldValue.js";
 import { useDependentOptions } from "../utils/dependentOptions.js";
 import { usePrevious } from "../usePrevious.js";
-import { jsx } from "react/jsx-runtime";
 import { useEffect, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/form/Fields/MultiDropdownField.tsx
 function MultiDropdownField(props) {
 	const { field, disabled, onChange } = props;

package/dist/form/Fields/NumberField.js

@@ -3,8 +3,8 @@ import { NumberInput } from "../../components/NumberInput.js";
 import { fieldFrame } from "../fieldFrame.js";
 import { useFieldValue } from "../useFieldValue.js";
 import { getPlaceholder } from "../utils/getPlaceholder.js";
-import { jsx } from "react/jsx-runtime";
 import { useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/form/Fields/NumberField.tsx
 /** A value held as text, as one read from a workflow's inputs may be, still shows as its number. */
 function toNumber(value) {

package/dist/form/Fields/ObjectField.js

@@ -1,8 +1,8 @@
 import { InfoTip } from "../../components/InfoTip.js";
 import { Section } from "../../components/Section.js";
 import { FieldsFromOptions, resolveMetaOverrides, sectionSpacing } from "../Form.js";
-import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/form/Fields/ObjectField.tsx
 function ObjectField({ field, label, help, labelPosition, spaceCompact }) {
 	const fieldName = field.name ?? "";

package/dist/form/Fields/RangeField.js

@@ -3,8 +3,8 @@ import { NumberInput } from "../../components/NumberInput.js";
 import { Slider } from "../../components/Slider.js";
 import { fieldFrame } from "../fieldFrame.js";
 import { useFieldValue } from "../useFieldValue.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useFormContext } from "react-hook-form";
 //#region src/form/Fields/RangeField.tsx
 /** A value held as text, as one read from a workflow's inputs may be, still places the slider. */

package/dist/form/Fields/StringField.js

@@ -3,8 +3,8 @@ import { Input } from "../../components/Input.js";
 import { fieldFrame } from "../fieldFrame.js";
 import { useFieldValue } from "../useFieldValue.js";
 import { getPlaceholder } from "../utils/getPlaceholder.js";
-import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/form/Fields/StringField.tsx
 function StringField(props) {
 	const { field, disabled, onChange } = props;

package/dist/form/Form.js

@@ -17,8 +17,8 @@ import { atIndex, fieldPath, rowIndexOf } from "./utils/fieldPath.js";
 import { getValueUsingPath } from "./utils/getValueUsingPath.js";
 import { getParentValue } from "./utils/getParentValue.js";
 import { WizardContainer } from "./Wizard/WizardContainer.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createContext, memo, useCallback, useContext, useEffect, useEffectEvent, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { dequal } from "dequal";
 import { FormProvider, get, useForm, useFormContext, useFormState, useWatch } from "react-hook-form";
 //#region src/form/Form.tsx
@@ -508,7 +508,7 @@ function FieldsFromOptions({ options = {}, parentInfo, labelPosition = "left", s
 				className: "order-2 w-full px-2",
 				children: add
 			})]
-		}) : /* @__PURE__ */ jsxs(Fragment, { children: [names.map((name) => fieldOf(name, void 0)), add] })
+		}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [names.map((name) => fieldOf(name, void 0)), add] })
 	});
 }
 function repeatsPage(field) {
@@ -564,7 +564,7 @@ function DynamicFormContent({ options, labelPosition, spaceCompact, organization
 			onSubmit,
 			className: "w-full",
 			...meta
-		}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(FieldsFromOptions, {
+		}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(FieldsFromOptions, {
 			...meta,
 			options: opts
 		}), onSubmit !== void 0 && !workflowForm && /* @__PURE__ */ jsx("div", {

package/dist/form/FormLayout.js

@@ -2,8 +2,8 @@ import { cx } from "../cx.js";
 import { FieldRowContext } from "../components/Field.js";
 import { layoutBreakpoints, responsiveLayoutValues } from "./layout.js";
 import { resolveLayoutCSS } from "./layoutCSS.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useId, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/form/FormLayout.tsx
 var LayoutCSSContext = createContext(false);
 var gaps = {

package/dist/form/Wizard/WizardContainer.js

@@ -11,8 +11,8 @@ import { WizardNavigation } from "./WizardNavigation.js";
 import { WizardStepContent } from "./WizardStepContent.js";
 import { WizardStepIndicator } from "./WizardStepIndicator.js";
 import { WizardPagesContext } from "./wizardPages.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useContext, useEffect, useEffectEvent, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useFormContext, useWatch } from "react-hook-form";
 //#region src/form/Wizard/WizardContainer.tsx
 function WizardContainer({ wizardConfig, onSubmit, className = "", labelPosition = "left", spaceCompact = false, nested = false, fieldNamePrefix = "" }) {

package/dist/form/Wizard/WizardNavigation.js

@@ -1,8 +1,8 @@
 import { WarningIcon } from "../../icons.js";
 import { useStrings } from "../../components/Provider.js";
 import { Button } from "../../components/Button.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/form/Wizard/WizardNavigation.tsx
 function WizardNavigation({ isLastStep, canGoBack, isCurrentStepValid, nextLabel, prevLabel, submitLabel: submitLabelProp, onNext, onPrevious, onSubmit }) {
 	const { form: t, common } = useStrings();

package/dist/form/Wizard/WizardStepContent.js

@@ -1,8 +1,8 @@
 import { stepText } from "./utils.js";
 import { EditingScope, useFormEditing } from "../formEditing.js";
 import { FieldsFromOptions } from "../Form.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/form/Wizard/WizardStepContent.tsx
 function WizardStepContent({ currentStep, stepConfig, flatten = true, fieldNamePrefix = "", copy, ...fieldsProps }) {
 	const editing = useFormEditing();

package/dist/form/fieldRegistry.js

@@ -13,8 +13,8 @@ import RangeField from "./Fields/RangeField.js";
 import StepField from "./Fields/StepField.js";
 import StringField from "./Fields/StringField.js";
 import TextAreaField from "./Fields/TextAreaField.js";
-import { jsx } from "react/jsx-runtime";
 import { Suspense, createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/form/fieldRegistry.tsx
 var CORE_FIELD_COMPONENTS = {
 	string: StringField,

package/dist/form/formEditing.js

@@ -1,5 +1,5 @@
-import { jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/form/formEditing.tsx
 var FormEditingContext = createContext(null);
 function useFormEditing() {