@parallelworks/ui 0.1.0 → 0.3.0

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 };

package/dist/chunks/StatusBadge-DXp4zkSd.js

@@ -0,0 +1,46 @@
+import cx from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/StatusBadge.tsx
+var variantStyles = {
+	default: "bg-(--theme-muted-panel-bg) text-(--theme-app) border-(--theme-border)",
+	success: "bg-emerald-500/10 text-emerald-500 border-emerald-500/20",
+	warning: "bg-amber-500/10 text-amber-500 border-amber-500/20",
+	error: "bg-red-500/10 text-red-500 border-red-500/20",
+	info: "bg-blue-500/10 text-blue-500 border-blue-500/20",
+	muted: "bg-(--theme-muted-panel-bg)/50 text-(--theme-muted-text-color) border-(--theme-border)"
+};
+var pulseColors = {
+	default: "bg-(--theme-app)",
+	success: "bg-emerald-500",
+	warning: "bg-amber-500",
+	error: "bg-red-500",
+	info: "bg-blue-500",
+	muted: "bg-(--theme-muted-text-color)"
+};
+function StatusBadge({ children, variant = "default", pulse = 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]
+	});
+}
+function StatusDot({ variant = "default", pulse = false, size = 8, className }) {
+	return /* @__PURE__ */ jsxs("span", {
+		className: cx("relative inline-flex", className),
+		style: {
+			width: size,
+			height: size
+		},
+		children: [pulse && /* @__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 rounded-full", pulseColors[variant]),
+			style: {
+				width: size,
+				height: size
+			}
+		})]
+	});
+}
+//#endregion
+export { StatusDot as n, StatusBadge as t };