@knime/product-features 2.2.2 → 2.3.1

package/dist/dataTransfer.js

@@ -1,9 +1,10 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.js";
-import { a as getFileExtension, c as promise_exports, l as sleep, o as getFileMimeType, r as formatFileSize, s as knimeFileFormats } from "./dist-DvDWkkNg.js";
+import { a as getFileExtension, c as promise_exports, l as sleep, r as formatFileSize, s as knimeFileFormats } from "./dist-DvDWkkNg.js";
 import { t as rfcErrors } from "./rfcErrors-B2gYd5aG.js";
-import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, normalizeStyle, openBlock, reactive, readonly, ref, renderList, renderSlot, toDisplayString, unref, useId, useModel, vShow, watch, withCtx, withDirectives } from "vue";
+import { a as createUploadManager, c as API_BASE_URL, n as createUploadClient, o as createHttpClient, s as defaultConfig, t as createUploadStatusPoller } from "./core-CVWznjtP.js";
+import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useId, useModel, vShow, watch, withCtx, withDirectives } from "vue";
 import { KdsBadge, KdsButton, KdsIcon, KdsLoadingSkeleton, KdsProgressBar, vKdsTooltip } from "@knime/kds-components";
-import { FetchError, ofetch } from "ofetch";
+import { FetchError } from "ofetch";
 import './dataTransfer.css';//#region src/dataTransfer/shared/ui/CollapsiblePanel/useIconFlipper.ts
 var useIconFlipper = (options) => {
 	return { iconFlipStyles: computed(() => {
@@ -157,170 +158,6 @@ function _sfc_render(_ctx, _cache) {
 }
 var ProgressList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-8f14a3cb"]]);
 //#endregion
-//#region src/dataTransfer/upload/ui/UploadProgressPanelItem.vue
-var UploadProgressPanelItem_default = /* @__PURE__ */ defineComponent({
-	__name: "UploadProgressPanelItem",
-	props: {
-		item: {},
-		allowCancel: { type: Boolean }
-	},
-	emits: ["cancel"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const hasProgress = (item) => {
-			return item.status === "inprogress" || item.status === "complete";
-		};
-		const totalFormatted = computed(() => {
-			return formatFileSize(props.item.size);
-		});
-		const progressedFormatted = computed(() => {
-			if (hasProgress(props.item)) return formatFileSize(props.item.size / 100 * (props.item.progress ?? 0));
-			return 0;
-		});
-		const subtitle = computed(() => props.item.status === "inprogress" ? `${progressedFormatted.value} of ${totalFormatted.value}` : `${totalFormatted.value}`);
-		const statusMapper = {
-			inprogress: [
-				"Uploading",
-				"info",
-				"reload"
-			],
-			failed: [
-				"Failed",
-				"error",
-				"circle-error"
-			],
-			complete: [
-				"Uploaded",
-				"success",
-				"circle-success"
-			],
-			cancelled: [
-				"Cancelled",
-				"error",
-				"circle-error"
-			],
-			processing: [
-				"Processing",
-				"info",
-				"reload"
-			]
-		};
-		const itemIcon = computed(() => {
-			return getFileExtension(props.item.name) === knimeFileFormats.KNWF.extension ? "workflow" : "file";
-		});
-		const badge = computed(() => {
-			if (!props.item.status) return;
-			const [text, variant, icon] = statusMapper[props.item.status];
-			return {
-				text,
-				variant,
-				icon
-			};
-		});
-		const shouldShowCancelAction = computed(() => props.allowCancel && props.item.status === "inprogress");
-		const actions = computed(() => {
-			return shouldShowCancelAction.value ? [{
-				id: "cancel",
-				icon: "x-close",
-				label: "Cancel",
-				handler: () => emit("cancel")
-			}] : [];
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ProgressItem_default), {
-				id: __props.item.id,
-				headline: __props.item.name,
-				subtitle: subtitle.value,
-				icon: itemIcon.value,
-				progress: hasProgress(__props.item) ? __props.item.progress : void 0,
-				badge: badge.value,
-				actions: actions.value
-			}, null, 8, [
-				"id",
-				"headline",
-				"subtitle",
-				"icon",
-				"progress",
-				"badge",
-				"actions"
-			]);
-		};
-	}
-});
-//#endregion
-//#region src/dataTransfer/upload/ui/UploadProgressPanel.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$1 = { class: "upload-panel-content" };
-var _hoisted_2 = { class: "skeleton-text-content" };
-//#endregion
-//#region src/dataTransfer/upload/ui/UploadProgressPanel.vue
-var UploadProgressPanel_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
-	__name: "UploadProgressPanel",
-	props: /*@__PURE__*/ mergeModels({
-		items: {},
-		allowCancel: {
-			type: Boolean,
-			default: true
-		},
-		allowRemove: { type: Boolean },
-		placeholderItems: { default: 0 }
-	}, {
-		"expanded": {
-			type: Boolean,
-			default: true
-		},
-		"expandedModifiers": {}
-	}),
-	emits: /*@__PURE__*/ mergeModels(["cancel", "close"], ["update:expanded"]),
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		const expanded = useModel(__props, "expanded");
-		const totalItems = computed(() => __props.items.length);
-		const uploadedItems = computed(() => __props.items.filter(({ status }) => status === "complete").length);
-		const headline = computed(() => {
-			const suffix = `file${totalItems.value > 1 ? "s" : ""}`;
-			return `Uploaded ${uploadedItems.value} of ${totalItems.value} ${suffix}`;
-		});
-		const hasSomeItemInProgress = computed(() => __props.items.some(({ status }) => status === "inprogress" || status === "processing") || __props.placeholderItems > 0);
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(CollapsiblePanel_default), {
-				modelValue: expanded.value,
-				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => expanded.value = $event),
-				headline: headline.value,
-				class: "upload-panel",
-				"can-be-dismissed": !hasSomeItemInProgress.value,
-				onClose: _cache[1] || (_cache[1] = ($event) => emit("close"))
-			}, {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1$1, [createVNode(unref(ProgressList_default), null, {
-					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
-						return openBlock(), createBlock(UploadProgressPanelItem_default, {
-							key: item.id,
-							item,
-							"allow-cancel": __props.allowCancel,
-							onCancel: ($event) => emit("cancel", item)
-						}, null, 8, [
-							"item",
-							"allow-cancel",
-							"onCancel"
-						]);
-					}), 128))]),
-					_: 1
-				}), __props.placeholderItems > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.placeholderItems, (skeleton) => {
-					return openBlock(), createElementBlock("div", {
-						key: skeleton,
-						class: "skeleton-container"
-					}, [createVNode(unref(KdsLoadingSkeleton), { variant: "icon-large" }), createElementVNode("div", _hoisted_2, [createVNode(unref(KdsLoadingSkeleton), { variant: "label" }), createVNode(unref(KdsLoadingSkeleton), { variant: "text" })])]);
-				}), 128)) : createCommentVNode("", true)])]),
-				_: 1
-			}, 8, [
-				"modelValue",
-				"headline",
-				"can-be-dismissed"
-			]);
-		};
-	}
-}), [["__scopeId", "data-v-15b3eb7d"]]);
-//#endregion
 //#region src/dataTransfer/download/ui/DownloadProgressPanelItem.vue
 var DownloadProgressPanelItem_default = /* @__PURE__ */ defineComponent({
 	__name: "DownloadProgressPanelItem",
@@ -395,7 +232,7 @@ var DownloadProgressPanelItem_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/dataTransfer/download/ui/DownloadProgressPanel.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "download-panel-content" };
+var _hoisted_1$1 = { class: "download-panel-content" };
 //#endregion
 //#region src/dataTransfer/download/ui/DownloadProgressPanel.vue
 var DownloadProgressPanel_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -435,7 +272,7 @@ var DownloadProgressPanel_default = /*#__PURE__*/ _plugin_vue_export_helper_defa
 				"can-be-dismissed": !hasItemsInProgress.value,
 				onClose: _cache[1] || (_cache[1] = ($event) => emit("close"))
 			}, {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(unref(ProgressList_default), null, {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$1, [createVNode(unref(ProgressList_default), null, {
 					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
 						return openBlock(), createBlock(DownloadProgressPanelItem_default, {
 							key: item.downloadId,
@@ -460,358 +297,383 @@ var DownloadProgressPanel_default = /*#__PURE__*/ _plugin_vue_export_helper_defa
 	}
 }), [["__scopeId", "data-v-53e10d80"]]);
 //#endregion
-//#region ../../node_modules/.pnpm/es-toolkit@1.49.0/node_modules/es-toolkit/dist/predicate/isPlainObject.mjs
-/**
-* Checks if a given value is a plain object.
-*
-* @param value - The value to check.
-* @returns True if the value is a plain object, otherwise false.
-*
-* @example
-* ```typescript
-* // ✅👇 True
-*
-* isPlainObject({ });                       // ✅
-* isPlainObject({ key: 'value' });          // ✅
-* isPlainObject({ key: new Date() });       // ✅
-* isPlainObject(new Object());              // ✅
-* isPlainObject(Object.create(null));       // ✅
-* isPlainObject({ nested: { key: true} });  // ✅
-* isPlainObject(new Proxy({}, {}));         // ✅
-* isPlainObject({ [Symbol('tag')]: 'A' });  // ✅
-*
-* // ✅👇 (cross-realms, node context, workers, ...)
-* const runInNewContext = await import('node:vm').then(
-*     (mod) => mod.runInNewContext
-* );
-* isPlainObject(runInNewContext('({})'));   // ✅
-*
-* // ❌👇 False
-*
-* class Test { };
-* isPlainObject(new Test())           // ❌
-* isPlainObject(10);                  // ❌
-* isPlainObject(null);                // ❌
-* isPlainObject('hello');             // ❌
-* isPlainObject([]);                  // ❌
-* isPlainObject(new Date());          // ❌
-* isPlainObject(new Uint8Array([1])); // ❌
-* isPlainObject(Buffer.from('ABC'));  // ❌
-* isPlainObject(Promise.resolve({})); // ❌
-* isPlainObject(Object.create({}));   // ❌
-* isPlainObject(new (class Cls {}));  // ❌
-* isPlainObject(globalThis);          // ❌,
-* ```
-*/
-function isPlainObject(value) {
-	if (!value || typeof value !== "object") return false;
-	const proto = Object.getPrototypeOf(value);
-	if (!(proto === null || proto === Object.prototype || Object.getPrototypeOf(proto) === null)) return false;
-	return Object.prototype.toString.call(value) === "[object Object]";
-}
-//#endregion
-//#region ../../node_modules/.pnpm/es-toolkit@1.49.0/node_modules/es-toolkit/dist/_internal/isUnsafeProperty.mjs
-/**
-* Checks if a property key is unsafe to modify directly.
-*
-* This function is used in functions like `merge` to prevent prototype pollution attacks
-* by identifying property keys that could modify the object's prototype chain or constructor.
-*
-* @param key - The property key to check
-* @returns `true` if the property is unsafe to modify directly, `false` otherwise
-* @internal
-*/
-function isUnsafeProperty(key) {
-	return key === "__proto__";
-}
-//#endregion
-//#region ../../node_modules/.pnpm/es-toolkit@1.49.0/node_modules/es-toolkit/dist/object/merge.mjs
-/**
-* Merges the properties of the source object into the target object.
-*
-* This function performs a deep merge, meaning nested objects and arrays are merged recursively.
-* If a property in the source object is an array or an object and the corresponding property in the target object is also an array or object, they will be merged.
-* If a property in the source object is undefined, it will not overwrite a defined property in the target object.
-*
-* Note that this function mutates the target object.
-*
-* @param target - The target object into which the source object properties will be merged. This object is modified in place.
-* @param source - The source object whose properties will be merged into the target object.
-* @returns The updated target object with properties from the source object merged in.
-*
-* @template T - Type of the target object.
-* @template S - Type of the source object.
-*
-* @example
-* const target = { a: 1, b: { x: 1, y: 2 } };
-* const source = { b: { y: 3, z: 4 }, c: 5 };
-*
-* const result = merge(target, source);
-* console.log(result);
-* // Output: { a: 1, b: { x: 1, y: 3, z: 4 }, c: 5 }
-*
-* @example
-* const target = { a: [1, 2], b: { x: 1 } };
-* const source = { a: [3], b: { y: 2 } };
-*
-* const result = merge(target, source);
-* console.log(result);
-* // Output: { a: [3, 2], b: { x: 1, y: 2 } }
-*
-* @example
-* const target = { a: null };
-* const source = { a: [1, 2, 3] };
-*
-* const result = merge(target, source);
-* console.log(result);
-* // Output: { a: [1, 2, 3] }
-*/
-function merge(target, source) {
-	const sourceKeys = Object.keys(source);
-	for (let i = 0; i < sourceKeys.length; i++) {
-		const key = sourceKeys[i];
-		if (isUnsafeProperty(key)) continue;
-		const sourceValue = source[key];
-		const targetValue = target[key];
-		if (isMergeableValue(sourceValue) && isMergeableValue(targetValue)) target[key] = merge(targetValue, sourceValue);
-		else if (Array.isArray(sourceValue)) target[key] = merge([], sourceValue);
-		else if (isPlainObject(sourceValue)) target[key] = merge({}, sourceValue);
-		else if (targetValue === void 0 || sourceValue !== void 0) target[key] = sourceValue;
-	}
-	return target;
-}
-function isMergeableValue(value) {
-	return isPlainObject(value) || Array.isArray(value);
-}
-//#endregion
-//#region src/dataTransfer/shared/httpClient/constants.ts
-var API_BASE_URL = "/_/api";
-//#endregion
-//#region src/dataTransfer/shared/httpClient/createHttpClient.ts
-var defaultConfig = {
-	baseURL: API_BASE_URL,
-	headers: {
-		"Content-Type": "application/json",
-		Accept: "application/json; application/problem+json"
-	}
-};
-var createHttpClient = (customOptions) => {
-	const { baseURL = API_BASE_URL, ...otherCustomOptions } = customOptions ?? {};
-	return ofetch.create(merge({
-		baseURL,
-		...otherCustomOptions
-	}, defaultConfig));
-};
-//#endregion
-//#region src/dataTransfer/upload/manager/index.ts
-var CHUNK_SIZE = 50 * 1024 * 1024;
-var DEFAULT_RETRY_COUNT = 5;
-var DEFAULT_RETRY_DELAY_MS$1 = 50;
-var uploadChunkWithProgress = (params) => {
-	const { method, url, chunk, chunkIndex, onProgress, abortSignal } = params;
-	const OK = 200;
-	const CREATED = 201;
-	return new Promise((resolve, reject) => {
-		const xhr = new XMLHttpRequest();
-		xhr.open(method, url, true);
-		abortSignal.addEventListener("abort", () => xhr.abort());
-		xhr.upload.onprogress = (event) => {
-			if (event.lengthComputable) onProgress(event.loaded);
-		};
-		xhr.onload = () => {
-			if (xhr.status === OK || xhr.status === CREATED) resolve({ partId: xhr.getResponseHeader("ETag")?.replace(/^(?:W\/)?"|"$/g, "") ?? "" });
-			else {
-				consola.error("Failed or unexpected XHR response", {
-					xhrStatus: xhr.status,
-					xhrResponse: xhr.response,
-					chunkIndex
-				});
-				reject(/* @__PURE__ */ new Error("Failed to upload file"));
-			}
-		};
-		xhr.onerror = (event) => {
-			consola.error("Failed to upload chunk", {
-				xhrErrorEvent: event,
-				chunkIndex
-			});
-			reject(/* @__PURE__ */ new Error("Failed to upload file"));
-		};
-		xhr.send(chunk);
-	});
+//#region src/dataTransfer/download/useDownloadArtifact.ts
+var DEFAULT_MAX_RETRIES = null;
+var DEFAULT_POLLING_INTERVAL = 2e3;
+var hasDownloadUrl = (response) => {
+	return "downloadUrl" in response;
 };
+var isAbortError = (error) => error instanceof DOMException && error.name === "AbortError";
 /**
-* Creates and returns an `uploadManager`, a comprehensive multi-file, multi-part upload handler.
-*
-* The `uploadManager` offers functionality for handling file uploads in parts and provides
-* several built-in mechanisms to ensure the process is reliable and adaptable.
-*
-* Key features include:
+* This composable supports multiple concurrent downloads. Each time you call ```start```, the following behavior applies:
 *
-* - **Chunked File Uploads**: Splits provided files into manageable chunks and initiates the upload
-*   for each part using the `resolveFilePartUploadURL` function provided in the configuration.
+* 1. **Immediate-ready artifact**: If the first status check for the artifact returns `READY`, then there's no polling and no need
+*    to add it to `downloadItems`. The download URL is opened in the same tab immediately.
 *
-* - **Retry Mechanism**: Automatically retries failed upload attempts up to a maximum of 5 times
-*   per failed request.
+* 2. **Not-ready artifact**: If the artifact is not yet ready (e.g. needs zipping), then we add a record to `downloadItems` with status `IN_PROGRESS`
+*    and repeatedly poll until it becomes `READY`, the polling times out, or the user aborts.
 *
-* - **Upload Cancellation**: Allows cancellation of ongoing uploads, giving users control over the process.
+* **Usage**:
+* ```
+* const { start, cancel, downloadItems } = useDownloadArtifact({ ...options });
 *
-* - **Progress Tracking**: Monitors the progress of each file part upload and triggers the `onProgress`
-*   callback to provide updates.
+* // start a download
+* await start({ itemId: "1234", version: 1 });
 *
-* - **Error Handling**: The returned `uploadFiles` function does not throw errors directly. Instead,
-*   it manages retries and stops any failed uploads after the retry limit is reached, marking them as failed.
-*   This ensures that the promise it returns completes gracefully without uncaught exceptions.
+* // if needed, cancel it:
+* cancel("1234");
 *
+* // downloadItems (as a computed array) will reflect the current statuses.
+* ```
 */
-var createUploadManager = (config) => {
-	const { resolveFilePartUploadURL: getUploadFilePartUrl, onFileUploadComplete, onFileUploadFailed } = config;
-	const uploadStateMap = /* @__PURE__ */ new Map();
-	const completedUploads = /* @__PURE__ */ new Set();
-	const cancelledUploads = /* @__PURE__ */ new Set();
-	const failedUploads = /* @__PURE__ */ new Set();
-	const assertState = (uploadId, state) => uploadStateMap.has(uploadId) && uploadStateMap.get(uploadId).state === state;
-	const getUploadState = (uploadId) => uploadStateMap.get(uploadId);
-	const setUploadState = (uploadId, state) => {
-		uploadStateMap.set(uploadId, {
-			...uploadStateMap.get(uploadId),
-			...state
+var useDownloadArtifact = (options = {}) => {
+	const $ofetch = createHttpClient(options.customFetchClientOptions);
+	const downloadItems = ref({});
+	const abortControllers = {};
+	const maxRetries = options.maxRetries ?? DEFAULT_MAX_RETRIES;
+	const pollingInterval = options.pollingInterval ?? DEFAULT_POLLING_INTERVAL;
+	const cancel = (downloadId) => {
+		const itemController = abortControllers[downloadId];
+		if (itemController) {
+			itemController.abort();
+			delete abortControllers[downloadId];
+		}
+	};
+	const removeItem = (downloadId) => {
+		cancel(downloadId);
+		delete downloadItems.value[downloadId];
+	};
+	const fetchDownloadStatus = ({ downloadId, signal }) => {
+		return $ofetch(`/downloads/${downloadId}/status`, {
+			method: "GET",
+			signal
 		});
 	};
-	const isFailed = (uploadId) => assertState(uploadId, "failed");
-	const isCancelled = (uploadId) => assertState(uploadId, "cancelled");
-	const getTotalFileParts = (file) => Math.ceil(file.size / CHUNK_SIZE);
-	const abortInFlightUpload = (uploadId, reason) => {
-		const currentState = uploadStateMap.get(uploadId);
-		if (!currentState) return;
-		currentState.abortController.abort(new promise_exports.AbortError(`Upload (${currentState.uploadId}) for file "${currentState.file.name}" aborted. Reason: "${reason}"`));
+	const openDownload = (downloadUrl) => {
+		const a = document.createElement("a");
+		a.target = "_blank";
+		a.href = downloadUrl;
+		a.download = "";
+		a.style.display = "none";
+		document.body.appendChild(a);
+		a.click();
+		document.body.removeChild(a);
 	};
-	const cancel = (uploadId) => {
-		if (!uploadStateMap.has(uploadId)) {
-			consola.error("cancel:: Invalid upload id");
-			return;
+	/**
+	* Makes a request to the download status endpoint for the given download item.
+	* Returns a boolean that is true if a terminal state has been reached (download is ready,
+	* download failed, or user aborted download)
+	* @param downloadId the `downloadId`
+	* @param signal the abort signal passed to the request to be able to abort it
+	* @returns a boolean indicating whether a terminal state has been reached
+	*/
+	const handlePollingResult = async ({ downloadId, signal }) => {
+		try {
+			const statusResponse = await fetchDownloadStatus({
+				downloadId,
+				signal
+			});
+			if (statusResponse?.status === "READY" && statusResponse?.downloadUrl) {
+				downloadItems.value[downloadId].status = "READY";
+				downloadItems.value[downloadId].downloadUrl = statusResponse.downloadUrl;
+				openDownload(statusResponse.downloadUrl);
+				return true;
+			} else if (statusResponse?.status === "FAILED") {
+				let details = "Download failed";
+				if (statusResponse?.statusMessage) details += `: ${statusResponse.statusMessage}`;
+				throw new Error(details);
+			}
+		} catch (error) {
+			consola.error("Error fetching status:", error);
+			if (!(isAbortError(error) || error instanceof FetchError && isAbortError(error.cause))) {
+				downloadItems.value[downloadId].status = "FAILED";
+				downloadItems.value[downloadId].failureDetails = error instanceof Error ? error.message : error;
+			}
+			return true;
 		}
-		setUploadState(uploadId, { state: "cancelled" });
-		abortInFlightUpload(uploadId, "upload cancelled");
-		cancelledUploads.add(uploadId);
+		return false;
 	};
-	const setFailed = (uploadId, error) => {
-		if (!uploadStateMap.has(uploadId)) {
-			consola.error("failed:: Invalid upload id");
-			return;
+	const pollDownloadItem = async ({ itemId, downloadId, version, name }) => {
+		const controller = new AbortController();
+		abortControllers[downloadId] = controller;
+		const signal = controller.signal;
+		let itemName = `${name}`;
+		if (version) itemName += ` (${version})`;
+		downloadItems.value[downloadId] = {
+			itemId,
+			...version && { version },
+			downloadId,
+			name: itemName,
+			status: "IN_PROGRESS"
+		};
+		const abortListener = () => {
+			controller.signal.removeEventListener("abort", abortListener);
+			if (!downloadItems.value[downloadId]) return;
+			downloadItems.value[downloadId].status = "CANCELLED";
+			downloadItems.value[downloadId].failureDetails = "Download was cancelled manually";
+		};
+		controller.signal.addEventListener("abort", abortListener);
+		let tries = 0;
+		while (maxRetries === null || tries < maxRetries) {
+			tries++;
+			await sleep(pollingInterval);
+			if (await handlePollingResult({
+				downloadId,
+				signal
+			})) break;
+		}
+		delete abortControllers[downloadId];
+		if (maxRetries !== null && tries >= maxRetries) {
+			downloadItems.value[downloadId].status = "FAILED";
+			downloadItems.value[downloadId].failureDetails = "Download timed out";
 		}
-		setUploadState(uploadId, { state: "failed" });
-		onFileUploadFailed?.({
-			uploadId,
-			error
-		});
-		failedUploads.add(uploadId);
-		if (completedUploads.has(uploadId)) completedUploads.delete(uploadId);
 	};
-	const uploadFileFromChunkIndex = async (uploadId, file, initialChunkIndex = 0) => {
-		const totalChunks = getTotalFileParts(file);
-		const totalBytes = file.size;
-		const completedPartIds = {};
-		const { abortController, runAbortablePromise } = promise_exports.createAbortablePromise();
-		uploadStateMap.set(uploadId, {
-			uploadId,
-			file,
-			state: "inprogress",
-			uploadedByteCount: uploadStateMap.get(uploadId)?.uploadedByteCount ?? 0,
-			completedChunkCount: uploadStateMap.get(uploadId)?.completedChunkCount ?? 0,
-			abortController
-		});
-		let chunkIndex = initialChunkIndex;
-		let uploadedBytes = uploadStateMap.get(uploadId)?.uploadedByteCount;
-		while (chunkIndex < totalChunks) {
-			if (isCancelled(uploadId) || isFailed(uploadId)) break;
-			const start = chunkIndex * CHUNK_SIZE;
-			const end = Math.min(start + CHUNK_SIZE, file.size);
-			const chunk = file.slice(start, end);
-			try {
-				const { method, url } = await promise_exports.retryPromise({
-					fn: () => getUploadFilePartUrl(uploadId, chunkIndex + 1),
-					retryCount: DEFAULT_RETRY_COUNT,
-					retryDelayMS: DEFAULT_RETRY_DELAY_MS$1
-				});
-				consola.trace("File part upload url resolved", {
-					method,
-					url
-				});
-				const onChunkUploadProgress = (uploadedChunkBytes) => {
-					uploadedBytes = uploadedChunkBytes + start;
-					setUploadState(uploadId, { uploadedByteCount: uploadedBytes });
-					const progress = Math.round(uploadedBytes / totalBytes * 100);
-					config.onProgress?.(uploadId, progress);
-				};
-				const filePartResponse = await runAbortablePromise(() => promise_exports.retryPromise({
-					fn: () => uploadChunkWithProgress({
-						method,
-						url,
-						chunk,
-						chunkIndex,
-						onProgress: onChunkUploadProgress,
-						abortSignal: abortController.signal
-					}),
-					retryCount: DEFAULT_RETRY_COUNT,
-					retryDelayMS: DEFAULT_RETRY_DELAY_MS$1
-				}));
-				consola.trace(`${file.name}: Chunk ${chunkIndex + 1} of ${totalChunks} uploaded successfully`);
-				completedPartIds[chunkIndex + 1] = filePartResponse.partId;
-				setUploadState(uploadId, { completedChunkCount: uploadStateMap.get(uploadId).completedChunkCount + 1 });
-			} catch (error) {
-				if (error instanceof promise_exports.AbortError) {
-					consola.info("Aborted::", error);
-					return;
-				}
-				setFailed(uploadId, error instanceof Error ? error : new Error(error));
+	const start = async ({ itemId, version, name }) => {
+		try {
+			const response = await $ofetch(`/repository/${itemId}/artifact`, {
+				method: "GET",
+				query: { version }
+			});
+			if (hasDownloadUrl(response)) {
+				openDownload(response.downloadUrl);
 				return;
 			}
-			chunkIndex++;
+			await pollDownloadItem({
+				itemId,
+				version,
+				downloadId: response.downloadId,
+				name
+			});
+		} catch (error) {
+			throw rfcErrors.tryParse(error) ?? error;
 		}
-		if (isCancelled(uploadId) || isFailed(uploadId)) return;
-		setUploadState(uploadId, {
-			completedChunkCount: totalChunks,
-			state: "complete"
-		});
-		completedUploads.add(uploadId);
-		onFileUploadComplete?.({
-			uploadId,
-			filePartIds: completedPartIds
-		});
 	};
-	const uploadFiles = (files) => {
-		const result = [];
-		for (const { uploadId, file } of files) result.push(uploadFileFromChunkIndex(uploadId, file));
-		return Promise.allSettled(result).then(() => {
-			const completed = [...completedUploads.values()];
-			const cancelled = [...cancelledUploads.values()];
-			const failed = [...failedUploads.values()];
-			[
-				...completed,
-				...cancelled,
-				...failed
-			].forEach((uploadId) => uploadStateMap.delete(uploadId));
-			completedUploads.clear();
-			cancelledUploads.clear();
-			failedUploads.clear();
-			return {
-				completed,
-				cancelled,
-				failed
-			};
-		});
+	const totalItemsBeingZipped = computed(() => Object.values(downloadItems.value).filter(({ status }) => status === "IN_PROGRESS").length);
+	const resetState = () => {
+		for (const [downloadId, controller] of Object.entries(abortControllers)) {
+			controller?.abort();
+			delete abortControllers[downloadId];
+		}
+		downloadItems.value = {};
 	};
 	return {
-		uploadFiles,
-		getUploadState,
-		isFailed,
-		isCancelled,
+		/**
+		* Initiates a download of the given itemId and version.
+		*/
+		start,
+		/**
+		* Cancels the ongoing download for a given itemId (if any).
+		* Sets the status in `downloadItems` to `CANCELLED`.
+		*/
 		cancel,
-		setFailed
+		/**
+		* Removes item from `downloadItems`.
+		*/
+		removeItem,
+		/**
+		* A computed array of all current items that are being zipped and prepared for download.
+		*/
+		downloadItems: computed(() => Object.values(downloadItems.value)),
+		/**
+		* The total number of zipping items in progress.
+		*/
+		totalItemsBeingZipped,
+		/**
+		* Resets the state of the composable, clearing all downloads and controllers.
+		*/
+		resetState,
+		/**
+		* Opens a download from the given url
+		*/
+		openDownload
 	};
 };
 //#endregion
-//#region src/dataTransfer/upload/ui/useUploadManager.ts
+//#region src/dataTransfer/upload/UploadProgressPanelItem.vue
+var UploadProgressPanelItem_default = /* @__PURE__ */ defineComponent({
+	__name: "UploadProgressPanelItem",
+	props: { item: {} },
+	emits: ["cancel", "viewDetails"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const subtitle = computed(() => {
+			if (props.item.type === "file") return `${formatFileSize(props.item.size / 100 * (props.item.progress ?? 0))} of ${formatFileSize(props.item.size)}`;
+			if (props.item.type === "directory") {
+				const total = props.item.totalEntries;
+				return `${props.item.uploadedEntries} of ${total} file${total > 1 ? "s" : ""}`;
+			}
+			return "";
+		});
+		const progressPercentageValue = computed(() => {
+			if (props.item.type === "file") return props.item.progress;
+			if (props.item.type === "directory") return props.item.uploadedEntries * 100 / props.item.totalEntries;
+		});
+		const statusMapper = {
+			inprogress: [
+				"Uploading",
+				"info",
+				"reload"
+			],
+			failed: [
+				"Failed",
+				"error",
+				"circle-error"
+			],
+			complete: [
+				"Uploaded",
+				"success",
+				"circle-success"
+			],
+			cancelled: [
+				"Cancelled",
+				"error",
+				"circle-error"
+			],
+			processing: [
+				"Processing",
+				"info",
+				"reload"
+			],
+			"partial-success": [
+				"Partial success",
+				"warning",
+				"warning"
+			]
+		};
+		const itemIcon = computed(() => {
+			if (props.item.type === "directory") return "folder";
+			return getFileExtension(props.item.name) === knimeFileFormats.KNWF.extension ? "workflow" : "file";
+		});
+		const badge = computed(() => {
+			if (!props.item.status) return;
+			const [text, variant, icon] = statusMapper[props.item.status];
+			return {
+				text,
+				variant,
+				icon
+			};
+		});
+		const isCancellable = computed(() => {
+			if (props.item.actions === void 0 || props.item.actions.cancellable === void 0) return true;
+			return props.item.actions.cancellable;
+		});
+		const shouldShowCancelAction = computed(() => props.item.status === "inprogress" && isCancellable.value);
+		const isInspectable = computed(() => {
+			if (props.item.actions === void 0 || props.item.actions.inspectable === void 0) return false;
+			return props.item.actions.inspectable;
+		});
+		const shouldShowViewDetailsAction = computed(() => props.item.status === "partial-success" && isInspectable.value);
+		const actions = computed(() => {
+			const result = [];
+			if (shouldShowCancelAction.value) result.push({
+				id: "cancel",
+				icon: "x-close",
+				label: "Cancel",
+				handler: () => emit("cancel")
+			});
+			if (shouldShowViewDetailsAction.value) result.push({
+				id: "view-details",
+				icon: "circle-info",
+				label: "View details",
+				handler: () => emit("viewDetails")
+			});
+			return result;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ProgressItem_default), {
+				id: __props.item.id,
+				headline: __props.item.name,
+				subtitle: subtitle.value,
+				icon: itemIcon.value,
+				progress: progressPercentageValue.value,
+				badge: badge.value,
+				actions: actions.value
+			}, null, 8, [
+				"id",
+				"headline",
+				"subtitle",
+				"icon",
+				"progress",
+				"badge",
+				"actions"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/dataTransfer/upload/UploadProgressPanel.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "upload-panel-content" };
+var _hoisted_2 = { class: "skeleton-text-content" };
+//#endregion
+//#region src/dataTransfer/upload/UploadProgressPanel.vue
+var UploadProgressPanel_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "UploadProgressPanel",
+	props: /*@__PURE__*/ mergeModels({
+		items: {},
+		placeholderItems: { default: 0 }
+	}, {
+		"expanded": {
+			type: Boolean,
+			default: true
+		},
+		"expandedModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels([
+		"cancel",
+		"viewDetails",
+		"close"
+	], ["update:expanded"]),
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const expanded = useModel(__props, "expanded");
+		const totalItems = computed(() => __props.items.length);
+		const uploadedItems = computed(() => __props.items.filter(({ status }) => status === "complete").length);
+		const headline = computed(() => {
+			const suffix = `item${totalItems.value > 1 ? "s" : ""}`;
+			return `Uploaded ${uploadedItems.value} of ${totalItems.value} ${suffix}`;
+		});
+		const hasSomeItemInProgress = computed(() => __props.items.some(({ status }) => status === "inprogress" || status === "processing") || __props.placeholderItems > 0);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(CollapsiblePanel_default), {
+				modelValue: expanded.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => expanded.value = $event),
+				headline: headline.value,
+				class: "upload-panel",
+				"can-be-dismissed": !hasSomeItemInProgress.value,
+				onClose: _cache[1] || (_cache[1] = ($event) => emit("close"))
+			}, {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(unref(ProgressList_default), null, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+						return openBlock(), createBlock(UploadProgressPanelItem_default, {
+							key: item.id,
+							item,
+							onCancel: ($event) => emit("cancel", item),
+							onViewDetails: ($event) => emit("viewDetails", item)
+						}, null, 8, [
+							"item",
+							"onCancel",
+							"onViewDetails"
+						]);
+					}), 128))]),
+					_: 1
+				}), __props.placeholderItems > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.placeholderItems, (skeleton) => {
+					return openBlock(), createElementBlock("div", {
+						key: skeleton,
+						class: "skeleton-container"
+					}, [createVNode(unref(KdsLoadingSkeleton), { variant: "icon-large" }), createElementVNode("div", _hoisted_2, [createVNode(unref(KdsLoadingSkeleton), { variant: "label" }), createVNode(unref(KdsLoadingSkeleton), { variant: "text" })])]);
+				}), 128)) : createCommentVNode("", true)])]),
+				_: 1
+			}, 8, [
+				"modelValue",
+				"headline",
+				"can-be-dismissed"
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-5b1b5ab8"]]);
+//#endregion
+//#region src/dataTransfer/upload/useUploadManager.ts
 /**
 * This composable wraps the `uploadManager` utility
 * in order to provide reactive state which will work tightly with the `UploadProgressPanel` component
@@ -820,17 +682,19 @@ var createUploadManager = (config) => {
 * or status of each item being uploaded changes
 */
 var useUploadManager = (options) => {
+	const { resolveCompleteStatus, ...restOptions } = options;
 	const uploadState = ref({});
 	const { uploadFiles, cancel, setFailed } = createUploadManager({
-		...options,
+		...restOptions,
 		onFileUploadComplete: (params) => {
 			const { parentId, name } = uploadState.value[params.uploadId];
-			uploadState.value[params.uploadId].status = "complete";
-			options.onFileUploadComplete?.({
+			const payload = {
 				...params,
 				parentId,
 				name
-			});
+			};
+			uploadState.value[params.uploadId].status = resolveCompleteStatus?.(payload) ?? "complete";
+			options.onFileUploadComplete?.(payload);
 		},
 		onFileUploadFailed: ({ uploadId, error }) => {
 			const { parentId } = uploadState.value[uploadId];
@@ -857,13 +721,15 @@ var useUploadManager = (options) => {
 					name: file.name,
 					size: file.size,
 					progress: 0,
+					type: "file",
 					status: "inprogress",
 					parentId
 				};
 			});
-			await uploadFiles(uploadPayload);
+			return await uploadFiles(uploadPayload);
 		} catch (error) {
 			consola.error("Error uploading files", error);
+			return [];
 		}
 	};
 	const canCancel = (uploadId) => uploadState.value[uploadId]?.status === "inprogress" || uploadState.value[uploadId]?.status === "failed";
@@ -893,7 +759,13 @@ var useUploadManager = (options) => {
 				status: "failed",
 				failureDetails: error.message
 			};
-			setFailed(uploadId, error);
+			setFailed(uploadId);
+			const { parentId } = uploadState.value[uploadId];
+			options.onFileUploadFailed?.({
+				parentId,
+				uploadId,
+				error
+			});
 		}
 	};
 };
@@ -954,70 +826,55 @@ var getUploadSizeLimitBytes = () => DEFAULT_UPLOAD_SIZE_LIMIT_BYTES;
 * Alternative to completion, you can also cancel an upload. For this, the composable makes a DELETE request
 * providing the corresponding `uploadId` which will effectively cancel it.
 *
-*
 * For a usage example, refer to the Docs page in storybook.
 */
 var useFileUpload = (options = {}) => {
-	const $ofetch = createHttpClient(options.customFetchClientOptions);
-	const prepareUpload = (parentId, files) => {
-		const fileDictionary = Object.fromEntries(files.map((file) => {
-			return [knimeFileFormats.KNWF.getNameOrDefault(file, file.name), file];
-		}));
-		const items = Object.fromEntries(Object.entries(fileDictionary).map(([name, file]) => [name, {
-			itemContentType: getFileMimeType(file),
-			itemContentSize: file.size
-		}]));
-		return $ofetch(`/repository/${parentId}/manifest`, {
-			method: "POST",
-			body: { items }
-		}).then(({ items }) => {
-			return Object.keys(items).map((name) => {
-				const { uploadId } = items[name];
-				return {
-					uploadId,
-					file: fileDictionary[name]
-				};
-			});
-		});
-	};
-	const resolveFilePartUploadURL = (uploadId, partNumber) => {
-		return $ofetch(`/uploads/${uploadId}/parts/?partNumber=${partNumber}`, { method: "POST" });
-	};
-	const completeUpload = (uploadId, partIds) => {
-		return $ofetch(`/uploads/${uploadId}`, {
-			method: "POST",
-			body: partIds
-		});
-	};
-	const cancelUpload = (uploadId) => {
-		return $ofetch(`/uploads/${uploadId}`, { method: "DELETE" });
-	};
-	const unprocessedUploads = reactive(/* @__PURE__ */ new Set());
-	const isKNWFFile = (file) => knimeFileFormats.KNWF.matches(file);
+	const uploadClient = createUploadClient({ customFetchClientOptions: options.customFetchClientOptions });
 	let useUploadManagerResult = null;
-	const setProcessingCompleted = ({ uploadId }) => {
-		unprocessedUploads.delete(uploadId);
+	const getItemFromQueue = (uploadId) => {
+		const { uploadState } = useUploadManagerResult;
+		if (!uploadState.value[uploadId]) {
+			consola.warn(`Cannot get item in queue. Upload id "${uploadId}" doesn't exist`);
+			return;
+		}
+		return uploadState.value[uploadId];
 	};
-	const setProcessingFailed = ({ uploadId, error }) => {
-		unprocessedUploads.delete(uploadId);
-		useUploadManagerResult?.setFailed(uploadId, error ?? /* @__PURE__ */ new Error("An error occurred when processing the file"));
+	const updateItemInQueue = (uploadId, data) => {
+		const { uploadState } = useUploadManagerResult;
+		if (!uploadState.value[uploadId]) {
+			consola.warn(`Cannot update item in queue. Upload id "${uploadId}" doesn't exist`);
+			return;
+		}
+		uploadState.value = {
+			...uploadState.value,
+			[uploadId]: {
+				...uploadState.value[uploadId],
+				...data
+			}
+		};
 	};
+	const statusPoller = createUploadStatusPoller(uploadClient, {
+		onComplete: (uploadId) => updateItemInQueue(uploadId, { status: "complete" }),
+		onFail: (uploadId, statusMessage) => updateItemInQueue(uploadId, {
+			status: "failed",
+			failureDetails: statusMessage
+		})
+	});
 	useUploadManagerResult = useUploadManager({
-		resolveFilePartUploadURL,
-		onFileUploadComplete: ({ uploadId, filePartIds, parentId, name }) => {
-			promise_exports.retryPromise({ fn: () => completeUpload(uploadId, filePartIds) }).then(() => {
+		resolveFilePartUploadURL: uploadClient.resolveFilePartUploadURL,
+		resolveCompleteStatus: ({ name }) => options.isFileWithProcessing?.(name) ? "processing" : "complete",
+		onFileUploadComplete: ({ uploadId, filePartIds, name, parentId }) => {
+			promise_exports.retryPromise({ fn: () => uploadClient.completeUpload(uploadId, filePartIds) }).then(() => {
+				if (options.isFileWithProcessing?.(name)) statusPoller.track(uploadId);
 				options.onFileUploadComplete?.({
 					uploadId,
 					filePartIds,
-					parentId,
-					name
+					name,
+					parentId
 				});
 			}).catch((error) => {
 				consola.error("Error attempting to complete upload", { error });
-				setProcessingFailed({
-					uploadId,
-					error
-				});
+				useUploadManagerResult.setFailed(uploadId, error);
 			});
 		},
 		onFileUploadFailed: ({ uploadId, error, parentId }) => {
@@ -1036,29 +893,16 @@ var useFileUpload = (options = {}) => {
 		return files.slice(0, effectiveQueueSize);
 	};
 	const { uploadState, ...uploadManagerResultRest } = useUploadManagerResult;
-	const uploadQueue = computed(() => {
-		return Object.values(uploadState.value).map((uploadItem) => {
-			if (uploadItem.status === "complete" && unprocessedUploads.has(uploadItem.id)) return {
-				id: uploadItem.id,
-				name: uploadItem.name,
-				parentId: uploadItem.parentId,
-				size: uploadItem.size,
-				status: "processing"
-			};
-			return uploadItem;
-		});
-	});
 	const prepareQueueSize = ref(0);
+	const uploadQueue = computed(() => Object.values(uploadState.value));
 	return {
 		...uploadManagerResultRest,
 		uploadQueue,
-		unprocessedUploads: readonly(unprocessedUploads),
-		setProcessingCompleted,
-		setProcessingFailed,
+		getItemFromQueue,
+		updateItemInQueue,
 		isPreparingUpload: computed(() => prepareQueueSize.value > 0),
 		totalFilesBeingPrepared: computed(() => prepareQueueSize.value),
-		start: async (parentId, files, options = {}) => {
-			const { isFileWithProcessing = isKNWFFile } = options;
+		start: async (parentId, files) => {
 			const enqueueableFiles = getEnqueueableFiles(files);
 			const uploadSizeLimitBytes = getUploadSizeLimitBytes();
 			const oversizedFiles = enqueueableFiles.filter((file) => file.size > uploadSizeLimitBytes);
@@ -1070,14 +914,15 @@ var useFileUpload = (options = {}) => {
 			try {
 				if (enqueueableFiles.length === 0) return [];
 				prepareQueueSize.value += enqueueableFiles.length;
+				const items = enqueueableFiles.map((file) => ({
+					path: knimeFileFormats.KNWF.getNameOrDefault(file, file.name),
+					file
+				}));
 				const uploadPayload = await promise_exports.retryPromise({
-					fn: () => prepareUpload(parentId, enqueueableFiles),
+					fn: () => uploadClient.prepareUpload(parentId, items),
 					excludeError: (error) => Boolean(error.statusCode && error.statusCode < 500),
 					retryDelayMS: DEFAULT_RETRY_DELAY_MS
 				});
-				uploadPayload.forEach(({ uploadId, file }) => {
-					if (isFileWithProcessing(file)) unprocessedUploads.add(uploadId);
-				});
 				const uploadIds = uploadPayload.map((upload) => upload.uploadId);
 				useUploadManagerResult.start(parentId, uploadPayload);
 				return uploadIds;
@@ -1089,205 +934,13 @@ var useFileUpload = (options = {}) => {
 		},
 		cancel: (uploadId) => {
 			useUploadManagerResult.cancel(uploadId);
-			cancelUpload(uploadId).catch((error) => {
+			uploadClient.cancelUpload(uploadId).catch((error) => {
 				consola.error("There was a problem cancelling the upload", { error });
 			});
 		}
 	};
 };
 //#endregion
-//#region src/dataTransfer/download/useDownloadArtifact.ts
-var DEFAULT_MAX_RETRIES = null;
-var DEFAULT_POLLING_INTERVAL = 2e3;
-var hasDownloadUrl = (response) => {
-	return "downloadUrl" in response;
-};
-var isAbortError = (error) => error instanceof DOMException && error.name === "AbortError";
-/**
-* This composable supports multiple concurrent downloads. Each time you call ```start```, the following behavior applies:
-*
-* 1. **Immediate-ready artifact**: If the first status check for the artifact returns `READY`, then there's no polling and no need
-*    to add it to `downloadItems`. The download URL is opened in the same tab immediately.
-*
-* 2. **Not-ready artifact**: If the artifact is not yet ready (e.g. needs zipping), then we add a record to `downloadItems` with status `IN_PROGRESS`
-*    and repeatedly poll until it becomes `READY`, the polling times out, or the user aborts.
-*
-* **Usage**:
-* ```
-* const { start, cancel, downloadItems } = useDownloadArtifact({ ...options });
-*
-* // start a download
-* await start({ itemId: "1234", version: 1 });
-*
-* // if needed, cancel it:
-* cancel("1234");
-*
-* // downloadItems (as a computed array) will reflect the current statuses.
-* ```
-*/
-var useDownloadArtifact = (options = {}) => {
-	const $ofetch = createHttpClient(options.customFetchClientOptions);
-	const downloadItems = ref({});
-	const abortControllers = {};
-	const maxRetries = options.maxRetries ?? DEFAULT_MAX_RETRIES;
-	const pollingInterval = options.pollingInterval ?? DEFAULT_POLLING_INTERVAL;
-	const cancel = (downloadId) => {
-		const itemController = abortControllers[downloadId];
-		if (itemController) {
-			itemController.abort();
-			delete abortControllers[downloadId];
-		}
-	};
-	const removeItem = (downloadId) => {
-		cancel(downloadId);
-		delete downloadItems.value[downloadId];
-	};
-	const fetchDownloadStatus = ({ downloadId, signal }) => {
-		return $ofetch(`/downloads/${downloadId}/status`, {
-			method: "GET",
-			signal
-		});
-	};
-	const openDownload = (downloadUrl) => {
-		const a = document.createElement("a");
-		a.target = "_blank";
-		a.href = downloadUrl;
-		a.download = "";
-		a.style.display = "none";
-		document.body.appendChild(a);
-		a.click();
-		document.body.removeChild(a);
-	};
-	/**
-	* Makes a request to the download status endpoint for the given download item.
-	* Returns a boolean that is true if a terminal state has been reached (download is ready,
-	* download failed, or user aborted download)
-	* @param downloadId the `downloadId`
-	* @param signal the abort signal passed to the request to be able to abort it
-	* @returns a boolean indicating whether a terminal state has been reached
-	*/
-	const handlePollingResult = async ({ downloadId, signal }) => {
-		try {
-			const statusResponse = await fetchDownloadStatus({
-				downloadId,
-				signal
-			});
-			if (statusResponse?.status === "READY" && statusResponse?.downloadUrl) {
-				downloadItems.value[downloadId].status = "READY";
-				downloadItems.value[downloadId].downloadUrl = statusResponse.downloadUrl;
-				openDownload(statusResponse.downloadUrl);
-				return true;
-			} else if (statusResponse?.status === "FAILED") {
-				let details = "Download failed";
-				if (statusResponse?.statusMessage) details += `: ${statusResponse.statusMessage}`;
-				throw new Error(details);
-			}
-		} catch (error) {
-			consola.error("Error fetching status:", error);
-			if (!(isAbortError(error) || error instanceof FetchError && isAbortError(error.cause))) {
-				downloadItems.value[downloadId].status = "FAILED";
-				downloadItems.value[downloadId].failureDetails = error instanceof Error ? error.message : error;
-			}
-			return true;
-		}
-		return false;
-	};
-	const pollDownloadItem = async ({ itemId, downloadId, version, name }) => {
-		const controller = new AbortController();
-		abortControllers[downloadId] = controller;
-		const signal = controller.signal;
-		let itemName = `${name}`;
-		if (version) itemName += ` (${version})`;
-		downloadItems.value[downloadId] = {
-			itemId,
-			...version && { version },
-			downloadId,
-			name: itemName,
-			status: "IN_PROGRESS"
-		};
-		const abortListener = () => {
-			controller.signal.removeEventListener("abort", abortListener);
-			if (!downloadItems.value[downloadId]) return;
-			downloadItems.value[downloadId].status = "CANCELLED";
-			downloadItems.value[downloadId].failureDetails = "Download was cancelled manually";
-		};
-		controller.signal.addEventListener("abort", abortListener);
-		let tries = 0;
-		while (maxRetries === null || tries < maxRetries) {
-			tries++;
-			await sleep(pollingInterval);
-			if (await handlePollingResult({
-				downloadId,
-				signal
-			})) break;
-		}
-		delete abortControllers[downloadId];
-		if (maxRetries !== null && tries >= maxRetries) {
-			downloadItems.value[downloadId].status = "FAILED";
-			downloadItems.value[downloadId].failureDetails = "Download timed out";
-		}
-	};
-	const start = async ({ itemId, version, name }) => {
-		try {
-			const response = await $ofetch(`/repository/${itemId}/artifact`, {
-				method: "GET",
-				query: { version }
-			});
-			if (hasDownloadUrl(response)) {
-				openDownload(response.downloadUrl);
-				return;
-			}
-			await pollDownloadItem({
-				itemId,
-				version,
-				downloadId: response.downloadId,
-				name
-			});
-		} catch (error) {
-			throw rfcErrors.tryParse(error) ?? error;
-		}
-	};
-	const totalItemsBeingZipped = computed(() => Object.values(downloadItems.value).filter(({ status }) => status === "IN_PROGRESS").length);
-	const resetState = () => {
-		for (const [downloadId, controller] of Object.entries(abortControllers)) {
-			controller?.abort();
-			delete abortControllers[downloadId];
-		}
-		downloadItems.value = {};
-	};
-	return {
-		/**
-		* Initiates a download of the given itemId and version.
-		*/
-		start,
-		/**
-		* Cancels the ongoing download for a given itemId (if any).
-		* Sets the status in `downloadItems` to `CANCELLED`.
-		*/
-		cancel,
-		/**
-		* Removes item from `downloadItems`.
-		*/
-		removeItem,
-		/**
-		* A computed array of all current items that are being zipped and prepared for download.
-		*/
-		downloadItems: computed(() => Object.values(downloadItems.value)),
-		/**
-		* The total number of zipping items in progress.
-		*/
-		totalItemsBeingZipped,
-		/**
-		* Resets the state of the composable, clearing all downloads and controllers.
-		*/
-		resetState,
-		/**
-		* Opens a download from the given url
-		*/
-		openDownload
-	};
-};
-//#endregion
-export { API_BASE_URL, CollapsiblePanel_default as CollapsiblePanel, DownloadProgressPanel_default as DownloadProgressPanel, ProgressItem_default as ProgressItem, ProgressList_default as ProgressList, UploadProgressPanel_default as UploadProgressPanel, createHttpClient, defaultConfig, useDownloadArtifact, useFileUpload };
+export { API_BASE_URL, CollapsiblePanel_default as CollapsiblePanel, DownloadProgressPanel_default as DownloadProgressPanel, ProgressItem_default as ProgressItem, ProgressList_default as ProgressList, UploadProgressPanel_default as UploadProgressPanel, createHttpClient, defaultConfig, useDownloadArtifact, useFileUpload, useUploadManager };
 
 //# sourceMappingURL=dataTransfer.js.map