@parallelworks/ui 0.2.0 → 0.3.0

package/dist/chunks/CodePreviewEditor-CSPRILMp.js

@@ -0,0 +1,61 @@
+import { i as getThemeName, n as setupMonacoWorkers, r as defineEditorThemes, t as useCssIsDark } from "./editor-D55tumuZ.js";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import * as monaco from "monaco-editor";
+//#region src/file-explorer/FilePreview/CodePreviewEditor.tsx
+var OPTIONS = {
+	readOnly: true,
+	domReadOnly: true,
+	automaticLayout: true,
+	minimap: { enabled: false },
+	scrollBeyondLastLine: false,
+	renderLineHighlight: "none",
+	overviewRulerLanes: 0,
+	hideCursorInOverviewRuler: true,
+	lineNumbers: "on",
+	wordWrap: "off",
+	fontSize: 12,
+	scrollbar: { alwaysConsumeMouseWheel: false }
+};
+setupMonacoWorkers();
+function CodePreviewEditor({ value, language }) {
+	const isDark = useCssIsDark();
+	const editorRef = useRef(null);
+	useEffect(() => {
+		return () => {
+			editorRef.current?.getModel()?.dispose();
+			editorRef.current?.dispose();
+			editorRef.current = null;
+		};
+	}, []);
+	useEffect(() => {
+		const model = editorRef.current?.getModel();
+		if (model && model.getValue() !== value) model.setValue(value);
+	}, [value]);
+	useEffect(() => {
+		const model = editorRef.current?.getModel();
+		if (model) monaco.editor.setModelLanguage(model, language);
+	}, [language]);
+	useEffect(() => {
+		if (editorRef.current) {
+			defineEditorThemes(monaco.editor);
+			monaco.editor.setTheme(getThemeName(isDark));
+		}
+	}, [isDark]);
+	return /* @__PURE__ */ jsx("div", {
+		className: "h-full w-full",
+		ref: (container) => {
+			if (container && !editorRef.current) {
+				defineEditorThemes(monaco.editor);
+				const model = monaco.editor.createModel(value, language);
+				editorRef.current = monaco.editor.create(container, {
+					...OPTIONS,
+					model
+				});
+				monaco.editor.setTheme(getThemeName(isDark));
+			}
+		}
+	});
+}
+//#endregion
+export { CodePreviewEditor as default };

package/dist/chunks/Indicator-hBSIxOPK.js

@@ -0,0 +1,39 @@
+import { CancelIcon, FailIcon, NotRunningIcon, RunningIcon, SkipIcon, SuccessIcon } from "../icons.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Indicator.tsx
+function Indicator({ status }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "h-2 flex items-center text-(--theme-panel-bg)",
+		children: status === "started" || status === "running" ? /* @__PURE__ */ jsx(RunningIcon, {
+			className: "rounded-full text-[#FFCF00] animate-spin",
+			"data-testid": "running-indicator"
+		}) : status === "completed" ? /* @__PURE__ */ jsx(SuccessIcon, {
+			className: "text-[#6FBF5A]",
+			style: { transform: "scale(1.25)" },
+			"data-testid": "completed-indicator"
+		}) : status === "failed" || status === "error" ? /* @__PURE__ */ jsx(FailIcon, {
+			className: "text-red-500",
+			style: { transform: "scale(1.25)" },
+			"data-testid": "failed-indicator"
+		}) : status === "skipped" || status === "skipped-failed" ? /* @__PURE__ */ jsx(SkipIcon, {
+			className: "text-gray-400",
+			style: { transform: "scale(1.25)" },
+			"data-testid": "skipped-indicator"
+		}) : status === "canceled" ? /* @__PURE__ */ jsx(CancelIcon, {
+			className: "text-[#3B82F6]",
+			style: { transform: "scale(1.5)" },
+			"data-testid": "canceled-indicator"
+		}) : status === "faulted" ? /* @__PURE__ */ jsx(RunningIcon, {
+			className: "rounded-full text-[#EF4444] animate-spin",
+			"data-testid": "faulted-indicator"
+		}) : status === "canceling" ? /* @__PURE__ */ jsx(RunningIcon, {
+			className: "rounded-full text-[#3B82F6] animate-spin",
+			"data-testid": "canceling-indicator"
+		}) : /* @__PURE__ */ jsx(NotRunningIcon, {
+			className: "rounded-full text-[#AAAAAA]",
+			"data-testid": "not-running-indicator"
+		})
+	});
+}
+//#endregion
+export { Indicator as t };

package/dist/chunks/Markdown-C5Re2ezs.js

@@ -0,0 +1,101 @@
+import { AlertIcon, CheckIcon, ClipboardIcon, CopyIcon, HiddenFalseIcon, HiddenTrueIcon, InfoIcon } from "../icons.js";
+import { i as useNotify } from "./Provider-DvVvScTQ.js";
+import cx from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Suspense, lazy, useState } from "react";
+//#region src/components/Callout.tsx
+function CalloutIcon({ type }) {
+	if (type === "warning" || type === "error") return /* @__PURE__ */ jsx(AlertIcon, { className: "h-6 w-6 mr-4 text-lg" });
+	else return /* @__PURE__ */ jsx(InfoIcon, { className: "h-6 w-6 mr-4 text-lg" });
+}
+function Callout({ type, className = "", children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cx(className, type === "warning" && "bg-orange-100 border-orange-500 text-orange-700", type === "error" && "bg-red-100 border-red-500 text-red-700", type === "info" && "bg-blue-100 border-blue-500 text-blue-700", "border-t-4 rounded-b px-4 py-3 shadow-md my-4"),
+		role: "alert",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "py-1",
+				children: /* @__PURE__ */ jsx(CalloutIcon, { type })
+			}), /* @__PURE__ */ jsx("div", { children })]
+		})
+	});
+}
+//#endregion
+//#region src/components/CopyToClipboard.tsx
+function CopyToClipboard({ as = "div", text, className, children, showIcon = true }) {
+	const notify = useNotify();
+	const handleCopy = async () => {
+		try {
+			await navigator.clipboard.writeText(text);
+			notify.info("Copied to clipboard");
+		} catch {
+			notify.error("Failed to copy to clipboard");
+		}
+	};
+	return /* @__PURE__ */ jsxs(as, {
+		className,
+		onClick: handleCopy,
+		...as === "button" ? { type: "button" } : {},
+		children: [showIcon && /* @__PURE__ */ jsx(ClipboardIcon, {}), children]
+	});
+}
+function CopyCodeBlock({ textToCopy, children, secret = false, isRevealed = false, onRevealToggle }) {
+	const notify = useNotify();
+	const [copied, setCopied] = useState(false);
+	const handleCopy = async () => {
+		if (copied) return;
+		try {
+			await navigator.clipboard.writeText(textToCopy);
+			setCopied(true);
+			notify.info("Copied to clipboard");
+			setTimeout(() => setCopied(false), 2e3);
+		} catch {
+			notify.error("Failed to copy to clipboard");
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "group relative",
+		onClick: handleCopy,
+		children: [/* @__PURE__ */ jsx("pre", {
+			className: `p-4 theme-hover border rounded-lg text-left font-mono text-sm overflow-x-auto ${secret ? "pr-24" : "pr-12"}`,
+			children
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "absolute top-0 right-0 bottom-0 flex items-center gap-1 pl-8 pr-2 bg-gradient-to-l from-[var(--color-panel)] from-70% to-transparent rounded-r-lg",
+			children: [secret && /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: (e) => {
+					e.stopPropagation();
+					onRevealToggle?.();
+				},
+				className: "p-2 rounded-md opacity-0 group-hover:opacity-100 transition-all duration-150",
+				"aria-label": isRevealed ? "Hide secret" : "Reveal secret",
+				title: isRevealed ? "Hide secret" : "Reveal secret",
+				children: isRevealed ? /* @__PURE__ */ jsx(HiddenFalseIcon, {}) : /* @__PURE__ */ jsx(HiddenTrueIcon, {})
+			}), /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: (e) => {
+					e.stopPropagation();
+					handleCopy();
+				},
+				className: "p-2 rounded-md opacity-0 group-hover:opacity-100 transition-all duration-150",
+				"aria-label": copied ? "Copied" : "Copy to clipboard",
+				children: copied ? /* @__PURE__ */ jsx(CheckIcon, { className: "text-green-400" }) : /* @__PURE__ */ jsx(CopyIcon, {})
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/components/Markdown.tsx
+var MarkdownImpl = lazy(() => import("./MarkdownImpl-Bq4QhrtA.js"));
+function Markdown(props) {
+	return /* @__PURE__ */ jsx(Suspense, {
+		fallback: /* @__PURE__ */ jsx("div", {
+			className: "markdown whitespace-pre-wrap text-start w-full",
+			children: props.children
+		}),
+		children: /* @__PURE__ */ jsx(MarkdownImpl, { ...props })
+	});
+}
+//#endregion
+export { Callout as i, CopyCodeBlock as n, CopyToClipboard as r, Markdown as t };

package/dist/chunks/{Indicator-fF8AVbjQ.js → Modal-sOUEwebV.js}

@@ -1,4 +1,3 @@
-import { CancelIcon, FailIcon, NotRunningIcon, RunningIcon, SkipIcon, SuccessIcon } from "../icons.js";
 import cx from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useId, useRef, useState } from "react";
@@ -119,40 +118,4 @@ function Modal({ isOpen, close, cancelAction = noop, children, title = "", text
 	}), document.body);
 }
 //#endregion
-//#region src/components/Indicator.tsx
-function Indicator({ status }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: "h-2 flex items-center text-(--theme-panel-bg)",
-		children: status === "started" || status === "running" ? /* @__PURE__ */ jsx(RunningIcon, {
-			className: "rounded-full text-[#FFCF00] animate-spin",
-			"data-testid": "running-indicator"
-		}) : status === "completed" ? /* @__PURE__ */ jsx(SuccessIcon, {
-			className: "text-[#6FBF5A]",
-			style: { transform: "scale(1.25)" },
-			"data-testid": "completed-indicator"
-		}) : status === "failed" || status === "error" ? /* @__PURE__ */ jsx(FailIcon, {
-			className: "text-red-500",
-			style: { transform: "scale(1.25)" },
-			"data-testid": "failed-indicator"
-		}) : status === "skipped" || status === "skipped-failed" ? /* @__PURE__ */ jsx(SkipIcon, {
-			className: "text-gray-400",
-			style: { transform: "scale(1.25)" },
-			"data-testid": "skipped-indicator"
-		}) : status === "canceled" ? /* @__PURE__ */ jsx(CancelIcon, {
-			className: "text-[#3B82F6]",
-			style: { transform: "scale(1.5)" },
-			"data-testid": "canceled-indicator"
-		}) : status === "faulted" ? /* @__PURE__ */ jsx(RunningIcon, {
-			className: "rounded-full text-[#EF4444] animate-spin",
-			"data-testid": "faulted-indicator"
-		}) : status === "canceling" ? /* @__PURE__ */ jsx(RunningIcon, {
-			className: "rounded-full text-[#3B82F6] animate-spin",
-			"data-testid": "canceling-indicator"
-		}) : /* @__PURE__ */ jsx(NotRunningIcon, {
-			className: "rounded-full text-[#AAAAAA]",
-			"data-testid": "not-running-indicator"
-		})
-	});
-}
-//#endregion
-export { Modal as n, Indicator as t };
+export { Modal as t };

package/dist/chunks/{Monaco-CP_cL9gp.js → Monaco-CC4ak1JG.js}

@@ -1,8 +1,8 @@
-import { s as useWorkflowJsonResolver } from "./Provider-C2VtPnh5.js";
-import { n as defineEditorThemes, r as getThemeName, t as setupMonacoWorkers } from "./workers-Cjfjb8E7.js";
+import { l as useWorkflowJsonResolver } from "./Provider-DvVvScTQ.js";
+import { i as getThemeName, n as setupMonacoWorkers, r as defineEditorThemes, t as useCssIsDark } from "./editor-D55tumuZ.js";
 import cx from "classnames";
 import { jsx } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useRef } from "react";
 import { dumpYaml } from "@parallelworks/workflow-parser";
 import yaml from "js-yaml";
 import * as monaco from "monaco-editor";
@@ -10,34 +10,6 @@ import { configureMonacoYaml } from "monaco-yaml";
 //#region src/editor/Monaco.tsx
 setupMonacoWorkers();
 var activeWorkflowJsonResolver;
-function readIsDark() {
-	const scheme = getComputedStyle(document.documentElement).colorScheme;
-	const dark = scheme.includes("dark");
-	if (dark !== scheme.includes("light")) return dark;
-	return window.matchMedia("(prefers-color-scheme: dark)").matches;
-}
-function useCssIsDark() {
-	const [isDark, setIsDark] = useState(readIsDark);
-	useEffect(() => {
-		const update = () => setIsDark(readIsDark());
-		const media = window.matchMedia("(prefers-color-scheme: dark)");
-		media.addEventListener("change", update);
-		const observer = new MutationObserver(update);
-		observer.observe(document.documentElement, {
-			attributes: true,
-			attributeFilter: [
-				"style",
-				"class",
-				"data-theme"
-			]
-		});
-		return () => {
-			media.removeEventListener("change", update);
-			observer.disconnect();
-		};
-	}, []);
-	return isDark;
-}
 var monacoWithWorkerBridge = {
 	...monaco,
 	editor: {

package/dist/chunks/Provider-DvVvScTQ.js

@@ -0,0 +1,391 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from "react";
+//#region src/components/Provider.tsx
+var DefaultLink = ({ to, onClick, className, children }) => /* @__PURE__ */ jsx("a", {
+	href: to,
+	onClick,
+	className,
+	children
+});
+/** The provider's link slot, with a plain anchor fallback. */
+function useLink() {
+	return useContext(UIContext).slots.link ?? DefaultLink;
+}
+var defaultUseRunFile = () => ({
+	data: void 0,
+	isLoading: false,
+	error: void 0
+});
+var DEFAULTS = {
+	notify: {
+		info: () => {},
+		success: () => {},
+		warning: () => {},
+		error: () => {},
+		loading: () => "toast",
+		update: () => {},
+		dismiss: () => {}
+	},
+	strings: {
+		loading: "Loading…",
+		common: {
+			copy: "Copy",
+			copied: "Copied!",
+			copyFailed: "Failed to copy text to clipboard",
+			showHiddenFields: "Show hidden fields",
+			showHiddenFieldsHint: "Includes fields hidden by default because they're specific to each resource, such as name and group.",
+			jsonHasErrors: "JSON has errors, please fix before saving"
+		},
+		dropdown: {
+			select: (type) => `Select ${type}`,
+			noOptionsFound: "No options found"
+		},
+		logviewer: {
+			error: "Error:",
+			warning: "Warning:",
+			notice: "Notice:",
+			top: "Top",
+			clearSelection: "Clear selection",
+			copyLines: (count) => count === 1 ? "Copy 1 line" : `Copy ${count} lines`,
+			copyAll: "Copy All",
+			hideDebug: "Hide Debug",
+			showDebug: "Show Debug",
+			filterLogs: "Filter logs",
+			download: "Download"
+		},
+		dag: {
+			workflow: "Workflow",
+			run: "Run",
+			status: "Status",
+			runtime: "Runtime",
+			submitted: "Submitted",
+			expandAll: "Expand all",
+			collapseAll: "Collapse all",
+			statusLabel: (status) => status,
+			statusReason: () => void 0
+		},
+		jobActions: {
+			openSubworkflowLogs: "Open subworkflow logs",
+			openOriginalWorkflow: "Open original workflow",
+			openInNewGraph: "Open in new graph"
+		},
+		fileExplorer: {
+			preview: {
+				shareFile: "Share file",
+				open: "Open",
+				userType: "User",
+				select: (name) => `Select ${name}`,
+				viewDetails: "View details",
+				openFolder: "Open folder",
+				delete: "Delete",
+				detailsTab: "Details",
+				previewTab: "Preview",
+				preview: "Preview",
+				openFullPreview: "Open full preview",
+				quickLook: "Quick Look",
+				fullWindow: "Full window",
+				streamed: "Streamed",
+				streamedTooltip: "Streamed securely to your browser over a short-lived signed URL — never written to disk.",
+				loading: "Loading preview…",
+				linkError: "Couldn't generate a preview link for this file.",
+				errorTitle: "Couldn't load preview",
+				previewError: "This file couldn't be previewed in your browser.",
+				tooLarge: "This file is too large to preview in the browser.",
+				downloadInstead: "Download instead",
+				archiveTitle: "Can't preview archives",
+				archiveMessage: "Archive files can't be previewed in the browser. Download the file to view its contents.",
+				unsupportedTitle: "Preview not available",
+				unsupportedMessage: "This file type can't be previewed in the browser. Download the file to view it.",
+				notebookParseError: "This notebook couldn't be parsed.",
+				copyUri: "Copy URI",
+				download: "Download",
+				close: "Close",
+				zoomIn: "Zoom in",
+				zoomOut: "Zoom out",
+				previousFile: "Previous file",
+				nextFile: "Next file",
+				csvRows: (count, columns) => `${count} rows · ${columns} columns`,
+				csvFirstRows: (count, columns) => `First ${count} rows · ${columns} columns`,
+				head: "Head",
+				tail: "Tail",
+				firstLines: (count) => `First ${count} lines`,
+				lastLines: (count) => `Last ${count} lines`,
+				notebookOutput: "Notebook output"
+			},
+			createFolder: {
+				action: "New folder",
+				submit: "Create folder",
+				creating: "Creating folder…",
+				folder: "Folder",
+				namePlaceholder: "Folder name",
+				success: (name) => `Created ${name}.`,
+				error: (message) => `Couldn't create folder: ${message}`,
+				invalidTarget: "Select a folder before creating a new folder.",
+				noWriteAccess: "You do not have write access to this storage.",
+				unsupported: "Folder creation is not supported for this storage.",
+				validation: {
+					reserved: "The folder name cannot be . or ..",
+					separator: "Folder names cannot include / or \\.",
+					exists: "An item with this name already exists."
+				}
+			},
+			readOnly: "Read-only",
+			cors: {
+				explanation: {
+					title: "CORS Configuration Required",
+					description: "This storage location cannot be accessed from the browser because it is missing Cross-Origin Resource Sharing (CORS) rules.",
+					action: "You can automatically configure these rules to allow access from this domain.",
+					note: "Note: Changes may take up to 30 seconds to propagate."
+				},
+				actions: {
+					retry: "Retry Connection",
+					addRules: "Add CORS Rules"
+				},
+				propagating: {
+					title: "Propagating CORS rules",
+					description: "Azure is rolling out the new rules to its storage endpoints. This usually completes within a minute.",
+					stages: {
+						submitted: "Submitted",
+						propagating: "Propagating",
+						verified: "Verified"
+					},
+					telemetry: { probing: "probing every 3s" }
+				}
+			},
+			selectedCount: (count) => `${count} selected`,
+			loadingMore: "Loading more items…",
+			loadMore: "Load more",
+			retry: "Retry",
+			partialCount: (count) => `${count.toLocaleString()}+ items`,
+			notFound: {
+				title: (name) => `Couldn't find ${name}`,
+				description: "It may have been moved or deleted, or it may sit further into a folder than we have listed.",
+				retry: "Try again"
+			},
+			treeMoreCount: (count) => `${count.toLocaleString()} more`,
+			treeMoreCountPartial: (count) => `${count.toLocaleString()}+ more`,
+			messages: {
+				noWriteAccess: "You do not have write access to this storage.",
+				uploadsUnsupported: "Uploads are not supported for this storage.",
+				noFilesForDownload: "No files selected for download.",
+				downloadLinkFailed: "Failed to generate download link",
+				fileLinkFailed: "Failed to generate file link",
+				fileLinkCopied: "File link copied to clipboard",
+				noUri: "No URI available for this file.",
+				uriCopied: "URI copied to clipboard",
+				uriCopyFailed: "Failed to copy URI",
+				storageUnavailable: "This storage is not available at the moment. Please try again later.",
+				waitForCurrentUpload: "Please wait for the current upload to finish before starting a new one.",
+				waitForUpload: "Please wait for the upload to finish.",
+				downloadUnsupported: "Download is not supported for this storage at the moment. Please check back later.",
+				sharingUnsupported: "Sharing is not supported for this storage at the moment. Please check back later.",
+				deleteUnsupported: "Delete is not supported for this storage at the moment. Please check back later.",
+				uploadUnsupported: "Upload is not supported for this storage at the moment. Please check back later.",
+				noItemsForDeletion: "No items selected for deletion.",
+				deleting: "Deleting item(s) from storage...",
+				deleteSomeFailed: "Failed to delete one or more items. Please try again.",
+				deleteSuccess: "Deleted item(s) from storage successfully!",
+				deleteFailed: (message) => `Failed to delete item(s): ${message}`,
+				noFilesToUpload: "No files to upload or target path not selected.",
+				invalidUploadTarget: "This target path is not valid for upload.",
+				uploadInitFailed: "Failed to initialize upload session. Please try again.",
+				uploadQueuedInfo: "Another upload is in progress. This upload will be added to the queue and handled once the previous upload finishes.",
+				connectFailed: "Failed to connect to storage provider. Please check your storage settings and try again.",
+				corsNoStorage: "No storage selected",
+				corsAdded: "CORS rules added successfully",
+				corsPropagating: "CORS rules were added, but are still propagating. Try again in a moment."
+			},
+			chrome: {
+				explorer: "Explorer",
+				refresh: "Refresh",
+				collapse: "Collapse",
+				upload: "Upload",
+				download: "Download",
+				access: "Access",
+				manageAccess: "Manage Access",
+				delete: "Delete",
+				copyToClipboard: "Copy to clipboard",
+				selectAll: "Select all",
+				name: "Name",
+				size: "Size",
+				created: "Created",
+				hash: "Hash",
+				storageIconAlt: "An icon for the storage"
+			},
+			confirmUpload: {
+				title: "Confirm Upload",
+				text: (path) => `Please confirm the following objects you want to upload to ${path}.`,
+				defaultPath: "the selected path",
+				noPath: "No path selected",
+				confirm: "Confirm",
+				target: "Target:",
+				totalSize: "Total Size:",
+				sizeLimitTitle: "Upload Size Limit Exceeded",
+				sizeLimitBody: (total, max) => `The total upload size (${total}) exceeds the maximum allowed limit of ${max}.`,
+				sizeLimitHint: "Please reduce the number of files or upload them in smaller batches."
+			},
+			confirmDelete: {
+				title: "Confirm Delete",
+				text: "Are you sure you want to delete the following item(s)? Folders are deleted with everything inside them. This action cannot be undone.",
+				action: "Delete"
+			},
+			empty: {
+				nothingSelected: "Nothing selected",
+				nothingSelectedHint: "Pick a folder or file from the tree to see its contents.",
+				folderEmpty: "This folder is empty",
+				dropHint: "Drag files or a folder here to upload.",
+				readOnlyHint: "You have read-only access to this storage.",
+				connectionIssue: "Connection issue",
+				tryAgain: "Try again",
+				shareThisFile: "Share this file"
+			},
+			upload: {
+				inQueue: (position, total) => `In Queue (#${position} of ${total})`,
+				queuedShort: (position, total) => `Queued #${position} / ${total}`,
+				destination: "Destination:",
+				eta: "ETA:",
+				uploading: "Uploading...",
+				completeTitle: "Upload Complete!",
+				completeShort: "Completed",
+				failedTitle: "Upload Failed",
+				failedShort: "Failed",
+				unknownTitle: "Unknown Status",
+				unknownShort: "Unknown",
+				cancelled: "Cancelled",
+				completed: "Completed",
+				failed: "Failed",
+				totalSize: "Total size:",
+				size: "Size:",
+				calculating: "Calculating...",
+				expandDetails: "Expand details",
+				minimizeDetails: "Minimize details",
+				sessionNotQueued: (id, status) => `Upload session with ID ${id} is not queued, current status is ${status}`,
+				allCancelled: (count) => `All ${count} file(s) were cancelled by user.`,
+				someUploaded: (count) => `${count} file(s) uploaded successfully!`,
+				someCancelled: (count) => `${count} file(s) cancelled by user.`,
+				allUploaded: "Upload file(s) successfully!",
+				failedSummary: (failed, total) => `${failed}/${total} files failed to upload:`,
+				failReasonGeneric: "The file(s) may be too large or the connection may have been interrupted.",
+				refreshFailed: (name, message) => `Failed to refresh storage data for ${name}. ${message}. Please try again.`,
+				unknownError: "Unknown error",
+				overallProgress: "Overall Progress"
+			}
+		},
+		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."
+		},
+		list: {
+			copy: (label) => `Copy ${label}`,
+			copied: (label) => `Copied ${label}`,
+			couldntCopy: (label) => `Couldn't copy ${label}`,
+			moreActions: "More actions",
+			labelName: "name",
+			labelEmail: "email",
+			labelUsername: "username",
+			labelUid: "UID",
+			labelId: "ID",
+			labelUrl: "URL",
+			couldNotLoad: (noun) => `Couldn't load ${noun}`
+		}
+	},
+	navigation: {
+		toWorkflow: () => {},
+		toMarketItem: () => {},
+		openExternal: (href) => window.open(href, "_blank")
+	},
+	data: { useRunFile: defaultUseRunFile },
+	slots: {}
+};
+var UIContext = createContext(DEFAULTS);
+function useNotify() {
+	return useContext(UIContext).notify;
+}
+function useStrings() {
+	return useContext(UIContext).strings;
+}
+function useNavigation() {
+	return useContext(UIContext).navigation;
+}
+function useSlots() {
+	return useContext(UIContext).slots;
+}
+function useWorkflowJsonResolver() {
+	return useContext(UIContext).data.resolveWorkflowJson;
+}
+function useProvisionCorsRules() {
+	return useContext(UIContext).data.provisionCorsRules;
+}
+function useRunFile(slug, path, options) {
+	const { useRunFile: boundUseRunFile } = useContext(UIContext).data;
+	return boundUseRunFile(slug, path, options);
+}
+function UIProvider({ notify, strings, navigation, data, slots, children }) {
+	const value = useMemo(() => ({
+		notify: {
+			...DEFAULTS.notify,
+			...notify
+		},
+		strings: {
+			loading: strings?.loading ?? DEFAULTS.strings.loading,
+			common: {
+				...DEFAULTS.strings.common,
+				...strings?.common
+			},
+			dropdown: {
+				...DEFAULTS.strings.dropdown,
+				...strings?.dropdown
+			},
+			logviewer: {
+				...DEFAULTS.strings.logviewer,
+				...strings?.logviewer
+			},
+			dag: {
+				...DEFAULTS.strings.dag,
+				...strings?.dag
+			},
+			jobActions: {
+				...DEFAULTS.strings.jobActions,
+				...strings?.jobActions
+			},
+			fileExplorer: {
+				...DEFAULTS.strings.fileExplorer,
+				...strings?.fileExplorer
+			},
+			form: {
+				...DEFAULTS.strings.form,
+				...strings?.form
+			},
+			list: {
+				...DEFAULTS.strings.list,
+				...strings?.list
+			}
+		},
+		navigation: {
+			...DEFAULTS.navigation,
+			...navigation
+		},
+		data: {
+			...DEFAULTS.data,
+			...data
+		},
+		slots: slots ?? DEFAULTS.slots
+	}), [
+		notify,
+		strings,
+		navigation,
+		data,
+		slots
+	]);
+	return /* @__PURE__ */ jsx(UIContext.Provider, {
+		value,
+		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 };