@knime/product-features 1.2.2 → 1.2.4

package/dist/dataTransfer.js

@@ -1,452 +1,466 @@
-import { computed, defineComponent, useModel, useId, openBlock, createElementBlock, normalizeClass, createElementVNode, createTextVNode, toDisplayString, createVNode, unref, normalizeStyle, createBlock, createCommentVNode, Transition, withCtx, withDirectives, renderSlot, vShow, mergeModels, Fragment, renderList, watch, ref, reactive, readonly } from 'vue';
-import { KdsButton, KdsIcon, vKdsTooltip, KdsBadge, KdsProgressBar, KdsLoadingSkeleton } from '@knime/kds-components';
-import { _ as _export_sfc } from './_plugin-vue_export-helper-pcqpp-6-.js';
-import { f as formatFileSize, g as getFileExtension, k as knimeFileFormats, i as index, a as getFileMimeType, s as sleep } from './index-B3ql6hun.js';
-import { rfcErrors } from './rfcErrors.js';
-import { ofetch, FetchError } from 'ofetch';
-
-import './dataTransfer.css';const useIconFlipper = (options) => {
-  const iconFlipStyles = computed(() => {
-    const declaration = {
-      transition: "transform 0.2s linear",
-      transform: "scaleY(1)"
-    };
-    if (options.initialRotation) {
-      declaration.rotate = `${options.initialRotation}`;
-    }
-    const transform = options.active.value ? "scaleY(-1)" : void 0;
-    return { ...declaration, transform };
-  });
-  return { iconFlipStyles };
+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-BrNh9vG-.js";
+import { t as rfcErrors } from "./rfcErrors-Dw7NLSDp.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 { KdsBadge, KdsButton, KdsIcon, KdsLoadingSkeleton, KdsProgressBar, vKdsTooltip } from "@knime/kds-components";
+import { FetchError, ofetch } from "ofetch";
+import './dataTransfer.css';//#region src/dataTransfer/shared/ui/CollapsiblePanel/useIconFlipper.ts
+var useIconFlipper = (options) => {
+	return { iconFlipStyles: computed(() => {
+		const declaration = {
+			transition: "transform 0.2s linear",
+			transform: "scaleY(1)"
+		};
+		if (options.initialRotation) declaration.rotate = `${options.initialRotation}`;
+		const transform = options.active.value ? "scaleY(-1)" : void 0;
+		return {
+			...declaration,
+			transform
+		};
+	}) };
 };
-
-const _hoisted_1$4 = { class: "title-bar" };
-const _hoisted_2$2 = { class: "actions" };
-const _hoisted_3$1 = ["id"];
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "CollapsiblePanel",
-  props: /* @__PURE__ */ mergeModels({
-    headline: {},
-    canBeDismissed: { type: Boolean, default: false }
-  }, {
-    "modelValue": { type: Boolean, ...{ default: true } },
-    "modelModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["close"], ["update:modelValue"]),
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const modelValue = useModel(__props, "modelValue");
-    const { iconFlipStyles } = useIconFlipper({
-      active: computed(() => modelValue.value),
-      initialRotation: "180deg"
-    });
-    const panelContentId = useId();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["collapsible-panel", { collapsed: !modelValue.value }])
-      }, [
-        createElementVNode("div", _hoisted_1$4, [
-          createTextVNode(toDisplayString(__props.headline) + " ", 1),
-          createElementVNode("div", _hoisted_2$2, [
-            createVNode(unref(KdsButton), {
-              size: "small",
-              variant: "transparent",
-              "leading-icon": "chevron-up",
-              "aria-expanded": modelValue.value,
-              "aria-controls": unref(panelContentId),
-              ariaLabel: modelValue.value ? "Collapse" : "Expand",
-              style: normalizeStyle(unref(iconFlipStyles)),
-              onClick: _cache[0] || (_cache[0] = ($event) => modelValue.value = !modelValue.value)
-            }, null, 8, ["aria-expanded", "aria-controls", "ariaLabel", "style"]),
-            __props.canBeDismissed ? (openBlock(), createBlock(unref(KdsButton), {
-              key: 0,
-              size: "small",
-              variant: "transparent",
-              ariaLabel: "Close",
-              "leading-icon": "x-close",
-              onClick: _cache[1] || (_cache[1] = ($event) => emit("close"))
-            })) : createCommentVNode("", true)
-          ])
-        ]),
-        createVNode(Transition, { name: "expand" }, {
-          default: withCtx(() => [
-            withDirectives(createElementVNode("div", {
-              id: unref(panelContentId),
-              class: "panel-content"
-            }, [
-              renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ], 8, _hoisted_3$1), [
-              [vShow, modelValue.value]
-            ])
-          ]),
-          _: 3
-        })
-      ], 2);
-    };
-  }
-});
-
-const CollapsiblePanel = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-59d71b0b"]]);
-
-const _hoisted_1$3 = { class: "progress-wrapper" };
-const _hoisted_2$1 = { class: "item-info" };
-const _hoisted_3 = { class: "item-name" };
-const _hoisted_4 = { class: "title" };
-const _hoisted_5 = {
-  key: 0,
-  class: "subtitle"
+//#endregion
+//#region src/dataTransfer/shared/ui/CollapsiblePanel/CollapsiblePanel.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$4 = { class: "title-bar" };
+var _hoisted_2$2 = { class: "actions" };
+var _hoisted_3$1 = ["id"];
+//#endregion
+//#region src/dataTransfer/shared/ui/CollapsiblePanel/CollapsiblePanel.vue
+var CollapsiblePanel_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "CollapsiblePanel",
+	props: /*@__PURE__*/ mergeModels({
+		headline: {},
+		canBeDismissed: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"modelValue": {
+			type: Boolean,
+			default: true
+		},
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["close"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const modelValue = useModel(__props, "modelValue");
+		const { iconFlipStyles } = useIconFlipper({
+			active: computed(() => modelValue.value),
+			initialRotation: "180deg"
+		});
+		const panelContentId = useId();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["collapsible-panel", { collapsed: !modelValue.value }]) }, [createElementVNode("div", _hoisted_1$4, [createTextVNode(toDisplayString(__props.headline) + " ", 1), createElementVNode("div", _hoisted_2$2, [createVNode(unref(KdsButton), {
+				size: "small",
+				variant: "transparent",
+				"leading-icon": "chevron-up",
+				"aria-expanded": modelValue.value,
+				"aria-controls": unref(panelContentId),
+				ariaLabel: modelValue.value ? "Collapse" : "Expand",
+				style: normalizeStyle(unref(iconFlipStyles)),
+				onClick: _cache[0] || (_cache[0] = ($event) => modelValue.value = !modelValue.value)
+			}, null, 8, [
+				"aria-expanded",
+				"aria-controls",
+				"ariaLabel",
+				"style"
+			]), __props.canBeDismissed ? (openBlock(), createBlock(unref(KdsButton), {
+				key: 0,
+				size: "small",
+				variant: "transparent",
+				ariaLabel: "Close",
+				"leading-icon": "x-close",
+				onClick: _cache[1] || (_cache[1] = ($event) => emit("close"))
+			})) : createCommentVNode("", true)])]), createVNode(Transition, { name: "expand" }, {
+				default: withCtx(() => [withDirectives(createElementVNode("div", {
+					id: unref(panelContentId),
+					class: "panel-content"
+				}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 8, _hoisted_3$1), [[vShow, modelValue.value]])]),
+				_: 3
+			})], 2);
+		};
+	}
+}), [["__scopeId", "data-v-59d71b0b"]]);
+//#endregion
+//#region src/dataTransfer/shared/ui/ProgressItem/ProgressItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$3 = { class: "progress-wrapper" };
+var _hoisted_2$1 = { class: "item-info" };
+var _hoisted_3 = { class: "item-name" };
+var _hoisted_4 = { class: "title" };
+var _hoisted_5 = {
+	key: 0,
+	class: "subtitle"
 };
-const _hoisted_6 = { class: "item-action" };
-const _hoisted_7 = {
-  key: 0,
-  class: "progress"
+var _hoisted_6 = { class: "item-action" };
+var _hoisted_7 = {
+	key: 0,
+	class: "progress"
 };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "ProgressItem",
-  props: {
-    id: {},
-    headline: {},
-    icon: {},
-    actions: {},
-    subtitle: {},
-    progress: {},
-    badge: {}
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [
-        createElementVNode("div", {
-          class: normalizeClass(["progress-item", { padded: __props.progress === void 0 }])
-        }, [
-          createElementVNode("div", _hoisted_2$1, [
-            createVNode(unref(KdsIcon), { name: __props.icon }, null, 8, ["name"]),
-            createElementVNode("div", _hoisted_3, [
-              withDirectives((openBlock(), createElementBlock("div", _hoisted_4, [
-                createTextVNode(toDisplayString(__props.headline), 1)
-              ])), [
-                [unref(vKdsTooltip), __props.headline, "truncated"]
-              ]),
-              __props.subtitle ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)
-            ])
-          ]),
-          createElementVNode("div", _hoisted_6, [
-            __props.badge ? (openBlock(), createBlock(unref(KdsBadge), {
-              key: 0,
-              variant: __props.badge.variant,
-              label: __props.badge.text,
-              "leading-icon": __props.badge.icon,
-              size: "xxsmall"
-            }, null, 8, ["variant", "label", "leading-icon"])) : createCommentVNode("", true),
-            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.actions.slice(0, 2), (action) => {
-              return openBlock(), createBlock(unref(KdsButton), {
-                key: action.id,
-                "leading-icon": action.icon,
-                ariaLabel: action.label,
-                variant: "transparent",
-                onClick: action.handler
-              }, null, 8, ["leading-icon", "ariaLabel", "onClick"]);
-            }), 128))
-          ])
-        ], 2),
-        typeof __props.progress === "number" ? (openBlock(), createElementBlock("div", _hoisted_7, [
-          createVNode(unref(KdsProgressBar), {
-            percentage: __props.progress,
-            size: "medium"
-          }, null, 8, ["percentage"])
-        ])) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-
-const ProgressItem = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-902ce8bb"]]);
-
-const _sfc_main$4 = {  };
-
-const _hoisted_1$2 = {
-  class: "progress-list",
-  tabindex: "0"
+//#endregion
+//#region src/dataTransfer/shared/ui/ProgressItem/ProgressItem.vue
+var ProgressItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "ProgressItem",
+	props: {
+		id: {},
+		headline: {},
+		icon: {},
+		actions: {},
+		subtitle: {},
+		progress: {},
+		badge: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$3, [createElementVNode("div", { class: normalizeClass(["progress-item", { padded: __props.progress === void 0 }]) }, [createElementVNode("div", _hoisted_2$1, [createVNode(unref(KdsIcon), { name: __props.icon }, null, 8, ["name"]), createElementVNode("div", _hoisted_3, [withDirectives((openBlock(), createElementBlock("div", _hoisted_4, [createTextVNode(toDisplayString(__props.headline), 1)])), [[
+				unref(vKdsTooltip),
+				__props.headline,
+				"truncated"
+			]]), __props.subtitle ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)])]), createElementVNode("div", _hoisted_6, [__props.badge ? (openBlock(), createBlock(unref(KdsBadge), {
+				key: 0,
+				variant: __props.badge.variant,
+				label: __props.badge.text,
+				"leading-icon": __props.badge.icon,
+				size: "xxsmall"
+			}, null, 8, [
+				"variant",
+				"label",
+				"leading-icon"
+			])) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.actions.slice(0, 2), (action) => {
+				return openBlock(), createBlock(unref(KdsButton), {
+					key: action.id,
+					"leading-icon": action.icon,
+					ariaLabel: action.label,
+					variant: "transparent",
+					onClick: action.handler
+				}, null, 8, [
+					"leading-icon",
+					"ariaLabel",
+					"onClick"
+				]);
+			}), 128))])], 2), typeof __props.progress === "number" ? (openBlock(), createElementBlock("div", _hoisted_7, [createVNode(unref(KdsProgressBar), {
+				percentage: __props.progress,
+				size: "medium"
+			}, null, 8, ["percentage"])])) : createCommentVNode("", true)]);
+		};
+	}
+}), [["__scopeId", "data-v-902ce8bb"]]);
+//#endregion
+//#region src/dataTransfer/shared/ui/ProgressList/ProgressList.vue
+var _sfc_main = {};
+var _hoisted_1$2 = {
+	class: "progress-list",
+	tabindex: "0"
 };
-
 function _sfc_render(_ctx, _cache) {
-  return (openBlock(), createElementBlock("div", _hoisted_1$2, [
-    renderSlot(_ctx.$slots, "default", {}, undefined, true)
-  ]))
+	return openBlock(), createElementBlock("div", _hoisted_1$2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]);
 }
-const ProgressList = /*#__PURE__*/_export_sfc(_sfc_main$4, [['render',_sfc_render],['__scopeId',"data-v-8f14a3cb"]]);
-
-const _sfc_main$3 = /* @__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)) {
-        const sizePercentage = props.item.size / 100 * (props.item.progress ?? 0);
-        return formatFileSize(sizePercentage);
-      }
-      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(() => {
-      const extension = getFileExtension(props.item.name);
-      return extension === knimeFileFormats.KNWF.extension ? "workflow" : "file";
-    });
-    const badge = computed(() => {
-      if (!props.item.status) {
-        return void 0;
-      }
-      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), {
-        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"]);
-    };
-  }
-});
-
-const _hoisted_1$1 = { class: "upload-panel-content" };
-const _hoisted_2 = { class: "skeleton-text-content" };
-const _sfc_main$2 = /* @__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), {
-        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), null, {
-              default: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
-                  return openBlock(), createBlock(_sfc_main$3, {
-                    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"]);
-    };
-  }
-});
-
-const UploadProgressPanel = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-15b3eb7d"]]);
-
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "DownloadProgressPanelItem",
-  props: {
-    item: {}
-  },
-  emits: ["cancel", "download"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const statusMapper = {
-      IN_PROGRESS: ["Zipping", "info", "reload"],
-      READY: ["Ready", "success", "circle-info"],
-      CANCELLED: ["Cancelled", "error", "circle-error"],
-      FAILED: ["Failed", "error", "circle-error"]
-    };
-    const badge = computed(() => {
-      const [text, variant, icon] = statusMapper[props.item.status];
-      return {
-        text,
-        variant,
-        icon
-      };
-    });
-    const isCancellable = computed(() => props.item.status === "IN_PROGRESS");
-    const isReady = computed(() => props.item.status === "READY");
-    const actions = computed(() => {
-      const actions2 = [];
-      if (isCancellable.value) {
-        actions2.push({
-          id: "cancel",
-          icon: "x-close",
-          label: "Cancel",
-          handler: () => emit("cancel")
-        });
-      }
-      if (isReady.value) {
-        actions2.push({
-          id: "download",
-          icon: "cloud-download",
-          label: "Download again",
-          handler: () => emit("download")
-        });
-      }
-      return actions2;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ProgressItem), {
-        id: __props.item.downloadId,
-        icon: "file",
-        headline: __props.item.name,
-        badge: badge.value,
-        actions: actions.value
-      }, null, 8, ["id", "headline", "badge", "actions"]);
-    };
-  }
+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"
+			]);
+		};
+	}
 });
-
-const _hoisted_1 = { class: "download-panel-content" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "DownloadProgressPanel",
-  props: /* @__PURE__ */ mergeModels({
-    items: {}
-  }, {
-    "expanded": { type: Boolean, ...{ default: true } },
-    "expandedModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["cancel", "download", "close"], ["update:expanded"]),
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const expanded = useModel(__props, "expanded");
-    const totalItems = computed(() => props.items.length);
-    const totalDownloadedItems = computed(
-      () => props.items.filter(({ status }) => status === "READY").length
-    );
-    const headline = computed(() => {
-      const suffix = `file${totalItems.value > 1 ? "s" : ""}`;
-      return `Downloaded ${totalDownloadedItems.value} of ${totalItems.value} ${suffix}`;
-    });
-    const hasItemsInProgress = computed(
-      () => props.items.some(({ status }) => status === "IN_PROGRESS")
-    );
-    watch(
-      () => props.items?.length,
-      (newValue, oldValue) => {
-        if (oldValue > 0 && !newValue) {
-          emit("close");
-        }
-      }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(CollapsiblePanel), {
-        modelValue: expanded.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => expanded.value = $event),
-        headline: headline.value,
-        class: "download-panel",
-        "can-be-dismissed": !hasItemsInProgress.value,
-        onClose: _cache[1] || (_cache[1] = ($event) => emit("close"))
-      }, {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            createVNode(unref(ProgressList), null, {
-              default: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
-                  return openBlock(), createBlock(_sfc_main$1, {
-                    key: item.downloadId,
-                    item,
-                    onCancel: ($event) => emit("cancel", item),
-                    onDownload: ($event) => emit("download", item)
-                  }, null, 8, ["item", "onCancel", "onDownload"]);
-                }), 128))
-              ]),
-              _: 1
-            })
-          ])
-        ]),
-        _: 1
-      }, 8, ["modelValue", "headline", "can-be-dismissed"]);
-    };
-  }
+//#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",
+	props: { item: {} },
+	emits: ["cancel", "download"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const statusMapper = {
+			IN_PROGRESS: [
+				"Zipping",
+				"info",
+				"reload"
+			],
+			READY: [
+				"Ready",
+				"success",
+				"circle-info"
+			],
+			CANCELLED: [
+				"Cancelled",
+				"error",
+				"circle-error"
+			],
+			FAILED: [
+				"Failed",
+				"error",
+				"circle-error"
+			]
+		};
+		const badge = computed(() => {
+			const [text, variant, icon] = statusMapper[props.item.status];
+			return {
+				text,
+				variant,
+				icon
+			};
+		});
+		const isCancellable = computed(() => props.item.status === "IN_PROGRESS");
+		const isReady = computed(() => props.item.status === "READY");
+		const actions = computed(() => {
+			const actions = [];
+			if (isCancellable.value) actions.push({
+				id: "cancel",
+				icon: "x-close",
+				label: "Cancel",
+				handler: () => emit("cancel")
+			});
+			if (isReady.value) actions.push({
+				id: "download",
+				icon: "cloud-download",
+				label: "Download again",
+				handler: () => emit("download")
+			});
+			return actions;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ProgressItem_default), {
+				id: __props.item.downloadId,
+				icon: "file",
+				headline: __props.item.name,
+				badge: badge.value,
+				actions: actions.value
+			}, null, 8, [
+				"id",
+				"headline",
+				"badge",
+				"actions"
+			]);
+		};
+	}
 });
-
-const DownloadProgressPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-53e10d80"]]);
-
-//#region src/predicate/isPlainObject.ts
+//#endregion
+//#region src/dataTransfer/download/ui/DownloadProgressPanel.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "download-panel-content" };
+//#endregion
+//#region src/dataTransfer/download/ui/DownloadProgressPanel.vue
+var DownloadProgressPanel_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "DownloadProgressPanel",
+	props: /*@__PURE__*/ mergeModels({ items: {} }, {
+		"expanded": {
+			type: Boolean,
+			default: true
+		},
+		"expandedModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels([
+		"cancel",
+		"download",
+		"close"
+	], ["update:expanded"]),
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const expanded = useModel(__props, "expanded");
+		const totalItems = computed(() => props.items.length);
+		const totalDownloadedItems = computed(() => props.items.filter(({ status }) => status === "READY").length);
+		const headline = computed(() => {
+			const suffix = `file${totalItems.value > 1 ? "s" : ""}`;
+			return `Downloaded ${totalDownloadedItems.value} of ${totalItems.value} ${suffix}`;
+		});
+		const hasItemsInProgress = computed(() => props.items.some(({ status }) => status === "IN_PROGRESS"));
+		watch(() => props.items?.length, (newValue, oldValue) => {
+			if (oldValue > 0 && !newValue) emit("close");
+		});
+		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: "download-panel",
+				"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(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+						return openBlock(), createBlock(DownloadProgressPanelItem_default, {
+							key: item.downloadId,
+							item,
+							onCancel: ($event) => emit("cancel", item),
+							onDownload: ($event) => emit("download", item)
+						}, null, 8, [
+							"item",
+							"onCancel",
+							"onDownload"
+						]);
+					}), 128))]),
+					_: 1
+				})])]),
+				_: 1
+			}, 8, [
+				"modelValue",
+				"headline",
+				"can-be-dismissed"
+			]);
+		};
+	}
+}), [["__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.
 *
@@ -495,8 +509,8 @@ function isPlainObject(value) {
 	if (!(proto === null || proto === Object.prototype || Object.getPrototypeOf(proto) === null)) return false;
 	return Object.prototype.toString.call(value) === "[object Object]";
 }
-
-//#region src/_internal/isUnsafeProperty.ts
+//#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.
 *
@@ -510,8 +524,8 @@ function isPlainObject(value) {
 function isUnsafeProperty(key) {
 	return key === "__proto__";
 }
-
-//#region src/object/merge.ts
+//#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.
 *
@@ -569,671 +583,711 @@ function merge(target, source) {
 function isMergeableValue(value) {
 	return isPlainObject(value) || Array.isArray(value);
 }
-
-const API_BASE_URL = "/_/api";
-
-const defaultConfig = {
-  baseURL: API_BASE_URL,
-  headers: {
-    "Content-Type": "application/json",
-    // see: https://knime-com.atlassian.net/wiki/spaces/SPECS/pages/4126769212/API+Errors#Client-Request-Headers
-    Accept: "application/json; application/problem+json"
-  }
+//#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"
+	}
 };
-const createHttpClient = (customOptions) => {
-  const { baseURL = API_BASE_URL, ...otherCustomOptions } = customOptions ?? {};
-  return ofetch.create(
-    merge({ baseURL, ...otherCustomOptions }, defaultConfig)
-  );
+var createHttpClient = (customOptions) => {
+	const { baseURL = API_BASE_URL, ...otherCustomOptions } = customOptions ?? {};
+	return ofetch.create(merge({
+		baseURL,
+		...otherCustomOptions
+	}, defaultConfig));
 };
-
-const CHUNK_SIZE = 50 * 1024 * 1024;
-const DEFAULT_RETRY_COUNT = 5;
-const DEFAULT_RETRY_DELAY_MS$1 = 50;
-const 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) {
-        const etag = xhr.getResponseHeader("ETag");
-        resolve({ partId: etag?.replace(/^(?:W\/)?"|"$/g, "") ?? "" });
-      } else {
-        consola.error("Failed or unexpected XHR response", {
-          xhrStatus: xhr.status,
-          xhrResponse: xhr.response,
-          chunkIndex
-        });
-        reject(new Error("Failed to upload file"));
-      }
-    };
-    xhr.onerror = (event) => {
-      consola.error("Failed to upload chunk", {
-        xhrErrorEvent: event,
-        chunkIndex
-      });
-      reject(new Error("Failed to upload file"));
-    };
-    xhr.send(chunk);
-  });
+//#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);
+	});
 };
-const 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
-    });
-  };
-  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 index.AbortError(
-        `Upload (${currentState.uploadId}) for file "${currentState.file.name}" aborted. Reason: "${reason}"`
-      )
-    );
-  };
-  const cancel = (uploadId) => {
-    if (!uploadStateMap.has(uploadId)) {
-      consola.error("cancel:: Invalid upload id");
-      return;
-    }
-    setUploadState(uploadId, { state: "cancelled" });
-    abortInFlightUpload(uploadId, "upload cancelled");
-    cancelledUploads.add(uploadId);
-  };
-  const setFailed = (uploadId, error) => {
-    if (!uploadStateMap.has(uploadId)) {
-      consola.error("failed:: Invalid upload id");
-      return;
-    }
-    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 } = index.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 index.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(
-          () => index.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 index.AbortError) {
-          consola.info("Aborted::", error);
-          return;
-        }
-        setFailed(
-          uploadId,
-          error instanceof Error ? error : new Error(error)
-        );
-        return;
-      }
-      chunkIndex++;
-    }
-    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
-      };
-    });
-  };
-  return {
-    uploadFiles,
-    getUploadState,
-    isFailed,
-    isCancelled,
-    cancel,
-    setFailed
-  };
+/**
+* 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:
+*
+* - **Chunked File Uploads**: Splits provided files into manageable chunks and initiates the upload
+*   for each part using the `resolveFilePartUploadURL` function provided in the configuration.
+*
+* - **Retry Mechanism**: Automatically retries failed upload attempts up to a maximum of 5 times
+*   per failed request.
+*
+* - **Upload Cancellation**: Allows cancellation of ongoing uploads, giving users control over the process.
+*
+* - **Progress Tracking**: Monitors the progress of each file part upload and triggers the `onProgress`
+*   callback to provide updates.
+*
+* - **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.
+*
+*/
+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
+		});
+	};
+	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 cancel = (uploadId) => {
+		if (!uploadStateMap.has(uploadId)) {
+			consola.error("cancel:: Invalid upload id");
+			return;
+		}
+		setUploadState(uploadId, { state: "cancelled" });
+		abortInFlightUpload(uploadId, "upload cancelled");
+		cancelledUploads.add(uploadId);
+	};
+	const setFailed = (uploadId, error) => {
+		if (!uploadStateMap.has(uploadId)) {
+			consola.error("failed:: Invalid upload id");
+			return;
+		}
+		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));
+				return;
+			}
+			chunkIndex++;
+		}
+		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
+			};
+		});
+	};
+	return {
+		uploadFiles,
+		getUploadState,
+		isFailed,
+		isCancelled,
+		cancel,
+		setFailed
+	};
 };
-
-const useUploadManager = (options) => {
-  const uploadState = ref({});
-  const { uploadFiles, cancel, setFailed } = createUploadManager({
-    ...options,
-    onFileUploadComplete: (params) => {
-      const { parentId, name } = uploadState.value[params.uploadId];
-      uploadState.value[params.uploadId].status = "complete";
-      options.onFileUploadComplete?.({ ...params, parentId, name });
-    },
-    onFileUploadFailed: ({ uploadId, error }) => {
-      const { parentId } = uploadState.value[uploadId];
-      uploadState.value[uploadId] = {
-        ...uploadState.value[uploadId],
-        status: "failed",
-        failureDetails: error.message
-      };
-      options.onFileUploadFailed?.({ uploadId, error, parentId });
-    },
-    onProgress: (uploadId, progress) => {
-      if (uploadState.value[uploadId].status === "inprogress") {
-        uploadState.value[uploadId].progress = progress;
-      }
-    }
-  });
-  const start = async (parentId, uploadPayload) => {
-    try {
-      uploadPayload.forEach(({ uploadId, file }) => {
-        uploadState.value[uploadId] = {
-          id: uploadId,
-          name: file.name,
-          size: file.size,
-          progress: 0,
-          status: "inprogress",
-          parentId
-        };
-      });
-      await uploadFiles(uploadPayload);
-    } catch (error) {
-      consola.error("Error uploading files", error);
-    }
-  };
-  const canCancel = (uploadId) => uploadState.value[uploadId]?.status === "inprogress" || uploadState.value[uploadId]?.status === "failed";
-  const removeItem = (uploadId) => {
-    if (canCancel(uploadId)) {
-      cancel(uploadId);
-    }
-    delete uploadState.value[uploadId];
-  };
-  const resetState = () => {
-    uploadState.value = {};
-  };
-  const uploadItems = computed(() => Object.values(uploadState.value));
-  const hasPendingUploads = computed(
-    () => uploadItems.value.some(({ status }) => status === "inprogress")
-  );
-  const totalPendingUploads = computed(
-    () => uploadItems.value.filter(({ status }) => status === "inprogress").length
-  );
-  return {
-    uploadState,
-    hasPendingUploads,
-    totalPendingUploads,
-    start,
-    cancel: (uploadId) => {
-      cancel(uploadId);
-      uploadState.value[uploadId].status = "cancelled";
-    },
-    canCancel,
-    removeItem,
-    resetState,
-    setFailed: (uploadId, error) => {
-      uploadState.value[uploadId] = {
-        ...uploadState.value[uploadId],
-        status: "failed",
-        failureDetails: error.message
-      };
-      setFailed(uploadId, error);
-    }
-  };
+//#endregion
+//#region src/dataTransfer/upload/ui/useUploadManager.ts
+/**
+* This composable wraps the `uploadManager` utility
+* in order to provide reactive state which will work tightly with the `UploadProgressPanel` component
+*
+* The reactive state returned (`uploadItems`) will update whenever the progress
+* or status of each item being uploaded changes
+*/
+var useUploadManager = (options) => {
+	const uploadState = ref({});
+	const { uploadFiles, cancel, setFailed } = createUploadManager({
+		...options,
+		onFileUploadComplete: (params) => {
+			const { parentId, name } = uploadState.value[params.uploadId];
+			uploadState.value[params.uploadId].status = "complete";
+			options.onFileUploadComplete?.({
+				...params,
+				parentId,
+				name
+			});
+		},
+		onFileUploadFailed: ({ uploadId, error }) => {
+			const { parentId } = uploadState.value[uploadId];
+			uploadState.value[uploadId] = {
+				...uploadState.value[uploadId],
+				status: "failed",
+				failureDetails: error.message
+			};
+			options.onFileUploadFailed?.({
+				uploadId,
+				error,
+				parentId
+			});
+		},
+		onProgress: (uploadId, progress) => {
+			if (uploadState.value[uploadId].status === "inprogress") uploadState.value[uploadId].progress = progress;
+		}
+	});
+	const start = async (parentId, uploadPayload) => {
+		try {
+			uploadPayload.forEach(({ uploadId, file }) => {
+				uploadState.value[uploadId] = {
+					id: uploadId,
+					name: file.name,
+					size: file.size,
+					progress: 0,
+					status: "inprogress",
+					parentId
+				};
+			});
+			await uploadFiles(uploadPayload);
+		} catch (error) {
+			consola.error("Error uploading files", error);
+		}
+	};
+	const canCancel = (uploadId) => uploadState.value[uploadId]?.status === "inprogress" || uploadState.value[uploadId]?.status === "failed";
+	const removeItem = (uploadId) => {
+		if (canCancel(uploadId)) cancel(uploadId);
+		delete uploadState.value[uploadId];
+	};
+	const resetState = () => {
+		uploadState.value = {};
+	};
+	const uploadItems = computed(() => Object.values(uploadState.value));
+	return {
+		uploadState,
+		hasPendingUploads: computed(() => uploadItems.value.some(({ status }) => status === "inprogress")),
+		totalPendingUploads: computed(() => uploadItems.value.filter(({ status }) => status === "inprogress").length),
+		start,
+		cancel: (uploadId) => {
+			cancel(uploadId);
+			uploadState.value[uploadId].status = "cancelled";
+		},
+		canCancel,
+		removeItem,
+		resetState,
+		setFailed: (uploadId, error) => {
+			uploadState.value[uploadId] = {
+				...uploadState.value[uploadId],
+				status: "failed",
+				failureDetails: error.message
+			};
+			setFailed(uploadId, error);
+		}
+	};
 };
-
-const DEFAULT_MAX_UPLOAD_QUEUE_SIZE = 10;
-const DEFAULT_UPLOAD_SIZE_LIMIT_BYTES = 5 * 1024 * 1024 * 1024;
-const DEFAULT_RETRY_DELAY_MS = 50;
-const getUploadSizeLimitBytes = () => DEFAULT_UPLOAD_SIZE_LIMIT_BYTES;
-const useFileUpload = (options = {}) => {
-  const $ofetch = createHttpClient(options.customFetchClientOptions);
-  const prepareUpload = (parentId, files) => {
-    const fileDictionary = Object.fromEntries(
-      files.map((file) => {
-        const name = knimeFileFormats.KNWF.getNameOrDefault(file, file.name);
-        return [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: items2 }) => {
-      return Object.keys(items2).map((name) => {
-        const { uploadId } = items2[name];
-        const file = fileDictionary[name];
-        return { uploadId, file };
-      });
-    });
-  };
-  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);
-  let useUploadManagerResult = null;
-  const setProcessingCompleted = ({ uploadId }) => {
-    unprocessedUploads.delete(uploadId);
-  };
-  const setProcessingFailed = ({
-    uploadId,
-    error
-  }) => {
-    unprocessedUploads.delete(uploadId);
-    useUploadManagerResult?.setFailed(
-      uploadId,
-      error ?? new Error("An error occurred when processing the file")
-    );
-  };
-  useUploadManagerResult = useUploadManager({
-    resolveFilePartUploadURL,
-    onFileUploadComplete: ({ uploadId, filePartIds, parentId, name }) => {
-      index.retryPromise({ fn: () => completeUpload(uploadId, filePartIds) }).then(() => {
-        options.onFileUploadComplete?.({
-          uploadId,
-          filePartIds,
-          parentId,
-          name
-        });
-      }).catch((error) => {
-        consola.error("Error attempting to complete upload", { error });
-        setProcessingFailed({ uploadId, error });
-      });
-    },
-    onFileUploadFailed: ({ uploadId, error, parentId }) => {
-      options?.onFileUploadFailed?.({ uploadId, error, parentId });
-    }
-  });
-  const getEnqueueableFiles = (files) => {
-    const { totalPendingUploads } = useUploadManagerResult;
-    const { maxUploadQueueSize = DEFAULT_MAX_UPLOAD_QUEUE_SIZE } = options;
-    if (files.length + totalPendingUploads.value > maxUploadQueueSize) {
-      options.onUploadQueueSizeExceeded?.(maxUploadQueueSize);
-    }
-    const effectiveQueueSize = Math.max(
-      0,
-      maxUploadQueueSize - totalPendingUploads.value
-    );
-    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);
-  return {
-    ...uploadManagerResultRest,
-    uploadQueue,
-    unprocessedUploads: readonly(unprocessedUploads),
-    setProcessingCompleted,
-    setProcessingFailed,
-    isPreparingUpload: computed(() => prepareQueueSize.value > 0),
-    totalFilesBeingPrepared: computed(() => prepareQueueSize.value),
-    start: async (parentId, files, options2 = {}) => {
-      const { isFileWithProcessing = isKNWFFile } = options2;
-      const enqueueableFiles = getEnqueueableFiles(files);
-      const uploadSizeLimitBytes = getUploadSizeLimitBytes();
-      const oversizedFiles = enqueueableFiles.filter(
-        (file) => file.size > uploadSizeLimitBytes
-      );
-      if (oversizedFiles.length > 0) {
-        throw new rfcErrors.RFCError({
-          title: "Upload size limit exceeded",
-          status: 413,
-          details: oversizedFiles.map(
-            (file) => `${file.name} (${formatFileSize(file.size)}) exceeds the upload limit of ${formatFileSize(uploadSizeLimitBytes)}.`
-          )
-        });
-      }
-      try {
-        if (enqueueableFiles.length === 0) {
-          return [];
-        }
-        prepareQueueSize.value += enqueueableFiles.length;
-        const uploadPayload = await index.retryPromise({
-          fn: () => prepareUpload(parentId, enqueueableFiles),
-          excludeError: (error) => (
-            // eslint-disable-next-line no-magic-numbers
-            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;
-      } catch (error) {
-        throw rfcErrors.tryParse(error) ?? error;
-      } finally {
-        prepareQueueSize.value -= enqueueableFiles.length;
-      }
-    },
-    cancel: (uploadId) => {
-      useUploadManagerResult.cancel(uploadId);
-      cancelUpload(uploadId).catch((error) => {
-        consola.error("There was a problem cancelling the upload", { error });
-      });
-    }
-  };
+//#endregion
+//#region src/dataTransfer/upload/useFileUpload.ts
+var DEFAULT_MAX_UPLOAD_QUEUE_SIZE = 10;
+var DEFAULT_UPLOAD_SIZE_LIMIT_BYTES = 5 * 1024 * 1024 * 1024;
+var DEFAULT_RETRY_DELAY_MS = 50;
+var getUploadSizeLimitBytes = () => DEFAULT_UPLOAD_SIZE_LIMIT_BYTES;
+/**
+* This composable handles uploads of data to a hub repository item (space or workflow group).
+* It is a multi-step process which is described as follows:
+*
+* Step 1:
+* First we need to prepare an upload. The items will be uploaded to a `parent` container
+* identified by its id. Then, for each file we want to upload, we must provide paths relative
+* to the parent that identify each file. Example:
+*  ```
+*   {
+*      "items": {
+*          "my-file.txt": { itemContentType: "text/plain", itemContentSize: 5000 },
+*          "folder/my-file.zip": { itemContentType: "application/zip", itemContentSize: 5000 },
+*      }
+*   }
+*  ```
+* This describes 2 items, one placed in the parent's root and another inside a folder.
+* The response for this would look like:
+*  ```
+*   {
+*      "items": {
+*          "my-file.txt": { uploadId: "id1" },
+*          "folder/my-file.zip": { uploadId: "id2" },
+*      }
+*   }
+*  ```
+* Now, each corresponding `uploadId` uniquely identifies the upload process for
+* their respective files.
+*
+* Step 2:
+* Next, we need to start uploading the file parts. Technically, you _can_ just upload
+* each file as one big file "part", but practically that is not recommended because a hiccup
+* in the connection means you would have to start the upload from scratch; instead, we split
+* the files in smaller parts.
+* The upload manager helper will take care of splitting the file. However, the responsibility
+* of this composable is to supply a function to resolve the upload URL. This upload URL is obtained
+* by POSTing to an endpoint with the `uploadId` and the `partNumber` and this will return
+* the data required to make an upload to a presigned URL; this will be called for each file part.
+*
+* Step 3:
+* Completion:
+* Once the upload of a single file is complete, the upload manager will trigger the `onFileUploadComplete`
+* callback, which then will supply the ids of all the different parts that got uploaded for a given `uploadId`
+* Then we need to "complete" the upload by sending a request which provides the `uploadId` and a list of
+* the ids of all the parts. Note that some backends don't return the ids of the file parts after a successful
+* upload of a part, in this case empty strings or null can be used instead of the part id.
+*
+* Cancellation:
+* 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);
+	let useUploadManagerResult = null;
+	const setProcessingCompleted = ({ uploadId }) => {
+		unprocessedUploads.delete(uploadId);
+	};
+	const setProcessingFailed = ({ uploadId, error }) => {
+		unprocessedUploads.delete(uploadId);
+		useUploadManagerResult?.setFailed(uploadId, error ?? /* @__PURE__ */ new Error("An error occurred when processing the file"));
+	};
+	useUploadManagerResult = useUploadManager({
+		resolveFilePartUploadURL,
+		onFileUploadComplete: ({ uploadId, filePartIds, parentId, name }) => {
+			promise_exports.retryPromise({ fn: () => completeUpload(uploadId, filePartIds) }).then(() => {
+				options.onFileUploadComplete?.({
+					uploadId,
+					filePartIds,
+					parentId,
+					name
+				});
+			}).catch((error) => {
+				consola.error("Error attempting to complete upload", { error });
+				setProcessingFailed({
+					uploadId,
+					error
+				});
+			});
+		},
+		onFileUploadFailed: ({ uploadId, error, parentId }) => {
+			options?.onFileUploadFailed?.({
+				uploadId,
+				error,
+				parentId
+			});
+		}
+	});
+	const getEnqueueableFiles = (files) => {
+		const { totalPendingUploads } = useUploadManagerResult;
+		const { maxUploadQueueSize = DEFAULT_MAX_UPLOAD_QUEUE_SIZE } = options;
+		if (files.length + totalPendingUploads.value > maxUploadQueueSize) options.onUploadQueueSizeExceeded?.(maxUploadQueueSize);
+		const effectiveQueueSize = Math.max(0, maxUploadQueueSize - totalPendingUploads.value);
+		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);
+	return {
+		...uploadManagerResultRest,
+		uploadQueue,
+		unprocessedUploads: readonly(unprocessedUploads),
+		setProcessingCompleted,
+		setProcessingFailed,
+		isPreparingUpload: computed(() => prepareQueueSize.value > 0),
+		totalFilesBeingPrepared: computed(() => prepareQueueSize.value),
+		start: async (parentId, files, options = {}) => {
+			const { isFileWithProcessing = isKNWFFile } = options;
+			const enqueueableFiles = getEnqueueableFiles(files);
+			const uploadSizeLimitBytes = getUploadSizeLimitBytes();
+			const oversizedFiles = enqueueableFiles.filter((file) => file.size > uploadSizeLimitBytes);
+			if (oversizedFiles.length > 0) throw new rfcErrors.RFCError({
+				title: "Upload size limit exceeded",
+				status: 413,
+				details: oversizedFiles.map((file) => `${file.name} (${formatFileSize(file.size)}) exceeds the upload limit of ${formatFileSize(uploadSizeLimitBytes)}.`)
+			});
+			try {
+				if (enqueueableFiles.length === 0) return [];
+				prepareQueueSize.value += enqueueableFiles.length;
+				const uploadPayload = await promise_exports.retryPromise({
+					fn: () => prepareUpload(parentId, enqueueableFiles),
+					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;
+			} catch (error) {
+				throw rfcErrors.tryParse(error) ?? error;
+			} finally {
+				prepareQueueSize.value -= enqueueableFiles.length;
+			}
+		},
+		cancel: (uploadId) => {
+			useUploadManagerResult.cancel(uploadId);
+			cancelUpload(uploadId).catch((error) => {
+				consola.error("There was a problem cancelling the upload", { error });
+			});
+		}
+	};
 };
-
-const DEFAULT_MAX_RETRIES = null;
-const DEFAULT_POLLING_INTERVAL = 2e3;
-const hasDownloadUrl = (response) => {
-  return "downloadUrl" in response;
+//#endregion
+//#region src/dataTransfer/download/useDownloadArtifact.ts
+var DEFAULT_MAX_RETRIES = null;
+var DEFAULT_POLLING_INTERVAL = 2e3;
+var hasDownloadUrl = (response) => {
+	return "downloadUrl" in response;
 };
-const isAbortError = (error) => error instanceof DOMException && error.name === "AbortError";
-const 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);
-  };
-  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);
-      const isAborted = isAbortError(error) || error instanceof FetchError && isAbortError(error.cause);
-      if (!isAborted) {
-        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);
-      const isTerminalState = await handlePollingResult({ downloadId, signal });
-      if (isTerminalState) {
-        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 = {};
-  };
-  const downloadItemsArray = computed(() => Object.values(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: downloadItemsArray,
-    /**
-     * 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
-  };
+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, DownloadProgressPanel_default as DownloadProgressPanel, UploadProgressPanel_default as UploadProgressPanel, createHttpClient, defaultConfig, useDownloadArtifact, useFileUpload };
 
-export { API_BASE_URL, DownloadProgressPanel, UploadProgressPanel, createHttpClient, defaultConfig, useDownloadArtifact, useFileUpload };
-//# sourceMappingURL=dataTransfer.js.map
+//# sourceMappingURL=dataTransfer.js.map