@burdenoff/microfe-files 2026.525.3 → 2026.527.2

package/dist/files/components/FolderCard.js

@@ -1,222 +1,211 @@
 import { useFilesStore as e } from "../store/filesStore.js";
 import { formatFileDate as t } from "../utils/index.js";
 import { tWithFallback as n } from "../utils/i18n.js";
-import { ActionMenu as r } from "./ActionMenu.js";
-import { canDropOnFolder as i, getDragOperation as a } from "../hooks/useDragDrop.js";
-import { useMemo as o, useState as s } from "react";
-import { Activity as ee, ChevronRight as c, Copy as l, Edit as u, Folder as d, FolderInput as f, FolderOpen as te, Info as p, RotateCcw as m, Share2 as h, Star as g, Trash2 as _ } from "lucide-react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { ActionMenu as ee } from "./ActionMenu.js";
+import { canDropOnFolder as r, getDragOperation as i } from "../hooks/useDragDrop.js";
+import { useMemo as te, useState as a } from "react";
+import { Activity as o, ChevronRight as s, Edit as c, Folder as l, FolderInput as u, FolderOpen as d, Info as f, RotateCcw as p, Share2 as m, Star as h, Trash2 as g } from "lucide-react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 import { useI18n as b } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/files/components/FolderCard.tsx
-var x = ({ folder: x, isSelected: S = !1, isDragging: C = !1, isDropTarget: w = !1, draggedItem: T = null, onSelect: E, onOpen: D, onShare: O, onDelete: k, onRestore: A, onRename: j, onFavorite: M, onCopy: N, onMove: P, onInfo: F, onActivity: I, onDragStart: L, onDragEnd: R, onDrop: z, onContextMenu: B }) => {
-	let { t: V } = b(), [H, U] = s(!1), [W, G] = s(!1), [ne, K] = s(!1), { toggleFolderSelection: q } = e(), J = i(T, x), Y = w && J, X = () => {
+var x = ({ folder: x, isSelected: S = !1, isDragging: C = !1, isDropTarget: w = !1, draggedItem: T = null, onSelect: E, onOpen: D, onShare: O, onDelete: k, onRestore: A, onRename: j, onFavorite: M, onCopy: ne, onMove: N, onInfo: P, onActivity: F, onDragStart: I, onDragEnd: L, onDrop: R, onContextMenu: z }) => {
+	let { t: B } = b(), [V, H] = a(!1), [U, W] = a(!1), { toggleFolderSelection: G } = e(), K = r(T, x), q = w && K, J = x.filesCount ?? 0, Y = x.subfoldersCount ?? 0, X = J + Y, Z = () => {
 		D && D(x);
-	}, Z = (e) => {
-		e.stopPropagation(), E ? E(x.id) : q(x.id);
+	}, re = (e) => {
+		e.stopPropagation(), E ? E(x.id) : G(x.id);
 	}, Q = (e, t) => {
-		e.stopPropagation(), t(), U(!1);
-	}, $ = (e) => {
-		e.dataTransfer.effectAllowed = "copyMove", e.dataTransfer.setData("application/x-file-id", x.id), e.dataTransfer.setData("application/x-file-type", "folder");
-		let t = a(e);
-		e.dataTransfer.setData("application/x-drag-operation", t), L?.(x, t);
-	}, re = () => {
-		R?.();
+		e.stopPropagation(), t();
 	}, ie = (e) => {
-		Y && (e.preventDefault(), e.dataTransfer.dropEffect = T?.operation === "copy" ? "copy" : "move");
-	}, ae = (e) => {
-		Y && e.preventDefault();
-	}, oe = () => {}, se = (e) => {
-		e.preventDefault(), Y && z?.(x);
-	}, ce = (e) => {
-		e.preventDefault(), e.stopPropagation(), B?.(x, e.clientX, e.clientY);
-	}, le = W ? te : d, ue = o(() => [
+		e.dataTransfer.effectAllowed = "copyMove", e.dataTransfer.setData("application/x-file-id", x.id), e.dataTransfer.setData("application/x-file-type", "folder");
+		let t = i(e);
+		e.dataTransfer.setData("application/x-drag-operation", t), I?.(x, t);
+	}, ae = () => {
+		L?.();
+	}, $ = (e) => {
+		q && (e.preventDefault(), e.dataTransfer.dropEffect = T?.operation === "copy" ? "copy" : "move");
+	}, oe = (e) => {
+		q && e.preventDefault();
+	}, se = () => {}, ce = (e) => {
+		e.preventDefault(), q && R?.(x);
+	}, le = (e) => {
+		e.preventDefault(), e.stopPropagation(), z?.(x, e.clientX, e.clientY);
+	}, ue = V ? d : l, de = te(() => [
 		...O ? [{
-			label: n(V, "files.card.share", "Share"),
-			icon: /* @__PURE__ */ v(h, { className: "size-4" }),
+			label: n(B, "files.card.share", "Share"),
+			icon: /* @__PURE__ */ v(m, { className: "size-4" }),
 			onClick: () => O(x)
 		}] : [],
 		...N ? [{
-			label: n(V, "files.card.makeCopy", "Make a copy"),
-			icon: /* @__PURE__ */ v(l, { className: "size-4" }),
+			label: n(B, "files.card.moveTo", "Move to"),
+			icon: /* @__PURE__ */ v(u, { className: "size-4" }),
 			onClick: () => N(x)
 		}] : [],
-		...P ? [{
-			label: n(V, "files.card.moveTo", "Move to"),
-			icon: /* @__PURE__ */ v(f, { className: "size-4" }),
-			onClick: () => P(x)
-		}] : [],
 		...j ? [{
-			label: n(V, "files.card.rename", "Rename"),
-			icon: /* @__PURE__ */ v(u, { className: "size-4" }),
+			label: n(B, "files.card.rename", "Rename"),
+			icon: /* @__PURE__ */ v(c, { className: "size-4" }),
 			onClick: () => j(x),
 			divider: !0
 		}] : [],
 		...M ? [{
-			label: x.starred ? n(V, "files.card.removeFromStarred", "Remove from starred") : n(V, "files.card.addToStarred", "Add to starred"),
-			icon: /* @__PURE__ */ v(g, { className: "size-4" }),
+			label: x.starred ? n(B, "files.card.removeFromStarred", "Remove from starred") : n(B, "files.card.addToStarred", "Add to starred"),
+			icon: /* @__PURE__ */ v(h, { className: "size-4" }),
 			onClick: () => M(x)
 		}] : [],
+		...P ? [{
+			label: n(B, "files.card.details", "Details"),
+			icon: /* @__PURE__ */ v(f, { className: "size-4" }),
+			onClick: () => P(x)
+		}] : [],
 		...F ? [{
-			label: n(V, "files.card.details", "Details"),
-			icon: /* @__PURE__ */ v(p, { className: "size-4" }),
+			label: n(B, "files.card.activity", "Activity"),
+			icon: /* @__PURE__ */ v(o, { className: "size-4" }),
 			onClick: () => F(x)
 		}] : [],
-		...I ? [{
-			label: n(V, "files.card.activity", "Activity"),
-			icon: /* @__PURE__ */ v(ee, { className: "size-4" }),
-			onClick: () => I(x)
-		}] : [],
 		...k ? [{
-			label: n(V, "files.card.delete", "Delete"),
-			icon: /* @__PURE__ */ v(_, { className: "size-4" }),
+			label: n(B, "files.card.delete", "Delete"),
+			icon: /* @__PURE__ */ v(g, { className: "size-4" }),
 			onClick: () => k(x),
 			variant: "danger",
 			divider: !0
 		}] : [],
 		...A ? [{
-			label: n(V, "files.card.restore", "Restore"),
-			icon: /* @__PURE__ */ v(m, { className: "size-4" }),
+			label: n(B, "files.card.restore", "Restore"),
+			icon: /* @__PURE__ */ v(p, { className: "size-4" }),
 			onClick: () => A(x)
 		}] : []
 	], [
 		x,
 		O,
 		N,
-		P,
 		j,
 		M,
+		P,
 		F,
-		I,
 		k,
 		A,
-		V
+		B
 	]);
-	return /* @__PURE__ */ y("div", {
-		className: `@container group relative cursor-pointer overflow-hidden rounded-card border bg-bg-surface shadow-elevation-1 transition-shadow hover:shadow-elevation-2 focus-within:shadow-elevation-2 ${C ? "opacity-50" : ""} ${Y ? "border-action-primary-bg ring-2 ring-action-primary-bg ring-offset-2" : "border-border-subtle"}`,
-		onClick: X,
-		onContextMenu: ce,
-		onMouseEnter: () => {
-			U(!0), G(!0);
-		},
+	return /* @__PURE__ */ v("div", {
+		className: `group relative cursor-pointer rounded-card border bg-bg-surface shadow-elevation-1 transition-all hover:shadow-elevation-2 focus-within:shadow-elevation-2 ${C ? "opacity-50" : ""} ${q ? "border-action-primary-bg ring-2 ring-action-primary-bg ring-offset-2" : S ? "border-action-primary-bg bg-bg-accent" : "border-border-subtle"}`,
+		onClick: Z,
+		onContextMenu: le,
+		onMouseEnter: () => H(!0),
 		onMouseLeave: () => {
-			U(!1), G(!1);
-		},
-		onFocus: () => {
-			U(!0), G(!0);
+			U || H(!1);
 		},
+		onFocus: () => H(!0),
 		onBlur: (e) => {
-			e.currentTarget.contains(e.relatedTarget) || (U(!1), G(!1));
+			!e.currentTarget.contains(e.relatedTarget) && !U && H(!1);
 		},
 		onKeyDown: (e) => {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), X());
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), Z());
 		},
-		draggable: !!L,
-		onDragStart: $,
-		onDragEnd: re,
-		onDragOver: ie,
-		onDragEnter: ae,
-		onDragLeave: oe,
-		onDrop: se,
+		draggable: !!I,
+		onDragStart: ie,
+		onDragEnd: ae,
+		onDragOver: $,
+		onDragEnter: oe,
+		onDragLeave: se,
+		onDrop: ce,
 		role: "button",
 		tabIndex: 0,
-		"aria-label": `${n(V, "files.browser.openFolder", "Open folder")} ${x.name}`,
-		children: [
-			/* @__PURE__ */ v("div", {
-				className: `absolute top-2 left-2 z-10 transition-opacity ${S ? "opacity-100" : "opacity-0 group-hover:opacity-100 group-focus-within:opacity-100"}`,
-				children: /* @__PURE__ */ v("input", {
-					type: "checkbox",
-					checked: S,
-					onChange: Z,
-					className: "size-4 rounded border-border-default bg-bg-surface text-action-primary-bg focus:ring-2 focus:ring-action-primary-bg focus:ring-offset-2",
-					"aria-label": `Select ${x.name}`
-				})
-			}),
-			x.starred && /* @__PURE__ */ v("div", {
-				className: "absolute top-2 right-2 z-10",
-				children: /* @__PURE__ */ v(g, { className: "size-4 fill-yellow-400 text-yellow-400" })
-			}),
-			/* @__PURE__ */ v("div", {
-				className: "aspect-[4/3] bg-bg-sunken flex items-center justify-center",
-				children: /* @__PURE__ */ v(le, { className: "size-10 @md:size-14 text-action-primary-bg" })
-			}),
-			/* @__PURE__ */ y("div", {
-				className: "p-3 @md:p-4",
-				children: [
-					/* @__PURE__ */ y("div", {
-						className: "flex items-center justify-between gap-2 mb-1",
-						children: [/* @__PURE__ */ v("h3", {
-							className: "font-text-md font-weight-medium text-text-primary truncate flex-1",
+		"aria-label": `${n(B, "files.browser.openFolder", "Open folder")} ${x.name}`,
+		children: /* @__PURE__ */ y("div", {
+			className: "flex items-center gap-3 p-3",
+			children: [
+				/* @__PURE__ */ v("div", {
+					className: `flex-shrink-0 transition-opacity ${S ? "opacity-100" : "opacity-0 group-hover:opacity-100 group-focus-within:opacity-100"}`,
+					onClick: (e) => e.stopPropagation(),
+					children: /* @__PURE__ */ v("input", {
+						type: "checkbox",
+						checked: S,
+						onChange: re,
+						className: "size-4 rounded border-border-default bg-bg-surface text-action-primary-bg focus:ring-2 focus:ring-action-primary-bg focus:ring-offset-2",
+						"aria-label": `Select ${x.name}`
+					})
+				}),
+				/* @__PURE__ */ v("div", {
+					className: "flex-shrink-0 flex items-center justify-center size-10 rounded-lg bg-action-primary-bg/10",
+					children: /* @__PURE__ */ v(ue, { className: "size-5 text-action-primary-bg" })
+				}),
+				/* @__PURE__ */ y("div", {
+					className: "flex-1 min-w-0 pr-1",
+					children: [/* @__PURE__ */ y("div", {
+						className: "flex items-center gap-1.5",
+						children: [/* @__PURE__ */ v("span", {
+							className: "text-sm font-medium text-text-primary truncate",
 							children: x.name
-						}), /* @__PURE__ */ v(c, { className: "size-4 text-text-muted flex-shrink-0" })]
-					}),
-					/* @__PURE__ */ y("div", {
-						className: "flex items-center gap-2 text-text-secondary font-text-sm",
+						}), x.starred && /* @__PURE__ */ v(h, { className: "size-3 flex-shrink-0 fill-yellow-400 text-yellow-400" })]
+					}), /* @__PURE__ */ y("div", {
+						className: "flex items-center gap-1 mt-0.5 text-xs text-text-secondary",
 						children: [
-							/* @__PURE__ */ y("span", { children: [
-								x.filesCount ?? 0,
+							Y > 0 && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ y("span", { children: [
+								Y,
+								" ",
+								Y === 1 ? n(B, "files.folder.subfolder", "folder") : n(B, "files.folder.subfolders", "folders")
+							] }), J > 0 && /* @__PURE__ */ v("span", {
+								className: "text-border-subtle",
+								children: "·"
+							})] }),
+							J > 0 && /* @__PURE__ */ y("span", { children: [
+								J,
 								" ",
-								(x.filesCount ?? 0) === 1 ? n(V, "files.folder.item", "item") : n(V, "files.browser.items", "items")
+								J === 1 ? n(B, "files.folder.file", "file") : n(B, "files.folder.files", "files")
 							] }),
+							X === 0 && /* @__PURE__ */ v("span", { children: n(B, "files.folder.empty", "Empty") }),
 							/* @__PURE__ */ v("span", {
-								className: "hidden @sm:inline text-border-subtle",
-								children: "•"
+								className: "text-border-subtle",
+								children: "·"
 							}),
 							/* @__PURE__ */ v("span", {
-								className: "hidden @sm:inline",
+								className: "truncate",
 								children: t(x.updatedAt)
 							})
 						]
-					}),
-					x.createdBy && /* @__PURE__ */ v("div", {
-						className: "hidden @md:flex items-center gap-2 mt-2 text-text-muted font-text-xs",
-						children: /* @__PURE__ */ y("div", {
-							className: "flex items-center gap-1",
-							children: [x.createdBy.avatar && /* @__PURE__ */ v("img", {
-								src: x.createdBy.avatar,
-								alt: x.createdBy.name,
-								className: "size-4 rounded-full"
-							}), /* @__PURE__ */ v("span", { children: x.createdBy.name })]
-						})
-					})
-				]
-			}),
-			H && /* @__PURE__ */ y("div", {
-				className: "absolute bottom-3 right-3 flex items-center gap-1 bg-bg-elevated border border-border-subtle rounded shadow-elevation-2 p-1",
-				children: [
-					O && /* @__PURE__ */ v("button", {
-						onClick: (e) => Q(e, () => O(x)),
-						className: "p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors",
-						"aria-label": n(V, "files.card.share", "Share"),
-						title: n(V, "files.card.share", "Share"),
-						children: /* @__PURE__ */ v(h, { className: "size-4 text-text-primary" })
-					}),
-					j && /* @__PURE__ */ v("button", {
-						onClick: (e) => Q(e, () => j(x)),
-						className: "p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors",
-						"aria-label": n(V, "files.card.rename", "Rename"),
-						title: n(V, "files.card.rename", "Rename"),
-						children: /* @__PURE__ */ v(u, { className: "size-4 text-text-primary" })
-					}),
-					A && /* @__PURE__ */ v("button", {
-						onClick: (e) => Q(e, () => A(x)),
-						className: "p-1.5 hover:bg-status-success-bg-subtle rounded transition-colors",
-						"aria-label": n(V, "files.card.restore", "Restore"),
-						title: n(V, "files.card.restore", "Restore"),
-						children: /* @__PURE__ */ v(m, { className: "size-4 text-status-success-text" })
-					}),
-					/* @__PURE__ */ v("div", {
-						onClick: (e) => e.stopPropagation(),
-						children: /* @__PURE__ */ v(r, {
-							items: ue,
-							align: "right",
-							triggerClassName: "p-1.5",
-							isOpen: ne,
-							onToggle: K
+					})]
+				}),
+				/* @__PURE__ */ y("div", {
+					className: "flex-shrink-0 flex items-center gap-1",
+					children: [
+						V && A && /* @__PURE__ */ v("button", {
+							type: "button",
+							onClick: (e) => Q(e, () => A(x)),
+							className: "p-1.5 hover:bg-status-success-bg-subtle rounded transition-colors",
+							"aria-label": n(B, "files.card.restore", "Restore"),
+							title: n(B, "files.card.restore", "Restore"),
+							children: /* @__PURE__ */ v(p, { className: "size-4 text-status-success-text" })
+						}),
+						V && O && /* @__PURE__ */ v("button", {
+							onClick: (e) => Q(e, () => O(x)),
+							className: "p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors",
+							"aria-label": n(B, "files.card.share", "Share"),
+							title: n(B, "files.card.share", "Share"),
+							children: /* @__PURE__ */ v(m, { className: "size-4 text-text-secondary" })
+						}),
+						V && j && /* @__PURE__ */ v("button", {
+							onClick: (e) => Q(e, () => j(x)),
+							className: "p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors",
+							"aria-label": n(B, "files.card.rename", "Rename"),
+							title: n(B, "files.card.rename", "Rename"),
+							children: /* @__PURE__ */ v(c, { className: "size-4 text-text-secondary" })
+						}),
+						/* @__PURE__ */ v("div", {
+							onClick: (e) => e.stopPropagation(),
+							children: /* @__PURE__ */ v(ee, {
+								items: de,
+								align: "right",
+								triggerClassName: !V && !U ? "opacity-0 group-hover:opacity-100" : "",
+								isOpen: U,
+								onToggle: (e) => {
+									W(e), e && H(!0);
+								}
+							})
 						})
-					})
-				]
-			})
-		]
+					]
+				}),
+				/* @__PURE__ */ v(s, { className: "flex-shrink-0 size-4 text-text-muted opacity-0 group-hover:opacity-100 transition-opacity" })
+			]
+		})
 	});
 };
 //#endregion

package/dist/files/components/FolderCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"FolderCard.js","names":[],"sources":["../../../src/files/components/FolderCard.tsx"],"sourcesContent":["import { type FC, useState, useMemo } from \"react\";\nimport {\n  Folder,\n  FolderOpen,\n  Share2,\n  Trash2,\n  Edit,\n  ChevronRight,\n  Copy,\n  FolderInput,\n  Info,\n  Activity,\n  Star,\n  RotateCcw,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport type { FolderItem } from \"../types\";\nimport { formatFileDate } from \"../utils\";\nimport { useFilesStore } from \"../store/filesStore\";\nimport { ActionMenu } from \"./ActionMenu\";\nimport { getDragOperation, canDropOnFolder } from \"../hooks/useDragDrop\";\nimport { tWithFallback } from \"../utils/i18n\";\nimport type { DragData } from \"../hooks/useDragDrop\";\n\ninterface FolderCardProps {\n  folder: FolderItem;\n  isSelected?: boolean;\n  isDragging?: boolean;\n  isDropTarget?: boolean;\n  draggedItem?: DragData | null;\n  onSelect?: (folderId: string) => void;\n  onOpen?: (folder: FolderItem) => void;\n  onShare?: (folder: FolderItem) => void;\n  onDelete?: (folder: FolderItem) => void;\n  onRestore?: (folder: FolderItem) => void;\n  onRename?: (folder: FolderItem) => void;\n  onFavorite?: (folder: FolderItem) => void;\n  onCopy?: (folder: FolderItem) => void;\n  onMove?: (folder: FolderItem) => void;\n  onInfo?: (folder: FolderItem) => void;\n  onActivity?: (folder: FolderItem) => void;\n  onDragStart?: (folder: FolderItem, operation: \"move\" | \"copy\") => void;\n  onDragEnd?: () => void;\n  onDrop?: (folder: FolderItem) => void;\n  onContextMenu?: (folder: FolderItem, x: number, y: number) => void;\n}\n\ninterface DraggableFolderCardProps extends Omit<\n  FolderCardProps,\n  \"onDragStart\" | \"onDragEnd\" | \"onDrop\"\n> {\n  onDragStart?: (folder: FolderItem, operation: \"move\" | \"copy\") => void;\n  onDragEnd?: () => void;\n  onDrop?: (folder: FolderItem) => void;\n  onContextMenu?: (folder: FolderItem, x: number, y: number) => void;\n}\n\nexport const FolderCard: FC<DraggableFolderCardProps> = ({\n  folder,\n  isSelected = false,\n  isDragging = false,\n  isDropTarget = false,\n  draggedItem = null,\n  onSelect,\n  onOpen,\n  onShare,\n  onDelete,\n  onRestore,\n  onRename,\n  onFavorite,\n  onCopy,\n  onMove,\n  onInfo,\n  onActivity,\n  onDragStart,\n  onDragEnd,\n  onDrop,\n  onContextMenu,\n}) => {\n  const { t } = useI18n();\n  const [showActions, setShowActions] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\n  const [menuOpen, setMenuOpen] = useState(false);\n  const { toggleFolderSelection } = useFilesStore();\n\n  const canDrop = canDropOnFolder(draggedItem, folder);\n  const isValidDropTarget = isDropTarget && canDrop;\n\n  const handleClick = () => {\n    if (onOpen) {\n      onOpen(folder);\n    }\n  };\n\n  const handleCheckboxChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    e.stopPropagation();\n    if (onSelect) {\n      onSelect(folder.id);\n    } else {\n      toggleFolderSelection(folder.id);\n    }\n  };\n\n  const handleActionClick = (e: React.MouseEvent, action: () => void) => {\n    e.stopPropagation();\n    action();\n    setShowActions(false);\n  };\n\n  const handleDragStart = (e: React.DragEvent<HTMLDivElement>) => {\n    e.dataTransfer.effectAllowed = \"copyMove\";\n    e.dataTransfer.setData(\"application/x-file-id\", folder.id);\n    e.dataTransfer.setData(\"application/x-file-type\", \"folder\");\n    const operation = getDragOperation(e);\n    e.dataTransfer.setData(\"application/x-drag-operation\", operation);\n    onDragStart?.(folder, operation);\n  };\n\n  const handleDragEnd = () => {\n    onDragEnd?.();\n  };\n\n  const handleDragOver = (e: React.DragEvent<HTMLDivElement>) => {\n    if (isValidDropTarget) {\n      e.preventDefault();\n      e.dataTransfer.dropEffect =\n        draggedItem?.operation === \"copy\" ? \"copy\" : \"move\";\n    }\n  };\n\n  const handleDragEnter = (e: React.DragEvent<HTMLDivElement>) => {\n    if (isValidDropTarget) {\n      e.preventDefault();\n    }\n  };\n\n  const handleDragLeave = () => {};\n\n  const handleDrop = (e: React.DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    if (isValidDropTarget) {\n      onDrop?.(folder);\n    }\n  };\n\n  const handleContextMenu = (e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    onContextMenu?.(folder, e.clientX, e.clientY);\n  };\n\n  const FolderIcon = isHovered ? FolderOpen : Folder;\n\n  // Memoize menu items to prevent re-renders\n  const menuItems = useMemo(\n    () => [\n      ...(onShare\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.share\", \"Share\"),\n              icon: <Share2 className=\"size-4\" />,\n              onClick: () => onShare(folder),\n            },\n          ]\n        : []),\n      ...(onCopy\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.makeCopy\", \"Make a copy\"),\n              icon: <Copy className=\"size-4\" />,\n              onClick: () => onCopy(folder),\n            },\n          ]\n        : []),\n      ...(onMove\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.moveTo\", \"Move to\"),\n              icon: <FolderInput className=\"size-4\" />,\n              onClick: () => onMove(folder),\n            },\n          ]\n        : []),\n      ...(onRename\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.rename\", \"Rename\"),\n              icon: <Edit className=\"size-4\" />,\n              onClick: () => onRename(folder),\n              divider: true,\n            },\n          ]\n        : []),\n      ...(onFavorite\n        ? [\n            {\n              label: folder.starred\n                ? tWithFallback(\n                    t,\n                    \"files.card.removeFromStarred\",\n                    \"Remove from starred\",\n                  )\n                : tWithFallback(t, \"files.card.addToStarred\", \"Add to starred\"),\n              icon: <Star className=\"size-4\" />,\n              onClick: () => onFavorite(folder),\n            },\n          ]\n        : []),\n      ...(onInfo\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.details\", \"Details\"),\n              icon: <Info className=\"size-4\" />,\n              onClick: () => onInfo(folder),\n            },\n          ]\n        : []),\n      ...(onActivity\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.activity\", \"Activity\"),\n              icon: <Activity className=\"size-4\" />,\n              onClick: () => onActivity(folder),\n            },\n          ]\n        : []),\n      ...(onDelete\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.delete\", \"Delete\"),\n              icon: <Trash2 className=\"size-4\" />,\n              onClick: () => onDelete(folder),\n              variant: \"danger\" as const,\n              divider: true,\n            },\n          ]\n        : []),\n      ...(onRestore\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.restore\", \"Restore\"),\n              icon: <RotateCcw className=\"size-4\" />,\n              onClick: () => onRestore(folder),\n            },\n          ]\n        : []),\n    ],\n    [\n      folder,\n      onShare,\n      onCopy,\n      onMove,\n      onRename,\n      onFavorite,\n      onInfo,\n      onActivity,\n      onDelete,\n      onRestore,\n      t,\n    ],\n  );\n\n  return (\n    <div\n      className={`@container group relative cursor-pointer overflow-hidden rounded-card border bg-bg-surface shadow-elevation-1 transition-shadow hover:shadow-elevation-2 focus-within:shadow-elevation-2 ${isDragging ? \"opacity-50\" : \"\"} ${isValidDropTarget ? \"border-action-primary-bg ring-2 ring-action-primary-bg ring-offset-2\" : \"border-border-subtle\"}`}\n      onClick={handleClick}\n      onContextMenu={handleContextMenu}\n      onMouseEnter={() => {\n        setShowActions(true);\n        setIsHovered(true);\n      }}\n      onMouseLeave={() => {\n        setShowActions(false);\n        setIsHovered(false);\n      }}\n      onFocus={() => {\n        setShowActions(true);\n        setIsHovered(true);\n      }}\n      onBlur={(event) => {\n        if (!event.currentTarget.contains(event.relatedTarget)) {\n          setShowActions(false);\n          setIsHovered(false);\n        }\n      }}\n      onKeyDown={(event) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n          event.preventDefault();\n          handleClick();\n        }\n      }}\n      draggable={Boolean(onDragStart)}\n      onDragStart={handleDragStart}\n      onDragEnd={handleDragEnd}\n      onDragOver={handleDragOver}\n      onDragEnter={handleDragEnter}\n      onDragLeave={handleDragLeave}\n      onDrop={handleDrop}\n      role=\"button\"\n      tabIndex={0}\n      aria-label={`${tWithFallback(t, \"files.browser.openFolder\", \"Open folder\")} ${folder.name}`}\n    >\n      {/* Selection checkbox */}\n      <div\n        className={`absolute top-2 left-2 z-10 transition-opacity ${\n          isSelected\n            ? \"opacity-100\"\n            : \"opacity-0 group-hover:opacity-100 group-focus-within:opacity-100\"\n        }`}\n      >\n        <input\n          type=\"checkbox\"\n          checked={isSelected}\n          onChange={handleCheckboxChange}\n          className=\"size-4 rounded border-border-default bg-bg-surface text-action-primary-bg focus:ring-2 focus:ring-action-primary-bg focus:ring-offset-2\"\n          aria-label={`Select ${folder.name}`}\n        />\n      </div>\n\n      {/* Favorite indicator */}\n      {folder.starred && (\n        <div className=\"absolute top-2 right-2 z-10\">\n          <Star className=\"size-4 fill-yellow-400 text-yellow-400\" />\n        </div>\n      )}\n\n      {/* Folder icon section */}\n      <div className=\"aspect-[4/3] bg-bg-sunken flex items-center justify-center\">\n        <FolderIcon className=\"size-10 @md:size-14 text-action-primary-bg\" />\n      </div>\n\n      {/* Folder info */}\n      <div className=\"p-3 @md:p-4\">\n        <div className=\"flex items-center justify-between gap-2 mb-1\">\n          <h3 className=\"font-text-md font-weight-medium text-text-primary truncate flex-1\">\n            {folder.name}\n          </h3>\n          <ChevronRight className=\"size-4 text-text-muted flex-shrink-0\" />\n        </div>\n\n        <div className=\"flex items-center gap-2 text-text-secondary font-text-sm\">\n          <span>\n            {folder.filesCount ?? 0}{\" \"}\n            {(folder.filesCount ?? 0) === 1\n              ? tWithFallback(t, \"files.folder.item\", \"item\")\n              : tWithFallback(t, \"files.browser.items\", \"items\")}\n          </span>\n          <span className=\"hidden @sm:inline text-border-subtle\">•</span>\n          <span className=\"hidden @sm:inline\">\n            {formatFileDate(folder.updatedAt)}\n          </span>\n        </div>\n\n        {/* Extended metadata on larger containers */}\n        {folder.createdBy && (\n          <div className=\"hidden @md:flex items-center gap-2 mt-2 text-text-muted font-text-xs\">\n            <div className=\"flex items-center gap-1\">\n              {folder.createdBy.avatar && (\n                <img\n                  src={folder.createdBy.avatar}\n                  alt={folder.createdBy.name}\n                  className=\"size-4 rounded-full\"\n                />\n              )}\n              <span>{folder.createdBy.name}</span>\n            </div>\n          </div>\n        )}\n      </div>\n\n      {/* Action buttons (on hover) with dropdown menu */}\n      {showActions && (\n        <div className=\"absolute bottom-3 right-3 flex items-center gap-1 bg-bg-elevated border border-border-subtle rounded shadow-elevation-2 p-1\">\n          {onShare && (\n            <button\n              onClick={(e) => handleActionClick(e, () => onShare(folder))}\n              className=\"p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors\"\n              aria-label={tWithFallback(t, \"files.card.share\", \"Share\")}\n              title={tWithFallback(t, \"files.card.share\", \"Share\")}\n            >\n              <Share2 className=\"size-4 text-text-primary\" />\n            </button>\n          )}\n\n          {onRename && (\n            <button\n              onClick={(e) => handleActionClick(e, () => onRename(folder))}\n              className=\"p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors\"\n              aria-label={tWithFallback(t, \"files.card.rename\", \"Rename\")}\n              title={tWithFallback(t, \"files.card.rename\", \"Rename\")}\n            >\n              <Edit className=\"size-4 text-text-primary\" />\n            </button>\n          )}\n\n          {onRestore && (\n            <button\n              onClick={(e) => handleActionClick(e, () => onRestore(folder))}\n              className=\"p-1.5 hover:bg-status-success-bg-subtle rounded transition-colors\"\n              aria-label={tWithFallback(t, \"files.card.restore\", \"Restore\")}\n              title={tWithFallback(t, \"files.card.restore\", \"Restore\")}\n            >\n              <RotateCcw className=\"size-4 text-status-success-text\" />\n            </button>\n          )}\n\n          {/* More options dropdown */}\n          <div onClick={(e) => e.stopPropagation()}>\n            <ActionMenu\n              items={menuItems}\n              align=\"right\"\n              triggerClassName=\"p-1.5\"\n              isOpen={menuOpen}\n              onToggle={setMenuOpen}\n            />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"FolderCard.js","names":[],"sources":["../../../src/files/components/FolderCard.tsx"],"sourcesContent":["import { type FC, useState, useMemo } from \"react\";\nimport {\n  Folder,\n  FolderOpen,\n  Share2,\n  Trash2,\n  Edit,\n  ChevronRight,\n  FolderInput,\n  Info,\n  Activity,\n  Star,\n  RotateCcw,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport type { FolderItem } from \"../types\";\nimport { formatFileDate } from \"../utils\";\nimport { useFilesStore } from \"../store/filesStore\";\nimport { ActionMenu } from \"./ActionMenu\";\nimport { getDragOperation, canDropOnFolder } from \"../hooks/useDragDrop\";\nimport { tWithFallback } from \"../utils/i18n\";\nimport type { DragData } from \"../hooks/useDragDrop\";\n\ninterface FolderCardProps {\n  folder: FolderItem;\n  isSelected?: boolean;\n  isDragging?: boolean;\n  isDropTarget?: boolean;\n  draggedItem?: DragData | null;\n  onSelect?: (folderId: string) => void;\n  onOpen?: (folder: FolderItem) => void;\n  onShare?: (folder: FolderItem) => void;\n  onDelete?: (folder: FolderItem) => void;\n  onRestore?: (folder: FolderItem) => void;\n  onRename?: (folder: FolderItem) => void;\n  onFavorite?: (folder: FolderItem) => void;\n  onCopy?: (folder: FolderItem) => void;\n  onMove?: (folder: FolderItem) => void;\n  onInfo?: (folder: FolderItem) => void;\n  onActivity?: (folder: FolderItem) => void;\n  onDragStart?: (folder: FolderItem, operation: \"move\" | \"copy\") => void;\n  onDragEnd?: () => void;\n  onDrop?: (folder: FolderItem) => void;\n  onContextMenu?: (folder: FolderItem, x: number, y: number) => void;\n}\n\ninterface DraggableFolderCardProps extends Omit<\n  FolderCardProps,\n  \"onDragStart\" | \"onDragEnd\" | \"onDrop\"\n> {\n  onDragStart?: (folder: FolderItem, operation: \"move\" | \"copy\") => void;\n  onDragEnd?: () => void;\n  onDrop?: (folder: FolderItem) => void;\n  onContextMenu?: (folder: FolderItem, x: number, y: number) => void;\n}\n\nexport const FolderCard: FC<DraggableFolderCardProps> = ({\n  folder,\n  isSelected = false,\n  isDragging = false,\n  isDropTarget = false,\n  draggedItem = null,\n  onSelect,\n  onOpen,\n  onShare,\n  onDelete,\n  onRestore,\n  onRename,\n  onFavorite,\n  onCopy: _onCopy,\n  onMove,\n  onInfo,\n  onActivity,\n  onDragStart,\n  onDragEnd,\n  onDrop,\n  onContextMenu,\n}) => {\n  const { t } = useI18n();\n  const [isHovered, setIsHovered] = useState(false);\n  const [menuOpen, setMenuOpen] = useState(false);\n  const { toggleFolderSelection } = useFilesStore();\n\n  const canDrop = canDropOnFolder(draggedItem, folder);\n  const isValidDropTarget = isDropTarget && canDrop;\n\n  const filesCount = folder.filesCount ?? 0;\n  const subfoldersCount = folder.subfoldersCount ?? 0;\n  const totalItems = filesCount + subfoldersCount;\n\n  const handleClick = () => {\n    if (onOpen) {\n      onOpen(folder);\n    }\n  };\n\n  const handleCheckboxChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    e.stopPropagation();\n    if (onSelect) {\n      onSelect(folder.id);\n    } else {\n      toggleFolderSelection(folder.id);\n    }\n  };\n\n  const handleActionClick = (e: React.MouseEvent, action: () => void) => {\n    e.stopPropagation();\n    action();\n  };\n\n  const handleDragStart = (e: React.DragEvent<HTMLDivElement>) => {\n    e.dataTransfer.effectAllowed = \"copyMove\";\n    e.dataTransfer.setData(\"application/x-file-id\", folder.id);\n    e.dataTransfer.setData(\"application/x-file-type\", \"folder\");\n    const operation = getDragOperation(e);\n    e.dataTransfer.setData(\"application/x-drag-operation\", operation);\n    onDragStart?.(folder, operation);\n  };\n\n  const handleDragEnd = () => {\n    onDragEnd?.();\n  };\n\n  const handleDragOver = (e: React.DragEvent<HTMLDivElement>) => {\n    if (isValidDropTarget) {\n      e.preventDefault();\n      e.dataTransfer.dropEffect =\n        draggedItem?.operation === \"copy\" ? \"copy\" : \"move\";\n    }\n  };\n\n  const handleDragEnter = (e: React.DragEvent<HTMLDivElement>) => {\n    if (isValidDropTarget) {\n      e.preventDefault();\n    }\n  };\n\n  const handleDragLeave = () => {};\n\n  const handleDrop = (e: React.DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    if (isValidDropTarget) {\n      onDrop?.(folder);\n    }\n  };\n\n  const handleContextMenu = (e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    onContextMenu?.(folder, e.clientX, e.clientY);\n  };\n\n  const FolderIcon = isHovered ? FolderOpen : Folder;\n\n  const menuItems = useMemo(\n    () => [\n      ...(onShare\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.share\", \"Share\"),\n              icon: <Share2 className=\"size-4\" />,\n              onClick: () => onShare(folder),\n            },\n          ]\n        : []),\n      ...(onMove\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.moveTo\", \"Move to\"),\n              icon: <FolderInput className=\"size-4\" />,\n              onClick: () => onMove(folder),\n            },\n          ]\n        : []),\n      ...(onRename\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.rename\", \"Rename\"),\n              icon: <Edit className=\"size-4\" />,\n              onClick: () => onRename(folder),\n              divider: true,\n            },\n          ]\n        : []),\n      ...(onFavorite\n        ? [\n            {\n              label: folder.starred\n                ? tWithFallback(\n                    t,\n                    \"files.card.removeFromStarred\",\n                    \"Remove from starred\",\n                  )\n                : tWithFallback(t, \"files.card.addToStarred\", \"Add to starred\"),\n              icon: <Star className=\"size-4\" />,\n              onClick: () => onFavorite(folder),\n            },\n          ]\n        : []),\n      ...(onInfo\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.details\", \"Details\"),\n              icon: <Info className=\"size-4\" />,\n              onClick: () => onInfo(folder),\n            },\n          ]\n        : []),\n      ...(onActivity\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.activity\", \"Activity\"),\n              icon: <Activity className=\"size-4\" />,\n              onClick: () => onActivity(folder),\n            },\n          ]\n        : []),\n      ...(onDelete\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.delete\", \"Delete\"),\n              icon: <Trash2 className=\"size-4\" />,\n              onClick: () => onDelete(folder),\n              variant: \"danger\" as const,\n              divider: true,\n            },\n          ]\n        : []),\n      ...(onRestore\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.restore\", \"Restore\"),\n              icon: <RotateCcw className=\"size-4\" />,\n              onClick: () => onRestore(folder),\n            },\n          ]\n        : []),\n    ],\n    [\n      folder,\n      onShare,\n      onMove,\n      onRename,\n      onFavorite,\n      onInfo,\n      onActivity,\n      onDelete,\n      onRestore,\n      t,\n    ],\n  );\n\n  return (\n    <div\n      className={`group relative cursor-pointer rounded-card border bg-bg-surface shadow-elevation-1 transition-all hover:shadow-elevation-2 focus-within:shadow-elevation-2 ${\n        isDragging ? \"opacity-50\" : \"\"\n      } ${\n        isValidDropTarget\n          ? \"border-action-primary-bg ring-2 ring-action-primary-bg ring-offset-2\"\n          : isSelected\n            ? \"border-action-primary-bg bg-bg-accent\"\n            : \"border-border-subtle\"\n      }`}\n      onClick={handleClick}\n      onContextMenu={handleContextMenu}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => {\n        if (!menuOpen) setIsHovered(false);\n      }}\n      onFocus={() => setIsHovered(true)}\n      onBlur={(event) => {\n        if (!event.currentTarget.contains(event.relatedTarget) && !menuOpen) {\n          setIsHovered(false);\n        }\n      }}\n      onKeyDown={(event) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n          event.preventDefault();\n          handleClick();\n        }\n      }}\n      draggable={Boolean(onDragStart)}\n      onDragStart={handleDragStart}\n      onDragEnd={handleDragEnd}\n      onDragOver={handleDragOver}\n      onDragEnter={handleDragEnter}\n      onDragLeave={handleDragLeave}\n      onDrop={handleDrop}\n      role=\"button\"\n      tabIndex={0}\n      aria-label={`${tWithFallback(t, \"files.browser.openFolder\", \"Open folder\")} ${folder.name}`}\n    >\n      <div className=\"flex items-center gap-3 p-3\">\n        {/* Selection checkbox */}\n        <div\n          className={`flex-shrink-0 transition-opacity ${\n            isSelected\n              ? \"opacity-100\"\n              : \"opacity-0 group-hover:opacity-100 group-focus-within:opacity-100\"\n          }`}\n          onClick={(e) => e.stopPropagation()}\n        >\n          <input\n            type=\"checkbox\"\n            checked={isSelected}\n            onChange={handleCheckboxChange}\n            className=\"size-4 rounded border-border-default bg-bg-surface text-action-primary-bg focus:ring-2 focus:ring-action-primary-bg focus:ring-offset-2\"\n            aria-label={`Select ${folder.name}`}\n          />\n        </div>\n\n        {/* Folder icon */}\n        <div className=\"flex-shrink-0 flex items-center justify-center size-10 rounded-lg bg-action-primary-bg/10\">\n          <FolderIcon className=\"size-5 text-action-primary-bg\" />\n        </div>\n\n        {/* Folder info */}\n        <div className=\"flex-1 min-w-0 pr-1\">\n          <div className=\"flex items-center gap-1.5\">\n            <span className=\"text-sm font-medium text-text-primary truncate\">\n              {folder.name}\n            </span>\n            {folder.starred && (\n              <Star className=\"size-3 flex-shrink-0 fill-yellow-400 text-yellow-400\" />\n            )}\n          </div>\n          <div className=\"flex items-center gap-1 mt-0.5 text-xs text-text-secondary\">\n            {subfoldersCount > 0 && (\n              <>\n                <span>\n                  {subfoldersCount}{\" \"}\n                  {subfoldersCount === 1\n                    ? tWithFallback(t, \"files.folder.subfolder\", \"folder\")\n                    : tWithFallback(t, \"files.folder.subfolders\", \"folders\")}\n                </span>\n                {filesCount > 0 && (\n                  <span className=\"text-border-subtle\">·</span>\n                )}\n              </>\n            )}\n            {filesCount > 0 && (\n              <span>\n                {filesCount}{\" \"}\n                {filesCount === 1\n                  ? tWithFallback(t, \"files.folder.file\", \"file\")\n                  : tWithFallback(t, \"files.folder.files\", \"files\")}\n              </span>\n            )}\n            {totalItems === 0 && (\n              <span>{tWithFallback(t, \"files.folder.empty\", \"Empty\")}</span>\n            )}\n            <span className=\"text-border-subtle\">·</span>\n            <span className=\"truncate\">{formatFileDate(folder.updatedAt)}</span>\n          </div>\n        </div>\n\n        {/* Right-side actions — always reserve space so layout is stable */}\n        <div className=\"flex-shrink-0 flex items-center gap-1\">\n          {isHovered && onRestore && (\n            <button\n              type=\"button\"\n              onClick={(e) => handleActionClick(e, () => onRestore(folder))}\n              className=\"p-1.5 hover:bg-status-success-bg-subtle rounded transition-colors\"\n              aria-label={tWithFallback(t, \"files.card.restore\", \"Restore\")}\n              title={tWithFallback(t, \"files.card.restore\", \"Restore\")}\n            >\n              <RotateCcw className=\"size-4 text-status-success-text\" />\n            </button>\n          )}\n          {isHovered && onShare && (\n            <button\n              onClick={(e) => handleActionClick(e, () => onShare(folder))}\n              className=\"p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors\"\n              aria-label={tWithFallback(t, \"files.card.share\", \"Share\")}\n              title={tWithFallback(t, \"files.card.share\", \"Share\")}\n            >\n              <Share2 className=\"size-4 text-text-secondary\" />\n            </button>\n          )}\n          {isHovered && onRename && (\n            <button\n              onClick={(e) => handleActionClick(e, () => onRename(folder))}\n              className=\"p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors\"\n              aria-label={tWithFallback(t, \"files.card.rename\", \"Rename\")}\n              title={tWithFallback(t, \"files.card.rename\", \"Rename\")}\n            >\n              <Edit className=\"size-4 text-text-secondary\" />\n            </button>\n          )}\n          <div onClick={(e) => e.stopPropagation()}>\n            <ActionMenu\n              items={menuItems}\n              align=\"right\"\n              triggerClassName={\n                !isHovered && !menuOpen\n                  ? \"opacity-0 group-hover:opacity-100\"\n                  : \"\"\n              }\n              isOpen={menuOpen}\n              onToggle={(open) => {\n                setMenuOpen(open);\n                if (open) setIsHovered(true);\n              }}\n            />\n          </div>\n        </div>\n\n        {/* Navigate-into arrow */}\n        <ChevronRight className=\"flex-shrink-0 size-4 text-text-muted opacity-0 group-hover:opacity-100 transition-opacity\" />\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/files/components/MoveDialog.js

@@ -6,19 +6,19 @@ import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/files/components/MoveDialog.tsx
 var d = ({ item: d, type: f, onClose: p, onMove: m, isLoading: h = !1 }) => {
-	let { t: g } = u(), [_, v] = n(null), [y, b] = n([]), [x, S] = n(null), { data: C, loading: w } = t(_ || void 0), T = C?.getFolders?.folders || [], E = (e) => {
+	let { t: g } = u(), [_, v] = n(null), [y, b] = n([]), [x, S] = n(void 0), { data: C, loading: w } = t(_ || void 0), T = C?.getFolders?.folders || [], E = (e) => {
 		v(e.id), b([...y, {
 			id: e.id,
 			name: e.name
-		}]);
+		}]), S(e.id);
 	}, D = (e) => {
-		if (e === -1) v(null), b([]);
+		if (e === -1) v(null), b([]), S(null);
 		else {
 			let t = y[e];
-			v(t.id), b(y.slice(0, e + 1));
+			v(t.id), b(y.slice(0, e + 1)), S(t.id);
 		}
 	}, O = async () => {
-		x !== d.id && (await m(x), p());
+		x === void 0 || x === d.id || (await m(x), p());
 	}, k = T.filter((e) => !(f === "folder" && e.id === d.id));
 	return /* @__PURE__ */ c("div", {
 		className: "fixed inset-0 backdrop-blur-sm flex items-center justify-center z-[100] animate-in fade-in duration-200",
@@ -37,6 +37,7 @@ var d = ({ item: d, type: f, onClose: p, onMove: m, isLoading: h = !1 }) => {
 						className: "text-lg font-semibold text-text-primary",
 						children: e(g, "files.moveDialog.title", "Move \"{{name}}\"", { name: d.name })
 					}), /* @__PURE__ */ c("button", {
+						type: "button",
 						onClick: p,
 						className: "p-1 text-text-tertiary hover:text-text-secondary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200",
 						"aria-label": e(g, "files.moveDialog.actions.close", "Close move dialog"),
@@ -48,12 +49,14 @@ var d = ({ item: d, type: f, onClose: p, onMove: m, isLoading: h = !1 }) => {
 					children: /* @__PURE__ */ l("div", {
 						className: "flex items-center gap-2 text-sm overflow-x-auto",
 						children: [/* @__PURE__ */ l("button", {
+							type: "button",
 							onClick: () => D(-1),
 							className: "flex items-center gap-1.5 text-text-primary hover:bg-action-ghost-bg-hover px-2 py-1 rounded transition-colors duration-200 whitespace-nowrap",
 							children: [/* @__PURE__ */ c(a, { className: "size-4" }), /* @__PURE__ */ c("span", { children: e(g, "files.browser.rootLabel", "My Drive") })]
 						}), y.map((e, t) => /* @__PURE__ */ l("div", {
 							className: "flex items-center gap-2 whitespace-nowrap",
 							children: [/* @__PURE__ */ c(r, { className: "size-4 text-text-tertiary" }), /* @__PURE__ */ c("button", {
+								type: "button",
 								onClick: () => D(t),
 								className: `hover:bg-action-ghost-bg-hover px-2 py-1 rounded transition-colors duration-200 ${t === y.length - 1 ? "text-text-primary font-medium" : "text-text-secondary"}`,
 								children: e.name
@@ -66,24 +69,23 @@ var d = ({ item: d, type: f, onClose: p, onMove: m, isLoading: h = !1 }) => {
 					children: w ? /* @__PURE__ */ c("div", {
 						className: "flex items-center justify-center py-8",
 						children: /* @__PURE__ */ c(o, { className: "size-6 text-text-tertiary animate-spin" })
-					}) : k.length === 0 ? /* @__PURE__ */ l("div", {
-						className: "text-center py-8",
-						children: [/* @__PURE__ */ c(i, { className: "size-12 text-text-tertiary mx-auto mb-3" }), /* @__PURE__ */ c("p", {
-							className: "text-sm text-text-secondary",
-							children: e(g, "files.moveDialog.empty.noFolders", "No folders here")
-						})]
 					}) : /* @__PURE__ */ l("div", {
 						className: "space-y-1",
 						children: [/* @__PURE__ */ l("button", {
+							type: "button",
 							onClick: () => S(_),
 							className: `w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-left transition-all duration-200 ${x === _ ? "bg-bg-accent border-2 border-action-primary-border" : "hover:bg-action-ghost-bg-hover border-2 border-transparent"}`,
 							children: [/* @__PURE__ */ c(i, { className: "size-5 text-text-link" }), /* @__PURE__ */ c("span", {
 								className: "font-medium text-text-primary",
 								children: e(g, "files.moveDialog.actions.moveHere", "Move here")
 							})]
-						}), k.map((t) => /* @__PURE__ */ l("div", {
+						}), k.length === 0 ? /* @__PURE__ */ c("p", {
+							className: "text-sm text-text-secondary text-center py-4",
+							children: e(g, "files.moveDialog.empty.noSubfolders", "No subfolders")
+						}) : k.map((t) => /* @__PURE__ */ l("div", {
 							className: `flex items-center justify-between gap-3 px-3 py-2.5 rounded-lg transition-all duration-200 ${x === t.id ? "bg-bg-accent border-2 border-action-primary-border" : "hover:bg-action-ghost-bg-hover border-2 border-transparent"}`,
 							children: [/* @__PURE__ */ l("button", {
+								type: "button",
 								onClick: () => S(t.id),
 								className: "flex items-center gap-3 flex-1 min-w-0",
 								children: [/* @__PURE__ */ c(i, { className: "size-5 text-text-link flex-shrink-0" }), /* @__PURE__ */ c("span", {
@@ -91,6 +93,7 @@ var d = ({ item: d, type: f, onClose: p, onMove: m, isLoading: h = !1 }) => {
 									children: t.name
 								})]
 							}), /* @__PURE__ */ c("button", {
+								type: "button",
 								onClick: () => E(t),
 								className: "p-1.5 text-text-tertiary hover:text-text-secondary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200 flex-shrink-0",
 								title: e(g, "files.moveDialog.actions.openFolder", "Open folder"),
@@ -103,10 +106,12 @@ var d = ({ item: d, type: f, onClose: p, onMove: m, isLoading: h = !1 }) => {
 				/* @__PURE__ */ l("div", {
 					className: "flex items-center justify-end gap-2 px-6 py-4 border-t border-border-default",
 					children: [/* @__PURE__ */ c("button", {
+						type: "button",
 						onClick: p,
 						className: "px-4 py-2 text-sm font-medium text-text-primary hover:bg-action-ghost-bg-hover rounded-lg transition-colors duration-200",
 						children: e(g, "files.common.actions.cancel", "Cancel")
 					}), /* @__PURE__ */ l("button", {
+						type: "button",
 						onClick: O,
 						disabled: h || x === void 0,
 						className: "px-4 py-2 text-sm font-medium text-text-inverse bg-action-primary-bg rounded-lg hover:bg-action-primary-bg-hover disabled:bg-bg-muted disabled:text-text-tertiary disabled:cursor-not-allowed transition-colors duration-200 flex items-center gap-2",