@fde-desktop/fde-core 0.4.6 → 0.4.8

package/dist/UploaderApp-C9W_yCT-.js

@@ -0,0 +1,487 @@
+import { L as e, N as t, O as n, P as r, c as i, d as a, i as o, j as s, k as c, l, r as u, t as d, x as f } from "./Box-DRm8EabO.js";
+import { t as p } from "./create-safe-context-XT2cxc14.js";
+import { c as m, s as h } from "./TextInput-C3qfxxWI.js";
+import { r as g, t as _ } from "./use-merged-ref-BT8_u6vW.js";
+import { i as v, r as y, t as b } from "./DownloadProgress-hdupSUBT.js";
+import { t as x } from "./UnstyledButton-CI3kyRck.js";
+import { t as S } from "./Paper-DtUYKmYn.js";
+import { t as C } from "./Group-BzwlMeob.js";
+import { o as w } from "./getRuntime-CCRXVzJH.js";
+import { t as T } from "./CheckIcon-C3WjIR2i.js";
+import { t as E } from "./Button-k7SxX1Xl.js";
+import { n as D, o as O, x as k } from "./desktopStore-B0R1-BeA.js";
+import { t as A } from "./useOpenApp-JHCPTBWa.js";
+import { t as j } from "./useTranslation-DMRGdqZi.js";
+import { i as M } from "./useDynamicIcon-GJg3vWsJ.js";
+import { i as N } from "./FilePickerApp-DMGuvahM.js";
+import { Activity as P, Children as F, cloneElement as I, createElement as L, useCallback as R, useRef as z, useState as B } from "react";
+import { Fragment as V, jsx as H, jsxs as U } from "react/jsx-runtime";
+//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/FileButton/FileButton.mjs
+var W = o((e) => {
+	let { onChange: t, children: n, multiple: r, accept: i, name: a, form: o, resetRef: s, disabled: c, capture: u, inputProps: d, ref: f, ...p } = l("FileButton", null, e), m = z(null), h = () => {
+		!c && m.current?.click();
+	};
+	return _(s, () => {
+		m.current && (m.current.value = "");
+	}), /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H("input", {
+		style: { display: "none" },
+		type: "file",
+		accept: i,
+		multiple: r,
+		onChange: (e) => {
+			if (e.currentTarget.files === null) return t(r ? [] : null);
+			t(r ? Array.from(e.currentTarget.files) : e.currentTarget.files[0] || null);
+		},
+		ref: g(f, m),
+		name: a,
+		form: o,
+		capture: u,
+		...d
+	}), n({
+		onClick: h,
+		...p
+	})] });
+});
+W.displayName = "@mantine/core/FileButton";
+//#endregion
+//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/Stepper/Stepper.context.mjs
+var [G, K] = p("Stepper component was not found in tree"), q = () => null;
+q.displayName = "@mantine/core/StepperCompleted";
+//#endregion
+//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/Stepper/Stepper.module.mjs
+var J = {
+	root: "m_cbb4ea7e",
+	steps: "m_aaf89d0b",
+	separator: "m_2a371ac9",
+	content: "m_78da155d",
+	step: "m_cbb57068",
+	"step--horizontal": "m_f56b1e2c",
+	"step--vertical": "m_833edb7e",
+	verticalSeparator: "m_6496b3f3",
+	stepWrapper: "m_818e70b",
+	stepIcon: "m_1959ad01",
+	stepIconContent: "m_8faaac38",
+	stepCompletedIcon: "m_a79331dc",
+	stepBody: "m_1956aa2a",
+	stepLabel: "m_12051f6c",
+	stepDescription: "m_164eea74"
+}, Y = (e, t) => typeof e == "function" ? /* @__PURE__ */ H(e, { step: t || 0 }) : e, ee = {
+	withIcon: !0,
+	allowStepClick: !0,
+	iconPosition: "left"
+}, X = u((e) => {
+	let { classNames: t, className: n, style: r, styles: i, vars: o, step: s, state: c, color: u, icon: d, completedIcon: p, progressIcon: g, label: _, description: v, withIcon: y, iconSize: b, loading: S, allowStepClick: C, allowStepSelect: w, iconPosition: E, orientation: D, mod: O, ...k } = l("StepperStep", ee, e), A = K(), j = a(), M = {
+		classNames: t,
+		styles: i
+	}, N = c === "stepCompleted" ? null : c === "stepProgress" ? g : d, P = {
+		"data-progress": c === "stepProgress" || void 0,
+		"data-completed": c === "stepCompleted" || void 0
+	};
+	return /* @__PURE__ */ U(x, {
+		...A.getStyles("step", {
+			className: n,
+			style: r,
+			variant: A.orientation,
+			...M
+		}),
+		mod: [{
+			"icon-position": E || A.iconPosition,
+			"allow-click": C
+		}, O],
+		...P,
+		...k,
+		__vars: { "--step-color": u ? f(u, j) : void 0 },
+		tabIndex: C ? 0 : -1,
+		children: [y && /* @__PURE__ */ U("span", {
+			...A.getStyles("stepWrapper", M),
+			children: [/* @__PURE__ */ U("span", {
+				...A.getStyles("stepIcon", M),
+				...P,
+				children: [/* @__PURE__ */ H(m, {
+					mounted: c === "stepCompleted",
+					transition: "pop",
+					duration: 200,
+					children: (e) => /* @__PURE__ */ H("span", {
+						...A.getStyles("stepCompletedIcon", {
+							style: e,
+							...M
+						}),
+						children: S ? /* @__PURE__ */ H(h, {
+							color: "var(--mantine-color-white)",
+							size: "calc(var(--stepper-icon-size) / 2)",
+							...A.getStyles("stepLoader", M)
+						}) : Y(p, s) || /* @__PURE__ */ H(T, { size: "60%" })
+					})
+				}), c === "stepCompleted" ? null : /* @__PURE__ */ H("span", {
+					...A.getStyles("stepIconContent", M),
+					children: S ? /* @__PURE__ */ H(h, {
+						...A.getStyles("stepLoader", M),
+						size: "calc(var(--stepper-icon-size) / 2)",
+						color: u
+					}) : Y(N || d, s)
+				})]
+			}), D === "vertical" && /* @__PURE__ */ H("span", {
+				...A.getStyles("verticalSeparator", M),
+				"data-active": c === "stepCompleted" || void 0
+			})]
+		}), (_ || v) && /* @__PURE__ */ U("span", {
+			...A.getStyles("stepBody", M),
+			"data-orientation": A.orientation,
+			"data-icon-position": E || A.iconPosition,
+			children: [_ && /* @__PURE__ */ H("span", {
+				...A.getStyles("stepLabel", M),
+				children: Y(_, s)
+			}), v && /* @__PURE__ */ H("span", {
+				...A.getStyles("stepDescription", M),
+				children: Y(v, s)
+			})]
+		})]
+	});
+});
+X.classes = J, X.displayName = "@mantine/core/StepperStep";
+//#endregion
+//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/Stepper/Stepper.mjs
+var te = {
+	orientation: "horizontal",
+	iconPosition: "left",
+	allowNextStepsSelect: !0,
+	wrap: !0
+}, Z = n((n, { color: i, iconSize: a, size: o, contentPadding: l, radius: u, autoContrast: d }) => ({ root: {
+	"--stepper-color": i ? f(i, n) : void 0,
+	"--stepper-icon-color": y(d, n) ? v({
+		color: i,
+		theme: n,
+		autoContrast: d
+	}) : void 0,
+	"--stepper-icon-size": a === void 0 ? t(o, "stepper-icon-size") : e(a),
+	"--stepper-content-padding": r(l),
+	"--stepper-radius": u === void 0 ? void 0 : s(u),
+	"--stepper-fz": c(o),
+	"--stepper-spacing": r(o)
+} })), Q = u((e) => {
+	let t = l("Stepper", te, e), { classNames: n, className: r, style: a, styles: o, unstyled: s, vars: c, children: u, onStepClick: f, active: p, icon: m, completedIcon: h, progressIcon: g, color: _, iconSize: v, contentPadding: y, orientation: b, iconPosition: x, size: S, radius: C, allowNextStepsSelect: w, wrap: T, autoContrast: E, keepMounted: D, attributes: O, ...k } = t, A = i({
+		name: "Stepper",
+		classes: J,
+		props: t,
+		className: r,
+		style: a,
+		classNames: n,
+		styles: o,
+		unstyled: s,
+		attributes: O,
+		vars: c,
+		varsResolver: Z
+	}), j = F.toArray(u), M = j.filter((e) => e.type !== q), N = j.find((e) => e.type === q), R = M.reduce((e, t, n) => {
+		let r = p === n ? "stepProgress" : p > n ? "stepCompleted" : "stepInactive", i = typeof f == "function" ? typeof t.props.allowStepSelect == "boolean" ? t.props.allowStepSelect : r === "stepCompleted" || w : !1;
+		return e.push(I(t, {
+			icon: t.props.icon || m || n + 1,
+			key: n,
+			step: n,
+			state: r,
+			onClick: () => i && f?.(n),
+			allowStepClick: i,
+			completedIcon: t.props.completedIcon || h,
+			progressIcon: t.props.progressIcon || g,
+			color: t.props.color || _,
+			iconSize: v,
+			iconPosition: t.props.iconPosition || x,
+			orientation: b
+		})), b === "horizontal" && n !== M.length - 1 && e.push(/* @__PURE__ */ L("div", {
+			...A("separator"),
+			"data-active": n < p || void 0,
+			"data-orientation": b,
+			key: `separator-${n}`
+		})), e;
+	}, []), z = M[p]?.props?.children, B = N?.props?.children, W = p > M.length - 1 ? B : z, K = D ? /* @__PURE__ */ U(V, { children: [M.map((e, t) => /* @__PURE__ */ H(P, {
+		mode: p === t ? "visible" : "hidden",
+		children: /* @__PURE__ */ H("div", {
+			...A("content"),
+			children: e.props.children
+		})
+	}, t)), N && /* @__PURE__ */ H(P, {
+		mode: p > M.length - 1 ? "visible" : "hidden",
+		children: /* @__PURE__ */ H("div", {
+			...A("content"),
+			children: N.props.children
+		})
+	})] }) : W && /* @__PURE__ */ H("div", {
+		...A("content"),
+		children: W
+	});
+	return /* @__PURE__ */ H(G, {
+		value: {
+			getStyles: A,
+			orientation: b,
+			iconPosition: x
+		},
+		children: /* @__PURE__ */ U(d, {
+			...A("root"),
+			size: S,
+			...k,
+			children: [/* @__PURE__ */ H(d, {
+				...A("steps"),
+				mod: {
+					orientation: b,
+					"icon-position": x,
+					wrap: T && b !== "vertical"
+				},
+				children: R
+			}), K]
+		})
+	});
+});
+Q.classes = J, Q.varsResolver = Z, Q.displayName = "@mantine/core/Stepper", Q.Completed = q, Q.Step = X;
+//#endregion
+//#region src/utils/formatBytes.ts
+function ne(e) {
+	if (e === 0) return "0 B";
+	let t = 1024, n = [
+		"B",
+		"KB",
+		"MB",
+		"GB",
+		"TB"
+	], r = Math.floor(Math.log(e) / Math.log(t)), i = Math.min(r, n.length - 1);
+	return `${parseFloat((e / t ** +i).toFixed(1))} ${n[i]}`;
+}
+var $ = {
+	container: "_container_1xc3a_1",
+	backgroundIcon: "_backgroundIcon_1xc3a_13",
+	stepper: "_stepper_1xc3a_23",
+	fileInfo: "_fileInfo_1xc3a_30",
+	resultPaper: "_resultPaper_1xc3a_37",
+	resultIcon: "_resultIcon_1xc3a_49",
+	readyContainer: "_readyContainer_1xc3a_53"
+}, re = ({ window: e }) => {
+	let { t } = j("apps"), n = O((e) => e.createFile), r = A(), [i, a] = B(0), [o, s] = B(null), [c, l] = B(null), [u, f] = B(!1), [p, m] = B(!1), [h, g] = B(!1), [_, v] = B({
+		status: "idle",
+		progress: {
+			status: "idle",
+			loaded: 0,
+			total: null,
+			percent: null,
+			error: null
+		}
+	}), [y, x] = B(null), T = M("FcUpload", { size: 120 }), P = M("FcCheckmark", { size: 64 }), F = M("FcCheckmark", { size: 14 }), I = M("FcInfo", { size: 64 }), L = R((e) => {
+		e && (s(e), a(1));
+	}, []), z = R((e) => {
+		l(e), f(!0), m(!1), a(2);
+	}, []), V = R(async () => {
+		if (o) {
+			console.log("[UploaderApp] Starting upload for file:", o.name, "size:", o.size), g(!0), v({
+				status: "reading",
+				progress: {
+					status: "downloading",
+					loaded: 0,
+					total: o.size,
+					percent: 0,
+					error: null
+				}
+			});
+			try {
+				v((e) => ({
+					...e,
+					progress: {
+						status: "downloading",
+						loaded: 0,
+						total: o.size,
+						percent: 0,
+						error: null
+					}
+				}));
+				for (let e = 0; e <= 50; e += 10) await new Promise((e) => setTimeout(e, 50)), v((t) => ({
+					...t,
+					progress: {
+						status: "downloading",
+						loaded: Math.floor(o.size * e / 100),
+						total: o.size,
+						percent: e,
+						error: null
+					}
+				}));
+				console.log("[UploaderApp] Calling saveBlob...");
+				let e = Date.now(), t = await D.saveBlob(o);
+				console.log("[UploaderApp] saveBlob completed in", Date.now() - e, "ms, url:", t), v((e) => ({
+					...e,
+					progress: {
+						status: "downloading",
+						loaded: Math.floor(o.size * 80 / 100),
+						total: o.size,
+						percent: 80,
+						error: null
+					}
+				})), console.log("[UploaderApp] Calling createFile with folderId:", c);
+				let r = Date.now(), i = await n(o.name, "", c, t);
+				console.log("[UploaderApp] createFile completed in", Date.now() - r, "ms, id:", i.id), x(i.id), v({
+					status: "done",
+					progress: {
+						status: "done",
+						loaded: o.size,
+						total: o.size,
+						percent: 100,
+						error: null
+					}
+				}), await new Promise((e) => setTimeout(e, 1e3)), a(3);
+			} catch (e) {
+				console.error("[UploaderApp] Upload FAILED:", e), v((t) => ({
+					...t,
+					status: "error",
+					error: e instanceof Error ? e.message : "Upload failed"
+				})), await new Promise((e) => setTimeout(e, 1e3)), a(3);
+			}
+		}
+	}, [
+		o,
+		c,
+		n
+	]), G = R(() => {
+		c ? r("files", { contentData: { initialFolderId: c } }) : r("files");
+	}, [c, r]), K = R(() => {
+		if (!y) return;
+		let e = O.getState().fsNodes.find((e) => e.id === y);
+		if (!e || e.type !== "file") return;
+		let t = k(e);
+		t && r(t.appId, { contentData: t.contentData });
+	}, [y, r]);
+	if (!e) return null;
+	let q = _.status === "done", J = _.error;
+	return i === 3 ? /* @__PURE__ */ H("div", {
+		className: $.container,
+		children: /* @__PURE__ */ U(S, {
+			shadow: "sm",
+			className: $.resultPaper,
+			children: [
+				/* @__PURE__ */ H(d, {
+					className: $.resultIcon,
+					children: q ? P : I
+				}),
+				/* @__PURE__ */ H(w, {
+					size: "lg",
+					fw: 500,
+					ta: "center",
+					children: q ? t("uploader.uploadComplete") : `${t("uploader.uploadFailed")}: ${J}`
+				}),
+				q && /* @__PURE__ */ U(C, {
+					mt: "md",
+					justify: "center",
+					children: [/* @__PURE__ */ H(E, {
+						variant: "default",
+						size: "sm",
+						onClick: G,
+						"data-testid": "uploader-show-file",
+						children: t("uploader.showFile")
+					}), /* @__PURE__ */ H(E, {
+						size: "sm",
+						onClick: K,
+						"data-testid": "uploader-open-file",
+						children: t("uploader.openFile")
+					})]
+				})
+			]
+		})
+	}) : /* @__PURE__ */ U("div", {
+		className: $.container,
+		children: [
+			T && /* @__PURE__ */ H("div", {
+				className: $.backgroundIcon,
+				children: T
+			}),
+			/* @__PURE__ */ U(Q, {
+				active: i,
+				orientation: "horizontal",
+				size: "sm",
+				className: $.stepper,
+				children: [
+					/* @__PURE__ */ H(Q.Step, {
+						label: t("uploader.stepSelect"),
+						description: t("uploader.clickToUpload"),
+						children: /* @__PURE__ */ H(W, {
+							accept: "*",
+							onChange: L,
+							children: (e) => /* @__PURE__ */ H(E, {
+								...e,
+								size: "sm",
+								"data-testid": "uploader-select-file",
+								children: t("uploader.clickToUpload")
+							})
+						})
+					}),
+					/* @__PURE__ */ U(Q.Step, {
+						label: t("uploader.stepDestination"),
+						description: u ? /* @__PURE__ */ U(C, {
+							gap: 4,
+							align: "center",
+							style: { display: "inline-flex" },
+							children: [F, /* @__PURE__ */ H("span", { children: t("uploader.folderSelected") })]
+						}) : t("uploader.selectDestination"),
+						children: [
+							o && /* @__PURE__ */ U(d, {
+								className: $.fileInfo,
+								children: [/* @__PURE__ */ H(w, {
+									size: "sm",
+									fw: 500,
+									children: o.name
+								}), /* @__PURE__ */ H(w, {
+									size: "xs",
+									c: "dimmed",
+									children: ne(o.size)
+								})]
+							}),
+							/* @__PURE__ */ U(C, {
+								mt: "md",
+								children: [/* @__PURE__ */ H(E, {
+									variant: "default",
+									size: "xs",
+									onClick: () => m(!0),
+									"data-testid": "uploader-select-folder",
+									children: t("uploader.selectDestination")
+								}), /* @__PURE__ */ H(E, {
+									size: "xs",
+									onClick: () => a(2),
+									"data-testid": "uploader-skip-folder",
+									children: t("uploader.next", { defaultValue: "Next" })
+								})]
+							}),
+							/* @__PURE__ */ H(w, {
+								size: "xs",
+								c: "dimmed",
+								mt: "xs",
+								children: c ? `${t("uploader.uploadTo")}: ${O.getState().fsNodes.find((e) => e.id === c)?.name || ""}` : t("uploader.uploadToRoot")
+							})
+						]
+					}),
+					/* @__PURE__ */ H(Q.Step, {
+						label: t("uploader.stepUpload"),
+						description: t("uploader.uploading"),
+						children: h ? /* @__PURE__ */ H(b, {
+							state: _.progress,
+							ariaLabel: t("uploader.uploadProgress")
+						}) : /* @__PURE__ */ U(d, {
+							className: $.readyContainer,
+							children: [/* @__PURE__ */ H(w, {
+								size: "sm",
+								ta: "center",
+								children: t("uploader.readyToUpload")
+							}), /* @__PURE__ */ H(C, {
+								justify: "center",
+								children: /* @__PURE__ */ H(E, {
+									size: "sm",
+									onClick: V,
+									"data-testid": "uploader-upload",
+									children: t("uploader.upload")
+								})
+							})]
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ H(N, {
+				opened: p,
+				onConfirm: z,
+				onCancel: () => m(!1)
+			})
+		]
+	});
+};
+//#endregion
+export { ne as n, re as t };

package/dist/UploaderApp-CPpStgP5.cjs

@@ -0,0 +1 @@
+require(`./chunk-CiTBaPhY.cjs`);const e=require(`./Box-D_64wv6n.cjs`),t=require(`./create-safe-context-95P-Bfg3.cjs`),n=require(`./TextInput-DcYns3hz.cjs`),r=require(`./use-merged-ref-BI9n1hUK.cjs`),i=require(`./DownloadProgress-IRw1dzLX.cjs`),a=require(`./UnstyledButton-Cl5RuIid.cjs`),o=require(`./Paper-DwCpwWwH.cjs`),s=require(`./Group-DhwePB84.cjs`),c=require(`./getRuntime-BLXyQZBB.cjs`),l=require(`./CheckIcon-CBMLR6Gc.cjs`),u=require(`./Button-D0FXpkur.cjs`),d=require(`./desktopStore-Cox-Og1z.cjs`),f=require(`./useOpenApp-BdarhIgl.cjs`),p=require(`./useTranslation-D_O7S4RJ.cjs`),m=require(`./useDynamicIcon-SytdL1Tu.cjs`),h=require(`./FilePickerApp-Eu0cr2Cm.cjs`);let g=require(`react`),_=require(`react/jsx-runtime`);var v=e.i(t=>{let{onChange:n,children:i,multiple:a,accept:o,name:s,form:c,resetRef:l,disabled:u,capture:d,inputProps:f,ref:p,...m}=e.l(`FileButton`,null,t),h=(0,g.useRef)(null),v=()=>{!u&&h.current?.click()};return r.t(l,()=>{h.current&&(h.current.value=``)}),(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(`input`,{style:{display:`none`},type:`file`,accept:o,multiple:a,onChange:e=>{if(e.currentTarget.files===null)return n(a?[]:null);n(a?Array.from(e.currentTarget.files):e.currentTarget.files[0]||null)},ref:r.r(p,h),name:s,form:c,capture:d,...f}),i({onClick:v,...m})]})});v.displayName=`@mantine/core/FileButton`;var[y,b]=t.t(`Stepper component was not found in tree`),x=()=>null;x.displayName=`@mantine/core/StepperCompleted`;var S={root:`m_cbb4ea7e`,steps:`m_aaf89d0b`,separator:`m_2a371ac9`,content:`m_78da155d`,step:`m_cbb57068`,"step--horizontal":`m_f56b1e2c`,"step--vertical":`m_833edb7e`,verticalSeparator:`m_6496b3f3`,stepWrapper:`m_818e70b`,stepIcon:`m_1959ad01`,stepIconContent:`m_8faaac38`,stepCompletedIcon:`m_a79331dc`,stepBody:`m_1956aa2a`,stepLabel:`m_12051f6c`,stepDescription:`m_164eea74`},C=(e,t)=>typeof e==`function`?(0,_.jsx)(e,{step:t||0}):e,w={withIcon:!0,allowStepClick:!0,iconPosition:`left`},T=e.r(t=>{let{classNames:r,className:i,style:o,styles:s,vars:c,step:u,state:d,color:f,icon:p,completedIcon:m,progressIcon:h,label:g,description:v,withIcon:y,iconSize:x,loading:S,allowStepClick:T,allowStepSelect:E,iconPosition:D,orientation:O,mod:k,...A}=e.l(`StepperStep`,w,t),j=b(),M=e.d(),N={classNames:r,styles:s},P=d===`stepCompleted`?null:d===`stepProgress`?h:p,F={"data-progress":d===`stepProgress`||void 0,"data-completed":d===`stepCompleted`||void 0};return(0,_.jsxs)(a.t,{...j.getStyles(`step`,{className:i,style:o,variant:j.orientation,...N}),mod:[{"icon-position":D||j.iconPosition,"allow-click":T},k],...F,...A,__vars:{"--step-color":f?e.x(f,M):void 0},tabIndex:T?0:-1,children:[y&&(0,_.jsxs)(`span`,{...j.getStyles(`stepWrapper`,N),children:[(0,_.jsxs)(`span`,{...j.getStyles(`stepIcon`,N),...F,children:[(0,_.jsx)(n.c,{mounted:d===`stepCompleted`,transition:`pop`,duration:200,children:e=>(0,_.jsx)(`span`,{...j.getStyles(`stepCompletedIcon`,{style:e,...N}),children:S?(0,_.jsx)(n.s,{color:`var(--mantine-color-white)`,size:`calc(var(--stepper-icon-size) / 2)`,...j.getStyles(`stepLoader`,N)}):C(m,u)||(0,_.jsx)(l.t,{size:`60%`})})}),d===`stepCompleted`?null:(0,_.jsx)(`span`,{...j.getStyles(`stepIconContent`,N),children:S?(0,_.jsx)(n.s,{...j.getStyles(`stepLoader`,N),size:`calc(var(--stepper-icon-size) / 2)`,color:f}):C(P||p,u)})]}),O===`vertical`&&(0,_.jsx)(`span`,{...j.getStyles(`verticalSeparator`,N),"data-active":d===`stepCompleted`||void 0})]}),(g||v)&&(0,_.jsxs)(`span`,{...j.getStyles(`stepBody`,N),"data-orientation":j.orientation,"data-icon-position":D||j.iconPosition,children:[g&&(0,_.jsx)(`span`,{...j.getStyles(`stepLabel`,N),children:C(g,u)}),v&&(0,_.jsx)(`span`,{...j.getStyles(`stepDescription`,N),children:C(v,u)})]})]})});T.classes=S,T.displayName=`@mantine/core/StepperStep`;var E={orientation:`horizontal`,iconPosition:`left`,allowNextStepsSelect:!0,wrap:!0},D=e.O((t,{color:n,iconSize:r,size:a,contentPadding:o,radius:s,autoContrast:c})=>({root:{"--stepper-color":n?e.x(n,t):void 0,"--stepper-icon-color":i.r(c,t)?i.i({color:n,theme:t,autoContrast:c}):void 0,"--stepper-icon-size":r===void 0?e.N(a,`stepper-icon-size`):e.L(r),"--stepper-content-padding":e.P(o),"--stepper-radius":s===void 0?void 0:e.j(s),"--stepper-fz":e.k(a),"--stepper-spacing":e.P(a)}})),O=e.r(t=>{let n=e.l(`Stepper`,E,t),{classNames:r,className:i,style:a,styles:o,unstyled:s,vars:c,children:l,onStepClick:u,active:d,icon:f,completedIcon:p,progressIcon:m,color:h,iconSize:v,contentPadding:b,orientation:C,iconPosition:w,size:T,radius:O,allowNextStepsSelect:k,wrap:A,autoContrast:j,keepMounted:M,attributes:N,...P}=n,F=e.c({name:`Stepper`,classes:S,props:n,className:i,style:a,classNames:r,styles:o,unstyled:s,attributes:N,vars:c,varsResolver:D}),I=g.Children.toArray(l),L=I.filter(e=>e.type!==x),R=I.find(e=>e.type===x),z=L.reduce((e,t,n)=>{let r=d===n?`stepProgress`:d>n?`stepCompleted`:`stepInactive`,i=typeof u==`function`?typeof t.props.allowStepSelect==`boolean`?t.props.allowStepSelect:r===`stepCompleted`||k:!1;return e.push((0,g.cloneElement)(t,{icon:t.props.icon||f||n+1,key:n,step:n,state:r,onClick:()=>i&&u?.(n),allowStepClick:i,completedIcon:t.props.completedIcon||p,progressIcon:t.props.progressIcon||m,color:t.props.color||h,iconSize:v,iconPosition:t.props.iconPosition||w,orientation:C})),C===`horizontal`&&n!==L.length-1&&e.push((0,g.createElement)(`div`,{...F(`separator`),"data-active":n<d||void 0,"data-orientation":C,key:`separator-${n}`})),e},[]),B=L[d]?.props?.children,V=R?.props?.children,H=d>L.length-1?V:B,U=M?(0,_.jsxs)(_.Fragment,{children:[L.map((e,t)=>(0,_.jsx)(g.Activity,{mode:d===t?`visible`:`hidden`,children:(0,_.jsx)(`div`,{...F(`content`),children:e.props.children})},t)),R&&(0,_.jsx)(g.Activity,{mode:d>L.length-1?`visible`:`hidden`,children:(0,_.jsx)(`div`,{...F(`content`),children:R.props.children})})]}):H&&(0,_.jsx)(`div`,{...F(`content`),children:H});return(0,_.jsx)(y,{value:{getStyles:F,orientation:C,iconPosition:w},children:(0,_.jsxs)(e.t,{...F(`root`),size:T,...P,children:[(0,_.jsx)(e.t,{...F(`steps`),mod:{orientation:C,"icon-position":w,wrap:A&&C!==`vertical`},children:z}),U]})})});O.classes=S,O.varsResolver=D,O.displayName=`@mantine/core/Stepper`,O.Completed=x,O.Step=T;function k(e){if(e===0)return`0 B`;let t=1024,n=[`B`,`KB`,`MB`,`GB`,`TB`],r=Math.floor(Math.log(e)/Math.log(t)),i=Math.min(r,n.length-1);return`${parseFloat((e/t**+i).toFixed(1))} ${n[i]}`}var A={container:`_container_1xc3a_1`,backgroundIcon:`_backgroundIcon_1xc3a_13`,stepper:`_stepper_1xc3a_23`,fileInfo:`_fileInfo_1xc3a_30`,resultPaper:`_resultPaper_1xc3a_37`,resultIcon:`_resultIcon_1xc3a_49`,readyContainer:`_readyContainer_1xc3a_53`},j=({window:t})=>{let{t:n}=p.t(`apps`),r=d.o(e=>e.createFile),a=f.t(),[l,y]=(0,g.useState)(0),[b,x]=(0,g.useState)(null),[S,C]=(0,g.useState)(null),[w,T]=(0,g.useState)(!1),[E,D]=(0,g.useState)(!1),[j,M]=(0,g.useState)(!1),[N,P]=(0,g.useState)({status:`idle`,progress:{status:`idle`,loaded:0,total:null,percent:null,error:null}}),[F,I]=(0,g.useState)(null),L=m.i(`FcUpload`,{size:120}),R=m.i(`FcCheckmark`,{size:64}),z=m.i(`FcCheckmark`,{size:14}),B=m.i(`FcInfo`,{size:64}),V=(0,g.useCallback)(e=>{e&&(x(e),y(1))},[]),H=(0,g.useCallback)(e=>{C(e),T(!0),D(!1),y(2)},[]),U=(0,g.useCallback)(async()=>{if(b){console.log(`[UploaderApp] Starting upload for file:`,b.name,`size:`,b.size),M(!0),P({status:`reading`,progress:{status:`downloading`,loaded:0,total:b.size,percent:0,error:null}});try{P(e=>({...e,progress:{status:`downloading`,loaded:0,total:b.size,percent:0,error:null}}));for(let e=0;e<=50;e+=10)await new Promise(e=>setTimeout(e,50)),P(t=>({...t,progress:{status:`downloading`,loaded:Math.floor(b.size*e/100),total:b.size,percent:e,error:null}}));console.log(`[UploaderApp] Calling saveBlob...`);let e=Date.now(),t=await d.n.saveBlob(b);console.log(`[UploaderApp] saveBlob completed in`,Date.now()-e,`ms, url:`,t),P(e=>({...e,progress:{status:`downloading`,loaded:Math.floor(b.size*80/100),total:b.size,percent:80,error:null}})),console.log(`[UploaderApp] Calling createFile with folderId:`,S);let n=Date.now(),i=await r(b.name,``,S,t);console.log(`[UploaderApp] createFile completed in`,Date.now()-n,`ms, id:`,i.id),I(i.id),P({status:`done`,progress:{status:`done`,loaded:b.size,total:b.size,percent:100,error:null}}),await new Promise(e=>setTimeout(e,1e3)),y(3)}catch(e){console.error(`[UploaderApp] Upload FAILED:`,e),P(t=>({...t,status:`error`,error:e instanceof Error?e.message:`Upload failed`})),await new Promise(e=>setTimeout(e,1e3)),y(3)}}},[b,S,r]),W=(0,g.useCallback)(()=>{S?a(`files`,{contentData:{initialFolderId:S}}):a(`files`)},[S,a]),G=(0,g.useCallback)(()=>{if(!F)return;let e=d.o.getState().fsNodes.find(e=>e.id===F);if(!e||e.type!==`file`)return;let t=d.x(e);t&&a(t.appId,{contentData:t.contentData})},[F,a]);if(!t)return null;let K=N.status===`done`,q=N.error;return l===3?(0,_.jsx)(`div`,{className:A.container,children:(0,_.jsxs)(o.t,{shadow:`sm`,className:A.resultPaper,children:[(0,_.jsx)(e.t,{className:A.resultIcon,children:K?R:B}),(0,_.jsx)(c.o,{size:`lg`,fw:500,ta:`center`,children:K?n(`uploader.uploadComplete`):`${n(`uploader.uploadFailed`)}: ${q}`}),K&&(0,_.jsxs)(s.t,{mt:`md`,justify:`center`,children:[(0,_.jsx)(u.t,{variant:`default`,size:`sm`,onClick:W,"data-testid":`uploader-show-file`,children:n(`uploader.showFile`)}),(0,_.jsx)(u.t,{size:`sm`,onClick:G,"data-testid":`uploader-open-file`,children:n(`uploader.openFile`)})]})]})}):(0,_.jsxs)(`div`,{className:A.container,children:[L&&(0,_.jsx)(`div`,{className:A.backgroundIcon,children:L}),(0,_.jsxs)(O,{active:l,orientation:`horizontal`,size:`sm`,className:A.stepper,children:[(0,_.jsx)(O.Step,{label:n(`uploader.stepSelect`),description:n(`uploader.clickToUpload`),children:(0,_.jsx)(v,{accept:`*`,onChange:V,children:e=>(0,_.jsx)(u.t,{...e,size:`sm`,"data-testid":`uploader-select-file`,children:n(`uploader.clickToUpload`)})})}),(0,_.jsxs)(O.Step,{label:n(`uploader.stepDestination`),description:w?(0,_.jsxs)(s.t,{gap:4,align:`center`,style:{display:`inline-flex`},children:[z,(0,_.jsx)(`span`,{children:n(`uploader.folderSelected`)})]}):n(`uploader.selectDestination`),children:[b&&(0,_.jsxs)(e.t,{className:A.fileInfo,children:[(0,_.jsx)(c.o,{size:`sm`,fw:500,children:b.name}),(0,_.jsx)(c.o,{size:`xs`,c:`dimmed`,children:k(b.size)})]}),(0,_.jsxs)(s.t,{mt:`md`,children:[(0,_.jsx)(u.t,{variant:`default`,size:`xs`,onClick:()=>D(!0),"data-testid":`uploader-select-folder`,children:n(`uploader.selectDestination`)}),(0,_.jsx)(u.t,{size:`xs`,onClick:()=>y(2),"data-testid":`uploader-skip-folder`,children:n(`uploader.next`,{defaultValue:`Next`})})]}),(0,_.jsx)(c.o,{size:`xs`,c:`dimmed`,mt:`xs`,children:S?`${n(`uploader.uploadTo`)}: ${d.o.getState().fsNodes.find(e=>e.id===S)?.name||``}`:n(`uploader.uploadToRoot`)})]}),(0,_.jsx)(O.Step,{label:n(`uploader.stepUpload`),description:n(`uploader.uploading`),children:j?(0,_.jsx)(i.t,{state:N.progress,ariaLabel:n(`uploader.uploadProgress`)}):(0,_.jsxs)(e.t,{className:A.readyContainer,children:[(0,_.jsx)(c.o,{size:`sm`,ta:`center`,children:n(`uploader.readyToUpload`)}),(0,_.jsx)(s.t,{justify:`center`,children:(0,_.jsx)(u.t,{size:`sm`,onClick:U,"data-testid":`uploader-upload`,children:n(`uploader.upload`)})})]})})]}),(0,_.jsx)(h.i,{opened:E,onConfirm:H,onCancel:()=>D(!1)})]})};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return j}});

package/dist/UploaderApp-DHsMQN-f.js

@@ -0,0 +1,2 @@
+import { t as e } from "./UploaderApp-C9W_yCT-.js";
+export { e as default };

package/dist/VscIcon-CxEmqD80.cjs

@@ -0,0 +1 @@
+const e=require(`./useDynamicIcon-SytdL1Tu.cjs`);var t=({name:t,size:n=20,color:r})=>e.c(t,{size:n,color:r})??null;Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});

package/dist/VscIcon-DueRJVTe.js

@@ -0,0 +1,8 @@
+import { c as e } from "./useDynamicIcon-GJg3vWsJ.js";
+//#region src/components/Shared/VscIcon.tsx
+var t = ({ name: t, size: n = 20, color: r }) => e(t, {
+	size: n,
+	color: r
+}) ?? null;
+//#endregion
+export { t };

package/dist/chunk-BQCxAhux.js

@@ -0,0 +1,23 @@
+//#region \0rolldown/runtime.js
+var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (e && (t = e(e = 0)), t), s = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), c = (e, n) => {
+	let r = {};
+	for (var i in e) t(r, i, {
+		get: e[i],
+		enumerable: !0
+	});
+	return n || t(r, Symbol.toStringTag, { value: "Module" }), r;
+}, l = (e, i, o, s) => {
+	if (i && typeof i == "object" || typeof i == "function") for (var c = r(i), l = 0, u = c.length, d; l < u; l++) d = c[l], !a.call(e, d) && d !== o && t(e, d, {
+		get: ((e) => i[e]).bind(null, d),
+		enumerable: !(s = n(i, d)) || s.enumerable
+	});
+	return e;
+}, u = (n, r, a) => (a = n == null ? {} : e(i(n)), l(r || !n || !n.__esModule ? t(a, "default", {
+	value: n,
+	enumerable: !0
+}) : a, n)), d = (e) => a.call(e, "module.exports") ? e["module.exports"] : l(t({}, "__esModule", { value: !0 }), e), f = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
+	if (typeof require < "u") return require.apply(this, arguments);
+	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
+});
+//#endregion
+export { d as a, f as i, o as n, u as o, c as r, s as t };

package/dist/chunk-CiTBaPhY.cjs

@@ -0,0 +1 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(e&&(t=e(e=0)),t),s=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),c=(e,n)=>{let r={};for(var i in e)t(r,i,{get:e[i],enumerable:!0});return n||t(r,Symbol.toStringTag,{value:`Module`}),r},l=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},u=(n,r,a)=>(a=n==null?{}:e(i(n)),l(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n)),d=e=>a.call(e,`module.exports`)?e[`module.exports`]:l(t({},`__esModule`,{value:!0}),e);Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});

package/dist/create-safe-context-95P-Bfg3.cjs

@@ -0,0 +1 @@
+require(`./chunk-CiTBaPhY.cjs`);let e=require(`react`);function t(t){let n=(0,e.createContext)(null);return[n,()=>{let r=(0,e.use)(n);if(r===null)throw Error(t);return r}]}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});

package/dist/create-safe-context-XT2cxc14.js

@@ -0,0 +1,12 @@
+import { createContext as e, use as t } from "react";
+//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/core/utils/create-safe-context/create-safe-context.mjs
+function n(n) {
+	let r = e(null);
+	return [r, () => {
+		let e = t(r);
+		if (e === null) throw Error(n);
+		return e;
+	}];
+}
+//#endregion
+export { n as t };